:root{font-size:11px;--color1:#003560;--color2:#739d0e;--color3:#00529a;--color4:rgb(227, 226, 212);--color5:#dde7eb;--color6:#86846b;--color7:#bd081c;--color8:#999;--color9:#ef7c00;--color10:#58891f;--color11:#dd052e;--color12:#666;--color-s:#252525;--color-r:#700403;--color-g:#777;--color-b:#003560;--color-n:#739d0e;--color-w:#fff;--color-h:#dde7eb;--color-p:#dceac5;--color-c:#fddab9;--color-e:#f6c4b9;--color-j:#e3e2d4;--color-x:#6f9ed4;--color-q:#86bc43;--color-f:#ef7c00}
@font-face{font-family:open_sansregular;src:local('open_sansregular'),url('OpenSans-Regular-webfont.woff2') format('woff2');font-display:swap}*{box-sizing:border-box;scroll-behavior:smooth}body{background-color:#fff;color:#333;font-family:open_sansregular;hyphens:auto;margin-top:14px}::selection{background-color:var(--color1);color:#fff}@media screen{blockquote,h1,h2,h3,h4{hyphens:none}blockquote,p{line-height:2.2rem}caption,h1{margin:10px 0}a,h1,h2{color:var(--color1)}#footerleft,#footermiddle,p{text-align:left}#pfad a:hover,a:hover{color:var(--color2)}.gridrow,.subgrid{display:flex;gap:35px}#pfad,span.desctext{font-size:1.3rem}*,.galerie img{margin:0}div.paginierung span.gew,th{background-color:var(--color1)}.ge,.ug,figure{box-shadow:1px 1px 2px #aaa}address,p.organisation,p.teaser,summary{font-weight:700}div.overview,figure,td,th{vertical-align:top}*{border:0;padding:0}h1{column-span:all;font-size:2.2rem}h2{font-size:1.8rem;margin:8px 0}h3,h4{color:var(--color-s);font-size:1.6rem;margin:6px 0}address,h4,li,p{font-size:1.5rem}h1+h2{margin-top:0}p{margin:0 0 10px}ul{list-style-type:square;padding-left:15px}li{margin-bottom:10px}address{color:#666;margin:10px 0 1px}tt{font-size:1.2rem}blockquote,caption,pre{font-size:1.5rem}blockquote{font-style:italic;margin:15px}pre{font-family:monospace}a.web:before{content:"\27BD" " "}a.mail:before{content:"\2709" " "}a.hum:before{content:"\265B" " "}p.per:before{content:"\2736" " "}a[href$=".pdf"]:after{content:" (PDF)"}a[href$=".zip"]:after{content:" (ZIP)"}.news_teaser a{color:#333;text-decoration:none}details{padding-bottom:1.2rem}summary{cursor:pointer;font-size:1.7rem}main{margin:0 auto}#pfad,.blockwrap,.gridrow,aside,footer{margin:auto;max-width:960px}div#footerwrap{background-color:var(--color-b);border-top:16px solid #fff;width:100%}footer{color:#fff;display:flex;padding:15px 0;font-size:1.2rem}div.overview,figure{display:inline-block}footer a{color:#fff;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}#pfad,#pfad a,div.paginierung a{color:var(--color1)}#pfad a,.overview a,table.daten td a{text-decoration:none}#footerleft{flex:3}#footermiddle{flex:4}#footerright{flex:2;text-align:right}#pfad{font-family:sans-serif;padding:8px 0 8px 8px}#pfad a:hover{text-decoration:underline}.itype1{background-color:#fff;border:1px solid #666}.itype2{background-color:#e3e3e3;border-radius:12px}.ge,div.paginierung a,figure{background-color:var(--color4)}table.blind,table.frei{border:none}.gridrow{justify-content:space-between}.wcol2,.wcol3,.wcol4,.wcol5{margin-right:10px}.gridrow .col1,.subgrid div{flex:1}.gridrow .col2{flex:2}.gridrow .col3{flex:3}.gridrow .col4{flex:4}.gridrow .col5{flex:5}.gridrow .col6{flex:6}.gridrow .col7{flex:7}.gridrow .col8{flex:8}.gridrow .col9{flex:9}.gridrow .col10{flex:10}.gridrow .col11{flex:11}.gridrow .col12{flex:12}.subgrid{justify-content:space-between}.wcol2{max-width:48%}.wcol3{max-width:32%}.wcol4{max-width:23%}.wcol5{max-width:18%}img{max-width:100%;height:auto}figure{margin:0 10px 10px 0;padding:6px}figure.rahmenlos{background-color:inherit;border:none;box-shadow:none}figcaption{font-size:1.4rem;padding:2px}span.minortext{font-size:1.1rem}.links{float:left;margin:0 20px 20px 0}.rechts{float:right;margin:0 0 20px 20px}.block,table{margin:20px 0}div.paginierung{font-size:1.5rem;padding:12px 0}div.paginierung a,div.paginierung span.gew{display:inline-block;margin-bottom:4px;min-width:40px;padding:4px;text-align:center;text-decoration:none}div.overview p,th{text-align:left}div.paginierung a{border:1px solid #fff}div.paginierung span.gew{border:1px solid #fff;color:#fff}div.paginierung a:hover{background-color:var(--color7);color:#fff}table{border-collapse:collapse;caption-side:bottom;width:100%}td,th{padding:3px}th{color:#fff;padding:8px}table.blind tr,table.frei tr{background-color:transparent}table.blind td{padding-bottom:3px}table.daten td,table.daten th{font-family:sans-serif;font-size:1.4rem;padding:8px;vertical-align:middle}table.daten tr:nth-child(odd){background-color:var(--color5)}table.daten tr{background-color:inherit;transition:background 2.2s,color 2.2s}table.daten tr:hover{background-color:var(--color1);color:#fff}table.daten td a{color:inherit}table.frei{font-size:1.5rem;margin:10px 0}.ge,.ug{transition:.7s ease-in-out;border-radius:16px;margin-bottom:12px;padding:16px}.ge{border:1px solid var(--color4)}.ug{background-color:var(--color5);border:1px solid var(--color5)}.ge:hover,.ug:hover{background-color:#fff;border:1px solid var(--color1);border-radius:0;box-shadow:5px 5px 2px #ccc;transform:scale(1.05)}p.organisation{color:#b52733;margin-bottom:26px}p.teaser{margin:16px 0 6px}div.overview{width:100%}div.overview img{margin-bottom:.6rem}#skiplinks{position:absolute;top:-9999px;left:-9999px;height:1px;width:1px}}@media screen and (max-width:1060px){.wcol3,.wcol4,.wcol5{max-width:47%}}@media screen and (max-width:768px){aside,main{width:100%}:root{font-size:10px}footer{font-size:1.4rem;padding:15px}p{text-align:left}.wcol2,.wcol3,.wcol4,.wcol5{max-width:97%}.gridrow{flex-direction:column;margin:0}.subgrid{flex-direction:column;gap:0}.links,.rechts{float:none;margin:14px 0}aside{float:none}aside.infobox{float:none;margin:5px;padding:7px;width:100%}}@media screen and (max-width:600px){#footerleft,#footerright,footer{text-align:left}:root{font-size:12px}.tabfix thead{position:sticky;top:5px}.tabres thead{display:none}.tabfix td,.tabfix th,.tabfix tr,.tabres td,.tabres tr{float:left;width:100%}#footerleft,#footermiddle,.tabfix tr,.tabres tr{margin-bottom:12px}.tabres td::before{background-color:var(--color1);color:#fff;content:attr(data-label);float:left;font-weight:700;margin:-8px 10px -8px -8px;padding:8px 0 8px 8px;width:50%;word-wrap:break-word}footer{display:block;font-size:1.5rem;border-top:10px solid #fff}}@media print{body,p{color:#000;margin:0}*,body,p{margin:0}*,body,h1,h2,h3{padding:0}*{border:0}body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:10pt}#footerwrap,#skiplinks,.menuswitch,.noprint,.paginierung,nav{display:none}p{font-size:11pt;line-height:14pt;padding:0 0 15pt;text-align:justify}h1,h2,h3{color:var(--color1);font-size:14pt;font-weight:700;margin:0 0 5mm}h2{font-size:12pt}h3{font-size:10pt}img.foto{background-color:#997e69;border:1px dotted #773107}.links{float:left;margin:0 20px 20px 0;padding:4px}.rechts{float:right;margin:0 0 20px 20px;padding:4px}}.col2{columns:200px 2;column-gap:26px}.col3{columns:200px 3;column-gap:24px}.col4{columns:200px 4;column-gap:22px}
@media screen {
/* Modulsektions-Klassen */

/* 
s schwarz
r rot
g grau
b blau
n grün
x mittelblau
q mittelgrün
f orange

w weiß
h hellblau
p hellgrün
c hellorange
e hellrot
*/

/* Dunkle Hintergrundfarben */
.strip-s {background-color: var(--color-s)}
.strip-r {background-color: var(--color-r)}
.strip-g {background-color: var(--color-g)}
.strip-b {background-color: var(--color-b)}
.strip-n {background-color: var(--color-n)}
.strip-x {background-color: var(--color-x)}
.strip-q {background-color: var(--color-q)}
.strip-f {background-color: var(--color-f)}

.box-s, .box-r, .box-g, .box-b, .box-n, .box-x, .box-q, .box-f {color: #fff}

.box-s h1, .box-s h2, .box-s h3, .box-s a {color: #fff}
.box-r h1, .box-r h2, .box-r h3, .box-r a {color: #fff}
.box-g h1, .box-g h2, .box-g h3, .box-g a {color: #fff}
.box-b h1, .box-b h2, .box-b h3, .box-b a {color: #fff}
.box-n h1, .box-n h2, .box-n h3, .box-n a {color: #fff}
.box-x h1, .box-x h2, .box-x h3, .box-x a {color: #fff}
.box-q h1, .box-q h2, .box-q h3, .box-q a {color: #fff}
.box-f h1, .box-f h2, .box-f h3, .box-f a {color: #fff}

/* Helle Hintergrundfarben */
.strip-0 {background-color: inherit}
.strip-w {background-color: var(--color-w)}
.strip-h {background-color: var(--color-h)}
.strip-p {background-color: var(--color-p)}
.strip-c {background-color: var(--color-c)}
.strip-e {background-color: var(--color-e)}
.strip-j {background-color: var(--color-j)}

.box-w {background-color: var(--color-w)}
.box-h {background-color: var(--color-h)}
.box-p {background-color: var(--color-p)}
.box-c {background-color: var(--color-c)}
.box-e {background-color: var(--color-e)}
.box-j {background-color: var(--color-j)}

.box-0, .box-s, .box-r, .box-g, .box-b, .box-n, .box-w, .box-h, .box-p, .box-c, .box-e, .box-j, .box-x, .box-q, .box-f {padding: 15px}

/* Angepaßte Links */
.box-c a {color: var(--color-f)}
.box-p a {color: var(--color-n)}
.box-e a {color: var(--color11)}

/* Abweichende Überschriften */
.box-c h1, .box-c h2 {color: var(--color9)}
.box-p h1, .box-p h2 {color: var(--color10)}
.box-e h1, .box-e h2 {color: var(--color11)}
.box-j h1, .box-j h2 {color: var(--color12)}

/* Hintergrundbilder */
.wall-a {background-image: url(pix/wall-a.webp)}
.wall-b {background-image: url(pix/wall-b.webp)}
.wall-c {background-image: url(pix/wall-c.webp)}
.wall-d {background-image: url(pix/wall-d.webp)}
.wall-e {background-image: url(pix/wall-e.webp)}

.wall-a, .wall-b, .wall-c, .wall-d, .wall-e {background-attachment: fixed; background-position: top center; padding: 15px}

/* TASK erweitern Grid-Klassen schwarz-rot-grau-blau-grün ... s-r-g-b-n */
.sec-s {background-color: var(--color-s); color: #fff}
.sec-r {background-color: var(--color-r); color: #fff}
.sec-g {background-color: var(--color-g); color: #fff}
.sec-b {background-color: var(--color-b); color: #fff}
.sec-n {background-color: var(--color-n); color: #fff}

.sec-s h1, .sec-s h2, .sec-s h3, .sec-r h1, .sec-r h2, .sec-r h3, .sec-g h1, .sec-g h2, .sec-g h3, .sec-b h1, .sec-b h2, .sec-b h3, .sec-n h1, .sec-n h2, .sec-n h3 {
color: #fff;
}

.sec-s a, .sec-r a, .sec-g a, .sec-b a, .sec-n a {
color: #fff;
}

/* MODULFORMATE */
/* Bildergalerie mit Titel */
.box-s figure, .box-r figure, .box-g figure, .box-b figure, .box-n figure {
color: var(--color-s)
}

/* Bilder mit Ttitel ohne Rahmen */
.box-s figure.rahmenlos, .box-r figure.rahmenlos, .box-g figure.rahmenlos, .box-b figure.rahmenlos, .box-n figure.rahmenlos {
color: #fff
}

}

@media screen and (max-width: 700px) {
.wall-a, .wall-b, .wall-c, .wall-d, .wall-e {
background-image: none; padding: 5px
}

.box-0, .box-s, .box-r, .box-g, .box-b, .box-n, .box-w, .box-h, .box-p, .box-c, .box-e, .box-j, .box-x, .box-q, .box-f {
padding: 11px
}

}
.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}
.sm-simple {
background-color: #fff;
}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
padding: 13px 20px;
/* make room for the toggle button (sub indicator) */
padding-right: 58px;
color: #555;
font-family: 'open_sansregular', sans-serif;
font-size: 17px;
font-weight: normal;
line-height: 17px;
text-decoration: none;
}

.sm-simple a.current {
background-color: var(--color1);
color: #fff;
}

.sm-simple a.disabled {
color: #ccc;
}

.sm-simple a .sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 14px/34px monospace !important;
text-align: center;
text-shadow: none;
background-color: rgba(0, 0, 0, 0.08);
}

.sm-simple a .sub-arrow::before {
content: '+';
}

.sm-simple a.highlighted .sub-arrow::before {
content: '-';
}

.sm-simple li {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sm-simple > li:first-child {
border-top: 0;
}

.sm-simple ul {
background-color: rgba(179, 179, 179, 0.1);
}

.sm-simple ul a, .sm-simple ul a:hover, .sm-simple ul a:focus, .sm-simple ul a:active {
font-size: 15px;
border-left: 8px solid transparent;
}

.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
border-left: 16px solid transparent;
}

.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
border-left: 24px solid transparent;
}

.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
border-left: 32px solid transparent;
}

.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
border-left: 40px solid transparent;
}

#menuswitch {
display: inline-block;
font-size: 5.53rem;
text-decoration: none;
margin-left: 25px;
}


@media (min-width: 768px) {
/* Switch to desktop layout
-----------------------------------------------
These transform the menu tree from
collapsible to desktop (navbar + dropdowns)
-----------------------------------------------*/
/* start... (it's not recommended editing these rules) */
.sm-simple ul {
position: absolute;
width: 12em;
}

.sm-simple a .sub-arrow::before {
content: '';
}

.sm-simple li {
float: left;
}

.sm-simple.sm-rtl li {
float: right;
}

.sm-simple ul li, .sm-simple.sm-rtl ul li, .sm-simple.sm-vertical li {
float: none;
}

.sm-simple a {
white-space: nowrap;
}

.sm-simple ul a, .sm-simple.sm-vertical a {
white-space: normal;
}

.sm-simple .sm-nowrap > li > a, .sm-simple .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
}

/* ...end */
.sm-simple {
background-color: #fff;
}
.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
padding: 11px 14px;
color: #555;
}
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
background-color: #eee;
}
.sm-simple a.current {
background-color: var(--color1);
color: #fff;
}
.sm-simple a.disabled {
background-color: #fff;
color: #ccc;
}

.sm-simple a .sub-arrow {
top: 50%;
margin-top: -8px;
right: 20px;
width: 8px;
height: 16px;
font: 14px/16px monospace !important;
background-color: transparent;
}

.sm-simple > li {
border-top: 0;
border-left: 1px solid #eee;
}
.sm-simple > li:first-child {
border-left: 0;
}
.sm-simple ul {
border: 1px solid #bbb;
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sm-simple ul a {
border: 0 !important;
}
.sm-simple ul a.has-submenu {
padding-right: 20px;
}
.sm-simple ul a .sub-arrow {
left: 8px;
right: auto;
}
.sm-simple ul > li {
border-left: 0;
border-top: 1px solid #eee;
}
.sm-simple ul > li:first-child {
border-top: 0;
}
.sm-simple .scroll-up,
.sm-simple .scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background-color: #fff;
height: 20px;
}
.sm-simple .scroll-up-arrow,
.sm-simple .scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-width: 8px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #555 transparent;
}
.sm-simple .scroll-down-arrow {
top: 6px;
border-style: solid dashed dashed dashed;
border-color: #555 transparent transparent transparent;
}
.sm-simple.sm-rtl a.has-submenu {
padding-right: 20px;
padding-left: 32px;
}
.sm-simple.sm-rtl a .sub-arrow {
left: 20px;
right: auto;
}
.sm-simple.sm-rtl.sm-vertical a.has-submenu {
padding: 11px 20px;
}
.sm-simple.sm-rtl.sm-vertical a .sub-arrow {
left: auto;
right: 8px;
}
.sm-simple.sm-rtl > li:first-child {
border-left: 1px solid #eee;
}
.sm-simple.sm-rtl > li:last-child {
border-left: 0;
}
.sm-simple.sm-rtl ul a.has-submenu {
padding: 11px 20px;
}
.sm-simple.sm-rtl ul a .sub-arrow {
left: auto;
right: 8px;
}
.sm-simple.sm-vertical a .sub-arrow {
left: 8px;
right: auto;
}
.sm-simple.sm-vertical li {
border-left: 0;
border-top: 1px solid #eee;
}
.sm-simple.sm-vertical > li:first-child {
border-top: 0;
}

#menuswitch {
display: none;
}

}

.main-nav {
background-color: #fff;
position: sticky;
top: 0;
}

.main-nav:after {
clear: both;
content: "\00a0";
display: block;
height: 0;
font: 0px/0 serif;
overflow: hidden;
}

.nav-brand {
float: left;
margin: 0;
}

.nav-brand a {
display: block;
padding: 8px 2px;
font-size: 20px;
line-height: 17px;
text-decoration: none;
}

#main-menu {
clear: both;
border: 0;
box-shadow: none;
}

/* Mobile menu toggle button */
.main-menu-btn {
float: right;
margin: 5px 10px;
position: relative;
display: inline-block;
width: 58px;
height: 58px;
text-indent: 58px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
}

/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
position: absolute;
top: 50%;
left: 2px;
height: 7px;
width: 48px;
background-color: var(--color1);
transition: all 0.25s;
}

.main-menu-btn-icon:before {
content: '';
top: -14px;
left: 0;
}

.main-menu-btn-icon:after {
content: '';
top: 14px;
left: 0;
}

/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
height: 0;
background-color: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
top: 0;
transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
top: 0;
transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}

/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
display: none;
}

