@charset "utf-8";

@font-face { font-family: 'KumbhSans';
             src: url('fonts/KumbhSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'KumbhSans';
             src: url('fonts/KumbhSans-Bold.ttf') format('truetype');
             font-weight: bold; }

a:link { text-decoration:none; font-weight:normal; color:#FFFFFF; }
a:visited { text-decoration:none; font-weight:normal; color:#FFFFFF; }
a:hover { text-decoration:underline; font-weight:normal; color:#FFFFFF; }
a:active { text-decoration:none; font-weight:normal; color:#FFFFFF; }

.menu:link { text-decoration:none; font-weight:normal; }
.menu:visited { text-decoration:none; font-weight:normal; }
.menu:hover { text-decoration:none; font-weight:normal; }
.menu:active { text-decoration:none; font-weight:normal; }

.submenu:link { text-decoration:none; font-weight:normal; color:#000000; }
.submenu:visited { text-decoration:none; font-weight:normal; color:#000000; }
.submenu:hover { text-decoration:none; font-weight:normal; color:#FFFFFF; }
.submenu:active { text-decoration:none; font-weight:normal; color:#000000; }

.schnuffler:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
.schnuffler:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; }
.schnuffler:hover { text-decoration:underline; font-weight:bold; color:#FFFFFF; }
.schnuffler:active { text-decoration:none; font-weight:bold; color:#FFFFFF; }

.archiv:link { text-decoration:none; font-weight:bold; color:#FFFFFF; }
.archiv:visited { text-decoration:none; font-weight:bold; color:#FFFFFF; }
.archiv:hover { text-decoration:underline; font-weight:bold; color:#FFFFFF; }
.archiv:active { text-decoration:none; font-weight:bold; color:#FFFFFF; }

/* Handy, kleine Aufloesung */
#oben {
background: #9d2632; 
position:absolute;
height:2.4em;
width:100vw;
left:0px;
top:0px;
color:#FFFFFF;
font-size:3.125em;
text-align:center;
font-family:KumbhSans, Arial, sans-serif;
padding-top:0.7em;
z-index:2;
}
#logo {
height:7.5em;
position:fixed;
padding-right:5em;
padding-top:3.75em;
margin-top:-40px;
right:0px;
top:0px;
z-index:5;
visibility:hidden;
}
#logo_tablet {
height:7.5em;
position:fixed;
padding-right:3em;
padding-top:3.75em;
margin-top:-40px;
right:0px;
top:0px;
z-index:5;
visibility:hidden;
}
#navigation {
position:absolute;
width:100%;
left:0px;
top:7.5em;
z-index:4;
}
#text {
color:#FFFFFF;
font-family:KumbhSans, Arial, sans-serif;
font-size:3em;
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
padding-top:11.5em;
padding-left:0.5em;
padding-right:0.5em;
margin-bottom:0.5em;
z-index:1;
}
#bild {
float:right;
top:13em;
right:12em;
position:fixed;
visibility:hidden;
z-index:2;
}
#iframe{
color:#FFFFFF;
font-family:KumbhSans, Arial, sans-serif;
font-size:3.333em;
position:absolute;
left:0px;
top:0px;
padding-top:10px;
padding-bottom:10px;
z-index:1;
}
#table {
border-color:#FFFFFF;
border-collapse:collapse;
}
#borderlesstable {
border:hidden;
}
table,
th,
td {
border:2px solid;
padding:0.2em;
}
span[id] {
display:block;
width:0;
height:0;
position:relative;
visibility:hidden;
}
section {
display: -webkit-flex;
display: flex;
}
section span {
padding: 0.5em;
margin: 0.5em;
width: 100vw;
}
.mobile_invisible {
display:none;
}
.mobile_visible {
display:inline;
}
.tablet_visible {
display:none;
}
.pc_visible {
display:none;
}
.link {
font-size:1.125em;
}
.header_index {
font-size:1.375em;
font-weight:bold;
}
.header_impressum {
font-size:1.375em;
}
.impressum {
font-size:1.25em;
}
.center {
text-align:center;
}
.indexbild_img {
width:90vw;
}
.indexbild_p {
text-align:center;
}
.iframe_grulei {
width:100%;
height:10em;
}
.iframe_sola {
width:100%;
height:126em;
}
input[type=checkbox] {
  -ms-transform: scale(3); /* IE */
  -moz-transform: scale(3); /* FF */
  -webkit-transform: scale(3); /* Safari and Chrome */
  -o-transform: scale(3); /* Opera */
  margin-right: 0.5em;
}
.wrap {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.team {
background:#4d4f5a80;
border:1px solid;
border-color:#4d4f5a;
border-radius: 0.5em;
}
.team_img {
width:50vw;
}
.uebersicht {
background:#4d4f5a80;
border:1px solid;
border-color:#4d4f5a;
border-radius: 0.5em;
}
.formular {
font-family:KumbhSans, Arial, sans-serif;
font-size:0.9em;
}
.button {
  font-family: KumbhSans, Arial, sans-serif;
  font-size: inherit;
  background-color: #4d4f5a;
  color: #FFFFFF;
  border: none;
  padding: 0.4em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: background 0.3s ease-out 0s;
  -moz-transition: background 0.3s ease-out 0s;
  -o-transition: background 0.3s ease-out 0s;
  transition: background 0.3s ease-out 0s;
}
.button:hover {
  background-color: #FFFFFF;
  color: #000000;
}

/* Handy, grosze Aufloesung */
@media all and (min-width: 45em) {
#text {
padding-top:5em;
}
}

/* Tablet; PC, kleine Aufloesung */
@media all and (min-width: 65em) {
#oben {
position:fixed;
}
#logo_tablet {
visibility:visible;
}
#navigation {
position:fixed;
}
#text {
font-size:1.25em;
padding-top:7.5em;
padding-left:1em;
padding-right:1em;
padding-bottom:1em;
}
#iframe {
font-size:1.25em;
}
table,
th,
td {
padding:0.15em;
}
span[id] {
top:-7em;
}
section span {
width:25vw;
}
.mobile_invisible {
display:inline;
}
.mobile_visible {
display:none;
}
.tablet_visible {
display:inline;
}
.pc_visible {
display:none;
}
.link {
font-size:1.3em;
}
.header_index {
font-size:2.5em;
}
.header_impressum {
font-size:2em;
}
.impressum {
font-size:1.5em;
}
.logo {
height:78px;
width:78px;
}
.indexbild_img {
width:30vw;
}
.indexbild_p {
text-align:left;
}
.iframe_grulei {
height:12em;
}
.iframe_sola {
height:101em;
}
input[type=checkbox] {
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin-right: 0.5em;
}
.team_img {
width:12vw;
}
.button {
  padding: 15px 25px;
}
}

/* PC, grosze Aufloesung */
@media all and (min-width: 95em) {
#logo {
visibility:visible;
padding-right:5em;
margin-top:-40px;
}
#logo_tablet {
visibility:hidden;
}
#bild {
visibility:visible;
}
.mobile_visible {
display:none;
}
.tablet_visible {
display:none;
}
.pc_visible {
display:inline;
}
.logo {
height:78px;
width:267px;
}
section span {
width:28vw;
}
.team_img {
width:14vw;
}
}