@import url('https://fonts.verwaltungsportal.de/css/?family=Open+Sans:400,500,600%7CLobster:400,500,600');

body {
    font-family: "Open Sans", sans-serif;
    color: #444444;
    background: #ffffff;
    font-weight: 400;
    font-size: 1.15rem;
    /* 1rem = 16px */
    line-height: 1.5;
}

@media (min-width: 768px) {
    body {
        font-size: 1.125rem;
    }
}

a {
    color: #3a0731;
}

a:hover,
a:focus {
    color: #3a0731;
    text-decoration: underline;
}

b,
strong {
    font-weight: 500;
}

#over {
    position: relative;
    overflow: hidden;
}

/* ----------------------------------------------- header ----------------------------------------------- */

header {
    background: #ffffff;
}

#logo {
    display: inline-block;
    pointer-events: auto;
    z-index: 13;
    position: relative;
}

#logo img {
    display: block;
    max-width: 220px;
    width: 100%;
}

@media (min-width: 1200px) {
    #logo img {
        max-width: 100%;
        width: 100%;
    }
}

#slogan {
    color: #444444;
    line-height: 1.1;
    pointer-events: auto;
    width: 100%;
    font-size: 1.5rem;
}

@media (min-width: 992px) {
    #slogan {
        font-size: 2rem;
    }
}

@media (max-width: 991px) {
    #slogan img {
        max-width: 250px;
    }
}

/* ------------------------------------------- navigation ------------------------------------------- */

/* burgermenu for tablet */

@media (max-width: 991px) {
    #burgerButton {
        font-size: 13px;
        display: block;
        width: 48px;
        height: 48px;
        border-radius: 2px;
        padding: 8px 0 0 0 !important;
        cursor: pointer;
        background: #ffffff;
        border: none !important;
        border-radius: 4px;
        color: #444444;
        font-weight: 700;
        line-height: 1;
        text-transform: uppercase;
        text-align: center;
        -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
    }

    #burgerButtonInner {
        margin-bottom: 26px;
        display: inline-block;
    }

    #burgerButton[aria-expanded="true"] #burgerButtonInner {
        opacity: 0;
    }

    #burgerButton[aria-expanded="true"] #burgerButtonInner2 {
        -webkit-transform: rotate(-45deg) translate(2px, -4px);
        transform: rotate(-45deg) translate(2px, -4px);
    }

    #burgerButton[aria-expanded="true"]:after {
        -webkit-transform: rotate(45deg) translate(-10px, -10px);
        transform: rotate(45deg) translate(-10px, -10px);
    }

    #burgerButtonInner2, #burgerButton:after {
        -webkit-transition: transform 200ms linear, opacity 200ms linear;
        -moz-transition: transform 200ms linear, opacity 200ms linear;
        -ms-transition: transform 200ms linear, opacity 200ms linear;
        -o-transition: transform 200ms linear, opacity 200ms linear;
        transition: transform 200ms linear, opacity 200ms linear;
    }

    #burgerButtonInner2 {
        top: 26px;
    }

    #burgerButton:after {
        top: 36px;
    }

    #burgerButtonInner2, #burgerButton:after {
        content: "";
        display: block;
        position: absolute;
        background: #3a0731;
        border-radius: 2px;
        width: 38px;
        height: 3px;
        left: 5px;
        font-size: 0;
    }

    .navbar-nav {
        margin: 20px 0;
    }

    .navbar-collapse {
        padding: 30px 0;
        top: 0;
        background: #3a0731;
        position: fixed;
        left: -100%;
        bottom: 0;
        z-index: 100;
        height: auto !important;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
        opacity: 0;
        pointer-events: none;
        overflow-y: auto;
        -webkit-transition: left 300ms linear, opacity 300ms linear;
        -moz-transition: left 300ms linear, opacity 300ms linear;
        -ms-transition: left 300ms linear, opacity 300ms linear;
        -o-transition: left 300ms linear, opacity 300ms linear;
        transition: left 300ms linear, opacity 300ms linear;
    }

    .navbar-collapse[aria-expanded="true"],
    .navbar-collapse.in {
        left: 0;
        opacity: 1;
        pointer-events: auto;
    }

    .navbar-header {
        position: fixed;
        top: 15px;
        right: 15px;
        z-index: 101;
    }

    .navbar-toggle::before {
        content: "";
        opacity: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0;
        z-index: -1;
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-transition: width 300ms linear, opacity 300ms linear;
        -moz-transition: width 300ms linear, opacity 300ms linear;
        -ms-transition: width 300ms linear, opacity 300ms linear;
        -o-transition: width 300ms linear, opacity 300ms linear;
        transition: width 300ms linear, opacity 300ms linear;
    }

    .navbar-collapse.in:after {
        content: "";
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        display: block;
        width: 90px;
        background-color: rgba(0, 0, 0, 0.5);
    }
}

