#btCookieConsentDialog {
    font-size: 1.6rem !important;
}

#btCookieConsentDialog a {
    color: #097EA5 !important;
    font-weight: 400 !important;
}

#btCookieConsentDialog a:hover,
#btCookieConsentDialog a:focus {
    text-decoration: underline !important;
}

#btCookieConsentDialog .btCookieConsentButton {
    padding: 8px 8px !important;
}

#btCookieConsentDialog .btCookieConsentOnOffSwitch {
    float: none !important;
    display: inline-block !important;
    width: 38px !important;
}

#btCookieConsentDialog .btCookieConsentOnOffSwitch-label:focus {
    /*box-shadow: 0 0 4px 1px #909090 !important;*/
    box-shadow: none !important;
    outline: 1px solid lightgrey !important;
}

#btCookieConsentDialog .btCookieConsentSwitchTextDiv {
    display: inline-block;
    width: 40px;
    text-align: center !important;
    position: absolute;
    padding-top: 2px;
    margin-left: 3px;
}

#btCookieConsentSwitchText {
    color: #1D4777 !important;
    font-weight: bold !important;
}

#btCookieConsentDialog.btCookieConsentDialogPositionBottom {
    width: 100% !important;
}

#btCookieConsentDialog #btCookieConsentTitleLogoCont {
    margin-bottom: 1em;
}

#btCookieConsentDialogTitle {
    color: #1D4777;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-top: 10px;
    width: 65%;
}
@media screen and (max-width: 568px) {
    #btCookieConsentDialogTitle {
        color: #1D4777;
        display: inline-block;
        font-size: 1rem;
        line-height: 1.2rem;
        margin-top: 5px;
        width: 65%;
    }

}

#btCookieConsentDialog #btCookieConsentWebsiteLogo {
    display: inline-block;
    width: 27%;
    vertical-align: top;
    float: right;
}

#btCookieConsentDialog #btCookieConsentWebsiteLogo img {
    width: 100%;
    height: auto;
}

@media (min-width: 434px) {
    #btCookieConsentDialog #btCookieConsentWebsiteLogo {
        width: 55px;
    }
}

#btCookieConsentDialogDescription p {
    margin-bottom: 15px;
}

.btCookieConsentButton,
#btCookieConsentButtonAllowAll {
    display: block;
    width: 73%;
    margin: 0 auto 10px !important;

    text-align: center !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    background-color: #3371ad !important;
    color: #ffffff !important;

    border: 1px solid #1D4777 !important;
    border-radius: 3px !important;
}

.btCookieConsentButton {
    background-color: #ffffff !important;
    color: #1D4777 !important;
    border: 1px solid #1D4777 !important;
}

.btCookieConsentButton:hover,
.btCookieConsentButton:focus {
    background-color: #1D4777 !important;
    color: #ffffff !important;
    border: 1px solid #1D4777 !important;
    box-shadow: none !important;
}

#btCookieConsentButtonAllowAll:hover,
#btCookieConsentButtonAllowAll:active,
#btCookieConsentButtonAllowAll:focus {
    background-color: #144f88 !important;
    color: #ffffff !important;

    border: 1px solid #1D4777 !important;
    box-shadow: none !important;
}

#btCookieConsentPrivacy {
    text-align: center !important;
    font-size: .9em;
    margin-bottom: 0 !important;
}

#btCookieConsentDialog .btCookieConsentOnOffSwitch-inner::before {
    background-color: #3371AD !important;
}

#btCookieConsentDialog .required-cookie::before {
    background-color: #757575 !important;
}

#btCookieConsentDialog .btCookieConsentOnOffSwitch-switch,
#btCookieConsentDialog .btCookieConsentOnOffSwitch-label {
    border-radius: 20px !important;
    border: none !important;
}

