/* *** generated @ 2026-05-03 15:56:08 *** */

/* ** [ /src_project/sites/portal/css/3/warndienst_dyntableau.css ] ** */
#tableau.my-tableau{
margin: 15px 0;
touch-action: manipulation;

}
#tableau.my-tableau .tb-cell{
padding: 0 10px;
}
#tableau.my-tableau .tb-cell{
border-right: 1px solid rgba(0,0,0,0.07);
border-left: 1px solid rgba(0,0,0,0.07);
}
#tableau.my-tableau .tb-row-header{
padding: 7px 0;
background: rgba(0,0,0,0.07);
}
#tableau.my-tableau .tb-toggle-details:before{
content: "Vormittag / Nachmittag" !important;
}
#tableau.my-tableau .tb-cell.expanded .tb-toggle-details:before{
content: "Ansicht schließen" !important;
}
#tableau.my-tableau .tb-toggle-details,
#tableau.my-tableau .tb-toggle-details:visited{
color: #006634;
}
#tableau.my-tableau .tb-slick-btn-prev:before{
content:  url("/src_project/svg/portal/svg/slider_zurueck.svg") !important;
}
#tableau.my-tableau .tb-slick-btn-next:before{
content:  url("/src_project/svg/portal/svg/slider_weiter2.svg") !important;
}
#tableau.my-tableau p{
margin: 0;
}
#tableau.my-tableau .tb-weekday{
font-size: 20px;
margin-top: 12px;
}
#tableau.my-tableau .tb-date{
font-size: 30px;
}
#tableau.my-tableau .tb-temp-max > span{
padding-bottom: 4px;
border-bottom: 1px solid rgba(0,0,0,0.2);
}
#tableau.my-tableau .tb-temp-min > span{
padding-top: 6px;
}
#tableau.my-tableau .tb-toggle-details{
font-size: 14px;
padding: 20px 0;
}
#tableau.my-tableau .tb-value{
padding: 15px 0;
}
#tableau.my-tableau .tb-value + .tb-value{
padding-top: 0;
}
#tableau.my-tableau .tb-slick-btn.tb-slick-btn-prev{
top: 159px;
left: 0;
width: 50px;
padding: 0;
}
#tableau.my-tableau .tb-slick-btn .tb-slick-btn-next{
top: 159px;
right: 0;
width: 50px;
padding: 0;
}

