@charset "utf-8";
/* CSS Document */


@import "fonts/awesome/fontawesome.css";
@import "fonts/awesome/solid.css";
@import "fonts/awesome/regular.css";
@import "animate.css";


@font-face {
    font-family: 'impactregular';
    src: url('fonts/impact-webfont.woff2') format('woff2'),
         url('fonts/impact-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('fonts/OpenSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.woff2') format('woff2'),
        url('fonts/OpenSans-Italic.woff') format('woff'),
        url('fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff'),
        url('fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




html{
    overflow-x: hidden;
  }
body{
	background-image: url("../img/bg.svg");
	background-size: cover;
	background-position: top center;
	font-family: "Open Sans";
  font-weight: normal;
	font-size: 20px;
	line-height: 130%;
	color: #1003a3;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
p.big{
  font-size: 25px;
  line-height: 130%;
}
p.icon{
  margin-top:20px;
  margin-bottom: 0;
}
p.no-margin{
  margin: 0;
}
p{
  margin-top: 0;
}
strong,
.strong{
  font-weight: 700;
}
a{
	color: inherit;
	text-decoration: underline;
}
.wrapper{
	width: 100%;
	max-width: 1200px;
	margin: auto;
  position: relative;
  z-index: 0;
  padding-top: 5%;
	}

.rotate{
	transform: rotate(-5deg);
}

h1{
	font-family: "impactregular";
  font-weight: normal;
	color: #1003a3;
  font-size: 7vw;
    line-height: 8vw;
	text-transform: uppercase;
	margin: 0;
}
h2{
	font-family: "impactregular";
  font-size: 300%;
  line-height: 100%;
	font-weight: normal;
	margin: 0;
  text-transform: uppercase;
}
@media only screen and (max-width: 1100px) {
  h2{
    font-size: 5.5vw;
  }
  h3 {
  font-size: 100%;
}
}
h3 {
  text-transform: uppercase;
  margin: 0px 0px 15px 0;
}
h4{
  margin-top: 0;
}
.kasten1 h2{
	margin-top: 20px;
}
.padding1{
	padding-left: 10px;
}
.padding2{
	padding-left: 40px;
}

.gerade{
	transform: rotate(5deg);
}

.span2{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 40px;
  position: relative;
}
.span3{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 30px;
	max-width: 600px;
}

.kasten1{
	padding: 1px 20px 30px 20px;
	margin-right: 10px;
	margin-top: 80px;
	position: relative;
	min-height: 180px;
}
.kasten1.klein2 {/* SR 12.10.23 */
	margin-top: 0px;
}
.kasten2{
	display: block;
	padding: 1px 20px;
	float: left;
	margin-right: 40px;
	margin-top: 30px;
}
.right .kasten2{
	max-width: 300px;
	margin-left: 40px;
}
.left{
	float: left;
	max-width: 700px;
}

.right{
	display: block;
	max-width: 700px;
	position: relative;
	float: left;
}
.blau{
	background:  #1003a3;
}
.lila{
	background:  #b7b3e3;
}
.yellow li,
.yellow{
	color:#fce500;
}
.yellow2{
	color:#fce500;
}
.yellow3{
	background:#fce500;
}
.rosa{
	background: #e100a3;
}
.rosa2{
	color: #e100a3;
}
.white{
	background: #fff;
}
.white2{
	color: #fff;
}
.bg-rosa {
  background: #e100a3;
  padding: 1px 15px 4px 15px;
  color: #fff;
  text-align: center;
  display: inline-block;
}
.klein{
	font-size: 60%;
	line-height: 130%;
}
.kursiv{
  font-style: italic;
}
.schmal{
	max-width: 470px;
}
.top100{
	margin-top: 100px;
}
#section2{
	overflow: hidden;
}
.img{
	max-width: 580px;
	height: auto;
	margin-top: 40px;
}
.studier{
	max-width: 470px;
  min-width: 250px;
	margin-bottom: 30px;
	margin-top: 20px;
  position: absolute;
  width: 80%;
}

.btn {
  background: #1003a3;
  border: 0px solid #fff;
  padding: 7px 15px 11px 15px;
font-family: "Open Sans";
font-weight: normal;
	transition: all .2s ease-in-out;
	position: relative;
}
.btn:hover{
	background: #e100a3;
	transform: scale(1.2);
}

.btn a{
	color: #fff;
	text-decoration: none;
	font-size: 150%;
font-family: "Open Sans";
font-weight: normal;
}
button{
font-family: "Open Sans";
font-weight: normal;
}
a .down{
	transition: all .2s ease-in;
}
a:hover .down{
	transform: scale(3);
}
a:hover .klein2 img{ /* SR 12.10.23*/
	transform: scale(1.3);
}

.center{
	margin: auto;
	display: block;
}
.text-center{
  text-align: center;
}
.klein > .center{
	margin-left: 23%;
	display: block;
	margin-top: 20px;
	margin-bottom: 5px;
}
.kasten1 > .center{
	margin-left: 39%;
}
.down{
	position: absolute;
	bottom: 0;
	margin-left: 37%;
	margin-bottom: 5px;
}

.underlined{
	background: #e100a3;
	display: inline-block;
	color: #fce500;
	padding: 0 5px;
}




/* Quiz */
.frage {
   display: none; /* Verstecke alle Fragen zu Beginn */
 }
 .sichtbar {
   display: block; /* Zeige nur die sichtbare Frage */
 }
 .glas {
   margin-top: 20px;
   position:absolute;
 }
.inhalt {
   margin-top: 20px;
   position:absolute;
 }
 .glas-wrapper {
   position: absolute;
   width: 100px;
   rotate: 8deg;
   right: -25px;
   top: 0;
 }

 .glas, .inhalt {
     position: absolute; /* Absolute Positionierung relativ zum Elternelement */
     width: 100%;
     height: auto;
 }
 .glas svg, .inhalt svg {
     width: 100%;
     height: auto;
 }
 svg:not(:root){
    width:100%;
    height:auto;
  }

.inhalt {
   fill: #ccc; /* Standard-Füllfarbe */
}
 #hinweis {
   margin-top: 20px;
   display: none;
 }
 .btn-quiz {
   background: #ccc;
   border: 0;
   padding: 10px 15px 10px 15px;
   min-width: 140px;
   font-size: inherit;
   color: #fff;
   cursor: pointer;
   transition: all .2s ease-in-out;
 }
 .btn-quiz:hover{
   transform: scale(1.2);
 }
 .ja{
   background: #1003a3;
 }
 .nein{
   background: #e100a3;
 }
 .frage .strong {
  font-size: 120%;
  line-height: 110%;
}





/* Anstriche Liste*/

ul {
  list-style: none;
  padding: 0;
}

ul li {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%23fce500"><path d="M0 256L28.5 28c2-16 15.6-28 31.8-28H228.9c15 0 27.1 12.1 27.1 27.1c0 3.2-.6 6.5-1.7 9.5L208 160H347.3c20.2 0 36.7 16.4 36.7 36.7c0 7.4-2.2 14.6-6.4 20.7l-192.2 281c-5.9 8.6-15.6 13.7-25.9 13.7h-2.9c-15.7 0-28.5-12.8-28.5-28.5c0-2.3 .3-4.6 .9-6.9L176 288H32c-17.7 0-32-14.3-32-32z"/></svg>');
  background-repeat: no-repeat;
  background-size: 20px; /* Passen Sie die Größe des Hintergrundbildes an */
  background-position: left top;
  padding-left: 30px; /* Platz für das Hintergrundbild hinzufügen */
  margin-bottom: 15px; /* Beispielmargin zwischen den Listenelementen */
}
li{
  -webkit-hyphens: auto;
 -moz-hyphens: auto;
      hyphens: auto;
}





/* Slider */

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
}

#slider .slider {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider .slider .slider-item {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 30%;
  display: block;
  width: auto;
  height: auto;
  color: #fff;
  cursor: pointer;
  z-index: 1;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  left: 0;
}

