/* ----------------------------------------------------------------
	General, Colors
-----------------------------------------------------------------*/
body {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    overflow-x: hidden;
    color: #000000 !important;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #000;
}

blockquote {
    border-left: none;
    padding-left: 0;
    margin-bottom: 10px;
}

blockquote p {
    font-size: 21px;
    line-height: 1.8;
}

@media only screen and (max-width : 768px) {
    blockquote p {
        font-size: 16px;
        line-height: 1.8;
    }
}

form label {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    text-transform: none;
    font-size: 16px;
    letter-spacing: 0;
    color: #000000;
}

.dark form label {
    color: #FFFFFF;
}

form .form-widget legend {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    text-transform: none;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 10px;
    border-bottom: 0;
    letter-spacing: 0;
}

.dark form .form-widget legend {
    color: #ffffff;
}

form .checkbox-style-3-label {
    font-weight: 400;
    font-size: 15px;
}

.dark .sm-form-control:not(.not-dark) option, .dark .sm-form-control:not(.not-dark):focus {
    background-color: #FFFFFF !important;
    color: #7d7d7d;
}

.dark .sm-form-control:not(.not-dark) option {
    font-size: 16px;
    background-color: #FFFFFF !important;
}

.dark .sm-form-control:not(.not-dark) option:hover, .dark .sm-form-control:not(.not-dark) option:active, .dark .sm-form-control:not(.not-dark) option:focus {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.ce_text ol, .content-text ol, .ce_text ul, .content-text ul, .ce_downloads ul, .content-downloads ul, .ce_downloads ol, .content-downloads ol, .enclosure {
    list-style-position: outside;
    padding-left: 1.2em;
}

.section.bgcolor .ce_text ul,
.section.bgcolor .content-text ul {
    font-size: 16px;
}

::selection {
    background: #7d7d7d !important;
}

::-moz-selection {
    background: #7d7d7d;
}

::-webkit-selection {
    background: #7d7d7d;
}

a,
h1>span:not(.nocolor),
h2>span:not(.nocolor),
h3>span:not(.nocolor),
h4>span:not(.nocolor),
h5>span:not(.nocolor),
h6>span:not(.nocolor),
.header-extras li .he-text span,
#primary-menu ul li:hover>a,
#primary-menu ul li.current>a,
#primary-menu div ul li:hover>a,
#primary-menu div ul li.current>a,
#primary-menu ul ul li:hover>a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column>li.mega-menu-title>a:hover,
#top-cart>a:hover,
.top-cart-action span.top-checkout-price,
.breadcrumb a:hover,
.portfolio-filter li a:hover,
.portfolio-desc h3 a:hover,
.portfolio-overlay a:hover,
#portfolio-navigation a:hover,
.entry-title h2 a:hover,
.entry-meta li a:hover,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.ipost .entry-title h3 a:hover,
.ipost .entry-title h4 a:hover,
.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover,
.comment-content .comment-author a:hover,
.product-title h3 a:hover,
.single-product .product-title h2 a:hover,
.product-price ins,
.single-product .product-price,
.feature-box.fbox-border .fbox-icon i,
.feature-box.fbox-border .fbox-icon img,
.feature-box.fbox-plain .fbox-icon i,
.feature-box.fbox-plain .fbox-icon img,
.process-steps li.active h5,
.process-steps li.ui-tabs-active h5,
.team-title span,
.pricing-box.best-price .pricing-price,
.btn-link,
.pagination>li>a, .pagination>li>span,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.clear-rating-active:hover {
    color: #00B4E8;
}

.color,
.top-cart-item-desc a:hover,
.portfolio-filter.style-3 li.activeFilter a,
.faqlist li a:hover,
.tagcloud a:hover,
.dark .top-cart-item-desc a:hover,
.iconlist-color li i,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li:hover>a,
.dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu>ul>li.current>a,
.overlay-menu #primary-menu.dark>ul>li:hover>a,
.overlay-menu #primary-menu.dark>ul>li.current>a,
.nav-tree li:hover>a,
.nav-tree li.current>a,
.nav-tree li.active>a {
    color: #00B4E8 !important;
}

#primary-menu.style-3>ul>li.current>a,
#primary-menu.sub-title>ul>li:hover>a,
#primary-menu.sub-title>ul>li.current>a,
#primary-menu.sub-title>div>ul>li:hover>a,
#primary-menu.sub-title>div>ul>li.current>a,
#top-cart>a>span,
#page-menu-wrap,
#page-menu ul ul,
#page-menu.dots-menu nav li.current a,
#page-menu.dots-menu nav li div,
.portfolio-filter li.activeFilter a,
.portfolio-filter.style-4 li.activeFilter a:after,
.portfolio-shuffle:hover,
.entry-link:hover,
.sale-flash,
.button:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime),
.button.button-dark:hover,
.promo.promo-flat,
.feature-box .fbox-icon i,
.feature-box .fbox-icon img,
.fbox-effect.fbox-dark .fbox-icon i:hover,
.fbox-effect.fbox-dark:hover .fbox-icon i,
.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.i-rounded:hover,
.i-circled:hover,
ul.tab-nav.tab-nav2 li.ui-state-active a,
.testimonial .flex-control-nav li a,
.skills li .progress,
.owl-carousel .owl-dots .owl-dot span,
#gotoTop:hover,
.dark .button-dark:hover,
.dark .fbox-effect.fbox-dark .fbox-icon i:hover,
.dark .fbox-effect.fbox-dark:hover .fbox-icon i,
.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after,
.dark .i-rounded:hover,
.dark .i-circled:hover,
.dark ul.tab-nav.tab-nav2 li.ui-state-active a,
.dark .tagcloud a:hover,
.ei-slider-thumbs li.ei-slider-element,
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.checkbox-style:checked+.checkbox-style-1-label:before,
.checkbox-style:checked+.checkbox-style-2-label:before,
.checkbox-style:checked+.checkbox-style-3-label:before,
.radio-style:checked+.radio-style-3-label:before,
.irs-bar,
.irs-from,
.irs-to,
.irs-single,
input.switch-toggle-flat:checked+label,
input.switch-toggle-flat:checked+label:after,
input.switch-toggle-round:checked+label:before,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-themecolor,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-themecolor {
    background-color: #00B4E8;
}

.bgcolor,
.button.button-3d:not(.button-white):not(.button-dark):not(.button-border):not(.button-black):not(.button-red):not(.button-teal):not(.button-yellow):not(.button-green):not(.button-brown):not(.button-aqua):not(.button-purple):not(.button-leaf):not(.button-pink):not(.button-blue):not(.button-dirtygreen):not(.button-amber):not(.button-lime):hover,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.sidenav>.ui-tabs-active>a,
.sidenav>.ui-tabs-active>a:hover,
.owl-carousel .owl-nav [class*=owl-]:hover,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #00B4E8 !important;
}

#primary-menu.style-4>ul>li:hover>a,
#primary-menu.style-4>ul>li.current>a,
.top-cart-item-image:hover,
.portfolio-filter.style-3 li.activeFilter a,
.post-timeline .entry:hover .entry-timeline,
.post-timeline .entry:hover .timeline-divider,
.cart-product-thumbnail img:hover,
.feature-box.fbox-outline .fbox-icon,
.feature-box.fbox-border .fbox-icon,
.dark .top-cart-item-image:hover,
.dark .post-timeline .entry:hover .entry-timeline,
.dark .post-timeline .entry:hover .timeline-divider,
.dark .cart-product-thumbnail img:hover,
.heading-block.border-color:after {
    border-color: #00B4E8;
}

.top-links ul ul,
.top-links ul div.top-link-section,
#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content,
#primary-menu.style-6>ul>li>a:after,
#primary-menu.style-6>ul>li.current>a:after,
#top-cart .top-cart-content,
.fancy-title.title-border-color:before,
.dark #primary-menu:not(.not-dark) ul ul,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
#primary-menu.dark ul ul,
#primary-menu.dark ul li .mega-menu-content,
.dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
#primary-menu.dark ul li .mega-menu-content.style-2,
.dark #top-cart .top-cart-content,
.tabs.tabs-tb ul.tab-nav li.ui-tabs-active a,
.irs-from:after,
.irs-single:after,
.irs-to:after {
    border-top-color: #00B4E8;
}

#page-menu.dots-menu nav li div:after,
.title-block {
    border-left-color: #00B4E8;
}

.title-block-right {
    border-right-color: #00B4E8;
}

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6,
.more-link,
.tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
    border-bottom-color: #00B4E8;
}

.border-color,
.process-steps li.active a,
.process-steps li.ui-tabs-active a,
.tagcloud a:hover,
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    border-color: #00B4E8 !important;
}

abbr {
    border-bottom: none !important;
    text-decoration: none;
}

