:root{
--red-color:#990000;
--dark-red-color:#880000;
--green-color:#080;
--gray-color:#5d6970;
--beige-color:#DFCEA1;
}
*{margin:0;padding:0;outline:0;text-decoration:none;box-sizing:border-box;}
html,body,div,nav,header,footer,aside,figure,h1,h2,h3,ul,li,span{display:block;vertical-align:baseline;}
html{height:100%;}
body{background:#fff;font:1.26rem -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;}
strong,b{font-weight:600;}
small{font-size:.9rem;}
ul{margin:24px 0;list-style:none;}
.bold{font-weight:600;}
.red{background:var(--red-color);}
.green{background:var(--green-color);}
.center{text-align:center;}
.pd-small{padding:6px 0;}
.pd-top{padding-top:60px;}
.pd{padding-top:24px;}
h1{font-size:3.6rem;color:var(--red-color);font-weight:600;line-height:1.2em;}
h1 span{color:var(--gray-color);font-size:70%;}
h2{font-size:2.6rem;color:var(--red-color);font-weight:600;margin-top:48px;line-height:1.2em;}
.box-4 h2{display:block;background:var(--green-color);font-size:2rem;color:#fff;font-weight:300;margin-top:0;padding:12px 24px;}
footer h2{color:#fff;font-weight:300;margin-bottom:36px;line-height:1.2em;}
h3{font-size:1.8rem;color:var(--gray-color);font-weight:600;padding-bottom:12px;line-height:1.2em;}
.sidebar h3{background:var(--red-color);font-size:1.5rem;color:#fff;font-weight:300;padding:12px;line-height:1.2em;}
footer h3{color:#fff;font-weight:300;}
header{background:#fff;display:flex;justify-content:center;align-items:center;width:100%;height:120px;position:fixed;left:0;top:0;z-index:99;border-bottom:var(--beige-color) 1px solid;}
.navbar{display:flex;justify-content:space-between;align-items:center;width:96%;max-width:1920px;}
.logo{margin-left:22px;max-width:300px;}
.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;border-bottom:none;}
.menu li a:hover{background:var(--red-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:118px;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;font-weight:normal;color:#fff;padding:8px 0;}
.header-image{display:flex;width:100%;overflow:hidden;justify-content:center;margin:72px auto 0 auto;}
.two-flex{width:94%;max-width:1876px;display:flex;justify-content:space-between;flex-wrap:nowrap;flex-direction:row-reverse;margin:72px auto 0 auto;}
.flex-container{width:94%;max-width:1876px;display:flex;justify-content:space-between;flex-wrap:nowrap;flex-direction:row-reverse;margin:180px auto 0 auto;}
.sidebar{background:#fff;width:30%;max-width:380px;height:min-content;}
.sidebar p{padding:0 12px;}
.sidebar figure{margin:12px 12px 72px 12px;}
.first-box{background:#fff;width:70%;height:min-content;padding:0 24px;}
.first-box a,.first-box a:visited{color:var(--red-color);font-weight:300;border-bottom:var(--red-color) 1px solid;transition:500ms ease-in-out;}
.first-box a:hover{color:var(--dark-red-color);border-bottom:var(--dark-red-color) 1px solid;}
.flex-galerie{display:flex;justify-content:start;flex-wrap:nowrap;gap:1px 5px;padding-bottom:24px;}
.galerie{max-width:470px;}
table{width:100%;table-layout:fixed;margin:24px auto;padding:0;border:#fff 1px solid;border-collapse:collapse;}
table tr{background:var(--beige-color);vertical-align:top;}
table th,table td{padding:.5em 1em;border:#fff 1px solid;}
table th{background:var(--green-color);font-size:1.3rem;color:#fff;font-weight:300;}
.flex-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1%;margin:24px auto;}
.box-2{display:flex;flex-flow:column nowrap;width:49%;overflow:hidden;margin:8px 0;padding:12px 24px;border:var(--beige-color) 1px solid;border-radius:4px;}
.box-2 span{display:inline-block;background:var(--beige-color);font-size:1.1rem;font-weight:600;padding:0 6px;}
.box-4{width:49%;background:#eee;display:flex;flex-flow:column nowrap;margin:12px 0;}
.box-4 p{padding:0 24px;}
.box-4 img{transform: scale(1);transition:500ms ease-in-out;}
.box-4:hover img{transform:scale(1.03);}
.box-4 a,.box-4 a:visited{display:block;background:transparent;color:#fff;font-weight:300;text-align:center;padding:16px;transition:150s ease-in-out;border-bottom:none;}
.box-4 a:hover{background:transparent;border-bottom:none;}
.box-4 span{display:inline-block;position:relative;background:#333;margin:0;padding:12px 24px;left:0;top:-32px;transition: 1s ease-in-out;border-radius:8px;}
.box-4:hover span{background:var(--green-color);color:#fff;}
.m-top{margin-top:auto;}
footer{background:var(--red-color);width:94%;max-width:1876px;color:#fff;margin:24px auto 0 auto;padding:12px;}
footer a,footer a:visited{color:#fff;font-weight:300;border-bottom:none;transition:500ms ease-in-out;}
footer a:hover{color:var(--beige-color)}
.footer-flex{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin:0 auto;}
.col{display:block;position:relative;width:400px;padding:24px;border:var(--beige-color) 1px solid;border-radius:4px;transition:500ms ease-in-out;}
.col h3,.col ul{margin:24px 0 0 12px;}
.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:48px;padding:36px 24px;}
.footer-nav a,.footer-nav a:visited{color:#fff;border-bottom:#fff 1px solid;}
.footer-nav a:hover{color:var(--beige-color);border-bottom:var(--beige-color) 1px solid;}
.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;}
#cookie{background:rgba(0,0,0,.9);font-size:1rem;width:80%;max-width:480px;color:#fff;position:fixed;left:1px;bottom:1px;padding:0 24px;z-index:999;}
#cookie a,#cookie a:visited{color:#fff;font-weight:300;text-decoration:none;border-bottom:none;}
.c-1{display:inline-block;background:var(--gray-color);color:#fff;margin:0;padding:4px 12px;text-decoration:none;outline:#fff 1px solid;white-space:nowrap;}
.c-1:hover{background:#333;text-decoration:none;border:none;}
#cookieclose:hover{cursor:pointer;}
@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,.box-4 h2{font-size:1.6rem;}
h3{font-size:1.4rem;}}
@media (max-width:1400px){h1{font-size:2rem;}
h2,.box-4 h2{font-size:1.5rem;}
h3{font-size:1.3rem;}}
@media (max-width:1229px){.menu{font-size:98%;}}
@media (max-width:1080px){header{position:relative;height:120px;}
a.menu-link{display:block;position:absolute;top:30%;right:25px;background:#fff;color:#000;padding:12px 20px;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(--gray-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:0;justify-content:center;}
.logo{margin-top:12px;}
.header-image,.two-flex,.flex-container{display:flex;flex-direction:column;justify-content:center;margin:0 auto;}
.sidebar,.first-box{width:94%;margin:0 auto;padding:0;}
.first-box h1{margin-top:48px;}
.box-2,.box-4{width:94%;margin:8px auto;}}
@media screen and (max-width:600px){.navbar-bottom li{width:100px;font-size:75%;}
table th,table td {font-size:.9rem;}
.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;}}