html{scroll-behavior:smooth;overflow-x:hidden;}
body{color:#152E4D;font-family:'Montserrat', sans-serif;font-size:17px;}

.container{max-width:1800px;}
b, strong{font-weight:600;}

a{color:#053C68;outline:none;transition:0.3s;}
a:hover{color:#7BA7D5;text-decoration:none;transition:0.3s;}

h1{color:#053C68;text-transform:uppercase;font-weight:500;font-size:350%;margin-bottom:0;}
h2{text-transform:uppercase;font-weight:600;margin:0;color:#7BA7D5;}
h3{text-transform:uppercase;font-weight:300;margin:0;}

p{line-height:1.6;color:#555555;margin-bottom:0;margin-top:15px;}

.btn{border-radius:50px;color:#053C68;border:solid 1px #053C68;background:transparent;text-transform:uppercase;font-weight:300;padding:10px 50px 10px 20px;transition:0.3s;position:relative;}
.btn::after{content:'';background:url('media/arrow-blue.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:14px;right:20px;transition:0.3s;}
.btn:hover::after{right:10px;transition:0.3s;}
.button{margin-top:50px;}

img{max-width:100%;}

ul{padding-left:25px;}
li{list-style:none;margin:10px 0;position:relative;}

/*---HEADER-------------------------------------------------------------------*/
ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }
/*---HEADER-------------------------------------------------------------------*/

#page-header{padding:20px 0;position:absolute;top:0;left:0;right:0;z-index:999;}
#page-header .sub-menu{display:none;padding:10px 5px!important;position:absolute;width:280px;background:rgba(255,255,255,0.5);z-index:1;text-align:left;}
#page-header .sub-menu li{width:100%;}
#page-header .sub-menu li a:hover{color:#053C68!important;}
#page-header li:hover ul.sub-menu{display:block;}
#page-header .sub-menu li{margin:5px 10px!important;}
#page-header .sub-menu li a{color:#fff;}
#page-header .menu{display:inline-block;text-align:center;padding-top:15px;}

#page-header .socialmedia{text-align:right;}
#page-header .socialmedia img{margin:25px 5px;}

#page-header .menu #menu-item-100{border:solid 2px #053C68;border-radius:50px;padding:10px 50px 10px 20px;position:relative;transition:0.3s;}
#page-header .menu #menu-item-100:hover{border:solid 2px #7BA7D5;transition:0.3s;}
#page-header .menu #menu-item-100:hover::after{content:'';background:url('media/arrow-hell-blue.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:15px;right:10px;transition:0.3s;}    
#page-header .menu #menu-item-100::after{content:'';background:url('media/arrow-blue.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:15px;right:15px;transition:0.3s;}
#page-header .menu #menu-item-100.current-menu-item::after{content:'';background:url('media/arrow-hell-blue.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:15px;right:15px;transition:0.3s;}
#page-header .menu #menu-item-100.current-menu-item:hover::after{right:10px;transition:0.3s;}

#page-header .menu #menu-item-277{border: solid 2px #053C68;border-radius: 50px;padding: 10px 50px 10px 20px;position: relative;transition: 0.3s;}
#page-header .menu #menu-item-277:hover::after{right:10px;transition:0.3s;}    
#page-header .menu #menu-item-277::after{content: '';background: url(media/arrow-hell-blue.png)no-repeat;background-size: 100%;width: 20px;height: 20px;display: block;position: absolute;top: 15px;right: 15px;transition: 0.3s;}

#page-header .menu ul{padding:0;margin:0;}
#page-header .menu ul li{display:inline-block;margin:0 10px;}
#page-header .menu ul li a{color:#053C68;}
#page-header .menu.active ul li a{color:#FFFFFF;}
#page-header .menu ul li:hover > a{color:#7BA7D5;}

#page-header ul li.current-menu-item > a{color:#7BA7D5;font-weight:600;}
#page-header .logo img{max-width:100%;}
#page-header.bottom {position:fixed;top:0;left:0;right:0;background:#fff;height:70px;
    -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;
    -webkit-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);-moz-box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);box-shadow: 0px 3px 11px -6px rgba(0,0,0,0.3);
    z-index:999;
}
@keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -100px; }
    to   { top: 0; }
}
#page-header.bottom .logo img{max-width:60%;margin-top:-10px;}
#page-header.bottom .menu{padding-top:0;}
#page-header.bottom .menu a{color:#053C68;}
#page-header.bottom .menu #menu-item-100{padding:0px 20px 0px 20px;}
#page-header.bottom .menu #menu-item-100:hover a{color:#7BA7D5;}
#page-header.bottom .menu #menu-item-100::after{display:none;}
#page-header.bottom .menu #menu-item-277{padding:0px 20px 0px 20px;}
#page-header.bottom .menu #menu-item-277:hover a{color:#7BA7D5;}
#page-header.bottom .menu #menu-item-277::after{display:none;}
#page-header.bottom .socialmedia{display:none;}

/*---FOOTER-------------------------------------------------------------------*/

#page-footer{background:#7BA7D5;padding:50px 0;z-index:1;position:relative;}
#page-footer a{color:#fff;transition:0.3s;display:inline-block;width:100%;}
#page-footer a:hover{color:#053C68;transition:0.3s;}
#page-footer p{color:#fff;margin:0;}
#page-footer h3{color:#fff;font-weight:600;font-size:120%;margin-bottom:15px;}
#page-footer ul{padding:0;}
#page-footer ul li{margin:0;}
#page-footer .backtotop{position:absolute;right:50px;}
#page-footer .backtotop img{max-width:60%;}
#page-footer .copyright{margin-top:50px;}
#page9 .flx_textblock h3{margin:20px 0;text-transform:none;color:#7BA7D5;}

/*---G�STEBUCH------------------------------------------------------------*/

.gaestebuch .formular{padding:100px 20px;background:#053C68;}
.gaestebuch .formular h2{margin-bottom:25px;font-size:250%;}
.gaestebuch .formular h2, .gaestebuch .formular p, .gaestebuch .formular span, .gaestebuch .formular a, .gaestebuch .formular .ff_t_c{color:#fff!important;}
.gaestebuch .formular input{background:#fff;border:none;padding:5px 10px;color:#000;margin:15px 0;width:100%;height:50px;border-radius:0;}
.gaestebuch .formular textarea{background:#fff;border:none;padding:5px 10px;color:#000;margin:15px 0;width:100%;height:150px;border-radius:0;}
.gaestebuch .formular .btn{font-weight:600;border:solid 2px #fff;border-radius:0;transition:all .3s ease;color:#053C68;width:100%;background:#fff;padding:10px 20px;}
.gaestebuch .formular .btn:after{display:none;}
.gaestebuch .formular .btn:hover{background:transparent;color:#fff;transition:all .3s ease;}
.gaestebuch .formular .recaptcha{display:block;margin:25px 0;}
.fluentform .ff-el-form-check-label .ff-el-form-check-input{width:15px;height:15px;margin:0 5px 0 0;}
.gaestebuch .formular #captchacode{width:75%;}

.gaestebuch .eintraege{padding:25px;}
.gaestebuch .eintraege .row{margin:0;}
.gaestebuch .eintraege .item{padding:25px;background:#f2f2f2;margin:15px 0;}
.gaestebuch .eintraege .item .text{}
.gaestebuch .eintraege .item .text h2{font-size:175%;}
.gaestebuch .pagination{display:block;width:100%;text-align:center;}
.gaestebuch .pagination .prev,
.gaestebuch .pagination .next{padding:0 10px;}
.gaestebuch .pagination .page-numbers{padding:0 4px;display:inline-block;}

/*---SEITENBLOECKE------------------------------------------------------------*/

.flx_headervideo{position:relative;}
.flx_headervideo:after{content:'';background-image:linear-gradient(180deg, #fff 10%, transparent 50%);position:absolute;top:0;right:0;bottom:0;left:0;}

.flx_headerbild{position:relative;}
.flx_headerbild:after{content:'';background-image:linear-gradient(180deg, #fff 10%, transparent 50%);position:absolute;top:0;right:0;bottom:0;left:0;}
.flx_headerbild .headlinebox{position:absolute;bottom:15%;}
.flx_headerbild .headlinebox .headline{color:#fff;font-weight:700;font-size:400%;}
.flx_headerbild .headlinebox .subline{font-weight:300;font-size:300%;margin-top:-15px;color:#fff;}

.flx_textblock.bild-text{margin:150px 0;}
.flx_textblock.bild-text .text{padding-top:40px;}

.flx_zahlen{margin:150px 0;}
.flx_zahlen .item{text-align:center;position:relative;}
.flx_zahlen .item::after{content:'';background:url('media/arrow-grey.png')no-repeat;background-size:100%;width:40px;height:40px;display:block;position:absolute;top:175px;right:0px;}
.flx_zahlen .item:nth-child(3)::after{display:none;}
.flx_zahlen .item .zahl{font-size:100px;color:#7BA7D5;font-weight:300;}

.flx_vorteile{margin:150px 0;}
.flx_vorteile .item{text-align:center;}
.flx_vorteile .item .inner{background:#F9F9F9;padding:50px;}
.flx_vorteile .item .inner img{max-width:30%;margin-bottom:30px;}
.flx_vorteile .item .inner h3{font-weight:600;font-size:140%;}

.flx_textblock{margin:150px 0;}
.flx_textblock a{font-weight:600;color:#053C68;}
.flx_textblock p{width:70%;}
.flx_textblock ul{position:relative;padding-left:30px;}
.flx_textblock ul li::before{content:'';background:url('media/rec.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:5px;left:-30px;}

.flx_textblock-kacheln{margin:150px 0;}
.flx_textblock-kacheln .item:nth-child(2){background:#053C68;}
.flx_textblock-kacheln .item{background:#7BA7D5;padding:30px;margin-bottom:20px;}
.flx_textblock-kacheln .bild{margin-bottom:20px;}
.flx_textblock-kacheln .item p, .flx_textblock-kacheln .item h3{color:#fff;}
.flx_textblock-kacheln .item p{margin-top:0;font-size:75%;}
.flx_textblock-kacheln .item .zahl{display:block;width:150px;height:200px;overflow:hidden;margin-left:-30px;position:relative;}
.flx_textblock-kacheln .item .zahl .subline{color:#fff;opacity:0.2;font-size:800%;margin-left:-50px;}
.flx_textblock-kacheln .item .zahl .tag{color:#fff;opacity:1;font-size:300%;margin-left:0;position:absolute;top:50%;margin-top:-35px;z-index:5;margin-left:30px;text-transform:uppercase;}
.flx_textblock-kacheln .col-sm-3{min-height:600px;}

.flx_textblock.text-klein-bild-gross{margin:150px 0;}
.flx_textblock.text-klein-bild-gross .text{padding:30px;}
.flx_textblock.text-klein-bild-gross .text h3, .flx_textblock.text-klein-bild-gross .text p{color:#fff;}
.flx_textblock.text-klein-bild-gross #unten{margin-top:15px;}
.flx_textblock.text-klein-bild-gross .text .btn{border:solid 1px #fff;color:#fff;}
.flx_textblock.text-klein-bild-gross .text .btn::after{content:'';background:url('media/arrow.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:14px;right:20px;transition:0.3s;}
.flx_textblock.text-klein-bild-gross .text .btn:hover::after{right:10px;transition:0.3s;}
.flx_textblock.text-klein-bild-gross span.spruch{position:absolute;z-index:1;color:#fff;font-size:450%;top:100px;left:50px;transform:rotate(-10deg);font-family: 'Kaushan Script';text-align:right;line-height:1.2;}
.flx_textblock.text-klein-bild-gross #unten .bild{padding-left:0;}
.flx_textblock.text-klein-bild-gross #unten .bild img{width:100%;}
.flx_textblock.text-klein-bild-gross #oben .bild{padding-right:0;}
.flx_textblock.text-klein-bild-gross #oben .bild img{width:100%;}

.flx_textblock.map-text{margin:150px 0;}
.flx_textblock.map-text .info .punkt{position:absolute;width:48px;height:48px;background-size:48px!important;left:0;top:0;background:url('media/punkt.png') no-repeat center center;cursor:pointer;transition: .3s;}
.flx_textblock.map-text .info .punkt:hover{transform:scale(1.1);transition: .3s;}
.flx_textblock.map-text .editor7{display:none;background:transparent;z-index:9;position:relative;font-size:150%;color:#7BA7D5;font-weight:600;}
.flx_textblock.map-text .editor7.active{display:block;}
.flx_textblock.map-text .editor8{display:none;background:transparent;z-index:9;position:relative;font-size:150%;color:#7BA7D5;font-weight:600;}
.flx_textblock.map-text .editor8.active{display:block;}
.flx_textblock.map-text .editor9{display:none;background:transparent;z-index:9;position:relative;font-size:150%;color:#7BA7D5;font-weight:600;}
.flx_textblock.map-text .editor9.active{display:block;}
.flx_textblock.map-text .info{max-width:400px;padding-left:65px;padding-bottom:0px;position:absolute;}

.flx_textblock.headline-big{margin:150px 0;background:#f9f9f9;padding:50px 0;}
.flx_textblock.headline-big p{margin:0;columns:2;}
.flx_textblock.headline-big h2{color:#053C68;}

.flx_bildergalerie.text{margin:150px 0;}
.flx_bildergalerie.text .item{padding:0 5px;}
.flx_bildergalerie.text .item:nth-child(2){margin-top:100px;}
.flx_bildergalerie.text .item img{width:100%;}
.flx_bildergalerie.text .item .text{text-align:center;margin-top:15px;}
.flx_bildergalerie.text .item .headline{color:#053C68;font-weight:700;font-size:130%;}
.flx_bildergalerie.text .item p{margin-top:5px;}

.flx_bildergalerie-3grid{margin:150px 0;}

.flx_bildergalerie-4grid{margin:150px 0;}

.flx_bildergalerie-slider{margin:150px 0;position:relative;}
.flx_bildergalerie-slider .owl-nav{background:#fff;width:120px;height:50px;position:absolute;right:0;bottom:0;}
.flx_bildergalerie-slider .owl-nav .owl-prev{content:'';background:url('media/arrow-grey.png')no-repeat;background-size:100%;display:block;width:25px;height:25px;position:absolute;right:70px;bottom:15px;transform:rotate(180deg);}
.flx_bildergalerie-slider .owl-nav .owl-next{content:'';background:url('media/arrow-grey.png')no-repeat;background-size:100%;display:block;width:25px;height:25px;position:absolute;right:20px;bottom:10px;}
.flx_bildergalerie-slider .headline{margin-bottom:20px;}

.flx_bildergalerie.video{margin:50px 0 0;}
.flx_bildergalerie.video video{max-width:100%;}

.flx_segeltouren{margin:150px 0;}
.flx_segeltouren .item{position:relative;margin-bottom:20px;}
.flx_segeltouren .content .segeltourname{color:#fff;font-size:150%;margin-top:-5px;margin-left:20px;}
.flx_segeltouren .content .headline{color:#fff;font-size:150%;margin-left:20px;font-weight:600;margin-top:25px;}
.flx_segeltouren .content p{color:#fff;margin-left:20px;}
.flx_segeltouren .content{background:#7BA7D5;margin-bottom:20px;}
.flx_segeltouren .content .btn{border:solid 1px #fff;color:#fff;margin-top:50px;margin-left:20px;}
.flx_segeltouren .content .btn::after{content:'';background:url('media/arrow.png')no-repeat;background-size:100%;width:20px;height:20px;display:block;position:absolute;top:14px;right:20px;transition:0.3s;}
.flx_segeltouren .content .btn:hover::after{right:10px;transition:0.3s;}
.flx_segeltouren .inhalt{margin-bottom:50px;}

.flx_preistabelle{margin:100px 0;padding:50px 0;}
.flx_preistabelle table{width:70%;margin:0 auto;}
.flx_preistabelle table #head{background:#7BA7D5;color:#fff;}
.flx_preistabelle table td{padding:10px;}
.flx_preistabelle table tr:nth-child(2n+1){background:#f9f9f9;}
.flx_preistabelle h2, .flx_preistabelle p{width:100%;}


/*---KONTAKTFORMULAR----------------------------------------------------------*/

.flx_kontaktformular .kontakt input{border:none;width:100%;padding:15px;background:#f9f9f9;margin:15px 0;}
.flx_kontaktformular .kontakt input:focus-visible{outline:none;}
.flx_kontaktformular .kontakt textarea{border:none;width:100%;padding:15px;background:#f9f9f9;margin:15px 0;}
.flx_kontaktformular .kontakt textarea:focus-visible{outline:none;}
.flx_kontaktformular .formular{margin:0 auto;margin-bottom:50px;}
.flx_kontaktformular .headline{text-align:center;margin-bottom:30px;}
.flx_kontaktformular .formular .datenschutzcheck{width:14px;}
.flx_kontaktformular .formular .btn{border-radius:50px;color:#fff;background:#7BA7D5;text-transform:uppercase;font-weight:300;padding:10px 50px 10px 20px;transition:0.3s;position:relative;}
.flx_kontaktformular .formular .btn:hover{background:#053C68;color:#fff;transition:0.3s;}
.flx_kontaktformular .formular p{margin-top:0;}
.flx_kontaktformular .formular .pflicht{margin-bottom:5px;color:#7BA7D5;}

.flx_buchungsformular .kontakt input{border:none;width:100%;padding:15px;background:#f9f9f9;margin:15px 0;}
.flx_buchungsformular .kontakt select{border:none;width:100%;padding:15px;background:#f9f9f9;margin:15px 0;}
.flx_buchungsformular .kontakt input:focus-visible{outline:none;}
.flx_buchungsformular .kontakt textarea{border:none;width:100%;padding:15px;background:#f9f9f9;margin:15px 0;}
.flx_buchungsformular .kontakt textarea:focus-visible{outline:none;}
.flx_buchungsformular .formular{margin:0 auto;margin-bottom:50px;}
.flx_buchungsformular .headline{text-align:center;margin-bottom:10px;}
.flx_buchungsformular .formular .datenschutzcheck{width:14px;}
.flx_buchungsformular .formular .btn{border-radius:50px;border:none;color:#fff;background:#7BA7D5;text-transform:uppercase;font-weight:300;padding:10px 20px 10px 20px;transition:0.3s;position:relative;width:100%;margin-top:15px;}
.flx_buchungsformular .formular .btn:hover{background:#053C68;color:#fff;transition:0.3s;}
.flx_buchungsformular .formular .btn:after{display:none;}
.flx_buchungsformular .formular p{margin-top:0;}
.flx_buchungsformular .formular .pflicht{margin-bottom:5px;color:#7BA7D5;}
.flx_buchungsformular .formular h3{width:100%;text-align:center;font-size:120%;text-transform:none;margin:10px 0;}
.flx_buchungsformular .formular a{font-weight:600;color:#7BA7D5;}
.flx_buchungsformular .formular a:hover{color:#053C68;}

.flx_buchungsformular .formular input{border:none;width:100%;padding:15px;background:#f9f9f9;margin:0;}
.flx_buchungsformular .formular select{border:none;width:100%;padding:15px;background:#f9f9f9;margin:0;}
.flx_buchungsformular .formular select option{font-size:115%;}
.flx_buchungsformular .formular input:focus-visible{outline:none;}
.flx_buchungsformular .formular input::placeholder, .flx_buchungsformular .formular textarea::placeholder{font-size:115%;}
.flx_buchungsformular .formular textarea{border:none;width:100%;padding:15px;background:#f9f9f9;margin:0;}
.flx_buchungsformular .formular textarea:focus-visible{outline:none;}

/*---RESPONSIVE---------------------------------------------------------------*/

@media (max-width:1600px) {

.container{max-width:1550px;}
    
body{font-size: 15px;}    

#page-header .menu ul li{margin:0 4px;}
#page-header .menu{padding-top:0;}

.flx_textblock.bild-text{margin:100px 0;}

.flx_vorteile .item .inner h3{font-size:100%;}

}
/*----------------------------------------------------------------------------*/
@media (max-width: 1420px) {

#page-header .menu{display:none;position:fixed;top:0;right:0;width:0%;padding:100px 0 50px!important;height:100%;background:#053C68;}
#page-header .menu.active{display:block;width:30%;}
#page-header .menu ul li{width:100%;margin-left:0;margin-right:0;margin-bottom:10px;}
#page-header li:hover ul.sub-menu{display:none;}
#page-header .menu ul li.menu-item-has-children::after{content:'';background:url('media/arrow-white.png') no-repeat;background-size:100%;width:15px;height:15px;display:block;position:absolute;top:5px;left:40px;transform:rotate(90deg);}
#page-header .menu ul li.menu-item-has-children.active::after{content:'';background:url('media/arrow-white.png') no-repeat;background-size:100%;width:15px;height:15px;display:block;position:absolute;top:5px;left:40px;transform:rotate(-90deg);}
#page-header .menu ul li.menu-item-has-children.active .sub-menu{display:block!important;width:100%;text-align:center;background-color: #053C68;}
#page-header .menu #menu-item-100{border: solid 2px #fff;border-radius: 50px;padding: 10px 50px 10px 20px;position: relative;transition: 0.3s; width: 55%;}
#page-header .menu #menu-item-100::after{display:none;}
#page-header .menu #menu-item-277 {border: solid 2px #fff;border-radius: 50px;padding: 10px 50px 10px 20px;position: relative;transition: 0.3s; width: 50%;}
#page-header .menu #menu-item-277.current-menu-item::after{content: '';
    background: url(media/arrow-hell-blue.png)no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    transition: 0.3s;}
#page-header.bottom .logo img{max-width:100%;}

#menubuttonburger{display:block;background:url('media/burgermenu-blue.png')no-repeat;background-size:100%;width:40px;height:40px;position:absolute;top:30px;right:50px;z-index:999;}
#menubuttonburger.active{display:block;background:url('media/burgermenu-close.png')no-repeat;background-size:100%;width:35px;height:35px;position:fixed;top:30px;right:50px;z-index:999;}
#menubuttonburger:hover{cursor:pointer;}
#page-header.bottom #menubuttonburger{background:url('media/burgermenu-blue.png')no-repeat;background-size:100%;width:40px;height:40px;position:absolute;top:15px;right:50px;z-index:999;}
#page-header.bottom #menubuttonburger.active{background:url('media/burgermenu-close.png')no-repeat;background-size:100%;width:35px;height:35px;position:absolute;top:15px;right:50px;z-index:999;}
#page-header.bottom .menu a{color:#fff;}
.flx_headerbild .headlinebox {top: unset;}


.flx_textblock.text-klein-bild-gross .col-sm-3{max-width:50%;flex:0 0 50%;}
.flx_textblock.text-klein-bild-gross .col-sm-9{max-width:50%;flex:0 0 50%;}
.flx_textblock.text-klein-bild-gross #oben .bild img, .flx_textblock.text-klein-bild-gross #unten .bild img{height:100%;}
.flx_textblock.text-klein-bild-gross span.spruch{font-size:250%;top:40px;}

.flx_segeltouren .content, .flx_segeltouren .item{max-width:50%;flex:0 0 50%;}

.flx_textblock.headline-big .text{max-width:100%;flex:0 0 100%;margin-top:50px;}
.flx_textblock.headline-big .headline-big{max-width:100%;flex:0 0 100%;}
.flx_textblock .button {width: 65%;}

.flx_textblock p{width:100%;}

#page-footer .backtotop{bottom:50px;z-index:1;}

.flx_bildergalerie-slider{margin:50px 0;position:relative;padding: 50px 15px;}

}
/*----------------------------------------------------------------------------*/
@media (max-width:992px) {


#page-header .logo{max-width:50%;flex:0 0 50%;}
#page-header .logo img{max-width:50%;}
#page-header.bottom .logo img{max-width:40%;}
#page-header .menu.active{width:40%;}

.flx_headerbild .headlinebox .headline{font-size:300%;}
.flx_headerbild .headlinebox .subline{font-size:250%;}

.flx_textblock.text-klein-bild-gross .col-sm-3{max-width:100%;flex:0 0 100%;}
.flx_textblock.text-klein-bild-gross .col-sm-9{max-width:100%;flex:0 0 100%;padding:0;}

.flx_vorteile .item{max-width:50%;flex:0 0 50%;margin-bottom:30px;}

.gaestebuch .formular{max-width:100%;flex:0 0 100%;margin-top:40px;}
.gaestebuch .eintraege{max-width:100%;flex:0 0 100%;padding:0;}

.flx_buchungsformular .formular{max-width:100%;flex:0 0 100%;}

}
/*----------------------------------------------------------------------------*/
@media (max-width:774px) {


#page-header .logo img{max-width:70%;}
#page-header .menu.active{width:50%;}

.flx_textblock.bild-text{margin:50px 0;}
.flx_textblock.bild-text .bild, .flx_textblock.bild-text .text{max-width:100%;flex:0 0 100%;}

.flx_zahlen{margin:100px 0;}

.flx_vorteile{margin:100px 0;}

.flx_textblock.text-klein-bild-gross{margin:100px 0;}

.flx_headerbild .headlinebox .headline{font-size:250%;}
.flx_headerbild .headlinebox .subline{font-size:200%;}

.flx_segeltouren{margin:100px 0;}
.flx_segeltouren .content, .flx_segeltouren .item{max-width:100%;flex:0 0 100%;padding:0;}
.flx_segeltouren .content{height:350px;}

.flx_bildergalerie-4grid{margin:50px 0;}
.flx_bildergalerie-4grid .col-sm-3{max-width:50%;flex:0 0 50%;margin-bottom:30px;}

.flx_textblock.headline-big{margin:100px 0;}

#page-footer .col-sm-3{max-width:50%;flex:0 0 50%;margin-bottom:30px;}
#page-footer .backtotop{right:10px;}
    
}
/*----------------------------------------------------------------------------*/
@media (max-width:576px) {


#page-header .logo img{max-width:80%;}
#page-header .menu.active{width:70%;}
#page-header.bottom .logo img{max-width:70%;}

.flx_zahlen .item::after{display:none;}

.flx_vorteile .item{max-width:100%;flex:0 0 100%;}

.flx_textblock{margin:100px 0;}

.flx_headerbild .image{min-height:450px!important;}

.flx_headerbild .headlinebox .headline{margin-bottom:10px;}
.flx_headerbild .headlinebox .subline{font-size:150%;}

.flx_bildergalerie-3grid{margin:100px 0;}
.flx_bildergalerie-3grid .col-sm-4{margin-bottom:30px;}

.flx_textblock.bild-text{margin-top:20px;}

}
/*----------------------------------------------------------------------------*/
@media (max-width:470px) {

h2{font-size:120%;}
p{font-size:90%;}
.btn{width:100%;font-size:90%;}

#menubuttonburger, #menubuttonburger.active{width:30px;height:30px;top:20px;right:25px;}
#page-header.bottom #menubuttonburger, #page-header.bottom #menubuttonburger.active{width:30px;height:30px;top:10px;right:25px;}
#page-header .menu.active{width:100%;}
#page-header.bottom{height:50px;}
#page-header.bottom .logo img{margin-top:-20px;}

.flx_textblock.text-klein-bild-gross span.spruch{font-size:150%;}

.flx_textblock.text-klein-bild-gross{margin:30px 0;}

.flx_textblock.headline-big{margin:50px 0;}
.flx_textblock.headline-big p{columns:1;}

.flx_headerbild .headlinebox .headline{font-size:200%;}
.flx_headerbild .headlinebox .subline{font-size:100%;}

.flx_segeltouren .content{height:400px;}

#page-footer .col-sm-3{max-width:100%;flex:0 0 100%;}
#page-footer .copyright p{text-align:center;}
#page-footer .backtotop{top:45px;}

}
/*----------------------------------------------------------------------------*/
@media (max-width:400px) {
    
.flx_preistabelle table td {padding: 8px;}
.flx_preistabelle table tr {font-size: 13px;}
.flx_preistabelle h5 {font-size: 1rem;}
.gaestebuch .eintraege .item .text h2 {font-size: 140%;}

}
/*----------------------------------------------------------------------------*/