#btCookieConsentDialog .btCookieConsentOnOffSwitch-inner::before,
#btCookieConsentDialog .btCookieConsentOnOffSwitch-inner::after {
    line-height: 26px !important;
    height: 23px !important;
}

#btCookieConsentDialog .btCookieConsentOnOffSwitch-inner::after {
    color: #1D4777 !important;
    background-color: #cccccc !important;
}

/* Cookie Kategorien sollen nicht angezeigt werden sondern nur auf der Datenschutz Seite. */
#btCookieConsentDialogCustomize,
#btCookieConsentDialogShort,
#btCookieConsentDialog .cookie-consent-divider {
    display: none !important;
}

/* Falls man auf der Datenschutz Seite ist und den Cookies/Einwilligungen Button drückt werden die element angezeigt */
#btCookieConsentDialog.show-cookie-categories #btCookieConsentDialogCustomize,
#btCookieConsentDialog.show-cookie-categories #btCookieConsentDialogShort,
#btCookieConsentDialog.show-cookie-categories .cookie-consent-divider {
    display: block !important;
}

#btCookieConsentDialogCustomize ul {
    list-style: none;
    padding-left: 0;
}

.btCookieConsentAllCookies {
    margin-bottom: 1em;
}

#btCookieConsentDialog li {
    margin-top: 1em !important;
    margin-bottom: 0 !important;
    width: 100%;
    vertical-align: middle !important;
}

#btCookieConsentDialogCustomize ul ul {
    list-style: none;
    padding-left: 40px;
}

#btCookieConsentDialog .btCookieConsentCategoryTitle,
#btCookieConsentDialog .btCookieConsentServiceTitle {
    font-weight: 700 !important;
}

#btCookieConsentDialog .btCookieConsentCategoryDetails,
#btCookieConsentDialog .btCookieConsentServiceDetails {
    font-size: 0.94em;
}

#btCookieConsentDialog .btCookieConsentServiceDetails {
    margin-bottom: 1em;
}

#btCookieConsentDialogCustomize li {
    display: inline-block;
}

#btCookieConsentDialogCustomize li div:nth-of-type(1) {
    position: relative;
    float: left;
    width: calc(100% - 85px);
}

#btCookieConsentDialogCustomize li div:nth-of-type(2) {
    float: right;
    display: block;
}

#btCookieConsentDialogCustomize li div:nth-of-type(3) {
    clear: both;
}

#btCookieConsentDialog .btCookieConsentOnOffSwitch-switch {
    height: 17px !important;
    width: 17px !important;
    border-radius: 50% !important;
    margin: 3px !important;
}

.slideDialog {
    animation: 1s slide-up;
}

@keyframes slide-up {
    from {
        margin-top: 100%;
    }

    to {
        margin-top: 0;
    }
}

#btCookieConsentDialog.btCookieConsentDialogPositionMiddle {
    width: 100% !important;
    max-width: 90vw;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    font-family: "Open Sans Regular", Arial, sans-serif;
    line-height: 24px;
    font-size: 14px;
    position: relative;
    padding: 32px;
}

/* Collapse - START */
.collapsible {
    cursor: pointer;
    outline: none;
}

.collapsible:focus {
    text-decoration: underline;
}

.collapsible::before {
    content: '\25bc';
    font-weight: 100;
    display: inline-block;
    width: 13px;
    height: 10px;
    margin-right: 7px;
    vertical-align: top;
}

.collapsible-active::before {
    content: "\25b2";
}
#btCookieConsentDialog .btCookieConsentOnOffSwitch-label:before {
    content: none !important;
}

#btCookieConsentDialog #btCookieConsentService_matomo {
    display: none !important;
}

/*.collapsible::after {*/
/*    content: '\25bc';*/
/*    font-weight: 100;*/
/*    display: inline-block;*/
/*    width: 13px;*/
/*    height: 10px;*/
/*    margin-left: 10px;*/
/*    vertical-align: top;*/
/*}*/

