/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/
body {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    background-color: #f2f3f2;
    font-size: 16px;
    color: #767676;
}

p, span, a, label {
    font-family: 'Open Sans Condensed', sans-serif;
}

p {
    font-size: 20px;
    color: #767676;
}

label {
    font-size: 16px;
    text-transform: none;
    color: #767676;
}

#content p {
    margin-bottom: 10px;
    line-height: 1.7;
}

form p,
form .widget p {
    font-size: 20px !important;
}

#content .ce_text ul,
#content .content-text ul {
    margin-left: 0px;
    padding-left: 22px;
    list-style-position: outside;
}

#content .ce_text ul,
#content .content-text ul {
    margin-left: 0px;
    padding-left: 24px;
    list-style-position: outside;
}

#content .ce_text ul li,
#content .ce_text ol li,
#content .content-text ul li,
#content .content-text ol li {
    font-size: 20px;
    color: #000000;
    font-weight: 300;
    line-height: 1.7;
}

#content .ce_text ol li::marker,
#content .content-text ol li::marker {
    text-align: right;
}

#content .ce_text a,
#content .content-text a,
#content .elementAdress a,
form a,
.download-element a {
    color: #004587;
}

li.download-element {
    list-style: inside;
    font-size: 20px;
    line-height: 1.7;
}

#content .ce_text a:hover,
#content .ce_text a:focus,
#content .content-text a:hover,
#content .content-text a:focus,
#content .elementToggle .text p a:hover,
#content .elementToggle .text p a:focus {
    color: #000000;
}

.table>tbody>tr>td {
    text-align: left;
    font-family: 'Open Sans Condensed', sans-serif;
    border-top: 1px solid #ebeae5;
    font-size: 23px;
    color: #000000;
}

.table>tbody>tr>th.col_first,
.table>tbody>tr>th:first-child {
    width: 25%;
    color: #000000;
    border-top: 1px solid #ebeae5;
    font-size: 23px;
}

.elementAdress p {
    margin-bottom: 0;
}

hr {
    border-top: 1px solid #ebeae5;
}

#content .checkbox-style:checked+.checkbox-style-3-label:before {
    background: #000000;
    font-size: 13px;
}

#gotoTop:hover, #gotoTop:focus {
    background-color: rgba(218, 32, 45, .28);
}

#content {
    background-color: #f2f3f2;
}

#content .ce_text a,
#content .content-text a {
    font-size: 20px;
    color: #000000;
    text-decoration: underline !important;
}

#content .ce_text a:hover,
#content .ce_text a:focus,
#content .content-text a:hover,
#content .content-text a:focus {
    color: rgba(218, 32, 45, .28) !important;
    text-decoration: none !important;
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: rgba(218, 32, 45, .28) !important;
}

::selection {
    background: #767676;
}

::-moz-selection {
    background: #767676;
}

::-webkit-selection {
    background: #767676;
}

/* Header Gallery */
.section.header-gallery {
    overflow: hidden !important;
}

@media (max-width: 991px) {
    body {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    .section.section.header-gallery {
        margin-top: 7px !important;
    }
}

/* ----------------------------------------------------------------
	Mobile optimierung
-----------------------------------------------------------------*/
@media (max-width: 479px) {
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 320px) {
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* ----------------------------------------------------------------
	Fonts
-----------------------------------------------------------------*/
h1 {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

h2 {
    border-bottom: 1px solid #000000;
    display: inline-block;
    border-top: 1px solid #000000;
    padding: 8px 0;
    font-weight: initial;
    margin: 0 0 30px;
}

h3 {
    font-size: 30px;
    padding: 8px 0;
    font-weight: initial;
    margin: 0 0 30px;
}

h4 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700;
}

h5 {
    font-size: 25px;
    font-weight: 300;
}

h6 {
    font-size: 20px;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #000000;
}

@media (max-width: 991px) {
    h1 {
        font-size: 38px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    h2 {
        font-size: 33px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    h3 {
        font-size: 28px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    h4 {
        font-size: 23px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    h5 {
        font-size: 20px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    h6 {
        font-size: 17px;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

/* ----------------------------------------------------------------
	Filter
-----------------------------------------------------------------*/
.portfolio-filter.style-3 {
    margin-bottom: 10px !important;
}

.portfolio-filter.style-3 li a {
    color: #000000;
    font-size: 16px;
    line-height: 18px;
}

.portfolio-filter.style-3 li.activeFilter a {
    color: #000000 !important;
    border-color: transparent;
    background-color: #FFFFFF;
    border-radius: 1px !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    text-transform: uppercase;
}

/* ----------------------------------------------------------------
	Header, Logo
-----------------------------------------------------------------*/
#header, #header-wrap, #logo img {
    height: 95px;
}

#header-wrap {
    background-color: rgba(255, 255, 255, 1) !important;
}

#logo {
    margin-top: 0;
    border: none !important;
}

#header #logo img {
    height: 78px;
}

#header.sticky-header #logo {
    margin-top: 0;
}

#header.sticky-header #logo img {
    height: 60px !important;
}

@media (max-width: 991px) {
    #header {
        height: 54px !important;
        min-height: 54px !important;
    }

    #logo {
        margin-top: 0 !important;
        padding-top: 0 !important;
        text-align: left;
        height: 54px;
    }

    #logo img {
        height: 25px;
    }
}

/* ----------------------------------------------------------------
	Primary Menu
-----------------------------------------------------------------*/
#header.full-header #primary-menu>ul {
    border: none !important;
}

#primary-menu ul>li {
    margin-left: 0;
}

#primary-menu ul li .mega-menu-content {
    border-top: 2px solid #ebeae5 !important;
}

/* Level 1 */
#primary-menu ul li>a {
    padding-top: 30px;
    padding-bottom: 14px;
    font-size: 16px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #000000;
}

#primary-menu>ul>li>a {
    font-size: 16px;
    padding: 30px 25px 14px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: bold;
    color: #000000;
    height: 89px;
}

#primary-menu>ul>li>a>div {
    position: relative;
    padding-right: 15px;
    height: 44px;
}

#primary-menu>ul>li>a>div:after {
    font-family: 'twblue', sans-serif;
    content: "\e7a3";
    position: absolute;
    bottom: 0;
    right: 0;
}

#header.sticky-header #primary-menu>ul>li>a {
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    height: 58px;
}

/* Level 2 */
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a,
#header.sticky-header #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: none !important;
    color: #000000 !important;
    padding: 0 !important;
    margin-bottom: 10px;
}

/* Level 3 */
#primary-menu ul li .mega-menu-content.style-2 ul li>a,
#header.sticky-header #primary-menu ul li .mega-menu-content.style-2 ul li>a {
    color: #767676 !important;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    text-transform: none;
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (min-width : 991px) and (max-width : 1041px) {
    #primary-menu>ul>li>a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

#top-search, #top-cart, #side-panel-trigger, #top-account {
    margin: 52px 0 23px 10px;
}

#top-search form input {
    padding: 45px 80px 10px 0;
    font-size: 20px !important;
    text-transform: none;
    font-family: 'Open Sans Condensed', sans-serif;
}

#top-search a i {
    font-size: 30px;
    top: -7px;
}

#header.sticky-header:not(.static-sticky) #top-search {
    margin-top: 29px !important;
    margin-bottom: 16px !important;
}

#header.sticky-header:not(.static-sticky) #top-search form input {
    padding-top: 20px;
    padding-bottom: 0;
}

@media only screen and (max-width: 992px) {
    #primary-menu {
        border-top: none;
    }

    #header-wrap, #logo, #logo img, #top-search form {
        height: 60px !important;
    }

    #header-wrap {
        border-bottom: none !important;
    }

    #primary-menu-trigger {
        top: 5px;
        left: 140px;
    }

    #primary-menu-trigger i {
        color: #000000;
    }

    #primary-menu>ul>li.sub-menu>a {
        background-image: none;
        height: 70px;
    }

    #top-search a {
        margin: 23px 0;
        top: 5px;
        right: 30px;
    }

    #top-search form input {
        padding: 10px 80px 10px 0;
    }

    #header.full-header #primary-menu ul li.mega-menu .mega-menu-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a {
        color: #767676 !important;
    }

    #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        color: #000000 !important;
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    #logo img {
        height: 60px !important;
    }
}

@media (max-width: 479px) {
    #top-search a {
        right: 47px !important;
    }
}

/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
#slider .slider-caption.slider-caption-center h2 {
    display: flex;
    justify-content: center;
}