#main-menu-state:checked ~ #main-menu {
display: block;
}

@media (min-width: 768px) {
/* hide the button in desktop view */
.main-menu-btn {
position: absolute;
top: -99999px;
}
/* always show the menu in desktop view */
#main-menu-state:not(:checked) ~ #main-menu {
display: block;
}

#main-menu {
float: right;
clear: none;
padding-top: 30px;
}

.main-nav {
margin: auto;
max-width: 1180px;
position: static;
}

}
@media screen {

header {
align-items: center;
color: inherit;
display: flex;
flex-flow: column;
hyphens: none;
justify-content: center;
padding: 15px;
text-decoration: none;
--hedhight: 380px;
--bgpic01: url(pix/header01b.webp) center;
--bgpic02: url(pix/header02b.webp) center;
--bgpic03: url(pix/header03b.webp) center;
--bgpic04: url(pix/header04b.webp) center;
--bgpic05: url(pix/header05b.webp) center;
--bgpic06: url(pix/header06b.webp) center;
border-bottom: 16px solid #fff
}

header p {
color: #fff;
font-size: 3.0rem;
letter-spacing: 2px;
line-height: 3.5rem;
padding: 8px;
text-align: center;
text-shadow: 0px 0px 6px #000;
}

header p a {
color: #fff;
text-decoration: none
}

header p a:hover {
color: #fff;
text-decoration: underline
}

}

