/**
 * @license
 * MyFonts Webfont Build ID 3865314, 2020-02-10T08:35:42-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FF Meta Web Pro Light by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-meta/pro-light/
 * Copyright: 2009 Erik Spiekermann published by FSI FontShop International GmbH
 *
 * Webfont: FF Meta Serif Web Pro Medium by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/meta-serif/pro-medi/
 * Copyright: 2009 Erik Spiekermann, Christian Schwartz, Kris Sowersby, Cyrillic/Greek by Ralph du Carrois published by FSI FontShop International GmbH
 *
 * Webfont: FF Meta Web Pro Bold by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-meta/pro-bold/
 * Copyright: 2009 Erik Spiekermann published by FSI FontShop International GmbH
 *
 *
 * Licensed pageviews: 50,000
 *
 * © 2020 MyFonts Inc
*/
@font-face {
    font-family: 'FFMetaWebProRegular';
    src: url('../webfonts/3B1E13_0_0.eot');
    src: url('../webfonts/3B1E13_0_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/3B1E13_0_0.woff2') format('woff2'), url('../webfonts/3B1E13_0_0.woff') format('woff'), url('../webfonts/3B1E13_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'FFMetaSerifWebProMedium';
    src: url('../webfonts/3AFAE2_1_0.eot');
    src: url('../webfonts/3AFAE2_1_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/3AFAE2_1_0.woff2') format('woff2'), url('../webfonts/3AFAE2_1_0.woff') format('woff'), url('../webfonts/3AFAE2_1_0.ttf') format('truetype');
}

@font-face {
    font-family: 'FFMetaWebProBold';
    src: url('../webfonts/3AFAE2_2_0.eot');
    src: url('../webfonts/3AFAE2_2_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/3AFAE2_2_0.woff2') format('woff2'), url('../webfonts/3AFAE2_2_0.woff') format('woff'), url('../webfonts/3AFAE2_2_0.ttf') format('truetype');
}

/* ----------------------------------------------------------------
	General
-----------------------------------------------------------------*/
body {
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-size: 16px;
    font-weight: normal;
    color: #000000;
}

@media (max-width: 991px) {
    body.primary-menu-open {
        overflow: hidden;
    }
}

::selection {
    background: #008BD2;
}

legend {
    font-size: 24px;
    line-height: 1.6;
    letter-spacing: 0;
    text-transform: none;
}

.sm-form-control {
    border-color: #F0F0F0;
    color: #000000;
    font-size: 17px;
    line-height: 25px;
}

.sm-form-control:focus {
    border-color: #000000;
}

.checkbox-style:checked+.checkbox-style-3-label:before, .radio-style:checked+.radio-style-3-label:before {
    background: #008BD2;
    font-size: 13px;
}

/* column-count-2 */
.ce_form .form-widget fieldset.column-count-2 {
    column-count: 2;
}

.ce_form .form-widget fieldset.column-count-3 {
    column-count: 3;
}

.ce_form .form-widget fieldset.column-count-4 {
    column-count: 4;
}

@media(max-width: 767px) {
    .ce_form .form-widget fieldset.column-count-2 {
        column-count: 1;
    }

    .ce_form .form-widget fieldset.column-count-3 {
        column-count: 1;
    }

    .ce_form .form-widget fieldset.column-count-4 {
        column-count: 1;
    }
}

a {
    color: #008BD2;
}

h1 {
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-size: 60px;
    color: #008BD2;
    line-height: 65px;
    font-weight: normal !important;
    letter-spacing: 0;
}

h1::after {
    content: " ";
    display: block;
    width: 2px;
    background-color: #008BD2;
    height: 38px;
    margin-left: calc(50% - 1px);
    margin-top: 20px;
}

h2 {
    font-family: "FFMetaSerifWebProMedium", sans-serif !important;
    font-size: 15px;
    color: #000000;
    line-height: 25px;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 5px dotted #000000;
    display: inline-block;
}

h3 {
    font-size: 25px;
    line-height: 28px;
    font-family: "FFMetaWebProBold", sans-serif;
    font-weight: normal;
    color: #008BD2;
}

h3.display-inline-block {
    display: inline-block;
    margin-right: 15px;
}

h4 {
    font-size: 25px;
    line-height: 35px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    color: #000000;
    font-weight: normal;
}

h4.abgesagt {
    color: #E2764E;
}

h5 {
    font-size: 40px;
    line-height: 45px;
    font-family: "FFMetaWebProBold", sans-serif !important;
    color: #008BD2;
    font-weight: normal;
}

h6 {
    font-size: 20px;
    line-height: 25px;
    font-family: "FFMetaWebProBold", sans-serif !important;
    color: #000000;
    font-weight: normal;
}

/* Custom - Headline Colors */
.headline-color-red {
    color: #E2764E!important;
}

@media(max-width: 768px) {
    h1 {
        font-size: 50px;
        line-height: 55px;
    }

    h1::after {
        height: 28px;
        margin-top: 5px;
    }

    h4 {
        line-height: 32px;
    }

    h5 {
        font-size: 33px;
        line-height: 37px;
    }
}

@media(max-width: 480px) {
    h1 {
        font-size: 30px;
        line-height: 35px;
    }

    h3 {
        font-size: 18px;
        line-height: 25px;
    }

    h4 {
        font-size: 18px;
        line-height: 25px;
    }

    h5 {
        font-size: 20px;
        line-height: 25px;
    }
}

#content {
    padding-bottom: 60px;
    z-index: 2;
}

#content p, #content li {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    color: #000000;
}

#content p {
    margin-bottom: 20px;
}

#content table {
    margin-bottom: 30px;
}

#content .ce_hyperlink,
#content .content-hyperlink {
    display: inline-block;
}

@media(max-width: 480px) {

    #content .ce_hyperlink,
    #content .content-hyperlink {
        display: block;
    }

    #content .section .ce_table,
    #content .section .content-table {
        width: 100%;
    }
}

.section.center .ce_hyperlink,
.section.center .content-hyperlink {
    margin: 0 10px;
}

#content .table>tbody>tr>td,
#content .table>tbody>tr>th,
#content .table>tfoot>tr>td,
#content .table>tfoot>tr>th,
#content .table>thead>tr>td,
#content .table>thead>tr>th {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif;
    vertical-align: top;
    border-top: 4px solid #F0F0F0;
    color: #000000;
}

#content .section.bgcolor .table>tbody>tr>td,
#content .section.bgcolor .table>tbody>tr>th,
#content .section.bgcolor .table>tfoot>tr>td,
#content .section.bgcolor .table>tfoot>tr>th,
#content .section.bgcolor .table>thead>tr>td,
#content .section.bgcolor .table>thead>tr>th {
    border-top: 4px solid #FFFFFF;
    color: #000000;
}

#content .table>tbody>tr>td.col_0 {
    font-family: "FFMetaWebProBold", sans-serif;
}

#content .table>tbody>tr>td.col_0 span {
    font-family: "FFMetaWebProRegular", sans-serif !important;
}

#content .table>tbody>tr:last-child>td {
    border-bottom: 4px solid #F0F0F0;
}

#content .section.bgcolor .table>tbody>tr:last-child>td {
    border-bottom: 4px solid #FFFFFF;
}

/* Tabelle Price */
#content .ce_table.price-table .table>tbody>tr>td:first-child,
#content .content-table.price-table .table>tbody>tr>td:first-child {
    font-family: "FFMetaWebProRegular", sans-serif !important;
}

#content .ce_table.price-table .table>tbody>tr:last-child>td:first-child,
#content .content-table.price-table .table>tbody>tr:last-child>td:first-child {
    font-family: "FFMetaWebProBold", sans-serif !important;
}

body #content .ce_table.price-table .table>tbody>tr:last-child>td:first-child span,
body #content .content-table.price-table .table>tbody>tr:last-child>td:first-child span {
    font-family: "FFMetaWebProRegular", sans-serif !important;
}

#content blockquote p {
    font-family: "FFMetaSerifWebProMedium", sans-serif !important;
    font-size: 19px;
    line-height: 27px;
}

#content blockquote {
    border-left: 5px solid #F0F0F0;
}

#content .ce_text ul,
#content .content-text ul,
#content .ce_downloads ul,
#content .content-downloads ul {
    list-style: outside;
    margin-left: 18px;
}

.ce_downloads ul,
.content-downloads ul {
    list-style-position: inside;
}

#content .ce_text li,
#content .content-text li,
#content .ce_downloads ul li,
#content .content-downloads ul li {
    list-style: none;
}

#content hr {
    border-top: 2px solid #F0F0F0;
}

#content .ce_text li:before,
#content .ce_text li::before,
#content .content-text li:before,
#content .content-text li::before,
#content .ce_downloads ul li.download-element::before,
#content .ce_downloads ul li.download-element:before,
#content .content-downloads ul li.download-element::before,
#content .content-downloads ul li.download-element:before {
    content: ">";
    padding-right: 13px;
    margin-left: -18px;
}

#content .ce_downloads ul li.download-element,
#content .content-downloads ul li.download-element {
    line-height: 30px;
}

#content .ce_downloads ul li.download-element,
#content .content-downloads ul li.download-element {
    border-bottom: none;
}

#content .ce_downloads ul li.download-element a:hover,
#content .content-downloads ul li.download-element a:hover {
    border-bottom: 2px dotted #008BD2;
}

p,
em,
ul li,
legend,
label,
input,
textarea,
ul,
li {
    font-family: "FFMetaWebProRegular", sans-serif !important;
}

label, legend {
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-weight: normal;
    text-transform: none;
    font-size: 17px;
    line-height: 25px;
    color: #000000 !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span, .bootstrap-datetimepicker-widget table td span {
    color: #008BD2;
}

.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
    color: #000000;
}

strong, b {
    font-family: "FFMetaWebProBold", sans-serif;
    font-weight: normal;
}

button,
.button,
.btn {
    max-height: 46px !important;
    height: 46px !important;
}

#content .ce_text ol ul,
#content .content-text ol ul {
    list-style: outside;
    margin-left: 35px;
}

.portfolio-1 .portfolio-item {
    border-bottom: 0;
}

#page-title {
    width: 100% !important;
}

.mobile-menu-off-canvas i,
.mobile-menu-off-canvas span,
#header input,
#header i,
.dark #header-wrap:not(.not-dark) #top-search form input,
#header .icon-reorder {
    color: #000000 !important;
}

.mfp-fade.mfp-bg.mfp-ready {
    z-index: 100000;
}

.mfp-wrap {
    z-index: 100010;
}

.ce_form {
    margin-left: -15px;
    width: calc(100% + 30px);
}

abbr[data-original-title], abbr[title] {
    border-bottom: 1px dotted transparent;
    text-decoration: none;
}

.ce_column.padding-left-none,
.ce_app_grid_column_start.padding-left-none {
    padding-left: 0 !important;
}

/* ----------------------------------------------------------------
	Sections
-----------------------------------------------------------------*/
.section {
    margin: 0 30px !important;
}

@media (max-width: 991px) {
    .section {
        margin: 0 5px !important;
    }

    .section.bgcolor {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .section>.ce_column,
    .section>.ce_app_grid_column_start {
        margin-left: 25px;
        margin-right: 25px;
    }

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

@media(max-width:768px) {

    #content .section.nobgcolor,
    #content .section.bgcolor {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .ce_text,
    .content-text {
        padding: 0 !important;
    }

    .section>.ce_column,
    .section>.ce_app_grid_column_start {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.ce_row,
.ce_app_grid_row_start,
.row {
    margin: 0 !important;
}

@media(max-width: 991px) {

    #content .section.nobgcolor.normalPadding,
    #content .section.bgcolor.normalPadding {
        padding-top: 60px;
    }
}

/* ----------------------------------------------------------------
	Section no BG Color (white)
-----------------------------------------------------------------*/
.section.nobgcolor {
    background-color: transparent !important;
    position: relative;
    z-index: 1;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

@media(max-width: 991px) {
    .section.nobgcolor {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

.section.nobgcolor.titelelement2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.section.nobgcolor .portfolio-desc .section.nobgcolor a,
.section.nobgcolor .ce_text a,
.section.nobgcolor .content-text a,
.section.nobgcolor .download-element a,
.section.nobgcolor address a,
.section.nobgcolor .ce_downloads li a,
.section.nobgcolor .content-downloads li a,
.elementToggle a {
    color: #008BD2;
    font-family: "FFMetaWebProRegular", sans-serif;
    display: inline-block;
    line-height: 20px;
}

.section.nobgcolor .testimonial .flex-control-nav li a {
    background-color: #008BD2;
}

.section.nobgcolor a:hover,
.section.nobgcolor .ce_text a:hover,
.section.nobgcolor .content-text a:hover,
.section.nobgcolor .ce_downloads li a:hover,
.section.nobgcolor .content-downloads li a:hover {
    text-decoration: none !important;
    border-bottom: none;
}

.section .ce_text a:hover,
.section .content-text a:hover {
    opacity: 0.75;
}

.section.nobgcolor .button:hover {
    text-decoration: none !important;
}

/* ----------------------------------------------------------------
	Section BG Color (grey)
-----------------------------------------------------------------*/
.section.bgcolor, .box.bgcolor {
    background-color: #F0F0F0 !important;
    margin: 0 !important;
    position: relative;
}

.section.bgcolor {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.section.bgcolor .portfolio-desc .section.bgcolor a,
.section.bgcolor .ce_text a,
.section.bgcolor .content-text a,
.section.bgcolor .download-element a,
.section.bgcolor address a,
.section.bgcolor .ce_downloads li a,
.section.bgcolor .content-downloads li a,
.box.bgcolor .portfolio-desc .box.bgcolor a,
.box.bgcolor .ce_text a,
.box.bgcolor .content-text a,
.box.bgcolor .download-element a,
.box.bgcolor address a,
.box.bgcolor .ce_downloads li a,
.box.bgcolor .content-downloads li a {
    color: #008BD2;
    font-family: "FFMetaWebProBold", sans-serif;
    border-bottom: 2px dotted #008BD2;
}

.section.bgcolor abbr[data-original-title],
.section.bgcolor abbr[title] {
    color: #FFFFFF;
    border-bottom: 1px dotted #FFFFFF;
}

.section.bgcolor .icon-custom {
    color: #000000 !important;
    text-align: left;
}

.section.bgcolor a:hover,
.section.bgcolor .ce_text a:hover,
.section.bgcolor .content-text a:hover,
.section.bgcolor .ce_downloads li a:hover,
.section.bgcolor .content-downloads li a:hover {
    color: #008BD2;
    font-family: "FFMetaWebProBold", sans-serif;
    border-bottom: none;
}

.section.bgcolor .testimonial .flex-control-nav li a {
    background-color: #FFFFFF;
}

.section.bgcolor .button:hover {
    text-decoration: none !important;
}

.section.bgcolor .portfolio-filter {
    border: 1px solid rgba(253, 249, 249, 0.7);
}

.section.bgcolor .portfolio-filter li.activeFilter a {
    background: #FFFFFF !important;
    color: #4B4B4B !important;
}

.section.bgcolor .portfolio-filter li a {
    color: #FFFFFF !important;
    border-left: 1px solid rgba(253, 249, 249, 0.7) !important;
}

.section.bgcolor .portfolio-filter li:first-child a {
    border-left: 0 !important;
}

.section.bgcolor .portfolio-filter li a:hover {
    text-decoration: none !important;
}

.section.bgcolor .portfolio-desc h3 a,
.section.bgcolor .portfolio-desc span a,
.section.bgcolor .portfolio-desc span a:hover {
    color: #FFFFFF !important;
}

.section.bgcolor .icon-calendar2 {
    color: #000000 !important;
}

.section.bgcolor .testi-meta,
.section.bgcolor .testi-meta span {
    color: #FFFFFF !important;
}

.section.bgcolor .testimonial .flex-control-nav li a {
    background-color: #FFFFFF;
}

.wrapper-wavegrey-top {
    margin-bottom: -20px;
}

.section.bgcolor::before, .section.bgcolor:before {
    content: "";
    width: calc(100% + 1px);
    top: -106px;
    left: -1px;
    height: 150px;
    position: absolute;
    display: block;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23F0F0F0"/></svg>') left no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

@media(max-width: 1500px) {
    .section.bgcolor::before, .section.bgcolor:before {
        height: 115px;
        top: -82px;
    }
}

@media(max-width: 1200px) {
    .section.bgcolor::before, .section.bgcolor:before {
        height: 90px;
        top: -66px;
    }
}

@media(max-width: 991px) {
    .section.bgcolor::before, .section.bgcolor:before {
        height: 63px;
        top: -46px;
    }
}

@media(max-width: 767px) {
    .section.bgcolor::before, .section.bgcolor:before {
        height: 38px;
        top: -29px;
    }
}

@media(max-width: 480px) {
    .section.bgcolor::before, .section.bgcolor:before {
        height: 36px;
        top: -28px;
    }
}

.section.bgcolor::after, .section.bgcolor:after {
    content: "";
    width: calc(100% + 1px);
    bottom: -106px;
    left: -1px;
    height: 150px;
    position: absolute;
    display: block;
    transform: rotate(180deg);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23F0F0F0"/></svg>') left no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    z-index: 100;
}

/* Firefox */
@-moz-document url-prefix() {
    .section.bgcolor::after {
        background-size: 100% 100% !important;
        -moz-background-size: 100% 100% !important;
        -o-background-size: 100% 100% !important;
        -webkit-background-size: 100% 100% !important;
    }
}

@media(max-width: 1500px) {
    .section.bgcolor::after, .section.bgcolor:after {
        height: 115px;
        bottom: -82px;
    }
}

@media(max-width: 1200px) {
    .section.bgcolor::after, .section.bgcolor:after {
        height: 90px;
        bottom: -66px;
    }
}

@media(max-width: 991px) {
    .section.bgcolor::after, .section.bgcolor:after {
        height: 63px;
        bottom: -46px;
    }
}

@media(max-width: 767px) {
    .section.bgcolor::after, .section.bgcolor:after {
        height: 38px;
        bottom: -29px;
    }
}

@media(max-width: 480px) {
    .section.bgcolor::after, .section.bgcolor:after {
        height: 36px;
        bottom: -28px;
    }
}

.section.nobgcolor ::selection,
.section.light ::selection {
    background: #008BD2;
}

/* ----------------------------------------------------------------
	Section Blue BG
-----------------------------------------------------------------*/
.section.bgcolor.bluebg, .box.bgcolor.bluebg {
    background-color: #cce8f6 !important;
}

.section.bgcolor.bluebg::before, .section.bgcolor.bluebg:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23cce8f6"/></svg>') left no-repeat;
}

.section.bgcolor.bluebg::after, .section.bgcolor.bluebg:after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23cce8f6"/></svg>') left no-repeat;
}

/* ----------------------------------------------------------------
	Section White BG
-----------------------------------------------------------------*/
.section.bgcolor.whitebg, .box.bgcolor.whitebg {
    background-color: #ffffff !important;
}

.section.bgcolor.whitebg::before, .section.bgcolor.whitebg:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23FFFFFF"/></svg>') left no-repeat;
}

.section.bgcolor.whitebg::after, .section.bgcolor.whitebg:after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23FFFFFF"/></svg>') left no-repeat;
}

/* ----------------------------------------------------------------
	Section Yellow BG
-----------------------------------------------------------------*/
.section.bgcolor.bgyellow, .box.bgcolor.bgyellow {
    background-color: #fff5d1 !important;
}

.section.bgcolor.bgyellow h3, .box.bgcolor.bgyellow h3 {
    color: #008BD2;
}

.section.bgcolor.bgyellow::before, .section.bgcolor.bgyellow:before {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23fff5d1"/></svg>') left no-repeat;
}

.section.bgcolor.bgyellow::after, .section.bgcolor.bgyellow:after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1279 130" preserveAspectRatio="none"><path d="M1279.4 71.6c0 0-304.5 52.2-672-7.3 0 0-314.9-53.9-373.2-58.3C69.9-11 1 13.3 1 13.3L0 130h1280L1279.4 71.6z" fill="%23fff5d1"/></svg>') left no-repeat;
}

/* ----------------------------------------------------------------
	Section BG IMG
-----------------------------------------------------------------*/
.section.bgcolor.bg-img {
    margin-top: -60px !important;
    margin-bottom: -60px !important;
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

@media (max-width: 768px) {
    .section.bgcolor.bg-img {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

.section.bgcolor.bg-img::before, .section.bgcolor.bg-img:before,
.section.bgcolor.bg-img::after, .section.bgcolor.bg-img:after {
    content: inherit;
}

/* ----------------------------------------------------------------
	Section Dark (blue)
-----------------------------------------------------------------*/
.section.dark, .box.dark {
    background-color: #008BD2 !important;
    color: #FFFFFF !important;
}

.section .box {
    padding: 35px 35px 20px 35px !important;
}

.section .box.dark .ce_text,
.section .box.dark .content-text {
    padding: 0;
}

.section .box.dark .ce_hyperlink,
.section .box.dark .content-hyperlink {
    padding-left: 0;
}

.section .box.dark .ce_hyperlink .button.btn-primary,
.section .box.dark .content-hyperlink .button.btn-primary {
    color: #e2764e !important;
}

.section .box.dark .ce_hyperlink .button.btn-primary:hover,
.section .box.dark .content-hyperlink .button.btn-primary:hover {
    color: #FFFFFF !important;
}

#content .section.dark p,
#content .box.dark p,
#content .section.dark .ce_text li,
#content .box.dark .ce_text li,
#content .section.dark .content-text li,
#content .box.dark .content-text li {
    color: #ffffff;
}

#content .section.dark .ce_text a,
#content .box.dark .ce_text a,
#content .section.dark .content-text a,
#content .box.dark .content-text a {
    color: #FFFFFF;
    font-family: "FFMetaWebProBold", sans-serif;
    border-bottom: 2px dotted #FFFFFF;
}

#content .section.dark .ce_text a:hover,
#content .box.dark .ce_text a:hover,
#content .section.dark .content-text a:hover,
#content .box.dark .content-text a:hover {
    border-bottom: none;
}

.section.bgcolor ::selection,
.section.dark ::selection {
    background: #008BD2;
}

.dark, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, #content .dark .table>tbody>tr>td {
    color: #FFFFFF;
}

/* ----------------------------------------------------------------
	Section Light (grey)
-----------------------------------------------------------------*/
.section.light, .box.light {
    background-color: #F0F0F0 !important;
    color: #313132 !important;
}

.section.wrapper-full-text {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

@media(max-width: 768px) {
    .section.wrapper-full-text {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

/* ----------------------------------------------------------------
	Last Childs Sections
-----------------------------------------------------------------*/
#content .mod_article:last-child .section.bgcolor::after,
#content .mod_article:last-child .section.bgcolor:after {
    background-color: #F0F0F0 !important;
}

#content .mod_article:last-child .section.bgcolor.whitebg::after,
#content .mod_article:last-child .section.bgcolor.whitebg:after {
    background-color: #FFFFFF !important;
}

#content .mod_article:last-child .section.bgcolor.bgyellow::after,
#content .mod_article:last-child .section.bgcolor.bgyellow:after {
    background-color: #fff5d1 !important;
}

#content .mod_article:last-child .section.bgcolor.bluebg::after,
#content .mod_article:last-child .section.bgcolor.bluebg:after {
    background-color: #cce8f6 !important;
}

#content .mod_article:last-child .section.nobgcolor {
    padding-bottom: 120px;
}

