@font-face {
  font-family: Livvic-Regular;
  src: local('Livvic-Regular'),
       url(../fonts/Livvic-Regular.woff2) format('woff2');
}

@font-face {
  font-family: Livvic-Black;
  src: local('Livvic-Black'),
       url(../fonts/Livvic-Black.woff2) format('woff2');
}

@font-face {
  font-family: Livvic-BlackItalic;
  src: local('Livvic-BlackItalic'),
      url(../fonts/Livvic-BlackItalic.woff2) format('woff2'); 
}

@font-face {
  font-family: Livvic-Bold;
  src: local('Livvic-Bold'),
    url(../fonts/Livvic-Bold.woff2) format('woff2'); 

}
@font-face {
font-family: Livvic-BoldItalic;
  src: local('Livvic-BoldItalic'),
    url(../fonts/Livvic-BoldItalic.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-ExtraLight;
  src: local('Livvic-ExtraLight'),
    url(../fonts/Livvic-ExtraLight.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-ExtraLightItalic;
  src: local('Livvic-ExtraLightItalic'),
    url(../fonts/Livvic-ExtraLightItalic.woff) format('woff2'); 
}
@font-face {

 font-family: Livvic-Italic;
  src: local('Livvic-Italic'),
    url(../fonts/Livvic-Italic.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-Light;
  src: local('Livvic-Light'),
    url(../fonts/Livvic-Light.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-LightItalic;
  src: local('Livvic-LightItalic'),
    url(../fonts/Livvic-LightItalic.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-Medium;
  src: local('Livvic-Medium'),
    url(../fonts/Livvic-Medium.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-MediumItalic;
  src: local('Livvic-MediumItalic'),
    url(../fonts/Livvic-MediumItalic.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-Regular;
  src: local('Livvic-Regular'),
    url(../fonts/Livvic-Regular.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-SemiBold;
  src: local('Livvic-SemiBold'),
  url(../fonts/Livvic-SemiBold.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-SemiBoldItalic;
  src: local('Livvic-SemiBoldItalic'),
  url(../fonts/Livvic-SemiBoldItalic.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-Thin;
  src: local('Livvic-Thin'),
    url(../fonts/Livvic-Thin.woff2) format('woff2'); 
}
@font-face {
  font-family: Livvic-ThinItalic;
  src: local('Livvic-ThinItalic'),
    url(../fonts/Livvic-ThinItalic.woff2) format('woff2'); 
}

details {
    background-color: rgb(255,255,255);
}




/* Kompaktes Layout * Farbschema: Hell */ 
@media screen and (max-width:1000px) and (prefers-color-scheme: light) {

/* Grundeinstellungen */

  body {
    width: auto;
    height: auto;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    align-items: center;
    align-content: center;
    flex: 1;
  }

  footer{
    width: auto;
    height: auto;
    background-color: rgb(255, 255, 255);
    text-align: center;
    margin: 0 auto;
    width: auto;
  }

  /* Texte */
  h1 {
    font-size: 1.4em;
    color: rgb(255, 0, 0);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align: center;    
  }

  h1.drei{
    font-size: 3em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align: center;
  }

  h2 {
    font-size: 1.3em;
    color: rgb(0, 0, 0);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align:center;
  }

  h3 {
    font-size: 1.3em;
    color: rgb(255, 0, 0);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align:center;
  }



  p {
    font-size: 1.2em;    
    color: rgb(0, 0, 0);
    font-family:Livvic-Regular;
    font-style: normal;
    text-align: left;
  }

  .fuss{
    font-size: 1.em;
    color: rgb(0, 0, 0);
    font-family: Livvic-Regular;
    font-style: normal;
    text-align: center;
  }
  .block {
    font-size: 1.2em;
    text-align: center;
    font-family:Livvic-Regular;
    color: rgb(0, 0, 0);    
    padding: .1em;    

  }
  .links {
    font-size: 1.2em;
    text-align: left;
    font-family:Livvic-Regular;
    color: rgb(0, 0, 0);
  }
  
  .zentriert {
    font-size: 1.2em;
    text-align: center;
    color: rgb(0, 0, 0);
    margin: 1.1em;        
  }
  
  ul{
    font-size: 1.2em;
    color: rgb(0, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align:left;
  }

  li {
    font-size: 1.2em;
    color: rgb(0, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;

  }
  a.eins {
    font-size: 1.2em;
    font-family:Livvic-Regular;
    color: rgb(255,0, 0)
  }
  a.zwei {
    font-size: 1.2em;
    font-family:Livvic-Regular;
    color: rgb(0,0,255)
  }




/* Bilder*/
  figure{
    font-size: 1.2em;
    font-family:Livvic-Regular;
    font-style: normal;    
    text-align: center;
  }
  img {
    width: auto;
    height: auto;
  }

  .bildchen {
    width: auto;
    height: auto;    

  }

  .bilder{
    width: 85%;
    height: 85%;
  }

  .bildhoch{
    width: 75%;
    /*height: 75%;*/
  }




  .bildquer{
    width: 75%;
/*    height: 75%; */
  }

.bildquer1{
    width: 85%;
    margin: 0.5em;
  }




  .banner {
    width: 100%;
    height: auto;
    scale: 1;
  }

  .zurueck{
    width: 75px;  
    height: 35px;

  }
  .pfeil{
    width: 145px;
    height: 75px;
  }

  .buecher{
    width: 45%;
    height: 45%;
  }

  iframe {
    width: 270px; 
    height: 270px;
  } 


  video{
    width: 200px;
    height: 200px;
  }

  .video1{
    width: auto;
    height: auto;
  }






  .logo {
    width: auto; 
    height: auto; 
    align-content: flex-start;
  }

  .flex-container {
    display: flex;
    width: auto;
    flex-direction: column;
    background: rgb(255, 255, 255);
    border: 0px solid rgb(0,0,255);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: center;
    text-align: center;    

  }

/* TEST*/
  .flex-containera {
    display: flex;
    width: auto;
    border: 0px solid rgb(255,0,0);
    flex-direction: row ;
    background: rgb(255, 255, 0255);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: center;  
    text-align: center;    
  }







  .flex-container1 {
    display: flex;
    width: auto;
    border: 0px solid;    
    background: rgb(255, 255, 255);    
    flex-direction: column;
    align-content: center;
    margin: 0;
    border: 0px solid;
    justify-content: center;
  }

  .flex-container2 {
    display: flex;
    width: auto;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    background: rgb(255, 255, 255);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;      
  }
  .flex-container3 {
    display: flex;
    width: 10em;
    flex-direction: column ;
    align-content: center;
    background: rgb(255, 255, 255);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;
  }

  .flex-container7 {
    display: flex;
    width: 15em;
    border: 0px solid;
    flex-direction: column ;
    background: rgb(255, 255, 255);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;  
    text-align: center;    
  }




  .flex-item {
    flex: 1;
    border: 0px solid;
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    align-items: flex-start;
    align-content: center;
    width: auto;  
  }

  .flex-itema {
    flex: 1;
    border: 0px solid rgb(255, 255, 255);
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    align-items: flex-start;
    align-content: center;
    width: auto;  
  }

  .flex-item1 {
    border: 0px solid;
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    align-items: center;
    align-content: center;
    font-family: Livvic-Regular;
    width: auto;
  }

  .flex-item2 {
    border: 0px solid rgb(27, 194, 88);
    margin: .1em;
    padding: .3em;
    background: rgb(255, 255, 255);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: auto;
  }
  .flex-item3 {
    border: 0px solid;
    margin: .1em;
    padding: .3em;
    background: rgb(255, 255, 255);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: auto;
  }

  .flex-item6 {
    border: 0px solid;
    margin: .1em;
    padding: .1em;
    background: rgb(255, 255, 255);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: auto;
  }
}

/* Kompaktes Layout * Farbschema: Dunkel*/ 
@media screen and (max-width:1000px)  and (prefers-color-scheme: dark) {

/* Grundeinstellungen */

  body {
    width: auto;
    height: auto;
    margin: 0 auto;
    background-color: rgb(255, 255, 255);
    align-items: center;
    align-content: center;
    flex: 1;
  }

  footer{
    width: auto;
    height: auto;
    background-color: rgb(255, 255, 255);
    text-align: center;
    margin: 0 auto;
    width: auto;
  }

  /* Texte */
  h1 {
    font-size: 1.4em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align: center;    
  }

  h2 {
    font-size: 1.3em;
    color: rgb(255, 255, 255);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align:center;
  }
  
  h3 {
    font-size: 1.2em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align:center;
  }



  p {
    font-size: 1.2em;    
    color: rgb(255, 255, 255);
    font-family:Livvic-Regular;
    font-style: normal;
    text-align: left;
  }

.fuss{
    font-size: 1.em;
    color: rgb(255, 255, 255);
    font-family: Livvic-Regular;
    font-style: normal;
    text-align: center;
  }


  .block {
    font-size: 1.2em;
    text-align: center;
    font-family:Livvic-Regular;
    color: rgb(255, 255, 255);
    padding: .1em;    
  }
  
  .links {
    font-size: 1.2em;
    text-align: left;
    font-family:Livvic-Regular;
    color: rgb(255, 255, 255);
  }


  .zentriert {
    font-size: 1.2em;
    text-align: center;
    color: rgb(255, 255, 255);
  }
  
  ul{
    font-size: 1.2em;
    color: rgb(255, 255, 255);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align:left;
  }

  li {
    font-size: 1.2em;
    color: rgb(255, 255, 255);
    font-family:Livvic-Regular;
    font-style:normal;

  }  

  a.eins {
    font-size: 1.2em;
    font-family:Livvic-Regular;
    color: rgb(255, 45, 33);
  }
  a.zwei {
    font-size: 1.2em;
    font-family:Livvic-Regular;
    color: rgb(29, 155, 240);
  }

/* Bilder*/
  figure{
    font-size: 1.2em;
    color:rgb(255,255,255);
    font-family:Livvic-Regular;
    font-style: normal;    
    text-align: center;
  }
  img {
    width: auto;
    height: auto;
  }

  .bildchen {
    width: auto;
    height: auto;    

  }

  .bilder{
    width: 85%;
    height: 85%;
  }

  .bildhoch{
    width: 85%;
    height: 85%;
  }

  .bildquer{
    width: 84%;
    height: 85%;
  }
.bildquer1{
    width: auto;
    height: auto;
  }
  .banner {
    width: 100%;
    height: auto;
    scale: 1;
  }

  .zurueck{
    width: 75px;  
    height: 35px;

  }
  .pfeil{
    width: 75px;
    height: 35px;
  }

  .buecher{
    width: 45%;
    height: 45%;
  }

  iframe {
    width: 270px; 
    height: 270px;
  } 



  video{
    width: 200px;
    height: 200px;
  }

  .logo {
    width: auto; 
    height: auto; 
    align-content: flex-start;
  }

  .flex-container {
    display: flex;
    width: auto;
    flex-direction: column;
    background: rgb(0, 0, 0);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;
    justify-content: center;
    text-align: center;    

  }

  .flex-container1 {
    display: flex;
    width: auto;
    border: 0px solid;    
    background: rgb(0, 0, 0);    
    flex-direction: column;
    align-content: center;
    margin: 0;
    border: 0px solid;
    justify-content: center;
  }

  .flex-container2 {
    display: flex;
    width: auto;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    background: rgb(0, 0, 0);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;      
  }

  .flex-container3 {
    display: flex;
    width: 10em;
    flex-direction: column ;
    align-content: center;
    background: rgb(0, 0, 0);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;
  }

  .flex-container7 {
    display: flex;
    width: 15em;
    border: 0px solid;
    flex-direction: column ;
    background: rgb(0, 0, 0);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;  
    text-align: center;    
  }



  .flex-item {
    flex: 1;
    border: 0px solid rgb(255,255,255);
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);    
    flex-grow: 1;
    align-items: flex-start;
    align-content: center;
    width: auto;  
  }

  .flex-itema {
    flex: 1;
    border: 0px solid rgb(255, 255, 255);
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);
    flex-grow: 1;
    align-items: flex-start;
    align-content: center;
    width: auto;  
  }



  .flex-item1 {
    border: 0px solid;
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);    
    align-items: center;
    align-content: center;
    font-family: Livvic-Regular;
    width: auto;
  }

  .flex-item2 {
    border: 0px solid rgb(27, 194, 88);
    margin: .1em;
    padding: .3em;
    background: rgb(0, 0, 0);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: auto;
  }
  .flex-item3 {
    border: 0px solid;
    margin: .1em;
    padding: .3em;
    background: rgb(0, 0, 0);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: auto;
  }
  
  .flex-item6 {
    border: 0px solid;
    margin: .1em;
    padding: .1em;
    background: rgb(0, 0, 0);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: auto;
  }
}

/*Viewport = breit und Schema = Hell*/
@media screen and (min-width:1001px) and (prefers-color-scheme: light){


/* Grundeinstellungen */

  body {
    margin: auto;    
    width: 86em;
    height: 30em;
    background-color: rgb(255,255, 255);
    align-items: center;
    align-content: center;
    text-align: center;
    flex: 1;
  }
  
  footer {
    margin: auto;
    width: 86em;
    height: auto;
    background-color: rgb(255, 255, 255);
    align-items: center;
    align-content: center;
    text-align: center;
  }

/*Überschriften */
  h1 {
    font-size: 1.3em;
    color: rgb(255,0,0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align: center;
  }
  
  h1.drei{
    font-size: 3em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align: center;
  }

  h2 {
    font-size: 1.2em;
    color: rgb(0, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align:center;
  }
  h3 {
    font-size: 1.3em;
    color: rgb(255, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align:center;
  }
  

/*table,
th,
td {
	border: thin solid;
	border-collapse: collapse;
}*/

/* Text */
  p {
    font-size: 1.1em;
    color: rgb(0, 0, 0);
    font-family: Livvic-Regular;
    font-style: normal;
    text-align: left;
  }
  .fuss{
    font-size: .9em;
    color: rgb(0, 0, 0);
    font-family: Livvic-Regular;
    font-style: normal;
    text-align: center;
  }
  .block {
    font-size: 1.1em;
    /*text-align: center;*/
    text-align: justify;
    font-family:Livvic-Regular;
    color: rgb(0, 0, 0);    
    /*margin: .5em;*/
    padding: .1em;
  }
  .links {
    font-size: 1.1em;
    text-align: left;
    font-family:Livvic-Regular;
    color: rgb(0, 0, 0);
    padding: .1em;
  }







 .zentriert {
    font-size: 1.1em;
    text-align: center;
    align-content: center;
    font-family: Livvic-Regular;
    color: rgb(0, 0, 0);
    margin: .1em;
    padding: auto;
  }



  ul{
    font-size: 1.1em;
    color: rgb(0, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align: left;
  }
  li{
    font-size: 1.1em;
    color: rgb(0, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align: left;
  }
  a.eins {
    font-size: 1.1em;
    font-family:Livvic-Regular;
    color: rgb(255, 0, 0);
  }
  a.zwei {
    font-size: 1.1em;
    font-family:Livvic-Regular;
    color: rgb(0, 0, 255);
  }

  h1.drei{
    font-size: 3em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align: center;
  }


/*Bilder */
  .figure{
    font-size: 1.1em;
    font-family:Livvic-Regular;
    font-style: normal;
    text-align: center;
  }
  img {
    width: auto;
    height: auto;
  }

  .bildchen {
    width: auto;
    scale: 1;
    height: auto;
  }
  .banner {
/*    width: calc(100% - .5em);*/
    width: 86em;
    height: auto;
    scale: 1;
  }
  .bilder{
    width: 100%;
    height: 100%;
  }

  .buecher{
    width: auto;
    height: auto;
  }
  .bildhoch{
    width: auto;
  /*  height: auto;*/
    
  }
  .bildquer{
    width: auto;
    height: auto;
      
  }

  .bildquer1{
    width: auto;
    height: auto;
  }

  .zurueck{
    width: 145px;
    height: 75px;

  }
  .pfeil{
    width: 145px;
    height: 75px;

  }
  .logo {
    width: auto; 
    height: auto; 
    align-content: flex-start;
  }
  iframe {
    width: 540px; 
    height: 540px;
  } 
  video{
      width: 400px;
      height: 400px;
  }
  .flex-container {
    display: flex;
    width: 86em;
    border: 0px solid rgb(255,0,0);
    flex-direction: row ;
    background: rgb(255, 255, 0255);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: center;  
    text-align: center;    
  }
/* TEST*/
  .flex-containera {
    display: flex;
    width: 50%;
    border:0px solid rgb(0,0,255);
    flex-direction: row ;
    background: rgb(255, 255, 0255);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: left;  
    text-align: center;    
  }



  .flex-container1 {
    display: flex;
    width: 85em;
    border: 0px solid;    
    background: rgb(255, 255, 255);    
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
    margin: 0 auto;

  }

  .flex-container2 {
    display: flex;
    width: 85em;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    background: rgb(255, 255, 255);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;      
  }

  .flex-container3 {
    display: flex;
    width: 85em;
    flex-direction: row ;
    align-content: center;
    background: rgb(255, 255, 255);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;

  }

  .flex-container7 {
    display: flex;
    width: 35em;
    border: 0px solid;
    flex-direction: column ;
    background: rgb(255, 255, 255);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;  
    text-align: center;    
  }

  .flex-item {
    flex: 1;
    border: 0px solid rgb(0, 0, 0));
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    align-items: flex-start;
    align-content: flex-start;
    width: auto;  
  }
.flex-itema {
    flex: 1;
    border: 0px solid;
    margin: .1em;
    padding: .1em;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    align-items: center;
    align-content: center;
    width: auto;  
  }

.flex-itemb {
    flex: 1;
    border: 0px solid;
    margin: .1em;
    padding: .1em;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    align-items: center;
    align-content: center;
    width: auto;  
  }

.flex-itemc {
    display: flex;
    flex: 1;
    border: 0cap solid rgb(0,0,0);
    margin: .1em;
    padding: .1em;
    background: rgb(255, 255, 255);
    flex-grow: 1;
    align-items: start;
    align-content: start;
    width: 30%;  
    justify-content: center;
  }


  .flex-item1 {
    flex:1;
    flex-grow: 1;
    border: 0px solid;
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    align-items: flex-start;
    align-content: flex-start;
    width: 16%;  
  }

  .flex-item2 {
    border: 0px solid;
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: 50%;
  }
  .flex-item3 {
    flex: auto;
    border: 0px solid rgb(0,0,0);
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    width: 20%;
  }
  
    .flex-item6 {
    display: flex;
    border: 0px solid rgb(0, 0, 0);
    margin: .1em;
    padding: .5em;
    background: rgb(255, 255, 255);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    width: 25%;
    justify-content: center;
  }  
}

/*Viewport = breit und Schema = Dunkel*/
@media screen and (min-width:1001px)and (prefers-color-scheme: dark){


/* Grundeinstellungen */
  body {
    width: 86em;
    margin: auto;    
    height: auto;
    background-color: rgb(0,0, 0);
    align-items: center;
    align-content: center;
    text-align: center;
  }
  
  footer {
    width: 86em;
    height: auto;
    color: rgb(0, 0, 0);
    font-family: Livvic-Regular;
    text-align: center;
    margin: auto;
    
  }

/*Überschriften */
  h1 {
    font-size: 1.3em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align: center;
  }

  h1.drei{
    font-size: 3em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align: center;
  }




  h2 {
    font-size: 1.2em;
    color: rgb(255, 255, 255);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align:center;
  }

  h3 {
    font-size: 1.3em;
    color: rgb(255, 45, 33);
    font-family:Livvic-Medium;
    font-style:normal;
    text-align:center;
  }

/* Text */
  p {
    font-size: 1.1em;
    color: rgb(255, 255, 255);
    font-family:Livvic-Regular;
    font-style: normal;
    text-align: left;

  }

.fuss{
    font-size: .9em;
    color: rgb(255, 255, 255);
    font-family: Livvic-Regular;
    font-style: normal;
    text-align: center;
  }
  .block {
    font-size: 1.1em;
    text-align: justify;
    font-family:Livvic-Regular;
    color: rgb(255, 255, 255);
    padding: .1em;
  }

  .links {
    font-size: 1.1em;
    text-align: left;
    font-family:Livvic-Regular;
    color: rgb(255, 255, 255);
  }

/*suchen*/
  .block1 {
    font-size: 1.1em;
    text-align: left;
    font-family:Livvic-Regular;
    color: rgb(255, 255, 255);
    padding: .1em;
  }


 .zentriert {
    font-size: 1.1em;
    text-align: center;
    align-content: center;
    font-family:Livvic-Regular;
    color: rgb(255, 255, 255);
  }


  ul{
    font-size: 1.1em;
    color: rgb(255, 255, 255);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align: left;
  }
  li{
    font-size: 1.1em;
    color: rgb(255, 255, 255);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align: left;
  }

  a.eins {
    font-size: 1.1em;
    font-family:Livvic-Regular;
    color: rgb(255, 45, 33);
  }
  a.zwei {
    font-size: 1.1em;
    font-family:Livvic-Regular;
    color: rgb(29, 155, 240);
  }

  
/*Bilder */

  figure{
    font-size: 1.1em;
    color:rgb(255, 255, 255);    
    font-family:Livvic-Regular;
    font-style: normal;
    text-align: center;
  }

  img {
    width: auto;
    height: auto;
  }

  .bildchen {
    width: auto;
    scale: 1;
    height: auto;
  }
  .banner {
    /*width: calc(100% - .1em);    */
    width: 100%;    
    height: auto;

    scale: 1;
  }
  .bilder{
    width: 100%;
    height: 100%;
  }
  .buecher{
    width: auto;
    height: auto;
  }
  .bildhoch{
    width: auto;
    height: auto;
    
  }
  .bildquer{
    width: auto;
    height: auto;
      
  }
  .bildquer1{
    width: auto;
    height: auto;
  }
.zurueck{
    width: 145x;
    height: 75px;
  }
  .pfeil{
    width: 140px;
    height: 75px;
  }

  .logo {
    width: auto; 
    height: auto; 
    align-content: flex-start;
  }
  iframe {
    width: 540px; 
    height: 540px;
  } 
  video{
      width: 400px;
      height: 400px;
  }
  .flex-container {
    display: flex;
    width: 86em;
    border: 0px solid;
    flex-direction: row ;
    background: rgb(0, 0, 0);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: center;  
    text-align: center;    
  }

  .flex-container1 {
    display: flex;
    width: 85em;
    border: 0px solid;    
    background: rgb(0, 0, 0);
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
    margin: 0 auto;

  }

  .flex-container2 {
    display: flex;
    width: 85em;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    background: rgb(0, 0, 0);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;      
  }





  .flex-container3 {
    display: flex;
    width: 85em;
    flex-direction: row ;
    align-content: center;
    background: rgb(0, 0, 0);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;

  }

  .flex-container7 {
    display: flex;
    width: 35em;
    border: 0px solid;
    flex-direction: column ;
    background: rgb(0, 0, 0);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;  
    text-align: center;    
  }

  .flex-item {
    flex: 1;
    border: 0px  solid rgb(255,255, 255);
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);
    flex-grow: 1;
    align-items: flex-start;
    align-content: flex-start;
    font-family: Livvic-Regular;
    width: auto;  
  }
.flex-itemb {
    flex: 1;
    border: 0px  solid;
    margin: .1em;
    padding: .1em;
    background: rgb(0, 0, 0);
    flex-grow: 1;
    align-items: center;
    align-content: center;
    width: auto;  
  }


.flex-itemc {
    display: flex;
    flex: 1;
    border: 0px solid rgb(255, 255, 255);
    margin: .1em;
    padding: .1em;
    background: rgb(0, 0, 0);
    flex-grow: 1;
    align-items:start;
    align-content: start;
    width: 30%;  
    justify-content: center;
  }


.flex-itema {
    display: flex;
    flex: 1;
    border: 0px solid;
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);
    flex-grow: 1;
    align-items: center;
    align-content: center;
    font-family: Livvic-Regular;
    width: auto;  
    justify-content: center;
  }

  .flex-item1 {
    flex:1;
    flex-grow: 1;
    border: 0px;
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);
    align-items: flex-start;
    align-content: flex-start;
    width: 12%;  
  }

  .flex-item2 {
    border: 0px solid;
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: 50%;
  }
  .flex-item3 {
    border: 0px;
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: 20%;
  }
  
  .flex-item6 {
    display: flex;
    border: 0px solid rgb(255,255, 255);
    margin: .1em;
    padding: .5em;
    background: rgb(0, 0, 0);
    flex-grow: 1;  
    align-items: flex-start;
    align-content: flex-start;
    font-family:Livvic-Regular;
    width: 25%;
    justify-content: center;
  }  
}




/*Noch bearbeiten*/
@media print{
  body {
    width: 86em;
    margin: auto;    
    height: auto;
    background-color: rgb(194, 12, 12);
    align-items: center;
    align-content: center;
    text-align: center;
  }


h1 {
    font-size: 3.3em;
    color: rgb(255,0,0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align: center;
  }
  h2 {
    font-size: 3.2em;
    color: rgb(0, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align:center;
  }
  h3 {
    font-size: 3.3em;
    color: rgb(255, 0, 0);
    font-family:Livvic-Regular;
    font-style:normal;
    text-align:center;
  }
  

/* Text */
  p {
    font-size: 3.9em;
    color: rgb(0, 0, 0);
    font-family: Livvic-Regular;
    font-style: normal;
    text-align: left;

  }

  .block {
    font-size: 3.1em;
    text-align: justify;
    align-content: center;
    font-family:Livvic-Regular;
    color: rgb(0, 0, 0);    
    padding: .1em;    
  }


  .flex-container {
    display: flex;
    width: 85em;
    border: 0px solid;    
    background: rgb(229, 15, 15);
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
    margin: 0 auto;

  }

  .flex-container1 {
    display: flex;
    width: 85em;
    border: 0px solid;    
    background: rgb(0, 0, 0);
    justify-content: space-between;
    flex-direction: column;
    align-content: center;
    margin: 0 auto;

  }

  .flex-container2 {
    display: flex;
    width: 85em;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    background: rgb(0, 0, 0);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;      
  }





  .flex-container3 {
    display: flex;
    width: 85em;
    flex-direction: row ;
    align-content: center;
    background: rgb(218, 22, 22);
    border: 0px solid;
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;

  }

  .flex-container7 {
    display: flex;
    width: 35em;
    border: 0px solid;
    flex-direction: column ;
    background: rgb(0, 0, 0);
    align-content: flex-start;
    margin: 0 auto;
    justify-content: space-between;  
    text-align: center;    
  }

  .flex-item {
    flex: 1;
    border: 0px  solid;
    margin: .1em;
    padding: .5em;
    background: rgb(228, 13, 13);
    flex-grow: 1;
    align-items: flex-start;
    align-content: flex-start;
    font-family: Livvic-Regular;
    width: auto;  
  }

  .flex-item3 {
    flex: 1;
    border: 0px  solid;
    margin: .1em;
    padding: .5em;
    background: rgb(228, 13, 13);
    flex-grow: 1;
    align-items: flex-start;
    align-content: flex-start;
    font-family: Livvic-Regular;
    width: auto;  
  }

}