.container-games #background {
  width: 100%;
  max-height: 100%;
}
.container-games #game {
  position: absolute;
  left: 35%;
  top: 29%;
  /* background-color: red; */
  width: 30%;
  height: 35%;
  cursor: pointer;
}


body {
  position: relative;
  font-weight: bold;
}

#missingQuestion {
  margin: 0;
  padding: 2rem;
}

.container-games #podcast {
  position: absolute;
  left: 8%;
  top: 29%;
  /* background-color: red; */

  width: 22%;
  height: 35%;
  cursor: pointer;
}

.container-games #movie {
  position: absolute;
  left: 70.5%;
  top: 29%;

  /* background-color: red; */
  width: 22%;
  height: 35%;
  cursor: pointer;
}

.container-games #mainmovie {
  position: absolute;
  left: 47.5%;
  top: 72%;
  /* background-color: red; */

  width: 5%;
  height: 18%;
  cursor: pointer;
}
.container-games {
  position: relative;
  width: 100%;
  object-fit: cover;
}

#modalGameSelection {
  width: 100%;

  margin: auto;
}

.gameSelect {
  width: 100%;
  height: 100%;
  padding: 20px;
}

.gameSelectButton {
  border-color: black;
  border-width: 2px;
  border-style: solid;
  border-radius: 5px;
  cursor: pointer;
  padding: 5px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

.show-cursor {
  cursor: pointer;
}

#collage hr {
    border: none;
    border-top: 2px solid #f5f2f2;
    height: 1px;
  }
  
  #collage #playPanel {
    padding: 10px 0px;
    margin: 10px auto;
    max-width: 100%;
    width: 95%;
  }
  
  #collage #actualImageBox {
    display: inline-block;
    font-size: 0.8em;
    margin: 10px 10px;
    vertical-align: top;
    width: 280px;
  }
  
  #collage #stepBox,
  #collage #timeBox {
    display: inline-block;
    width: 48%;
  }
  
  #collage #stepBox div {
    display: inline-block;
    padding: 1px 4px;
    margin: 0px auto;
    max-width: 100%;
  }
  
  #collage img#actualImage {
    /* border: 2px solid #7f8c8d; */
    height: 280px;
    width: 280px;
  }
  
  #collage #sortable {
    /* border: 2px solid #7f8c8d; */
    list-style-type: none;
    display: inline-block;
    margin: 10px;
    padding: 0;
    width: 404px;
  }
  
  #collage #sortable li {
    background-size: 400% 400%;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    float: left;
    width: 100px;
    height: 100px;
  }





.BiberButton {
  padding: 10px;
  font-size: 20px;

  background-color: #7f8c8d;

  color: white;

  text-transform: uppercase;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  cursor: pointer;

  min-width: 300px;
}

.BiberButton:hover {
  padding: 10px;
  font-size: 20px;

  -webkit-transition: all 0.4s ease 0s;

  transition: all 0.4s ease 0s;

  background-color: #1b5775;

  color: white;

  text-transform: uppercase;

  cursor: pointer;
}

.link {
  text-decoration: none;
  color: white;
  margin-left: 0px;
  margin-right: 0px;

  display:inline-block;
  /* height:100%; */
  line-height:30px;
  font-weight:600;
  padding-left:20px;
  padding-right:20px;
  transition:.4s background ease;
}

.link:hover {
  color:#FFF !important;
  background:#b7274c;
  transition:.4s background ease;
}

