:root{
--gray-color:#5d6970;
--green-color:#080;
--beige-color:#DFCEA1;
--brown-color:#814a00;
--purple-color:#78102e;
}
*{margin:0;padding:0;outline:0;box-sizing:border-box;}
html,body,div,nav,header,footer,figure,h1,h2,h3,ol,ul,li,form{display:block;vertical-align:baseline;}
html{height:100%;}
body{background:transparent url("bg.jpg") repeat;font:1.2rem -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;color:#000;font-weight:300;text-align:left;line-height:1.6rem;min-height:100vH;}
p{margin:24px 0;}
img{border:0;max-width:100%;height:auto;}
a:hover,input[type='submit']:hover{transition:all 1s ease-in-out;}
table,tr,td,th{vertical-align:top;}
strong,b{font-weight:600;}
small{font-size:.9rem;}
ul{margin:24px 0;list-style:none;}
.bold{font-weight:600;}
.green{background:var(--green-color);}
.brown{background:var(--brown-color);}
.purple{background:var(--purple-color);}
.center{text-align:center;}
.pd-top{padding-top:60px;}
.pd{padding:24px 0;}
h1{font-size:3rem;color:var(--brown-color);font-weight:bold;padding:28px 0 12px 0;line-height:1.2em;}
h2{font-size:2.2rem;color:var(--gray-color);font-weight:600;padding-bottom:6px;line-height:1.2em;}
h3{font-size:1.8rem;color:var(--gray-color);font-weight:600;padding-bottom:12px;line-height:1.2em;}
header{background:#fff;display:flex;justify-content:center;align-items:center;width:100%;height:141px;position:fixed;left:0;top:0;z-index:99;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);}
.container{width:94%;max-width:1876px;margin:48px auto;padding:0;clear:both;}
.navbar{display:flex;justify-content:space-between;align-items:center;width:96%;max-width:1920px;}
.logo{margin-left:22px;max-width:250px;}
.logo a{border-bottom:none;}
.menu-link{display:none;}
.menu{background:#fff;font-size:1.3rem;}
.menu ul{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none;}
.menu li{position:relative;}
.menu li a,.menu li a:visited{display:block;color:#222;font-weight:300;text-decoration:none;border-bottom:none;}
.menu li a:hover{background:var(--brown-color);color:#fff;}
.menu ul li>a{padding:16px 20px;}
.menu li.arrow-menu > a:after {content:url("pfeil.png");padding:0 0 0 0.3em;}
.menu ul ul {position:absolute;top:-9999px;right:-9999px;background:#fff;min-width:280px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);}
.menu ul ul > li a {background:#fff;font-size:1.1rem;font-weight:300;padding:16px 22px;width:280px;height:auto;}
.menu ul li:hover > ul {display:block;top:100%;right:0;}
.navbar-bottom{width:94%;max-width:1876px;height:min-content;position:sticky;top:140px;display:flex;justify-content:flex-end;margin:0 auto;padding:0;z-index:90;}
.navbar-bottom ul{height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin:0;padding:0;}
.navbar-bottom li{height:100%;width:140px;font-size:1rem;text-transform:uppercase;text-align:center;transition:500ms ease;}
.navbar-bottom li:hover{background:#666;}
.navbar-bottom ul a,.navbar-bottom ul a:visited{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;padding:8px 0;}
.two-flex{width:94%;max-width:1876px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;margin:100px auto 0 auto;}
.wrapper{display:block;width:94%;max-width:960px;margin:200px auto 0 auto;}
.wrapper-container{display:block;width:94%;max-width:960px;margin:100px auto;padding:0;}
.wrapper-center{display:block;width:94%;max-width:840px;text-align:center;margin:0 auto;padding:36px 0;}
.border-top{display:block;width:60%;max-width:600px;margin:0 auto 48px auto;border-top:var(--gray-color) 1px solid;}
.border{margin-top:60px;}
.border:before {content: "";position:absolute;left:0;top:0;height:6rem;width:6rem;border-top:var(--brown-color) 8px solid;border-left:var(--brown-color) 8px solid;}
.border-footer{margin-top:60px;}
.border-footer:before {content: "";position:absolute;left:0;top:0;height:6rem;width:6rem;border-top:var(--beige-color) 6px solid;border-left:var(--beige-color) 6px solid;}
.slider{width:60%;overflow:hidden;}
.first-box{background:#fff;position:relative;width:44%;height:min-content;z-index:55;margin-left:-60px;padding:24px 0 24px 12px;border:var(--beige-color) 8px solid;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.content{position:relative;padding-right:36px;}
.first-box a,.first-box a:visited,.container a,.container a:visited,.content a,.content a:visited,.wrapper-center a,.wrapper-center a:visited{text-decoration:none;color:#222;font-weight:300;border-bottom:#222 1px solid;transition:500ms ease-in-out;}
.first-box a:hover,.container a:hover,.content a:hover,.wrapper-center a:hover{color:var(--brown-color);border-bottom:var(--brown-color) 1px solid;}
.first-box h1,.first-box h2,.first-box p{margin-left:36px;margin-right:36px;}
.content h1,.content h2,.content h3,.content ul,.content p{margin-left:36px;}
.flex-container{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:2px auto;box-sizing:border-box;}
.box-2{display:block;width:94%;max-width:600px;text-align:left;padding:24px;}
.box-2 ul li a,.box-2 ul li a:visited{display:block;background:var(--beige-color);font-weight:400;padding:12px 24px;border:none;border-radius:4px;}
.box-2 ul li a:hover{display:block;background:var(--brown-color);color:#fff;padding:12px 24px;border:none;border-radius:4px;}
.box-2 .direct-book a,.box-2 .direct-book a:visited {display:inline-block;background:var(--green-color);font-size:1.1rem;color:#fff;text-transform:uppercase;padding:12px 36px;border:none;border-radius:4px;}
.box-2 .direct-book a:hover {display:inline-block;background:var(--gray-color);color:#fff;text-transform:uppercase;padding:12px 36px;border:none;border-radius:4px;}
.box-price{display:block;width:94%;max-width:600px;text-align:left;padding:0 24px;}
#kontakt{width:94%;max-width:960px;margin:0 auto;}
#kontakt th,#kontakt td{border:none}
footer{background:var(--brown-color);width:100%;color:#fff;margin:60px auto 0 auto;padding:48px 0;clear:both;}
footer h2{color:var(--beige-color);}
footer h3{color:#fff;}
.footer-flex{display:flex;justify-content:center;align-items:center;flex-wrap:wrap-reverse;gap:40px;margin:0 auto;}
.footer-flex-logo{display:flex;justify-content:center;align-items:center;margin:0 auto;}
.footer-flex-logo ul{display:block;width:30%;max-width:300px;margin:12px;}
.col{display:block;position:relative;width:400px;padding:24px;transition:500ms ease-in-out;}
.col h3,.col ul{margin:12px 0 0 12px;}
.col-nav a,.col-nav a:visited{display:block;background:transparent;font-size:1rem;font-weight:300;color:#fff;text-align:center;text-transform:uppercase;margin:4px 0;padding:12px 24px;border-radius:4px;border:1px solid #fff;text-decoration:none;transition:500ms ease-in-out;}
.col-nav a:hover{background:var(--green-color);color:#fff;}
.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:48px;padding:36px 24px;border-top:var(--beige-color) 1px solid;}
.footer-nav a,.footer-nav a:visited{text-decoration:none;color:#fff;border-bottom:#fff 1px solid;}
.footer-nav a:hover{color:#ccc;border-bottom:#ccc 1px solid;}

/* Galery */
.flex-galerie{display:flex;justify-content:center;flex-wrap:wrap;gap:1px 5px;padding-bottom:24px;}
.galerie{width:32%;max-width:520px;}
.galerie span{display:inline-block;position:relative;background:var(--brown-color);margin:0;padding:12px 26px;left:0;top:-36px;}
.galerie:hover span{background:var(--green-color);color:#fff;transition:500ms ease-in-out;}
.galerie a,.galerie a:visited{background:transparent;text-decoration:none;color:#fff;font-weight:300;border-bottom:none;}
.galerie a:hover{background:transparent;border-bottom:none;}
.galerie-big{width:90%;max-width:900px;}

/* Price Table */
table {width:100%;border-collapse:collapse;margin:35px 0;}
th{background:#ffc;border:#1c1c1c 1px solid;padding:10px 15px}
td{background:#ffc;padding:10px 15px;border:#1c1c1c 1px solid}
.tdlinks {width:50%;}

.anker::before {display:block;content:"";height:240px;margin-top:-200px;visibility:hidden;}
.skiplink{display:block;position:absolute;left:-9999em;top:-9999em;}
.screenreader-text{position:absolute;height:1px;width:1px;overflow:hidden;}

@media (max-width:1730px){h1{font-size:3rem;}
h2{font-size:2rem;}}
@media (max-width:1620px){body{font-size:108%;}
h1{font-size:2.2rem;}
h2{font-size:1.6rem;}
h3{font-size:1.4rem;}
.two-flex{margin:40px auto 0 auto;}
.slider{margin-top:60px;}}
@media (max-width:1400px){h1{font-size:2rem;}
h2{font-size:1.5rem;}
h3{font-size:1.3rem;}
.two-flex{margin:60px auto 0 auto;}
.slider{margin-top:40px;}
.slideList img{width:100%;height:600px;object-fit:cover;}}
@media (max-width:1229px){.slider-right,.first-box{margin-top:40px;}
.menu{font-size:98%;}}
@media (max-width:1080px){a.menu-link{display:block;position:absolute;top:30%;right:25px;background:#fff;color:#000;padding:12px 20px;text-decoration:none;border:#222 1px solid;border-radius:4px;}
.menu{overflow:hidden;max-height:0;background:#fff;box-shadow:0 4px 8px 0 rgba(0, 0, 0, .1), 0 6px 20px 0 rgba(0, 0, 0, .1);}
.menu.active,.menu>ul ul.active{position:absolute;top:90px;right:25px;width:80%;max-width:400px;max-height:200em;}
.menu ul{display:block;}
.menu li a,.menu li a:visited{display:block;font-size:1.2rem;color:#222;padding:.8em;border-bottom:var(--beige-color) 1px solid;position:relative;}
.menu li a:hover{color:#fff;}
.menu ul li>a{padding:14px 26px;}
.menu li.arrow-menu > a:after {content:"";}
.menu ul ul {display:inline;position:inherit;top:100%;left:auto;right:auto;}
.menu ul ul>li a{width:inherit;padding:12px 12px 12px 36px;}
.menu ul li:hover > ul {display:inline;position:inherit;top:100%;left:auto;right:auto;}
.navbar-bottom{position:relative;top:140px;}
.slider-right,.first-box{margin-top:66px;}
.slideList img{width:100%;height:500px;object-fit:cover;}}
@media (max-width:900px){header{position:relative;height:120px;}
.navbar-bottom{position:relative;top:0;justify-content:center;}
.logo{margin-top:12px;}
.two-flex,.flex-form-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;}
.form{width:94%;margin:0 auto;}
.wrapper{margin:80px auto;}
.first-box,.slider{width:94%;margin:0 auto;padding:0;}}
@media screen and (max-width:768px){.flex-container,.flex-galerie{display:block;width:94%;}
.galerie,.galerie-big{width:94%;max-width:500px;margin:0 auto;}
.wrapper-center{display:block;width:90%;}
.box-2,.box-3,.box-price{width:94%;max-width:400px;margin:0 auto;}
td,tr,th,.tdlinks{display:block;width:100%;margin:0 auto;}}
@media screen and (max-width:650px){.galerie{width:94%;max-width:500px;}}
@media screen and (max-width:600px){.navbar-bottom li{width:100px;font-size:75%;}
.footer-nav{flex-direction:column;align-items:center;}}
@media screen and (max-width:484px){footer a:link,footer a:visited{padding:15px;line-height:60px;}
footer a:hover{padding:15px;}}
@media screen and (max-width:360px){.footer-flex-logo{flex-wrap:wrap;}
.footer-flex-logo ul{display:block;width:94%;max-width:200px;margin:24px auto;text-align:center;}}