/* ** [ /src_project/sites/portal/css/3/wetter.css ] ** */
[data-symbol="01"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/01.svg);
}
[data-symbol="02"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/02.svg);
}
[data-symbol="03"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/03.svg);
}
[data-symbol="04"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/04.svg);
}
[data-symbol="05"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/05.svg);
}
[data-symbol="06"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/06.svg);
}
[data-symbol="07"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/07.svg);
}
[data-symbol="08"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/08.svg);
}
[data-symbol="09"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/09.svg);
}
[data-symbol="10"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/010.svg);
}
[data-symbol="11"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/011.svg);
}
[data-symbol="12"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/012.svg);
}
[data-symbol="13"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/013.svg);
}
[data-symbol="14"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/014.svg);
}
[data-symbol="15"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/015.svg);
}
[data-symbol="16"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/016.svg);
}
[data-symbol="17"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/017.svg);
}
[data-symbol="18"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/018.svg);
}
[data-symbol="19"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/019.svg);
}
[data-symbol="20"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/020.svg);
}
[data-symbol="21"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/021.svg);
}
[data-symbol="22"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/022.svg);
}
[data-symbol="23"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/023.svg);
}
[data-symbol="24"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/024.svg);
}
[data-symbol="25"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/025.svg);
}
[data-symbol="26"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/026.svg);
}
[data-symbol="27"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/027.svg);
}
[data-symbol="28"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/028.svg);
}
[data-symbol="29"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/029.svg);
}
[data-symbol="30"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/030.svg);
}
[data-symbol="31"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/031.svg);
}
[data-symbol="32"]{
background-image:  url(/src_project/svg/portal/wetter2018/tag/032.svg);
}
.wetter.nodoc{
padding: inherit;
background-color: inherit;
}
.wetter-header .centerd-row{
text-align: center;
}
.wetter-header .centerd-row h2{
font-family: "Roboto",sans-serif;
font-size: 40px;
font-weight: normal !important;
}
.wetter-header .centerd-row h2 span{
font-size: 20px;
}
.wetter-header .centerd-row h2 small,
.wetter-header .centerd-row h2 span{
display: block;
clear: both;
}
.wetter-header .centerd-row h2 small{
font-size: 13px;
margin-top: 5px;
color: #999;
}
.wetter-widget .wetter-search{
display: block;
float: left;
clear: both;
width: 100%;
padding: 0;
}
.wetter-widget .wetter-search .plz-search-form{
width: 100%;
}
.wetter-widget .wetter-akt{
font-size: 13px;
display: block;
width: 100%;
margin-top: 5px;
text-align: center;
color: #989898;
}
.wetter-widget .wetter-footer{
margin: 0;
padding: 0 0.5em;
color: #616161;
}
.wetter-widget .wetter-footer span{
color: #616161;
}
.wetter-widget header{
font-size: 16px;
display: block;
float: left;
clear: both;
width: 100%;
padding: 0.5em 0.5em;
border: none;
}
.wetter-widget header h2{
font-size: 1.05em;
font-weight: 500;
line-height: 23px;
margin: 0;
}
.wetter-widget header small{
line-height: 1.3;
display: block;
float: left;
margin: 0;
color: #000;
}
.wetter-widget header a{
font-size: small;
position: absolute;
right: 0.5em;
bottom: 0.7em;
color: #007e46;
}
.wetter-widget header a:before{
font-family: "lko" !important;
font-size: 0.5em;
font-weight: normal !important;
font-style: normal !important;
font-variant: normal !important;
line-height: 1;
margin-right: 0.5em;
content: "J";
text-transform: none !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wetter-widget .wetter-forecast{
clear: both;
margin: 0;
padding: 0;
}
.wetter-widget .wetter-forecast ul{
width: 100%;
margin: 0;
cursor: pointer;
}
.wetter-widget .wetter-forecast ul li{
width: 25%;
padding: 0 10px;
border-right: 1px solid #f4f4f4;
}
.wetter-widget .wetter-forecast ul li [data-symbol]{
width: 48px;
height: 48px;
background-position: center;
}
.wetter-widget .wetter-forecast ul li .direction{
font-size: 17px;
margin-bottom: 10px;
}
@media (max-width: 767px){
.wetter-widget .wetter-forecast ul li .direction{
font-size: 18px;
}
}
article .wetterbox li{
margin-top: 0.5em;
}
.plz-search-form{
position: relative;
width: 50%;
padding: 0;
}
@media (max-width: 767px){
.plz-search-form{
width: 100%;
}
}
.plz-search-form i{
position: absolute;
top: 14px;
right: 20px;
width: auto;
max-width: 22px;
height: auto;
cursor: pointer;
}
@media (max-width: 375px){
.plz-search-form i{
top: 9px;
left: 11px;
}
}
.plz-search-form i svg{
width: 20px;
height: 20px;
color: #007E46;
}
.plz-search-form input{
width: 100%;
height: 50px;
padding-right: 60px;
padding-left: 20px;
border: none;
border-top: solid 1px #f4f4f4;
border-bottom: solid 1px #f4f4f4;
border-radius: 0;
}
@media (max-width: 375px){
.plz-search-form input{
height: 40px;
padding-left: 40px;
}
}
.plz-search-form .btn.btn-portalColor{
font-size: 14px;
line-height: 46px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: none;
width: auto;
height: auto;
padding: 0 20px;
cursor: pointer;
transition-delay: 0s;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: background;
text-align: center;
text-decoration: none;
letter-spacing: 0.16px;
text-transform: uppercase;
color: #fff;
border-radius: 0 3px 3px 0;
background-color: #009640;
}
@media (max-width: 375px){
.plz-search-form .btn.btn-portalColor{
line-height: 39px;
padding: 0 15px;
}
}
.plz-search-form .btn.btn-portalColor:hover{
background-color: #00a044;
}
.wetter-search{
padding-top: 30px;
padding-bottom: 5px;
background-color: #ddd;
}
@media (max-width: 767px){
.wetter-search{
padding: 20px 0;
}
}
.wetter-search .search-input{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wetter-nav{
display: block;
clear: both;
padding: 0;
}
.wetter-nav li{
margin: 0;
list-style: none;
position: relative !important;
}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu{
right: 0;
left: inherit;
}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu:before{
right: 14px;
left: inherit;
}
.wetter-nav li:nth-last-child(-n+2) .dropdown-menu:after{
right: 15px;
left: inherit;
}
.wetter-nav .dropdown-menu{
width: auto !important;
}
.wetter-nav .dropdown-menu:before{
position: absolute;
top: -9px;
left: 14px;
width: 0;
height: 0;
content: " ";
border-right: 9px solid transparent;
border-bottom: 9px solid #ccc;
border-left: 9px solid transparent;
}
.wetter-nav .dropdown-menu:after{
position: absolute;
top: -8px;
left: 15px;
width: 0;
height: 0;
content: " ";
border-right: 8px solid transparent;
border-bottom: 8px solid white;
border-left: 8px solid transparent;
}
.wetter-nav .dropdown-menu li{
font-size: 14px;
margin: 0;
}
.wetter-nav .dropdown-menu li a{
height: auto;
padding: 5px 20px;
}
.wetter-nav .dropdown-menu li a:hover{
background-color: #9bc3a8;
}
.wetter-nav .dropdown > .dropdown-toggle{
font-size: 14px;
font-weight: normal;
display: block;
padding: 15px 17px;
color: #333;
}
@media (max-width: 991px){
.wetter-nav .dropdown > .dropdown-toggle{
padding: 15px 8px;
}
}
.info{
position: relative;
top: -3px;
display: inline-block;
margin-left: 0;
cursor: pointer;
}
.info svg{
width: 23px;
height: 16px;
fill: #666;
}
.wetter-serch-collapse{
position: absolute;
z-index: 50;
right: 0;
left: 0;
margin-top: 15px;
}
.search-link{
font-size: 14px;
cursor: pointer;
color: #007E46;
}
.search-link svg{
width: 18px;
height: 18px;
margin-right: 5px;
fill: #007E46;
}
.popover-content{
padding: 20px;
text-align: center;
}
.popover-content .small-popover{
font-size: 12px;
line-height: 16px;
display: block;
margin-top: 10px;
}
.popover-content .txt-popver{
font-size: 20px;
line-height: 24px;
display: block;
}
.popover-content .warnings-popover{
display: block;
width: 100%;
height: 40px;
margin-bottom: 10px;
background-image:  url(/src_project/svg/portal/wetter2018/icons/wetterwarnung.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
}
.wetter-footer{
max-width: 100%;
margin-top: 30px;
margin-bottom: 50px;
text-align: center;
flex: 0 0 100%;
}
.wetter-footer a,
.wetter-footer span{
font-size: 12px;
display: block;
clear: both;
color: #606060;
}
@media (max-width: 767px){
.wetter-footer a,
.wetter-footer span{
font-size: 10px;
}
}
.wetter-footer a{
margin-top: 15px;
}
.wetter-footer a img{
width: 95px;
height: auto;
margin-left: 6px;
}
.wetter-detail{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wetter-detail .slick-next,
.wetter-detail .slick-prev{
font-size: 0;
border: none;
}
.wetter-detail .col-block,
.wetter-detail ul{
position: relative;
display: flex;
clear: both;
overflow: hidden;
flex-direction: row;
width: 100%;
margin: 15px 0 0;
padding: 10px 0 0 0;
border-bottom: 1px solid #f4f4f4;
flex-wrap: nowrap;
}
.wetter-detail .col-block .col-item,
.wetter-detail .col-block li,
.wetter-detail ul .col-item,
.wetter-detail ul li{
float: left;
max-width: 14.2857142857%;
margin: 0;
padding: 0 10px;
list-style: none;
text-align: center;
border-right: 2px solid #f4f4f4;
flex: 0 0 14.2857142857%;
}
.wetter-detail .col-block .col-item .col-1spaltig,
.wetter-detail .col-block li .col-1spaltig,
.wetter-detail ul .col-item .col-1spaltig,
.wetter-detail ul li .col-1spaltig{
margin: 0;
padding: 0;
list-style: none;
border: none;
}
.wetter-detail .col-block .col-item .col-1spaltig.top,
.wetter-detail .col-block li .col-1spaltig.top,
.wetter-detail ul .col-item .col-1spaltig.top,
.wetter-detail ul li .col-1spaltig.top{
height: 148px;
}
@media (max-width: 375px){
.wetter-detail .col-block .col-item .col-1spaltig.top,
.wetter-detail .col-block li .col-1spaltig.top,
.wetter-detail ul .col-item .col-1spaltig.top,
.wetter-detail ul li .col-1spaltig.top{
height: 130px;
}
}
.wetter-detail .col-block .col-item .col-1spaltig li,
.wetter-detail .col-block li .col-1spaltig li,
.wetter-detail ul .col-item .col-1spaltig li,
.wetter-detail ul li .col-1spaltig li{
float: left;
max-width: 1000%;
border: none;
flex: 0 0 100%;
}
.wetter-detail .col-block .col-item.day-2col,
.wetter-detail .col-block li.day-2col,
.wetter-detail ul .col-item.day-2col,
.wetter-detail ul li.day-2col{
position: relative;
z-index: 50;
max-width: 28.5714285714%;
margin-left: -14.2857142857%;
list-style: none;
background-color: #fbfbfb;
flex: 0 0 28.5714285714%;
}
@media (max-width: 991px){
.wetter-detail .col-block .col-item.day-2col,
.wetter-detail .col-block li.day-2col,
.wetter-detail ul .col-item.day-2col,
.wetter-detail ul li.day-2col{
width: 100%;
margin-left: -7.15%;
}
}
.wetter-detail .col-block .col-item.day-2col.slick-slide,
.wetter-detail .col-block li.day-2col.slick-slide,
.wetter-detail ul .col-item.day-2col.slick-slide,
.wetter-detail ul li.day-2col.slick-slide{
display: none !important;
}
.wetter-detail .col-block .col-item.day-2col.slick-slide.collapse.in,
.wetter-detail .col-block li.day-2col.slick-slide.collapse.in,
.wetter-detail ul .col-item.day-2col.slick-slide.collapse.in,
.wetter-detail ul li.day-2col.slick-slide.collapse.in{
display: block !important;
}
.wetter-detail .col-block .col-item.day-2col:before,
.wetter-detail .col-block li.day-2col:before,
.wetter-detail ul .col-item.day-2col:before,
.wetter-detail ul li.day-2col:before{
position: absolute;
top: -10px;
right: 0;
left: 0;
height: 10px;
content: " ";
background-color: #fbfbfb;
}
.wetter-detail .col-block .col-item.day-2col .close,
.wetter-detail .col-block li.day-2col .close,
.wetter-detail ul .col-item.day-2col .close,
.wetter-detail ul li.day-2col .close{
position: absolute;
right: 18px;
cursor: pointer;
}
.wetter-detail .col-block .col-item.day-2col .close svg,
.wetter-detail .col-block li.day-2col .close svg,
.wetter-detail ul .col-item.day-2col .close svg,
.wetter-detail ul li.day-2col .close svg{
width: 18px;
height: auto;
fill: #007E46;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig,
.wetter-detail .col-block li.day-2col .col-2spaltig,
.wetter-detail ul .col-item.day-2col .col-2spaltig,
.wetter-detail ul li.day-2col .col-2spaltig{
width: auto;
margin: 0 -10px;
padding: 0;
list-style: none;
border: none;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig.top,
.wetter-detail .col-block li.day-2col .col-2spaltig.top,
.wetter-detail ul .col-item.day-2col .col-2spaltig.top,
.wetter-detail ul li.day-2col .col-2spaltig.top{
height: 148px;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li,
.wetter-detail .col-block li.day-2col .col-2spaltig li,
.wetter-detail ul .col-item.day-2col .col-2spaltig li,
.wetter-detail ul li.day-2col .col-2spaltig li{
max-width: 50%;
flex: 0 0 50%;
flaot: left;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li:first-child,
.wetter-detail .col-block li.day-2col .col-2spaltig li:first-child,
.wetter-detail ul .col-item.day-2col .col-2spaltig li:first-child,
.wetter-detail ul li.day-2col .col-2spaltig li:first-child{
border-left: none;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li:last-child,
.wetter-detail .col-block li.day-2col .col-2spaltig li:last-child,
.wetter-detail ul .col-item.day-2col .col-2spaltig li:last-child,
.wetter-detail ul li.day-2col .col-2spaltig li:last-child{
border-right: none;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li [data-symbol],
.wetter-detail .col-block li.day-2col .col-2spaltig li [data-symbol],
.wetter-detail ul .col-item.day-2col .col-2spaltig li [data-symbol],
.wetter-detail ul li.day-2col .col-2spaltig li [data-symbol]{
float: left;
width: 50%;
height: 50px;
}
.wetter-detail .col-block .col-item.day-2col .col-2spaltig li .temperatur,
.wetter-detail .col-block li.day-2col .col-2spaltig li .temperatur,
.wetter-detail ul .col-item.day-2col .col-2spaltig li .temperatur,
.wetter-detail ul li.day-2col .col-2spaltig li .temperatur{
display: inline-block;
width: 50%;
}
@media (min-width: 992px){
.wetter-detail .col-block .col-item .header-block .headline-cont,
.wetter-detail .col-block li .header-block .headline-cont,
.wetter-detail ul .col-item .header-block .headline-cont,
.wetter-detail ul li .header-block .headline-cont{
display: none;
}
}
.wetter-detail .col-block .col-item .header-block .headline-cont:before,
.wetter-detail .col-block li .header-block .headline-cont:before,
.wetter-detail ul .col-item .header-block .headline-cont:before,
.wetter-detail ul li .header-block .headline-cont:before{
position: relative;
top: 0;
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
content: "";
background-repeat: no-repeat;
background-position: center right;
background-size: 100% auto;
}
.wetter-detail .col-block .col-item .header-block .headline-cont span,
.wetter-detail .col-block li .header-block .headline-cont span,
.wetter-detail ul .col-item .header-block .headline-cont span,
.wetter-detail ul li .header-block .headline-cont span{
position: relative;
top: -5px;
display: inline-block;
}
.wetter-detail .col-block .col-item .header-block.niederschlag .headline-cont:before,
.wetter-detail .col-block li .header-block.niederschlag .headline-cont:before,
.wetter-detail ul .col-item .header-block.niederschlag .headline-cont:before,
.wetter-detail ul li .header-block.niederschlag .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/niederschlag.svg);
}
.wetter-detail .col-block .col-item .header-block.rel-feu .headline-cont:before,
.wetter-detail .col-block li .header-block.rel-feu .headline-cont:before,
.wetter-detail ul .col-item .header-block.rel-feu .headline-cont:before,
.wetter-detail ul li .header-block.rel-feu .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/feuchtigkeit.svg);
}
.wetter-detail .col-block .col-item .header-block.verdunstung .headline-cont:before,
.wetter-detail .col-block li .header-block.verdunstung .headline-cont:before,
.wetter-detail ul .col-item .header-block.verdunstung .headline-cont:before,
.wetter-detail ul li .header-block.verdunstung .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/verdunstung.svg);
}
.wetter-detail .col-block .col-item .header-block.wind .headline-cont:before,
.wetter-detail .col-block li .header-block.wind .headline-cont:before,
.wetter-detail ul .col-item .header-block.wind .headline-cont:before,
.wetter-detail ul li .header-block.wind .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/windstaerke.svg);
}
.wetter-detail .col-block .col-item .header-block.bodenfrost .headline-cont:before,
.wetter-detail .col-block li .header-block.bodenfrost .headline-cont:before,
.wetter-detail ul .col-item .header-block.bodenfrost .headline-cont:before,
.wetter-detail ul li .header-block.bodenfrost .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/bodenfrost.svg);
}
.wetter-detail .col-block .col-item .header-block.gewitter .headline-cont:before,
.wetter-detail .col-block li .header-block.gewitter .headline-cont:before,
.wetter-detail ul .col-item .header-block.gewitter .headline-cont:before,
.wetter-detail ul li .header-block.gewitter .headline-cont:before{
background-image:  url(/src_project/svg/portal/wetter2018/icons/gewitter.svg);
}
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont,
.wetter-detail .col-block li:first-child .header-block .headline-cont,
.wetter-detail ul .col-item:first-child .header-block .headline-cont,
.wetter-detail ul li:first-child .header-block .headline-cont{
display: block;
}
@media (min-width: 992px){
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont,
.wetter-detail .col-block li:first-child .header-block .headline-cont,
.wetter-detail ul .col-item:first-child .header-block .headline-cont,
.wetter-detail ul li:first-child .header-block .headline-cont{
position: absolute;
right: 0;
left: 0;
width: auto;
}
}
.wetter-detail .col-block .col-item:first-child .header-block .headline-cont:before,
.wetter-detail .col-block li:first-child .header-block .headline-cont:before,
.wetter-detail ul .col-item:first-child .header-block .headline-cont:before,
.wetter-detail ul li:first-child .header-block .headline-cont:before{
position: relative;
top: 0;
display: inline-block;
width: 25px;
height: 25px;
margin-right: 10px;
content: "";
background-repeat: no-repeat;
background-position: center right;
background-size: 100% auto;
}
.wetter-detail .col-block .col-item .bodenfrost-val,
.wetter-detail .col-block li .bodenfrost-val,
.wetter-detail ul .col-item .bodenfrost-val,
.wetter-detail ul li .bodenfrost-val{
height: 120px;
}
.wetter-detail .col-block .col-item:first-child,
.wetter-detail .col-block li:first-child,
.wetter-detail ul .col-item:first-child,
.wetter-detail ul li:first-child{
border-left: 2px solid #f4f4f4;
}
.wetter-detail .col-block .col-item .date,
.wetter-detail .col-block li .date,
.wetter-detail ul .col-item .date,
.wetter-detail ul li .date{
font-size: 30px;
}
.wetter-detail .col-block .col-item .date .day,
.wetter-detail .col-block li .date .day,
.wetter-detail ul .col-item .date .day,
.wetter-detail ul li .date .day{
font-size: 20px;
display: block;
}
.wetter-detail .col-block .col-item .tempmin,
.wetter-detail .col-block li .tempmin,
.wetter-detail ul .col-item .tempmin,
.wetter-detail ul li .tempmin{
display: inline-block;
min-width: 36px;
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999;
}
.wetter-detail .col-block .col-item .warnings,
.wetter-detail .col-block li .warnings,
.wetter-detail ul .col-item .warnings,
.wetter-detail ul li .warnings{
position: absolute;
right: -25px;
bottom: 5px;
width: 40px;
height: 40px;
cursor: pointer;
background-image:  url(/src_project/svg/portal/wetter2018/icons/wetterwarnung.svg);
background-size: 100% auto;
}
.wetter-detail .col-block .col-item [data-symbol],
.wetter-detail .col-block li [data-symbol],
.wetter-detail ul .col-item [data-symbol],
.wetter-detail ul li [data-symbol]{
position: relative;
display: inline-block;
width: 80px;
height: 80px;
margin-bottom: 10px;
background-size: 100% auto;
}
@media (max-width: 375px){
.wetter-detail .col-block .col-item [data-symbol],
.wetter-detail .col-block li [data-symbol],
.wetter-detail ul .col-item [data-symbol],
.wetter-detail ul li [data-symbol]{
width: 48px;
height: 48px;
}
}
.wetter-detail .value-cont{
padding: 20px 20px 5px;
}
.wetter-detail .value-cont span{
display: block;
clear: both;
margin-bottom: 15px;
}
.wetter-detail .header-block{
height: 50px;
margin-right: -10px;
margin-left: -10px;
padding: 10px 0;
background: #f9f9f9;
}
.wetter-detail .header-block.day-col{
margin-top: 16px;
margin-bottom: 24px;
}
.wetter-detail .header-block.day-col span{
display: inline-block;
margin-top: 4px;
}
.wetter-detail .header-block li{
font-weight: bold;
max-width: 100%;
text-align: center;
flex: 0 0 100%;
}
.wetter-detail .col-link{
font-size: 12px;
display: block;
height: 40px;
margin-top: 20px;
color: #007E46;
}
.wetter-detail a.col-link{
cursor: pointer;
}
.wetter-details .weather-container{
display: table;
clear: both;
overflow: hidden;
width: 100%;
margin: 50px 0 30px;
padding: 0;
}
.wetter-details .weather-container .col-link-row a{
font-size: 12px;
color: #007E46;
}
.wetter-details .weather-container .weather-row{
display: table-row;
}
.wetter-details .weather-container .weather-col{
position: relative;
display: table-cell;
float: left;
width: 14.2857142857%;
padding: 0 10px;
list-style: none;
text-align: center;
border-right: 1px solid #f4f4f4;
}
.wetter-details .weather-container .weather-col .date{
font-size: 30px;
}
.wetter-details .weather-container .weather-col .date .day{
font-size: 20px;
display: block;
}
.wetter-details .weather-container .weather-col .tempmin{
display: inline-block;
min-width: 36px;
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999;
}
.wetter-details .weather-container .weather-col [data-symbol]{
display: inline-block;
width: 60px;
height: 60px;
margin-bottom: 10px;
background-size: 100% auto;
}
@media (max-width: 375px){
.wetter-details .weather-container .weather-col [data-symbol]{
width: 48px;
height: 48px;
}
}
.wetter-details .weather-container .header-row{
background: #f9f9f9;
}
.wetter-details .weather-container .header-row .weather-col{
font-weight: bold;
width: 100%;
padding: 10px;
text-align: center;
}
.wetter-forecast{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wetter-forecast ul{
clear: both;
margin: 50px 0 30px;
padding: 0;
}
@media (max-width: 767px){
.wetter-forecast ul{
max-width: 100%;
}
}
@media (max-width: 375px){
.wetter-forecast ul{
width: 100%;
}
}
.wetter-forecast ul li{
position: relative;
float: left;
padding: 0 35px;
list-style: none;
text-align: center;
border-right: 1px solid #ccc;
}
.wetter-forecast ul li:first-child:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 1px;
content: " ";
border-left: 1px solid #f4f4f4;
}
@media (max-width: 767px){
.wetter-forecast ul li{
max-width: 25%;
padding: 0 15px;
}
}
@media (max-width: 375px){
.wetter-forecast ul li{
width: 25%;
padding: 0 5px;
}
}
.wetter-forecast ul li .direction{
font-size: 20px;
margin-bottom: 10px;
}
@media (max-width: 767px){
.wetter-forecast ul li .direction{
font-size: 18px;
}
}
.wetter-forecast ul li .tempmin{
margin-top: 5px;
padding-top: 5px;
color: #999;
border-top: 1px solid #999;
}
.wetter-forecast ul li [data-symbol]{
display: inline-block;
width: 60px;
height: 60px;
margin-bottom: 10px;
background-size: 100% auto;
}
@media (max-width: 375px){
.wetter-forecast ul li [data-symbol]{
width: 48px;
height: 48px;
}
}
.col-item{
position: relative;
}
.col-item .col-item{
position: absolute !important;
top: 0;
left: 0;
max-width: 100% !important;
margin-left: 0 !important;
flex: 0 0 100% !important;
}
.col-item .col-item.in:parent{
max-width: 28.5714285714%;
flex: 0 0 28.5714285714%;
}
.autocompleteOrte{
box-shadow: 0px 2px 7px rgba(0,0,0,0.15);
}
.autocompleteOrte .ui-state-active{
background: #009640;
border: none;
}
.autocompleteOrte .ui-menu-item-wrapper{
padding-top: 8px;
padding-bottom: 8px;
}
.autocompleteOrte .plz{
font-weight: bold;
}

/* gen-time: (0.000336 sec) */