@media (min-width: 575px) and (max-width: 991px) {
    .navbar-collapse {
        width: 60%;
    }

    .navbar-collapse.collapse.in:after {
        width: 40%;
    }
}

/* menu desktop */

@media (min-width: 992px) {
    #menu {
        position: relative;
        z-index: 100;
        background-color: #3a0731;
        -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
    }

    nav.horizontally .navbar-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    nav.horizontally li[class*="toplevel"]>ul {
        position: absolute;
        top: 105%;
        left: -285px;
        right: 0;
        z-index: 1000;
        margin: 0;
        padding: 10px 25px;
        padding-top: 20px;
        padding-bottom: 20px;
        max-height: 60vh;
        overflow: visible;
        display: block !important;
        pointer-events: none;
        opacity: 0;
        -webkit-transition: opacity 300ms linear;
        -moz-transition: opacity 300ms linear;
        -ms-transition: opacity 300ms linear;
        -o-transition: opacity 300ms linear;
        transition: opacity 300ms linear;
    }

    nav.horizontally li[class*="toplevel"]>ul::after {
        content: "";
        display: block;
        position: absolute;
        width: 100vw;
        z-index: -1;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.9);
        -webkit-box-shadow: 0 8px 8px 0 rgba(84, 73, 73, 0.1);
        box-shadow: 0 8px 8px 0 rgba(84, 73, 73, 0.1);
    }

    nav.horizontally li[class*="toplevel"]>ul:not(.mCustomScrollbar),
    nav.horizontally li[class*="toplevel"]>ul .mCSB_container {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        max-width: 992px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px;
        height: auto;
    }

    nav.horizontally li[class*="secondlevel"] {
        float: none;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        display: table !important;
    }

    .navbar-default .navbar-nav li[class*="toplevel"]:hover>ul {
        pointer-events: auto !important;
        opacity: 1 !important;
        top: 100%;
        z-index: 1003;
    }

    .navbar-default .navbar-nav li[class*="toplevel"]:focus-within>ul {
        pointer-events: auto !important;
        opacity: 1 !important;
        top: 100%;
    }

    .nav li[class*="toplevel"].open>.dropdown-menu {
        pointer-events: none !important;
        opacity: 0 !important;
    }

    #mCSB_1_scrollbar_vertical {
        left: 50%;
        margin-left: calc(962px/2);
    }
}

@media (min-width: 1200px) {

    nav.horizontally li[class*="toplevel"]>ul:not(.mCustomScrollbar),
    nav.horizontally li[class*="toplevel"]>ul .mCSB_container {
        max-width: 1200px;
        padding-top: 25px;
        padding-bottom: 45px;
    }

    #mCSB_1_scrollbar_vertical {
        margin-left: calc(1170px/2);
    }
}

nav.horizontally li[class$="_end"], nav.horizontally li[class$="_start"] {
    display: none;
}

/* ---------------------------------------------- toplevel ---------------------------------------------- */

