#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.tablesorter-headerAsc{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.tablesorter-headerDesc{background-image:url(../../assets/tablesorter/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* poppins-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/timeteller/theme2/fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../../files/timeteller/theme2/fonts/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../../files/timeteller/theme2/fonts/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/timeteller/theme2/fonts/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-serif-italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 400;
    src: url('../../files/timeteller/theme2/fonts/pt-serif-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* pt-serif-700italic - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'PT Serif';
    font-style: italic;
    font-weight: 700;
    src: url('../../files/timeteller/theme2/fonts/pt-serif-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
  

html {
    overflow-x: hidden !important;
}

body {
    font-family: 'Poppins';
    font-weight: 400;
    background-color: #007C91;
    color: #003247;
    font-size: 18px;
    line-height: 30px;
    overflow-x: hidden !important;
}

.invisible {
    font-size: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    display: inline-block;
}

.de, .en {
    display: none !important;
    padding: 0 !important;
}

html[lang=de] .de, html[lang=en] .en {
    display: block !important;
}
    
#wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    height: 100%;
    align-content: stretch;
}

#container {
    border-radius: 5em 5em 0 0;
    background-color: #EFF0ED;
    box-shadow: 0 -30px 30px rgba(0,0,0,0.16);
    flex: 1;
}

h1, h2, h3, h4, h5, h6 {
    color: #007C91;
    margin-bottom: .5em;
    position: relative;
    text-transform: lowercase;
    font-family: 'PT Serif';
}

.--primary-color-h1 {
    color: #003247;
    margin-bottom: 0;
}

.timeteller {
    text-transform: none;
}

h1 span:not(.timeteller, .orange, .darkblue, .lightpetrol,.petrol),
h2 span:not(.timeteller, .orange, .darkblue, .lightpetrol,.petrol),
h3 span:not(.timeteller, .orange, .darkblue, .lightpetrol,.petrol),
h4 span:not(.timeteller, .orange, .darkblue, .lightpetrol,.petrol),
h5 span:not(.timeteller, .orange, .darkblue, .lightpetrol,.petrol),
h6 span:not(.timeteller, .orange, .darkblue, .lightpetrol,.petrol) {
    font-family: 'PT Serif';
}

h1 {
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1.25;
}

h1 span {
    font-size: clamp(2.2rem, 4vw, 3.15rem);
    line-height: 1;
}

h1.--topmargin {margin-top: -150px;}

h1 .orange,
h2 .orange {
    color: #FF9301;
}

h1 .darkblue,
h2 .darkblue {
    color: #003247;
}

h2 .petrol {
    color: #007C91;
}

h2 .lightpetrol {
    color: #60CACA;
}

h2  {
    font-size: clamp(1.5rem, 2vw, 2.8125rem);
    line-height: 1.25;
}

/*h2 span {
    font-size: clamp(1.8rem, 2vw, 3.4375rem);
}*/

h2 sup {font-size: 0.5em;}

h3 {
    font-size: clamp(1.25em, 2vw, 2.5rem);
    line-height: 1.25;
}

.rte h2,
.rte h4 {
    margin-top: 2em;
    margin-bottom: .25em;
}

.rte h3 {
    margin-top: 2em;
    margin-bottom: .25em;
}

.rte ul, .rte ol {
    margin-left: 1em;
    margin-bottom: 1em;
    max-width: 1300px;
}

.ce_text ul, .ce_text ol {
    margin-bottom: 1em;
    max-width: 1300px;
}

p {
    margin-bottom: 1em;
    max-width: 1300px;
    font-size: clamp(.75em, 4vw, 1em);
    line-height: 1.5;
}

