/* work-sans-100 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/work-sans-v23-latin_latin-ext-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-100italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/work-sans-v23-latin_latin-ext-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-200 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/work-sans-v23-latin_latin-ext-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-200italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/work-sans-v23-latin_latin-ext-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/work-sans-v23-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/work-sans-v23-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v23-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/work-sans-v23-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/work-sans-v23-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/work-sans-v23-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/work-sans-v23-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/work-sans-v23-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/work-sans-v23-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/work-sans-v23-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/work-sans-v23-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/work-sans-v23-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/work-sans-v23-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* work-sans-900italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/work-sans-v23-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

  
 :root {
       --brand-rot: #CC0837; 
     --brand-lightgrey: #F5F5F5;
     --brand-lightgrey2: #EBEBEB;
     
          
      --brand-darkgrey: #323232;
      
      --brand-footergrey: #4A4A49;
      --brand-mediumgrey: #D9D9D9;
      --brand-mediumgrey2: #505456;

 
    --brand-gradient: linear-gradient(135deg, rgba(163,201,227,1) 0%,rgba(244,213,106,1) 100%);
 
}

.rot { background: var(--brand-rot); padding-left: 1rem; padding-right:1rem; }
 
i, em {font-family:'Work Sans'; font-style:italic;}
 
 
* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
 







 
select::-ms-expand {
  display: none;
}
select {
display: inline-block;
box-sizing: border-box;
padding: 0 2em 0 0.5em;
border: 1px solid #eee;
font: inherit;
  font-size: inherit;
  line-height: inherit;
line-height: 48px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-image:url(../images/icons/next.svg);
background-position: right 10px center; 
background-size: 20px auto; 
background-color: #fff;
border: 2px solid #333333;
width: 100%;
font-size: 16px;
transition: all 0.3s easeIn;
-moz-transition: all 0.3s easeIn;
-o-transition: all 0.3s easeIn;
  
}




body { font-family:'Work Sans', sans-serif; color:  var(--brand-darkgrey);font-size:18px; }
 
 .tx-kesearch-pi1 { font-family:'Work Sans', sans-serif !important;}
 
 
a { 
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	-webkit-touch-callout: none; 
}

a {color:var(--brand-darkgrey);color:var(--brand-rot);  text-decoration:none;}
a:hover {text-decoration:underline;}

 

b, strong { font-family:'Work Sans', sans-serif;font-weight: 700}

/*section p a , .articlefooter a ,section li a, .textcol p a , .centercol p a, label a { font-family:'Work Sans', sans-serif; font-weight: 500;text-decoration:underline;}
section p a:hover, .articlefooter a:hover ,section li a:hover, .textcol p a:hover , .centercol p a:hover, label a:hover  ,
section p a:focus, .articlefooter a:focus ,section li a:focus, .textcol p a:focus , .centercol p a:focus, label a:focus    { font-family: 'Work Sans', sans-serif; color:#808080;text-decoration:underline;}*/



 
input::placeholder {font-size: 16px; color:var(--brand-rot);font-family:'Work Sans', sans-serif;  opacity: 1;}

*::-webkit-input-placeholder {font-size: 16px; }
*:-moz-placeholder {font-size:16px; }
*::-moz-placeholder {font-size: 16px; }
*:-ms-input-placeholder {font-size: 16px; }


#search input::placeholder {
    color: :var(--brand-darkgrey);
}



.submitbutton {font-size: 16px;}


.form-group input::placeholder , .form-group textarea::placeholder {
  color: var(--brand-mediumgrey); opacity:1; font-family:'Work Sans', sans-serif; font-size:18px; 
}
 
 
 

 
/*input::placeholder {
    color: #333333; opacity: 1;font-family:'Work Sans', sans-serif; font-size:22px; 
}
footer input::placeholder {
    color: var(--brand-rot); opacity: 1;font-family:'Work Sans', sans-serif; font-size:16px; 
}
 
.sib-form input::placeholder {
    color: #808080; opacity: 1;font-family:'Work Sans', sans-serif; font-style:italic;letter-spacing: 0.01em; font-weight: 300;font-size: 20px;
}

img + p, img + h3 ,  .ce-gallery + p,  .ce-gallery + h3   {margin-top: 35px;}

.slide-element p + h2 {margin: 0px 0px 25px 0px !important; }


*/

.contentcol ul {padding-left: 20px; } 

 