a.control_next {
  right: 0;
}
.control i
{
  font-size: 400%;
  color: #1003a3;
}







/*  Icons */

h1.toedlich{
  padding-left: 15%;
}
h1.toedlich2 {
  padding-left: 17%;
  margin-top: 0%;
  }
h1.explosiv{
  padding-left: 15%;
  display: inline-block;
}
h1.fire{
  padding-left: 0;
  display: inline-block;
}
h1.fire2 {
  padding-left: 7%;
  margin-top: -2.2%;
}
h1.explosiv2 {
  padding-left: 18%;
  margin-top: -2%;
}

.toedlich::before {
  content: '';
  background-image: url('../img/toedlich.svg');
  background-repeat: no-repeat;
  rotate: 7deg;
  position: absolute;
  display: block;
  width: 35%;
  height: 293%;
  left: -4%;
  top: -25%;
}

.explosiv::before {
  content: '';
  background-image: url('../img/explosiv.svg');
  background-repeat: no-repeat;
  rotate: 7deg;
  position: absolute;
  display: block;
  width: 35%;
  height: 293%;
  left: 0;
  top: -25%;
}


.fire::after {
  content: '';
  background-image: url('../img/fire.svg');
  background-repeat: no-repeat;
  rotate: -14deg;
  position: absolute;
  display: block;
  width: 30%;
  height: 235%;
  right: -24%;
  top: -30%;
}