#slider .slider-caption.slider-caption-center p {
    display: flex !important;
    justify-content: center;
}

.swiper_wrapper .slider-caption h2 {
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
    color: #FFFFFF !important;
    border-bottom: none;
    border-top: none;
    margin-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
}

.swiper_wrapper .slider-caption p {
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
    color: #FFFFFF !important;
}

@media (max-width: 991px) {
    .swiper_wrapper .slider-caption h2 {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    #slider .slider-caption.slider-caption-center h2,
    .slider-caption.slider-caption-center {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }

    #slider .slider-caption.slider-caption-center h2,
    #slider .slider-caption.slider-caption-center p {
        display: block !important;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
    }

}

/*Menu*/
#primary-menu ul li:hover>a {
    color: #767676 !important;
}

.portfolio-overlay a:hover {
    background-color: rgba(218, 32, 45, .28);
}

.portfolio-overlay a:hover i {
    color: #fff;
}

#top-search form input {
    font-size: 30px;
    letter-spacing: 0;
}

.mod_article>.row .ce_row>.ce_column>.ce_rsce_teaser,
.mod_article>.row .row>.ce_app_grid_column_start>.ce_rsce_teaser,
.mod_article>.row .ce_row>.ce_column>.ce_image,
.mod_article>.row .row>.ce_app_grid_column_start>.content-image {
    margin-top: 20px !important;
}

.mod_article .portfolio>article .flex-viewport {
    height: 220px !important;
}

.mod_article .portfolio>article .flex-viewport img {
    height: 219px !important;
}

.portfolio-overlay>a {
    top: 160px !important;
}

.portfolio-overlay .portfolio-desc~a {
    top: 0 !important;
}

.portfolio article .portfolio-image .portfolio-overlay div a .portfolio-desc, .portfolio article .portfolio-image .portfolio-overlay .portfolio-desc {
    background-color: transparent !important;
}

.portfolio article .portfolio-image .portfolio-overlay div a .portfolio-desc h3, .portfolio article .portfolio-image .portfolio-overlay .portfolio-desc h3 {
    font-size: 20px;
}

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/
.inline-btn {
    display: inline;
}

.button:hover {
    background-color: #767676 !important;
    color: #FFF;
}

.btn-danger {
    color: #ffffff;
    background-color: #f20026;
    border-color: #f20026;
}

.button.btn-default, .btn.btn-default {
    font-size: 20px;
    font-weight: 300;
    background-color: #004587 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    border-radius: 0;
    text-transform: uppercase;
    margin-left: 0;
}

.button.btn-default:hover, .button.btn-default:focus, .btn.btn-default:hover, .btn.btn-default:focus {
    font-size: 20px;
    background-color: #0064b0 !important;
    color: #FFFFFF !important;
    font-weight: 300;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: uppercase;
}

.button.btn-primary, .btn.btn-primary {
    font-size: 20px;
    background-color: #DB1119;
    color: #FFFFFF;
    font-weight: 300;
    text-shadow: none;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    margin-left: 0;
}

.button.btn-primary:hover, .button.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #A6011B;
    font-weight: 300;
    color: #FFFFFF !important;
}

.button.btn-success, .btn.btn-success {
    font-size: 20px;
    background-color: #004587 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    font-weight: 300;
    border: 0;
    border-radius: 0;
    text-transform: uppercase;
    margin-left: 0;
}

.button.btn-success:hover, .button.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:focus {
    background-color: #0064b0 !important;
    font-weight: 300;
    color: #FFFFFF !important;
    text-transform: uppercase;
}

.button.button-dark, .btn.button-dark {
    font-size: 20px;
    font-weight: 300;
    background-color: #767676 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    border-radius: 0;
    text-transform: uppercase;
    margin-left: 0;
}

.button.button-dark:hover, .button.button-dark:focus, .btn.button-dark:hover, .btn.button-dark:focus {
    font-size: 20px;
    background-color: #004587 !important;
    color: #FFFFFF !important;
    font-weight: 300;
    text-shadow: none;
    text-decoration: none !important;
    text-transform: uppercase;
}

.button.button-border {
    font-size: 20px;
    font-weight: 300;
    background-color: transparent !important;
    color: #f20026;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 0;
    border: 2px solid #f20026;
    margin-left: 0;
}

.button.button-border:hover, .button.button-border:focus, #content .button.button-border:hover, #content .button.button-border:focus {
    background-color: #A6011B !important;
    font-weight: 300;
    color: #FFFFFF !important;
    text-decoration: none !important;
    border: 2px solid #A6011B;
}

.button.button-light {
    font-size: 20px;
    font-weight: 300;
    text-transform: inherit;
    text-shadow: none;
    border: 0;
    border-radius: 3px;
    background-color: #A6011B !important;
    color: #FFFFFF !important;
    margin-left: 0;
}

.button.button-light:hover, .button.button-light:focus, #content .button.button-light:hover, #content .button.button-light:focus {
    font-size: 20px;
    background-color: #DB1119 !important;
    color: #FFFFFF;
    font-weight: 300;
    text-transform: inherit;
    text-shadow: none;
    border: 0;
    border-radius: 3px;
    text-decoration: none !important;
}

/* ----------------------------------------------------------------
	TW Teaserboxen
-----------------------------------------------------------------*/
.ce_rsce_teaser,
.ce_app_subpages,
.mod_news_list,
.ce_app_object_list {
    padding-bottom: 15px;
}

.portfolio-desc {
    background-color: #fff;
    padding: 15px 10px 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
}

.portfolio-2 .portfolio-desc, .portfolio-3 .portfolio-desc {
    padding-bottom: 15px;
    text-align: center;
}

.portfolio-item .portfolio-image, .portfolio-item .portfolio-image a, .portfolio-item .portfolio-image img {
    box-shadow: 2px -1px 4px rgba(0, 0, 0, 0.16);
}

@media (max-width: 479px) {
    .portfolio .portfolio-item {
        padding-right: 0 !important;
    }
}

/* Standard */
.elementArticleStandard.elementArticle .portfolio-desc h3, .elementArticleStandard.elementArticle .portfolio-desc h3 a {
    font-size: 20px;
    color: #000000;
}

.elementArticleStandard.elementArticle .portfolio-desc h3 a:hover, .elementArticleStandard.elementArticle .portfolio-desc h3 a:focus {
    color: #000000 !important;
}

.elementArticleStandard.elementArticle .portfolio-desc span, .elementArticleStandard.elementArticle .portfolio-desc span a {
    margin-bottom: 5px;
    font-size: 28px;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    display: block;
    line-height: 40px;
    color: #000000 !important;
    text-align: center;
    font-weight: 700;
}

.elementArticleStandard.elementArticle .portfolio-desc span a:hover, .elementArticleStandard.elementArticle .portfolio-desc span a:focus {
    color: #000000 !important;
    color: rgba(218, 32, 45, .28) !important;
}

.owl-item .elementArticleStandard.elementArticle .portfolio-desc {
    box-shadow: none;
}