.pulsating-circle-textbox {
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translateX(-50%) translateY(-50%);

  
  /* background-color: rgba(128, 128, 128, 0.8); */
  color: rgb(145, 29, 58);
  /* color: white; */


  font-weight:800;

  font-size: 25px;

  /* border-color: grey;
  border-style: solid;
  border-radius: 3px;
  border-width: 2px; */

  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.pulsating-circle-mainmovie {
  position: absolute;
  left: 50%;
  top: 88%;
  transform: translateX(-50%) translateY(-50%);

  
  /* background-color: rgba(128, 128, 128, 0.8); */
  color: rgb(145, 29, 58);

  /* color: white; */

  font-size: 25px;
  font-weight:800;


  /* border-color: grey;
  border-style: solid;
  border-radius: 3px;
  border-width: 2px; */

  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.pulsating-circle-textbox-text{
  color: white;
}

.modal-toggle-box {
  border-color: grey;
  border-style: solid;
  border-width: 3px;
}

.censored {
  -webkit-filter: blur(20px); /* Safari 6.0 - 9.0 */
  filter: blur(20px);
}

@media screen and (max-width: 700px) {
  .circle-label {
    visibility: hidden;
  }
}

.newword-colum {
  padding: 10px;
  margin: 10px;
  border-radius: 3px;
  border-width: 1px;
  border-color: grey;
  border-style: solid;
  text-align: center;

  cursor: pointer;
  user-select: none;
}

.newword-correct {
  background-color: green !important;
  color: white !important;
}

.newword-wrong {
  background-color: lightcoral !important;
  color: white !important;
}



.missingAnswer {
  width: 30%;
  height: 60px;
  border-width: 1px;
  border-style: solid;
  margin: 10px;
  line-height: 60px;
  font-size: 30px;
  background-color: lightgray;
  color: grey;
  border-radius: 2px;
  font-weight: 500;
}

.missingAnswerText {
  color: black;
}

.puzzle-select-card {
  width: 200px;
  margin: 30px;

  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;

  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: lightgrey;

  cursor: pointer;

  transition: all .1s ease-in-out;

}

.bubble {
  position: relative;
  background: #A1A1A1;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 20px;
  /* line-height: 100px; */
  text-align: center;
  width: auto;
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  /* height: 100px; */
  border-radius: 10px;
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  padding: 20px;
}
.bubble:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  z-index: 1;
  border-style: solid;
  border-color: transparent #A1A1A1;
  border-width: 20px 20px 20px 0;
  top: 50%;
  left: -20px;
  margin-top: -20px;
}

.puzzle-select-card:hover {
  box-shadow: 0 0 30px rgba(33,33,33,.2); 
  transform: scale(1.3);

  font-weight: 500;
  font-size: 20px;

  position: relative;
}

body {
  padding-right: 0px !important;
}

.stimmts-wrong {
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color:#c62d1f;
	border-radius:42px;
	border:5px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:21px 33px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.stimmts-wrong:hover {
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	background-color:#f24437;
}
.stimmts-wrong:active {
	position:relative;
	top:1px;
}

.stimmts-right {
	box-shadow: 3px 4px 0px 0px #3dc21b;
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	background-color:#44c767;
	border-radius:42px;
	border:5px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	padding:21px 33px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.stimmts-right:hover {
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	background-color:#5cbf2a;
}
.stimmts-right:active {
	position:relative;
	top:1px;
}


.quizbox {
  width: 1138px;
  height: 600px;

  /* background-color: darkgreen; */

}

.quizpart {
   height: 100%;
}

.quiz-image {
   margin: auto;
   height: 402px;
   width: 402px;

   /* background-color: yellow; */
   /* border-radius: 0px; */
   /* border-width: 1px; */
   /* border-style: solid; */
}

#sortable {
  border: 2px solid black;
  list-style-type: none;
  display: inline-block;
  margin: 10px;
  padding: 0;
  width: 404px;
  height: 404px;

  background-image: url(./assets/images/cardboard.jpg);
}

#sortable li {
background-size: 400% 400%;
border: none;
cursor: pointer;
margin: 0;
padding: 0;
float: left;
width: 100px;
height: 100px;
}

#randomBox {
  border: 20px ridge #B7274C;
  background: #eaeaea;
  border-color: #B7274C;

}

BODY,HTML{
  /* overflow:auto !important; */
  min-height:100vh;
}

#navbar{
  position:fixed;
  top:0px;
  left:0;
  width:100%;
  z-index:1155;
  box-shadow:5px 5px 5px rgba(0,0,0,0.2);
  background:rgba(255,255,255,1) !important;
  transform:translate(0px, -100px);
  transition:1s transform ease;
  padding:0 !important;
}

.container-fluid{
  margin:0 !important;
  padding: 0 !important;
}

.logos IMG{
  height:65px;
  width:auto;
  margin:10px 50px;
  padding:0px;
  display:inline-block;
}

.link {
  margin-left: -5px;
  margin-right: 30px;
  color:#b7274c;
}

#navbar.vis{
  transform:translate(0px, 0px);
  transition:1s transform ease;
}