/*  Videos */

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}





/*  Bilder */
.bild1{
  background-image: url(../img/bild1.jpg);
}
.bild3{
  background-image: url(../img/bild3.jpg);
}
.bg-bild{
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  background-position: center top;
}
.bilderleiste {
  background-image: url(../img/bilderleiste.jpg);
  height: 340px;
  margin-top: 100px;
  width: calc(100% + 200px);
  margin-left: -100px;
}

/*  Trenner */

.trenner {
  background-image: url(../img/trenner.svg);
  height: 140px;
  margin-top: 100px;
  width: calc(100% + 200px);
  margin-left: -100px;
}





/*  Container */
.container{
  display: flex;
  justify-content: center;
}
.justify-content-left{
  justify-content: left;
}
.justify-content-right{
  justify-content: right;
}
.col2{
  width: 50%;
  float: left;
}
.col2-small
{
  width: 280px;
  height: 100%;
}
.col3-small
{
  width: 300px;
}
.col3-small.margin-right
{
  margin-right: 30px;
}
.col2-small.margin-right
{
  margin-right: 100px;
}


/*  Zoom */
.zoom,
.zoom .icon{
  transition: all 0.2s;
}

a:hover .zoom{
  scale:1.2;
}
a:hover .zoom .icon{
  scale:1.8;
}



/*  Paddings  */
.padding-50
{
  padding-left: 28%;
}
.padding-top-30
{
  padding-top: 30px;
}
.padding
{
  padding: 20px 30px 20px 30px;
}
.padding2
{
  padding: 50px 70px 50px 70px;
}
.padding-head-1
{
  padding-left: 5%;
}
.padding-head-2
{
  padding-left: 10%;
}

.padding-top-30
{
  padding-top: 30px;
}
.padding-bottom-30
{
  padding-bottom: 30px;
}
.padding-bottom-0
{
  padding-bottom: 0px;
}



/*  Margins  */
.margin-top-0
{
  margin-top: 0px;
}
.margin-top-50
{
  margin-top: 50px;
}
.margin-top-100
{
  margin-top: 100px;
}
.margin-bottom-20
{
  margin-bottom: 20px;
}


@media only screen and (max-width: 900px) {
.padding-head-1
{
  padding-left: 0;
  font-size: 2em;
}
.padding-head-2
{
  padding-left: 0;
}
/*  headline Besonderheiten  */
.break
{
  display: block;
}
.break1
{
  margin-left: -15px;
}
.break2
{
  margin-left: 75px;
}
.break3
{
  margin-left: -230px;
}
.break4
{
  margin-left: -25px;
}
.text-center-resp{
  text-align: center;
}
}
@media only screen and (max-width: 450px) {
.padding-head-1
{
  padding-left: 0;
  font-size: 9vw;
}
.padding-head-2
{
  padding-left: 0;
  font-size: 11vw;
}
/*  headline Besonderheiten  */
.break1
{
  margin-left: -55px;
}
.break2
{
  margin-left: 25px;
}
.break3
{
  margin-left: -175px;
}
.break4
{
  margin-left: -25px;
}
}




ul li,
p.yellow{
	font-size: 85%;
	font-family: "Open Sans";
  font-weight: bold;
	line-height: 130%;
}


span.down:before{
	content: "\ea99";
	font-family: IcoFont !important;
	font-size: 200%;
	color: #1003a3;
}
footer{
	display: block;
	position: relative;
	clear: both;
	padding-top: 100px;
	padding-bottom: 50px;
	float: right
}




/*------------- Header ------------- */

.nav-bg::after
{
  background: #fff;
  margin: 0;
  content: '';
  width: 400%;
  height: 500px;
  position: absolute;
  top: -350px;
  left: -100%;
  z-index: -1;
}
.nav-bg
{
  z-index: 1;
  padding: 0;
}
.margin-top
{
  margin-top: 190px;
}
.margin-right
{
  margin-right: 100px;
}

/*------------- MENU ------------- */