h1.center,  h2.center, span.heading{  font-weight:600; font-size:28px;
line-height: 36px;
color:var(--brand-rot);
text-align:center;
/*font-size: clamp(2rem, 1.125rem + 2.9167vw, 3.75rem);*/
}

 
h1, h2.big /*, h1.smallheadline*/ { font-weight:500; font-size: 30px;
line-height: 36px;line-height: 120%;


font-size: clamp(1.25rem, 1.0086rem + 1.3793vw, 2.25rem);

font-size: clamp(2.0625rem, 1.8966rem + 0.9483vw, 2.75rem);

/*30 - 38*/
font-size: clamp(1.875rem, 1.7543rem + 0.6897vw, 2.375rem);

color:var(--brand-rot);
 
}

 
h2, h3, p.texth3,  .slide-box .newsteaser h2, .eventbox h2,  #search label {
font-weight:500; 
font-size: 30px;
line-height: 36px;
color:var(--brand-rot);

}

.headerimage h1 {font-size:26px;}
  
h3  {color:var(--brand-darkgrey);}
  
 
h4,  .trigger,  .trigger h3 , .tx-fp-masterquiz h3, p.subheadline  {
font-size: 24px; font-weight: 500;
line-height: 28px;
hyphens:manual;
color:var(--brand-rot);
}

p.subheadline {color:var(--brand-darkgrey);}
 
h5   {
font-size: 20px; font-weight: 600;
line-height: 24px;
hyphens:manual;
color:var(--brand-rot);
} 
  

.textaccordion .trigger h5{font-weight: 500;color:var(--brand-darkgrey);}


h6   {
font-size: 20px; font-weight: 600;
line-height: 24px;
hyphens:manual;
color:var(--brand-darkgrey);
}   
  
 
/*h6, */.linkline a {
font-size: 18px; font-weight: 500;
line-height: 24px;
color:var(--brand-rot) !important;
}
  

  
  
p, section li , label span  , .contentcontainer li, .tablecontainer td , figure td , .tablecontainer th , figure th   {
font-size: 14px; color:var(--brand-darkgrey);
line-height: 20px; font-weight: 400;
hyphens:manual;
}

.blackheadline ,   .tx-fp-masterquiz h3 {color:var(--brand-darkgrey) !important;}

.smallheadline {text-align:left; }



h1, h2, h3, h4 {margin:0px 0px 0px 0px; }

.tx-fp-masterquiz h3 {margin-bottom: 20px; }

h1 + p, h2 + p, h3 + p, h4 + p, h1 + div, h2 + div, h3 + div, h4 + div , p + ul, ul + p,
h1 + ol, h2 + ol, h3 + ol, h4 + ol ,p + ol ,
h1 + ul, h2 + ul, h3 + ul, h4 + ul, p + ul , h2 + h4 , div + h4, .tablecontainer + p,h1 + h2,h1 + h3,h1 + h4 {margin-top: 20px;}


h5 + p , h5 + div, h6 + p , h6 + div  {margin-top: 12px;}
.toggle_container div.frame-default, .toggle_container div.bodytext, div.bodytext + div.ce-gallery ,.toggle_container div.textpic-accordion, .ce-gallery + .ce-gallery {margin-top: 20px;}
 


.contact h3 + p {margin-top: 0;}
 
p  {margin-bottom: 20px;}

p:last-of-type   , ul:last-of-type , td p {margin-bottom: 0px;}


section ul, .tx-fp-masterquiz ul, .ce-textpic ul {margin-bottom: 20px;margin-top: 20px;}

section ul li , .tx-fp-masterquiz  li, .ce-textpic ul li  {padding-bottom: 10px; list-style-type:none;
padding-left: 16px;
  background-image: url('../images/red_dot.svg');
  background-repeat: no-repeat;
  background-size: 8px auto !important;
  background-position: left top 9px;
  }
  
  
  section ol li , .ce-textpic ol li  {padding-bottom: 10px;   }
  

section > h1 {margin: 30px 0px 30px 0px;}


p.readmore { padding-left: 40px; background-repeat:no-repeat;
background-size: 24px auto ;
background-position:  left center;background-image:url('../images/east.svg') }

p.readmore a { color:var(--brand-rot);  }

 


section ul,section ol {padding-left: 18px;padding-left: 28px;}
section ol {margin-left: 18px;margin-left: 28px;}
 

figcaption, .caption, .video-caption  {display:block; padding-top:20px;}
 
 footer h3 {font-weight:normal; 
line-height: 100%;
font-size: 20px; font-weight: 500;
}
 
footer h4  {
font-size: 18px; font-weight: 400;
line-height: 27px;
}
 

footer a , footer p , footer li, .newsteaser p,  .newsteaser p.newsinfo  {font-size: 16px; line-height: 120%; font-weight: 400;}