/* ----------------------------------------------------------------
	Fonts
-----------------------------------------------------------------*/
h1, .error404 {
    font-size: 40px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .error404 {
    line-height: 1.5;
    font-weight: bold;
    color: #000;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

@media (max-width: 991px) {
    h1, .error404 {
        font-size: 33px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    h3 {
        font-size: 23px;
        margin-bottom: 10px;
    }

    h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    h5 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    h6 {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

/* ----------------------------------------------------------------
    Topbar, Top Logo
-----------------------------------------------------------------*/
#top-bar {
    border-bottom: 0;
    position: absolute;
    z-index: 11;
    width: 100%;
    height: 49px;
    background: transparent url("../img/horizont.png");
}

.logo-top {
    position: relative;
}

.logo-top img {
    position: absolute;
    top: 40px;
    left: 0;
    width: 310px;
}

#header.full-header #logo {
    border: none;
}

/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/
.swiper_wrapper .slider-caption h2 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 45px;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
    line-height: 45px;
}

.swiper_wrapper .slider-caption p {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 30px;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

.swiper_wrapper .slider-caption .button.button-border {
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
    box-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

@media (min-width: 992px) {
    .swiper_wrapper .slider-caption h2 {
        font-size: 38px;
    }

    .swiper_wrapper .slider-caption p {
        font-size: 23px;
    }
}

@media (max-width: 991px) {
    #slider {
        margin-top: 60px;
    }

    .swiper_wrapper .slider-caption h2 {
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
        font-size: 38px;
        color: #FFFFFF;
    }

    .swiper_wrapper .slider-caption p {
        font-size: 23px;
    }
}

/* ----------------------------------------------------------------
    PageTitle, Breadcrumb
-----------------------------------------------------------------*/
#page-title {
    background-color: #ffffff;
    border-bottom: none;
    padding-top: 30px;
    padding-bottom: 10px;
}

@media (max-width: 768px) {
    #page-title {
        padding-top: 10px;
        padding-bottom: 0;
    }
}

.breadcrumb {
    z-index: 1;
}

.breadcrumb>.active {
    color: #00B4E8;
}

/* ----------------------------------------------------------------
    Header, Logo, Primary Menu
-----------------------------------------------------------------*/
#logo {
    width: 159px !important;
    z-index: 10000;
}

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

#header.sticky-header #logo {
    display: block;
}

#top-search a {
    margin-right: 110px;
}

#top-search a i {
    color: #000000;
}

#top-search form input {
    height: 100px;
    text-transform: none;
}

.sticky-header #top-search form input {
    height: auto;
}

#header.full-header #primary-menu>ul {
    border-right: none;
}

@media (max-width: 992px) {
    #header-wrap #primary-menu-trigger i {
        font-size: 33px;
    }

    #top-search a {
        margin-right: 0;
    }

    #header.full-header #primary-menu>ul {
        z-index: 10000;
    }
}

@media only screen and (max-width : 768px) {
    #top-search a {
        right: 0;
    }
}

@media (max-width: 580px) {
    #top-search a {
        margin-right: 60px;
    }
}

#primary-menu ul li>a {
    font-size: 20px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    text-transform: lowercase;
    font-weight: 400;
    padding-right: 50px;
    padding-left: 50px;
    color: #000000;
}

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

#primary-menu ul li>a:hover, #primary-menu ul li>a:focus {
    color: #00B4E8;
}

#header #primary-menu.dropup-menu>ul>li>ul {
    border-color: #00B4E8;
}

@media (min-width: 992px) {
    #primary-menu {
        float: none !important;
    }

    #primary-menu>ul.level_1 {
        width: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
    }

    #primary-menu>ul.level_1>li {
        position: relative !important;
        float: none !important;
        display: inline-block;
        margin: 0 !important;
        text-align: left;
    }

    #primary-menu>ul.level_1>li .level_2 {
        top: 80px;
        left: 20px !important;
        background-color: #00B4E8;
        border-color: #00B4E8;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 240px !important;
    }

    .sticky-header #primary-menu>ul.level_1>li .level_2 {
        top: 60px;
    }

    #primary-menu>ul.level_1>li .level_2 ul.level_3 {
        background-color: #00B4E8;
        border-color: #00B4E8;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 240px !important;
        left: 239px;
        top: -12px !important;
    }

    #primary-menu>ul.level_1>li .level_2>li a {
        padding-left: 10px;
        text-transform: none;
        font-size: 14px;
    }
}

/* Level 2 */
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
    border: none;
}

#primary-menu>ul.level_1>li .level_2>li a {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 25px;
    padding-left: 30px;
}

#primary-menu ul ul>li.sub-menu:hover>a, #primary-menu ul ul li:hover>a {
    background-color: rgba(0, 0, 0, 0.1);
}

#primary-menu ul ul>li.sub-menu>a {
    background-image: url("submenu-white.png");
}

#primary-menu ul li .mega-menu-content.style-2 ul li>a {
    color: #000000 !important;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 18px;
    text-transform: none;
    font-weight: normal;
    padding-left: 0;
}

@media (max-width: 991px) {
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a {
        color: #00B4E8 !important;
    }

    #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column {
        padding-left: 0;
    }

    .mega-menu-column .widget {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .mega-menu-column .widget h4 {
        margin-top: 20px;
    }

    #primary-menu>ul>li.sub-menu>a, #primary-menu>ul>li.sub-menu .level_2 .sub-menu>a {
        background: url("../../../../layout/images/icons/submenu.png") no-repeat right center;
    }
}

.submenu .wn-submenu-trigger {
    display: none;
}

@media (max-width: 991px) {
    #slider .swiper-wrapper .swiper-slide {
        transform: none !important;
    }

    .section.nobgcolor, .box.nobgcolor {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment: scroll;
    }

    #userlikeCustomTab {
        width: 60px !important;
        bottom: -40px !important;
    }

    #header-wrap {
        /*height: 40px !important;*/
        height: 60px!important;
    }

    #primary-menu-trigger {
        top: 5px !important;
    }

    #top-search a {
        margin-top: 21px;
        margin-bottom: 25px;
    }

    .elementSocialIcons {
        top: calc(18vh) !important;
    }

    #header-wrap #primary-menu-trigger i {
        font-size: 18px;
    }

    #top-search form input {
        height: 60px;
    }
}

@media (min-width: 992px) {
    .full-header #header-wrap {
        margin-top: -40px;
        background-color: #FFFFFF;
    }

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

    .slider-caption-bottom-center {
        bottom: 10%;
    }

    .one-page-arrow {
        bottom: 60px;
    }

    .mod_newsreader .one-page-arrow {
        bottom: 30px;
    }
}

@media (max-width: 991px) {
    .full-header #header-wrap {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #ffffff;
        width: 100%;
    }
}

.portfolio-filter li a, .portfolio-desc span {
    color: #7d7d7d;
}


/* ----------------------------------------------------------------
	Wrapper Search
-----------------------------------------------------------------*/
@media (min-width: 992px) {
    section .wrapper-search {
        margin-top: 40px;
    }
}

@media (max-width: 991px) {
    section .wrapper-search {
        margin-top: 95px;
    }

    .mod_search form .input-group {
        width: 100%;
    }
}

@media (max-width: 768px) {
    section .wrapper-search {
        margin-top: 120px;
    }
}

/* ----------------------------------------------------------------
	Placeholder
-----------------------------------------------------------------*/
#header #top-search form input {
    color: #7d7d7d;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    text-transform: none;
    font-weight: normal;
}

@media (min-width: 992px) {
    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header #top-search form input::-webkit-input-placeholder {
        color: #7d7d7d;
        text-transform: none;
        font-weight: normal;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header #top-search form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #7d7d7d;
        opacity: 1;
        text-transform: none;
        font-weight: normal;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header #top-search form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #7d7d7d;
        opacity: 1;
        text-transform: none;
        font-weight: normal;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header #top-search form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #7d7d7d;
        text-transform: none;
        font-weight: normal;
    }

    body:not(.device-sm):not(.device-xs):not(.device-xxs) #header #top-search form input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #7d7d7d;
        text-transform: none;
        font-weight: normal;
    }
}

#header #top-search form input::-webkit-input-placeholder {
    color: #7d7d7d;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    text-transform: none;
    font-weight: normal;
}

#header #top-search form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #7d7d7d;
    opacity: 1;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    text-transform: none;
    font-weight: normal;
}

#header #top-search form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #7d7d7d;
    opacity: 1;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    text-transform: none;
    font-weight: normal;
}

#header #top-search form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #7d7d7d;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    text-transform: none;
    font-weight: normal;
}

#header #top-search form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #7d7d7d;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    text-transform: none;
    font-weight: normal;
}

@media (max-width: 991px) {
    #header #top-search form input::-webkit-input-placeholder {
        font-size: 23px;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-transform: none;
        font-weight: normal;
        color: #7d7d7d;
    }

    #header #top-search form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        font-size: 23px;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-transform: none;
        font-weight: normal;
        color: #7d7d7d;
    }

    #header #top-search form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        font-size: 23px;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-transform: none;
        font-weight: normal;
        color: #7d7d7d;
    }

    #header #top-search form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 23px;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-transform: none;
        font-weight: normal;
        color: #7d7d7d;
    }

    #header #top-search form input::-ms-input-placeholder {
        /* Microsoft Edge */
        font-size: 23px;
        font-family: "Helvetica Neue", Arial, sans-serif;
        text-transform: none;
        font-weight: normal;
        color: #7d7d7d;
    }

    #header #top-search form input {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 23px;
        text-transform: none;
        font-weight: normal;
        color: #7d7d7d;
    }
}

/* ----------------------------------------------------------------
	Box Schema
-----------------------------------------------------------------*/
/* - */
.section.nobgcolor, .box.nobgcolor {
    background-color: transparent !important;
}

.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,
.box.nobgcolor p, .box.nobgcolor li {
    color: #000000;
}

@media (max-width: 767px) {
    .section.nobgcolor .box.vertical-middle h1 {
        font-size: 23px;
    }

    .section.nobgcolor .box.vertical-middle h2 {
        font-size: 23px;
    }
}

.section.nobgcolor .button.button-border, .box.nobgcolor .button.button-border {
    box-shadow: 0 0 7px rgba(0, 0, 0, 1);
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

/* Default */
.section.bgcolor, .box.bgcolor {
    background-color: #00B4E8 !important;
}

.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,
.box.bgcolor p, .box.bgcolor li, .box.bgcolor .flatWeatherPlugin .wiToday .wiIconGroup div.wi {
    color: #FFFFFF !important;
}

.section.bgcolor li a {
    color: #000000;
}

.section.bgcolor a:hover, .section.bgcolor a:focus,
.box.bgcolor a:hover, .box.bgcolor a:focus {
    color: #FFFFFF;
}

#content .section.bgcolor p>a, .box.bgcolor p>a {
    color: #000000;
}