#content .mod_article:last-child .section.wrapper-formular {
    padding-bottom: 120px !important;
}

#content .mod_article:last-child .section.bgcolor,
#content .mod_article:last-child .section.bgcolor.bgyellow,
#content .mod_article:last-child .section.bgcolor.bluebg,
#content .mod_article:last-child .section.bgcolor.whitebg {
    padding-bottom: 120px;
}

.section.wrapper-last {
    padding-bottom: 120px !important;
    margin-bottom: 0 !important;
}

/* NO Last Child */
#content .mod_article:last-child .section.bgcolor.last-wave::after,
#content .mod_article:last-child .section.bgcolor.last-wave:after {
    background-color: transparent !important;
}

#content .mod_article:last-child .section.bgcolor.whitebg.last-wave::after,
#content .mod_article:last-child .section.bgcolor.whitebg.last-wave:after {
    background-color: transparent !important;
}

#content .mod_article:last-child .section.bgcolor.bgyellow.last-wave::after,
#content .mod_article:last-child .section.bgcolor.bgyellow.last-wave:after {
    background-color: transparent !important;
}

#content .mod_article:last-child .section.bgcolor.bluebg.last-wave::after,
#content .mod_article:last-child .section.bgcolor.bluebg.last-wave:after {
    background-color: transparent !important;
}

@media(min-width: 3750px) {
    #content .mod_article:last-child .section.wrapper-formular {
        padding-bottom: 300px;
    }
}

@media(max-width: 991px) {
    #content .mod_article:last-child .section.wrapper-formular {
        padding-bottom: 40px !important;
    }

}

@media(max-width: 767px) {
    #content .mod_article:last-child .section.nobgcolor {
        padding-bottom: 80px;
    }

    .section.wrapper-last {
        padding-bottom: 80px !important;
        margin-bottom: 0px !important;
    }

    #content .mod_article:last-child .section.bgcolor.bg-img {
        padding-bottom: 140px !important;
    }
}

/* ----------------------------------------------------------------
	Placeholder
-----------------------------------------------------------------*/
::placeholder {
    color: #000000 !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000 !important;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000 !important;
}

:-ms-input-placeholder:focus {
    color: #000000;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #000000 !important;
}

/* Placeholder TopSearch */
#header.transparent-header #top-search form input::-webkit-input-placeholder {
    color: #000000;
    font-family: 'FFMetaWebProRegular', sans-serif;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;
    font-size: 30px;
    letter-spacing: 0;
}

#header.transparent-header #top-search form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000000;
    opacity: 1;
    font-family: 'FFMetaWebProRegular', sans-serif;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;
    font-size: 30px;
    letter-spacing: 0;
}

#header.transparent-header #top-search form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000000;
    opacity: 1;
    font-family: 'FFMetaWebProRegular', sans-serif;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;
    font-size: 30px;
    letter-spacing: 0;
}

#header.transparent-header #top-search form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000000;
    font-family: 'FFMetaWebProRegular', sans-serif;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;
    font-size: 30px;
    letter-spacing: 0;
}

#header.transparent-header #top-search form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #000000;
    font-family: 'FFMetaWebProRegular', sans-serif;
    text-shadow: none;
    font-weight: normal;
    text-transform: none;
    font-size: 30px;
    letter-spacing: 0;
}

#header.transparent-header #top-search form input {
    color: #000000;
    font-family: 'FFMetaWebProRegular', sans-serif !important;
    text-shadow: none !important;
    font-weight: normal;
    text-transform: none;
    font-size: 30px;
    letter-spacing: 0;
}

@media (max-width: 991px) {
    #header.transparent-header #top-search form input::-webkit-input-placeholder {
        font-size: 25px;
        font-family: 'FFMetaWebProRegular', sans-serif;
        text-shadow: none;
        font-weight: normal;
        text-transform: none;
        color: #000000;
        letter-spacing: 0;
    }

    #header.transparent-header #top-search form input:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        font-size: 25px;
        font-family: 'FFMetaWebProRegular', sans-serif;
        text-shadow: none;
        font-weight: normal;
        text-transform: none;
        color: #000000;
        letter-spacing: 0;
    }

    #header.transparent-header #top-search form input::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        font-size: 25px;
        font-family: 'FFMetaWebProRegular', sans-serif;
        text-shadow: none;
        font-weight: normal;
        text-transform: none;
        color: #000000;
        letter-spacing: 0;
    }

    #header.transparent-header #top-search form input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 25px;
        font-family: 'FFMetaWebProRegular', sans-serif;
        text-shadow: none;
        font-weight: normal;
        text-transform: none;
        color: #000000;
        letter-spacing: 0;
    }

    #header.transparent-header #top-search form input::-ms-input-placeholder {
        /* Microsoft Edge */
        font-size: 25px;
        font-family: 'FFMetaWebProRegular', sans-serif;
        text-shadow: none;
        font-weight: normal;
        text-transform: none;
        color: #000000;
        letter-spacing: 0;
    }

    #header.transparent-header #top-search form input {
        font-family: 'FFMetaWebProRegular', sans-serif;
        text-shadow: none;
        font-weight: normal;
        text-transform: none;
        font-size: 25px;
        color: #000000;
        letter-spacing: 0;
    }
}

/* ----------------------------------------------------------------
	Filter
-----------------------------------------------------------------*/
.portfolio-filter {
    border-radius: 0;
}

.portfolio-filter li:first-child a,
.portfolio-filter li:last-child a,
.pricing-box {
    border-radius: 0 !important;
}

.elementArticleFilter {
    float: right;
    position: relative;
    float: none;
    display: flex;
    justify-content: center;
}

.mod_news_list .portfolio-filter {
    display: flex;
    justify-content: center;
    width: 100%;
}

.elementArticleFilter .portfolio-filter.style-1 {
    position: relative;
    margin-bottom: 30px !important;
    border: none;
}

.mod_news_list .portfolio-filter.style-1 {
    margin-bottom: 30px !important;
    border: none;
    list-style: none;
    left: auto;
}

.portfolio-filter.style-1 li a,
.elementArticleFilter .portfolio-filter.style-1 li a {
    color: #000000;
    font-size: 20px;
    font-weight: normal !important;
    line-height: 28px;
    font-family: "FFMetaWebProBold", sans-serif;
    border-left: 2px solid #F0F0F0;
}

.portfolio-filter.style-1 li:first-child a,
.elementArticleFilter .portfolio-filter.style-1 li:first-child a {
    font-family: "FFMetaWebProBold", sans-serif;
    color: #000000;
    letter-spacing: 0px !important;
    border-left: none;
}

.portfolio-filter.style-1 li.activeFilter a,
.elementArticleFilter .portfolio-filter.style-1 li.activeFilter a {
    color: #008BD2 !important;
    font-size: 20px !important;
    letter-spacing: 0px !important;
    background-color: transparent;
}

.portfolio-filter.style-1 li a:hover,
.elementArticleFilter .portfolio-filter.style-1 li a:hover {
    color: #008BD2 !important;
    letter-spacing: 0px !important;
    font-size: 20px !important;
    text-decoration: none !important;
}

.portfolio-filter.style-1 li.activeFilter a:hover,
.elementArticleFilter .portfolio-filter.style-1 li.activeFilter a:hover {
    color: #008BD2 !important;
    font-size: 20px !important;
    text-decoration: none !important;
}

@media(max-width: 767px) {
    .elementArticleFilter {
        position: relative;
        left: 0;
    }

    .portfolio-filter.style-1,
    .elementArticleFilter .portfolio-filter.style-1 {
        list-style: none;
        position: relative;
        left: 0;
        margin-bottom: 30px !important;
        border: none;
    }

    .portfolio-filter.style-1 li:first-child a,
    .elementArticleFilter .portfolio-filter.style-1 li:first-child a {
        border-left: 2px solid #F0F0F0;
    }
}

/* Filter Mobile neu */
@media (max-width: 991px) {
    .elementArticleFilter {
        float: none;
    }

    .portfolio-filter {
        display: flex;
        width: 100%;
        overflow: scroll;
        list-style: none;
        scrollbar-width: none;
        -webkit-scrollbar-width: none;
        padding-left: 0 !important;
        float: none;
    }

    .portfolio-filter li {
        width: auto;
        margin-right: 0px !important;
        margin-bottom: 5px !important;
    }

    .portfolio-filter li a {
        display: inline-flex;
        width: auto;
        padding: 11px 10px !important;
        border-radius: 0px;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        text-decoration: none;
        border-left: none;
    }

    #content .portfolio-filter li a {
        font-size: 18px !important;
        line-height: 22px !important;
    }
}

/* ----------------------------------------------------------------
	Buttons
-----------------------------------------------------------------*/
.button,
.button:hover {
    text-shadow: none !important;
    margin-left: 0;
    margin-right: 0;
}

.btn-default {
    background-color: #008BD2 !important;
    color: #FFFFFF !important;
    border: 2px solid #008BD2 !important;
    outline: none !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.btn-default:hover {
    background-color: transparent !important;
    color: #008BD2 !important;
    border: 2px solid #008BD2 !important;
}

.btn-primary {
    background-color: #FFFFFF !important;
    color: #008BD2 !important;
    border: 2px solid #FFFFFF !important;
    outline: none !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.btn-primary:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}

.btn-success {
    background-color: #E2764E !important;
    color: #FFFFFF !important;
    border: 2px solid #E2764E !important;
    outline: none !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.btn-success:hover {
    background-color: transparent !important;
    border: 2px solid #E2764E !important;
    color: #E2764E !important;
}

.button-light {
    background-color: #FFFFFF !important;
    color: #E6E6E6 !important;
    border: 2px solid #E6E6E6 !important;
    outline: #E6E6E6 !important;
}

.button-dark {
    background-color: #505050 !important;
    color: #FFFFFF !important;
    border: 2px solid #343434 !important;
    outline: #343434 !important;
}

.button-border {
    background-color: #FFFFFF !important;
}

.button-border:hover {
    background-color: #FFFFFF !important;
    border: 2px solid #444 !important;
    color: #333 !important;
}

.yellow-button .button.btn-default {
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-size: 19px;
    font-weight: normal;
    background-color: #FFCC00 !important;
    color: #000000 !important;
    border: 2px solid #FFCC00 !important;
    text-transform: none;
    text-shadow: none !important;
}

.yellow-button .button.btn-default:hover {
    background: transparent !important;
    text-decoration: none !important;
}

.rating-container .rating-stars:before,
.rating-container-rtl:before {
    text-shadow: unset !important;
}

.rating-container .rating-stars {
    color: #E2764E;
}

.section.bgcolor .rating-container .rating-stars {
    color: #000000;
}

.hyperlink_txt,
.btn-danger,
.button.button-border {
    border: none;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.75px;
    color: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-transform: none;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    outline: none;
}

/* ----------------------------------------------------------------
	Menu
-----------------------------------------------------------------*/
#primary-menu {
    float: left;
    margin-left: -15px;
}

#primary-menu ul li>a i {
    position: relative;
    top: -3px;
    font-size: 20px;
    width: 19px;
    text-align: center;
    margin-right: 6px;
    vertical-align: top;
}

#primary-menu ul li>a {
    padding: 29px 15px !important;
    text-transform: none;
    font-size: 19px;
    font-family: "FFMetaWebProBold", sans-serif;
    text-shadow: none !important;
    font-weight: normal;
}

.sticky-header #primary-menu ul li>a {
    padding: 20px 15px !important;
}

#primary-menu ul li>a:hover span {
    border-bottom: 2px solid #000000;
}

#primary-menu ul ul li>a:hover span {
    border-bottom: none;
}

#primary-menu.style-2 {
    border-top: 0;
}

@media (min-width: 993px) and (max-width: 1140px) {
    #primary-menu ul li>a {
        font-size: 17px !important;
        padding: 29px 7px !important;
    }

    #primary-menu ul li.yellow-menu {
        margin-right: 10px !important;
    }
}

@media(min-width: 992px) {
    #primary-menu ul ul:not(.mega-menu-column) {
        border: 0;
        position: absolute;
        width: 300px;
        background-color: #F0F0F0;
        box-shadow: none;
        height: auto;
        z-index: 199;
        top: 80px;
        left: -10px;
        margin: 0;
        padding-right: 25px;
    }

    .sticky-header #primary-menu ul ul:not(.mega-menu-column) {
        top: 60px;
    }

    #header-wrap #primary-menu .level_1 li:hover>a span {
        border-bottom: 2px solid #000000;
    }

    #primary-menu ul li.yellow-menu>a.yellow-menu {
        background-color: #FFCC00;
        padding: 8px 10px 3px !important;
        margin-top: 20px;
        border-radius: 17px;
        border: 2px solid #FFCC00;
    }

    #primary-menu ul li.yellow-menu {
        margin-right: 20px;
    }

    #primary-menu ul li.yellow-menu>a.yellow-menu:hover {
        background: transparent;
        text-decoration: none !important;
    }

    #primary-menu ul li.yellow-menu:hover span {
        border-bottom: none !important;
    }

    .sticky-header #primary-menu li.yellow-menu>a.yellow-menu {
        margin-top: 10px;
    }

    /* Level 2*/
    #primary-menu ul .level_2:not(.mega-menu-column) {
        padding-left: 25px;
    }

    #primary-menu ul ul.level_2 {
        background-color: #FFFFFF;
        box-shadow: 2px 4px 4px rgba(0, 0, 0, .1);
    }

    #header-wrap #primary-menu .level_2 li>a {
        text-transform: none;
        font-weight: normal;
        line-height: 48px;
        font-family: "FFMetaWebProRegular", sans-serif;
        font-size: 17px;
        border-top: 2px solid #F0F0F0;
        padding: 2px 15px 0 0 !important;
    }

    #header-wrap #primary-menu .level_2 li.first>a,
    #header-wrap #primary-menu .level_2 li:first-child>a {
        border-top: 2px solid #FFFFFF;
    }

    #header-wrap #primary-menu .level_2 li:hover>a {
        background-color: #FFFFFF;
        padding-left: 7px !important;
    }

    #header-wrap #primary-menu .level_2 li:hover>a span {
        border-bottom: none;
    }

    #header-wrap #primary-menu .level_2 li>a:hover {
        border-bottom: none;
        padding-left: 7px !important;
        background-color: #ffffff;
    }

    #primary-menu .level_2 li>a span {
        text-transform: none;
        font-weight: normal;
        font-size: 17px;
        line-height: 20px;
    }

    /* Level 3*/
    #primary-menu ul .level_3:not(.mega-menu-column) {
        padding-left: 30px;
    }

    #primary-menu ul ul.level_3 {
        background-color: #F0F0F0;
        box-shadow: 2px 4px 4px rgba(0, 0, 0, .1);
    }

    #header-wrap #primary-menu .level_3 li>a {
        text-transform: none;
        font-weight: normal;
        line-height: 48px;
        font-family: "FFMetaWebProRegular", sans-serif;
        font-size: 17px;
        border-top: 2px solid #FFFFFF;
        padding: 2px 15px 0 0 !important;
    }

    #header-wrap #primary-menu .level_3 li.first>a,
    #header-wrap #primary-menu .level_3 li:first-child>a {
        border-top: 2px solid #F0F0F0;
    }

    #header-wrap #primary-menu .level_3 li>a:hover {
        border-bottom: none;
        padding-left: 7px !important;
        background-color: #F0F0F0;
    }

    #header-wrap #primary-menu .level_3 li:hover a {
        background-color: #F0F0F0;
    }

    #primary-menu .level_3 li>a span {
        text-transform: none;
        font-weight: normal;
        font-size: 17px;
    }

    #primary-menu .level_3 li>a span {
        text-transform: none;
        font-weight: normal;
        font-size: 17px;
    }

    #primary-menu ul ul:not(.mega-menu-column) ul {
        top: 0 !important;
        left: 300px;
    }

    #primary-menu ul .level_4:not(.mega-menu-column) {
        left: 300px;
        padding-left: 30px;
    }

    #primary-menu {
        position: relative;
    }

    #primary-menu ul ul li {
        position: unset;
    }
}

