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

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







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

:root {

/* TYPO */

--mengentext: 'Klavika';
--fett: 'Klavika Medium';

--font15: 15px;
--font20: 20px;
--font25: 25px;
--font30: 30px;
--font40: 40px;

/* SCHATTEN */

--boxSHD: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px, rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;

/* FARBEN */

--lightgrey: rgba(0, 0, 0, 0.08);
--red: #D32024;
--weiss: #ffffff;

}

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


* {
    font-family: var(--mengentext);
}

body {
    font-family: var(--mengentext);
    font-size: var(--font20);
}


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

h1 {
    font-size: var(--font40);
}

h3 {
    font-family: var(--mengentext);
    font-weight: bold;
    font-size: var(--font25);
}

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


.sppb-addon-content ul.bw__linkSection {
    padding: 0px;
    margin-left: -10px;
}

.sppb-addon-content ul.bw__linkSection li {
    list-style: none;
}

.sppb-addon-content ul.bw__linkSection li a {
    list-style: none;
    padding: 5px 10px;
    display: block;
    font-family: var(--fett);
}

.sppb-addon-content ul.bw__linkSection li span {
    font-family: var(--mengentext);
}

.sppb-addon-content ul.bw__linkSection li a:hover {
    background-color: var(--red);
    color: var(--weiss);
}

/* MAINNAVIGATION ######################### */

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    font-size: var(--font20);
    font-family: var(--fett);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sp-megamenu-parent .sp-menu-item>a img {
    max-width: 30px;
    margin-top: -12px;
}

a span {
    font-size: var(--font15);
    display: block;
}

/* END MAINNAVIGATION ##################### */

/* SPRACHAUSWAHL ########################## */

.bw__sprachAuswahl {
    margin-top: 10px!important;
}

/* END SPRACHAUSWAHL ###################### */


/* Startseite ############################## */


#bw__introSection .sppb-column-addons:hover {
    background-color: var(--lightgrey);
    transition: .3s;
    scale: 1.02;
}

#bw__introSection .sppb-row {
  display: flex;
}

#bw__introSection .sppb-row-column {
  flex: 1;
  display: flex;
  flex-direction: column;

}

#bw__introSection .sppb-column-addons {
    padding: 15px;
    border-radius: 6px;
    border-style: none;
    border-width: 1px;
    border-color: rgb(195, 195, 195);
    box-shadow: var(--boxSHD);
    transition: .5s;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#bw__introSection .sppb-addon-wrapper {
  display: flex;
  flex-direction: column;
}

#bw__introSection .sppb-addon {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#bw__introSection .sppb-addon-content {
  flex: 1;
}


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


/* ACYMAILING */

table.acym_form,
.acym_module_form input {
    width: 100%;
}

.acym_module_form input {
    min-width: 100%;
}

.btn-primary, .sppb-btn-primary {
    background-color: var(--weiss);
    color: var(--red);
}

/* END */





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

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1170px;
}

}


@media screen and (min-width: 300px) and (max-width: 767px) {

h1 {
    font-size: var(--font30);
}

#bw__introSection .sppb-column-addons {
    margin-bottom: 30px;
    min-width: 100%;
}

}