* {margin:0; padding:0; border:0;}
html {height:100%; overflow-y:scroll; background-color:#fff;}
html, body{scroll-snap-type:y mandatory;}
body {height:100%; min-width:60em; font-size:100%; text-align:left; color:#666; background:#fff; word-wrap:break-word;}
body, .p4 span {font-family: Arial, Helvetica, "Trebuchet MS", Tahoma, Geneva, clean, sans-serif;}
.body-hilfsklasse-1{width:100%; height:100%; position:fixed; background-image:linear-gradient(#dbe4f3 0%, transparent 50%, transparent 100%);}
.body-hilfsklasse-2{width:100%; height:100%; position:fixed; background-image:linear-gradient(to right, #dbe4f3 0%, transparent 50%, transparent 100%);}
.clear {clear:both;}
.hidden{display:none;}

/*Layout*/
.zentriert {position:relative; width:59em; margin:0 auto; text-align:left; /*overflow:hidden;*/}
.kopf{position:fixed; width:59em; z-index:999; background-image:linear-gradient(rgba(219,228,243,1), rgba(224,231,244,0.8) 70%, transparent);}
#logo{width:20em; height:5.4375em; float:left; padding-top:0.5em;}
#logo a{outline:none; margin:0 auto; display:block;}
#logo img{width:5em; height:3.4375em; float:left; margin:0 auto; outline:none; border:0;}
#logo span{display:block; float:left; padding:0.5625em 1em 0.5em; font-size:1.125em; font-weight:bold; }
#logo span.claim{padding:0 0 0 1.125em; font-size:1em; font-weight:normal; letter-spacing:3px;}

/*Kopfmenü*/
#kopfmenu{width:38em; height:4em; float:right; /*overflow:hidden;*/}
#kopfmenu ul{margin:0; padding:0; text-align:right;}
#kopfmenu ul li{display:inline-block; margin:0; padding:0; text-align:center;}
#kopfmenu ul li a{display:block; color:#2f5597; text-decoration:none; font-size:18px; padding:1em 1em 0.5em; font-weight:bold;}
#kopfmenu ul li a:hover{background-color:#2f5597; color:#fff; text-decoration:none; outline:none;}

/*Fuss*/
#fussmenu{padding:1em 0; scroll-snap-align:end;}
#fussmenu ul li{margin:0.25em 0.5em; padding:0; display: inline-block; max-width:9em; height:2.5em; text-align: center; font-size:14px;}
#fussmenu p{text-align: center;}

/*Bereiche*/
.bereich{padding:0; scroll-snap-align:start; min-height:100vh;}
.section-innen{padding:4em 0;}
.inhalt-hellgrau {background-color:#fff; margin:2em 2em 0;}
.inhalt-hellgrau .inhalt-beitrag{padding:1em 0 2em;}
.inhalt-hellgrau h2{padding:0.25em 0 1em; color:#474747; font-weight:normal; font-style:normal;}
.inhalt-hellgrau p{padding:0.8125em;}
.inhalt-hellgrau a:hover, .inhalt-hellgrau a:focus, .inhalt-hellgrau a:active{text-decoration: underline;}
.bereich-5{padding-bottom:0;}

/*Bausteine*/
.inhalt-baustein-4spalten{clear:both; display:block; height:auto; position:relative; padding:0 3.5em; text-align:left;}
.inhalt-baustein-4spalten .inhalt-baustein-2spalten{clear:none; float:left; /*overflow:hidden;*/ padding:2.75em 0 3em;}
.inhalt-baustein-4spalten .inhalt-baustein-2spalten.inhalt-baustein-spalten-links{width:42%;}
.inhalt-baustein-4spalten .inhalt-baustein-2spalten.inhalt-baustein-spalten-rechts{width:56%;}
.inhalt-baustein-2spalten, .inhalt-baustein-1spalte, .inhalt-baustein-3spalten{padding:2em 0 1em;}
.inhalt-baustein-2spalten.rechts-breiter .inhalt-baustein-spalte-links{width:29%;}
.inhalt-baustein-2spalten.rechts-breiter .inhalt-baustein-spalte-rechts{width:67%;}
.inhalt-baustein-2spalten.links-breiter .inhalt-baustein-spalte-links{width:54%;}
.inhalt-baustein-2spalten.links-breiter .inhalt-baustein-spalte-rechts{width:44%;}
.inhalt-baustein-spalte-rechts, .inhalt-baustein-spalte-links{clear:left; float:left; /*overflow:hidden;*/ width:49%; text-align:left;}
.inhalt-beitrag{width:100%; clear:both; display:block; position:relative;}
.inhalt-baustein-spalte-rechts{clear:right; float:right; text-align:left;}
.inhalt-baustein-4spalten .inhalt-baustein-spalten-rechts{float:right;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-links {float:left; clear:left; width:32%; min-height:1px; /*overflow:hidden;*/}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-mitte {float:left; width:32%; margin-left:1.7%; min-height:1px; /*overflow:hidden;*/}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-rechts {float:right; width:32%; /*overflow:hidden;*/}

/*Textformatierung*/
h1{color:#2f5597; font-weight:normal; font-style:normal; font-size:1em; line-height:123%;}
h1 span{ font-size:2.25em;}
h2{font-size:24px; padding:0.75em 0.1875em 0; position:relative; color:#2f5597;}
h3{font-size:19px; padding:1em 0.25em 0;}
h4, h5{padding:1em 0.25em 0;}
p{font-size:18px; line-height:135%; padding:1em 0.25em 0;}
p.text-kleiner{font-size: 0.75em;}
p.text-groesser{font-size:1.5em;}
.blau{color:#2f5597;}
.text-center{text-align:center;}
.text-rechts{text-align:right;}
.text-block{text-align:justify;}
address{padding:0.75em 0.25em 0; text-align:right; color:#2f5597;}
address p, address h2{padding-right:0;}
address h2{padding-top:0.5em;}
ol, ul{padding:0.75em 0 0;}
li{font-size:15px;}
a{text-decoration:underline; color:#2f5597;}
a:hover, a:focus, a:active{text-decoration:none;}
li{padding:0.25em 0.5em; list-style: inside disc;}
img{margin:0 auto; display:block; width:100%; height:auto;}
img.float-left{float:left;}
img.float-right{float:right;}
p.button {max-width:100%; padding:1em 0; text-align:center;}
p.button a {display:inline-block; padding:0.375em 0.5em; height:auto; font-size:2.25em;}
p.button a, p.button a:visited {border:2px solid #77960b; color:#77960b; text-decoration:none; font-size:2.25em; cursor:pointer; border-radius:5em;}
p.button a:hover, p.button a:focus, p.button a:active{text-decoration:none; background-color:#77960b; color:#fff;}
p.button a:after{content:"\00A0\00BB";}
.sprungmarke{position:absolute; margin-top:-5em;}
.blockquote-umrandung{position:relative; width:100%;}
blockquote{position:absolute; top:7em; left:1em; right:1em; margin:0 auto; width:20em; color:#2f5597; font-size:1.125em;}
blockquote cite{font-size:0.75em;}
.pb-2{padding-bottom:3em;}

/*Rechtliches Datenschutz*/
#dsgvo-auto-datenschutz p, #dsgvo-auto-datenschutz .p, #dsgvo-auto-datenschutz dd, #dsgvo-auto-datenschutz address {max-width:60em;}
#dsgvo-auto-datenschutz ol li {list-style-type:none;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene1 {counter-reset:listenpunkt_ebene1; list-style-type:none;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene1 li:before {content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene2 {counter-reset:listenpunkt_ebene2; list-style-type:none;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene2 li:before {content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene2 li.inhalt-hide-nummerierung:before {content:""}
.inhalt-formular-dsgvo-datenschutz .inhalt-formular-checkbox-input {width:auto;}
.inhalt-formular-dsgvo-datenschutz .inhalt-formular-checkbox-label {width:auto; float:left; margin-left: 0.4em;}
#dsgvo-auto-datenschutz h2{padding-left:0; padding-right:0;}
.dsgvo-kapitel-zieltag{position:absolute; margin-top:-22.5em;}

/*Besonderheiten*/
#Intro, .Intro{text-align:center; padding-top:3em;}
#Kontakt-innen address{font-style:normal;}
#Impressum{padding-top:7em;}
.grosses-bild{position:absolute; top:7em; left:0; width:43em; height:27em;}
body.seite-impressum address{text-align:center;}