@media(max-width:992px) {
    #primary-menu ul.level_1 {
        -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
        -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
        transition: transform .3s ease-in-out, opacity .2s ease !important;
        position: fixed;
        display: block;
        z-index: 499;
        width: 320px;
        height: calc(100vh);
        max-height: none !important;
        margin: 0 !important;
        left: 0 !important;
        top: 0 !important;
        padding: 80px 0 30px !important;
        background-color: #fff;
        border-right: 1px solid #eee !important;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(-320px, 0, 0);
        -o-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0);
        -webkit-backface-visibility: hidden;
        transform-style: preserve-3d;
    }

    #primary-menu ul.level_1.show {
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
        -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
        transition: transform .3s ease-in-out, opacity .2s ease !important;
        overflow: visible;
    }

    #primary-menu ul.level_1.show::before {
        background-color: rgba(0, 0, 0, 0.4);
        width: calc(100vw - 320px);
        height: 100vh;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 320px;
        content: "";
        animation: 1s bgshow;
    }

    @keyframes bgshow {
        from {
            width: 100vh
        }

        to {
            width: calc(100vw - 320px);
        }
    }

    .primary-menu-open .icon-reorder:before {
        content: "\e71e";
    }

    #primary-menu-trigger {
        position: fixed;
        z-index: 1000;
        top: 5px;
        margin-left: 7px;
    }

    #primary-menu-trigger .icon-reorder {
        font-size: 25px;
    }

    #primary-menu>ul>li.sub-menu>a,
    #primary-menu ul ul>li.sub-menu>a,
    #primary-menu ul ul>li.sub-menu>a:hover,
    #primary-menu ul ul>li.sub-menu:hover>a, #primary-menu ul ul>li.sub-menu>a {
        background-image: none;
    }

    #primary-menu>ul>li.sub-menu>a:after,
    #primary-menu ul ul>li.sub-menu>a:after {
        content: "\e7a7";
        font-family: twblue, sans-serif;
        position: absolute;
        right: 35px;
        top: 14px;
        font-size: 28px;
    }

    #primary-menu ul ul>li.sub-menu>a:after {
        top: 17px;
    }

    #primary-menu>ul>li.sub-menu:hover>a:after,
    #primary-menu ul ul>li.sub-menu:hover>a:after {
        color: #000000;
    }

    /* Level 1 Mobile */
    #primary-menu ul li>a {
        margin: 0 35px 0 20px !important;
        padding: 15px 0 !important;
        text-transform: none;
        font-size: 17px;
        font-family: "FFMetaWebProBold", sans-serif;
        border-bottom: 2px solid #F0F0F0 !important;
        color: #000000 !important;
        text-shadow: none !important;
        letter-spacing: 0;
    }

    #primary-menu ul li {
        border-top: 0;
    }

    #primary-menu ul li>a:hover span {
        border-bottom: none;
    }

    #primary-menu ul ul.level_2.show {
        background-color: #F0F0F0 !important;
    }

    /* Level 2 Mobile */
    #primary-menu ul ul.level_2 {
        padding-left: 20px;
        margin-bottom: 30px;
        margin-top: -2px;
        padding-top: 2px;
    }

    #primary-menu ul ul li>a {
        padding: 17px 35px 13px 0 !important;
        border-top: 2px solid #FFFFFF !important;
        font-size: 17px;
        font-family: "FFMetaWebProBold", sans-serif;
        margin: 0 35px 0 0 !important;
        font-weight: normal;
        letter-spacing: 0;
        color: #000000 !important;
    }

    #primary-menu ul ul li>a:hover {
        text-shadow: none !important;
        color: #000000;
        letter-spacing: 0 !important;
        font-family: "FFMetaWebProBold", sans-serif;
        font-weight: normal;
        padding-left: 0 !important;
    }

    #primary-menu ul ul li:first-child>a {
        border-top: 2px solid #F0F0F0 !important;
    }

    #primary-menu ul ul ul li>a {
        border-top: 2px solid #F0F0F0 !important;
    }

    /* Level 3 Mobile */
    #primary-menu ul ul.level_3 {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    #primary-menu ul ul ul li>a {
        font-size: 15px;
        line-height: 30px;
        font-family: "FFMetaWebProRegular", sans-serif;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #primary-menu ul li.yellow-menu>a.yellow-menu {
        background-color: #FFCC00;
        padding: 8px 15px 3px !important;
        margin-top: 15px !important;
        border-radius: 17px;
        border: 2px solid #FFCC00 !important;
        display: inline-block;
    }

    #primary-menu ul li.yellow-menu>a.yellow-menu:hover {
        background: transparent;
        text-decoration: none !important;
    }

    #primary-menu ul li.yellow-menu:hover span {
        border-bottom: none !important;
    }

    .sticky-header #primary-menu li.yellow-menu>a.yellow-menu {
        margin-top: 10px;
    }
}

/* ----------------------------------------------------------------
	Header, Logo
-----------------------------------------------------------------*/
#header.transparent-header {
    background: transparent !important;
    border-bottom: none !important;
}

#header-wrap,
#header.transparent-header {
    height: 80px;
    min-height: 60px !important;
    background-color: #ffffff;
}

#header .container {
    width: 100%;
    padding: 0 60px;
    height: 60px;
    position: fixed;
}

.primary-menu-open #header-wrap {
    background-color: transparent;
}

@media (max-width: 991px) {
    .responsive-sticky-header #header-wrap {
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-bottom: none;
    }

    .sticky-responsive-menu.primary-menu-open #header {
        z-index: 1363 !important;
    }
}

#top-bar {
    height: 0;
    border-bottom: none;
}

/* Logo */
#logo {
    display: none;
}

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

.sticky-header #logo, .responsive-sticky-header #logo,
.sticky-header #logo .standard-logo img, .sticky-header #logo .retina-logo img, .responsive-sticky-header #logo .standard-logo img, .responsive-sticky-header #logo .retina-logo img {
    top: 0;
    height: 50px !important;
    right: 0;
    margin-right: 0;
    position: relative;
    text-align: right;
    float: right;
    width: 50px;
    margin-left: 0;
}

.sticky-header #logo,
.responsive-sticky-header #logo {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none;
    text-align: right;
    float: right;
    margin-top: 5px !important;
}

.sticky-header #logo>a,
.responsive-sticky-header #logo>a {
    height: 60px !important;
    overflow: hidden;
}

@media(max-width: 992px) {

    .sticky-header #logo,
    .responsive-sticky-header #logo {
        right: 0;
    }
}

/* ----------------------------------------------------------------
	Top Serarch Header
-----------------------------------------------------------------*/
#top-search a,
#top-search .icon-search3 {
    position: unset !important;
    font-size: 19px;
    margin-top: -1px;
    margin-bottom: 0;
    transition: none;
}

#top-search .icon-search3:before {
    content: "\e036";
}

#top-search .icon-search3:after {
    content: "";
    font-family: "FFMetaWebProBold", sans-serif;
    text-transform: none;
    font-size: 19px;
    text-shadow: none !important;
    margin-left: 10px;
    margin-top: -1px;
}

#top-search .icon-search3:hover:after {
    border-bottom: 2px solid #000000;
}

#top-search form {
    height: 80px !important;
    min-height: 80px !important;
    padding-right: 0;
    width: calc(100% - 215px) !important;
}

#header.transparent-header.sticky-header #top-search form {
    width: 100% !important;
}

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

.sticky-header #top-search form {
    height: 60px !important;
    min-height: 60px !important;
}

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

#top-search .icon-line-cross {
    position: absolute;
    top: 29px;
    right: 245px;
    left: unset;
    font-size: 20px !important;
    text-shadow: none;
}

#header.transparent-header.sticky-header #top-search .icon-line-cross {
    right: 0;
    top: 20px;
}

@media(max-width:992px) {
    #top-search form {
        height: 60px !important;
        min-height: 60px !important;
        width: calc(100% - 270px) !important;
    }

    #header.transparent-header.responsive-sticky-header #top-search form {
        width: 100% !important;
    }

    #top-search form input {
        padding: 10px 80px 10px 46px !important;
        height: 60px;
    }

    #top-search a i.icon-line-cross {
        position: absolute;
        top: 20px;
        right: 280px;
    }

    #header.transparent-header.sticky-header #top-search .icon-line-cross {
        right: 0;
        top: 20px;
    }
}

@media(min-width: 991px) {
    #top-search {
        float: left;
        margin: 30px 0 30px 0;
    }

    #top-search form input {
        border-bottom: 0 !important;
    }
}

@media(max-width: 992px) {
    #top-search {
        float: left;
        margin: 21px 0 0 30px !important;
        transition: none;
    }

    .responsive-sticky-header #top-search {
        margin: 0 0 0 30px !important;
    }
}

@media(max-width: 768px) {
    #top-search {
        float: left;
        margin: 22px 0 0 70px !important;
    }

    .responsive-sticky-header #top-search {
        margin: 0 0 0 70px !important;
    }

    #top-search .icon-search3:after {
        display: none;
    }

    #top-search form {
        height: 60px !important;
        min-height: 60px !important;
        width: calc(100% - 236px) !important;
    }

    #top-search form input {
        padding: 10px 20px 10px 7px !important;
        height: 60px;
    }

    #top-search a i.icon-line-cross {
        position: absolute;
        top: 20px;
        right: 20px;
    }
}

@media(max-width: 480px) {
    #top-search form {
        width: calc(100% - 200px) !important;
    }

    #top-search form input {
        padding: 10px 7px 10px 7px !important;
        height: 60px;
    }
}

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

    #header.full-header .container,
    .container,
    .container-fullwidth {
        width: 100% !important;
    }

    #top-search .icon-search3 {
        margin-top: 0;
        position: absolute;
        top: 11px;
        left: 40px;
    }
}

@media(max-width: 480px) {
    .portfolio-3 .portfolio-item {
        padding: 0 0 15px 0;
    }

    .ce_rsce_teaser {
        padding: 0 !important;
    }
}

/* ----------------------------------------------------------------
	Headerslider
-----------------------------------------------------------------*/
#slider {
    width: 100% !important;
    height: 80vh !important;
}

#slider .swiper-wrapper .swiper-slide {
    height: 80vh !important;
}

.slider-parallax-inner {
    padding: 0 60px;
    background: #FFFFFF !important;
}

.swiper-wrapper {
    background: #FFFFFF;
}

.wrapper-wavewhite {
    z-index: 1;
    position: absolute;
    bottom: 33px;
    width: 100%;
}

#slider.home-custom-img .swiper-wrapper .swiper-slide {
    background-position: bottom;
}

#slider.home-custom-img .swiper-wrapper .swiper-slide {
    height: 88vh !important;
}

@media(min-width: 1201px) {
    #slider.home-custom-img.mobile-slider.slider-winter-60 .swiper-wrapper .swiper-slide {
        height: 78vh !important;
    }

    .home-custom-img.mobile-slider.slider-winter-60 .slider-caption-bottom-center {
        bottom: 10vw;
    }
}

@media(max-width: 1200px) {
    #slider.home-custom-img .swiper-wrapper .swiper-slide {
        height: 78vh !important;
    }
}

@media(max-width: 800px) {
    #slider.home-custom-img .swiper-wrapper .swiper-slide {
        height: 79vh !important;
    }

    #slider.home-custom-img .swiper-wrapper .swiper-slide {
        background-position: -55px;
    }

    #slider.home-custom-img .slider-caption-bottom-center {
        top: 26vw !important;
        bottom: auto !important;
    }
}

@media(max-width:321px) {
    #slider.home-custom-img .swiper-wrapper .swiper-slide {
        height: 79vh !important;
    }

    #slider.home-custom-img .swiper-wrapper .swiper-slide {
        background-position: -40px;
    }

    #slider.home-custom-img .slider-caption-bottom-center {
        top: 32vw !important;
        bottom: auto !important;
    }
}

#slider .icon-angle-down.infinite.animated.fadeInDown {
    font-size: 53px;
    animation: none;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

#slider h2 {
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-weight: normal;
    font-size: 25px;
    line-height: 28px;
    letter-spacing: 0;
    border-bottom: none;
    text-transform: none;
    transition: none;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 3s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

#slider .slider-caption p {
    font-size: 100px;
    line-height: 90px;
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-weight: normal;
    letter-spacing: -1px;
    text-transform: none;
    transition: none;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

@media(max-width: 992px) {
    #slider h2 {
        font-size: 20px;
    }

    #slider .slider-caption p {
        font-size: 70px;
        line-height: 75px;
    }
}

@media(max-width: 768px) {
    .slider-parallax-inner {
        padding: 0 20px;
    }

    .swiper_wrapper .swiper-slide {
        width: 100% !important;
    }
}

@media(max-width: 480px) {
    #slider h2 {
        font-size: 17px;
    }

    #slider .slider-caption p {
        font-size: 40px;
        line-height: 45px;
    }
}

#slider .slider-caption .btn-default {
    border: none;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.75px;
    color: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-transform: none;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    outline: none;
    text-decoration: none !important;
    z-index: 30000;
}

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

@media (max-width: 767px) {
    .slider-caption-bottom-center {
        bottom: 18vw;
    }
}

@media (max-width: 480px) {
    .slider-caption-bottom-center {
        bottom: 19vw;
    }
}

.home-custom-img .slider-caption-bottom-center {
    bottom: 15vw;
}

@media (max-width: 767px) {
    .home-custom-img .slider-caption-bottom-center {
        bottom: 23vw;
    }
}

@media (max-width: 480px) {
    .home-custom-img .slider-caption-bottom-center {
        bottom: 34vw;
    }
}

@media (max-width: 767px) {
    #slider .slider-caption .btn-default {
        display: inline-block !important;
        clear: both;
    }
}

@media (max-width: 991px) {
    #slider.home-custom-img.mobile-slider.slider-winter .slider-parallax-inner .swiper-slide.dark.swiper-slide-active {
        background-image: url("https://kronberg.ch/files/kronberg.ch/media/keyvisual/keyvisual_winter_mobile.jpg") !important;
        background-position: center !important;
    }

    #slider.home-custom-img.mobile-slider.slider-winter-60 .slider-parallax-inner .swiper-slide.dark.swiper-slide-active {
        background-image: url("https://kronberg.ch/files/kronberg.ch/media/keyvisual/keyvisual_winter_mobile 60 jahre_4000x4000.jpg") !important;
        background-position: center !important;
    }

}

@media (max-width: 767px) {
    #slider.home-custom-img.mobile-slider.slider-sommer .slider-parallax-inner .swiper-slide.dark.swiper-slide-active {
        background-image: url("https://kronberg.ch/files/kronberg.ch/media/keyvisual/keyvisual_sommer_mobile.jpg") !important;
        background-position: revert !important;
    }

    #slider.home-custom-img.mobile-slider.slider-sommer-60 .slider-parallax-inner .swiper-slide.dark.swiper-slide-active {
        background-image: url("https://kronberg.ch/files/kronberg.ch/media/keyvisual/keyvisual_sommer_mobile-60-jahre.jpg") !important;
        background-position: revert !important;
    }

    #slider.home-custom-img.mobile-slider.slider-winter-60 .slider-parallax-inner .swiper-slide.dark.swiper-slide-active {
        background-image: url("https://kronberg.ch/files/kronberg.ch/media/keyvisual/keyvisual_winter_mobile 60 jahre_4000x4000.jpg") !important;
        background-position: revert !important;
    }
}

.dark .slider-caption, .dark .slider-caption h2, .dark .slider-caption p, .dark .slider-caption a {
    color: #FFFFFF;
    text-shadow: 1px 1px 5px rgb(0 0 0 / 30%);
}

.dark .slider-caption a {
    text-decoration: underline !important;
}

.dark .slider-caption a:hover {
    text-decoration: none !important;
}

.one-page-arrow {
    bottom: 30vh;
    position: fixed;
    z-index: 2;
    display: none;
}

.one-page-arrow.blue {
    display: inline-block !important;
    position: relative;
    bottom: 55px;
}

@media (max-width: 991px) {
    .one-page-arrow.blue {
        bottom: 20px;
    }
}

@media (max-width: 480px) {
    .one-page-arrow.blue {
        bottom: -10px;
    }
}

