/* FÜRST SCHÄDLINGSBEKÄMPFUNG 2026 */

 
    
/* mittelblau:  rgba(0,159,227,1.0)   #009fe3   */



/* BARRIEREFREI ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* gelb:        rgba(255,228,0,1.0)   #ffe400   */

/* hellblau:    rgba(133,218,255,1.0)   #85daff   */
  
/* mittelblau:  rgba(0,40,218,1.0)   #0345bf   */

/* dunkelblau:  rgba(0,65,95,1.0)   #00415f  */

/* tiefblau:    rgba(10,45,56,1.0)   #0a2d38  */



/* copy:  rgba(0,20,35,1.0) superdunkel   #001423   */


  

/* FONTS ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
/* open-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: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-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: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-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: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* TYPO ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}
h1 {
	font-size: 26px;
	font-weight: bold;
	
}
h2 {
	font-size: 20px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 10px;	
}
h3 {
	font-size: 18px;
	
}
h3 {
	font-size: 16px;
	font-weight: 700;
	
}
/* HEADER SLIDER ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#sp-sectionheader {
	position: fixed;
	height:120px;
	background-color: white;
   top:0;
   right:0;
   left:0;
   z-index: 9999;
   transition: transform .9s .2s ease-in-out;
}
.down #sp-sectionheader {
   transform: translate3d(0, -200px, 0);
}
#sp-menutop {
	position: fixed;
	height:40px;
	background-color: white;
   top:120px;
   right:0;
   left:0;
   z-index: 9998;
   transition: transform .9s .2s ease-in-out;
}
.down #sp-menutop {
   transform: translate3d(0, -200px, 0);
}
#sp-main-body {
	padding-top: 230px;
	padding-bottom: 60px;
}
.layout-boxed .body-innerwrapper {
  box-shadow: 0 0 0px rgba(0,0,0,.2);
  border-left: 1px solid rgba(0,0,0,.1);
  border-right: 1px solid rgba(0,0,0,.1);
}
@media (max-width: 768px) {
	#sp-sectionheader {
	position: fixed;
	height:80px;
	background-color: white;
   top:0;
   right:0;
   left:0;
   z-index: 9996;
   transition: transform .4s .1s ease-in-out;
}
.down #sp-sectionheader {
   transform: translate3d(0, -160px, 0);
}
#sp-telefon-mobil {
	position: fixed;
	height:37px;
	background-color: white;
   top:110px;
   right:0;
   left:0;
   z-index: 9990;
   transition: transform .4s .1s ease-in-out;
}
.down #sp-telefon-mobil {
   transform: translate3d(0, -147px, 0);
}
#sp-menutop {
	position: fixed;
	height:0px;
	background-color: white;
   top:144px;
   right:0;
   left:0;
   z-index: 9999 !important;
   transition: transform .4s .1s ease-in-out;
}
.down #sp-menutop {
   transform: translate3d(0, -144px, 0);
}
#sp-main-body {
	padding-top: 150px;
}
#sp-logo {
	background-color: white;
}
}
@media (max-width: 576px) {
	#sp-sectionheader {
	position: fixed;
	height:80px;
	background-color: white;
   top:0;
   right:0;
   left:0;
   z-index: 9996;
   transition: transform .4s .1s ease-in-out;
}
.down #sp-sectionheader {
   transform: translate3d(0, -120px, 0);
}
#sp-telefon-mobil {
	position: fixed;
	height:37px;
	background-color: white;
   top:80px;
   right:0;
   left:0;
   z-index: 9990;
   transition: transform .4s .1s ease-in-out;
}
.down #sp-telefon-mobil {
   transform: translate3d(0, -117px, 0);
}
#sp-menutop {
	position: fixed;
	height:0px;
   top:115px;
   right:0;
   left:0;
   z-index: 9999 !important;
   transition: transform .4s .1s ease-in-out;
}
.down #sp-menutop {
   transform: translate3d(0, -115px, 0);
}
#sp-main-body {
	padding-top: 130px;
}
}
/* INDEX ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#sp-logo {
margin-top: 10px;
}
img {
  max-width: 100%;
  height: auto;
  margin: 7px 15px 15px 15px;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
  color: #fff;
  background: #00415f;
}
#mod-custom128 {
	background-color: #0379AB;
padding: 20px 20px 30px 20px;
margin: 40px 0px
}
#mod-custom128 p.bottom-phone-frage {
  line-height: 32px;
}
@media (max-width: 576px) {
#mod-custom128 p.bottom-phone-frage {
  line-height: 24px;
}
/*img {
	width: 100% !important;
	height: auto !important;
}*/
}

