/* HOME DE */
section#row2, section#row3, section#row4, section#row5, section#row6, section#row7, section#row8, section#row9, section#row10, section#row11, section#row12, section#row13, section#row14 {display:block;}
section#row2, section#row7 {margin:0 0 110px;}
section#row2, section#row7, section#row10 {background:#E0EFEE;}
section#row3, section#row8, section#row13 {background:#D27864;}
section#row5, section#row11 {background:#0F8583;}
/* Text rechts */
section#row5 .col:nth-of-type(1), section#row8 .col:nth-of-type(1), section#row13 .col:nth-of-type(1) {flex:1 1 50.5%;max-width:50.5%;padding:0;line-height:0;}
section#row5 .col:nth-of-type(2), section#row8 .col:nth-of-type(2), section#row13 .col:nth-of-type(2) {flex:1 1 49.5%;max-width:49.5%;padding:5vw;color:#fff;display:flex;flex-direction:column;justify-content:center;} 
/* Text links */
section#row3 .col:nth-of-type(1), section#row11 .col:nth-of-type(1) {flex:1 1 49.5%;max-width:49.5%;padding:5vw;color:#fff;display:flex;flex-direction:column;justify-content:center;}
section#row3 .col:nth-of-type(2), section#row11 .col:nth-of-type(2) {flex:1 1 50.5%;max-width:50.5%;padding:0;line-height:0;}
/* Texte */
section#row3 .col h3, section#row5 .col h3, section#row8 .col h3, section#row11 .col h3, section#row13 .col h3  {text-align:center;}
section#row3 .col p, section#row5 .col p, section#row8 .col p, section#row11 .col p, section#row13 .col p  {padding:0 80px 0 100px;font-family:'assistant-light',sans-serif;font-size:24px;line-height:30px;}
/* Bilder */
section#row3 .col img, section#row5 .col img, section#row8 .col img, section#row11 .col img, section#row13 .col img {min-width:100%;width:auto;min-height:100%;height:auto;object-fit:cover;}

/* zweispaltig 37/63 */
section#row1 .col:nth-of-type(1), section#row2 .col:nth-of-type(1), section#row4 .col:nth-of-type(1), section#row6 .col:nth-of-type(1), section#row9 .col:nth-of-type(1), section#row12 .col:nth-of-type(1), section#row4 .col:nth-of-type(1) {flex:1 1 37%;max-width:37%;position:relative;}
section#row1 .col:nth-of-type(2) {flex:1 1 63%;max-width:63%;padding:60px 14vw 95px 0;}
section#row4 .col:nth-of-type(2), section#row6 .col:nth-of-type(2), section#row9 .col:nth-of-type(2), section#row12 .col:nth-of-type(2) {flex:1 1 63%;max-width:63%;padding:95px 14vw 95px 0;}
section#row1 .col:nth-of-type(1) {padding:60px 6vw 50px;} 
section#row2 .col:nth-of-type(1) {padding:220px 6vw 50px;}
section#row2 .col:nth-of-type(2) {flex:1 1 63%;max-width:63%;padding:95px 14vw 80px 0;position:relative;}

