/* CSS Document */
/* rot: #E3001B , heller rot: #fa5c69  */
/* anthrazit: #4d4d4d */
/* Fonts: Navi: IBM Plex Sans  gr. 19 */
/* Heading: Arial h1: 33px */
/* Buttons: Inter */
/* Animation : Fade up 3000 mit Delay: 1000ms oder left  - color: shape #E3001B 2. color: 0C1D37 */
/* unterseiten rosa hg: #FCF8F5  */

/* ibm-plex-sans-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/ibm-plex-sans-v19-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/ibm-plex-sans-v19-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/ibm-plex-sans-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/ibm-plex-sans-v19-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/ibm-plex-sans-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/ibm-plex-sans-v19-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ibm-plex-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/ibm-plex-sans-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/ibm-plex-sans-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/ibm-plex-sans-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/ibm-plex-sans-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/ibm-plex-sans-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ibm-plex-sans-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ibm-plex-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ibm-plex-sans-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter-v13-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter-v13-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v13-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v13-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v13-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v13-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v13-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: 'IBM Plex Sans' !important;
    color: #4d4d4d !important;
    font-size: 19px !important; 
    background-color: #FCF8F5 !important;}
a {
    color: #E3001B !important;
}
a:hover {
    color: #fa5c69 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Arial !important;
    color: #4d4d4d !important;
    line-height: 1.3 !important;}
h1 {font-size: 38px !important; }
h2 {font-size: 33px !important;}
h3 {font-size: 28px !important;}
h4 {font-size: 23px !important;}
h5 {font-size: 20px !important;}

.sp-megamenu-wrapper a {
   color: #4d4d4d !important;
}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color: #E3001B !important;
}
.sp-megamenu-parent>li:hover>a {
   color: #E3001B !important;
}
.sectionprojekt a { color: #ffffff !important;}
a.cc-btn { color: #ffffff !important;}
.startseite h1 {color: #4d4d4d !important;}

.startseite .dreierblock div.sppb-addon-text {min-height: 150px;}

body #sp-footer, body #sp-bottom {
    background-color: #4d4d4d !important;
  }
body #sp-footer, body #sp-bottom {
    background-color: #4d4d4d !important;
}
#sp-bottom h2 {color: #ffff !important; font-size: 1.4em !important;
}
#sp-bottom a {color: #ffff !important; 
}
.quicklinks {margin-top: 100px; margin-left: 50px;}
#sp-bottom .quicklinks a {color: #fa5c69 !important;}
.mod_sigplus #sigplus_1001 a.sigplus-image > img {
    margin: 10px !important;
}
/* damit sigplus gleichmäßige Abstände macht */
.mod_sigplus ul {line-height: 0 !important;}
.unter #sp-main-body ul li {margin-bottom: 5px;}
.unter #sp-main-body ul {margin-top: 25px; margin-bottom: 25px;}
#sp-bottom .container {
    background-image: none !important;    
} 
.view-article .article-details:before {
    background: none !important;
    width: 1168px;
    height: 50px !important;
    display: block;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    border-radius: 30px;
}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 38px !important;
    padding-top: 0px !important;
    margin-bottom: 40px;
    color: #0c1d37;
}
#sp-main-body {
    padding: 200px 0px 100px 0px;
}
.aktuelles .mod-articles-category-title {font-size: 26px !important; line-height:  60px !important;}
div .related-article-list-container {display: none;}
#sppb-addon-1623316752076 #btn-1623316752076.sppb-btn-custom:hover {
    background-color: #010101;
    color: #FFFFFF;
    border: none;
    background-image: linear-gradient(95deg, #13AE6D 0%, #67CEA3 100%);
}
#sp-bottom .quicklinks.dsgvo a {
    color: #ffffff !important;
}
.dsgvo {
    margin-top: 50px !important;
    margin-left: 50px;
}
#sp-bottom .quicklinks a {
    color: #fa5c69 !important; 
}
hr.hr01 {color: #000000; height: 2px}
.view-article .article-details {padding-left: 50px; padding-right: 50px;}

.ausspruch .fa-quote-left {color: #fa5c69 !important;}
/* .ogtsteamfoto div.sppb-addon-content {text-align: center;} */
.sp-megamenu-parent>li>a.menubuttonmitglied {
    font-size: 17px;
    letter-spacing: 3px;
    font-family: Inter;
    border-radius: 4px;
    transition: all .15s ease-in-out;
    text-align: center;
    background-color: #010101;
    color: #FFFFFF !important ;
    border: none;
    font-weight: 800;
    text-transform: uppercase;
       padding: 5px 15px 5px 15px;   
    background-image: linear-gradient(95deg, #67CEA3 0%, #13AE6D 100%) !important;
    line-height: 30px;
}
.sp-megamenu-parent>li.active>a.menubuttonmitglied, .sp-megamenu-parent>li.active:hover>a.menubuttonmitglied {
    color: #D9D0D0 !important;
    background-image: linear-gradient(95deg, #1A8256 0%, #67CEA3 100%) !important;}
.slidertextzeile{padding: 300px 0px 0px 0px;}
.sppb-addon-text {line-height: 1.5em;}
.bildlinks {float:left; }








@media (max-width: 1500.98px) {
 body #sp-footer, body #sp-bottom {
    background-color: #4d4d4d !important;
  }   
}

@media (max-width: 1199.98px) {

#sppb-addon-1623316752076 #btn-1623316752076.sppb-btn-custom { font-size: 10px !important; padding: 5px 10px  5px 10px !important;}  
.sp-megamenu-parent>li>a.menubuttonmitglied {
    font-size: 15px;
    letter-spacing: 1px;}
 #section-id-1622440030764 >.sppb-row-container > .sppb-row > div {
     margin: auto;}   
  
    
    
}


@media (max-width: 991.98px) {
h1 {font-size: 35px !important; }
h2 {font-size: 30px !important;}
h3 {font-size: 27px !important;}
h4 {font-size: 25px !important;}
h5 {font-size: 22px !important;}    
}
@media (max-width: 767.98px) {
h1 {font-size: 33px !important; }
h2 {font-size: 28px !important;}
h3 {font-size: 25px !important;}
h4 {font-size: 23px !important;}
h5 {font-size: 20px !important;}    
    
.slidertextzeile{padding: 200px 0px 0px 0px;}
}