.navbar-default li[class*="toplevel"]>a {
    color: #ffffff;
    font-weight: 600;
    text-align: left;
    padding: 10px 35px 15px 15px;
    position: relative;
    font-size: 1.3125rem;
    line-height: 1.2;
    text-decoration: none;
}

@media (max-width: 991px) {
    .navbar-default li[class*="toplevel"] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    nav.horizontally li[class*="toplevel"]>a.dropdown-toggle {
        padding-right: 35px;
    }
}

@media (min-width: 992px) {
    .navbar-default li[class*="toplevel"]>a {
        padding: 30px 2px;
    }
}

.navbar-default li[class*="toplevel"]>a::after {
    content: "";
    display: block;
    height: 6px;
    width: 0;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    background: #b5d99c;
    -webkit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    transition: width 200ms linear;
}

/* -------------------------------------------- toplevel-over ------------------------------------------- */

.navbar-default li[class*="toplevel"]:hover>a,
.navbar-default li[class*="toplevel"]>a:hover,
.navbar-default li[class*="toplevel"]>a:focus,
.navbar-default li[class*="toplevel"].open>a,
.navbar-default li[class*="toplevel"].open>a:hover,
.navbar-default li[class*="toplevel"].open>a:focus,
.navbar-default li[class*="toplevel"][class$="_over"]>a,
.navbar-default li[class*="toplevel"][class$="_over"]>a:hover,
.navbar-default li[class*="toplevel"][class$="_over"]>a:focus {
    color: #b5d99c;
}

.navbar-default li[class*="toplevel"]:hover>a:after,
.navbar-default li[class*="toplevel"]>a:hover::after,
.navbar-default li[class*="toplevel"]>a:focus::after,
.navbar-default li[class*="toplevel"].open>a::after,
.navbar-default li[class*="toplevel"].open>a:hover::after,
.navbar-default li[class*="toplevel"].open>a:focus::after,
.navbar-default li[class*="toplevel"][class$="_over"]>a::after,
.navbar-default li[class*="toplevel"][class$="_over"]>a:hover::after,
.navbar-default li[class*="toplevel"][class$="_over"]>a:focus::after {
    width: 100%;
}

/* -------------------------------------- secondlevel + thirdlevel dropdown-box -------------------------------------- */

@media (max-width: 991px) {
    .navbar-default li[class*="toplevel"]>.dropdown-menu, .navbar-default li[class*="toplevel"]>.dropdown-menu>li>.dropdown-menu {
        padding: 10px;
        background: rgba(248, 229, 229, 0.8);
    }
}

@media (min-width: 992px) {
    .navbar-default li[class*="toplevel"]>.dropdown-menu>li>.dropdown-menu {
        display: block;
    }
}

/* --------------------------------------------- secondlevel + thirdlevel -------------------------------------------- */

.navbar-default li[class*="secondlevel"]>a, .navbar-default li[class*="thirdlevel"]>a {
    color: #444444;
    text-align: left;
    padding: 8px 35px 8px 15px;
    font-size: 1rem;
    line-height: 1.2;
    text-decoration: none;
}

