/* liste */

ul li {  margin-left: -20px; padding-bottom: 5px;}
ul li.pojo-a11y-toolbar-item {  margin-left: 0px; padding-bottom: px;}
ul li::marker { color:#ff0000;}

ol li {  margin-left: -20px;font-weight: 400; padding-bottom: 10px;}
ol li::marker { color:#ff0000; font-weight: 600; font-size: 25px;}


/* button und Links */

a { color: #ff0000; transition: 0.2s; text-decoration: underline;}
a:hover {color:#141444; transition: 0.2s;   } 

div.teaser_inhalt a {
  color: #0b0b0b !important;
  text-decoration: none;
}

div.teaser_inhalt a:hover {
  color: #0b0b0b;
  text-decoration: none;
}

.info a { color: #fff; transition: 0.2s; text-decoration: underline;}
a:hover {color:#141444; transition: 0.2s;   } 



 div#button a { 
  font-size: 16px;
  font-weight: 500;
  color:#fff !important ; 
  transition: 0.2s; 
  text-decoration: none; 
  border-radius: 40px; 
  border: 2px solid #ff0000;
background-color:#ff0000; 
  display: inline-grid;
  justify-content: center;
  align-content: center;
  margin-top: 20px;
  padding: 4px 20px;
  gap: 10px;
  }
 
  div#button a:hover {
  color:#ff0000 !important ; 
  background-color: #fff; 
  transition: 0.2s;   } 

  div#button.button_left {
    float: left;
    padding-right: 30px;
  }


  div#button_2 a { 
    font-size: 16px;
    font-weight: 500;
    color:#ff0000 !important ; 
    transition: 0.2s; 
    text-decoration: none; 
    border-radius: 40px; 
    border: 2px solid #ff0000;
  background-color:#fff; 
    display: inline-grid;
    justify-content: center;
    align-content: center;
    margin-top: 20px;
    padding: 4px 20px;
    gap: 10px;
    }
   
    div#button_2 a:hover {
    color:#fff !important ; 
    background-color: #ff0000; 
    transition: 0.2s;   } 


  div#button_site a { 
    font-size: 24px;
    font-weight: 500;
    color:#00011a !important ; 
    transition: 0.2s; 
    text-decoration: none; 
    }
   
    div#button_site a:hover {
    color:#123274 !important ; 
    transition: 0.2s;   } 
  
    div#button_site :before {
      content:  "[ "; 
      font-size: 28px;
      font-weight: 400;
    }
  
  
    div#button_site :after {
      content: " ]";
      font-size: 28px;
      font-weight: 400;
    }




/* Überschriften*/

h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
 	margin: 0; padding: 0;
}


h1,
h2,
h3,
h4,
h5,
h6 {
 	margin-top:0;
 	margin-bottom:0;
   padding-bottom: 0em;
}

 h1 {
  font-family: var(--primary-font);
font-size: clamp(32px, 5vw, 40px);
font-style: normal;
line-height: 120%;
font-weight: 700;
padding-top: 0px;
margin-bottom: .7em;
 }


 h2 {
  font-family: var(--primary-font);
  font-size: clamp(24px, 5vw, 32px);
font-style: normal;
line-height: 120%; 
font-weight: 700;
padding-top: 0px;
margin-bottom: 0px;
 }

 h3 {
  font-family: var(--primary-font);
  font-size: clamp(20px, 5vw, 24px);
font-style: normal;
line-height: 120%; 
font-weight: 700;
padding-top: 0px;
margin-bottom: .7em;
 }

 h4 {
  font-family: var(--secondary-font);
font-size: 20px;
font-style: normal;
line-height: 120%; 
font-weight: 700;
font-weight: 300;
padding-top: 0px;
margin-bottom: .7em;
 }

 h4.teaser {
  font-family: var(--secondary-font);
font-size: 20px;
font-style: italic;
line-height: 120%; 
font-weight: 700;
padding-top: 0px;
margin-bottom: 0em;
 }


 h5 {
  font-family: var(--secondary-font);
  color: #ff0000;
font-size: 20px;
font-style: normal;
text-transform: uppercase;
letter-spacing: .1em;
line-height: 120%; 
font-weight: 700;
padding-top: 0px;
margin-bottom: .7em;
 }


 .font-title_1 {
  font-family: var(--primary-font);
  color:var(--color-headline);
  font-size: clamp(88px, 5vw, 52px);
  font-style: normal;
  line-height: 120%; 
  font-weight: 700;
  padding-top: 0px;
 }

 .font-title_2 {
  font-family: var(--primary-font);
  color:var(--color-headline);
  font-size: clamp(60px, 5vw, 32px);
  font-style: normal;
  line-height: 120%; 
  font-weight: 700;
  padding-top: 0px;
 }

 .font-highlight {
  font-family: var(--third-font);
  color:var(--color-headline);
  font-size: clamp(40px, 5vw, 32px);
  font-style: normal;
  line-height: 120%; 
  font-weight: 500;
  letter-spacing: 1px;
  padding-top: 0px;
 }


.font-fliesstext_2 {
font-family: var(--secondary-font);
color:var(--color-headline);
font-size: 16px;
font-style: normal;
line-height: 140%; 
font-weight: 400;
padding-top: 0px;
margin-bottom: 0px;
 }


 .font-copyright {
  font-family: var(--primary-font);
  color: #fff;
  font-size: 12px;
  line-height: 120%;
 }


.content_einstieg {

  font-style: italic;
  font-weight: 800;

}


@media only screen and (max-width: 700px) {

  h4 {font-size: 18px;}
  h4.teaser {font-size: 18px;}
  h5 {font-size: 18px;}
	}