﻿:root{
--dark-red:#711521;
--dark-gray:#5E5E5E;
--light-gray:#DDDED4;
--beige-color:#E9E5CE;
--green-color:#080;
}
*{margin:0;padding:0;outline:0;box-sizing:border-box;}
html,body,div,nav,header,footer,figure,h1,h2,h3,ol,ul,li{display:block;vertical-align:baseline;}
html{height:100%;}
body{background:#fff;font:1.3rem -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.8rem;min-height:100vH;}
p{margin:24px 0;}
img{border:0;max-width:100%;height:auto;}
a:hover{transition:all 1s ease-in-out;}
table,tr,td,th{font-size:98%;vertical-align:top;}
table{width:100%;border-collapse:collapse;margin:24px 0;}
th{background:var(--beige-color);border:var(--dark-gray) 1px solid;padding:8px 16px}
td{background:var(--light-gray);padding:8px 16px;border:var(--dark-gray) 1px solid}
.tdlinks {width:50%;}
strong,.bold{font-weight:600;}
ul{margin:24px 0;list-style:none;}
.pd-top{padding-top:24px;}
.hyperlink a,.hyperlink a:visited{color:var(--dark-red);font-weight:300;text-decoration:none;border-bottom:var(--dark-red) 1px solid;}
.hyperlink a:hover{color:var(--dark-gray);font-weight:300;text-decoration:none;border-bottom:var(--dark-gray) 1px solid;}
.btn{margin-top:auto;}
.btn li,.info-link li {display:inline-block;margin-right:4px;margin-bottom:4px;}
.btn a,.btn a:visited{display:inline-block;width:180px;background:var(--dark-red);font-size:1.05rem;color:#fff;text-align:center;text-transform:uppercase;font-weight:300;padding:8px 28px;text-decoration:none;border:none;border-radius:4px;}
.btn a:hover{display:inline-block;background:var(--dark-gray);color:#eee;padding:8px 28px;border:none;border-radius:4px;}
.book{margin-top:auto;}
.book li {display:block;margin-top:4px;}
.book a,.book a:visited{display:block;width:98%;max-width:360px;background:var(--green-color);font-size:1.05rem;color:#fff;text-align:center;font-weight:300;padding:8px 28px;text-decoration:none;border:none;border-radius:4px;}
.book a:hover{display:block;background:var(--dark-gray);color:#eee;padding:8px 28px;border:none;border-radius:4px;}
h1{font-size:3.6rem;color:var(--dark-red);font-weight:600;padding:0;line-height:1.2em;}
h1 span{display:block;font-size:60%;}
h2{font-size:2.1rem;color:var(--dark-gray);font-weight:600;margin:12px 0 36px 0;padding:0;line-height:1.2em;}
h2 span{display:block;}
.container h2{font-size:2.6rem;color:var(--dark-red);font-weight:600;text-align:center;padding:60px 24px 0 24px;line-height:1.2em;}
.right-box h2{font-size:2.6rem;color:var(--dark-red);font-weight:600;text-align:left;margin-top:0;padding:0 0 12px 0;line-height:1.2em;}
footer h2{font-size:2.5rem;color:var(--beige-color);font-weight:300;text-align:center;padding:0 12px 36px 12px;line-height:1.2em;}
h3{font-size:1.6rem;color:var(--dark-gray);font-weight:600;padding-bottom:6px;line-height:1.2em;}
footer h3{color:var(--beige-color);font-weight:300;}
footer h3 span{display:block;font-size:84%;}
header{background:#fff;display:flex;justify-content:center;align-items:center;width:100%;height:120px;position:fixed;left:0;top:0;z-index:99;}
.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{width:22%;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(--dark-red);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:240px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);}
.menu ul ul > li a {background:#fff;font-size:1.2rem;font-weight:300;padding:16px 22px;width:240px;height:auto;}
.menu ul li:hover > ul {display:block;top:100%;right:0;}
.navContact {border:var(--dark-red) 1px solid;border-radius:4px;}
.two-flex-wrapper{width:100%;background:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap; margin:120px auto 0 auto;padding:0;}
.slider{max-width:1080px;overflow:hidden;}
.first-box{background:#fff;position:relative;width:50%;height:min-content;z-index:55;margin:0 0 0 -40px;padding:5%;border-radius:12px;}
.flex-container{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:0 auto;box-sizing:border-box;}
.flex-container img {display:block;margin:0 auto;}
.box-2{display:flex;justify-content:flex-start;flex-direction:column;width:40%;max-width:600px;padding:24px;}
.info-link a,.info-link a:visited{display:inline-block;width:260px;background:var(--dark-red);font-size:1.05rem;color:#fff;text-align:center;text-transform:uppercase;font-weight:300;padding:8px 28px;text-decoration:none;border:none;border-radius:4px;}
.info-link a:hover{display:inline-block;background:var(--dark-gray);color:#eee;padding:8px 28px;border:none;border-radius:4px;}
.bg{width:100%;background:linear-gradient(to right, #fff 42.5%, var(--beige-color) 42.5%);margin:48px auto 0 auto;}
.left-image{width:50%;max-width:800px;height:min-content;display:flex;justify-content:center;padding-top:45px;}
.right-box{background:#fff;position:relative;width:50%;height:min-content;margin:90px 0 90px -48px;padding:4% 5%;border-radius:12px;}
.wrapper-single-box{display:block;width:96%;max-width:960px;margin:0 auto;padding:24px;}
.wrapper-top{ margin-top:140px;}
.border:before {content:"";position:absolute;left:0;top:0;width:12rem;border-top:var(--light-gray) 4px solid;}
.border-content{position:relative;padding-right:36px;}
.border-content h1{padding:24px 0;}
.first-box-link a,.first-box-link a:visited,.wrapper-single-box a,.wrapper-single-box a:visited{text-decoration:none;color:var(--dark-red);border-bottom:var(--dark-red) 1px solid;transition:500ms ease-in-out;}
.first-box-link a:hover,.wrapper-single-box a:hover{color:var(--dark-gray);border-bottom:var(--dark-gray) 1px solid;}
.galerie{width:32%;max-width:520px;}
.galerie span{display:inline-block;position:relative;background:var(--dark-gray);font-size:1.2rem;margin:0;padding:12px 26px;left:0;top:-36px;}
.galerie:hover span{background:var(--dark-red);color:#fff;transition:1s 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;}
footer{background:var(--dark-red);width:100%;color:#fff;margin:0 auto;padding:24px 12px;}
.footer-flex{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-top:24px;}
.footer-box{width:44%;max-width:600px;padding:3%;border:var(--beige-color) 1px solid;border-radius:8px;}
.footer-bottom{font-size:1.2rem;display:flex;justify-content:center;flex-wrap:wrap;gap:18px;margin-top:48px;padding:24px 12px;line-height:2em;}
.footer-bottom span{padding-right:2em;}
.footer-bottom a{text-transform:uppercase;}
.footer-box a,.footer-box a:visited,.footer-bottom a,.footer-bottom a:visited{text-decoration:none;color:var(--beige-color);border-bottom:none;line-height:2em;}
.fotter-box a:hover,.footer-bottom a:hover{color:var(--light-gray);border-bottom:none;line-height:2em;}
.footer-btn a,.footer-btn a:visited{display:block;font-size:1.1rem;font-weight:300;color:var(--beige-color);text-align:center;margin:4px 0;padding:12px;border-radius:8px;border:1px solid var(--beige-color);text-decoration:none;transition:500ms ease-in-out;}
.footer-btn a:hover{color:var(--beige-color);border:1px solid var(--beige-color);}
summary{background:var(--beige-color);font-size:1.2rem;margin:1px 0;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;}
details ul{padding:0 24px;}
.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:1620px){body{font-size:108%;}
h1{font-size:2.6rem;}
.container h2,.right-box h2{font-size:2rem;text-align:center;}
h2{font-size:1.7rem;}
h3{font-size:1.5rem;}}
@media (max-width:1229px){.menu{font-size:98%;}}
@media (max-width:900px){header{position:relative;}
.logo{width:40%;max-width:250px;}
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;}
.navContact{border:none;}
.two-flex-wrapper{background:var(--dark-red);display:flex;flex-direction:column;justify-content:center;margin:0 auto;}
.wrapper-top{margin:0 auto;}
.flex-form-container{display:flex;flex-direction:column;justify-content:center;margin-top:36px;}
.first-box,.slider,.left-image,.right-box{width:96%;margin:0 auto;}
.right-box h2{margin-top:36px;}}
@media screen and (max-width:768px){h1{font-size:2rem;}
.container h2,.right-box h2{font-size:1.7rem;text-align:center;}
h2{font-size:1.5rem;}
h3{font-size:1.3rem;}
.flex-container{display:block;width:96%;}
.galerie{display:block;width:96%;margin:6px auto;}
.box-2{width:96%;margin:0 auto;}
.footer-flex{flex-direction:column;align-items:center;}
.footer-box{width:96%;}}