@charset "UTF-8";
/* CSS Document */
/*======================================
Hummer Styles via Child Theme
======================================*/

/* You can start adding your own styles here. Use !important to overwrite styles if needed. */

@font-face { font-family: 'hummer-head';
             src: /*local ('hummer-head')*/
                  url('./fonts/Sarina-Regular.ttf') format('truetype'); }

#page .site-content {
 hyphens: auto;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a3a3a+0,c4c4c4+24,f2f2f2+99 */
/*background: #3a3a3a; /* Old browsers */
/*background: -moz-linear-gradient(top, #3a3a3a 0%, #c4c4c4 24%, #f2f2f2 99%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, #3a3a3a 0%,#c4c4c4 24%,#f2f2f2 99%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #3a3a3a 0%,#c4c4c4 24%,#f2f2f2 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#page .site-content-contain {background-color: rgba(255, 255, 255, 0); z-index: 100;}

#page #primary.content-area{max-width:inherit;background-color: white;padding: 1em;}

#page .custom-header-media img{-o-object-fit: contain; object-fit: contain; position: relative;}

.logo { position:absolute; left:-150px; top:8px}
#page img.custom-logo {width: 240px; background-color: white; max-height: 100px;}

#page .panel-image {background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: contain; position: relative;}

#page .main-navigation li.current-menu-item { background-color: white;}
#page .main-navigation li.current-menu-parent { background-color: white;}
#page .main-navigation li.current-menu-parent a{ color: #666;}
#page .main-navigation li.current-menu-parent a:hover{ color: #fff;}
#page .main-navigation li.current-menu-item > a{ color: #666; padding-bottom: unset;}
#page .menu-scroll-down {background-color: rgba(73, 138, 195, 1);}
#page .menu-scroll-down:hover{background-color: rgba(0, 185, 235, 0.6);}

#page .navigation-top a { color: #fff; font-weight: 400; letter-spacing: .05em;}

#page .custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	/*background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
/*	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
}
#page .panel-image:before {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#135188+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(19,81,136,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(19,81,136,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(19,81,136,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00135188', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
/*background: transperent;*/
}
#page .site-footer{background: #f2f2f2; margin-top: 0em;}

.panel-content .entry-title{ display: none;}

#page select{ height: 2em; margin-left: 10px;}

#auswahl table.legende, #auswahl th, #auswahl td {text-align:left; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; border-left: 0px; border-right: 0px; white-space: nowrap;}
#auswahl th.first {text-align:right;}

#auswahl td.prof-one {background: rgb(59, 118, 149);}
#auswahl td.prof-two {background: rgb(165, 150, 105);}
label#DatumAktuell{ margin-bottom: 0rem;}
#auswahl input {padding: 3px; width: 30%; display: inherit;}

iframe.postel, object {max-width: 136%;}
#contents .inFocus {    background-color: #00b9eb;}
#vizu-data .site-header {display:none;}
#vizu-data .wrap {max-width: 1000px;padding-left: 0.5em;padding-right: 0.5em;}
#vizu-data .site-content {background:transparent;}
#vizu-data #page .site-content-contain {background: transparent;}
#vizu-data #page .site-footer {display:none}

/* button Stromverbrauch*/
button#topButton a.aktiv, a#btnVor.aktiv{background:#498ac3;}
button#topButton a{background-color:#FFFfff;}
button#topButton {background: transparent;border: 0;}
a#btnZurueck, a#btnVor{background-color:#FFFfff; color:#000;}
a#btnZurueck {}

#narration a.source {margin: 10px;text-align: left;font-size: 11pt;padding: 10px;}

#flex-content{display: flex; font-family: sans-serif;}
#flex-content h3{font-weight: bold; font-size: 1.7em; color: #607D8B;}
#flex-content ul {    padding: 0px 0px 0px 20px;}
#flex-content li {font-size: 1.4em; color: #999;}
#page .entry-content{flex-grow: 1; min-width: 50%; margin:0px;}
#extra-content{/*display: flex;*/}

.site-branding .wrap {background-color: white;}

.single-featured-image-header { max-height: 600px; position: sticky; top: 0px;}

@media screen and (min-width: 30em){
#page .wrap {max-width: 1200px; padding-top: 10px; padding-left: .5em; padding-top: .5em;}
#page .navigation-top a { padding: 0.1em 0.25em;}
}

@media screen and (min-width: 48em){
#page .site-content { padding: 0em 0 0;}
#page .entry-header {margin-bottom: 1.5em;}
#page .panel-content .wrap {padding-bottom: 1.5em; padding-top: 0em;}
#page .custom-header-media {height: calc(100vh - 20px);}
#page .panel-image { height: 60vh;}
#page .site-title {font-size: 1.55rem;}
.main-navigation a {padding: .25em .25em;}
.navigation-top nav {margin-left: 0em;}
.page:not(.home) #content {padding-bottom: 15.25em;}
}

@media screen and (min-width: 67em){
#page .navigation-top .wrap {padding: 0em 2em;}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {font-size: 2.4rem; font-family: 'hummer-head'; text-transform: none;}
.entry-content p {padding-top: 1em; font-size: 1.4em; font-weight: normal; color: #999; margin: 0 0 .5em;}
.entry-content h1 {font-weight: normal; font-family: 'hummer-head';font-size: 2.5em; color: #888888; margin-block-end: 0.2em;}
.main-navigation a {padding: .25em .75em;}
}