/* WEBFONTS ##################################### */

@font-face {
    font-family: 'Open Sans EB';
    src: url('fonts/OpenSans-ExtraBold.eot');
    src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans B';
    src: url('fonts/OpenSans-Bold.eot');
    src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff'),
        url('fonts/OpenSans-Bold.ttf') format('truetype'),
        url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.eot');
    src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* END WEBFONTS ################################# */

/* VARIABLEN ##################################### */

:root {

/* TYPO */

--mengenText: 'Open Sans';
--fettText: 'Open Sans B';
--extrafettText: 'Open Sans EB';

--font12: 12px;
--font14: 14px;
--font16: 16px;
--font18: 18px;
--font20: 20px;

/* FARBEN */

--gruen: #79ad3f;
--blau: #011864;
--grau: rgba(0, 0, 0, 0.35);
--weiss: #ffffff;


}

/* END VARIABLEN ################################# */

/* KLASSEN ##################################### */

body {
    font-size: var(--font14);
    font-family: var(--mengenText);
    background-image: url(images/swp_background-tinified.jpg);
    background-size: contain;
    background-attachment: fixed;
}

b, strong {
    font-family: var(--fettText);
}

h1, h2, h3, h4 {
    font-family: var(--extrafettText);
}

h1 {
    color: var(--blau);
}


h1.sppb-title-heading  {
    font-family: var(--extrafettText);
}

h1.sppb-title-heading span {
    display: block;
    font-family: var(--mengenText);
    font-size: var(--font20);
}

.swp__inhaltsBereich h4.sppb-addon-title {
    font-family: var(--fettText);
    font-size: var(--font16);
    text-transform: uppercase;
    padding: 5px 10px;
    background-color: var(--grau);
    color: var(--weiss);
    display: block;
}

.swp__inhaltsBereich p {
    padding: 0px 10px;
}

/* END KLASSEN ################################# */

/* STARTSEITE ##################################### */

#swp_takeyourChoice .sppb-row-column {
    margin-bottom: 30px;
}

#swp_takeyourChoice .sppb-row-column img.sppb-img-responsive {
    scale: 1;
    transition: .3s;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#swp_takeyourChoice .sppb-row-column img.sppb-img-responsive:hover {
    scale: 1.03;
    transition: .6s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* END STARTSEITE ################################# */

/* NAVIGATION ##################################### */

.swp__rightSidebar ul {
    margin: 0;
    padding: 0;
}

.swp__rightSidebar ul li {
    list-style: none;
}

.swp__rightSidebar span.nav-header  {
    text-transform: uppercase;
    font-family: var(--extrafettText);
    background-color: var(--gruen);
    color: var(--weiss);
    display: block;
    padding: 20px;
    font-size: var(--font18);
}

.swp__rightSidebar ul li a {
    display: block;
    padding: 12px 20px;
    color: var(--blau);
    font-family: var(--mengenText);
    
}


.swp__rightSidebar ul li.current.active a,
.swp__rightSidebar ul li:hover a {
    font-family: var(--fettText);
}

.swp__rightSidebar .menu.swpMediathek {
    margin-top: 40px;
}

.swp__rightSidebar .menu.swpMediathek span.nav-header  {
    text-transform: uppercase;
    font-family: var(--extrafettText);
    background-color: var(--grau);
    color: var(--weiss);
    display: block;
    padding: 20px;
    font-size: var(--font18);
}


.swp__rightSidebar .menu.swpMediathek li:last-child {
    background-color: var(--blau);
    transition: .6s;
}

.swp__rightSidebar .menu.swpMediathek li:last-child a {
    color: var(--weiss);
}

.swp__rightSidebar .menu.swpMediathek li:last-child:hover a {
    font-family: var(--mengenText);
}

.swp__rightSidebar .menu.swpMediathek li:last-child:hover {
    background-color: var(--gruen);
    transition: .3s;
}

/* END NAVIGATION ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */

/* GLOBAL ##################################### */

/* END GLOBAL ################################# */