@media (max-width: 767px) {

    .elementArticleStandard.elementArticle .portfolio-desc h3,
    .elementArticleStandard.elementArticle .portfolio-desc span a {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 480px) and (max-width: 1199px) {
    .elementArticleStandard.elementArticle .portfolio-desc span a {
        font-size: 22px;
    }
}

.portfolio-1 .portfolio-item .portfolio-image {
    margin-bottom: 0 !important;
}

.portfolio-1 .portfolio-desc {
    width: 100%;
}

.portfolio-1 .elementArticleStandard.elementArticle .portfolio-image,
.portfolio-1 .elementArticleStandard.elementArticle .portfolio-image a,
.portfolio-1 .elementArticleStandard.elementArticle .portfolio-image img {
    width: 100%;
    height: auto;
}

/* Custom */
.elementArticle.elementArticleCustom .portfolio-overlay h3 a, .elementArticle.elementArticleCustom .portfolio-overlay h3 {
    font-size: 40px;
    color: #FFFFFF !important;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

.elementArticle.elementArticleCustom .entry-meta {
    display: none;
}

.elementArticle.elementArticleCustom.dark .portfolio-overlay h3 a, .elementArticle.elementArticleCustom.dark .portfolio-overlay h3 {
    color: #000000 !important;
    text-shadow: 0 0 7px rgba(255, 255, 255, 1);
}

.elementArticle.elementArticleCustom.dark .portfolio-overlay:hover h3 a, .elementArticle.elementArticleCustom.dark .portfolio-overlay:hover h3 {
    color: #FFFFFF !important;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

@media (max-width: 1400px) {
    .elementArticle.elementArticleCustom .portfolio-overlay h3 a, .elementArticle.elementArticleCustom .portfolio-overlay h3 {
        font-size: 30px;
    }
}

.elementArticle.elementArticleCustom .portfolio-overlay .portfolio-desc span {
    line-height: 120%;
    font-size: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.elementArticle.elementArticleCustom .portfolio-overlay.clickable {
    cursor: pointer !important;
}

.elementArticle.elementArticleCustom .portfolio-overlay:hover .portfolio-desc span {
    top: 40%;
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 0, 0);
}

.elementArticle.elementArticleCustom .portfolio-overlay .portfolio-desc span a, .elementArticle.elementArticleCustom .portfolio-overlay .portfolio-desc span {
    color: #FFFFFF !important;
}

.elementArticle.elementArticleCustom .portfolio-overlay:hover h3 {
    -moz-transform: translate3d(0, -25px, 0) translate3d(0, -25px, 0);
    -webkit-transform: translate3d(0, -25px, 0) translate3d(0, -25px, 0);
    transform: translate3d(0, -25px, 0) translate3d(0, -25px, 0);
}

@media only screen and (max-width: 991px) {
    .elementArticle.elementArticleCustom .portfolio-overlay:hover .portfolio-desc span {
        display: none !important;
    }

    .elementArticle.elementArticleCustom .portfolio-overlay:hover h3 {
        -moz-transform: translate3d(0, -20px, 0) translate3d(0, -20px, 0);
        -webkit-transform: translate3d(0, -20px, 0) translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0) translate3d(0, -15px, 0);
    }

    .portfolio:not(.portfolio-1) .portfolio-item:hover .portfolio-overlay .portfolio-desc~a {
        margin-top: 36px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .elementArticle.elementArticleCustom .portfolio-overlay:hover .portfolio-desc span {
        display: none !important;
    }
}

/* Overlay */
.elementArticle.elementArticleOverlay .portfolio-overlay h3 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 40px;
    color: #FFFFFF !important;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

.elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span {
    line-height: 120%;
    font-size: 28px;
    font-family: 'Open Sans Condensed', sans-serif;
    padding-left: 40px;
    padding-right: 40px;
    color: #FFFFFF !important;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

@media (max-width: 1200px) {
    .elementArticle.elementArticleOverlay .portfolio-overlay h3 {
        font-size: 30px;
    }

    .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span {
        font-size: 28px !important;
    }
}

@media (max-width: 991px) and (min-width: 480px) {
    .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 767px) {

    .elementArticle.elementArticleOverlay .portfolio-overlay h3,
    .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

@media (min-width: 480px) and (max-width: 1199px) {
    .elementArticle.elementArticleOverlay .portfolio-overlay .portfolio-desc span {
        font-size: 22px;
    }
}

/* Carousel */
.portfolio-carousel .owl-item .elementArticle a:hover {
    opacity: 1 !important;
    transition: none !important;
}

.portfolio-carousel .owl-item .elementArticle .portfolio-overlay {
    opacity: 1 !important;
    transition: none !important;
}

.owl-carousel .owl-nav [class*=owl-], .owl-carousel .owl-nav [class*=owl-]:hover {
    border: 2px solid #FFFFFF;
}

@media (max-width: 767px) {
    .owl-carousel .owl-nav .owl-prev {
        opacity: 1;
        left: -15px !important;
    }

    .owl-carousel .owl-nav .owl-prev i {
        line-height: 31px;
    }

    .owl-carousel .owl-nav .owl-next {
        opacity: 1;
        right: -15px !important;
    }

    .owl-carousel .owl-nav .owl-next i {
        line-height: 31px;
    }
}

/* Subpages Mansory */
.ce_app_subpages .portfolio-masonry .elementArticleStandard.elementArticle .portfolio-desc span {
    display: none;
}

.owl-stage-outer {
    margin: 0 -3px;
}

.owl-stage {
    display: flex;
    align-items: stretch;
    padding-bottom: 10px;
}

.owl-stage>.owl-item {
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
    background-color: #fff;
}

.owl-nav div {
    opacity: 1 !important;
    width: 56px !important;
    height: 56px !important;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.16);
    border: none !important;
}

.owl-nav div:hover {
    box-shadow: 2px 3px 4px rgba(218, 32, 45, .28);
}

.owl-nav div i {
    font-size: 29px;
}

.owl-next {
    right: -80px !important;
    padding: 12px 0 0 3px !important;
}

.owl-prev {
    left: -80px !important;
    padding: 12px 3px 0 0 !important;
}

.flexslider .slider-wrap>.slide {
    width: 367px;
}

.slide img {
    height: 276px !important;
}

.portfolio-image, .portfolio-image .portfolio-overlay {
    background-color: transparent !important;
}

.grid-1-carousel .portfolio-image, .grid-1-carousel .portfolio-image a, .teaser-grid1-carousel .portfolio-image a {
    max-height: 570px;
    overflow: hidden;
}

@media (max-width: 479px) {
    .owl-stage-outer {
        margin: 0;
    }
}

@media (max-width: 1200px) {
    .grid-1-carousel .portfolio-image, .grid-1-carousel .portfolio-image a, .teaser-grid1-carousel .portfolio-image a {
        max-height: 470px;
        overflow: hidden;
    }
}

@media (max-width: 992px) {
    .grid-1-carousel .portfolio-image, .grid-1-carousel .portfolio-image a, .teaser-grid1-carousel .portfolio-image a {
        max-height: 360px;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .grid-1-carousel .portfolio-image, .grid-1-carousel .portfolio-image a, .teaser-grid1-carousel .portfolio-image a {
        max-height: 220px;
        overflow: hidden;
    }
}

@media (max-width: 480px) {
    .grid-1-carousel .portfolio-image, .grid-1-carousel .portfolio-image a, .teaser-grid1-carousel .portfolio-image a {
        max-height: 140px;
        overflow: hidden;
    }
}

.grid-1-carousel .portfolio-desc, .teaser-grid1-carousel .portfolio-desc {
    padding-bottom: 20px;
}



/* Tabs */
.ce_rsce_teaser .elementArticle.elementArticleTabs .portfolio-overlay:before {
    height: 100% !important;
}

.elementArticleTabs .portfolio-overlay-open {
    box-shadow: 2px 3px 4px rgb(0 0 0 / 16%);
}

.elementArticleTabs .portfolio-desc {
    bottom: -100%;
    padding: 30px 20px !important;
    margin-right: 20px;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #ffffff;
}

.elementArticleTabs .portfolio-desc>a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.elementArticleTabs .portfolio-desc>a>div {
    padding-top: 15px;
}

.elementArticleTabs .portfolio-desc h3 {
    font-size: 20px;
}

.elementArticleTabs .portfolio-desc span {
    line-height: 120%;
    font-size: 28px;
    font-family: 'Open Sans Condensed', sans-serif;
    padding-left: 40px;
    padding-right: 40px;
    color: #000000 !important;
}

.elementArticleTabs .portfolio-desc p {
    font-size: 16px;
}

.elementArticleTabs .portfolio-desc div {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .elementArticleTabs .portfolio-desc {
        padding: 10px 10px !important;
    }

    .elementArticleTabs .portfolio-desc p {
        font-size: 14px;
        line-height: 1.5;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .elementArticleTabs .portfolio-desc div {
        margin-top: 5px;
    }

    .elementArticleTabs .portfolio-desc p {
        font-size: 10px;
        line-height: 1.3;
    }
}

/* Tabs */
/* ----------------------------------------------------------------
	Mediabox
-----------------------------------------------------------------*/
@media only screen and (max-width : 992px) {
    .fourboxes .grid-container article .portfolio-desc span {
        display: none;
    }
}

.elementArticleTabs.noBg .portfolio-desc {
    bottom: 30px !important;
    background-color: transparent !important;
    border-bottom: none !important;
    width: 80%;
    padding-left: 30px !important;
    padding-bottom: 0 !important;
    height: auto;
}

@media (max-width: 767px) and (min-width: 480px) {
    .elementArticleTabs.noBg .portfolio-desc {
        padding-left: 45px !important;
    }
}

.elementArticleTabs.noBg .portfolio-overlay-open .ce_column a,
.elementArticleTabs.noBg .portfolio-overlay-open .ce_app_grid_column_start a {
    text-decoration: none !important;
    color: #A8A8A8;
    padding-left: 16px;
}

.elementArticleTabs.noBg .portfolio-overlay-open .portfolio-desc {
    text-align: left !important;
    box-shadow: none;
}

.elementArticleTabs.noBg .portfolio-overlay-open .portfolio-desc a {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.8;
}

.elementArticle.masonry-item-responsive.portfolio-item.elementArticleTabs.noBg .portfolio-overlay-open .portfolio-desc a h3,
.elementArticle.masonry-item-responsive.portfolio-item.elementArticleTabs.noBg .portfolio-overlay-open .portfolio-desc a span {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 1.3;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

.elementArticle.masonry-item-responsive.portfolio-item.elementArticleTabs.noBg .portfolio-overlay-open .portfolio-desc a h3 {
    font-size: 30px !important;
    line-height: 27px;
}

.elementArticleTabs.noBg .portfolio-overlay-open .portfolio-desc h3 a {
    color: #fff !important;
    font-size: 20px !important;
    line-height: 27px;
    margin-bottom: 5px;
}

.elementArticleTabs.noBg .portfolio-overlay-openTabs .portfolio-overlay-open:hover .portfolio-desc {
    bottom: 30px !important;
    height: auto;
}

.elementArticleTabs.noBg .portfolio-overlay-open:hover .portfolio-desc {
    bottom: 40px !important;
    height: auto;
}

.elementArticleTabs.noBg .elementArticleTabs .portfolio-image img {
    box-shadow: none !important;
}


.portfolio.portfolio-4.portfolio-nomargin.portfolio-masonry:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    content: "";
    background-color: #f2f3f2;
}

/* PIM Teaser - Linklist */
.ce_app_object_teaser .linklist li a {
    color: #004587;
}

.ce_app_object_teaser .linklist li a:hover {
    color: #000000;
}

/* ----------------------------------------------------------------
	Box Schema
-----------------------------------------------------------------*/
/* Default */
.section.bgcolor, .box.bgcolor {
    background-color: #FFFFFF !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
}

.section.bgcolor h1, .section.bgcolor h2, .section.bgcolor h3, .section.bgcolor h4, .section.bgcolor h5, .section.bgcolor h6,
.box.bgcolor h1, .box.bgcolor h2, .box.bgcolor h3, .box.bgcolor h4, .box.bgcolor h5, .box.bgcolor h6,
.section.bgcolor p, .section.bgcolor li, .section.bgcolor p a,
.box.bgcolor p, .box.bgcolor li, .box.bgcolor p a {
    color: #000000;
}

/* - */
.section.nobgcolor h1, .section.nobgcolor h2, .section.nobgcolor h3, .section.nobgcolor h4, .section.nobgcolor h5, .section.nobgcolor h6,
.box.nobgcolor h1, .box.nobgcolor h2, .box.nobgcolor h3, .box.nobgcolor h4, .box.nobgcolor h5, .box.nobgcolor h6,
.section.nobgcolor p, .section.nobgcolor li, .section.nobgcolor p a,
.box.nobgcolor p, .box.nobgcolor li, .box.nobgcolor p a {
    color: #000000;
}

#content .section.nobgcolor li {
    color: #000000 !important;
}

.section.nobgcolor blockquote {
    border-left: 5px solid #000000;
}

.section.nobgcolor .table>thead>tr>th {
    color: #000000 !important;
}

.section.nobgcolor form label, .section.nobgcolor form legend,
.box.nobgcolor form label, .box.nobgcolor form legend {
    color: #000000 !important;
}

/* Light */
.section.light, .box.light {
    background-color: #ebeae5 !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
}

.section.light h1, .section.light h2, .section.light h3, .section.light h4, .section.light h5, .section.light h6,
.box.light h1, .box.light h2, .box.light h3, .box.light h4, .box.light h5, .box.light h6 .section.dark p a, .box.dark p a {
    color: #000000;
}

.section.light p, .section.light li,
.box.light p, .box.light li {
    color: #000000 !important;
}

.section .box.bgcolor h4 {
    padding-top: 15px;
    margin-bottom: 5px;
    padding-left: 0;
}

.section .box.bgcolor p {
    margin-bottom: 15px;
}

.section.light blockquote {
    border-left: 5px solid #000000;
}

.section.light .table>thead>tr>th {
    color: #000000 !important;
}

.section.light form label, .section.light form legend,
.box.light form label, .box.light form legend {
    color: #000000 !important;
}

#content .section .box-link {
    text-decoration: none !important;
}

@media (max-width: 1200px) {
    .section .box.bgcolor h4, .section .box.bgcolor p, .section .box.bgcolor .content-hyperlink {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media (max-width: 991px) {
    .section .box.bgcolor .ce_app_grid_column_start.col-xs-offset-1 {
        padding-left: 5px !important;
        padding-right: 15px !important;
    }
}

/* Stroy */
.section.nobgcolor .box .box h4 {
    text-shadow: 0 0 7px rgba(255, 255, 255, 1);
    color: #000000;
    font-size: 40px;
    line-height: 1;
}

.section.bgcolor .box .box h4 {
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
    font-size: 40px;
    color: #ffffff;
    line-height: 1;
}

@media (max-width: 991px) {
    .section.nobgcolor .box .box h4 {
        text-align: center;
    }

    .section.bgcolor .box .box h4 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .section.nobgcolor .box .box h4 {
        font-size: 36px;
    }

    .section.bgcolor .box .box h4 {
        font-size: 36px;
    }
}

.instaiframe iframe {
    height: 243px !important;
    padding: 30px 20px !important;
    background: #fff;
    box-shadow: 2px 3px 4px rgba(0, 0, 0, 0.16);
    border: 2px solid rgb(227, 227, 227) !important;
}

.instaiframe h2.ce_headline,
.instaiframe h2.content-headline {
    margin-bottom: 20px;
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer {
    border-top: none;
}

#footer .elementSocialIcons {
    padding-bottom: 19px;
}

.footer-wrapper {
    background-color: #E3E3E3 !important;
    border-top: 3px solid #767676 !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
}

#footer #copyrights {
    background-color: #f2f3f2 !important;
}

#copyrights a.tsoBacklinkFooter,
#footer #copyrights a.tsoBacklinkFooter {
    font-size: 14px;
}

.copyrights-menu {
    text-align: center;
}

#footer .logopartnerbank {
    width: 170px;
}

#footer .elementAdress {
    margin-top: 55px;
}

#footer #widget-subscribe-form-email {
    height: 41px;
}

footer a, footer h5, footer p {
    color: #000000 !important;
    font-size: 20px;
}

footer .footer-widgets-wrap {
    padding: 0 !important;
    margin: 0 auto;
}

footer .footer-widgets-wrap .socialbg {
    background-color: #f2f3f2 !important;
}

footer .elementSocialIcons div {
    color: #fff !important;
    float: none !important;
}

footer .elementSocialIcons div a {
    display: inline-block;
    padding: 5px;
    background-color: #000;
    border-radius: 50%;
    font-size: 18px;
    width: 40px !important;
    height: 40px !important;
    margin-right: 10px;
}

footer .elementSocialIcons div a:hover, footer .elementSocialIcons div a:focus {
    background-color: rgba(218, 32, 45, .28);
}

footer .elementSocialIcons div a i {
    font-size: 20px;
    color: #fff;
}

footer .elementSocialIcons div a:last-child {
    display: none !important;
}

footer .elementSocialIcons div a:hover i {
    margin-top: 0 !important;
}

footer form .input-group span i {
    color: white;
}

footer form .input-group input {
    color: #555 !important;
}

footer .line {
    border-top-color: #6f6f6f !important;
}

footer .elementClient .owl-stage>.owl-item {
    box-shadow: none !important;
    background-color: transparent !important;
    padding: 0 110px;
}

footer .elementClient .owl-stage>.owl-item:last-child {
    padding: 0 125px;
}

@media (max-width: 1199px) {
    footer .elementClient .owl-stage>.owl-item {
        padding: 0 80px;
    }

    footer .elementClient .owl-stage>.owl-item:last-child {
        padding: 0 95px;
    }
}

@media (max-width: 992px) {
    footer .elementClient .owl-stage>.owl-item {
        padding: 0 40px;
    }

    footer .elementClient .owl-stage>.owl-item:last-child {
        padding: 0 55px;
    }
}

@media (max-width: 767px) {
    .footer-wrapper {
        padding-top: 0;
    }
}

.ce_app_footer_navigation li {
    padding-left: 0;
}

.ce_app_footer_navigation li>a {
    font-size: 18px;
    background-image: none;
    padding: 0;
}

.ce_app_footer_navigation li>a:hover, .ce_app_footer_navigation li>a:focus {
    color: rgba(218, 32, 45, .28);
}

.footerlogos {
    text-align: right;
}

.footerlogos img {
    height: 40px;
    padding-right: 20px;
}

.footerlogos .logoostschweiz {
    padding-right: 0;
}

.footerlogos:last-child {
    padding-right: 0;
}

@media (max-width: 767px) {
    .footerlogos {
        text-align: left;
    }

    .footerlogos img {
        display: block;
        margin-bottom: 10px;
    }

    #copyrights .section .col-md-6 .ce_text.tright,
    #copyrights .section .col-md-6 .ce_text.tright p,
    #copyrights .section .col-md-6 .content-text.tright,
    #copyrights .section .col-md-6 .content-text.tright p {
        text-align: left !important;
    }

    #copyrights .section .col-md-6 .ce_text.tright p,
    #copyrights .section .col-md-6 .content-text.tright p {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #footer .ce_app_footer_navigation {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width : 1400px) {
    .owl-next {
        right: -23px !important;
    }

    .owl-prev {
        left: -23px !important;
    }

    .mod_news_list .owl-prev {
        left: -12px !important;
    }
}

