*,:after,:before{box-sizing:border-box}
body,html{font-family:Tahoma,Verdana,Arial,Segoe,'Open Sans',helvetica,roboto,sans-serif;font-size:62.5%;line-height:1.5;height:100%}
body{font-size:1.7rem;margin:0 auto;color:#000}
.symbol{font-size:25px;width:25px}
.utf{list-style:none;display:flex;margin-top:2vh;color:#000}
li{width:120px}
h1,h2,h3,h4,h5{color:#600;margin-top:0}
h1{color:#000;font-size:3rem;line-height:3rem;margin-bottom:2rem}
h2{font-size:2.5rem;line-height:2.5rem;margin-bottom:2rem}
h3{font-size:1.8rem;line-height:2.3rem;margin-bottom:1.5rem;letter-spacing:.5rem}
a{color:#000;text-decoration:underline}
a:hover{color:#000;text-decoration:none;font-style:normal}
.zeit{font-size:14px;color:#aaa;margin:-10px 0 0 55px}
.name{display:block;font-weight:700;letter-spacing:.2rem;margin:-1% 0 0 1rem;padding:0;font-size:80%;line-height:2.5rem;color:#fff}
.name b{color:red}
.slogan{display:block;margin:0 0 0 1rem;letter-spacing:.2rem;padding:0;font-size:1.6rem;line-height:2rem;color:#ddd}
img{max-width:100%;display:block;margin:0 auto;height:auto}
.spacer{position:fixed;bottom:0;margin:0 auto;width:100%;display:block;min-height:2.5rem;padding:0 .5rem;text-align:center;color:#333;background:#a00;}
.spacer a{color:transparent;text-decoration:none}
.seitentitel{display:inline;letter-spacing:.2rem;padding:0 1rem;color:#fff}
.wrapper-box{display:block;background:0 0;text-align:center;padding:0;box-shadow:none}
.box{display:inline-block;width:100%;padding:0;vertical-align:top;text-align:left;margin:0 -.2rem -.2rem}
.box-1_of_1,.box-1_of_2,.box-1_of_2b,.box-1_of_3,.box-1_of_4{width:100%}
.bild-text{display:block;margin:1rem 0;padding:0 1rem 0 .2rem}
.kopf{display:block;margin:0 auto;padding:0}
.kopfbox-a{display:block;background:#010;padding:1rem;text-align:left}
.kopfbox-b{display:block;background:#e00;padding:.4rem;text-align:left}
.kopf a{text-decoration:none}
.kopf a .fas{display:inline-block;margin:0 .4rem;text-align:center;font-size:1.4rem;height:2rem;line-height:2rem;width:2rem;background:#fff;border-radius:36rem;color:#000}
.kopf a:hover .fas{color:#fff;background:#000}
.logo{display:block;margin:0 auto;padding:0}
.logobox-a{height:24rem;display:block;background-image:url(../images/picture09.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:1rem}
.logobox-b{display:block;text-align:left;background:#0f1008;padding:.1rem 4rem 1rem 1rem}
.inhalt{display:block;min-height:90rem;background:#eee;margin:0 auto;border-color:#fff;padding:0}
.inhaltbox-a img,.inhaltbox-b img,wrapper-box img{max-width:94%;height:auto;border:0}
.inhaltbox-a{display:block;text-align:left;padding:0 2rem 4rem;background:linear-gradient(to right,#ff1a00 0,#ff1a00 48%,#ff1a00 100%);border-top:5px solid red}
.inhaltbox-b{display:block;max-width:100%;text-align:left;padding:0 1rem;background:linear-gradient(to right,#73b1e7 0,#d0e4f7 50%,#87bcea 100%);border-top:5px solid;border-color:#36c}
.inhaltbox-b h3{background:#eee;color:#777;font-weight:400;font-size:1.8rem;line-height:2.3rem;margin-top:2rem;margin-bottom:1.5rem;padding:0}
.inhaltbox-b .wrapper-box{display:block;color:#363036;text-align:center;padding:.2rem 0}
.inhaltbox-b .box-1_of_2{width:100%;padding:1rem 0}
.top{padding:0 4px 4px;font-size:26px;background:#f44;border-radius:100px;position:sticky;bottom:35px;--offset:100px;margin-top:calc(100vh + var(--offset));margin-left:91%;text-align:center}
.top a{text-decoration:none;color:#77f}
.menu2,.menu2 li,.menu2 ul{margin:0;padding:0;border:0}
.menu2{width:100%}
.menu2 ul{display:block;text-align:left;padding-left:2.2rem}
.menu2 li{width:100%;list-style-type:square;color:#c10}
.menu2 li a{display:inline-block;line-height:2.4rem;width:100%;text-align:left;color:#222;text-decoration:none;padding:.2rem}
.menu2 li a:hover{background:#c0170a;color:#fff;text-shadow:none;text-decoration:none}
.fuss{display:block;margin:0 auto;width:100%;background:#0f1008;padding:4rem 0 1rem}
.fuss,.fuss a{font-size:1.6rem;color:#eee}
.fussbox{display:block;text-align:left;padding:0 0 0 1rem;margin:0 auto;width:28rem}
.fussbox h3{padding-bottom:.6rem;font-size:1.8rem;color:#fff;text-align:left;margin-top:0;margin-bottom:1rem;border-bottom:.1rem dotted #555}
.fussmenu2,.fussmenu2 li,.fussmenu2 ul{list-style:none;margin:0;padding:0;border:0}
.fussmenu2{width:100%}
.fussmenu2 ul{text-align:left}
.fussmenu2 li{display:block;width:100%;line-height:2.6rem;padding-left:2rem;text-indent:-2rem}
.fussmenu2 li a{display:inline;width:100%;text-align:center;color:#eee;text-decoration:none;padding:.6rem;margin-left:-.5rem}
.fussmenu2 li a:hover{color:#fff;text-shadow:none;background:0 0;text-decoration:none}
.fussmenu2 li a:before{font-weight:900;font-size:1.3rem;padding-right:.8rem;content:"📌";color:red}
.fussmenu2 li a:hover:before{content:"🔍";font-weight:400;color:#fff}
.fussbox a .fas{display:inline-block;font-size:2rem;line-height:2.5rem;height:2.5rem;width:2.5rem;margin:0 .1rem;color:red;background:0 0;text-align:center}
.fussbox a:hover .fas{color:#eee;text-shadow:none}
@media (min-width:360px) {
.inhaltbox-a{padding:2rem 3rem 6rem}
}
@media (min-width:480px) {
.inhaltbox-b{padding:0 4rem 4rem}
.box-1_of_2{width:50%}
.box-1_of_4{width:50%}
}
@media (min-width:580px) {
html{font-size:70%}
.inhaltbox-b{padding:0 1.5rem 4rem}
.box{font-size:1.4rem}
.inhaltbox-b .box-1_of_2{width:50%;padding:0 1rem}
}
@media (min-width:640px) {
.logo{width:100%;display:table;table-layout:fixed;border-spacing:0}
.logobox-a{display:table-cell;vertical-align:middle}
.logobox-b{width:24rem;display:table-cell;vertical-align:middle}
}
@media (min-width:680px) {
html{font-size:64%}
}
@media (min-width:760px) {
.kopf{width:100%;display:table;table-layout:fixed;border-collapse:separate;border-spacing:0}
.kopfbox-a{display:table-cell;text-align:left;vertical-align:bottom;max-height:8rem}
.kopfbox-b{display:table-cell;width:24rem;vertical-align:middle;text-align:right;background-image:url(../images/picture11.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
.kopf a .fas{display:block;margin:.5rem .4rem}
.inhalt{width:100%;display:table;height:100vh;table-layout:fixed;border-collapse:separate}
.inhaltbox-a{display:table-cell;vertical-align:top;padding:2rem 3rem 8rem}
.inhaltbox-b{display:table-cell;width:24rem;vertical-align:top;border:none;font-size:1.4rem;padding:0 1rem 4rem;border-top:5px solid;border-color:#36c}
.inhaltbox-b .bild-text{padding:0}
.inhaltbox-b .box-1_of_2{width:100%}
.inhaltbox-b h3{font-size:1.7rem;margin-top:2rem}
.fuss{width:100%;display:table;table-layout:fixed;border-collapse:separate;border-spacing:0;padding:4rem 1rem}
.fussbox{display:table-cell;width:33.33%;text-align:left;padding:1rem}
.fuss,.fuss a{font-size:1.3rem}
.fuss h3{font-size:1.4rem;letter-spacing:.1rem}
}
@media (min-width:960px) {
.box-1_of_2b{width:50%}
.box-1_of_3{width:33.33%}
.name{padding:0 3rem;font-size:3rem;line-height:3.3rem}
.slogan{padding:0 3rem;font-size:2.2rem;line-height:2.5rem}
.fuss{padding:2rem 3rem}
}
@media (min-width:1024px) {
html{font-size:69%}
.inhaltbox-a{padding:2rem 5rem 8rem}
}
@media (min-width:1200px) {
html{font-size:80%}
.wrapper-box{padding:.5rem 2rem .2rem}
.inhaltbox-b,.kopfbox-b,.logobox-b{width:30rem}
.box-1_of_4{width:25%}
}
@media (min-width:1400px) {
.wrapper-box{padding:.5rem 4rem .2rem}
.inhaltbox-a{padding:3rem 9rem 10rem}
.fuss{padding:4rem 7rem}
}