a {color: #003247;}

p a {
    font-weight: 600;
    text-decoration: underline !important;
}

p a:hover {
    color: #007C91;
}

h3 {
    margin-top: 1em;
}

a:link {
    text-decoration: none;
}

ul li a:hover {
    color: #FAA62F !important;
}

a:hover span{
    color: #003247;
}

ol li {
    margin: 1em;
}

footer, main .mod_article {
    padding: 2em 10vw;
}

main .mod_article {
    position: relative;
    /*z-index: 5;*/
}

.mobile {
    display: none;
}

header {
    position: fixed;
    height: 150px;
    width: 100vw;
    padding: 0 10vw;
    display: flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .inside {
    width: 100%;
}

header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*Navigation*/
.mod_navigation ul {
    display: flex;
    gap: 2em;
    justify-content: space-between;
    align-items: center;
}

.mod_navigation ul li {
    list-style-type: none;
}

.mod_navigation ul li a,
.mod_navigation ul li strong {
    color: white;
    font-weight: 500;
    text-transform: lowercase;
}

.mod_navigation ul li strong::after {
    content: "";
    border-bottom: 4px solid #FAA62F;
    width: 40px;
    display: block;
    position: absolute;
}

.navbar-toggle {
    display: none;
}

/*Sprachenwechsler*/
.mod_changelanguage ul {
    display: flex;
}

.mod_changelanguage ul li {
    list-style-type: none;
    padding: 0 5px;
}

.mod_changelanguage ul li:not(:last-child) {
    list-style-type: none;
    border-right: 1px solid white;
    
}

.mod_changelanguage ul li a,
.mod_changelanguage ul li strong {
    color: white;
    font-weight: 500;
    text-decoration: none;
}

.mod_changelanguage ul li strong {
    color: #FAA62F;
}

/*Content*/
#container {
    position: relative;
    top: 150px;
    overflow: hidden;
}

main img {
    max-width: 100%;
    height: auto;
    border-radius: 2em;
    width: 100%;
}

main .mod_iso_productreader img {width: auto !important}

main .max-500 img {
    max-width: 500px;
}

main .max-btn p img {
    width: 175px;
}

.no-border-radius img {
    border-radius: 0;
}

.bg-color-01 {
    background-color: #DFE6E2;
}

.bg-color-02 {
    background-color: #007C91;
}

.bg-color-02 h2,
.bg-color-02 h3 {
    color: #003247;
}

.bg-color-02 .ce_rsce_team h2 {
    color: white;
    text-align: center;
    margin-bottom: 3em;
}

.bg-color-02 .ce_rsce_team {
    margin-top: 4em;
}

.bg-color-02 p {
    color: white;
}

.bg-color-03 {
    background-color: #BCD8DB;
    background-image: url('../../files/timeteller/theme2/img/wave-flat.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.bg-color-04 {
    background-color: #003247;
}

.bg-color-04 p,
.bg-color-04 label,
.bg-color-04 h1,
.bg-color-04 h2,
.bg-color-04 h3 {
    color: white;
}

.bg-color-04::after {
    content:"";
    background-image: url('../../files/timeteller/theme2/img/wave.svg');
    background-repeat: no-repeat;
    background-size: cover;

    position: absolute;
    top: /*150px*/5vh;
    left: 0;
    height: 100%;
    width: 100vw;
    z-index: 0;
}

.bg-color-04 > * {
    position: relative;
    z-index: 1;
}

.bg-white {
    background-color: white;
}

.bg-gradient {
/* Permalink - use to edit and share this gradient. Permalink - Zum Bearbeiten und Teilen dieses Verlaufs verwenden: https://colorzilla.com/gradient-editor/#eef0ed+0,1e8b9e+50,86bdc5+100 */
background: linear-gradient(to bottom,  rgba(238,240,237,1) 0%,rgba(30,139,158,1) 50%,rgba(134,189,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.bg-gradient-02 {
    background: linear-gradient(to bottom,  rgba(194,219,222,1) 0%,rgba(238,240,237,1) 100%);
    /*background-image: url('../../files/timeteller/theme2/img/wave-flat.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top 5em center;*/
}

.bg-gradient-03,
.bg-gradient-03-page #container {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6aafba+0,208b9d+100 */
    background: linear-gradient(to bottom,  rgba(106,175,186,1) 0%,rgba(32,139,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    overflow: hidden;
    border-radius: 5em 5em 0 0;
}

.bg-gradient-03 section,
.bg-gradient-03-page section {
    margin: 50px 0;
    color: white;
}

.bg-gradient-03 p,
.bg-gradient-03 label,
.bg-gradient-03 h1,
.bg-gradient-03 h2,
.bg-gradient-03 h3,
.bg-gradient-03-page .mod_article p,
.bg-gradient-03-page .mod_article label,
.bg-gradient-03-page .mod_article h1,
.bg-gradient-03-page .mod_article h2,
.bg-gradient-03-page .mod_article h3 {
    color: white;
}

.bg-gradient-03 a,
.bg-gradient-03-page .mod_article a {
    color: white;
    text-decoration: underline;
    font-weight: 500;
}

.bg-gradient-03 a.button,
.bg-gradient-03-page .mod_article a.button {
    text-decoration: none;
}

.bg-gradient-03 a:hover,
.bg-gradient-03-page .mod_article a:hover {
    color: #003247;
}

.bg-gradient-04,
.bg-gradient-04-page #container {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eef0ed+1,86bdc5+100 */
    background: linear-gradient(to bottom,  rgba(238,240,237,1) 1%,rgba(134,189,197,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    overflow: hidden;
    border-radius: 5em 5em 0 0;
}

.bg-gradient-05 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eef0ed+1,077e93+100 */
    background: linear-gradient(to bottom,  rgba(238,240,237,1) 1%,rgba(7,126,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    overflow: hidden;
    border-radius: 5em 5em 0 0;
}

.bg-gradient-04 section {
    margin: 50px 0;
}

.bg-gradient h2,
.bg-gradient h3,
.bg-gradient-02 h2,
.bg-gradient-02 h3 {
    color: #003247;
}

section {
    margin: 100px 0;
}

.no-space-bottom {
    margin-bottom: 0;
}

.no-space {
    margin-top: 0;
    margin-bottom: 0;
}

.space-top {
    margin-top: 1em;
}

.center {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.--pic-fullwidth img {
    width: 100%;
}

.--top-padding {
    padding-top: 200px !important;
}

.--bottom-padding {
    padding-bottom: 200px !important;
}

.--top-bottom-padding {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
}

main .mod_article:first-of-type:not(:has(.ce_gallery)) {
    position: relative;
}

#container:not(:has(.ce_gallery))::after {
    content:"";
    background-image: url('../../files/timeteller/theme2/img/wave.svg');
    background-repeat: no-repeat;
    background-size: contain;

    position: absolute;
    top: 150px;
    left: 0;
    height: 100%;
    width: 100vw;
    z-index: 0;
}

#main {
    position: relative;
    z-index: 3;
  }


main .mod_article:first-of-type:not(:has(.ce_gallery)) > * {
    position: relative;
    z-index: 2;
}

/*Text mit Button*/
.ce_rsce_text-button.float_left,
.ce_rsce_text-button.float_right {
    display: flex;
    gap: 5em;
    align-items: center;
    justify-content: space-between;
}

.ce_rsce_text-button.float_left .container {
    order: 2;
}

@media screen and (min-width: 1000px) {
    .ce_rsce_text-button.float_left div {
        flex-basis: 50vw;
    }

    .ce_rsce_text-button.float_right div {
        flex-basis: 50vw;
    }
}
    

.ce_rsce_text-button.float_left .image {
    order: 1;
}

.ce_rsce_text-button ul {
    margin-left: 40px;
}

.ce_rsce_text-button ul li {
    margin: 1em 0;
    list-style: none;
  }

.ce_rsce_text-button ul li::before {
    content: '';
    display: inline-block;
    height: 25px;
    width: 25px;
    background-image: url('../../files/timeteller/theme2/img/marker-check.svg');
    background-repeat: no-repeat;
    margin-left: -40px;
    margin-right: 15px;
    background-size: contain;
}

.button-container {
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin: 2em 0;
    position: relative;
    z-index: 4;
}

input.submit,
.button, .widget-submit button,
.widget-pagebreak button {
    background-color: #003247;
    color: white;
    padding: 1em 2em;
    text-decoration: none;
    border-radius: 3em;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    width: fit-content;
    text-align: center;
    border: none;
    font-size: 1em;
    margin-bottom: 1em;
    cursor: pointer;
}

.button.-secondary,
.edit,
a.remove {
    background-color: #E3E9E4;
    color: #003247;
}

.button.-secondary span {
    color: #003247;
}

input.submit:hover,
.button:hover, .widget-submit button:hover,
.edit:hover,
a.remove:hover,
.widget-pagebreak button:hover {
    background-color: #FAA62F;
    color: #003247;
}

.edit, a.remove {
    padding: .25em .75em;
    border-radius: 3em;
    text-decoration: none;
    border-radius: 3em;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    width: fit-content;
    text-align: center;
    border: none;
}

/*Teaser*/
.ce_rsce_teaser .container {
    margin-top: 3em;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    gap: 2rem;
}

.ce_rsce_teaser .card:nth-child(1) .box .icon .iconBox {
    background: #FAA62F;
    }
.ce_rsce_teaser .card:nth-child(2) .box .icon .iconBox {
    background: #FAA62F;
    }
.ce_rsce_teaser .card:nth-child(3) .box .icon .iconBox {
    background: #FAA62F;
    }

/*.ce_rsce_teaser .content {
    padding: 1em
}*/

.ce_rsce_teaser .card-inner {
    position: relative;
    border-radius: 1.25rem;
    border-bottom-right-radius: 0;
    overflow: hidden;
}

.ce_rsce_teaser .box {
    width: 100%;
    height: 100%;
    border-radius: 1.25rem;
    overflow: hidden;
}

.ce_rsce_teaser .box .imgBox {
    display: flex;
    /*clip-path: polygon( 0% 6.932%,0% 93.068%,0% 93.068%,0.071% 94.192%,0.278% 95.259%,0.608% 96.253%,1.051% 97.162%,1.596% 97.969%,2.231% 98.662%,2.945% 99.226%,3.727% 99.647%,4.566% 99.909%,5.45% 100%,65.543% 100%,65.543% 100%,66.427% 99.909%,67.265% 99.647%,68.047% 99.226%,68.761% 98.662%,69.396% 97.969%,69.941% 97.162%,70.385% 96.253%,70.715% 95.259%,70.922% 94.192%,70.993% 93.068%,70.993% 82.354%,70.993% 82.354%,71.191% 79.232%,71.765% 76.271%,72.682% 73.51%,73.913% 70.988%,75.426% 68.746%,77.189% 66.822%,79.172% 65.257%,81.343% 64.09%,83.671% 63.36%,86.125% 63.108%,94.552% 63.108%,94.552% 63.108%,95.436% 63.018%,96.274% 62.755%,97.056% 62.334%,97.77% 61.771%,98.405% 61.078%,98.95% 60.27%,99.394% 59.362%,99.724% 58.367%,99.931% 57.301%,100.002% 56.177%,100.002% 6.932%,100.002% 6.932%,99.93% 5.807%,99.723% 4.74%,99.393% 3.746%,98.949% 2.837%,98.405% 2.03%,97.77% 1.337%,97.056% 0.773%,96.274% 0.353%,95.436% 0.091%,94.552% 0%,5.45% 0%,5.45% 0%,4.566% 0.091%,3.727% 0.353%,2.945% 0.773%,2.231% 1.337%,1.596% 2.03%,1.051% 2.837%,0.608% 3.746%,0.278% 4.74%,0.071% 5.807%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932%,0% 6.932% ); 
*/
    }
.ce_rsce_teaser .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 0;
}
/*
.ce_rsce_teaser .box img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}*/

.ce_rsce_teaser .icon {
    position: absolute;
    /*bottom: -0.375rem;
    right: -0.375rem;*/
    bottom: .5em;
    right: .5em;
    width: 6rem;
    height: 6rem;
    /*background: rgba(30,139,158,1);*/
    border-top-left-radius: 50%;
}

.ce_rsce_teaser .icon:hover .iconBox {
    transform: scale(1.1);
}
/*
.ce_rsce_teaser .icon::before {
    position: absolute;
    content: "";
    bottom: 0.375rem;
    left: -1.25rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem rgba(30,139,158,1);
}

.ce_rsce_teaser .icon::after {
    position: absolute;
    content: "";
    top: -1.25rem;
    right: 0.375rem;
    background: transparent;
    width: 1.25rem;
    height: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    box-shadow: 0.313rem 0.313rem 0 0.313rem rgba(30,139,158,1);
}
*/

body {counter-reset: Ebene01;}

.ce_rsce_teaser .iconBox span::before {
    content: counter(Ebene01);
    counter-increment: Ebene01;
}

.ce_rsce_teaser .iconBox {
    position: absolute;
    inset: 0.625rem;
    background: #282828;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.ce_rsce_teaser .iconBox span {
    color: #fff;
    font-size: 1.5rem;
}

/*Box-content*/
.box-content {
    background-color: rgba(255,255,255,.37);
    padding: 4em;
    border-radius: 2em;
    align-self: stretch;
    justify-content: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.after-arrow {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 2em;
}

.after-arrow figure {
    flex-basis: 80%;
}

.after-arrow::after {
    content:'';
    width: 3em;
    height: 3em;
    inset: 0.625rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    background-image: url(../../files/timeteller/theme2/img/arrow-right.svg);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FF9301;
}





@media screen and (max-width:970px) {
    .ce_rsce_column-wrapper_start.--two-col.arrow-process {
        grid-template-columns: 1fr;
    }

    .after-arrow {
        flex-direction: column;
    }

    .after-arrow figure {
        flex-basis: 100%;
        align-self: normal;
    }

    .after-arrow::after {
        transform: rotate(90deg);
    }
}

/*Process-pictures*/

.process-pictures {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
    gap: 1rem;
}

  /* Stil für die Bilder */
/*.process-pictures img {
    width: 300px;
    max-height: 250px;
    object-fit: scale-down;
    border-radius: 0 !important;
}*/

.process-pictures img {
    border-radius: 0 !important;
}

.process-pictures .ce_image:first-child img {
    border-radius: 2em !important;
}

.process-pictures .arrow-circle::after {
    content:'';
    width: 3em;
    height: 3em;
    inset: 0.625rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    background-image: url(../../files/timeteller/theme2/img/arrow-right.svg);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FF9301;
}

@media screen and (max-width:792px) {
    .process-pictures {
        flex-direction: column;
    }
    .process-pictures .arrow-circle::after {
        transform: rotate(90deg);
    }
}


/*Hintergrundbild*/
.ce_rsce_hintergrundbild {
    width: 100vw;
    margin-left: -10vw;
    margin-top: -2em;
}

.ce_rsce_hintergrundbild .bg-container {
    background-blend-mode: multiply;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-position: center;*/
    color: white;
    padding: 4em 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.ce_rsce_hintergrundbild .bg-container.bg-dark {
    background-color: rgba(0, 124, 145, 0.7);
 }

.ce_rsce_hintergrundbild .bg-container p {
    font-size: clamp(1.8rem, 4vw, 3rem);
    line-height: 1.25;
    font-weight: 700;
}

.ce_rsce_hintergrundbild .bg-container .button-container {
    align-items: center;
}

/*Gallery*/
.ce_gallery {
    text-align: center;
    margin-bottom: 4em;
}

.bg-white .ce_gallery {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
}

.flex-center.ce_gallery ul {
    /*justify-content: center;*/
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

@media screen and (min-width: 1150px) {
    .flex-center.ce_gallery ul {
        justify-items: center;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

@media screen and (min-width: 1600px) {
    .flex-center.ce_gallery ul {
        justify-items: center;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

@media screen and (min-width: 1921px) {
    .flex-center.ce_gallery ul {
        justify-items: center;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

.ce_gallery ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2em;
    list-style-type: none;
}

.special-gallery ul {
    flex-wrap: nowrap;
}

@media screen and (max-width: 578px) {
    .special-gallery ul {
        flex-wrap: wrap;
    }

    .special-gallery ul li {
        flex-basis: 30%;
    }
}

.ce_gallery ul li {
    display: flex;
    /*align-self: stretch;*/
}

.ce_gallery ul li figure {
    display: flex;
    align-items: center;
    padding: 1em;
    flex-direction: column;
    justify-content: space-between;
}

.ce_gallery ul li figure figcaption {
    margin-top: 1em;
    font-weight: 400;
    color: #007C91;
}

.ce_gallery:not(.hero-gallery) img {
    min-width: 100px;
    min-height: 100px;
    max-width: 250px;
    max-height: 120px;
    object-fit: contain;
    width: 100%;
    border-radius: 0;
}

/*Akkordeon*/
section.ce_accordion {
    margin: 1em 0;
    position: relative;
}

section.ce_accordion .ui-accordion-header {
    border-bottom: 1px solid #007C91;
    padding: .5em 2em;
    font-size: clamp(1.1em, 2vw, 1.5rem);
}

.ce_accordion button {background:none;width: 1em;height: 1em;border: 0;font-size: 1.25em;position: absolute;left:0;}
.ce_accordion button span {position: absolute;transition: 300ms;background: #003247;}
.ce_accordion button span:first-child {top: 25%;bottom: 25%;width: 10%;left: 45%;}
.ce_accordion button span:last-child {left: 25%;right: 25%;height: 10%;top: 45%;}
.ce_accordion .ui-state-active button span {transform: rotate(90deg);}
.ce_accordion .ui-state-active button span:last-child {left: 50%;right: 50%;}

.ce_accordion .ui-accordion-content {
    padding: 1em 2.5em;
    font-weight: 400;
}

/*Team*/

.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 50, 71, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;

}

.lightbox-content {
	background: #fff;
	padding: 5em;
	border-radius: 1em;
	width: 80%;
	max-width: 900px;
	position: relative;
	text-align: left;
}

.lightbox-content h2,
.lightbox-content h3 {
    text-transform: none;
}

.lightbox-content h3 {
    font-size: 1em;
    color: #003247;
    margin-bottom: 1em;
}

.close-lightbox {
	position: absolute;
    top: -.25em;
    right: -.25em;
    font-size: 3em;
    cursor: pointer;
    background: #FAA62F;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    transition: 0.3s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.close-lightbox:hover {
    background: #003247;
}

.open-lightbox {
    display: flex;
    align-items: stretch;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    align-content: stretch;
    width: 100%;
    height: 100%;
}

.ce_rsce_team {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}


.ce_rsce_team .team-wrapper {
    /*
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    gap: 2em;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2em;
}

@media screen and (min-width: 600px) {
    .ce_rsce_team .team-wrapper {
        /*grid-template-columns: 1fr 1fr;*/
    }
}

@media screen and (min-width: 768px) {
    .ce_rsce_team .team-wrapper {
        /*grid-template-columns: 1fr 1fr 1fr;*/
    }
}

.ce_rsce_team .team-member {
    position: relative;
    overflow: hidden;
    border-radius: 2em;
    background: #003247;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    flex-direction: column;
    flex: 0 0 auto;
    width: 30%;
    min-width: 250px;
}

@media screen and (max-width: 623px) {
    .ce_rsce_team .team-member {
        width: 100%;
        max-width: 300px;
    }
}

.ce_rsce_team .team-member {
    display: flex;
    align-items: stretch;
}

.ce_rsce_team .team-container {
    border-radius: 2em;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.ce_rsce_team img {
    position: relative;
    z-index: 1;
    border-radius: 1em 1em 0 0;
    object-position: top;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.ce_rsce_team a:hover img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.ce_rsce_team .team-member .team-content {
    padding: 2em;
    position: relative;
    z-index: 9;
    background-color: #003247;
    display: grid;
    grid-template-rows: 1fr;
    height: 100%;
}

.ce_rsce_team .team-member .team-content ul {
    list-style-type: none;
}

.ce_rsce_team .team-member .team-content .team-mitarbeiter {
    color: #FAA62F;
}

.ce_rsce_team .team-member .team-content .team-position {
    color: white;
}

.ce_rsce_team .icon {
    display: flex;
    justify-content: right;
    align-items: center;
    font-size: 2em;
    height: fit-content;
}
.plus,
a:hover .plus {
    color: #FAA62F;
}

a:hover .plus {color: white;}

/*Partner*/
.ce_rsce_partner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3em;
    row-gap: 4em;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 950px) {
    .ce_rsce_partner {
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 623px) {
    .ce_rsce_partner {
        grid-template-columns: 1fr;
    }
}

.ce_rsce_partner ul {
    list-style-type: none;
    text-align: left;
}

.ce_rsce_partner img {
    display: block;
    margin-bottom: 2em;
    width: 100%;
    height: auto;
}

.ce_rsce_partner .partner-inner {
    position: relative;
    z-index: 1;
    border-radius: 1em;
    object-position: top;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.ce_rsce_partner a {
    cursor: pointer;
}

.ce_rsce_partner a:hover .partner-inner {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

/*News*/

.mod_newslist {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}


.mod_newslist {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: stretch;
    justify-items: stretch;
    gap: 2em;
}

@media screen and (min-width: 1600px) {
    .mod_newslist {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.mod_newslist .layout_latest {
    position: relative;
    overflow: hidden;
    border-radius: 2em;
    background: #007C91;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
    width: 100%;
    flex-direction: column;
}

.layout_latest img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    object-position: center;
    position: relative;
    z-index: 1;
    border-radius: 1em 1em 0 0;
    display: block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }

  .layout_latest a:hover img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.mod_newslist .layout_latest h2 {
    font-size: 1em;
    color: white;
    padding: 0 2em 2em;
    font-weight: 300;
    text-transform: unset;
}

.mod_newslist .layout_latest h2 span {
    font-size: 1em;
}

.mod_newslist .layout_latest h2 a:hover span {
    color: white;
}

.mod_newslist .layout_latest h2 a {
    font-size: 1em;
    color: white;
}

.layout_latest figure {
    height: 300px;
    overflow: hidden;
    background-color: white;
}

.layout_latest p.info {
    color: #003247;
    font-weight: 600;
    padding: 2em 2em 0;
}

.pagination {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 100px 0;
}

.pagination ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    list-style-type: none;
}

.mod_newsreader {
    max-width: 900px;
    margin: 2em auto;
}


.layout_full .image_container.float_right {
    float: right;
    margin-left: 2em;
    margin-bottom: 2em;
}

.layout_full img {
    border-radius: 0;
}

.layout_full .image_container.float_left {
    float: left;
    margin-right: 2em;
    margin-bottom: 2em;
}

.ce_rsce_team .team-member {
    display: flex;
    align-items: stretch;
}

.ce_rsce_team .team-container {
    border-radius: 2em;
    display: flex;
    flex-direction: column;
    flex: 1;
}



.ce_rsce_team .team-member .team-content {
    padding: 2em;
    position: relative;
    z-index: 9;
    background-color: #003247;
    display: grid;
    grid-template-rows: 1fr;
    height: 100%;
}


/*Footer*/
footer {
    position: relative;
    padding-top: 200px;
}

footer .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: space-between;
    align-items: center;
}

.mod_customnav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    list-style-type: none;
}

.mod_customnav ul li a,
.mod_customnav ul li strong {
    color: white
}

.mod_customnav ul li a:hover span {
    color: #FAA62F !important;
}

/*Columns*/
.ce_rsce_column-wrapper_start.--two-col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2em;
    align-items: center;
}
.ce_rsce_column-wrapper_start.--two-col.--top {
    align-items: flex-start;
}


/*Cards*/
.ce_rsce_cards .options .option {
    background-size: cover;
    background-position: center center;
    border-radius: 1.25rem;
    padding: 1em;
    display: flex;
    flex-basis: 50px;
    flex-shrink: 1;
    transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    position: relative;
    box-shadow: 0 0 50px rgba(0,50,71,0.2);
}

.ce_rsce_cards .option .option.active {
    background-position: center center;
}

.ce_rsce_cards .options .option:nth-child(1) {
    z-index: 4;
}

.ce_rsce_cards .options .option:nth-child(2) {
    z-index: 3;
}

.ce_rsce_cards .options .option:nth-child(3) {
    background-position: center center;
    z-index: 2;
}

.ce_rsce_cards .options .option:nth-child(4) {
    z-index: 1;
}

.ce_rsce_cards .options .option.first-child {
    flex-basis: 80vw !important;
    flex-grow: 2 !important;
}

.ce_rsce_cards .options .option.active {
    flex-basis: 80vw;
    flex-grow: 2;
    transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    z-index: 10;
}

.ce_rsce_cards .card-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    justify-content: space-between;
    width: 100%;
}

.ce_rsce_cards .card-inner {
    display: none;
    align-self: first baseline;
    max-width: 60%;
    align-self: first baseline;
    color: white;
}

.ce_rsce_cards .active .card-inner  {
    max-width: /*60%*/40%;
    align-self: first baseline;
    color: white;
    display: block;
}

.ce_rsce_cards .card-description p {
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    max-width: 500px;
}

.ce_rsce_cards .card-description p:has(span) {
    text-shadow: 0 0 5px rgba(255,255,255,0.5);
    max-width: 500px;
}

.turqouise .arrow span,
.turqouise .card-link,
.turqouise.btn {
    background-color: #0BB5B5;
}

.lila .arrow span,
.lila .card-link,
.lila.btn {
    background-color: #D699CC;
}

.orange .arrow span,
.orange .card-link,
.orange.btn {
    background-color: #FF9301;
}

.pastellgreen .arrow span,
.pastellgreen .card-link,
.pastellgreen.btn {
    background-color: #BED1AD;
}

.ce_rsce_cards .arrow {

}

.arrow span {
    width: 3em;
    height: 3em;
    inset: 0.625rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    background-image: url(../../files/timeteller/theme2/img/arrow-right.svg);
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FF9301;
}

.ce_rsce_cards .card-link {
    color: white;
    padding: 1em 2em;
    text-decoration: none;
    border-radius: 3em;
    text-transform: lowercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    width: fit-content;
    text-align: center;
}

.ce_rsce_cards .card-link a {
    color: white;
}

#filterLifestyleChanges {
    margin: 1em 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.btn:hover {
    opacity: 0.7;
}

.btn {
    color: white;
    padding: .5em 1em;
    text-decoration: none;
    border-radius: 3em;
    text-transform: lowercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    width: fit-content;
    border: none;
    font-size: 1em;
    font-family: 'Poppins';
    cursor: pointer;
}

/*Cleverreach*/
.cr-wrapper {
    margin: 3em 0;
    max-width: 900px;
}

.cr-wrapper button {
    background-color: #003247;
    color: white;
    padding: 1.5em 2em;
    text-decoration: none;
    border-radius: 3em;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    width: fit-content;
    border: none;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
}

.cr-wrapper button:hover {
    background-color: #FF9301;
    color: #003247;
}

input, textarea, select {
    border: none;
    padding: .25em 1em;
    border-radius: .5em;
    background-color: white;
    font-size: 20px;
    line-height: 30px;
}

.mod_personalData select {
    height: 40px;
}

.formular-flex {
    display: flex;
    justify-content: flex-start;
    gap: 4em;
}

.form-col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    column-gap: 1em;
    justify-content: space-between;
    align-items: center;
    max-width: 900px;
}

.ce_form {
    margin: 50px 0;
}

.ce_form .formbody {
    display: flex;
    flex-direction: column;
}

.ce_form label {
    font-size: .85em;
}

.formbody .widget-explanation p {
    margin-bottom: 0;
}

.special-margin {
    margin-top: -35px !important;
    margin-left: 45px !important;
}

.special-margin .cr_form-inputgroup {
    grid-template-columns: 1fr;
}

.cr_form-inputgroup {
    display: grid;
    align-items: center;
}

.cr_form-component {
    margin: 1.5em 0;
    margin-bottom: 1.5em;
}

.cr_form-component--group {
    margin: 1em 0;
}

.cr_form-component--radio .cr_form-inputgroup,
.cr_form-component--checkbox .cr_form-inputgroup {
    display: flex;
}

label, .label {
    color: #007C91;
}

.no-label {
    color: #003247;
}

/* remove standard-styles */ input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;}
input[type='checkbox'],
input[type='radio'] {width:auto;float:left;margin-right: .75em;background:transparent;border:none;}
input[type='checkbox']:checked,
input[type='checkbox']:not(:checked),
input[type='radio']:checked,
input[type='radio']:not(:checked) {background: transparent;position: relative;visibility: hidden;margin:0;padding:0;}
input[type='checkbox'] + label,
input[type='radio'] + label {cursor: pointer;}

/*set new styles*/
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before,
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before {content:' ';display:inline-block;min-width: 21px;width: 21px;height:21px;position: relative;top:4px;background: #fff;border: 2px solid white; margin-right: 1em;border-radius: 3em;z-index: 999;}
input[type='checkbox']:checked + label::before,
input[type='checkbox']:not(:checked) + label::before {border-radius: 5px;}

input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before {border-radius: 30px;}
input[type='checkbox']:hover  + label::before,
input[type='radio']:hover  + label::before {background:#007C91;}
fieldset.approval input[type='checkbox']:checked  + label::before,
input[type='radio']:checked  + label::before,
input[type='checkbox']:checked  + label::before {background:#007C91;}

/* Zustand für abgewählte Checkbox */
input[type='checkbox']:not(:checked) + label::before {
    background: white; /* Hintergrundfarbe festlegen */
    border: 2px solid white; /* Optionale Umrandung */
}

/* Zustand für ausgewählte Checkbox */
input[type='checkbox']:checked + label::before {
    background: #007C91;
}

/*SHOP START*/
.mod_iso_checkout .steps {
    margin-bottom: 4em;
}

.mod_iso_checkout ol {
    display: flex;
    gap: 4em;
    margin-left: 1em;
}

.formbody .address, .formbody .address_new, .formbody .fields {
    display: flex;
    flex-direction: column;
    /*gap: 2em;*/
}

label {
    line-height: 2em;
}

.formbody .widget {
    display: flex;
    flex-direction: column;
    max-width: 900px;
    margin: .5em 0;
}

.formbody .submit {
    width: fit-content;
    /*margin: 2em 0 4em;*/
}

.offer {
    margin-top: 3em;
}

.sku {
    font-weight: 600;
}

.priceInfo {
    margin-top: .5em;
}

.mod_iso_productreader .submit_container {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    align-items: center;
    margin-top: 0;
}


#iso_mod_checkout_address .formbody {
    display: flex;
    flex-wrap: wrap;
    gap: 4em;
}

#ctrl_billingaddress label,
#ctrl_shippingaddress label {
    display: flex;
}


input.submit {
    cursor: pointer;
}

.quantity_container select {
    background-color: transparent;
    color: #003247;
    padding: 1em 2em;
    text-decoration: none;
    border-radius: 3em;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    width: fit-content;
    text-align: center;
    border: 1px solid #003247;
    font-size: 1em;
    margin-bottom: 1em;
}

.mod_iso_productreader .back {display: none;}

@media screen and (min-width: 997px) {
    .mod_iso_productreader .formbody {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 5em;
    }
}

.mod_personalData form .formbody .fields {
    display: grid;
    column-gap: 2em;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

@media screen and (min-width: 1200px) {
    .mod_personalData form .formbody .fields {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

#article-88 .ce_rsce_column-wrapper_start.--two-col img {
    width: auto !important;
    border-radius: 0 !important;
}

#article-88 .ce_rsce_column-wrapper_start.--two-col picture {
    display: flex;
    justify-content: center;
}

#article-81 .ce_rsce_column-wrapper_start.--two-col img {
    width: auto !important;
    border-radius: 0 !important;
}

#article-81 .ce_rsce_column-wrapper_start.--two-col picture {
    display: flex;
    justify-content: center;
}
 

#iso_ajaxBox {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    left: 50%; /* Horizontal zentrieren */
    transform: translate(-50%, -50%);
}

/*SHOP END*/

@media screen and (min-width: 768px) {
    .grid-container {
        display: grid;
        gap: 3em;
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

/*Shopkonfiguration Start*/
.meta-leiste ul {display:flex;gap: 1em;/*margin-top: 2em;*/justify-content: end;}
.icon {position:relative;list-style-type:none;}
.warenkorb div {background-color:#FAA62F;width: 25px;height: 25px;display: inline-block;border-radius: 100%;font-size: 14px;line-height: 22px;text-align: center;position:absolute;right: -15px;top: -10px;}
.meta-leiste .icon a {background-size:40px 35px;width:40px;height:35px;display:inline-block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
.warenkorb a {background:url('../../files/timeteller/theme2/img/icon-warenkorb.svg') no-repeat;}
.account a {background:url('../../files/timeteller/theme2/img/icon-account.svg') no-repeat;background-size:100% 100%;}


table {border-spacing: 0;border-collapse: collapse;}
fieldset {border: none;}
fieldset.radio_container {display: flex;flex-direction: column;gap: 1em;}

.mod_iso_orderhistory thead {text-align: left !important;}

.mod_iso_cart table,
.mod_iso_orderdetails table {width:100%;}

.mod_iso_cart table tr.product,
.mod_iso_orderdetails table tr.product {border-bottom:1px dotted #000;}

.mod_iso_cart table tr td,
.mod_iso_orderdetails table tr td {vertical-align:middle;}

.mod_iso_cart table tr td input,
.mod_iso_orderdetails table tr td input {width:auto !important;}

.mod_iso_cart figure.image_container,
.mod_iso_orderdetails figure.image_container {display: flex;justify-content: center; align-items: center;margin: .5em 0;}

.mod_iso_cart tfoot,
.mod_iso_orderdetails tfoot {margin:.5em 0;}

.mod_iso_cart tfoot td,
.mod_iso_orderdetails tfood td {padding:.5em 0;}

.mod_iso_cart tfoot td.col_last,
.mod_iso_orderdetails tfood td.col_last {text-align:right;}

.mod_iso_cart tfoot .total .price.total,
.mod_iso_orderdetails tfood .total .price.total {font-weight:600;}


.mod_iso_cart .edit, .mod_iso_cart .remove {margin: 10px;display: block;}
.mod_iso_cart i {margin: 10px;}

.mod_iso_productlist {display:inline-block;width:100%;}

.product_list {display: grid;grid-template-rows: auto auto;grid-template-columns: repeat(3, 1fr);grid-gap: 1em;}
.product_list .product {text-align:center;/*margin:15px 0*/;padding:2rem;display: grid;grid-template-rows: subgrid;grid-row: span 3;}
.product_list .product:hover,
.product_list .product:focus,
.product_list .product:active {-webkit-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -4px rgba(0,0,0,0.2);
border-radius:.5rem;}
.product_list .product form, .product_list .product .formbody {display: grid;grid-template-rows: subgrid;grid-row: span 3;}
.product_list .product a {text-align: center;width: 100%;display: inline-block;}
.product_list .product .price {font-size:1.5rem;margin:0.5rem 0;}

.mod_iso_productreader .price {font-size:2.5em;}
.mod_iso_productreader .sku {margin-bottom:2em;}
.mod_iso_productreader .quantity_container {margin:2em 0;}
.mod_iso_productreader .quantity_container input {margin:.25em 0;width:auto !important;}
.baseprice {margin:.5em 0 1em;}

.test {display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;}


.submit_container {margin-top:2rem;}


p.error {color:red;font-size:14px !important;margin:1em 0 0.5em 0em !important;line-height:14px !important;}
input.error {border:1px solid red !important;}

.mod_iso_orderhistory table {width:100%;margin:3em 0;}
.mod_iso_orderhistory table thead tr {background:#003247;color:#fff;}
.mod_iso_orderhistory table th {padding:1em;}
.mod_iso_orderhistory table tr td {padding:1em;border-bottom:1px dotted #000;}

.mod_iso_checkout .steps {border-bottom: 1px solid #000;margin-bottom:5em;}
.mod_iso_checkout .steps ol {display: flex;flex-wrap: wrap;justify-content: space-between;margin:1em;}
.mod_iso_checkout .steps ol li.active {font-weight:bold;}

.mod_iso_checkout #iso_mod_checkout_address .address {margin-bottom:5em;}

.mod_iso_checkout .address .address_new .address-wrap {display: grid;grid-template-columns: 1fr 1fr;column-gap: 2em;row-gap:1em;}
.mod_iso_checkout .address select {width:100%;display:inline-block;}

.mod_iso_checkout .info_container,
.mod_iso_orderdetails .info_container {margin:2.5em 0;}

.mod_iso_checkout table {width:100%;}
.mod_iso_checkout table tbody tr {border-bottom:1px dotted #000;}
.mod_iso_checkout table td {vertical-align: middle;text-align:end;}
.mod_iso_checkout table td:nth-child(2) {text-align:left;}
.mod_iso_checkout table tbody .image {text-align:center;}
.mod_iso_checkout table tbody img {width:auto;height:50px;}
.mod_iso_checkout table tfoot td {padding:.25em 0;}
.mod_iso_checkout table tfoot tr.foot_last.total,
.mod_iso_checkout table tfoot tr.total td.price.total {font-weight:600;}

.product-attributes {border-top: 1px dotted #000;table-layout:auto;margin:1em;}
.product-attributes td {padding:1em;}
.product-attributes .cat-item {font-weight:bold;padding-left:0;}

.filters {display:flex;flex-wrap:wrap;gap:1em;margin: 2em 0;}
.filters .filter-item {flex-basis:15%;/*flex-basis: 10%;flex-shrink: 1;flex-grow: 1;*/}
.filters .filter-item select {width:100%;}

.login_info {
    display: none;
}

.logout button.submit {
    background-color: #007C91;
}

.logout button.submit:hover {
    background-color: #FF9301;
}

.review .flex-container,
.mod_iso_orderdetails .flex-container {
    justify-content: space-between;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.flex-container .ce_rsce_button {
    margin-top: 0;
    margin-bottom: 1.5em;
}

.info_container {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.info_container .edit {
    order: 3;
}

.info_container h3 {
    order: 1;
    margin-bottom: 0;
}

.info_container .info {
    order: 2;
}



.meta-wrapper {
    display: flex;
    gap: 3em;
    justify-content: space-between;
}

/*MEDIA QUERIES*/

@media screen and (max-width: 1300px) {
    header {
        padding: 0 5vw;
    }
}

@media screen and (min-width: 1200px) {
    .ce_rsce_cards .options {
        display: flex;
        min-height: 60vh;
    }

    .ce_rsce_cards .options .option {
        background-position: -60% center;
    }

    .ce_rsce_cards .options .option.active {
        background-position: center center !important;
    }

    .ce_rsce_cards .options .option:nth-child(1) {
        margin-left: 0 !important;
        padding-left: 1em !important;
      }
}

@media screen and (max-width: 1199px) {
    .ce_rsce_cards .options {
        display: block;
    }
    .ce_rsce_cards .options .option {
        display: none;
    }
    .ce_rsce_cards .options .option.show {
        display: flex;
        min-height: 60vh;
      }

      .ce_rsce_cards .options .option.show .card-inner {
        display: block;
      }
}

/*Hero Gallery*/
.hero-gallery:before {
    content:"";
    background-image: url('../../files/timeteller/theme2/img/wave.svg');
    background-repeat: no-repeat;
    background-size: contain;

    position: absolute;
    top: 150px;
    left: 0;
    height: 100%;
    width: 100vw;
    z-index: 3;
}

@media screen and (min-width: 768px) {
    .cr_form-inputgroup {
        grid-template-columns: 1fr 3fr;
      }
}

@media screen and (min-width: 993px) {

    .hero-gallery img {
        width: 100%;
        height: 100%;
        max-width: 500px;
        max-height: 500px;
        object-fit: cover;
        border-radius: 2em;
    }
    .hero-gallery:not(.team-gallery) ul { 
        position: relative;
    
        
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas:
          ". . second second . . . . . . ."
          "first first second second third third third fourth fourth . ."
          "first first . . third third third fourth fourth . ."
          ". . . . third third third . . fifth fifth"
          ". . . . . . . . . fifth fifth";
      }
    
    .hero-gallery ul::after {
        content: "";
        width: 300px;
        height: 300px;
        position: absolute;
        background: #E3E9E4;
        border-radius: 2em;
        right: 4em;
        top: 2em;
        z-index: 0;
    }
    
    .hero-gallery li {z-index: 3;}
    
    .hero-gallery li:nth-child(1) { grid-area: first; z-index: 1; }
    .hero-gallery li:nth-child(2) { grid-area: second; }
    .hero-gallery li:nth-child(3) { grid-area: third; z-index: 1; }
    .hero-gallery li:nth-child(4) { grid-area: fourth; }
    .hero-gallery li:nth-child(5) { grid-area: fifth; }

    .hero-gallery.team-gallery ul { 
            display: grid;
            grid-template-columns: repeat(9, 1fr);
            grid-template-rows: repeat(4, 1fr);
            grid-column-gap: 0px;
            grid-row-gap: 0px;
            position: relative;           
      }

      .hero-gallery.team-gallery li:nth-child(1) { grid-area: 1 / 1 / 3 / 3; width: 80%;position: relative;z-index:5;}
      .hero-gallery.team-gallery li:nth-child(2) { grid-area: 2 / 3 / 4 / 5; z-index:5;}
      .hero-gallery.team-gallery li:nth-child(3) { grid-area: 3 / 5 / 5 / 7; z-index:5;}
      .hero-gallery.team-gallery li:nth-child(4) { grid-area: 1 / 6 / 3 / 8; width: 80%; z-index:5;}
      .hero-gallery.team-gallery li:nth-child(5) { grid-area: 2 / 8 / 4 / 10; width: 80%;z-index:5;}

      .hero-gallery.team-gallery li:nth-child(1)::after {
        content: "";
        width: 200px;
        height: 200px;
        position: absolute;
        background: #E3E9E4;
        border-radius: 2em;
        left: 55%;
        top: 75%;
        z-index: -1;
      }

      .hero-gallery.team-gallery li:nth-child(3)::before {
        content: "";
        width: 200px;
        height: 200px;
        position: absolute;
        background: #E3E9E4;
        border-radius: 2em;
        left: 50%;
        top: 35%;
        z-index: -1;
      }
}

@media screen and (max-width: 1800px) {
    h1.--topmargin {
        margin-top: -130px;
      }
}

@media screen and (min-width: 1200px) {
    .ce_rsce_cards .options .option {
        margin-left: -40px;
        padding-left: 60px;
    }
}

@media screen and (max-width: 1199px) {
    header {
        padding-left: 5vw;
        padding-right: 5vw;
    }
    footer, main .mod_article {
        padding-left: 7vw;
        padding-right: 7vw;
    }

    .ce_rsce_hintergrundbild {
        margin-left: -7vw;
    }

    .mobile {
        display: block;
    }

    .meta-wrapper {
        gap: 2em;
    }
}

@media screen and (max-width:992px) {
    header {position:relative;}
    #container {top:0;}

    footer {padding-top: 2em;}

    /*Mobile Nav*/
    .wrapper {align-items: center;position:relative;}
    .mod_navigation {display:none;background:#BED1AD;border-radius:1em;position: absolute;width: 100%;left: 0;top:6em;z-index:99999;padding: 2em;text-align: center;}
    .mod_navigation ul {flex-direction: column;gap: 0;}
    .mod_navigation ul li {display:block;margin:0;overflow:hidden;}
    .mod_navigation ul li strong,
    .mod_navigation ul li a {display:inline-block;width:100%;padding:1em;color:#007C91;}
    .mod_navigation ul li strong {}
    .mod_navigation ul li a:hover,
    .mod_navigation ul li a:focus,
    .mod_navigation ul li a:active {border-radius:0;}
    .mod_navigation ul li:first-child a:hover,
    .mod_navigation ul li:first-child a:focus,
    .mod_navigation ul li:first-child a:active {border-radius:1em 1em 0 0;}
    .mod_navigation ul li:last-child a:hover,
    .mod_navigation ul li:last-child a:focus,
    .mod_navigation ul li:last-child a:active {border-radius:0 0 1em 1em;}
    .navbar-toggle {display: block;width:100%;background-color: transparent;border: none;cursor: pointer;padding: 0;transform-y:translate(50%);position:relative;z-index:998;}
    .line {fill: none;stroke: #fff;stroke-width: 7;transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);stroke-linecap: round;}
    .line1 {stroke-dasharray: 60 207;stroke-width: 7;}
    .line2 {stroke-dasharray: 40;stroke-width: 7;fill:var(--highlight);}
    .line3 {stroke-dasharray: 60 207;stroke-width: 7;}

    .ce_rsce_text-button.float_left, .ce_rsce_text-button.float_right {
        flex-direction: column;
    }

    .ce_gallery ul {
        justify-content: center;
    }

    .ce_gallery:not(.hero-gallery) img {
        min-width: 100px;
        min-height: 100px;
        max-width: 100px;
        max-height: 120px;
        object-fit: contain;
    }

      .ce_gallery ul li figure {padding: 0;}

      h1.--topmargin {
        margin-top: -150px;
      }

      .hero-gallery ul {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /* 4 gleich große Spalten */
        grid-template-rows: repeat(3, 1fr);    /* 3 gleich große Zeilen */
        position: relative; /* Macht die Überlappung leichter */
        gap: 20px;
        margin: 0 auto;
      }
      
      .hero-gallery li {
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 15px;
        position: relative;
      }
      
      .hero-gallery li:nth-child(1) {
        grid-column: 1 / 1;
        grid-row: 2 / 2;
        z-index: 2;
        margin-top: -60px;
      }
      
      .hero-gallery li:nth-child(2) {
        grid-column: 3 / 4;
        grid-row: 2 / 3;
        z-index: 4;
        margin-left: 20px;
        margin-top: 20px;
      }
      
      .hero-gallery li:nth-child(3) {
        grid-column: 2/ 4;
        grid-row: 1 / 3;
        margin-left: -30px;
        z-index: 1;
      }
      
      .hero-gallery li:nth-child(4) {
        grid-column: 2 / 3;
        grid-row: 2 / 4;
        margin-top: 60px;
        z-index: 5;
      }
      
      .hero-gallery li:nth-child(5) {
        grid-column: 4 / 5;
        grid-row: 2 / 3;
        margin-left: -39px;
        z-index: 2;
        margin-top: -100px;
      }

      .hero-gallery img {
        width: 100%;
        height: 100%;
        max-width: 500px;
        max-height: 500px;
        object-fit: cover;
        border-radius: 2em;
      }

        .hero-gallery.team-gallery ul { 
            display: grid;
            grid-template-columns: repeat(8, 1fr);
            grid-template-rows: repeat(5, 1fr);
            grid-column-gap: 0px;
            grid-row-gap: 0px;           
        }

        .hero-gallery.team-gallery li:nth-child(1) { grid-area: 2 / 1 / 4 / 3; width: 80%;}
        .hero-gallery.team-gallery li:nth-child(2) { grid-area: 1 / 3 / 3 / 5; }
        .hero-gallery.team-gallery li:nth-child(3) { grid-area: 3 / 4 / 5 / 6; }
        .hero-gallery.team-gallery li:nth-child(4) { grid-area: 1 / 6 / 3 / 8; width: 80%;}
        .hero-gallery.team-gallery li:nth-child(5) { grid-area: 3 / 7 / 6 / 9; width: 80%;}
    }

@media screen and (max-width: 850px) {
    .mod_iso_checkout ol {
        gap: 0;
    }

    .mod_iso_cart table tr td input, .mod_iso_orderdetails table tr td input {
        max-width: 100px;
    }

    .mod_iso_cart tfoot td, .mod_iso_orderdetails tfood td {
        padding: 0;
    }

    .mod_iso_checkout .steps ol {
        font-size: 16px;
        gap: 2em;
    }

    .mod_iso_checkout .steps ol li {
        margin: 0;
    }

    .review.orderproducts table,
    .review.orderproducts .product,
    .mod_iso_cart table, 
    .mod_iso_orderdetails table,
    .mod_iso_cart .product {
        display: flex;
        flex-direction: column;
    }

    .col_0.col_first.image {
        align-self: start;
    }

    .col_2.quantity,
    .col_3.price,
    .col_4.price.total {
        align-self: end;
    }

    .col_5.col_last.actions {
        display: flex;
        justify-content: end;
        gap: 1em;
        margin: 0;
    }

    .mod_iso_cart .edit, .mod_iso_cart .remove {
        margin-left: 0;
        margin-right: 0;
    }

    .mod_iso_orderhistory {
        width: 100%;
        overflow-y: auto;
        margin: 0 0 1em;
    }

    .mod_iso_orderhistory::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 14px;
        height: 14px;
    }
    
    .mod_iso_orderhistory::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 3px solid #fff;
        background-color: rgba(0, 0, 0, .3);
    }
}


@media screen and (max-width: 660px) {
    .hero-gallery img {
        border-radius: 10px;
        min-width: 75px;
        min-height: 75px;
        max-width: 200px;
        max-height: 200px;
    }

    .hero-gallery li:nth-child(1) {
        grid-column: 2;
        grid-row: 1;
        margin-top: 30px;
    }

    .hero-gallery li:nth-child(2) {
        grid-column: 3;
    }

    .hero-gallery li:nth-child(3) {
        grid-column: 2 / 4;
        grid-row: 1 / 3;
        margin-left: 30px;
        z-index: 1;
    }

    .hero-gallery li:nth-child(4) {
        grid-column: 2;
        grid-row: 2 / 3;
        margin-top: 1vh;
    }

    .hero-gallery li:nth-child(5) {
        grid-column: 5;
        max-width: 170px;
    }

    .hero-gallery.team-gallery ul { 
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;           
    }

    .hero-gallery.team-gallery li:nth-child(1) { grid-area: 2 / 1 / 4 / 3; width: 80%;}
    .hero-gallery.team-gallery li:nth-child(2) { grid-area: 1 / 3 / 3 / 5; }
    .hero-gallery.team-gallery li:nth-child(3) { grid-area: 3 / 4 / 5 / 6; margin-left: 0; }
    .hero-gallery.team-gallery li:nth-child(4) { grid-area: 1 / 6 / 3 / 8; width: 80%;}
    .hero-gallery.team-gallery li:nth-child(5) { grid-area: 3 / 7 / 6 / 9; width: 80%;}

    .lightbox {
        overflow-y: auto;
    }
    
    .lightbox-content {
        padding: 2em;
        width: 90%;
        overflow-y: auto;
        max-height: 80vh;
    }

    .close-lightbox {
        top: .5em;
        right: .5em;
        font-size: 1.25em;
        width: 1em;
        height: 1em;
    }

    .box-content {
        padding: 2em;
    }

    section {
        margin: 100px 0;
    }
/*
    .meta-leiste ul {
        flex-direction: column;
        gap: 1em;
    }

    .mod_changelanguage ul {
        flex-direction: column;
    }

    .mod_changelanguage ul li:not(:last-child) {
        border-right: none;
    }*/

    .meta-wrapper {
        flex-direction: column-reverse;
        align-items: end;
        gap: 1em;
    }

    .meta-leiste ul {
        gap: 1em;
    }

    .logo img {max-width: 120px;}
}

@media screen and (min-width: 2000px) {
    body {
        font-size: 20px;
    }
}