.nav .wrapper
{
  padding: 85px 0 0 30px;
}


.menu.fs {
  position: fixed;
  z-index: 100;
  width: 100%;
  margin: auto;
  max-width: 900px;
}
.menu-burger, .menu-bg {
  position: absolute;
    width: 30px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    border-radius: 100%;
    right: 0;
    top: 80px;
}
.menu-bg {
  background:#fff;
  pointer-events: none;
  transition: 0.3s;
  right: 11px;
  top: 35px;
  transform: translate3d(50%, -50%, 0);
  transform-origin: center center;
    z-index: 100;
}
.menu-bg.fs {
  transform: translate3d(50%, -50%, 0);
  width: 500vw;
  height: 500vw;
  background:#1003a3;
}
.menu-burger {
  color: #1003a3;
  -webkit-user-select: none;
  cursor: pointer;
  transition: 0.4s;
  transform-origin: center;
    z-index: 100;
}
.menu-burger.fs {
  transform: rotate(-180deg) translateY(2px);
  color: #fff;
}
.menu-items {
  position: absolute;
  font-weight: bold;
  font-size: 3vh;
  line-height: 3.7vh;
  color: white;
  width: calc(100% - 50px);
  text-align: center;
  opacity: 0;
  transition: 0.4s;
  margin-top: 19vh;
  transform: translateY(-200%);
  pointer-events: none;
  z-index: 100;
}
.menu-items div {
  transition: 1s;
  opacity: 0;
  margin-top: 0px;
}
.menu-items.fs {
  transform: translateY(0);
  pointer-events: auto;
  opacity: 1;
}
.menu-items.fs div {
  opacity: 1;
  margin-top: 30px;
}
.menu-items a {
  color: inherit;
  text-decoration: none;
}
.menu-items a div{
  transition: all 0.1s;
}
.menu-items a:hover div {
  transform: scale(1.2);
}




.non-resp{
	display: block;
}
.resp{
	display: none;
}
.non-resp-600{
	display: block;
}
.resp-600{
	display: none;
}




.instagram-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f09433; /* Instagram gradient colors */
  background-image: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  border: none;
  color: white;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.instagram-button:hover {
  transform: scale(1.05);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}

.button-content {
  display: flex;
  align-items: center;
  gap: 10px;
}

.icon-wrapper .icon {
  width: 24px; /* Adjust size as needed */
  height: 24px;
  fill: white; /* Icon color */
}

.text {
  font-weight: bold;
}





@media only screen and (min-width: 1300px) {

h1
{
  font-size: 75px;
  line-height: 105%;
}

}



@media only screen and (max-width: 1300px) {
  body{
  padding: 0 5% 0 5%;
}
h1
{
  font-size: 7vw;
  line-height: 7vw;
}
h1.explosiv {
  padding-left: 11vw;
}
h1.explosiv2 {
  padding-left: 15%;
  margin-top: -1%;
}
h1.fire2 {
  padding-left: 7%;
  margin-top: -1%;
}
.explosiv::before {
  left: -5%;
}
h1.explosiv2 .rosa2{
  -webkit-hyphens: none!important;
 -moz-hyphens: none!important;
      hyphens: none!important;
}
.container.md-col-12 .margin-right {
  margin-right: 30px;
}
.toedlich::before {
width: 29%;
  height: 293%;
  left: -7%;
  top: -21%;
}

}


@media only screen and (max-width: 900px) {
  p,
  ul li
  {
    font-size: 80%;
    line-height: 140%;
  }
  /*  Paddings  */
  .padding
  {
    padding: 10px 20px 10px 20px;
  }
  .padding2
  {
    padding: 30px 50px 30px 50px;
  }

#slider .slider .slider-item {
  width: 500px;
}

.non-resp{
display: none;
}
.resp{
display: block;
}
.padding-50 {
  padding-left: 0;
  margin-top: 0;
}
p.big {
  font-size: 20px;
  line-height: 130%;
}
.bilderleiste {
  height: 270px;
  margin-top: 60px;
  width: 200%;
  margin-left: -50%;
}
.col2-small.margin-right {
  margin-right: 30px;
  margin-bottom: 20px;
}
.col2.margin-right {
  margin-right: 30px;
  margin-bottom: 20px;
}
.introtext {
  margin-top: 4%;
}
.container.md-col-12 {
  display: block;
}
.container.md-col-12 .col2 {
  width: 67%;
  float: none;
  margin: auto;
}
.container.md-col-12 .col2.margin-right{
  margin-bottom:50px;
}