@media only screen and (max-width : 1200px) {
    .mod_article {
        width: auto !important;
    }

    .instaiframe iframe {
        height: 213px !important;
    }

    .slide img {
        height: 226px !important;
    }

    .portfolio-overlay>a {
        top: 130px !important;
    }
}

@media only screen and (max-width : 992px) {
    header#header>#header-wrap #primary-menu-trigger>i, #primary-menu #top-search-trigger>i {
        font-size: 30px;
    }

    #primary-menu ul li {
        background-color: #fff !important;
    }

    #primary-menu ul li>a span {
        letter-spacing: 1px;
    }

    #primary-menu ul li>a:hover span, #primary-menu ul li>a.active span, #primary-menu ul li>a.active:after, #primary-menu ul li>a:hover:after {
        color: #767676 !important;
    }

    .owl-stage article .portfolio-desc h3 a {
        font-size: 25px;
    }

    .owl-stage article .portfolio-desc span a {
        font-size: 17px;
    }

    .instaiframe iframe {
        height: 176px !important;
    }

    .slide img {
        height: 170px !important;
    }

    .portfolio-overlay>a {
        top: 100px !important;
    }

    .footer-widgets-wrap {
        padding-left: 15px !important;
        padding-right: 15px !important;
        width: auto !important;
    }
}