#content .box.bgcolor p a:hover, #content .box.bgcolor p a:focus, #content .section.bgcolor p a:hover, #content .section.bgcolor p a:focus {
    color: #000000;
}

#content .section.bgcolor .ce_map .leaflet-popup-content h4,
.ce_map .leaflet-popup-content h4 {
    color: #000000 !important;
    font-weight: 700;
    font-size: 14px;
}

#content .section.bgcolor .ce_map .leaflet-popup-content p,
#content .section.bgcolor .ce_map .leaflet-popup-content p a {
    color: #000000 !important;
}

#content .section.bgcolor .ce_map .leaflet-popup-content p a {
    color: #00B4E8 !important;
}

#content .section.bgcolor .ce_map .leaflet-popup-content p a:hover,
#content .section.bgcolor .ce_map .leaflet-popup-content p a:focus {
    color: #000000 !important;
}

#content .section.bgcolor .elementArticle.filter-news .portfolio-desc {
    background-color: #00B4E8;
}

#content .section.bgcolor .portfolio-desc h3 a,
#content .section.bgcolor .portfolio-desc span,
#content .section.bgcolor .portfolio-desc span a {
    color: #ffffff;
}

#content .section.bgcolor .portfolio-desc h3 a:hover, #content .section.bgcolor .portfolio-desc h3 a:focus {
    color: #000000;
}

/* Light */
.section.light, .box.light {
    background-color: #f3f3f3 !important;
}

.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.light p, .section.light li,
.box.light p, .box.light li {
    color: #000000;
}

#content .section.light .portfolio-desc span,
#content .section.light .portfolio-desc span a {
    color: #000000;
}

#content .section.light .elementArticle.filter-news .portfolio-desc {
    background-color: #f3f3f3;
}

/* Dark */
.section.dark, .box.dark {
    background-color: #282828 !important;
}

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

#content .section.dark .elementArticle.filter-news .portfolio-desc {
    background-color: #282828;
}

#content .section.dark .portfolio-desc span,
#content .section.dark .portfolio-desc span a {
    color: #FFFFFF;
}

.dark .portfolio-desc h3 a {
    color: #ffffff;
}

.dark .portfolio-desc h3 a:hover, .dark .portfolio-desc h3 a:focus {
    color: #00B4E8;
}

/* Box in Section */
.section.nobgcolor .box.bgcolor, .box.nobgcolor .box.bgcolor {
    background-color: transparent !important;
    text-shadow: 0 0 7px rgba(0, 0, 0, 1);
}

/*  Teaser Subtitles  */
.ce_app_object_teaser .owl-item .elementArticleStandard .portfolio-desc span,
.ce_app_subpages .elementArticleStandard .portfolio-desc span,
.ce_app_object_teaser .elementArticleStandard .portfolio-desc span {
    display: none;
}

/* ----------------------------------------------------------------
	Quickbooking Header
-----------------------------------------------------------------*/
.section.nobgcolor.quickbooking-header {
    margin-top: -93px !important;
    height: 93px;
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.section.nobgcolor.quickbooking-header .box {
    background-color: rgba(0, 0, 0, .5) !important;
    padding: 0 !important;
}

.section.nobgcolor.quickbooking-header .box h3 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 42px;
}

.section.nobgcolor.quickbooking-header button {
    margin-top: 24px;
}