/* CALL-TO-ACTION HEADER  ––––––––––––––––––––––––––––––––––––––– */
#sp-top1 {
	padding: 0px 10px;
}
.headertelefon {
	  text-align: center;
	  padding: 10px 0 0 0;
}
.headertelefon p {
	font-size: 18px;
	font-weight: bold;
	color: #0379ab;
	margin: 0;
}
p.header-phone-zeiten {
    font-size: 14px;
}
p.header-phone {
  font-size: clamp(
    20px,
    calc(20px + (33 - 20) * ((100vw - 320px) / (1600 - 320))),
    33px
    );
  	margin: 5px 0;
  	text-align: center;
  	background-color: #00415f;
  	border-radius: 0px 0px 22px 0px;
    padding:8px;
    width: 55%;
    	margin-left: auto;
	margin-right: auto;
   
}
.header-phone a{
    color: white;
    font-weight: bold;
}
p.header-phone:hover{
    box-shadow: 0 -8px 0 0 #ffe400 inset;
    background-color: #00628c;
}
.header-phone a[href^="tel:"]::before {
    padding-left: 1.0em;
    content: '';
    background-image: url('/images/telefonhoerer.svg');
    background-repeat: no-repeat; 
    background-size: 70%;
    background-position: center center
}
.logo-image {
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    margin-bottom: 0px;
}
@media (max-width: 768px) {
p.header-phone {
	font-size: 18px !important;
	border-radius: 0px 0px 20px 0px;
	line-height: 20px !important;
	margin: 0;
	width: 50%;
    margin-left: auto;
	margin-right: auto;
}
p.header-phone:hover{
    box-shadow: 0 -5px 0 0 #ffe400 inset;
}
.headertelefon p {
	font-size: 13px;
}
.headertelefon {
  padding: 0 0 0 0;
  background-color: #ffe400;
}
#sp-menu {
  background-color: transparent !important;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  top: -77px !important;
}
}
/* CALL-TO-ACTION BOTTOM  ––––––––––––––––––––––––––––––––––– */
#sp-bottom1 {
	padding: 20px 10px;
	background-color: #0379ab;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}
.telefonbottom {
	  text-align: center;
	  padding: 10px 0 0 0;
}
.telefonbottom p {
	font-size: 25px;
	font-weight: bold;
	color: white;
	margin: 0;
	line-height: 25px;
}
p.bottom-phone-frage {
    font-size: 25px;
}
p.bottom-phone-zeiten, p.bottom-phone-subline {
    font-size: 16px;
}
p.bottom-phone {
  font-size: clamp(
    30px,
    calc(30px + (40 - 30) * ((100vw - 320px) / (1600 - 320))),
    40px
    );
  	  margin: 15px 0;
  text-align: center;
  background-color: white;
border-radius: 0px 0px 40px 0px;
    padding:8px;
    width: 60%;
    margin-left: auto;
	margin-right: auto;
	line-height: 60px;	
}
.bottom-phone a{
    color: #00415f;
    font-weight: bold;
}
p.bottom-phone:hover{
    box-shadow: 0 -8px 0 0 #ffe400 inset;
}
.bottom-phone a[href^="tel:"]::before {
    padding-left: 1.0em;
    content: '';
    background-image: url('/images/telefonhoerer-blau.svg');
    background-repeat: no-repeat; 
    background-size: 70%;
    background-position: center center
}

@media (max-width: 576px) {
p.bottom-phone {
	font-size: 25px !important;
	    width: 70%;
	    border-radius: 0px 0px 30px 0px;
  line-height: 35px !important;
   margin: 7px 0;
       margin-left: auto;
	margin-right: auto;
}
p.bottom-phone:hover{
    box-shadow: 0 -5px 0 0 #ffe400 inset;
}
}
@media (max-width: 576px) {
.telefonbottom p {
	font-size: 18px;
	line-height: 25px;
}
p.bottom-phone-zeiten, p.bottom-phone-subline {
    font-size: 12px;
}
}
/* CALL-TO-ACTION CONTENT  –––––––––––––––––––––––––– */


