body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
/**
 * CLICKPRESS CSS-Grid
 * @author: Stefan Schulz-Lauterbach
 *
 * thanks to Dinko Skopljak for co-working
 */
.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.content-start {
  align-content: start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: end;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

[class*=grid_] {
  display: grid;
  grid-gap: 1rem;
}
[class*=grid_] > .block {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .grid_mobile_100 {
    grid-template-columns: 1fr;
  }
  .grid_mobile_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_mobile_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_mobile_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_mobile_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_mobile_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_mobile_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_mobile_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_mobile_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_mobile_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_mobile_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_mobile_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_mobile_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_mobile_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_mobile_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_mobile_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .gap_mobile_0 {
    grid-gap: 0;
  }
  .gap_mobile_1 {
    grid-gap: 1rem;
  }
  .gap_mobile_2 {
    grid-gap: 2rem;
  }
  .gap_mobile_3 {
    grid-gap: 3rem;
  }
  .gap_mobile_4 {
    grid-gap: 4rem;
  }
  .gap_mobile_5 {
    grid-gap: 5rem;
  }
  .gap_mobile_6 {
    grid-gap: 6rem;
  }
  .gap_mobile_7 {
    grid-gap: 7rem;
  }
  .gap_mobile_8 {
    grid-gap: 8rem;
  }
  .gap_mobile_9 {
    grid-gap: 9rem;
  }
  .gap_mobile_10 {
    grid-gap: 10rem;
  }
  .gap_mobile_11 {
    grid-gap: 11rem;
  }
  .gap_mobile_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 768px) {
  .grid_tablet_100 {
    grid-template-columns: 1fr;
  }
  .grid_tablet_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_tablet_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_tablet_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_tablet_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_tablet_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_tablet_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_tablet_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_tablet_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_tablet_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_tablet_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_tablet_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_tablet_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_tablet_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_tablet_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_tablet_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_tablet_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .gap_tablet_0 {
    grid-gap: 0;
  }
  .gap_tablet_1 {
    grid-gap: 1rem;
  }
  .gap_tablet_2 {
    grid-gap: 2rem;
  }
  .gap_tablet_3 {
    grid-gap: 3rem;
  }
  .gap_tablet_4 {
    grid-gap: 4rem;
  }
  .gap_tablet_5 {
    grid-gap: 5rem;
  }
  .gap_tablet_6 {
    grid-gap: 6rem;
  }
  .gap_tablet_7 {
    grid-gap: 7rem;
  }
  .gap_tablet_8 {
    grid-gap: 8rem;
  }
  .gap_tablet_9 {
    grid-gap: 9rem;
  }
  .gap_tablet_10 {
    grid-gap: 10rem;
  }
  .gap_tablet_11 {
    grid-gap: 11rem;
  }
  .gap_tablet_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 992px) {
  .grid_desktop_100 {
    grid-template-columns: 1fr;
  }
  .grid_desktop_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_desktop_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_desktop_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_desktop_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_desktop_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_desktop_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_desktop_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_desktop_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_desktop_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_desktop_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_desktop_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_desktop_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .grid_desktop_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_desktop_40_20_20_20 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .grid_desktop_20_40_20_20 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  .grid_desktop_20_20_40_20 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  .grid_desktop_20_20_20_40 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  .grid_desktop_20_20_20_20_20 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gap_desktop_0 {
    grid-gap: 0;
  }
  .gap_desktop_1 {
    grid-gap: 1rem;
  }
  .gap_desktop_2 {
    grid-gap: 2rem;
  }
  .gap_desktop_3 {
    grid-gap: 3rem;
  }
  .gap_desktop_4 {
    grid-gap: 4rem;
  }
  .gap_desktop_5 {
    grid-gap: 5rem;
  }
  .gap_desktop_6 {
    grid-gap: 6rem;
  }
  .gap_desktop_7 {
    grid-gap: 7rem;
  }
  .gap_desktop_8 {
    grid-gap: 8rem;
  }
  .gap_desktop_9 {
    grid-gap: 9rem;
  }
  .gap_desktop_10 {
    grid-gap: 10rem;
  }
  .gap_desktop_11 {
    grid-gap: 11rem;
  }
  .gap_desktop_12 {
    grid-gap: 12rem;
  }
}

/*# sourceMappingURL=clickpress-grid.css.map */

.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}
Html,body {font-size:1.05em;
line-height:1.5em;color:rgba(88, 88, 88, 1);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
overflow-x:hidden;}