.section.nobgcolor.quickbooking-header .box .form-widget {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.section.nobgcolor.quickbooking-header .box label {
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 3px;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .section.nobgcolor.quickbooking-header {
        margin-top: -178px !important;
        z-index: 1000;
        height: 178px;
        position: relative;
        overflow: hidden;
    }

    .section.nobgcolor.quickbooking-header .box {
        background-color: rgba(0, 0, 0, .5) !important;
        padding: 0 !important;
        padding-top: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .section.nobgcolor.quickbooking-header .box h3 {
        color: #ffffff;
        font-size: 20px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: left;
    }

    .section.nobgcolor.quickbooking-header button {
        margin-top: 10px;
        margin-left: 0;
        border-left: 0;
        margin-bottom: 15px;
    }

    .section.nobgcolor.quickbooking-header .box .form-widget {
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
    }

    .section.nobgcolor.quickbooking-header .box label {
        color: #ffffff;
        text-align: left;
        font-size: 14px;
        font-weight: normal;
        padding-bottom: 3px;
        margin-bottom: 0;
    }
}

@media (max-width: 776px) {
    .section.nobgcolor.quickbooking-header {
        margin-top: -251px !important;
        height: 251px;
        z-index: 100;
    }

    .section.nobgcolor.quickbooking-header button {
        margin-top: 15px;
    }
}

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

@media only screen and (min-width : 992px) {
    #content .mod_newsreader {
        margin-top: -60px;
    }
}

.elementArticle.filter-news .portfolio-desc {
    background-color: #FFFFFF;
}

@media only screen and (max-width : 768px) {

    .mod_newsreader .section .box .ce_text p,
    .mod_newsreader .section .box .content-text p {
        display: none;
    }

    .mod_newsreader .section .box.header-stick .ce_text p,
    .mod_newsreader .section .box.header-stick .content-text p {
        display: block;
    }

    .mod_newsreader .section .box.vertical-middle h1 {
        font-size: 23px;
    }
}

@media only screen and (max-width : 992px) {
    .image_container {
        padding-bottom: 20px;
    }

    .mod_newsreader h1 {
        font-size: 30px;
    }

    .mod_newsreader .full-screen.section.nobgcolor {
        height: calc(100vh - 40px) !important;
    }
}

@media only screen and (max-width : 768px) {
    .mod_newsreader .full-screen.section.nobgcolor .box {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width : 479px) {
    .newsblock .container {
        width: 240px !important;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }

    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #primary-menu-trigger {
        left: -17px;
    }
}

/* ----------------------------------------------------------------
	Iconlist
-----------------------------------------------------------------*/
.iconlist-sell .portfolio-2.grid-container {
    height: 100px !important;
}

/* ----------------------------------------------------------------
	Newslinks
-----------------------------------------------------------------*/
@media (max-width: 479px) {
    .enclosure {
        width: 310px;
        margin: 0 auto;
        padding-left: 30px;
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    .enclosure {
        width: 470px;
        margin: 0 auto;
        padding-left: 30px;
    }
}

@media (min-width: 768px) {
    .enclosure {
        width: 750px;
        margin: 0 auto;
        padding-left: 30px;
    }
}

@media (min-width: 992px) {
    .enclosure {
        width: 970px;
        margin: 0 auto;
        padding-left: 30px;
    }
}

@media (min-width: 1200px) {
    .enclosure {
        width: 1170px;
        margin: 0 auto;
        padding-left: 30px;
    }
}

/* ----------------------------------------------------------------
	Pricingboxes
-----------------------------------------------------------------*/
.pricing-title h3, .pricing-box.best-price .pricing-title h3 {
    line-height: 1.5;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 30px;
    color: #000000;
    text-transform: none;
}

@media (max-width: 991px) {
    .pricing-title h3, .pricing-box.best-price .pricing-title h3 {
        font-size: 23px;
    }
}

.pricing-box {
    background-color: #FFFFFF;
}

.pricing-title {
    border-bottom: 1px solid #6c6c6c;
    background-color: #FFFFFF;
}

.elementPricing .pricing-desc {
    background-color: #FFFFFF;
}

.elementPricing .pricing-box.best-price .pricing-price {
    background-color: #00B4E8 !important;
    color: #FFFFFF;
}

.elementPricing .pricing-box.best-price .pricing-price .price-unit {
    color: #FFFFFF;
}

.elementPricing.elementPricing2Columns .pricing-box .pricing-price,
.elementPricing.elementPricing3Columns .pricing-box .pricing-price,
.elementPricing.elementPricing4Columns .pricing-box .pricing-price,
.elementPricing.elementPricing5Columns .pricing-box .pricing-price {
    background-color: #7d7d7d;
}

.elementPricing.elementPricing2Columns .pricing-box .pricing-features, .elementPricing.elementPricing3Columns .pricing-box .pricing-features {
    border-bottom: 1px solid transparent;
}

.elementPricing.elementPricing2Columns .pricing-title,
.elementPricing.elementPricing3Columns .pricing-title,
.elementPricing.elementPricing4Columns .pricing-title,
.elementPricing.elementPricing5Columns .pricing-title {
    border-bottom: none;
}

@media (min-width: 768px) {
    .elementPricing.elementPricing5Columns .col-sm-2 {
        width: 20%;
    }
}

.pricing-box.pricing-extended .pricing-action-area {
    border-left: 1px solid transparent;
    background-color: #7D7D86;
    padding: 20px;
}

.pricing-box.pricing-extended .pricing-features li, .pricing-features li {
    font-size: 18px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    color: #000000;
    width: 100%;
}

.pricing-box.pricing-extended .pricing-features ul li i {
    margin-right: 7px;
}

.pricing-box.pricing-extended .pricing-meta, .pricing-title span {
    color: #FFFFFF;
    font-size: 18px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    text-transform: none;
    padding-bottom: 5px;
    font-weight: normal;
}

.elementPricing.elementPricing2Columns .pricing-title span,
.elementPricing.elementPricing3Columns .pricing-title span,
.elementPricing.elementPricing4Columns .pricing-title span,
.elementPricing.elementPricing5Columns .pricing-title span {
    color: #000000 !important;
}

.pricing-price {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 30px !important;
    color: #FFFFFF;
    text-transform: none;
}

.pricing-price .price-unit {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
}

.pricing-price span.price-tenure {
    color: #FFFFFF;
    text-transform: none !important;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.pricing-box.best-price span.price-tenure {
    color: #FFFFFF;
}

.elementPricing .pricing-action .button,
.elementPricing.elementPricing2Columns .btn,
.elementPricing.elementPricing3Columns .btn,
.elementPricing.elementPricing4Columns .btn,
.elementPricing.elementPricing5Columns .btn {
    font-size: 18px;
    background-color: #00B4E8 !important;
    text-transform: inherit;
    text-shadow: none;
    display: inline-block;
    width: auto;
    color: #FFFFFF;
    border-radius: 30px;
    border: 2px solid #00B4E8;
    line-height: 47px;
}

#content .elementPricing .pricing-action .button:hover,
#content .elementPricing .pricing-action .button:focus,
#content .elementPricing.elementPricing2Columns .btn:hover,
#content .elementPricing.elementPricing2Columns .btn:focus,
#content .elementPricing.elementPricing3Columns .btn:hover,
#content .elementPricing.elementPricing3Columns .btn:focus,
#content .elementPricing.elementPricing4Columns .btn:hover,
#content .elementPricing.elementPricing4Columns .btn:focus,
#content .elementPricing.elementPricing5Columns .btn:hover,
#content .elementPricing.elementPricing5Columns .btn:focus {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    border: 2px solid #000000;
}

.elementPricing.elementPricing2Columns .btn,
.elementPricing.elementPricing3Columns .btn,
.elementPricing.elementPricing4Columns .btn,
.elementPricing.elementPricing5Columns .btn {
    line-height: inherit;
}

/* ----------------------------------------------------------------
	Iconbar
-----------------------------------------------------------------*/
.icon-bar {
    z-index: 10;
    position: absolute;
    right: 0;
    top: 220px;
    background: rgba(0, 0, 0, .4);
    width: 55px;
    border-radius: 12px 0 0 12px;
    -moz-border-radius: 12px 0 0 12px;
    -webkit-border-radius: 12px 0 0 12px;
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 12px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar a:hover, .icon-bar a:focus {
    color: #00B4E8;
}

.elementSocialIcons {
    z-index: 190;
    position: absolute;
    right: 0;
    top: calc(32vh - 4px);
    background: rgba(0, 0, 0, .4);
    width: 55px;
    border-radius: 12px 0 0 12px;
    -moz-border-radius: 12px 0 0 12px;
    -webkit-border-radius: 12px 0 0 12px;
    padding: 8px 8px 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,
.elementSocialIcons .si-colored, .elementSocialIcons .si-colored:hover {
    background-color: transparent !important;
}

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

.elementSocialIcons a:hover i, .elementSocialIcons a:focus i {
    color: #00B4E8 !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;
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 12px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}

.icon-bar a:hover, .icon-bar a:focus {
    color: #00B4E8;
}

/* ----------------------------------------------------------------
	Table
-----------------------------------------------------------------*/
.table tr :first-child {
    text-align: left !important;
}

.table tr :nth-child(2) {
    text-align: right !important;
}

.table td {
    font-weight: bold;
    padding: 8px 0 !important;
    border-top: 2px solid #555 !important;
}

/* ----------------------------------------------------------------
	Portfolio
-----------------------------------------------------------------*/
.portfolio-desc {
    text-align: center;
}

.entry-meta li {
    float: none;
    font-size: 13px;
    line-height: 14px;
    margin: 0 10px 15px 0;
    color: #999;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-style: normal;
}

.owl-nav div {
    opacity: 1 !important;
    border: none !important;
}

.owl-nav .owl-prev i, .owl-nav .owl-next i {
    display: none !important;
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0 !important;
    width: 27px !important;
    height: 50px !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.owl-nav .owl-prev {
    left: -50px !important;
    background-image: url("left.png");
}

#content .section.bgcolor .owl-nav .owl-prev {
    background-image: url("left-white.png");
}

.owl-nav .owl-next {
    right: -50px !important;
    background-image: url("right.png");
}

#content .section.bgcolor .owl-nav .owl-next {
    background-image: url("right-white.png");
}

.owl-carousel .owl-nav [class*="owl-"]:hover {
    background-color: transparent !important;
    color: #666 !important;
}

@media only screen and (max-width : 768px) {
    .owl-nav .owl-prev {
        left: -24px !important;
        width: 20px !important;
        height: 36px !important;
    }

    .owl-nav .owl-next {
        right: -24px !important;
        width: 20px !important;
        height: 36px !important;
    }
}

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

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

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/
#content .button {
    margin-left: 0;
}

.button.btn-default:before, .btn.btn-default:before {
    font-family: twblue, sans-serif;
    content: "\e811";
    font-size: 18px;
    padding-right: 15px;
}

.button.btn-default, .btn.btn-default {
    font-size: 18px;
    background-color: transparent !important;
    padding-right: 25px;
    text-transform: none;
    color: #000000;
    padding-left: 0;
    text-shadow: none;
    line-height: 40px;
    height: auto;
    font-weight: normal;
}

.button.btn-default:hover, .button.btn-default:focus, .btn.btn-default:hover, .btn.btn-default:focus {
    color: #00B4E8;
}

.button.btn-primary, .btn.btn-primary {
    font-size: 18px;
    background-color: #00B4E8 !important;
    color: #FFFFFF;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 30px;
    border: 2px solid #00B4E8;
    line-height: 40px;
    font-weight: normal;
    height: auto;
}

.button.btn-primary:hover, .button.btn-primary:focus, .btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000;
}

.button.btn-success, .btn.btn-success {
    font-size: 18px;
    background-color: #FFFFFF !important;
    color: #000000;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 30px;
    border: 2px solid #000000;
    line-height: 40px;
    height: auto;
    font-weight: normal;
}

.button.btn-success:hover, .button.btn-success:focus, .btn.btn-success:hover, .btn.btn-success:focus {
    background-color: #00B4E8 !important;
    color: #FFFFFF !important;
    border: 2px solid #00B4E8;
}

.button.button-dark {
    font-size: 18px;
    background-color: #282828 !important;
    color: #FFFFFF;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 30px;
    border: 2px solid #000000;
    line-height: 40px;
    height: auto;
    font-weight: normal;
}

.button.button-dark:hover, .button.button-dark:focus, #content .button.button-dark:hover, #content .button.button-dark:focus {
    background-color: #00B4E8 !important;
    color: #FFFFFF !important;
    border: 2px solid #00B4E8;
}

.button.button-light {
    font-size: 18px;
    background-color: #f3f3f3 !important;
    color: #000000;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 30px;
    border: 2px solid #f3f3f3;
    line-height: 40px;
    height: auto;
    font-weight: normal;
}

.button.button-light:hover, .button.button-light:focus, #content .button.button-light:hover, #content .button.button-light:focus {
    background-color: #00B4E8 !important;
    color: #FFFFFF !important;
    border: 2px solid #00B4E8;
}

.button.button-border {
    font-size: 18px;
    background-color: transparent !important;
    color: #FFFFFF !important;
    text-transform: inherit;
    border-radius: 30px;
    height: auto;
    line-height: 40px;
    border: 2px solid #FFFFFF !important;
    text-shadow: none;
    font-weight: normal;
}

.button.button-border:hover, .button.button-border:focus, #content .button.button-border:hover, #content .button.button-border:focus {
    background-color: #00B4E8 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    border: 2px solid #00B4E8 !important;
    text-shadow: none !important;
}

.button.button-mini {
    font-size: 16px;
    line-height: 26px;
}

/* ----------------------------------------------------------------
	Openinghours
-----------------------------------------------------------------*/
.elementOpeningHours td {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}

.elementOpeningHours .panel-heading {
    color: #7d7d7d;
}

.elementOpeningHours .table td {
    border-top: 1px solid #ddd !important;
    padding: 8px 6px !important;
}

.elementOpeningHours .table tr :nth-child(2) {
    font-weight: normal;
}

/* ----------------------------------------------------------------
	Webcam Weather
-----------------------------------------------------------------*/
.weather-webcam .wiDetail {
    display: none;
}

.weather-webcam .flatWeatherPlugin div.wiToday>p.wiTemperature {
    font-size: 29px;
    width: auto;
}

.weather-webcam .flatWeatherPlugin .wiToday {
    margin-bottom: 20px;
}

.weather-webcam .flatWeatherPlugin .wiToday>.wiIconGroup {
    font-size: 10px;
    text-align: right;
}

.weather-webcam .flatWeatherPlugin .wiToday .wiIconGroup div.wi {
    font-size: 22px;
    padding-top: 5px;
}

.weather-webcam .flatWeatherPlugin .wiToday>.wiIconGroup p {
    padding-top: 0;
}

.button-webcam {
    position: relative;
}

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

.imgheigtwebcam {
    height: 250px;
}

.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: 250px;
    }
}

/* ----------------------------------------------------------------
	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 - 62px);
    top: 62px;
}

/* Fonts */
.ce_app_object_list h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
}

.ce_app_object_list .entry-meta li {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    font-style: normal;
    text-shadow: none;
}

.ce_app_object_list .object-list__total {
    font-weight: 600;
    color: #7d7d7d;
}

.ce_app_object_list .object-list__sorting-text {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-transform: none;
    color: #7d7d7d;
}

.ce_app_object_list .object-map-window--content .entry-meta {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
    text-transform: none;
    color: #7d7d7d;
}

#content .ce_app_object_list a.object-map-window--link:hover,
#content .ce_app_object_list a.object-map-window--link:focus {
    text-decoration: none !important;
    color: #333 !important;
}

#content .ce_app_object_list .object-map-window--content p {
    color: #7d7d7d;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* Colors */
