/*** Overpass START */
/* 400-normal */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-regular.eot');
  src: local('Overpass Regular'), local('Overpass-Regular'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-regular.woff2') format('woff2'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-regular.woff') format('woff'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-regular.ttf') format('truetype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-regular.svg#Overpass') format('svg');
}
/* 400-italic */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-display: auto;
  font-weight: 400;
  src: url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-italic.eot');
  src: local('Overpass Italic'), local('Overpass-Italic'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-italic.woff2') format('woff2'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-italic.woff') format('woff'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-italic.ttf') format('truetype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-italic.svg#Overpass') format('svg');
}
/* 700-normal */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700.eot');
  src: local('Overpass Bold'), local('Overpass-Bold'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700.woff2') format('woff2'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700.woff') format('woff'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700.ttf') format('truetype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700.svg#Overpass') format('svg');
}
/* 700-italic */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-display: auto;
  font-weight: 700;
  src: url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700italic.eot');
  src: local('Overpass Bold Italic'), local('Overpass-BoldItalic'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700italic.woff2') format('woff2'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700italic.woff') format('woff'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700italic.ttf') format('truetype'),
       url('/ARANESLIB/fonts/overpass/overpass-v2-latin-ext_latin-700italic.svg#Overpass') format('svg');
}
/* Overpass ENDE ***/
@charset "UTF-8";
@media all {
    #dsgvoWrapper .dsgvoButtonLine button {
        color: #fff !important;
        margin-top: 0 !important;
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton {
        background-color: #3fa535 !important; 
        color: #fff !important;
    }   
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper .dsgvoDialog button.dsgvoDeclineButton,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper .dsgvoDialog button.dsgvoDeclineButton {
        background-color:  #979797 !important;
    }  
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper a,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper a {
        color: #000 !important; 
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper .dsgvoDialog,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper .dsgvoDialog {
        background: rgba(38, 123, 167,.9);
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper .dsgvoDialog .dsgvoExplainText,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper .dsgvoDialog .dsgvoExplainText {
        color: #fff;
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper {
        border-top: 10px solid #3fa535; 
    }
    #dsgvoWrapper {
        background-color: rgba(0,0,0,.25);
    }
    #dsgvoInnerWrapper {
        background-color: rgba(0,0,0,.5);
    }
    /*Der Erläuterungstext Container (div)*/
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog {
        background-color: #fff;
        color: #000 !important;
    }    
    /*Ablehnen-Button*/
    #dsgvoWrapper button.dsgvoDeclineButton {
        color: #000 !important;
    }
    #dsgvoWrapper button.dsgvoDeclineButton:HOVER {
        background: #A3A39E !important;
        color: #fff !important;
    }
    /*Zustimmen-Button*/
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton {
        background-color: green !important;
        color: #fff;
        font-size: 1.3em;
    }
    #dsgvoWrapper a {
        color: #000 !important;
    }
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton:HOVER {
        box-shadow: 0 0 8px #000;
    }
    #dsgvoWrapper .dsgvoButtonLine {
        text-align: center;
    }
    #dsgvoWrapper .dsgvoButtonLine button:HOVER {
        cursor: pointer;
    }
    #dsgvoWrapper .dsgvoButtonLine button {
        color: #fff !important;
        padding: .5em 2em;
        font-weight: normal;
        white-space: normal;
        border: none;
        border-radius: 0;
        font-family: inherit;
        font-weight: normal;
        font-size: 1em;
        text-shadow: none;
        line-height: 1.5em;
        margin: 0 .5em .5em 0;
        box-sizing: border-box;
        position: static;
        width: auto;
    }

    #dsgvoWrapper .topDlg {
        position: static;
    }
    #dsgvoWrapper .bottomDlg {
        position: fixed;
    }
    #dsgvoWrapper .topDlg {
        top: 0;
    }
    #dsgvoWrapper .bottomDlg {
        bottom: 0 !important;
        top: auto;
    }
    #dsgvoWrapper.bottomDlg {
        top: auto;
    }
    #dsgvoWrapper.topDlg {
        bottom: auto;
    }
    #dsgvoWrapper.topDlg,
    #dsgvoWrapper.bottomDlg {
        display: inline-block;
        font-size: .85em;
        position: static;
    } 
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper {
        width: 100%;
        padding: 0;
        border-radius: 0;
        box-sizing: border-box;
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper header,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper header {
        display: none;
    }
    #dsgvoWrapper {
        background-color: rgba(0,0,0,.25);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1999;
    }
    #dsgvoInnerWrapper {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.5);
        width: 50%;
        margin: 0 auto;
        padding: 1em;
        border-radius: 5px;
        z-index: 2000;
    }
    /*Falls Überschrift vorhanden*/
    #dsgvoWrapper header {
        font-size: 1.7em;
        padding: .5em 0 0 0;
        font-weight: bold;
    }
    /*Falls in Überschrift ein Tag verwendet wird, eg. <h1>*/
    #dsgvoWrapper header:first-child {

    }
    /*Der Erläuterungstext Container (div)*/
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog {
        background-color: #fff;
        padding: .5em 2vw;
        color: #000 !important;
    }    
    /*Der Erläuterungstext-Absatz (p-Tag))*/
    #dsgvoWrapper .dsgvoDialog .dsgvoExplainText {
        font-size: 1.2em;
    }    
    /*Link zur Datenschutzerklärung*/
    #dsgvoWrapper .dsgvoDialog a{

    }    
    /*Button-Container*/
    #dsgvoWrapper .buttonLine {
        margin: 0;
    }
    /*Alle Buttons*/
    #dsgvoWrapper button[type='button'] {

    }
    /*Ablehnen-Button*/
    #dsgvoWrapper button.dsgvoDeclineButton {
        font-size: 1em;
        color: #000 !important;
    }
    #dsgvoWrapper button.dsgvoDeclineButton:HOVER {
        background: #A3A39E !important;
        color: #fff !important;
    }
    /*Zustimmen-Button*/
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton {
        background-color: #2C2424 !important;
        box-shadow: 0 0 4px #000;
        font-weight: normal;
        color: #fff;
    }
    #dsgvoWrapper a {
        color: #000 !important;
    }
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton:HOVER {
        box-shadow: 0 0 8px #000;
    }
}
@media all and (max-width: 1250px) {
    #dsgvoInnerWrapper {
        width: 65%;
    }
}
@media all and (max-width: 960px) {
    #dsgvoInnerWrapper {
        width: 75%;
    }
}
@media all and (max-width: 800px) {
    #dsgvoInnerWrapper {
        width: 85%;
    }
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog .dsgvoExplainText,
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog .dsgvoExplainText {
        max-height: 6em;
        overflow: scroll;
    }
}
@media all and (max-width: 700px) {
    #dsgvoWrapper button.dsgvoDeclineButton,
    #dsgvoWrapper button.dsgvoAcceptButton {
        min-width: 0;
        max-width: none;
        width: 49%;
        margin: 0;
    }
    #dsgvoWrapper button.dsgvoDeclineButton {
        margin-right: 2%;
    }
    #dsgvoInnerWrapper {
        width: 90%;
    }
}
@media all and (max-width: 650px) {
    #dsgvoWrapper button.dsgvoDeclineButton,
    #dsgvoWrapper button.dsgvoAcceptButton {
        width: 100%;
    }
    #dsgvoWrapper button.dsgvoDeclineButton {
        margin: 0 0 1em 0;
    }
    #dsgvoInnerWrapper {
        width: 100%;
        box-sizing: border-box;
    }
}