.showmenu {display:none;}

.mod_recommendationlist {
    max-width: 700px;}

h1, h2, h3 {font-size:2em;text-transform:uppercase;font-weight:600;color:#01354e;
line-height:1.5em;}

 h4 {font-size:1.2em;text-transform:uppercase;font-weight:600;color:#fff;
line-height:1.5em;margin-bottom:5px;}

header {background:#014864;color:#fff;}
footer {background:#014864;color:#fff;padding-top:4em;font-size:0.9em;}

main a, main a:active, maina:visited {color:#014864;}

.inside > .bgarea .mod_article {padding:4em 15px;}

footer .content-text, header .inside {padding:0 15px;}


.fixedright {position:fixed;right:28px;top:40%;   }
    .fixedright div { transform: rotate(-90deg);
    transform-origin: bottom right}
    
    .fixedright a {background:#014864;border:1px #fff solid;display:block;padding:8px 20px;float:left;margin-right:10px;}
    .fixedright a:hover {background:#fff;border:1px #014864 solid;color:#014864;text-decoration:none;}

.logo img {height:auto;width:100%;}

.zeitenbox {background:#01354e;padding:20px;color:#fff;}
.zeitenbox .bi {color:#fff;font-size:2em;}
.zeitenbox h3 {color:#fff;font-size:1.5em;}
.zeitenbox em {font-style:normal !important;opacity:0.6;font-size:0.9em;line-height:1em;}

.container {max-width:1140px;margin:0 auto;}

header nav ul {display: flex;
    justify-content: space-around;}
    
    header nav li {list-style-type:none;padding:0;margin:0;}
    header nav li a {color:#fff;text-decoration:none;text-transform:uppercase;border:2px #014864 solid;padding:10px 20px;}
    
   header nav li a:hover,header nav li.active a {color:#78b2c3;border:2px #78b2c3 solid;}
   
   header.fixed {position:fixed;top:0;left:0;width:100%;z-index:99}
    header.fixed .logo img {width:50%;}
    
.button a:nth-of-type(1) {background:#01354e;padding:8px 20px;display:inline-block;border-radius:10px;color:#fff;text-decoration:none;text-transform:uppercase}
.button a:nth-of-type(2) {color:#01354e;padding:8px 20px;display:inline-block;border-radius:10px;background:#fff;text-decoration:none;text-transform:uppercase}


* {transition: all 1s ease;}

.copyright {background:#01354e;color:#fff;margin-top:4em;padding-top:1em;padding-bottom:1em;font-size:0.9em;}
.copyright .bi {font-size:2em;margin-left:15px;}

.bgarea > .halbtransparent, .bgarea > .blaugefaerbt {position:relative;}

.schatten img {-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2);}

.bgarea > .halbtransparent::before {background:linear-gradient(135deg,rgb(239,231,220) 0%,rgba(240,232,221,0.73) 49%,rgb(239,231,220) 100%);width:100%;height:100%;content:" ";position:absolute;margin-left:-15px;}
.bgarea > .blaugefaerbt,.bgarea > .blaugefaerbt h2 {color:#fff;}

.bgarea > .blaugefaerbt::before {background:#01354e;opacity:0.8;width:100%;height:100%;content:" ";position:absolute;margin-left:-15px;}

.bgarea > .blaugefaerbt .box {    border-radius: 15px;
    background-color: #f0e8dde8;color:#01354e;
    margin-bottom: 40px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px;}
    .bgarea > .blaugefaerbt .box a {text-decoration:none;color:#014864;}
.bgarea > .blaugefaerbt .box .bi {font-size:2em;color:#fff;background:#014864;border-radius:500px;width:2em;height:2em;display:inline-block;line-height:2em;margin-bottom:1em}


.bgarea >.minhoehe, .bgarea > .minhoehe .minhoehe {min-height:80vh;    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;}

footer a,
footer a:active, 
footer a:visited {color:#fff;text-decoration:none;}
footer a:hover {text-decoration:underline;}


.bgarea > .muster .muster {background-repeat: repeat !important;padding-top:8em;padding-bottom:8em;background-size:inherit !important}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/files/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/files/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - 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: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('/files/fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - 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: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('/files/fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




	.mod_recommendationlist {
    position: relative;
}

/* Der sichtbare Bereich */
.mod_recommendationlist .recommendation-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 1.5rem; /* Abstand zur Summary, nach Bedarf anpassen */
}

/* Track mit allen Slides nebeneinander */
.mod_recommendationlist .recommendation-slider-track {
    display: flex;
    transition: transform 0.3s ease;
    will-change: transform;


}

	.mod_recommendationlist .summary {        padding:20px;
        border-radius:10px;        background-color: rgba(17, 17, 17, 0.05);text-align:center;}
        
        	.mod_recommendationlist .summary::before {content:"Bewertungen";font-weight:bold;font-size:1.5em;display:block;text-align:center;margin-bottom:10px;}

/* Jede Empfehlung ist ein Slide */
.mod_recommendationlist .layout_full.block {
    flex: 0 0 100%; /* 1 Slide = 100% Breite */
    box-sizing: border-box;
            padding:20px;
        border-radius:10px;        background-color: rgba(17, 17, 17, 0.05);
}

.mod_recommendationlist .layout_full.block figure {
    float:left;
    border-radius:500px;margin-right:20px;
}
.mod_recommendationlist .layout_full.block figure img {
    border-radius:500px;
    width:50px;height:50px;
}
.mod_recommendationlist .layout_full.block .rating {display:block;color:rgb(252, 191, 2) !important}


/* Pfeile */
.mod_recommendationlist .slider-prev,
.mod_recommendationlist .slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: none;
    padding: 0.5rem 0.75rem;
    background: rgba(0,0,0,0.5);
    color: #fff;
    cursor: pointer;
    z-index: 5;
}

.mod_recommendationlist .slider-prev { left: 0.5rem; }
.mod_recommendationlist .slider-next { right: 0.5rem; }


@media (max-width: 992px) {
  header nav.hidemobile ul {        flex-direction: column;
        position: fixed;
        left: 0;
        top: 0;
        width: 1vw;
        height: 100vh;
        z-index: 999;
        background: #01354e;        padding-top: 15px;
        margin:0;
            justify-content: flex-start;transition: all 1s ease;}

  header nav ul {
        flex-direction: column;
        position: fixed;
        left: 0;
        top: 0;
        width: 65vw;
        height: 100vh;
        z-index: 999;
        background: #01354e;        padding-top: 15px;
        margin:0;
            justify-content: flex-start;transition: all 1s ease;
  }
  .zeitenbox, .bgarea > .blaugefaerbt .box {
      width:100%;
      
  }
  footer figure {max-width:200px;height:auto;}
  .bgarea > .minhoehe, .bgarea > .minhoehe .minhoehe {
    min-height: inherit;
    }
    .showmenu {display:block;text-align:right;font-size:3em;}
.hidemobile {display:none;}

.bgarea > .muster .muster {
    padding-top: 4em;
    padding-bottom: 4em;
}

footer h4, footer p {text-align:left !important}
    header nav li a {
    padding: 10px 20px;
    display: block;
    margin: 10px 30px 0 0;
}

header .grid_mobile_50_50 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
    .mod_recommendationlist {
    max-width: 100vw;
}

}