.object-list__total-number,
.ce_app_object_list .entry-meta li i {
    color: #00B4E8;
}

.ce_app_object_list .icon-star3:before {
    color: #00B4E8;
}

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

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

.ce_app_object_list .object-list__map .object-map-preview__description {
    color: #7d7d7d;
    font-size: 15px;
    line-height: 16px;
}

#infscr-loading {
    background-color: #00B4E8;
}

/* Buttons / Dropdowns */
.ce_app_object_list .dropdown-toggle.btn-default {
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #ffffff !important;
    color: #333 !important;
    text-shadow: none;
    text-transform: none;
    font-weight: normal;
    padding: 10px 25px 10px 16px;
    line-height: 16px;
    margin-left: 0;
    height: 38px;
    letter-spacing: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #ccc;
}

.btn.btn-default:before {
    display: none;
}

.ce_app_object_list .dropdown-toggle.btn-default:hover, .ce_app_object_list .dropdown-toggle.btn-default:focus {
    background-color: transparent !important;
    padding: 10px 25px 10px 16px;
    color: #00B4E8 !important;
    font-size: 14px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.ce_app_object_list .dropdown-toggle.btn-default:focus {
    border-color: #8c8c8c;
    color: #333;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-button button {
    height: 38px;
    border-radius: 0;
    font-size: 14px;
    padding-left: 12px !important;
    padding-right: 12px !important;
    line-height: 25px;
}

.ce_app_object_list .object-list__filters-widget-nearby-me-button button:hover {
    font-size: 14px;
}

.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: 0 22px;
    font-size: 14px;
    background: #00B4E8;
    color: #ffffff;
    font-weight: 600;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    border: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 30px !important;
    cursor: pointer;
}

.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: #000000 !important;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

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

.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 #ccc;
    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: #00B4E8;
}

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

.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: "Helvetica Neue", Arial, Helvetica, 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: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #444;
    background: #fff none;
    border: 1px solid #ccc;
    border-radius: 0 !important;
    box-shadow: none;
}

.ce_app_object_list .object-list__filters-widget-label {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #7d7d7d;
    font-size: 14px;
}

.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: 18px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: transparent !important;
    color: #00B4E8 !important;
    text-shadow: none;
    text-transform: none;
    font-weight: normal;
    padding: 0 22px;
    line-height: 14px;
    margin-left: 0;
    height: 38px;
    letter-spacing: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #00B4E8;
    border-color: #00B4E8 !important;
    display: inline-block !important;
    width: auto;
}

.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 {
    font-size: 18px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #00B4E8 !important;
    color: #FFFFFF !important;
    text-shadow: none;
    text-transform: none;
    font-weight: normal;
    padding: 0 22px;
    line-height: 14px;
    margin-left: 0;
    height: 38px;
    letter-spacing: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.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: 15px;
    padding: 0 7px;
    height: 30px;
}

#content .ce_app_object_list a.object-list__object:hover,
#content .ce_app_object_list a.object-list__object:focus {
    text-decoration: none !important;
    background-color: #f5f5f5;
}

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

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

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

@media (max-width: 767px) {

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

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

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

/* ----------------------------------------------------------------
	Broschüre
-----------------------------------------------------------------*/
.widget-explanation {
    margin-top: 0;
}

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

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

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

/* ----------------------------------------------------------------
	Widget - Bynder
-----------------------------------------------------------------*/
.bynder-widget-media-list {
    background: #f3f3f3 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: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 20px;
    color: #000000;
}

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

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

a.bynder-widget-btn {
    background: rgb(0, 180, 232) !important;
    background: -moz-linear-gradient(top, rgb(0, 180, 232) 0, rgb(0, 180, 232) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(0, 180, 232)), color-stop(100%, rgb(0, 180, 232))) !important;
    background: -webkit-linear-gradient(top, rgb(0, 180, 232) 0, rgb(0, 180, 232) 100%) !important;
    background: -o-linear-gradient(top, rgb(0, 180, 232) 0, rgb(0, 180, 232) 100%) !important;
    background: -ms-linear-gradient(top, rgb(0, 180, 232) 0, rgb(0, 180, 232) 100%) !important;
    background: linear-gradient(to bottom, rgb(0, 180, 232) 0, rgb(0, 180, 232) 100%) !important;
    background-color: rgb(0, 180, 232) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    font-family: "Helvetica Neue", Arial, 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;
}

/* ----------------------------------------------------------------
	Objectlist
-----------------------------------------------------------------*/
.elementContentList h4 {
    margin-top: 20px;
    margin-bottom: 0;
    clear: both;
}

.list-group-item {
    border-radius: 0 !important;
    border-top: 0 !important;
}

#header.sticky-header+.clear+#content .object-list-container {
    height: calc(100vh - 130px) !important;
    min-height: 500px;
    margin-top: 10px;
}

.contentDetailsMap {
    padding-right: 30px;
}

@media (max-width: 1200px) {
    .contentPoiList .contentDetailsList {
        margin-right: 30px;
    }

    .contentPoiList .contentDetailsMap {
        padding-left: 15px;
        padding-right: 15px;
        height: calc(100vh - 184px) !important;
    }
}

#side-panel {
    z-index: 100000;
}

.label-default {
    background-color: #7d7d7d;
    margin-left: 10px;
}

.contentPoiList .row .list-group-item .col-lg-8 {
    padding: 0;
}

.contentPoiList .elementFilter .form-control {
    font-size: 15px;
    color: #7d7d7d;
}

.object-list-container h4 {
    font-size: 20px;
    line-height: 1.2;
}

.contentPoiList label {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    color: #7d7d7d;
    font-size: 14px;
    text-transform: none;
}

.object-list-container h4 .icon-star3 {
    font-size: 15px;
    color: #00B4E8;
}

.object-list-container h4.object-map-window--headline {
    font-size: 20px;
}

.object-list-container .entry-meta li {
    color: #7d7d7d;
    display: inline;
}

#content .object-map-window--link:hover, #content .object-map-window--link:focus {
    text-decoration: none !important;
}

@media (max-width: 991px) {
    .object-list-container h4 {
        font-size: 15px;
        font-weight: bold;
    }

    #header.sticky-header+.clear+#content .object-list-container {
        height: calc(100vh - 176px) !important;
        margin-bottom: 0 !important;
        min-height: auto !important;
        margin-top: 0 !important;
    }

    .contentPoiList .panel-body {
        padding-bottom: 0 !important;
        z-index: 1000;
    }

    .contentPoiList .col-xs-6 {
        padding-left: 0;
    }

    .object-list-container .entry-meta li {
        margin-right: 5px !important;
    }

    .object-list-container .entry-meta li:before {
        margin-right: 5px !important;
    }
}

.object-list-container p.list-group-item-text {
    font-size: 15px;
}

.object-list-container .btn.btn-default, .object-list-container .btn.btn-default:hover, .object-list-container .btn.btn-default:focus,
.contentPoiList .side-panel-wrap .btn.btn-default {
    font-size: 15px;
    font-weight: normal;
}

@media (max-width: 767px) {
    .elementContentList .list-group-item-text {
        display: block !important;
    }

    .object-list-container .entry-meta li .label-default {
        overflow: hidden;
        height: 28px;
        width: 28px;
        padding-top: 6px;
        padding-left: 6px;
        display: inline-block;
        position: absolute;
        top: 3px;
        right: -1px;
    }

    .object-list-container .entry-meta li .label-default:before {
        content: "\e62a";
        font-family: twblue, sans-serif;
        font-size: 16px;
        padding-right: 20px;
        font-style: normal;
    }
}

.contentPoiDetail p.lead {
    font-size: 21px;
    line-height: 1.8;
    font-weight: normal;
}

.contentPoiDetail .calltoactionslide .btn.btn-success {
    font-size: 14px;
    line-height: 19px;
}

.contentPoiDetail .calltoactionslide h4 {
    color: #ffffff;
}

.contentPoiDetail {
    margin-top: 49px;
}

.contentPoiDetail .content-wrap {
    padding-top: 60px;
}

/* 360 Grad  https://thurgau-bodensee.ch/de/maps/kartause-ittingen-1a2c9bed-b01a-46c4-b23f-03c6a9647495.html */
.contentPoiDetail .widget iframe {
    width: 100%;
    height: 435px;
}

@media (max-width: 991px) {
    .contentPoiDetail {
        margin-top: 109px;
    }

    .contentPoiDetail .content-wrap {
        padding-top: 35px;
    }
}

.contentPoiDetail .sidebar-widgets-wrap .elementAdress .email {
    display: inline-block;
}

.contentPoiDetail .sidebar-widgets-wrap .elementAdress .widget:last-child p {
    margin-bottom: 0 !important;
}

/* PIM SBB Widget */
.contentPoiDetail .content-wrap .formWidgetSBB {
    margin-top: 10px !important;
}

.contentPoiDetail .content-wrap .formWidgetSBB .col-sm-12 {
    padding-left: 0;
}

.contentPoiDetail .content-wrap .formWidgetSBB .btn.btn-success {
    width: 100%;
}

.contentPoiDetail .content-wrap .formWidgetSBB input::placeholder {
    font-size: 14px;
}

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

.contentPoiDetail .table tr :nth-child(2) {
    text-align: left !important;
}

.contentPoiDetail .table td {
    padding: 8px !important;
    border-top: 1px solid #ddd !important;
    font-weight: normal;
}

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

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

/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/
#footer {
    position: relative;
    background-color: #eee;
    border-top: none;
}

.fright {
    float: left !important;
}

#footer .button.btn-primary,
#footer .btn.btn-primary {
    color: #FFFFFF !important;
}