footer p, footer h3, footer h4, footer a {color: #fff;}

footer h3, footer h4, footer p {margin-bottom: 14px;}

footer .copyfooter p,  footer .copyfooter li,  footer .copyfooter a {font-size: 14px;line-height: 22px;}



.zitat p {font-size: 36px; font-weight: 400;
line-height: 46px;
color:var(--brand-rot) !important;
font-style:italic;}

.zitat h4 {text-transform:uppercase; font-size: 14px;line-height: 22px;color:var(--brand-darkgrey);
padding-left: 30px; margin-top: 15px;
  background-image: url('../images/red_dot.svg');
  background-repeat: no-repeat;
  background-size: 20px auto !important;
  background-position: left top 2px;}
  
  .image-caption {font-size: 14px;line-height: 19px;color:var(--brand-darkgrey); padding: 5px 0px 10px 0px; }
  
 
 .out-of-box .image-caption {font-size: 14px;line-height: 22px;color:var(--brand-rot); padding: 5px 20px 10px 20px; border-bottom: 2px solid var(--brand-rot);}
 

 
 .textaccordion .toggle_container p {font-size: 14px;line-height: 22px;color:var(--brand-darkgrey); padding: 0px 0px 0px 0px; font-weight: 500;}
 .textaccordion .toggle_container p a {color:var(--brand-rot);}
 
 
 
 
 .result-list-item.newsitem h3 a  {color:var(--brand-darkgrey);}
/* .result-list-item.newsitem h3 a:hover {color:var(--brand-rot); text-decoration:none; }*/

 .result-list-item.newsitem h3 a:hover { text-decoration:underline; }
 
 
 p.result-teaser {margin:4px 0px 20px 0px;}
 
.tx-kesearch-pi1 #kesearch_results .result-list-item.newsitem .hit {
color:var(--brand-rot);font-weight: 500;
}


 .newsitem.result-list-item  h3 {margin: 0px 0px 0px 0px;}
 
 
 
 
 
 div.form-group {padding-bottom: 30px;}
 div.input i{}
 
div.input input[type="text"] {border: 2px  solid var(--brand-rot); padding: 10px 10px 10px 20px; border-radius: 15px; width: 100%; color: var(--brand-darkgrey); font-size:18px; font-family:'Work Sans', sans-serif;  }

div.input textarea {border: 2px  solid var(--brand-rot); padding: 10px 10px 10px 20px; border-radius: 15px; width: 100%;     color: var(--brand-darkgrey); opacity:1;font-size:18px;   font-family:'Work Sans', sans-serif;  height: 120px;}

 
 
 
label.form-label, label.form-label span.required  {
font-size: 14px; color:var(--brand-rot); line-height: 20px; font-weight: 500; padding: 0px 0px 0px 20px; 
}
label.form-label span.required  {padding: 0px 0px 0px 2px; } 

button.btn-primary {background-color:  var(--brand-rot);border: 2px  solid var(--brand-rot); padding: 10px 40px 10px 40px; border-radius: 15px;  font-size: 20px; color: #fff;}




.tx-fp-masterquiz .mx-auto {margin-bottom: 25px;}

   
@media all and (min-width: 768px){
	 
  
.headerimage h1 { font-weight:500; line-height: 120%;

/*30 - 38*/
font-size: clamp(1.875rem, 1.7543rem + 0.6897vw, 2.375rem);

color:var(--brand-rot);
 
}

} 



@media all and (min-width: 960px){
}




@media all and (min-width: 1024px){
	
	
h1.center , h2.center , span.heading{  font-weight:700; font-size: 32px;
line-height: 44px;

/*font-size: clamp(2rem, 1.125rem + 2.9167vw, 3.75rem);*/
}

 
h2, h3, p.texth3 , .slide-box .newsteaser h2 , .eventbox h2{font-weight:500; font-size: 30px;
line-height: 35px;
}


.newsteaser h2 {height: 105px; }

.themenslider .newsteaser h2 {height: auto; }


  
h4,  .trigger,  .trigger h3 , .tx-fp-masterquiz h3, p.subheadline {
font-size: 24px; font-weight: 500;
line-height: 28px;
hyphens:manual;
}
  
 
h5   {
font-size: 20px; font-weight: 600;
line-height: 24px;
hyphens:manual;
color:var(--brand-rot);
} 

h6   {
font-size: 20px; font-weight: 600;
line-height: 24px;
hyphens:manual;
color:var(--brand-darkgrey);
}  


.textaccordion .trigger h5{font-weight: 500;color:var(--brand-darkgrey);}

 
 
/*h6, */.linkline a {
font-size: 18px; font-weight: 500;
line-height: 24px;
color:var(--brand-rot) !important;
}
  
   
 
 p, section li , label span  , .contentcontainer li , .tablecontainer td , figure td , .tablecontainer th , figure th  {
font-size: 18px; color:var(--brand-darkgrey);
line-height: 26px; font-weight: 400;
hyphens:manual;
}

 

}



@media all and (min-width: 1440px){
	
h1, h2.big, .headerimage h1 /*, h1.smallheadline*/  { font-weight:500; font-size: 38px;
line-height: 44px;

color:var(--brand-rot);
 
}


  .newsteaser p,  .newsteaser p.newsinfo {font-size: 18px; line-height: 26px;}
  
  
  
}