/* Embeds: Fonts */
@font-face {
    font-family: sourceSansPro;
    src: local('Source-Sans-Pro'), local('Source Sans Pro'),
         url(./fonts/SourceSansPro-Regular.woff2) format('woff2'),
         url(./fonts/SourceSansPro-Regular.ttf) format('truetype');
}

* { box-sizing: border-box; z-index: 1; }

/* General */
html {margin: 0px;padding: 0px;height: 100%;}
body {margin: 0px;padding: 0px;font-family: sourceSansPro;font-size: 1.1em;line-height: 1.6em;
}
a { text-decoration: none; color: inherit;}

h1, h2, h5, h6 {font-weight: normal;font-size: 1.0em; }

a:hover {color:#cc6633;opacity:0.8;}

li {list-style: none;margin-bottom:10px;}

td  {font-size:1.1em;padding: 2px 4px;}
tr:hover {background-color:#d3d3d3;}
div.kopfleiste {
    width:100%; 
    height: auto; 
    background: #303030;
    font-size:1.1em; 
    margin:0em; 
    padding:0em; 
    text-align:center; 
    color: #f7f7f7;
}
div.menuitem {display: inline-block; width: 19%; margin:11px 4px 10px 4px; padding: 1px;text-align:center;border-color:#fcfcfc;border-width:4px; border-radius:4px;background-color:#fefefe;opacity: 0.8;color: #333333;}
/*div.background {margin:0em;padding: 0em; background: url("../img/thorvaldsen.jpg") no-repeat top center fixed; background-size: cover; width: 100%; height: 100%;}*/
div.info {margin: 2em 2em 2em 2em; padding: 2em 2em 2em 2em; width: calc(100% - 4em); height: auto; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;opacity: 0.8;}
div.suche {margin: 2em 2em 2em 2em; padding: 2em 2em 2em 2em; width: calc(100% - 4em); height: auto; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;opacity: 0.8;}
div.erhalten {margin: 2em 2em 2em 2em; padding: 2em 2em 2em 2em; width: calc(100% - 4em); height: auto; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;opacity: 0.95;}
div.karte {margin: 0em; padding: 0em; width:100%; height: calc(89.3%);}
div.zahlen {margin: 2em 2em 2em 2em; padding: 2em 2em 2em 2em; width: calc(100% - 4em); height: auto; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;}
div.kontakt {margin: 2em 2em 2em 2em; padding: 2em 2em 2em 2em; width: auto; height: auto; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;opacity: 0.7;}
div.dsgvo {margin: 2em 2em 2em 2em; padding: 2em 2em 2em 2em; width: calc(100% - 4em); height: auto; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;opacity: 0.8;}
div.isil {width: calc(100%); height: 90%; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;}
div.liste {margin: 2em 2em 2em 2em; padding: 2em 2em 2em 2em; width: calc(100% - 4em); height: auto; border-color:#fcfcfc;border-width:2px;border-radius:7px;background-color:#fefefe;}
div.intro {font-size: 1em;}
div.explica {font-size: 1em;}

fieldset {background-color: #cccccc; border-radius: 7px;}
fieldset legend {font-size: 0.9em; color: #f0f0f0; border-width: 1px; border-style: solid; border-color: #000000; border-radius: 3px; padding: 0px 5px;background-color:#1f1f1f;}

.preference {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: .7rem;
}
.preference label {color: #3f3f3f; width: 30%;}
.preference input {color:#050505; width: 70%; padding:0.4em; margin-right:2em;}
.preference input @submit {color:#ffffff;}

.preference input::placeholder {color: #999999; font-size: 0.9em; margin: 5px;}
form.anmeldeformular {margin: 20px 0px;}



.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.8em;
  background-color: #919191;
  color: black;
  vertical-align: top;
  padding: 0em 2em 0em 2em;
  margin:0;
}