/* MENÜ ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

#sp-menu {
flex: 1;
display: flex;
justify-content: space-around;
background-color: #ffe400;
padding-top: 20px;
height: 40px;
margin-top: 20px;
}
#sp-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#sp-menu li {
	padding: 0px 10px 0px 5px;
  border-radius: 0px 0px 20px 0px;
  background-color: #00628c;
  margin: 0px 10px;
}
#sp-menu li:hover, #sp-menutop li.active {
  border-bottom: solid 5px #ffe400;
}
#sp-menu li a {
	color: white;
	line-height: 35px;
	font-weight: bold;
	font-size: 16px;
}
#sp-menu li.active > a, #sp-menutop a:hover {
	color: white;  /* #ffe400 */
}
.sp-megamenu-parent > li:last-child > a {
  padding: 0px 0px 0px 10px;
}

/* SUBMENUE ––––––––––––––––––––––––––––––– */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px;
}
#sp-menu .sp-dropdown-inner li {
  background-color: white;
  border-radius: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#sp-menu .sp-dropdown-inner li a {
  color: #00628c;
  text-transform: none;
  font-size: 14px;
  text-align: left;
  padding-left: 10px;
}
#sp-menu .sp-dropdown-inner li:hover {
  color: #00628c;
  border-bottom: none;
  background-color:  #00628c;
}
#sp-menu .sp-dropdown-inner li a:hover {
  color: white;
}

/* MENÜ OFFCANVAS ––––––––––––––––––––––––––––––– */
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
  position: absolute;	
  float: right;
  right: 50px;
  top: -20px;
}
.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 {
  color: #00415f;
  border-left: solid 8px #00415f;
}

/* ANKER VERSATZ ––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* FOOTER ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
#sp-footer {
  font-size: 16px;
  font-weight: bold;
}
#sp-footer a:hover {
  text-decoration: underline;
  text-underline-offset: 0.35em;
  text-decoration-thickness: 2px;
  display: inline-block;
  color: white;
}
#sp-footer1 {
    display: flex;
  justify-content: center;
  width: 100%;
  line-height: 25px;
  text-align: center;
}
#sp-footer2 {
    display: flex;
  justify-content: center;
  width: 100%;
margin-top: 20px;
font-size: 14px;
border-top: 1px solid white;
padding-top: 17px;
}


/* DIVERS ––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* MEDIA QUERIES –––––––––––––––––––––––––––––––– */

@media (max-width: 1248px) {
{
}
}
@media (min-width: 990px) and (max-width: 1090px)
{
{
}


/*
#sp-apex-telefon {			
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.4) 
}
#sp-header {
  box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.0) !important;
  }
#sp-header.header-sticky {
  top: 120px;
  padding: 5px 0px 0px 0px;

  transition: all 0.5s ease;
  animation: smoothScroll 1s forwards;
  z-index:9;
}
#sp-logo {						
	background-color: #e0612d;
	padding: 10px 20px 0px 40px;
	}
#sp-position1 {						
	padding-left: 0px;
	background-color: white;
}

#sp-header .sp-module {
  margin-left: auto;
  margin-right: auto;
}


#sp-top1 img {
	height: auto;
	width: 100%;
}
#sp-headerbild {
	display:block;
	}
.container-call-to-action { 
  display: grid; 

  margin:30px 0px 30px 0px;
  grid-gap: 0px 10px;
  float: left;
  width: 100%;
} 
.call-to-action-text { 
  background-color:rgba(223, 223, 223, 0.7); 
  grid-column-start:1; 
  grid-column-end:2; 
  align-items:center;
  padding:10px 10px 0px 10px;
  text-align:center;  
}
.call-to-action-text p { 
color:#188845;
line-height: 24px;
font-size: 17px;
} 
.call-to-action-text a {
  color: #188845 !important;
border-bottom: thin dotted;
}
.call-to-action-text a:hover {
  color: #e0612d !important;
}
.call-to-action-phone { 
  background:#e0612d; 
  grid-column-start:2; 
  grid-column-end:5; 
  align-items:start;
  padding:12px 10px 0px 10px;
display: flex;
align-items: center;
justify-content: center;
line-height: 0px;
} 
.call-to-action-phone p { 
color:white;
line-height: 20px;
text-align: center;
} 
.call-to-action-phone a{
    color:white !important;
    font-weight: bold;
    border-bottom: none !important;
    font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1600 - 320)));

}
.call-to-action-phone a:hover{
    color: #188845 !important;
}
.call-to-action-phone a[href^="tel:"]::before {
    padding-left: 1.0em;
    content: '';
    background-image: url('/images/header/telefonhoerer-weiss.svg');
    background-repeat: no-repeat; 
    background-size: 70%;
    background-position: center;
}
#mod-custom153 .container-call-to-action {
	float: none;
}
*/