.one-page-arrow.blue i {
    color: #008BD2;
    font-size: 40px;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* ----------------------------------------------------------------
	Teaser Standard
-----------------------------------------------------------------*/
.ce_rsce_teaser {
    position: relative;
    z-index: 1;
    overflow: visible;
}

.ce_rsce_teaser .grid-container {
    overflow: visible;
}

.grid-container .elementArticle.elementArticleStandard::after {
    box-shadow: 0 2px 21px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 21px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 21px rgba(0, 0, 0, 0.16);
    content: "";
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    z-index: 0;
}

.grid-container.portfolio-2 .elementArticle.elementArticleStandard::after {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.grid-container .elementArticle.elementArticleStandard .portfolio-image {
    z-index: 10;
}

.grid-container .elementArticle.elementArticleStandard .portfolio-desc {
    min-height: 280px;
    padding: 35px;
    z-index: 10;
    background-color: #ffffff;
    position: relative;
}

@media (min-width: 1200px) {
    .ce_rsce_teaser.teaser-min-height .grid-container .elementArticle.elementArticleStandard .portfolio-desc {
        min-height: 500px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ce_rsce_teaser.teaser-min-height .grid-container .elementArticle.elementArticleStandard .portfolio-desc {
        min-height: 730px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ce_rsce_teaser.teaser-min-height .grid-container .elementArticle.elementArticleStandard .portfolio-desc {
        min-height: 688px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .ce_rsce_teaser.teaser-min-height .grid-container .elementArticle.elementArticleStandard .portfolio-desc {
        min-height: 620px;
    }
}

.ce_rsce_teaser.teaser-min-height .elementArticle {
    margin-bottom: 20px;
}

.grid-container .elementArticle.elementArticleStandard .portfolio-desc p {
    margin-bottom: 0px !important;
}

.grid-container .elementArticle.elementArticleStandard .portfolio-desc h3 {
    color: #000000 !important;
    font-size: 15px !important;
    line-height: 25px;
    font-family: "FFMetaSerifWebProMedium", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 4px dotted #000000;
    display: inline-block;
    margin-bottom: 20px;
}

.grid-container .elementArticle.elementArticleStandard .portfolio-desc span a {
    font-size: 25px;
    line-height: 28px;
    font-family: "FFMetaWebProBold", sans-serif;
    color: #000000 !important;
    display: inline-block;
    margin-bottom: 30px;
}

.grid-container .elementArticle.elementArticleStandard .portfolio-desc h3 a:hover {
    color: #000000;
}

.grid-container .elementArticle.elementArticleStandard .portfolio-desc div p a {
    background-color: #008BD2 !important;
    color: #FFFFFF !important;
    border: 2px solid #008BD2 !important;
    outline: none !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: none;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.75px;
    color: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-transform: none;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    max-height: 46px !important;
    height: 46px !important;
    margin: 5px;
    padding: 0 22px;
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: -5px;
}

.grid-container .elementArticle.elementArticleStandard .portfolio-desc div p a:hover {
    text-decoration: none !important;
    background-color: transparent !important;
    color: #008BD2 !important;
    border: 2px solid #008BD2 !important;
}

@media(max-width:768px) {

    .grid-container .elementArticle.elementArticleStandard .portfolio-desc h3,
    .grid-container .elementArticle.elementArticleStandard .portfolio-desc span a {
        margin-bottom: 15px;
    }
}

@media(max-width:480px) {
    .grid-container .elementArticle.elementArticleStandard {
        padding-right: 0;
    }

    .grid-container .elementArticle.elementArticleStandard::after {
        display: none;
    }
}

/* ----------------------------------------------------------------
	News Teaser
-----------------------------------------------------------------*/
.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay {
    background-color: transparent;
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay:before,
.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay::before {
    content: "";
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 53%, rgba(0, 0, 0, 1) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.4;
    text-align: left;
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
}

.owl-carousel .owl-stage-outer {
    padding-bottom: 15px;
    padding-top: 15px;
}

.owl-carousel .owl-stage-outer .owl-stage .owl-item {
    padding-right: 1px;
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-image {
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.26);
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay>div>a {
    display: table;
    width: 100%;
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay .portfolio-desc {
    margin-top: 0;
    height: 100%;
    padding: 20px !important;
    padding-bottom: 35px !important;
    text-align: left;
    display: table-cell;
    vertical-align: bottom;
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay .portfolio-desc h3 {
    color: #FFFFFF !important;
    font-size: 15px !important;
    line-height: 25px;
    font-family: "FFMetaSerifWebProMedium", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 4px dotted #FFFFFF;
    display: inline-block;
    margin-bottom: 20px;
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay .portfolio-desc span {
    font-size: 25px;
    line-height: 28px;
    font-family: "FFMetaWebProBold", sans-serif;
    display: block;
    color: #FFFFFF !important;
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay .entry-meta {
    background-color: transparent;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    text-align: center;
    overflow: hidden;
}

#content .elementArticle.elementArticleOverlay.sameBg .portfolio-overlay .entry-meta li {
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-style: normal;
    margin: 0;
    font-size: 30px;
    line-height: 33px;
    padding-left: 4px;
    padding-top: 3px;
    margin-top: 0;
    width: 70px;
    height: 70px;
    background-color: #FFFFFF;
}

.elementArticle.elementArticleOverlay.sameBg .portfolio-overlay .entry-meta .icon-calendar3 {
    display: none;
}

#content .elementArticle.elementArticleOverlay.sameBg .portfolio-overlay span.abgesagt {
    background-color: #E2764E;
    position: absolute;
    top: -7px;
    right: -1px;
    width: calc(100% - 69px);
    text-align: center;
    height: 70px;
    line-height: 70px;
}

/* Carousel */
#content .elementCarousel .owl-nav [class*=owl-],
#content .portfolio-carousel.carousel-widget .owl-nav [class*=owl-] {
    opacity: 1;
    width: 46px;
    height: 46px;
    background-color: #008BD2;
    border-color: #008BD2;
    line-height: 43px;
    font-size: 27px;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
    transition: none;
}

#content .elementCarousel .owl-nav .owl-next,
#content .portfolio-carousel.carousel-widget .owl-nav .owl-next {
    left: auto;
    right: -20px;
}

#content .elementCarousel .owl-nav .owl-prev,
#content .portfolio-carousel.carousel-widget .owl-nav .owl-prev {
    right: auto;
    left: -20px;
}

.owl-item .elementArticleOverlay.sameBg:hover .portfolio-overlay {
    opacity: 1 !important;
}

#content .elementCarousel .owl-carousel .owl-nav .owl-next i,
#content .portfolio-carousel.carousel-widget .owl-nav .owl-next i {
    color: #ffffff;
    text-shadow: none;
    padding-left: 3px;
}

#content .elementCarousel .owl-carousel .owl-nav .owl-prev i,
#content .portfolio-carousel.carousel-widget .owl-nav .owl-prev i {
    color: #ffffff;
    text-shadow: none;
    padding-right: 3px;
}

#content .elementCarousel .owl-carousel .owl-nav [class*=owl-]:hover,
#content .portfolio-carousel.carousel-widget.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #ffffff !important;
    text-shadow: none;
    border-color: #ffffff;
}

#content .elementCarousel .owl-carousel .owl-nav [class*=owl-]:hover i,
#content .portfolio-carousel.carousel-widget.owl-carousel .owl-nav [class*=owl-]:hover i {
    color: #000000 !important;
}

/* Overlay Teaser - ohne Text / ohne Verlauf */
.teaser-without-text .portfolio-desc {
    display: none !important;
}

.teaser-without-text .portfolio-overlay {
    opacity: 0 !important;
}

.teaser-without-text .portfolio-overlay::before {
    background: none !important;
}

/* Overlay Teaser-inkl-Branding - ohne Text / ohne Verlauf */
.teaser-inkl-Branding .portfolio-overlay:not(:has(span)),
.teaser-inkl-Branding .owl-item .elementArticleOverlay:hover .portfolio-overlay:not(:has(span))  {
    /*opacity: 0 !important;*/
}

.teaser-inkl-Branding .portfolio-overlay:not(:has(span))::before {
    background: none!important;
    opacity: 0!important;
}

.teaser-inkl-Branding .portfolio-desc:not(:has(span)) h3 {
    display: none !important;
}

.teaser-inkl-Branding .elementArticle:has(.abgesagt-noTitle) .portfolio-desc h3 {
    display: none!important;
}

.teaser-inkl-Branding .elementArticle:has(.ausgebucht-noTitle) .portfolio-desc h3 {
    display: none!important;
}

.teaser-inkl-Branding .elementArticle:has(.abgesagt-noTitle) .portfolio-overlay::before,
.teaser-inkl-Branding .elementArticle:has(.ausgebucht-noTitle) .portfolio-overlay::before {
    background: none!important;
    opacity: 0!important;
}

/* ----------------------------------------------------------------
	Teaser Overlay darkBG
-----------------------------------------------------------------*/
#content .elementArticle.elementArticleOverlay.darkBg .portfolio-desc h3 {
    color: #FFFFFF !important;
    font-size: 40px;
    line-height: 45px;
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-weight: normal;
    text-shadow: 0 0 20px rgba(80, 80, 80, 0.16);
}

@media (max-width: 768px) {
    #content .elementArticle.elementArticleOverlay.darkBg .portfolio-desc h3 {
        font-size: 33px;
        line-height: 37px;
    }
}

#content .elementArticle.darkBg:hover .portfolio-overlay {
    background-color: transparent;
    cursor: pointer;
}

#content .elementArticle.darkBg .portfolio-image picture img {
    transition: transform .3s, filter 0.5s ease-in-out;
}

#content .elementArticle.darkBg:hover .portfolio-image picture img {
    transform: scale(1.04);
}

/* ----------------------------------------------------------------
	Titel 360 Grad
-----------------------------------------------------------------*/
.title-360.ce_text a,
.title-360.content-text a {
    text-decoration: none;
    border-bottom: none !important;
    overflow: hidden;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    background: #008BD2 url("../img/360grad.svg") no-repeat;
    color: transparent !important;
    position: relative;
    top: 17px;
    display: inline-block;
}

.title-360.ce_text p a:hover,
.title-360.ce_text p a:focus,
.title-360.content-text p a:hover,
.title-360.content-text p a:focus {
    text-decoration: none;
    border-bottom: none !important;
    background: transparent url("../img/360grad_hover.svg");
    opacity: 1;
}

.title-360.ce_text h3,
.title-360.content-text h3 {
    color: #008BD2 !important;
}

/* ----------------------------------------------------------------
    Carousel Teaser Overlay
-----------------------------------------------------------------*/
#content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

#content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay.dark .portfolio-overlay {
    background-color: transparent !important;
}

#content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay:hover .portfolio-overlay {
    opacity: 1 !important;
}

#content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc {
    margin-left: 60px;
    margin-right: 60px;
    text-align: left;
}

#content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc h3 {
    color: #FFFFFF !important;
    font-size: 15px !important;
    line-height: 25px;
    font-family: "FFMetaSerifWebProMedium", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 4px dotted #ffffff;
    display: inline-block;
    margin-bottom: 40px;
}

#content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc p {
    font-size: 40px;
    line-height: 45px !important;
    font-family: "FFMetaWebProRegular", sans-serif;
    color: #ffffff !important;
}

@media(max-width:767px) {
    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc {
        margin-left: 30px;
        margin-right: 30px;
    }

    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .masonry-portfolio-image {
        padding-top: 100% !important;
    }

    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay.dark .masonry-portfolio-image {
        padding-top: 56.25% !important;
    }
}

@media(max-width:991px) {
    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc h3 {
        margin-bottom: 30px;
    }

    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc p {
        font-size: 25px;
        line-height: 30px !important;
        font-family: "FFMetaSerifWebProMedium", sans-serif;
        color: #ffffff !important;
    }
}

@media(min-width:991px) {
    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc p {
        width: 50%;
    }
}

#content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc p strong {
    color: #FFD21D !important;
}

#content .ce_rsce_teaser.carousel-interest .owl-nav div {
    opacity: 1 !important;
    width: 40px !important;
    height: 45px !important;
    border: none !important;
    border-radius: 0 !important;
    line-height: 45px !important;
    box-shadow: none !important;
}

#content .ce_rsce_teaser.carousel-interest .owl-next {
    right: 40px !important;
    top: auto !important;
    bottom: 30px !important;
    background-color: #FFFFFF !important;
}

#content .ce_rsce_teaser.carousel-interest .owl-prev {
    right: 80px !important;
    left: auto !important;
    top: auto !important;
    bottom: 30px !important;
    display: block !important;
    background-color: #FFFFFF !important;
}

@media(max-width:480px) {
    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc {
        margin-top: 40px !important;
    }

    #content .ce_rsce_teaser.carousel-interest .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc h3 {
        margin-bottom: 15px;
    }

    #content .ce_rsce_teaser.carousel-interest .owl-next {
        right: 10px !important;
        bottom: 10px !important;
        background-color: #FFFFFF !important;
    }

    #content .ce_rsce_teaser.carousel-interest .owl-prev {
        bottom: 10px !important;
        right: 50px !important;
    }
}

#content .ce_rsce_teaser.carousel-interest .owl-nav div i {
    font-size: 25px;
}

#content .ce_rsce_teaser.carousel-interest .owl-carousel .owl-nav .owl-prev i,
#content .ce_rsce_teaser.carousel-interest .owl-carousel .owl-nav .owl-next i {
    color: #F0F0F0;
}

#content .ce_rsce_teaser.carousel-interest .owl-carousel .owl-nav .owl-next i {
    color: #000000;
}

#content .ce_rsce_teaser.carousel-interest .owl-carousel .owl-nav [class*=owl-]:hover,
#content .ce_rsce_teaser.carousel-interest .owl-carousel .owl-nav [class*=owl-]:hover i {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

/* ----------------------------------------------------------------
	Carousel Interest Banner
-----------------------------------------------------------------*/
#content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay {
    background-color: rgba(0, 0, 0, 0.2) !important;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay:hover .portfolio-overlay {
    opacity: 1 !important;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc {
    margin-left: 60px;
    margin-right: 60px;
    text-align: center;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc h3 {
    color: #FFD21D !important;
    font-size: 80px !important;
    line-height: 85px;
    font-family: "FFMetaWebProBold", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0;
    margin-bottom: 10px;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc span {
    color: #FFFFFF !important;
    font-size: 80px !important;
    line-height: 85px;
    font-family: "FFMetaWebProRegular", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0;
    margin-bottom: 10px;
}

@media(max-width:767px) {

    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc h3,
    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc span {
        font-size: 60px !important;
        line-height: 65px;
    }

    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .masonry-portfolio-image {
        padding-top: 100% !important;
    }
}

@media(max-width:480px) {

    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc h3,
    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc span {
        font-size: 30px !important;
        line-height: 35px;
    }
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc p a {
    margin-top: 30px !important;
    background-color: #008BD2 !important;
    color: #FFFFFF !important;
    border: 2px solid #008BD2 !important;
    outline: none !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    border: none;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.75px;
    cursor: pointer;
    display: inline-block;
    text-transform: none;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    white-space: nowrap;
    margin: 5px;
    padding: 0 22px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    text-shadow: none !important;
    max-height: 46px !important;
    height: 46px !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc p a:hover {
    text-decoration: none !important;
    -webkit-transform: rotateY(15deg);
    -moz-transform: rotateY(15deg);
    -ms-transform: rotateY(15deg);
    transform: rotateY(15deg);
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media(max-width:767px) {
    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc p a {
        margin-top: 0 !important;
    }

    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc {
        margin-left: 30px;
        margin-right: 30px;
    }
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-nav div {
    opacity: 1 !important;
    width: 40px !important;
    height: 45px !important;
    border: none !important;
    border-radius: 0 !important;
    line-height: 45px !important;
    box-shadow: none !important;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-next {
    right: 40px !important;
    top: auto !important;
    bottom: 30px !important;
    background-color: #FFFFFF !important;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-prev {
    right: 80px !important;
    left: auto !important;
    top: auto !important;
    bottom: 30px !important;
    display: block !important;
    background-color: #FFFFFF !important;
}

@media(max-width:480px) {
    #content .ce_rsce_teaser.carousel-interest-banner .owl-item .elementArticleOverlay .portfolio-overlay .portfolio-desc h3 {
        margin-bottom: 15px;
    }

    #content .ce_rsce_teaser.carousel-interest-banner .owl-next {
        right: 10px !important;
        bottom: 10px !important;
        background-color: #FFFFFF !important;
    }

    #content .ce_rsce_teaser.carousel-interest-banner .owl-prev {
        bottom: 10px !important;
        right: 50px !important;
    }
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-nav div i {
    font-size: 25px;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-carousel .owl-nav .owl-prev i,
#content .ce_rsce_teaser.carousel-interest-banner .owl-carousel .owl-nav .owl-next i {
    color: #F0F0F0;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-carousel .owl-nav .owl-next i {
    color: #000000;
}

#content .ce_rsce_teaser.carousel-interest-banner .owl-carousel .owl-nav [class*=owl-]:hover,
#content .ce_rsce_teaser.carousel-interest-banner .owl-carousel .owl-nav [class*=owl-]:hover i {
    color: #000000 !important;
    background-color: #FFFFFF !important;
}

/* ----------------------------------------------------------------
	Carousel Full
-----------------------------------------------------------------*/
.carousel-teaser-full .owl-stage-outer {
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
}

.carousel-teaser-full .owl-stage-outer .owl-item {
    padding-right: 0!important;
}

.carousel-teaser-full .portfolio-image {
    width: 30%;
    float: left;
}

.carousel-teaser-full .portfolio-desc {
    width: 70%;
    float: left;
    height: inherit !important;
    background-color: #ffffff;
    padding: 30px 40px;
}

@media(min-width:300px) {
    .carousel-teaser-full .portfolio-image {
        width: 100%;
        float: left;
    }

    .carousel-teaser-full .portfolio-desc {
        width: 100%;
    }

    .carousel-teaser-full .portfolio-desc {
        height: auto !important;
        padding-bottom: 0;
    }
}

@media(min-width:768px) {
    .carousel-teaser-full .portfolio-image {
        width: 50%;
        float: left;
    }

    .carousel-teaser-full .portfolio-desc {
        width: 50%;
        height: 298px !important;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc span {
        margin-bottom: 10px !important;
    }
}

@media(min-width:992px) {
    .carousel-teaser-full .portfolio-image {
        width: 30%;
    }

    .carousel-teaser-full .portfolio-desc {
        width: 70%;
        height: 226px !important;
        padding-top: 20px;
        padding-left: 40px;
        padding-right: 40px;
    }

    #content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc span {
        margin-bottom: 10px !important;
    }
}

@media(min-width:1200px) {
    .carousel-teaser-full .portfolio-desc {
        height: 276px !important;
    }
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc h3 a {
    color: #000000 !important;
    font-size: 15px !important;
    line-height: 25px;
    font-family: "FFMetaSerifWebProMedium", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 4px dotted #000000;
    display: inline-block;
    margin-bottom: 30px;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc span {
    margin-bottom: 30px;
}

@media(max-width:768px) {
    #content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc h3 a {
        margin-bottom: 15px;
    }

    #content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc span {
        margin-bottom: 15px;
    }
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc span a {
    color: #000000 !important;
    font-size: 25px !important;
    line-height: 28px;
    font-family: "FFMetaWebProBold", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-item .elementArticleStandard .portfolio-desc p {
    color: #000000 !important;
    font-size: 17px !important;
    line-height: 25px;
    font-family: "FFMetaSerifWebProMedium", sans-serif;
    letter-spacing: 0;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-nav [class*=owl-] {
    opacity: 1;
    width: 46px;
    height: 46px;
    background-color: #008BD2;
    border-color: #008BD2;
    line-height: 43px;
    font-size: 27px;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.16);
    transition: none;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav .owl-next,
#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel:hover .owl-nav .owl-next {
    left: auto;
    right: -10.33333333%;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav .owl-next i {
    color: #ffffff;
    text-shadow: none;
    padding-left: 3px;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav .owl-prev i {
    color: #ffffff;
    text-shadow: none;
    padding-right: 3px;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav .owl-prev,
#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel:hover .owl-nav .owl-prev {
    left: -10.33333333%;
    right: auto;
}

@media(max-width:768px) {

    #content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav .owl-next,
    #content .ce_rsce_teaser.carousel-teaser-full .owl-carousel:hover .owl-nav .owl-next {
        left: auto;
        right: -20px;
    }

    #content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav .owl-prev,
    #content .ce_rsce_teaser.carousel-teaser-full .owl-carousel:hover .owl-nav .owl-prev {
        left: -20px;
        right: auto;
    }
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: #ffffff !important;
    text-shadow: none;
    border-color: #ffffff;
}

#content .ce_rsce_teaser.carousel-teaser-full .owl-carousel .owl-nav [class*=owl-]:hover i {
    color: #000000 !important;
}

/* ----------------------------------------------------------------
	Image Content
-----------------------------------------------------------------*/
#content .ce_image,
#content .content-image {
    width: calc(100% - 70px);
    position: relative;
    margin-bottom: 60px;
    z-index: 1;
}

#content .ce_image .image_container,
#content .content-image .image_container {
    position: relative;
    z-index: 100;
}

#content .ce_image:after,
#content .content-image:after {
    content: "";
    position: absolute;
    top: 35px;
    left: 35px;
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    z-index: -1;
}

/* ohne grauen Bild Content */
#content .ce_image.no_image_content:after,
#content .content-image.no_image_content:after {
    display: none !important;
}

#content .ce_image.no_image_content,
#content .content-image.no_image_content {
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

#content .section.bgcolor .ce_image:after,
#content .section.bgcolor .content-image:after {
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    z-index: -1;
}

@media(max-width:767px) {

    #content .ce_image,
    #content .content-image {
        margin-bottom: 60px;
        width: calc(100% - 15px);
    }

    #content .ce_image:after,
    #content .content-image:after {
        position: absolute;
        top: 15px;
        left: 15px;
    }
}

