.clear {clear:both;}
.color-red {color:red;}

/****Layout****/
*{margin:0; padding:0; border:0;}
.zentriert{position:relative; width:59em; margin:0 auto; text-align:left; overflow:hidden;}

/*Layout*/
body{font-family: "Open Sans", Arial, sans-serif;}
#kopf #logo{width:13em; float:left; padding:0.5em 0 1em;}
#kopf #logo img{width:13em; height:5.5em;}
#kopf #topmenu {float:right; width:45em; padding:4.25em 0 0; overflow:hidden; text-align:right;}
.bereich1{background-color:#62a0b5; color:#fff; padding:1.5em 0 3em;}
.bereich2{background-color:#fff; color:#4b4b4b; padding:2.5em 0;}
.bereich1 a, .widget a, .bereich3 a{color:#fff; text-decoration:underline;}
.bereich1 a:hover, .bereich1 a:focus, .bereich1 a:active,
.widget a:hover, .widget a:focus, .widget a:active,
.bereich3 a:hover, .bereich3 a:focus, .bereich3 a:active{color:#17657f; text-decoration:underline;}
.widget{background:#89b8c8; padding:0.5em 1em; color:#fff;}
.vermerk-individuell{border:1px solid #4b4b4b; padding:0.5em 1em;}
.bereich3{background: #4b4b4b; padding:2em 0; color:#fff;}
.bereich3 h2{padding:0.25em;}
.bereich3 #iframe-container{position:relative; height:0; padding-top:80%; padding-bottom:2em; border-bottom:4px solid #3b3b3b; border-left:1px solid #3b3b3b; border-right:1px solid #3b3b3b;}
#iframe-container iframe, #iframe-container object, #iframe-container embed {position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height: 100%}

/*Kopfnavigation*/
#kopf #topmenu ul {}
#kopf #topmenu ul li {display:inline; line-height:normal; list-style:none; margin:0 0.5em; font-size:1em;}
#kopf #topmenu ul a {font-size:1em; font-weight:normal; font-style:normal; color:#282828; text-decoration:none; outline:0;}
#kopf #topmenu ul a span {cursor:pointer;}
#kopf #topmenu ul a:visited {text-decoration:none;}
#kopf #topmenu ul a.nav-aktiv-link,
#kopf #topmenu ul a:active,
#kopf #topmenu ul a:hover,
#kopf #topmenu ul a:focus {color:#f77f11;}
#kopf #topmenu li.nav-aktiv > a {}

/*Inhaltsbereich und Textgestaltung*/
h2, h3 {padding:0.25em 0 0em 0;}
h4, h5, h6, caption {padding:0.625em 0 0.25em 0;}
dl, p, address, .p {padding:0.375em 0 0.5em 0;}
td, th, dl, li, p, pre, address, blockquote, .p {font-size:1em; line-height:135%;}
h1 {font-size:1em; font-weight:normal; padding-bottom:1.5em; overflow:hidden;}
h1 span {font-size:1.875em; font-weight:normal; font-style:italic; line-height:120%;}
h1 strong{display:block; padding:0.25em 0;}
h2 {font-size:1.25em; font-weight:bold;}
h3, caption {font-size:1.125em; font-weight:bold;}
h4 {font-size:1em; font-weight:bold;}
h5 {font-size:0.875em; font-weight:bold;}
h6 {font-size:0.875em; font-weight:normal;}
strong {font-weight:bold; font-style:normal;}
em {font-weight:normal; font-style:italic;}
em strong, strong em {font-weight:bold; font-style:italic;}
address, cite, blockquote {font-weight:normal; font-style:normal;}
acronym, abbr {white-space:nowrap; cursor:help;}
.help[title] {cursor:help; border-bottom:1px dotted #bbb;}
hr {clear:both; padding:0; height:1px; color:#ccc; background-color:#ccc; border:0;}
pre {clear:both; margin:0.75em 0; width:auto; padding:0.5em; font-size:1em; background-color:#eee; border:1px solid #ccc; word-wrap:normal; overflow:auto;}
pre, hr {margin:0.3125em 0 0.625em 0;}
blockquote {position:relative; padding:0.5em 1em 0.5em 4em; margin:0; text-align:left; font-family:Georgia, Times, "Times New Roman", "Droid serif", serif; font-size:1.125em; font-style:italic;}
blockquote:before {content:"\201C"; font-size:5em; position:absolute; left:0.125em; top:0.4375em; color:#009036;}
blockquote cite {color:#555; font-size:0.8125em; display:block; margin-top:0.25em; border:0; cursor:default;}
blockquote cite[title] {border:0;}
blockquote cite:before {content:"\2014 \2009";}
li *, dl *, p *, pre *, address *, blockquote * {font-size:1em; padding:0; margin:0;}
li li {font-size:1em;}
dl, blockquote {clear:left;}
dt {font-weight:bold;}
dd {padding-bottom:0.5em;}
dd:last-child {padding-bottom:0;}
sup, sub {position:relative; top:-0.5em; vertical-align:baseline; font-size:75%; line-height:100%;}
sub {top:0.25em;}
iframe {width:100%; height:100%;}
fieldset, textarea, input.text, input.submit, select {border:1px solid #ccc;}
option {padding-left:0.4375em}
button {border:0; cursor:pointer;}
legend, label, .label, input, select {font-size:0.875em;}
.bereich2 legend, .bereich2 label, .bereich2 .label, .bereich2 input, .bereich2 select {font-size:1em;}
.bereich2 p{font-size:0.875em;}
label strong{font-size:1.125em;}
textarea, fieldset {display:block; font-size:1em;}
fieldset {margin-bottom:0.5em; padding:0.4375em;}
legend {font-weight:bold;}
textarea {width:95%; max-width:95%; height:11.75em; padding:0.625em; font-size:1.25em;}
.float-right textarea, .float-left textarea {width:90%; max-width:90%;}
textarea, select, input.text {background-color:#fff;}


/*Bausteine*/
.inhalt-baustein{clear:both; width:100%;}
.inhalt-baustein-spalte-links, .inhalt-baustein-spalte-rechts{float:left; clear:left; width:48%; overflow:hidden;}
.inhalt-baustein-spalte-rechts{float:right; clear:right;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-links{float:left; clear:left; width:31%; min-height:1px; overflow:hidden;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-mitte{float:left; width:31%; margin-left:3.5%; min-height:1px; overflow:hidden;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-rechts{float:right; width:31%; overflow:hidden;}
.links-kleiner, .rechts-kleiner{width:31%;}
.rechts-groesser, .links.groesser{width:62%;}
.float-left{float:left; clear:left; width:48%; min-height: 1px; overflow:hidden;}
.float-right{float:right; clear:right; width:48%; min-height: 1px; overflow:hidden;}
.eigenwerbung{border:1px solid #fff; padding: 0.5em 1em;}

/*
li:before{
    content: '';
    display: inline-block;
    height: y;
    width: x;
    background-image: url();
}
*/
.liste-fortschritt {list-style:circle outside none; margin-left:1.5em;}
.liste-fortschritt li {margin-bottom:0.25em;}
.liste-fortschritt li.current,
.liste-fortschritt li.done,
.liste-fortschritt li.error {
    position:relative;
    list-style:none;
}

.liste-fortschritt li.current:before,
.liste-fortschritt li.done:before,
.liste-fortschritt li.error:before {
    content: '';
    position: absolute;
    top: 4px;
    left: -1em;
    display: inline-block;
    background-size: cover;
}

.liste-fortschritt li.current:before {
    height: 10px;
    width: 9px;
    background-image: url('li_bullet_go.png');
}

.liste-fortschritt li.current {font-weight:bold;}

.liste-fortschritt li.error:before {
    height: 11px;
    width: 10px;
    background-image: url('li_bullet_error.png');
}

.liste-fortschritt li.done:before {
    height: 14px;
    width: 14px;
    background-image: url('li_accept.png');
}
/* .liste-fortschritt li.current {list-style-image: url('bullet_go.png');} */
/* .liste-fortschritt li.done {list-style-image: url('accept.png');} */
/* .liste-fortschritt li.error {list-style-image: url('bullet_error.png');} */

/*(Call-to-Action)-Buttons*/
p.button, input.submit {max-width:100%; margin:0; padding:0;}
p.button a, form.button input.submit {display:inline-block; margin:1em 0; padding:0.5em 0.75em; height:auto; font-size:1em;}
p.button a, p.button a:visited, input.submit {text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; border:0; padding:0.25em 0.5em;}
.bereich1 p.button a, .bereich1 p.button a:visited, .bereich1 input.submit {background-color:#17657f;}
.bereich3 p.button a, .bereich3 p.button a:visited, .bereich3 input.submit {background-color:#f77f11; padding:0.5em 0.75em;}
.bereich2 p.button a, .bereich2 p.button a:visited, .bereich2 input.submit {background-color:#f77f11; padding:0.5em 0.75em;}
p.button a:hover, p.button a:focus, p.button a:active,
p.button a:after{content:"\00A0\00BB";}

/*Formulare*/
input.checkbox {margin:0.2em 0; border-width:1px;}
input.text {height:2.5em; border:1px solid #ccc; padding:0 0.75em;}
input.checkbox, input.submit, label, select {cursor:pointer;}
input.submit:hover, input:focus, textarea:focus, select:focus {text-decoration:none; background-color:#ddd;}
input.submit:hover, input.submit:focus, input.submit:active {color:#17657f}
input.text[readonly], textarea[readonly]{background: #ddd;}

.inhalt-formular div.clear {padding-bottom:1px;}
.inhalt-formular {width:100%; position:relative; padding:1em 0;}
.inhalt-formular-checkbox p {font-size:0.75em; line-height:120%; max-width:100%;}
.inhalt-formular-buttons {padding-top:1em;}
.inhalt-formular-buttons input.submit {display:block; padding:0.6em 0.8em 0.7em 0.8em; width:100%; height:auto;}
.inhalt-formular-feld-fehleingabe select, .inhalt-formular-feld-fehleingabe textarea,
.inhalt-formular-feld-fehleingabe input {border:1px solid #c40000; background-color:#fdd;}
.inhalt-formular .fehleingabe {font-weight:bold;}
.bereich2 .inhalt-formular .fehleingabe {font-weight:bold; color:#f77f11;}
.inhalt-formular-senden-erfolgreich {color:#00c400;}
.inhalt-formular-senden-erfolgreich, .inhalt-formular-senden-fehler,
.inhalt-formular-feld-fehleingabe .inhalt-formular-checkbox-label label {font-weight:bold;}
.inhalt-formular-bestaetigung h2 {padding-bottom:0.5em;}

.inhalt-formular .login p{padding-bottom:0;}
.inhalt-formular .login label{display:block; width:100%;}
.inhalt-formular .login input.text{display:block; width:13em;}
.inhalt-formular .login .inhalt-baustein-spalte-links{width:12em;}
.inhalt-formular .login .inhalt-baustein-spalte-rechts{width:6em;}
.inhalt-formular .login .inhalt-baustein-spalte-rechts p{padding:1.75em 0 1em; text-align:right;}

.bereich1 .widget-fehleingabe{background:#f77f11; position:absolute; top:0;}
.bereich1 .widget-fehleingabe p{padding:0.5em 1em;}
.bereich1 .widget-fehleingabe .fehlerhinweis{color:#fff;}
.bereich1 .widget-senden-erfolgreich{background:#339C23; margin-bottom:1em;}
.bereich1 .widget-senden-erfolgreich p{padding:0.5em 1em;}
.bereich2 .inhalt-formular-pflicht{color:#f77f11;}

/* Datenschutzhinweis */
#dsgvo-auto-datenschutz .inhalt-baustein li{padding-bottom:0.375em;}
#dsgvo-auto-datenschutz .inhalt-baustein li ol{display:block; font-size:1em; padding:0.5em 0 0 1.5em;}
#dsgvo-auto-datenschutz .inhalt-baustein ol, #dsgvo-auto-datenschutz .inhalt-baustein ul{display:table; padding:0.375em 0 0.5em 0;}
#dsgvo-auto-datenschutz .inhalt-baustein ol{padding-left:2.8125em;}
#dsgvo-auto-datenschutz .inhalt-baustein ul{list-style-type:disc; padding-left:1.375em;}

#dsgvo-auto-datenschutz p, #dsgvo-auto-datenschutz .p, #dsgvo-auto-datenschutz dd, #dsgvo-auto-datenschutz address {max-width:60em;}
#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;}

/****Adminbereich:****/
#kopf.admin{padding:0 1% 1em;}
table{width:98%; overflow: hidden; border-collapse:collapse; font-size:0.875em; margin:1em auto;}
table tr{border-bottom:1px solid #ccc;}
table th{font-weight: normal; background-color:#eee;}
table th, table td{padding:0.5em 0.25em 0.5em 0; text-align:left; vertical-align:top;}
table tr:hover{background-color:#f9f9f9;}