#copyrights {
    height: 100px;
    padding: 32px 0 32px 0;
    background-color: #00B4E8;
    font-size: 14px;
    line-height: 1.8;
}

#copyrights a {
    font-size: 14px !important;
    padding-left: 0;
    color: #FFFFFF !important;
    background-color: transparent !important;
    border: none !important;
    height: auto;
    text-transform: inherit;
}

@media only screen and (max-width: 992px) {
    #copyrights {
        height: 60px;
        padding: 10px 0;
    }
}

@media only screen and (max-width : 768px) {
    #copyrights {
        height: auto;
        padding: 20px 0 0;
    }
}

.social-icon {
    margin-right: 30px;
}

.footer-widgets-wrap .ce_column .ce_headline,
.footer-widgets-wrap .ce_app_grid_column_start .content-headline,
footer h4 a, footer h4 {

    color: #000000 !important;
    text-transform: none;
    font-weight: bold;
}

.footer-widgets-wrap .widget_links h4 {
    font-size: 25px;
}

footer p, footer a {
    color: #000000 !important;
}

footer p {
    line-height: 27px;
}

footer .widget_links li a:hover, footer .widget_links h4 a:hover {
    color: #000000 !important;
}

footer .image_container img {
    width: 150px;
}

footer a.tsoBacklinkFooter {
    color: #999999 !important;
    font-size: 10px;
}

footer .widget_links li a {
    font-size: 16px;
    color: #000000 !important;
    padding-left: 0;
    line-height: 27px;
}

footer .widget_links>ul {
    margin-top: 0 !important;
}

footer .widget_links li {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

footer .col-md-3.ce_app_footer_navigation {
    width: 33.33%;
}

@media only screen and (max-width : 992px) {
    .footer-widgets-wrap .widget_links h4 {
        font-size: 18px;
    }
    

    footer .col-md-3.ce_app_footer_navigation {
        width: 100%;
    }

    footer .col-md-3.ce_app_footer_navigation {
        margin-bottom: 20px;
    }

    footer .image_container img {
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .formNewsletter {
        padding-top: 30px;
    }
}

.social-icon.si-small {
    padding-right: 20px;
}

footer .social-icon i:last-child {
    color: #00B4E8 !important;
}

.footer-widgets-wrap .elementAdress p {
    margin-bottom: 0;
}

.footer-widgets-wrap .ce_column h4,
.footer-widgets-wrap .ce_app_grid_column_start h4 {
    margin-bottom: 16px;
    font-size: 18px;
}

#content .elementAdress address p:first-child {
    margin-bottom: 5px;
}

.input-group-addon:first-child {
    border-right: 0;
    display: none;
}

.widget_archive li a, .widget_categories li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a, .widget_pages li a, .widget_recent_comments li a, .widget_recent_entries li a, .widget_rss li a {
    background: none !important;
    border: none !important;
    color: #444;
    font-size: 18px;
    padding-left: 0;
}

footer .btn.btn-success {
    margin-left: 0 !important;
    background-color: #00B4E8 !important;
    height: 34px;
    border: 2px solid #00B4E8;
    border-radius: 0;
    line-height: 19px;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 6px;
}

footer .btn.btn-success:hover, footer .btn.btn-success:focus {
    background-color: #000000 !important;
    border: 2px solid #000000 !important;
}

.mod_changelanguage .btn-default {
    background-image: none;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    width: 60%;
    text-transform: inherit;
    font-weight: normal;
    height: 37px;
    line-height: inherit;
    letter-spacing: 1px;
}

.mod_changelanguage .btn-default:before {
    display: none;
}

.mod_changelanguage .btn-default:hover, .mod_changelanguage .btn-default:focus {
    color: #FFFFFF !important;
}

.mod_changelanguage .btn-default:active, .mod_changelanguage .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
    outline: none !important;
    color: #FFFFFF;
}

#copyrights .mod_changelanguage .dropdown-menu a {
    color: #000000 !important;
    padding-left: 20px;
}

.mod_changelanguage .btn-default:focus {
    outline: none !important;
}

.portfolio-desc span a {
    color: #7d7d7d;
}

.stretched #gotoTop {
    bottom: 120px;
}

.questionicon {
    height: 100px !important;
    z-index: 10000;
}

/* ----------------------------------------------------------------
	360 Grad https://thurgau-bodensee.ch/de/kommen/regionen/weinfelden.html
-----------------------------------------------------------------*/
.iframewrapper.roundview {
    position: relative;
}

.iframewrapper.roundview .feature-box {
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
}

.iframewrapper.roundview .feature-box .icon-custom {
    padding-left: 5px;
}

/* ----------------------------------------------------------------
	iframe - e-domizil
-----------------------------------------------------------------*/
iframe.e-domizil {
    height: 1600px;
}

@media (max-width: 991px) {
    iframe.e-domizil {
        height: 1700px;
    }
}

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

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

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

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

.portfolio-overlay-open .portfolio-desc {
    text-align: left !important;
}

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

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

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

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

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

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

/* Youtube Hack */
.youtubeheader {
    height: calc(100vh - 100px) !important;
}

@media only screen and (max-width : 992px) {
    .youtubeheader {
        height: calc(100vh - 60px) !important;
    }
}

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

/* IE Hack */
.standard-logo img, .retina-logo img {
    margin-top: 5px;
    height: auto !important;
}

.swiper_wrapper .slider-caption {
    width: 100%;
    max-width: none !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    /* IE10+ specific styles go here */
    .standard-logo img, .retina-logo img {
        height: 50px;
        padding-bottom: 2px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (max-width: 1920px) {
    .standard-logo img, .retina-logo img {
        height: 50px !important;
        padding-bottom: 4px !important;
    }
}

.video-trenner {
    padding-bottom: 440px !important;
}

.video-trenner .mbYTP_wrapper {
    height: 500px !important;
    min-height: 500px !important;
}

@media only screen and (max-width : 992px) {
    .video-trenner {
        padding-bottom: 340px !important;
    }

    .video-trenner .mbYTP_wrapper {
        height: 400px !important;
        min-height: 400px !important;
    }
}

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

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

@media only screen and (max-width : 1200px) {
    .grid-1-carousel .masonry-portfolio-image img {
        max-height: 705px;
    }
}

/* Maps */
.leaflet-container {
    z-index: 1;
}

.ce_map {
    z-index: 0;
}

/* ----------------------------------------------------------------
	Map mit Insert-Tags (Wetter / Temperaturen)
-----------------------------------------------------------------*/
/* Widget OpenWeatherMap */
.ce_map .ce_open_weather_map {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 5px;
}

.ce_map .ce_open_weather_map .weather .wiToday .wiIconGroup p.wiText,
.ce_map .ce_open_weather_map .weather .wiToday .wiDetail {
    display: none;
}

.ce_map .ce_open_weather_map .weather .wiToday {
    display: flex;
    color: #000000;
    justify-content: flex-start;
    align-items: center;
}

.ce_map .ce_open_weather_map .weather .wiToday .wiIconGroup {
    width: 25%;
    float: left;
    color: #000000;
}

.ce_map .ce_open_weather_map .weather .wiToday .wiIconGroup div.wi {
    font-size: 300%;
}

.ce_map .ce_open_weather_map .weather .wiToday p.wiTemperature {
    width: 25%;
    font-size: 220%;
    color: #000000;
}

.ce_map .ce_open_weather_map .weather .wiToday p.wiTemperature sup {
    opacity: 1;
    color: #000000;
}

/* SoSpo Widget */
.ce_map .ce_app_sospo_data {
    position: relative;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ce_map .ce_app_sospo_data::before {
    content: "";
    display: block;
    position: absolute;
    color: #000000;
    background: url("../img/temperatur_icon.svg") no-repeat;
    background-size: 35px;
    width: 35px;
    height: 35px;
    left: 8px;
    top: 14px;
}

.ce_map .ce_app_sospo_data .widgetHydrodata .heading-block,
.ce_map .ce_app_sospo_data .widgetHydrodata h5::before {
    display: none;
}

.ce_map .ce_app_sospo_data .widgetHydrodata span {
    font-size: 153% !important;
    color: #000000;
}

.ce_map .ce_app_sospo_data .widgetHydrodata .counter {
    font-size: 140%;
    display: flex;
    color: #000000;
    position: relative;
    justify-content: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding-left: 0;
    text-align: center;
    padding-right: 55px;
}

.ce_map .ce_app_sospo_data .widgetHydrodata h5 {
    font-size: 14px;
    text-align: center;
    color: #000000;
    margin-top: 0;
    margin-bottom: 0;
    float: left;
    margin-left: 48px;
    text-transform: none;
}

@media (max-width: 479px) {
    .ce_map .ce_open_weather_map .weather .wiToday p.wiTemperature {
        font-size: 200%;
        margin-left: 15px !important;
    }

    .ce_map .ce_open_weather_map .weather .wiToday p.wiTemperature sup {
        font-size: 57%;
    }

    .ce_map .ce_open_weather_map .weather .wiToday .wiIconGroup div.wi {
        font-size: 270%;
    }

    .ce_map .ce_app_sospo_data .widgetHydrodata .counter {
        padding-right: 0;
        margin-left: 14px !important;
        font-size: 110%;
    }

    .ce_map .ce_app_sospo_data .widgetHydrodata span {
        font-size: 180% !important;
    }

    .ce_map .ce_app_sospo_data::before {
        background-size: 31px;
        width: 31px;
        height: 31px;
        left: 2px;
        top: 5px;
    }

    .ce_map .ce_app_sospo_data .widgetHydrodata h5 {
        font-size: 10px;
        margin-left: 20px;
    }
}

/* ----------------------------------------------------------------
	FAQ
-----------------------------------------------------------------*/
.elementToggle .togglec .text p {
    margin-bottom: 0;
}

.elementToggle .togglec p.info {
    display: none;
}

/* ----------------------------------------------------------------
	Onboarding - onboarding.thurgau-bodensee.ch
-----------------------------------------------------------------*/
.ce_form form.onboarding-formular .progress {
    border-radius: 30px;
}

.ce_form form.onboarding-formular .progress .progress-bar {
    background-color: #00B4E8 !important;
    border-radius: 30px;
}

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

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

.ce_form form.onboarding-formular .widget.widget-explanation p {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 27px;
}

.ce_form form.onboarding-formular .widget.widget-explanation blockquote p {
    margin-top: 0;
}

.ce_form form.onboarding-formular .widget.widget-explanation ul {
    margin-left: 0;
    list-style: disc;
    padding-left: 17px;
}

.ce_form form.onboarding-formular .toggle.toggle-border blockquote {
    padding: 0;
}

.ce_form form.onboarding-formular .toggle.toggle-border blockquote::before {
    display: none;
}

.ce_form form.onboarding-formular input.disabled {
    pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
}

.ce_form form.onboarding-formular .ce_form .widget.widget-explanation blockquote:before {
    top: 55%;
}

.ce_form form.onboarding-formular .fineuploader-wrapper .qq-upload-button-selector.qq-upload-button {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    line-height: 20px;
    font-size: 18px;
    background-color: #00B4E8 !important;
    color: #FFFFFF;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 30px;
    padding-left: 25px;
    border: 2px solid #00B4E8;
    font-weight: normal;
    height: auto;
}

.ce_form form.onboarding-formular .fineuploader-wrapper .qq-upload-button-selector.qq-upload-button:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000;
}

.ce_form form.onboarding-formular .button.btn-default:before,
.ce_form form.onboarding-formular .btn.btn-default:before {
    display: none;
}

.ce_rsce_icon_list.onboarding-icon-list .feature-box h3 {
    text-transform: none;
}

.ce_rsce_icon_list.onboarding-icon-list .feature-box p {
    font-size: 16px;
}

.ce_rsce_icon_list.onboarding-icon-list .portfolio-1 .portfolio-item {
    border-bottom: none;
}

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

.ce_rsce_collapsibles.onboarding-collapsibles.poi-oeffnungszeiten h5 {
    font-size: 16px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    color: #000000;
}

body.onboarding #footer {
    padding-top: 0;
    background-color: #00B4E8;
}

body.onboarding #footer #copyrights {
    padding-top: 20px;
    padding-bottom: 40px;
}