.paket_oben {background:#fff;padding:40px 0 50px;}
.togglebox .paket_oben {background:#fff;padding:42px 0 0;}
.paket_punkte {width:100%;height:18px;background:url(../images/punkte.png) repeat-x top center;}
.paket_unten {background:#fff;padding:40px 0;}
.paket_lean {position:relative;width:100%;z-index:9;-webkit-filter: drop-shadow(4px 4px 4px #00000029);filter: drop-shadow(4px 4px 4px #00000029);/*-webkit-filter: drop-shadow(0px 3px 8px #00000029);filter: drop-shadow(0px 3px 8px #00000029);*/}
.paket_lean {padding:50px 0 0;}
.paket_text {background:#fff;padding:0 0 40px 0;}
section#row2 .paket_lean ul {padding:50px 150px 0 150px;}
section#row2 .togglebox ul {padding:50px 100px 0 100px;}
section .paket_lean p, section .paket_lean ul {font-size:28px;line-height:35px;}
section .togglebox p, section .togglebox ul {font-size:21px;line-height:28px;}
section .paket_lean li, section .togglebox li  {padding:0 0 0 90px;margin:0 0 22px 0;list-style:none;background:url(../images/check-gruen.svg) center left no-repeat;background-size:55px;line-height:55px;}
.pricebox {width:100%;text-align:center;}
section .paket_lean .pricebox p, section .togglebox .pricebox p {margin:0 0 16px 0;}
.price {font-size:58px;}
section#row2 .colframe_50 .col:nth-of-type(1) {flex:1 1 50%;max-width:50%;padding:10px 35px 10px 14vw;position:relative;}
section#row2 .colframe_50 .col:nth-of-type(2) {flex:1 1 50%;max-width:50%;padding:10px 14vw 10px 35px;position:relative;}
.btn_frame {position:absolute;bottom:140px;right:14vw;margin-right:-200px;z-index:8;}
.btn_frame img {position:absolute;top:0;left:0;}
section .btn_frame img:nth-child(1), section .btn_frame img:nth-child(1), section .btn_frame img:nth-child(1) {display:block;opacity:1;}
section .btn_frame img:nth-child(2), section .btn_frame img:nth-child(2), section .btn_frame img:nth-child(2) {display:block;opacity:0;}
.btn_frame:focus img:nth-child(1), .btn_frame:hover img:nth-child(1), .btn_frame:active img:nth-child(1) {display:block;opacity:0;}
.btn_frame:focus img:nth-child(2), .btn_frame:hover img:nth-child(2), .btn_frame:active img:nth-child(2) {display:block;opacity:1;}
section a.btn-buchen:link, section a.btn-buchen:visited {display:block;width:295px;height:295px;}
.btn_frame_m {display:none;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ TOGGLE ~~~~~~~~~~~~~~~~~~~~~~ */
.togglebox {width:100%;cursor:pointer;position:relative;-webkit-filter: drop-shadow(4px 4px 4px #00000029);filter: drop-shadow(4px 4px 4px #00000029);transition: 0s;}
.togglebox + .togglebox {margin:40px 0 80px 60px;}
.togglecontent {display:none;width:100%;}
.togglebox.visible {}
.togglebox.visible .togglecontent {display:block;}
.pfeil_frame {position:absolute;top:18px;right:24px;z-index:10;}
.togglebox .btn-pfeil {display:block;width:100px;height:100px;}
.btn-pfeil img {position:absolute;top:0;left:0;}
section .btn-pfeil img:nth-child(1), section .btn-pfeil img:nth-child(1), section .btn-pfeil img:nth-child(1) {display:block;opacity:1;}
section .btn-pfeil img:nth-child(2), section .btn-pfeil img:nth-child(2), section .btn-pfeil img:nth-child(2) {display:block;opacity:0;rotate:-90deg;}
.btn-pfeil:focus img:nth-child(1), .btn-pfeil:hover img:nth-child(1), .btn-pfeil:active img:nth-child(1) {display:block;opacity:0;}
.btn-pfeil:focus img:nth-child(2), .btn-pfeil:hover img:nth-child(2), .btn-pfeil:active img:nth-child(2) {display:block;opacity:1;}
.btn-pfeil:focus, .btn-pfeil:hover, .btn-pfeil:active {}
section .togglebox.visible .btn-pfeil img:nth-child(1) {opacity:0;}
section .togglebox.visible .btn-pfeil img:nth-child(2) {opacity:1;rotate:0deg;}
section#row9 p.btn_50, section#row10 p.btn_50 {padding:50px 0 0;}
section#row10 {text-align:center;padding:95px 35vw;margin:0 0 120px;position:relative;}
section#row10 p, section#row10 ul {font-size:24px;line-height:30px;z-index:99;position:relative;}
section#row10 ul {list-style:none;margin:20px 0 35px 0;}
section#row10 ul li {padding:0 0 65px;list-style:none;background:transparent;}
section#row10 li:before {display:block;color:#fff;text-align:center;background:#0F8583;width:50px;height:50px;border-radius:50%;font-size:30px;line-height:46px;margin:0 auto 45px auto;font-family:'assistant-bold',sans-serif;font-weight:normal;}
section#row10 li:nth-child(1):before {content:'1';}
section#row10 li:nth-child(2):before {content:'2';}
section#row10 li:nth-child(3):before {content:'3';}
section#row10 li:nth-child(4):before {content:'4';}
section#row10 a.btnlink:link, section#row10 a.btnlink:visited {display:block;margin:0 auto;width:100%;color:#fff;background:#D27864;font-size:22px;line-height:25px;padding:50px;text-align:center;text-transform:uppercase;letter-spacing:5px;}
section#row10 a.btnlink:focus, section#row10 a.btnlink:hover, section#row10 a.btnlink:active {background:#0F8583;color:#fff;}
#star_1 {position:absolute;top:-50px;left:-100px;z-index:9;opacity:0.6;} 
#star_2 {position:absolute;bottom:20%;right:-60px;z-index:9;opacity:0.6;} 
#star_1 img, #star_2 img {max-width:705px;width:30vw;height:auto;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1500px) {
section#row1 .col:nth-of-type(2) {padding:60px 5vw 95px 0;}
section#row2 .col:nth-of-type(2), section#row4 .col:nth-of-type(2), section#row6 .col:nth-of-type(2), section#row9 .col:nth-of-type(2), section#row12 .col:nth-of-type(2), section#row4 .col:nth-of-type(2) {padding:95px 5vw 95px 0;}
section#row2 .colframe_50 .col:nth-of-type(1) {padding:10px 2vw 10px 5vw;}
section#row2 .colframe_50 .col:nth-of-type(2) {padding:10px 5vw 10px 2vw;}
section#row10 {padding:95px 25vw;}
section#row3 .col p, section#row5 .col p, section#row8 .col p, section#row11 .col p, section#row13 .col p  {padding:0 30px 0 40px;}
.btn_frame, .togglebox .btn_frame_m {display:none;}
.btn_frame_m {display:block;position:absolute;bottom:300px;right:100px;z-index:999;width:182px;height:182px;}
.btn_frame_m img {position:absolute;top:0;left:0;}
section .btn_frame_m img:nth-child(1), section .btn_frame_m img:nth-child(1), section .btn_frame_m img:nth-child(1) {display:block;opacity:1;}
section .btn_frame_m img:nth-child(2), section .btn_frame_m img:nth-child(2), section .btn_frame_m img:nth-child(2) {display:block;opacity:0;}
.btn_frame_m:focus img:nth-child(1), .btn_frame_m:hover img:nth-child(1), .btn_frame_m:active img:nth-child(1) {display:block;opacity:0;}
.btn_frame_m:focus img:nth-child(2), .btn_frame_m:hover img:nth-child(2), .btn_frame_m:active img:nth-child(2) {display:block;opacity:1;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1260px) {
section#row2, section#row7, section#row10 {margin:0 0 5px;}
section#row1 .col:nth-of-type(1) {order:2;}
section#row1 .col:nth-of-type(2) {order:1;background:#E0EFEE;padding:40px 25px 0 35px;}
section#row1 p.btn_50 {padding:20px 0 40px;}
section#row3 .col:nth-of-type(1), section#row11 .col:nth-of-type(1) {order:2;}
section#row3 .col:nth-of-type(2), section#row11 .col:nth-of-type(2) {order:1;}
section#row5 .col:nth-of-type(1), section#row8 .col:nth-of-type(1), section#row13 .col:nth-of-type(1), section#row5 .col:nth-of-type(2), section#row8 .col:nth-of-type(2), section#row13 .col:nth-of-type(2), 
section#row3 .col:nth-of-type(1), section#row11 .col:nth-of-type(1), section#row3 .col:nth-of-type(2), section#row11 .col:nth-of-type(2), section#row1 .col:nth-of-type(1), section#row2 .col:nth-of-type(1), section#row4 .col:nth-of-type(1), section#row6 .col:nth-of-type(1), section#row9 .col:nth-of-type(1), section#row12 .col:nth-of-type(1), section#row4 .col:nth-of-type(1), 
section#row1 .col:nth-of-type(2), section#row2 .col:nth-of-type(2), section#row4 .col:nth-of-type(2), section#row6 .col:nth-of-type(2), section#row9 .col:nth-of-type(2), section#row12 .col:nth-of-type(2), section#row4 .col:nth-of-type(2) {flex:1 1 100%;width:100%;max-width:100%;}
section#row1 .col:nth-of-type(1), section#row2 .col:nth-of-type(1), 
section#row4 .col:nth-of-type(2), section#row6 .col:nth-of-type(2), section#row9 .col:nth-of-type(2), section#row12 .col:nth-of-type(2) {padding:60px 25px 60px 35px;}
section#row4 .col:nth-of-type(1), section#row6 .col:nth-of-type(1), section#row9 .col:nth-of-type(1), section#row12 .col:nth-of-type(1) {display:none;}
section#row3 .col p, section#row5 .col p, section#row8 .col p, section#row11 .col p, section#row13 .col p  {padding:0 25px 0 35px;}

section#row2 .col:nth-of-type(1) {padding:60px 5vw 60px 5vw;order:2;}
section#row2 .col:nth-of-type(2) {padding:40px 0 140px 0;order:1;}
section#row2 .colframe:last-child .col:nth-of-type(1) {display:none;}
section#row2 .colframe:last-child .col:nth-of-type(2) {padding:0 25px 60px 35px;}
section#row2 .colframe_50 {flex-wrap:wrap;}
section#row2 .colframe_50 .col:nth-child(1) {order:1;}
section#row2 .colframe_50 .col:nth-child(2) {order:2;}
section#row2 .colframe_50 .col:nth-child(1), section#row2 .colframe_50 .col:nth-child(2) {flex:1 1 100%;max-width:100%;padding:0 0 30px 0;}
section#row2 p.btn_50, section#row4 p.btn_50 {padding:20px 0 40px;}
.btn_frame_m {bottom:10px;right:50%;margin-right:-81px;}
.paket_lean .paket_unten {padding:40px 0 70px;}
.paket_unten {padding:25px 0;}
.togglebox.visible .paket_unten {padding:25px 0 135px;}
section .paket_unten .pricebox p {margin:0;}
.togglebox {width:100%;font-size:30px;line-height:40px;padding:30px 0;text-align:left;cursor:pointer;margin:0;}
.togglebox.visible {width:100%;padding:30px 0 70px;margin:0;}
.togglecontent {font-size:17px;line-height:21px;padding:0;}
.togglecontent ul {list-style-image:none;list-style:none;}
.togglebox li {min-height:60px;margin:0 0 20px 0;padding:0 0 0 70px;background-size:60px;}
section a.btn-buchen:link, section a.btn-buchen:visited {width:182px;height:182px;}
.pfeil_frame {top:55px;}
.togglebox .btn-pfeil {width:63px;height:63px;}
.togglebox.visible .btn_frame_m {display:block;bottom:10px;right:50%;margin-right:-81px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 1080px) {
section#row1 .col:nth-of-type(1) img:nth-child(1), section#row2 .col:nth-of-type(1) img:nth-child(1) {display:block;} /* portraits */
section#row3 .col p, section#row5 .col p, section#row8 .col p, section#row11 .col p, section#row13 .col p  {padding:0;font-size:21px;line-height:26px;}
section#row5 .col:nth-of-type(2), section#row8 .col:nth-of-type(2), section#row13 .col:nth-of-type(2) {padding:40px 25px 80px 35px;}
section#row3 .col:nth-of-type(1), section#row11 .col:nth-of-type(1) {padding: 40px 25px 80px 35px;}
section#row10 {padding:60px 35px;}
section#row10 p, section#row10 ul {font-size:17px;line-height:21px;}
section#row10 ul {list-style:none;margin:20px 0 0;}
section#row10 li {padding: 0 0 40px;}
section#row10 li::before {width:40px;height:40px;margin: 0 auto 20px auto;font-size:24px;line-height:38px;}
section#row10 a.btnlink:link, section#row10 a.btnlink:visited {font-size:17px;line-height:21px;padding:45px;letter-spacing:3px;}
#star_1, #star_2 {display:none;}
section#row10 p.btn_50 {padding:0;}
.paket_lean {padding:30px 0 0;}
section .paket_lean p, section .paket_lean ul {font-size:21px;line-height:26px;}
section .togglebox p, section .togglebox ul {font-size:21px;line-height:26px;}
section .paket_lean li, section .togglebox li  {padding:0 0 0 45px;margin:0 0 12px 0;background-size:30px;line-height:30px;min-height:30px;}
section#row2 .paket_lean ul {margin:0;padding: 50px 35px 0;}
section .paket_unten .pricebox p {font-size:17px;line-height:21px;}
section#row2 .togglebox ul {margin:0;padding: 50px 35px 0;}
.price {font-size:40px;}
.togglebox .price {font-size:30px;}
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (max-width: 680px) {
section .paket_lean li, section .togglebox li  {background-position:left top;}
}
