/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v15-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v15-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-sans-3-v15-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-serif-4-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-serif-4-v8-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-serif-4-v8-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-serif-4-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-serif-4-v8-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-serif-4-v8-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-serif-4-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-serif-4-v8-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-serif-4-v8-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* source-serif-4-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Serif 4';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-serif-4-v8-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/source-serif-4-v8-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

#wetter{
	font-family: "Source Sans 3",Arial,Helvetica,sans-serif;
	font-feature-settings: "clig" off;
	overflow: hidden;
	margin: 0px 20px 0px 20px;
	font-size: 15px;
	color: #212529;
}

@media screen and (min-width: 640px){
	#wetter{
		font-family: "Source Sans 3",Arial,Helvetica,sans-serif;
		overflow: hidden;
		max-width: 920px;
		margin: 0px 40px 0px 40px;
	}
}

@media screen and (min-width: 960px){
	#wetter{
		font-family: "Source Sans 3",Arial,Helvetica,sans-serif;
		overflow: hidden;
		max-width: 920px;
		margin: 0px auto 0px auto;
	}
}


#wetter a:active, #wetter a:hover {
    outline-width: 0;
}

#wetter a {
    text-decoration: none;
    background-color: transparent;
	color: #212529;
}

#wetter h1{
  font-family: "Source Serif 4",helvetica,sans-serif;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #212529;
}

#wetter h2{
  font-family: "Source Sans 3",helvetica,sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: left;
}

.wk-headline{
  font-family: "Source Sans 3",helvetica,sans-serif;
  font-size: 19px;
  font-weight: 700;
  font-stretch: normal;
  font-style: normal;
  line-height: 22px;
  letter-spacing: normal;
  text-align: left;
  margin: 25px 0px 0px 0px;
}

.wk-headline-2{
  margin: 0px 0px 10px 0px;
}

.wk-linklist{
	margin-top: 0px;
	
}

.wk-text{
  font-family: "Source Serif 4",helvetica,sans-serif;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;	
}

.wk-text-2{
  font-family: "Source Sans 3",helvetica,sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;	
}


.wk-maps-legend {
	position: relative;
    top: 0px;
    left: 0px;
    height: 45px;
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    margin: 20px 0;
}

.wk-maps-legend ul {
    position: absolute;
    left: 0px;
    top: 15px;
    width: 100%;
    height: 20px;
}

.wk-maps-legend li {
	float:left;
    text-align: center;
    width: 18%;
}

.wk-maps-legend li:first-child {
    text-align: left;
    width: 14%;
}

.wk-maps-legend li:last-child {
    text-align: right;
    width: 14%;
}

.wk-active div.wk-text-2{font-weight: bold;}


.wk-mobile-not{display: none;}
.wk-icon{width: 50px; height: 50px;}
.wk-icon-small{width: 60px; height: 60px;}
.wk-teaser-icon{width: 80px; height: 80px;}

