/* stand 16.04.2026 */



  /* =========================
     DESIGN
  ========================= */
:root {
  --wf-page-maxwidth: 1930px;
  --wf-wf-header-gap-top:80px;
  --wf-wf-header-gap-top-lg:140px;
  --wf-navi-fixed-hg: #91b794;
  --wf-navi-menu: 'Atten New';
  --wf-page-font-family: 'Nunito';
  --wf-page-font-weight: 400;
  --wf-page-line-height: 1.45;
  --wf-page-font-color: #3d505b;
  --wf-page-font-size: 17px;
  --wf-page-background: #fdfcf9;
  
  --wf-page-strong-font-weight: 700;	
  --wf-page-strong-font-color: #3d505b;  
  --wf-page-gap-font: 1.25rem;
  --wf-page-gap-font-second: 0.75rem;
  --wf-headline-font-family: 'Baloo 2';
  --wf-second-font-family: 'DK Lemon Yellow Sun';


  --wf-body-link-color: #d83469;
  --wf-body-link-color-hover: #4f5569;
  --wf-icons-iconfont: 'iconfont';
  --wf-btn-link-item-background: #fff;
  --wf-btn-link-item-color: #d83469;
  --wf-btn-link-item-hover-background: #4f5569;
  --wf-btn-link-minwidth: 270px;
  --wf-liste-color: #4f5569; 
  
  --wf-color1: #fff;
  --wf-color2: #000; 
  --wf-color3: #91b794; /* Grün */
  --wf-color4: #f3cc74; /* Gelb */
  --wf-color5: #6cb6bc; /* Türkis */
  --wf-color6: #bb98b1; /* Viollet */
  --wf-color7: #e4a76c; /* Gold */
  --wf-color8: #fdfcf9; /* Beige soft */
  --wf-color9: #f9f2e7; /* Beige */
  --wf-color10: #91b794; /* Hell Grüng */
  --wf-acc-booking: #91b794;



  /* =========================
     TYPOGRAPHY (FLUID)
  ========================= */

  --wf-fs-base: clamp(17px, 0.8vw + 0.5rem, 18px);
  --wf-fs-ratio: 1.25;

  /* Headlines getrennt */
  --wf-headline-min: 28px;
  --wf-headline-fluid: 2vw + 1rem;
  --wf-headline-max: 45px;
  
  /* Headlines 2 getrennt */
  --wf-headline-2-min: 19px;
  --wf-headline-2-fluid: 2vw + 0.5rem;
  --wf-headline-2-max: 25px;
  
  
  /* Headlines b */
   --wf-headline-b: clamp(17px, 0.8vw + 0.5rem, 23px);

  /* Titel 1 */
  --wf-titel-1: 40px;
  
  /* Titel 2 */
  --wf-titel-2: 35px;

  /* Titel 3 */
  --wf-titel-3: 33px;
  
  /* Titel 4 */
  --mk-22-titel: 21px;  
}

@media (min-width: 576px) {
:root {
  --wf-headline-min: 35px;
  --wf-headline-max: 40px;
  --wf-titel-2: 50px;
  --wf-titel-3: 41px;
  --mk-22-titel: 26px;    
}

}

@media (min-width: 992px) {
:root {
  --wf-titel-3: 40px;
}

}

@media (min-width: 1200px) {
:root {
  --wf-titel-3: 50px;
}

}

@media (min-width: 1400px) {
:root {	
  --wf-headline-min: 38px;
  --wf-headline-max: 45px;
  --wf-titel-3: 58px;
}

}

@media (min-width: 1600px) {
:root {	
  --wf-titel-3: 62px;
}

}