#content .section.bgcolor .ce_image:after,
#content .box.bgcolor .ce_image:after,
#content .section.bgcolor .content-image:after,
#content .box.bgcolor .content-image:after {
    background-color: #FFFFFF;
}

#content .ce_column.col-xs-12.col-sm-12.col-md-12.col-lg-12 .ce_image,
#content .ce_app_grid_column_start.col-xs-12.col-sm-12.col-md-12.col-lg-12 .content-image {
    width: 100%;
}

#content .ce_column.col-xs-12.col-sm-12.col-md-12.col-lg-12 .ce_image:after,
#content .ce_app_grid_column_start.col-xs-12.col-sm-12.col-md-12.col-lg-12 .content-image:after {
    display: none;
}

/* ----------------------------------------------------------------
	Opening Status
-----------------------------------------------------------------*/
#content .title-ul {
    padding-left: 0;
}

#content .title-ul {
    padding-right: 0;
    width: 50%;
    padding-left: 15px;
}

#content .title-ul ul {
    margin-left: 0;
    margin-bottom: 0;
}

#content .title-ul ul li {
    line-height: 34px;
}

#content .titleFirst .ce_text,
#content .titleLast .ce_text,
#content .titleFirst .content-text,
#content .titleLast .content-text {
    padding-left: 0;
}

@media (max-width: 468px) {
    #content .title-ul ul li {
        font-size: 15px;
    }
}

#content .title-ul ul>li:before {
    list-style: none;
    content: "";
    padding-right: 0;
    margin-left: 0;
}

.section.wrapper_ce_rsce_operating_status .container>.ce_column,
.section.wrapper_ce_rsce_operating_status .container>.ce_app_grid_column_start {
    background-color: #F0F0F0 !important;
    padding-top: 4px;
}

.section.wrapper_ce_rsce_operating_status .col-md-6 {
    padding: 0 !important;
}

.section.section.wrapper_ce_rsce_operating_status h3 {
    margin-top: 10px;
    margin-bottom: 0;
}

.section.section.wrapper_ce_rsce_operating_status .box h4 {
    margin-bottom: 5px;
}

.ce_rsce_operating_status {
    margin-left: 0;
    width: 100%;
    background-color: #F0F0F0;
}

.ce_rsce_operating_status h6 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 0;
}

.elementCondition {
    padding: 0;
    background-color: #F0F0F0;
    clear: both;
}

.elementCondition.legende {
    display: none
}

@media (max-width: 500px) {
    .elementCondition.legende {
        display: block;
        background-color: transparent;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .elementCondition.legende ul {
        display: block;
        width: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
        background-color: transparent;
    }

    .elementCondition.legende ul li {
        position: relative !important;
        float: none !important;
        display: inline-block;
        margin: 0 !important;
        text-align: left;
        font-size: 15px !important;
        padding-right: 10px;
    }

    .elementCondition.legende ul li:last-child {
        padding-right: 0;
    }

    .elementCondition.legende ul li .openicon {
        width: 11px !important;
        height: 11px !important;
        padding: 0;
        line-height: 26px;
        display: inline-block;
        margin-right: 10px;
        font-size: 1px !important;
        border-radius: 50%;
        background-color: #009e59;
    }

    .elementCondition.legende ul li .unshureicon {
        width: 11px !important;
        height: 11px !important;
        padding: 0;
        line-height: 26px;
        display: inline-block;
        margin-right: 10px;
        font-size: 1px !important;
        border-radius: 50%;
        background-color: #f0ad4e;
    }

    .elementCondition.legende ul li .closeicon {
        width: 11px !important;
        height: 11px !important;
        padding: 0;
        line-height: 26px;
        display: inline-block;
        margin-right: 10px;
        font-size: 1px !important;
        border-radius: 50%;
        background-color: #d9534f;
    }
}

.elementCondition .list-group-item {
    float: left;
    width: 100%;
    padding: 0;
    border: 1px solid transparent;
    background-color: transparent;
    margin-bottom: 10px !important;
}

.elementCondition .list-group-item .col-xs-12 {
    background-color: transparent;
    padding: 0!important;
}

.elementCondition .list-group-item:last-child .col-xs-12 {
    border-bottom: none;
}

.section.wrapper_ce_rsce_operating_status {
    margin-top: 60px !important;
    margin-bottom: 0 !important;
}

.section.wrapper_ce_rsce_operating_status.white {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.section.wrapper_ce_rsce_operating_status.white .container>.ce_column,
.section.wrapper_ce_rsce_operating_status.white .container>.ce_app_grid_column_start {
    border-bottom: 3px solid #F0F0F0;
    padding-right: 0;
}

.section.wrapper_ce_rsce_operating_status .ce_column,
.section.wrapper_ce_rsce_operating_status .ce_app_grid_column_start {
    padding-left: 0;
}

.section.wrapper_ce_rsce_operating_status .ce_column:last-child,
.section.wrapper_ce_rsce_operating_status .ce_app_grid_column_start:last-child {
    padding-right: 0!important;
    padding-left: 0!important;
}

.section.wrapper_ce_rsce_operating_status .ce_column .ce_rsce_operating_status,
.section.wrapper_ce_rsce_operating_status .ce_app_grid_column_start .ce_rsce_operating_status {
    padding-left: 0;
}

.section.wrapper_ce_rsce_operating_status.white .container>.ce_column,
.section.wrapper_ce_rsce_operating_status.white .container>.ce_app_grid_column_start {
    background-color: #ffffff !important;
    padding-bottom: 5px;
}

#content .section.wrapper_ce_rsce_operating_status.white .container>.ce_column li,
#content .section.wrapper_ce_rsce_operating_status.white .container>.ce_app_grid_column_start li,
#content .section.wrapper_ce_rsce_operating_status.white .elementCondition .list-group-item .entry-meta li .label:after {
    font-size: 15px !important;
}

#content .section.wrapper_ce_rsce_operating_status.white .elementCondition .list-group-item {
    margin-bottom: 0 !important;
}

#content .section.wrapper_ce_rsce_operating_status.white .title-ul {
    padding-top: 4px;
}

#content .section.wrapper_ce_rsce_operating_status.white .title-ul ul li {
    line-height: 25px;
}

.elementCondition.legende .list-group-item .col-xs-12 {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-color: transparent;
}

.elementCondition .list-group-item h4 {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 39px;
    display: none;
}

.elementCondition .list-group-item .entry-meta {
    float: left;
    margin: 0 10px 0 0;
}

@media (max-width: 500px) {
    .elementCondition .list-group-item .entry-meta {
        margin-right: 0;
        padding-left: calc(50% - 0px);
    }
}

.elementCondition .list-group-item .entry-meta li {
    width: 11px;
    height: 11px;
    overflow: hidden;
    margin: 12px 0 0;
}

#content .elementCondition .list-group-item .entry-meta li .label {
    width: 11px !important;
    height: 11px !important;
    padding: 0;
    line-height: 26px;
    display: block;
    font-size: 1px !important;
    border-radius: 50%;
}

#content .elementCondition .list-group-item .entry-meta li .label-danger {
    color: #d9534f;
}

#content .elementCondition .list-group-item .entry-meta li .label-default {
    color: #009e59;
    background-color: #009e59;
}

#content .elementCondition .list-group-item .entry-meta li .label-default:after {
    content: "offen";
    margin-bottom: 0;
    font-size: 17px;
    position: absolute;
    top: 5px;
    left: 20px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    color: #000000;
    text-transform: none;
    font-style: normal;
}

html[lang="en"] #content .elementCondition .list-group-item .entry-meta li .label-default:after {
    content: "open";
}

@media (max-width: 500px) {
    html[lang="en"] #content .elementCondition .list-group-item .entry-meta li .label-default:after {
        content: "";
    }
}

html[lang="fr"] #content .elementCondition .list-group-item .entry-meta li .label-default:after {
    content: "ouvertement";
}

@media (max-width: 500px) {
    html[lang="fr"] #content .elementCondition .list-group-item .entry-meta li .label-default:after {
        content: "";
    }
}

#content .elementCondition .list-group-item .entry-meta li .label-warning:after {
    content: "unsicher*";
    margin-bottom: 0;
    font-size: 17px;
    position: absolute;
    top: 5px;
    left: 20px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    color: #000000;
    text-transform: none;
    font-style: normal;
}

html[lang="en"] #content .elementCondition .list-group-item .entry-meta li .label-warning:after {
    content: "unsafe*";
}

@media (max-width: 500px) {
    html[lang="en"] #content .elementCondition .list-group-item .entry-meta li .label-warning:after {
        content: "";
    }
}

html[lang="fr"] #content .elementCondition .list-group-item .entry-meta li .label-warning:after {
    content: "incertain*";
}

@media (max-width: 500px) {
    html[lang="fr"] #content .elementCondition .list-group-item .entry-meta li .label-warning:after {
        content: "";
    }
}

#content .elementCondition .list-group-item .entry-meta li .label-danger:after {
    content: "geschlossen";
    margin-bottom: 0;
    font-size: 17px;
    position: absolute;
    top: 5px;
    left: 20px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    color: #000000;
    text-transform: none;
    font-style: normal;
}

html[lang="en"] #content .elementCondition .list-group-item .entry-meta li .label-danger:after {
    content: "closed";
}

@media (max-width: 500px) {
    html[lang="en"] #content .elementCondition .list-group-item .entry-meta li .label-danger:after {
        content: "";
    }
}

html[lang="fr"] #content .elementCondition .list-group-item .entry-meta li .label-danger:after {
    content: "fermé";
}

@media (max-width: 500px) {
    html[lang="fr"] #content .elementCondition .list-group-item .entry-meta li .label-danger:after {
        content: "";
    }
}

.textDefaultOutput {
    color: #d9534f !important;
}

.ce_rsce_operating_status h5 {
    display: none;
}

@media (max-width: 500px) {

    #content .wrapper_ce_rsce_operating_status .elementCondition .list-group-item .entry-meta li .label-warning:after,
    #content .wrapper_ce_rsce_operating_status .elementCondition .list-group-item .entry-meta li .label-default:after,
    #content .wrapper_ce_rsce_operating_status .elementCondition .list-group-item .entry-meta li .label-danger:after {
        content: "";
    }
}

.ce_app_open_weather_map.today-weather-widget {
    position: relative;
    bottom: 60px;
    height: 0;
}

.ce_app_open_weather_map.today-weather-widget .wiDetail,
.ce_app_open_weather_map.today-weather-widget .wiText {
    display: none;
}

.ce_app_open_weather_map.today-weather-widget .wiIconGroup {
    float: left;
    text-align: left;
    width: auto;
}

#content .ce_app_open_weather_map.today-weather-widget .wiTemperature {
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 45px;
}

#content .ce_app_open_weather_map.today-weather-widget h5,
#content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5,
#content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5 span {
    font-size: 17px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    color: #000000;
    text-transform: none;
    font-style: normal;
    margin-bottom: 0;
    line-height: 17px;
}

#content .section.wrapper_ce_rsce_operating_status .wrapper-fore {
    height: 0;
}

#content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5 {
    position: relative;
    top: -60px;
}

.ce_app_open_weather_map.today-weather-widget.two .weather.flatWeatherPlugin {
    padding-top: 18px;
}

@media (max-width: 720px) {
    #content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5 span.mobile-hide {
        display: none;
    }
}

.ce_app_open_weather_map.today-weather-widget .weather .wiToday .wiIconGroup div.wi {
    font-size: inherit;
    line-height: inherit;
}

.ce_app_open_weather_map.today-weather-widget .flatWeatherPlugin .wiToday .wiIconGroup div.wi:before {
    font-size: 20px;
    padding-top: 0;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

#content .ce_app_open_weather_map.today-weather-widget.two .wiForecasts .wiDay:first-child,
#content .ce_app_open_weather_map.today-weather-widget.two .wiForecasts .wiDay>span,
#content .ce_app_open_weather_map.today-weather-widget.two .wiMin {
    display: none;
}

#content .ce_app_open_weather_map.today-weather-widget.two .wiForecasts .wiDay>span {
    width: 0;
}

#content .ce_app_open_weather_map.today-weather-widget.two .wiForecasts .wiDay {
    height: 40px;
    padding: 0;
}

#content .ce_app_open_weather_map.today-weather-widget.two .wiForecasts .wi-day-showers {
    display: inline-block;
    font-family: weathericons !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#content .ce_app_open_weather_map.today-weather-widget.two ul.wiForecast {
    float: left;
}

#content .ce_app_open_weather_map.today-weather-widget.two ul.wiForecast li.wi:before {
    font-size: 20px;
    padding-top: 0;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    line-height: 36px;
}

#content .ce_app_open_weather_map.today-weather-widget.two ul.wiForecast li.wi {
    width: auto;
    font-family: weathericons !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}

#content .ce_app_open_weather_map.today-weather-widget.two ul.wiForecast li.wiMax {
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 45px;
}

.displayunsicher {
    display: none;
}

.textUnsicher {
    margin-top: 10px;
}

@media (max-width: 480px) {
    .textUnsicher {
        text-align: center;
    }
}

/* ----------------------------------------------------------------
	Titelelement 2 2021
-----------------------------------------------------------------*/
.titelelement2 {
    padding-bottom: 30px !important;
}

.titelelement2 h5 {
    margin-bottom: 0;
}

#content .titelelement2 p {
    margin-bottom: 0;
}

.titelelement2 h6 {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 0;
}

/* ----------------------------------------------------------------
	Tabelle Öffnungszeiten 2021
-----------------------------------------------------------------*/
.section.table-openhours {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

#content .table-openhours .ce_column,
#content .table-openhours .ce_app_grid_column_start {
    padding-left: 0;
    padding-right: 0;
}

#content .table-openhours .ce_table tr,
#content .table-openhours .content-table tr {
    background-color: #FFFFFF;
}

#content .table-openhours .ce_table .table tr:nth-of-type(2n),
#content .table-openhours .content-table .table tr:nth-of-type(2n) {
    background-color: #F0F0F0;
}

#content .table-openhours .table>tbody>tr>td {
    border-top: 0;
    padding-top: 7px;
    padding-bottom: 3px;
    padding-left: 0;
    width: 25%;
}

@media (min-width: 768px) {
    #content .table-openhours .table>tbody>tr>td {
        width: 25%;
    }
}

#content .table-openhours .table>tbody>tr:last-child>td {
    border-bottom: 0;
}

#content .table-openhours .table>tbody>tr>td:first-child {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    color: #000000;
    padding-left: 15px;
    width: 50%;
}

@media (min-width: 768px) {
    #content .table-openhours .table>tbody>tr>td:first-child {
        padding-right: 0;
    }
}

/* table-4-column - auto */
#content .table-openhours .table-4-column .table>tbody>tr>td {
    width: auto;
}

#content .table-openhours .ce_table table,
#content .table-openhours .content-table table {
    margin-bottom: 0;
    padding-bottom: 10px;
    /*border-bottom: 3px solid #F0F0F0;*/
}

#content .table-openhours .ce_table,
#content .table-openhours .content-table {
    padding-bottom: 15px;
    /*border-bottom: 3px solid #F0F0F0;*/
    margin-bottom: 10px;
}

#content .table-openhours p {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-left: 15px;
}

#content .section .titelelement2 p a {
    font-size: 17px;
    font-weight: normal;
    border-bottom: none;
    font-family: "FFMetaWebProRegular", sans-serif;
    padding-top: 7px;
}

/* Mobile betriebszustand */
@media (max-width: 450px) {

    .ce_column.betriebszustand-mobile-title,
    .ce_app_grid_column_start.betriebszustand-mobile-title {
        width: 63% !important;
        margin-right: 10px;
        overflow: auto;
    }

    .ce_column.betriebszustand-mobile-status,
    .ce_app_grid_column_start.betriebszustand-mobile-status {
        width: 16% !important;
    }

    #content .ce_app_open_weather_map.today-weather-widget .wiTemperature {
        display: none;
    }

    #content .title-ul ul,
    #content .section.wrapper_ce_rsce_operating_status.white .container>.ce_column ul,
    #content .section.wrapper_ce_rsce_operating_status.white .container>.ce_app_grid_column_start ul {
        width: auto;
    }

    #content .title-ul ul li,
    #content .section.wrapper_ce_rsce_operating_status.white .container>.ce_column li,
    #content .section.wrapper_ce_rsce_operating_status.white .container>.ce_app_grid_column_start li {
        font-size: 13px !important;
    }

    .ce_app_open_weather_map.today-weather-widget .flatWeatherPlugin .wiToday .wiIconGroup div.wi:before {
        padding-left: 5px;
    }

    #content .ce_app_open_weather_map.today-weather-widget.two ul.wiForecast li.wi:before {
        padding-left: 12px;
    }

    #content .ce_app_open_weather_map.today-weather-widget h5,
    #content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5,
    #content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5 span {
        font-size: 13px !important;
    }
}