.wk-tempbox{position:absolute; top: 50px; left: 0px; width:26px; height: 22px; line-height: 22px; background-color: #fff; text-align: center; color: #212529; font-size: 14px; font-weight: 700;}
.wk-citybox{position: absolute; top: 50px; left: 26px; height: 22px; line-height: 22px; background-color: #fff; text-align: center; color: #212529; font-size: 14px; font-weight: 700; white-space: nowrap;}

.wk-citybox a{color: #212529;margin-left: 4px; margin-right: 4px;}

.wk-teaser-wrapper{width: 100%; margin-bottom: 20px;}

.wk-teaser-headline{font-weight: 600; color: #212529; line-height: 18px;}
.wk-teaser-date{font-weight: 400; color: #1d1d1d; line-height: 18px; margin-bottom: 10px;}
.wk-teaser-temp{font-family: "Source Serif 4"; font-size: 32px; font-weight: 500; color: #1d1d1d; line-height: 80px;}
.wk-teaser-weather{font-weight: normal; color: #1d1d1d; line-height: 18px;}
ul.wk-teaser{width: 100%; display: inline-block;}

ul.wk-teaser li{float:left; width: 20%; border-left: 1px solid #edece8; text-align: center;}
ul.wk-teaser li:first-child{width: 60%; border-left: 1px solid #edece8; text-align: left; border-left: none;}
ul.wk-teaser li:last-child{border-right: 1px solid #edece8;}
ul.wk-teaser table{width: 100%; border: none;}

ul.wk-details-today{display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 10px; padding: 0px;}
ul.wk-details-today li{float:left; width: 25%; border-left: none; text-align: center;}
ul.wk-details-today li:last-child{border-right: none; }
ul.wk-details-today table{width: 100%; border: none;}

.wk-details-today-headline{font-size: 14px; font-weight: 400; color: #212529; line-height: 18px; margin-bottom: 10px; text-align: center;}
.wk-teaser-temp-small{font-size: 14px; font-weight: 700; color: #212529; line-height: 16px; margin-bottom: 10px;}

.wk-teaser-temp-small span{padding-left:8px;}

.wk-link-f{position: absolute; top: 0px; right: 30px; font-style: normal; font-weight: 800; line-height: 20px; text-transform: uppercase; max-width: 100%; color: #246ea7; font-size: 12px; border-bottom: solid 2px #fd8205;}

.wk-searchInput, .wk-searchSubmit {
    border: 1px solid #E3E3E3;
    box-sizing: border-box;
    background-color: #fff;
    color: #212529;
    height: 40px;
    transition: all .3s ease-in-out;
}

.wk-searchInput {
	font-family: "Source Sans 3",Arial,Helvetica,sans-serif;
    border-radius: 3px;
    font-size: 14px;
    padding: 8px 6px 8px 36px;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-color: #ddd;
	color: #212529;
	outline: 0;
	font-weight: bold;
	margin-right: 10px;
	background:	url("../icons/lupe.svg") 10px no-repeat;
}

input.wk-searchInput::placeholder{color: #666; font-weight:normal;}

::-webkit-input-placeholder {color: #666;}
::-moz-placeholder {color: #666;font-weight:normal;}
:-moz-placeholder {color: #666;font-weight:normal;}
:-moz-placeholder {color: #666;font-weight:normal;}

.wk-searchSubmit {
	border: none;
    outline: 0;
    width: 20%;
    max-width: 85px;
    text-align: center;
	padding:0px;
	cursor: pointer;
	background-color: #E8EDEE;
	color: #110A35;
}

.wk-grid__item{padding-top: 0px;}

.wk-search {
    width: 100%;
	max-width: 450px;
	margin: 0px auto 0px auto;
	padding-bottom: 5px;
}

.sqrbox {
    border: 1px solid #dcdcdc;
    height: 15px;
    width: 15px;
    vertical-align: top;
}


.wk-searchContainer {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.wk-logo {
    width: 100%;
    height: 20px;
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    margin-top: 10px;
}

.wk-table{width: 100%;}

.wk-table td{border-bottom: 1px solid #edece8; line-height: 33px;}
.wk-table th{border-bottom: 1px solid #edece8; border-top: 1px solid #edece8; line-height: 33px; font-weight: normal; font-weight:600;}

ul.wk-grid-25{width: 100%;display: inline-block;}

ul.wk-grid li{float:left; width: 50%; text-align: left;}
ul.wk-grid-25 li{float:left;}
ul.wk-grid-25 li:first-child{width: 46%; text-align: right; padding-right: 4%;}
ul.wk-grid-25 li:last-child{width: 46%; text-align: left; padding-left: 4%;}

@media screen and (min-width: 37.5em){
	ul.wk-grid-25 li:first-child{float:left; width: 25%; text-align: left;}
	ul.wk-grid-25 li:last-child{float:left; width: 75%; text-align: left;}
}

ul.wk-list{
	flex-wrap: wrap;
    margin: 0;
    border-bottom: 0;
/*	display: flex; */
	flex-shrink: 0;
	padding: 0;
    list-style-type: none;
	}
	
ul.wk-list li{
	font-style: normal;
    font-weight: normal;
    line-height: 30px;
	max-width: 100%;
    flex-basis: 100%;
	color: #212529;
	font-size: 14px;
}

ul.wk-list a:hover{

}


ul.wk-list .wk-active{
	font-weight: 600;
}

ul.wk-list-hor{
	flex-wrap: wrap;
    margin: 0;
    border-bottom: 0;
	display: flex;
	flex-shrink: 0;
	padding: 0;
    list-style-type: none;
	width: 100%;
}

ul.wk-list-hor li{
	font-style: normal;
    font-weight: 800;
    line-height: 30px;
    text-transform: uppercase;
	max-width: 100%;
    flex-basis: 100%;
	color: #003a5a;
	font-size: 14px;
	float: left;
}

ul.wk-list-hor li a{
	color: #003a5a;
}

ul.wk-list-small li{
	font-size: 12px;
}


.wk_maps {
    margin: auto;
    width: 310px;
    max-height: inherit;
    position: relative;
    left: 0px;
}

.wk-obs-temp{font-family: "Source Serif 4"; font-size: 32px;font-weight: 500; color: #212529;}
.wk-obs-weather{font-family: "Source Serif 4"; font-size: 17px; font-weight: 400;color: #212529;}
.wk-obs-pet, .wk-obs-actweather{font-family: "Source Serif 4"; font-size: 17px; font-weight: normal; color: #212529; line-height: 30px;}

.wk-obs-actweather span{font-weight: 600;}

.wk-fcst-weather{font-size: 14px; font-weight: 400; color: #212529; line-height: 20px;}
.wk-fcst-weather span{font-weight: 700; margin-bottom: 20px;}

.wk-e6{margin-bottom: 20px;}

.wk-fcst-item{text-align: center; font-weight: normal;line-height: 1.57em; padding-bottom: 10px; padding-top: 10px;}
.wk-fcst-item span{font-weight: 900;}

.wk-warn-height{ margin-bottom: 10px;}
.wk-warn-height span{font-weight: 600;}
.wk-warn-headline{margin-bottom: 20px;}
.wk-warn-text{margin-bottom: 10px;}
.wk-warn-time{ margin-bottom: 20px;}
.wk-warn-time span{font-weight: 600;}
.wk-warn-item{border-bottom: 1px solid #edece8;margin-bottom: 20px;}

.wk-fcst-item-vertical{padding-top: 10px; padding-bottom: 10px; border-top: none; display: inline-block; width: 100%;}

.wk-section{
	background-color: #transparent;	
	padding: 20px 0px 20px 0px;
}

#canvas_wrapper {
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 20;
	top: 0px;
	height: 160px;
}

.canvas_temp{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	height: 160px;
}

.wk-c-grid{margin-bottom: 20px;}

.sectiontrenner-s{clear:both; display: block; width: 100%; height: 10px; border: 1px solid #edece8; background-color: #f9f9f8; margin-top: 10px; margin-bottom: 10px;}

.wk-map-l{display: none;}
.wk-map-s{display: inline-block; width: 100%;}
.wk-nav-l {display: none;}

@media screen and (min-width: 37.5em){

ul.wk-list-hor li{
	max-width: 50%;
}

}

.wk-inline-topnav {
    font-family: Source Sans 3;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    overflow-x: auto;
    width: 100%;
    padding: 15px;
    text-align: left;
}

.wk-topnav {
    width: 100%;
    margin-right: -15px;
    margin-left: -15px;
}

.wk-inline-nav-link:first-child {
    padding-left: 0;
}

.wk-inline-nav-link:last-child {
    padding-right: 0;
}

.wk-inline-nav-link {
    padding-right: 35px;
    fill: #212529;
    color: #212529;
    position: relative;
	line-height: 35px;
}

.wk-inline-nav-link-active {
	font-weight: bold;
}

a.wk-inline-nav-link:hover {

}

ol, ol>li, ul, ul>li {
    margin: 0;
    padding: 0;
    list-style: none;
}


@media screen and (min-width: 640px){

#wetter h1{
  font-size: 38px;
}

.wk-headline{text-align: left;}
.wk-map-l{display: inline-block;width: 100%;}
.wk-map-s{display: none;}
.wk-nav-l {display: block;}
.sectiontrenner-s{display: none; }

.w-page-container {
	padding-right: 30px;
	padding-left: 30px;
	max-width: 970px;
}

.w-channel-navigation {
	width: auto;
	margin-top: -20px;
	margin-right: 0;
	margin-left: 0;
}

.w-inline-navigation {
	overflow-x: hidden;
	width: auto;
	padding: 15px 0;
	text-align: left;
}

ul.wk-list-hor li{
	max-width: 25%;
}
	
.wk-inline-topnav {
    width: 100%;
    padding: 15px 0;
    text-align: center;
}

.wk-topnav {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.wk-headline{  
	margin: 20px 0px 20px 0px;
}

.wk-headline-2 {
    margin: 0px 0px 10px 0px;
}
}

@media screen and (min-width: 960px){
.wk-inline-topnav {
    overflow-x: hidden;
}
.wk-topnav:not(.c-channel-navigation--is-separated-from-background) {
    margin-top: -20px;
}

.wk-search{margin-bottom: 20px;}

}



.wk-topnav-wrapper{
	margin: 0px auto 0px auto;
}


@media (prefers-color-scheme: dark) {


	#wetter{
		color: #fff;
	}

	#wetter a, a:active, #wetter a:hover {
		color: #fff;
	}

	#wetter h1{
	  color: #fff;
	}
	
	.wk-list a{color: #fff;}

	.wk-citybox a{color: #212529 !important;}

	.wk-obs-temp, .wk-obs-pet, .wk-obs-actweather, .wk-obs-weather, .wk-teaser-temp-small, .wk-details-today-headline, .wk-fcst-weather, .wk-teaser-temp, .wk-teaser-headline, .wk-searchInput{color: #fff;}
	
	input.wk-searchInput::placeholder{color: #aaa;}
	
}