@media screen and (max-width: 800px) {
header {
padding: 10px;
--hedhight: 300px;
--bgpic01: url(pix/header01m.webp);
--bgpic02: url(pix/header02m.webp);
--bgpic03: url(pix/header03m.webp);
--bgpic04: url(pix/header04m.webp);
--bgpic05: url(pix/header05m.webp);
--bgpic06: url(pix/header06m.webp);
border-bottom: 12px solid #fff
}

header p {
font-size: 2.3rem;
line-height: 2.9rem
}

}

@media screen and (max-width: 400px) {
header {
padding: 5px;
--hedhight: 240px;
--bgpic01: url(pix/header01s.webp);
--bgpic02: url(pix/header02s.webp);
--bgpic03: url(pix/header03s.webp);
--bgpic04: url(pix/header04s.webp);
--bgpic05: url(pix/header05s.webp);
--bgpic06: url(pix/header06s.webp)
}

header p {
font-size: 1.6rem;
line-height: 2.0rem
}

}
body{accent-color:var(--color1)}@media screen{.btn,.form-control{vertical-align:middle}button,input,select,textarea{font-family:inherit;line-height:inherit}input:checked+label{color:var(--color1);font-weight:700}fieldset{border:2px solid var(--color1);border-radius:12px;margin-bottom:24px;padding:18px}legend{color:var(--color1);font-size:2.2rem;margin:14px 0;padding:11px}.btn,.form-control,label{font-size:1.6rem}label{display:block}.form-control{background-color:inherit;border-bottom:1px dotted #333;color:inherit;margin-bottom:2px;padding:6px}.btn-primary,section.box-b legend{color:#fff}span.fehlt{color:#c00}.fehler{background-color:hsla(0,90%,70%,.5)}.btn-primary,section.box-b .btn-primary{background-color:var(--color2)}input:invalid{background-color:hsla(0,90%,70%,.5)}.b20{width:20px}.form-row{display:flex;padding-bottom:25px}.form-row label{flex:2}.form-row input,.form-row select{flex:5}.form-col{display:flex;flex-direction:column}.btn{cursor:pointer;display:inline-block;font-weight:400;margin-top:20px;min-width:260px;padding:10px;text-align:center;touch-action:manipulation;user-select:none}section.box-b .form-control,section.box-s textarea{color:#fff;border-bottom:1px dotted #fff}section.box-b fieldset{border-color:#fff}}@media screen and (max-width:768px){.form-row{flex-direction:column}}