@import url("./_static-variables.css");

body {
    /** font-family: var(--helvetica-light-font-family); **/
    font-family: var(--font-family-light);
    font-size: 1rem;
    line-height: 1.75rem;
    margin: 0;
    font-weight: 400;
    color: var(--charcoal-black);
    text-align: left;
    background-color: var(--white-bg-color);
}

.carousel-wrapper {
    position: relative;
}

.fl-btn {
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0;
    letter-spacing: 0.6px;
    line-height: 1rem;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    font-weight: 400;
    font-size: 0.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.carousel-indicator {
    cursor: pointer;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

.swiper-pagination {
    width: 25px;
}

.carousel-item {
    width: 100%;
}

.material-symbols-sharp {
    font-family: var(--material-symbol-font-family);
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-size: 1.5rem;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    vertical-align: text-top;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}

.content-module.teaser .swiper-wrapper {
    width: 100%;
}

/** Styles from header-vue.css**/
@font-face {
    font-family: bootstrap-icons;
    src: url(./fonts/bootstrap-icons.woff2) format("woff2"), url(./fonts/bootstrap-icons.woff) format("woff")
}

.weather-icon-0 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_0.svg)
}
.weather-icon-1 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_1.svg)
}

.weather-icon-2 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_2.svg)
}

.weather-icon-3 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_3.svg)
}

.weather-icon-4 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_4.svg)
}

.weather-icon-5 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_5.svg)
}

.weather-icon-6 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_6.svg)
}

.weather-icon-7 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_7.svg)
}

.weather-icon-8 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_8.svg)
}

.weather-icon-9 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_9.svg)
}

.weather-icon-10 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_10.svg)
}

.weather-icon-11 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_11.svg)
}

.weather-icon-12 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_12.svg)
}

.weather-icon-13 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_13.svg)
}

.weather-icon-14 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_14.svg)
}

.weather-icon-15 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_15.svg)
}

.weather-icon-16 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_16.svg)
}

.weather-icon-17 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_17.svg)
}

.weather-icon-18 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_18.svg)
}

.weather-icon-19 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_19.svg)
}

.weather-icon-20 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_20.svg)
}

.weather-icon-21 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_21.svg)
}

.weather-icon-22 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_22.svg)
}

.weather-icon-23 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_23.svg)
}

.weather-icon-24 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_24.svg)
}

.weather-icon-25 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_25.svg)
}

.weather-icon-26 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_26.svg)
}

.weather-icon-27 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_27.svg)
}

.weather-icon-28 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_28.svg)
}

.weather-icon-29 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_29.svg)
}

.weather-icon-30 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_30.svg)
}

.weather-icon-31 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_31.svg)
}

.weather-icon-32 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_32.svg)
}

.weather-icon-33 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_33.svg)
}

.weather-icon-34 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_34.svg)
}

.weather-icon-35 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_35.svg)
}

.weather-icon-36 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_36.svg)
}

.weather-icon-37 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_37.svg)
}

.weather-icon-38 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_38.svg)
}

.weather-icon-39 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_39.svg)
}

.weather-icon-40 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_40.svg)
}

.weather-icon-41 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_41.svg)
}

.weather-icon-42 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_42.svg)
}

.weather-icon-43 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_43.svg)
}

.weather-icon-44 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_44.svg)
}

.weather-icon-45 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_45.svg)
}

.weather-icon-46 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_46.svg)
}

.weather-icon-47 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_47.svg)
}

.weather-icon-na {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_na.svg)
}

.weather-info-icon.weather-icon-30 {
    background: url(/fallback/.resources/AP_ONECMS_Magnolia_Templating/webresources/ap-onecms-magnolia-angular/browser/assets/weather_30.svg)
}


/** Media qeries starts from here **/
/** Extra small devices (phones, 600px and down) **/
@media only screen and (max-width: 600px) {
    .content-module.teaser .swiper-wrapper .swiper-slide {
        width: 100%;
        margin-right: 0px;
        margin-top: 30px;
    }
    .content-module.teaser .swiper-wrapper .swiper-slide:first-child {
        margin-top: 0px;
    }
    .weather-teaser-wrapper .weather-teaser .swiper-wrapper .swiper-slide {
        width: 100%;
        margin-right: 30px;
    }
    .teaser .teaser-content p, .teaser .teaser-bottom p, .teaser-list .teaser-content p, .teaser-list .teaser-bottom p, .link-teaser .teaser-content p, .link-teaser .teaser-bottom p {
        max-height: unset;
    }
}

/** Small devices (portrait tablets and large phones, 600px and up) **/
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .weather-teaser-wrapper .weather-teaser .swiper-wrapper .swiper-slide {
        width: 285.75px;
        margin-right: 30px;
    }
    .content-module.teaser .swiper-wrapper .swiper-slide {
        width: 45.8%;
        margin-right: 30px;
        margin-top: 30px;
    }
    .swiper-pagination {
        width: 110px;
    }
    .swiper-pagination .swiper-pagination-bullet {
        width: 11px;
    }
    .teaser .teaser-content p, .teaser .teaser-bottom p, .teaser-list .teaser-content p, .teaser-list .teaser-bottom p, .link-teaser .teaser-content p, .link-teaser .teaser-bottom p {
        max-height: unset;
    }
}
  
/** Large devices (laptops/desktops, 992px and up) **/
@media only screen and (min-width: 992px) {
    .content-module.teaser .swiper-wrapper {
        width: 100%;
    }
    .content-module.teaser .swiper-wrapper .swiper-slide {
        width: 46.8%;
        margin-right: 30px;
        margin-top: 30px;
    }
    .weather-teaser-wrapper .weather-teaser .swiper-wrapper .swiper-slide {
        width: 285.75px;
        margin-right: 30px;
    }
    .main-navigation-bar {
        margin: 2.5rem 3.75rem 2.5rem 0;
        padding: 1.25rem 2rem 1.25rem 1.75rem
    }
    .container {
        max-width: 1185px
    }
    .content-module+.content-module,.content-module+script+.content-module {
        margin-top:5rem
    }
    .info-teaser-wrapper {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 86px
    }

    .info-teaser-wrapper .info-teaser-image {
        padding-bottom: 0
    }

    .info-teaser-wrapper .info-teaser-content h3 {
        font-size: 2.5rem;
        line-height: 3rem;
        padding-bottom: .75rem
    }

    .info-teaser-wrapper .info-teaser-content p {
        font-size: 1.125rem;
        line-height: 1.875rem
    }
}
  
/** Extra large devices (large laptops and desktops, 1200px and up) **/
@media only screen and (min-width: 1200px) {
    .content-module.teaser .swiper-wrapper {
        width: 100%;
    } 
    .content-module.teaser .swiper-wrapper .swiper-slide {
        margin-right: 30px;
    }
    .weather-teaser-wrapper .weather-teaser .swiper-wrapper .swiper-slide {
        width: 285.75px;
        margin-right: 30px;
    }
    .container {
        max-width:1320px
    }
}

/* custom CSS for Richtext*/
.rich-text p,
.rich-text ul,
.rich-text ol {
  color: #000000;
}

.rich-text .button-section a.text-button.button-text:hover {
  color: #003b1c;
}