.wf-pagefont {
  font-family: Arial, Helvetica, Geneva, sans-serif;

  font-family: var(--wf-page-font-family);
  font-weight: var(--wf-page-font-weight);
  line-height: var(--wf-page-line-height);
  color: var(--wf-page-font-color);
  font-size: var(--wf-fs-base);
  position: relative !important;
  background-color: var(--wf-page-background);
  letter-spacing:0.03em;
  hyphens: auto;
  hyphenate-limit-chars: 14 5 4;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

.wf-headline {
  font-family: var(--wf-headline-font-family);
  font-size: clamp(var(--wf-headline-min), var(--wf-headline-fluid), var(--wf-headline-max));

  font-style: normal;
  font-weight:600;
  line-height:0.9em;
  
}

.wf-subheadline {
    font-family: var(--wf-page-font-family);
    font-size: clamp(var(--wf-headline-2-min), var(--wf-headline-2-fluid), var(--wf-headline-2-max));
    font-style: normal;
    font-weight:400;
    line-height:1.2em;
  
}

.wf-titel-1 {
  font-size: var(--wf-titel-1);
  font-family: var(--wf-headline-font-family);

  font-style: normal;
  font-weight:600;
  line-height:0.9em;
}

.wf-titel-2 {
  font-family: var(--wf-second-font-family);
  font-weight: 400;
  font-size: var(--wf-titel-2);
  text-transform: none;
  line-height:1.2em;
}

.wf-titel-3 {
  font-family: var(--wf-headline-font-family);
  font-size: var(--wf-titel-3);
  font-style: normal;
  font-weight:600;
  line-height:1em;
}

.mk-22-titel {
  font-family: var(--wf-headline-font-family);
  font-size: var(--mk-22-titel);
  font-style: normal;
  font-weight:600;
  line-height:1.2em;
  color: var(--wf-color3);
}


.wf-body-title h2,
.wf-body-title h3 {
    font-family: var(--wf-page-font-family);
    font-size: clamp(var(--wf-headline-2-min), var(--wf-headline-2-fluid), var(--wf-headline-2-max));
    font-style: normal;
    font-weight:400;
    line-height:1.2em
}


.wf-gap-font p {
	padding-bottom: var(--wf-page-gap-font);
}

.wf-gap-font p:last-child {
	padding-bottom:0;
}

.wf-gap-font-second p {
	padding-bottom: var(--wf-page-gap-font-second);
}

.wf-gap-font-second p:last-child {
	padding-bottom:0;
}


.wf-gap-font-second p:has(+ ul),
.wf-gap-font-second p:has(+ ol),
.wf-gap-font p:has(+ ul),
.wf-gap-font p:has(+ ol) {
    padding-bottom: 0;
}

.wf-font-uppercase {
	text-transform:uppercase;
}

.wf-font-300 {
	font-weight:300;
}

.wf-font-400{
	font-weight:400;
}

.wf-font-500{
	font-weight:500;
}

.wf-font-600{
	font-weight:600;
}

.wf-font-spacing {
	letter-spacing:0.6em;
}

.wf-font-color1 {
	color: var(--wf-color1);
}

.wf-font-color2 {
	color: var(--wf-color2);
}

.wf-font-color3 {
	color: var(--wf-color3);
}

.wf-font-color4 {
	color: var(--wf-color4);
}

.wf-font-color5 {
	color: var(--wf-color5);
}

.wf-font-color6 {
	color: var(--wf-color6);
}

.wf-font-color7 {
	color: var(--wf-color7);
}

.wf-font-color8 {
	color: var(--wf-color8);
}

.wf-font-color9 {
	color: var(--wf-color9);
}



.wf-bg-color1 {
	background-color: var(--wf-color1);
}

.wf-bg-color2 {
	background-color: var(--wf-color2);
}

.wf-bg-color3 {
	background-color: var(--wf-color3);
}

.wf-bg-color4 {
	background-color: var(--wf-color4);
}

.wf-bg-color5 {
	background-color: var(--wf-color5);
}

.wf-bg-color6 {
	background-color: var(--wf-color6);
}

.wf-bg-color7 {
	background-color: var(--wf-color7);
}

.wf-bg-color8 {
	background-color: var(--wf-color8);
}

.wf-bg-color9 {
	background-color: var(--wf-color9);
}




.wf-font-white {
	color:#fff !important;
}

.wf-font-black {
	color:#000 !important;
}



.element-header, 
.wf-headline-font{
	font-family: var(--wf-headline-font-family);

}


.wf-font-small{
	font-size:0.95em;
	line-height:1.4em;
}

.wf-font-big{
	font-size:1.1em;
}

	
.wf-strong-font strong {
	font-weight: var(--wf-page-strong-font-weight);
	color: var(--wf-page-strong-font-color) !important;
}

.wf-line-1_5 {
	line-height:1.5em;
}

.wf-letter-0_15 {
	letter-spacing:0.1em;
}


.headline-flex {
	display:-webkit-flex;display:-ms-flexbox;display:flex;
	-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;	
}

.headline-flex .flex-order-1  {
  -ms-flex-order: -1;
  order: -1;
}


.wf-bg1 {
	background-color:var(--wf-color1);
}



.wf-link-color li a,
.wf-link-color td a,
.wf-link-color ul a,
.wf-link-color p a,
.wf-link-color a {
	color: var(--wf-body-link-color);
}


.wf-link-color-icon p a,
.wf-link-color-icon a {
	color: var(--wf-body-link-color);
	position:relative;
	font-weight:400;
	letter-spacing:0.03em;
}

.wf-link-color-icon p a:after,
.wf-link-color-icon a:after {
	font-family: var(--wf-icons-iconfont);
	font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
	content: "\e9f9";
	font-size:1.0em;
	position:relative;
	top:0.1rem;
	font-weight:normal;
	padding-left:0.1rem;
	 letter-spacing:0 !important;
}

.wf-link-color-icon:hover p a,
.wf-link-color-icon:hover  a {
	color: #fff;
}


.wf-link-color a:hover {
	color: var(--wf-body-link-color-hover) !important;
}


.wf-link-underline li a,
.wf-link-underline td a,
.wf-link-underline ul a,
.wf-link-underline p a {
	text-decoration: underline !important;

}



.wf-btn-display {
  display: inline-block;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 1.0em;
}

.wf-btn-flex {
    display:flex;
    flex-wrap:wrap;
    padding-top:0.35rem;
	gap:1rem 0;
}


.wf-btn-link-font {
  border-radius: 3rem;
  padding: 0.85rem 2rem 0.75rem 2rem;
  text-align: center;
  font-family: var(--wf-navi-menu);
  color: var(--wf-color1);
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.1em;
  letter-spacing: 0.15em;
  min-width: var(--wf-btn-link-minwidth);
  margin:0.25rem 0;
}


.wf-btn-link-color2 {
	background-color: var(--wf-color2);
}
.wf-btn-link-color3 {
	background-color: var(--wf-color3);
}
.wf-btn-link-color4 {
	background-color: var(--wf-color4);
}
.wf-btn-link-color5 {
	background-color: var(--wf-color5);
}
.wf-btn-link-color6 {
	background-color: var(--wf-color6);
}
.wf-btn-link-color7 {
	background-color: var(--wf-color7);
}
.wf-btn-link-color8 {
	background-color: var(--wf-color8);
}
.wf-btn-link-color9 {
	background-color: var(--wf-color9);
}
.wf-btn-link-color10 {
	background-color: var(--wf-color10);
}


.wf-btn-link-color2:hover,
.wf-btn-link-color3:hover,
.wf-btn-link-color4:hover,
.wf-btn-link-color5:hover,
.wf-btn-link-color6:hover,
.wf-btn-link-color7:hover,
.wf-btn-link-color8:hover,
.wf-btn-link-color:hover,
.wf-btn-link-color10:hover {
	background-color: var(--wf-page-font-color);
}





.wf-btn-link-pfeil {
	color: var(--wf-btn-link-item-color);
	position:relative;
}

.wf-btn-link-pfeil:after {
  font-family:  'iconfont';
  content: "\e9f9";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position:relative;
  top:1px;
  padding-left:1rem;
  color: var(--wf-color1);
}

.wf-btn-link-pfeil:before {
  font-family:  'iconfont';
  content: "\f111";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position:absolute;
  right:-0.3rem;
  top:50%;
    transform: translateY(-50%);

  color: var(--wf-color4);
  font-size:1.8em;

}

.wf-btn-link-pfeil:hover {
  color: var(--wf-color3);
}

.wf-btn-link-pfeil.wf-soft {
  color: var(--wf-color7);
}

.wf-btn-link-pfeil.wf-soft:hover {
  color: var(--wf-color1);
}

.wf-btn-link-pfeil:hover:before {
  color: var(--wf-color3);
}


.wf-btn-link-item {
	color: var(--wf-btn-link-item-color);
	background-color: var(--wf-btn-link-item-background);
}

.wf-btn-link-item:hover {
	background-color: var(--wf-btn-link-item-hover-background);
}

.wf-btn-link-pdf  {
	position: relative;
	padding-left:3rem;
}

.wf-btn-link-pdf:before {
	font-family: var(--wf-icons-iconfont);
	font-weight:normal;
	line-height:0;
	content: "\f1c1";
	position:absolute;
	top:50%;
	left:1.25rem;
	font-size:1.15em;
	 letter-spacing:0 !important;
}

.wf-btn-courses {  
   text-decoration:none;
   padding:0.75rem 2.5rem;
   	margin:0.35rem 0.35rem;
   border:1px solid var(--wf-color11);
   color: var(--wf-color11);
   background-color: transparent;
   font-family: var(--wf-page-font-family);
   font-weight:500;
   font-size:0.9em;
   line-height:1.2em;
   letter-spacing:0.04em;
   cursor:pointer;
   text-align:center;
   display:inline-block;
   
   position:relative;
   z-index:10;
   overflow:hidden;
   
 }

.wf-btn-courses:hover {  
	color:#fff;
	border-color: var(--wf-color1);
}

.wf-btn-courses:after {
	 position:absolute;
	 z-index:-1;
	 left:0;
	 bottom:-1px;
	 content:"";
	 background-color: var(--wf-color1);
	 width:100%;
	 height:1px;
	 transition: height 0.5s ease;
 }
 
.wf-btn-courses:hover:after {
	 height:110%;  
}


.wf-btn-minwidth {
	min-width: var(--wf-btn-link-minwidth);
	max-width: 100%;
	text-align:center;
}





@media (max-width: 480px) {
    .wf-btn-flex.wf-btn-column {
		width:100%;
        -webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;
    }
	
    .wf-btn-flex.wf-btn-column .wf-btn-link-item {
		text-align:center;
		width:100%;
		display:block;
    }


									
}


.wf-liste-icon ul {
	list-style:none;
	line-height:1.35em;
	text-align:left;
}

.wf-liste-icon ul li {
	position:relative;
	padding-left:0.80em;	
	padding-bottom:6px;	
}

.wf-liste-icon ul li:before {
	font-family: var(--wf-icons-iconfont);
	content: "\f105";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position:absolute;
	left:0;	
	 letter-spacing:0 !important;
}

#c215 ul,
.wf-liste ul{
	list-style:none;
	line-height:1.4em;
	padding-bottom:1.5em;	
}

.wf-none-gap-liste ul{
	padding-bottom:0;	
}

#c215 ul li,
.wf-liste li {
	position:relative;
	padding-left:1em;	
	padding-bottom:6px;	
}

#c215 ul li:before,
.wf-liste li:before {
	font-family: var(--wf-icons-iconfont);
	content: "\f105";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	position:absolute;
	 letter-spacing:0 !important;
	 margin-left:-1em;
}


.wf-liste-border ul{
	list-style:none;
	line-height:1.4em;
	padding-bottom:1.5em;
	padding-top:0.75em;	
}

.wf-liste-border li {
	position:relative;
	padding-bottom:0.5rem;	
}

.xwf-liste-border li + li:before {
	content: "";
	position:absolute;
	left:50%;
	margin-top:-0.75rem;
	width:100px;
	height:1px;
	transform: translateX(-50%);
	border-bottom: dotted 3px var(--wf-color3);
}




.wf-liste-square ul{
    list-style:none;
    text-align:left;
}
 
.wf-liste-square li {
   position:relative;
   padding-left:0.80rem;   
   padding-right:1rem;
}

.wf-liste-square li:before {
   font-family: var(--wf-icons-iconfont);
   content: "\f04d";
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   position:absolute;
   left:0;
   top:0.55rem;
   font-size:0.30em;
    letter-spacing:0 !important;
}


.wf-liste-square-quer ul{
    list-style:none;
    text-align:left;
	display:flex;
	flex-wrap: wrap;
}
 
.wf-liste-square-quer li {
   position:relative;
   padding-left:0.80rem;   
   padding-right:1rem;
}

.wf-liste-square-quer li:before {
   font-family: var(--wf-icons-iconfont);
   content: "\f04d";
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   position:absolute;
   left:0;
   top:0.55rem;
   font-size:0.40em;
    letter-spacing:0 !important;
}

.wf-liste-square-quer li:nth-last-of-type(1) {
   padding-right:0;
}

.wf-liste-triangle-quer ul{
    list-style:none;
    text-align:left;
	display:flex;
	flex-wrap: wrap;
}
 
.wf-liste-triangle-quer li {
   position:relative;
   padding-left:0.80rem;   
   padding-right:1rem;
}

.wf-liste-triangle-quer li:before {
   font-family: var(--wf-icons-iconfont);
   transform: rotate(-90deg);
   content: "\ea1c";
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   position:absolute;
   left:-0.35em;
   top:0.3em;
   font-size:0.75em;
    letter-spacing:0 !important;
   
}

.wf-liste-triangle-quer li:nth-last-of-type(1) {
   padding-right:0;
}


.wf-liste-ol ol  {
	padding-left:1.5rem;
	padding-bottom:1.5em;	
	
}

.wf-agbh ol li:before,
.wf-liste-ol ol li:before  {
	display:none;
}

.wf-liste-color ul li:before {
	color: var(--wf-liste-color) !important;
}

.wf-liste-none-gap ul,
.wf-liste-none-pb ul {
	padding-bottom:0 !important;
}






.wf-body-hyphens {
  hyphens: none;
  word-break: normal;
  overflow-wrap: normal;
}

@media (max-width: 400px) {
  .wf-body-hyphens {
    hyphens: auto;
    hyphenate-limit-chars: 14 5 4;
  }
}


.wf-font-hyphens {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;		
	hyphens: auto;		
}


.wf-font-break-word {
	word-break: break-word;
}
.wf-font-break-all {
	word-break: break-all;
}
.wf-font-overflow-wrap {
	overflow-wrap: break-word;	
}

.wf-font-nowrap{
	white-space: nowrap !important;
}


.dce-dsgvo-innen  {
	font-size:14px;
	line-height:1.35em;
	color:#999;
	padding-top:0.75rem;
	padding-bottom:1.5rem;
}

.wf-dsgvo-innen a {
	color:#111;
}

.wf-dsgvo-btn a {
	color:#000;
	font-size:1.1em;
	line-height: normal;
	display:inline-block;
	text-decoration:underline !important;
}


#c215 ul li a {
	color:#000;
}

#c215 ul li a:hover {
	color:#8b384a !important;
}

#c215 ul  {
    padding-bottom:6rem;
    padding-top: 1.5rem;
}



.wf-font-white.white strong {
	color:#fff !important;
}

.wf-font-white-link a {
	color:#fff !important;
	text-decoration:underline !important;
}

.wf-link-color-icon.wf-font-color6 a {
	color:var(--wf-color1);
}

.wf-link-color-icon.wf-font-color6 a:hover {
	color:var(--wf-color6);
}