@media only screen and (max-width : 768px) {
    .owl-nav div {
        width: 40px !important;
        height: 40px !important;
        padding-top: 5px !important;
    }

    .instaiframe iframe {
        height: 130px !important;
    }

    .slide img {
        height: 158px !important;
    }

    .portfolio-overlay>a {
        top: 90px !important;
    }
}

@media only screen and (max-width : 480px) {
    .mod_news_list .owl-item {
        /*width: 280px !important;*/
    }

    .instaiframe iframe {
        height: 103px !important;
    }

    .grid-container article .portfolio-image {
        height: auto;
    }

    footer .elementSocialIcons div {
        width: 320px;
    }
}

@media only screen and (max-width: 479px) {
    .mod_news_list .portfolio-desc {
        padding: 15px 32px 32px;
    }
}

/* ----------------------------------------------------------------
	Outdooractive
-----------------------------------------------------------------*/
.oax-part-flexviewpage {
    z-index: 1 !important;
}

.agMapFullScreen .oax-top-cont {
    z-index: 1000;
}

.oax .oax-map-container {
    height: calc(100vh - 165px) !important;
}

/* ----------------------------------------------------------------
	Interaktive Karte
-----------------------------------------------------------------*/
.wrapper-inactive-card .fluid-width-video-wrapper {
    padding-top: 90% !important;
}

@media (max-width: 991px) {
    .wrapper-inactive-card .fluid-width-video-wrapper {
        width: 95% !important;
        padding-top: 73% !important;
    }
}

@media (max-width: 480px) {
    .wrapper-inactive-card .fluid-width-video-wrapper {
        display: none;
    }
}

/* ----------------------------------------------------------------
	Iconbar
-----------------------------------------------------------------*/
.elementSocialIcons {
    z-index: 190;
    position: absolute;
    right: 0;
    top: calc(32vh - 4px);
    background: rgba(0, 0, 0, .5);
    width: 55px;
    border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    padding: 8px 0 0;
}

.elementSocialIcons .si-colored.si-facebook, .elementSocialIcons .si-facebook:hover,
.elementSocialIcons .si-colored.si-youtube, .elementSocialIcons .si-youtube:hover,
.elementSocialIcons .si-colored.si-twitter, .elementSocialIcons .si-twitter:hover,
.elementSocialIcons .si-colored.si-instagram, .elementSocialIcons .si-instagram:hover {
    background-color: transparent !important;
    padding-left: 13px;
}

.elementSocialIcons .icon-custom {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

.elementSocialIcons a:hover i, .elementSocialIcons a:focus i {
    color: #dddddd !important;
}

.elementSocialIcons small {
    display: none !important;
}

.elementSocialIcons .row {
    width: 45px;
    margin: 0;
}

.elementSocialIcons .col-md-6 {
    width: 45px;
    margin-bottom: 0 !important;
    padding: 0 0 10px;
}

footer .elementSocialIcons {
    position: static;
    background: none;
    width: auto;
    padding: 0;
}

footer .elementSocialIcons a:hover i, footer .elementSocialIcons a:focus i {
    color: #FFFFFF !important;
}

/* ----------------------------------------------------------------
	Widget - Bynder
-----------------------------------------------------------------*/
.bynder-widget-media-list {
    background: #FFFFFF none repeat scroll 0 0 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 20px;
}

.bynder-widget-media-list .bynder-widget-header {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    line-height: 28px !important;
    padding: 10px 0 !important;
}

.bynder-widget-media-list .bynder-widget-header {
    -webkit-border-top-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-topleft: 0 !important;
}

.bynder-widget-media-list .bynder-widget-header .bynder-widget-link {
    line-height: 1.5;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    color: #000000;
}

ul.bynder-widget-media-items li a p, div.media-item a p {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
}

.bynder-widget a {
    color: #000000 !important;
}

#content .bynder-widget a:hover {
    text-decoration: none !important;
}

a.bynder-widget-btn {
    background: rgb(0, 69, 135) !important;
    background: -moz-linear-gradient(top, rgb(0, 69, 135) 0, rgb(0, 69, 135) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0, 69, 135)), color-stop(100%, rgb(0, 69, 135))) !important;
    background: -webkit-linear-gradient(top, rgb(0, 69, 135) 0, rgb(0, 69, 135) 100%) !important;
    background: -o-linear-gradient(top, rgb(0, 69, 135) 0, rgb(0, 69, 135) 100%) !important;
    background: -ms-linear-gradient(top, rgb(0, 69, 135) 0, rgb(0, 69, 135) 100%) !important;
    background: linear-gradient(to bottom, rgb(0, 69, 135) 0, rgb(0, 69, 135) 100%) !important;
    background-color: rgb(0, 69, 135) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 15px;
    z-index: 1000;
}

.bynder-widget-content {
    height: auto !important;
}

@media (max-width: 767px) and (min-width: 480px) {
    .bynder-widget-content {
        margin-top: 30px !important;
    }
}

ul.bynder-widget-media-items {
    display: block;
}

@media only screen and (max-width: 480px) {
    ul.bynder-widget-media-items {
        margin-top: 50px !important;
    }

    .bynder-widget-2-col ul.bynder-widget-media-items li {
        width: 100% !important;
    }
}

ul.bynder-widget-media-items li:hover a.bynder-widget-media-link, div.media-item:hover a.bynder-widget-media-link {
    border: 1px solid #000000 !important;
}

ul.bynder-widget-media-items li a.bynder-widget-media-link {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

ul.bynder-widget-media-items li a.bynder-widget-media-link, div.media-item a.bynder-widget-media-link {
    border: 1px solid #D9DADB !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 9px !important;
}

/* ----------------------------------------------------------------
	PIM Objectlist
-----------------------------------------------------------------*/
body.object-list-filters-open #header.transparent-header {
    z-index: 85 !important;
}

.object-list__filters, body.object-list-filters-open .object-list__filters {
    z-index: 1000 !important;
    height: 100%;
}

#content .object-list__map {
    height: calc(100vh - 59px);
    top: 59px;
}

/* Fonts */
.ce_app_object_list h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: #000000;
}