body.onboarding #footer #copyrights p,
body.onboarding #footer #copyrights p a {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    color: #FFFFFF !important;
}

body.onboarding #footer #copyrights p a:hover {
    color: #FFFFFF !important;
}

@media (min-width: 992px) {
    .onboarding-formular-wrapper {
        padding-top: 90px !important;
    }
}

@media (max-width: 991px) {
    .onboarding-formular-wrapper {
        padding-top: 135px !important;
    }
}

/* ----------------------------------------------------------------
	Kommentare / comments
-----------------------------------------------------------------*/
.ce_comments {
    margin-right: auto;
    margin-left: auto;
    padding-top: 60px;
}

.ce_comments .comment-wrap {
    border: 1px solid #ddd;
    border-radius: 3px;
}

.ce_comments .comment-avatar {
    border: 1px solid #ddd;
}

.ce_comments .comment-meta {
    display: none;
}

.ce_comments .commentlist {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    margin-bottom: 0;
}

.ce_comments .commentlist .comment {
    margin-left: 0;
    margin-bottom: 25px;
}

.commentlist li .comment-content {
    padding-left: 0;
}

.ce_comments .comment-content .comment-author {
    color: #000000;
}

.ce_comments .comment-content .comment-author span,
.ce_comments .comment-content .comment-author span a {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #7d7d7d;
}

.ce_comments form {
    margin-bottom: 0;
    margin-top: 25px;
}

.ce_comments form .col_half,
.ce_comments form .col_full {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .ce_comments {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .ce_comments {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .ce_comments {
        width: 1170px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .ce_comments {
        width: 470px !important;
    }
}

@media (max-width: 991px) {
    .ce_comments h3 {
        margin-bottom: 25px;
    }
}

@media (max-width: 479px) {
    .ce_comments {
        width: 310px !important;
        padding-top: 40px;
        padding-bottom: 0px;
    }
}

/* ----------------------------------------------------------------
	Login Bereich
-----------------------------------------------------------------*/
.mod_login .well,
.mod_lostPassword,
.mod_registration {
    margin-top: 60px;
    margin-bottom: 60px !important;
}

.mod_login .well,
.mod_lostPassword .well {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, .075);
    border-radius: 3px;
    padding: 25px;
}

.mod_lostPassword .well form .form-widget {
    width: 100%;
    padding-left: 0;
}

.mod_login .well form fieldset label.checkbox-style-3-label {
    margin-left: 0;
}

.mod_login .well form fieldset label.checkbox-style-3-label:before {
    font-size: 13px;
}

.mod_login .well form button.button.button-3d,
.mod_lostPassword .well form button.button.button-3d,
.mod_registration form .widget button.button.button-3d {
    font-size: 18px;
    background-color: #00B4E8 !important;
    color: #FFFFFF;
    text-transform: inherit;
    text-shadow: none;
    border-radius: 30px;
    border: 2px solid #00B4E8;
    line-height: 40px;
    font-weight: normal;
    height: auto;
}

#content .mod_login .well form button.button.button-3d:hover,
#content .mod_lostPassword .well form button.button.button-3d:hover,
.mod_registration form .widget button.button.button-3d:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000;
}

.mod_login .well form a.fright,
.mod_lostPassword .well form a.fright {
    float: right !important;
}

@media (max-width: 767px) {

    .mod_login .well,
    .mod_lostPassword,
    .mod_registration {
        margin-top: 30px;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 479px) {
    .mod_login .well {
        padding-bottom: 40px;
    }

    .mod_login .well form a.fright {
        float: left !important;
        margin-top: 20px;
    }

    .mod_lostPassword .well form button.button.button-3d {
        font-size: 16px;
        padding: 0 18px;
    }
}

/* ----------------------------------------------------------------
	TOMAS APP
-----------------------------------------------------------------*/
.ce_rsce_tomas_app span,
.ce_rsce_tomas_app p {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

/* ----------------------------------------------------------------
	Shop
-----------------------------------------------------------------*/
/* Übersicht Artikel */
.ce_app_object_list.pim-shop .entry-meta li i {
    display: none;
}

.ce_app_object_list.pim-shop .entry-meta li.object-list__object-price:before {
    content: 'ab';
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    opacity: 1;
    margin-right: 1px;
}

.ce_app_object_list.pim-shop .entry-meta li.object-list__object-price:after {
    content: 'exkl. MwSt.';
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 13px;
    line-height: 14px;
    color: #7d7d7d;
    opacity: 1;
    margin-left: 5px;
}

.ce_app_object_list.pim-shop .entry-meta li.object-list__object-category::before,
.ce_app_object_list.pim-shop .entry-meta li.object-list__object-category.object-list__object-category--tgt_tzm_weiterbildungen:before,
.ce_app_object_list.pim-shop .entry-meta li.object-list__object-category.object-list__object-category--tzm_online_marketing:before,
.ce_app_object_list.pim-shop li.object-list__object-category.object-list__object-category--tgt_tzm_projektteilnahme::before {
    display: none;
}

.ce_app_object_list.pim-shop .entry-meta li.object-list__object-category {
    font-weight: bold !important;
    margin-bottom: 10px;
}

/* Shop Artikel */
.ce_app_object_reader.pim-shop-detail .contentPoiDetail-header {
    display: none;
}

.ce_app_object_reader.pim-shop-detail .contentPoiDetail {
    margin-top: 0;
}

.ce_app_object_reader.pim-shop-detail .contentPoiDetail .sidebar-widgets-wrap .widget form div:not(.form-widget):after {
    content: 'exkl. MwSt.';
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    color: #000000;
    margin-left: 5px;
}

.ce_app_object_reader .contentPoiDetail .slidedownBox form .button {
    font-size: 18px !important;
    margin-top: 10px;
    background-color: #00B4E8 !important;
    border: 2px solid #00B4E8 !important;
    text-transform: inherit !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 30px !important;
    line-height: 40px !important;
    font-weight: normal !important;
    height: auto !important;
}

.ce_app_object_reader .contentPoiDetail .slidedownBox form .button:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000 !important;
}

.ce_app_object_reader .contentPoiDetail .slidedownBox form p.bg-info {
    padding-left: 5px;
    margin-top: 10px;
}

/* Warenkorb */
.ce_app_object_cart {
    padding-top: 60px;
}

.ce_app_object_cart form ul {
    list-style: disc;
    margin-top: 5px;
    padding-left: 15px;
}

#content .ce_app_object_cart form ul li {
    text-align: left !important;
}

.ce_app_object_cart form .table>tfoot>tr>th.text-right:after {
    content: 'exkl. MwSt.';
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    color: #000000;
    margin-left: 5px;
}

.ce_app_object_cart form a.button {
    font-size: 18px !important;
    background-color: #00B4E8 !important;
    border: 2px solid #00B4E8 !important;
    text-transform: inherit !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 30px !important;
    line-height: 40px !important;
    font-weight: normal !important;
    height: auto !important;
}

#content .ce_app_object_cart form a.button:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000 !important;
}

.ce_app_object_cart form .button.button-border {
    background-color: #00B4E8 !important;
    text-transform: inherit;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 30px;
    border: 2px solid #00B4E8 !important;
}

#content .ce_app_object_cart form .button.button-border:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000 !important;
}