.navbar-default li[class*="secondlevel"]>a {
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-default li[class*="thirdlevel"]>a {
    font-weight: 400;
}

@media (min-width: 992px) {
    .navbar-default li[class*="secondlevel"]>a {
        padding: 20px 0 2px;
    }

    .navbar-default li[class*="thirdlevel"]>a {
        padding: 5px 0 5px 10px;
    }
}

/* ------------------------------------------ secondlevel + thirdlevel over ------------------------------------------ */

.navbar-nav li[class*="secondlevel"]:hover>a,
.navbar-nav li[class*="secondlevel"]>a:hover,
.navbar-nav li[class*="secondlevel"]>a:focus,
.navbar-nav li[class*="secondlevel"].open>a,
.navbar-nav li[class*="secondlevel"].open>a:hover,
.navbar-nav li[class*="secondlevel"].open>a:focus,
.navbar-nav li[class*="secondlevel"][class$="_over"]>a,
.navbar-nav li[class*="secondlevel"][class$="_over"]>a:hover,
.navbar-nav li[class*="secondlevel"][class$="_over"]>a:focus,
.navbar-nav li[class*="thirdlevel"]>a:hover,
.navbar-nav li[class*="thirdlevel"]>a:focus,
.navbar-nav li[class*="thirdlevel"].open>a,
.navbar-nav li[class*="thirdlevel"].open>a:hover,
.navbar-nav li[class*="thirdlevel"].open>a:focus,
.navbar-nav li[class*="thirdlevel"][class$="_over"]>a,
.navbar-nav li[class*="thirdlevel"][class$="_over"]>a:hover,
.navbar-nav li[class*="thirdlevel"][class$="_over"]>a:focus {
    color: #3a0731;
}

/* ------------------------------------------ Logo ------------------------------------------ */

#logo img {
    max-width: 340px;
    width: 100%;
}

/* ----------------------------------------------- banner ----------------------------------------------- */

#headerpic {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 3;
}

@media (min-width: 1200px) {
    #top {
        position: relative;
    }
}

#bannerOverlay::before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url('../img/banneroverlay.png');
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
}

#bannerOverlay {
    position: relative;
}

#slider {
    height: 200px;
    overflow: hidden;
    position: relative;
    pointer-events: auto;
}

.nivo-controlNav {
    pointer-events: auto;
}

.nivo-main-image {
    height: 100%;
}

@media (max-width: 991px) {
    #bannerOverlay {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) {
    #slider {
        height: 400px;
    }
}

@media (min-width: 992px) {
    #slider {
        height: 100%;
    }

    .slider-wrapper {
        padding-left: 50%;
    }

    #bannerOverlay {
        height: 650px;
    }

    body.index #bannerOverlay {
        height: 765px;
    }

    #headerpic .theme-default .nivo-controlNav {
        width: auto;
        left: 50%;
        right: 0;
    }

    #headerpic .slider-wrapper {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 60;
        pointer-events: none;
    }

    #bannerOverlay>.row>div {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #headerpic a.nivo-prevNav {
        left: 65px;
    }

    #headerpic a.nivo-nextNav {
        right: 65px;
    }
}

@media (min-width: 1200px) {
    #headerpic .slider-wrapper {
        padding-left: 39%;
    }

    #headerpic .theme-default .nivo-controlNav {
        left: 40%;
    }
}


#headerpic Element {
    height: 100%;
    display: block;
}

#headerpic .slider-wrapper,
#headerpic .nivo-main-image {
    height: 100% !important;
}

.slider-mask {
    display: none;
}

@media (min-width: 1200px) {
    .slider-mask {
        display: block;
        background-image: url('../img/overlay-banner.png');
        background-position: left center;
        background-repeat: no-repeat;
    }
}

/* ------------------------------------------------ tabs ----------------------------------------------- */

#tabs {
    background-color: #3a0731;
    color: #ffffff;
    padding: 36px 0;
}

@media (min-width: 1200px) {
    #tabs {
        background-image: url('../img/icon-schuh-kontakt.png');
        background-position: left 40vw center;
        background-repeat: no-repeat;
    }
}

#tabs a {
    color: #b5d99c;
}

#tabs .tabHeadline {
    color: #b5d99c;
    font-size: 1.875rem;
}

.menutab {
    font-family: 'Lobster', sans-serif;
    font-size: 3.75rem;
    font-weight: 400;
    color: #b5d99c;
    line-height: 1.1;
}

@media (min-width: 1200px) {
    .menutab {
        font-size: 5.875rem;
    }
}

@media (max-width: 767px) {
    #tabs>.row>*+* {
        margin-top: 30px;
    }

    .menutab {
        font-size: 2.8125rem;
    }
}