.ce_app_object_list .entry-meta li {
    font-family: 'Crete Round', serif;
    font-size: 13px;
    line-height: 14px;
    color: #999;
    font-style: italic;
    text-shadow: none;
}

.ce_app_object_list .object-list__total {
    font-weight: 700;
    color: #767676;
}

.ce_app_object_list .object-list__sorting-text {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: none;
    color: #767676;
}

.ce_app_object_list .object-map-window--content .entry-meta {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: none;
    color: #E3E3E3;
}

/* Colors */
.ce_app_object_list .entry-meta li i {
    color: #999;
    font-size: 16px
}

.object-list__total-number {
    color: rgb(213, 18, 30);
}

.ce_app_object_list .icon-star3:before {
    color: #004587;
    font-size: 22px;
}

.ce_app_object_list .object-list__filters .object-list__filters-header {
    border-bottom: 1px solid #E3E3E3;
    background-color: #E3E3E3;
    padding: 8px;
    height: 55px;
}

.ce_app_object_list .dropdown-menu>li>a:focus, .ce_app_object_list .dropdown-menu>li>a:hover {
    color: #262626;
    background-color: #f5f5f5;
}

.ce_app_object_list .object-list__map .object-map-preview__description {
    color: #444;
    font-size: 14px;
    line-height: 16px;
}

#infscr-loading {
    background-color: #067C39;
}

/* Buttons / Dropdowns */
.ce_app_object_list .dropdown-toggle.btn-default {
    font-size: 20px;
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: #767676 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    line-height: 15px;
    margin-left: 0;
    height: 38px;
    letter-spacing: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-transform: uppercase;
    border-color: #ccc;
    font-weight: 300;
}

.ce_app_object_list .dropdown-toggle.btn-default:hover, .ce_app_object_list .dropdown-toggle.btn-default:focus {
    background-color: rgba(218, 32, 45, .28) !important;
    border-color: #adadad;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-button button {
    height: 38px;
    border-radius: 0;
    line-height: 0;
}

.ce_app_object_list .object-list__trigger,
.ce_app_object_list .object-list__filters .object-list__filters-close,
.ce_app_object_list .object-list__filters-submit {
    padding: 6px 12px;
    font-size: 20px;
    background-color: #767676;
    color: #ffffff;
    border-radius: 0;
    font-weight: 300;
    font-family: 'Open Sans Condensed', sans-serif;
    text-shadow: none;
    height: 40px;
    border-color: #ccc;
    cursor: pointer;
    text-transform: uppercase;
}

.ce_app_object_list .object-list__trigger:hover,
.ce_app_object_list .object-list__trigger:focus,
.ce_app_object_list .object-list__filters .object-list__filters-close:hover,
.ce_app_object_list .object-list__filters .object-list__filters-close:focus,
.ce_app_object_list .object-list__filters-submit:hover,
.ce_app_object_list .object-list__filters-submit:focus {
    background-color: rgba(218, 32, 45, .28) !important;
    border-color: #adadad;
    color: #FFF;
}

/* Filter */
.ce_app_object_list .object-list__filters-widget {
    border-bottom: 1px solid #E3E3E3;
}

.ce_app_object_list .object-list__filters::before {
    background-color: rgba(0, 0, 0, 0.7) !important;
    width: 100vw !important;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-location .form-group .form-control {
    border: 1px solid #E3E3E3;
    box-shadow: none;
}

.ce_app_object_list .object-list .checkbox-style:checked+.checkbox-style-3-label:before, .object-list .radio-style:checked+.radio-style-3-label:before {
    background: #767676;
}

.ce_app_object_list .object-list__filters-widget-field label::before {
    border: 2px solid #E3E3E3;
}

.ce_app_object_list .object-list .form-control {
    height: 38px;
    border-radius: 0;
}

.ce_app_object_list .object-list__filters-widget-field label {
    font-family: 'Open Sans Condensed', sans-serif;
    letter-spacing: 1px;
    font-size: 15px;
}

.ce_app_object_list .object-list .algolia-autocomplete .aa-hint, .object-list .algolia-autocomplete .aa-input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #444;
    background: #fff none;
    border: 1px solid #E3E3E3;
    border-radius: 0 !important;
    box-shadow: none;
}

.ce_app_object_list .object-list__filters-widget-label {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 700;
    color: #767676;
    font-size: 16px;
}

.ce_app_object_list .object-list__filters-reset-box {
    justify-content: flex-start;
}

.ce_app_object_list .object-list__filter-tags-item, .ce_app_object_list .object-list__filters-reset {
    font-size: 20px;
    font-weight: 300;
    font-family: 'Open Sans Condensed', sans-serif;
    background-color: #767676 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    text-transform: uppercase;
    padding: 6px 12px;
    line-height: 14px;
    margin-left: 0;
    height: 38px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #067C39;
    border-color: #adadad !important;
    display: inline-block !important;
    width: auto;
    letter-spacing: 1px;
}

.ce_app_object_list .object-list__filter-tags-item:hover, .ce_app_object_list .object-list__filters-reset:hover,
.ce_app_object_list .object-list__filter-tags-item:hover, .ce_app_object_list .object-list__filters-reset:focus {
    background-color: rgba(218, 32, 45, .28) !important;
}

.ce_app_object_list .object-list__filter-tags-item,
.ce_app_object_list .object-list__filter-tags-item:hover,
.ce_app_object_list .object-list__filter-tags-item:focus {
    font-size: 14px;
    padding: 0 7px;
    height: 30px;
}

/* Hover Images (optional) */
#content .ce_app_object_list a.object-list__object:hover {
    background-color: #E3E3E3 !important;
}

@media (max-width: 767px) {
    .object-list__map-location {
        top: 70px;
    }

    .ce_app_object_list .object-list__trigger,
    .ce_app_object_list .object-list__filters .object-list__filters-close,
    .ce_app_object_list .object-list__filters-submit {
        font-size: 14px;
    }

    .ce_app_object_list .object-list__filter-tags-item, .ce_app_object_list .object-list__filters-reset {
        font-size: 14px;
    }

    .object-list__total-number,
    .ce_app_object_list .entry-meta li i {
        font-size: 14px;
    }

    .ce_app_object_list .object-list__total {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .ce_app_object_list h4 {
        font-size: 18px;
        line-height: 1.3;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Muss pro Mandant eingestellt werden */
    .object-list__map-inside {
        height: calc(100% - 90px);
    }

    .object-list__object {
        margin: 0 !important;
    }
}

@media (max-width: 767px) {

    /* Muss pro Mandant eingestellt werden */
    .object-list__map-inside {
        height: calc(100% - 60px);
    }

    .object-list__object {
        margin-left: 0;
    }

    .object-list .btn.btn-default {
        background-color: #767676 !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #header.sticky-header+.clear+#content .object-list__map {
        height: 100%;
        top: 0;
    }
}

/* ----------------------------------------------------------------
	POI Detail
-----------------------------------------------------------------*/
.contentPoiDetail {
    background-color: #ffffff;
}

.contentPoiDetail .widget>h4 {
    font-size: 30px;
    line-height: 27px;
}

#content .contentPoiDetail .content-wrap p a {
    color: #004587;
}

#content .contentPoiDetail .content-wrap p a:hover {
    color: #000000;
}

#content .contentPoiDetail .slidedownBox .elementAdress address p,
#content .contentPoiDetail .slidedownBox .elementAdress address span,
#content .contentPoiDetail .slidedownBox .elementAdress address a {
    font-size: 20px;
}

#content .contentPoiDetail .slidedownBox .elementAdress address a {
    color: #004587;
}

#content .contentPoiDetail .slidedownBox .elementAdress address a:hover {
    color: #000000;
}

i.icon-star3,
#content .contentPoiDetail i.icon-star3,
#content .contentPoiDetail .content-wrap .mainTitle span {
    color: #004587 !important;
}



.contentPoiDetail .flatWeatherPlugin .wiDetail ul li {
    font-size: 16px;
}

#content .contentPoiDetail .associations {
    margin-right: auto;
    margin-left: auto;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 50px;
}

.ce_app_object_teaser .elementArticle .portfolio-desc span,
.contentPoiDetail .associations .association__content .ce_app_object_teaser .elementArticle .portfolio-desc span,
#content .contentPoiDetail .associations .portfolio-desc span {
    display: none !important;
}

.contentPoiDetail .sidebar-widgets-wrap .elementAdress .widget {
    margin-top: 0px;
}

.contentPoiDetail .sidebar-widgets-wrap .elementAdress .formWidgetSBB form .col-sm-12 {
    padding-left: 0;
}

