.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
.section{clear:both;margin:0}
html,body{font-family:Tahoma,Arial,Verdana,Segoe,"Open Sans",helvetica,roboto ,sans-serif;font-size:62.5%;line-height:1.4;height:100%}
body{font-size:1.6rem;margin:0 auto;color:#000;background:#333;background:radial-gradient(circle,#eee,#999)}

h1,h2,h3,h4,h5{color:#633;font-weight:400}
h1{font-size:2.9rem;line-height:3.2rem;margin-top:0;margin-bottom:3.5rem}
h2{font-size:2.5rem;line-height:2.8rem;margin-top:0;margin-bottom:3rem;letter-spacing:.1rem}
h3{font-size:1.8rem;line-height:2.2rem;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:0}
a{color:#333;text-decoration:none;}
a:hover{color:#888;font-style:normal}
pre{white-space:pre-wrap;font-size:1.5rem;padding:1rem 0;margin-bottom:2rem;text-align:center;border:solid .1rem;border-color:#AFAFAF;background:#fff;color:#000;border:dashed .1rem #000}
.col{width:90%;margin:0 auto;float:left}
.container_haupt{margin:0 auto;height:100%;width:98%;padding:4px 0 0}
.name{display:block;letter-spacing:.2rem;padding:0;font-size:2.6rem;line-height:2.8rem;color:#003D51;text-transform:uppercase;letter-spacing:.1rem}
img{max-width:100%;display:block;margin:0 auto;height:auto;box-shadow:.1rem .1rem .3rem #000;border:solid .1rem #000}
.icons .fa{display:inline-block;margin:.5rem;text-align:center;font-size:2.5rem;height:5rem;line-height:5rem;width:5rem;border-radius:.8rem}
.icons.vers1 .fa{background:#000;color:#fff}
.icons.vers2 .fa{background:#003546;color:#fff}
.liste1{padding-left:2rem}
.liste1 li{position:relative;list-style-type:none;padding-left:3rem}
.liste1 li:before{position:absolute;font-family:'FontAwesome';top:0;left:10px;content:"\f124";color:#000}
.liste-bild{padding:0;margin:0}
.liste-bild ul{list-style-type:none;margin:0;padding:0}
.liste-bild li img{width:35%;display:inline;float:left;margin:0 .8rem 0 0;border:solid .3rem #009FD5}
.liste-bild li{margin:.5rem 0;padding:0;color:#000;overflow:hidden}
.liste-bild li p{font-size:1.2rem;padding:0;margin:0;text-align:left}
.liste-bild li a{text-decoration:none;color:#000}
.liste-bild li:hover{background:#EFEFEF}
.liste-bild li img:hover{border:solid .3rem orange}
.kopf{width:90vw;display:block;margin:0 auto;padding:0}
.kopfbox-a{display:block;padding:1rem;text-align:left;vertical-align:top}
.kopfbox-b{display:block;padding:1rem;vertical-align:top;text-align:right;height:5rem}
.kopf-bottom{margin:0 auto;padding:0}
.kopfbox-c{width:90vw;padding:3px;}
.kopf a .fa{text-align:center;font-size:1.4rem;height:1.5rem;width:1.5rem;line-height:2rem;margin:.2rem;background:#77d;color:#eef;border-radius:.4rem}
.kopf a:hover .fa{color:#fff;background:#339;text-shadow:none}
.logo-main{position:relative;margin:0 auto;height:76vh;background:#fdd;color:#333;padding:0;border-top:solid .2rem;border-bottom:solid .2rem;border-color:#00688A;background-repeat:no-repeat;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
.back01{background-image:url(../images/logo1.jpg);height:500px}
.back02{background-image:url(../images/logo2.jpg);height:100px}
.back03{background-image:url(../images/logo3.jpg);height:100px}
.back04{background-image:url(../images/logo4.jpg);height:100px}
.back05{background-image:url(../images/logo5.jpg);height:100px}
.back06{background-image:url(../images/logo6.jpg);height:100px}
.back07{background-image:url(../images/logo7.jpg);height:100px}
.inhalt-main{margin:0 auto;min-height:28rem;padding:0;margin:0}
.inhalt{background:#fff;margin:0 auto;display:block;border-color:#fff;font-size:1.5rem;line-height:2rem;padding:0;opacity:.8}
.inhaltbox-a{display:block;width:100%;text-align:left;padding:1rem 2rem 4rem 1rem}
.inhaltbox-b{display:block;width:100%;color:#000;text-align:left;padding:1rem 1rem 4rem;border:solid .1rem;border-color:#313131;background:transparent}
.inhaltbox-b h3{background:#000;color:#fff;padding:.5rem;border-radius:.6rem}
.menu2,.menu2 ul,.menu2 li{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:#0092C1}
.menu2 a{line-height:2.4rem;display:inline;width:100%;text-align:left;color:#000;text-decoration:none;padding:.2rem}
.menu2 a:hover{color:#fff;text-shadow:none;background:#000;text-decoration:none}
.bilder{background:#000;background:radial-gradient(circle,#3F3F3F,black);color:#8f8f8f;font-size:1.4rem;padding:0;border:solid .1rem #87cefa}
.bilder .span_1_of_1{width:100%;padding:1rem}
.bilder .span_1_of_2{width:100%;padding:0}
.bilder .span_1_of_3{width:100%;padding:0}
.bilder .span_1_of_4{width:100%;padding:0}
.bilder .span_1_of_5{width:100%;padding:0}
.bilder .span_1_of_6{width:100%;padding:0}
.bildbox{text-align:left;padding:1rem}
.bildbox img{border:solid .1rem #87cefa}
.fuss-main{margin:0 auto;min-height:10rem;text-align:center;text-shadow:none;padding:2rem 0 1rem}
.fuss{display:block;margin:0 auto;width:90vw;color:#000;padding:0}
.fussbox{text-align:center;display:block;padding:1rem 0;margin-bottom:0}
.fussbox h3{padding-bottom:.6rem;color:#000;text-align:center;margin-top:1.5rem;margin-bottom:1rem;border-bottom:dashed .1rem #7F7F7F}
.fuss-bottom{display:inline-block;padding:1.6rem;border-radius:1rem;font-size:1.2rem;letter-spacing:.1rem;text-align:center}
.fussmenu2,.fussmenu2 ul,.fussmenu2 li{list-style:none;margin:0;padding:0;border:0}
.fussmenu2{width:100%}
.fussmenu2 ul{text-align:center}
.fussmenu2 li{display:block;width:100%;line-height:2.6rem;margin:0 auto}
.fussmenu2 li a{padding-left:3rem;position:relative;text-align:left}
.fussmenu2 a{display:inline;width:100%;text-align:left;color:#000;text-decoration:none;padding:.6rem}
.fussmenu2 a:hover{color:#000;text-shadow:none;background:transparent;text-decoration:none}
.top { font-size:26px;position:sticky;bottom:40px;--offset:100px;margin-top:calc(100vh + var(--offset));margin-left:91%;}
@media (min-width: 600px) {
.kopf,.kopfbox-c,.inhalt,.fuss{width:85vw}
.bilder .span_1_of_1{width:50%;padding:1rem 2rem 0 1rem}
.bilder .span_1_of_2{width:50%}
.bilder .span_1_of_3{width:50%;font-size:1.2rem}
.bilder .span_1_of_4{width:50%}
.fuss{padding:1rem 2rem 2rem}
.kopf{display:table;table-layout:fixed;border-collapse:separate;border-spacing:0;padding:0}
.kopf-bottom{display:table;table-layout:fixed;border-collapse:separate;border-spacing:0;padding:0 0 5px}
.kopfbox-c{display:table-cell;vertical-align:middle}
}
@media (min-width: 640px) {
.name{letter-spacing:.2rem;padding:0;font-size:3.2rem;line-height:3.5rem}
.kopfbox-a{width:70%;display:table-cell;text-align:left;vertical-align:top}
.kopfbox-b{display:table-cell;width:30%;vertical-align:bottom}
}
@media (min-width: 680px) {
html{font-size:64%}
}
@media (min-width: 768px) {
html{font-size:66.5%}
.kopf,.kopfbox-c,.inhalt,.fuss{width:94vw}
.inhalt{display:table;table-layout:fixed;border-collapse:separate;border-spacing:1rem 1rem}
.inhaltbox-a{display:table-cell;vertical-align:top;width:70%}
.inhaltbox-b{display:table-cell;width:30%;vertical-align:top;border:none}
.fuss-main{padding:0 0 1rem}
.fuss{font-size:1.4rem;display:table;table-layout:fixed;border-collapse:separate;border-spacing:.5rem;padding:0}
.fussbox{display:table-cell;width:33.33%;text-align:left;padding:1rem}
.fussbox h3{text-align:left}
.fussmenu2 ul{text-align:left}
.fussmenu2 li{margin-left:-.6rem}
}
@media (min-width: 800px) {
html{font-size:66.5%}
}
@media (min-width: 1024px) {
html{font-size:69%}
.kopf-main{margin:0 auto;padding:2rem 0 0}

.fuss{font-size:1.6rem}
}
@media (min-width: 1100px) {
.bilder .span_1_of_3{width:33.33%}
}
@media (min-width: 1200px) {
html{font-size:72%}
}
@media (min-width: 1480px) {
html{font-size:80%}
}