/* Custom CSS, Copyright by www.web2use.ch */


/**************************************

            Allgemein

**************************************/
html, body {
  height: 100%;
  width: 100%;
} 




html, body {text-align: left;}
.body-innerwrapper {
  overflow-x: visible !important;
}
#sp-page-builder .page-content .sppb-section.sppb-sticky-it, #sp-page-builder .sppb-section.sppb-sticky-it{
    top: auto;
}
a {color: #d1091c}
a:hover, a:focus, a:active {color: #d1091c;}


h1, .sppb-addon-header h1 .sppb-addon-title {padding-bottom: 50px !important;}


body .sppb-btn, body .btn {text-transform: none;}
body .sppb-btn.sppb-btn-default, body .sppb-btn.sppb-btn-primary, body .sppb-btn.btn-primary, body .btn.sppb-btn-default, body .btn.sppb-btn-primary, body .btn.btn-primary, body.home .sppb-btn.sppb-btn-primary {background:#d1091c; color: #fff; border: 1px solid #d1091c; font-size: 20px; transition: all 0.5s !important;}
body.home .sppb-btn.sppb-btn-primary { border-radius: 50%;width: 250px !important; height: 250px;margin-bottom: 2px; }
body .sppb-btn.sppb-btn-default:hover, body .sppb-btn.sppb-btn-default:focus, body .sppb-btn.sppb-btn-default:active, body .sppb-btn.sppb-btn-primary:hover, body .sppb-btn.sppb-btn-primary:focus, body .sppb-btn.sppb-btn-primary:active, body .sppb-btn.btn-primary:hover, body .sppb-btn.btn-primary:focus, body .sppb-btn.btn-primary:active, body .btn.sppb-btn-default:hover, body .btn.sppb-btn-default:focus, body .btn.sppb-btn-default:active, body .btn.sppb-btn-primary:hover, body .btn.sppb-btn-primary:focus, body .btn.sppb-btn-primary:active, body .btn.btn-primary:hover, body .btn.btn-primary:focus, body .btn.btn-primary:active,body.home .sppb-btn.sppb-btn-primary:hover {background:#d1091c;; color: #fff; border: 1px solid #d1091c;; transition: all 0.5s !important;}

body.home .sppb-btn.sppb-btn-primary {padding: 25px; text-align: center; }


body.home a.sppb-btn.sppb-btn-primary {color: #fff !important; padding-top: 80px;}


input[type="text"], input[type="email"], input[type="url"], input[type="date"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], .sppb-form-control, .sppb-form-group .sppb-form-control {border: 1px solid #d1091c;;}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="date"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, .sppb-form-control:focus, .sppb-form-group .sppb-form-control:focus {
  border-color: #d1091c;}
.form-check-input:checked {
  background: #d1091c;
    background-image: none;
  border-color: #d1091c;
}


.invalid, .list-group .list-group-item { color: #d1091c;}


/**************************************

            Header

**************************************/

#sp-header {background: #fff;}

#sp-header.full-header {padding-left: 25px; padding-right: 25px;}

.logo-image {border-radius: 8px;}

/**************************************

            Topnavigation

**************************************/

.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div:nth-child(1) {border-right: none;}

.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div:nth-child(1),
.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .row > div:nth-child(3) {
  background-color: #e9e9e9;
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-dropdown-mega .sp-mega-group > li > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a{ color: #d1091c;}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a { color: #d1091c;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 18px;font-weight: 400;}

.sp-dropdown-main.sp-dropdown-mega .sp-dropdown-inner .sp-mega-group > li > a::after {display: none;}

.sp-megamenu-parent .sp-mega-group > li > a {text-transform: none;}


.menu_item a.fazit {margin: 30px 0;}

.nav-pills li {width: 100%;}

.sp-megamenu-parent > li > a {
  color: #000;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 20px;}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}


/**************************************

            Off-Canvas

**************************************/







@media (max-width: 990px) {

	#sp-page-builder .page-content .sppb-section.sppb-sticky-it,  .sppb-section.sppb-sticky-it {
  position: relative !important;
}
	
}


/**************************************

            Inhalt

**************************************/


#sp-main-body {margin-bottom: 150px;}

.caption {font-size: 14px; margin-top: 10px; font-style: italic;}	

.argumente {padding: 20px; border: 1px solid #000; border-radius: 10px; margin-bottom: 30px; transition: all 0.5s;cursor: pointer;}
.argumente:hover { border: 1px solid #D1091C; background:rgba(209, 9, 28, 0.1); transition: all 0.3s;}
.argumente h3 {font-size: 22px; color:#D1091C;}
.argumente img {max-width: 100px; height: auto;}

.argumentlink, .eb-btn:last-child {cursor: pointer; border: 1px solid #D1091C; padding: 10px 20px; border-radius: 6px; background: #D1091C !important; color:#fff !important; transition: all 0.5s; margin-top: 50px;}
.argumentlink:hover, .eb-btn:last-child:hover {border: 1px solid #D1091C; border-radius: 6px; background: transparent !important; color: #D1091C !important;transition: all 0.5s; }
p.featurebutton {margin-top: 40px;}


.eb-dialog {
  font-size: 16px;
}



/* FAQ */

.sprechblase-frage {
    position: relative;
	background: #D1091C;
    border: 2px solid #D1091C;
    border-radius: 40px;
    padding: 15px 30px 0px;
	margin: 0 30px 20px;
	z-index: 10000;
	color: #fff;
	font-weight: 600;
	font-size: 24px;
}

.sprechblase-frage::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: -27px; /* Anpassung, um den Pfeil am linken Rand zu positionieren */
    width: 85px; /* Breite der Grafik */
    height: 35px; /* Höhe der Grafik */
    background-image: url('images/sprechblase_frage.png'); /* URL zur Grafik */
    background-size: cover; /* Anpassen der Größe der Grafik */
    background-repeat: no-repeat; /* Verhindern von Wiederholung */
    border: none; /* Entfernen der normalen Pfeilspitze */
	z-index: -1;
}

.sprechblase-antwort {
    position: relative;
	background: #BDC6CB;
    border: 2px solid #BDC6CB;
    border-radius: 40px;
    padding: 15px 30px;
	margin: 0 30px;
	z-index: 10000;
	color: #000;
}

.sprechblase-antwort::after {
    content: '';
    position: absolute;
    bottom: -5px;
    right: -23px; /* Anpassung, um den Pfeil am linken Rand zu positionieren */
    width: 85px; /* Breite der Grafik */
    height: 35px; /* Höhe der Grafik */
    background-image: url('images/sprechblase_antwort.png'); /* URL zur Grafik */
    background-size: cover; /* Anpassen der Größe der Grafik */
    background-repeat: no-repeat; /* Verhindern von Wiederholung */
    border: none; /* Entfernen der normalen Pfeilspitze */
	z-index: -1;
}




.content {
  display: flex;
  position: relative; /* Container for absolute positioning */
}



.seitennavigation li a {
  border: 1px solid #D1091C !important;
  background-color: #D1091C !important;
  color: #fff !important;
  width: 100%;
  margin-bottom: 4px;
}


.seitennavigation li a:hover {
  background-color: #fff !important;
  color: #D1091C !important;
  width: 100%;
  margin-bottom: 4px;
}



#sp-title .sppb-btn-custom { display: none;}

/**************************************

            Randspalte

**************************************/








/**************************************

            Footer

**************************************/


#sp-bottom, #sp-footer {background: #d1091c;; z-index: 10000;}
#sp-bottom::after {display:none;}


#sp-bottom a, #sp-footer a {color: #fff;}
#sp-bottom a:hover, #sp-footer a:hover {color: rgba(255,255,255,0.4);}

#sp-footer {padding: 80px 0 50px;}



#sp-bottom input[type="text"],#sp-bottom input[type="email"],#sp-bottom input[type="url"],#sp-bottom input[type="date"],#sp-bottom input[type="password"],#sp-bottom input[type="search"],#sp-bottom input[type="tel"],#sp-bottom input[type="number"],#sp-bottom .sppb-form-control,#sp-bottom .sppb-form-group .sppb-form-control {
  border: 1px solid #fff;
}
#sp-bottom .form-control::placeholder {color: rgba(255,255,255,0.4) !important;}

#sp-bottom, #sp-footer {
  text-align: left;
}

body.home .btn.btn-primary, body.home .sppb-btn.sppb-btn-primary {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-size: 20px;
  transition: all 0.5s !important;
}


body #sp-bottom .btn.btn-primary {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

body #sp-bottom .btn.btn-primary:hover {
  background: rgba(255,255,255,0.3) !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

#sp-bottom .sp-module .mod-languages ul > li {
  display: inline-block;
  margin-bottom: 15px;
}

#sp-bottom4 label {color: #fff;}


.sp-scroll-up { box-shadow: #fff 0px 0px 3px !important; z-index: 10000;}


.mod-languages {
  text-align: right;
}

/**************************************

            Mediaqueries

**************************************/

.burger-icon > span { }
.burger-icon {width: 30px;margin-right: 10px; }
.burger-icon span:first-child {width: 40px;margin: 6px 0 0 0px; transition: all 0.5s;}
.burger-icon span:last-child {width: 30px;margin: 6px 0 0 10px; transition: all 0.5s;}
.burger-icon span {width: 35px;margin: 6px 0 0 5px; transition: all 0.5s;background-color: #d1091c;height: 5px;border-radius: 3px;}


.offcanvas-active .burger-icon span:first-child, .offcanvas-active .burger-icon span:last-child, .offcanvas-active .burger-icon span {width: 25px;margin: 5px 0;transition: all 0.5s;}


.offcanvas-active .close-offcanvas .burger-icon > span {height: 2px;}



@media (max-width: 1249px) {



.menu-toggler {width: 100%; text-align: right;right: 0px !important;}	
.offcanvas-menu { width: 400px;}
body.ltr.offcanvs-position-right .offcanvas-menu {right: -400px;}
	
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus,.offcanvas-menu .offcanvas-inner ul.menu > li.active a {color: #d1091c !important;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.active li a {color: #000 !important;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.active li.active a {color: #d1091c !important;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.active li.active li a {color: #000 !important;}
	.offcanvas-menu .offcanvas-inner ul.menu > li.active li.active li.active a {color: #d1091c !important;}
	*[class*="tipthemeflat"] p {font-size: 13px !important;line-height: 19px;}
	
	.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {font-size: 24px; padding: 15px 0 0 20px; line-height: 28px;}

}


@media screen and (min-width: 768px) and (max-width: 989px) {
 
	
}


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


}



	
@media (max-width: 500px) {
	.logo-image {height: 60px; width: auto;}
#sp-header.full-header {padding-left: 0px;padding-right: 0px;}

}



@media (max-width: 408px) {
	
.offcanvas-menu { width: 300px;}
body.ltr.offcanvs-position-right .offcanvas-menu {right: -300px;}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {text-align: right;}

}

@media (min-width: 990px) {
#sp-footer2 p {text-align: right}

}	
	
@media screen and (min-width: 990px) and (max-width: 1249px) {
	h1 {font-size: 48px;}	
	.logo-image {height: 80px; width: auto;}
#sp-header.full-header-center #offcanvas-toggler.mega, #sp-header.header-with-modal-menu #offcanvas-toggler.mega, #sp-header.full-header-left #offcanvas-toggler.mega, #sp-header.lg-header #offcanvas-toggler.mega, #sp-header.header-with-social #offcanvas-toggler.mega { display: flex !important; }


	.sp-megamenu-parent {display: none !important; }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
.logo-image {height: 80px; width: auto;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {padding: 0 10px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {font-size: 22px;}
	
}

@media (min-width: 768px) {

.inhalt {
  position: sticky !important;
  top: 150px !important; /* Anpassen, falls nötig */
  max-height: calc(100vh - 40px) !important; /* Adjust as needed */
  overflow-y: auto !important;
  padding: 10px !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #ddd !important;
	margin-bottom: 150px !important;
	display: inline-block !important;
}

	.sticky, #column-wrap-id-faa830cd-91fa-4ac2-8822-f0a27a479484 {
  width: 100%;
  height: 120px;
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
  font-size: 1.2em;
  font-weight: 400;
}
	
.sticky div, sppb-addon-wrapper-1711619336185 {
  width: 30%;
  display: inline-block;
  background: hsla(210,60%,50%,0.8);
  height: 80px;
  margin: 1em 2px;
  text-align: center;
  color: white;
  padding: 15px;
  box-sizing: border-box;

}
}

@media (min-width: 1400px) {

}





@media (max-width: 1500px) {
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 10px;
}
}