.ce_app_object_cart .table td {
    padding: 8px !important;
    border-top: 1px solid #ddd !important;
}

.ce_app_object_cart .table td button.close {
    opacity: 1;
    color: #00B4E8;
}

.ce_app_object_cart .table td button.close:hover {
    color: #000000;
}

.ce_app_object_cart p.errormsg {
    padding-left: 5px;
}

.ce_app_object_cart form .table td input {
    width: auto;
    float: right;
    text-align: right !important;
}

.ce_app_object_cart form .table>thead>tr>th {
    border-bottom: 2px solid #555 !important;
}

.ce_app_object_cart form .table>tfoot>tr>th {
    border-top: 2px solid #555 !important;
}

@media (max-width: 991px) {
    .ce_app_object_cart {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .ce_app_object_cart form table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .ce_app_object_cart form .table td input {
        width: 100px;
    }
}

/* Checkout */
.ce_app_object_checkout {
    padding-top: 60px;
}

.ce_app_object_checkout .panel {
    border: none;
}

.ce_app_object_checkout .panel .panel {
    border: 1px solid #ddd !important;
}

.ce_app_object_checkout .panel ul {
    list-style: disc;
    margin-top: 5px;
    padding-left: 15px;
}

.ce_app_object_checkout .panel form {
    margin-bottom: 0;
}

.ce_app_object_checkout .panel form .form-widget fieldset.radio_container label {
    margin-left: 0;
}

.ce_app_object_checkout div[data-object-checkout-step="shipping"] {
    padding: 15px;
}

.ce_app_object_checkout div[data-object-checkout-step="shipping"] .panel-body {
    padding: 0;
}

.ce_app_object_checkout div[data-object-checkout-step="summary"] {
    padding: 10px 15px;
}

.ce_app_object_checkout .panel div[data-object-checkout-step="form"] {
    /*border: 1px solid #ddd !important;*/
    border: none !important;
    border-top: none !important;
    padding: 15px;
    padding-top: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 20px;
}

.ce_app_object_checkout .panel div[data-object-checkout-step="form"] .table td,
.ce_app_object_checkout .panel div[data-object-checkout-step="form"] .table th {
    border-top: 1px solid #ddd !important;
}

.ce_app_object_checkout .panel .table td {
    padding: 8px !important;
    border-top: 1px solid #ddd !important;
}

.ce_app_object_checkout .panel .table td:first-child {
    padding-left: 8px !important;
}

.ce_app_object_checkout .panel .table th:first-child {
    padding-left: 0px !important;
}

.ce_app_object_checkout .panel .table>thead>tr>th {
    border-bottom: 2px solid #555 !important;
}

.ce_app_object_checkout .panel .table>tfoot>tr>th {
    border-top: 2px solid #555 !important;
}

.ce_app_object_checkout .panel .table>tfoot>tr>th.text-right:after {
    content: 'exkl. MwSt.';
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    color: #000000;
    margin-left: 5px;
}

.ce_app_object_checkout .panel p.errormsg {
    padding-left: 5px;
}

#content .ce_app_object_checkout table ul li {
    text-align: left !important;
}

.ce_app_object_checkout div[data-existing-data=""] .panel-body {
    padding-left: 0;
    padding-top: 0;
}

#content .ce_app_object_checkout .button.button-border {
    background-color: #00B4E8 !important;
    text-transform: inherit;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 30px;
    border: 2px solid #00B4E8 !important;
}

#content .ce_app_object_checkout .button.button-border:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000 !important;
}

@media (max-width: 991px) {
    .ce_app_object_checkout {
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .ce_app_object_checkout .panel table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* Bestellungen - Order History */
.ce_app_object_order_history .table th {
    text-align: right;
}

.ce_app_object_order_history .table>thead>tr>th {
    border-bottom: 2px solid #555 !important;
}

.ce_app_object_order_history .table>tfoot>tr>th {
    border-top: 2px solid #555 !important;
}

.ce_app_object_order_history .table>tfoot>tr>th.text-right::after {
    content: 'exkl. MwSt.';
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 16px;
    color: #000000;
    margin-left: 5px;
}

.ce_app_object_order_history .table td {
    border-top: 1px solid #ddd !important;
    padding: 8px !important;
    text-align: right;
}

.ce_app_object_order_history .table ul {
    list-style: disc;
    margin-top: 5px;
    padding-left: 15px;
}

@media (max-width: 767px) {
    .ce_app_object_order_history .table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .ce_app_object_order_history .table td input {
        width: 100px;
    }
}

/* Merkliste */
.ce_app_personal_links_list .table td {
    padding: 8px !important;
    border-top: 1px solid #ddd !important;
}

.ce_app_personal_links_list .table td:last-child {
    text-align: center;
}

.ce_app_personal_links_list .table td .btn.btn-default {
    border: none;
    padding: 0;
    outline: none !important;
    outline-offset: 0px !important;
    line-height: 11px;
}

.ce_app_personal_links_list .table td .btn.btn-default i.icon-remove {
    color: #00B4E8;
}

.ce_app_personal_links_list .table td .btn.btn-default:hover i.icon-remove {
    color: #000000;
}

.ce_app_personal_links_list .table td .btn.btn-default:active {
    box-shadow: none !important;
}

.ce_app_personal_links_list .table tr :nth-child(2) {
    text-align: left !important;
}

.ce_app_personal_links_list .table>thead>tr>th {
    border-bottom: 2px solid #555 !important;
}

.ce_app_personal_links_list .table>tfoot>tr>th {
    border-top: 2px solid #555 !important;
}

.ce_app_personal_links_list a.btn.btn-link.btn.btn-default:focus-visible {
    outline: none !important;
    outline-offset: 0px !important;
}

#content .ce_app_personal_links_list form button {
    color: #fff !important;
    background-color: #00B4E8 !important;
    text-transform: inherit;
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 30px;
    border: 2px solid #00B4E8 !important;
    padding: 0 22px !important;
}

#content .ce_app_personal_links_list form button:hover {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 2px solid #000000 !important;
}

@media (max-width: 479px) {
    .ce_app_personal_links_list .table {
        display: block;
        overflow-x: auto;
    }
}

/* ----------------------------------------------------------------
    	Sticky-bar-right
-----------------------------------------------------------------*/
.sticky-bar.sticky-bar-right.sticky-bar--initialized button.sticky-bar__toggler {
    font-size: 14px;
    line-height: 32px;
    font-weight: normal;
    padding: 0 15px;
    color: #FFFFFF !important;
    background-color: #00B4E8 !important;
    border: 2px solid #00B4E8 !important;
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    right: -41px;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized button.sticky-bar__toggler {
    letter-spacing: 1px;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content {
    padding: 50px 20px 20px 20px;
    overflow-y: auto;
    overflow-x: auto;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content h2.ce_headline,
.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content h2.content-headline {
    display: none;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation {
    margin-bottom: 15px;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation h4,
.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation h4 a {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    color: #000000 !important;
    margin-bottom: 30px;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation ul,
.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation ul li {
    font-size: 16px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    color: #00B4E8;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation ul li {
    border-bottom: 1px solid #ddd !important;
    padding-left: 0;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation ul li a {
    font-size: 16px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    color: #00B4E8;
    text-decoration: none !important;
    background-image: none;
    padding-left: 0;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation ul li a:hover {
    text-decoration: none !important;
    color: #000000;
}

.sticky-bar.sticky-bar-right.sticky-bar--initialized .ce_hyperlink,
.sticky-bar.sticky-bar-right.sticky-bar--initialized .content-hyperlink {
    margin-bottom: 15px;
}

@media (max-width: 479px) {
    .sticky-bar.sticky-bar-right.sticky-bar--initialized button.sticky-bar__toggler {
        font-size: 13px;
        line-height: 32px;
        padding: 0px 10px;
        right: -35px;
    }

    .sticky-bar.sticky-bar-right.sticky-bar--initialized a.button.btn-primary {
        font-size: 16px;
        line-height: 35px;
        padding: 0 15px;
    }

    .sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation h4,
    .sticky-bar.sticky-bar-right.sticky-bar--initialized .sticky-bar__content .mod_app_personal_links_navigation h4 a {
        margin-bottom: 15px;
    }
}

/* ----------------------------------------------------------------
    	Cookiebot
-----------------------------------------------------------------*/
#CybotCookiebotDialog {
    background: #f3f3f3 !important;
    box-shadow: none !important;
}

#CybotCookiebotDialogDetail {
    background: #f3f3f3 !important;
}

#CybotCookiebotDialogBodyContentText {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

#CybotCookiebotDialogBodyButtonDecline {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

#CybotCookiebotDialogBodyLevelButtonAccept {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    background-color: #00B4E8 !important;
    border: 2px solid #00B4E8 !important;
    padding: 6px 10px !important;
    border-radius: 30px;
    margin-bottom: 10px;
}

#CybotCookiebotDialogBodyLevelButtonAccept:hover {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    background: #000000 !important;
    border: 2px solid #000000 !important;
    -webkit-transition: all .2s ease-in-out !important;
    -o-transition: all .2s ease-in-out !important;
    transition: all .2s ease-in-out !important;
}

#CybotCookiebotDialogBodyButtonDetails {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

.CybotCookiebotDialogBodyLevelButtonWrapper label {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    text-transform: none !important;
}

#CybotCookiebotDialogBodyLevelDetailsWrapper {
    padding: 5px 0 4px 4px !important;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

#CybotCookiebotDialogBodyLevelDetailsButton {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

#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: "Helvetica Neue", Arial, Helvetica, sans-serif !important;
}

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

@media (max-width: 768px) {
    #CybotCookiebotDialogBody {
        padding: 0 20px;
    }
}