.navbar-brand {
  background:#b7274c;
  color:#FFF !important;
  margin:0 !important;
  height:85px;
  line-height:63px;
  padding:10px 30px;
  font-size:1.5rem;
  max-width: 80vw;
}

.container-games{
  width:100%;
  overflow:hidden;
}

@media (max-width: 400px) {
  .navbar-brand {
    padding: 0px;
  }
}

.container-games.ready{
  overflow:visible;
}

.background-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  /*background:rgba(127,140,141,0.5);*/
  background:rgba(255,255,255,0.25); /* 0.35 */
  opacity:0;
}

.main-background-holder{
  position: relative;
  display:block;
  width:100%;
  height:auto;
}

.main-background{
  opacity:0;
  width: 100%;
  height: auto;
  position:relative;
  display:block;
}

.main-background-holder::after{
  position: absolute;
  bottom:0px;
  left:0px;
  right:0px;
  height:120px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7f8c8d+0,7f8c8d+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(127,140,141,0) 0%, rgba(127,140,141,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(127,140,141,0) 0%,rgba(127,140,141,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(127,140,141,0) 0%,rgba(127,140,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f8c8d', endColorstr='#7f8c8d',GradientType=0 ); /* IE6-9 */

  content:"";
  display:block;
}

.pulsating-circle, .pulsating-circle-textbox, .pulsating-circle-mainmovie{
  display:none;
}

.interactive-elems{
  position:absolute;
  top:calc( 25% + 65px );
  bottom:25%;
  left:10%;
  right:10%;
  display:block;
  z-index:50;
  opacity:0;
}

@media(max-width:1023px){
  .interactive-elems{
    position:relative;
    top:auto;
    bottom:auto;
    left:auto;
    right:auto;
    margin-top:-26vw;
  }

  .interactive-elems::after{
    content:"";
    clear:both;

  }

  .partner-container{
    position:relative;
  }
}

@media(max-width:930px){
  .interactive-elems{
    display:block !important;
  }
  .modal-body {
    padding-bottom: 13vh !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
  }
}

.interactive-elems .ia-elem{
  background:rgba(255,255,255,0.85);
  display:block;
  /* width:16%; */
  height:100%;
  position:relative;
  float:left;
  margin:0px 2%;
  box-shadow:5px 5px 15px rgba(0,0,0,0.2);
  border-bottom:3px solid #b7274c;
  text-decoration:none;
  transition:0.4s all ease;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
}

@media(max-width:930px){
  .interactive-elems .ia-elem{
    float:none;
    margin:0px auto;
  }
}

.interactive-elems .ia-elem:hover{
  transition:0.4s all ease;
  box-shadow:5px 5px 15px rgba(0,0,0,0.5);
  transform:scale(1.05,1.05);
}

.interactive-elems .ia-elem h3{
  background:#b7274c;
  color:#FFF;
  display:block;
  margin-left:-18px;
  width:100%;
  margin-top:30px;
  padding:10px;
  text-align:left;
  font-size:1.4rem;
  line-height:1.2;
  margin-bottom:2rem;
}

.interactive-elems .ia-elem P{
  margin-left:20px;
  margin-right:20px;
  color:#222;

  height: 10rem;
}

.interactive-elems .ia-elem .btn{
  color:#b7274c;
  border:1px solid #b7274c;
  border-radius:3px;
  display:block;
  position:absolute;
  bottom:20px;
  font-weight:bold;
  left:20px;
  width:calc( 100% - 40px );
  transition:0.4s background ease;
}

.interactive-elems .ia-elem .btn:hover{
  background:rgba(183,39,76,0.15);
  transition:0.4s background ease;
}

@media(max-width:1600px){
  .logos IMG{
    height:55px;
  }

  .navbar-brand {
    height:75px;
    line-height:53px;
    font-size:1.35rem;
  }
}

@media(max-width:1600px) and (min-width:931px){
  .interactive-elems .ia-elem{
    width:17%;
    margin:0px 1.5%;
  }
}

@media(max-width:1300px) and (min-width:1024px){
  .interactive-elems{
    top:160px;
    bottom:auto;
    height:auto;
  }

  .interactive-elems .ia-elem{
    width:30%;
    margin:0px 1.666%;
    min-height:260px;
    margin-bottom:40px;
  }
}

/* MODAL */
.modal-xl {
  max-width: none;
  margin:0px;
  display:block;
  padding:0px;
  position:fixed;
  top:85px;
  left:0px;
  right:0px;
  bottom:0px;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgba(255,255,255,0.85);
  background-clip: padding-box;
  border: none;
  border-radius: 0;
  outline: 0;
  height:100%;
  padding:0px;
}

.modal-body H2{
  display:inline-block;
  color:#FFF;
  background:#b7274c;
  line-height:1;
  font-size:2rem;
  padding:10px 80px 10px 30px;
  margin:0 0 1.25rem 0;
  margin-left:-30px;
}

.modal-header::after{
  display:block;
  content:"";
  border-bottom:1px solid #b7274c;
  width:100%;
  height:1px;
  position: absolute;
  left:0px;
  top:84px;
}

.modal-body P{
  margin-bottom:2rem;
}

.modal-header h5{
  display:none;
}

.modal-body{
  height:calc( 100% - 56px );
  padding:40px;
  padding-top: 0px;
  width:50vw;
  margin-left:auto;
  margin-right:auto;

  min-width: 350px;
}

.modal-body h2 {
  margin-bottom: 75px;
}

.modal-header{
  border-bottom:0px;
}

.modal-footer{
  display:none !important;
}

.modal-backdrop {
  background-color: #FFF;
}

video{
  box-shadow:5px 5px 10px rgba(0,0,0,0.2);
}

.modal-header .btn-close {
  display:none;
}

#missing-status {
  height: 5rem;
  margin: 0px;
  
}

.btn-fixed{
  font-size:1.5rem;
  padding:10px 0px;
  display:block;
  border-radius:0px;
  width:260px;
  position: absolute;
  bottom:20px;
  right:0px;
}

.btn-fixed:before{
  font-size:4.5rem;
  display:inline;
  content:"ˣ";
  position:absolute;
  margin-right:15px;
  line-height:1;
  left:42px;
  opacity:0.75;
  top:-5px;
}

.modal-content-fuehrung{
  background:url('./assets/images/background/Hintergrund_Virtuelle_Fuhrung.JPG') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-fuehrung::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}



.modal-content-podcast{
  background:url('./assets/images/background/Hintergrund_Podcast_small.JPG') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-podcast::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}

.modal-content-videos{
  background:url('./assets/images/background/Hintergrund_Videos_small.jpg') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-videos::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}

.modal-content-stimmts{
  background:url('./assets/images/background/Hintergrund_wortspiel.JPG') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover !important;
}

.modal-content-stimmts::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}
.modal-content-puzzle{
  background:url('./assets/images/background/Hintergrund_Puzzle.jpg') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-puzzle::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}
.modal-content-wort{
  background:url('./assets/images/background/Hintergrund_wortspiel.JPG') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover !important;
}

.modal-content-lesesaal {
  background:url('./assets/images/background/Wieland.jpg') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover !important;
}

.modal-content-lesesaal::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}