/* ------------------------------------------------ content ----------------------------------------------- */

main {
    text-align: left;
}

.contentWrapper {
    max-width: 1200px;
    width: 100%;
    position: relative;
    background: #fff;
    margin: 120px auto;
    border-left: 2px solid #656565;
    border-right: 2px solid #656565;
}

@media (max-width: 992px) {
    .contentWrapper {
        padding: 20px 0;
    }
}

.contentWrapper::before {
    content: '';
    pointer-events: none;
    width: calc(100% + 20px);
    height: 100px;
    display: block;
    position: absolute;
    left: -12px;
    right: 0px;
    background: url(../img/content-top.png) no-repeat bottom center / 100% auto;
    display: block;
    top: -100px;
    z-index: 12;
}

.contentWrapper::after {
    content: '';
    pointer-events: none;
    width: calc(100% + 11px);
    height: 100px;
    display: block;
    position: absolute;
    left: -7px;
    right: 0px;
    background: url(../img/content-bottom.png) no-repeat top center / 100% auto;
    display: block;
    bottom: -100px;
    z-index: 12;
}

#bottomContentWrapper::before {
    display: block;
    content: '';
    height: 1px;
    max-width: 1170px;
    width: 100%;
    position: relative;
    margin: 79px auto 33px auto;
    background: #e5e5e5;
}

#bottomContentWrapper {
    padding-bottom: 35px;
    padding-left: 25px;
    padding-right: 25px;
}

@media (min-width: 575px) {
    #bottomContentWrapper>.row::after {
        content: '';
        background: url(../img/icon-schuh-kontakt.png) no-repeat;
        width: 133px;
        height: 195px;
        display: inline-block;
        position: absolute;
        right: 133px;
        bottom: -25px;
    }
}

@media (max-width: 1400px) {
    #bottomContentWrapper>.row::after {
        right: 0;
    }
}

/* ------------------------------------------ h1 - h6, newslink ----------------------------------------- */

.h4link a:link,
.h4link a:hover,
.h4link a:focus,
.h4link a:visited,
H6,
H5,
H4,
H3,
H2,
H1 {
    color: #3a0731;
    font-weight: 400;
    line-height: 1.2;
    font-family: "Lobster", sans-serif;
}

h1,
.h1,
.legacy_h1 {
    font-size: 2.1875rem;
}

@media (min-width: 768px) {

    h1,
    .h1,
    .legacy_h1 {
        font-size: 2.5rem;
    }
}

h2,
.h2,
.legacy_h2 {
    font-size: 1.875rem;
}

@media (min-width: 768px) {

    h2,
    .h2,
    .legacy_h2 {
        font-size: 2.1875rem;
    }
}

h3,
.h3,
.legacy_h3 {
    font-size: 1.6rem;
}

h4,
.h4,
.h4link a:link,
.h4link a:hover,
.h4link a:focus,
.h4link a:visited,
.legacy_h4 {
    font-size: 1.5rem;
}

h5,
.h5,
.legacy_h5 {
    font-size: 1.4rem;
}

h6,
.h6,
.legacy_h6 {
    font-size: 1.3rem;
}

#newslinks,
#newsmandate {
    border: 1px solid #3a0731;
}

/* ----------------------------------------------- footer ----------------------------------------------- */

footer {
    background-color: #3a0731;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
}

@media (max-width: 767px) {
    footer .row>.col-xs-12:not(:first-child)::before {
        background: #ffffff;
        content: " ";
        height: 1px;
        width: 100%;
        display: block;
        margin: 25px 0;
        opacity: 0.2;
    }

    footer .row>.col-xs-12.hidden-xs~.col-xs-12::before,
    footer .row>.col-xs-12.hidden-sm~.col-xs-12::before {
        display: none;
    }
}

#innerfooter ul {
    padding: 0;
}

#innerfooter li {
    display: inline-block;
}