@media (max-width: 1199px) {
    #content .contentPoiDetail .associations {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* Button Anfrage - Home-Sleeping */
.contentPoiDetail .slidedownBox .sidebar-widgets-wrap .widget .ce_hyperlink,
.contentPoiDetail .slidedownBox .sidebar-widgets-wrap .widget .content-hyperlink {
    padding-left: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {

    .contentPoiDetail .slidedownBox .sidebar-widgets-wrap .widget .ce_hyperlink a,
    .contentPoiDetail .slidedownBox .sidebar-widgets-wrap .widget .content-hyperlink a {
        font-size: 18px;
        padding: 0px 10px;
    }
}

/* ----------------------------------------------------------------
	Suchseite
-----------------------------------------------------------------*/
.infomsg {
    background: #004587;
    color: #FFFFFF;
    text-shadow: none;
    border-left: none;
}

.infomsg .sb-msg {
    text-shadow: none;
    font-size: 17px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #004587 !important;
    border-color: #004587 !important;
}

.btn-link, .pagination>li>a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span, .pagination>li>span:focus, .pagination>li>span:hover {
    color: #004587;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    background-color: #E3E3E3 !important;
}

.highlight {
    background-color: #767676;
}

.mod_faqpage .info {
    display: none;
}

.error404 {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
    font-size: 22px;
}

/* ----------------------------------------------------------------
	FAQ
-----------------------------------------------------------------*/
.mod_faqpage .elementToggle {
    background-color: #FFFFFF;
}

.mod_faqpage .elementToggle a {
    color: #000000;
    text-decoration: underline !important;
}

.mod_faqpage .elementToggle a:hover {
    color: rgba(218, 32, 45, .28) !important;
    text-decoration: none !important;
}

.mod_faqpage .elementToggle ul {
    padding-left: 17px;
}

.mod_faqpage .elementToggle li {
    font-size: 20px;
}

/* ----------------------------------------------------------------
	Bild Text Box
-----------------------------------------------------------------*/
.bild-text-box p.p1 {
    padding-right: 15px;
}

@media (max-width: 1199px) {

    .bild-text-box .ce_hyperlink,
    .bild-text-box .content-hyperlink {
        padding-left: 15px !important;
        padding-bottom: 15px !important;
    }

    .bild-text-box .ce_hyperlink a,
    .bild-text-box .content-hyperlink a {
        margin-bottom: 0;
    }
}

/* ----------------------------------------------------------------
        Webcam
-----------------------------------------------------------------*/
#content .webcamwrapper p {
    padding: 15px 0 0;
    margin-bottom: 0;
}

#content .webcamwrapper h1 {
    margin-bottom: 10px;
}

.button-webcam {
    position: relative;
}

.button-webcam .button.button-mini {
    position: absolute;
    top: 6px;
    right: 4px;
    width: 45px !important;
}

.imgheigtwebcam {
    height: 400px;
}

.imgheigtwebcam img {
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .imgheigtwebcam img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .imgheigtwebcam img {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .imgheigtwebcam {
        height: 250px;
    }
}

@media (max-width: 479px) {
    #content .webcamwrapper h1 {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .imgheigtwebcam img {
        height: 250px;
    }
}

/* Custom SH-Ticket Banner */
#primary-menu ul li .mega-menu-content.style-2 .shticket-logo {
    background-size: 225px;
    height: 250px;
    width: 100%;
    color: #FFFFFF !important;
    padding-bottom: 120px !important;
    margin-bottom: 100px;
    background: url('/files/design_assets/schaffhauserland.ch/img/SH_Ticket_Signet.svg') no-repeat 0 45px;
}

@media (max-width: 1130px) {
    #primary-menu ul li .mega-menu-content.style-2 .shticket-logo {
        height: 220px;
        background-size: 216px;
    }
}

/* Custom Hotel Banner */
#primary-menu ul li .mega-menu-content.style-2 .banner-menu {
    background-size: 220px;
    height: 250px;
    width: 100%;
    color: #FFFFFF !important;
    padding-bottom: 120px !important;
    margin-bottom: 100px;
    background: url('/files/schaffhauserland.ch/schaffhausen/banner-menu.jpg') no-repeat 0 45px;
    background-size: contain;
}

#primary-menu ul li .mega-menu-content.style-2 .banner-menu2 {
    background-size: 220px!important;
    height: 250px!important;
    width: 100%;
    color: #FFFFFF !important;
    padding-bottom: 120px !important;
    margin-bottom: 100px;
    background: url('/files/schaffhauserland.ch/schaffhausen/banner-menu2.jpg') no-repeat 0 45px;
    background-size: contain;
}

#primary-menu ul li .mega-menu-content.style-2 .none-banner-heading {
    background-position-y: -8px!important;
    height: 220px!important;
}

#primary-menu ul li .mega-menu-content.style-2 .none-banner-heading span {
    display: none!important;
}

/* ----------------------------------------------------------------
        Badge Startseite
-----------------------------------------------------------------*/
.wrap-badge .slider-caption {
    width: 24%;
    font-size: 14px;
    line-height: 1.5;
    text-shadow: none !important;
    right: 40px !important;
}

@media (max-width: 991px) {
    .wrap-badge .slider-caption {
        width: 31%;
    }
}

@media (max-width: 768px) {
    .wrap-badge .slider-caption {
        width: 40%;
    }
}

@media (max-width: 480px) {
    .wrap-badge .slider-caption {
        width: 60%;
    }
}

.wrap-badge #slider .circle {
    margin-top: -3em;
}

.wrap-badge #slider .fadeInUp {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@media (max-width: 480px) {
    .wrap-badge #slider .circle {
        margin-top: 34px;
    }
}

/**
 * Circle Styles
 */
.circle {
    position: relative;
    display: block;
    margin: 2em 0;
    background-color: transparent;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.circle.red:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: rgba(219, 17, 25, 0.85);
    content: "";
    -webkit-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    -moz-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    box-shadow: 0 2px 20px 0 rgba(32, 32, 32, 1);
}

.circle.hellbraun:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: rgba(207, 194, 172, 0.95);
    content: "";
    -webkit-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    -moz-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    box-shadow: 0 2px 20px 0 rgba(32, 32, 32, 1);
}

.circle.black:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.75);
    content: "";
    -webkit-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    -moz-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    box-shadow: 0 2px 20px 0 rgba(32, 32, 32, 1);
}

.circle.white:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    content: "";
    -webkit-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    -moz-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    box-shadow: 0 2px 20px 0 rgba(32, 32, 32, 1);
}

.circle.yellow-blue:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    /*border: 1px solid #ffdb00;*/
    background-color: rgba(0, 164, 180, 0.8);
    content: "";
    -webkit-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    -moz-box-shadow: 0 20px 7px 0 rgba(32, 32, 32, 1);
    box-shadow: 0 2px 20px 0 rgba(32, 32, 32, 1);
}

.circle.yellow-blue .circle__inner {
    border-radius: 50%;
    border: 10px solid #ffdb00;
}

.circle hr {
    width: 40%;
    border-top: 1px solid #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
}

.circle.hellbraun hr {
    border-top: 1px solid #ffffff;
}

.circle__inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.circle__wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

.circle__content {
    display: table-cell;
    padding: 0.4em 0.8em 0.8em;
    vertical-align: middle;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    color: #FFFFFF !important;
    text-shadow: none;
}

.circle.black .circle__content {
    color: #ffffff !important;
}

.circle.hellbraun .circle__content {
    color: #ffffff !important;
}

.circle.white .circle__content {
    color: #000000 !important;
}

.circle.white .circle__content hr {
    border-top: 1px solid #000000;
}

.circle.yellow-blue .circle__content {
    font-size: 1.3em;
    color: #ffdb00 !important;
}

.circle.yellow-blue .circle__content hr {
    border-top: 1px solid #ffdb00;
}

.col-md-3 .circle__content, .slider-caption .circle__content {
    font-size: 1.7em;
}

.col-md-3 .circle__content span, .slider-caption .circle__content span {
    font-size: 0.6em;
}

@media (max-width: 1200px) {
    .col-md-3 .circle__content, .slider-caption .circle__content {
        font-size: 1.2em!important;
    }

    .col-md-3 .circle__content span, .slider-caption .circle__content span {
        font-size: 0.6em;
    }
}