.modal-content-wort::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}
.modal-content-zitat{
  background:url('./assets/images/background/Hintergrund_wortspiel.JPG') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-zitat::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}

.modal-content-zwischen{
  background:url('./assets/images/background/Hintergrund_wortspiel.JPG') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-zwischen::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}



.modal-content-ubersicht{
  background:url('./assets/images/background/HintergrundSpiele_ubersicht.jpg') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-ubersicht::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}

.modal-content-barrierefrei{
  background:url('./assets/images/background/barrierefrei.jpg') no-repeat center center scroll rgba(255,255,255,0.75);
  background-size:cover;
}

.modal-content-barrierefrei::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:rgba(255,255,255,0.8);
}

/* Style The Dropdown Button */


/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */

.dropdown-container {
  padding-top: 30px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 300px;
  width: 30vw;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}

.dropdown-content h4 {
  color: #b7274c;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content hr {
  color:rgba(255,255,255,0.000);
  border-color:rgba(255,255,255,0.000);
}

/* Change color of dropdown links on hover */
/* .dropdown-content a:hover {background-color: #f1f1f1} */
.dropdown-content a:hover {background-color: #b7274c; color:#FFF !important; transition:0.2s all ease;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}



.dropdown-content ul {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
}

.vid-thumbnail {
  position: relative;
  text-align: center;
  margin-left: 20px;
  margin-bottom: 1rem;
  width: 100vw;
  min-width: 100px; 
  margin-right: 20px;
  /* width: (100% - 40px); */
}

.vid-fassung {
  color: #b7274c;
  text-align: center;

  margin-top: 10px;
  margin-bottom: 10px;
}

/* Bottom right text */
.vid-thumbnail .vid-length {
  position: absolute;
  top: 8px;
  right: 16px;
  font-size: 1.5rem;
  color: white;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

.vid-thumbnail .vid-title {
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 100%;
  font-weight: 700;
  color: white;
  text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
  
}

.play {
  cursor:pointer;
}

.accessible-button {
  color: white;
  padding: 2px;
  margin-top: 110px;
  margin-right: 20px;
  height: 50px;
  width: 50px;

  box-sizing: border-box;
  border: 1px solid white;
  

  position: absolute;
  top: 0;
  right: 0;
}

.hide {
  display: none !important;
}

.partner H3{
  margin-bottom:1.5rem;
}

FOOTER .link:hover{
  color:#b7274c;
  background:none;
  /* text-decoration:underline; */
}

.partner DIV IMG{
  margin:0px 5px;
}

.zwischen-text {
  font-size: 1.4rem;
}

.zwischen {
  font-weight: 500 !important;
  font-size: 28px !important;
  line-height: 33.6px;
}

.sprechblase {
  line-height: 30px;
  font-weight: 700;
  font-size: 20px;
}
.sprechblase-white {
  line-height: 30px;
  font-weight: 700;
  font-size: 20px;
  color: white;
}

.footer-link {
  margin-left: 10px;
  margin-right: 10px;
  color: #d91849;
  font-size: 1.4rem;

}

.burger-content {
  position: absolute;
  background-color: #f9f9f9;
  min-width: 300px;
  width: 30vw;
  z-index: 1;
}

.burger-content a {
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  display: block;
  font-weight: normal;
}

.burger-content h4 {
  padding: 10px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.burger-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content ul li{
  margin:0px;
  padding:0px;
}

.vid-thumbnail-holder {
  position: relative;
  margin:10px 15px;
}

.vid-thumbnail-holder-big{
  width: 50%;
  margin:10px 15px;
}

.vid-thumbnail:hover {
  transform:scale(1.02);
  transition:0.4s transform,box-shadow ease;
  box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}

/* Change the background color of the dropdown button when the dropdown content is shown */


.burger-content ul {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
}

li h2 {
  padding: 20px;
}

.burger-title {
  color: #b7274c !important;

}
.burger {
  display: none;
}

.nicht-burger {
  display: block;
}

@media (max-width: 768px) {
  .burger {
    display: block;
  }
  .nicht-burger {
    display: none;
  }

}

@media (max-width: 800px) {
  .modal-content .btn-fixed {
    padding: 0px !important;
    width: 120px !important;
  }

  .modal-content .btn-fixed::before {
    content: "" !important;
  }
}

@media (max-width: 1210px) {
  .navmenu {
    display: none;
  }
  .vid-box {
    margin-left: 0px !important;
    margin-top: 20px !important;
    flex-wrap: wrap!important;
  }
  .vid-thumbnail {
    flex-wrap: wrap!important;
    width: 40vw !important; 
    margin: auto !important;
    margin-top: 50px !important;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.partner-list img{
  margin: 20px;
}

.vid-box {
  /* margin-left: 80px;  */
  margin-top: 50px; 
  overflow-x: auto;
}


.cookie-banner-box {
  width: 100vw;
  /* height: 83px; */

  background-color: #484848;

  padding: 15px;

  z-index: 9999;
}

.cookie-banner-labels {
  
}

.cookie-banner-labels .headline {
  display: block;
  font-size: 20px;
  color: white;
}

.cookie-banner-labels .subline {
  display: block;
  font-size: 12px;
  color: white;
  margin-top: 0px;
}

.cookie-banner-consent {
  /* padding: 15px; */
}

.cookie-banner-consent button {
  width: 100%;
  border-radius: 2px;
  border-color: #212121;
  border-style: solid;

  background-color: #212121;

  color: white;

  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cookie-banner-consent a {
  text-align: right;
  color: #A5A5A5 !important;
  text-decoration: none;
}

.hidden {
  display: none;
}

.fuhrung-title {
  font-size: 1.5rem;
  text-align: center;
  color: #b7274c !important;
}