@media (max-width: 330px) {

    .ce_column.betriebszustand-mobile-title,
    .ce_app_grid_column_start.betriebszustand-mobile-title {
        width: 63% !important;
        margin-right: 10px;
        overflow: auto;
    }

    .ce_column.betriebszustand-mobile-status,
    .ce_app_grid_column_start.betriebszustand-mobile-status {
        width: 16% !important;
    }

    .ce_app_open_weather_map.today-weather-widget .flatWeatherPlugin .wiToday .wiIconGroup div.wi:before {
        padding-left: 0;
    }

    #content .title-ul ul,
    #content .section.wrapper_ce_rsce_operating_status.white .container>.ce_column ul,
    #content .section.wrapper_ce_rsce_operating_status.white .container>.ce_app_grid_column_start ul {
        width: auto;
    }

    #content .ce_app_open_weather_map.today-weather-widget.two ul.wiForecast li.wi:before {
        padding-left: 0;
    }

    #content .ce_app_open_weather_map.today-weather-widget h5,
    #content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5,
    #content .section.wrapper_ce_rsce_operating_status .wrapper-fore h5 span {
        font-size: 13px;
    }
}

.mod_article .betriebslage-info {
    padding-top: 75px;
}

/* ----------------------------------------------------------------
    Promobox
-----------------------------------------------------------------*/
.elementPromobox {
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    border-top: 4px solid #E2764E;
}

.elementPromobox .promo {
    border: 1px solid transparent;
    border-radius: 0;
}

.elementPromobox .promo h3 {
    color: #000000 !important;
    font-size: 15px !important;
    line-height: 25px;
    font-family: "FFMetaSerifWebProMedium", sans-serif;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 4px dotted #000000;
    display: inline-block;
    margin-bottom: 20px;
}

.elementPromobox .promo>.container>span, .elementPromobox .promo>span {
    font-size: 25px;
    line-height: 28px;
    font-family: "FFMetaWebProBold", sans-serif;
    color: #000000 !important;
    display: block;
    margin-bottom: 0;
}

.elementPromobox .promo a.button {
    cursor: pointer;
    font-weight: normal;
    background-color: #E2764E !important;
    color: #FFFFFF !important;
    border: 2px solid #E2764E !important;
    outline: none !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 15px;
    line-height: 45px;
    letter-spacing: 0.75px;
    display: inline-block;
    text-transform: none;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    margin-top: -25px;
}

.elementPromobox .promo a.button:hover {
    background-color: transparent !important;
    border: 2px solid #E2764E !important;
    color: #E2764E !important;
}

/* ----------------------------------------------------------------
	Testimonials
-----------------------------------------------------------------*/
.feature-box h3 {
    font-family: "FFMetaWebProBold", sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.feature-box .icon-custom {
    color: #000000 !important;
}

#content .feature-box p {
    font-size: 17px;
    line-height: 21px;
    color: #000000;
    margin-top: 4px;
}

.flatWeatherPlugin sup {
    color: #000000;
    opacity: 1;
}

.flatWeatherPlugin .wiToday .wiIconGroup div.wi:before {
    vertical-align: top;
    padding-top: 3px;
    font-size: 42px;
    cursor: pointer;
}

/* ----------------------------------------------------------------
	Search Detail
-----------------------------------------------------------------*/
.mod_search .style-msg.infomsg {
    background: transparent;
    color: #000000;
    border-left: none;
}

.mod_search .icon-info-sign:before {
    font-size: 48px;
}

.mod_search .style-msg .sb-msg {
    padding-left: 80px;
    border-left: none;
    text-shadow: none;
    font-size: 17px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 50px;
}

.mod_search .style-msg .sb-msg i {
    width: 0;
    top: 12px;
    height: 35px;
    left: -75px;
    margin-right: 0;
}

.mod_search.mod_app_search_results .postcontent .elementContentList {
    border-top: 4px solid #FFFFFF;
    padding-top: 30px;
    padding-bottom: 28px;
}

.mod_search.mod_app_search_results .postcontent .elementContentList a {
    background-color: transparent;
}

.mod_search.mod_app_search_results .elementContentList h4 {
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    margin-bottom: 10px;
}

.mod_search.mod_app_search_results .highlight {
    background-color: #E2764E;
    border-radius: 0;
}

#content .mod_search.mod_app_search_results .list-group-item-text {
    margin-bottom: 0;
    color: #000000;
}

#content .mod_search.mod_app_search_results .list-group-item-text strong {
    color: #008BD2;
}

#content .mod_search.mod_app_search_results .list-group-item-text strong:hover {
    color: #000000;
}

#content .pagination li.active span {
    background-color: #008BD2 !important;
    border-color: #008BD2 !important;
}

#content .pagination li a {
    color: #008BD2;
}

#content .pagination li a:hover {
    background-color: #008BD2;
    font-weight: normal !important;
    border: 1px solid #008BD2;
    color: #FFFFFF;
    font-family: "FFMetaWebProRegular", sans-serif;
}

/* ----------------------------------------------------------------
	Highlight Featurebox
-----------------------------------------------------------------*/
.ce_rsce_icon_list.highlights {
    background-color: #008BD2;
    padding: 50px 35px 20px 35px !important;
}

@media (max-width: 480px) {
    .ce_rsce_icon_list.highlights {
        padding: 35px 35px 35px 35px !important;
    }
}

.ce_rsce_icon_list.highlights .feature-box p {
    display: none;
}

.ce_rsce_icon_list.highlights.green {
    background-color: #95B561;
}

.ce_rsce_icon_list.highlights.dark {
    background-color: #203D59;
}

.ce_rsce_icon_list.highlights.red {
    background-color: #E2764E;
}

.ce_rsce_icon_list.highlights.white {
    background-color: #FFFFFF;
}

.ce_rsce_icon_list.highlights.white::after {
    content: "";
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 100%;
    z-index: -3;
}

.ce_rsce_icon_list.highlights.grey {
    background-color: #F0F0F0;
}

.ce_rsce_icon_list.highlights.grey::after {
    content: "";
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 100%;
    z-index: -3;
}

.ce_rsce_icon_list.highlights .elementArticle.portfolio-item {
    margin-bottom: 18px !important;
}

.ce_rsce_icon_list.highlights.grey .elementArticle.portfolio-item {
    border-bottom: 2px solid #FFFFFF;
    padding-bottom: 6px !important;
}

.ce_rsce_icon_list.highlights.grey .elementArticle.portfolio-item:last-child {
    border-bottom: 2px solid #F0F0F0;
}

.ce_rsce_icon_list.highlights.white .elementArticle.portfolio-item {
    border-bottom: 2px solid #F0F0F0;
    padding-bottom: 6px !important;
}

.ce_rsce_icon_list.highlights.white .elementArticle.portfolio-item:last-child {
    border-bottom: 2px solid #FFFFFF;
}

.ce_rsce_icon_list.highlights h2 {
    color: #ffffff;
    font-size: 25px;
    line-height: 23px;
    font-weight: normal;
    border-bottom: 0;
    font-family: "FFMetaWebProBold", sans-serif !important;
}

.ce_rsce_icon_list.highlights.white h2, .ce_rsce_icon_list.highlights.grey h2 {
    color: #008BD2;
}

.ce_rsce_icon_list.highlights h3 {
    color: #ffffff;
    font-size: 17px;
    line-height: 25px;
    font-weight: normal;
    border-bottom: 0;
    font-family: "FFMetaWebProRegular", sans-serif !important;
}

.ce_rsce_icon_list.highlights.white h3, .ce_rsce_icon_list.highlights.grey h3 {
    color: #000000;
}

.ce_rsce_icon_list.highlights .feature-box.fbox-small {
    padding-left: 30px;
}

.ce_rsce_icon_list.highlights.white .feature-box.fbox-small,
.ce_rsce_icon_list.highlights.grey .feature-box.fbox-small {
    padding-left: 0;
}

.ce_rsce_icon_list.highlights .feature-box .fbox-icon {
    width: auto;
    height: auto;
    padding-top: 5px;
}

.ce_rsce_icon_list.highlights.white .feature-box .fbox-icon,
.ce_rsce_icon_list.highlights.grey .feature-box .fbox-icon {
    display: none;
}

.ce_rsce_icon_list.highlights .feature-box .fbox-icon i {
    line-height: 15px;
    background-color: transparent;
    font-size: 18px;
    color: #FFD21D !important;
}

/* ----------------------------------------------------------------
	Clients Modul
-----------------------------------------------------------------*/
.clients-grid li a {
    opacity: 1 !important;
}

.clients-grid li:before {
    border-left: 1px dashed #F0F0F0;
}

.clients-grid li:after {
    border-bottom: 1px dashed #F0F0F0;
}

.section.bgcolor .clients-grid li:before {
    border-left: 1px dashed #FFFFFF;
}

.section.bgcolor .clients-grid li:after {
    border-bottom: 1px dashed #FFFFFF;
}

/* ----------------------------------------------------------------
	Weather Widget in Featurebox
-----------------------------------------------------------------*/
.wrapper-icon-weather .feature-box {
    padding-left: 27px;
}

@media (min-width: 992px) and (max-width: 1200px) {
    .wrapper-icon-weather .feature-box {
        padding-left: 10px;
    }
}

.wrapper-icon-weather .row .ce_column:first-child,
.wrapper-icon-weather .row .ce_app_grid_column_start:first-child {
    border-left: 2px solid transparent !important;
}

@media (min-width: 767px) and (max-width: 991px) {

    .wrapper-icon-weather .row .ce_column:first-child,
    .wrapper-icon-weather .row .ce_app_grid_column_start:first-child {
        border-left: 2px solid #F0F0F0 !important;
    }

    .wrapper-icon-weather .ce_column,
    .wrapper-icon-weather .ce_app_grid_column_start {
        margin-bottom: 30px;
    }
}

.wrapper-icon-weather .feature-box.fbox-plain {
    padding-left: 80px;
}

.wrapper-icon-weather .feature-box .fbox-icon {
    display: none;
}

.wrapper-icon-weather .feature-box.fbox-plain .fbox-icon {
    display: block;
}

.wrapper-icon-weather .ce_app_open_weather_map {
    position: relative;
}

.wrapper-icon-weather .flatWeatherPlugin {
    padding-bottom: 15px;
}

.wrapper-icon-weather .ce_app_open_weather_map h3 {
    font-family: "FFMetaWebProBold", sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #000000;
    padding-left: 62px;
    padding-top: 0;
}

#content .wrapper-icon-weather .ce_app_open_weather_map p {
    font-size: 17px;
    line-height: 21px;
    color: #000000;
    cursor: auto;
}

.wrapper-icon-weather .ce_app_open_weather_map p.wiText {
    position: absolute;
    top: 22px;
    left: 78px;
    width: calc(100% - 88px);
}

#content .wrapper-icon-weather .ce_app_open_weather_map p.wiTemperature {
    position: absolute;
    top: 2px;
    left: 158px;
    border-left: 1px solid #000000;
    font-family: "FFMetaWebProBold", sans-serif !important;
    font-size: 20px;
    padding-left: 8px;
    text-align: left;
    font-weight: normal !important;
    width: auto;
}

.wrapper-icon-weather .flatWeatherPlugin .wiToday>.wiIconGroup {
    float: left;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.wrapper-icon-weather .ce_app_open_weather_map .flatWeatherPlugin .wiDetail {
    display: none;
}

.wrapper-icon-weather .ce_app_open_weather_map .flatWeatherPlugin .wiToday .wiIconGroup div.wi {
    font-size: 45px;
    color: #000000;
    cursor: text;
}

.wrapper-icon-weather .ce_column,
.wrapper-icon-weather .ce_app_grid_column_start {
    border-left: 2px solid #F0F0F0;
    padding: 20px 0;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.wrapper-icon-weather .portfolio-1 .portfolio-item {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .wrapper-icon-weather {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrapper-icon-weather .row .ce_column,
    .wrapper-icon-weather .row .ce_app_grid_column_start {
        width: 100%;
        border-left: 0 !important;
        background-color: #F0F0F0;
        margin: 10px auto 0;
        min-height: 92px;
        padding-top: 23px;
        padding-bottom: 38px !important;
    }

    .wrapper-icon-weather .portfolio-1 .portfolio-item {
        padding: 0 0 !important;
    }

    .wrapper-icon-weather .ce_app_open_weather_map {
        height: auto;
    }
}

/* ----------------------------------------------------------------
	Weathersite
-----------------------------------------------------------------*/
#content .box .flatWeatherPlugin .wiTemperature {
    font-size: 65px;
    line-height: 110px;
}

/* ----------------------------------------------------------------
	Collapsibles
-----------------------------------------------------------------*/
.ce_rsce_collapsibles {
    margin-bottom: 30px;
}

.ce_rsce_collapsibles .toggle.toggle-border,
.mod_faqpage .toggle.toggle-border {
    border: none;
    border-top: 4px solid #F0F0F0;
    margin: 0;
}

.section.bgcolor .ce_rsce_collapsibles .toggle.toggle-border,
.section.bgcolor .mod_faqpage .toggle.toggle-border {
    border: none;
    border-top: 4px solid #FFFFFF;
    margin: 0;
}

.ce_rsce_collapsibles .elementToggle:last-child,
.mod_faqpage .elementToggle:last-child {
    border-top: 0 solid transparent;
    border-bottom: 4px solid #F0F0F0;
}

.section.bgcolor .ce_rsce_collapsibles .elementToggle:last-child,
.section.bgcolor .mod_faqpage .elementToggle:last-child {
    border-top: 4px solid transparent;
    border-bottom: 4px solid #FFFFFF;
}

.ce_rsce_collapsibles .togglet,
.mod_faqpage .togglet {
    background-color: transparent;
    color: #000000 !important;
    font-family: "FFMetaWebProBold", sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 45px !important;
    padding-left: 0 !important;
    padding-right: 25px;
}

.ce_rsce_collapsibles table,
.mod_faqpage table,
.ce_rsce_collapsibles .ce_table,
.ce_rsce_collapsibles .content-table {
    width: 100% !important;
    border-collapse: collapse;
    padding: 0 !important;
}

.ce_rsce_collapsibles table tr td,
.mod_faqpage table tr td {
    width: 20% !important;
}

#content .ce_rsce_collapsibles .ce_table tr td,
#content .ce_rsce_collapsibles .content-table tr td {
    border-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#content .ce_rsce_collapsibles .ce_table .table tr:last-child>td,
#content .ce_rsce_collapsibles .content-table .table tr:last-child>td {
    border-bottom: 0 !important;
}

.ce_rsce_collapsibles table tr td:first-child,
.mod_faqpage table tr td:first-child {
    width: 60% !important;
}

#content .ce_rsce_collapsibles .ce_table.four tr td:first-child,
#content .ce_rsce_collapsibles .content-table.four tr td:first-child {
    width: 40% !important;
}

#content .ce_rsce_collapsibles .ce_table.three tr td:first-child,
#content .ce_rsce_collapsibles .content-table.three tr td:first-child {
    width: 60% !important;
}

#content .ce_rsce_collapsibles .ce_table.two tr td:first-child,
#content .ce_rsce_collapsibles .content-table.two tr td:first-child {
    width: 80% !important;
}

#content .ce_rsce_collapsibles .ce_table tr td:first-child,
#content .ce_rsce_collapsibles .content-table tr td:first-child {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif;
}

@media (max-width: 768px) {

    .ce_rsce_collapsibles table tr td,
    .mod_faqpage table tr td {
        width: 25% !important;
    }

    .ce_rsce_collapsibles table tr td:first-child,
    .mod_faqpage table tr td:first-child {
        width: 50% !important;
    }
}

@media (max-width: 480px) {

    .ce_rsce_collapsibles table tr td,
    .mod_faqpage table tr td {
        width: 32% !important;
    }

    .ce_rsce_collapsibles table tr td:first-child,
    .mod_faqpage table tr td:first-child {
        width: 36% !important;
    }
}

.ce_rsce_collapsibles table tr td,
.mod_faqpage table tr td {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif;
    padding-top: 2px;
    padding-bottom: 2px;
}

.ce_rsce_collapsibles .toggle.toggle-border .togglet i,
.mod_faqpage .toggle.toggle-border .togglet i {
    left: auto;
    right: 9px;
    line-height: 50px;
    font-size: 28px;
    top: -3px;
}

.ce_rsce_collapsibles .icon-line2-question:before,
.mod_faqpage .icon-line2-question:before {
    content: "\e7a7";
}

.ce_rsce_collapsibles .icon-line2-close:before,
.mod_faqpage .icon-line2-close:before {
    content: "\e7a6";
}

.ce_rsce_collapsibles .toggle.toggle-border .togglec,
.mod_faqpage .toggle.toggle-border .togglec {
    padding: 0;
    height: auto;
    margin: 0;
}

.mod_faqpage .info {
    display: none;
}

/* ----------------------------------------------------------------
	Badges
-----------------------------------------------------------------*/
.wrapper-boxbadge {
    margin-top: -310px !important;
    height: 310px;
    max-height: 310px;
    z-index: 1;
    margin-left: 0 !important;
    width: 245px;
}

.wrapperbadgeheader {
    padding-left: 10px;
    padding-right: 0;
    max-height: 200px;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

.circle {
    position: relative;
    display: block;
    margin: 1em;
    background-color: transparent;
    color: #202020;
    text-align: center;
    cursor: pointer;
    max-height: 200px;
    width: 200px;
    height: 200px;
    max-width: 200px;
}

@media (max-width: 767px) {
    .wrapper-boxbadge {
        margin-top: -220px !important;
        height: 220px;
        max-height: 220px;
    }

    .wrapperbadgeheader {
        padding-left: 0 !important;
    }

    .circle {
        margin: 0;
        max-height: 170px;
        width: 170px;
        height: 170px;
        max-width: 170px;
    }
}

@media (max-width: 480px) {
    .wrapper-boxbadge {
        margin-top: -180px !important;
        height: 190px;
        max-height: 190px;
    }
}

.circle.yellow:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #ffda00;
    content: "";
    border: 0 solid #fff !important;
}

.circle.blue:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #008BD2;
    content: "";
    border: 0 solid #fff !important;
}

.circle.black:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #000000;
    content: "";
    border: 0 solid #fff !important;
}

.circle.alertbadge:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #E2764E;
    content: "";
    border: 0 solid #fff !important;
}

.circle.white:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: #ffffff;
    content: "";
    border: 0 solid #fff !important;
}

.circle.none:after {
    display: block;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    border-radius: 50%;
    background-color: transparent;
    content: "";
    border: 0 solid #fff !important;
}

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

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

.circle__content {
    display: table-cell;
    padding: 0 0.8em 0.8em;
    vertical-align: middle;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    color: #202020 !important;
    text-shadow: none;
    font-family: "FFMetaWebProRegular", sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .circle__content {
        padding-top: 8px;
        vertical-align: baseline;
    }
}

.circle__content .alerticon {
    width: 39px;
    height: 39px;
    background: url("../img/alert-icon.svg") no-repeat center;
    display: inline-block;
    padding-bottom: 47px;
    transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
}

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

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

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

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

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

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

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

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

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

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

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

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

/* :has Boxbadge - mehr Padding-Top */
@media (max-width: 767px) {
    body:has(.wrapper-boxbadge) #page-title {
        margin-bottom: 75px;
    }

    body:has(section#page-title) .wrapper-boxbadge  {
        margin-top: 166px !important;
    }
}

