.imageAndTitle, .right .imageAndTitle{
    float:left;
    width:133px;
    height:105px;
    margin-top:10px;
    margin-left: 0px;
    position: relative;
    overflow: hidden;
    position: relative;
    left:0px;    
    font-family: OpenSansRegular,Arial,sans-serif;
    font-weight: normal;
    margin-right:15px;
/*    box-shadow: 2px 2px 3px #DDD;
    background-color:#ffffff;
    border-top-color: #405D88;
    border-top-style: solid;
    border-top-width: 2px;*/
    
}

.right .imageAndTitle, .rightBase .imageAndTitle{
    margin-left:5px;
    margin-right:5px;
    width:125px;
}
/*
.imageAndTitle{
    width:133px;
    margin-left:0px;
    left:0px;
    padding-right:14px;
}*/

.imageAndTitle img{
    width:133px;
}

.right .imageAndTitle img, 
.rightBase .imageAndTitle img {
    width:125px;
}

.imageAndTitle_long{
    float:left;
    width:300px;
    height:105px;
    margin-top:5px;
    margin-left: 10px;
    position: relative;
    overflow: hidden;
    position: relative;
    left:-10px;
    font-family: OpenSansBold,arial,sans-serif;
    font-weight: bold;
}

.imageAndTitle .videoIconOverlay{
    display: block;
    position: absolute;
    width:52px;
    height:53px;    
    background-image: url("//appcdn.wetter.at/wetter_public/images/layout/play_button.png");
    margin-top: 9px;
    margin-left: 42px;
    z-index: 1;
    padding: 0px;
}

.imageAndTitle .videoIconOverlay:hover{
    background-position:right;
}

.imageAndTitle h3{
    /*padding: 5px!important;*/
    margin: 0px;
    display: inline;
    font-size: 10px;
    line-height: 13px;
}

.imageAndTitle_long h3{
    padding: 0px;
    margin: 0px;
    display: inline;
    font-size: 12px;
    line-height: 16px;
}

.imageAndTitle span{
    display: block;
    color:#000000;
    /*padding-left: 5px;*/
}


.imageAndTitle div.title{
    padding:0px;
    font-family:OpenSansBold,Arial,sans-serif;
}

.right .imageAndTitle div.title,
.right .imageAndTitle div.title{
    padding:0px;    
}

.imageAndTitle_long span{
    display: block;
    padding-left: 5px;
}

.imageAndTitle .preTitle{
    color:#C81E28;
    font-size: 12px;
    line-height: 14px;
}

.imageAndTitle .postTitle,
.imageAndTitle .leadText{
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}.content .videoTeaser .preTitle{
    display: block;
}

.content .videoTeaser{
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #eeeeee;
    height:125px;
    overflow: hidden;
}

.content .videoTeaser .a{
    float:left;
    width:270px;
    height:125px;
}

.content .videoTeaser .b{
    float:left;
    width:330px;
    height:115px;
    padding-top: 10px;
}

.content .videoTeaser .preTitle .inlink{
    font-family: arial;
    font-size: 14px;
    line-height: 16px;
    color:#c1221c;
}

.content .videoTeaser .title{
    display: block;
}

.content .videoTeaser .title .inlink{
    font-family: arial;
    font-size: 18px;
    line-height: 21px;
    color:black;
}

.content .videoTeaser .leadText{
    display: block;
    font-family: verdana;
    font-size: 12px;
    line-height: 15px;
    height:60px;
    overflow: hidden;
}

.content .videoTeaser .leadText .inlink{
    color:black;
}


.right .videoTeaser .preTitle{
    display: none;
}

.right .videoTeaser{
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #eeeeee;
    height:50px;
    overflow: hidden;
}

.right .videoTeaser .a{
    float:left;
    width:110px;
    height:50px;
}

.right .videoTeaser .b{
    float:left;
    width:190px;
    height:50px;
}

.right .videoTeaser .preTitle .inlink{
    font-family: arial;
    font-size: 10px;
    line-height: 12px;
    color:#c1221c;
}

.right .videoTeaser .title{
    display: block;
}

.right .videoTeaser .title .inlink{
    font-family: arial;
    font-size: 12px;
    line-height: 14px;
    color:black;
}

.right .videoTeaser .leadText{
    display: block;
    font-family: arial;
    font-size: 11px;
    line-height: 12px;
    height:26px;
    overflow: hidden;
}

.right .videoTeaser .leadText .inlink{
    color:black;
}.generic.adTakeover {
    display: none;
    background-color: #fff;
    z-index: 999999;
}

@media (max-width: 960px) { 
    .generic.adTakeover {
        display: none !important;
    }
}
@media (max-width: 1024px) { 
    .generic.adTakeover#oe24billboardAdLeft,
    .generic.adTakeover#oe24billboardAdRight {
        display: none;
    }
}

.generic.adTakeover.show {
    display: block;
}

.generic.adTakeover#oe24billboardAdLeft,
.generic.adTakeover#oe24billboardAdRight {
    position: fixed;
    width: calc((100vw - 977px)/2);
}
.generic.adTakeover#oe24billboardAdLeft {
    text-align: right;
    left: 0;
    direction: rtl;
}
.generic.adTakeover#oe24billboardAdLeft > * {
    margin-left: auto;
    margin-right: 0;
}
.generic.adTakeover#oe24billboardAdRight {
    top: 0;
}
body.center .generic.adTakeover#oe24billboardAdRight  {
    right: 0;
}

.generic.adTakeover#oe24billboardAdTop {
    width: 960px;
}

.generic.adTakeover#oe24billboardAdMiddle {
    width: 960px;
}

.generic.adTakeover#oe24cinematicAdMiddle {
    width: calc(100vw - 17px);
    height: 300px;
}@media only screen and (min-width: 1024px) {
    .fullpageAds .fullpageAdTop {
        width: 960px;
        height: 90px;
    }
}

@media only screen and (min-width: 1024px) {
    .fullpageAds .fullpageAdMiddle {
        width: 960px;
        max-width: 960px;
        height: 275px;
        max-height: 275px;
        -webkit-transition: max-height .5s ease-in;
        transition: max-height .5s ease-in;
        overflow: hidden;
    }
    .fullpageAds .fullpageAdMiddle.fullpageAdHide {
        max-height: 0;
    }

    .fullpageAds .fullpageAdMiddle > iframe {
        border: 0px;
    }
}

@media only screen and (min-width: 1024px) {
    .fullpageAds .fullpageAdRight {
        position: fixed;
        left: 50%;
        height: 100%;
        top: 0;
        margin-left: 480px;
    }
}

@media only screen and (min-width: 1024px) {
    .fullpageAds .fullpageAdLeft {
        position: fixed;
        left: 50%;
        height: 100%;
        top: 0;
        margin-left: -610px;
    }
}



@media only screen and (min-width: 1024px) {
    .fullpageAds.doublebridge .fullpageVideo, .fullpageAds.fullpageCinematic .fullpageVideo {
        width: 100%;
        max-width: 100%;
        top: 0;
        position: fixed;
        z-index: 999999;
    }

    .fullpageAds.doublebridge .fullpageVideo .jwplayer, .fullpageAds.fullpageCinematic .fullpageVideo .jwplayer {
        height: 100% !important;
    }
}#Superbanner.adSlotAdition {
    width: 970px;
    margin: 0 auto;
    text-align: center;
    left: calc(50% - 485px);
}

#Skyscrapers {
    position: fixed;
    top: 0;
    left: calc(50% - -485px);
    height: 100%;
    width: 300px;
}

@media (max-width: 959px) {

    #Superbanner.adSlotAdition,
    #Skyscraper1.adSlotAdition {
        display: none !important;
    }

}

.adSlotAdition {
    text-align: center;
}

.adSlotAdition#adSlot_MR01,
.adSlotAdition#adSlot_MR02,
.adSlotAdition#adSlot_MR03,
.adSlotAdition#adSlot_MR04,
.adSlotAdition#adSlot_MR05,
.adSlotAdition#adSlot_MR06,
.adSlotAdition#adSlot_MR07,
.adSlotAdition#adSlot_MR08,
.adSlotAdition#adSlot_MR09,
.adSlotAdition#adSlot_MR10,
.adSlotAdition#adSlot_MR11,
.adSlotAdition#adSlot_MR12,
.adSlotAdition#adSlot_MR13,
.adSlotAdition#adSlot_MR14,
.adSlotAdition#adSlot_MR15,
.adSlotAdition#adSlot_MR16,
.adSlotAdition#adSlot_MR17,
.adSlotAdition#adSlot_MR18,
.adSlotAdition#adSlot_MR19,
.adSlotAdition#adSlot_MR20 {
    min-height: 250px;
}

.adSlotAdition#adSlot_HPA01,
.adSlotAdition#adSlot_HPA02,
.adSlotAdition#adSlot_HPA03 {
    min-height: 600px;
}
.adSlotAdition#adSlot_MR00{
    max-width: 100%;
}
.adSlotAdition#adSlot_MR00.startbig{
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}
body:not(.center) .adSlotAdition#adSlot_BB01 {
    text-align: left;
    margin: 0;
}
.adSlotAdition#adSlot_BB01{
    max-width: 960px;
}
.adSlotAdition#adSlot_BB01.startbig{
    min-height: 250px;    
}
.adSlotAdition#adSlot_BB01,
#adXxlFrontpage_Titelseite {
    margin: 0 auto;
}
.topContents .adSlotAdition {
    padding-top: 5px;
}

#SkyscraperLeft.adSlotAdition,
#adSlot_SKY02-Left.adSlotAdition {
    top: 0;
    left: calc(50% - 485px - 300px);
    display: none;
    position: fixed;
    width: 300px;
}
#ContentadSkyLeft.adSlotAdition {
    top: 630px;
    left: calc(50% - 485px - 300px);
    display: none;
    position: fixed;
    width: 300px;
}

@media (min-width: 1024px) {

    body.center #SkyscraperLeft.adSlotAdition,
    body.center #ContentadSkyLeft.adSlotAdition,
    body.center #adSlot_SKY02-Left.adSlotAdition {
        display: block;
    }
}


.againstPayment {
    font-family: "OpenSansRegular", sans-serif;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 400;
    text-align: right;
    margin-top: 10px;
}.generic.imagePlayer {
    position: relative;
}

.generic.imagePlayer .toolbox {
    position: relative;
    display: flex;
    z-index: 9999;
    width: 34px;
}

.generic.imagePlayer .toolbox .info {
    position: absolute;
    top: -52px;
    left: 0px;
    background-color: #0072b4;
    padding: 8px;
    color: white;
    font-size: 0.8rem;
    min-width: 50px;
    height: 44px;
    line-height: .9rem;
    background-color: rgba(0, 114, 180, 0.5);
    border-top-right-radius: 28px;
    text-align: center;
}

.generic.imagePlayer .toolbox .play,
.generic.imagePlayer .toolbox .pause {
    width: 26px;
    height: 100%;
    position: absolute;
    top: -2px;
    left: 0;
    margin: auto;
    cursor: pointer;
    visibility: hidden;
    transition: visibility 0s, opacity 1s ease-in-out;
}

.generic.imagePlayer:not(.playing) .toolbox .play {
    visibility: visible;
}

.generic.imagePlayer.playing .toolbox .pause {
    visibility: visible;
}

body:not(.loaded) .generic.imagePlayer .images > img {
    display: none;
}

.generic.imagePlayer .images {
    width: 100%;
    height: 100%;
    min-height: 60px;
    position: absolute;
    top: 0;
    left: 0;
}

.generic.imagePlayer .images>img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    margin: auto;
    max-height: 100%;
}

.generic.imagePlayer .images > img:first-child {
    opacity: 1;
}

.generic.imagePlayer .timeline {
    background-color: white;
    height: 22px;
    padding: 5px 15px;
    z-index: 9999;
    position: relative;
    bottom: 0;
    width: 100%;
    border-radius: 6px;
}

.generic.imagePlayer .timeline>span {
    height: 5.2px;
    border-radius: 6px;
    min-width: 1px;
    max-width: calc(100% - 30px);
    display: block;
    background-color: #1275B4;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    cursor: pointer;
}

.generic.imagePlayer .timeline>span:first-child {
    background-color: #9AD0F2;
    width: calc(100% - 30px);
}

.generic.imagePlayer .timeline>span svg {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -8px;
    margin: auto;
}

.generic.imagePlayer .timeline>span svg circle {
    stroke: white;
    stroke-width: 7px;
    stroke-opacity: 0.3;
    fill: white;
}


.generic.imagePlayer .assets .bglayer {
    position: relative;
    width: 100%;
    z-index: 9999;
    padding-bottom: 30px;
}



.playerFooter {
    position: absolute;
    bottom: -5px;
    display: flex;
    padding: 5px 0px;
    width: 100%;
}
.socialMediaBox {
    width: 100%;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    border: 1px solid #1275B4;
    border-radius: 10px;
    padding: 0 0px 15px 0;
    margin-bottom: 5px;
    margin-top: 5px;
}

.socialMediaBox .titlebar.bordered {
    border: none;
    text-align: center;
}

.socialMediaBox .titlebar.bordered::before {
    content: unset;
}

.socialMediaBox .titlebar.bordered::after {
    content: unset;
}

.socialMediaBox .socialMediaWrapper {
    width: 100%;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    padding-top: 5px;
}

.socialMediaBox .socialMediaWrapper .box {
    max-width: 33%;
}

.socialMediaBox .socialMediaWrapper .box a img {
    display: -webkit-flex;
    flex-direction: column;
    max-width: 40%;
    margin: 0 auto;
    -webkit-box-shadow: 5px 8px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 8px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 8px 10px 0px rgba(0,0,0,0.2);
    border-radius: 12px;
}
.mobilebottomsticky {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
}.lockedFragment {
    font-family: oe24condensed, sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.1rem;
    color: #fff;
    font-weight: 600;
    background-color: #d0013a;
    text-align: center;
    line-height: 1.6;
}.storyBodyFragment .storyBody {
    padding: 0 5px;
}

.storyBodyFragment .storyBody .leadText {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 1rem;
}

.storyBodyFragment .storyBody h2, 
.storyBodyFragment .storyBody h3,
.storyBodyFragment .storyBody h4 {
    font-family: 'robotocondensedbold',sans-serif;
    font-weight: 700;
}

.storyBodyFragment .storyBody h2 {
    font-size: 1.375rem;
}

.storyBodyFragment .storyBody h3 {
    font-size: 1.25rem;
    line-height: 1.3;
}

.storyBodyFragment .storyBody h4 {
    font-size:1.125rem;
}

.storyBodyFragment .storyBody iframe {
    max-width: 100%;
}

.storyBodyFragment .bodyText span.credits {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    color: #494949;
}

@media (min-width: 768px) {
    .storyBodyFragment .storyBody .leadText {
        font-size: 1.4rem;
        font-family: robotocondensedbold;
    }
    .storyBodyFragment .storyBody h2 {
        font-size:1.625rem;
    }
    .storyBodyFragment .storyBody h3 {
        font-size: 1.25rem;
    }
    .storyBodyFragment .storyBody h4 {
        font-size:1.375rem;
    }
}

.storyBodyFragmen a {
    color: #0075B4;
}

.storyBodyFragmen a:hover {
    text-decoration: none;
    color: #0075B4;
}

.storyTopFragment .apaVideoIframeContainer iframe,
.storyBodyFragment .apaVideoIframeContainer iframe {
    width: 100%;
    height: 100%;
    background-color: #fff;
    min-height: calc(100vw / 2);
}

@media (min-width: 1024px) {
    .storyTopFragment .apaVideoIframeContainer iframe,
    .storyBodyFragment .apaVideoIframeContainer iframe {
        min-height: 360px;
    }
}


   .articleNewsticker {
    width: 100%;
    display: block;
}
.articleNewsticker:not(.loaded) {
    display: none !important;
}

.articleNewsticker .tickerReload {
    margin-bottom: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,.3);
}

.articleNewsticker .tickerReloadBtn {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    background-color: #0476b5;
    background-image: linear-gradient(to bottom, #52A7D1 0, #0476b5 60%);
}

.articleNewsticker .tickerRow.template {
    display: none;
}
.articleNewsticker .tickerRow {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-top: 1px solid #dadada;
}

.articleNewsticker .tickerRow p {
    margin-bottom: 0;
}

.articleNewsticker .tickerRow .tickerInfo {
    display: flex;
    padding: 10px 15px 10px 0;
    width: 100%;
    color: #a0a0a0;
}

.articleNewsticker .tickerRow .tickerInfo .tickerTime {
    order: 2;
    color: #0476b5;
}

.articleNewsticker .tickerRow .tickerInfo .marker {
    order: 1;
}

.articleNewsticker .tickerRow .tickerInfo .marker::before {
    content: url("//appcdn.wetter.at/images/rl2014/ticker/ticker_dot.png");
    width: 20%;
    height: 20%;
}

.articleNewsticker .tickerRow.first_ticker {
    padding-top: 15px;
    border-top: none;
}

.articleNewsticker .tickerRow.first_ticker h3 {
    color: #0476b5;
}

.articleNewsticker .tickerRow .tickerBody {
    width: 100%;
    padding: 10px 0 10px 10px;
}

.articleNewsticker .tickerRow .tickerBody h3 {
    font-family: 'oe24condensed', sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.25rem;
}

.articleNewsticker .tickerRow .tickerBody iframe {
    width: 100%;
}

.articleNewsticker .tickerRow .tickerBody .videoPlayerRelatedTitle,
.articleNewsticker .tickerRow .tickerBody .videoPlayerReplay {
    display: none;
}


@media (min-width: 576px) {
    .articleNewsticker .tickerRow {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
    }
    .articleNewsticker .tickerReloadBtn {
        font-size: 1.25rem;
    }
    .articleNewsticker .tickerRow .tickerInfo {
        position: relative;
        padding: 20px;
        width: 15%;
    }
    .articleNewsticker .tickerRow .tickerInfo .tickerTime {
        color: #a0a0a0;
    }
    .articleNewsticker .tickerRow .tickerInfo .marker {
        position: absolute;
        width: 22px;
        height: 22px;
        right: -12px;
        top: 20px;
    }
    .articleNewsticker .tickerRow .tickerBody {
        width: 85%;
        padding: 15px 20px;
        border-left: 3px solid #dadada;
        line-height: 1.4;
    }
    .articleNewsticker .tickerRow .tickerBody h3 {
        font-size: 1.5rem;
        margin: 0 0 12px;
        line-height: 1.4;
    }
}.storyTopFragment .storyTop {
    width: 100%;
}

.storyTopFragment .storyTop .dateAndChannel {
    text-transform: uppercase;
    font-size: .6875rem;
    font-weight: 400;
    color: #666;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.storyTopFragment .storyTop .dateAndChannel p {
    margin-bottom: 0;;
}

.storyTopFragment .storyTop .storyMediaTop .image .img {
    display: none;
}

.storyTopFragment .storyTop .storyMediaTop .image .img.img0 {
    display: block;
}

.storyTopFragment .storyTop .storyMediaTop .image .img.inactive {
    display: none;
}

.storyTopFragment .storyTop .storyMediaTop .image .slideBox {
    display: none;
}

.storyTopFragment .storyTop .storyMediaTop .image.isSlideshow .slideBox {
    position: absolute;
    display: block;
    height: 0px;
    overflow: visible;
    background-image: none;
    border: none;
    padding: 0px;
    margin: 0px;
}

.storyTopFragment .storyTop .storyMediaTop .image.isSlideshow .slideBox .btnLeft,
.storyTopFragment .storyTop .storyMediaTop .image.isSlideshow .slideBox .btnRight {
    top:112px;
}

.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 .entrys {
    position: relative;
    background-color: #e5e5e5;
}

.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnLeft,
.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnRight {
    color: #FFFFFF;
    background-color: #0075B4;
    padding: 0;
    margin: auto 0;
    z-index: 999;
    display: inline-block;
    border: none;
    transition: all 0.2s;
    height: 35px;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
}


.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnLeft:hover,
.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnRight:hover {
    background-color: #0075B4;
    color: #fff;
    text-decoration: none;
}

.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnLeft:hover svg path,
.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnRight:hover svg path {
    fill: #0075B4;
}

.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnLeft svg,
.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnRight svg {
    position: absolute;
    display: inline-block;
    top: 25px;
    left: 5px;
    width: 15px;
}

.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnLeft svg path,
.storyTopFragment .storyTop .storyMediaTop .inlineDiashow_1 a.btnRight svg path {
    fill: #fff;
}


.storyTopFragment .storyTop .storyMediaTop .image .inlineDiashow_1 {
    position:absolute;
    height: 0px;
    left:auto;
    border: none;
    padding: 0px;
    margin: 0px;
}

.storyTopFragment .storyTop .storyMediaTop .image .inlineDiashow_1 a.btnLeft,
.storyTopFragment .storyTop .storyMediaTop .image .inlineDiashow_1 a.btnRight{
    top:120px;
    display: none;
}

.storyTopFragment .storyTop .storyMediaTop .image .inlineDiashow_1 a.btnLeft {
    left: 0;
    right: auto;
}

.storyTopFragment .storyTop .storyMediaTop .image .inlineDiashow_1 a.btnRight{
    right: 0;
    left: auto
}

.storyTopFragment .storyTop .storyMediaTop .image.isSlideshow .inlineDiashow_1 a.btnLeft,
.storyTopFragment .storyTop .storyMediaTop .image.isSlideshow .inlineDiashow_1 a.btnRight{
    display: block;
}

.storyTopFragment .storyTop .storyTitleBox {
    width: 100%;
    text-align: center;
} 

.storyTopFragment .storyTop .storyTitleBox .pretitle {
    font-family: 'oe24condensed', sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    color: #0075B4;
    margin-top: 10px;
    margin-bottom: 0;
}

.storyTopFragment .storyTop .storyTitleBox .title {
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.9375rem;
    font-weight: 700;
    line-height: 1.1;
    color: #000;
    letter-spacing: -.6px;
    padding-top: 10px;
}

.storyTopFragment .storyTop .storyMediaTop .img .credits {
    display: block;
    font-size: .75rem;
    font-weight: 400;
    color: #494949;
}


@media (min-width: 880px) {
    .storyTopFragment .storyTop .storyTitleBox .pretitle {
        font-size: 1.375rem;
        line-height: 1;
    }
    .storyTopFragment .storyTop .storyTitleBox .title {
        font-size: 4.0625rem;
        line-height: 1.1;
    }
}

/* plus story */

.storyTopFragment .storyTop .storyMediaTop.plus {
    position: relative;
}

.storyPage .storyTopFragment .storyTop .storyMediaTop.plus:before {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 90px;
    height: 30px;
    background: url("//appcdn.wetter.at/images/logos/oe24plus-logo.svg") 0 0 no-repeat;
    z-index: 100;
}

@media (min-width: 768px) {
    .storyPage .storyTopFragment .storyTop .storyMediaTop.plus:before {
        content: " ";
        display: block;
        position: absolute;
        top: 10px;
        left: 10px;
        width: 100px;
        height: 35px;
        background: url("//appcdn.wetter.at/images/logos/oe24plus-logo.svg") 0 0 no-repeat;
        z-index: 100;
    }
}
.tabTwo .textualcontent.article.featured {
    position: unset;
    display: block;
}

.tabTwo .contentBoard.default .article.featured section {
    position: unset;
    background-color: #fff;
    background-image: none;
    text-align: left;
}
.tabTwo .contentBoard.default.wws .content .container .row .col{
    max-width: 100%;
}

.tabTwo .textualcontent.article.featured a:hover {
    text-decoration: none;
}

.tabTwo .textualcontent.featured section {
    line-height: 0.5;
    padding: 0;
}

.tabTwo .textualcontent.article.featured .preTitle h6 {
    padding: 0;
}
.tabTwo .textualcontent.article.featured .title h3 {
    font-size: 1.75rem;
    color: #000;
    padding-top: 10px;
    line-height: 1.3;
}

.tabTwo .textualcontent.article.featured .leadText {
    color: #000;
    line-height: 1.3;
    font-size: 1rem;
}



/* plus story */

.textualcontent.featured.plus:before {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 80px;
    height: 30px;
    background: url("//appcdn.wetter.at/images/logos/oe24plus-logo.svg") 0 0 no-repeat;
    z-index: 100;
}

@media (max-width: 768px) {
    .textualcontent.featured.plus:before {
        width: 90px;
    }
}


/* videos */
.contentBoard.default.videos .content {
    padding: 0;
    border-top: 1px solid #1375B4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.contentBoard.default.videos .content .article.featured {
    padding: 10px;
}

.contentBoard.default.videos .content .container.twoCol {
    padding: 0 10px;
}

.contentBoard.default.videos .content .textualcontent.article .responsive {
    position: relative;
}

.contentBoard.default.videos .content .textualcontent.article .responsive::after {
    position: absolute;
    content:  url('//appcdn.wetter.at/wetter_public/images/layout/wetter_play_button.svg');
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 45px;
    height: 45px;
    margin: auto;
}

/* searchable */

.contentBoard.default.searchable .searchbox {
    width: 95%;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .contentBoard.default.searchable .searchbox {
        width: 97%;
        margin: 0 auto;
    } 
}

.contentBoard.default.searchable .searchbox .js-typeahead-input {
    border-radius: 10px;
    border: 1px solid #1275b4;
    background-color: #fff;
}

.contentBoard.default.searchable .content .article.featured {
    padding: 30px 0px 0px;
    border-bottom: none;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset
}

.contentBoard.default.searchable .content {
    margin-top: -20px;
}

/* more link */

.contentBoard.default .moreLink {
    width: 100%;
    padding: 5px;
}

.contentBoard.default .moreLink > a {
    display: block;
    text-align: center;
    color: #1375B4;
    text-decoration: underline;
}
article.storyPage {
    width: 100%;
    background-color: #fff;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
}

@media screen and (min-width: 1024px) {
    article.storyPage {
        margin-top: 6px;
    }
}

/* plus story */

article.storyPage.plus:not(.loaded) {
    visibility: hidden;
}
article.storyPage.plus:not(.loaded)::after {
    content: 'Plus Inhalt wird geladen..';
    text-align: center;
    font-weight: 800;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url("//appcdn.wetter.at/images/oe24plus/loader-r.gif") center 20% no-repeat;
    visibility: visible;
}

article.storyPage.plus .storyTop:before {
    content: " ";
    display: block;
    position: absolute;
    top: 21px;
    left: 5px;
    width: 100px;
    height: 35px;
    background: url("//appcdn.wetter.at/images/logos/oe24plus-logo.svg") 0 0 no-repeat;
    z-index: 100;
}

@media (max-width: 767px) {
    article.storyPage.plus .storyTop:before {
        width: 90px;
    }
}.bodyText .articleInlineButton {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px;
}

.bodyText .articleInlineButton a {
    max-width: 100%;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background-color: #0476b5;
    padding: 0 10px;
    border-radius: 5px;
}

.bodyText .articleInlineButton a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #52A7D1;
}

@media (min-width: 768px) {
    .bodyText .articleInlineButton a {
        font-size: 1.125rem;
    }
}

.iFrameRow .fb-post {
    text-align: center;
}

.iFrameRow .fb-post.fb_iframe_widget {
    display: block;
}

.storyBody iframe {
    max-width: 100%;
}.spunQRelatedArticles {
    width: 100%;
    padding: 2%;
    box-shadow: -1px 1px 8px -1px rgba(0,0,0,0.2);
}

.spunQRelatedArticles h3.spunQRelatedArticlesHeadline {
    font-family: 'oe24condensed', sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.3125rem;
    color: #0476b5;
    line-height: 1;
    text-transform: uppercase;
    justify-content: center;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0;
}

.spunQRelatedArticles .story img {
    background-color: #f8f8f8;
}


.spunQRelatedArticles .articlesList a:hover {
    text-decoration: none;
}

.spunQRelatedArticles .articlesList .story {
    width: 100%;
    padding-top: 2%;
    border-top: 1px solid #e8e8e8;
}

.spunQRelatedArticles .articlesList .story:first-child {
    border-top: none;
}

.spunQRelatedArticles .articlesList .storyImage {
    width: 34%;
    padding-right: 3%;
}

.spunQRelatedArticles .articlesList .storyText {
    width: 66%;
    margin-top: -2px;
    color: #000;
}

.spunQRelatedArticles .story .title {
    font-family: 'oe24condensed', sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 600;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.spunQRelatedArticles .articlesList a:hover.story .title {
    color: #0476b5;
}

.spunQRelatedArticles .story .leadText {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.spunQRelatedArticles .articlesList .title {
    font-size: 1.25rem;
    line-height: 1.2;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.spunQRelatedArticles .articlesList .leadText {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 1% 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (min-width: 768px) {
    .spunQRelatedArticles h3.spunQRelatedArticlesHeadline {
        font-size: 1.5rem;
    }
    .spunQRelatedArticles .articlesList .story {
        width: 100%;
        padding-bottom: 1%;
    }
    .spunQRelatedArticles .articlesList .storyImage {
        width: 25%;
        padding-right: 2%;
    }
    .spunQRelatedArticles .articlesList .storyText {
        width: 75%;
        margin-top: -2px;
    }
    .spunQRelatedArticles .articlesList .title {
        font-size: 1.625rem;
        line-height: 1.2;
    }
    .spunQRelatedArticles .articlesList .leadText {
        font-size: 1rem;
        line-height: 1.2;
        -webkit-line-clamp: 2;
        font-weight: 400;
    }
}.storyBodyFragment .storyBody .inlineDiashow_1 {
    width: 100%;
    padding: 2%;
    box-shadow: -1px 1px 8px -1px rgba(0,0,0,.2);
    position: relative;
}

.storyBodyFragment .storyBody .inlineDiashow_1 .headline .titleRow {
    border-bottom: 1px solid #000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.125rem;
}

.storyBodyFragment .storyBody .inlineDiashow_1 .headline .titleRow span:first-child {
    color: #0075B4;
    padding-right: 5px;
}

.storyBodyFragment .storyBody .inlineDiashow_1 a.btnRight {
    left: calc(100% - 23px);
}

/* styling image for slideshow */
.storyBodyFragment .storyBody .inlineDiashow_1 .entry img {
    width: 100%;
}

/* styling für title der slideshow */
.storyBodyFragment .storyBody .inlineDiashow_1 .a {
    font-size: 1.5rem;
    position: relative;
    background-color: white;
    text-align: left;
    padding: 5px 0;
    background-image: none !important;
}

/* styling slideshow title Positionierung */
.storyBodyFragment .storyBody .inlineDiashow_1 .a .title {
    position: relative;
}

/* styling für Anzahl image in slideshow */
.storyBodyFragment .storyBody .inlineDiashow_1 .a span {
    font-size: .75rem;
    color: #fff;
    position: absolute;
    right: 0;
    top: 27px;
    z-index: 10;
    background: #405d88;
    line-height: 1.5;
    padding: 2px 4px;
}

/* styling für icons und hover */
.storyBodyFragment .storyBody .inlineDiashow_1 a.btnLeft,
.storyBodyFragment .storyBody .inlineDiashow_1 a.btnRight {
    color: #FFFFFF;
    background-color: #0075B4;
    padding: 0;
    margin: auto 0;
    z-index: 99;
    display: inline-block;
    border: none;
    transition: all 0.2s;
    height: 35px;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
}

.storyBodyFragment .storyBody .inlineDiashow_1 a.btnRight {
    right: 0;
    left: auto;
}

.storyBodyFragment .storyBody .inlineDiashow_1 a.btnLeft {
    left: 0;
    right: auto;
}

.storyBodyFragment .storyBody .inlineDiashow_1 a.btnLeft svg,
.storyBodyFragment .storyBody .inlineDiashow_1 a.btnRight svg {
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 100%;
    padding: 4px;
}

.storyBodyFragment .storyBody .inlineDiashow_1 a.btnLeft svg path,
.storyBodyFragment .storyBody .inlineDiashow_1 a.btnRight svg path {
    fill: #fff;
}

.storyBodyFragment .storyBody .inlineDiashow_1 a.btnLeft:hover svg path,
.storyBodyFragment .storyBody .inlineDiashow_1 a.btnRight:hover svg path {
    fill: #fff;
}

.storyBodyFragment .storyBody .inlineDiashow_1 .entrys .entry .title {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    padding: 6px 10px 3px;
    line-height: 1;
    background-color: #0075B4;
}

.storyBodyFragment .storyBody .inlineDiashow_1 .entrys .entry .info {
    color: #000;
    padding: 3px 6px;
}

.storyBodyFragment .storyBody .inlineDiashow_1 .entrys .entry .info .copyright {
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.6;
    display: block;
    text-align: right;
}

.storyBodyFragment .storyBody .inlineDiashow_1 .entrys .entry .info .text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

@media (min-width: 768) {
    .storyBodyFragment .storyBody .inlineDiashow_1 .headline .titleRow {
        font-size: 1.5rem;
    }
    .storyBodyFragment .storyBody .inlineDiashow_1 a.btnLeft,
    .storyBodyFragment .storyBody .inlineDiashow_1 a.btnRight {
        height: 55px;
        width: 28px;
    }
}

@media (min-width: 880px) {
    .tabTwo .contentBoard.default .content .container .row .col:nth-child(odd) {
        margin-right: 0;
    }

    .tabTwo .contentBoard.default .content .container .row .col:nth-child(even) {
        margin-left: 0;
    }

}

.tabOne .textualcontent.article.tile.col a:hover
.tabTwo .textualcontent.article.tile.col a:hover {
    text-decoration: none;
    color: #1275B4;
}

.tabTwo .textualcontent.article.tile.col .text,
.tabOne .textualcontent.article.tile.col .text {
    margin-top: 3px;
    margin-bottom: 10px;
}

.textualcontent.article.tile .label h6 {
    font-family: "RobotoMedium",sans-serif;
    margin: 0;
    color: #1275B4;
    font-size: 0.75rem;
    font-weight: 400;
    width: -webkit-fill-available;
    text-transform: uppercase;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;
    width: 95%;
}

.sliders.responsiveSlider.ads .textualcontent.article.tile .label h6 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    text-transform: none;
}


/* plus story */


.textualcontent.tile.plus:before {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    right: 4px;
    width: 55px;
    height: 30px;
    background: url("//appcdn.wetter.at/images/logos/oe24plus-logo.svg") 0 0 no-repeat;
    z-index: 100;
}

@media (min-width: 768px) {
    .textualcontent.tile.plus:before {
        top: 5px;
        right: -4px;
        width: 80px;
        height: 25px;
    }
}
.textualcontent.article.tile.ad img {
    pointer-events: none;
}

.textualcontent.article.tile.ad.item .label {
    padding-top: 5px;
}

.textualcontent.article.tile.ad.item .label h6 {
    font-family: oe24condensed,sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.25rem;
    color: #000;
    padding-top: 7px;
    margin-bottom: 0;
}

.textualcontent.article.tile.ad.item a:hover {
    text-decoration: none;
    color: #000;
}.sliders.ads:after {
    content: 'Anzeige';
    text-transform: uppercase;
    position: absolute;
    left: -10px;
    bottom: 147px;
    transform: rotate(90deg);
    font-size: .625rem;
}

/* first row - article featured */

.tabTwo .contentBoard.box_11122840  {
    background-color: #fff;
}

.tabTwo .contentBoard.box_11122840  .content {
    padding-top: 0;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article a {
    margin: 6px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #0072b4;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article.featured a:hover {
    text-decoration: none;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article.featured a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article.featured a picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
}

.tabTwo .contentBoard.box_11122840 .article.featured section {
    position: inherit;
    background-color: #fff;
    background-image: none;
    text-align: left;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article.featured a section {
    width: 65%;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article.featured a section .preTitle {
    order: 2;
    font-size: 0.875rem;
    color: #000;
    background-color: #fff;
    margin: 0;
    max-width: 100%;
    line-height: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article.featured a section .title {
    order: 1;
}

.tabTwo .contentBoard.box_11122840  .content .textualcontent.article a section .title h3 {
    font-size: 1.125rem;
    margin: 0;
    font-weight: 600;
    color: #0072b4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* second row - article tile */

.tabTwo .contentBoard.box_11122840  .container.twoCol .row {
    padding: 0;
    display: block;
}

.tabTwo .contentBoard.box_11122840  .container.twoCol .row .col:nth-child(even) {
    margin-left: 0;
}

.tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a:hover {
    text-decoration: none;
}

.tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .thumb {
    width: 35%;
}

.tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text {
    width: 65%;
    padding: 0 0 0 8px;
}

.tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
    font-size: 1.125rem;
    margin: 0;
    font-weight: 600;
    color: #0072b4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
    font-size: 0.875rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


@media (min-width: 700px) {

    .tabTwo .contentBoard.box_11122840  .content .textualcontent.article a section .title h3,
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
        font-size: 1.625rem;
        margin: 0;
        font-weight: 600;
        color: #0072b4;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
        font-size: 1.25rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (min-width: 880px) {

    /*  article tile */
    .tabTwo .contentBoard.box_11122840  .content .textualcontent.article a section .title h3,
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
        font-size: 1.125rem;
        margin: 0;
        font-weight: 600;
        color: #0072b4;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
        font-size: 0.875rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
}


/* first row - article featured */

.tabTwo .contentBoard.box_7443663 {
    background-color: #fff;
}

.tabTwo .contentBoard.box_7443663 .content {
    padding-top: 0;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article a {
    margin: 6px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #0072b4;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article.featured a:hover {
    text-decoration: none;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article.featured a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article.featured a picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article.featured a section {
    width: 65%;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
}

.tabTwo .contentBoard.box_7443663 .article.featured section {
    position: inherit;
    background-color: #fff;
    background-image: none;
    text-align: left;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article.featured a section .preTitle {
    order: 2;
    font-size: 0.875rem;
    color: #000;
    background-color: #fff;
    margin: 0;
    max-width: 100%;
    line-height: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article.featured a section .title {
    order: 1;
}

.tabTwo .contentBoard.box_7443663 .content .textualcontent.article a section .title h3 {
    font-size: 1.125rem;
    margin: 0;
    font-weight: 600;
    color: #0072b4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* second row - article tile */

.tabTwo .contentBoard.box_7443663 .container.twoCol .row {
    padding: 0;
    display: block;
}

.tabTwo .contentBoard.box_7443663 .container.twoCol .row .col:nth-child(even) {
    margin-left: 0;
}

.tabTwo .contentBoard.box_7443663 .container.twoCol .row .textualcontent.article.tile.col a:hover {
    text-decoration: none;
}

.tabTwo .contentBoard.box_7443663 .container.twoCol .row .textualcontent.article.tile.col a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tabTwo .contentBoard.box_7443663 .container.twoCol .row .textualcontent.article.tile.col a .thumb {
    width: 35%;
}

.tabTwo .contentBoard.box_7443663 .container.twoCol .row .textualcontent.article.tile.col a .text {
    width: 65%;
    padding: 0 0 0 8px;
}

.tabTwo .contentBoard.box_7443663 .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
    font-size: 1.125rem;
    margin: 0;
    font-weight: 600;
    color: #0072b4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tabTwo .contentBoard.box_7443663 .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
    font-size: 0.875rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


@media (min-width: 700px) {

    .tabTwo .contentBoard.box_11122840  .content .textualcontent.article a section .title h3,
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
        font-size: 1.625rem;
        margin: 0;
        font-weight: 600;
        color: #0072b4;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
        font-size: 1.25rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (min-width: 880px) {

    /*  article tile */
    .tabTwo .contentBoard.box_11122840  .content .textualcontent.article a section .title h3,
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
        font-size: 1.125rem;
        margin: 0;
        font-weight: 600;
        color: #0072b4;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
        font-size: 0.875rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
}


/* first row - article featured */

.tabTwo .contentBoard.box_7455018 {
    background-color: #fff;
}

.tabTwo .contentBoard.box_7455018 .content {
    padding-top: 0;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article a {
    margin: 6px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #0072b4;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article.featured a:hover {
    text-decoration: none;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article.featured a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article.featured a picture {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article.featured a section {
    width: 65%;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
}

.tabTwo .contentBoard.box_7455018 .article.featured section {
    position: inherit;
    background-color: #fff;
    background-image: none;
    text-align: left;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article.featured a section .preTitle {
    order: 2;
    font-size: 0.875rem;
    color: #000;
    background-color: #fff;
    margin: 0;
    max-width: 100%;
    line-height: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article.featured a section .title {
    order: 1;
}

.tabTwo .contentBoard.box_7455018 .content .textualcontent.article a section .title h3 {
    font-size: 1.125rem;
    margin: 0;
    font-weight: 600;
    color: #0072b4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* second row - article tile */

.tabTwo .contentBoard.box_7455018 .container.twoCol .row {
    padding: 0;
    display: block;
}

.tabTwo .contentBoard.box_7455018 .container.twoCol .row .col:nth-child(even) {
    margin-left: 0;
}

.tabTwo .contentBoard.box_7455018 .container.twoCol .row .textualcontent.article.tile.col a:hover {
    text-decoration: none;
}

.tabTwo .contentBoard.box_7455018 .container.twoCol .row .textualcontent.article.tile.col a {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tabTwo .contentBoard.box_7455018 .container.twoCol .row .textualcontent.article.tile.col a .thumb {
    width: 35%;
}

.tabTwo .contentBoard.box_7455018 .container.twoCol .row .textualcontent.article.tile.col a .text {
    width: 65%;
    padding: 0 0 0 8px;
}

.tabTwo .contentBoard.box_7455018 .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
    font-size: 1.125rem;
    margin: 0;
    font-weight: 600;
    color: #0072b4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tabTwo .contentBoard.box_7455018 .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
    font-size: 0.875rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

@media (min-width: 700px) {

    .tabTwo .contentBoard.box_11122840  .content .textualcontent.article a section .title h3,
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
        font-size: 1.625rem;
        margin: 0;
        font-weight: 600;
        color: #0072b4;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
        font-size: 1.25rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
}

@media (min-width: 880px) {

    /*  article tile */
    .tabTwo .contentBoard.box_11122840  .content .textualcontent.article a section .title h3,
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text h5 {
        font-size: 1.125rem;
        margin: 0;
        font-weight: 600;
        color: #0072b4;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .tabTwo .contentBoard.box_11122840  .container.twoCol .row .textualcontent.article.tile.col a .text .leadText {
        font-size: 0.875rem;
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
}.box.defaultHtmlBox * { /* fix */
    max-width: 100%;
}
@font-face {
    font-family: 'oe24condensed';
    src: url('https://web.oe24cdn.biz/fonts/rl2014/oe24-sans/oe24-sans-comp-bold/Oe24SansComp-Bold.eot');
    src: url('https://web.oe24cdn.biz/fonts/rl2014/oe24-sans/oe24-sans-comp-bold/Oe24SansComp-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/rl2014/oe24-sans/oe24-sans-comp-bold/Oe24SansComp-Bold.woff') format('woff'),
         url('https://web.oe24cdn.biz/fonts/rl2014/oe24-sans/oe24-sans-comp-bold/Oe24SansComp-Bold.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/rl2014/oe24-sans/oe24-sans-comp-bold/Oe24SansComp-Bold.svg#Oe24SansComp-Bold') format('svg');
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* open-sans-300 */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300.woff') format('woff'), /* Modern Browsers */
         url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-regular.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-regular.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-regular.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-regular.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-regular.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-regular.svg#OpenSans') format('svg');
}

/* open-sans-600 */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600.svg#OpenSans') format('svg');
}

/* open-sans-700 */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700.svg#OpenSans') format('svg');
}

/* open-sans-800 */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800.svg#OpenSans') format('svg');
}

/* open-sans-italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-italic.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-italic.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-italic.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-italic.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-italic.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-italic.svg#OpenSans') format('svg');
}

/* open-sans-300italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300italic.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300italic.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300italic.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300italic.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300italic.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-300italic.svg#OpenSans') format('svg');
}

/* open-sans-600italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600italic.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600italic.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600italic.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600italic.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600italic.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-600italic.svg#OpenSans') format('svg');
}

/* open-sans-700italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700italic.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700italic.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700italic.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700italic.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700italic.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-700italic.svg#OpenSans') format('svg');
}

/* open-sans-800italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800italic.eot'); 
    src: local(''),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800italic.eot?#iefix') format('embedded-opentype'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800italic.woff2') format('woff2'),
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800italic.woff') format('woff'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800italic.ttf') format('truetype'), 
        url('https://web.oe24cdn.biz/fonts/bane/open-sans/open-sans-v27-latin-800italic.svg#OpenSans') format('svg');
}

@font-face {
    font-family: 'RobotoRegular';
    font-style: normal;
    font-weight: 400;
    src: url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Regular.eot');
    src: local('Roboto'), local('Roboto-Regular'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Regular.woff2') format('woff2'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Regular.woff') format('woff'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Regular.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Regular.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'RobotoMedium';
    font-style: normal;
    font-weight: 500;
    src: url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Medium.woff2') format('woff2'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Medium.woff') format('woff'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Medium.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Medium.svg#Roboto') format('svg');
}
@font-face {
    font-family: 'RobotoBold';
    font-style: normal;
    font-weight: 700;
    src: url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Bold?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Bold.woff2') format('woff2'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Bold.woff') format('woff'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Bold.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Bold.svg#Roboto') format('svg'); 
  }
@font-face {
    font-family: 'RobotoBlack';
    font-style: normal;
    font-weight: 900;
    src: url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Black.eot');
    src: local('Roboto Black'), local('Roboto-Black'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Black.woff2') format('woff2'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Black.woff') format('woff'), 
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Black.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/roboto/Roboto-Black.svg#Roboto') format('svg');
}

@font-face {
    font-family: 'RobotoCondensedLight';
    font-style: normal;
    font-weight: 300;
    src: url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Light.eot');
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Light.woff2') format('woff2'), 
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Light.woff') format('woff'), 
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Light.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Light.svg#RobotoCondensed') format('svg');
  }
  @font-face {
    font-family: 'RobotoCondensedRegular';
    font-style: normal;
    font-weight: 400;
    src: url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Regular.eot');
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Regular.woff2') format('woff2'), 
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Regular.woff') format('woff'), 
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Regular.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Regular.svg#RobotoCondensed') format('svg');
  }
  @font-face {
    font-family: 'RobotoCondensedBold';
    font-style: normal;
    font-weight: 700;
    src: url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Bold.eot');
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Bold.woff2') format('woff2'), 
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Bold.woff') format('woff'), 
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Bold.ttf') format('truetype'),
         url('https://web.oe24cdn.biz/fonts/roboto-condensed/RobotoCondensed-Bold.svg#RobotoCondensed') format('svg');
  }

* {
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
}.linkanchor:target:before {
    display: block;
    content: "";
    visibility: hidden;
    height: 10px;
    margin-top: -10px;
}

@media (min-width: 768px) {
    .linkanchor:target:before {
        height: 240px;
        margin-top: -240px;
    }
    body.hasSticky .linkanchor:target:before {
        height: 90px;
        margin-top: -90px;
    }
}.box .content .marketingTeaserMobile,
.box .content .marketingTeaserAll {
    display: block;
}
.box .content .marketingTeaserDesktop {
    display: none;
}

.box .copyright {
    font-family: 'RobotoCondensedRegular',sans-serif;
    font-weight: 300;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.1;
    margin-top: .25rem;
}

@media screen and (min-width: 768px) {
    .box .content .marketingTeaserMobile {
        display: none;
    }
    .box .content .marketingTeaserDesktop {
        display: block;
    }
}.periodForecast.singleCardSlider .nav button {
    background-color: transparent !important;
    height: 50px !important;
}

.periodForecast.singleCardSlider .nav button span {
    font-size: 80px !important;
    font-family: oe24condensed,sans-serif !important;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}

.periodForecast.singleCardSlider .nav button {
    top: 30px !important;
}
.periodForecast.singleCardSlider .nav button:nth-of-type(2) {
    right: 0 !important;
}
.periodForecast.singleCardSlider .nav button:nth-of-type(1) {
    left: 0px !important;
}@media screen and (min-width: 768px) {
    .box.tabBox.tabs65to30to100 {
        display: flex;
        flex-wrap: wrap;
    }

    .box.tabBox.tabs65to30to100 .tabThree {
        width: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 879px) {

    .box.tabBox.tabs65to30to100 .tabOne,
    .box.tabBox.tabs65to30to100 .tabTwo  {
        width: 100%;
    }

}

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

    .box.tabBox.tabs65to30to100 .tabOne {
        width: calc(100% - 320px);
    }

    .box.tabBox.tabs65to30to100 .tabTwo {
        width: 319.98px;
        padding-left: 20px;
        padding-right: 0;
    }
}


:root {
    --oe24takeover1-bg-color: #e20074;
    --oe24takeover2-bg-color: #e24e9a;
    --oe24takeover1-txt-color: #ffffff;
}

body.oe24takeover1 .frames.blur,
body.oe24takeover1 .frames.blur .body,
body.oe24takeover1 .frames.blur .body main,
body.oe24takeover1 .frames.blur .body main .weatherLocation.geoLocationSummary .selectors ul li,
body.oe24takeover1 .frames.blur .body main .socialMediaBox,
body.oe24takeover1 .frames.blur .body main .sliders.responsiveSlider,
body.oe24takeover1 .frames.blur .body main .box.contentBoard.default .content ul,
body.oe24takeover1 article.storyPage {
    background-color: var(--oe24takeover1-bg-color);
}
body.oe24takeover1 .frames.blur .body main .messnetztable,
body.oe24takeover1 .frames.blur .body main .tabboxfooter {
    background: var(--oe24takeover1-bg-color);
}

/* Destop version start */
body.oe24takeover1 .frames.blur .body header .desktop,
body.oe24takeover1 .frames.blur .body header .desktop nav.top .hambContainer .child li,
body.oe24takeover1 .frames.blur .body header .desktop nav.top > ul > li > ul > li,
body.oe24takeover1 .frames.blur .body header .desktop .portalNav,
body.oe24takeover1 .frames.blur .body header .desktop .mylocations-h {
    background-color: var(--oe24takeover2-bg-color);
}

body.oe24takeover1 .frames.blur .body header .desktop .searchbox .typeahead__container input,
body.oe24takeover1 .frames.blur .body header .desktop .searchbox .typeahead__container button,
body.oe24takeover1 .frames.blur .body header .desktop .mylocations-h button {
    background-color: var(--oe24takeover1-bg-color);
}
body.oe24takeover1 .frames.blur .body header .desktop .searchbox .bar {
    background: var(--oe24takeover1-bg-color);
}
body.oe24takeover1 .frames.blur .body header .desktop .mylocations-h {
    border-top: 2px solid var(--oe24takeover2-bg-color);
}

body.oe24takeover1 .frames.blur .body header .desktop .mylocations-h button svg path {
    fill: var(--oe24takeover1-txt-color);
}
/* Destop version End */

/* Mobile Version */
body.oe24takeover1 .frames.blur .body header .mobile {
    background-color: var(--oe24takeover2-bg-color);
}

body.oe24takeover1 .frames.blur .body header .mobile .searchbox .typeahead__container input,
body.oe24takeover1 .frames.blur .body header .mobile .searchbox .typeahead__container button,
body.oe24takeover1 .frames.blur .body header .mobile .mylocations-m .mylocation-item .forecast-lead .buttons a,
body.oe24takeover1 .frames.blur .body header .mobile .mylocations-m .longForecast a,
body.oe24takeover1 .frames.blur .body header .mobile .mylocations-m .mylocation-item .toolbox > span[role="button"] {
    background-color: var(--oe24takeover1-bg-color);
}

body.oe24takeover1 header .mobile .searchbox .bar {
    background: var(--oe24takeover1-bg-color);

}

body.oe24takeover1 header .mobile .mylocations-m,
body.oe24takeover1 header .mobile .mylocations-m .cwp {
    border-top-color: var(--oe24takeover1-txt-color);
}

body.oe24takeover1 header .mobile .mylocations-m .mylocation-item, 
body.oe24takeover1 header .mobile .mylocations-m .mylocation-item .now .region a, 
body.oe24takeover1 header .mobile .mylocations-m .mylocation-item .now h3 a,
body.oe24takeover1 header .mobile .mylocations-m .mylocation-item .forecast-lead .headline a, 
body.oe24takeover1 header .mobile .mylocations-m .mylocation-item .forecast-lead .buttons a, 
body.oe24takeover1 header .mobile .mylocations-m .mylocation-item .toolbox > span[role="button"], 
body.oe24takeover1 header .mobile .mylocations-m .cwp span, 
body.oe24takeover1 header .mobile .mylocations-m .cwp p, 
body.oe24takeover1 header .mobile .mylocations-m .longForecast a { 
    color: var(--oe24takeover1-txt-color);
}
/* Mobile Version End */

body.oe24takeover1 .frames.blur .body main .titlebar.full,
body.oe24takeover1 .frames.blur .body main .weatherLocation.geoLocationSummary header ul li.active,
body.oe24takeover1 .frames.blur .body main .weatherLocation.geoLocationSummary .selectors ul li.active,
body.oe24takeover1 .frames.blur .body main .default .textualcontent.tile .thumb .label,
body.oe24takeover1 .frames.blur .body main .sliders.responsiveSlider .textualcontent.tile .thumb .label:before,
body.oe24takeover1 .frames.blur .body main .weatherLocation.radarimages header ul li.active,
body.oe24takeover1 .frames.blur .body main footer .footerContainer,
body.oe24takeover1 .frames.blur .body main .featuredContent.cpcListItem .content h6,
body.oe24takeover1 .frames.blur .body main .weatherLocation.cams.tile .nonTransparentText::before,
body.oe24takeover1 .frames.blur .body main .weatherLocation.animation.tile section h4,
body.oe24takeover1 .frames.blur .body main .weatherLexikonTerm .moreInfo,
body.oe24takeover1 .frames.blur .body main .tabboxfooter button,
body.oe24takeover1 .frames.blur .body main .weatherLocation.geoLocationSummary .selectors button,
body.oe24takeover1 .oe24box .textualcontent.featured section .preTitle {
    background-color: var(--oe24takeover2-bg-color);
}

body.oe24takeover1 .frames.blur .body main .weatherLocation.geoLocationSummary .selectors {
    border-top: 2px solid var(--oe24takeover2-bg-color);
}
body.oe24takeover1 .frames.blur .body main .titlebar.full {
    border-bottom: 1px solid var(--oe24takeover2-bg-color);
}

body.oe24takeover1 .frames.blur .body header .desktop .portalNav ul li a,
body.oe24takeover1 .frames.blur .body header .desktop nav.top .hambContainer ul li a,
body.oe24takeover1 .frames.blur .body header .desktop nav.top > ul > li a,
body.oe24takeover1 .frames.blur .body header .desktop .mylocations-h ul > li a,
body.oe24takeover1 .frames.blur .body header .desktop .searchbox .bar input,
body.oe24takeover1 .frames.blur .body header .desktop .searchbox .bar input::placeholder,
body.oe24takeover1 .frames.blur .body header .mobile .searchbox .bar input,
body.oe24takeover1 .frames.blur .body main .titlebar.full,
body.oe24takeover1 .frames.blur .body main .weatherLocation.geoLocationSummary header ul li,
body.oe24takeover1 .frames.blur .body main .weatherLocation.geoLocationSummary .selectors ul li,
body.oe24takeover1 .frames.blur .body main .textualcontent.tile .thumb h6,
body.oe24takeover1 .frames.blur .body main .textualcontent.tile section.text h5,
body.oe24takeover1 .frames.blur .body main .textualcontent.tile section.text span,
body.oe24takeover1 .frames.blur .body main .textualcontent.featured section,
body.oe24takeover1 .frames.blur .body main .sliders.responsiveSlider .title,
body.oe24takeover1 .frames.blur .body main .weatherLocation.radarimages header ul li a,
body.oe24takeover1 .frames.blur .body main footer .footerContainer h5,
body.oe24takeover1 .frames.blur .body main footer .footerContainer ul li a,
body.oe24takeover1 .frames.blur .body main .box.hoursForecastTable .content>h5,
body.oe24takeover1 .frames.blur .body main .box.hoursForecastTable table,
body.oe24takeover1 .frames.blur .body main .featuredContent.cpcListItem .content h6,
body.oe24takeover1 .frames.blur .body main .weatherLocation.cams.tile span h4,
body.oe24takeover1 .frames.blur .body main .weatherLocation.animation.tile section h4,
body.oe24takeover1 .frames.blur .body main .weatherLexikonTerm .title a,
body.oe24takeover1 .frames.blur .body main .weatherLexikonTerm .moreInfo a,
body.oe24takeover1 .frames.blur .body main .titlebar.clean h3,
body.oe24takeover1 .frames.blur .body main .tabboxfooter button,
body.oe24takeover1 .frames.blur .body main .nearestLocations .box a,
body.oe24takeover1 .frames.blur .body main .weatherLocation.messnetzDetail .partnername,
body.oe24takeover1 .frames.blur .body main .weatherLocation.messnetzDetail .partnername a,
body.oe24takeover1 .frames.blur .body main .weatherLastYearBox,
body.oe24takeover1 .storyTopFragment .storyTop .storyTitleBox .title,
body.oe24takeover1 .storyTopFragment .storyTop .storyTitleBox .pretitle,
body.oe24takeover1 .storyBodyFragment .storyBody .leadText,
body.oe24takeover1 .storyBodyFragment .bodyText,
body.oe24takeover1 .storyTopFragment .storyTop .dateAndChannel,
body.oe24takeover1 .weatherLocation.geoLocationSummary footer,
body.oe24takeover1 .box.featuredContent.horoskop .signs > div a,
body.oe24takeover1 .oe24box .textualcontent.featured section h6, .oe24box .textualcontent.tile .thumb .label h6
{
    color: var(--oe24takeover1-txt-color);
}
body.oe24takeover1 .frames.blur .body header .desktop .searchbox .bar input::placeholder {
    opacity: 1;
}.textualcontent.article.featured.top10 {
    margin-bottom: 10px;
}

.textualcontent.article.featured.top10 a section {
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 5%,rgba(0,0,0,.5) 100%);
}

.textualcontent.article.featured.top10 .preTitle {
    padding: 0 3px 0;
}

.textualcontent.article.featured.top10 .title {
    line-height: 1.1;
}.contentBoard.topChannelStories .textualcontent.article.featured {
    margin-bottom: 10px;
}

.contentBoard.topChannelStories .textualcontent.article.featured .preTitle h6 {
    padding: 3px 3px 0;
}

.contentBoard.topChannelStories .textualcontent.article.featured .title h3 {
    line-height: 1.1;
}.box.contentBoard.default .content ul {
    display: block;
    margin-top: -5px;
    padding: 10px 5px 0;
}

.featuredContent.cpcListItem {
    width: 100%;
    display: block;
    padding-bottom: 40px;
    position: relative;
}

.featuredContent.cpcListItem a {
    display: block;
    color: #000;
}

.featuredContent.cpcListItem a:hover {
    text-decoration: none;
}

.featuredContent.cpcListItem .image img {
    width: 100%;
    min-width: 100%;
    height: 100%;
}

.featuredContent.cpcListItem .content h6 {
    font-family: "RobotoRegular",sans-serif;
    font-size: 1.125rem;
    text-align: center;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
    max-width: 100%;
    padding: 3px 5px 2px 5px;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: absolute;
    left: 0;
    padding: 5px 0 10px 0;
}
.box.sliders.responsiveSlider .title {
    padding-bottom: 5px;
}

.box.sliders.responsiveSlider .featuredContent.cpcTile .wrap {
    padding: 10px 20px;
}

.featuredContent.cpcTile {
    padding: 10px 0;
    margin-bottom: 5px;
}

.featuredContent.cpcTile .content a:hover { 
    color: #000;
    text-decoration: none;
}

.featuredContent.cpcTile .image {
    position: relative;
}
.featuredContent.cpcTile .image > a {
    display: block;
    align-items: center;
}

.featuredContent.cpcTile .image > a > img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.featuredContent.cpcTile .label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
}
.featuredContent.cpcTile .label:before {
    content: '';
    background-color: #0075b4;
    opacity: 0.86;
    width: 100%;
    height: 100%;
    max-width: 99.9%;
    position: absolute;
    z-index: 1;
}
.featuredContent.cpcTile .label h6 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 1.24rem;
    font-weight: 700;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    white-space: normal;
    -webkit-line-clamp: 2 !important;
    word-break: break-word;
    position: relative;
    width: 100%;
    z-index: 2;
    color: white;
    padding: 2px 3px 1px;
    margin: 0;
}


.featuredContent.cpcTile .content a {
    font-size: 0.75rem;
    color: #000;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding: 0 10px;
}

.featuredContent.cpcTile .content a h6 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1rem;
    font-weight: 600;
    color: #0072b4;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 5px 0 0;
    margin-bottom: 0;
}

@media (min-width: 720px) {

    .featuredContent.cpcTile .content a {
        font-size: 0.875rem;
    }

    .featuredContent.cpcTile .content  a h6 {
        font-size: 1.125rem;
    }

    .featuredContent.cpcTile .content a {
        padding: 0;
    }
}
.facebookIframe .facebookBoxHeadline {
    display: flex;
    background-color: #0072b4;
    color: #fff;
    padding: 7px 0;
    border-bottom: 1px solid #ffd727;
}

.facebookIframe .facebookBoxHeadline h2 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    display: -webkit-inline-box;
    font-size: 1.3rem;
    width: 100%;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 600;
    padding: 0 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box.featuredContent.horoskop {
    background-color: #ffffff;
    border: 1px solid #1275B4; 
    border-radius: 10px;
    padding-bottom: 10px;
}

.box.featuredContent.horoskop .titlebar.bordered {
    border: none;
}

.box.featuredContent.horoskop .titlebar.bordered h3 {
    text-align: center;
}

.box.featuredContent.horoskop .titlebar.bordered::before {
    content: unset;
}

.box.featuredContent.horoskop .titlebar.bordered::after {
    content: unset;
}

.box.featuredContent.horoskop .signs {
    display: flex;
    justify-content: space-between;
}
.box.featuredContent.horoskop .signs > div {
    text-align: center;
    padding: 13px 3px;
    display: flex;
    align-content: start;
    align-items: center;
}

.box.featuredContent.horoskop .signs > div a {
    color: black;
    font-size: 0.8rem;
}

.box.featuredContent.horoskop .icon {
    display: block;
    margin: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url("//appcdn.wetter.at/wetter_public/images/horoscope-sprite.png");
}

.box.featuredContent.horoskop .icon {
    background-size: 850px;
    height: calc(850px / 12);
    width: calc(850px / 12);
}
.box.featuredContent.horoskop .icon.widder {
    background-position: 0 0;
}
.box.featuredContent.horoskop .icon.stier {
    background-position: calc(850px / 12 * -1) 0;
}
.box.featuredContent.horoskop .icon.zwillinge {
    background-position: calc(850px / 12 * -2) 0;
}
.box.featuredContent.horoskop .icon.krebs {
    background-position: calc(850px / 12 * -3) 0;
}
.box.featuredContent.horoskop .icon.loewe {
    background-position: calc(850px / 12 * -4) 0;
}
.box.featuredContent.horoskop .icon.jungfrau {
    background-position: calc(850px / 12 * -5) 0;
}
.box.featuredContent.horoskop .icon.waage {
    background-position: calc(850px / 12 * -6) 0;
}
.box.featuredContent.horoskop .icon.skorpion {
    background-position: calc(850px / 12 * -7) 0;
}
.box.featuredContent.horoskop .icon.schuetze {
    background-position: calc(850px / 12 * -8) 0;
}
.box.featuredContent.horoskop .icon.steinbock {
    background-position: calc(850px / 12 * -9) 0;
}
.box.featuredContent.horoskop .icon.wassermann {
    background-position: calc(850px / 12 * -10) 0;
}
.box.featuredContent.horoskop .icon.fische {
    background-position: calc(850px / 12 * -11) 0;
}

@media screen and (min-width: 768px) and (max-width: 879px) {
    .box.featuredContent.horoskop .icon {
        background-size: 85vw;
        height: calc(85vw / 12);
        width: calc(85vw / 12);
    }
    .box.featuredContent.horoskop .icon.widder {
        background-position: 0 0;
    }
    .box.featuredContent.horoskop .icon.stier {
        background-position: calc(85vw / 12 * -1) 0;
    }
    .box.featuredContent.horoskop .icon.zwillinge {
        background-position: calc(85vw / 12 * -2) 0;
    }
    .box.featuredContent.horoskop .icon.krebs {
        background-position: calc(85vw / 12 * -3) 0;
    }
    .box.featuredContent.horoskop .icon.loewe {
        background-position: calc(85vw / 12 * -4) 0;
    }
    .box.featuredContent.horoskop .icon.jungfrau {
        background-position: calc(85vw / 12 * -5) 0;
    }
    .box.featuredContent.horoskop .icon.waage {
        background-position: calc(85vw / 12 * -6) 0;
    }
    .box.featuredContent.horoskop .icon.skorpion {
        background-position: calc(85vw / 12 * -7) 0;
    }
    .box.featuredContent.horoskop .icon.schuetze {
        background-position: calc(85vw / 12 * -8) 0;
    }
    .box.featuredContent.horoskop .icon.steinbock {
        background-position: calc(85vw / 12 * -9) 0;
    }
    .box.featuredContent.horoskop .icon.wassermann {
        background-position: calc(85vw / 12 * -10) 0;
    }
    .box.featuredContent.horoskop .icon.fische {
        background-position: calc(85vw / 12 * -11) 0;
    }
}

@media screen and (min-width: 880px) and (max-width: 959px) {
    .tabBox .tabOne .box.featuredContent.horoskop .icon {
        background-size: 1000px;
        height: calc(1000px / 12);
        width: calc(1000px / 12);
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.widder {
        background-position: 0 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.stier {
        background-position: calc(1000px / 12 * -1) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.zwillinge {
        background-position: calc(1000px / 12 * -2) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.krebs {
        background-position: calc(1000px / 12 * -3) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.loewe {
        background-position: calc(1000px / 12 * -4) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.jungfrau {
        background-position: calc(1000px / 12 * -5) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.waage {
        background-position: calc(1000px / 12 * -6) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.skorpion {
        background-position: calc(1000px / 12 * -7) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.schuetze {
        background-position: calc(1000px / 12 * -8) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.steinbock {
        background-position: calc(1000px / 12 * -9) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.wassermann {
        background-position: calc(1000px / 12 * -10) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.fische {
        background-position: calc(1000px / 12 * -11) 0;
    }
}

@media screen and (min-width: 960px) {
    .tabBox .tabOne .box.featuredContent.horoskop .icon {
        background-size: 1100px;
        height: calc(1100px / 12);
        width: calc(1100px / 12);
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.widder {
        background-position: 0 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.stier {
        background-position: calc(1100px / 12 * -1) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.zwillinge {
        background-position: calc(1100px / 12 * -2) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.krebs {
        background-position: calc(1100px / 12 * -3) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.loewe {
        background-position: calc(1100px / 12 * -4) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.jungfrau {
        background-position: calc(1100px / 12 * -5) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.waage {
        background-position: calc(1100px / 12 * -6) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.skorpion {
        background-position: calc(1100px / 12 * -7) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.schuetze {
        background-position: calc(1100px / 12 * -8) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.steinbock {
        background-position: calc(1100px / 12 * -9) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.wassermann {
        background-position: calc(1100px / 12 * -10) 0;
    }
    .tabBox .tabOne .box.featuredContent.horoskop .icon.fische {
        background-position: calc(1100px / 12 * -11) 0;
    }
}

@media screen and (min-width: 880px) {
    .box.featuredContent.horoskop .signs {
        flex-wrap: wrap;
        overflow-x: hidden;
    }
}.instagramIframeBox {
    box-shadow: none;
    background-color: #f2f2f2;
    background-color: #fff;
    padding: 10px 0;
}
.instagramIframeBox .instagramBoxHeadline {
    display: flex;
    background-color: #0072b4;
    color: #fff;
    padding: 7px 0;
    border-bottom: 1px solid #ffd727;
}

.instagramIframeBox .instagramBoxHeadline h2 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    display: -webkit-inline-box;
    font-size: 1.3rem;
    width: 100%;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 600;
    padding: 0 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.instagramIframeBox iframe {
    max-width: 280px;
    min-width: unset !important;
    max-height: 450px;
    margin: 0 auto;
}
.box.featuredContent.klimaText {
    background-color:  #fff;
    width: 100%;
}

.klimaText .content h2 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0;
    border-bottom: 1px solid #0175B3;
    padding: 0 7px;
}

.klimaText .content p {
    padding: 5px 6px 0;
}

.klimaText .content a:hover {
    text-decoration: none;
}

.klimaText .content a {
    color: #0072b4;
}

@media (min-width: 880px) {
    .klimaText .content h2 {
        padding: 0 10px;
        font-size: 1.25rem;
    }
    .klimaText .content p {
        padding: 5px 5px 0;
    }
}.weatherLexikonTerm {
    width: 100%;
}

.weatherLexikonTerm .title a {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
}

.weatherLexikonTerm .title a:hover {
    text-decoration: none;
}

.weatherLexikonTerm .title {
    width: 100%;
    padding: 5px 0 0 4px;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #0072b4;
    border-bottom: 1px solid #0175B3;
}

.weatherLexikonTerm .description {
    padding: 0 5px;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.weatherLexikonTerm .moreInfo {
    background-color: #D6EFFF;
    text-align: center;
    margin-top: 5px;
}

.weatherLexikonTerm .moreInfo:hover {
    background-color: #EDF8FF;
}

.weatherLexikonTerm .moreInfo a {
    color: #0072b4;
    font-weight: 500;
}

.weatherLexikonTerm .moreInfo a:hover {
    text-decoration: none;
    color: #0072b4;
}

@media (min-width: 880px) {
    .weatherLexikonTerm .description {
        padding: 0 5px;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 10;
        overflow: hidden;
    }
}

/* .lexikon {
    margin-top: 10px;
    width: 100%;
}

.lexikon h1 {
    width: 100%;
    font-size: 1.25rem;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 600;
    background-color: #0075b4;
    color: #fff;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 10px;
    margin-bottom: 0;
    line-height: 1.3;
    border-bottom: 1px solid #ffd727;
}

.lexikon ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 2px;
    border-bottom: 1px solid #0075b4;
}

.lexikon ul li:nth-child(odd) {
    background-color: #e5f1f7;
}

.lexikon .alphabet li {
    flex-direction: row;
    width: 10%;
    margin: 2px;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #0075b4;
}

.lexikon .alphabet li.active {
    background-color: #0075b4;
    color: white;
}

.lexikon .alphabet li:last-child {
    border-right: none;
}

.lexikon .alphabet li > a {
    display: block;
    text-decoration: none;
    color: #0075b4;
}
.lexikon .alphabet li > a:hover {
    text-decoration: none;
    color: #0075b4;
}

.lexikon .list {
    width: 100%;
}

.lexikon .list h2 {
    font-size: 1.875rem;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    border-bottom: 1px solid #0075b4;;
    padding-left: 3%;
}

.lexikon .list .flow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.lexikon .list .flow a.term {
    font-family: "RobotoCondensedLight",sans-serif;
    font-weight: bold;
    font-size: 1rem;
    color: #000;
    display: block;
    width: 99%;
    background-color: #e5f1f7;
    margin: 2px 2px;
    padding-left: 4px;
}

.lexikon .list .flow a.term:hover {
    background-color: #fff;
    text-decoration: none;
    color: #005583;
}

.lexikon .list .flow .lexText {
    padding: 10px;
    margin: 5px 0;
    border-top: 1px solid #0075b4;
    border-bottom: 1px solid #0075b4;
}

.lexikon .list .flow .lexText h3 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}

.lexikon .list .flow .lexText span {
    font-size: 0.75rem;
}

@media (min-width: 540px) {
    .lexikon h1 {
        font-size: 1.3rem;
    }
    .lexikon .alphabet li {
        flex-direction: row;
        width: 3.5%;
        margin: auto;
    }
    .lexikon .list .flow a.term {
        width: 49%;
    }
    .lexikon .list .flow .lexText {
        padding: 10px 40px;
    }
    .lexikon .list .flow .lexText h3 {
        font-size: 1.75rem;
    }
    .lexikon .list .flow .lexText span {
        font-size: 0.875rem;
    }
} */
/* .sunMoonBox {
    max-width: 100%;
    max-height: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    padding-top: 10px;
    font-family: "RobotoRegular", sans-serif;
}

.sunMoonBox .col {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    height: 100%;
    max-height: 110px;
    margin: 5px 0;
    background-color: #52A7D1;
    background-image: linear-gradient(#52A7D1, #0072b4 65%);
    border-radius: 10px;
    text-align: center;

    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.sunMoonBox .col.sun,
.sunMoonBox .col.moon {
    padding-top: 5px;
}

.sunMoonBox p {
    display: block;
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
}

.sunMoonBox .sunrise,
.sunMoonBox .moonrise,
.sunMoonBox .sunset  {
    display: flex;
    display: -webkit-flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}

.sunMoonBox .moonset {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
} 

.sunMoonBox .moonPhase {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    padding: 0 10px;
}

.sunMoonBox .sunset span {
    order: 2;
    text-align: center;
} 

.sunMoonBox .sunrise img,
.sunMoonBox .sunset img {
   max-width: 35%;
   margin: 0 auto;
}

.sunMoonBox .moon img {
    max-width: 30%;
    margin: 0 auto; 
}

.sunMoonBox .moonPhase img {
    max-width: 25%;
    margin: 10px auto;
} 

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

    .sunMoonBox {
        flex-direction: row;
        display: flex;
    }

    .sunMoonBox .col {
        flex-direction: column;
        margin: 5px 0;
        height: auto;
        max-height: 100%;
        background-color: #52A7D1;
        background-image: linear-gradient(#52A7D1, #0072b4 65%);
        padding: 15px 10px 0;
        margin: 0 2px;
    }

    .sunMoonBox .col.sun,
    .sunMoonBox .col.moon {
        padding-top: 15px;
    }

    .sunMoonBox .sunrise,
    .sunMoonBox .moonrise {
        flex-direction: column;
        padding-bottom: 10px;
    }

    .sunMoonBox .col p {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.1;
    }

    .sunMoonBox .sunset span {
        order: 1;
        text-align: center;
    } 

    .sunMoonBox .sunrise img,
    .sunMoonBox .sunset img {
        max-width: 60%;
    }

    .sunMoonBox .moonPhase img {
        max-width: 60%;
    }

    .sunMoonBox .moonPhase {
        padding-bottom: 10px;
    }

    .sunMoonBox .moon img {
        max-width: 55%;
    }
}

.weatherLastYearBox {
    padding: 10px 0;
}

.weatherLastYearBox h6 {
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: center;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.weatherLastYearBox .icon {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
}

.weatherLastYearBox .icon span {
    padding-top: 4%;
}

.weatherLastYearBox .details {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.weatherLastYearBox .details  p {
    margin-bottom: 0;
    font-family: 'opensans', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}

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

    .weatherLastYearBox .icon {
        padding-bottom: 10px;
    }
    
    .weatherLastYearBox .icon span {
        padding-top: 1%;
    }
}

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

    .lastYearContent {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 10px;
    }

    .weatherLastYearBox h6 {
        font-size: 1.25rem;
        -webkit-line-clamp: 2;
        text-align: left;
        padding-left: 5px;
        padding-top: 5px;
        max-width: 30%;
    }

    .weatherLastYearBox .icon {
        flex-direction: column;
        position: relative;
        left: 0%;
        padding: 0;
    }

    .weatherLastYearBox .icon img {
        position: absolute;
        top: -25%;
    }
    
    .weatherLastYearBox .icon span {
        position: absolute;
        top: 55%;
    }

    .weatherLastYearBox .details {
        font-size: 1.125rem;
    }

    .weatherLastYearBox .details div.temp {
        padding-left: 0;
    }

    .weatherLastYearBox .details div {
        padding: 0 10px 0 20px;
    }

    .weatherLastYearBox .details p {
        font-size: 1rem;
    }
}


.sun-moon-box {
    color: white;
    max-width: 100%;
    max-height: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    padding-top: 10px;
    margin: 5px;
    padding: 10px;
    background-color: #52A7D1;
    background-image: linear-gradient(#1275B4, #093B5A 100%);
    border-radius: 10px;
}

.sun-moon-box > div{
    display: flex;
    justify-content: space-between;    
}

.sun-moon-box .phases {
    justify-content: space-around;
    padding-bottom: 6px;
    padding-top: 16px;
}

.phase-circle {
    width: 120px;
    height: 60px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom: 0px!important;
    position: relative;
}

.phase-circle.sun {
    border: 2px solid white;
}

.phase-circle.moon {
    border: 2px solid #9AD0F2;
}

.sun-position {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin: -10px;
    transform: rotate(0deg) translate(-60px) rotate(0deg);
}

.sun-position img {
    width: 22px;
}

.moon-position {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin: -10px;
    transform: rotate(0deg) translate(-60px) rotate(0deg);
}

.moon-position img {
    width: 22px;
}

.phase-footer {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    align-items: flex-end;
    margin-left: -10px;
    margin-right: -10px;
}

.phase-footer img {
    width: 22px;
}

.sun-moon-box-footer {
    font-size: 9px;
}

.sun-moon-box-footer > div {
    display: flex;
    flex-direction: column;
}

.sun-moon-box-footer .left-footer {
    align-items: flex-start;
}

.sun-moon-box-footer .center-footer {
    align-items: center;
}

.sun-moon-box-footer .right-footer {
    align-items: flex-end;
}

.sun-moon-box-footer img {
    width: 22px;
}

.sun-moon-box-header img{
    width: 30px;
    height: 30px;
}

.sun-moon-box .sun-moon-box-header .location-name {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.sun-moon-box-header .rain-text {
    font-size: 9px;
    align-self: center;
}

.sun-moon-box-header {
    line-height: 1rem;
}

.rain-text > .humidity {
    border-bottom: 2px solid #FFD727;
    color: #FFD727;
}

.small-text {
    font-size: 9px;
}

.yellow-arrow-down img{
    transform: rotate(180deg);
}

.blue-arrow-down img{
    transform: rotate(180deg);
} */



footer .footerContainer {
  width: 100%;
  padding: 1rem 0;
  border-top: 1px solid #0072b4;
  text-align: center;
  background-color: #fff;
}

footer .footerContainer h5 {
    font-size: 1.1875rem;
    font-weight: 600;
    color: #0072b4;
    padding-left: 10px;
    text-transform: uppercase;
}

footer .footerContainer .footerOne,
footer .footerContainer .footerTwo {
    width: 100%;
    padding: 0 10px;
}

footer .footerContainer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer .footerContainer ul li a {
    font-size: 0.75rem;
    font-weight: 500;
    color: #000;
    text-decoration: none;
}

footer .footerContainer ul li a:hover {
    text-decoration: none;
}

footer li #ot-sdk-btn.ot-sdk-show-settings, 
footer li #ot-sdk-btn.optanon-show-settings {
    font-size: 0.75rem;
    font-weight: 500;
    color: #000;
    background-color: transparent;
    border: none;
    padding: 0;
}

footer li #ot-sdk-btn.ot-sdk-show-settings:hover, 
footer li #ot-sdk-btn.optanon-show-settings:hover {
    color: #000;
    background-color: transparent;
}

@media (min-width: 880px) {

    footer .footerContainer h5 {
        font-size: 1.375rem;
    }
    
    footer .footerContainer ul li a {
        color: #000;
        font-size: 0.875rem;
        text-decoration: none;
    }

    footer li #ot-sdk-btn.ot-sdk-show-settings, 
    footer li #ot-sdk-btn.optanon-show-settings {
        font-size: 0.875rem;
    }
}div.desktop nav.top {
    bottom: 20px;
    position: absolute;
    display: flex;
    font-family: "oe24condensed",sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    width: 100%;
    background: #0075b4;
}

div.desktop nav.top > ul.secondUl {
    font-family: "oe24condensed",sans-serif;
    max-height: 30px;
    list-style: none;
    text-transform: uppercase;
    padding: 0;
    width: 100%;
    margin: 5px 10px 8px;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
    z-index: 997;
    justify-content: space-around;
}

div.desktop nav.top span,
div.desktop nav.top a{
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}

div.desktop nav.top > ul > li.parent:last-child:hover > ul {
    right: 0;
    text-align: right;
}

div.desktop.sticky nav.top > ul.secondUl {
    margin: 0;
}

div.desktop nav.top .hambContainer #menu {
    text-transform: uppercase;
}

div.desktop nav.top > ul > li {
    display: inline;
    margin: 0px 6px;
    box-sizing: border-box;
}

div.desktop nav.top > ul > li > ul {
    display: block;
    position: relative;
    z-index: 99998;
    -webkit-box-shadow: 4px 5px 21px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 5px 21px 0px rgba(0,0,0,0.2);
    box-shadow: 4px 5px 21px 0px rgba(0,0,0,0.2);
}

div.desktop nav.top > ul > li > ul {
    display: none;
}

div.desktop nav.top > ul > li:hover > ul {
    display: block;
    position: absolute;
    list-style: none;
    min-width: 12em;
    padding: 0;
    margin-top: -1px;
}

div.desktop.sticky nav.top > ul > li:hover > ul {
    padding-top: 2px;
}

div.desktop nav.top > ul > li > ul > li {
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    background-color: #EDF8FF;
    line-height: 30px;
    font-size: 1.25rem;
    text-transform: capitalize;
    cursor: pointer;
    padding: 5px 10px;
}

div.desktop nav.top > ul > li > ul > li:hover {
    color: #0075b4;
}

div.desktop nav.top > ul > li > ul > li > a {
    color: #000;
    padding: 0 10px;
}

div.desktop nav.top > ul > li > ul > li:hover > a {
    text-decoration: underline;
    color: #0075b4;
}

div.desktop nav.top .hambContainer .child li.hide {
    display: none;
}


div.desktop nav.top > ul > li a {
    color: #fff;
    text-decoration: none;
}
div.desktop nav.top > ul > li a:hover {
    color: #ffd627;
}

div.desktop nav.top .hambContainer #menu .parent .child .parent a svg {
    position: absolute;
    max-width: 3%;
    fill: #0075B4;
    right: 7px;
    top: 5px;
    margin: 6px;
}

div.desktop nav.top .hambContainer {
    position: relative;
    width: 85px;
    display: flex;
    z-index: 1;
    margin: 5px 10px 8px;
}
div.desktop.sticky nav.top .hambContainer {
    margin: 0px;
}

div.desktop nav.top .hambContainer #menu > .parent > a {
    display: flex;
    align-items: center;
    place-items: center;
}

div.desktop nav.top .hambContainer #menu > .parent > a:hover {
    color: #ffd627;
}

div.desktop nav.top .hambContainer .parent {
    display: block;
    position: relative;
    z-index: 99998;
}
div.desktop nav.top .hambContainer .parent a {
    margin-left: 10px;
    color: #FFFFFF;
    text-decoration: none;
}
div.desktop nav.top .hambContainer .parent:hover > ul{
    display: block;
    position: absolute;
    width: 100%;
    top: 26px;
}

div.desktop.sticky nav.top .hambContainer .parent:hover > ul {
    top: 23px;
}

div.desktop nav.top .hambContainer .child {
    display: none;
}
div.desktop nav.top .hambContainer .child li {
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    background-color: #EDF8FF;
    line-height: 30px;
    width: 100%;
    text-transform: capitalize;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 5px 10px;
}

div.desktop nav.top .hambContainer .child li a {
    color: #000000;
}

div.desktop nav.top .hambContainer .child li a:hover {
    text-decoration: underline;
    color: #0069b3;
}

div.desktop nav.top .hambContainer ul {
    list-style: none;
    padding: 0px;
    min-width: 12em;
    margin-bottom: 0;
}

div.desktop nav.top .hambContainer #menu > li > ul {
    -webkit-box-shadow: -8px 5px 17px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: -8px 5px 17px 0px rgba(0,0,0,0.2);
    box-shadow: -8px 5px 17px 0px rgba(0,0,0,0.2);
}

div.desktop nav.top .hambContainer #menu > li > ul > li > ul {
    top: 0;
    -webkit-box-shadow: 8px 10px 20px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 8px 10px 20px 0px rgba(0,0,0,0.15);
    box-shadow: 8px 10px 20px 0px rgba(0,0,0,0.15);
}

div.desktop nav.top .hambContainer ul ul {
    left: -4%;

}

div.desktop nav.top .hambContainer ul ul ul {
    left: 100%;
    top: 0;
}

div.desktop nav.top .hambContainer li:hover {
    color: #ffd627;
}

div.desktop nav.top .hambContainer .child > li:hover {
    color: #0075b4;

}
div.desktop nav.top .hambContainer .child > li:hover > a {
    color: #0075b4;
    text-decoration: underline;
}

div.desktop nav.top .hambContainer .expand {
    font-size: 12px;
    float: right;
    margin-right: 5px;
}

div.desktop nav.top .hambContainer #menu .toggler-icon {
    margin: 0 6px 3px 0;
}

div.desktop nav.top .hambContainer #menu .toggler-icon,
div.desktop nav.top .hambContainer #menu .toggler-icon::before,
div.desktop nav.top .hambContainer #menu .toggler-icon::after {
    height: 3px;
    width: 20px;
    border-radius: 10px;
}

div.desktop nav.top .hambContainer #menu .toggler-icon::before {
    top: -6px;
}

div.desktop nav.top .hambContainer #menu .toggler-icon::after {
    bottom: -6px;
}

div.desktop .parent ul.child .homepage,
div.desktop .secondUl .parent.homepage {
    display: none;
}
div.mobile .sidenav {
    height: 80px;
    display: inline-block;
    position: absolute;
    left: 32px;
    top: 20px;
}

div.mobile .sidenav .currentLocationWrapper {
    width: 210px;
    background: #0075B4;
    -webkit-box-shadow: 5px 6px 20px -6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 6px 20px -6px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 6px 20px -6px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    margin: 10px;
}

div.mobile .sidenav .currentLocationWrapper>a {
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 40px 10px 10px;
}

div.mobile .sidenav .currentLocationWrapper>a:hover {
    color: #fff;
    text-decoration: none;
}

div.mobile .sidenav .currentLocationWrapper>a>span {
    display: flex;
}

div.mobile .sidenav .currentLocationWrapper>a>span.area {
    font-family: "RobotoRegular", sans-serif;
    font-size: 14px;
    text-transform: initial;
    color: #fff;
}

div.mobile .sidenav .currentLocationWrapper>a>span.degree {
    font-family: "RobotoBold", sans-serif;
    font-size: 20px;
    color: #fff;
}

div.mobile .sidenav .currentLocationWrapper>a>span.weather-description {
    font-family: "RobotoBold", sans-serif;
    font-size: 14px;
    color: #fff;
}

div.mobile .sidenav nav {
    height: 100%;
    width: 230px;
    position: fixed;
    z-index: 999;
    top: 0;
    left: -230px;
    background-color: #0075B4;
    overflow-x: hidden;
    padding-top: 60px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

div.mobile .sidenav.open nav {
    left: 0;
    height: 100%;
    width: 230px;
    position: fixed;
    z-index: 10000;
    overflow-x: hidden;
    padding-top: 60px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

div.mobile .sidenav nav .nav-item .subnav.show {
    background-color: #0075B4;
}

div.mobile .sidenav nav .nav-item .subnav .nav .nav-link.navSubnavigationLink {
    font-size: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    border-bottom: none;
    padding: 5px 0 5px 7px;
}

div.mobile .sidenav nav .nav-item .subnav .nav .nav-item:last-child {
    padding-bottom: 15px;
}

div.mobile .sidenav nav .nav-item .subnav .nav-item {
    border-bottom: none;
    margin: 0 0 0 10px;
}

div.mobile .sidenav nav .nav-item .subnav .nav .nav-link.navSubnavigationLink .hayphen {
    font-family: "RobotoBlack", sans-serif;
    color: #ffd727;
    border-radius: 5px;
    margin-right: 5px;
    background: #ffd727;
    height: 3px;
    width: 6px;
}

div.mobile .sidenav .togglerBg {
    width: 230px;
    height: 63px;
    z-index: 10004;
    position: fixed;
    top: 0;
    left: -230px;
    transition: all 0.4s;
    background-color: rgba(0, 114, 180, 0.75);
}

div.mobile .sidenav.open .togglerBg {
    left: 0;
}

div.mobile .sidenav .toggleArea {
    width: 37px;
    height: 27px;
    z-index: 10004;
    position: absolute;
    top: 10px;
    left: 0;
    transform: translate(-50%,-50%);
    cursor: pointer;
}

div.mobile .sidenav.open .toggleArea {
    position: fixed;
    width: 50px;
    height: 40px;
    top: 30px;
    left: 30px;
    background-color: #0072b4;
    border-radius: 6px;
}

div.mobile .sidenav .toggleArea .toggler-icon {
    background: #ffd727;
    content: '';
    height: 2px;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    width: 25px;
    transform: translateY(-50%);
    transition: .7s;
}

div.mobile .sidenav .toggleArea .toggler-icon::after,
div.mobile .sidenav .toggleArea .toggler-icon::before {
    content: unset;
}

div.mobile .sidenav .toggleArea .toggler-icon:nth-child(2) {
    top: 3px;
    width: 30px;
}

div.mobile .sidenav .toggleArea .toggler-icon:nth-child(3) {
    top: 17px;
    width: 25px;
}

div.mobile .sidenav.open .toggler-icon {
    z-index: 10002;
    position: fixed;
    left: 10px;
}

div.mobile .sidenav.open .toggler-icon:nth-child(2) {
    left: -100%;
    opacity: 0;
}

div.mobile .sidenav.open .toggler-icon:nth-child(1) {
    top: 20px;
    transform: translateY(-50%) rotate(45deg);
}

div.mobile .sidenav.open .toggler-icon:nth-child(3) {
    top: 20px;
    transform: translateY(-50%) rotate(-45deg);
}

div.mobile .sidenav nav>ul {
    transition: 0.1s;
    opacity: 0;
    filter: alpha(opacity=0);
}

div.mobile .sidenav nav>ul.open {
    opacity: 1;
    filter: alpha(opacity=100);
    height: 100%;
    display: block;
    overflow-y: scroll;
    white-space: nowrap;
}

div.mobile .sidenav nav .nav-item .nav-link {
    font-family: 'RobotoMedium', sans-serif;
    font-size: 1.125rem;
    color: #fff;
    text-decoration: none;
    display: block;
    transition: 0.3s;
    padding: 8px 0px 8px 20px;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.mobile .sidenav nav .nav-item {
    position: relative;
    border-bottom: 1px solid #EDF8FF;
    margin: 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

div.mobile .sidenav nav .nav-item.oe24 {
    display: none;
}

div.mobile .sidenav nav .nav-item .childToggler {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 40px;
    padding: 0 15px;
    margin-right: 3px;
}

div.mobile .sidenav nav .nav-item .childToggler[aria-expanded="true"] {
    width: 60px;
    height: 25px;
}

div.mobile .sidenav nav .nav-item .childToggler svg {
    position: absolute;
    right: 2px;
    top: 15px;
    fill: #FFD727;
    width: 16px;
    height: 16px;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    -ms-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

div.mobile .sidenav nav .nav-item .childToggler[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

div.mobile .sidenav nav a:hover {
    color: #fff;
}

@media screen and (max-height: 450px) {
    div.mobile .sidenav nav {
        padding-top: 50px;
    }
    div.mobile .sidenav nav a {
        font-size: 18px;
    }
}

div.mobile .sidenav nav .nav-item.hide {
    display: none;
}

div.mobile .sidenav nav .nav-item.last {
    margin-bottom: 80px;
}

div.mobile .sidenav nav .fixedNavFooter {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background: #0075B4;
    background: linear-gradient(#1275B4, #0A4367);
    border-top: 1px solid rgba(237, 248, 255, 0.7);
    padding: 0 5px;
    width: 230px;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    /* top: 100vh; //
    transform: translateY(-100%); */
}

div.mobile .sidenav.open nav .fixedNavFooter {
    bottom: 0;
    transition: bottom 0.4s ease-in;
}

div.mobile .sidenav nav .fixedNavFooter .nav-item {
    padding: 10px 5px;
    border-right: 1px solid rgba(237, 248, 255, 0.7);
    border-bottom: none;
}

div.mobile .sidenav nav .fixedNavFooter .nav-item div {
    font-family: "RobotoMedium", sans-serif;
    font-size: 0.8125rem;
    color: #fff;
}

div.mobile .sidenav nav .fixedNavFooter .nav-item:first-child {
    padding-left: 0;
}

div.mobile .sidenav nav .fixedNavFooter .nav-item:last-child {
    border-right: none;
    padding-right: 0;
}

div.mobile .sidenav nav .nav-item.oe24Footer,
div.mobile .sidenav nav .nav-item.oe24plus,
div.mobile .sidenav nav .nav-item.coins {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}

div.mobile .sidenav nav .nav-item.orteUndMeldungenFooter {
    display: flex;
}

div.mobile .sidenav nav .nav-item.orteUndMeldungenFooter img {
    padding-right: 6px;
}

div.mobile .sidenav nav .nav-item.oe24Footer .oe24Logo {
    width: 35px;
}

div.mobile .sidenav nav .nav-item.oe24Footer span {
    background-color: #d0013a;
    padding: 0px 7px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

div.mobile .sidenav nav .nav-item.oe24plus .oe24PlusLogo {
    width: 65px;
    height: 25px;
}

div.mobile .sidenav nav .nav-item.coins .coins {
    width: 55px;
    height: 25px;
}

div.mobile .sidenav nav .nav-item.homepage::before {
    content: url("//appcdn.wetter.at/wetter_public/images/icons/navigation/sun.png");
    display: block;
    position: absolute;
    top: 11px;
    left: 0px;
    background: transparent;
}

div.mobile .sidenav nav .nav-item.my-locations::before {
    content: url("//appcdn.wetter.at/wetter_public/images/icons/navigation/location-pin.svg");
    display: block;
    position: absolute;
    top: 10px;
    left: -2px;
    width: 20px;
    background: transparent;
}

div.mobile .sidenav nav .nav-item.videos::before {
    content: url("//appcdn.wetter.at/wetter_public/images/icons/navigation/play.svg");
    display: block;
    position: absolute;
    top: 12px;
    left: 0px;
    width: 16px;
    background: transparent;
}.blur.blured {
    -webkit-filter: blur(3px);
            filter: blur(3px);

       -moz-filter: blur(3px);
         -o-filter: blur(3px);
        -ms-filter: blur(3px);

    /*filter: url(#blur);*/
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}

.cookiesOverlay2Box {
    width: 98%;
    max-width: 100%;
    height: 98%;
    max-height: 100%;
    padding: 100px 5px 10px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100001;
    display: none;
}

.cookiesOverlay2Box .cookiesOverlay2 {
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 20px 10px 10px;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
}


.cookiesOverlay2 .cookiesOverlay2Logo {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    padding: 10px;
    margin-bottom: 16px;
    background-color: #0075b4;
}
.cookiesOverlay2 .cookiesOverlay2Logo,
.cookiesOverlay2 .cookiesOverlay2Logo img {
    width: 100%;
}


.cookiesOverlay2 .cookiesOverlay2Headline {
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 10px;
    margin-bottom: 0;
}


.cookiesOverlay2 .cookiesOverlay2Text {
    font-family: 'opensans',sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-align: left;
    padding: 0 15px;
    margin: 10px 0;
}

.cookiesOverlay2 .cookiesOverlay2Text .cookiesOverlayNO {
    color: #0075b4;
    font-weight: 700;
    text-decoration: underline;
}

.cookiesOverlay2 .cookiesOverlay2Text a.cookiesOverlayNO:hover {
    color: #0075b4;
}


.cookiesOverlay2 .cookiesOverlay2Button {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.175rem;
    line-height: 1.3;
    padding: 0;
    margin: 20px 0 25px;
    background-color: #409e22;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, .3);
    display: inline-block;
}
.cookiesOverlay2 .cookiesOverlay2Button a {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.175rem;
    font-weight: 700;
    text-decoration: none;
    padding: 2px 5px;
    color: #fff;
}
.cookiesOverlay2 .cookiesOverlay2Button a:hover {
    text-decoration: none;
    background-color: #48b327;
}


.cookiesOverlay2 .cookiesOverlay2Impressum {
    width: 100%;
    padding: 20px 0 10px;
    border-top: 1px solid #e8e8e8;
    margin: 5px auto;
}
.cookiesOverlay2 .cookiesOverlay2Impressum a {
    font-family: 'opensans',sans-serif;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: underline;
    color: #999;
}
.cookiesOverlay2 .cookiesOverlay2Impressum a:hover {
    text-decoration: underline;
}


@media (min-width: 680px) {
    .cookiesOverlay2Box {
        max-width: 666px;
        overflow-y: hidden;
    }

    .cookiesOverlay2 .cookiesOverlay2Logo {
        width: 45%;
        float: left;
    }
    .cookiesOverlay2 .cookiesOverlay2Headline {
        font-size: 1.625rem;
        font-weight: 700;
        max-width: 50%;
        float: right;
    }
    .cookiesOverlay2 .cookiesOverlay2Text {
        clear: both;
    }

}.sliders.adaptiveSlider {
    background-color: #DBF0FF;
    position: relative;
}

.sliders.adaptiveSlider .lSSlideOuter .lSPager  {
    display: none;
}

.sliders.adaptiveSlider .title {
    padding-top: 10px;
    display: flex;
    color: #0075B4;
}
.sliders.adaptiveSlider .title:after,
.sliders.adaptiveSlider .title:before {
    color: #0175B3;
    content: '';
    flex: 1;
    border-bottom: solid 1px;
    border-color: #0175B3;
    margin: auto 10px;
}

.sliders.adaptiveSlider .title h4 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    margin: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 1.3rem;
    font-weight: 400;
}

.sliders.adaptiveSlider .nav button {
    color: #FFFFFF;
    background-color: #2981bf;
    padding: 0;
    margin: auto 0;
    z-index: 999;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.2s;
    height: 45px;
    width: 27px;
    font-size: 76px;
    font-weight: 100;
    line-height: 25px;
    position: absolute;
}

.sliders.adaptiveSlider .nav button svg {
    width: 100%;
    height: 100%;
    padding: 4px;
    
}
.sliders.adaptiveSlider .nav button:nth-of-type(1) svg {
    margin-left: 0;
}
.sliders.adaptiveSlider .nav button:nth-of-type(2) svg {
    margin-right: 0;
}
.sliders.adaptiveSlider .nav button svg path {
    fill: white;
}

.sliders.adaptiveSlider .nav.vertical {
    display: none;
}
.sliders.adaptiveSlider .nav.vertical button {
    transform: rotate(90deg);
    margin: auto;
    left: 0;
    right: 0;
}
.sliders.adaptiveSlider .nav.vertical button:nth-of-type(1) {
    top: 0;
}
.sliders.adaptiveSlider .nav.vertical button:nth-of-type(2) {
    bottom: 0;
}

.sliders.adaptiveSlider .nav.horizontal button {
    top: -25px;
    bottom: 0;
}

.sliders.adaptiveSlider .nav.horizontal button:nth-of-type(1) {
    left: 0;
}
.sliders.adaptiveSlider .nav.horizontal button:nth-of-type(1) > span {
    text-align: right;
    width: 100%;
    display: inline-block;
}

.sliders.adaptiveSlider .nav.horizontal button:nth-of-type(2) {
    right: 0;
}
.sliders.adaptiveSlider .nav.horizontal button:nth-of-type(2) > span {
    text-align: left;
    width: 100%;
    display: inline-block;
}

.sliders.adaptiveSlider .textualcontent.tile {
    padding: 10px;
}

.sliders.adaptiveSlider .textualcontent.tile .text {
    margin: 10px 0;
}

.sliders.adaptiveSlider .textualcontent.tile .thumb span h6 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: initial;
    -webkit-line-clamp: 2 !important;
    padding: 2px 0;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}

.sliders.adaptiveSlider .textualcontent.tile .thumb .label {
    height: 54px;
}

.sliders.adaptiveSlider .textualcontent.tile .thumb .label {
    position: absolute;
    background-color: #0075b4;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 2px 2% 0;
    margin: 0 auto;
}

.article.tile.ad h6 {
    font-size: 18px;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .sliders.adaptiveSlider .nav button {
        height: 43px;
        width: 21px;
    }
    .sliders.adaptiveSlider .lSSlideOuter  {
        padding: 0px 16px;
    }
}
    
@media screen and (min-width: 768px) and (max-width: 880px) {
    .sliders.adaptiveSlider .lSSlideOuter  {
        padding: 0px 4px;
    } 
}

@media screen and (min-width: 880px) {
    .tabTwo .sliders.adaptiveSlider .lSSlideOuter  {
        padding: 16px 0px;
    }

    .sliders.adaptiveSlider .nav button:nth-of-type(1)  {
        left: 0 !important;
    }
    .sliders.adaptiveSlider .nav button:nth-of-type(2) {
        right: 0 !important;
    
    }
    .sliders.adaptiveSlider .nav.vertical button:nth-of-type(1) {
        top: 28px !important;
    }

    

    .tabTwo .sliders.adaptiveSlider .lightsliderContainer {
        flex-direction: column-reverse;
    }
    
    .tabTwo .sliders.adaptiveSlider .textualcontent.tile .text {
        margin: 0;
    }

    .tabTwo .sliders.adaptiveSlider .nav.horizontal {
        display: none;
    }
    
    .tabTwo .sliders.adaptiveSlider .nav.vertical {
        display: flex;
    }
    
}/* .box.consoleSlider {
    position: relative;
    padding-top: 50%;
}
.box.consoleSlider.loaded {
    padding-top: 0;
}

.box.consoleSlider .titlebar {
    position:absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.box.consoleSlider.loaded .titlebar {
    position: relative;
}

.box.consoleSlider .lSPager {
    display: none;
}

.box.consoleSlider .owl-item::after {
    position: absolute;
    bottom: 0px;
    content: "";
    width: 100%;
    height: 90px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 54%, rgba(0,0,0,0.639093137254902) 81%, rgba(0,0,0,0.8799894957983193) 94%, rgba(0,0,0,1) 99%);
}

.box.consoleSlider .owl-item .item {
    position: relative;
}

.box.consoleSlider .lightsliderContainer .item {
    position: relative;
    display: none;
}

.box.consoleSlider.loaded .lightsliderContainer .item {
    display: block;
}
.box.consoleSlider .lightsliderContainer .item.ad::after {
    content: 'Werbung';
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    color: white;
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 1px 8px 0;
}

.box.consoleSlider .owl-item .item h2 {
    position: absolute;
    bottom: 0;
    color: #fff;
    margin: 20px 12px;
}

.box.consoleSlider .nav.mobileOnly {
    position: relative;
}

.box.consoleSlider .nav.mobileOnly > span {
    text-align: center;
    align-self: center;
    flex: 1 100%;
}

.box.consoleSlider .nav.mobileOnly button {
    position: absolute;
    background-color: #0075b4;
    outline: none;
    border: 0;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 30px;
    display: inline-flex;
}
.box.consoleSlider .nav.mobileOnly button:nth-of-type(1) {
    left: 0px;
}
.box.consoleSlider .nav.mobileOnly button:nth-of-type(2) {
    right: 0px;
}

.box.consoleSlider .nav.mobileOnly button svg {
    width: 100%;
    height: 100%;
    padding: 4px;
}
.box.consoleSlider .nav.mobileOnly button svg path {
    fill: #ffd727;
}

.box.consoleSlider .nav.desktopOnly button {
    color: #FFFFFF;
    background-color: #2981bf;
    padding: 0;
    margin: auto 0;
    z-index: 999;
    display: inline-block;
    border: none;
    transition: all 0.2s;
    height: 55px;
    width: 28px;
    position: absolute;
    top: 0;
    bottom: 0;
}

.box.consoleSlider .nav.desktopOnly button svg {
    width: 100%;
    height: 100%;
    padding: 4px;
}
.box.consoleSlider .nav.desktopOnly button svg path {
    fill: white;
}

.box.consoleSlider .nav.desktopOnly button:nth-of-type(1) {
    left: 0px;
}
.box.consoleSlider .nav.desktopOnly button:nth-of-type(1) > span {
    text-align: right;
    width: 100%;
    display: inline-block;
}

.box.consoleSlider .nav.desktopOnly button:nth-of-type(2) {
    right: 0px;
}
.box.consoleSlider .nav.desktopOnly button:nth-of-type(2) > span {
    text-align: left;
    width: 100%;
    display: inline-block;
}


@media (max-width: 880px) {
    .box.consoleSlider .owl-item .item h2 {
        font-size: 7vw;
    }
} */

/* plus story */

/* .box.consoleSlider .lightsliderContainer .item.plus {
    position: relative;
} */

/* .box.consoleSlider .lightsliderContainer .item.plus:before {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 90px;
    height: 30px;
    background: url(/images/logos/oe24plus-logo.svg) 0 0 no-repeat;
    z-index: 100;
}

@media (min-width: 768px) {
    .box.consoleSlider .lightsliderContainer .item.plus:before {
        top: 10px;
        right: 10px;
        width: 100px;
        height: 35px;
    }
} */
/* .sliders.responsiveSlider {
    background-color: #EDF8FF;
    position: relative;
    min-height: 320px;
}

.sliders.responsiveSlider .lSSlideOuter .lSPager {
    margin: 0 0 12px 0 !important;
}

.sliders.responsiveSlider .lSSlideOuter .lSPager.lSpg>li a {
    background-color: #659AB9;
}

.sliders.responsiveSlider .lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: #0074B7;
}

.sliders.responsiveSlider .title {
    padding-top: 10px;
    display: flex;
    color: #0075B4;
}

.sliders.responsiveSlider .title h4 {
    margin: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    overflow: hidden;
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.15rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 0 0 5px;
}

.sliders.responsiveSlider .textualcontent.tile {
    padding: 10px 20px;
}

.sliders.responsiveSlider .textualcontent.tile .thumb .label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
}

.sliders.responsiveSlider .textualcontent.tile .thumb .label:before {
    content: '';
    background-color: #0075b4;
    opacity: 0.86;
    width: 100%;
    height: 100%;
    max-width: 99.9%;
    position: absolute;
    z-index: 1;
}

.sliders.responsiveSlider .textualcontent.tile .thumb .label>* {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 2px 3px 1px;
}

.sliders.responsiveSlider .textualcontent.tile .thumb span h6 {
    font-size: 1.24rem;
    font-weight: 700;
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    padding: 2px 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2 !important;
    word-break: break-word;
    display: -webkit-box;
    box-orient: vertical;
    text-transform: unset;
}

.sliders.responsiveSlider .textualcontent.tile .text {
    margin: 6px 0;
    font-size: .85rem !important;
    font-family: "OpenSans", sans-serif;
}

@media screen and (min-width: 768px) {
    .sliders.responsiveSlider .lSSlideOuter {
        padding: 0px 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 880px) {
    .sliders.responsiveSlider .lSSlideOuter {
        padding: 0px 4px;
    }
}

@media screen and (min-width: 880px) {
    .tabTwo .sliders.responsiveSlider .lSSlideOuter {
        padding: 0px 0px;
    }
    .tabTwo .sliders.responsiveSlider .lightsliderContainer {
        max-height: 480px !important;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .tabTwo .sliders.responsiveSlider .lightsliderContainer>* {
        width: 300px !important;
        min-height: 225px !important;
    }
} */
.box.singleCardSlider {
    position: relative;
}

.box.singleCardSlider .titlebar.clean {
    display: none;
}

.box.singleCardSlider .nav {
    top: 0;
    height: 100%;
    width: 100%;
}

.box.singleCardSlider .nav button {
    padding: 0;
    margin: auto 0;
    z-index: 999;
    display: inline-block;
    border: none;
    box-sizing: border-box;
    text-decoration: none;
    color: #0075B4;
    background-color: #FFD727;
    transition: all 0.2s;
    height: 55px;
    width: 27px;
    font-size: 56px;
    font-weight: 100;
    line-height: 1px;
    position: absolute;
    top: 66px;
    bottom: 0;
}

.box.singleCardSlider .nav button:nth-of-type(1) {
    border-top-right-radius: 33px;
    border-bottom-right-radius: 33px;
    left: 0;
}

.box.singleCardSlider.firstItem .nav button:nth-of-type(1) {
    display: none;
}

.box.singleCardSlider .nav button:nth-of-type(2) {
    border-top-left-radius: 33px;
    border-bottom-left-radius: 33px;
    right: 0;
}

.box.singleCardSlider.lastItem .nav button:nth-of-type(2) {
    display: none;
}

.box.singleCardSlider .nav button svg {
    width: 100%;
    height: 100%;
    padding: 13px 5px;
}

.box.singleCardSlider .nav button svg path {
    fill: #0072b4;
}

.box.singleCardSlider .lSSlideOuter .lSPager.lSpg {
    display: none;
}.titlebar.clean h3 {
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.3rem;
    font-weight: 400;
    color: #0069b3;
    width: 100%;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.titlebar.full {
    display: flex;
    background-color: #0072b4;
    color: #fff;
    padding: 7px 0;
    border-bottom: 1px solid #ffd727;
}

.titlebar .icon {
    margin: auto 5px auto 2px;
}

.titlebar.full h2 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    display: -webkit-inline-box;
    font-size: 1.3rem;
    width: 100%;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-weight: 600;
    padding: 0 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.titlebar.full .postTitle {
    display: -webkit-inline-box;
    font-size: 0.7rem;
    margin: auto;
    padding-right: 10px;
    max-width: 40%;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

/* oe24 box  */

.oe24box .titlebar.full  {
    display: flex;
    flex: row;
    justify-content: space-between;
}

.oe24box .titlebar.full h2 {
    order: 1;
    padding: 0 15px;
}

.oe24box .titlebar.full .icon {
    order: 2;
    background-color: #e73239;
    border-radius: 5px;
    padding: 0;
}

.oe24box .titlebar.full .icon img {
    vertical-align: middle;
    max-width: 80%;
    padding: 6px 0 5px 8px;
    margin-left: 4px;

}

/* oe24 videos */

.contentBoard.oe24videos .titlebar.full {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contentBoard.oe24videos .titlebar.full .postTitle {
    order: 1;
}

.contentBoard.oe24videos .titlebar.full .icon {
    width: 40%;
    order: 2;
    text-align: right;
    margin-left: 0;
}

.contentBoard.oe24videos .titlebar.full .icon img {
    background-color: #e73239;
    border-radius: 5px;
    max-width: 100%;
    padding: 6px 6px;
}

@media (min-width: 440px) {
    .tabTwo .contentBoard.oe24videos .titlebar.full .icon img,
    .tabOne .contentBoard.oe24videos .titlebar.full .icon img {
        max-width: 75%;
    }
}

@media (min-width: 640px) {
    .tabTwo .contentBoard.oe24videos .titlebar.full .icon img,
    .tabOne .contentBoard.oe24videos .titlebar.full .icon img {
        max-width: 55%;
    }

}

@media (min-width: 880px) {
    .tabTwo .contentBoard.oe24videos .titlebar.full .icon img {
        max-width: 100%;
    }
    .tabOne .contentBoard.oe24videos .titlebar.full .icon img {
        max-width: 75%;
    }
}








header div.desktop {
    background-color: #0075b4;
    /* background: #0075b4 linear-gradient(180deg, rgba(255,255,255,0) 53%, rgba(0,0,0,0.23853291316526615) 78%, rgba(0,0,0,0.4542191876750701) 96%); */
    position: relative;
}

header div.desktop.sticky {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    max-width: 960px;
    max-height: 100px;
    border-bottom: 1.6px solid #ffd727;
    box-shadow: 0 10px 5px -5px rgba(0,0,0,.1);
}

header div.desktop.sticky .portalNav,
header div.desktop.sticky .mylocations-h {
    display: none;
}
header div.desktop.sticky nav.top {
    bottom: 0;
}
header div.desktop.sticky nav ul {
    margin: 1px 0 0 0;
}

header div.desktop.sticky .logo {
    width: 220px;
    height: 45px;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position-y: 4px;
    margin-top: 10px;
    -webkit-transform: translate(-5%,5%);
    transform: translate(-5%,5%);
    -webkit-transition: 88ms;
    transition: 88ms;
}

div.desktop.sticky > div:nth-child(2) {
    height: 50px;
}

@media (max-width: 767px) {
    header div.desktop {
        display: none;
    }
}

@media (min-width: 768px) {
    header div.desktop {
        display: block;
        height: 160px;
    }
}

div.desktop > div:nth-child(1) {
    background-color: #005583;
    color: #78a8c3;
    text-transform: uppercase;
    font-size: 10px;
    padding: 2px;
    text-align: center;
}

div.desktop > div > ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
 div.desktop > div > ul li {
    display: inline;
    padding: 0 4px;
}
div.desktop > div > ul li a {
    color: #78a8c3;
}
div.desktop > div > ul li a:hover {
    color: #fff;
    text-decoration: none;
}

div.desktop > div:nth-child(2) {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

div.desktop .logoWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-transition: 150ms;
    transition: 150ms;
    padding-top: 0;
}

div.desktop .logoWrap .ski-col {
    width: 55%;
    background-image: url("//appcdn.wetter.at/wetter_public/images/header/header-ski-bg.jpg");
    background-position: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding: 10px 0 10px 10px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.4);
}

header div.desktop.sticky .logoWrap .ski-col {
    margin-top: 10px;
}

header div.desktop.sticky .searchbox {
    margin-top: 10px;
}


div.desktop .logoWrap>a {
    width: 30%;
    /* background-color: #0075b4;
    border-radius: 40px;
    box-shadow: 2px 2px 6px 0 rgba(0,0,0,.4); */
}

div.desktop .logo {
    display: inline-block;
    width: 185px;
    height: 50px;
    background: url('//appcdn.wetter.at/wetter_public/images/layout/logos/wetter-logo-2023.svg') center;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform: translate(10%,5%);
    transform: translate(10%,5%);
    -webkit-transition: 88ms;
    transition: 88ms;
 }


 @media (min-width: 768px) {

    div.desktop .logo {
        width: 160px;
        height: 50px;
    }

 }

 @media (min-width: 880px) {

    div.desktop .logo {
        width: 185px;
        height: 60px;
    }

 }

 div.desktop .logoWrap .skiwetterIcon {
    display: inline-block;
    text-align: center;
 }

 div.desktop .logoWrap .skiwetterIcon img {
    width: 130px;
    height: 90px;
 }


.desktop .headerMeinOe24 {
    padding: 10px 0 0 10px;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    justify-content: space-evenly;
}

.desktop .headerMeinOe24 .oe24Plus,
.desktop .headerMeinOe24 .clickAndWin {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    padding: 5px 8px 0;
    border-right: 1px solid rgb(255,255,255,.2);
}

.desktop .headerMeinOe24 .oe24Login {
    width: 29%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    padding: 5px 8px 0;
}

.desktop .headerMeinOe24 a {
    color: #fff;
    text-decoration: none;
}

.desktop .headerMeinOe24 a:hover {
    text-decoration: none;
}

.desktop .headerMeinOe24 .oe24Plus {
    width: 33%;
}

@media screen and (max-width: 960px) {
    .desktop .headerMeinOe24 .oe24Plus {
        width: fit-content;
        width: -moz-fit-content;
        padding: 5px 8px 0 0;
    }
}

.desktop .headerMeinOe24 .clickAndWin {
    width: 29%;
    padding-left: 0;
}

.desktop .headerMeinOe24 .headerText {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    display: block;
    white-space: nowrap;
}

.desktop .headerMeinOe24 .oe24Login .headerText {
    text-transform: uppercase;
    padding: 8px 0 0 0;
}

.desktop .headerMeinOe24 .oe24Plus .oe24PlusLogo {
    width: 75px;
    padding-top: 3px;
}

.desktop .headerMeinOe24 .clickAndWin .coins {
    width: 60px;
}

.desktop .headerMeinOe24 .oe24Login .loginImg {
    width: 17px;
    vertical-align: top;
    margin: 0 auto;
}


/* loged in */

.desktop .headerMeinOe24.logedIn .oe24Plus {
    width: 29%;
    padding: 5px 5px 5px 0;
}

.desktop .headerMeinOe24.logedIn .clickAndWin {
    width: 24%;
}

.desktop .headerMeinOe24.logedIn .oe24Login {
    width: 40%;
    justify-content: space-around;
}

.desktop .headerMeinOe24 .oe24Login .userIcon {
    width: 21px;
    vertical-align: top;
    margin: 0 auto;
    display: none;
}

.desktop .headerMeinOe24.logedIn .oe24Login .loginText,
.desktop .headerMeinOe24.logedIn .coinsBar .number {
    text-transform: initial;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    width: 98%;
}

.desktop .headerMeinOe24.logedIn .oe24Login .loginText {
    padding-top: 8px;
}

.desktop .headerMeinOe24.logedIn .oe24Login .headerMeinOe24Link,
.desktop .headerMeinOe24.logedIn .oe24Login .coinsBar {
    width: 70px;
    max-width: 100px;
}

.desktop .headerMeinOe24 .coinsBar {
    display: none;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.desktop .headerMeinOe24 .coinsBar .coins .coin {
    position: relative;
    width: 21px;
    height: 21px;
    cursor: pointer;
    transition: -webkit-transform 1s ease-in;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    margin: 0 auto;
}

.desktop .headerMeinOe24 .coinsBar .coins div {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    /*backface-visibility: hidden;
    -webkit-backface-visibility: hidden;*/
}

.desktop .headerMeinOe24 .coinsBar .coins .side-a {
    z-index: 100;
    background-image: url("//appcdn.wetter.at/images/meinOe24/meinOe24CoinSmall.png");
    background-repeat: no-repeat;
}

.desktop .headerMeinOe24 .coinsBar .coins .side-b {
    background-image: url("//appcdn.wetter.at/images/meinOe24/meinOe24EuroToCoins.png");
    background-repeat: no-repeat;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

.desktop .headerMeinOe24 .coinsBar .coins .heads {
    -webkit-animation: flipHeads 3s ease-out forwards;
    -moz-animation: flipHeads 3s ease-out forwards;
    -o-animation: flipHeads 3s ease-out forwards;
    animation: flipHeads 3s ease-out forwards;
}

.desktop .headerMeinOe24 .coinsBar .coins .tails {
    -webkit-animation: flipTails 3s ease-out forwards;
    -moz-animation: flipTails 3s ease-out forwards;
    -o-animation: flipTails 3s ease-out forwards;
    animation: flipTails 3s ease-out forwards;
}

@keyframes flipHeads {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1800deg);
        -moz-transform: rotateY(1800deg);
        transform: rotateY(1800deg);
    }
}
@-webkit-keyframes flipHeads {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1800deg);
        -moz-transform: rotateY(1800deg);
        transform: rotateY(1800deg);
    }
}
@keyframes flipTails {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1980deg);
        -moz-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}
@-webkit-keyframes flipTails {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1980deg);
        -moz-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}

.number {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: block;
    padding-top: 2px;
}

.progress {
    position: absolute;
    right: 1px;
    width: 2px;
    height: 0%;
    background-color: #d0013a;
    transition: height 0.6s ease-in-out;
    ;
}

.desktop .headerMeinOe24 .coinsBar.active {
    display: flex;
    flex-direction: column;
    line-height: 2;
}


/* sticky */

.desktop.sticky .headerMeinOe24 {
    justify-content: flex-end;
    padding: 5px;
    height: 36px;
}

.desktop.sticky .headerMeinOe24 .oe24Plus,
.desktop.sticky .headerMeinOe24 .clickAndWin {
    display: none;
}

.desktop.sticky .headerMeinOe24 .oe24Login {
    box-shadow: unset;
    padding: 0 8px;
    height: 30px;
    justify-content: flex-end;
}

.desktop.sticky .headerMeinOe24.logedIn .oe24Login .headerMeinOe24Link,
.desktop.sticky .headerMeinOe24.logedIn .oe24Login .coinsBar {
    width: 100px;
    max-width: 100px;
}

.desktop.sticky .headerMeinOe24 .oe24Login .loginImg {
    width: 20px;
    padding-bottom: 5px;
}

.desktop.sticky .headerMeinOe24 .oe24Login .headerMeinOe24Link {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.desktop.sticky .headerMeinOe24 .oe24Login .headerText {
    padding: 7px 4px 0;
}


/* sticky and  loged in*/

.desktop.sticky .headerMeinOe24.logedIn .oe24Login {
    justify-content: flex-end;
}

.desktop.sticky .headerMeinOe24.logedIn .oe24Login .headerMeinOe24Link {
    padding-right: 10px;
}

.desktop.sticky .headerMeinOe24.logedIn .oe24Login .coinsBar {
    display: flex;
    flex-direction: row;
    padding-left: 10px;
}

.desktop.sticky .headerMeinOe24.logedIn .oe24Login .seperator {
    margin: 5px 1px 4px;
}

.desktop.sticky .headerMeinOe24.logedIn .oe24Login .loginText,
.desktop.sticky .headerMeinOe24.logedIn .coinsBar .number {
    line-height: 1.5;
    width: 98%;
}

.desktop.sticky .headerMeinOe24.logedIn .coinsBar .coins .coin {
    width: 20px;
}

.desktop.sticky .headerMeinOe24.logedIn .coinsBar .number {
    padding: 4px 0 0 10px;
}.mobile .oe24Login {
    display: flex;
}

.mobile .headerMeinOe24 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: .2rem 1em 0 .5em;
}

.mobile .headerMeinOe24 a {
    color: #ffffff;
    text-decoration: none;
}

.mobile .headerMeinOe24 a:hover {
    color: #ffffff;
    text-decoration: none;
}

.mobile .headerMeinOe24 .headerMeinOe24LinkMobile {
    display: flex;
    flex-direction: column;
    justify-self: flex-end;
}

.mobile .headerMeinOe24 .headerMeinOe24LinkMobile .loginImg {
    display: block;
    width: 15px;
    margin: 0 auto;
    padding-top: 5px;
}

.mobile .headerMeinOe24 .headerMeinOe24LinkMobile .userIcon {
    width: 18px;
    margin: 0 auto;
    display: block;
}

.mobile .headerMeinOe24 .headerMeinOe24LinkMobile .headerText {
    font-family: "RobotoMedium",sans-serif;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    display: block;
    height: 100%;
    padding-top: 3px;
}

/* loged in */

.mobile .headerMeinOe24.logedIn {
    padding: 0 .2em 0 .2em;
}

.mobile .headerMeinOe24.logedIn {
    justify-content: space-around;
}

.mobile .headerMeinOe24.logedIn .headerMeinOe24LinkMobile .headerText,
.mobile .headerMeinOe24.logedIn .coinsBar .number {
    font-family: "oe24condensed",sans-serif;
    font-weight: 600;
    text-transform: initial;
    text-overflow: ellipsis;
    display: inline-block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    width: 40px;
}

.mobile .headerMeinOe24.logedIn .headerMeinOe24LinkMobile {
    padding-right: 6px;
}

@media screen and (min-width: 375px) {
    .mobile .headerMeinOe24.logedIn .headerMeinOe24LinkMobile .headerText,
    .mobile .headerMeinOe24.logedIn .coinsBar .number {
        width: 60px;
    }
}

@media screen and (min-width: 411px) {
    .mobile .headerMeinOe24.logedIn .headerMeinOe24LinkMobile .headerText,
    .mobile .headerMeinOe24.logedIn .coinsBar .number {
        width: 70px;
    }
}

@media screen and (min-width: 480px) {
    .mobile .headerMeinOe24.logedIn .headerMeinOe24LinkMobile .headerText,
    .mobile .headerMeinOe24.logedIn .coinsBar .number {
        width: 90px;
    }
}

@media screen and (max-width: 300px) {
    .mobile .oe24Login {
        display: none;
    }
}


.mobile .headerMeinOe24 .coinsBar {
    display: none;
    justify-content: flex-end;
    align-items: center;
    position: relative;
    border-left: 1px solid rgb(255,255,255, .2);
}

.mobile .headerMeinOe24 .coinsBar .coins .coin {
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
    transition: -webkit-transform 1s ease-in;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    margin: 0 auto;
}

.mobile .headerMeinOe24 .coinsBar .coins div {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    /* backface-visibility: hidden; */
    /* -webkit-backface-visibility: hidden; */
}
.mobile .headerMeinOe24 .coinsBar .coins .side-a {
    z-index: 100;
    background-image: url(/images/meinOe24/meinOe24CoinSmall.png);
    background-repeat: no-repeat;
}

.mobile .headerMeinOe24 .coinsBar .coins .side-b {
    background-image: url(/images/meinOe24/meinOe24EuroToCoins.png);
    background-repeat: no-repeat;
    transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
}

.mobile .headerMeinOe24 .coinsBar .coins .heads {
    -webkit-animation: flipHeads 3s ease-out forwards;
    -moz-animation: flipHeads 3s ease-out forwards;
    -o-animation: flipHeads 3s ease-out forwards;
    animation: flipHeads 3s ease-out forwards;
}

.mobile .headerMeinOe24 .coinsBar .coins .tails {
    -webkit-animation: flipTails 3s ease-out forwards;
    -moz-animation: flipTails 3s ease-out forwards;
    -o-animation: flipTails 3s ease-out forwards;
    animation: flipTails 3s ease-out forwards;
}

@keyframes flipHeads {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1800deg);
        -moz-transform: rotateY(1800deg);
        transform: rotateY(1800deg);
    }
}
@-webkit-keyframes flipHeads {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1800deg);
        -moz-transform: rotateY(1800deg);
        transform: rotateY(1800deg);
    }
}
@keyframes flipTails {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1980deg);
        -moz-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}
@-webkit-keyframes flipTails {
    from {
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        transform: rotateY(0);
    }
    to {
        -webkit-transform: rotateY(1980deg);
        -moz-transform: rotateY(1980deg);
        transform: rotateY(1980deg);
    }
}

.number {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    display: block;
}

.progress {
    position: absolute;
    right: 10px;
    width: 3px;
    height: 0%;
    background-color: #ffd727;
    transition: height 1s ease-in-out;
}

.mobile .headerMeinOe24 .coinsBar.active {
    display: flex;
    flex-direction: column;
}
/* @media (min-width: 768px) {
    header div.mobile {
        display: none !important;
    }
 }

 @media (max-width: 767px) {
    header div.mobile {
        display: block;
        min-height: 80px;
    }
 }

 div.mobile .bkg {
    position: relative;
    border-bottom: 2px solid #fff;
    background-color: #0072b4;
 }

 div.mobile .logo {
    display: block;
    min-width: 200px;
    max-width: 260px;
    height: 80px;
    max-height: 80px;
    margin-left: 35px;
    text-align: left;
    padding: 17px 0 0 0;
 }

 div.mobile .logo img {
    max-width: 60%;
    padding-left: 25px;
 }

 @media screen and (min-width: 321px) {
   div.mobile .logo img {
      max-width: 65%;
      padding-left: 40px;
   }
 }

 @media screen and (min-width: 345px) {
   div.mobile .logo {
      padding: 15px 0 0 0;
      margin-left: 60px;
   }
   div.mobile .logo img {
      max-width: 60%;
      padding-left: 10px;
   }
 }

 div.mobile .toolbar {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 10px;
    min-width: 65px;
 }

div.mobile .toolbar .link > a:hover {
    border-bottom: solid 2px #ffd727;
}

 div.mobile .toolbar .link > a {
    text-transform: uppercase;
    color: white;
    text-decoration: none;
 } */
.mylocations-h {
    background-color: #0075b4;
    border-top: 1px solid #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    white-space: nowrap;
    display: flex;
}

.mylocations-h .bookmarks {
    width: 85%;
    height: 28px;
    padding: 0 20px 0 20px;
}

.mylocations-h .bookmarks .items {
    width: 100%;
    overflow: hidden;
}

.mylocations-h .orteUndMeldungen {
    padding: 0px 8px;
    border-radius: 12px;
    background-color: #25537F;
    margin: 2px 2px 2px 0;
    margin-right: -12px;
    cursor: pointer;
}

.mylocations-h .orteUndMeldungen a {
    color: white;
    font-size: 11px;
    font-weight: bold;
}

.mylocations-h .orteUndMeldungen a img {
    width: 18px;
}

.mylocations-h button {
    cursor: pointer;
    position: absolute;
    top: 0;
    padding: 2px 0px;
    height: 28px;
    width: 15px;
    transition: 0.6s ease;
    user-select: none;
    border: none;
    background-color: #0075b4;
}

.mylocations-h button,
.mylocations-h button svg:focus {
    outline: none;
}

.mylocations-h button svg {
    width: 100%;
    height: 100%;
}

.mylocations-h button svg path {
    fill: white;
}

.mylocations-h button.hide {
    display: none;
}

.mylocations-h button.prev {
    left: 0;
}

.mylocations-h button.next {
    right: 136px;
}

.mylocations-h button.scroll {
    outline: none;
    border: none;
    background-color: Transparent;
    margin: 3px 4px;
    height: 25px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.mylocations-h ul {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    display: inline-flex;
}

.mylocations-h ul>li {
    display: inline;
    font-size: 18px;
    font-weight: 600;
    font-family: 'oe24condensed', sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    border-left: 1px solid #ffd627;
    margin: 0px 10px 0 0;
    padding: 1px 0 0 0px;
}

.mylocations-h ul>li:first-child {
    border: 0;
}

.mylocations-h ul>li a {
    color: #fff;
    text-decoration: none;
}

.mylocations-h ul>li a:hover {
    color: #ffd627;
}

.mylocations-h ul>li .icon {
    width: 28px;
    margin-right: 4px;
    display: inline-block;
}

.mylocations-h ul>li>a>span:nth-last-child(2) {
    margin-left: -7px;
}

.mylocations-h ul>li .icon img {
    width: 100%;
    height: 100%;
    margin: -10px 0 -10px 0;
}

.mylocations-h .toolbox {
    text-transform: uppercase;
    text-align: right;
    padding-right: 5px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: #FFD727;
    white-space: nowrap;
}

.mylocations-h .toolbox .info {
    position: absolute;
    top: 3px;
    left: 30px;
}

.mylocations-h .toolbox .plus {
    font-size: 1rem;
    font-weight: 600;
}/* all */
/* header .searchbox .typeahead__container button {
    border: none;
    line-height: inherit;
    padding: 9px 0 0 0;
    border-radius: 10px;
}

header .searchbox .typeahead__container button:hover {
    background-color: #fff;
}

header .searchbox .typeahead__container button:focus {
    outline: none;
} */

/* mobile */
/* header .mobile .searchbox {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 55px;
    width: 100%;
}

header .mobile .searchbox .bar {
    margin: auto;
    width: 80%;
    background: white;
    border-radius: 6px;
    padding: 0 6px 2px 2px;
    box-shadow: 3px 0px 6px 0px #4c4b4b;
}

header .mobile .searchbox .bar .toggler {
    display: none;
}

header .mobile .searchbox .bar input {
    width: 100%;
    border: 0px;
    outline: none;
    color: #000;
    font-size: 1rem;
    padding-left: 0;
}

header .mobile .searchbox .location {
    margin-right: 0;
    width: 15%;
    display: flex;
    justify-content: center;
    background-color: #EDF8FF;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: 3px 0px 6px 0px #4c4b4b;
}

header .mobile .searchbox .location svg {
    width: 25px;
} */


/* desktop */
/* header .desktop .searchbox {
    display: inline-block;
    align-items: center;
    padding: 10px 0 0 40px;
    width: 45%;
}

header .desktop .searchbox .bar {
    width: 100%;
    background: white;
    border-radius: 6px;
    box-shadow: 2px 2px 6px 0px #888888;
    display: flex;
}

header .desktop .searchbox .bar .toggler {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #0069b3;
    width: 42px;
    height: 35px;
    border-radius: 7px 0 0 7px;
    padding: 10px;
    top: 0px;
    display: none;
}

header .desktop .searchbox .typeahead__container {
    display: inline-block;
    width: 100%;
    z-index: 99999;
}

header .desktop .searchbox .typeahead__container .typeahead__list {
    z-index: 99999 !important;
}

header .desktop .searchbox .bar .toggler .toggler-icon,
header .desktop .searchbox .bar .toggler .toggler-icon:before,
header .desktop .searchbox .bar .toggler .toggler-icon:after {
    width: 20px;
}

header .desktop .searchbox .typeahead__container button {
    margin-left: 2px;
}

header .desktop .searchbox .bar input {
    font-family: RobotoCondensedRegular;
    width: 95%;
    border: 0px;
    outline: none;
    text-transform: uppercase;
    color: #6c757d;
    font-size: 18px;
    margin-left: 5px;
}

header .desktop .typeahead__field input {
    line-height: 1;
    min-height: unset;
}

header .desktop .searchbox .location {
    display: none;
} */
.skiLocationsBox {
    width: 30%;;
    position: relative;
    margin-left: 10px;
}

.skiLocationsBox .skiLocationsWrapper .skiLocationsSlider {
    width: 100%;
}

.skiLocationsBox .skiLocationsWrapper .skiLocationsSlider a:hover {
    text-decoration: none;
    color: #fff;
}

.skiLocationsBox .skiLocationsWrapper .skiLocationsSlider .item {
    font-family: "RobotoRegular", sans-serif;
    color: #fff;
    height: 38px;
    min-width: max-content;
    position: relative;
    display: none;
    padding: 5px;
    background-color: rgba(37, 83, 127, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
    cursor: pointer;
}

.skiLocationsBox.loaded .skiLocationsWrapper .skiLocationsSlider .item {
    display: flex;
}

.skiLocationsBox .skiLocationsWrapper .skiLocationsSlider .item .locationNameAndHight {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    line-height: 1.1;
}

.skiLocationsBox .skiLocationsWrapper .skiLocationsSlider .item img.icon {
    width: 30px;
    height: 30px;
}

.skiLocationsBox .skiLocationsWrapper .skiLocationsSlider .item .locationNameAndHight p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.skiLocationsBox .skiLocationsWrapper .skiLocationsSlider .item .locationNameAndHight span {
    font-size: 0.75rem;
    text-align: left;
}.textualcontent.video.featured {
    position: relative;
}

.textualcontent.video.featured .iconplay {
    height: 20vw;
    min-height: 30px;
    max-height: 90px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.row .textualcontent.video.featured .iconplay {
    height: 12vw;
}.textualcontent.video.tile.jwTile {
    position: relative;
}

.textualcontent.video.tile.jwTile .iconplay {
    width: 11%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.textualcontent.video.jwTile > .video-js.vjs-fluid {
    display: none;
}
.textualcontent.video.jwTile.playing > .video-js.vjs-fluid {
    display: block;
}

.textualcontent.video.jwTile > section .text {
    padding: 0;
}

.textualcontent.video.jwTile > section {
    display: block;
}
.textualcontent.video.jwTile.playing > section {
    display: none;
}

.videoPlayer .jwplayer {
    border-radius: 10px;
}

.textualcontent.video.tile {
    position: relative;
}

.textualcontent.video.tile .iconplay {
    max-width: 20%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.row .textualcontent.video.tile .iconplay {
    height: 35px;
}
.weatherLocation.animation.tile {
    position: relative;
}

.weatherLocation.animation.tile .snapshot {
    width: 100%;
}

.weatherLocation.animation.tile .iconplay {
    width: 11%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.row .weatherLocation.animation.tile .iconplay {
    top: -20%;
}

.row .weatherLocation.animation.tile .iconplay {
    width: 14%;
    height: auto;
}

.weatherLocation.animation.tile section {
    position: absolute;
    bottom: 0px;
    height: 100%;
    display: grid;
    width: 100%;
}

.weatherLocation.animation.tile section>span {
    position: absolute;
    bottom: 0;
    left: 0;
}

.weatherLocation.animation.tile.col section>span {
    width: 100%;
}

.weatherLocation.animation.tile section h4 {
    font-family: robotocondensedbold, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: max-content;
    line-height: 1;
    margin-bottom: 0px;
    padding: 5px 7px 5px 6px;
    position: absolute;
    bottom: 0;
    background-color: #0072b4;
    word-break: keep-all;
    /*Safari IOS */
    -webkit-hyphens: none;
    white-space: nowrap;
}

.row .weatherLocation.animation.tile section h4 {
    font-size: 1rem;
}


/*Specific to small Iphone devices from 5/SE to IphoneX*/

@media only screen and (min-device-width: 320px) and (max-device-width: 375px) and (-webkit-min-device-pixel-ratio: 2) {
    /* 5/SE to IphoneX */
    .weatherLocation.animation.tile section h4 {
        font-size: 1rem;
        padding: 0.2rem 0.08rem;
        overflow-x: hidden;
    }
}

@media (max-width: 319px) {
    .row .weatherLocation.animation.tile section h4 {
        font-size: 0.65rem;
    }
}

@media (min-width: 320px) {
    .row .weatherLocation.animation.tile section h4 {
        font-size: 0.78rem;
    }
}

@media (min-width: 400px) {
    .row .weatherLocation.animation.tile section h4 {
        font-size: 1rem;
    }
}

@media (min-width: 700px) {
    .weatherLocation.animation.tile section h4 {
        font-size: 1.25rem;
    }
}.weatherLocation.badewetterSummary {
    margin: 20px 0;
}

.weatherLocation.badewetterSummary > * {
    margin: 5px 0;
}

.weatherLocation.badewetterSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.badewetterSummary > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.badewetterSummary > .titlebar h5 {
    margin: 0;
}

.weatherLocation.badewetterSummary .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.badewetterSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.badewetterSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

/* suedtirol opacity */
.weatherLocation.badewetterSummary[data-id="7164430"] .map g > path.section:last-of-type {
    opacity: 0.5;
}


.badewetter-titleBox {
    display: flex;
    text-transform: uppercase;
    color: white;
    background-color: #0A4367;
    padding: 8px;
    font-weight: bold;
    border-radius: 10px;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout2021/boxBilder/badewetter.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
.badewetter-titleBox > a {
    color: white;
    width: 100%;
}
.badewetter-titleBox > a:hover {
    text-decoration: none;
}

.badewetter-titleBox > .boxicon {
    border: 2px solid #FFD727;
    border-radius: 20px;
    padding: 0px;
    margin: -3px;
    margin-right: 6px;
}

.badewetter-titleBox > .boxicon > img {
    width: 20px;
    height: 16px;
    margin: 3px;
    margin-top: 4px;
}




.listWrapper .titlebar {
    border-bottom: 1px solid #0075b4;
}
.listWrapper .titlebar h5 {
    margin: 0;
}


.listWrapper table {
    width: 100%;
    margin: 4px 0;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}
.listWrapper table td {
    padding: 2px 5px;
}

.listWrapper table thead {
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1)
}
.listWrapper table thead tr {
    display: flex;
    justify-content: space-between;
}
.listWrapper table thead tr th {
    font-weight: normal;
}

.listWrapper table thead th:nth-child(1),
.listWrapper table tbody td:nth-child(1),
.listWrapper table thead th:nth-child(2),
.listWrapper table tbody td:nth-child(2) {
    width: 28%;
    display: inline-block;
}
.listWrapper table thead th:nth-child(1n+3),
.listWrapper table tbody td:nth-child(1n+3) {
    width: 80px; 
    display: inline-block;
}

.listWrapper table thead tr:nth-child(2) {
    visibility: hidden;
}
.listWrapper table thead tr:nth-child(2) th {
    width: 100%;
    padding: 5px;
}

.listWrapper table tbody {
    display: block;
    font-size: 0.9rem;
    height: 200px;
    overflow: auto;
    -ms-overflow-style: none;
}

.listWrapper table tbody tr{
    display: flex;
    justify-content: space-between;
}

.listWrapper table tbody::-webkit-scrollbar {
    display: none;
}

.listWrapper table tbody > tr:nth-child(odd) {
    background-color: #edf8ff;
}

.listWrapper table tbody a:hover {
    text-decoration: none;
}
.listWrapper table tbody > a:hover {
    color: #0069b3;
}

.listWrapper table tbody td:nth-child(3), 
.listWrapper table tbody td:nth-child(5) {
    white-space: nowrap;
}

.listWrapper table thead tr:nth-child(2) {
    border-top: 1px solid rgba(222,241,255,1);
    border-bottom: 1px solid #0075b4;
}

.listWrapper tfoot {
    text-transform: uppercase;
    color: #0075b4;
}
.listWrapper tfoot tr {
    border-top: 1px solid #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1);
    /*visibility: hidden;*/
}
.listWrapper tfoot tr td {
    padding: 5px;
}

.listWrapper table tr.scroll {
    font-size: 0.85rem;
    text-align: center;
}

.listWrapper tr.scroll > span {
    display: block;
}

.listWrapper tr.scroll svg {
    width: 16px;
    height: 13px;
    margin: 0 5px;
}

.listWrapper tr.scroll svg path {
    stroke-width: .3px;
    stroke: #0075b4;
    fill: #0075b4;
}

/* layout21 */
.listWrapper .titlebar.bordered::before {
    content: unset;
}
.listWrapper .titlebar.bordered::after {
    content: unset;
}.weatherLocation.bergwetterSummary {
    margin: 20px 0;
}

.weatherLocation.bergwetterSummary > * {
    margin: 5px 0;
}

.weatherLocation.bergwetterSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.bergwetterSummary > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.bergwetterSummary > .titlebar h5 {
    margin: 0;
}

.weatherLocation.bergwetterSummary .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.bergwetterSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.bergwetterSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

/* suedtirol opacity */
.weatherLocation.bergwetterSummary[data-id="7164410"] .map g > path.section:last-of-type {
    opacity: 0.5;
}

.bergwetter-titleBox {
    display: flex;
    text-transform: uppercase;
    color: white;
    background-color: #0A4367;
    padding: 8px;
    font-weight: bold;
    border-radius: 10px;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout2021/boxBilder/bergwetter.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
.bergwetter-titleBox > a {
    color: white;
    width: 100%;
}
.bergwetter-titleBox > a:hover {
    text-decoration: none;
}

.bergwetter-titleBox > .boxicon {
    border: 2px solid #FFD727;
    border-radius: 20px;
    padding: 0px;
    margin: -3px;
    margin-right: 6px;
}

.bergwetter-titleBox > .boxicon > img {
    width: 20px;
    height: 16px;
    margin: 3px;
    margin-top: 2px;
}



.listWrapper .titlebar {
    border-bottom: 1px solid #0075b4;
}
.listWrapper .titlebar h5 {
    margin: 0;
}


.listWrapper table {
    width: 100%;
    margin: 4px 0;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}
.listWrapper table td {
    padding: 2px 5px;
}

.listWrapper table thead {
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1)
}
.listWrapper table thead tr {
    display: flex;
    justify-content: space-between;
}
.listWrapper table thead tr th {
    font-weight: normal;
}

.listWrapper table thead th:nth-child(1),
.listWrapper table tbody td:nth-child(1),
.listWrapper table thead th:nth-child(2),
.listWrapper table tbody td:nth-child(2) {
    width: 28%;
    display: inline-block;
}
.listWrapper table thead th:nth-child(1n+3),
.listWrapper table tbody td:nth-child(1n+3) {
    width: 80px; 
    display: inline-block;
}

.listWrapper table thead tr:nth-child(2) {
    visibility: hidden;
}
.listWrapper table thead tr:nth-child(2) th {
    width: 100%;
    padding: 5px;
}

.listWrapper table tbody {
    display: block;
    font-size: 0.9rem;
    height: 200px;
    overflow: auto;
    -ms-overflow-style: none;
}

.listWrapper table tbody tr{
    display: flex;
    justify-content: space-between;
}

.listWrapper table tbody::-webkit-scrollbar {
    display: none;
}

.listWrapper table tbody > tr:nth-child(odd) {
    background-color: #edf8ff;
}

.listWrapper table tbody a:hover {
    text-decoration: none;
}
.listWrapper table tbody > a:hover {
    color: #0069b3;
}

.listWrapper table tbody td:nth-child(3), 
.listWrapper table tbody td:nth-child(5) {
    white-space: nowrap;
}

.listWrapper table thead tr:nth-child(2) {
    border-top: 1px solid rgba(222,241,255,1);
    border-bottom: 1px solid #0075b4;
}

.listWrapper tfoot {
    text-transform: uppercase;
    color: #0075b4;
}
.listWrapper tfoot tr {
    border-top: 1px solid #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1);
    /* visibility: hidden; */
}
.listWrapper tfoot tr td {
    padding: 5px;
}

.listWrapper table tr.scroll {
    font-size: 0.85rem;
    text-align: center;
}

.listWrapper tr.scroll > span {
    display: block;
}

.listWrapper tr.scroll svg {
    width: 16px;
    height: 13px;
    margin: 0 5px;
}

.listWrapper tr.scroll svg path {
    stroke-width: .3px;
    stroke: #0075b4;
    fill: #0075b4;
}

/* layout21 */
.listWrapper .titlebar.bordered::before {
    content: unset;
}
.listWrapper .titlebar.bordered::after {
    content: unset;
}.weatherLocation.cams.listItem {
    list-style: none;
}

.weatherLocation.cams.listItem:nth-child(even) {
    background: #ebebeb;
}/* .weatherLocation.cams.tile {
    position: relative;
}

.weatherLocation.cams.tile .snapshot {
    width: 100%;
}

.weatherLocation.cams.tile .iconplay {
    height: 20vw;
    width: 11%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.row .weatherLocation.cams.tile .iconplay {
    height: 12vw;
}

.weatherLocation.cams.tile section > div:nth-child(1) {
    display: inline-block;
    width: 20px;
    margin: auto;
}

.weatherLocation.cams.tile section > div:nth-child(2) {
    display: inline-block;
    width: 100%;
} */

/* .weatherLocation.cams.tile section .iconmarker {
    vertical-align: top;
    margin: -1px 5px 2px 10px
    margin-left: 10px;
    float: left;
} */

/* .weatherLocation.cams.tile .nonTransparentText::before{
    content: '';
    background-color: #0075b4;
    opacity: 0.86;
    width: 100%;
    height: 100%;
    max-width: 99.9%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}
.weatherLocation.cams.tile .nonTransparentText{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
}
.weatherLocation.cams.tile .nonTransparentText > *{
    position: relative;
    z-index: 2;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.weatherLocation.cams.tile span  h4 {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0;
    color: #fff;
    font-family: 'oe24condensed', sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    padding-left:5px;
}

.content .weatherLocation.cams.tile section .nonTransparentText h4 {
    font-size: 1.375rem;
    line-height: 1;
    padding-top: 7px;
}

.row .weatherLocation.cams.tile section .nonTransparentText h4 {
    font-size: 1rem;
    line-height: 1;
    padding-top: 7px;
}

@media (max-width: 500px) {
    .weatherLocation.cams.tile section .iconmarker {
        width: 3vw;
    }
    .row .weatherLocation.cams.tile section .iconmarker {
        width: 2.6vw;
    }

    .weatherLocation.cams.tile section h4 {
        font-size: 4.2vw;
    }
    .row .weatherLocation.cams.tile section h4 {
        font-size: 3vw;
    }
} */
/* .dayCast { font-size:14px; }
div.tooltip {
    position: absolute;
    text-align: center;
    width: 60px;
    height: 38px;
    padding: 2px;
    font: 14px sans-serif;
    font-weight:bold;
    background: lightsteelblue;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}

.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 2px;
}

.grid line {
    stroke: lightgrey;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
}

.grid path {
    stroke-width: 0;
}

g.tick {
    font-size: 10px;
} */
.weatherLocation.daySummaryCard {
    color: #006bb3;
    font-family: "RobotoCondensedReguler", sans-serif;
    font-size: 0.9rem;
}

.weatherLocation.daySummaryCard .intraday {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.weatherLocation.daySummaryCard .intraday .daypart {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    place-items: center;
    padding: 16px 10px;
}
.weatherLocation.daySummaryCard .intraday .daypart > * {
    width: 100%;
    text-align: center;
}
.weatherLocation.daySummaryCard .intraday .daypart:nth-child(1) {
    background-color: #cce3ef;
}
.weatherLocation.daySummaryCard .intraday .daypart:nth-child(2) {
    background-color: #d6e9f3;
}
.weatherLocation.daySummaryCard .intraday .daypart:nth-child(3) {
    background-color: #e0eef6;
}
.weatherLocation.daySummaryCard .intraday .daypart:nth-child(4) {
    background-color: #f4f9fb;
}
/*.weatherLocation.daySummaryCard .intraday .daypart.active {
    width: 55%;
} */


.weatherLocation.daySummaryCard .intraday .daypart > div span {
    text-align: center;
}

.weatherLocation.daySummaryCard .intraday .daypart > div:nth-child(1) > span {
    display: block;
}
.weatherLocation.daySummaryCard .intraday .daypart > div:nth-child(1) > span:nth-child(1) {
    text-transform: uppercase;
}
.weatherLocation.daySummaryCard .intraday .daypart > div:nth-child(1) > span:nth-child(2) {
    text-transform: lowercase;
    font-size: 0.8rem;
}

.weatherLocation.daySummaryCard .intraday .daypart > div:nth-child(3) > span:nth-child(1) {
    display: block;
}

.weatherLocation.daySummaryCard .intraday .daypart > div:nth-child(3) > span:nth-child(2) {
    font-size: 0.8rem;
}
.weatherLocation.daySummaryCard .intraday .daypart > div:nth-child(3) > span:nth-child(2) {
    font-weight: 600;
    font-size: 2rem;
}

.weatherLocation.daySummaryCard .intraday .daypart > div:nth-child(4) {
    font-size: 0.8rem;
}.box.daysForecastTable .titlebar.borderd {
    border: none;
}

.box.daysForecastTable .titlebar.borderd::before {
    content: unset;
}

.box.daysForecastTable .titlebar.borderd::after {
    content: unset;
}

.box.daysForecastTable .content > h5 {
    margin: 0.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.box.daysForecastTable {
    border: 1px solid #1275b4;
    border-radius: var(--border-radius);
}

.box.daysForecastTable table {
    width: 100%;
    font-size: 1rem;
    color: #2981bf;
}

.box.daysForecastTable table thead {
    background-color: #f4f9fb;
}

.box.daysForecastTable table th {
    text-align: inherit;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 3px 0;
}
.box.daysForecastTable table th:first-child,
.box.daysForecastTable table th:last-child,
.box.daysForecastTable table td:first-child, 
.box.daysForecastTable table td:last-child {
    padding: 3px 10px;
}

.box.daysForecastTable table tr {
    border-bottom: 1px solid #2981bf;
}
.box.daysForecastTable table tr:first-child {
    border-top: 1px solid #2981bf;
}

.box.daysForecastTable table td {
    padding: 0;
}

.box.daysForecastTable table th:nth-child(1), 
.box.daysForecastTable table td:nth-child(1) {
    white-space: nowrap;
}

.box.daysForecastTable table td:nth-child(3) {
    font-size: 14px;
    font-weight: 500;
}

.box.daysForecastTable table th:nth-child(1), 
.box.daysForecastTable table td:nth-child(1) {
    width: 35%;
}

.box.daysForecastTable table th:nth-child(2), 
.box.daysForecastTable table th:nth-child(4),
.box.daysForecastTable table td:nth-child(2), 
.box.daysForecastTable table td:nth-child(4) {
    width: 1%;
}

.box.daysForecastTable table th:nth-child(5),
.box.daysForecastTable table td:nth-child(5) {
    width: 15%;
}

.box.daysForecastTable table th:nth-child(6),
.box.daysForecastTable table th:nth-child(7),
.box.daysForecastTable table td:nth-child(6),
.box.daysForecastTable table td:nth-child(7) {
    display: none;
}

.box.daysForecastTable table td:nth-child(2) img,
.box.daysForecastTable table td:nth-child(4) img {
    margin: 0 2px;
}

.box.daysForecastTable table td:nth-child(4) > div {
    position: relative;
    height: 37px;
    width: 40px;
}
.box.daysForecastTable table td:nth-child(4) > div > span {
    font-size: 0.9rem;
    position: absolute;
}
.box.daysForecastTable table td:nth-child(4) > div > span:nth-child(1) {
    top: 0;
}
.box.daysForecastTable table td:nth-child(4) > div > span:nth-child(2) {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 5px);
    color: #9a8e9a;
}
.box.daysForecastTable table td:nth-child(4) > div > span:nth-child(3) {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media screen and (min-width: 768px) {
    
    .box.daysForecastTable table {
        color: #000;
    }

    .box.daysForecastTable table thead {
        display: table-header-group;
    }

    .box.daysForecastTable table th:nth-child(1), 
    .box.daysForecastTable table td:nth-child(1) {
        width: 15%;
    }

    .box.daysForecastTable table th:nth-child(6),
    .box.daysForecastTable table th:nth-child(7),
    .box.daysForecastTable table td:nth-child(6),
    .box.daysForecastTable table td:nth-child(7) {
        display: table-cell;
    }

}
.weatherLocation.webCamList .titlebar {
    border-bottom: 1px solid #0075b4;
}
.weatherLocation.webCamList .titlebar h5 {
    margin: 0;
}


.weatherLocation.webCamList table {
    width: 100%;
    margin: 4px 0;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}
.weatherLocation.webCamList table td {
    padding: 2px 5px;
}

.weatherLocation.webCamList table thead {
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1)
}
.weatherLocation.webCamList table thead tr {
    display: block;
}
.weatherLocation.webCamList table thead tr th {
    font-weight: normal;
}

.weatherLocation.webCamList table thead th:nth-child(1),
.weatherLocation.webCamList table tbody td:nth-child(1),
.weatherLocation.webCamList table thead th:nth-child(2),
.weatherLocation.webCamList table tbody td:nth-child(2) {
    width: calc(50% - 130px);
    display: inline-block;
}
.weatherLocation.webCamList table thead th:nth-child(1n+3),
.weatherLocation.webCamList table tbody td:nth-child(1n+3) {
    width: 80px; 
    display: inline-block;
}

.weatherLocation.webCamList table thead tr:nth-child(2) {
    visibility: hidden;
}
.weatherLocation.webCamList table thead tr:nth-child(2) th {
    width: 100%;
    padding: 5px;
}

.weatherLocation.webCamList table tbody {
    display: block;
    font-size: 0.9rem;
    height: 200px;
    overflow: auto;
    -ms-overflow-style: none;
}
.weatherLocation.webCamList table tbody::-webkit-scrollbar {
    display: none;
}

.weatherLocation.webCamList table tbody > tr:nth-child(odd) {
    background-color: #edf8ff;
}

.weatherLocation.webCamList table tbody a:hover {
    text-decoration: none;
}
.weatherLocation.webCamList table tbody > a:hover {
    color: #0069b3;
}

.weatherLocation.webCamList table tbody td:nth-child(3), 
.weatherLocation.webCamList table tbody td:nth-child(5) {
    white-space: nowrap;
}

.weatherLocation.webCamList table thead tr:nth-child(2) {
    border-top: 1px solid rgba(222,241,255,1);
    border-bottom: 1px solid #0075b4;
}

.weatherLocation.webCamList tfoot {
    text-transform: uppercase;
    color: #0075b4;
}
.weatherLocation.webCamList tfoot tr {
    border-top: 1px solid #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1);
    visibility: hidden;
}
.weatherLocation.webCamList tfoot tr td {
    padding: 5px;
}

.weatherLocation.webCamList table tr.scroll {
    font-size: 0.85rem;
    text-align: center;
}

.weatherLocation.webCamList tr.scroll > span {
    display: block;
}

.weatherLocation.webCamList tr.scroll svg {
    width: 16px;
    height: 13px;
    margin: 0 5px;
}

.weatherLocation.webCamList tr.scroll svg path {
    stroke-width: .3px;
    stroke: #0075b4;
    fill: #0075b4;
}

/* layout21 */
.weatherLocation.webCamList .titlebar.bordered::before {
    content: unset;
}
.weatherLocation.webCamList .titlebar.bordered::after {
    content: unset;
}.weatherLocation.feratelCamsSummary {
    margin: 20px 0;
}

.weatherLocation.feratelCamsSummary > * {
    margin: 5px 0;
}

.weatherLocation.feratelCamsSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.feratelCamsSummary > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.feratelCamsSummary > .titlebar h5 {
    margin: 0;
}

.weatherLocation.feratelCamsSummary .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.feratelCamsSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.feratelCamsSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

.weatherLocation.feratelCamsSummary[data-id="7164394"] .map g > path.section:last-of-type {
    opacity: 0.5;
}

/* layout21 */
.weatherLocation.feratelCamsSummary .titlebar.bordered::before {
    content: unset;
}
.weatherLocation.feratelCamsSummary .titlebar.bordered::after {
    content: unset;
}.weatherLocation.fussballwetterSummary {
    margin: 20px 0;
}

.weatherLocation.fussballwetterSummary > * {
    margin: 5px 0;
}

.weatherLocation.fussballwetterSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.fussballwetterSummary > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.fussballwetterSummary > .titlebar h5 {
    margin: 0;
}

.weatherLocation.fussballwetterSummary .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.fussballwetterSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.fussballwetterSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

.weatherLocation.fussballwetterSummary[data-id="7164463"] .map g > path.section:last-of-type {
    opacity: 0.5;
}
/* .tabOne .box.weatherLocation.miniMap {
    width: 100%;
    height: 100%;
}

.box.weatherLocation.miniMa .weatherLocation.sectionMap {
    padding: 10px 0;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap {
    padding: 10px 0;
    width: 100%;
    height: 100%;
    max-height: 400px;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
    height: 200px;
    margin: auto 0;
}

.box.weatherLocation.miniMap .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}
.box.weatherLocation.miniMap .sectionMap .section:hover {
    stroke: #0069b3 !important;
    fill: #e5f1f7 !important;
}

.box.weatherLocation.miniMap .sectionMap .location {
    fill: #cce3f0;
    cursor: pointer;
}


.box.weatherLocation.miniMap[data-id="7164394"] .sectionMap g > path.section:last-of-type {
    opacity: 0.5;
}

@media (min-width: 500px)  {

    .tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
        height: 300px;
    }
}


@media (min-width: 880px) {

    .tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
        height: 400px;
    }
} */

/* fitting for tirol mini kard www.wetter.at/wetter/sale/tirol */

/* Ehrwald */
/* .miniMap[data-id="436544639"] .hd-text[data-id="7165059"] {
    transform: translateX(-80px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7165059"] {
    transform: translateX(-80px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7165059"] {
    transform: translate(-35px, -5px);
} */

/* Achensee */
/* .miniMap[data-id="436544639"] .hd-text[data-id="7167584"] {
    transform: translateY(-20px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7167584"] {
    transform: translateY(-19px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7167584"] {
    transform: translate(-15px, -10px);
}

.miniMap[data-id="436544639"] .location[data-id="7167584"] {
    transform: translateY(-10px);
} */

/* Seefeld in Tirol */
/* .miniMap[data-id="436544639"] .hd-text[data-id="7166775"] {
    transform: translateY(-15px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7166775"] {
    transform: translateY(-15px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7166775"] {
    transform: translateY(-18px);
} */

/* Stubaier Gletscher */
/* .miniMap[data-id="436544639"] .weathericon[data-id="7168057"] {
    transform: translateX(-11px);
} */

/* Innsbruck */
/* .miniMap[data-id="436544639"] .weathericon[data-id="7164660"] {
    transform: translate(100px,10px);
} */
/*
.nearestLocations {
    margin-top: -10px;
}

.nearestLocations .box {
    width: 100%;
    padding: 1px;
    background-color: #EDF8FF;
    border-radius: 12px;
}

.nearestLocations .box a {
    color: #000;
}

.nearestLocations .box a:hover {
    text-decoration: none;
    color: #000;
}

.nearestLocations .box .title {
    font-family: "RobotoCondensedLight", sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
    padding-right: 16px;
    padding-left: 16px;
}

.nearestLocations .box .title a{
    color: #1273B1;
}

.nearestLocations .box .locations {
    padding: 7px;
    font-size: 13px;
}

.nearestLocations .box .locations a:hover {
    color: #003A5A;
    font-weight: 600;
}

.nearestLocations .box .locationCard {
    border-radius: 12px;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    padding-top: 22px;
    padding-bottom: 8px;
    margin-top: -16px;
}

.locationCard .title .arrow {
    transform: rotate(90deg);
    color: #2D7DB1;
}

.locationCard .title.active .arrow {
    transform: rotate(-90deg);
}
*//* all */

.sectionMap .searchbox .typeahead__container button {
    border: none;
    line-height: inherit;
    padding: 9px 0 0 0;
    border-radius: 10px;
}

.sectionMap .searchbox .typeahead__container button:hover {
    background-color: #fff;
}

.sectionMap .searchbox .typeahead__container button:focus {
    outline: none;
}


/* mobile */

.sectionMap .searchbox {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 90%;
    height: 39px;
    margin-left: auto;
    top: -2px;
    margin-right: auto;
    min-width: 290px;
}

.sectionMap .searchbox .bar {
    margin: auto;
    width: 100%;
    background: white;
    padding: 0 6px 2px 2px;
    border-radius: 10px;
    border: 1px solid #0075B4;
    max-height: 39px;
}

.sectionMap .searchbox .bar .toggler {
    display: none;
}

.sectionMap .searchbox .bar input {
    width: 100%;
    border: 0px;
    outline: none;
    color: #000;
    font-size: 1rem;
    padding-left: 0;
    height: 37px;
    min-height: 100%;
}

.sectionMap .searchbox .location {
    margin-right: 0;
    width: 15%;
    display: flex;
    justify-content: center;
    background-color: #EDF8FF;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: 3px 0px 6px 0px #4c4b4b;
}

.sectionMap .searchbox .location.loading {
    background-color: #5aa0cc;
}

.sectionMap .searchbox .location svg {
    width: 25px;
}

.sectionMap .search-button-area {
    min-width: 95px;
    background-color: #0075B4;
    color: white;
    text-align: center;
    border-radius: 10px;
}

/* desktop */

.sectionMap .desktop .searchbox {
    display: inline-block;
    align-items: center;
    padding: 10px 0 0 40px;
    width: 45%;
}

.sectionMap .desktop .searchbox .bar {
    width: 100%;
    background: white;
    border-radius: 6px;
    box-shadow: 2px 2px 6px 0px #888888;
    display: flex;
}

.sectionMap .desktop .searchbox .bar .toggler {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #0069b3;
    width: 42px;
    height: 35px;
    border-radius: 7px 0 0 7px;
    padding: 10px;
    top: 0px;
    display: none;
}

.sectionMap .desktop .searchbox .typeahead__container {
    display: inline-block;
    width: 100%;
    z-index: 99999;
}

.sectionMap .desktop .searchbox .typeahead__container .typeahead__list {
    z-index: 99999 !important;
}

.sectionMap .desktop .searchbox .bar .toggler .toggler-icon,
.sectionMap .desktop .searchbox .bar .toggler .toggler-icon:before,
.sectionMap .desktop .searchbox .bar .toggler .toggler-icon:after {
    width: 20px;
}

.sectionMap .desktop .searchbox .typeahead__container button {
    margin-left: 2px;
}

.sectionMap .desktop .searchbox .bar input {
    font-family: RobotoCondensedRegular;
    width: 95%;
    border: 0px;
    outline: none;
    text-transform: uppercase;
    color: #6c757d;
    font-size: 18px;
    margin-left: 5px;
}

.sectionMap .desktop .typeahead__field input {
    line-height: 1;
    min-height: unset;
}

.sectionMap .desktop .searchbox .location {
    display: none;
}

.sectionMap .resultRow {
    display: flex;
    justify-content: space-between;
}

.sectionMap .resultRow .plus-span {
    font-size: 14px;
    font-weight: bold;
}

.sectionMap .typeahead__container {
    padding-left: 16px;
}/* .weatherLocation.sectionMap {
    width: 100%;
    height: 100%;
}

.weatherLocation.sectionMap > section[role="search"] {
    display: flex;
    margin: 0 10px 20px 0;
}

.weatherLocation.sectionMap > section[role="search"] > div:first-child {
    flex-grow: 1;
    margin: 6px 0 0 6px;
}

.weatherLocation.sectionMap > section[role="search"] > div:first-child input {
    width: 100%;
    padding: 3px 13px;
    border-radius: 3px;
    border: 1px solid #0072b4;
}

.weatherLocation.sectionMap > section[role="search"] > div:last-child {
    margin: 6px 0 0 6px;
}
.weatherLocation.sectionMap > section[role="search"] > div:last-child button {
    display: flex;
    width: 180px;
    background-color: #0075b4;
    color: white;
    height: 33px;
    border-radius: 3px;
    border: 0;
}
.weatherLocation.sectionMap > section[role="search"] > div:last-child button span {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    flex-grow: 1;
    padding: 2px 0 0 16px;
    font-size: 1.1rem;
    font-weight: 500;
}
.weatherLocation.sectionMap > section[role="search"] > div:last-child button svg {
    width: 15px;
    height: 15px;
    margin: auto;
}
.weatherLocation.sectionMap > section[role="search"] > div:last-child button svg path {
    stroke-width: 2.7px;
    stroke: #ffd727;
    fill: #ffd727;
}


.weatherLocation.sectionMap svg {
    width: 100%;
    height: 100%;
}

.weatherLocation.sectionMap path.section {
    stroke: white;
    fill: #cce3f0;
    cursor: pointer;
}

.weatherLocation.sectionMap path.location {
    stroke-width: 4px;
    stroke-opacity: 1;
    stroke: black;
}


.weatherLocation.sectionMap .weathericon {
    cursor: pointer;
}

.weatherLocation.sectionMap .hd-rect {
    fill-opacity: 0.5;
}

.weatherLocation.sectionMap .hd-text {
    fill: #fff;
    font-size: 0.7rem;
    font-weight: 700;
}

.weatherLocation.sectionMap .hd-rect,
.weatherLocation.sectionMap .hd-text {
    cursor: pointer;
    font-family: robotobold;
}

.weatherLocation.sectionMap .hd-degree {
    fill: #ffd727;
}

.weatherLocation.sectionMap.hoveredInfo .weathericon,
.weatherLocation.sectionMap.hoveredInfo .hd-rect,
.weatherLocation.sectionMap.hoveredInfo .hd-text {
    visibility: hidden;
}

@media (max-width: 500px) {
    .weatherLocation.sectionMap > section[role="search"] > div:last-child button {
        width: 50px;
    }
    .weatherLocation.sectionMap > section[role="search"] > div:last-child button span {
        display: none;
    }
}



.weatherLocation.sectionMap .locationMark {
    cursor: pointer;
}*/



/* positioning fixes TODO remove after final fix impl. */

/* cro */
/* .weatherLocation.sectionMap text[data-id="7168370"],
.weatherLocation.sectionMap rect[data-id="7168370"]{
    transform: translateY(-5px);
} */


/* tirol */
/* .weatherLocation.sectionMap text[data-id="7165851"],
.weatherLocation.sectionMap rect[data-id="7165851"]{
    transform: translateY(12px) translateX(-29px);

}
.weatherLocation.sectionMap text[data-id="12217807"],
.weatherLocation.sectionMap rect[data-id="12217807"]{
    transform: translateY(10px) translateX(-29px);

}
.weatherLocation.sectionMap text[data-id="7167073"],
.weatherLocation.sectionMap rect[data-id="7167073"]{
    transform: translateX(-6px);
}
.weatherLocation.sectionMap image[data-id="7164674"]{
    transform: translateY(10px) translateX(-25px);
} */

/*.weatherLocation.geoLocationSummary .info .map figure {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
}

.weatherLocation.geoLocationSummary .info .map svg {
    height: 100%;
    width: 100%;
    padding: 10px 0;
}

@media (max-width: 879px) {
    .weatherLocation.geoLocationSummary .info .map .sectionMap svg {
        height: calc(300 / 640 * (100vw - 8px));
    }
}
@media (min-width: 880px) {
    .weatherLocation.geoLocationSummary .info .map .sectionMap svg {
        height: 300px;
    }
}


.weatherLocation.geoLocationSummary .info .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}
.weatherLocation.geoLocationSummary .info .map .sectionMap .section:hover {
    stroke: #0069b3 !important;
    fill: #e5f1f7 !important;
}

.weatherLocation.geoLocationSummary .info .map .sectionMap .location {
    fill: #cce3f0;
    cursor: pointer;
}

.weatherLocation.geoLocationSummary[data-id="7164394"] .info .map g > path.section:last-of-type {
    opacity: 0.5;
}

.weatherLocation.geoLocationSummary .selectors {
    display: flex;
    background-color: white;
    position: relative;
    padding: 0 12px 10px 9px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.weatherLocation.geoLocationSummary header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #0072b4;
}

.weatherLocation.geoLocationSummary header ul,
.weatherLocation.geoLocationSummary .selectors ul {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: nowrap;
    flex: 0 0 92%;
}

.weatherLocation.geoLocationSummary .selectors ul {
    display: inline-flex;
    flex-grow: 1;
    flex: 0 0 92%;
    overflow-x: auto;    
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex: 0 0 100%;
}


.weatherLocation.geoLocationSummary:target:before {
    display: block;
    content: "";
    visibility: hidden;
    height: 10px;
    margin-top: -10px; 
}

@media (min-width: 768px) {

    .weatherLocation.geoLocationSummary:target:before {
        height: 240px;
        margin-top: -240px; 
    }

    body.hasSticky .weatherLocation.geoLocationSummary:target:before {
        height: 90px;  
        margin-top: -90px; 
    }
}


.weatherLocation.geoLocationSummary .selectors ul::-webkit-scrollbar {
    display: none;
    width: 0;
}

.weatherLocation.geoLocationSummary header ul li {
    flex-grow: 0.32;
    padding: 0;
    margin: 0;
}

.weatherLocation.geoLocationSummary header ul li:nth-child(2) {
    border-left: 1px solid #0072b4;
    border-right: 1px solid #0072b4;
}

.weatherLocation.geoLocationSummary header ul li > span {
    font-family: "RobotoRegular",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1rem;
    width: 100%;
    height: 100%;
    display: block;
    padding: 6px;
    font-weight: 400;
}
 
.weatherLocation.geoLocationSummary header ul li.active > span {
    font-weight: 600;
}

@media (min-width: 720px) {
    .weatherLocation.geoLocationSummary header ul li > span {
        font-size: 1.25rem;
    }
}

.weatherLocation.geoLocationSummary header ul li,
.weatherLocation.geoLocationSummary .selectors ul li {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    color: #0072b4;
}

.weatherLocation.geoLocationSummary header ul li.active,
.weatherLocation.geoLocationSummary .selectors ul li.active {
    color: #1275B4;
}

.weatherLocation.geoLocationSummary .selectors ul li.active {
    font-weight: 900;
    padding: 0 9px;
}

.weatherLocation.geoLocationSummary .selectors ul li {
    font-size: 0.9rem;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    letter-spacing: -0.2px;
    line-height: 10px;
    flex: 1 1 0;
    border-right: 1px solid #1275B4;
}
.weatherLocation.geoLocationSummary .selectors ul li span {
    white-space: nowrap;
    padding: 9px 9px;
}

.weatherLocation.geoLocationSummary .selectors button{
    width: 29px;
    height: 32px;
    padding: 9px 2px;
    margin: 0;
    display: inline-flex;
    justify-items: right;
    border: 0;
    background-color: #0072b4;
    border-radius: 20px;
} 

.weatherLocation.geoLocationSummary .selectors button:focus {
    outline: none;
}

.weatherLocation.geoLocationSummary .selectors button.left {
    position: absolute;
    left: -11px;
    z-index: 1;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.weatherLocation.geoLocationSummary .selectors button.right {
    position: absolute;
    right: -11px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}



.weatherLocation.geoLocationSummary .selectors button .js-oewaLink {
    width:40px;
    padding: 0 2px;
}
.weatherLocation.geoLocationSummary .selectors svg {
    width: 100%;
    height: 100%;
    margin: auto;
}

.weatherLocation.geoLocationSummary .selectors svg path {
    stroke-width: 2px;
    stroke: white;
    fill: white;
}

.weatherLocation.geoLocationSummary footer {
    margin-top: -10px;
    transition: transform 0.6s;
    transform-origin: top;
    padding: 15px 10px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.weatherLocation.geoLocationSummary footer.empty {
    transform: scale(0);
}
.weatherLocation.geoLocationSummary footer h4 {
    margin-bottom: 0.4rem;
    color: #fff;
    font-weight: 700;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}
.weatherLocation.geoLocationSummary footer span {
    font-size: 1rem;
    color: #fff;
}

@media (min-width: 720px) {

    .weatherLocation.geoLocationSummary .selectors svg path {
        stroke-width: 1px;
    }
}



.weather-box-wrapper {
    padding: 6px;
    background-color: #1275B4;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    margin-top: -2px;
}

.js-oewaLink {
    color: black!important;
}

.weather-box-wrapper > header > ul > li {
    background-color: #9AD0F2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.weather-box-wrapper > header > ul {
    border-bottom: 0px!important;
}

.weather-box-wrapper > header > ul > li.active {
    background-color: white!important;
}

.weather-box-more-info {
    text-align: center;
    background-color: #EDF8FF; 
    margin-top: -6px;
    z-index: 0;
    position: relative;
    padding-top: 10px;
    padding-bottom: 2px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    color: #1275B4;
    border-left: 1px solid #1275B4;
    border-bottom: 1px solid #1275B4;
    border-right: 1px solid #1275B4;
}

.box.weatherLocation.geoLocationSummary .titlebar.bordered::before {
    left: 0px;
}

.box.weatherLocation.geoLocationSummary .titlebar.bordered::after {
    right: 0px;
}*/.weatherLocation.golfSummary {
    margin: 20px 0;
}

.weatherLocation.golfSummary > * {
    margin: 5px 0;
}

.weatherLocation.golfSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.golfSummary > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.golfSummary > .titlebar h5 {
    margin: 0;
}

.weatherLocation.golfSummary .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.golfSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.golfSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

.weatherLocation.golfSummary[data-id="7164473"] .map g > path.section:last-of-type {
    opacity: 0.5;
}
/*.box.hoursForecastTable .content>h5 {
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.125rem;
    color: #2981bf;
    font-weight: 600;
    margin: 0.5rem;
}

.box.hoursForecastTable .content>h5>a {
    color: #2981bf;
}

.box.hoursForecastTable .content>h5>a:hover {
    color: #2981bf;
    text-decoration: none;
}

.box.hoursForecastTable table {
    font-family: "RobotoCondensedReguler", sans-serif;
    width: 100%;
    font-size: 1rem;
    color: #2981bf;
}

.box.hoursForecastTable table thead {
    display: table-header-group;
}

.box.hoursForecastTable table thead tr:first-child {
    background-color: #f4f9fb;
    font-weight: 600;
}

.box.hoursForecastTable table th {
    font-family: "RobotoCondensedReguler", sans-serif;
    text-align: inherit;
    text-transform: uppercase;
    font-size: 0.8rem;
    padding: 3px 0;
}

.box.hoursForecastTable table th:first-child,
.box.hoursForecastTable table th:last-child,
.box.hoursForecastTable table td:first-child,
.box.hoursForecastTable table td:last-child {
    padding: 3px 10px;
}

.box.hoursForecastTable table tr {
    border-bottom: 1px solid #2981bf;
}

.box.hoursForecastTable table tr:first-child {
    border-top: 1px solid #2981bf;
}

.box.hoursForecastTable table td {
    padding: 0;
}

.box.hoursForecastTable table th:nth-child(1),
.box.hoursForecastTable table td:nth-child(1) {
    white-space: nowrap;
}

.box.hoursForecastTable table td:nth-child(3) {
    font-size: 1.6rem;
    font-weight: 500;
}

.box.hoursForecastTable table th:nth-child(1),
.box.hoursForecastTable table td:nth-child(1) {
    width: 35%;
}

.box.hoursForecastTable table th:nth-child(2),
.box.hoursForecastTable table th:nth-child(4),
.box.hoursForecastTable table td:nth-child(2),
.box.hoursForecastTable table td:nth-child(4) {
    width: 1%;
}

.box.hoursForecastTable table th:nth-child(5),
.box.hoursForecastTable table td:nth-child(5) {
    width: 15%;
}

.box.hoursForecastTable table th:nth-child(6),
.box.hoursForecastTable table th:nth-child(7),
.box.hoursForecastTable table td:nth-child(6),
.box.hoursForecastTable table td:nth-child(7) {
    display: none;
}

.box.hoursForecastTable table td:nth-child(2) img,
.box.hoursForecastTable table td:nth-child(4) img {
    margin: 0 2px;
}

.box.hoursForecastTable table tfoot {
    font-size: 0.9rem;
}

.box.hoursForecastTable table .scroll {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.box.hoursForecastTable table thead .scroll {
    visibility: hidden;
}

.box.hoursForecastTable table tr.desktop span[role="button"] {
    justify-items: center;
    display: inline-flex;
    cursor: pointer;
}

.box.hoursForecastTable table tr.desktop span[role="button"] img {
    height: 16px;
    margin-right: 6px;
}

.box.hoursForecastTable table tr.info {
    text-align: center;
    font-size: 0.9rem;
}

.box.hoursForecastTable table tr.info td img {
    width: 24px;
}

.box.hoursForecastTable table tr.desktop {
    display: none;
}

.box.hoursForecastTable table tr.mobile {
    display: table-row;
    font-weight: 600;
}

.box.hoursForecastTable table thead tr.mobile {
    text-align: center;
}

.box.hoursForecastTable table tfoot tr.mobile {
    border-top: 1px solid #0072b4;
}

@media screen and (min-width: 768px) {
    .box.hoursForecastTable table {
        color: #000;
    }
    .box.hoursForecastTable table thead {
        display: table-header-group;
    }
    .box.hoursForecastTable table tr.mobile {
        display: none;
    }
    .box.hoursForecastTable table tr.desktop {
        display: table-row;
    }
    .box.hoursForecastTable table th:nth-child(1),
    .box.hoursForecastTable table td:nth-child(1) {
        width: 15%;
    }
    .box.hoursForecastTable table th:nth-child(6),
    .box.hoursForecastTable table th:nth-child(7),
    .box.hoursForecastTable table td:nth-child(6),
    .box.hoursForecastTable table td:nth-child(7) {
        display: table-cell;
    }
}

.box.hoursForecastTable .tbody {
    max-height: 430px;
    overflow: hidden;
}

.box.hoursForecastTable .tfooter {
    position: relative;
    z-index: 1;
}

.box.hoursForecastTable .tbody table {
    transition: transform 0.6s ease 0s;
}

.box.hoursForecastTable tfoot .loader {
    display: none;
}

.box.hoursForecastTable tfoot .loader .lds-circle>div {
    width: 37px;
    height: 37px;
}

.box.hoursForecastTable.loading tfoot>.loader {
    display: table-row;
}

.box.hoursForecastTable.loading tfoot>*:not(.loader) {
    display: none;
}

.box.hoursForecastTable .scroll svg {
    width: 16px;
    height: 13px;
    margin: 0 5px;
}

.box.hoursForecastTable .scroll svg>path {
    stroke-width: .3px;
    stroke: #0075b4;
    fill: #0075b4;
}*/.weatherLocation.messnetzDetail > div {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.weatherLocation.messnetzDetail table {
    width: 100%;
}

.weatherLocation.messnetzDetail table tr:nth-child(odd) {
    background-color: #D6EFFF;
}

.weatherLocation.messnetzDetail table tr:nth-child(even) {
    background-color: #EDF8FF;
}

.weatherLocation.messnetzDetail .partnername {
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
}

.weatherLocation.messnetzDetail .partnername a {
    color: #000;
}

.weatherLocation.messnetzDetail .partnername a:hover {
    text-decoration: none;
    color: #0476b5;
}

@media (min-width: 880px) {
    .weatherLocation.messnetzDetail > div {
        width: 100%;
        flex-direction: row;
    }
    .weatherLocation.messnetzDetail > div div:nth-child(1) {
        width: 60%;
        border-right: 1px solid #0175B3;
    }
    .weatherLocation.messnetzDetail > div div:nth-child(2) {
        width: 40%;
    }
    .weatherLocation.messnetzDetail .firstTable table tr:first-child {
        background-color: #0476b5;
    }
    .weatherLocation.messnetzDetail .firstTable table tr th {
        color: #fff;
    }
    .weatherLocation.messnetzDetail .secondTable table tr td {
        padding-left: 5px;
    }
}

.weatherLocation.messnetzSummary {
    margin: 20px 0;
}

.weatherLocation.messnetzSummary > * {
    margin: 5px 0;
}

.weatherLocation.messnetzSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.messnetzSummary > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.messnetzSummary > .titlebar h5 {
    margin: 0;
}

.weatherLocation.messnetzSummary .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.messnetzSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.messnetzSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

.weatherLocation.messnetzSummary[data-id="7164394"] .map g > path.section:last-of-type {
    opacity: 0.5;
}
.weatherLocation.skiPiste {
    width: 100%;
    position: relative;
}

.weatherLocation.skiPiste img.piste {
    width: 100%;
    border: 0;
}

.weatherLocation.skiPiste img {
    width: 100%;
}

.weatherLocation.skiPiste .hoehe {
    display: flex;
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #FED73D;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 12px;
    color: #24537E;
    font-weight: bold;
}

.weatherLocation.skiPiste .planbutton-zoom {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #1875B4;
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 14px;
    color: white;
    font-weight: bold;
    display: flex;
}

.weatherLocation.skiPiste .planbutton-zoom img {
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-top: 2px;
}
.weatherLocation.snowForecast .steps {
    overflow-x: auto;
    max-width: calc(100% - 10px);
    margin: auto;
}
@-moz-document url-prefix() {
    .weatherLocation.snowForecast .steps {
        scrollbar-color: #ddd  #c1c1c1;
    }
}
.weatherLocation.snowForecast .steps::-webkit-scrollbar {
    height: 4px;
    margin-bottom: 10px;
}
.weatherLocation.snowForecast .steps::-webkit-scrollbar-track {
    background-color: #ddd;
    border-radius: 5px;
}
.weatherLocation.snowForecast .steps::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 5px;
}
.weatherLocation.snowForecast .steps::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
.weatherLocation.snowForecast > header ul,
.weatherLocation.snowForecast .steps ul {
    list-style: none;
    margin: 0;
    padding-inline-start: 0;
    font-size: 0.73rem;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    color: black;
}
.weatherLocation.snowForecast > header ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.weatherLocation.snowForecast > header ul a,
.weatherLocation.snowForecast .steps ul a {
    color: black;
}

.weatherLocation.snowForecast > header ul li,
.weatherLocation.snowForecast .steps ul li {
    padding: 3px 5px;
    line-height: 1rem;
    background: #f4f9fb;
    flex-grow: 1;
    text-align: center;
}
.weatherLocation.snowForecast > header ul li {
    display: inline-block;
}
.weatherLocation.snowForecast .steps ul li {
    display: inline-flex;
    place-items: center;
}

.weatherLocation.snowForecast .steps ul li span {
    width: 100%;
    text-align: left;
}

.weatherLocation.snowForecast > header ul li:nth-child(even),
.weatherLocation.snowForecast .steps ul li:nth-child(even) {
    background: rgb(244,249,252);
    background: linear-gradient(180deg, rgba(244,249,252,1) 4%, rgba(233,246,254,1) 33%, rgba(208,229,241,1) 65%);
}

.weatherLocation.snowForecast > header ul li.active ,
.weatherLocation.snowForecast .steps ul li.active {
    text-transform: uppercase;
    font-weight: 600;
}

.weatherLocation.snowForecast img.legend {
    width: 100%;
}

.weatherLocation.snowForecast .mapImages img {
    display: none;
    width: 100%;
}
.weatherLocation.snowForecast .mapImages img.active {
    display: block;
}
.box.weatherLocation.snowInfos {
    font-size: 0.7rem;
}

.box.weatherLocation.snowInfos .infos,
.box.weatherLocation.snowInfos footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #EDF8FF;
}

.box.weatherLocation.snowInfos .infos .title {
    display: block;
    font-size: 0.8rem;
    padding: 3px 6px;
    color: #1875B4;
}

.box.weatherLocation.snowInfos .infos .depth {
    width: 40%;
    background-image: url("//appcdn.wetter.at/wetter_public/images/weatherCard/detail/mountain_height.svg");
    background-repeat: no-repeat;
    background-size: 180px;
    background-position: center calc(100% - 22px);
    flex-grow: 1;
    position: relative;
    min-height: 120px;
    min-width: 185px;
}

.box.weatherLocation.snowInfos .infos .depth .valley,
.box.weatherLocation.snowInfos .infos .depth .peak {
    position: absolute;
    font-size: .95rem;
}

.box.weatherLocation.snowInfos .infos .depth .valley {
    left: 0px;
    bottom: 19px;
}

.box.weatherLocation.snowInfos .infos .depth .peak {
    right: 0px;
    bottom: 63px;
}

.box.weatherLocation.snowInfos .infos>div:nth-of-type(2) {
    flex-grow: 1;
    min-width: 200px;
}

.box.weatherLocation.snowInfos .infos>div:nth-of-type(3) {
    flex-grow: 1;
    min-width: 160px;
}

.box.weatherLocation.snowInfos .infos .line {
    display: flex;
}

.box.weatherLocation.snowInfos .infos .line>span {
    width: 100%;
    white-space: nowrap;
    padding: 3px 6px;
}

@media (max-width: 599px) {
    .box.weatherLocation.snowInfos .infos .depth {
        width: 40%;
    }
}

.box.weatherLocation.snowInfos .ski-box-title {
    color: #24537E;
    font-size: 18px;
}

.ski-box-title .ski-title-location {
    font-weight: bold;
}

.infos .pistenInformationen {
    padding: 8px;
}

.pistenInformationen .pistenInformationenTitle {
    font-size: 14px;
    font-weight: bold;
}

.pistenInformationen .infosBox {
    padding: 4px 4px;
    background-color: white;
    border-radius: 8px;
}

.snowInfos .aktuelleInfos {
    padding: 8px;
    font-size: 14px;
}

.infosBox .data-row {
    display: flex;
    justify-content: space-evenly;
}

.infosBox .data-row>div {
    width: 100%;
}

.infosBox .row-header {
    color: #1875B4;
    font-size: 12px;
}

.infosBox-row {
    padding-bottom: 10px;
}

.infosBox .depth {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}.weatherLocation.snowSummary {
    margin: 20px 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(222, 241, 255, 1) 100%);
    padding-bottom: 1px;
    position: relative;
}

.weatherLocation.snowSummary .titlebar {
    padding: 10px 0 0 10px;
}

.weatherLocation.snowSummary .titlebar h5 {
    font-size: 1.6rem;
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    padding: 0;
    margin: 0;
}

.weatherLocation.snowSummary .sectionsSel {
    position: absolute;
    top: 0px;
    right: 16px;
}

.weatherLocation.snowSummary .sectionsSel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.weatherLocation.snowSummary .sectionsSel ul li {
    display: inline-block;
    font-weight: 600;
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    background-color: #0075b4;
    padding: 0px 7px;
    border-radius: 0 0px 5px 5px;
}

.weatherLocation.snowSummary .sectionsSel ul li.active {
    font-weight: 600;
}

.weatherLocation.snowSummary .sectionsSel ul li a {
    color: white;
}

.weatherLocation.snowSummary .sectionsSel ul li.active a,
.weatherLocation.snowSummary .sectionsSel ul li a:hover {
    text-decoration: none;
    color: #ffd627;
}

.weatherLocation.snowSummary .map {
    margin-bottom: -8px;
    margin-top: -8px;
    padding-top: 24px;
    border-radius: 12px;
    background-image: url(//appcdn.wetter.at/wetter_public/images/layout2021/boxBilder/ski_navi_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 6px 7px 0 rgb(0 0 0 / 22%);
}

.weatherLocation.snowSummary .map svg {
    height: 300px;
}

.weatherLocation.snowSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.snowSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

.weatherLocation[data-id="7164484"] .map g>path.section:last-of-type {
    opacity: 0.5;
}
.weatherLocation[data-id="7164430"] .map g>path.section:last-of-type {
    opacity: 0.5;
}

@media (max-width: 500px) {
    .weatherLocation.snowSummary .sectionsSel {
        max-width: calc(100% - 206px);
        overflow-x: auto;
        right: 1px;
        scrollbar-width: none;
    }
    .weatherLocation.snowSummary .sectionsSel ul {
        display: flex;
    }
    .weatherLocation.snowSummary .sectionsSel ul li {
        padding: 0px 10px;
        font-size: 1.3rem;
    }
}

.weatherLocation.snowSummary h3.ski-title {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    color: #0069b3;
}

@media screen and (min-width: 768px) {
    .weatherLocation.snowSummary h3.ski-title {
        font-size: 1.125rem;
    }
}


/* The container <div> - needed to position the dropdown content */

.weatherLocation.snowSummary .dropdown {
    position: relative;
    display: inline-block;
}


/* Dropdown Content (Hidden by Default) */

.weatherLocation.snowSummary .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 125px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    border-radius: 12px;
}

.weatherLocation.snowSummary .dropdown-content a:nth-child(even) {
    background-color: #EDF8FF;
    border-radius: 12px;
}


/* Links inside the dropdown */

.weatherLocation.snowSummary .dropdown-content a {
    color: #24537E;
    padding: 2px 6px;
    text-decoration: none;
    display: block;
    margin: 2px;
}


/* Change color of dropdown links on hover */

.weatherLocation.snowSummary .dropdown-content a:hover {
    background-color: #f1f1f1
}


/* Show the dropdown menu on hover */

.weatherLocation.snowSummary .dropdown:hover .dropdown-content {
    display: block;
}

.weatherLocation.snowSummary .dropbtn {
    cursor: pointer;
    background-color: white;
    color: #24537E;
    padding: 2px 4px 2px 6px;
    font-size: 16px;
    border-radius: 12px;
    cursor: pointer;
    border: 1px solid #24537E;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 35%);
    display: flex;
}

.weatherLocation.snowSummary .dropbtn::after {
    content: " ";
    background-image: url('//appcdn.wetter.at/wetter_public/images/arrows/arrowdown.png');
    width: 18px;
    height: 13px;
    margin-top: 8px;
    background-repeat: no-repeat;
    margin-left: 6px;
}

.weatherLocation.snowSummary .ski_top_bar {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
}

.ski-orte-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ski-orte-list a {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    text-decoration: none;
    color: #1275B4;
    cursor: pointer;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box !important;
}
.ski-orte-list a:visited, .ski-orte-list a:hover {
    text-decoration: none;
}

.ski-orte-list .ski-orte-title {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #0069b3;
    padding: 10px 5px 3px;
    margin: 0;
}

.ski-orte-list .ski-orte-all {
    padding: 10px 5px 3px;
}

.ski-orte-list .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 10px;
    margin-right: 0;
    width: 100%;
}

.ski-orte-list .row .ski-ort-item {
    width: 50%;
}

@media screen and (min-width: 768px) {
    .ski-orte-list .ski-orte-title {
        font-size: 1.125rem;
    }
}.weatherLocation.supplementary.bio header ul {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
}
.weatherLocation.supplementary.bio header ul li {
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    font-family: "RobotoCondensedLight",sans-serif;
    background-color: #0075b4;
    padding: 0px 7px;
    border-radius: 0 0px 5px 5px;
}
.weatherLocation.supplementary.bio header ul li.active {
    font-weight: 600;
}
.weatherLocation.supplementary.bio header ul li a {
    color: white;
    text-transform: uppercase;
}
.weatherLocation.supplementary.bio header ul li.active a, 
.weatherLocation.supplementary.bio header ul li a:hover {
    text-decoration: none;
    color: #ffd627;
}

.weatherLocation.supplementary.bio .data > div {
    position: relative;
}

.weatherLocation.supplementary.bio .data > div .bg {
    width: 100%;
}

.weatherLocation.supplementary.bio .data .details {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 100%;
}

.weatherLocation.supplementary.bio .data .details .detail {
    padding: 0 3px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 4px 2px;
    border-radius: 5px;
}

.weatherLocation.supplementary.bio .data .details .detail span {
    font-weight: 600;
}

@media (max-width: 590px) {

    .weatherLocation.supplementary.bio .data .details {
        top: 23% !important;
    }

    .weatherLocation.supplementary header {
        max-width: 100%;
        overflow-x: auto;
        right: 1px;
    }
    
    .weatherLocation.supplementary header ul {
        display: flex;
    }

    .weatherLocation.supplementary header ul li {
        padding: 0 10px;
        font-size: 1rem;
    }

    .weatherLocation.supplementary.bio .data .details .detail {
        padding: 0 5px;
    }

    .weatherLocation.supplementary.bio .data .details .detail span {
        font-size: 12px;
    }
    
}


@media (min-width: 700px) {

    .weatherLocation.supplementary.bio header ul li {
        font-size: 1.125rem;
    }
    .weatherLocation.supplementary.bio .data .details {
        top: 25%;
    }

    .weatherLocation.supplementary.bio .data .details .detail {
        padding: 10px 10px;
    }
}



.weatherLocation.supplementary.ozon header ul {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
    background-color: #fff;
}
.weatherLocation.supplementary.ozon header ul li {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 600;
    font-family: "RobotoCondensedLight",sans-serif;
    text-transform: uppercase;
    background-color: #0075b4;
    padding: 0px 7px;
    border-radius: 0 0px 5px 5px; 
}
.weatherLocation.supplementary.ozon header ul li.active {
    font-weight: 600;
}
.weatherLocation.supplementary.ozon header ul li a { 
    color: white;
}
.weatherLocation.supplementary.ozon header ul li.active a, 
.weatherLocation.supplementary.ozon header ul li a:hover {
    text-decoration: none;
    color: #ffd627;
}

.weatherLocation.supplementary.ozon .data > div {
    position: relative;
}

.weatherLocation.supplementary.ozon .data > div .bg {
    width: 100%;
}

.weatherLocation.supplementary.ozon .data .detail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.weatherLocation.supplementary.ozon .data .detail .ozondot {
    display: none;
    position: absolute;
    width: 22px;
    height: 21px;
    background-image: url('//appcdn.wetter.at/wetter_public/images/weatherCard/ozon/dot.png');
}

.weatherLocation.supplementary.ozon footer {
    text-align: right;
}

.weatherLocation.supplementary.ozon footer span {
    font-size: 0.75rem;
    color: #000;
}

.weatherLocation.supplementary.ozon footer a {
    color: #0072b4;
}

.weatherLocation.supplementary.ozon footer a:hover {
    text-decoration: none;
}

.weatherLocation.supplementary.ozon .data .detail .text.oneHour,
.weatherLocation.supplementary.ozon .data .detail .text.eightHours {
    position: absolute;
    top: 20%;
    width: 45%;
    height: 75%;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 5px 10px;
    border-radius: 5px;   
}

.weatherLocation.supplementary.ozon .data .detail .text.oneHour {
    left: 4%;
}

.weatherLocation.supplementary.ozon .data .detail .text.eightHours {
    right: 4%;
}

.weatherLocation.supplementary.ozon .data .detail .text.oneHour div,
.weatherLocation.supplementary.ozon .data .detail .text.eightHours div {
    position: absolute;
    top: -20%;
    left: 0;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
}

.weatherLocation.supplementary.ozon .data .detail .text.oneHour span,
.weatherLocation.supplementary.ozon .data .detail .text.eightHours span {
    font-size: 0.875rem;
    font-weight: 600;
}

.weatherLocation.supplementary.ozon .data .detail .text.oneHour p,
.weatherLocation.supplementary.ozon .data .detail .text.eightHours p {
    font-size: 0.875rem;
    margin-bottom: 0;
}

@media (min-width: 700px) {

    .weatherLocation.supplementary.ozon header ul li {
        font-size: 1.125rem;
    }

    .weatherLocation.supplementary.ozon .data .detail {
        top: 3%;
    }

    .weatherLocation.supplementary.ozon .data .detail .text.oneHour,
    .weatherLocation.supplementary.ozon .data .detail .text.eightHours {
        width: 40%;
        height: 60%;
    }

    .weatherLocation.supplementary.ozon .data .detail .text.oneHour {
        left: 7%;
        padding: 10px 35px 5px 10px;
    }

   .weatherLocation.supplementary.ozon .data .detail .text.eightHours {
        right: 11%;
        padding: 10px 10px 5px 35px;
    }

    .weatherLocation.supplementary.ozon .data .detail .text.oneHour div,
    .weatherLocation.supplementary.ozon .data .detail .text.eightHours div {
        top: -15%;
        font-size: 1.25rem;
    }

    .weatherLocation.supplementary.ozon .data .detail .text.oneHour span,
    .weatherLocation.supplementary.ozon .data .detail .text.eightHours span {
        font-size: 1rem;
    }

    .weatherLocation.supplementary.ozon .data .detail .text.oneHour p,
    .weatherLocation.supplementary.ozon .data .detail .text.eightHours p {
        font-size: 1rem;
    }

}

@media (min-width: 959px) {

    .weatherLocation.supplementary.ozon .data .detail .ozondot {
        display: block;
    }
}

.weatherLocation.supplementary.pollen header ul {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
}
.weatherLocation.supplementary.pollen header ul li {
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    font-family: "RobotoCondensedLight",sans-serif;
    background-color: #0075b4;
    text-transform: uppercase;
    padding: 0px 7px;
    border-radius: 0 0px 5px 5px;
}
.weatherLocation.supplementary.pollen header ul li.active {
    font-weight: 600;
}
.weatherLocation.supplementary.pollen header ul li a {
    color: white;
}
.weatherLocation.supplementary.pollen header ul li.active a, 
.weatherLocation.supplementary.pollen header ul li a:hover {
    text-decoration: none;
    color: #ffd627;
}

.weatherLocation.supplementary.pollen .data > div {
    position: relative;
}

.weatherLocation.supplementary.pollen .data > div .bg {
    width: 100%;
}

.weatherLocation.supplementary.pollen .data .details {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    height: 100%;
}

.weatherLocation.supplementary.pollen .data .details .detail {
    padding: 0 3px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 0 4px 2px;
    border-radius: 5px;
}

.weatherLocation.supplementary.pollen .data .details .detail span {
    font-weight: 600;
}

@media (max-width: 590px) {

    .weatherLocation.supplementary.pollen .data .details {
        top: 23% !important;
    }

    .weatherLocation.supplementary header {
        max-width: 100%;
        overflow-x: auto;
        right: 1px;
    }
    
    .weatherLocation.supplementary header ul {
        display: flex;
    }

    .weatherLocation.supplementary header ul li {
        padding: 0 10px;
        font-size: 1rem;
    }

    .weatherLocation.supplementary.pollen .data .details .detail {
        padding: 0 5px;
    }

    .weatherLocation.supplementary.pollen .data .details .detail span {
        font-size: 12px;
    }
    
}


@media (min-width: 700px) {

    .weatherLocation.supplementary.ozon header ul li {
        font-size: 1.125rem;
    }
    
    .weatherLocation.supplementary.pollen .data .details {
        top: 25%;
    }

    .weatherLocation.supplementary.pollen .data .details .detail {
        padding: 10px 10px;
    }
}.weatherLocation.wanderWetterSummary {
    margin: 20px 0;
    padding-bottom: 1px;
    position: relative;
}

.weatherLocation.wanderWetterSummary .titlebar {
    padding: 30px 0 0 5px;
}
.weatherLocation.wanderWetterSummary .titlebar h5 {
    font-size: 1.4rem;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    padding: 0;
    margin: 0;
}

.weatherLocation.wanderWetterSummary .sectionsSel {
    border-top: 1px solid #ffd627;
}
.weatherLocation.wanderWetterSummary .sectionsSel {
    position: absolute;
    top: 0px;
    right: 16px;
}
.weatherLocation.wanderWetterSummary .sectionsSel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.weatherLocation.wanderWetterSummary .sectionsSel ul li {
    display: inline-block;
    font-weight: bold;
    font-family: "RobotoCondesedLight",sans-serif;
    background-color: #0075b4;
    padding: 1px 7px 0;
    border-radius: 0 0px 5px 5px;
    font-size: 0.85rem;
}
.weatherLocation.wanderWetterSummary .sectionsSel ul li.active {
    font-weight: 600;
}
.weatherLocation.wanderWetterSummary .sectionsSel ul li a {
    color: white;
    text-transform: uppercase;
}
.weatherLocation.wanderWetterSummary .sectionsSel ul li.active a, 
.weatherLocation.wanderWetterSummary .sectionsSel ul li a:hover {
    text-decoration: none;
    color: #ffd627;
}

.weatherLocation.wanderWetterSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.wanderWetterSummary .map svg {
    height: 300px;
}

.weatherLocation.wanderWetterSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.wanderWetterSummary .map .sectionMap .location {
    fill: #ffd627;
    cursor: pointer;
}

.weatherLocation.wanderWetterSummary[data-id="7164394"] .map g > path.section:last-of-type {
    opacity: 0.5;
}

.weatherLocation.wanderWetterSummary .sectionInfo {
    padding-top: 10px;
    display: flex;
    flex-direction: row;
}

.weatherLocation.wanderWetterSummary .sectionInfo .navigation {
    width: 37%;
    padding-right: 2%;
}

.weatherLocation.wanderWetterSummary .sectionInfo .navigation p {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    background-color: #0069b3;
    border-bottom: 1px solid #ffd627;
    padding: 2px 5px;
    margin-bottom: 0;
}

.weatherLocation.wanderWetterSummary .sectionInfo .text {
    width: 62%;
}

.weatherLocation.wanderWetterSummary .sectionInfo .text h6 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.875rem;
    font-weight: 700;
    padding: 10px 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.weatherLocation.wanderWetterSummary .sectionInfo ul {
    list-style: none;
    padding: 0;
}

.weatherLocation.wanderWetterSummary .sectionInfo ul li {
    padding: 7px 5px;
    border-bottom: 1px solid #0072b4;
}

.weatherLocation.wanderWetterSummary .sectionInfo ul li:nth-child(odd) {
    background-color: #D6EFFF;
}

.weatherLocation.wanderWetterSummary .sectionInfo ul li:nth-child(even) {
    background-color: #EDF8FF;
}

.weatherLocation.wanderWetterSummary .sectionInfo ul li.active {
    background-color: #fff;
    font-weight: 600;
}

.weatherLocation.wanderWetterSummary .sectionInfo ul li a {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.25rem;
    color: #0072b4;
}

.weatherLocation.wanderWetterSummary .sectionInfo ul li a:hover {
    text-decoration: none;
}

.weatherLocation.wanderWetterSummary .trails {
    width: 100%;
}

.weatherLocation.wanderWetterSummary .trails h4 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.875rem;
    font-weight: 600;
}

.weatherLocation.wanderWetterSummary .trails table {
    width: 100%;
}

.weatherLocation.wanderWetterSummary .trails table tbody tr {
    border-bottom: 1px solid #0072b4;
}

.weatherLocation.wanderWetterSummary .trails table tbody tr td {
    color: #0072b4;
    padding: 5px 0 5px 5px;
}

.weatherLocation.wanderWetterSummary .trails table th {
    color: #fff;
    background-color: #0069b3;
    border-bottom: 1px solid #ffd627;
    padding: 3px 5px;
}

.weatherLocation.wanderWetterSummary .trails tbody tr:first-child {
    background-color: #0069b3;
}

.weatherLocation.wanderWetterSummary .trails tbody tr:nth-child(odd) {
    background-color: #EDF8FF;
}

.weatherLocation.wanderWetterSummary .trails tbody tr:nth-child(even) {
    background-color: #D6EFFF;
}


@media (max-width: 630px) {

    .weatherLocation.wanderWetterSummary .sectionsSel {
        /*max-width: calc(100% - 170px);*/
        width: 100%;
        overflow-x: auto;
        right: 1px;
        scrollbar-width: none;
    }

    .weatherLocation.wanderWetterSummary .sectionsSel ul {
        display: flex;
    }

    .weatherLocation.wanderWetterSummary .sectionsSel ul li {
        padding: 0px 10px;
        font-size: 1.3rem;
    }

    .weatherLocation.wanderWetterSummary .titlebar {
        padding: 35px 0 0 5px;
    }
}

.box.weatherLocation .box_danger {
    display: flex;
    flex-direction: row;
    justify-content:space-around;
}

.box.weatherLocation .box_danger .noWarningsText {
    padding: 10px 10px 10px 0;
}

.box.weatherLocation .box_danger .noWarningsText a {
    color: #0072b4;
    text-decoration: underline;
}

.box.weatherLocation .box_danger .noWarningsText a:hover {
    color: #0072b4;
    text-decoration: underline;
}

.box.weatherLocation .box_danger img {
    max-width: 50%;
    padding: 10px;
    border-radius: 4px;
    margin-right: 5px;
    background-color: rgba(0,0,0,0.3);
}

.box.weatherLocation.warningsSummary .uw_warnungen_text_box {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    padding: 5px;
}

.box.weatherLocation.warningsSummary .uw_warnungen_text_box .uw_meldung_line .headline {
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 400;
    font-size: 1.125rem;
    display: block;
    text-align: center;
}

.box.weatherLocation.warningsSummary .uw_warnungen_text_box .uw_meldung_line .uw_meldung_icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 5px;
    max-width: 100%;
}

.box.weatherLocation.warningsSummary .uw_warnungen_text_box .time {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 5px;
    font-weight: 700;
    border-bottom: 1px solid #0072b4;
    font-size: 0.875rem;
}

.box.weatherLocation.warningsSummary .uw_warnungen_text_box .uw_meldung_text {
    display: block;
}

@media (min-width: 880px) {
    .box.weatherLocation.warningsSummary .uw_warnungen_text_box .time {
        font-size: 1rem;
        justify-content: space-between;
    }
}
/* .weatherLocation.warningsSummary .map svg,
.weatherLocation.warningsSummary .smallWarningCard svg {
    width: 100%;
    height: auto;
}

.weatherLocation.warningsSummary .map svg *[data-action="true"] {
    cursor: pointer;
}

.weatherLocation.warningsSummary .map .regenradarNeedle {
    width: 15px;
    height: 25px;
    position: absolute;
    background-image:url('//appcdn.wetter.at/wetter_public/images/minimap/needle.png');
}
.weatherLocation.warningsSummary .navWrap{
    overflow: hidden;
    width: 100%;
}

.weatherLocation.warningsSummary ul.nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: unset;
    border-top: 1px solid #0075B4;
    width: 100%;
    box-sizing: content-box;
    overflow: auto;
}
.weatherLocation.warningsSummary ul.nav > li {
    width: 115px;
    cursor: pointer;
    font-weight: 600;
    color: #0075B4;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin: 0 auto;
    padding: 5px 0;
    flex: none;
}

.weatherLocation.warningsSummary ul.nav > li > div {
    display: block;
    margin: 0 auto;
}

.weatherLocation.warningsSummary ul.nav > li #smallWarningCardTitleActive {
    font-weight: 600;
    color: #0075B4;
    background-color: #D6EFFF;
}


.weatherLocation.warningsSummary ul.nav > li > div {
    font-size: 0.75rem;
}
 */
.weatherLocation.weatherCamCard {
    width: 100%;
    background-color: #fff;
}

.tabTwo .weatherLocation.weatherCamCard .firstInfo,
.tabOne .weatherLocation.weatherCamCard .firstInfo {
    flex-direction: column;
}

.weatherLocation.weatherCamCard .firstInfo {
    padding: 10px;
    background-color: #0476b5;
}

.weatherLocation.weatherCamCard .locationInfo {
    color: #fff;
}

.weatherLocation.weatherCamCard .locationInfo .sectionPath> :nth-of-type(1n+2)::before {
    content: '>';
    margin-right: 3px;
}

.weatherLocation.weatherCamCard .locationInfo .state {
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 1rem; /* 18px */
    color: #fff;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: -1px;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.weatherLocation.weatherCamCard .locationInfo .state a {
    color: #fff;
}

.weatherLocation.weatherCamCard .locationInfo .state a:hover {
    text-decoration: none;
}

.weatherLocation.weatherCamCard .locationInfo .name {
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 2.5rem; /* 44px */
    line-height: 1.2;
    letter-spacing: -1px;
    display: inline-block;
}

.weatherLocation.weatherCamCard .locationInfo .name a {
    color: #fff;
}

.weatherLocation.weatherCamCard .locationInfo .name a:hover {
    text-decoration: none;
}

.weatherLocation.weatherCamCard .locationInfo .temp {
    font-size: 5rem; /* 80px */
    line-height: 1.2;
    text-align: center;
}

.weatherLocation.weatherCamCard .locationInfo .temp img {
    max-width: 35%;
    vertical-align: middle;
}

.weatherLocation.weatherCamCard .locationInfo .highLowTemp {
    font-size: 1.125rem; /* 18px */
    padding-left: 10px;
    opacity: 0.8;
}

/* ------- Web Cam Styles ------- */
.weatherLocation.weatherCamCard .addToMyLocations {
    background-color: #0476b5;
    text-align: right;
    padding-bottom: 20px;
}

.weatherLocation.weatherCamCard .webCam .addToMyLocations button {
    font-size: 0.75rem; /* 12px */
    color: #0476b5;
    background-color: #cce4f0;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    padding: 0 6px;
    border-radius: 5px;
}

.weatherLocation.weatherCamCard .webCam .addToMyLocations button img {
    vertical-align: middle;
    padding: 0 5px 3px 0;
}

.weatherLocation.weatherCamCard .webCam .webCamImg {
    position: relative;
}

.weatherLocation.weatherCamCard .webCam .webCamImg a {
    color: #e4e1e1;
}

.weatherLocation.weatherCamCard .webCam .webCamImg a:hover {
    color: #fff;
    text-decoration: none;
}

.weatherLocation.weatherCamCard .webCam .webCamImg .notetext {
    font-size: 0.7rem;
}

.weatherLocation.weatherCamCard .webCam .webCamButton {
    position: absolute;
    background-color: #eecb2e;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 0 6px;
    border-radius: 5px;
}

.weatherLocation.weatherCamCard .webCam .webCamButton {
    font-size: 0.875rem; /* 14px */
    text-transform: uppercase;
    color: #0069b3;
}

.weatherLocation.weatherCamCard .webCam .webCamButton svg {
    width: 9%;
    height: 10%;
    background-color: #0476b5;
    border-radius: 10px;
    vertical-align: text-top;
}

.weatherLocation.weatherCamCard .webCam .cam {
    position: relative;
}

.weatherLocation.weatherCamCard .webCam .cam .camPlayer:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    top: 0;
}

.weatherLocation.weatherCamCard .webCam .cam .camPlayer .generic.imagePlayer {
    position: inherit;
}

/* ------- Further Info Styles ------- */
.weatherLocation.weatherCamCard .furtherInfo {
    background-color: #DBF0FF;
    padding: 10px;
}

.weatherLocation.weatherCamCard .furtherInfo .weatherPrediction {
    font-size: 0.875rem; /* 14px */
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav {
    width: 33%;
    font-size: 0.75rem; /* 12px */
    color: #0476b5;
    padding: 5px;
    align-self: flex-end;
}

.rowTwo .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav.flex-column,
.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav.flex-column {
    width: 33%;
}

.rowTwo .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav {
    width: 25%;
    padding: 5px 2px;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav img {
    width: 25%;
    vertical-align: text-top;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav .navDesc {
    font-size: 0.75rem; /* 12px */
    text-transform: uppercase;
    font-weight: 600;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun {
    font-size: 0.75rem; /* 12px */
    color: #0476b5;
    display: flex;
    flex-direction: row;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun img {
    width: 30%;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun.sunrise {
    border-bottom: 1px solid #0476b5;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun.sunset {
    border-top: 1px solid #0476b5;
    margin-top: 5px;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun.sunset img {
    transform: rotate(180deg);
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun svg {
    fill: #0476b5;
}

.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun.sunrise svg,
.weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun.sunset svg {
    width: 16px;
    height: 13px;
    margin: 0 5px;
    align-self: center;
}

/* media querie for small to media size devices */
@media (min-width: 540px) and (max-width: 879.98px) {
    .tabTwo .weatherLocation.weatherCamCard .firstInfo {
        flex-direction: row;
    }
    .tabTwo .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav {
        width: 25%;
        align-self: center;
    }
    .weatherLocation.weatherCamCard .webCam {
        margin-left: auto;
    }
}

/* media queries for medium and large size devices */
@media (min-width: 768px) {
    .tabOne .weatherLocation.weatherCamCard .firstInfo {
        flex-direction: row;
    }
    .weatherLocation.weatherCamCard .locationInfo .state {
        font-size: 1rem;
    }
    .weatherLocation.weatherCamCard .locationInfo .name {
        font-size: 2.5rem;
    }
    .weatherLocation.weatherCamCard .locationInfo .temp {
        font-size: 5rem; /* 80px */
    }
    .weatherLocation.weatherCamCard .locationInfo .highLowTemp {
        font-size: 1.125rem; /* 18px */
    }
    .weatherLocation.weatherCamCard .webCam {
        margin-left: auto;
    }
    .weatherLocation.weatherCamCard .webCam .addToMyLocations button,
    .weatherLocation.weatherCamCard .webCam .webCamButton {
        font-size: 0.75rem; /* 12px */
    }
    .weatherLocation.weatherCamCard .furtherInfo .weatherPrediction {
        font-size: 1rem; /* 16px */
    }
    .tabOne .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav {
        width: 25%;
        align-self: center;
    }
    .tabTwo .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav {
        max-width: 33%;
    }
    .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav img {
        width: 20%;
    }
    .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .furtherInfoNav .navDesc {
        font-size: 0.875rem; /* 14px */
    }
    .weatherLocation.weatherCamCard .furtherInfo .navMyLocation .sun img {
        width: 30%;
    }
}.weatherLocation.weatherCamList .full {
    border-bottom: 1px solid #ffd727;
}

.weatherLocation.weatherCamList .full h5 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    display: -webkit-inline-box;
    font-size: 1.3rem;
    width: 100%;
    margin: auto;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: 600;
    padding: 0 10px;
}

.weatherLocation.weatherCamList table {
    width: 100%;
    margin: 4px 0;
    font-family: "opensans",sans-serif;
}

.weatherLocation.weatherCamList table td {
    padding: 2px 5px;
}

.weatherLocation.weatherCamList table thead {
    font-family: "opensans",sans-serif;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: bold;
    letter-spacing: -1px;
    padding: 0 5px;
    color: #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1)
}

.weatherLocation.weatherCamList table thead tr {
    display: block;
}

.weatherLocation.weatherCamList table thead tr th {
    font-weight: normal;
}

.weatherLocation.weatherCamList table thead th:nth-child(1),
.weatherLocation.weatherCamList table tbody td:nth-child(1),
.weatherLocation.weatherCamList table thead th:nth-child(2),
.weatherLocation.weatherCamList table tbody td:nth-child(2) {
    width: calc(50% - 130px);
    display: inline-block;
}

.weatherLocation.weatherCamList table thead th:nth-child(1n+3),
.weatherLocation.weatherCamList table tbody td:nth-child(1n+3) {
    width: 80px; 
    display: inline-block;
}

.weatherLocation.weatherCamList table thead tr:nth-child(2) {
    visibility: hidden;
}
.weatherLocation.weatherCamList table thead tr:nth-child(2) th {
    width: 100%;
    padding: 5px;
}

.weatherLocation.weatherCamList table tbody {
    display: block;
    font-size: 0.9rem;
    height: 200px;
    overflow: auto;
    -ms-overflow-style: none;
}
.weatherLocation.weatherCamList table tbody::-webkit-scrollbar {
    display: none;
}

.weatherLocation.weatherCamList table tbody > tr:nth-child(odd) {
    background-color: #edf8ff;
}

.weatherLocation.weatherCamList table tbody a:hover {
    text-decoration: none;
}
.weatherLocation.weatherCamList table tbody > a:hover {
    color: #0069b3;
}

.weatherLocation.weatherCamList table tbody td:nth-child(3), 
.weatherLocation.weatherCamList table tbody td:nth-child(5) {
    white-space: nowrap;
}

.weatherLocation.weatherCamList table thead tr:nth-child(2) {
    border-top: 1px solid rgba(222,241,255,1);
    border-bottom: 1px solid #0075b4;
}

.weatherLocation.weatherCamList tfoot {
    text-transform: uppercase;
    color: #0075b4;
}
.weatherLocation.weatherCamList tfoot tr {
    border-top: 1px solid #0075b4;
    border-bottom: 1px solid rgba(222,241,255,1);
    visibility: hidden;
}
.weatherLocation.weatherCamList tfoot tr td {
    padding: 5px;
}

.weatherLocation.weatherCamList table tr.scroll {
    font-size: 0.85rem;
    text-align: center;
}

.weatherLocation.weatherCamList tr.scroll > span {
    display: block;
}

.weatherLocation.weatherCamList tr.scroll svg {
    width: 16px;
    height: 13px;
    margin: 0 5px;
}

.weatherLocation.weatherCamList tr.scroll svg path {
    stroke-width: .3px;
    stroke: #0075b4;
    fill: #0075b4;
}.box.weatherLocation.weatherCamPreview {
    border: 1px solid #1275B4;
    border-radius: var(--border-radius);
    width: 100%;
    padding: 0 4%;
}
.box.weatherLocation.weatherCamPreview .titlebar.bordered{
    border: 0;
    text-align: center;
}
.box.weatherLocation.weatherCamPreview .titlebar.bordered::before,
.box.weatherLocation.weatherCamPreview .titlebar.bordered::after{
    border: 0;
}
.box.weatherLocation.weatherCamPreview .cam {
    position: relative;
    font-family: oe24condensed,sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 0.9rem;
}

.box.weatherLocation.weatherCamPreview .cam .preview {
    position: relative;
    padding: 0 4%;
}

.box.weatherLocation.weatherCamPreview .cam .camPlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 92%;
    height: 100%;
    margin-left: 4%;
    border-radius: var(--border-radius);
}

.box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer {
    background-color: #000;
}

.box.weatherLocation.weatherCamPreview .cam .camPlayer#locationCamPlayerTeaser {
    display: none;
}
.box.weatherLocation.weatherCamPreview .cam .camPlayer > * {
    height: 100%;
    border-radius: var(--border-radius);
}
.box.weatherLocation.weatherCamPreview .cam .camPlayer.feratel > * {
    width: 100%;
}

.box.weatherLocation.weatherCamPreview span.playCam {
    position: absolute;
    cursor: pointer;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout/wetter_play_button.svg');
}
.box.weatherLocation.weatherCamPreview span.playCam {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    margin: auto;
    line-height: 1.9;
}
.box.weatherLocation.weatherCamPreview img {
    width: 100%;
    border-radius: var(--border-radius);
}

.box.weatherLocation.weatherCamPreview .notetext {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1.125rem;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}
.box.weatherLocation.weatherCamPreview .notetext > a{
    color: #000;
}
.box.weatherLocation.weatherCamPreview .notetext > a:hover{
    text-decoration: none;
}

.box.weatherLocation.weatherCamPreview .cam .linkanchor:target:before {
    height: 0;
    margin-top: 0;
}

@media only screen and (min-width: 602px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        width: 100%;
        height: 130%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 16%;
    }
}
@media only screen and (min-width: 650px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 128%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 15%;
    }
}
@media only screen and (min-width: 700px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 126%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 13%;
    }
}
@media only screen and (min-width: 750px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 124%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 12%;
    }
}
@media only screen and (min-width: 768px) {
    .box.weatherLocation.weatherCamPreview span.playCam {
        background-size: auto 70%;
    }
}
@media only screen and (min-width: 820px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 122%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 11%;
    }
}
@media only screen and (min-width: 880px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 100%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 0%;
    }
}
.weatherLocation.weatherCamSummary {
    margin: 20px 0;
    background-color: #fff;
}

.weatherLocation.weatherCamSummary > * {
    margin: 5px 0 0;
    border-radius: 15px;
}

.weatherLocation.weatherCamSummary .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.weatherCamSummary > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.weatherCamSummary > .titlebar h5 {
    margin: 0;
}

.weatherLocation.weatherCamSummary .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.weatherCamSummary .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.weatherCamSummary .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

.weatherLocation.weatherCamSummary[data-id="46407884"] .map g > path.section:last-of-type {
    opacity: 0.5;
}

.contentBoard.default.highlights {
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}
.contentBoard.default.highlights:after {
    content: 'Anzeige';
    text-transform: uppercase;
    position: absolute;
    left: -10px;
    bottom: 40px;
    transform: rotate(90deg);
    font-size: .625rem;
}

.contentBoard.default {
    border: 1px solid #1275B4;
    border-radius: 10px;
}

.contentBoard.default .container {
    max-width: 100%;
    padding: 0;
}

.contentBoard.default .content {
    padding: 0 10px 10px;
}

.contentBoard.default .content ul {
    margin: 0;
    padding: 0;
}

.contentBoard.default .content .container .row {
    margin: 0;
    padding: 7px 0 0 0;
    justify-content: space-between;
}

.contentBoard.default.weatherCameras {
    background-color: #fff;
    border-radius: 10px;
}

.contentBoard.default.weatherCameras .content {
    padding: 0;
}

.contentBoard.default.weatherCameras .titlebar.full {
    padding-bottom: 5px;
    border: none;
}


.contentBoard.default.highlights .titlebar.bordered {
    text-align: center;
}


@media screen and (min-width: 880px) {
    .tabBox .tabTwo .contentBoard.default .content .container .row {
        flex-direction: column;
    }
    .tabTwo .contentBoard.default .content .container  .row .col {
        max-width: 100%;
    }
}

.contentBoard.default .content .container  .row .col {
    margin: 0;
    padding: 0px;
    padding-top: 0px;
    max-width: 49%;
}


.contentBoard.default .content .container .row .col:nth-child(odd) {
    margin-right: 0px;
}

.contentBoard.default .content .container .row .col:nth-child(even) {
    margin-left: 0px;
}

.contentBoard.default.oe24videos .titlebar.bordered,
.contentBoard.default.weatherCameras .titlebar.bordered,
.contentBoard.default .titlebar.bordered {
    border: none;
}

.contentBoard.default.oe24videos .titlebar.bordered::before,
.box.contentBoard.default.weatherCameras .titlebar.bordered::before,
.contentBoard.default .titlebar.bordered::before {
    content: unset;
}

.contentBoard.default.oe24videos .titlebar.bordered::after,
.box.contentBoard.default.weatherCameras .titlebar.bordered::after,
.contentBoard.default .titlebar.bordered::after {
    content: unset;
}

.contentBoard.default.oe24videos {
    border: 1px solid #1275B4;
    border-radius: 10px;
    padding: 0 0px 15px 0;
}

.contentBoard.default.weatherCameras {
    border: 1px solid #1275B4;
    border-radius: 10px;
}

.weatherCameras .content {
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.contentBoard.default.oe24videos .content .textualcontent.video .apaVideoIframeContainer {
    display: none;
}
html {
    font-size: 16px;
    /**/
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

body {
    font-family: opensans, sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #fff;
}

body>.frames {
    width: 100%;
    display: flex;
    margin-left: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

html.sideNavOpen, html.sideNavOpen>body{
    overflow: hidden;
}

html.sideNavOpen>body>.frames {
    margin-left: 227px !important;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

html.sideNavOpen>body>.frames .body:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow-y: auto;
    z-index: 999;
    border-left: 2px solid #ffd727;
    background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.3) 34%, rgba(0,0,0,0.2) 100%);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

body>.frames>* {
    vertical-align: top;
}

@media (max-width: 767px) {
    .body {
        width: 100vw;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .body {
        width: 100%;
    }
}

@media (min-width: 961px) {
    body.center>.frames {
        width: 100%;
        display: inline-block;
        /*width: max-content;
        width: -moz-max-content;
        width: -webkit-max-content;
        width: -o-max-content;*/
        margin: auto;
    }
}

.body {
    background-color: #fff;
}

.body>* {
    margin: auto;
}

.body>header {
    max-width: 960px;
}

.body>main {
    max-width: 960px;
    transition: transform .4s;
    background-color: #fff;
}

/* @media (min-width: 768px) {
    .hasSticky .body>main {
        margin-top: 135px; // does not look good when dba aktive, and besides that makes no sense to have it in the code
    }
} */

@media (max-width: 879px) {
    .body>main {
        margin: 0 5px 25px 5px;
    }
}

@media (min-width: 960px) {
    .body>header {
        min-width: 960px;
    }
    .body>main {
        min-width: 960px;
    }
}

.body>main.mnav-open {
    transform: translateX(300px);
}

.hidden {
    visibility: hidden;
}

.template {
    display: none;
}

.box {
    margin: 15px 0 15px 0;
    overflow-wrap: break-word;
}

.container {
    max-width: 100%;
}

span[role="button"] {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.linkanchor {
    height: 0;
    width: 0;
    visibility: hidden;
}


/* toggler icon */

.toggler-icon,
.toggler-icon::before,
.toggler-icon::after {
    background: #ffd727;
    content: '';
    height: 2px;
    width: 22px;
}

.toggler-icon {
    position: relative;
}

.toggler-icon::before,
.toggler-icon::after {
    position: absolute;
}

.toggler-icon::before {
    top: -6px;
}

.toggler-icon::after {
    bottom: -6px;
}


/* font presets */

.ft16 {
    font-size: 16px;
}

.ft13 {
    font-size: 13px;
}

.ft15 {
    font-size: 15px;
}

.ft18 {
    font-size: 18px;
}

.ft20 {
    font-size: 20px;
}

.ft21 {
    font-size: 21px;
}

.ft25 {
    font-size: 25px;
}


/* font presets */

.h-50 {
    height: 50px !important;
}

@media (min-width: 768px) {
    .mobileOnly {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .desktopOnly {
        display: none !important;
    }
}

.scrolling-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    --overflow-scrollingwebkit: touch;
    scrollbar-width: none;
    white-space: nowrap;
}

.scrolling-wrapper::-webkit-scrollbar {
    display: none;
}

.scrolling-wrapper>* {
    flex: 0 0 auto;
}


/* -- loader -- */

.lds-circle {
    display: inline-block;
    transform: translateZ(1px);
}

.lds-circle>div {
    display: inline-block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    background: #2981bf;
    animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

@keyframes lds-circle {
    0%,
    100% {
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }
    0% {
        transform: rotateY(0deg);
    }
    50% {
        transform: rotateY(1800deg);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }
    100% {
        transform: rotateY(3600deg);
    }
}


/* -- loader -- */


/* ------ */

picture.responsive {
    display: block;
}

picture.responsive>img {
    max-width: 100%;
    object-fit: contain;
}


/*  lightslider fixes */

.lSSlideOuter .lightSlider {
    height: auto;
}

.lightsliderContainer {
    overflow: hidden;
    display: flex;
}


/* hide until slider is loaded fully   */

.lightsliderContainer:not(.lightSlider) {
    visibility: hidden;
    max-width: 280px;
    max-height: 600px;
}


/*  lightslider fixes */


/* Textual Content */

.iconplay {
    cursor: pointer;
}


/*  ie fixes */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    picture.responsive>img {
        width: 100% !important;
    }
}

/* piano fix */
.tp-modal {
    z-index: 3000000 !important;
}

/* ------------------------------ */
/*  oe24Plus modal close button style */
.tp-modal .tp-close {
    top: 5px !important;
    background: #d0013a url("data:image/svg+xml,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 1.368L9.632 0 5.5 4.142 1.368 0 0 1.368 4.142 5.5 0 9.632 1.368 11 5.5 6.858 9.632 11 11 9.632 6.858 5.5 11 1.368z' fill='%23ffffff'/%3E%3C/svg%3E") center center no-repeat !important;
}
@media screen and (max-width: 578px) {
    .tp-modal .tp-close {
        right: 5px !important;
    }
}
.tp-modal iframe {
    border-radius: 5px;
}

.border10 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.bgLightBlue {
    background-color: #EDF8FF;
}

.boxShadow {
    box-shadow: 0 -1px 5px 0 rgba(0,0,0,.1);
}
.h-20 {
    height: 20px !important;
}

/* default html box */
.box.defaultHtmlBox .titlebar.bordered {
    border: none;
}

.box.defaultHtmlBox .titlebar.bordered::before {
    content: unset
}

.box.defaultHtmlBox .titlebar.bordered::after {
    content: unset;
}

.box.defaultHtmlBox {
    padding: 0 0px 15px 0;
}

body main > footer {
    margin-bottom: 40px !important;
}

:root{
  --border-radius: 10px;
}

/* lightslider arrows */
.lSAction>a {
    display: none;
}
.box.defaultHtmlBox #kontaktformular{
    min-height: 540px;
}.locationCamerasContainer {
    display: block;
    width: 100%;
    border: 1px solid #1275B4;
    border-radius: 10px;
}

.locationCamerasContainer .titlebar.bordered {
    border: none; 
}

.locationCamerasContainer .titlebar.bordered::before {
    content: unset; 
}

.locationCamerasContainer .titlebar.bordered::after{
    content: unset; 
}

.locationCamerasContainer .locationCameras {
    position: relative;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.locationCamerasContainer .locationCameras .camItem .box {
    margin: 0;
}

.locationCamerasContainer .locationCameras .camItem {
    display: block;
    width: 49%;
    padding: 5px;
    position: relative;
}

.locationCamerasContainer .locationCameras .camItem .camCounter {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 25px;
    height: 25px;
    background-color: #1275B4;
    z-index: 10;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    border-radius: 7px;
}

.locationCamerasContainer a.weather-box-more-info {
    padding-top: 10px;
    text-decoration: none;
}

.locationCamerasContainer a:hover {
    text-decoration: none;
}

/* slider items */

.locationCamerasContainer .weatherLocation.weatherCamPreview .cam {
    min-height: unset;
}

.locationCamerasContainer .weatherLocation.weatherCamPreview img {
    border-radius: 10px;
}

.locationCamerasContainer .weatherLocation.weatherCamPreview .notetext {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding-top: 15px;
    margin-top: -7px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}

.locationCamerasContainer .weatherLocation.weatherCamPreview .notetext a {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1rem;
    line-height: 1;
    color: #1275b4;
    overflow: hidden;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
}

.locationCamerasContainer .weatherLocation.weatherCamPreview .notetext a:hover {
    color: #1275b4;
}

.locationCamerasContainer .playerFooter {
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}.sp-nocmp{
    margin: 1%;
    border: 1px solid black;
    padding: 1%;
}
.sp-nocmp-l{
    text-decoration: underline;
}
.weather-radar-wrapper .video-bm-nocmp{
    color: #fff;
}
.weather-radar-wrapper .bestOfVideo button.nocmp-accept {
    color: #0a64b8;
    background-color: #ffffff;
    border: 1px solid #ffffff;
}
.weather-radar-wrapper .nocmp-l {
    color: #fff !important;
    text-decoration: underline !important;
}

/* featured */
.textualcontent.featured {
    position: relative;
}

.textualcontent.featured.ad { 
    padding: 10px;
}

.textualcontent.featured .thumbnail {
    width: 100%;
    border-radius: 0px;
}

.textualcontent.featured .toolbar {
    position: absolute;
    top: 20px;
    left: 20px;
}

.textualcontent.featured section {
    text-align: left;
    color: #000;
    padding: 8px 0 0 0;
    width: 100%;
}

.textualcontent.featured section .preTitle {
    color: #1275B4;
    max-width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.textualcontent.featured section h6 {
    font-family:  "RobotoMedium",sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    color: #1275b4;
    display: -webkit-inline-box;
    overflow: hidden;
    margin: 0;
    font-size: 13px;
}

.tabTwo .textualcontent.featured section h6 {
    line-height: 1;
}

.textualcontent.featured section h3 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1;
    margin-bottom: 0;
}

article.textualcontent.article {
    margin-bottom: 5px;
}

article.textualcontent.article a:hover {
    text-decoration: none;
}

@media (min-width: 880px) {
    .tabTwo article.textualcontent.article {
        max-width: 298px;
    }
}


/* listitem */
.textualcontent.listItem {
    list-style: none;
}

.textualcontent.listItem article {
    display: block;
}

.textualcontent.listItem .thumb {
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 32%;
    min-width: 96px;
    margin-right: 2px;
}

.textualcontent.listItem .thumb .thumbnail {
    width: 100%;
}

.textualcontent.listItem .text {
    display: inline-block;
    width: 65%;
    color: black;
}

.textualcontent.listItem .text h5 {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.textualcontent.listItem .text .leadText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; 
    font-size: 14px;
}

@media (max-width: 440px) {
    .textualcontent.listItem .text h5 {
        font-size: 3.7vw;
    }
    .textualcontent.listItem .text .leadText {
        font-size: 3.3vw;
    }
}


/* tile */
.textualcontent.tile .thumb {
    position: relative;
    width: 100%;
}

/* .textualcontent.tile .thumb .label {
    bottom: 0px;
    left: 0px;
    max-width: 90%;
    padding: 2px 2% 0;
    margin: 0 auto;
} */

.textualcontent.tile .label h6 {
    font-family: "RobotoMedium",sans-serif;
    margin: 0;
    color: #1275B4;
    font-size: 1rem;
    font-weight: 400;
    width: -webkit-fill-available;
    text-transform: uppercase;
    padding-top: 5px;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.textualcontent.tile .thumbnail {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    border-radius: 0;
}

.textualcontent.tile section {
    display: inline-block;
}

.textualcontent.article.tile .label h6 {
    font-family: "RobotoMedium",sans-serif;
    margin: 0;
    color: #1275B4;
    font-size: 0.75rem;
    font-weight: 400;
    width: -webkit-fill-available;
    text-transform: uppercase;
    -webkit-line-clamp: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 7px;
    width: 95%;
}


.textualcontent.tile section.text h5 {
    font-size: 1.25rem;
    line-height: 1.1;
    color: black;
    font-weight: bold;
    font-family: oe24condensed,sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
}

.textualcontent.tile section.text span {
    font-size: 1rem;
    display: none;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   color: black;
}

@media (min-width: 768px) {
    .textualcontent.tile section.text span {
        display: inline-block;
        display: -webkit-box;
    }
    .textualcontent.article.tile .label h6 {
        font-size: 0.875rem;
    }
}

.textualcontent.tile section.text span.yes {
    display: inline-block;
    display: -webkit-box !important;
}

.textualcontent.tile section.text span.no {
    display: none !important;
}

@media (min-width: 768px) {
     .textualcontent.featured section .preTitle h6,
     .textualcontent.tile .thumb .label h6 {
        font-size: 1rem;
    }

     .textualcontent.featured section h3 {
        font-size: 1.75rem;
    }

     .textualcontent.tile section.text h5 {
        font-size: 1.5rem;
    }

     .textualcontent.tile section.text span {
        display: -webkit-box;
    }
}


/* oe24 box */

.oe24box .textualcontent.featured section .preTitle,
.oe24box .textualcontent.tile .thumb .label {
    color: #fff;
    background-color: #d0013a;
    opacity: 0.9;
    max-width: 90%;
    margin: 0 auto;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
}

.oe24box .textualcontent.featured section .preTitle {
    padding: 0 1% 0;
    line-height: 1;
}

.oe24box .textualcontent.tile .thumb .label {
    padding: 2px 2% 0;
}

.oe24box .textualcontent.featured section h6,
.oe24box .textualcontent.tile .thumb .label h6 {
    font-family: 'robotocondensedlight',sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oe24box .textualcontent.featured section h6 {
    line-height: 1;
}

.oe24box .textualcontent.article.tile .label h6 {
    color: #d0013a;
}

.oe24box .textualcontent.featured section h3,
.oe24box .textualcontent.tile section.text h5 {
    font-family: 'oe24condensed',sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.oe24box .textualcontent.tile section.text h5 {
    font-size: 1.25rem;
}
 

@media (min-width: 768px) {
    .oe24box .textualcontent.featured section .preTitle h6,
    .oe24box .textualcontent.tile .thumb .label h6 {
        font-size: 1rem;
    }

    .oe24box .textualcontent.featured section h3 {
        font-size: 3.5rem;
    }

    .oe24box .textualcontent.tile section.text h5 {
        font-size: 1.75rem;
    }

    .oe24box .textualcontent.tile section.text span {
        display: -webkit-box;
        font-size: 1rem;
    }
    .oe24box .textualcontent.featured section .preTitle {
        padding: 3px 1% 0;
    }
    
}
.topWeatherImg {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/19.png") !important;
}

.topWeatherImg.img1 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/1.png") !important;
}

.topWeatherImg.img101 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/101.png") !important;
}

.topWeatherImg.img104 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/104.png") !important;
}

.topWeatherImg.img105 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/105.png") !important;
}

.topWeatherImg.img109 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/109.png") !important;
}

.topWeatherImg.img11 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/11.png") !important;
}

.topWeatherImg.img110 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/110.png") !important;
}

.topWeatherImg.img112 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/112.png") !important;
}

.topWeatherImg.img113 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/113.png") !important;
}

.topWeatherImg.img114 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/114.png") !important;
}

.topWeatherImg.img115 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/115.png") !important;
}

.topWeatherImg.img12 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/12.png") !important;
}

.topWeatherImg.img13 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/13.png") !important;
}

.topWeatherImg.img14 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/14.png") !important;
}

.topWeatherImg.img16_ {
    background-image: url(/images/mobile/top_weather_images/16_.png)!important;
}

.topWeatherImg.img17 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/17.png") !important;
}

.topWeatherImg.img19 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/19.png") !important;
}

.topWeatherImg.img2 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/2.png") !important;
}

.topWeatherImg.img20 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/20.png") !important;
}

.topWeatherImg.img25 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/25.png") !important;
}

.topWeatherImg.img3 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/3.png") !important;
}

.topWeatherImg.img30 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/30.png") !important;
}

.topWeatherImg.img31 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/31.png") !important;
}

.topWeatherImg.img33 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/33.png") !important;
}

.topWeatherImg.im34 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/34.png") !important;
}

.topWeatherImg.img37 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/37.png") !important;
}

.topWeatherImg.img38 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/38.png") !important;
}

.topWeatherImg.img4 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/4.png") !important;
}

.topWeatherImg.img49 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/49.png") !important;
}

.topWeatherImg.img5 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/5.png") !important;
}

.topWeatherImg.img50 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/50.png") !important;
}

.topWeatherImg.img54 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/54.png") !important;
}

.topWeatherImg.img55 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/55.png") !important;
}

.topWeatherImg.img6 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/6.png") !important;
}

.topWeatherImg.img7 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/7.png") !important;
}

.topWeatherImg.img72 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/72.png") !important;
}

.topWeatherImg.img73 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/73.png") !important;
}

.topWeatherImg.img77 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/77.png") !important;
}

.topWeatherImg.img78 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/78.png") !important;
}

.topWeatherImg.img8 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/8.png") !important;
}

.topWeatherImg.img9 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/9.png") !important;
}

.topWeatherImg.img97 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/97.png") !important;
}

.topWeatherImg.img98 {
    background-image: url("//appcdn.wetter.at/images/mobile/top_weather_images/98.png") !important;
}.resultlist tr.resultline:nth-child(even) {
  background-color: #11659B;
}
.resultlist tr.resultline:nth-child(odd) {
  background-color: #1275B4;
}
.resultlist tr.resultline.head {
  background-color: #1275B4;
}
.resultlist tr.resultline.head th{
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 10px 5px;
  border-bottom: 1px solid #EDF8FF;
  background-color: #1275B4;
}

.resultlist .resultline .resultCell a {
  color: #EDF8FF;
}

.resultlist .resultline .resultCell a:hover {
  color: #EDF8FF;
  text-decoration: none;
}

.resultCell a:hover span.status{
  color: #EDF8FF !important;
}

.tabboxfooter {
	position: absolute;
	bottom: 0;
  z-index: 1;
  text-align: center;
  background: #fff;
}

.tabboxfooter button {
  /* color: #1275B4; */
  background-color: #ffffff;
  transform: rotate(90deg);
  margin: auto;
  padding: 0;
  z-index: 999;
  display: inline-block;
  border: none;
  box-sizing: border-box;
  text-decoration: none;
  transition: all 0.2s;
  height: 35px;
  width: 21px;
  line-height: 25px;
  outline: none;
}
.tabboxfooter button:focus {
  outline: none;
}

.tabboxfooter svg {
  overflow: hidden;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 4px;
}
.tabboxfooter path {
  fill: #1275B4;
}

/* .tabboxfooter button:nth-of-type(2) {
  margin-left: 25px;
} */

.messnetztable {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  background: #1275b4;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.messnetztable.messnetztable--wrap{
  min-height: 300px;
  height: 300px;
}
.messnetztable .titlebar.bordered::after,
.messnetztable .titlebar.bordered::before{
  content: none;
}

.messnetztable .searchBoxContainer {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
}
.messnetztable .searchBoxContainer .searchBox {
  display: flex;
  width: 50%;
  border: 1px solid #0072b4;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  max-height: 30px;
}
.messnetztable .searchBoxContainer > .searchBox > span {
  place-self: center;
}
.messnetztable .searchBoxContainer > .searchBox > input {
  width: calc(100% - 50px);
  border: 0;
  overflow: hidden;
  outline: none;
}
.messnetztable .messnetztable__badewetter-inputWrap{
  position: relative;
}
.messnetztable .badewetter-inputWrap__icon-search {
  width: 18px;
  position: absolute;
  left: 10px;
  fill: #0072b4;
}
.messnetztable .messnetztable__badewetter-input{
  width: 100%;
  border: 1px solid #0072b4;
  outline: none;
  color: #000;
  font-size: 1rem;
  padding-left: 35px;
}

.messnetztable .messnetztable__badewetter-tip{
  display: none;
  font-family:  "RobotoCondesedReguler",sans-serif;
  font-weight: 600;
  color: #EDF8FF;
  text-align: center;
  margin-top: 30px;
}

.messnetztable .scrollable {
	height: auto !important;
	max-height: calc(100% - 50px);
	overflow-x: hidden;
  overflow-y: hidden;
  -ms-overflow-style: none;
  overflow-y: -moz-scrollbars-none;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
  background-color: #1275B4;
  /*border-radius: var(--border-radius);*/
}

.messnetztable .scrollable::-webkit-scrollbar {
    width: 0 !important;
}

.messnetztable .scrollable table {
    width: 100%;
}

.messnetztable .resultline.head {
  font-family:  "RobotoCondesedReguler",sans-serif;
  font-weight: 600;;
  color: #EDF8FF;
  font-size: 0.875rem;
}

.messnetztable .row {
  display: table;
  width: 100%;
  margin: 0;
}

.messnetztable .resultline {
  position: relative;
  display: table-row;
  overflow: hidden;
  width: calc(100% - 10px);
  padding: 10px 5px;
}
.messnetztable .messnetztable__content {
  display: table;
}
.messnetztable .resultCell {
  position: relative;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  display: table-cell;
  width: auto;
  padding: 10px 5px;
}
.messnetztable .resultCell:first-child {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
.messnetztable .resultline.head .resultCell:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.messnetztable .resultCell:last-child {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.messnetztable .resultline.head .resultCell:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.messnetztable .tabboxfooter {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.messnetztable .tabboxfooter .wetterButton {
  width: 100%;
  border-bottom: 1px solid #1275B4;
  border-right: 1px solid #1275B4;
  border-left: 1px solid #1275B4;
  background-color:#ffffff;
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  opacity: 0.4;
}
.messnetztable.messnetztable--wrap .wetterButton{
  opacity: 1;
}
.messnetztable .tabboxfooter .wetterButton.up{
  margin-right: 3px;
}
.messnetztable .tabboxfooter .wetterButton.down{
  margin-left: 3px;
}

@media (min-width: 880px) {
  .tabTwo .messnetztable .resultline.head .resultCell:nth-last-child(2) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .tabTwo .messnetztable .resultline .resultCell:last-child {
    display: none;
  }
  .tabTwo .messnetztable .resultline .resultCell:nth-last-child(2) {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
  }
}

@media (max-width: 392px) {
  .messnetztable .resultCell {
    padding: 7px 5px;
    font-size: 12px!important;
  }
}

.wetterFlapLayer {
    width: 100%;
    max-width: 960px;

    display: none;

    position: fixed;
    bottom: -315px;
    left: 0;
    right: 0;
    z-index: 1000;
    pointer-events: none;
}
.wetterFlapLayer.minimize {
    bottom: -315px !important;
}
.wetterFlapLayerHolyGrailVersion {
    padding: 2px;
}
.wetterFlapLayer .wetterFlapTxt {
    background-color: #1275b4;
    width: 34%;
    height: 70px;
    align-self: flex-end;
    border-top-left-radius: 20px;

    padding: 3% 0;
    box-shadow: 2px 0px 6px 1px rgba(0,0,0,.4);
    pointer-events: all;
}
.wetterFlapLayer .wetterFlapVideo {
    background-color: #1275b4;
    width: 60%;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    padding: 8px;
    box-shadow: 0px -8px 8px -6px rgba(0,0,0,0.4);
    pointer-events: all;
}
.wetterFlapLayer .wetterFlapSwap {
    background-color: #1275b4;
    width: 6%;
    height: 70px;
    align-self: flex-end;
    padding: 3% 1% 0 0;
    border-top-right-radius: 20px;
    box-shadow: 4px -6px 10px -6px rgba(0,0,0,0.4);
    pointer-events: all;
}

.wetterFlapLayer .wetterFlapTxt .wetterFlapHeadline {
    width: 88%;
    margin: 0 auto;
    display: block;
    text-decoration: none;
}

.wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionTxt {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1rem;
    text-align: center;
}

.wetterFlapLayer .customMessageBox {
    display: none;
}
.wetterFlapLayer .videoPlayerRelatedWrapper {
    display: none;
}
.wetterFlapLayer .videoLayerClose,
.wetterFlapLayer .videoLayerUp{
    cursor: pointer;    
}
.wetterFlapLayer .wetterFlapSwap img {
    width: 12px;
    height: 18px;
    display: block;
    margin: 0 auto;
}
.wetterFlapLayer .videoLayerUp img{
    transform: rotateZ(270deg);
    -webkit-transform: rotateZ(270deg);
    -moz-transform: rotateZ(270deg);    
}
.wetterFlapLayer .videoLayerClose img{
    transform: rotateZ(90deg);
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
}
.wetterFlapLayer .videoLayerUp {
    display: none;
}
.wetterFlapLayer .videoLayerClose{
    display: block;
}

.wetterFlapLayer .bigClipArea {
    width: 100%;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    min-height: 1px;    
}
.wetterFlapLayer .bigClipArea .videoPlayer {
    width: 100%;
}

/* Close State */
.wetterFlapLayer.tvLayerStart {
    bottom: 0;
    transition: bottom 1s ease-in;
}

.wetterFlapLayer.tvLayerEnd {
    bottom: 0;
    transition: bottom 1s ease-out;
    box-shadow: 0 0px 6px 1px rgba(0,0,0,.4);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.wetterFlapLayer.tvLayerEnd .videoLayerUp{
    display: inline-block;
}
.wetterFlapLayer.tvLayerEnd .videoLayerClose{
    display: none;
}

.wetterFlapLayer.tvLayerEnd .wetterFlapVideo {
    display: none;
}
.wetterFlapLayer.tvLayerEnd .wetterFlapTxt {
    width: 90%;
    height: 50px;
    padding: 0;
    
}
.wetterFlapLayer.tvLayerEnd .wetterFlapSwap {
    height: 50px;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;

    align-items: center;
    align-content: center;
    padding: 0;

    width: 10%;

    /* ONE TRUST */
    /*padding-bottom: 30px;*/
}

.wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;

    height: 100%;
    align-content: center;
}

.wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionImg {
    background: url("//appcdn.wetter.at/wetter_public/images/layout/logos/wetter-logo-2023.svg");
    background-repeat: no-repeat;
    background-position-y: 4px;
    display: block;
    transform: translate(10%,5%);
    height: 30px;
}
.wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionImg {
    display: inline-block;
    width: 25%;
    max-height: 30px;
    margin-bottom: 1%;
    margin-right: 10px;
    
}
.wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionTxt {
    display: inline-block;
    margin-left: 5px;
    font-size: 0.9rem;
    line-height: 1.8rem;
    
}

@-moz-document url-prefix() {
    .wetterFlapLayer .topVideoBoxHeadline .textPortalLeft,
    .wetterFlapLayer .topVideoBoxHeadline .textPortalRight {
        padding-top: 2px;
    }
}

/* second layout */


@media only screen and (min-width: 350px) {
    .wetterFlapLayer .wetterFlapTxt,
    .wetterFlapLayer .wetterFlapSwap {
        height: 90px;
    }
    .wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionTxt {
        font-size: 1.2rem;
    }
    .wetterFlapLayer .em2021 .wetterFlapTxt .wetterFlapDescriptionTxt {
        font-size: 1rem;
    }
    .wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionImg {
        margin-bottom: 5%;
    }
    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionTxt {
        font-size: 1.1rem;
        line-height: 2rem;
    }
    .wetterFlapLayer .videoLayerClose,
    .wetterFlapLayer .videoLayerUp {
        font-size: 1.2rem;
    }
}
@media only screen and (min-width: 500px) {
    .wetterFlapLayer .wetterFlapTxt,
    .wetterFlapLayer .wetterFlapSwap {
        height: 120px;
    }
    .wetterFlapLayer .wetterFlapTxt .wetterFlapHeadline {
        width: 90%;
    }
    .wetterFlapLayer .videoLayerClose,
    .wetterFlapLayer .videoLayerUp {
        font-size: 1.5rem;
    }
    .wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionTxt {
        font-size: 1.3rem;
        line-height: 1.4rem;
    }
    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionTxt {
        line-height: 2.2rem;
        font-size: 1.3rem;
    }
    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionImg {
        width: 20%;
    }

    .wetterFlapLayer .wetterFlapSwap img {
        width: 17px;
        height: 23px;
    }
}
@media only screen and (min-width: 700px) {
    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionImg {
        width: 15%;
        margin-right: 20px;
    }
}

@media only screen and (min-width: 800px) {
    .wetterFlapLayer .wetterFlapTxt .wetterFlapHeadline {
        width: 60%;
    }

    .wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionImg {
        margin-bottom: 9%;
    }
    .wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionTxt {
        font-size: 1.2rem;
    }

    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionImg {
        width: 23%;
    }
    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionTxt {
        line-height: 2.6rem;
        font-size: 1.3rem;
    }

    .wetterFlapLayer.tvLayerEnd .wetterFlapSwap {
        padding-bottom: 0;
    }
}

@media only screen and (min-width: 960px) {
    .wetterFlapLayer {
        margin: 0 auto;
    }
}

@media only screen and (min-width: 990px) {
    .wetterFlapLayer .wetterFlapTxt {
        width: 454px;
        height: 50px;
        padding: 12px 0;
    }
    .wetterFlapLayer .wetterFlapVideo {
        width: 448px;
        height: 252px;
    }
    .wetterFlapLayer .wetterFlapSwap {
        width: 58px;
        height: 60px;
        /* align-self: auto; */
        padding: 2% 1%;
    }

    .wetterFlapLayer .wetterFlapTxt .wetterFlapHeadline {
        width: 95%;
        text-align: center;
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
    }

    .wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionImg {
        width: 23%;
        display: inline-block;
        margin-bottom: 6px;
    }
    .wetterFlapLayer .wetterFlapTxt .wetterFlapDescriptionTxt {
        font-size: 1.6rem;
        display: inline-block;
        margin-left: 5px;
        padding: 0 0 0 15px;
    }

    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt {
        width: 902px;
    }
    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt,
    .wetterFlapLayer.tvLayerEnd .wetterFlapSwap {
        padding: 2% 0;
    }

    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionTxt {
        font-size: 1.6rem;
        margin-left: 0;
        padding: 0;
    }
    .wetterFlapLayer.tvLayerEnd .wetterFlapTxt .wetterFlapHeadline .wetterFlapDescriptionImg {
        margin-bottom: 7px;
        width: 12%;
    }
    .wetterFlapLayer.tvLayerEnd .wetterFlapSwap {
        width: 6%
    }


}

@media only screen and (min-width: 1024px) {
    .wetterFlapLayer {
        left: 5px;
        margin: 0;
    }

    body.center .wetterFlapLayer {
        left: auto;
        right: auto;
        margin: 0 auto;
    }
}

/* onetrust - do be transfered to onetrust later */
#onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
    transform: translateX(100vw) translate(-130%, -10px);
    bottom: 0;
}
@media only screen and (max-width: 767px) {
    #onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
        width: 30px !important;
        height: 30px !important;
    }
    #onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
        transform: translateX(100vw) translate(-110%, -30px) !important;
    }
    .closePopupVideo #onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
        transform: translateX(0vw) translate(0%, -3px) !important;
    }
}

@media only screen and (min-width: 500px) {
    #onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
        transform: translateX(100vw) translateX(-200%);
    }
}
@media only screen and (min-width: 800px) {
    #onetrust-consent-sdk #ot-sdk-btn-floating.ot-floating-button {
        transform: none;
        bottom: 10px;
    }
}.lexikon {
    margin-top: 10px;
    width: 100%;
}

.lexikon h1 {
    width: 100%;
    font-size: 1.25rem;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 600;
    background-color: #0075b4;
    color: #fff;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 5px 10px;
    margin-bottom: 0;
    line-height: 1.3;
    border-bottom: 1px solid #ffd727;
}

.lexikon .lexikon-wrapper {
    border-right: 1px solid #1275B4;
    border-left: 1px solid #1275B4;
    border-bottom: 1px solid #1275B4;
    padding: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.lexikon ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 2px;
    padding-bottom: 10px;
    border-bottom: 1px solid #1275B4;
    justify-content: space-between;
}

.lexikon ul li:nth-child(odd) {
    background-color: #EDF8FF;
}

.lexikon .alphabet li {
    flex-direction: row;
    width: 10%;
    margin: 2px;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #1275B4;
}

.lexikon .alphabet li.active {
    background-color: #1275B4;
    color: white;
}

.lexikon .alphabet li:last-child {
    border-right: none;
    margin-right: 77%;
}

.lexikon .alphabet li > a {
    display: block;
    text-decoration: none;
    color: #1275B4;
}
.lexikon .alphabet li > a:hover {
    text-decoration: none;
    color: #1275B4;
}

.lexikon .list {
    width: 100%;
}

.lexikon .list h2 {
    font-size: 1.875rem;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    border-bottom: 1px solid #1275B4;;
    padding-left: 3%;
}

.lexikon .list .flow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.lexikon .list .flow a.term {
    font-family: "RobotoCondensedLight",sans-serif;
    font-weight: bold;
    font-size: 1rem;
    color: #000;
    display: block;
    width: 99%;
    background-color: #e5f1f7;
    margin: 2px 2px;
    padding-left: 4px;
}

.lexikon .list .flow a.term:hover {
    background-color: #fff;
    text-decoration: none;
    color: #005583;
}

.lexikon .list .flow .lexText {
    padding: 10px;
    margin: 5px 0;
    border-top: 1px solid #1275B4;
    border-bottom: 1px solid #1275B4;
}

.lexikon .list .flow .lexText h3 {
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
}

.lexikon .list .flow .lexText span {
    font-size: 0.75rem;
}

@media (min-width: 375px) {
    .lexikon .alphabet li {
        width: 11%;
    }
    .lexikon .alphabet li:last-child {
        margin-right: 76%;
    }
}
@media (min-width: 540px) {
    .lexikon h1 {
        font-size: 1.3rem;
    }
    .lexikon .alphabet li {
        flex-direction: row;
        width: 3.5%;
        margin: auto;
    }
    .lexikon .alphabet li:last-child {
        margin-right: 0%;
    }
    .lexikon .list .flow a.term {
        width: 49%;
    }
    .lexikon .list .flow .lexText {
        padding: 10px 40px;
    }
    .lexikon .list .flow .lexText h3 {
        font-size: 1.75rem;
    }
    .lexikon .list .flow .lexText span {
        font-size: 0.875rem;
    }
}
.overlayMainContentBody .appOverlayBanner {
    position: relative;
}

.overlayMainContentBody .appOverlayBanner .box {
    margin-bottom: 0px!important;
}

.overlayMainContentBody .appOverlayBanner .appOverlayFooter {
    position: relative;
    bottom: 2px;
}

.overlayMainContentBody .appOverlayBanner .appOverlayFooter .android {
    position: absolute;
    right: 22px;
    top: -1px;
    width: 16%;
}

.overlayMainContentBody .appOverlayBanner .appOverlayFooter .ios {
    position: absolute;
    right: 22px;
    bottom: 0px;
    padding: 1%;
    width: 16%;
}.sunMoonBox {
    max-width: 100%;
    max-height: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    padding-top: 10px;
}

.sunMoonBox .col {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    height: 100%;
    max-height: 110px;
    margin: 5px 0;
    background-color: #52A7D1;
    background-image: linear-gradient(#52A7D1, #0072b4 65%);
    border-radius: 10px;
    text-align: center;
    /*Hacks for Safari , iPhone 5, IOS 6/ IOS 7 / IOS 8 */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.sunMoonBox .col.sun,
.sunMoonBox .col.moon {
    padding-top: 5px;
}

.sunMoonBox p {
    display: block;
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
}

.sunMoonBox .sunrise,
.sunMoonBox .moonrise,
.sunMoonBox .sunset  {
    display: flex;
    display: -webkit-flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}

.sunMoonBox .moonset {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
} 

.sunMoonBox .moonPhase {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    padding: 0 10px;
}

.sunMoonBox .sunset span {
    order: 2;
    text-align: center;
} 

.sunMoonBox .sunrise img,
.sunMoonBox .sunset img {
   max-width: 35%;
   margin: 0 auto;
}

.sunMoonBox .moon img {
    max-width: 30%;
    margin: 0 auto; 
}

.sunMoonBox .moonPhase img {
    max-width: 25%;
    margin: 10px auto;
} 

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

    .sunMoonBox {
        flex-direction: row;
        display: flex;
    }

    .sunMoonBox .col {
        flex-direction: column;
        margin: 5px 0;
        height: auto;
        max-height: 100%;
        background-color: #52A7D1;
        background-image: linear-gradient(#52A7D1, #0072b4 65%);
        padding: 15px 10px 0;
        margin: 0 2px;
    }

    .sunMoonBox .col.sun,
    .sunMoonBox .col.moon {
        padding-top: 15px;
    }

    .sunMoonBox .sunrise,
    .sunMoonBox .moonrise {
        flex-direction: column;
        padding-bottom: 10px;
    }

    .sunMoonBox .col p {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.1;
    }

    .sunMoonBox .sunset span {
        order: 1;
        text-align: center;
    } 

    .sunMoonBox .sunrise img,
    .sunMoonBox .sunset img {
        max-width: 60%;
    }

    .sunMoonBox .moonPhase img {
        max-width: 60%;
    }

    .sunMoonBox .moonPhase {
        padding-bottom: 10px;
    }

    .sunMoonBox .moon img {
        max-width: 55%;
    }
}

.weatherLastYearBox {
    padding: 10px 0;
}

.weatherLastYearBox h6 {
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: center;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.weatherLastYearBox .icon {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
}

.weatherLastYearBox .icon span {
    padding-top: 4%;
}

.weatherLastYearBox .details {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.weatherLastYearBox .details  p {
    margin-bottom: 0;
    font-family: 'opensans', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}

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

    .weatherLastYearBox .icon {
        padding-bottom: 10px;
    }
    
    .weatherLastYearBox .icon span {
        padding-top: 1%;
    }
}

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

    .lastYearContent {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 10px;
    }

    .weatherLastYearBox h6 {
        font-size: 1.25rem;
        -webkit-line-clamp: 2;
        text-align: left;
        padding-left: 5px;
        padding-top: 5px;
        max-width: 30%;
    }

    .weatherLastYearBox .icon {
        flex-direction: column;
        position: relative;
        left: 0%;
        padding: 0;
    }

    .weatherLastYearBox .icon img {
        position: absolute;
        top: -25%;
    }
    
    .weatherLastYearBox .icon span {
        position: absolute;
        top: 55%;
    }

    .weatherLastYearBox .details {
        font-size: 1.125rem;
    }

    .weatherLastYearBox .details div.temp {
        padding-left: 0;
    }

    .weatherLastYearBox .details div {
        padding: 0 10px 0 20px;
    }

    .weatherLastYearBox .details p {
        font-size: 1rem;
    }
}


.sun-moon-box {
    color: white;
    max-width: 100%;
    max-height: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    padding-top: 10px;
    padding: 10px;
    background-color: #52A7D1;
    background-image: linear-gradient(#1275B4, #093B5A 100%);
    border-radius: 10px;
}

.sun-moon-box > div{
    display: flex;
    justify-content: space-between;    
    align-items: center;
}

.sun-moon-box .phases {
    justify-content: space-around;
    padding-bottom: 6px;
    padding-top: 16px;
}

.phase-circle {
    width: 120px;
    height: 60px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom: 0px!important;
    position: relative;
}

.phase-circle.sun {
    border: 2px solid white;
}

.phase-circle.moon {
    border: 2px solid #9AD0F2;
}

.sun-position {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin: -10px;
    transform: rotate(0deg) translate(-60px) rotate(0deg);
}

.sun-position img {
    width: 22px;
}

.moon-position {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin: -10px;
    transform: rotate(0deg) translate(-60px) rotate(0deg);
}

.moon-position img {
    width: 22px;
}

.phase-footer {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    align-items: flex-end;
    margin-left: -10px;
    margin-right: -10px;
}

.phase-footer img {
    width: 22px;
}

.sun-moon-box-footer {
    font-size: 9px;
}

.sun-moon-box-footer > div {
    display: flex;
    flex-direction: column;
    font-family: "RobotoRegular", sans-serif;
}

.sun-moon-box-footer .left-footer {
    align-items: flex-start;
}

.sun-moon-box-footer .center-footer {
    align-items: center;
}

.sun-moon-box-footer .right-footer {
    align-items: flex-end;
}

.sun-moon-box-footer img {
    width: 22px;
}

.sun-moon-box-header img{
    width: 30px;
    height: 30px;
}

.sun-moon-box-header .location-name,
.sun-moon-box-header .current-temp {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.sun-moon-box-header .rain-text {
    font-size: 9px;
    align-self: center;
/* margin-bottom: 11px; */
}

.sun-moon-box-header {
    line-height: 1rem;
}

.rain-text > .humidity {
    border-bottom: 2px solid #FFD727;
    color: #FFD727;
}

.small-text {
    font-size: 9px;
}

.yellow-arrow-down img{
    transform: rotate(180deg);
}

.blue-arrow-down img{
    transform: rotate(180deg);
}

@media screen and (min-width: 360px) {
    .sun-moon-box-header .location-name,
    .sun-moon-box-header .current-temp {
        font-size: 1.25rem;  
    }
    .sun-moon-box-header .location-name {
        width: 60%;
    }
    .sun-moon-box-header .rain-text,
    .sun-moon-box-footer > div span {
        font-size: 0.75rem;
    }
    .phases .phase-footer {
        font-size: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .sun-moon-box-header .location-name,
    .sun-moon-box-header .current-temp {
        font-size: 1.375rem;  
    }
    .sun-moon-box-header .location-name {
        width: 75%;
    }
    .sun-moon-box-header .rain-text,
    .sun-moon-box-footer > div span {
        font-size: 0.875rem;
    }
    .phases .phase-footer {
        font-size: 0.875rem;
    }
    .phase-circle {
        width: 200px;
        height: 100px;
    }
    .sun-position {
        bottom: 40px;
    }
    .moon-position {
        bottom: 40px;
    }
}.box.consoleSlider {
    position: relative;
    padding-top: 50%;
}
.box.consoleSlider.loaded {
    padding-top: 0;
}

.box.consoleSlider .titlebar {
    position:absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.box.consoleSlider.loaded .titlebar {
    position: relative;
}

.box.consoleSlider.loaded .titlebar.bordered {
    border: none;
}

.box.consoleSlider.loaded .titlebar.bordered::before {
    content: unset;
}

.box.consoleSlider.loaded .titlebar.bordered::after {
    content: unset;
}

.box.consoleSlider.loaded {
    border: 1px solid #1275B4;
}

.box.consoleSlider .owl-item::after {
    position: absolute;
    bottom: 0px;
    content: "";
    width: 100%;
    height: 90px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 54%, rgba(0,0,0,0.639093137254902) 81%, rgba(0,0,0,0.8799894957983193) 94%, rgba(0,0,0,1) 99%);
}

.box.consoleSlider .owl-item .item {
    position: relative;
}

.box.consoleSlider .lightsliderContainer .item {
    position: relative;
    display: none;
}

.box.consoleSlider.loaded .lightsliderContainer .item {
    display: block;
}
.box.consoleSlider .lightsliderContainer .item.ad::after {
    content: 'Werbung';
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.7);
    color: white;
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 1px 8px 0;
}

.box.consoleSlider .owl-item .item h2 {
    position: absolute;
    bottom: 0;
    color: #fff;
    margin: 20px 12px;
}

.box.consoleSlider .nav.mobileOnly {
    position: relative;
}

.box.consoleSlider .nav.mobileOnly > span {
    text-align: center;
    align-self: center;
    flex: 1 100%;
}

.box.consoleSlider .sliderContainer {
    position: relative;
}
.box.consoleSlider .sliderContainer .lSPrev,
.box.consoleSlider .sliderContainer .lSNext{
    background: none;
}
.box.consoleSlider .nav .counter {
    position: absolute;
    top: -30px;
    right: 5px;
    color: #1275b4;
}

.box.consoleSlider .nav button {
    position: absolute;
    background-color: #0075b4;
    outline: none;
    border: 0;
    margin: 0;
    padding: 3px;
    width: 22px;
    height: 35px;
    top: 50%;
}

.box.consoleSlider .nav button:nth-of-type(1) {
    left: 0px;
    border-bottom-right-radius: 70%;
    border-top-right-radius: 70%;
}

.box.consoleSlider .nav button:nth-of-type(2) {
    right: 0px;
    border-bottom-left-radius: 70%;
    border-top-left-radius: 70%;
}


.box.consoleSlider .nav button svg {
    width: 100%;
    height: 100%;
    padding: 5px 3px;
}

.box.consoleSlider .nav button svg path {
    stroke-width: 1px;
    stroke: #ffffff;
    fill: #ffffff;
}
.box.consoleSlider picture.responsive {
    background-color: #fff;
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}
.box.consoleSlider picture.responsive>img {
    border-radius: var(--border-radius);
}
.box.consoleSlider .lSSlideOuter .lSPager.lSGallery img{
    border-radius: var(--border-radius);
}

@media (max-width: 880px) {
    .box.consoleSlider .owl-item .item h2 {
        font-size: 7vw;
    }
}

@media (min-width: 768px) {
    .box.consoleSlider .nav button svg path {
        stroke-width: 0px;
    }
}

/* plus story */

/* .box.consoleSlider .lightsliderContainer .item.plus {
    position: relative;
} */

.box.consoleSlider .lightsliderContainer .item.plus:before {
    content: " ";
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 90px;
    height: 30px;
    background: url("//appcdn.wetter.at/images/logos/oe24plus-logo.svg") 0 0 no-repeat;
    z-index: 100;
}
@media (min-width: 425px){
    .box.consoleSlider .nav button {
        top: 50%;
    }
}

@media (min-width: 768px) {
    .box.consoleSlider .lightsliderContainer .item.plus:before {
        top: 10px;
        right: 10px;
        width: 100px;
        height: 35px;
    }

    .box.consoleSlider .nav button {
        width: 44px;
        height: 70px;
        padding: 6px;
        top: 50%;
    }

    .box.consoleSlider .nav button svg {
        padding: 10px 6px;
    }
}

@media (min-width: 1024px) {
    .box.consoleSlider .nav button {
        top: 50%;
    }
}

.box.consoleSlider .sliderContainer .lSSlideWrapper.usingCss {
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.box.narrowSlider {
    position: relative;
    padding-top: 25%;
}

.box.narrowSlider.loaded {
    padding-top: 0;
}

.box.narrowSlider .lSSlideOuter {
    border-radius: 10px;
}

.box.narrowSlider .lSSlideOuter .lightSlider {
    height: auto !important;
}

.box.narrowSlider .lightsliderContainer {
    background-color: #1275B4;
    overflow: hidden;
}

.box.narrowSlider .lightsliderContainer .item {
    position: relative;
    display: none;
}

.box.narrowSlider.loaded .lightsliderContainer .item {
    display: block;
    padding: 10px 15px; 
}

.box.narrowSlider.loaded .lightsliderContainer .item a {
    display: block;
}

.box.narrowSlider.loaded .lightsliderContainer .item a:hover {
    text-decoration: none;
}

.box.narrowSlider.loaded .lightsliderContainer .item .img-col {
    position: relative;
    padding-top: 15%;
}

.box.narrowSlider.loaded .lightsliderContainer .item .img-col img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 30%;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

.box.narrowSlider.loaded .lightsliderContainer .item a .title-col {
    width: 85%;
    height: 100%;
    position: absolute;
    bottom: 0%;
    background: rgb(18,117,180);
    background: linear-gradient(90deg, rgba(18,117,180,1) 83%, rgba(18,117,180,0) 100%);
    display: flex;
    align-items: center;
}

.box.narrowSlider.loaded .lightsliderContainer .item a .title-col > h2 {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #fff;
    line-height: 1.1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    text-shadow: 3px 3px 4px rgba(0,0,0,0.2);
}

.box.narrowSlider .nav button {
    position: absolute;
    background-color: #0A4367;
    outline: none;
    border: 0;
    margin: 0;
    padding: 2px;
    width: 14px;
    height: 75%;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.box.narrowSlider .nav button:nth-of-type(1) {
    left: 0px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

.box.narrowSlider .nav button:nth-of-type(2) {
    right: 0px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}

.box.narrowSlider .nav button svg {
    width: 100%;
    height: 100%;
}

.box.narrowSlider .nav button svg path {
    fill: #ffffff;
    stroke-width: 0.5px;
    stroke: #ffffff;
}

@media screen and (min-width: 350px) {
    .box.narrowSlider.loaded .lightsliderContainer .item {
        padding: 10px 20px;
    }
    .box.narrowSlider.loaded .lightsliderContainer .item a .title-col > h2 {
        font-size: 1.25rem;
    }
}

@media screen and (min-width: 768px) {
    .box.narrowSlider.loaded .lightsliderContainer .item {
        padding: 10px 25px;
    }
    .box.narrowSlider.loaded .lightsliderContainer .item a .title-col > h2 {
        font-size: 2.875rem;
    }
    .box.narrowSlider .nav button {
        width: 20px;
        height: 85%;
    }

    .box.narrowSlider .nav button svg path {
        stroke-width: 0px;
    }
}

@media screen and (min-width: 880px) {
    .box.narrowSlider.loaded .lightsliderContainer .item {
        padding: 15px 35px;
    }
    .box.narrowSlider.loaded .lightsliderContainer .item a .title-col > h2 {
        font-size: 3.4375rem;
    }
    .box.narrowSlider .nav button {
        width: 25px;
        height: 85%;
    }
}


/* content area */

@media screen and (min-width: 880px) {
    .tabOne .box.narrowSlider.loaded .lightsliderContainer .item a .title-col > h2 {
        font-size: 2.5rem;
    }
    .tabOne .box.narrowSlider .nav button {
        width: 20px;
        height: 75%;
    }
    .tabOne .box.narrowSlider.loaded .lightsliderContainer .item {
        padding: 15px 30px;
    }
}


/* teaser area */

@media screen and (min-width: 880px) {
    .tabTwo .box.narrowSlider.loaded .lightsliderContainer .item a .title-col > h2 {
        font-size: 1.2rem;
    }
    .tabTwo .box.narrowSlider .nav button {
        width: 15px;
        height: 70%;
    }
    .tabTwo .box.narrowSlider.loaded .lightsliderContainer .item {
        padding: 10px 20px;
    }
}
.sliders.responsiveSlider {
    background-color: #EDF8FF;
    position: relative;
    min-height: 320px;
    border-radius: var(--border-radius);
    border: 1px solid #1275B4;
}
.sliders.responsiveSlider .lSSlideOuter .lightSlider {
    height: auto !important;
    /* display: grid;
    grid-template-columns: repeat(6, 1fr); */
}

.sliders.responsiveSlider .lSSlideOuter .lSPager {
    margin: 0 0 12px 0 !important;
}

.sliders.responsiveSlider .lSSlideOuter .lSPager.lSpg>li a {
    background-color: #659AB9;
}

.sliders.responsiveSlider .lSSlideOuter .lSPager.lSpg>li.active a {
    background-color: #0074B7;
}

.sliders.responsiveSlider .title {
    padding-top: 10px;
    display: flex;
    color: #0075B4;
}

.locationtip h5{
    padding-top:7px;
    font-family: "RobotoMedium", sans-serif!important;
    color: #1275B4!important;
    font-size: 0.875rem!important;
    font-weight:400!important;
    line-height: 1.2!important;
}

.sliders.responsiveSlider .title h4 {
    margin: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    overflow: hidden;
    font-family: "RobotoMedium", sans-serif;
    font-size: 1rem;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    padding: 0 0 0 5px;
}

.sliders.responsiveSlider .textualcontent.tile {
    padding: 10px 20px;
}

.sliders.responsiveSlider .textualcontent.tile .thumb .label {
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
    background-color: #0075b4;
    opacity: 0.86;
    width: 100%;
    min-height: 10%;
    max-height: 40%;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.sliders.responsiveSlider .textualcontent.tile .thumb .label>* {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 2px 5px 1px;
}
.sliders.responsiveSlider .textualcontent.tile .thumb .thumbnail {
    border-radius: var(--border-radius);
}

.sliders.responsiveSlider .textualcontent.tile .thumb span h6 {
    font-size: 1.24rem;
    font-weight: 700;
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    padding: 2px 0;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2 !important;
    word-break: break-word;
    display: -webkit-box;
    box-orient: vertical;
    text-transform: unset;
}

.sliders.responsiveSlider .textualcontent.tile .text {
    margin: 6px 0;
    font-size: .85rem !important;
    font-family: "OpenSans", sans-serif;
}
.sliders.responsiveSlider .lSPrev,
.sliders.responsiveSlider .lSNext{
    background: none;
}

@media screen and (min-width: 768px) {
    .sliders.responsiveSlider .lSSlideOuter {
        padding: 0px 16px;
    }
    .sliders.responsiveSlider .title h4  {
        font-size: 1.15rem;
    }
}

@media screen and (min-width: 768px) and (max-width: 880px) {
    .sliders.responsiveSlider .lSSlideOuter {
        padding: 0px 4px;
    }
}

@media screen and (min-width: 880px) {
    .tabTwo .sliders.responsiveSlider .lSSlideOuter {
        padding: 0px 0px;
    }
    .tabTwo .sliders.responsiveSlider .lightsliderContainer {
        min-height: 225px !important;
        display: block;
    }
    .tabTwo .sliders.responsiveSlider .lightsliderContainer>* {
        /* width: 300px !important; */
        min-height: 225px !important;
    }
}
.titlebar.bordered {
    position: relative;
    background-color: white;
    width: 100%;
    margin: auto;
    padding: 8px 10px 5px 0px;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-top: 1px solid #1275B4;
    border-left: 1px solid #1275B4;
    border-right: 1px solid #1275B4;
}

.titlebar.bordered::before {
    position: absolute;
    left: -1px;
    content: " ";
    display: block;
    height: 45px;
    border-left: 1px solid#1275B4;
    background-color: transparent;
    width: 100%;
    z-index: 1;
}

.titlebar.bordered::after {
    position: absolute;
    right: -1px;
    content: " ";
    display: block;
    height: 20px;
    border-right: 1px solid#1275B4;
    background-color: transparent;
    width: 100%;
    z-index: 1;
}

.titlebar.bordered h3 {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    padding: 0 10px;
    margin-bottom: 0;
    color: #0069b3;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (min-width: 768px) {
    .titlebar.bordered h3 {
        font-size: 1.125rem;
    }

    .tabTwo .titlebar.bordered h3 {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 880px) {
    .tabTwo .titlebar.bordered h3 {
        font-size: 1rem;
    }
}
.titlebar.layout21.clean {
    display: flex;
    background-color: #ffffff;
    padding: 7px 0 2px;
    border-bottom: 1px solid #0072b4;
    width: 100%;
}
.titlebar.layout21.clean > h3 {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: #0069b3;
    text-transform: uppercase;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 5px;
}

@media screen and (min-width: 768px) {
    .titlebar.layout21.clean > h3   {
        font-size: 1.15rem;
    }
}/* @media (min-width: 768px) {
    header div.mobile {
        display: none !important;
    }
 }

 @media (max-width: 767px) {
    header div.mobile {
        display: block;
    }
 }

 div.mobile .bkg {
    position: relative;
    border-bottom: 2px solid #fff;
    background-color: #0072b4;
    z-index: 100;
    height: 70px;
 }

 div.mobile .logo {
    display: inline-block;
    min-width: 235px;
    max-width: 260px;
    / * height: 80px;
    max-height: 80px; * /
    margin-left: 40px;
    text-align: left;
    padding: 10px 0 0 0;
 }

 div.mobile .logo img {
    max-width: 60%;
    padding-left: 20px;
 }

 @media screen and (min-width: 321px) {
   div.mobile .logo img {
      max-width: 65%;
      padding-left: 40px;
   }
 }

 @media screen and (min-width: 345px) {
   div.mobile .logo {
      padding: 10px 0 0 0;
   }
   div.mobile .logo img {
      max-width: 65%;
      padding-left: 15px;
   }
 }

 div.mobile .bkg .oe24 {
   position: absolute;
   right: 10px;
   top: 10px;
 }

 div.mobile .bkg .oe24 > a {
   display: block;
   background-color: #d0013a;
   text-align: center;
   width: 50px;
   border-radius: 5px;
 }

 div.mobile .bkg .oe24 a img {
   display:inline-block;
   width: 85%;
 }

 div.mobile .bkg .currentPage {
   display: flex;
   justify-content: space-around;
   padding: 10px 5px 17px;
 }

 div.mobile .bkg .currentPage a {
   font-size: 11px;
   font-weight: 600;
   color: #0072b4; 
   text-align: center;
   text-transform: uppercase;
   display: flex;
   padding: 1px 10px;
   margin-right: 5px;
   border: 1px solid #edf8ff;
   background-color: #edf8ff;
   border-radius: 5px;
 }

 div.mobile .bkg .currentPage a {
   text-decoration: none;
 }

 div.mobile .bkg .currentPage a.active {
   color: #0072b4;
   background-color: #ffd727;
   border: 1px solid #ffd727;
 }

 div.mobile .bkg .currentPage a.disabled {
   color: #fff;
   background-color: transparent;
   border: 1px solid #fff;
 }

@media screen and (min-width: 345px) {
   div.mobile .bkg .currentPage {
      justify-content: flex-start;
      padding: 10px 12px 17px;
   }
   div.mobile .bkg .currentPage a {
      padding: 0 20px;
   }
}

 div.mobile .toolbar {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 10px;
    min-width: 65px;
 }

div.mobile .toolbar .link > a:hover {
    border-bottom: solid 2px #ffd727;
}

 div.mobile .toolbar .link > a {
    text-transform: uppercase;
    color: white;
    text-decoration: none;
 } */
/*
.top-weather-mobile {
    font-family: "RobotoRegular", sans-serif;
    min-height: 250px;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat;
}

.weather-top-wrapper {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 30px;
    padding-bottom: 4px;
    z-index: 1;
}

.top-weather-mobile .lSSlideOuter {
    position: relative;
}

.top-weather-mobile .lSSlideOuter .lightSlider {
    height: auto !important;
}

.top-weather-mobile .lSSlideOuter .lSPager.lSpg {
    padding-top: 20px;
    position: absolute;
    top: 0px;
    width: -webkit-fill-available;
}

.top-weather-mobile .lSSlideOuter .lSPager.lSpg>li a {
    background: white;
}
.top-weather-mobile .lSSlideOuter .lSPager.lSpg>li.active a {
    background: #FFC100;
}

.weather-header {
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding-left: 65px;
}

.weather-header > .webcam {
    position: absolute;
    font-size: 10px;
    background-color: #1275B4;
    padding: 6px;
    bottom: -11px;
    left: -12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: 2px 6px 9px 1px rgb(0 0 0 / 25%);
    color: white;
}
.weather-header > .webcam:hover {
    text-decoration: none;
}

.weather-header > .weather-location {
    padding-right: 5px;
    border-right: 1px solid white;
    text-align: right;
    position: relative;
    color: white;
}

.weather-header > .weather-location:hover {
    text-decoration: none;
}
.weather-header .weather-location {
    display: flex;
}

.weather-header .weather-location .weather-location__title{
    margin-right: 7px;
    display: flex;
    align-items: center;
    font-weight: 400;
}
.weather-header .weather-location .weather-location__title p{
    margin: 0px;
    padding: 0px;
    text-align: left;
    text-shadow: 1px 1px 2px black;
    line-height: 1.2;
}
.weather-header .weather-location .weather-location__title p:first-child{
    width: 74px;
}

@media (min-width: 375px) {
    .weather-header .weather-location .weather-location__title p:first-child{
        width: 104px;
    }
}
.weather-header .weather-location .weather-location__title p:last-child{
    font-size: 32px;
}
.weather-header > .location-add-button {
    font-size: 20px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #EDF8FF;
    color: #1275B4;
    align-content: center;
    line-height: 20px;
    padding-right: 6px;
    padding-left: 2px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.weather-header > .location-remove-button {
    font-size: 20px;
    position: relative;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #EDF8FF;
    color: #1275B4;
    align-content: center;
    line-height: 20px;
    padding-right: 6px;
    padding-left: 2px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.weather-header > .location-add-button.progress,
.weather-header > .location-remove-button.progress {
    right: 0px;
    width: 19px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.weather-location .country {
    font-size: 14px;
    line-height: 1;
    text-shadow: 1px 1px 2px black;
}
.weather-location .area {
    font-family: "RobotoMedium", sans-serif;
    font-size: 20px;
    font-weight: 50;
    line-height: 1;
    text-shadow: 1px 1px 2px black;
    text-decoration: underline;
    display: flex;
    align-items: center;
}

.weather-location .area .info {
    width: 20px;
    height: 15px;
}

.weather-location .wind {
    font-size: 12px;
}

.weather-info-today {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: -17px;
    margin-bottom: -15px;
}

.weather-info-today .now-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.weather-info-today .now-text > time,
.weather-info-today .now-text > .weather-description {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1rem;
}

.weather-info-today .now-text > .weather-description {
    font-weight: 600;
    line-height: 0.9;
}


.weather-info-today > .now-degree {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.weather-info-today > .now-degree > .degree {
    font-size: 51px;
}

.weather-info-hourly {
    display: flex;
    font-size: 11px;
    background-color: #1275B4;
    border-radius: 10px;
    overflow-x: auto;
}

.weather-info-hourly > .hourly-info-box {
    padding: 5px;
    text-align: center;
    padding: 5px 15px;
}


.hourly-info-box > .hour{
    font-size: 10px;
}

.hourly-info-box > .degree-top {
    font-size: 12px;
}

.hourly-info-box > .degree-low {
    color: #9AD0F2;
}

.hourly-info-box > .humidity{
    font-size: 10px;
}

.weather-info-hourly .daySeparator{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    background-color: #FFC100;
}

.weather-info-hourly .daySeparator span{
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
    color: #000;
}

img.weathericon {
    width: 37px;
}

.top-weather-buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 6px;
}

.top-weather-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#ffffff, #EDF8FF);
    border-radius: 12px;
    border: 0px;
    padding: 0 6px;
    width: 32%;
}

.top-weather-button span {
    font-family: "RobotoMedium", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: black;
    padding: 3px;
    line-height: 1;
}

@media (max-width: 330px) {
    .top-weather-button span {
        font-size: 11px;
    }
}

@media (min-width: 331px) and (max-width: 364px) {
    .top-weather-button span {
        font-size: 12px;
    }
}

.top-weather-button img {
    width: 16px;
}

.weather-info-hourly.scrolling-wrapper img {
    margin: -9px;
}

.rain-icon {
    margin-top: -4px;
}

.weather-top-wrapper.hasWarnings .top-weather-button.warning .text-false {
    display: none;
}

.weather-top-wrapper:not(.hasWarnings) .top-weather-button.warning .text-true {
    display: none;
}
.weather-top-wrapper:not(.hasWarnings) .top-weather-button.warning .icon-true {
    display: none;
}
*/.searchbox-ski {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    padding: 7px 5px;
    background-image: url("//appcdn.wetter.at/wetter_public/images/header/header-ski-bg.jpg");
    background-position: center;
}

@media screen and (min-width: 768px) {
    .searchbox-ski {
        width: 70%;
        padding: 0;
        background-image: unset;
    }
}

.searchbox-ski .titel-ski {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-right: 5px;
}

.searchbox-ski .titel-ski span {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1275B4;
    background-color: #FED727;
    padding: 1px 10px;
    border-radius: 20px;
    width: max-content;
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .searchbox-ski .titel-ski span {
        font-size: 1rem;
    }
}

.searchbox-ski .titel-ski span:first-child {
    margin-bottom: 2px;
}

.searchbox-ski .bar {
    width: 100%;
    background: white;
    border-radius: 20px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .4);
    display: flex;
    max-height: 38px;
}

.searchbox-ski .bar .toggler {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #0069b3;
    width: 42px;
    height: 35px;
    border-radius: 7px 0 0 7px;
    padding: 10px;
    top: 0;
    display: none;
}

.searchbox-ski .typeahead__container {
    display: inline-block;
    width: 100%;
    z-index: 99999;
}

.searchbox-ski .typeahead__container .typeahead__field {
    border-radius: 20px;
    color: #555;
}

.searchbox-ski .typeahead__container .typeahead__field .typeahead__query {
    background-color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 1px solid rgba(37, 83, 127, 0.8);
}

.searchbox-ski .bar input {
    font-family: RobotoCondensedRegular;
    width: 95%;
    border: 0;
    outline: 0;
    color: #6c757d;
    font-size: 18px;
    margin-left: 5px;
    max-height: 37px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-right: 0;
    padding-left: 3px;
}

.searchbox-ski .typeahead__container .typeahead__button {
    background-color: #24537e;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.searchbox-ski .typeahead__container button {
    border: 0;
    line-height: inherit;
    padding: 10px 0 0 0;
    border-radius: 20px;
    background-color: transparent;
    outline: none;
}

.searchbox-ski .typeahead__container .typeahead__button .typeahead__search-icon {
    padding: 0 1.2rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxwYXRoIGZpbGw9IiNmZWQ3MjciIGQ9Ik0xNzQuMSAxLjVjLTM4LjkgNS4zLTczIDIwLjMtMTAyLjIgNDUuMS0zMy4xIDI4LjEtNTYuNSA2OS02NC40IDExMi45LTIuMyAxMi43LTMuMSA0MC45LTEuNSA1NC4zQzE2LjUgMzA0LjMgODYuNyAzNzQgMTc3LjIgMzgzLjljMzUuMyAzLjkgNzIuOS0yLjkgMTA1LjYtMTkuMmwxMi4zLTYuMSAyMy4yIDIzYzEyLjggMTIuNiA0NS45IDQ1LjUgNzMuNyA3My4xIDU1LjIgNTQuOCA1NC40IDU0LjIgNjguNSA1Ni42IDE2LjYgMi44IDM1LTcuMiA0Mi4yLTIyLjkgNC45LTEwLjcgNC42LTIzLjctLjctMzQuNi0yLjgtNS42LTEwLjYtMTMuNy03NS4xLTc3LjgtMzkuNi0zOS4zLTcyLTcxLjgtNzEuOS03Mi4yIDAtLjMgMi4yLTQuMiA0LjktOC41IDIxLjUtMzQuNyAzMS42LTc0IDI5LjEtMTEzLjQtLjktMTQuNy0xLjItMTYuOC00LjEtMzAuNS00LjMtMjEtMTQuNi00NS43LTI2LjgtNjQuMS0yNS45LTM5LjMtNjQuMi02Ny40LTEwOS04MC0yMi4zLTYuMy01My43LTguNy03NS01Ljh6TTIyNSA3MS45YzI1LjEgNi4zIDQ1LjcgMTguMyA2Mi45IDM2LjcgNDAuMyA0My4yIDQ0LjEgMTEwLjIgOC45IDE1Ny42LTM2LjYgNDkuNC0xMDIuOCA2NC44LTE1NyAzNi42LTI3LjgtMTQuNC01MC00MC4zLTYwLjEtNjkuOC00LjEtMTItNS44LTIxLjYtNi40LTM1LjUtMi00Ny43IDIzLjEtOTEuNCA2NS44LTExNC40IDExLjItNi4xIDI0LjUtMTAuMyA0MS45LTEzLjUgMS40LS4yIDkuOS0uMyAxOS0uMSAxMi42LjIgMTguNS44IDI1IDIuNHoiLz4KPC9zdmc+Cg==") !important;
    background-position: center;
    background-repeat: no-repeat;
}

.searchbox-ski .typeahead__container.result .typeahead__list {
    min-width: 250px !important;
    right: 0 !important;
    left: unset !important;
}

@media screen and (max-width: 767px) {
    .searchbox-ski .typeahead__container.result .typeahead__list {
        right: -5px !important;
        left: unset !important;
        width: 100vw;
    }
}/* all */

header .searchbox .typeahead__container button {
    border: none;
    line-height: inherit;
    padding: 8px 0 0 0;
    border-radius: 20px;
    background-color: transparent;
}

header .searchbox .typeahead__container button:hover {
    background-color: transparent;
}

header .searchbox .typeahead__container button:focus {
    outline: none;
}

header .searchbox .select {
    padding-left: 20px;
}

header .searchbox .btn.header-btn {
    font-family: "Roboto", sans-serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #1875B4;
    background-color: #EDF8FF;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 0 5px 5px;
    margin-bottom: -6px;
}

header .searchbox .btn.header-btn.active {
    color: #fff;
    background-color: #1875B4;
    box-shadow: inset 1px 1px 10px 2px rgba(0, 0, 0, 0.4);
}

header .searchbox .typeahead__container.result .typeahead__list {
    min-width: 250px;
}


header .searchbox .typeahead__container .typeahead__button .typeahead__search-icon {
    padding: 0 1.2rem;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1MC4zMTMgMjUwLjMxMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjUwLjMxMyAyNTAuMzEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnIGlkPSJTZWFyY2giPgoJPHBhdGggc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkOyIgZD0iTTI0NC4xODYsMjE0LjYwNGwtNTQuMzc5LTU0LjM3OGMtMC4yODktMC4yODktMC42MjgtMC40OTEtMC45My0wLjc2ICAgYzEwLjctMTYuMjMxLDE2Ljk0NS0zNS42NiwxNi45NDUtNTYuNTU0QzIwNS44MjIsNDYuMDc1LDE1OS43NDcsMCwxMDIuOTExLDBTMCw0Ni4wNzUsMCwxMDIuOTExICAgYzAsNTYuODM1LDQ2LjA3NCwxMDIuOTExLDEwMi45MSwxMDIuOTExYzIwLjg5NSwwLDQwLjMyMy02LjI0NSw1Ni41NTQtMTYuOTQ1YzAuMjY5LDAuMzAxLDAuNDcsMC42NCwwLjc1OSwwLjkyOWw1NC4zOCw1NC4zOCAgIGM4LjE2OSw4LjE2OCwyMS40MTMsOC4xNjgsMjkuNTgzLDBDMjUyLjM1NCwyMzYuMDE3LDI1Mi4zNTQsMjIyLjc3MywyNDQuMTg2LDIxNC42MDR6IE0xMDIuOTExLDE3MC4xNDYgICBjLTM3LjEzNCwwLTY3LjIzNi0zMC4xMDItNjcuMjM2LTY3LjIzNWMwLTM3LjEzNCwzMC4xMDMtNjcuMjM2LDY3LjIzNi02Ny4yMzZjMzcuMTMyLDAsNjcuMjM1LDMwLjEwMyw2Ny4yMzUsNjcuMjM2ICAgQzE3MC4xNDYsMTQwLjA0NCwxNDAuMDQzLDE3MC4xNDYsMTAyLjkxMSwxNzAuMTQ2eiIgZmlsbD0iIzU1NTU1NSIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=") no-repeat scroll center center transparent;
    /* background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiPgogIDxwYXRoIGZpbGw9IiNmZWQ3MjciIGQ9Ik0xNzQuMSAxLjVjLTM4LjkgNS4zLTczIDIwLjMtMTAyLjIgNDUuMS0zMy4xIDI4LjEtNTYuNSA2OS02NC40IDExMi45LTIuMyAxMi43LTMuMSA0MC45LTEuNSA1NC4zQzE2LjUgMzA0LjMgODYuNyAzNzQgMTc3LjIgMzgzLjljMzUuMyAzLjkgNzIuOS0yLjkgMTA1LjYtMTkuMmwxMi4zLTYuMSAyMy4yIDIzYzEyLjggMTIuNiA0NS45IDQ1LjUgNzMuNyA3My4xIDU1LjIgNTQuOCA1NC40IDU0LjIgNjguNSA1Ni42IDE2LjYgMi44IDM1LTcuMiA0Mi4yLTIyLjkgNC45LTEwLjcgNC42LTIzLjctLjctMzQuNi0yLjgtNS42LTEwLjYtMTMuNy03NS4xLTc3LjgtMzkuNi0zOS4zLTcyLTcxLjgtNzEuOS03Mi4yIDAtLjMgMi4yLTQuMiA0LjktOC41IDIxLjUtMzQuNyAzMS42LTc0IDI5LjEtMTEzLjQtLjktMTQuNy0xLjItMTYuOC00LjEtMzAuNS00LjMtMjEtMTQuNi00NS43LTI2LjgtNjQuMS0yNS45LTM5LjMtNjQuMi02Ny40LTEwOS04MC0yMi4zLTYuMy01My43LTguNy03NS01Ljh6TTIyNSA3MS45YzI1LjEgNi4zIDQ1LjcgMTguMyA2Mi45IDM2LjcgNDAuMyA0My4yIDQ0LjEgMTEwLjIgOC45IDE1Ny42LTM2LjYgNDkuNC0xMDIuOCA2NC44LTE1NyAzNi42LTI3LjgtMTQuNC01MC00MC4zLTYwLjEtNjkuOC00LjEtMTItNS44LTIxLjYtNi40LTM1LjUtMi00Ny43IDIzLjEtOTEuNCA2NS44LTExNC40IDExLjItNi4xIDI0LjUtMTAuMyA0MS45LTEzLjUgMS40LS4yIDkuOS0uMyAxOS0uMSAxMi42LjIgMTguNS44IDI1IDIuNHoiLz4KPC9zdmc+Cg==") !important; */
    background-position: center;
    background-repeat: no-repeat;
}


/* mobile */

header .mobile .searchbox {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 50px;
    width: 100%;
    height: 31px;
    z-index: 999;
}

header .mobile .searchbox .bar {
    margin: auto;
    width: 85%;
    background: white;
    border-radius: 6px;
    padding: 0 6px 2px 2px;
    box-shadow: 3px 0px 6px 0px #4c4b4b;
    max-height: 40px;
}

header .mobile .searchbox .bar .toggler {
    display: none;
}

header .mobile .searchbox .bar input {
    width: 100%;
    border: 0;
    outline: 0;
    color: #000;
    font-size: 1rem;
    padding-left: 6px;
    border-radius: 15px;
    height: 30px;
}

header .mobile .searchbox .typeahead__button button {
    padding: 10px 0 0 0;
}

header .mobile .searchbox .typeahead__cancel-button {
    padding: 0;
    right: 5px;
    top: 8px;
}

header .mobile .searchbox .typeahead__button {
    /* background-color: #24537E; */
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    max-height: 38px;
}

header .mobile .searchbox .location {
    margin-right: 0;
    width: 45px;
    height: 40px;
    display: flex;
    justify-content: center;
    background-color: #edf8ff;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: 3px 0 6px 0 #4c4b4b;
}

header .mobile .searchbox .location.loading {
    background-color: #5aa0cc;
}

header .mobile .searchbox .location svg {
    width: 25px;
}


/* desktop */

header .desktop .searchbox {
    display: inline-block;
    align-items: center;
    padding: 0 20px 0 20px;
    width: 70%;
}

header .desktop .searchbox .bar {
    width: 100%;
    background: white;
    border-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, .4);
    display: flex;
}

header .desktop .searchbox .bar .toggler {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #0069b3;
    width: 42px;
    height: 35px;
    border-radius: 7px 0 0 7px;
    padding: 10px;
    top: 0px;
    display: none;
}

header .desktop .searchbox .typeahead__container {
    display: inline-block;
    width: 100%;
    z-index: 998;
}

header .desktop .searchbox.typeahead__container .typeahead__field .typeahead__query {
    background-color: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 1px solid rgba(37, 83, 127, 0.8);
}

.searchbox.typeahead__container .typeahead__field {
    max-height: 39px !important; /* safari fix */ 
}

header .desktop .searchbox .typeahead__container .typeahead__button {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

header .desktop .searchbox .typeahead__container .typeahead__list {
    z-index: 99999 !important;
}

header .desktop .searchbox .bar .toggler .toggler-icon,
header .desktop .searchbox .bar .toggler .toggler-icon:before,
header .desktop .searchbox .bar .toggler .toggler-icon:after {
    width: 20px;
}

header .desktop .searchbox .bar input {
    font-family: RobotoCondensedRegular;
    width: 95%;
    border: 0px;
    outline: none;
    color: #6c757d;
    font-size: 18px;
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

header .desktop .typeahead__field input {
    line-height: 1;
    min-height: unset;
}

header .desktop .searchbox .location {
    display: none;
}.locationSettings {
    padding-bottom: 22px;
    padding-top: 12px;
}

.locationSettings .addArea {
    padding-bottom: 12px;
}

.locationSettings .addAreaSearchBar {
    background-color: #0075B4;
    border-radius: 8px;
    padding: 6px;
}

.locationSettings .editNotifications h3 {
    font-size: 14px!important;
}

.locationSettings .editWrapper {
    padding: 6px;
    background-color: #1275B4;
    border-radius: 8px;
}

.locationSettings .locationCard {
    background-color: #11659B;
    color: white;
    padding: 8px;
    margin-bottom: 6px;
    border-radius: 8px;
}

.locationSettings .locationCard[data-template="true"] {
    display: none;
}

.locationSettings .locationCard .cardTitle .titleRight {
    display: flex;
}

.locationSettings .locationCard .cardTitle {
    display: flex;
    justify-content: space-between;
}

.locationSettings .locationCard .cardContent {
    padding-top: 6px;
    margin-bottom: -8px;
}

.locationSettings .locationCard .cardTitle .arrow img {
    width: 14px;
}

.locationSettings .locationCard .cardTitle .arrow {
    transform: rotate(180deg);
    color: white;
    cursor: pointer;
}

.locationSettings .locationCard .cardTitle.active .arrow {
    transform: rotate(0deg);
}


/* The switch - the box around the slider */

.locationSettings .switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 18px;
    position: relative;
    top: 4px;
    right: 12px;
    cursor: pointer;
}


/* Hide default HTML checkbox */

.locationSettings .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}


/* The slider */

.locationSettings .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: inset 0 0 3px 0px rgb(0 0 0 / 63%);
}

.locationSettings .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.locationSettings input:checked+.slider {
    background-color: #75BE86;
}

.locationSettings input:checked+.slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}


/* Rounded sliders */

.locationSettings .slider.round {
    border-radius: 34px;
}

.locationSettings .slider.round:before {
    border-radius: 50%;
}

.locationSettings .pushList .pushItem {
    display: flex;
    padding-bottom: 4px;
    padding-top: 4px;
    box-shadow: 0px -0.5px 0px 0px #EDF8FF;
}

.locationSettings .pushItem .pushTime {
    margin-left: auto;
    background-color: white;
    color: black;
    border-radius: 8px;
    font-size: 12px;
    padding: 4px;
    width: 50px;
    text-align: center;
    margin-top: auto;
    margin-bottom: auto;
    height: 20px;
    line-height: 1;
    border: 1px solid #707070;
}

.locationSettings .pushItem .switch {
    margin-left: 12px;
}

.locationSettings .statusMsg {
    color: #fff;
}

.locationSettings .deleteLocation {
    cursor: pointer;
}/* all */

.locationSettings .searchbox .typeahead__container button {
    border: none;
    line-height: inherit;
    padding: 9px 0 0 0;
    border-radius: 10px;
}

.locationSettings .searchbox .typeahead__container button:hover {
    background-color: #fff;
}

.locationSettings .searchbox .typeahead__container button:focus {
    outline: none;
}


/* mobile */

.locationSettings .searchbox {
    display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 38px;
}

.locationSettings .searchbox .bar {
    margin: auto;
    width: 100%;
    background: white;
    border-radius: 6px;
    padding: 0 6px 2px 2px;
    box-shadow: 3px 0px 6px 0px #4c4b4b;
}

.locationSettings .searchbox .bar .toggler {
    display: none;
}

.locationSettings .searchbox .bar input {
    width: 100%;
    border: 0px;
    outline: none;
    color: #000;
    font-size: 1rem;
    padding-left: 0;
}

.locationSettings .searchbox .location {
    margin-right: 0;
    width: 15%;
    display: flex;
    justify-content: center;
    background-color: #EDF8FF;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: 3px 0px 6px 0px #4c4b4b;
}

.locationSettings .searchbox .location.loading {
    background-color: #5aa0cc;
}

.locationSettings .searchbox .location svg {
    width: 25px;
}


/* desktop */

.locationSettings .desktop .searchbox {
    display: inline-block;
    align-items: center;
    padding: 10px 0 0 40px;
    width: 45%;
}

.locationSettings .desktop .searchbox .bar {
    width: 100%;
    background: white;
    border-radius: 6px;
    box-shadow: 2px 2px 6px 0px #888888;
    display: flex;
}

.locationSettings .desktop .searchbox .bar .toggler {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #0069b3;
    width: 42px;
    height: 35px;
    border-radius: 7px 0 0 7px;
    padding: 10px;
    top: 0px;
    display: none;
}

.locationSettings .desktop .searchbox .typeahead__container {
    display: inline-block;
    width: 100%;
    z-index: 99999;
}

.locationSettings .desktop .searchbox .typeahead__container .typeahead__list {
    z-index: 99999 !important;
}

.locationSettings .desktop .searchbox .bar .toggler .toggler-icon,
.locationSettings .desktop .searchbox .bar .toggler .toggler-icon:before,
.locationSettings .desktop .searchbox .bar .toggler .toggler-icon:after {
    width: 20px;
}

.locationSettings .desktop .searchbox .typeahead__container button {
    margin-left: 2px;
}

.locationSettings .desktop .searchbox .bar input {
    font-family: RobotoCondensedRegular;
    width: 95%;
    border: 0px;
    outline: none;
    text-transform: uppercase;
    color: #6c757d;
    font-size: 18px;
    margin-left: 5px;
}

.locationSettings .desktop .typeahead__field input {
    line-height: 1;
    min-height: unset;
}

.locationSettings .desktop .searchbox .location {
    display: none;
}

.locationSettings .resultRow button {
    background-color: #1275B4;
    color: white;
    padding: 4px!important;
    font-size: 11px;
}

.locationSettings .resultRow {
    display: flex;
    justify-content: space-between;
}

.locationSettings .resultRow .plus-span {
    font-size: 14px;
    font-weight: bold;
}.weatherLocation.radarimages .titlebar.bordered {
    border: none;
}

.weatherLocation.radarimages .titlebar.bordered::before {
    content: unset;
}

.weatherLocation.radarimages .titlebar.bordered::after {
    content: unset;
}


.weatherLocation.radarimages {
    border: 1px solid #1275B4;
    border-radius: 10px;
}

.weatherLocation.radarimages header ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font-family: "RobotoCondensedBold", sans-serif;
    font-weight: 400;
    margin-bottom: 4px;
    padding: 0 0 1px 0;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
}

.weatherLocation.radarimages header ul li {
    font-size: 0.9rem;
    flex-grow: 0.33;
    display: inline-flex;
    text-align: center;
    display: inline-flex;
    text-align: center;
    background-color: #1275B4;
    margin: 2px;
    border-radius: 8px;
    padding: 2px;
}

.weatherLocation.radarimages header ul li a {
    width: 100%;
    color: #000;
}

.weatherLocation.radarimages header ul li a:hover {
    width: 100%;
    color: #000;
    text-decoration: none;
}

.weatherLocation.radarimages header ul li:last-child {
    border-right: none;
}

.weatherLocation.radarimages header ul li span {
    font-family: "RobotoRegular",sans-serif;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    width: 100%;
    height: 100%;
    display: block;
    padding: 3px;
}

.weatherLocation.radarimages header ul li.active {
    background-color: white;
    color: #1275B4;
    font-weight: normal;
    border: 1px solid #1275B4;
}

.weatherLocation.radarimages header ul li.active span {
    color: #1275B4;
}

.weatherLocation.radarimages .radar {
    position: relative;
}

.weatherLocation.radarimages .radar .generic.imagePlayer .timeline{
    z-index: 99;
}

.weatherLocation.radarimages .radar .assets {
    width: 100%;
    /* position: absolute;*/
    z-index: 9999;
}

.weatherLocation.radarimages .radar .assets img.legend {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .25);
    z-index: 9999;
}

.weatherLocation.radarimages .radar .images img {
    width: 100%;
}

.weatherLocation.radarimages .weather-radar-wrapper {
    padding: 8px;
    background-color: #1275B4;
    border-radius: 10px;
    padding-bottom: 16px;
}

.weatherLocation.radarimages footer {
    margin-top: 7px;
}

/* override jwplayer styling */
.weatherLocation.radarimages .videoPlayer .jw-slider-time {
    margin-top: 5px;
}
.weatherLocation.radarimages .videoPlayer .jw-slider-time .jw-slider-container {
    height: 15px !important;
}

/* legend */

.weatherLocation.radarimages .legend {
    margin-bottom: 10px;
}

.weatherLocation.radarimages .legend .flex-legend {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 25px;
    margin-top: 10px;
}

.weatherLocation.radarimages .legend .flex-legend .meas {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 10%;
    padding-left: 10px;
    color: #707070;
    font-size: 14px;
    line-height: 1;
}

.weatherLocation.radarimages .legend .flex-legend .legendVal {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    width: 90%;
    padding-bottom: 2px;
}

.weatherLocation.radarimages .legend .flex-legend .legendVal p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
}

.weatherLocation.radarimages .legend .flex-legend .legendVal.bewoelkung p {
    color: #000;
}
.weatherLocation.badewetterChannelView {
    margin: 20px 0;
}

.weatherLocation.badewetterChannelView > * {
    margin: 5px 0;
}

.weatherLocation.badewetterChannelView .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.badewetterChannelView > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.badewetterChannelView > .titlebar h5 {
    margin: 0;
}

.weatherLocation.badewetterChannelView .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.badewetterChannelView .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.badewetterChannelView .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}


/* suedtirol opacity */
.weatherLocation.badewetterChannelView[data-id="7164430"] .map g > path.section:last-of-type {
    opacity: 0.5;
}


.badewetter-titleBox {
    display: flex;
    text-transform: uppercase;
    color: white;
    background-color: #0A4367;
    padding: 8px;
    font-weight: bold;
    border-radius: 10px;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout2021/boxBilder/badewetter.png');
    background-size: 100%;
    background-repeat: no-repeat;
}

.badewetter-titleBox > a {
    color: white;
    width: 100%;
}
.badewetter-titleBox > a:hover {
    text-decoration: none;
}

.badewetter-titleBox > .boxicon {
    border: 2px solid #FFD727;
    border-radius: 20px;
    padding: 0px;
    margin: -3px;
    margin-right: 6px;
}

.badewetter-titleBox > .boxicon > img {
    width: 20px;
    height: 16px;
    margin: 3px;
    margin-top: 4px;
}.weatherLocation.badewetter.temperatures .details {
    display: flex;
    justify-content: space-between;
}

.weatherLocation.badewetter.temperatures .details > div {
    margin: 0 3px;
}
.weatherLocation.badewetter.temperatures .details > div:nth-of-type(2) {
    flex-grow: 1;
}

.weatherLocation.badewetter.temperatures .details .water_temp {
    width: 80px;
    height: 50px;
    left: 45px;
    top: 30px;
    background-repeat: no-repeat;
    background-position: 0 0px;
    background-image: url('//appcdn.wetter.at/wetter_public/images/weatherCard/detail/water_temp.png');
}

.weatherLocation.badewetter.temperatures .details .surf_index {
    width: 111px;
    height: 19px;
    left: 35px;
    top: 45px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url('//appcdn.wetter.at/wetter_public/images/weatherCard/detail/surf_index.gif');
}
.weatherLocation.badewetter.temperatures .details .surf_index.current {
    background-position: left top;
}

.weatherLocation.badewetter.temperatures .details .wind_speed {
    width: 34px;
    height: 29px;
    left: 45px;
    top: 45px;
    background-repeat: no-repeat;
    background-position: left bottom;
    white-space: nowrap;
    background-image: url('//appcdn.wetter.at/wetter_public/images/weatherCard/detail/wind_speed.png');
}.weatherLocation.bergwetterChannelView {
    margin: 20px 0;
}

.weatherLocation.bergwetterChannelView > * {
    margin: 5px 0;
}

.weatherLocation.bergwetterChannelView .map {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(222,241,255,1) 100%);
}

.weatherLocation.bergwetterChannelView > .titlebar {
    border-bottom: 1px solid #ffd727;
}
.weatherLocation.bergwetterChannelView > .titlebar h5 {
    margin: 0;
}

.weatherLocation.bergwetterChannelView .map .sectionMap svg {
    height: 300px;
}

.weatherLocation.bergwetterChannelView .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}

.weatherLocation.bergwetterChannelView .map .sectionMap .location {
    fill: #ffd727;
    cursor: pointer;
}

/* suedtirol opacity */
.weatherLocation.bergwetterChannelView[data-id="7164410"] .map g > path.section:last-of-type {
    opacity: 0.5;
}

.bergwetter-titleBox {
    display: flex;
    text-transform: uppercase;
    color: white;
    background-color: #0A4367;
    padding: 8px;
    font-weight: bold;
    border-radius: 10px;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout2021/boxBilder/bergwetter.png');
    background-size: 100%;
    background-repeat: no-repeat;
}
.bergwetter-titleBox > a {
    color: white;
    width: 100%;
}
.bergwetter-titleBox > a:hover {
    text-decoration: none;
}

.bergwetter-titleBox > .boxicon {
    border: 2px solid #FFD727;
    border-radius: 20px;
    padding: 0px;
    margin: -3px;
    margin-right: 6px;
}

.bergwetter-titleBox > .boxicon > img {
    width: 20px;
    height: 16px;
    margin: 3px;
    margin-top: 2px;
}.weatherLocation.cams.tile {
    position: relative;
    background-color: #fff;
    border-radius: var(--border-radius);
    border-top: 0;
}
.weatherLocation.cams.tile .camSliderContainer{
    background-color: #1275B4;
    padding: 10px;
    border-radius: var(--border-radius);
    margin-bottom: 10px;
}

.weatherLocation.cams.tile ul.camSlider {
    margin-top: 0;
    padding: 0;
    background-color: #1275B4;
}

.weatherLocation.cams.tile .slideItem {
    position: relative;
}

.weatherLocation.cams.tile .snapshot {
    width: 100%;
    border-radius: var(--border-radius);
}

.weatherLocation.cams.tile .iconplay {
    height: 20%;
    width: 20%;
    position: absolute;
    top: calc((100% - 40%)/2);
    left: calc((100% - 20%)/2);
}
.row .weatherLocation.cams.tile .iconplay {
    height: 12vw;
}

.weatherLocation.cams.tile .nav button {
    position: absolute;
    background-color: #EDF8FF;
    outline: none;
    border: 0;
    margin: 0;
    padding: 3px;
    width: 29px;
    height: 32px;
    top: calc(50% - 20px);
}
.weatherLocation.cams.tile .nav button svg {
    width: 100%;
    height: 100%;
    padding: 5px 3px;
}
.weatherLocation.cams.tile .nav button svg path {
    stroke-width: 1px;
    stroke: #1275B4;
    fill: #1275B4;
}

.weatherLocation.cams.tile .nav .previous {
    left: -6px;
    border-bottom-right-radius: 70%;
    border-top-right-radius: 70%;
}
.weatherLocation.cams.tile .nav .next {
    right: -6px;
    border-bottom-left-radius: 70%;
    border-top-left-radius: 70%;
}

.weatherLocation.cams.tile .nonTransparentText::before{
    content: '';
    background-color: #fff;
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
.weatherLocation.cams.tile .nonTransparentText{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
}
.weatherLocation.cams.tile .nonTransparentText > *{
    position: relative;
    z-index: 2;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.weatherLocation.cams.tile span  h4 {
    display: -webkit-inline-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0;
    color: #1275B4;
    font-family: 'oe24condensed', sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    padding-left: 15px;
    text-transform: uppercase;
}

.content .weatherLocation.cams.tile section .nonTransparentText h4 {
    font-size: 1.375rem;
    line-height: 1;
    padding-top: 7px;
}

.row .weatherLocation.cams.tile section .nonTransparentText h4 {
    font-size: 1rem;
    line-height: 1;
    padding-top: 7px;
}

.weatherCameras a.weather-box-more-info:hover {
    text-decoration: none;
    color: #1275B4;
}

@media (max-width: 500px) {
    .weatherLocation.cams.tile section h4 {
        font-size: 4.2vw;
    }
    .row .weatherLocation.cams.tile section h4 {
        font-size: 3vw;
    }
}
.weatherLocation.dayForecastAccordion.layout2021 {
    border-radius: var(--border-radius);
    margin: 10px 0;
}

.weatherLocation.dayForecastAccordion.layout2021 div.content:first-child {
    margin-bottom: 10px;
    background-color: #EDF8FF;
    border: 1px solid#1275B4;
    border-radius: var(--border-radius);
}

.weatherLocation.dayForecastAccordion.layout2021 div.content:first-child .titlebar.bordered {
    border: none;
}

.weatherLocation.dayForecastAccordion.layout2021 div.content:first-child .titlebar.bordered::before {
    content: unset;
}

.weatherLocation.dayForecastAccordion.layout2021 div.content:first-child .titlebar.bordered::after {
    content: unset;
}

.weatherLocation.dayForecastAccordion.layout2021 .flexCols {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.weatherLocation.dayForecastAccordion.layout2021 .flexCols > div:nth-child(1) {
    font-weight: 500;
    width: 18%;
}
.weatherLocation.dayForecastAccordion.layout2021 .flexCols > div:nth-child(2) {
    font-family: "OpenSansCondensed",sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    display: flex;
    flex-direction: row;
}

.weatherLocation.dayForecastAccordion.layout2021 > .content {
    display: flex;
    flex-wrap: wrap;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView {
    margin: 0;
    width: 100%;
    margin-top: -15px;
    border-radius: var(--border-radius);
    padding-bottom: 5px;
}

.weatherLocation.dayForecastAccordion.layout2021 div.dayView:nth-child(odd) {
    background-color: #1275B4;
}

.weatherLocation.dayForecastAccordion.layout2021 div.dayView:nth-child(even) {
    background-color: #2D7DB1;
}

.weatherLocation.dayForecastAccordion.layout2021 .content > div:nth-child(2) {
    margin-top: 0;
}

.weatherLocation.dayForecastAccordion.layout2021 .content > div:nth-child(2) .header.flexCols {
    box-shadow: unset;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header {
    color: #ffffff;
    cursor: pointer;
    padding: 5px 2px 5px 10px;
    box-shadow: rgba(0,0,0,.1) 0 -7px 7px 0;
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp > img {
    width: 60px;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp > div {
    display: flex;
    flex-direction: column;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp .max {
    border-bottom: 1px solid #ffffff;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp .max,
.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp .min {
    padding-left: 5px;
    display: flex;
    justify-content: space-between;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp .min > span,
.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp .max > span {
    font-size: .875rem;
    font-weight: 300;
    color: #ffffff;
    padding: 0 5px;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .dailyTemp .min {
    color: rgba(255,255,255,.7);
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .weatherDetails {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.625rem;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .weatherDetails > div > img {
    width: 16px;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .day {
    font-family: "OpenSansCondensed",sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header .date {
    font-size: .875rem;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .detail {
    max-height: 0px;
    overflow: hidden;
    padding: 5px 5px 0 5px;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
}
.weatherLocation.dayForecastAccordion.layout2021 .dayView.active .detail {
    max-height: 600px;
    padding: 0 5px 20px 5px;
    transition: max-height 1s ease-in-out;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView.active .detail > div {
    border-radius: var(--border-radius);
    margin-bottom: 5px;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .detail .wrapper {
    background-color: #fff;
    border-radius: var(--border-radius);
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView.active .detail .wrapper {
    padding: 7px 7px 0 7px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .detail .wrapper .colWrapper {
    display: flex;
    flex-direction: row;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView.active .detail .colWrapper > div:nth-child(odd) {
    background: #fff;
    border-radius: var(--border-radius);
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView.active .detail .colWrapper > div:nth-child(even) {
    background: #EDF8FF;
    border-radius: var(--border-radius);
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: transparent;
    width: 100%;
    padding: 5px 0;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .sun,
.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .moon {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 30%;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .sun > div,
.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .moon > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .sunHours {
    font-family: "RobotoRegular",sans-serif;
    display: flex;
    justify-content: center;
    padding: 8px 0 5px;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo > div img {
    width: 16px;
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .sun .sunset img,
.weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .moon .moonset img {
    transform: rotate(180deg);
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView .header > div:nth-child(1) span {
    display: block;
}

.weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols {
    font-family:"RobotoMedium",sans-serif;
    width: 25%;
    flex-direction: column;
    padding: 5px 10px;
    border-top: none;
}

.weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .dayTime {
    font-size: 1rem;
    font-weight: 400;
    flex-grow: 1;
    flex-basis: 0;
}

.weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .temp {
    font-size: 1.625rem;
    color: #1275B4;
    font-weight: 400;
    flex-grow: 1;
    flex-basis: 0;
}

.weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .iconText {
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 500;
    flex-grow: 1;
    flex-basis: 0;
    text-align: center;
    padding: 10px 0;
}

.weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .weatherData {
    font-size: .875rem;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    flex-basis: 0;
    padding: 10px 2px;
}

.weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .weatherData > span:last-child,
.weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .weatherData > span:nth-child(2) {
    font-family: "RobotoRegular", sans-serif;
    font-weight: 300;
    text-align: center;
}

.weatherLocation.dayForecastAccordion.layout2021 .intraDay > div:nth-child(1) span {
    display: block;
}

.weatherLocation.dayForecastAccordion.layout2021 .arrow-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    border-radius: 15px;
    background-color: transparent;
    -webkit-border-radius: 15px;
    -webkit-transition: transform 0.2s linear;
    -moz-transition: transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    -ms-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transform: rotate(90deg);
    background-size: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('//appcdn.wetter.at/wetter_public/images/arrows/white_right.png');
}

.weatherLocation.dayForecastAccordion.layout2021 .dayView.active .arrow-icon {
    transform: rotate(270deg);
}

.weatherLocation.dayForecastAccordion.layout2021 .showMoreLess {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background-color: white;
    font-family: "OpenSansCondensed",sans-serif;
    font-size: 1rem;
    color: #1275B4;
    padding: 10px 0px 5px;
}
.weatherLocation.dayForecastAccordion.layout2021 .showMoreLess .arrow-icon {
    background-image: url('//appcdn.wetter.at/wetter_public/images/arrows/blue_right.png');
}
.weatherLocation.dayForecastAccordion.layout2021 .showMoreLess .arrow-icon.less {
    transform: rotate(270deg);
}

 @media only screen and (max-width: 375px) {
    .weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .weatherData {
        font-size: .6875rem;
    }
}

@media only screen and (min-width: 375px) {
    .weatherLocation.dayForecastAccordion.layout2021 .flexCols > div:nth-child(2) {
        font-size: 1.25rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .header .weatherDetails {
        font-size: 0.8125rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .flexCols > div:nth-child(1) {
        width: 16%;
    }
}

@media only screen and (min-width: 768px) {
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .header .day {
        font-size: 1rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .header .date {
        font-size: .875rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .detail .wrapper {
        flex-direction: column;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .detail .wrapper .colWrapper {
        flex-direction: column;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .detail .wrapper .colWrapper .intraDay.flexCols {
        flex-direction: row;
        width: 100%;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .dayTime {
        font-size: 1.125rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .weatherData {
        padding: 0 7px;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .intraDay.flexCols .weatherData > span:first-child {
        font-size: 0.875rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .sun,
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .moon {
        width: 20%;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .sun > div,
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .dayInfo .moon > div {
        flex-direction: row;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .sunHours {
        padding: 0 0 5px;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .flexCols > div:nth-child(2) {
        font-size: 1.3125rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .header .weatherDetails {
        font-size: 0.8125rem;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .flexCols > div:nth-child(1) {
        width: 30%;
    }
    .weatherLocation.dayForecastAccordion.layout2021 .dayView .header {
        padding: 5px 10px 5px 10px;
    }
}
/*
.weatherLocation.dayForecastCard {
    background-color: #DBF0FF;
    display: flex;
    flex-direction: column;
}

.weatherLocation.dayForecastCard>h5 {
    padding: 6px;
    margin: 0;
    text-transform: uppercase;
}

.weatherLocation.dayForecastCard .day {
    background: rgb(0, 117, 180);
    background: linear-gradient(180deg, rgba(0, 117, 180, 1) 0%, rgba(0, 76, 114, 1) 100%);
    color: #fff;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.weatherLocation.dayForecastCard .item {
    display: flex;
    border-top: solid 1px #fff;
    padding: 6px 20px;
    flex-grow: 1;
}

.weatherLocation.dayForecastCard .item>div {
    display: inline-block;
}

.weatherLocation.dayForecastCard .item>div:nth-child(2) {
    display: inline-block;
}

.weatherLocation.dayForecastCard .day .item .col {
    margin: auto;
}

.weatherLocation.dayForecastCard .day .item .col:nth-of-type(2) {
    text-align: center;
}

.weatherLocation.dayForecastCard .day .item .col:nth-of-type(3) {
    text-align: right;
}

.weatherLocation.dayForecastCard .day .item .col:nth-of-type(1) p {
    margin: 0px;
    line-height: initial;
}

.weatherLocation.dayForecastCard .day .item .col:nth-of-type(1) span {
    font-size: 13px;
}

.weatherLocation.dayForecastCard .day .item .col:nth-of-type(2) div {
    display: inline-block;
}

.weatherLocation.dayForecastCard .day .item .col:nth-of-type(2) span {
    font-size: 1.5rem;
    vertical-align: middle;
}

.weatherLocation.dayForecastCard .day .item .col:nth-of-type(2) span,
.weatherLocation.dayForecastCard .day .item .col:nth-of-type(3) span {
    margin-left: 7px;
}

.weatherLocation.dayForecastCard img.weather {
    width: 46px;
    display: inline-block;
    margin: -15px -15px;
}

.weatherLocation.dayForecastCard img.airmoisture {
    width: 20px;
    display: inline-block;
}

.weatherLocation.dayForecastAccordion.layout2021 .d3ForeCast svg {
    border-bottom: 1px solid #1275B4;
    border-left: 1px solid #1275B4;
    border-right: 1px solid #1275B4;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #EDF8FF;
}

@media (max-width: 440px) {
    .textualcontent.listItem .text h5 {
        font-size: 3.7vw;
    }
    .textualcontent.listItem .text .leadText {
        font-size: 3.3vw;
    }
}
*/.dayCast { font-size:14px; }
div.tooltip {
    position: absolute;
    text-align: center;
    width: 60px;
    height: 38px;
    padding: 2px;
    font: 14px sans-serif;
    font-weight:bold;
    background: lightsteelblue;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}

.line {
    fill: none;
    stroke: steelblue;
    stroke-width: 2px;
}

.grid line {
    stroke: lightgrey;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
}

.grid path {
    stroke-width: 0;
}

g.tick {
    font-size: 10px;
}

.content.d3ForeCast {
    border: 1px solid #1275B4;
    border-radius: var(--border-radius);
}

.content.d3ForeCast .titlebar{
    border: 0;
}
.AccTabs  {
    margin-top: 10px;
}
.AccTabs .active a { 
    color: #fff !important; 
}
.box.weatherLocation.geoLocationDetails {
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 0.9rem;
}

.box.weatherLocation.geoLocationDetails .notetext {
    font-size: 0.7rem;
}

.box.weatherLocation.geoLocationDetails .mt-2 {
    line-height: 1rem;
}

.box.weatherLocation.geoLocationDetails header a {
    font-family: "RobotoCondensedBold", sans-serif;
    color: #0b70b6;
}

.box.weatherLocation.geoLocationDetails header a:hover {
    color: #0b70b6;
    text-decoration: none;
}

.box.weatherLocation.geoLocationDetails header ul {
    list-style: none;
    margin: 3px 0;
    padding: 0;
    color: #0b70b6;
    font-family: "RobotoCondensedBold", sans-serif;
    font-weight: 600;
    display: flex;
    align-items: stretch;
    flex-direction: row;
}

.box.weatherLocation.geoLocationDetails header ul li {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    font-family: "RobotoCondensedBold", sans-serif;
    background-color: #cce3f0;
    margin: 0 1.5px;
    border-radius: 4px;
    flex-grow: 1;
    align-content: center;
    height: 1.9rem;
    font-size: 1rem;
    cursor: pointer;
}

.box.weatherLocation.geoLocationDetails header ul li:first-child {
    margin-left: 0;
}

.box.weatherLocation.geoLocationDetails header ul li:last-child {
    margin-right: 0;
}

.box.weatherLocation.geoLocationDetails header ul li.active {
    background-color: #0069b3;
    color: white;
    cursor: pointer;
}

.box.weatherLocation.geoLocationDetails>.info {
    position: relative;
    background-color: #0069b3;
    border-radius: 4px;
    color: white;
    display: flex;
    flex-wrap: wrap;
}

.box.weatherLocation.geoLocationDetails>.info a {
    font-family: "RobotoCondensedLight", sans-serif;
    color: white;
    text-decoration: none;
}

.box.weatherLocation.geoLocationDetails>.info h4 {
    font-family: "RobotoCondensedLight", sans-serif;
    font-weight: bold;
    font-size: 1.4rem;
    margin: 0;
}

.box.weatherLocation.geoLocationDetails>.info h3 {
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 2.8rem;
    margin: 0;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}
.box.weatherLocation.geoLocationDetails.hasCam>.info>.geoLocationMain {
    min-height: 447px;
}

.box.weatherLocation.geoLocationDetails>.info .geoLocationMain .left,
.box.weatherLocation.geoLocationDetails>.info .geoLocationMain .right {
    width: 50%;
    padding: 12px 12px 0 16px;
}

.box.weatherLocation.geoLocationDetails>.info .geoLocationMain .left {
    margin-top: 4px;
}

.box.weatherLocation.geoLocationDetails>.info .geoLocationMain .left .temp {
    font-family: "RobotoCondensedReguler", sans-serif;
    font-size: 5rem;
    font-weight: 300;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-top: -10px;
    margin-bottom: -12px;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.left .temp img {
    margin-left: -20px;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right {
    display: flex;
    align-items: flex-end;
    flex-flow: column;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right .camInfo {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right .map {
    width: 100%;
    height: 100%;
    padding-top: 10px;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right a {
    text-align: right;
    color: white;
}

.box.weatherLocation.geoLocationDetails .info.desktopOnly .geoLocationMain .right .mylocation.add>span,
.box.weatherLocation.geoLocationDetails .info.desktopOnly .geoLocationMain .right .mylocation.del>span {
    font-weight: 900;
    font-size: 1rem;
    padding-left: 5px;
}

.box.weatherLocation.geoLocationDetails .info.desktopOnly .geoLocationMain .right .mylocation.add.progress,
.box.weatherLocation.geoLocationDetails .info.desktopOnly .geoLocationMain .right .mylocation.del.progress {
    background-color: #0069b3;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right .camInfo .preview {
    position: relative;
    border: 1px solid white;
    margin: 4px 0;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right .camInfo .preview span[role="button"] {
    position: absolute;
    cursor: pointer;
    background-color: #f7d539;
    border-radius: 10px;
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .3);
    color: #0069b3;
    text-transform: uppercase;
    text-align: center;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout/playIcon.png');
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right .camInfo .preview span[role="button"]:nth-child(1) {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 29px;
    width: 172px;
    margin: auto;
    line-height: 2;
    padding-left: 23px;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.right .camInfo .preview>img {
    width: 220px;
    height: 165px;
    object-fit: cover;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.camPlayer {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    top: 60px;
    margin: auto;
    background-color: #000000;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.camPlayer>* {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.camPlayer>span[name="stopCam"] {
    position: absolute;
    top: 5px;
    margin-left: calc(100% - 30px);
    z-index: 9999;
    cursor: pointer;
    background-color: #f7d539;
    border-radius: 10px;
    box-shadow: 4px 4px 5px rgba(0,0,0,.3);
    color: #0069b3;
    text-transform: uppercase;
    text-align: center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left 0px center;
    width: 25px!important;
    height: 25px !important;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout/wetter_pause_button_80opacity.svg');
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.camPlayer.playing {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    z-index: 99;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.bottom {
    display: flex;
    width: 100%;
    align-items: stretch;
    place-items: center;
    padding: 0px 16px 6px 16px;
    justify-content: space-between;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.bottom>span[role="button"] {
    cursor: pointer;
    background-color: white;
    color: #0069b3;
    padding: 6px 10px 4px 10px;
    border: 1px solid #f7d539;
    border-radius: 6px;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 0.95rem;
    margin-right: 7px;
}
.box.weatherLocation.geoLocationDetails.hasWarnings>.info>.geoLocationMain>.bottom>span[role="button"] {
    padding: 6px 5px 4px 5px;
}
.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.bottom>button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#ffffff, #EDF8FF);
    border-radius: 12px;
    border: 0px;
    padding: 6px;
    width: auto;
}
.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.bottom>button>img {
    width: 16px;
}
.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.bottom>button>span {
    font-family: "RobotoMedium",sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: black;
    padding: 3px;
    line-height: 1;
}
.box.weatherLocation.geoLocationDetails.hasWarnings>.info>.geoLocationMain>.bottom>button>span.text-false {
    display: none;
}
.box.weatherLocation.geoLocationDetails:not(.hasWarnings)>.info>.geoLocationMain>.bottom>button>span.text-true {
    display: none;
}
.box.weatherLocation.geoLocationDetails:not(.hasWarnings)>.info>.geoLocationMain>.bottom>button>img.icon-true {
    display: none;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.bottom>div:last-child {
    width: 80px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout/sunupdown.png');
    padding-left: 47px;
    padding-top: 4px;
}

.box.weatherLocation.geoLocationDetails>.info>.geoLocationMain>.bottom>div:last-child span {
    padding: 2px 0;
}

.box.weatherLocation.geoLocationDetails>.info .intraday {
    width: 100%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 10px 16px 10px 12px;
    margin: 10px 0;
    display: flex;
    overflow: hidden;
    flex-flow: row wrap;
    max-height: 7.5rem;
    justify-content: space-between;
}

.box.weatherLocation.geoLocationDetails>.info .intraday .detailitem {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
}

.box.weatherLocation.geoLocationDetails>.info .intraday .detailitem>img {
    margin: -5px 0;
}

.box.weatherLocation.geoLocationDetails>.info .intraday .detailitem span:nth-child(2) {
    font-size: 1.1rem;
    font-weight: 600;
    font-family:"RobotoCondensedReguler", sans-serif;
}

.box.weatherLocation.geoLocationDetails>.info>.detailtext {
    padding: 0 5px;
}
/*
.box.weatherLocation.miniMap {
    border: 1px solid #1275B4;
    border-radius: var(--border-radius);
}
.box.weatherLocation.miniMap .titlebar.bordered,
.box.weatherLocation.miniMap .titlebar.bordered::before,
.box.weatherLocation.miniMap .titlebar.bordered::after {
    border: 0px;
}
.tabOne .box.weatherLocation.miniMap {
    width: 100%;
    height: 100%;
}

.box.weatherLocation.miniMap .weatherLocation.sectionMap {
    padding: 10px 0;
    border: 0;
    border-radius: 0;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap {
    width: 100%;
    height: 100%;
    max-height: 400px;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
    height: 200px;
    margin: auto 0;
}

.box.weatherLocation.miniMap .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}
.box.weatherLocation.miniMap .sectionMap .section:hover {
    stroke: #0069b3 !important;
    fill: #e5f1f7 !important;
}

.box.weatherLocation.miniMap .sectionMap .location {
    fill: #cce3f0;
    cursor: pointer;
}


.box.weatherLocation.miniMap[data-id="7164394"] .sectionMap g > path.section:last-of-type {
    opacity: 0.5;
}

@media (min-width: 500px)  {

    .tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
        height: 300px;
    }
}


@media (min-width: 880px) {

    .tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
        height: 400px;
    }
}

/ * fitting for tirol mini kard www.wetter.at/wetter/sale/tirol * /

/ * Ehrwald * /
.miniMap[data-id="436544639"] .hd-text[data-id="7165059"] {
    transform: translateX(-80px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7165059"] {
    transform: translateX(-80px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7165059"] {
    transform: translate(-35px, -5px);
}

/ * Achensee * /
.miniMap[data-id="436544639"] .hd-text[data-id="7167584"] {
    transform: translateY(-20px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7167584"] {
    transform: translateY(-19px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7167584"] {
    transform: translate(-15px, -10px);
}

.miniMap[data-id="436544639"] .location[data-id="7167584"] {
    transform: translateY(-10px);
}

/ * Seefeld in Tirol * /
.miniMap[data-id="436544639"] .hd-text[data-id="7166775"] {
    transform: translateY(-15px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7166775"] {
    transform: translateY(-15px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7166775"] {
    transform: translateY(-18px);
}

/ * Stubaier Gletscher * /
.miniMap[data-id="436544639"] .weathericon[data-id="7168057"] {
    transform: translateX(-11px);
}

/ * Innsbruck * /
.miniMap[data-id="436544639"] .weathericon[data-id="7164660"] {
    transform: translate(100px,10px);
}
*/.nearestLocations {
    margin-top: -6px;
}

.nearestLocations .box {
    width: 100%;
    padding: 1px;
    background-color: #EDF8FF;
    border-radius: 12px;
}

.nearestLocations .box a {
    color: #000;
}

.nearestLocations .box a:hover {
    text-decoration: none;
    color: #000;
}

.nearestLocations .box .title {
    font-family: "RobotoCondensedLight", sans-serif;
    font-weight: bold;
    font-size: 1.25rem;
    display: flex;
    justify-content: space-between;
    padding-right: 16px;
    padding-left: 16px;
}

.nearestLocations .box .title a{
    color: #1273B1;
}

.nearestLocations .box .locations {
    padding: 7px;
    font-size: 13px;
}

.nearestLocations .box .locations a:hover {
    color: #003A5A;
    font-weight: 600;
}

.nearestLocations .box .locationCard {
    border-radius: 12px;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.1);
    padding-top: 22px;
    padding-bottom: 8px;
    margin-top: -16px;
}

.locationCard .title .arrow {
    transform: rotate(90deg);
    color: #2D7DB1;
}

.locationCard .title.active .arrow {
    transform: rotate(-90deg);
}
/*.weatherLocation.sectionMap {
    width: 100%;
    height: 100%;
}
aside .weatherLocation.sectionMap{
    border: 1px solid #0069b3;
    border-radius: 5px;
    padding: 2px 0;
    height: 300px;
}

.weatherLocation.sectionMap>section[role="search"] {
    display: flex;
    margin: 0 10px 20px 0;
    padding: 6px;
}

.weatherLocation.sectionMap>section[role="search"]>div:first-child {
    flex-grow: 1;
    margin: 6px 0 0 6px;
}

.weatherLocation.sectionMap>section[role="search"]>div:first-child input {
    width: 100%;
    padding: 3px 13px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border: 1px solid #0072b4;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child {
    margin: 6px 0 0 -2px;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button {
    display: flex;
    width: 180px;
    background-color: #24537E;
    color: white;
    height: 32px;
    border-radius: 12px;
    border: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button span {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    flex-grow: 1;
    padding: 2px 0 0 16px;
    font-size: 1.1rem;
    font-weight: 500;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button svg {
    width: 15px;
    height: 15px;
    margin: auto;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button svg path {
    stroke-width: 2.7px;
    stroke: #ffd727;
    fill: #ffd727;
}

.weatherLocation.sectionMap svg {
    width: 100%;
    height: 100%;
}

.weatherLocation.sectionMap path.section {
    stroke: white;
    fill: #cce3f0;
    cursor: pointer;
}

.weatherLocation.sectionMap path.location {
    stroke-width: 4px;
    stroke-opacity: 1;
    stroke: black;
}

.weatherLocation.sectionMap .weathericon {
    cursor: pointer;
}

.weatherLocation.sectionMap .hd-rect {
    fill-opacity: 0.5;
}

.weatherLocation.sectionMap .hd-text {
    fill: #fff;
    font-size: 0.7rem;
    font-weight: 700;
}
.weatherLocation.sectionMap .hd-text.noLocation {
    font-size: 0.76rem;
}

.weatherLocation.sectionMap .hd-rect,
.weatherLocation.sectionMap .hd-text {
    cursor: pointer;
    font-family: robotobold;
}

.weatherLocation.sectionMap .hd-degree {
    fill: #ffd727;
}

.weatherLocation.sectionMap.hoveredInfo .weathericon,
.weatherLocation.sectionMap.hoveredInfo .hd-rect,
.weatherLocation.sectionMap.hoveredInfo .hd-text {
    visibility: hidden;
}

@media (max-width: 500px) {
    .weatherLocation.sectionMap>section[role="search"]>div:last-child button {
        width: 50px;
    }
    .weatherLocation.sectionMap>section[role="search"]>div:last-child button span {
        display: none;
    }
}

.weatherLocation.sectionMap .locationMark {
    cursor: pointer;
}


/ * cro  * /

.weatherLocation.sectionMap text[data-id="7168370"],
.weatherLocation.sectionMap rect[data-id="7168370"] {
    transform: translateY(-5px);
}


/ * Lienz * /
.weatherLocation.sectionMap text[data-id="7164664"],
.weatherLocation.sectionMap rect[data-id="7164664"] {
    transform: translateY(12px) translateX(-29px);
}

/ * Lienz * /
.weatherLocation.sectionMap text[data-id="7165851"],
.weatherLocation.sectionMap rect[data-id="7165851"] {
    transform: translateY(12px) translateX(-29px);
}

/ * Bregenz * / 
.weatherLocation.sectionMap text[data-id="7164657"],
.weatherLocation.sectionMap rect[data-id="7164657"] {
    transform: translateY(12px) translateX(-29px);
}

/ * Innsbruck * /
.weatherLocation.sectionMap text[data-id="7164660"],
.weatherLocation.sectionMap rect[data-id="7164660"] {
    transform: translateY(12px) translateX(-29px);
}

/ * München * /
.weatherLocation.sectionMap text[data-id="7168490"],
.weatherLocation.sectionMap rect[data-id="7168490"] {
    transform: translateY(12px) translateX(-29px);
}

/ * Salzburg * /
.weatherLocation.sectionMap text[data-id="7164663"],
.weatherLocation.sectionMap rect[data-id="7164663"] {
    transform: translateY(12px) translateX(-29px);
}

/ * Eisenstadt * /
.weatherLocation.sectionMap .weathericon[data-id="7164658"] {
    transform: translateY(18px) translateX(-22px);
}

.weatherLocation.sectionMap text[data-id="12217807"],
.weatherLocation.sectionMap rect[data-id="12217807"] {
    transform: translateY(10px) translateX(-29px);
}

.weatherLocation.sectionMap text[data-id="7167073"],
.weatherLocation.sectionMap rect[data-id="7167073"] {
    transform: translateX(-6px);
}

/ * tirol * /
.weatherLocation.sectionMap image[data-id="7164674"] {
    transform: translateY(10px) translateX(-25px);
}
*/
.weatherLocation.geoLocationSummary .info .map figure {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff;
}

.weatherLocation.geoLocationSummary .info .map svg {
    height: 100%;
    width: 100%;
    padding: 10px 0;
}

@media (max-width: 879px) {
    .weatherLocation.geoLocationSummary .info .map .sectionMap svg {
        height: calc(300 / 640 * (100vw - 8px));
    }
}
@media (min-width: 880px) {
    .weatherLocation.geoLocationSummary .info .map .sectionMap svg {
        height: 300px;
    }
}


.weatherLocation.geoLocationSummary .info .map .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}
.weatherLocation.geoLocationSummary .info .map .sectionMap .section:hover {
    stroke: #0069b3 !important;
    fill: #e5f1f7 !important;
}

.weatherLocation.geoLocationSummary .info .map .sectionMap .location {
    fill: #cce3f0;
    cursor: pointer;
}

.weatherLocation.geoLocationSummary[data-id="7164394"] .info .map g > path.section:last-of-type {
    opacity: 0.5;
}

.weatherLocation.geoLocationSummary .selectors {
    display: flex;
    background-color: white;
    position: relative;
    padding: 0 12px 10px 9px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    top: -16px;
}

.weatherLocation.geoLocationSummary header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #0072b4;
}

.weatherLocation.geoLocationSummary header ul,
.weatherLocation.geoLocationSummary .selectors ul {
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: nowrap;
    flex: 0 0 92%;
}

.weatherLocation.geoLocationSummary .selectors ul {
    display: inline-flex;
    flex-grow: 1;
    flex: 0 0 92%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex: 0 0 100%;
}


.weatherLocation.geoLocationSummary:target:before {
    display: block;
    content: "";
    visibility: hidden;
    height: 10px;
    margin-top: -10px;
}

@media (min-width: 768px) {

    .weatherLocation.geoLocationSummary:target:before {
        height: 240px;
        margin-top: -240px;
    }

    body.hasSticky .weatherLocation.geoLocationSummary:target:before {
        height: 90px;
        margin-top: -90px;
    }
}


.weatherLocation.geoLocationSummary .selectors ul::-webkit-scrollbar {
    display: none;
    width: 0;
}

.weatherLocation.geoLocationSummary header ul li {
    flex-grow: 0.32;
    padding: 0;
    margin: 0;
}

.weatherLocation.geoLocationSummary header ul li:nth-child(2) {
    border-left: 1px solid #0072b4;
    border-right: 1px solid #0072b4;
}

.weatherLocation.geoLocationSummary header ul li > span {
    font-family: "RobotoRegular",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1rem;
    width: 100%;
    height: 100%;
    display: block;
    padding: 6px;
    font-weight: 400;
}

.weatherLocation.geoLocationSummary header ul li.active > span {
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .weatherLocation.geoLocationSummary header ul li > span {
        font-size: 1.25rem;
    }
}

.weatherLocation.geoLocationSummary header ul li,
.weatherLocation.geoLocationSummary .selectors ul li {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    color: #0072b4;
}

.weatherLocation.geoLocationSummary header ul li.active,
.weatherLocation.geoLocationSummary .selectors ul li.active {
    color: #1275B4;
}

.weatherLocation.geoLocationSummary .selectors ul li.active {
    font-weight: 900;
    padding: 0 9px;
}

.weatherLocation.geoLocationSummary .selectors ul li.loading {
    background-color: #d6e9f5 !important;
}

.weatherLocation.geoLocationSummary .selectors ul li {
    font-size: 0.9rem;
    font-family: "RobotoCondensedRegular",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    letter-spacing: -0.2px;
    line-height: 10px;
    flex: 1 1 0;
    border-right: 1px solid #1275B4;
}
.weatherLocation.geoLocationSummary .selectors ul li span {
    white-space: nowrap;
    padding: 9px 9px;
}

.weatherLocation.geoLocationSummary .selectors button{
    width: 29px;
    height: 32px;
    padding: 9px 2px;
    margin: 0;
    display: inline-flex;
    justify-items: right;
    border: 0;
    background-color: #0072b4;
    border-radius: 20px;
}

.weatherLocation.geoLocationSummary .selectors button.left {
    position: absolute;
    left: -11px;
    z-index: 1;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.weatherLocation.geoLocationSummary .selectors button.right {
    position: absolute;
    right: -11px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}



.weatherLocation.geoLocationSummary .selectors button .js-oewaLink {
    width:40px;
    padding: 0 2px;
}
.weatherLocation.geoLocationSummary .selectors svg {
    width: 100%;
    height: 100%;
    margin: auto;
}

.weatherLocation.geoLocationSummary .selectors svg path {
    stroke-width: 1px;
    stroke: white;
    fill: white;
}

.weatherLocation.geoLocationSummary footer {
    margin-top: -10px;
    transition: transform 0.6s;
    transform-origin: top;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-left: 1px solid #1275B4;
    border-bottom: 1px solid #1275B4;
    border-right: 1px solid #1275B4;
}
.weatherLocation.geoLocationSummary footer > div:first-child {
    padding: 10px 10px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #0072b4;
    margin-bottom: 8px;
}
.weatherLocation.geoLocationSummary footer.empty {
    transform: scale(0);
}
.weatherLocation.geoLocationSummary footer h4 {
    margin-bottom: 0.4rem;
    font-weight: 700;
    color: #fff;
    font-family: "oe24condensed",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
}
.weatherLocation.geoLocationSummary footer span {
    font-size: 1rem;
    color: #fff;
}

.weatherLocation.geoLocationSummary footer a {
    text-decoration: none;
}
.weatherLocation.geoLocationSummary footer a:hover {
    text-decoration: none;
    color: #0069b3;
}










.weather-box-wrapper {
    padding: 6px 6px 0;
    background-color: #0072b4;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}

.js-oewaLink {
    color: black!important;
}

.weather-box-wrapper > header > ul > li {
    background-color: #9AD0F2;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.weather-box-wrapper > header > ul {
    border-bottom: 0px!important;
}

.weather-box-wrapper > header > ul > li.active {
    background-color: white!important;
}

.weather-box-more-info {
    font-family: "RobotoRegular",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin-top: -6px;
    z-index: 0;
    position: relative;
    padding: 4px 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #1275B4;
}

.weather-box-more-info > svg {
    height: 12px;
    width: 15px;
}

.weather-box-more-info > svg > path {
    stroke-width: 1px;
    stroke: #0069b3;
    fill: #0069b3;
}
.weatherLocation.geoLocationSummary .footer-text__button{
    background-color: #fff;
    border-radius: 4px;
    color: #0069b3;
    padding: 1px 5px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    font-size: 0.75rem;
}
@keyframes arrowMove {
    0%  {transform: rotate(-45deg) translate(0px, 0px);}
    50% {transform: rotate(-45deg) translate(1px, 1px);}
    100% {transform: rotate(-45deg) translate(-2px, -2px);}
}

.weatherLocation.geoLocationSummary .footer-text__button .animate {
    animation-name: arrowMove;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.weatherLocation.geoLocationSummary .footer-text__button .arrow{
    border: solid #0069b3;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
}

.weatherLocation.geoLocationSummary .footer-text__button .arrow.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
  
.weatherLocation.geoLocationSummary .footer-text__button .arrow.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.weatherLocation.geoLocationSummary .tabMapContainer__footer-text .more{
    display: none;
}

.tabMapContainer.loading .geoLocationSummary * {
    visibility: hidden !important;
}.weatherLocation.supplementary.pollenKlein header ul {
    list-style: none;
    margin: 0 0 5px;
    padding: 0;
}
.weatherLocation.supplementary.pollenKlein header ul li {
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    font-family: "RobotoCondensedLight",sans-serif;
    text-transform: uppercase;
    padding: 0px 7px;
    border-radius: 5px;
    border: 1px solid #1275B4;
    margin-right: 6px;
}
.weatherLocation.supplementary.pollenKlein header ul li.active {
    font-weight: 600;
    background-color: #1275B4;
}
.weatherLocation.supplementary.pollenKlein header ul li a {
    color: #2D7DB1;
}
.weatherLocation.supplementary.pollenKlein header ul li.active a, 
.weatherLocation.supplementary.pollenKlein header ul li a:hover {
    text-decoration: none;
    color: white;
}

.weatherLocation.supplementary.pollenKlein .data > div {
    position: relative;
}

.weatherLocation.supplementary.pollenKlein .data > div .bg {
    width: 100%;
}

.weatherLocation.supplementary.pollenKlein .data .details .detail {
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
}

.weatherLocation.supplementary.pollenKlein .data .details .detail span {
    font-weight: 600;
}

@media (max-width: 590px) {

    .weatherLocation.supplementary.pollenKlein .data .details {
        top: 23% !important;
    }

    .weatherLocation.supplementary header {
        max-width: 100%;
        overflow-x: auto;
        right: 1px;
    }
    
    .weatherLocation.supplementary header ul {
        display: flex;
    }

    .weatherLocation.supplementary header ul li {
        padding: 0 10px;
        font-size: 1rem;
    }

    .weatherLocation.supplementary.pollenKlein .data .details .detail span {
        font-size: 12px;
    }
    
    .pollenKlein .detail .a {
        width: 70px;
    }
}


@media (min-width: 700px) {

    .weatherLocation.supplementary.ozon header ul li {
        font-size: 1.125rem;
    }
    
    .weatherLocation.supplementary.pollenKlein .data .details {
        top: 25%;
    }
}








.pollenKlein .dataBox {
    border: 1px solid #1275B4;
    border-radius: 10px;
    border-top: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding: 4px;
}

.pollenKlein .data {
    background-color: #EDF8FF;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid;
    border-top: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-color: #1275B4;
}

.pollenKlein .details {
    color: #1275B4;
}

@media (min-width: 591px) {
    .pollenKlein .detail .a {
        width: 100px;
    }
}.weatherLocation .legendWrapper {
  font-family: "RobotoRegular", sans-serif;
}

.weatherLocation.warningsLegend{
  background-color: white;
  border-radius: var(--border-radius);
}

.weatherLocation.warningsLegend .legendPages {
  border-radius: var(--border-radius);
  background-color: #EDF8FF;
  box-shadow: 0px 7px 7px 0px rgba(112,112,112,0.2)
}
.weatherLocation.warningsLegend .legendPages::after {
  box-shadow: 10px 5px 5px gray inset;
  background-color: #EDF8FF;
  content: '';
}
.weatherLocation.warningsLegend .legendPages:first-child {
    position: relative;
    z-index: 1;
}
.weatherLocation.warningsLegend .legendPages:nth-child(2) {
  position: relative;
  margin-top: -5px;
}
.weatherLocation.warningsLegend .legendPages:nth-child(2) .header {
  padding: 20px 10px 10px 10px;
}
.weatherLocation.warningsLegend .legendPages:last-child {
  margin-top: -5px;
}
.weatherLocation.warningsLegend .legendPages:last-child .header {
  padding: 20px 10px 10px 10px;
}
.weatherLocation.warningsLegend .legendPages > span.header {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
}
.weatherLocation.warningsLegend .legendPages > span.header > span.label {
  font-family: "RobotoBold", sans-serif;
  color: #1275B4;
  display: block;
}
.weatherLocation.warningsLegend .legendPages > span.header > .icon.up {
  transform: rotate(270deg);
}
.weatherLocation.warningsLegend .legendPages > span.header > .icon.down {
  transform: rotate(90deg);
}
.weatherLocation.warningsLegend .legendPages > div {
  display: none;
  max-height: 0;
  transition: max-height .5s ease-in-out;
}
.weatherLocation.warningsLegend .legendPages.active > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 2px 2px 10px 2px;
  place-content: flex-start;
  max-height: intrinsic;           /* Safari/WebKit uses a non-standard name */
  max-height: -moz-max-content;    /* Firefox/Gecko */
  max-height: -webkit-max-content;
  transition: max-height .5s ease-in-out;
}
.weatherLocation.warningsLegend .legendPages > div > div.symbolItem {
  width: 32%;
  display: flex;
  padding: 5px;
}
.weatherLocation.warningsLegend .legendPages > div > div.symbolItem > span.icon {
  display: block;
}
.weatherLocation.warningsLegend .legendPages > div > div.symbolItem > span.label {
  margin: auto;
  font-weight: 600;
}
.weatherLocation.warningsLegend .legendPages .nextInfos {
  color: #1275B4;
}
/* .weatherLocation.warningsLegend .legendPages > div > div.symbolItem:last-child {
  margin-right: 33%;
} */
.weatherLocation.warningsLegend .legendPages > div > div.levelItem {
  display: flex;
  flex-direction: column;
  padding: 5px 10px;
}
.weatherLocation.warningsLegend .weatherWarningLevel:first-child {
  padding-top: 0;
}
.weatherLocation.warningsLegend .weatherWarningLevel:last-child {
  padding-bottom: 0;
}
.weatherLocation.warningsLegend .legendPages > div > div.levelItem > span {
  font-family: "RobotoRegular", sans-serif;
  color: #1275B4;
  padding: 2px 5px;
}
.weatherLocation.warningsLegend .legendPages > div > div.levelItem > span.text {
  font-family: "RobotoBold", sans-serif;
  width: intrinsic;           /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;    /* Firefox/Gecko */
  width: -webkit-max-content;
  border-radius: 5px;
  padding: 3px 10px;
}
.weatherLocation.warningsLegend .legendPages > div > div.levelItem > .text.yellow {
  color: #000;
  background-color: #E6F30B;
}
.weatherLocation.warningsLegend .legendPages > div > div.levelItem > .text.orange {
  color: #fff;
  background-color: #FD7A00;
}
.weatherLocation.warningsLegend .legendPages > div > div.levelItem > .text.red {
  color: #fff;
  background-color: #FC0000;
}
.weatherLocation.warningsLegend .legendPages > div > p {
  margin-left: 5px;
  margin-right: 5px;
}


/* @media screen and (min-width: 375px){
  .weatherLocation.warningsLegend .legendPages > div > div.symbolItem {
    width: 33%;
  }
}
@media screen and (min-width: 425px){
  .weatherLocation.warningsLegend .legendPages > div > div.symbolItem {
    width: 28%;
  }
}
@media screen and (min-width: 768px){
  .weatherLocation.warningsLegend .legendPages > div > div.symbolItem {
    width: 26%;
  }
} */
.sectionWarning .data {
    padding: 10px;
    border: 1px solid #1275B4;
    border-top: 0px;
    position: relative;
    font-size: 10px;
}

.sectionWarning .uw_meldung_line {
    padding-left: 50px;
}

.sectionWarning .uw_meldung_icon {
    position: absolute;
    left: 3px;
}

.sectionWarning .uw_meldung_line .time {
    display: block;
    padding-bottom: 6px;
}

.sectionWarning .all-warnings {
    border: 1px solid;
    border-top: 0px;
    padding-top: 6px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}.weatherLocation.warningsSummary{
    background-color: white;
    border-radius: var(--border-radius);
    border: 1px solid #DD0000;
}
.weatherLocation.warningsSummary .titlebar.bordered {
    border: none;
    color: #DD0000;
}
.weatherLocation.warningsSummary .titlebar.bordered h3 {
    color: #DD0000;
}
.weatherLocation.warningsSummary .titlebar.bordered::before {
    border-left: 1px solid #DD0000;
}
.weatherLocation.warningsSummary .titlebar.bordered::after {
    border-right: 1px solid #DD0000;
}
.weatherLocation.warningsSummary .weatherBoxWrapper {
    padding: 7px 7px 0px 7px;
    background-color: #DD0000;
    border-radius: var(--border-radius);
}
.weatherLocation.warningsSummary .weatherBoxWrapper header ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 99.99%;
    overflow-x: auto;
}
.weatherLocation.warningsSummary .weatherBoxWrapper header ul li{
    background-color: #9AD0F2;
    text-align: center;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    padding: 5px 10px;
    margin: 0 2px;
}
.weatherLocation.warningsSummary .weatherBoxWrapper header ul li span {
    font-family: "RobotoRegular",sans-serif;
    font-size: 1rem;
    font-weight: 400;
}
.weatherLocation.warningsSummary .weatherBoxWrapper header ul li:first-child{
    margin-left: 0;
}
.weatherLocation.warningsSummary .weatherBoxWrapper header ul li:last-child{
    margin-right: 0;
}
.weatherLocation.warningsSummary .weatherBoxWrapper header ul li.active{
    background-color: #FFFFFF;
}
.weatherLocation.warningsSummary .weatherBoxWrapper header ul li.active span {
    font-weight: 600;
}
.weatherLocation.warningsSummary .weatherBoxWrapper .map {
    background-color: #FFFFFF;
    width: 99.99%;
    position: relative;
}

.warningsSummary .colorLegendTitle {
    background-color: white;
    font-size: .7rem;
    padding-left: 6px;
}

.weatherLocation.warningsSummary .colorLegend {
    background-color: #FFFFFF;
    width: 99.99%;
    display: flex;
    justify-content: space-around;
}

.weatherLocation.warningsSummary .colorLegend .dangerLevel{
    font-family: "RobotoRegular",sans-serif;
    font-size: 0.5625rem;
    font-weight: 600;
    border-radius: var(--border-radius);
    text-align: center;
    width: 30%;
    font-weight: bold;
}
.weatherLocation.warningsSummary .colorLegend .dangerLevel.yellow {
    background-color: #FFC100;
}
.weatherLocation.warningsSummary .colorLegend .dangerLevel.orange {
    background-color: #FF7A00;
}
.weatherLocation.warningsSummary .colorLegend .dangerLevel.red {
    background-color: #FF0000;
    color: #FFFFFF;
}

.weatherLocation.warningsSummary .iconsLegend {
    padding: 6px;
    font-size: 10px;
}

.weatherLocation.warningsSummary .iconsLegend .icon > img{
    width: 20px;
}

.weatherLocation.warningsSummary .iconsLegend .label{
    font-weight: bold;
}

.weatherLocation.warningsSummary .iconsLegend .iconsName {
    width: 33%;
    fill: #1275B4;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.weatherLocation.warningsSummary .iconsLegend .iconsName > span {
    font-family: "RobotoRegular",sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.weatherLocation.warningsSummary .iconsLegend .iconsName svg:first-child {
    width: 25px;
    height: 25px;
}

.weatherLocation.warningsSummary .weatherBoxWrapper .map svg,
.weatherLocation.warningsSummary .smallWarningCard svg {
    width: 100%;
    height: auto;
    position: relative;
}

.weatherLocation.warningsSummary .map svg *[data-action="true"] {
    cursor: pointer;
}

.weatherLocation.warningsSummary #warnicons,
.weatherLocation.warningsSummary #noWarnings{
    pointer-events: none;
}

.weatherLocation.warningsSummary .map .regenradarNeedle {
    width: 15px;
    height: 25px;
    position: absolute;
    background-image:url('//appcdn.wetter.at/wetter_public/images/minimap/needle.png');
    z-index: 1;
}
.weatherLocation.warningsSummary .navWrap{
    overflow: hidden;
    width: 99.99%;
}

.weatherLocation.warningsSummary ul.nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: unset;
    width: 100%;
    box-sizing: content-box;
    overflow: auto;
}
.weatherLocation.warningsSummary ul.nav > li {
    width: 115px;
    cursor: pointer;
    font-weight: 600;
    color: #0075B4;
    background-color: white;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: none;
    padding: 5px 11px 10px 11px;
    margin: 8px 8px 10px 0px;
    border-radius: 10px;
}
.weatherLocation.warningsSummary ul.nav > li:last-child{
    margin-right: 0;
}

.weatherLocation.warningsSummary ul.nav > li > div {
    display: block;
    margin: 0 auto;
}

.weatherLocation.warningsSummary ul.nav > li #smallWarningCardTitleActive {
    font-weight: 600;
    color: #0075B4;
    background-color: #D6EFFF;
}

.weatherLocation.warningsSummary .smallWarningCard.active{
    margin-top: -10px!important;
    padding-top: 23px!important;
}


.weatherLocation.warningsSummary ul.nav > li > div {
    font-size: 0.7rem;
}

@media screen and (min-width: 540px) {
    .weatherLocation.warningsSummary .weatherBoxWrapper header ul li {
        width: 20%;
    }
    .weatherLocation.warningsSummary .colorLegend .dangerLevel  {
        font-size: 0.875rem;
    }
}

@media screen and (min-width: 768px){
    .weatherLocation.warningsSummary .weatherBoxWrapper header ul li span {
        font-size: 1.25rem;
    }
    .weatherLocation.warningsSummary .iconsLegend {
        padding: 5px 10px 5px 10px;
    }
    .weatherLocation.warningsSummary .iconsLegend .iconsName {
        width: unset;
        padding: 10px 10px;
    }
    .weatherLocation.warningsSummary .iconsLegend .iconsName > span {
        font-size: 0.875rem;
    }
}

.box.weatherLocation.warningsSummary .weatherBoxWrapper .uw_warnungen_text_box {
    background-color: white;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}
.contentBoard.default.cams-nearby .content {
  padding: 0;
  border-top: 1px solid #1375B4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.contentBoard.default.cams-nearby .content > .box:first-child {
  margin: 0;
}

.contentBoard.default.cams-nearby .content .box {
  padding: 0px 10px;
}

.contentBoard.default.cams-nearby .content .container.twoCol .box {
  width: 50%;
}

.contentBoard.default.cams-nearby .content .container .row {
  flex-direction: row;
  flex-wrap: nowrap;
  padding: 0;
}

.contentBoard.default.cams-nearby .content .container.twoCol .weatherCamPreview .notetext {
  font-size: 13px;
}

@media screen and (min-width: 680px) {
  .tabOne .contentBoard.default.cams-nearby .content .twoCol .box,
  .tabThree .contentBoard.default.cams-nearby .content .twoCol .box {
    width: 50%;
  }
}
@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.bg-green {
    background: #28D761;
}

.bg-yellow {
    background: #F7D539;
}

.bg-orange {
    background: #FFC400;
}

.bg-red {
    background: #FF0000;
}

.font-bold {
    font-weight: 600;
}

.loading.animated {
	position: relative;
	min-height: 200px;
}
.loading.animated:before {
	content: '';
	position: absolute;
	background-image: url("//appcdn.wetter.at/wetter_public/images/layout/loading-interwind.svg");
	position: absolute;
	width: 160px;
	height: 160px;
	display: inline-block;
	align-items: center;
	justify-content: center;
	display: block;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	z-index: 999;
}

main.mobile > .box:nth-of-type(1) {
	margin-top: 35px;
}.headlineBox {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #0075b4;
    padding: 12px 15px 10px;
    margin: 15px 0;
    border-radius: 10px;
}

.headlineBox .headlineLink {
    text-decoration: none;
}

.headlineBox .headlineText {
    font-family: "RobotoCondensedBold",sans-serif;
    font-size: 1.5rem;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    overflow-wrap: break-word;
    word-break: break-word;
}

@media screen and (min-width: 768px) {
    .headlineBox .headlineText {
        font-size: 2.125rem;
    }
}.hundewahlTeaser {
    background-color: #0075b4;
    padding: 15px 10px;
}

.hundewahlTeaser .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

.hundewahlTeaser .title span {
    font-family: "RobotoCondensedBold", sans-serif;
    color: #ffcd59;
    line-height: 1;
    text-align: center;
}

.hundewahlTeaser .title .inital {
    font-size: 4.375rem;
    text-transform: initial;
}

.hundewahlTeaser .title .uppercase {
    font-size: 6rem;
    text-transform: uppercase;
}

.hundewahlTeaser .title .uppercasee {
    font-size: 7.125rem;
    text-transform: uppercase;
    line-height: .7;
}

.hundewahlTeaser .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;
}

.hundewahlTeaser .content span {
    font-family: "RobotoMedium", sans-serif;
    font-size: 1.125rem;
    color: #fff;
    line-height: 1.2;
    text-align: center;
    padding: 10px 20px;
    border-bottom: 1px solid #fff;
}

.hundewahlTeaser .seeMoreRecords {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 15px 0px 0px;
}

.hundewahlTeaser .seeMoreRecords a {
    text-decoration: none;
    background-color: #ffcd59;
    padding: 5px 10px;
    border-radius: var(--border-radius);
    text-align: center;
}

.hundewahlTeaser .seeMoreRecords a span {
    display: block;
    font-family: "RobotoCondensedBold", sans-serif;
    font-size: 3rem;
    color: #0075b4;
    line-height: 1;
    text-transform: uppercase;
}
.hundewahlTop {
  background-color: rgb(208 226 243);
  border: 1px solid #1275b4;
}

.hundewahlTop header .title {
  font-family: "RobotoCondensedBold", sans-serif;
  font-size: 2.125rem;
  color: #0069b3;
  padding: 15px 5px 10px;
  text-align: center;
  margin-bottom: 0;
}

.hundewahlTop .content .top3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 10px;
}

.hundewahlTop .content .top3 .hbox {
  margin: 10px 15px;
  background-color: #fff;
  border-radius: var(--border-radius);
  border: 1px solid #1275b4;
}

.hundewahlTop .content .top3 .title {
  font-family: "RobotoMedium", sans-serif;
  display: flex;
  padding: 5px 5px;
  letter-spacing: -0.01em;
  color: #0069b3;
}
.hundewahlTop .content .top3 .title > * {
  margin-left: 3px;
}
.hundewahlTop .content .top3 .title .prefix, 
.hundewahlTop .content .top3 .title .name {
  font-weight: 600;
  text-transform: uppercase;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hundewahlTop .content .top3 .title .name {
  flex-grow: 1;
}
.hundewahlTop .content .top3 .image {
  width: 100%;
  height: 225px;
  border-radius: var(--border-radius);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.hundewahlTop .seeMoreRecords {
  background-color: #1275b4;
  padding: 6px;
  font-family: "RobotoCondensedBold", sans-serif;
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
}

.hundewahlTop .seeMoreRecords a {
  color: #ffcd59;
  text-decoration: none;
}
.hundewahlTop .seeMoreRecords a:visited {
  text-decoration: none;
}
.sunMoonBox {
    max-width: 100%;
    max-height: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    padding-top: 10px;
}

.sunMoonBox .col {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    height: 100%;
    max-height: 110px;
    margin: 5px 0;
    background-color: #52A7D1;
    background-image: linear-gradient(#52A7D1, #0072b4 65%);
    border-radius: 10px;
    text-align: center;
    /*Hacks for Safari , iPhone 5, IOS 6/ IOS 7 / IOS 8 */
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.sunMoonBox .col.sun,
.sunMoonBox .col.moon {
    padding-top: 5px;
}

.sunMoonBox p {
    display: block;
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
}

.sunMoonBox .sunrise,
.sunMoonBox .moonrise,
.sunMoonBox .sunset  {
    display: flex;
    display: -webkit-flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}

.sunMoonBox .moonset {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
} 

.sunMoonBox .moonPhase {
    display: inline-flex;
    display: -webkit-inline-flex;
    align-items: center;
    padding: 0 10px;
}

.sunMoonBox .sunset span {
    order: 2;
    text-align: center;
} 

.sunMoonBox .sunrise img,
.sunMoonBox .sunset img {
   max-width: 35%;
   margin: 0 auto;
}

.sunMoonBox .moon img {
    max-width: 30%;
    margin: 0 auto; 
}

.sunMoonBox .moonPhase img {
    max-width: 25%;
    margin: 10px auto;
} 

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

    .sunMoonBox {
        flex-direction: row;
        display: flex;
    }

    .sunMoonBox .col {
        flex-direction: column;
        margin: 5px 0;
        height: auto;
        max-height: 100%;
        background-color: #52A7D1;
        background-image: linear-gradient(#52A7D1, #0072b4 65%);
        padding: 15px 10px 0;
        margin: 0 2px;
    }

    .sunMoonBox .col.sun,
    .sunMoonBox .col.moon {
        padding-top: 15px;
    }

    .sunMoonBox .sunrise,
    .sunMoonBox .moonrise {
        flex-direction: column;
        padding-bottom: 10px;
    }

    .sunMoonBox .col p {
        font-size: 1.25rem;
        text-align: center;
        line-height: 1.1;
    }

    .sunMoonBox .sunset span {
        order: 1;
        text-align: center;
    } 

    .sunMoonBox .sunrise img,
    .sunMoonBox .sunset img {
        max-width: 60%;
    }

    .sunMoonBox .moonPhase img {
        max-width: 60%;
    }

    .sunMoonBox .moonPhase {
        padding-bottom: 10px;
    }

    .sunMoonBox .moon img {
        max-width: 55%;
    }
}

.weatherLastYearBox {
    padding: 10px 0;
}

.weatherLastYearBox h6 {
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 1.125rem;
    font-weight: bold;
    padding-top: 10px;
    margin-bottom: 0;
    text-align: center;
    overflow: hidden;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}

.weatherLastYearBox .icon {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
}

.weatherLastYearBox .icon span {
    padding-top: 4%;
}

.weatherLastYearBox .details {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-family: "RobotoCondensedLight", sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
}

.weatherLastYearBox .details  p {
    margin-bottom: 0;
    font-family: 'opensans', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
}

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

    .weatherLastYearBox .icon {
        padding-bottom: 10px;
    }
    
    .weatherLastYearBox .icon span {
        padding-top: 1%;
    }
}

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

    .lastYearContent {
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 10px;
    }

    .weatherLastYearBox h6 {
        font-size: 1.25rem;
        -webkit-line-clamp: 2;
        text-align: left;
        padding-left: 5px;
        padding-top: 5px;
        max-width: 30%;
    }

    .weatherLastYearBox .icon {
        flex-direction: column;
        position: relative;
        left: 0%;
        padding: 0;
    }

    .weatherLastYearBox .icon img {
        position: absolute;
        top: -25%;
    }
    
    .weatherLastYearBox .icon span {
        position: absolute;
        top: 55%;
    }

    .weatherLastYearBox .details {
        font-size: 1.125rem;
    }

    .weatherLastYearBox .details div.temp {
        padding-left: 0;
    }

    .weatherLastYearBox .details div {
        padding: 0 10px 0 20px;
    }

    .weatherLastYearBox .details p {
        font-size: 1rem;
    }
}


.sun-moon-box {
    color: white;
    max-width: 100%;
    max-height: 100%;
    justify-content: space-evenly;
    flex-direction: column;
    padding-top: 10px;
    padding: 10px;
    background-color: #52A7D1;
    background-image: linear-gradient(#1275B4, #093B5A 100%);
    border-radius: 10px;
}

.sun-moon-box > div{
    display: flex;
    justify-content: space-between;    
    align-items: center;
}

.sun-moon-box .phases {
    justify-content: space-around;
    padding-bottom: 6px;
    padding-top: 16px;
}

.phase-circle {
    width: 120px;
    height: 60px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom: 0px!important;
    position: relative;
}

.phase-circle.sun {
    border: 2px solid white;
}

.phase-circle.moon {
    border: 2px solid #9AD0F2;
}

.sun-position {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin: -10px;
    transform: rotate(0deg) translate(-60px) rotate(0deg);
}

.sun-position img {
    width: 22px;
}

.moon-position {
    display: block;
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin: -10px;
    transform: rotate(0deg) translate(-60px) rotate(0deg);
}

.moon-position img {
    width: 22px;
}

.phase-footer {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    align-items: flex-end;
    margin-left: -10px;
    margin-right: -10px;
}

.phase-footer img {
    width: 22px;
}

.sun-moon-box-footer {
    font-size: 9px;
}

.sun-moon-box-footer > div {
    display: flex;
    flex-direction: column;
    font-family: "RobotoRegular", sans-serif;
}

.sun-moon-box-footer .left-footer {
    align-items: flex-start;
}

.sun-moon-box-footer .center-footer {
    align-items: center;
}

.sun-moon-box-footer .right-footer {
    align-items: flex-end;
}

.sun-moon-box-footer img {
    width: 22px;
}

.sun-moon-box-header img{
    width: 30px;
    height: 30px;
}

.sun-moon-box-header .location-name,
.sun-moon-box-header .current-temp {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.sun-moon-box-header .rain-text {
    font-size: 9px;
    align-self: center;
/* margin-bottom: 11px; */
}

.sun-moon-box-header {
    line-height: 1rem;
}

.rain-text > .humidity {
    border-bottom: 2px solid #FFD727;
    color: #FFD727;
}

.small-text {
    font-size: 9px;
}

.yellow-arrow-down img{
    transform: rotate(180deg);
}

.blue-arrow-down img{
    transform: rotate(180deg);
}

@media screen and (min-width: 360px) {
    .sun-moon-box-header .location-name,
    .sun-moon-box-header .current-temp {
        font-size: 1.25rem;  
    }
    .sun-moon-box-header .location-name {
        width: 60%;
    }
    .sun-moon-box-header .rain-text,
    .sun-moon-box-footer > div span {
        font-size: 0.75rem;
    }
    .phases .phase-footer {
        font-size: 0.75rem;
    }
}

@media screen and (min-width: 768px) {
    .sun-moon-box-header .location-name,
    .sun-moon-box-header .current-temp {
        font-size: 1.375rem;  
    }
    .sun-moon-box-header .location-name {
        width: 75%;
    }
    .sun-moon-box-header .rain-text,
    .sun-moon-box-footer > div span {
        font-size: 0.875rem;
    }
    .phases .phase-footer {
        font-size: 0.875rem;
    }
    .phase-circle {
        width: 200px;
        height: 100px;
    }
    .sun-position {
        bottom: 40px;
    }
    .moon-position {
        bottom: 40px;
    }
}

.box.featuredContent.sun-moon {
    border: 1px solid #1275b4;
    border-radius: 10px;
}

.box.featuredContent.sun-moon .titlebar.bordered {
    border: none;
}

.sun-moon .data-list {
    list-style: none;
    padding: 5px 10px;
}

.sun-moon .data-list li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0 7px 5px;
    border-bottom: 1px solid #1275b4;
}

.sun-moon .data-list li span:first-child {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.sun-moon .data-list li .icon {
    padding-right: 10px;
}

.sun-moon .data-list li svg {
    width: 25px;
    height: 25px;
}

.sun-moon .data-list li .amount {
    font-weight: 600;
}header .locationSubMenu {
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    color: white;
    padding: 2px 5px;
    margin: 0px;
    background-color: #0072b4;
}

header.desktop .sticky .locationSubMenu {
    bottom: -30px;
}

header.mobile .locationSubMenu {
    bottom: -50px;
    height: 50px;
    display: flex;
    align-items: flex-end;
}

header .locationSubMenu > ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

header .locationSubMenu > ul > li {
    display: inline;
    padding: 0 12px 0 10px !important;
    border-right: 1px solid white;
}
header .locationSubMenu > ul > li:last-child {
    border-right: 0;
}

header .locationSubMenu > ul > li.active {
    font-weight: bold;
}

header .locationSubMenu > ul > li a {
    color: white !important;
}

@media screen and (max-width: 380px) {
    header .locationSubMenu > ul > li {
        font-size: .8rem;
    }
}.mobile .favorite {
    position: absolute;
    right: 15px;
    top: 10px;
}
.mobile .favorite svg {
    display: inline-block;
    width: 25px;
}

header div.mobile {
   display: block;
}

 div.mobile .bkg {
    position: relative;
    border-bottom: 2px solid #fff;
    background-color: #0072b4;
    z-index: 100;
    height: 70px;
 }

 div.mobile .logo {
    display: inline-block;
    min-width: 235px;
    max-width: 260px;
    /* height: 80px;
    max-height: 80px; */
    margin-left: 30px;
    text-align: left;
    padding: 10px 0 0 0;
 }

 div.mobile .logo img {
    max-width: 60%;
    padding-left: 20px;
 }

 @media screen and (min-width: 321px) {
   div.mobile .logo img {
      max-width: 65%;
      padding-left: 40px;
   }
 }

 @media screen and (min-width: 345px) {
   div.mobile .logo {
      margin-left: 40px;
   }
   div.mobile .logo img {
      max-width: 60%;
      padding-left: 15px;
   }

 }

 div.mobile .bkg .oe24 {
   position: absolute;
   right: 10px;
   top: 10px;
 }

 div.mobile .bkg .oe24 > a {
   display: block;
   background-color: #d0013a;
   text-align: center;
   width: 50px;
   border-radius: 5px;
 }

 div.mobile .bkg .oe24 a img {
   display:inline-block;
   width: 85%;
 }

 div.mobile .bkg .currentPage {
   display: flex;
   justify-content: space-around;
   padding: 10px 5px 17px;
 }

 div.mobile .bkg .currentPage a {
   font-size: 11px;
   font-weight: 600;
   color: #0072b4; 
   text-align: center;
   text-transform: uppercase;
   display: flex;
   padding: 1px 10px;
   margin-right: 5px;
   border: 1px solid #edf8ff;
   background-color: #edf8ff;
   border-radius: 5px;
 }

 div.mobile .bkg .currentPage a {
   text-decoration: none;
 }

 div.mobile .bkg .currentPage a.active {
   color: #0072b4;
   background-color: #ffd727;
   border: 1px solid #ffd727;
 }

 div.mobile .bkg .currentPage a.disabled {
   color: #fff;
   background-color: transparent;
   border: 1px solid #fff;
 }

@media screen and (min-width: 345px) {
   div.mobile .bkg .currentPage {
      justify-content: flex-start;
      padding: 10px 12px 17px;
   }
   div.mobile .bkg .currentPage a {
      padding: 0 20px;
   }
}

 div.mobile .toolbar {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 10px;
    min-width: 65px;
 }

div.mobile .toolbar .link > a:hover {
    border-bottom: solid 2px #ffd727;
}

 div.mobile .toolbar .link > a {
    text-transform: uppercase;
    color: white;
    text-decoration: none;
 }

 div.mobile a.skiIcon {
   max-width: 30%;
 }

 div.mobile a.skiIcon img {
   width: 30%;
   padding-left: 0;
   margin-left: 5px;
 }

 @media screen and (min-width: 345px) {
   div.mobile a.skiIcon img {
      padding-left: 0;
      margin-left: 15px;
   }
 }
.weather-widget {
    font-family: "RobotoRegular", sans-serif;
    min-height: 250px;
    color: white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #0072b4;
}

.mobile .weather-widget {
    margin-left: -5px;
    margin-right: -5px;
}

.desktop section.box:nth-of-type(1) .weather-widget {
    margin-top: -15px;
}
.mobile section.box:nth-of-type(1) .weather-widget:not(.location) {
    margin-top: -15px;
}

.mobile .weather-widget.location {
    margin-top: 45px;
}

.weather-widget-wrapper {
    z-index: 1;
    position: relative;
}

.weather-widget-wrapper .playerWrapper {
    display: none;
    position: absolute;
    width: 100%;
    height: 320px;
    margin: auto;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99;
    background-color: black;
    place-content: center;
    place-items: center;
	padding-top: 20px;
}

.weather-widget-wrapper.camPlaying .playerWrapper {
    display: flex;
}

.weather-widget-wrapper.camPlaying .playerWrapper .preview {
    display: none;
}

.weather-widget-wrapper .playerWrapper .control {
    position: absolute;
    top: 35px;
    right: 15px;
    font-size: 10px;
    background-color: #1275B4;
    padding: 6px;
    border-radius: 12px;
    box-shadow: 2px 6px 9px 1px rgb(0 0 0 / 25%);
    color: white;
    z-index: 999999;
    cursor: pointer;
    width: 30px;
    text-align: center;
    font-weight: bold;
    color: #ffd727;
}

.weather-widget-wrapper .playerWrapper .weatherCamPreview {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
}
.weather-widget-wrapper .playerWrapper .cam {
    height: 100%;
}
.weather-widget-wrapper .playerWrapper .cam .preview {
    text-align: center;
}

.weather-widget-wrapper .playerWrapper .cam .preview img,
.weather-widget-wrapper .playerWrapper .camPlayer .imagePlayer img {
    width: 100%;
    max-width: 495px;
}

.weather-widget-wrapper .playerWrapper .camPlayer.feratel {
    display: flex !important;
    place-content: center;
    place-items: center;
}

.weather-widget-wrapper .widgetWrapper {
    padding: 12px;
}

.weather-widget:not(.location) .weather-widget-wrapper .widgetWrapper {
    padding-top: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.weather-widget .lSSlideOuter {
    position: relative;
}

.weather-widget .lSSlideOuter .lightSlider {
    height: auto !important;
}

.weather-widget .lSSlideOuter .lSPager.lSpg {
    position: absolute;
    top: 0px;
    width: -webkit-fill-available;
}
.mobile .weather-widget .lSSlideOuter .lSPager.lSpg { 
    padding-top: 16px;
}

.weather-widget .lSSlideOuter .lSPager.lSpg>li a {
    background: white;
}
.weather-widget .lSSlideOuter .lSPager.lSpg>li.active a {
    background: #FFC100;
}

.weather-widget .widget-header {
    position: unset;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 0;
}

.weather-widget .widget-header .time {
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}

.mobile .weather-widget:not(.location) .widget-header {
    margin-top: 10px;
}

.weather-widget .widget-details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.weather-widget .widget-details .weather-additional {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-grow: 1;
}
.weather-widget.section .widget-details .weather-additional,
.weather-widget.location.heute .widget-details .weather-additional {
    min-height: 100px;
}

.weather-widget .widget-details .col3 {
    display: flex;
    place-content: end;
    place-items: center;
    margin: 0;
}

.weather-widget .widget-details .col3 > * {
    border: 1px solid #1275B4;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
    padding: 0;
}

.weather-widget .widget-details .col3 > .weatherCamPreview {
    display: inline-flex;
    flex-direction: row-reverse;
    max-width: 100%;
    border-radius: 0;
    place-content: end;
    position: relative;
}

.weather-widget .widget-details .col3 > .weatherCamPreview .cam {
    max-height: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
}

.weather-widget .widget-details .col3 > .weatherCamPreview .cam .preview {
    border: 1px solid #1275B4;
    border-radius: 2px;
    margin: 1px;
}

.weather-widget .widget-details .col3 > .weatherCamPreview .cam .preview img {
    max-width: 100%;
    max-height: 145px;
    width: unset;
}
.mobile .weather-widget .widget-details .col3 > .weatherCamPreview .cam .preview img {
    max-height: 96px;
}

.weather-widget .widget-details .col2 {
    display: flex;
    place-items: center;
    justify-content: center;
    flex-grow: 1;
}

.weather-widget .box.weatherLocation.weatherCamPreview .notetext {
    display: none;
    background-color: rgb(18 117 180 / 50%);
    max-height: 100%;
    max-width: 100%;
    font-size: 0.7rem;
    color: white;
    padding: 0;
}
.weather-widget .box.weatherLocation.weatherCamPreview .notetext a {
    color: white;
    
}
.weather-widget .box.weatherLocation.weatherCamPreview .notetext span {
    padding: 2px 0;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box !important;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
    text-align: center;
}

.weather-widget .box.weatherLocation.weatherCamPreview .cam .camPlayer.feratel > iframe {
    aspect-ratio: 16/9;
    height: initial !important;
    max-width: 495px;
}

@media (max-width: 395px) {
    .weather-widget .weather-info-icon img {
        width: 70px;
    }
    .weather-widget .widget-details .col3 > .weatherCamPreview .cam .preview img {
        max-height: 72px;
    }
}

.weather-widget .weather-location {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    align-items: left;
}
.weather-widget .weather-location a {
    padding-right: 5px;
    border-right: none;
    color: white;
    position: unset;
    text-align: unset;
}
.weather-widget .weather-location a:hover {
    text-decoration: none;
}

.weather-widget .location-add {
    display: none;
    flex-direction: row;
    justify-content: flex-end;
    flex-grow: 1;
    align-items: center;
}
.weather-widget.location .widget-header .location-add {
    display: flex;
}
.weather-widget .widget-header .location-add .location-add-button {
    font-size: 25px;
    position: relative;
    display: flex;
}
.weather-widget .widget-header .location-add .location-add-button .icon {
    background-color: #EDF8FF;
    color: #1275B4;
    align-content: center;
    line-height: 20px;
    padding: 2px 7px 2px 5px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.weather-widget .widget-header .location-add .location-remove-button {
    font-size: 25px;
    position: relative;
    display: flex;
}
.weather-widget .widget-header .location-add .location-remove-button .icon {
    background-color: #EDF8FF;
    color: #1275B4;
    align-content: center;
    line-height: 20px;
    padding: 2px 7px 2px 5px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.weather-widget .widget-header .location-add .location-add-button.progress,
.weather-widget .widget-header .location-add .location-remove-button.progress {
    right: 0px;
    height: inherit;
    width: inherit;
    background-color: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    filter: alpha(opacity=30);
    opacity: 0.3;
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.weather-widget .widget-header .location-add .add-text, 
.weather-widget .widget-header .location-add .remove-text {
    font-family: "RobotoRegular", sans-serif;
    font-size: 12px;
    line-height: .9;
    text-align: right;
    display: flex;
    align-items: center;
    padding-right: 3px;
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}

.weather-widget .weather-location .country {
    font-family: "RobotoMedium", sans-serif;
    font-size: 18px;
    line-height: 1;
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}
.weather-widget .weather-location .area {
    font-family: "RobotoMedium", sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
    text-decoration: none;
}


.weather-widget .weather-location .area .info {
    width: 20px;
    height: 15px;
}

.weather-widget .weather-location .wind {
    font-size: 12px;
}

.weather-widget .weather-info-today {
    width: 100%;
    padding: 0px 8px 0 16px;
    display: flex;
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 0;
}

.weather-widget .weather-info-today .now-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.weather-widget .weather-info-today .now-degree > .weather-description {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.2;
    text-transform: capitalize;
    text-align: center;
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}


.weather-widget .weather-info-today > .now-degree {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.weather-widget .weather-info-today > .now-degree > .degree {
    font-size: 58px;
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}

@media (max-width: 767px) {
    .weather-widget .weather-info-today > .now-degree > .degree {
        font-size: 36px;
    }
    .weather-widget .weather-info-today .now-degree > .weather-description {
        font-family: "RobotoRegular", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.2;
        text-transform: capitalize;
    }
}

.weather-widget:not(.heute) .weather-info-box .title {
    display: none;
}

.weather-widget .weather-info-box .title {
    font-size: 10px;
}

.weather-widget .weather-info-box.hourly {
    margin-top: -7px;
}

.weather-widget .weather-info-data {
    display: flex;
    font-size: 11px;
    border-radius: 10px;
    overflow-x: auto;
    min-height: 90px;
    margin-top: 10px;
}

.weather-widget .weather-info-data.loaded {
    margin-top: auto;
}

.weather-widget .weather-info-hourly.loaded {
    background-color: #1275B4;
}

.weather-widget .weather-info-daily {
    place-content: space-between;
}
.weather-widget .weather-info-daily.loaded {
    background-color: rgb(18, 76, 113);
}
/*.weather-widget .weather-info-daily::before {
    content: "Tägliche Prognose";
    font-size: 10px;
    color: white;
}*/

.weather-widget .weather-info-data > .period-info-box {
    padding: 5px;
    text-align: center;
    padding: 5px 15px;
}

.weather-widget .period-info-box > .period {
    font-size: 10px;
}

.weather-widget .period-info-box > .degree-top {
    font-size: 12px;
}

.weather-widget .period-info-box > .degree-low {
    color: #9AD0F2;
}

.weather-widget .period-info-box > .humidity {
    font-size: 10px;
}

.weather-info-hourly .daySeparator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    background-color: #FFC100;
}

.weather-widget .weather-info-hourly .daySeparator span {
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
    color: #000;
}

.weather-widget img.weathericon {
    width: 28px;
}

.weather-widget-buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 6px;
}

.weather-widget-button {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#ffffff, #EDF8FF);
    border-radius: 12px;
    border: 0px;
    padding: 0 6px;
    width: 32%;
}

.weather-widget-button span {
    font-family: "RobotoMedium", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: black;
    padding: 3px;
    line-height: 1;
}

@media (max-width: 330px) {
    .weather-widget-button span {
        font-size: 11px;
    }
}

@media (min-width: 331px) and (max-width: 364px) {
    .weather-widget-button span {
        font-size: 12px;
    }
}

.weather-widget-button img {
    width: 16px;
}

.weather-widget .weather-info-data.scrolling-wrapper img {
    margin: 0px;
}

.weather-widget .rain-icon {
    display: flex;
    margin-top: 3px;
}
.weather-widget .rain-icon img {
    width: 12px;
    height: 12px;
}
.weather-widget .rain-icon .humidity {
    margin-left: 2px;
}

.weather-widget .webcam {
    display: none;
    border: 0 !important;
    background-color: initial !important;
}
.weather-widget.section .weather-widget-wrapper.hasCam .webcam,
.weather-widget.location.heute .weather-widget-wrapper.hasCam .webcam {
    display: block;
}
.weather-widget .webcam a {
    font-size: 10px;
    background-color: #1275B4;
    padding: 6px;
    border-radius: 12px;
    box-shadow: 2px 6px 9px 1px rgb(0 0 0 / 25%);
    color: white;
}
.weather-widget .webcam a:hover {
    text-decoration: none;
}

/* top-weather-mobile slider */

.weather-widget .lSAction > a.lSPrev {
    background-image:  url("//appcdn.wetter.at/wetter_public/images/arrows/left-arrow.svg");
    background-size: 80px;
    background-repeat: repeat;
    background-position: right;
    position: absolute;
    width: 40px;
    display: block;
    top: 230px;
    height: 40px;
    cursor: pointer;
    z-index: 99;
    margin-top: -25px;
    opacity: 0.7;
    left: -7px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}


.weather-widget .lSAction > a.lSNext {
    background-image:  url("//appcdn.wetter.at/wetter_public/images/arrows/right-arrow.svg");
    background-size: 80px;
    background-position: left;
    background-repeat: no-repeat;
    position: absolute;
    width: 55px;
    display: block;
    top: 230px;
    height: 40px;
    cursor: pointer;
    z-index: 99;
    margin-top: -25px;
    opacity: 0.7;
    right: -10px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.weather-widget.location:not(.heute) {
    min-height: 120px;
}

.weather-widget.location:not(.heute) .weather-widget-wrapper .widgetWrapper {
    padding-bottom: 30px;
}

.weather-widget.location:not(.heute) .widget-header .time {
    display: none;
}

.weather-widget.location:not(.heute) .weather-info-icon {
    display: none;
}

.weather-widget.location:not(.heute) .weather-info-today {
    display: none;
}

.weather-widget.location:not(.heute) .weather-info-data {
    display: none;
}

.weather-widget.location:not(.heute) .weather-location:before {
    content: "Wetter";
    font-size: 1rem;
    font-weight: 200;
    position: absolute;
    top: -22px;
}

.weather-widget.location:not(.heute) .weather-location:after {
    content: "Wetter Vorschau";
    font-size: 1.3rem;
    font-weight: 200;
    position: absolute;
    bottom: -30px;
}
.weather-widget.location.stunden .weather-location:after {
    content: "48 Stunden Vorschau";
}
.weather-widget.location.tage .weather-location:after {
    content: "9 Tage Vorschau";
}

.weather-widget.stunden .weather-location .area,
.weather-widget.stunden .weather-location .country,
.weather-widget.stunden .widget-header .location-add .add-text, 
.weather-widget.stunden .widget-header .location-add .remove-text,
.weather-widget.tage .weather-location .area,
.weather-widget.tage .weather-location .country,
.weather-widget.tage .widget-header .location-add .add-text, 
.weather-widget.tage .widget-header .location-add .remove-text {
    text-shadow: none;
}


.subTpl.intraDayView {
  display: inline-flex;
  width: 100%;
  padding: 3px;
  background-color: #edf8ff;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px
}

.subTpl.intraDayView .dayPart {
  flex-grow: 1;
}

.subTpl.intraDayView .dayPart:nth-child(even) {
  background:white;
}

.subTpl.intraDayView .temperature {
  font-size: 1.8em;
  font-weight: 600;
  color: #1275b4;
}

.subTpl.intraDayView .text,
.subTpl.intraDayView .cloud,
.subTpl.intraDayView .rainfall,
.subTpl.intraDayView .wind {
  font-size: .8em;
  margin: 15px 0;
}

.subTpl.intraDayView .bold {
  font-weight: bold;
}.weatherLocation.radarimages .titlebar.bordered {
    border: none;
}

.weatherLocation.radarimages .titlebar.bordered::before {
    content: unset;
}

.weatherLocation.radarimages .titlebar.bordered::after {
    content: unset;
}


.weatherLocation.radarimages {
    border: 1px solid #1275B4;
    border-radius: 10px;
}

.weatherLocation.radarimages header ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    font-family: "RobotoCondensedBold", sans-serif;
    font-weight: 400;
    margin-bottom: 0px;
    padding: 0 0 1px 0;
    list-style: none;
    overflow-x: auto;
    overflow-y: hidden;
}

.weatherLocation.radarimages header ul li {
    font-size: 0.9rem;
    flex-grow: 0.33;
    display: inline-flex;
    text-align: center;
    display: inline-flex;
    text-align: center;
    background-color: #1275B4;
    margin: 10px 8px;
    border-radius: 8px;
    padding: 2px;
}

.weatherLocation.radarimages header ul li a {
    width: 100%;
    color: #000;
}

.weatherLocation.radarimages header ul li a:hover {
    width: 100%;
    color: #000;
    text-decoration: none;
}

.weatherLocation.radarimages header ul li:last-child {
    border-right: none;
}

.weatherLocation.radarimages header ul li span {
    font-family: "RobotoRegular",sans-serif;
    font-size: 1rem;
    color: #fff;
    font-weight: 400;
    width: 100%;
    height: 100%;
    display: block;
    padding: 3px;
}

.weatherLocation.radarimages header ul li.active {
    background-color: white;
    color: #1275B4;
    font-weight: normal;
    border: 1px solid #1275B4;
}

.weatherLocation.radarimages header ul li.active span {
    color: #1275B4;
}

.weatherLocation.radarimages .radar {
    position: relative;
}

.weatherLocation.radarimages .radar .generic.imagePlayer .timeline{
    z-index: 99;
}

.weatherLocation.radarimages .radar .assets {
    width: 100%;
    /* position: absolute;*/
    z-index: 9999;
}

.weatherLocation.radarimages .radar .assets img.legend {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .25);
    z-index: 9999;
}

.weatherLocation.radarimages .radar .images img {
    width: 100%;
}

.weatherLocation.radarimages .weather-radar-wrapper {
    padding: 8px;
    background-color: #1275B4;
    border-radius: 10px;
    padding-bottom: 16px;
}

.weatherLocation.radarimages footer {
    margin-top: 7px;
}

/* override jwplayer styling */
.weatherLocation.radarimages .videoPlayer .jw-slider-time {
    margin-top: 5px;
}
.weatherLocation.radarimages .videoPlayer .jw-slider-time .jw-slider-container {
    height: 15px !important;
}

/* legend */

.weatherLocation.radarimages .legend {
    margin-bottom: 10px;
}

.weatherLocation.radarimages .legend .flex-legend {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: 25px;
    margin-top: 10px;
}

.weatherLocation.radarimages .legend .flex-legend .meas {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 12%;
    padding-left: 10px;
    color: #707070;
    font-size: 10px;
    line-height: 1;
}

.weatherLocation.radarimages .legend .flex-legend .legendVal {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 88%;
    padding-bottom: 2px;
}

.weatherLocation.radarimages .legend .flex-legend .legendVal p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    text-shadow: -0.3px -0.3px 0 #000, 0.3px -0.3px 0 #000, -0.3px 0.3px 0 #000, 0.3px 0.3px 0 #000;
    width: 12.5%;
    text-align: center;
}

.weatherLocation.radarimages .legend .flex-legend .legendVal.bewoelkung p {
    color: #000;
}
.weatherLocation.dayForecastCard {
    margin: 10px 0;
    margin-bottom: 25px;
    background-color: #EDF8FF;
    border-radius: var(--border-radius);
    display: flex;
    flex-wrap: wrap;
    box-shadow: unset;
    border: 1px solid #1275B4;
}

.weatherLocation.dayForecastCard .flexCols {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.weatherLocation.dayForecastCard .dayView {
    margin: 0;
    width: 100%;
    border-radius: var(--border-radius);
    padding-bottom: 5px;
}

.weatherLocation.dayForecastCard .dayView .header {
    color: #ffffff;
    cursor: pointer;
    padding: 5px 2px 5px 10px;
    box-shadow: rgba(0,0,0,.1) 0 -7px 7px 0;
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    min-height: 90px;
    border: 1px solid #1275B4;
}

.weatherLocation.dayForecastCard .dayView .header .date {
    font-weight: 500;
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp {
    font-family: "OpenSansCondensed",sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    display: flex;
    flex-direction: row;
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp > img {
    width: 60px;
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp > div {
    display: inline-flex;
    flex-direction: column;
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp .max {
    border-bottom: 1px solid #ffffff;
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp .max,
.weatherLocation.dayForecastCard .dayView .header .dailyTemp .min {
    padding-left: 5px;
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp .min > span,
.weatherLocation.dayForecastCard .dayView .header .dailyTemp .max > span {
    font-size: .875rem;
    font-weight: 300;
    color: #ffffff;
    padding: 0 5px;
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp .min {
    color: rgba(255,255,255,.7);
}

.weatherLocation.dayForecastCard .dayView .header .dailyTemp sub {
    bottom: 0px;
    left: -6px;
    font-size: 11px;
    width: 100%;
}

.weatherLocation.dayForecastCard .dayView .detail {
    padding: 3px 1px 0 1px;
    margin-bottom: 5px;
    background-color: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.weatherLocation.dayForecastCard .dayView .detail .weatherDetails {
    display: flex;
    font-size: 0.8rem;
    min-height: 40px;
    align-items: center;
    justify-content: center;
}

.weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol > div {
    flex-grow: 0.5;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol > div > * {
    margin-right: 10px;
}
.weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol > div .value {
    font-weight: bold;
}

.weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol img.icon {
    width: 32px;
    /* converted: #1375B4 (https://isotropic.co/tool/hex-color-to-css-filter/) */
    filter: invert(29%) sepia(78%) saturate(1822%) hue-rotate(183deg) brightness(90%) contrast(85%);
}

.weatherLocation.dayForecastCard .dayView .header .day {
    font-family: "OpenSansCondensed",sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
}

.weatherLocation.dayForecastCard .dayView .detail .wrapper {
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.weatherLocation.dayForecastCard .dayView.active .detail .wrapper {
    padding: 7px 7px 0 7px;
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.weatherLocation.dayForecastCard .dayView .detail .wrapper .colWrapper {
    display: flex;
    flex-direction: row;
}

.weatherLocation.dayForecastCard .dayView.active .detail .colWrapper > div:nth-child(odd) {
    background: #fff;
    border-radius: var(--border-radius);
}

.weatherLocation.dayForecastCard .dayView.active .detail .colWrapper > div:nth-child(even) {
    background: #EDF8FF;
    border-radius: var(--border-radius);
}





@media only screen and (min-width: 375px) {
    
}

@media only screen and (min-width: 768px) {
}

@media only screen and (max-width: 767px) {
    .weatherLocation.dayForecastCard .dayView .header {
        flex-wrap: wrap;
    }

    .weatherLocation.dayForecastCard .dayView .header .date {
        width: 100%;
    }
    .weatherLocation.dayForecastCard .dayView .header .day {
        font-weight: normal;
        line-height: unset;
    }
    
    .weatherLocation.dayForecastCard .dayView .header .dailyTemp {
        align-items: center;
    }

    .weatherLocation.dayForecastCard .dayView .header .dailyTemp > img {
        width: 100px;
    }

    .weatherLocation.dayForecastCard .dayView .header .dailyTemp > div {
        flex-direction: row;
        place-items: center;
    }

    .weatherLocation.dayForecastCard .dayView .header .dailyTemp sub {
        bottom: 0px;
        left: -18px;
        font-size: 11px;
    }

    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .max {
        border-bottom: none;
        font-size: 3.5rem;
    }
    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .max sub {
        font-size: 24px;
        left: -35px;
    }

    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .min {
        font-size: 2rem;
        margin-top: 16px;
    }
    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .min sub {
        font-size: 17px;
    }

    .weatherLocation.dayForecastCard .dayView .detail .weatherDetails  {
        border-bottom: 1px solid #1375b4;
    }
    .weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol {
        width: 50%;
        flex-flow: wrap;   
    }
    .weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol:first-child {
        border-right: 1px solid #1375b4;
    }
    .weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol > div {
        width: 100%;
        justify-content: flex-start;
        position: relative;
        margin: 3px;
    }
    .weatherLocation.dayForecastCard .dayView .detail .weatherDetails .detailCol > div:first-child:after {
        content: "";
        position: absolute;
        top: 110%;
        width: 96%;
        margin: 0 7px;
        border-bottom: 1px solid #1375b4;
    }

}


@media only screen and (max-width: 375px) {
    .weatherLocation.dayForecastCard .dayView .header .dailyTemp > img {
        width: 80px;
    }

    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .max {
        border-bottom: none;
        font-size: 2.5rem;
    }
    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .max sub {
        font-size: 18px;
        left: -26px;
    }

    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .min {
        font-size: 1.5rem;
        margin-top: 12px;
    }
    .weatherLocation.dayForecastCard .dayView .header .dailyTemp .min sub {
        font-size: 13px;
        left: -15px;
    }

}.d3ForeCast {
    font-family: 'Open Sans', sans-serif;
}
.d3ForeCast .dayCast { font-size:14px; }
.d3ForeCast div.tooltip {
    position: absolute;
    text-align: center;
    width: 60px;
    height: 20px;
    padding: 2px;
    font: 14px sans-serif;
    font-weight:bold;
    background: lightsteelblue;
    border: 0px;
    border-radius: 8px;
    pointer-events: none;
}

.d3ForeCast .line {
    fill: none;
    stroke: steelblue;
    stroke-width: 2px;
}

.d3ForeCast .grid line {
    stroke: lightgrey;
    stroke-opacity: 0.7;
    shape-rendering: crispEdges;
}

.d3ForeCast .grid path {
    stroke-width: 0;
}

.d3ForeCast g.tick {
    font-size: 10px;
}

.d3ForeCast .content.d3ForeCast {
    border: 1px solid #1275B4;
    border-radius: var(--border-radius);
}

.d3ForeCast .content.d3ForeCast .titlebar{
    border: 0;
}

.d3ForeCast .radio {
    display: none;
}
.d3ForeCast .tabs  {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.d3ForeCast .tabItem {
    padding: 5px 15px;
    margin: 2px;
    border-radius: 10px;
    border: 1px;
    background-color: #1375B4;
    border-style: solid;
    color: #fff;
    cursor: pointer;
    touch-action: pan-x;
}

.d3ForeCast .tabItem.active {
	color: #1375B4;
	background: #fff;
    border: 1px solid #1375B4;
    font-weight: 600;
}

.d3ForeCast .legend {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.d3ForeCast .legend .color {
    width: 40px;
    height: 12px;
}
.d3ForeCast .legend .label {
    padding: 0 6px;
    font-size: 0.8rem;
}


.box.daysForecastTable .titlebar.bordered {
    border: none;
}

.box.daysForecastTable .titlebar.bordered::before {
    content: unset;
}

.box.daysForecastTable .titlebar.bordered::after {
    content: unset;
}

.box.daysForecastTable .content > h5 {
    margin: 0.5rem;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.box.daysForecastTable {
    border: 1px solid #1275b4;
    border-radius: var(--border-radius);
}


.box.daysForecastTable .content>h5 {
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.125rem;
    color: #2981bf;
    font-weight: 600;
    margin: 0.5rem;
    text-transform: uppercase;
}

.box.daysForecastTable .content>h5>a {
    color: #2981bf;
}

.box.daysForecastTable .content>h5>a:hover {
    color: #2981bf;
    text-decoration: none;
}

.box.daysForecastTable .warning {
    color: white;
    background-color: red;
    border: 1px solid #2981bf;
    border-radius: 5px;
    margin: 10px 10px 20px;
    padding: 5px;
    text-align: center;
    font-size: 1.2em;
}

.box.daysForecastTable table {
    border-top: 1px solid #2981bf;
    /*border-radius: 20px;*/
    border-radius: var(--border-radius);
    border-collapse: separate;
    border-spacing: 0;
    background-color: #edf8ff;
    font-family: "RobotoCondensedReguler", sans-serif;
    table-layout: fixed;
    width: 100%;
    color: #2981bf;
    padding-top: 7px;
}

.box.daysForecastTable table thead {
    display: table-header-group;
    border-radius: var(--border-radius);
}

.box.daysForecastTable table thead tr:first-child {
    background-color: transparent;
}
.box.daysForecastTable table thead th {
    height: 30px;
    font-size: .8em;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
}

.box.daysForecastTable table tr {
    border-bottom: none;
    font-size: 14px;
}

.box.daysForecastTable table tr:first-child {
    border-top: none;
}

.box.daysForecastTable table td {
    color: #2981bf;
    line-height: 1em;
    max-width: 150px;
    height: 36px;
    overflow :hidden;
    white-space: nowrap;
    font-size: 14px;
}

.box.daysForecastTable table tr:nth-child(odd) {
    background:rgba(17,101,155,0.1);
}

.box.daysForecastTable table th,
.box.daysForecastTable table td {
    padding: 0 5px;
}

.box.daysForecastTable table td img {
    width: 36px;
}



@media screen and (min-width: 768px) {
    .box.daysForecastTable table td {
        font-size: 1.2em;
    }
    .box.daysForecastTable table tr {
        font-size: 1em;
    }

    .box.daysForecastTable table th,
    .box.daysForecastTable table td {
        padding: 0 18px;
    }
    .box.daysForecastTable table thead th {
        height: 40px;
        font-size: 1em;
    }
    .box.daysForecastTable table td {
        height: 50px;
    }

    .box.daysForecastTable table td img {
        width: 50px;
    }
}

.box.daysForecastTable table th:nth-child(3),
.box.daysForecastTable table th:nth-child(5),
.box.daysForecastTable table th:nth-child(6),
.box.daysForecastTable table td:nth-child(3),
.box.daysForecastTable table td:nth-child(5),
.box.daysForecastTable table td:nth-child(6) {
    text-align: center;
}

.box.daysForecastTable table th:nth-child(1),
.box.daysForecastTable table td:nth-child(1) {
    width: 13.68%;
}
.box.daysForecastTable table th:nth-child(2),
.box.daysForecastTable table td:nth-child(2) {
    width: 14%;
}
.box.daysForecastTable table th:nth-child(3),
.box.daysForecastTable table td:nth-child(3) {
    width: 11.65%;
}
.box.daysForecastTable table th:nth-child(4),
.box.daysForecastTable table td:nth-child(4) {
    width: 24.41%;
}
.box.daysForecastTable table th:nth-child(5),
.box.daysForecastTable table td:nth-child(5) {
    width: 18.60%;
}
.box.daysForecastTable table th:nth-child(6),
.box.daysForecastTable table td:nth-child(6) {
    width: 17.68%;
}

.box.daysForecastTable table td:nth-child(3) {
    font-size: 14px;
    font-weight: 400;
}

.box.daysForecastTable table tr.desktop span[role="button"] {
    justify-items: center;
    display: inline-flex;
    cursor: pointer;
}

.box.daysForecastTable table tr.desktop span[role="button"] img {
    height: 16px;
    margin-right: 6px;
}

.box.daysForecastTable table tr.info {
    text-align: center;
    font-size: 0.9rem;
}

.box.daysForecastTable table td.wind svg {
    width: 20px;
    height: 20px;
}

.box.daysForecastTable table td.wind.no svg { transform: rotate(0deg); }
.box.daysForecastTable table td.wind.ono svg { transform: rotate(22.5deg); }
.box.daysForecastTable table td.wind.o svg { transform: rotate(45deg); }
.box.daysForecastTable table td.wind.oso svg { transform: rotate(67.5deg); }
.box.daysForecastTable table td.wind.so svg { transform: rotate(90deg); }
.box.daysForecastTable table td.wind.sso svg { transform: rotate(112.5deg); }
.box.daysForecastTable table td.wind.s svg { transform: rotate(135deg); }
.box.daysForecastTable table td.wind.ssw svg { transform: rotate(157.5deg); }
.box.daysForecastTable table td.wind.sw svg { transform: rotate(180deg); }
.box.daysForecastTable table td.wind.wsw svg { transform: rotate(202.5deg); }
.box.daysForecastTable table td.wind.w svg { transform: rotate(225deg); }
.box.daysForecastTable table td.wind.wnw svg { transform: rotate(247.5deg); }
.box.daysForecastTable table td.wind.nw svg { transform: rotate(270deg); }
.box.daysForecastTable table td.wind.nnw svg { transform: rotate(292.5deg); }
.box.daysForecastTable table td.wind.n svg { transform: rotate(315deg); }
.box.daysForecastTable table td.wind.nno svg { transform: rotate(337.5deg); }

.box.daysForecastTable table td.wind svg path {
    fill: #2981bf;
}

.box.daysForecastTable table tr.info td img {
    width: 24px;
}

.box.daysForecastTable table tr.desktop {
    display: none;
}

.box.daysForecastTable table tr.mobile {
    display: table-row;
    font-weight: 600;
}

.box.daysForecastTable table thead tr.mobile {
    text-align: center;
}

.box.daysForecastTable .tbody {
    max-height: 430px;
    overflow: hidden;
}

/*.box.daysForecastTable .tbody table {
    transition: transform 0.6s ease 0s;
}*/


.box.daysForecastTable .seeMoreRecords {
    text-align: center;
    color: #2981bf;
    font-size: 1.2em;
    line-height: 2em;
}

.box.daysForecastTable .seeMoreRecords svg {
    height: 15px;
    width: 18px;
}
.box.forecastPreview {
    border-radius: var(--border-radius);
    border: 1px solid #1275b4;
}

.box.forecastPreview .titlebar.bordered {
    border: none;
}

.box.forecastPreview .titlebar.bordered::before {
    content: unset;
}

.box.forecastPreview .titlebar.bordered::after {
    content: unset;
}

.box.forecastPreview .preview {
    border-radius: var(--border-radius);
    border-bottom: 1px solid #1275b4;
    border-top: 1px solid #1275b4;
}

.box.forecastPreview .preview .dayPreview {
    display: none;
    padding: 3px;
    border-radius: 10px;
    background-color: #edf8ff;
    text-align: center;
    width: 100%;
}

.box.forecastPreview .preview .dayPreview.active {
    display: inline-flex;
}

.box.forecastPreview .preview .dayPreview > div {
    flex-grow: 1;
    padding: 3px;
}

.box.forecastPreview .preview .dayPreview > div:nth-child(even) {
    background:white;
}

.box.forecastPreview .preview .dayPreview .temperature {
    font-size: 1.8em;
    font-weight: bold;
    color: #1275b4;
}

.box.forecastPreview .preview .dayPreview .text,
.box.forecastPreview .preview .dayPreview .cloud,
.box.forecastPreview .preview .dayPreview .rainfall,
.box.forecastPreview .preview .dayPreview .wind {
    font-size: .8em;
    margin: 15px 0;
}

.box.forecastPreview .preview .dayPreview .text {
    height: 30px;
}

.box.forecastPreview .preview .dayPreview .bold {
    font-weight: bold;
}

.box.forecastPreview .preview::after {
    content: "";
    clear: both;
    display: table;
}

.box.forecastPreview .preview .buttons {
    margin: 15px 10px;
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
}

.box.forecastPreview .preview .button {
    background-color: #9ad0f2;
    padding: 5px 10px 7px;
    margin: 5px;
    box-shadow: 0 0 1px #000000;
    border-radius: 5px;
    cursor: pointer;
}

.box.forecastPreview .preview .button.active {
    background-color: white;
}

.box.forecastPreview .seeMoreRecords {
    text-align: center;
    font-size: 1.2em;
    line-height: 2em;
}

.mobile .box.forecastPreview .seeMoreRecords {
    font-size: 0.9rem;
}

.box.forecastPreview a {
    color: #2981bf;
    text-decoration: none;
}

.box.forecastPreview .seeMoreRecords svg {
    height: 15px;
    width: 18px;
}

@media only screen and (max-width: 380px) {
    .box.forecastPreview .preview .dayPreview>div {
        font-size: 0.8rem;
    }
}.detailShort {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #1375B4;
    margin-bottom: 15px;
}
.detailShort .radio {
    display: none;
}
.detailShort .tabs  {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.detailShort .tabs .tabItem {
    padding: 5px 10px;
    margin-top: 0.5rem;
    border-radius: 10px;
    background-color: #1375B4;
    color: #fff;

    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
}
.detailShort .panels {
    width: 100%;
    padding: 10px;
    overflow: hidden;
    border-radius: 10px;
    border-top: 1px solid #1375B4;
}

.detailShort .panels .pannelItem {
    display: none;
	animation: fadein 0.8s;
}

#today:checked ~ .panels #today,
#tomorrow:checked ~ .panels #tomorrow,
#aftertomorrow:checked ~ .panels #aftertomorrow {
	display: block;
}

#today:checked ~ .tabs #today,
#tomorrow:checked ~ .tabs #tomorrow,
#aftertomorrow:checked ~ .tabs #aftertomorrow {
	color: #1375B4;
	background: #fff;
    border: 1px solid #1375B4;

    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

@media screen and (min-width: 375px) {
    .detailShort .tabs .tabItem {
        padding: 5px 20px;
    }
}

@media screen and (min-width: 768px) {
    .detailShort .tabs {
        justify-content: flex-start;
    }
    .detailShort .tabs .tabItem {
        margin: 10px 8px;
    }
}.box.weatherLocation.miniMap {
    border: 1px solid #1275B4;
    border-radius: var(--border-radius);
}
.box.weatherLocation.miniMap .titlebar.bordered,
.box.weatherLocation.miniMap .titlebar.bordered::before,
.box.weatherLocation.miniMap .titlebar.bordered::after {
    border: 0px;
}
.tabOne .box.weatherLocation.miniMap {
    width: 100%;
    height: auto;
}

.box.weatherLocation.miniMap .weatherLocation.sectionMap {
    padding: 10px 0;
    border: 0;
    border-radius: 0;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap {
    width: 100%;
    height: auto;
    max-height: 400px;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap {
    border-top: 1px solid #0075B4;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 0;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap.searchable {
    margin-top: 20px;
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap.searchable .searchbox {
    top: -30px;
    width: 96%;
}

@media screen and (min-width: 768px) {
    .tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap.searchable .searchbox {
        width: 98%;
    }
}

.tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
    height: 200px;
    margin: auto 0;
}

.box.weatherLocation.miniMap .sectionMap .section {
    stroke: white !important;
    fill: #0069b3 !important;
}
.box.weatherLocation.miniMap .sectionMap .section:hover {
    stroke: #0069b3 !important;
    fill: #e5f1f7 !important;
}

.box.weatherLocation.miniMap .sectionMap .location {
    fill: #cce3f0;
    cursor: pointer;
}

.box.weatherLocation.miniMap[data-id="7164394"] .sectionMap g > path.section:last-of-type {
    opacity: 0.5;
}

@media (min-width: 500px)  {
    .tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
        height: 300px;
    }
}

@media (min-width: 880px) {
    .tabOne .box.weatherLocation.miniMap .weatherLocation.sectionMap svg {
        height: 400px;
    }
}

/* fitting for tirol mini kard www.wetter.at/wetter/sale/tirol */

/* Ehrwald */
.miniMap[data-id="436544639"] .hd-text[data-id="7165059"] {
    transform: translateX(-80px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7165059"] {
    transform: translateX(-80px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7165059"] {
    transform: translate(-35px, -5px);
}

/* Achensee */
.miniMap[data-id="436544639"] .hd-text[data-id="7167584"] {
    transform: translateY(-20px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7167584"] {
    transform: translateY(-19px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7167584"] {
    transform: translate(-15px, -10px);
}

.miniMap[data-id="436544639"] .location[data-id="7167584"] {
    transform: translateY(-10px);
}

/* Seefeld in Tirol */
.miniMap[data-id="436544639"] .hd-text[data-id="7166775"] {
    transform: translateY(-15px);
}

.miniMap[data-id="436544639"] .hd-rect[data-id="7166775"] {
    transform: translateY(-15px);
}

.miniMap[data-id="436544639"] .weathericon[data-id="7166775"] {
    transform: translateY(-18px);
}

/* Stubaier Gletscher */
.miniMap[data-id="436544639"] .weathericon[data-id="7168057"] {
    transform: translateX(-11px);
}

/* Innsbruck */
.miniMap[data-id="436544639"] .weathericon[data-id="7164660"] {
    transform: translate(100px,10px);
}
.weatherLocation.sectionMap {
    width: 100%;
    height: 100%;
}
aside .weatherLocation.sectionMap{
    border: 1px solid #0069b3;
    border-radius: 5px;
    padding: 2px 0;
    height: 300px;
}

.weatherLocation.sectionMap>section[role="search"] {
    display: flex;
    margin: 0 10px 20px 0;
    padding: 6px;
}

.weatherLocation.sectionMap>section[role="search"]>div:first-child {
    flex-grow: 1;
    margin: 6px 0 0 6px;
}

.weatherLocation.sectionMap>section[role="search"]>div:first-child input {
    width: 100%;
    padding: 3px 13px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    border: 1px solid #0072b4;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child {
    margin: 6px 0 0 -2px;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button {
    display: flex;
    width: 180px;
    background-color: #24537E;
    color: white;
    height: 32px;
    border-radius: 12px;
    border: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button span {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    flex-grow: 1;
    padding: 2px 0 0 16px;
    font-size: 1.1rem;
    font-weight: 500;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button svg {
    width: 15px;
    height: 15px;
    margin: auto;
}

.weatherLocation.sectionMap>section[role="search"]>div:last-child button svg path {
    stroke-width: 2.7px;
    stroke: #ffd727;
    fill: #ffd727;
}

.weatherLocation.sectionMap svg {
    width: 100%;
    height: 100%;
    display: block;
}

.weatherLocation.sectionMap path.section {
    stroke: white;
    fill: #cce3f0;
    cursor: pointer;
}

.weatherLocation.sectionMap path.location {
    stroke-width: 4px;
    stroke-opacity: 1;
    stroke: black;
}

.weatherLocation.sectionMap .weathericon {
    cursor: pointer;
}

.weatherLocation.sectionMap .hd-rect {
    fill-opacity: 0.5;
}

.weatherLocation.sectionMap .hd-text {
    fill: #fff;
    font-size: 0.7rem;
    font-weight: 700;
}
.weatherLocation.sectionMap .hd-text.noLocation {
    font-size: 0.76rem;
}

.weatherLocation.sectionMap .hd-rect,
.weatherLocation.sectionMap .hd-text {
    cursor: pointer;
    font-family: robotobold;
}

.weatherLocation.sectionMap .hd-degree {
    fill: #ffd727;
}

.weatherLocation.sectionMap.hoveredInfo .weathericon,
.weatherLocation.sectionMap.hoveredInfo .hd-rect,
.weatherLocation.sectionMap.hoveredInfo .hd-text {
    visibility: hidden;
}

@media (max-width: 500px) {
    .weatherLocation.sectionMap>section[role="search"]>div:last-child button {
        width: 50px;
    }
    .weatherLocation.sectionMap>section[role="search"]>div:last-child button span {
        display: none;
    }
}

.weatherLocation.sectionMap .locationMark {
    cursor: pointer;
}


/* positioning fixes TODO remove after final fix impl. */


/* cro */

.weatherLocation.sectionMap text[data-id="7168370"],
.weatherLocation.sectionMap rect[data-id="7168370"] {
    transform: translateY(-5px);
}


/* Lienz */
.weatherLocation.sectionMap text[data-id="7164664"],
.weatherLocation.sectionMap rect[data-id="7164664"] {
    transform: translateY(12px) translateX(-29px);
}

/* Lienz */
.weatherLocation.sectionMap text[data-id="7165851"],
.weatherLocation.sectionMap rect[data-id="7165851"] {
    transform: translateY(12px) translateX(-29px);
}

/* Bregenz */ 
.weatherLocation.sectionMap text[data-id="7164657"],
.weatherLocation.sectionMap rect[data-id="7164657"] {
    transform: translateY(12px) translateX(-29px);
}

/* Innsbruck */
.weatherLocation.sectionMap text[data-id="7164660"],
.weatherLocation.sectionMap rect[data-id="7164660"] {
    transform: translateY(12px) translateX(-29px);
}

/* München */
.weatherLocation.sectionMap text[data-id="7168490"],
.weatherLocation.sectionMap rect[data-id="7168490"] {
    transform: translateY(12px) translateX(-29px);
}

/* Salzburg */
.weatherLocation.sectionMap text[data-id="7164663"],
.weatherLocation.sectionMap rect[data-id="7164663"] {
    transform: translateY(12px) translateX(-29px);
}

/* Eisenstadt */
.weatherLocation.sectionMap .weathericon[data-id="7164658"] {
    transform: translateY(18px) translateX(-22px);
}

.weatherLocation.sectionMap text[data-id="12217807"],
.weatherLocation.sectionMap rect[data-id="12217807"] {
    transform: translateY(10px) translateX(-29px);
}

.weatherLocation.sectionMap text[data-id="7167073"],
.weatherLocation.sectionMap rect[data-id="7167073"] {
    transform: translateX(-6px);
}

/* tirol */
.weatherLocation.sectionMap image[data-id="7164674"] {
    transform: translateY(10px) translateX(-25px);
}.box.hoursForecastTable {
    border: 1px solid #1275b4;
    border-radius: var(--border-radius);
}

.box.hoursForecastTable .titlebar.bordered {
    border: none;
}

.box.hoursForecastTable .titlebar.bordered::after {
    content: unset;
}

.box.hoursForecastTable .titlebar.bordered::before {
    content: unset;
}

.box.hoursForecastTable .content>h5 {
    font-family: "oe24condensed", sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 1.125rem;
    color: #2981bf;
    font-weight: 600;
    margin: 0.5rem;
    text-transform: uppercase;
}

.box.hoursForecastTable .content>h5>a {
    color: #2981bf;
}

.box.hoursForecastTable .content>h5>a:hover {
    color: #2981bf;
    text-decoration: none;
}

.box.hoursForecastTable .warning {
    color: white;
    background-color: red;
    border: 1px solid #fff;
    border-radius: 5px;
    margin: 10px 10px;
    padding: 5px;
    text-align: center;
    font-size: 1.2em;
}

.box.hoursForecastTable .intraday td {
    text-align: center;
}

.box.hoursForecastTable .detail {
    background-color: #edf8ff;
}

.box.hoursForecastTable .detail > th {
    padding: 0;
}

.box.hoursForecastTable .detail .weatherDetails {
    display: flex;
    font-size: 0.8rem;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    margin: 5px 0;
}

.box.hoursForecastTable .detail .weatherDetails .detailCol {
    display: inline-flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.box.hoursForecastTable .detail .weatherDetails .detailCol > div {
    flex-grow: 0.5;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.box.hoursForecastTable .detail .weatherDetails .detailCol > div > * {
    margin-right: 10px;
}
.box.hoursForecastTable .detail .weatherDetails .detailCol > div .value {
    font-weight: bold;
}

.box.hoursForecastTable .detail .weatherDetails .detailCol img.icon {
    width: 32px;
    /* converted: #1375B4 (https://isotropic.co/tool/hex-color-to-css-filter/) */
    filter: invert(29%) sepia(78%) saturate(1822%) hue-rotate(183deg) brightness(90%) contrast(85%);
}

.box.hoursForecastTable table {
    border-top: 1px solid #1275b4;  
    border-radius: var(--border-radius);
}

.box.hoursForecastTable table .titlebar.bordered {
    border-top: none;
    border-left: none;
    border-right: none;
}

.box.hoursForecastTable table {
    border-radius: var(--border-radius);
    border-collapse: separate;
    border-spacing: 0;
    background-color: #edf8ff;
    font-family: "RobotoCondensedReguler", sans-serif;
    table-layout: fixed;
    width: 100%;
    color: #2981bf;
}

.box.hoursForecastTable table thead {
    display: table-header-group;
}

.box.hoursForecastTable table thead tr:first-child {
    background-color: transparent;
}
.box.hoursForecastTable table thead th {
    height: 30px;
    font-size: .8em;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
}

.box.hoursForecastTable table tr {
    border-bottom: 1px solid #2981bf;
    font-size: 14px;
}

.box.hoursForecastTable table tr:first-child {
    border-top: 1px solid #2981bf;
}

.box.hoursForecastTable table td {
    color: #2981bf;
    line-height: 1em;
    max-width: 150px;
    height: 36px;
    overflow :hidden;
    white-space: nowrap;
    font-size: 14px;
}

.box.hoursForecastTable table tr:nth-child(even) {
    background:rgba(17,101,155,0.1);
}

.box.hoursForecastTable table th,
.box.hoursForecastTable table td {
    padding: 0 5px;
}

.box.hoursForecastTable table td img {
    width: 36px;
}



@media screen and (min-width: 768px) {
    .box.hoursForecastTable table td {
        font-size: 1.2em;
    }
    .box.hoursForecastTable table tr {
        font-size: 1em;
    }

    .box.hoursForecastTable table th,
    .box.hoursForecastTable table td {
        padding: 0 18px;
    }
    .box.hoursForecastTable table thead th {
        height: 40px;
        font-size: 1em;
    }
    .box.hoursForecastTable table td {
        height: 50px;
    }

    .box.hoursForecastTable table td img {
        width: 50px;
    }
}

.box.hoursForecastTable table th:nth-child(3),
.box.hoursForecastTable table th:nth-child(5),
.box.hoursForecastTable table th:nth-child(6),
.box.hoursForecastTable table td:nth-child(3),
.box.hoursForecastTable table td:nth-child(5),
.box.hoursForecastTable table td:nth-child(6) {
    text-align: center;
}

.box.hoursForecastTable table th:nth-child(1),
.box.hoursForecastTable table td:nth-child(1) {
    width: 13.68%;
}
.box.hoursForecastTable table th:nth-child(2),
.box.hoursForecastTable table td:nth-child(2) {
    width: 14%;
}
.box.hoursForecastTable table th:nth-child(3),
.box.hoursForecastTable table td:nth-child(3) {
    width: 11.65%;
}
.box.hoursForecastTable table th:nth-child(4),
.box.hoursForecastTable table td:nth-child(4) {
    width: 24.41%;
}
.box.hoursForecastTable table th:nth-child(5),
.box.hoursForecastTable table td:nth-child(5) {
    width: 18.60%;
}
.box.hoursForecastTable table th:nth-child(6),
.box.hoursForecastTable table td:nth-child(6) {
    width: 17.68%;
}

.box.hoursForecastTable table tr.desktop span[role="button"] {
    justify-items: center;
    display: inline-flex;
    cursor: pointer;
}

.box.hoursForecastTable table tr.desktop span[role="button"] img {
    height: 16px;
    margin-right: 6px;
}

.box.hoursForecastTable table tr.info {
    text-align: center;
    font-size: 0.9rem;
}

.box.hoursForecastTable table td.wind svg {
    width: 20px;
    height: 20px;
}

.box.hoursForecastTable table td.wind.no svg { transform: rotate(0deg); }
.box.hoursForecastTable table td.wind.ono svg { transform: rotate(22.5deg); }
.box.hoursForecastTable table td.wind.o svg { transform: rotate(45deg); }
.box.hoursForecastTable table td.wind.oso svg { transform: rotate(67.5deg); }
.box.hoursForecastTable table td.wind.so svg { transform: rotate(90deg); }
.box.hoursForecastTable table td.wind.sso svg { transform: rotate(112.5deg); }
.box.hoursForecastTable table td.wind.s svg { transform: rotate(135deg); }
.box.hoursForecastTable table td.wind.ssw svg { transform: rotate(157.5deg); }
.box.hoursForecastTable table td.wind.sw svg { transform: rotate(180deg); }
.box.hoursForecastTable table td.wind.wsw svg { transform: rotate(202.5deg); }
.box.hoursForecastTable table td.wind.w svg { transform: rotate(225deg); }
.box.hoursForecastTable table td.wind.wnw svg { transform: rotate(247.5deg); }
.box.hoursForecastTable table td.wind.nw svg { transform: rotate(270deg); }
.box.hoursForecastTable table td.wind.nnw svg { transform: rotate(292.5deg); }
.box.hoursForecastTable table td.wind.n svg { transform: rotate(315deg); }
.box.hoursForecastTable table td.wind.nno svg { transform: rotate(337.5deg); }

.box.hoursForecastTable table td.wind svg path {
    fill: #2981bf;
}

.box.hoursForecastTable table tr.info td img {
    width: 24px;
}

.box.hoursForecastTable table tr.desktop {
    display: none;
}

.box.hoursForecastTable table tr.mobile {
    display: table-row;
    font-weight: 600;
}

.box.hoursForecastTable table thead tr.mobile {
    text-align: center;
}

.box.hoursForecastTable .tbody {
    max-height: 430px;
    overflow: hidden;
}

/*.box.hoursForecastTable .tbody table {
    transition: transform 0.6s ease 0s;
}*/


.box.hoursForecastTable .seeMoreRecords {
    text-align: center;
    color: #2981bf;
    font-size: 1.2em;
    line-height: 2em;
}

.box.hoursForecastTable .seeMoreRecords svg {
    height: 15px;
    width: 18px;
}

@media only screen and (max-width: 767px) {
    .box.hoursForecastTable .detail .weatherDetails .detailCol {
        width: 50%;
        flex-flow: wrap;   
    }
    .box.hoursForecastTable .detail .weatherDetails .detailCol:first-child {
        border-right: 1px solid #1375b4;
    }
    .box.hoursForecastTable .detail .weatherDetails .detailCol > div {
        width: 100%;
        justify-content: flex-start;
        position: relative;
        margin: 3px;
    }
    .box.hoursForecastTable .detail .weatherDetails .detailCol > div:first-child:after {
        content: "";
        position: absolute;
        top: 110%;
        width: 96%;
        margin: 0 7px;
        border-bottom: 1px solid #1375b4;
    }

}
.skiLocationInfosSummary .info .skiLocation-title {
  font-family: "RobotoMedium", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #0069b3;
  padding: 10px 5px 3px;
  margin: 0;
}

.skiLocationInfosSummary .info .row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.skiLocationInfosSummary .info .row .ski-ort {
  display: flex;
  border: 1px solid #0069b3;
  border-radius: var(--border-radius);
  margin-bottom: 15px;
}

.skiLocationInfosSummary .info .row .ski-ort:last-child {
  margin-bottom: 0;
}

.skiLocationInfosSummary .info .ski-ort-item {
  width: 100%;
  border: var(--border-radius);
}

.skiLocationInfosSummary .info .ski-ort-item a {
  font-family: "RobotoMedium", sans-serif;
  font-size: 1rem;
  text-decoration: none;
  color: #1275B4;
  padding: 8px 5px;
  display: block;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details {
  width: 100%;
  display: flex;
  flex-direction: row;
  background-color: rgb(208,226,243);
  border-radius: var(--border-radius);
  padding: 10px;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .lsp,
.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .ig {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .ig {
  justify-content: flex-start;
  place-items: center;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .lsp div {
  display: flex;
  align-items: baseline;
  text-wrap: nowrap;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste {
  width: 100%;
  display: flex;
  justify-content: space-between;
  place-items: center;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste p {
  margin-bottom: 0;
  display: flex;
  align-self: center;
  padding-left: 10px;
  text-align: left;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut {
  position: relative;
  width: 80px;
  height: 80px;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-default {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-line {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-line::before {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  background: rgb(208,226,243);
  z-index: 2;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-line::after {
  content: "";
  width: 85%;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 16px;
  background: rgb(208,226,243);
  border-bottom: 2px solid rgb(208,226,243);
  z-index: 2;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-case {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: blue;
  position: absolute;
  top: 0;
  left: 0;
  background-clip: border-box;
  overflow: hidden;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-white {
  top: 10px;
  left: 10px;
  width: 60px;
  height: 60px;
  background-color: rgb(208,226,243);
  position: absolute;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-case::before {
  content: "";
  clip: rect(0 80px 40px 0);
  -webkit-transform: rotate(90deg);
  transform: rotate(180deg);
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .piste .donut-case::after {
  content: "";
  clip: rect(0 40px 80px 0);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(360deg);
  background: red;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .ig img {
  width: 50px;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details .ig p {
  padding-left: 5%;
  margin-bottom: 0;
}

.skiLocationInfosSummary .info .ski-ort-item .ski-ort-details span {
  font-family: "RobotoMedium", sans-serif;
  color: #1275B4;
  padding: 5px 5px;
}

.skiLocationInfosSummary .info .skiLocation-all {
  display: flex;
  justify-content: center;
  top: 12px;
}

.skiLocationInfosSummary .info .skiLocation-all a {
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
  color: #1275B4;
  padding: 8px 5px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .skiLocationInfosSummary .info .skiLocation-title {
      font-size: 1.125rem;
  }
}

@media screen and (max-width: 450px) {
  .skiLocationInfosSummary .info .ski-ort-item .ski-ort-details {
    flex-direction: column;
  }
}
.topSkiLocationsInfos .info .skiLocation-title {
  font-family: "RobotoMedium", sans-serif;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
  color: #0069b3;
  padding: 10px 5px 3px;
  margin: 0;
}

.topSkiLocationsInfos .info .row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: 0;
  margin-right: 0;
  border: 1px solid #0069b3;
  border-radius: var(--border-radius);
}

.topSkiLocationsInfos .info .skiOrte {
  font-size: 13px;
}

.topSkiLocationsInfos .info .skiOrte th {
  color: #0069b3;
  font-weight: 800;
}

.topSkiLocationsInfos .info .skiOrte tr.location:nth-of-type(odd) {
  background-color: #f9f9f9;
  border-bottom: 2px solid #ebebeb;
}

.topSkiLocationsInfos .info .skiOrte tr.location td {
  padding: 5px 2px;
}
.topSkiLocationsInfos .info .skiOrte tr.location .liftsStatus {
  border-radius: 4px;
  width: 20px;
  display: inline-block;
  text-align: center;
  font-weight: 800;
  color: white;
}
.topSkiLocationsInfos .info .skiOrte tr.location .liftsStatus.open {
  background-color: #037627;
}
.topSkiLocationsInfos .info .skiOrte tr.location .liftsStatus.closed {
  background-color: #ff1414;
}

.topSkiLocationsInfos .info .skiOrte a,
.topSkiLocationsInfos .info .skiOrte a:visited {
  color: #0069b3;
}.warning-teaser {
    width: 100%;
    display: flex;
    flex-direction: column;

    font-family: 'Open Sans', sans-serif;
}
.warning-teaser > a,
.warning-teaser > a:hover,
.warning-teaser > a:visited {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
.warning-teaser .warning {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 5px;
    padding: 10px;
    transition: fadein 0.8s;
    color: black;
    font-size: 0.9rem;
}
.warning-teaser .warning .icon {
    /*width: 100px;*/
    height: 30px;
    display: flex;
    justify-content: center;
}
.warning-teaser .warning .items {
    display: flex;
    flex-wrap: wrap;
}
.warning-teaser .warning .items .item {
    display: flex;
    padding: 0px;
    align-items: center;
    line-height: 1rem;
    letter-spacing: -0.2px;
}
.warning-teaser .warning .items .item .text .font-bold {
    text-transform: uppercase;
    font-weight: 700;
}:root {
    --max-value: 100;
    --min-value: 0;
    --bar-value: 0;
}
.thresholdSummaryBox {
    margin-top: 15px;
}
.thresholdSummary {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 10px;
    border-radius: 10px;
    border: 8px;
    box-sizing: border-box;
}
.thresholdSummary .barGraphWrapper {
    padding: 8px;
    border-radius: 8px;
    background-color: #fff;
}
.thresholdSummary .barGraphVertical {
    /*max-width: 600px;*/
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    padding: 3px 8px;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.thresholdSummary .barGraphVertical .barContainer {
    height: 110px;
    position: relative;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    display: flex;
    justify-content: center;
    color: black;
    font-family: "RobotoCondensedLight",sans-serif;
    font-size: .9rem;
}
.thresholdSummary .barGraphVertical .bar {
    position: absolute;
    width: 25px;
    bottom: 10px;
    max-height: 70%;
    background-color: #9B9B9B;
}
.thresholdSummary .barGraphVertical .bar.withVal {
    min-height: 6%;
}
.thresholdSummary .barGraphVertical sup {
    top: -0.6em;
    left: 0px;
    font-size: 60%;
}

.thresholdSummary .warningText {
    color: black;
    font-weight: bold;
}

.thresholdSummary .selectors {
    display: flex;
    background-color: white;
    position: relative;
    padding: 0 5px 10px 5px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.thresholdSummary .selectors ul {
    display: inline-flex;
    flex-grow: 1;
    flex: 0 0 92%;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    flex: 0 0 100%;
    margin: 0;
    padding: 0 4px;
    list-style: none;
    flex-wrap: nowrap;
}
.thresholdSummary .selectors ul li {
    font-size: .9rem;
    font-family: "RobotoCondensedRegular",sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    letter-spacing: -0.2px;
    line-height: 10px;
    flex: 1 1 0;
    border-right: 1px solid #000;
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    color: #000;
    min-width: 40px;
    max-width: 40px;
}
.thresholdSummary .selectors ul li.active {
    font-weight: 600;
}
.thresholdSummary .selectors ul li span {
    white-space: nowrap;
    padding: 9px 4px;
}
.thresholdSummary .selectors button {
    width: 29px;
    height: 32px;
    padding: 9px 2px;
    margin: 0;
    display: inline-flex;
    justify-items: right;
    border: 0;
    border-radius: 20px;
}
.thresholdSummary .selectors button:focus {
    outline: unset;
}
.thresholdSummary .selectors button svg {
    width: 100%;
    height: 100%;
    margin: auto;
}
.thresholdSummary .selectors button svg path {
    stroke-width: 1px;
    stroke: white;
    fill: white;
}
.thresholdSummary .selectors button.left {
    position: absolute;
    left: -21px;
    z-index: 1;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.thresholdSummary .selectors button.right {
    position: absolute;
    right: -21px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.thresholdSummary.rain {
    border: 8px solid #1375B4;
}
.thresholdSummary.rain .barGraphVertical .bar {
    background-color: #1375B4;
}
.thresholdSummary.rain .selectors ul li {
    border-right: 1px solid #1275b4;
    color: #0072b4;
}
.thresholdSummary.rain .selectors ul li.active {
    color: #1275b4;
}
.thresholdSummary.rain .selectors button {
    background-color: #0072b4;
}

.thresholdSummary.heat {
    background: rgb(255,177,0);
    background: linear-gradient(0deg, rgba(255,177,0,1) 35%, rgba(221,0,0,1) 100%);
}
.thresholdSummary.heat .barGraphVertical .bar.low {
    background-color: #FEAC01;
}
.thresholdSummary.heat .barGraphVertical .bar.avg {
    background-color: #EF5D00;
}
.thresholdSummary.heat .barGraphVertical .bar.high {
    background-color: #DF0700;
}
.thresholdSummary.heat .selectors ul li.active {
    color: #DD0000;
}
.thresholdSummary.heat .selectors button {
    background-color: #DD0000;
}

.thresholdSummary.cold {
    background: rgb(0, 170, 255);
    background: linear-gradient(0deg, rgba(0,170,255,1) 35%, rgb(20, 0, 105) 100%);
}
.thresholdSummary.cold .barGraphVertical .bar.low {
    background-color: #00aaff;
}
.thresholdSummary.cold .barGraphVertical .bar.avg {
    background-color: #0749f2;
}
.thresholdSummary.cold .barGraphVertical .bar.high {
    background-color: #170071;
}
.thresholdSummary.cold .selectors ul li.active {
    color: #7eeeff;
}
.thresholdSummary.cold .selectors button {
    background-color: #2900cd;
}.box.weatherLocation.weatherCamPreview {
    border: none;
    border-radius: 0;
    width: 100%;
    padding: 0;
}
.box.weatherLocation.weatherCamPreview .titlebar.bordered{
    border: 0;
    text-align: center;
}
.box.weatherLocation.weatherCamPreview .titlebar.bordered::before,
.box.weatherLocation.weatherCamPreview .titlebar.bordered::after{
    border: 0;
}
.box.weatherLocation.weatherCamPreview .cam {
    position: relative;
    font-family: oe24condensed,sans-serif;
    transform: rotateZ(0.029deg);
    -webkit-transform: rotateZ(0.029deg);
    -moz-transform: rotateZ(0.029deg);
    font-size: 0.9rem;
}

.box.weatherLocation.weatherCamPreview .cam .preview {
    position: relative;
    padding: 0 0;
}

.box.weatherLocation.weatherCamPreview .cam .camPlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-left: 0;
    border-radius: var(--border-radius);
}

.box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer {
    background-color: #000;
}

.box.weatherLocation.weatherCamPreview .cam .camPlayer#locationCamPlayerTeaser {
    display: none;
}
.box.weatherLocation.weatherCamPreview .cam .camPlayer > * {
    height: 100%;
    border-radius: var(--border-radius);
}
.box.weatherLocation.weatherCamPreview .cam .camPlayer.feratel > * {
    width: 100%;
}

.box.weatherLocation.weatherCamPreview span.playCam {
    position: absolute;
    cursor: pointer;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-image: url('//appcdn.wetter.at/wetter_public/images/layout/wetter_play_button.svg');
}
.box.weatherLocation.weatherCamPreview span.playCam {
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    height: 55px;
    width: 55px;
    margin: auto;
    line-height: 1.9;
}
.box.weatherLocation.weatherCamPreview img {
    width: 100%;
    border-radius: unset;
    aspect-ratio: 16 / 9;
}

.box.weatherLocation.weatherCamPreview .notetext {
    font-family: "RobotoRegular", sans-serif;
    font-size: 1.125rem;
    text-align: left;
    font-weight: bold;
    padding: 5px 0;
}
.box.weatherLocation.weatherCamPreview .notetext > a{
    color: #000;
}
.box.weatherLocation.weatherCamPreview .notetext > a:hover{
    text-decoration: none;
}

.box.weatherLocation.weatherCamPreview .cam .linkanchor:target:before {
    height: 0;
    margin-top: 0;
}

@media only screen and (min-width: 602px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        width: 100%;
        height: 130%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 16%;
    }
}
@media only screen and (min-width: 650px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 128%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 15%;
    }
}
@media only screen and (min-width: 700px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 126%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 13%;
    }
}
@media only screen and (min-width: 750px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 124%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 12%;
    }
}
@media only screen and (min-width: 768px) {
    .box.weatherLocation.weatherCamPreview span.playCam {
        background-size: auto 70%;
    }
}
@media only screen and (min-width: 820px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 122%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 11%;
    }
}
@media only screen and (min-width: 880px) {
    .box.weatherLocation.weatherCamPreview.expanded .cam .camPlayer.feratel > * {
        height: 100%;
    }
    .box.weatherLocation.weatherCamPreview.expanded .cam {
        margin-bottom: 0%;
    }
}