/********* Usercentrics DSGVO Consent-Tool  *********/

#usercentrics-button * {
    font-family: BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,"Oxygen-Sans",Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
}

body.contentpane #usercentrics-button,
body.wm-frame #usercentrics-button,
.tmpl-component #usercentrics-button {
    display: none;
}

#usercentrics-button .uc-banner-content, #uc-btn-more-info-banner,
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-card-header,
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs {
    background-color: #1e2021!important;
}

#uc-central-banner-modal:has(#uc-banner-centered)::before,
#uc-corner-modal:has(.corner-modal-wrapper)::before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00000082;
    z-index: 9999;
}

#usercentrics-button .uc-btn-new.uc-btn-accept,
#usercentrics-button .uc-btn-new.uc-btn-deny,
#usercentrics-button #uc-consents-info-modal .uc-consents-info-modal-wrapper .uc-modal-footer .uc-save-settings-and-close-button,
.usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button,
.uc-embedding-buttons button, .uc-embedding-accept {
    background-color: #3aaa5f!important;
    color: #ffffff;
    font-weight: 600!important;
    border-radius: 0;
    display: inline-block;
    margin: 2px 0 13px;
    width: 100%;
    padding: 10px 0;
    font-size: 17px;
    text-decoration: none;
}

#usercentrics-button .uc-btn-new.uc-btn-accept:hover,
#usercentrics-button .uc-btn-new.uc-btn-deny:hover,
#usercentrics-button .uc-btn-new.uc-btn-more:hover,
.uc-embedding-buttons .uc-embedding-more-info:hover,
.uc-embedding-wrapper a.uc-embedding-accept:hover,
.uc-embedding-buttons button:hover {
    background: #03884c!important;
}

#usercentrics-button .uc-btn-new,
#usercentrics-button .uc-btn-new.uc-btn-accept {
    margin: 2px 0 3px;
    border-radius: 0!important;
}

#uc-banner-centered .uc-banner-content .uc-banner-btn-list .uc-btn-accept-wrapper, #uc-banner-centered .uc-banner-content .uc-banner-btn-list .uc-btn-deny-wrapper {
    margin: 0!important;
}

.uc-embedding-buttons .uc-embedding-more-info {
    background-color: #cecece!important;
    color: #000;
}
.uc-embedding-buttons button {
    margin: 2px 0 13px;
    width: 100%;
}

.usercentrics-button .uc-corner-modal .uc-corner-modal-content h6 {
    text-align: left;
}

.uc-embedding-container {
    width: 100%;
    height: 100%;
    min-height: 500px;
    max-width: 100%;
    font-size: 0;
    position: relative;
    overflow: hidden;
    white-space: normal;
}
.uc-embedding-container div.uc-embedding-wrapper {
    width: 640px!important;
    padding: 20px!important;
    text-align: center;
    background-color: #FFF;
    border-radius: 0;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 35px);
    box-shadow: 0px 0px 12px #000;
    position: absolute;
    padding: 10px;
    top: 50px;
    left: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    overflow: auto;
    font-family: Arial, Verdana, sans-serif;
}
.uc-embedding-wrapper h3 {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    margin: 8px 0 8px;
    padding: 0;
    line-height: 130%;
}
.uc-embedding-wrapper p {
    text-align: center;
    font-size: 14px;
    margin: 6px 0 6px;
    padding: 0;
    line-height: 130%;
}
.uc-embedding-wrapper span {
    text-align: center;
    font-size: 12px;
    margin: 0;
}
.uc-embedding-wrapper h3::after,
.uc-embedding-wrapper h3::before {
	content: none;
}

@media print {
    .usercentrics-button {
        display: none;
    } 
}

/*** Webman Logo im Modal ***/
.uc-powered-by-footer img.uc-partner-icon {
    width: auto;
}
.uc-powered-by-footer a.uc-powered-by-logo[href="https://webman-webdesign.de"] .uc-powered-by-icon {
    max-width: 76px!important;
}

/*** Consent BIG (Bei klick auf [mehr] ***/
#usercentrics-button #uc-consents-info-modal .uc-consents-info-modal-wrapper .uc-modal-header {
    background-color: #4b4b4b!important;
}
#usercentrics-button #uc-consents-info-modal .uc-consents-info-modal-wrapper .uc-info-modal-sidebar {
    background-color: #e9e9e9!important;
}
#usercentrics-button #uc-consents-info-modal .uc-consents-info-modal-wrapper .uc-modal-header .uc-info-modal-search-bar .uc-info-modal-input-wrap {
    display: none;
}
.usercentrics-button.layout-1 .uc-corner-modal .uc-corner-modal-content ul.uc-nav-tabs {
    width: 100%;
}
.usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs li {
    margin: 0;
    padding: 0;
    width: 50%;
}

.uc-consent-info-section * {
    text-align: left;
}

/*** Google Maps Consent ***/
.cookiekritisch.maps .uc-embedding-container, 
.uc-embedding-container[pid=S1pcEj_jZX] {
    background-image: url('/images/template/pre-maps.png');
    background-position: center;
    background-size: cover;
    height: 600px;
}

.phocamaps-box .uc-embedding-container img,
.pm-desc {
	display: none
}
/*** Facebook-Feed Consent ***/
.uc-embedding-container[pid="1XvFW-Y2k"] {
    background-image: url('/images/template/pre-socialfeed.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 600px;
}


/*** 2-Klick iframes ***/

body#dsgvo-iframe {
    background-image: url('/images/template/pre-socialfeed.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

iframe[webman-info=dsgvo-frame] {
    min-height: 550px;
}

body#dsgvo-iframe .consenthalter {
    text-align: center;
    margin: 55px auto 0;
}

/*** Externe Links ***/

a.externLink::after {
    display: inline-block;
    width: 8px;
    margin: -4px 5px 0 2px;
    content: url('/images/template/externLink_black.svg');
    height: 8px;
    vertical-align: text-top;
}