/* ----------------------------------------------------------------
    Newsdetail date
-----------------------------------------------------------------*/
#page-title .elementBreadcrumb .entry-meta:has(.date, .author) {
    display: none;
}

#page-title .elementBreadcrumb .entry-meta {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: -68px;
    transform: translateX(-50%);
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

#page-title .elementBreadcrumb .entry-meta li {
    font-family: "FFMetaSerifWebProMedium", sans-serif !important;
    font-size: 15px;
    color: #000000;
    line-height: 25px;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 5px dotted #000000;
    position: relative !important;
    float: none !important;
    display: inline-block;
    margin: 0 !important;
    text-align: left;
    font-style: normal;
}

.mod_newsreader .layout_full h1 {
    margin-top: 60px;
}

.mod_newsreader h6 {
    font-family: "FFMetaSerifWebProMedium", sans-serif !important;
    font-size: 15px;
    color: #000000;
    line-height: 25px;
    font-weight: normal !important;
    letter-spacing: 0.75px;
    border-bottom: 5px dotted #000000;
    position: relative !important;
    float: none !important;
    display: inline-block;
    margin: 0 !important;
    text-align: left;
    font-style: normal;
}

.iframe-schweizmobil {
    background-color: #ffffff;
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
}

@media (max-width: 991px) {
    .iframe-schweizmobil {
        height: 600px !important;
        max-height: 600px !important;
    }
}

@media (max-width: 480px) {
    .elementGallery .masonry-thumbs a {
        width: 50% !important;
        position: relative !important;
        float: left;
        overflow: hidden;
        display: inline !important;
        top: -163px !important;
        left: 0 !important;
        transform: translate3d(0, 163px, 0) !important;
    }

    .elementGallery .masonry-thumbs {
        height: auto !important;
    }
}

@media (max-width: 480px) {
    .ce_app_subpages .elementArticle.elementArticleOverlay {
        padding-right: 0;
    }
}

/* ----------------------------------------------------------------
    Gallery Mobile
-----------------------------------------------------------------*/
.gallery-mobile .elementGallery a:nth-child(3) {
    width: 100% !important;
}

/* ----------------------------------------------------------------
   Webcams
-----------------------------------------------------------------*/
.webcamwrapper {
    margin-bottom: 30px;
    box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
    z-index: 100;
}

@media (max-width: 992px) {
    .webcamwrapper {
        margin-top: -80px;
    }
}

.webcamwrapper .portfolio-image {
    overflow: visible;
}

.webcamwrapper .portfolio-overlay {
    background-color: transparent;
    opacity: 1;
}

.webcamwrapper .portfolio-overlay:hover {
    opacity: 1;
}

.webcamwrapper .portfolio-overlay a.center-icon.daylink {
    opacity: 1 !important;
    left: calc(50% - 75px) !important;
    bottom: 20px !important;
    top: auto !important;
    display: inline-block;
    width: auto !important;
    text-align: left;
    background-color: #008BD2;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 43px;
    letter-spacing: 0.75px;
    max-height: 46px !important;
    height: 46px !important;
    border: 2px solid #008BD2 !important;
}

.webcamwrapper .portfolio-overlay .icon-line-zoom-in {
    padding-right: 5px;
}

.webcamwrapper .portfolio-overlay a.center-icon.daylink:hover {
    opacity: 1 !important;
    left: calc(50% - 75px) !important;
    bottom: 20px !important;
    top: auto !important;
    display: inline-block;
    width: auto !important;
    text-align: left;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 15px;
    line-height: 43px;
    letter-spacing: 0.75px;
    max-height: 46px !important;
    height: 46px !important;
    background-color: transparent !important;
    color: #008BD2 !important;
    font-family: "FFMetaWebProRegular", sans-serif;
}

.mfp-close {
    opacity: 1 !important;
}

.webcamwrapper .portfolio-overlay::before,
.webcamwrapper .portfolio-overlay:before {
    content: "";
    background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 53%, rgba(0, 0, 0, 1) 100%) 0% 0% no-repeat padding-box;
    opacity: 0.4;
    text-align: left;
    width: 100%;
    position: absolute;
    left: 0;
    height: 100%;
}

/* New Webcam Tal 2021 */
.webcam-new-tal .webcamwrapper {
    box-shadow: none;
}

.webcam-new-tal .webcamwrapper .portfolio-image {
    overflow: hidden;
    height: 650px;
    background: url("https://cameras.kronberg.ch/webcam/tal.jpg") no-repeat center center;
    background-size: cover;
    max-width: 1920px;
    margin: 0 auto;
    box-shadow: 0 2px 80px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0 2px 80px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0 2px 80px rgba(0, 0, 0, 0.16);
}

.webcam-new-tal .webcamwrapper .portfolio-overlay a.center-icon.daylink {
    left: calc(50% - 60px) !important;
}

.webcam-new-tal .webcamwrapper .portfolio-overlay::before, .webcamwrapper .portfolio-overlay:before {
    background: none;
}

@media (max-width: 992px) {
    .webcam-new-tal .webcamwrapper {
        margin-top: 0;
    }
}

/* ----------------------------------------------------------------
   Yellow Form Animation
-----------------------------------------------------------------*/
#wrapper-wave {
    display: flex;
    visibility: hidden;
    margin-right: 0;
    overflow: hidden;
    width: 325px;
    height: 1350px !important;
    text-align: left;
    float: right;
    position: absolute;
    top: -70px;
    right: 0;
    z-index: 1362;
    -webkit-animation: fadein 2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s;
    /* Firefox < 16 */
    -ms-animation: fadein 2s;
    /* Internet Explorer */
    -o-animation: fadein 2s;
    /* Opera < 12.1 */
    animation: fadein 2s;
}

#shape01, #shape02, #shape03 {
    visibility: hidden;
}

#wrapper-wave>svg {
    left: 0;
    width: 930px;
    height: 1800px;
    transform: rotate(0deg);
    opacity: 1;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    z-index: -1;
    top: -230px;
}

#wrapper-wave img {
    width: 130px;
}

#wrapper-wave .standard-logo {
    position: absolute;
    top: 105px;
    right: 60px;
}

#wrapper-wave #shape-initial {
    transform: scaleY(1.12) scaleX(1.1);
}

@media (max-width: 991px) {
    #wrapper-wave {
        display: flex;
        visibility: hidden;
        margin-right: 0;
        overflow: hidden;
        width: 325px;
        height: 360px !important;
        text-align: left;
        float: right;
        position: absolute;
        top: -70px;
        right: 0;
        z-index: 1362;
    }

    #wrapper-wave>svg {
        left: -7px;
        width: 930px;
        height: 1620px;
        opacity: 1;
        position: absolute;
        z-index: -1;
        top: -947px;
        transform: scaleX(0.989) scaleY(1.025)rotate(-1.5deg) !important;
    }
}

@media (max-width: 768px) {
    #wrapper-wave {
        top: -100px;
        height: 330px;
        width: 205px;
    }

    #wrapper-wave .standard-logo {
        right: 20px;
        top: 125px;
    }

    #wrapper-wave>svg {
        transform: scaleX(0.919) scaleY(1.0) rotate(-1.5deg) !important;
        left: -97px;
    }
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
#footer {
    background-color: transparent !important;
    border-top: none;
    z-index: 10;
    margin-top: -7.7vw;
    padding-top: 8%;
}

@media(max-width:4000px) {
    #footer {
        margin-top: -8vw;
    }
}

@media(max-width:2500px) {
    #footer {
        margin-top: -8.5vw;
    }
}

@media(max-width:1500px) {
    #footer {
        margin-top: -10.5vw;
    }
}

@media(max-width:1300px) {
    #footer {
        margin-top: -11vw;
    }
}

@media(max-width:1200px) {
    #footer {
        margin-top: -13vw;
    }
}

@media(max-width:1120px) {
    #footer {
        margin-top: -13.5vw;
    }
}

@media(max-width:991px) {
    #footer {
        margin-top: -16vw;
    }
}

@media(max-width:900px) {
    #footer {
        margin-top: -17vw;
    }
}

@media(max-width:800px) {
    #footer {
        margin-top: -18vw;
    }
}

@media(max-width:768px) {
    #footer {
        margin-top: -21vw;
    }
}

@media(max-width:700px) {
    #footer {
        margin-top: -24vw;
    }
}

@media(max-width:580px) {
    #footer {
        margin-top: -27vw;
    }
}

@media(max-width:480px) {
    #footer {
        margin-top: -33vw;
    }
}

@media(max-width:400px) {
    #footer {
        margin-top: -40vw;
    }
}

#footer .section {
    margin: 0 !important;
}

#footer .wrapper-waveblue {
    position: absolute;
    top: 5px;
    width: calc(100% + 2px);
    left: -1px;
}

#footer .footer-widgets-wrap {
    position: static !important;
    padding-bottom: 0;
    background-color: #008BD2;
}

#footer .footer-widgets-wrap .kontaktlinks .widget_links h4 {
    display: none;
}

#footer .footer-widgets-wrap .widget_links li {
    padding: 0;
    margin-bottom: 0;
}

#footer .footer-widgets-wrap .widget_links li a {
    background: none;
    padding-left: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#footer .footer-widgets-wrap .widget_links li a:hover {
    padding-left: 7px !important;
}

#footer .footer-widgets-wrap .widget_links li a,
#footer .footer-widgets-wrap .elementAdress p,
#footer .footer-widgets-wrap p,
.dark .footer-widgets-wrap a {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    color: #ffffff !important;
    font-weight: normal;
    text-transform: none;
}

#footer .footer-widgets-wrap p a {
    text-decoration: none !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#footer .footer-widgets-wrap p a:hover {
    padding-left: 7px !important;
}

#footer .footer-widgets-wrap .ce_rsce_address,
#footer .footer-widgets-wrap .ce_app_footer_navigation,
#footer .footer-widgets-wrap .ce_rsce_footer_links {
    width: 100% !important;
}

#footer .footer-widgets-wrap .widget_links h4 {
    margin-bottom: 25px;
}

#footer .ce_rsce_address h4 {
    margin-bottom: 32px;
}

#footer .footer-widgets-wrap .widget_links h4 a, #footer .ce_rsce_address h4 {
    font-size: 20px;
    line-height: 25px;
    font-family: "FFMetaWebProBold", sans-serif !important;
    color: #ffffff !important;
    font-weight: normal;
    text-transform: none;
}

#footer .footer-widgets-wrap .widget_links li:hover a,
#footer a:hover {
    color: #FFFFFF !important;
}

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

#footer .footer-widgets-wrap ::selection,
#copyrights ::selection,
#header ::selection,
#page-title ::selection {
    background: #008BD2;
}

#copyrights {
    background-color: #008BD2 !important;
    padding-top: 140px !important;
}

#copyrights h2 {
    border-bottom: 0;
    text-transform: none;
    color: #ffffff !important;
    font-size: 24px;
    line-height: 28px;
    font-family: "FFMetaWebProBold", sans-serif !important;
    letter-spacing: 0;
    text-shadow: none;
}

#copyrights p.tsoBacklink {
    font-size: 12px !important;
}

#copyrights a.tsoBacklinkFooter {
    color: #FFFFFF !important;
    font-size: 12px !important;
}

#footer .elementSocialIcons i {
    color: #FFFFFF;
    font-size: 27px;
}

#footer .social-icon.si-small {
    margin-left: 0;
    margin-right: 18px;
}

#footer .elementSocialIcons .fright {
    float: left !important;
    margin-top: 19px;
}

#footer .ailogo {
    margin-top: 13px;
    display: inline-block;
}

#footer .footer-widgets-wrap {
    padding: 0 5px !important;
}

#copyrights {
    padding-top: 20px;
    padding-bottom: 0;
}

@media(max-width:1200px) {
    #copyrights {
        padding-top: 100px !important;
    }

    #footer .elementSocialIcons .fright {
        margin-top: 19px;
    }
}

@media(max-width:991px) {
    #copyrights h2 {
        margin-bottom: 0;
    }

    #footer .ailogo {
        margin-top: 40px;
        display: inline-block;
    }

    .mod_changelanguage .btn.dropdown-toggle.btn-default {
        margin-top: -30px !important;
        margin-bottom: 35px;
    }

    #copyrights {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}

@media(max-width:768px) {
    .mod_changelanguage .btn.dropdown-toggle.btn-default {
        margin-top: 45px !important;
        margin-bottom: 35px;
    }

    #footer .elementSocialIcons .fright {
        margin-top: 16px;
    }

    #copyrights h2 {
        margin-top: 0;
        font-size: 20px;
        line-height: 25px;
    }

    #footer .footer-widgets-wrap .widget_links ul {
        margin-bottom: 25px;
    }
}

@media (max-width: 480px) {
    #footer {
        padding-top: 40px;
    }

    #footer .footer-widgets-wrap .widget_links h4 {
        margin-bottom: 10px;
    }

    .mod_changelanguage .btn.dropdown-toggle.btn-default {
        margin-top: -35px !important;
        margin-bottom: 35px;
    }

    #footer .footer-widgets-wrap .widget_links li a, #footer .footer-widgets-wrap .elementAdress p, #footer .footer-widgets-wrap p, .dark .footer-widgets-wrap a {
        font-size: 15px;
    }
}

.mod_changelanguage .btn.dropdown-toggle.btn-default {
    padding-left: 0;
    width: 60%;
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    color: #ffffff !important;
    font-weight: normal;
    text-transform: none;
    margin-top: 16px;
}

.mod_changelanguage .btn.dropdown-toggle.btn-default:hover {
    color: #FFFFFF !important;
}

.mod_changelanguage .btn-group.open .dropdown-toggle {
    box-shadow: none !important;
}

.mod_changelanguage .dropdown-menu {
    background-color: #ffffff !important;
    border-radius: 0;
    border: none;
    margin: 0;
    padding: 0;
}

.mod_changelanguage .dropdown-menu a {
    font-size: 17px;
    line-height: 25px;
    font-family: "FFMetaWebProRegular", sans-serif !important;
    font-weight: normal;
    text-transform: none;
    color: #008BD2 !important;
    text-shadow: none;
}

#footer .mod_changelanguage .dropdown-menu a:hover {
    color: #008BD2 !important;
}

#gotoTop {
    background-color: #008BD2 !important;
}

