/*** Titillium+Web START */
/* 400-normal */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: auto;
  font-weight: 400;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.eot');
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-regular.svg#TitilliumWeb') format('svg');
}
/* 400-italic */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: auto;
  font-weight: 400;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.eot');
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-italic.svg#TitilliumWeb') format('svg');
}
/* 700-normal */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-display: auto;
  font-weight: 700;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.eot');
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700.svg#TitilliumWeb') format('svg');
}
/* 700-italic */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-display: auto;
  font-weight: 700;
  src: url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.eot');
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.woff2') format('woff2'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.woff') format('woff'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.ttf') format('truetype'),
       url('/ARANESLIB/fonts/titillium-web/titillium-web-v6-latin-ext_latin-700italic.svg#TitilliumWeb') format('svg');
}
/* Titillium+Web ENDE ***/
@charset "UTF-8";
@media all {
    #dsgvoWrapper .dsgvoButtonLine button {
        color: #fff !important;
        margin-top: 1.3em !important;
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton {
        background-color:  #2C6823 !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: #2C6823 !important; 
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper .dsgvoDialog,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper .dsgvoDialog {
        background: rgba(0,0,0,.9);
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper .dsgvoDialog .dsgvoExplainText,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper .dsgvoDialog .dsgvoExplainText {
        color: #fff;
    }
    #dsgvoWrapper.topDlg #dsgvoInnerWrapper,
    #dsgvoWrapper.bottomDlg #dsgvoInnerWrapper {
        border-top: 10px solid #2C6823; 
    }
    #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;
    }
    #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: .75em;
        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: .85em;
        color: #000 !important;
    }
    #dsgvoWrapper button.dsgvoDeclineButton:HOVER {
        background: #A3A39E !important;
        color: #fff !important;
    }
    /*Zustimmen-Button*/
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton {
        background-color: green !important;
        box-shadow: 0 0 4px #000;
        font-weight: normal;
        color: #fff;
    }
    #dsgvoWrapper a {
        color: #000 !important;
    }
    #dsgvoWrapper #dsgvoInnerWrapper .dsgvoDialog button.dsgvoAcceptButton:HOVER {
        font-weight: bold;
        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;
    }
}