:root{--ff:"Inter",sans-serif;--color1:white;--color2:black;--color3:#a5a2a2;--coloraccent:#006696;--coloraccent-hover:#004869;--coloraccent2:#01adad;--h1:bold clamp(24px,5vw,40px)/clamp(16px,12vw,56px)var(--ff);--h2:bold clamp(20px,5vw,28px)/clamp(12px,8vw,40px)var(--ff);--p:clamp(16px,2vw,16px)/clamp(24px,3vw,28px)var(--ff);--section-margin:clamp(16px,2vw,40px);--button-border-radius:clamp(12px,3vw,24px);--background-color:#f7f7f7;--input-border-color:#ccc;--input-padding:clamp(4px,1vw,8px);--input-border-radius:4px}body{background-color:var(--color1);font-family:var(--ff);color:var(--color2);margin:0}img{border-radius:clamp(12px,2vw,32px);width:100%;height:auto}h1{font:var(--h1)}h2{font:var(--h2);margin:0;padding:0}p{font:var(--p)}a:hover{background-color:var(--coloraccent-hover);scale:1.05}.button1{color:#fff;background-color:var(--coloraccent);border-radius:var(--button-border-radius);font:var(--p);padding:8px 16px;text-decoration:none}header{z-index:1000;max-height:200px;position:sticky;top:0}nav{background-color:var(--coloraccent);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}section{margin:var(--section-margin);text-align:center}#willkommen{width:100%}.logo{color:#fff;max-width:500px;font-size:24px;font-weight:700;text-decoration:none}nav ul{justify-content:flex-end;align-items:center;margin:0;padding:0;list-style-type:none;display:flex;right:20px}nav ul li{margin-left:20px}nav ul li a{color:#fff;font:var(--p);border-radius:clamp(12px,3vw,24px);padding:10px;text-decoration:none;display:block}nav ul li a:hover{background-color:var(--coloraccent-hover)}.menu-toggle{cursor:pointer;flex-direction:column;display:none}.menu-toggle div{background-color:#fff;border-radius:5px;width:25px;height:3px;margin:4px 0}.sidebar{background-color:var(--coloraccent);flex-direction:column;justify-content:space-between;align-items:center;width:250px;height:calc(100% - 53px);transition:right .3s;display:flex;position:fixed;top:87.77px;right:-250px}.sidebar.active{right:0}.sidebar ul{text-align:center;width:100%;margin:0;padding:0;list-style-type:none}.sidebar ul li{margin:15px 0}.sidebar ul li a{color:var(--color1);font:var(--p);border-radius:var(--button-border-radius);padding:10px 10px 10px 20px;text-decoration:none;display:flex}@media (max-width:768px){.menu-toggle{display:flex}.sidebar{width:200px;right:-200px}nav ul{display:none}}@media (max-width:480px){.sidebar{width:150px;right:-150px}}.artikel-lesen{text-align:left;flex-wrap:wrap;align-items:center;gap:clamp(4px,2vw,40px);margin:clamp(12px,1vw,24px) clamp(12px,1vw,24px) clamp(0px,8vw,40px);display:flex}.image-or-text{flex:1;min-width:250px;display:block;top:0}.blog-section{text-align:left;margin:0 auto;padding:40px 20px;display:block}.blog-container{flex-wrap:wrap;gap:20px;padding-bottom:20px;display:flex}.blog-entry{z-index:1;background-color:#fff;border-radius:12px;flex:300px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 10px #0000001a}.blog-entry:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.blog-entry img{border-radius:10px;width:100%;max-width:500px}.blog-entry h3{color:#333;margin-top:10px;margin-bottom:10px;font-size:1.4rem}.blog-entry{color:#555;font-size:1.1rem;line-height:1.6}.blog-entry .meta{color:#999;margin-top:10px;font-size:.85rem}.blog-entry a{color:#fff;background-color:#07f;border-radius:6px;margin-top:15px;padding:8px 16px;font-size:.9rem;text-decoration:none;display:inline-block}.blog-entry a:hover{background-color:#005fcc}.karte{color:var(--color1);background-color:var(--coloraccent);padding:clamp(16px,2vw,28px)}#map-container{color:var(--color1);height:clamp(300px,20vw,500px)}.archiv{text-align:left}footer{background-color:var(--coloraccent);text-align:center;color:var(--color1);padding:clamp(16px,2vw,28px)}footer a{font:var(--p);color:var(--color1);margin:15px}
body{background-color:var(--color1);font-family:var(--ff);color:var(--color2);margin:0}img{border-radius:clamp(12px,2vw,32px);align-self:center;width:100%;height:auto}h1{font:var(--h1)}h2{font:var(--h2);margin:0;padding:0}p{font:var(--p);margin:auto auto 10px}a:hover{background-color:var(--coloraccent-hover);scale:1.05}.button1{color:#fff;background-color:var(--coloraccent);border-radius:var(--button-border-radius);font:var(--p);padding:8px 16px;text-decoration:none}.post{text-align:center;margin:0 auto;padding:40px 20px;display:block}.post-container{text-align:left;color:#000;flex-wrap:wrap;gap:20px;padding-bottom:20px;display:flex}.image-or-text{flex:1;min-width:250px;display:block;top:0}.post-image{border-radius:10px;width:100%;max-width:700px}.post-title{font:var(--h1);margin-bottom:10px;line-height:normal}.post-content{width:100%}