#innerfooter a {
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    font-weight: 400;
}

#innerfooter a:hover,
#innerfooter a:focus {
    color: #b5d99c;
}

#innerfooter li+li {
    margin-left: 15px;
}

@media (min-width: 1200px) {
    #innerfooter li+li {
        margin-left: 50px;
    }
}

@media (max-width: 767px) {
    #innerfooter li {
        display: block;
        text-align: center;
        padding: 5px;
        margin: 0;
    }

    #innerfooter li+li {
        margin: 0;
    }
}

/* --------------------------------------------- vernetzt -------------------------------------------- */

#vernetzt {
    text-align: right;
    font-size: 1rem;
    color: #ffffff;
    line-height: 1.3;
    margin: 0 auto;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
}

#vernetzt b {
    color: #b5d99c;
    font-weight: 400;
}

#vernetzt span {
    color: #ffffff;
}

#vernetzt span span {
    display: block;
}

#vernetzt img {
    margin-left: 18px;
}

/* --------------------------------------------- intro -------------------------------------------- */

body {
    background-image: url('../img/papier.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


#introTabs {
    padding-top: 45px;
    padding-bottom: 45px;
    max-width: 1200px;
    width: 100%;
    margin: 50px auto;
    padding-left: 15px;
    padding-right: 15px;
}


#introTabs {
    background: url(../img/staffelei-intro.png) no-repeat top 60% right 55% / 50% auto, url(../img/palette-intro.png) no-repeat top 50px right 70px, url(../img/vorhang-intro.png) no-repeat top center / 1170px 100%;
}


@media (max-width: 992px) {
    #introTabs {
        background: url(../img/vorhang-intro.png) no-repeat top center / 1170px 100%;
        padding-bottom: 90px;
        padding-top: 95px;
    }
}

#introTabs>.row:first-child {
    padding-bottom: 40px;
}

#introTabs>.row:nth-child(2) {
    z-index: 12;
}

@media (min-width: 1200px) {
    #introTabs>.row:last-child {
        margin-top: 45px;
    }
}


@media (min-width: 992px) {
    #introTabs>.row:last-child>div:last-child {
        margin-top: 80px;
    }
}

@media (max-width: 1199px) {
    #introTabs>.row:last-child {
        padding-top: 40px;
    }
}

@media (max-width: 767px) {

    #introTabs>.row:last-child>*+*,
    #introTabs>.row:first-child>*+* {
        padding-top: 40px;
    }
}

#introTabs .firstTabHeadline {
    font-size: 3.125rem;
    margin-bottom: 10px;

}



#introTabs .firstTab {
    font-size: 1.25rem;
}

@media (max-width: 767px) {
    #introTabs .firstTabHeadline {
        font-size: 2.1875rem;
    }

    #introTabs .firstTab {
        font-size: 1.125rem;
    }
}

#introTabs .firstTab a {
    font-style: italic;
}

#introTabs .tabHeadline {
    font-size: 1.875rem;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 12;
    line-height: 1.1;
    width: 70%;
    margin: auto;
    pointer-events: none;
    text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px,
        rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px,
        rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px,
        rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px,
        rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px,
        rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px,
        rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px,
        rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px,
        rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px,
        rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px,
        rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px,
        rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px,
        rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}


#introTabs .thirdtab {
    color: #3a0731;
    font-weight: 400;
    line-height: 1.2;
    font-family: "Lobster", sans-serif;
    font-size: 1.6875rem;
    line-height: 1.5;
    margin: 0;
    bottom: 0;
    z-index: 12;
    text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px,
        rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px,
        rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px,
        rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px,
        rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px,
        rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px,
        rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px,
        rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px,
        rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px,
        rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px,
        rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px,
        rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px,
        rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
}


#introTabs .secondTab .tabHeadline {
    left: 85px;
}

#introTabs .lastTab .tabHeadline {
    width: 88%;
}