/*.collapsible-active::after {*/
/*    content: "\25b2";*/
/*}*/

/* Custom Icon - START */
/** noevers Icon - START **/
.collapsible-noevers::before {
    content: "\e114";
    font-family: 'Glyphicons Halflings';
}

.collapsible-noevers-active::before {
    content: "\e113";
    font-family: 'Glyphicons Halflings';
}
/** noevers Icon - END **/
/* Custom Icon - END */

#btCookieConsentRoot .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.cookie-consent-divider {
    border-top: 1px solid #e2e2e2 !important;
}
/* Collapse - END */
#btCookieConsentDialog a,
#btCookieConsentDialog button,
#btCookieConsentDialog div,
#btCookieConsentDialog li,
#btCookieConsentDialog span {
    font-size: 0.9rem  !important;
    line-height: 16px !important;
}
@media (min-width: 520px) {
    #btCookieConsentDialog.btCookieConsentDialogPositionMiddle {
        max-height: 90% !important;
        top:32px;
    }
    #btCookieConsentDialog a,
    #btCookieConsentDialog button,
    #btCookieConsentDialog div,
    #btCookieConsentDialog li,
    #btCookieConsentDialog span{
         font-size: 1rem !important;
    }

    #btCookieConsentRoot {
        overflow: hidden !important;
    }

    #btCookieConsentDialog {
        overflow-y: auto !important;
        max-height: 100%;
    }

    #btCookieConsentDialog::-webkit-scrollbar {
        width: 10px;
    }

    #btCookieConsentDialog::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #d8d8d8;
    }

    #btCookieConsentDialog::-webkit-scrollbar-track {
        margin-right: 20px;
    }

    #btCookieConsentDialog a {
        text-decoration: none;
    }

    #btCookieConsentDialogDescription {
        position: relative;
    }

    #btCookieConsentDialogMessage,
    #btCookieConsentDialogShort{
        position: relative;
        display: inline-block;
    }

    #btCookieConsentDialogMessage {
        vertical-align: middle !important;
    }

    .bottomDisplay {
        text-align: center !important;
        width: 100%;
    }

    .btCookieConsentButton,
    #btCookieConsentButtonAllowAll {
        width: 40%;
        margin: 0 auto 10px !important;
    }

    .bottomDisplay #btCookieConsentButtonAllowAll,
    .bottomDisplay .btCookieConsentButton {
        position: relative;
        display: inline-block;
        width: 40%;
    }

    .bottomDisplay #btCookieConsentButtonAllowAll {
        margin-right: 1em !important;
    }

    #btCookieConsentDialog div {
        vertical-align: middle !important;
    }

    .slideDialog {
        overflow-y: scroll !important;
    }

    .slideDialog::-webkit-scrollbar {
        width: 11px;
    }

    .slideDialog::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #d8d8d8;
    }

    .slideDialog::-webkit-scrollbar-track {
        margin-right: 20px;
    }
}

@media (min-width: 1024px) {
    #btCookieConsentDialog.btCookieConsentDialogPositionMiddle {
        vertical-align: top !important;
        max-width: 60vw !important;
    }

    .bottomDisplay {
        text-align: center !important;
    }

    .bottomDisplay #btCookieConsentButtonAllowAll,
    .bottomDisplay .btCookieConsentButton {
        position: relative;
        display: inline-block;
        width: 35%;
    }

    .bottomDisplay #btCookieConsentButtonAllowAll {
        margin-right: 1em !important;
    }
}

@media (min-width: 1366px) {
    #btCookieConsentDialog.btCookieConsentDialogPositionMiddle {
        max-width: 740px !important;
    }
}
#btCookieConsentDialog input[type="checkbox"]:checked + label::before {
    content: none !important;
}
#btCookieConsentDialog input[type="checkbox"] + label > span,
#btCookieConsentDialog input.input-radio[type="radio"] + label > span {
    max-width: none !important;
}