@charset "utf-8";
@import "framework.css";
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
body{background-color:#fff;font-family:Open Sans,Tahoma, Verdana, Helvetica, Arial, sans-serif;color:#000}
form{padding:5px}
input,select,textarea{background:#fff;border-left:1px solid #000;border-bottom:1px solid #000;border-top:none;border-right:none;border-radius: 0 0 0 4px;color:#gray;resize:none;font-size:0.9em;font-family:Open Sans,Tahoma, Verdana, Helvetica, Arial, sans-serif;}
.width{width:97%}
textarea.width{width:97%}
input[type=button],input[type=submit],input[type=reset]
{background-color:white;border:1px solid #000;border-radius:4px;color:#000;padding:8px 16px;text-decoration:none;margin:4px 2px 16px 2px;cursor:pointer;box-shadow: inset 0 0 0 0 lightgray;color:black;transition:color .5s ease-in-out, box-shadow .5s ease-in-out}
input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover{;box-shadow:inset 650px 0 0 0 lightgray}
::placeholder{color:gray;opacity:1}
:focus::placeholder{opacity:0}
span.hidden{display:none}
.mailwdh{z-index:999;position:absolute;height:0;width:0;border:none;background:0 0;top:0;left:0;clear:both;font-size:0;line-height:0;margin:0}
input[type=radio]{transform:scale(1.8);margin:10px}
input,textarea{padding:8px;line-height:20px;padding-left:8px}
nav{text-align:right}
.t-right{text-align:right}
.container{padding:40px}
a{text-decoration:underline;box-shadow: inset 0 0 0 0 lightgray;color:black;transition:color .5s ease-in-out, box-shadow .5s ease-in-out;padding: 0 .25rem;margin: 0 -.25rem}
a:hover{color: black;box-shadow:inset 650px 0 0 0 lightgray}
.lgelb{color:#ffcc00;font-size:large}
.lblau{color:#0000ff;font-size:large}
.lgruen{color:#339900;font-size:large}
.lrot{color:#ff0000;font-size:large}
hr{border:1px solid silver}
#header{margin:130px 0 40px 40px}
details{margin:0 15px}
summary{font-size:1em;cursor:pointer;text-decoration:underline;box-shadow: inset 0 0 0 0 lightgray;color:black;transition:color .5s ease-in-out, box-shadow .5s ease-in-out;padding: 0 .25em;margin: 0 -.25em;margin-bottom:17px}
summary:hover{color: black;box-shadow:inset 200px 0 0 0 lightgray}
@keyframes details-show {from {opacity:0;transform: var(--details-translate, translateY(-0.5em));}}
details[open] > *:not(summary) {animation: details-show 1500ms ease-in-out;}
p{font-size:1em;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}
h1{font-size:2.8em;color:#2e2e2e}
h2,h3,h4,h5,h6{margin-top:17px;font-size:1em}
.line{display:none}
.fixedbutton{position:fixed;bottom:50px;right:0;color:gray;padding:0;margin:0;font-size:4.5em;text-decoration:none}
.fixedbutton:hover{color:black;padding:0;margin:0;}
img{border:1px solid gray;border-radius:3px}
#hamnav summary{box-shadow:none;transition:none;text-decoration:none;font-size:1em}
#hamnav details{margin:0}
#hamnav details[open] summary{color:lightgray}
#hamnav a{text-decoration:none;line-height:2em;text-transform:lowercase;font-size:1em;box-shadow:none;transition:none}
#hamnav a:hover{box-shadow:none;transition:none;color:gray;text-decoration:underline}
@keyframes details-show {from {opacity:0;transform: var(--details-translate, translateY(-0.5em));}}
#hamnav details[open] > *:not(summary) {animation: details-show 1500ms ease-in-out;}
@media screen and (max-width:790px)
{.imgl,.imgr{display:inline-block;float:none;margin:0 0 10px}
.fl_left,.fl_right{display:block;float:none}
.group .group > :last-child,.clear .clear > :last-child,.clear .group > :last-child,.group .clear > :last-child{margin-bottom:0}
.one_half,.one_third,.two_third,.one_quarter,.two_quarter,.three_quarter{display:block;float:none;width:auto;margin:0 0 30px;padding:0}
@media screen and (max-width:650px)
{.scrollable{display:block;width:100%;margin:0 0 30px;padding:0 0 15px;overflow:auto;overflow-x:scroll}
.scrollable table{margin:0;padding:0;white-space:nowrap}
.inline li{display:block;margin-bottom:10px}
.pushright li{margin-right:0}
hr{display:none}
h1{font-size:1.5em}
h2{font-size:1.2em;padding-top:30px}
.line{display:inline-block;width:100%;height:1px;background-color:#2e2e2e}
h3,h4,h5,h6{color:#2e2e2e}
.container{padding-left:0;padding-right:20px;margin-left:-25px}
nav{text-align:left}
.fixedbutton{position:fixed;bottom:50px;right:0;color:black;padding:0;margin:0;font-size:3em;text-decoration:none}
#header{margin:80px 0 40px 40px}