@import url('https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');


/* roboto-100 - latin */
@font-face {
  font-family: 'Comic Neue';
  font-style: normal;
  font-weight: 100;
  /* IE9 Compat Modes */
  src: url('./fonts/Comic Neue.eot');
  src: local('Comic Neue'), local('Comic Neue'),
	/* IE6-IE8 */
        url('./fonts/Comic Neue.eot?#iefix') format('embedded-opentype'),
	/* Super Modern Browsers */
        url('./fonts/Comic Neue.woff2') format('woff2'),
	/* Modern Browsers */
        url('./fonts/Comic Neue.woff') format('woff'),
	/* Safari, Android, iOS */
        url('./fonts/Comic Neue.ttf') format('truetype'),
	/* Legacy iOS */
        url('./fonts/Comic Neue.svg#Roboto') format('svg');
} 

*{
   margin: 0;
   padding: 0;
}
.text{
  width: 500px;
  margin: auto;
}

body {
  min-height: 100%;
  background-color: rgb(235, 244, 248);
  font-family: Comic Neue, sans-serif;
  

}
.subhaeding{
  margin-top: 5px;
  color: var(--secondery-text-colore)
}

.wp_b_box {
  display: flex;
  width: 90%;
  margin: 5%;
  background:none;
  font-size: 16px;
  font-family:Comic Sans MS, Georgia, 'Times New Roman', serif;
}

.wp_b_box2 {
  width: 90%;
  margin-left: 5%;
  margin-top: 0;
  margin-bottom: 30px;
  display: flex;
  justify-content:center;
  align-items: flex-start;
  padding: 20px;
  flex-wrap: wrap;
  border-top: 0px solid rgb(37, 29, 109);
}

.wp_b_box2 h4{
  text-align: justify;
  line-height: 150%;
}
@media(max-width: 650px){
  .wp_b_box2 {
    margin-left: 3%;
    padding: 10px;
    }
  }

p {
  color:  #121061;
  font-size: 18px;
  font-family: Cambria;
}

@media(max-width: 650px){
p {
  font-size: 14px;
  }
}

 a { 
  color: rgb(59, 216, 150);
  text-decoration: none;
  font-size: 20px;
}

@media(max-width: 650px){
  a {
  text-decoration: none;
  font-size: 14px;
  }
}
  
h1 {
  color: #121061;   /* Farbe dunkel rot */
  font-size:30pt;  /* Größe 58pt   */
  font-family:Comic Sans MS, sans-serif, Arial, Helvetica; /* Schriftart */ 
}

@media(max-width: 650px){
  h1 {
  font-size: 24px;
  }
}

h3 {
  color: #121061;   /* Farbe dunkel blau */
  font-size:38pt;  /* Größe 28pt   */
  font-family:Comic Sans MS, sans-serif, Arial, Helvetica; /* Schriftart */
}

h4 {
  color: #6d6bb3;   /* Farbe mittleres blau */
  font-size:14pt;  /* Größe 18pt   */
  font-family: Cambria, Comic Sans MS, sans-serif, Arial, Helvetica; /* Schriftart */
}

@media(max-width: 650px){
  h4 {
  font-size: 14px;
  }
}

h5 {
  color: #121061;   /* Farbe dunkel blau */
  font-size:18pt;  /* Größe 50pt   */
  font-family:Comic Neue, sans-serif, Arial, Helvetica; /* Schriftart */
}

h6 {
  color: #c20cda;   /* Farbe dunkel blau */
  font-size:14pt;  /* Größe 18pt   */
  font-family: Cambria, Comic Sans MS, sans-serif, Arial, Helvetica; /* Schriftart */
}
@media(max-width: 650px){
  h6 {
  font-size: 14px;
  }
}