﻿:root{
--red-color:#990000;
--green-color:#558000;
--gray-color:#273134;
--beige-color:#DFCEA1;
--dark-beige-color:#C18B00;
--gray-blue-color:#BCC9CD;
--anthrazit-color:#0D1D22;
}
*{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:90%;}
ul{margin:24px 0;list-style:none;}
.bold{font-weight:600;}
.red{background:var(--red-color);outline:var(--beige-color) 1px solid;}
.green{background:var(--green-color);outline:var(--beige-color) 1px solid;}
.gray{background:#333;outline:var(--beige-color) 1px solid;}
.gray-blue{background:var(--gray-blue-color);}
.center{text-align:center;}
.pd-top{padding-top:60px;}
.pd{padding-top:24px;}
.btn{display:inline-block;background:var(--anthrazit-color);color:#fff;font-weight:300;padding:12px 24px;transition:all .3s ease;border-radius:8px;}
.btn:hover{background:var(--gray-color);}
h1{font-size:3.6rem;color:var(--dark-beige-color);font-weight:300;line-height:1.2em;}
h2{font-size:2.6rem;color:#666;font-weight:300;margin:24px 0;line-height:1.2em;}
footer h2{color:#fff;font-weight:300;margin-bottom:36px;line-height:1.2em;}
h3{font-size:1.8rem;color:var(--anthrazit-color);font-weight:300;padding-bottom:12px;line-height:1.2em;}
.box-2 h3{font-size:1.8rem;color:var(--green-color);font-weight:600;text-align:center;line-height:1.2em;}
header{background:var(--green-color);display:flex;justify-content:center;align-items:center;width:100%;height:120px;position:fixed;left:0;top:0;z-index:99;}
.navbar{display:flex;justify-content:space-between;align-items:center;width:96%;max-width:1920px;}
.logo{margin-left:22px;max-width:280px;max-height:151px;}
.logo a{border-bottom:none;}
.menu-link{display:none;}
.menu{background:var(--green-color);font-size:1.3rem;}
.menu ul{display:flex;justify-content:flex-end;margin:0;padding:0;list-style:none;}
.menu li{position:relative;text-transform:uppercase;}
.menu li a,.menu li a:visited{display:block;color:#fff;font-weight:300;border-bottom:none;}
.menu li a:hover{background:#222;color:#f9f9f9;}
.menu ul li>a{padding:16px 20px;}
.menu li.arrow-menu > a:after {content:'\25BE';padding:0 0 0 0.3em;}
.menu ul ul {position:absolute;top:-9999px;right:-9999px;background:transparent;min-width:280px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);border-top:#ffa500 3px solid;}
.menu ul ul > li a {background:#333;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:121px;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:last-child{height:100%;width:60px;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;}
.container{display:block;width:94%;max-width:1876px;margin:0 auto;}
.container-column{display:block;width:94%;max-width:980px;margin:0 auto;padding:12px 24px;}
.container-column a,.box-2 a,.container-column a:visited,.box-2 a:visited{color:var(--red-color);font-weight:300;transition:500ms ease-in-out;}
.container-column a:hover,.box-2 a:hover{color:var(--anthraziti-color);}
.two-flex{width:94%;max-width:1876px;display:flex;justify-content:center;flex-wrap:wrap;margin:0 auto;}
.box-2{display:block;width:48%;max-width:640px;margin:1%;padding:12px 24px;}
.layer {background:var(--beige-color);width:80%;max-width:640px;margin:0 auto;padding:8px 24px;border-radius:4px;}
.cms{min-height:380px;border:var(--beige-color) 1px solid;margin:12px 0 24px 0;padding:12px 24px;border-radius:4px;}
.cms ul {background:var(--beige-color);padding:3% 6%;line-height:36px;}
.preis{display:inline-block;background:#fff;font-size:88%;color:var(--green-color);font-weight:600;padding:2px 12px;border:var(--green-color) 1px solid;border-radius:4px;}
footer{background:var(--anthrazit-color);color:#fff;margin:0 auto;padding:12px;}
footer a,footer a:visited{color:var(--beige-color);font-weight:300;border-bottom:none;transition:500ms ease-in-out;}
footer a:hover{color:#fff;}
.box-footer{display:block;width:48%;max-width:400px;margin:1%;padding:12px 24px;outline:var(--beige-color) 1px solid;}
.copy{font-size:90%;text-align:center;margin:36px 0;padding:24px;}

/* Galerie */
.flex-galerie{display:flex;justify-content:center;flex-wrap:wrap;gap:1px 5px;padding:24px 0;margin-top:24px;}
.galerie{width:32%;max-width:600px;object-fit:cover;}

/* Slider */
.slider{position:relative;font-size:70%;max-width:1200px;margin:0 auto;}
.mySlides{display:none;}
.prev,.next{position:absolute;background-color:rgba(255,255,255,.8);color:#000;top:.4em;padding:0 12px;line-height:30px;border-radius:4px;cursor:pointer;}
.prev{right:3.4em;}
.next{right:0.4em;}
.prev:hover,.next:hover{background-color:rgba(255,255,255,.8);color:#222;}
.numbertext{position:absolute;top:-2em;left:.4em;color:#666;font-weight:600;}
.row{display:block;text-align:center;}
.column{display:inline-block;width:10%;vertical-align:top;margin:0;padding:0;}
.demo{opacity:.4;}
.active,.demo:hover{outline:#333 1px solid;opacity:1;cursor:pointer;}
.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s;}
@-webkit-keyframes fade{from{opacity:0;-webkit-transform:scale(.8);transform:scale(.8);}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}
@keyframes fade{from{opacity:0;-webkit-transform:scale(.8);transform:scale(.8);}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}

.iframe{position:relative;overflow:hidden;width:100%;padding-top:56.25%;}
.responsive-iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none;}
.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,footer h2{font-size:1.6rem;}
h3,.box-2 h3{font-size:1.4rem;}}
@media (max-width:1400px){h1{font-size:2rem;}
h2,footer h2{font-size:1.5rem;}
h3,.box-2 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;font-size:1.4rem;padding:12px 16px;border:var(--beige-color) 2px solid;border-radius:4px;}
.menu{overflow:hidden;max-height:0;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:#fff;padding:.8em;border-bottom:var(--beige-color) 1px solid;position:relative;}
.menu li a:hover{color:#f9f9f9;}
.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{max-width:240px;}
.header-image{display:flex;flex-direction:column;justify-content:center;margin:0 auto;}
.box-2{display:block;width:94%;margin:8px auto;}}
@media screen and (max-width:700px){.galerie{width:94%;max-width:600px;margin:12px auto;}
.box-footer{display:block;width:94%;margin:8px auto;}}