@media (max-width: 768px) {
    .col-md-3 .circle__content {
        font-size: 2.1em;
    }

    .slider-caption .circle__content {
        font-size: 1.1em!important;
    }

    .slider-caption .yellow-blue .circle__content {
        font-size: 0.9em!important;
    }

    .col-md-3 .circle__content span {
        font-size: 0.7em;
    }

    .slider-caption .circle__content span {
        font-size: 0.4em!important;
    }
}

@media (max-width: 480px) {
    .col-md-3 .circle__content {
        font-size: 1.7em;
    }

    .col-md-3 .circle__content span {
        font-size: 0.6em!important;
    }
}

.wrapperbadgeheader {
    padding-left: 18px;
    padding-right: 0;
}

/* ----------------------------------------------------------------
	Sitemap Links
-----------------------------------------------------------------*/
.mod_sitemap ul li {
    font-size: 18px;
    color: #000000;
}

.mod_sitemap ul li a span {
    font-size: 18px;
    color: #000000;
}

/* ----------------------------------------------------------------
	Onboarding - onboarding.schaffhauserland.ch
-----------------------------------------------------------------*/
body.onboarding .ce_form form .progress .progress-bar {
    background-color: #004587 !important;
}

body.onboarding .ce_form form .progress-numbers {
    color: #000000 !important;
    margin-bottom: 5px;
    font-size: 20px;
}

body.onboarding .ce_form .widget.widget-explanation.einleitungstext {
    margin-top: 0;
    margin-bottom: 40px;
}

body.onboarding .ce_form .widget.widget-explanation p {
    font-size: 20px;
}

body.onboarding .ce_form .widget.widget-explanation ul {
    margin-left: 0;
    font-size: 20px;
    list-style: disc;
    padding-left: 22px;
}

body.onboarding .feature-box h3 {
    padding: 0;
    font-size: 20px;
}

body.onboarding .ce_rsce_collapsibles h5 {
    font-size: 20px !important;
}

body.onboarding .feature-box p {
    font-size: 20px;
}

body.onboarding .feature-box .fbox-icon i {
    background-color: #004587;
}

body.onboarding .portfolio-1 .portfolio-item {
    border: none;
}

body.onboarding .toggle.toggle-border .togglec ul {
    margin-left: 0;
    list-style: disc;
    padding-left: 20px;
}

body.onboarding .toggle.toggle-border li {
    font-size: 20px;
}

/* ----------------------------------------------------------------
	IFrame Uhr IWC
-----------------------------------------------------------------*/
.wrapper-iframe-uhr {
    display: inline-flex;
    float: right;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #fff;
    padding: 5px 8px 2px 5px;
}

.wrapper-iframe-uhr .iframe-uhr {
    width: 110px;
    height: 110px;
    overflow: hidden;
    float: left;
}

.wrapper-iframe-uhr .iframe-uhr {
    border: none;
}

.wrapper-iframe-uhr .iframe-uhr-logo img {
    width: 122px;
    height: 70px;
}

.wrapper-iframe-uhr .iframe-uhr-logo {
    background-color: #fff;
    height: 107px;
}

@media (max-width: 767px) {
    .wrapper-iframe-uhr {
        float: none;
    }
}

/* ----------------------------------------------------------------
    	Cookiebot
-----------------------------------------------------------------*/
#CybotCookiebotDialog * {
    font-size: 20px !important;
    color: #000000 !important;
    letter-spacing: 0 !important;
}

#CybotCookiebotDialog {
    background-color: #f2f3f2 !important;
    border-radius: 0 !important;
}

#CybotCookiebotDialog h2 {
    font-family: 'Open Sans Condensed', sans-serif !important;
    line-height: 1.5 !important;
    font-size: 25px !important;
    border: none;
    font-weight: 700 !important;
}

#CybotCookiebotDialogBodyContentText {
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1.7 !important;
}

#CybotCookiebotDialogBodyButtonDecline {
    font-family: 'Open Sans Condensed', sans-serif;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    color: #FFFFFF !important;
    background-color: #004587 !important;
    border: none !important;
    padding: 0px 22px !important;
    border-radius: 0 !important;
    margin-bottom: 10px;
    height: 40px;
    line-height: inherit !important;
    letter-spacing: 1px !important;
    -webkit-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: none;
    text-transform: uppercase;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept:hover,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept:hover,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
    background-color: #0064b0 !important;
    color: #FFFFFF !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    color: #FFFFFF !important;
    background-color: #767676 !important;
    border: none !important;
    padding: 0px 22px !important;
    border-radius: 0 !important;
    margin-bottom: 10px;
    height: 40px;
    line-height: inherit !important;
    letter-spacing: 1px !important;
    -webkit-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-shadow: none;
    text-transform: uppercase;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover {
    background-color: #004587 !important;
    color: #FFFFFF !important;
}

#CybotCookiebotDialogBodyButtonDetails {
    font-family: 'Open Sans Condensed', sans-serif;
}

.CybotCookiebotDialogBodyLevelButtonWrapper label {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 12px !important;
    text-transform: none !important;
}

#CybotCookiebotDialogBodyLevelDetailsWrapper {
    padding: 5px 0 4px 4px !important;
    font-family: 'Open Sans Condensed', sans-serif;
}

#CybotCookiebotDialogBodyLevelDetailsButton {
    font-family: 'Open Sans Condensed', sans-serif;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieTypeIntro,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer,
#CybotCookiebotDialogDetailBodyContentIABv2Tabs .CollapseCard, #CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount,
#CybotCookiebotDialogDetailFooter,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogPoweredByText a,
#CybotCookiebotDialog .CybotCookiebotScrollContainer>div:first-of-type {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.7;
}

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed {
    font-size: 20px;
    font-weight: 700;
    color: #000000 !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed:hover {
    color: #000000 !important;
}

#CybotCookiebotDialog label,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed label {
    font-size: 20px;
    font-weight: 700;
    color: #000000 !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    border-radius: 0 !important;
}

#CybotCookiebotDialog .CybotCookiebotScrollContainer {
    border-bottom: 1px solid #ebeae5 !important;
}

#CybotCookiebotDialogFooter button#CybotCookiebotBannerCloseButtonE2E {
    fill: #000000 !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after {
    color: #000000 !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:hover {
    color: #000000 !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:hover::after {
    color: rgba(218, 32, 45, .28) !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
    font-size: 20px !important;
    color: #000000 !important;
    text-decoration: underline !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:hover {
    color: rgba(218, 32, 45, .28) !important;
    text-decoration: none !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a {
    font-size: 20px !important;
    color: #000000 !important;
    text-decoration: underline !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:hover {
    color: rgba(218, 32, 45, .28) !important;
    text-decoration: none !important;
}

/* Detail Anzeige */
#CybotCookiebotDialog.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogHeader {
    border-bottom: 1px solid #ebeae5 !important;
}

#CybotCookiebotDialog.CybotEdge.CybotCloseButtonEnabled.CybotCookiebotDialogActive #CybotCookiebotDialogHeader {
    border-bottom: none !important;
}

#CybotCookiebotDialogDetailBody .CookieCard {
    border-bottom: 1px solid #ebeae5 !important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
    font-size: 15px !important;
    background-color: #ebeae5 !important;
    color: #000000 !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:hover {
    color: rgba(218, 32, 45, .28) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
    border-bottom: 1px solid #ebeae5 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 1px solid #004587 !important;
    color: #004587 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive:hover {
    color: #004587 !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #000000 !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieGroup {
    border: 1px solid #ebeae5 !important;
    border-radius: 0 !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider {
    color: #000000 !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink {
    color: #000000 !important;
    text-decoration: underline !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink:hover {
    color: rgba(218, 32, 45, .28) !important;
    text-decoration: none !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo {
    border: 1px solid #ebeae5 !important;
    border-radius: 0 !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo {
    background-color: #f2f3f2 !important;
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieGroup:not(.open):hover {
    background-color: #f2f3f2 !important;
}

@media (max-width: 1279px) {
    #CybotCookiebotDialogHeader {
        border-bottom: 1px solid #ebeae5 !important;
    }

    #CybotCookiebotDialogPoweredByText a,
    #CybotCookiebotDialogPoweredByText span {
        font-size: 13px !important;
    }
}

@media (max-width: 768px) {
    #CybotCookiebotDialog * {
        font-size: 16px !important;
    }

    #CybotCookiebotDialogBody {
        padding: 0 20px;
    }

    #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept {
        font-size: 16px !important;

    }

    #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
        font-size: 16px !important;
    }

    #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
        font-size: 16px !important;
    }

    #CybotCookiebotDialog h2 {
        font-size: 23px !important;
    }

    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
        font-size: 16px !important;
    }
}