/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 05 2025 | 20:19:13 */
html{
  scroll-behavior: smooth;
  scrollbar-width: thin;
}
.skip-link.screen-reader-text{visibility:hidden;}

:where(.wp-site-blocks *:focus){outline-width:0px;outline-style:solid}
main{
	position: relative;
	& .zertifikat{
		position: fixed;
        top: 45vh;
        right: 4vw;
        width: clamp(80px, 8.5vw, 120px);
		& .bild_1{
			max-width:70%;
		}
		@media only screen and (max-width: 767px){
			position: absolute;
			top: 66vh;
			& .bild_1{
				margin: 0;
			}
		}
	}
}

h1,h2,h3,h4,h5,h6{margin: 0;}
p{
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
& a{
  text-decoration: underline var(--wp--preset--color--contrast-3);
	color: var(--wp--preset--color--contrast-3);
 }
	.pMarginUnten &{
		margin: 0 0 5px 0;
	}
}

header{
padding: 10px 10px 30px clamp(15px, 7vw, 60px) !important;
background: var(--wp--preset--color--base);
position: sticky !important;
top: -30px;
min-height: 150px;
 & .logo{
  & img{
  width: clamp(250px, 25vw, 400px) !   important;
  }
  margin: 0 2vw 0 2vw;
 }
 & nav.wp-block-navigation{
   width: max-content !important;
   margin: 18px 0 0 3vw !important;
	  @media only screen and (max-width: 600px){
		position: absolute !important;
		  right: -25vw;
		  top: -15px;
		  }
   & li{
    margin-right: 2vw;
	   &.current-menu-item{
		   color: var(--wp--preset--color--contrast-3);
	   }
	   &.home{
		   display : none;
		   @media only screen and (max-width: 595px){
			   display: block;
		   }
	   }
   }
 }
	@media only screen and (max-width: 976px) and (orientation: landscape){
		position: relative !important;
		top: 0;
	}
	@media only screen and (max-width: 767px){
		padding: 0 !important;
		min-height: 100px;
		top: -15px;
	}
	.wp-block-navigation__responsive-container-open svg{
		width: 45px;
		height: 45px;
	}
	& .wp-block-navigation__responsive-container{
		bottom: unset;
		padding-bottom: 50px !important;
	}
}

.banner{
	min-height: clamp(130px, 12vw, 400px );
 & figure{
   grid-area: 1/1/2/2;
   max-width: 60%;
   margin: 2vw 0;
	 @media only screen and (max-width: 767px){
		 max-width: 100%;
	 }
 }
 & .zitat{
   grid-area: 1/2/2/4;
	 color: #fff;
	 font-size: clamp(16px, 2.2vw, 25px);
	 line-height: 1.2;
	 font-style: italic;
	 font-weight: 300;
	 & mark{
		 font-size: 0.5em;
		 font-weight: lighter;
		 color: #fff;
	     text-shadow: 1px 1px 8px #999;
		 /*.home &{
			 font-family: var(--wp--preset--font-family--waterfallregular);
			 font-size: inherit;
			 font-weight: bold;
		 }*/
	 }
 }
}

.trenner{
margin-block-start: 0;
transform: translateY(-8px);
}

.inhalt{
 margin-top: 60px;
 & .cont{
  width:clamp(320px, 80vw, 1000px) !important;
&:has(.rechts){
    justify-content: flex-end;
  }
 & .rechts{
   width: calc(100% - 6vw) !important;
 }
  & mark{
     margin-right: 15px;
     font-size: 0.9em;  
  }
		& .infos{
			& p{margin: 0;}
			& .anmelden{
				& a{
					font-size:var(--wp--preset--font-size--medium);
					padding-left: 0;
					text-decoration: underline var(--wp--preset--color--contrast-3);
					color: var(--wp--preset--color--contrast-3) !important;
				}
			}
		}
	 & .liste{
		 margin-block-start: 0.2rem;
		 & p{
			 margin: 0;
		 }
		 & .eins{
			 & p{
				 font-style: italic;
				 font-size: 0.9em;
			 }
		 }
	 }
 }
 & .neu{
    position: absolute !important;
    left: 0%;
    top: 1%;
	max-width: max-content; 
	 @media only screen and (max-width: 976px){
		 top: -30px;
		 left: -30px;
	 }
	 & figure{
		 width:50px;
	 }
  }
	& .bildCont{
		& img{
			width: 100%;
		}
	}
  & h1{margin-bottom: 15px;}
  & h2{margin-bottom: 12px;}
  & h3{margin-bottom: 12px;}  
  & .bild1{width: 120px;}
  &:last-of-type { 
   margin-bottom: clamp(80px, 7vw, 120px);
   }
	&:not(:first-of-type, .nein){
		margin-top: clamp(50px, 5vw, 100px);
		& h2{
			color: var(--wp--preset--color--contrast-3);
		}
	}
}

 .hg_unten{
   position: absolute !important;
   bottom: 0;
   right: 0;
   width: max-content !important;
	 z-index: -1;
   & .hg-bild{
     width: clamp(100px, 35vw, 600px) !   
      important; 
     aspect-ratio: 4/3;
     margin: 0 !important;
     & figure{
      margin: 0;
      width: 60% !important;
     }
	   & p{
		   margin: -3px 0 4vw 0;
	       text-shadow: 1px 1px 8px #999;
	   }
   }
  }

.gefixed{
  position: fixed !important;
  bottom:0;
  right: 0;
 }

 #toTop{
  position: fixed;
  right: 25px;
  bottom: 7px;
  transform: scale(0);
  transition: all 0.4s;
	 z-index: 5;
  &.da{transform: scale(1);}
  }

footer{
position: fixed !important;
bottom: 0;
width: 100%;
	& p:has(.rcb-sc-link) {
			margin: 0;
		    max-width: max-content;
		    position: absolute !important;
		left: 10px;
		bottom: 10px;
		z-index:2;
		& button{
			padding: 5px;
			font-size: 0.7rem;
			background: var(--wp--preset--color--custom-dunkelblau);
			border: none;
			border-radius: 3px;
			color: #fff;
			transition: all ease-in-out 0.3s;
			&:hover{
				transform: scale(1.1);
			}
		 }
		@media only screen and (max-width: 600px){
			bottom: 52px;
		}
		}
   & span{
     font-size: 0.7em
	}
}
.display_none{
display:none !important;}

.has-global-padding{
margin: 0 !important;
padding: 0 !important;
}
.marginNull{
	margin: 0;
}
/*Newsletter */
.tnp-subscription{
	& input{
		&.tnp-submit{
			background: linear-gradient(45deg, #78b450f2 9%, #64b5c8e6 52%);
		}
	}
}