/* ----------------------------------------------------------------
	Pop-Up Corona
-----------------------------------------------------------------*/
.mfp-fade.mfp-wrap.mfp-ready .mfp-content .block,
.mfp-fade.mfp-wrap.mfp-ready .mfp-content .section {
    background-color: #E2764E !important;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content h5,
.mfp-fade.mfp-wrap.mfp-ready .mfp-content p {
    color: #ffffff;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content a {
    line-height: 46px;
    text-transform: none;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content a.btn-success:hover {
    color: #ffffff !important;
    opacity: 0.75;
}

/* ----------------------------------------------------------------
	Login-Form Members
-----------------------------------------------------------------*/
.mod_login {
    margin-left: -15px;
    width: calc(100% + 30px);
}

.mod_login .well {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    border: none;
    padding: 0;
}

.mod_login .button {
    background-color: #008BD2 !important;
    color: #FFFFFF !important;
    border: 2px solid #008BD2 !important;
    outline: none !important;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-transform: none;
}

.mod_login .button:hover {
    background-color: transparent !important;
    color: #008BD2 !important;
    border: 2px solid #008BD2 !important;
}

.mod_login .form-control {
    height: 45px;
    display: block;
    width: 100%;
    padding: 8px 14px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #555;
    background: #fff none;
    border: 2px solid #ddd;
    border-radius: 0 !important;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.mod_login .form-control:focus {
    border-color: #000000;
}

/* ----------------------------------------------------------------
    360 Grad Title
-----------------------------------------------------------------*/
.title-360.ce_text h3,
.title-360.ce_text p,
.title-360.content-text h3,
.title-360.content-text p {
    display: inline-block;
}

.title-360.ce_text h3,
.title-360.content-text h3 {
    margin-right: 15px;
}

.title-360.ce_text p,
.title-360.content-text p {
    position: relative;
    top: -5px;
}

/* ----------------------------------------------------------------
    360 Grad Button
-----------------------------------------------------------------*/
.ce_hyperlink.roundtour a,
.content-hyperlink.roundtour a,
#slider .hyperlink_txt.roundtour,
.content-hyperlink .roundtour {
    padding-left: 55px;
    padding-right: 12px;
}

.ce_hyperlink.roundtour a:before,
.content-hyperlink.roundtour a:before,
#slider .hyperlink_txt.roundtour:before,
.content-hyperlink .roundtour::before {
    padding-left: 0;
    background: url("../img/360grad.svg") no-repeat -1px -1px;
    background-size: 45px;
    content: "";
    width: 47px;
    height: 47px;
    display: inline-block;
    position: absolute;
    left: 8px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


#slider .hyperlink_txt.roundtour.events:before {
    width: 23px;
    height: 24px;
    top: 9px;
    left: 21px;
    background: url("../img/alar-icons-Symbol_22.svg") no-repeat;
}

.ce_hyperlink.roundtour a:hover:before,
.ce_hyperlink.roundtour a:focus:before,
.content-hyperlink.roundtour a:hover:before,
.content-hyperlink.roundtour a:focus:before {
    background: url("../img/360grad_hover.svg") no-repeat;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.ce_hyperlink.roundtour.icon-360,
.content-hyperlink.roundtour.icon-360 {
    display: inline-block !important;
}

.ce_hyperlink.roundtour.icon-360 a,
.content-hyperlink.roundtour.icon-360 a {
    padding: 0 35px;
}

.ce_hyperlink.roundtour.icon-360 a:before,
.content-hyperlink.roundtour.icon-360 a:before {
    left: 15px;
}

#content .ce_hyperlink.roundtour.icon-360 a:hover,
#content .ce_hyperlink.roundtour.icon-360 a:focus,
#content .content-hyperlink.roundtour.icon-360 a:hover,
#content .content-hyperlink.roundtour.icon-360 a:focus {
    background-color: transparent !important;
}

.ce_hyperlink.roundtour a:hover:before,
.ce_hyperlink.roundtour a:focus:before,
.content-hyperlink.roundtour a:hover:before,
.content-hyperlink.roundtour a:focus:before {
    background: url("../img/360grad.svg") no-repeat -1px -1px;
    background-size: 45px !important;
}

.ce_hyperlink.roundtour.icon-360 a:hover:before,
.ce_hyperlink.roundtour.icon-360 a:focus:before,
.content-hyperlink.roundtour.icon-360 a:hover:before,
.content-hyperlink.roundtour.icon-360 a:focus:before,
.content-hyperlink .roundtour:hover::before,
.content-hyperlink .roundtour:focus::before {
    background: url("../img/360grad_hover.svg") no-repeat -1px -1px;
    background-size: 45px !important;
}

#slider .hyperlink_txt.roundtour:hover,
#slider .hyperlink_txt.roundtour:focus,
#content .ce_hyperlink.roundtour a:hover,
#content .ce_hyperlink.roundtour a:focus,
#content .content-hyperlink.roundtour a:hover,
#content .content-hyperlink.roundtour a:focus {
    background-color: #008BD2 !important;
    color: #FFFFFF !important;
    border: 2px solid #008BD2 !important;
}

.ce_rsce_sbb .formWidgetSBB {
    background-color: #FFFFFF !important;
    padding: 20px 20px 0;
    box-shadow: 0 0 20px rgba(123, 123, 123, 0.16);
}

.ce_rsce_sbb .formWidgetSBB form {
    padding-bottom: 0;
    margin-bottom: 0;
}

.ce_rsce_sbb .formWidgetSBB .bottommargin-sm {
    margin-bottom: 20px !important;
}

a.roundtour:not(.events) {
  /* 3D-Effekt aktivieren */
  /*transform-style: preserve-3d;
  backface-visibility: hidden;*/

  /*animation: spinY 1s linear 1;*/
    animation-delay: 1.5s;   /* Start erst nach 3 Sekunden */
   /*animation: spin 3s linear 1;*/ /* 5s, gleichmäßig, nur 1x */
    animation: popIn 1s ease-out,
             pulseRotate 1s ease-in-out 1s 10;
}


/* 360° Drehung wie im Icon */
@keyframes spinY {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

/* horizontale Drehung */
@keyframes spinX {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(360deg);
  }
}

/* Volle Drehung */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Start-Animation */
@keyframes popIn {
  0% {
    transform: scale(0.5) rotate(0deg);
    opacity: 0;
  }
  80% {
    transform: scale(1.1) rotate(10deg);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

/* Puls + Drehung */
@keyframes pulseRotate {
  0% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    transform: scale(1.1) rotate(5deg);
  }
  50% {
    transform: scale(1) rotate(-5deg);
  }
  75% {
    transform: scale(1.05) rotate(3deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}

/* ----------------------------------------------------------------
    Mobile Menu Buttons
-----------------------------------------------------------------*/
.buttons-mobilemenu {
    visibility: hidden;
    -webkit-transform: translate3d(-320px, 0, 0);
    -o-transform: translate3d(-320px, 0, 0);
    transform: translate3d(-320px, 0, 0);
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
    -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
    transition: transform .3s ease-in-out, opacity .2s ease !important;
    height: 0;
    position: fixed;
}

body.primary-menu-open .buttons-mobilemenu {
    position: fixed;
    border: 0;
    visibility: visible;
    left: 0;
    top: calc(100vh - 250px);
    display: block;
    z-index: 3000;
    width: 320px;
    padding-left: 20px;
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .3s ease-in-out, opacity .2s ease !important;
    -o-transition: -o-transform .3s ease-in-out, opacity .2s ease !important;
    transition: transform .3s ease-in-out, opacity .2s ease !important;
    height: 112px;
}

/* ----------------------------------------------------------------
    Map
-----------------------------------------------------------------*/
@media (max-width: 767px) {
    .ce_map {
        margin-bottom: 20px;
    }
}

/* ----------------------------------------------------------------
    Rating Social Icons
-----------------------------------------------------------------*/
.rating-wrapper .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4,
.rating-wrapper .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4 {
    padding-top: 20px;
    padding-left: 40px;
    padding-bottom: 20px;
}

.rating-wrapper .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2,
.rating-wrapper .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2 {
    text-align: right;
    padding-top: 20px;
    padding-right: 40px;
    padding-bottom: 20px;
    margin-right: -2px;
    border-right: 3px solid white;
}

.rating-icon.icon-facebook {
    background-image: url("../img/facebook.svg");
    background-color: #1D71D2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.facebook-rating, .leporello_page, .rating-icon, .rating-indicator, .tripadvisor-rating {
    display: inline-block;
}

.rating-icon, .rating-indicator {
    vertical-align: middle;
}

.rating-circle, .rating-star {
    display: inline-block;
    height: 24px;
    width: 24px;
}

.facebook-rating:hover,
.facebook-rating,
.facebook-rating:hover .rating-indicator,
.facebook-rating .rating-indicator,
.tripadvisor-rating:hover,
.tripadvisor-rating,
.tripadvisor-rating:hover .rating-indicator,
.tripadvisor-rating .rating-indicator {
    font-family: "FFMetaWebProRegular", sans-serif !important;
}

/* Tripadvisor */
.rating-icon.icon-tripadvisor {
    background: #56953D url("../img/tripadvisor.svg");
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

#content .rating-wrapper h6 {
    margin-bottom: 5px;
    font-size: 17px;
}

#content .rating-wrapper .elementSocialIcons {
    float: left;
}

#content .rating-wrapper .at-style-responsive .at-share-btn {
    padding: 0;
}

.rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4,
.rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4 {
    background-color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 9px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-right: 0;
    height: 142px;
}

.rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4 h6,
.rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4 h6 {
    margin-bottom: 0;
}

.rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4:before,
.rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4:before {
    content: "";
    border-left: 3px solid #F0F0F0;
    display: inline-block;
    height: 80px;
    width: inherit;
    position: absolute;
    left: -2px;
    top: 30px;
}

.rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2:before,
.rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2:before {
    content: normal;
}

.rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2,
.rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2 {
    padding-top: 50px;
    padding-left: 0;
}

#content .rating-wrapper .elementSocialIcons a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 0;
}

#content .rating-wrapper .elementSocialIcons i {
    font-size: 23px;
    color: #008BD2 !important;
    text-align: right;
}

#content .rating-wrapper .elementSocialIcons a,
#content .rating-wrapper .elementSocialIcons a i,
#content .rating-wrapper .elementSocialIcons a:hover,
#content .rating-wrapper .elementSocialIcons a:hover i {
    transition: none;
}

#content .rating-wrapper .at-share-btn-elements {
    margin-left: -10px;
}

#content .rating-wrapper .at-resp-share-element .at-share-btn,
#content .rating-wrapper .at-resp-share-element .at-share-btn:hover {
    transition: none !important;
    transform: translateY(0) !important;
}

@media (max-width: 767px) {

    #content .rating-wrapper .elementSocialIcons {
        float: none;
    }

    .rating-wrapper .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4,
    .rating-wrapper .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4 {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
    }

    .rating-wrapper .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2,
    .rating-wrapper .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2 {
        border-right: none;
        text-align: center;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4,
    .rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4 {
        margin-top: 0;
        padding-top: 0;
        margin-left: 30px;
        width: calc(100% - 60px);
        height: auto;
    }

    .rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2,
    .rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4.col-xs-offset-0.col-sm-offset-1.col-md-offset-2.col-lg-offset-2 {
        margin-right: 0;
        margin-bottom: 0;
        padding-top: 30px;
    }

    #content .rating-wrapper .at-share-btn-elements {
        margin-left: 0;
    }

    .rating-wrapper .wrapper-teilen .ce_column.col-xs-12.col-sm-5.col-md-4.col-lg-4:before,
    .rating-wrapper .wrapper-teilen .ce_app_grid_column_start.col-xs-12.col-sm-5.col-md-4.col-lg-4:before {
        display: none;
    }

    .rating-wrapper .elementSocialIcons .fright {
        float: none !important;
        text-align: center !important;
    }

    .rating-wrapper .elementSocialIcons .social-icon {
        float: none;
    }

    #content .rating-wrapper h6 {
        padding-top: 15px;
    }
}

/* ----------------------------------------------------------------
    Betriebslage
-----------------------------------------------------------------*/
.today .datepicker {
    display: none !important;
}

/* ----------------------------------------------------------------
    Wetter
-----------------------------------------------------------------*/
.ce_app_open_weather_map ul li::before {
    font-family: weathericons !important;
}

.ce_app_open_weather_map

/* ----------------------------------------------------------------
    sharethis.com
-----------------------------------------------------------------*/
.sharethis-inline-share-buttons {
    margin-left: -12px;
}

.sharethis-inline-share-buttons .st-btn {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.sharethis-inline-share-buttons .st-btn.st-first {
    padding-left: 0 !important;
}

.sharethis-inline-share-buttons .st-btn {
    width: 48px !important;
    height: 48px !important;
}

.sharethis-inline-share-buttons .st-btn:hover {
    opacity: 1 !important;
    top: 0 !important;
}

.sharethis-inline-share-buttons img {
    top: 0 !important;
    width: 48px !important;
    height: 48px !important;

}

@media (max-width: 767px) {
    .sharethis-inline-share-buttons {
        text-align: center !important;
    }
}

/* ----------------------------------------------------------------
    iframe - Odoo Formulare
-----------------------------------------------------------------*/
.iframe-odoo-form {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-left: -15px;
}
.iframe-odoo-form iframe {
    width: 100%;
    height: 933px;
    border: none;
}

.iframe-odoo-form {
    height: 898px;
}

/* size-l */
.iframe-size-l {
    height: 1018px;
}

.iframe-size-l iframe {
    height: 1068px;
}

@media (max-width: 1199px) {
    .iframe-size-l {
        height: 1031px;
    }

    .iframe-size-l iframe {
        height: 1145px;
    }
}

/* size-xl */
.iframe-size-xl {
    height: 1049px;
}

.iframe-size-xl iframe {
    height: 1068px;
}

@media (max-width: 1199px) {
    .iframe-size-xl {
        height: 1056px;
    }

    .iframe-size-xl iframe {
        height: 1145px;
    }
}

/* size-xxl */
.iframe-size-xxl {
    height: 1102px;
}

.iframe-size-xxl iframe {
    height: 1116px;
}

@media (max-width: 1199px) {
    .iframe-size-xxl {
        height: 1108px;
    }

    .iframe-size-xxl iframe {
        height: 1145px;
    }
}

/* size-bobbahn */
.iframe-size-bobbahn-plus {
    height: 1102px;
}

.iframe-size-bobbahn-plus iframe {
    height: 1116px;
}

@media (max-width: 1199px) {
    .iframe-size-bobbahn-plus {
        height: 1108px;
    }

    .iframe-size-bobbahn-plus iframe {
        height: 1145px;
    }
}

/* size-bobbahn - en / fr */
.iframe-size-bobbahn-plus-en {
    height: 1190px;
}

.iframe-size-bobbahn-plus-en iframe {
    height: 1188px;
}

@media (max-width: 1199px) {
    .iframe-size-bobbahn-plus-en {
        height: 1200px;
    }

    .iframe-size-bobbahn-plus-en iframe {
        height: 1186px;
    }
}

/* size-escape */
.iframe-size-escape {
    height: 1049px;
}

.iframe-size-escape iframe {
    height: 1068px;
}

@media (max-width: 1199px) {
    .iframe-size-escape {
        height: 1056px;
    }

    .iframe-size-escape iframe {
        height: 1145px;
    }
}

/* size-escape - en / fr */
.iframe-size-escape-en-fr {
    height: 1190px;
}

.iframe-size-escape-en-fr iframe {
    height: 1188px;
}

@media (max-width: 1199px) {
    .iframe-size-escape-en-fr {
        height: 1200px;
    }

    .iframe-size-escape-en-fr iframe {
        height: 1186px;
    }
}

/* size-challenge */
.iframe-size-challenge {
    height: 1037px;
}

.iframe-size-challenge iframe {
    height: 1068px;
}

@media (max-width: 1199px) {
    .iframe-size-challenge {
        height: 1036px;
    }

    .iframe-size-challenge iframe {
        height: 1086px;
    }
}

/* size-challenge - en / fr */
.iframe-size-challenge-en-fr {
    height: 1190px;
}

.iframe-size-challenge-en-fr iframe {
    height: 1188px;
}

@media (max-width: 1199px) {
    .iframe-size-challenge-en-fr {
        height: 1200px;
    }

    .iframe-size-challenge-en-fr iframe {
        height: 1186px;
    }
}

/* size-teamwork */
.iframe-size-teamwork {
    height: 1065px;
}

.iframe-size-teamwork iframe {
    height: 1097px;
}

@media (max-width: 1199px) {
    .iframe-size-teamwork {
        height: 1070px;
    }

    .iframe-size-teamwork iframe {
        height: 1135px;
    }
}

/* size-teamwork - en / fr */
.iframe-size-teamwork-en-fr {
    height: 1190px;
}

.iframe-size-teamwork-en-fr iframe {
    height: 1188px;
}

@media (max-width: 1199px) {
    .iframe-size-teamwork-en-fr {
        height: 1200px;
    }

    .iframe-size-teamwork-en-fr iframe {
        height: 1186px;
    }
}

/* size-zipline-park-plus */
.iframe-size-zipline-park-plus {
    height: 1065px;
}

.iframe-size-zipline-park-plus iframe {
    height: 1097px;
}

@media (max-width: 1199px) {
    .iframe-size-zipline-park-plus {
        height: 1070px;
    }

    .iframe-size-zipline-park-plus iframe {
        height: 1135px;
    }
}

/* size-zipline-park-plus - en / fr */
.iframe-size-zipline-park-plus-en-fr {
    height: 1190px;
}

.iframe-size-zipline-park-plus-en-fr iframe {
    height: 1188px;
}

@media (max-width: 1199px) {
    .iframe-size-zipline-park-plus-en-fr {
        height: 1200px;
    }

    .iframe-size-teamwork-en-fr iframe {
        height: 1186px;
    }
}

/* size-marliwelt */
.iframe-size-marliwelt {
    height: 1037px;
}

.iframe-size-marliwelt iframe {
    height: 1097px;
}

@media (max-width: 1199px) {
    .iframe-size-marliwelt {
        height: 1038px;
    }

    .iframe-size-marliwelt iframe {
        height: 1135px;
    }
}

/* size-marliwelt - en / fr */
.iframe-size-marliwelt-en-fr {
    height: 1190px;
}

.iframe-size-marliwelt-en-fr iframe {
    height: 1188px;
}

@media (max-width: 1199px) {
    .iframe-size-marliwelt-en-fr {
        height: 1200px;
    }

    .iframe-size-marliwelt-en-fr iframe {
        height: 1186px;
    }
}

/* size-fuhrung */
.iframe-size-fuhrung {
    height: 1182px;
}

.iframe-size-fuhrung iframe {
    height: 1220px;
}

@media (max-width: 1199px) {
    .iframe-size-fuhrung {
        height: 1259px;

    }

    .iframe-size-fuhrung iframe {
        height: 1285px;
    }
}

/* size-fuhrung - en / fr */
.iframe-size-fuhrung-en-fr {
    height: 1348px;
}

.iframe-size-fuhrung-en-fr iframe {
    height: 1340px;
}

@media (max-width: 1199px) {
    .iframe-size-fuhrung-en-fr {
        height: 1348px;
    }

    .iframe-size-fuhrung-en-fr iframe {
        height: 1340px;
    }
}

/* size-kutsche */
.iframe-size-kutsche {
    height: 1069px;
}

.iframe-size-kutsche iframe {
    height: 1220px;
}

@media (max-width: 1199px) {
    .iframe-size-kutsche {
        height: 1070px;

    }

    .iframe-size-kutsche iframe {
        height: 1285px;
    }
}

/* size-kutsche - en / fr */
.iframe-size-kutsche-en-fr {
    height: 1190px;
}

.iframe-size-kutsche-en-fr iframe {
    height: 1188px;
}

@media (max-width: 1199px) {
    .iframe-size-kutsche-en-fr {
        height: 1200px;
    }

    .iframe-size-kutsche-en-fr iframe {
        height: 1186px;
    }
}

/* size-rund-um-appenzell */
.iframe-size-rund-um-appenzell {
    height: 1186px;
}

.iframe-size-rund-um-appenzell iframe {
    height: 1242px;
}

@media (max-width: 1199px) {
    .iframe-size-rund-um-appenzell {
        height: 1188px;

    }

    .iframe-size-rund-um-appenzell iframe {
        height: 1285px;
    }
}

/* size-rund-um-appenzell-en-fr - en / fr */
.iframe-size-rund-um-appenzell-en-fr {
    height: 1348px;
}

.iframe-size-rund-um-appenzell-en-fr iframe {
    height: 1340px;
}

@media (max-width: 1199px) {
    .iframe-size-rund-um-appenzell-en-fr {
        height: 1348px;
    }

    .iframe-size-rund-um-appenzell-en-fr iframe {
        height: 1340px;
    }
}

/* ----------------------------------------------------------------
	Weglot
-----------------------------------------------------------------*/
html[lang="en"] .de-content {
    display: none!important;
}

html[lang="en"] .fr-content {
    display: none!important;
}

html[lang="en"] .en-content {
    display: block!important;
}

html[lang="en"] .en-content.content-hyperlink {
    display: inline!important;
}

html[lang="fr"] .de-content {
    display: none!important;
}

html[lang="fr"] .en-content {
    display: none!important;
}

html[lang="fr"] .fr-content {
    display: block!important;
}

html[lang="fr"] .fr-content.content-hyperlink {
    display: inline!important;
}

html[lang="de"] .en-content {
    display: none!important;
}

html[lang="de"] .fr-content {
    display: none!important;
}

html[lang="de"] .de-content {
    display: block!important;
}

html[lang="de"] .de-content.content-hyperlink {
    display: inline!important;
}

.weglot-container {
    position: relative!important;
    display: flex!important;
    width: 100%!important;
    justify-content: flex-end!important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 60px;
    right: auto!important;
    right: 0!important;
}

.weglot-container .country-selector {
    position: absolute!important;
    /*bottom: 185px!important;*/
    bottom: 30px!important;
    right: auto!important;
    display: inline-table!important;
    align-items: center!important;
}

.weglot-container .wgcurrent {
    /*border: 1px solid #ffffff!important;*/
    border: none!important;
    background: transparent!important;
}

.weglot-container a {
    font-size: 14px!important;
    color: #ffffff!important; 
}

.wg-list.country-selector .wgcurrent a {
    text-decoration: underline !important;
    text-underline-offset: 6px;
}

.weglot-container .country-selector a {
    text-decoration: none !important;
}

.weglot-container.country-selector .wg-li.focus a, 
.weglot-container .country-selector a:hover {
    color: #ffffff!important;
}

@media (max-width: 479px) {
    .weglot-container {
        width: 100%!important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .weglot-container {
        width: 100%!important;
    }
}

@media (min-width: 768px) {
    .weglot-container {
        width: 750px!important;
    }
}

@media (min-width: 992px) {
    .weglot-container {
        width: 970px!important;
    }
}

@media (min-width: 1200px) {
    .weglot-container {
        width: 1170px!important;
    }
}

/* Weglot - Mobile */
@media (max-width: 991px) {
    .weglot-container .country-selector {
        bottom: 60px !important;
    }
}

@media (max-width: 991px) {
    .weglot-container {
        /*justify-content: center!important;*/
    }
}

@media (max-width: 479px) {
    body:has(.weglot-container) #copyrights p.tsoBacklink {
        margin-bottom: 65px;
    }

    .weglot-container {
        justify-content: flex-start !important;
        padding-right: 15px;
    }

    .weglot-container .country-selector {
        bottom: 30px !important;
        left: 5px !important;
    }
}