.btn-quiz {
  padding: 10px 12px 10px 12px;
  min-width: 110px;
}
h1.explosiv,
h1.explosiv2,
h1.fire,
h1.fire2 {
   font-size: 9vw;
   line-height: 9vw;
 }
 h1.explosiv2 {
    padding-left: 21%;
    margin-top: 0;
  }
  h1.explosiv {
     padding-left: 15%;
     margin-top: 0;
   }
   .explosiv::before {
  width: 31%;
}
h1.fire2 {
  padding-left: 7%;
  margin-top: 0;
}

.resp-600  h1 {
    font-size: 12.5vw;
    line-height: 13vw;
  }
.resp-600 h1.toedlich {
  padding-left: 0;
}
.resp-600 h1.toedlich2 {
  padding-left: 35%;
}
.resp-600 h1.toedlich3 {
  padding-left: 36%;
}
.resp-600 h1.toedlich4 {
  padding-left: 0;
  margin-top: 1%;
}
.resp-600 .toedlich::before {
    width: 43%;
    height: 300%;
    left: -3%;
    top: 59%;
  }

  .resp-600 h1.explosiv {
    padding-left: 0;
    margin-top: 0;
  }
  .resp-600 h1.explosiv2 {
     padding-left: 25%;
     margin-top: 0;
   }
   .resp-600 h1.explosiv3 {
      padding-left: 31%;
      margin-top: 0;
    }
    .resp-600 h1.explosiv4 {
       padding-left: 0%;
       margin-top: 0;
     }
  .resp-600 .explosiv::before {
    width: 42%;
    top: 61%;
  }
  #pta.resp-600  h1 {
      font-size: 14vw;
      line-height: 14vw;
    }
  #pta.resp-600 .fire::after {
  width: 50%;
  height: 235%;
  right: -65%;
  top: 60%;
}

.bg-bild
{
  min-height: 250px;
}
.trenner {
min-height: 50px;
margin-top: 0;
background-size: contain;
}
}

@media only screen and (max-width: 600px) {
  p,
  ul li
  {
    font-size: 70%;
  }
  p.big
  {
    font-size: 90%;
  }
  .non-resp-600{
  display: none;
  }
  .resp-600{
  display: block;
  }
  .container
{
  flex-direction: column;
}
.col2
{
  width: 95%;
}
.tag .col2 {
    width: 80%;
  }

.btn a
{
  font-size: 120%;
}
#slider .slider .slider-item {
  width: 300px;
}
.col2-small {
  width: 200px;
  margin: auto;
}
.col2-small.margin-right {
    margin-right: auto;
  }

.justify-content-left .margin-right{
  margin-right: 0;
  margin-top: 30px;
}
.justify-content-left .col2 {
   width: 90%;
 }
}


@media only screen and (max-width: 450px) {
  body{
    -webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
        background-image: unset;
    background-color: #A9D8D8;
  }
  .bg::after {
     content: '';
     width: 85%;
     height: 195px;
     position: absolute;
     background: url("../img/radioaktiv2.svg");
     z-index: -1;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center top;
   }
   .klein {
  font-size: 80%;
}
  .menu-items{
    hyphens: none!important;
  }
  .nav .wrapper
  {
    padding: 85px 0 0 0;
    width: 90%;
  }
  .menu-burger
{
  top: 45px;
}
.nav-bg::after
{
  top: -395px;
}
.padding-50
{
  padding-left: 20px;
  margin-top: 15px;
}
.padding2 {
  padding: 15px 30px 15px 30px;
}
#slider .slider .slider-item {
  width: 250px;
}
.slider .padding
{
    padding: 5px 10px 5px 10px;
  }
  .margin-top {
  margin-top: 130px;
}
.col2.margin-right {
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 5%;
  }
  .container.md-col-12 .col2 {
  width: 95%;
  float: none;
  margin: 0;
}
.glas-wrapper {
  width: 70px;
}
.frage .strong {
  font-size: 100%;
  line-height: 100%;
}
.btn-quiz {
   min-width: 90px;
 }
 .container.md-col-12 .padding2 {
   padding: 30px 00px 30px 0px;
 }
 .bg-bild {
    min-height: 100px;
  }
  p.big {
   font-size: 80%;
 }
 h2 {
    font-size: 10vw;
  }
  .bilderleiste {
   height: 190px;
   margin-top: 30px;
 }
 .trenner {
  height: 50px;
}

}