@import url(https://fonts.googleapis.com/css?family=Nunito);
/* @import url(https://fonts.googleapis.com/css?family=Futura); */

@font-face { font-family: 'mein-Futura';
           /*  src: local ('mein-Futura')*/
             src:     url('Futura-Bold-03.ttf') format('truetype'); }

a {
    text-decoration:none;
 /*   color: #4D4D4D; /* dark grey */
     color: #FFFFFF; /* black */
}

.abstand_zwischen_zellen {
    padding-right: 15px;
}

body {
    font-family: 'Nunito', sans-serif;
/*    background-color: #4D4D4D; /* dark grey */
/*    background-color: #EEE9E9; /* light grey */
 background-color: #000000; /* light grey */
    margin: 0;
    overflow-y: scroll;
}

p {
  margin-top: 0px;
}

div.eckenrundung {
    -moz-border-radius:15px 15px 15px 15px; /* Firefox */
    -webkit-border-radius:15px 15px 15px 15px; /* Chrome, Safari */
    -khtml-border-radius:15px 15px 15px 15px; /* Konqueror */
    border-radius:10px 10px 10px 10px; /* CSS3 */
    behavior:url(border-radius.htc); /* Internet Explorer */
 /*   background-color: #EEE9E9; /* light grey */
    background-color: #000000; /* light grey */
/*    color: #4D4D4D; /* dark grey */
    color: #FFFFFF; /* black */
/*    margin: 30px 120px 30px 120px; */
/*    height: 800px;*/
}

/*.header { width: 100%; float: left; border-bottom: 1px solid #8e8e8e; margin-bottom: 20px;
  position: relative;
}. --- ersetzt durch */

.header { width: 100%; float: left; border-bottom: 1px solid #FFFFFF; margin-bottom: 20px;
  position: relative;
}

.header-index { width: 100%; float: left; margin-bottom: 20px;
  position: relative;
}
.header-index h1 a { color: white; }
.header-index h1 { color: white; }

.header h1, .header-index h1 { margin-top: 30px; margin-bottom: 18px; }

.header h1 a, .header-index h1 a { 
  /*font-family: 'Futura Bold'; font-size: 44px; margin-top: 0; */
  font-family: 'mein-Futura'; font-size: 44px; margin-top: 0; 

}

.header {
  display: grid;
  grid-template-columns: 5fr 1fr;
  grid-column-gap: 2%;
}

.navbar {
  overflow: hidden;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown, .dropdown2 {
  float: right;
  overflow: hidden;
}

.dropdown2 {
  padding-bottom: 12px
}

.dropdown .dropbtn, .dropdown2 .dropbtn2 {
  font-size: 16px;
  border: none;
  outline: none;
/*  color: #4D4D4D; --- ersetzt durch */
  color: #FFFFFF;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .dropdown:hover .dropbtn, .dropdown2:hover .dropbtn2 {
/*  background-color: #4D4D4D; --- ersetzt durch */
  background-color: #000000;
  color: white;
}

.dropdown-content {
  display: none;
  position: absolute;
  right: 0px;
/*  background-color: #f9f9f9;  --- ersetzt durch */
  background-color: #FFFFFF;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10000;
}

.dropdown-content-safari-fix{
  top: 55px;
}

.dropdown-content2 {
  display: none;
/*  background-color: #f2f2f2;  --- ersetzt durch */
  background-color: #FFFFFF;
  z-index: 10000
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: right;
}

.dropdown-content a:hover, .button-dropdown-content:hover {
/*  background-color: #ddd;  --- ersetzt durch */
  background-color: #ddd; 
}

.button-dropdown-content{
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: right;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    width: 100%;
}

.dropdown:hover .dropdown-content, .w3-show2 {
  display: block;
}

.w3-show {
  display: block;
}

.w3-show2 {
  display: block !important;
}

.w3-show {
  padding-top: 42px;
  background: lightgrey;
  margin-bottom: -42px;
}

.dropdown-content-helper{
  margin-top: 42px;
}

/* Style the hamburger menu */
.header a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.header .navbar a:hover {
/*  background-color: #ddd;*/
  color: black;
}

/* Style the active link (or home/logo) */
.active {
/*  background-color: #4CAF50; --- ersetzt durch */
background-color: #000000;
  color: white;
}

.image_claudia_meyer_klein {
    border-style: none; /* Dem IE muss explizit gesagt werden, dass er keinen Rahmen malen soll... */
}

.image_landscape {
    width: 500px;
    height: 333px;
}

.image_landscape_333x222 {
    width: 333px;
    height: 222px;
}

.image_portrait {
    width: 333px;
    height: 500px;
}

.image_portrait2 {
    width: 375px;
    height: 500px;
}

.image_quadrat {
    width: 400px;
    height: 409px;
}

.impressum {
    font-size: 8pt;
}

.inhalt {
    margin-left: 235px; /* L�sst am Ende der Navigation den Inhaltstext nicht drunterflie�en, sondern h�lt weiter Abstand. */
}

.inhalt_kurz {
    height: 400px; /* Notwendig f�r IE 6, da sonst bei Seiten, wo der Inhalt
                      k�rzer als die Navigation ist, der untere Teil der Navigation nicht mehr angezeigt wird. */
/*    border: 1px dashed silver; /* nur f�r Ausrichtungszwecke */
}

.inszenierung_link {
    font-size: 10pt;
    text-decoration: underline;
}

.inszenierung_text {
    font-size: 10pt;
}

.inszenierung_zitat {
    font-size: 10pt;
    font-style: italic;
    margin: 0;
    padding: 0;
}

.inszenierungen_overview_text {
    text-align: center;
    font-size: 11pt;
}

.name {
    font-weight: bold;
}

ul#navigation {
    width: 235px;
/*    height: 600px; /* Notwendig f�r IE 6, da sonst bei Seiten, wo der Inhalt
                      k�rzer als die Navigation ist, der untere Teil der Navigation nicht mehr angezeigt wird. */
    margin: 0 0 35px 0;
    padding: 0 0 0 0;
/*    border: 1px dashed silver; /* nur f�r Ausrichtungszwecke */
}

ul#navigation li {
    list-style: none;
    margin: 0;
    padding: 0.5em 0; /* Abstand zwischen den einzelnen Listeneintr�gen. */
}
ul#navigation li:first-child {
    padding-top: 0px;
}

.navigation_aktiv {
    font-weight: bold;
}

.navigation_jahreszahl {
    font-size: 10pt;
}

.navigation_link {
    font-size: 12pt;
}

.navigation_link span {
    font-size: 10pt;
}

.navigationspanel {
    float: left;
}

.subtitle {
    font-size: 9pt;
}

.text_portrait {
    margin-left: 348px; /* 333px Foto + 15px Abstand zwischen Foto und Text */
}

.text_portrait2 {
    margin-left: 390px; /* 375px Foto + 15px Abstand zwischen Foto und Text */
/*    border: 1px dashed silver; /* nur f�r Ausrichtungszwecke */
}

.thumbnail_landscape {
    width: 190px;
    height: 127px;
    border: none;
    /*padding-top: 63px; /* Querformatige Fotos mit den hochformatigen Fotos unten b�ndig ausrichten. */
}

.thumbnail_portrait {
    width: 127px;
    height: 190px;
    border: none;
}

.thumbnail_portrait2 {
    width: 143px;
    height: 190px;
    border: none;
}

.thumbnail_quadrat {
    width: 186px;
    height: 190px;
    border: none;
}

.zitat {
    font-style: italic;
}

.zitat_quelle {
    font-weight: bold;
    font-size: 10pt;
}

/*.critics h3, .vita h3 { font-family: Arial; font-size: 16px; font-weight: bold; color: #4d4d4d; }
.critics p { font-family: Arial; font-size: 16px; font-weight: normal; color: #4d4d4d; font-style: italic; margin: 0 0 20px 0; } --- ersetzt durch */
.critics h3, .vita h3 { font-family: 'Nunito'; font-size: 16px; font-weight: bold; color: #FFFFFF; }
.critics p { font-family: 'Nunito'; font-size: 16px; font-weight: normal; color: #FFFFFF; font-style: italic; margin: 0 0 20px 0; }
.critics span.source { font-style: normal; font-size: 12px; font-weight: bold; margin: 0 0 35px 0; }
table, tbody, tr, td { float: left; border: none; display: block; }

.vita { text-align: justify; padding-left: 235px; padding-top: 66px; }
.vita_image { float: right; padding-left: 15px; width: 300px;  }
/* .vita p { font-family: Arial; font-size: 16px; font-weight: normal; color: #4d4d4d; margin: 0 0 20px 0; } --- ersetzt durch */
.vita p { font-family: 'Nunito'; font-size: 16px; font-weight: normal; color: #FFFFFF; margin: 0 0 20px 0; }
.vita table { width: 100%; margin-bottom: 35px; }
.vita table tr { width: 100%; text-align: left; }
.vita table tr td {float: left; width: 80%; padding: 0; margin-bottom: 10px; }
.vita table tr td.year { width: 20%; }

.title_and_image {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

.title_and_image {
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-column-gap: 2%;
}

.title_and_image2 {
  grid-template-columns: 1fr 1fr;
}

.headline_content_1, .video_content_3 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.description_content_4 {
  grid-row-start: 2;
  grid-column-start: 2;
}

.zero_margin{
  margin-left: 0 !important;
}

.fotograf_small, .inszenierung_zitat, .inszenierung_text, .inszenierung_info{
  width: 100% !important;
}

.video, .angriffe_auf_anne_youtube iframe {
  width: 1941px;
  height: 1130px;
}
.video_galileo {
  height: 867px;
}
.slider .bx-wrapper { width: 1941px; height: 1294px; }
.slider .bx-wrapper .bx-viewport { width: 1941px !important; height: 1294px; }
.slider .bx-wrapper .bx-viewport .bxslider { max-height: 1294px; }
.slider .bx-wrapper .bx-viewport .bxslider li img { height: 1294px; }
.fotograf { width: 1941px;}
.video_pictures_content {
  margin-left: calc(50% - 1941px/2)
}
.single_image { float: left; width: 1294px; }

.inszenierung_zitat {
  display: none !important;
}

.description {
  margin-top: -26px;
}

.description_old_vertical_pics {
      margin-top: -36px !important;
}

.inhalt_website {
    width: 2176px; /* Diese Weite muss die Summe der Weiten aus navigaton und inhalt sein. */
/*    border: 1px dashed silver; /* nur für Ausrichtungszwecke */
    margin:0px auto; /* 'auto' weist links und rechts dieselbe Breite zu, so dass der Inhalt der Website zentriert ist */
}

@media (max-width: 2559px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 1295px;
    height: 768px;
  }
  .video_galileo {
    height: 592px;
  }
  .slider .bx-wrapper { width: 1295px; height: 863px; }
  .slider .bx-wrapper .bx-viewport { width: 1295px !important; height: 863px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 863px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 863px; }
  .fotograf { width: 1295px;}
  .video_pictures_content {
    margin-left: calc(50% - 1295px/2)
  }
  .single_image { width: 863px;}
  .inhalt_website { width: 1530px; }
}

@media (max-width: 1799px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 989px;
    height: 596px;
  }
  .video_galileo {
    height: 461px;
  }
  .slider .bx-wrapper { width: 989px; height: 659px; }
  .slider .bx-wrapper .bx-viewport { width: 989px !important; height: 659px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 659px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 659px; }
  .fotograf { width: 989px;}
  .video_pictures_content {
    margin-left: calc(50% - 989px/2)
  }
  .single_image { width: 659px;}
  .inhalt_website { width: 1224px; }
}

@media (max-width: 1439px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 853px;
    height: 519px;
  }
  .video_galileo {
    height: 403px;
  }
  .slider .bx-wrapper { width: 853px; height: 569px; }
  .slider .bx-wrapper .bx-viewport { width: 853px !important; height: 569px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 569px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 569px; }
  .fotograf { width: 853px;}
  .video_pictures_content {
    margin-left: calc(50% - 853px/2)
  }
  .single_image { width: 569px;}
  .inhalt_website { width: 1088px; }
}

@media (max-width: 1279px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 615px;
    height: 386px;
  }
  .video_galileo {
    height: 302px;
  }
  .slider .bx-wrapper { width: 615px; height: 410px; }
  .slider .bx-wrapper .bx-viewport { width: 615px !important; height: 410px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 410px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 410px; }
  .fotograf { width: 615px;}
  .video_pictures_content {
    margin-left: calc(50% - 615px/2)
  }
  .single_image { width: 410px;}
  .inhalt_website { width: 850px; }
}

@media (max-width: 1000px) {
  .navigationspanel {
    display: none;
  }
  .inhalt_website {
      width:95%; /* Diese Weite muss die Summe der Weiten aus navigaton und inhalt sein. */
  }
  .inhalt {
    margin-left: 0px;
  }
  .vita {
    padding-left: 0px;
  }
  .title_and_image {
    display: grid;
    grid-template-columns: 5fr;
    grid-template-rows: 1fr;
  }
  .title_and_image2 {
    grid-template-columns: 1fr;
  }
  .headline_content_1, .video_content_3 {
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .description_content_4 {
    grid-row-start: 4;
    grid-column-start: 1;
  }
  .description_old_vertical_pics {
        margin-top: -26px !important;
  }
  .video {
    width: 608px;
    height: 382px;
  }
  .angriffe_auf_anne_youtube iframe {
      width: 405px;
      height: 228px;
    }
  .slider .bx-wrapper { width: 608px; height: 405px; }
  .slider .bx-wrapper .bx-viewport { width: 608px !important; height: 405px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 405px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 405px; }
  .fotograf { width: 608px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 608px;
    margin-left: calc(50% - 608px/2)
  }
  .title_and_image2 {
    width: 405px;
    margin-left: calc(50% - 405px/2)
  }
  .single_image { width: 405px;}
}

@media (max-width: 999px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 831px;
    height: 507px;
  }
  .video_galileo {
    height: 394px;
  }
  .slider .bx-wrapper { width: 831px; height: 554px; }
  .slider .bx-wrapper .bx-viewport { width: 831px !important; height: 554px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 554px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 554px; }
  .fotograf { width: 831px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 831px;
    margin-left: calc(50% - 831px/2);
  }
  .single_image { width: 831px;}
  .video_content_3 {
    margin-left: 0;
  }
  .inhalt_website { width: 831px; }
}

@media (max-width: 874px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 713px;
    height: 440px;
  }
  .video_galileo {
    height: 344px;
  }
  .slider .bx-wrapper { width: 713px; height: 475px; }
  .slider .bx-wrapper .bx-viewport { width: 713px !important; height: 475px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 475px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 475px; }
  .fotograf { width: 713px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 713px;
    margin-left: calc(50% - 713px/2);
  }
  .single_image { width: 713px;}
  .video_content_3 {
    margin-left: 0;
  }
  .inhalt_website { width: 713px; }
}

@media (max-width: 749px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 608px;
    height: 382px;
  }
  .video_galileo {
    height: 299px;
  }
  .slider .bx-wrapper { width: 608px; height: 405px; }
  .slider .bx-wrapper .bx-viewport { width: 608px !important; height: 405px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 405px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 405px; }
  .fotograf { width: 608px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 608px;
    margin-left: calc(50% - 608px/2);
  }
  .single_image { width: 608px;}
  .video_content_3 {
    margin-left: 0;
  }
  .inhalt_website { width: 608px; }
}

@media (max-width: 639px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 504px;
    height: 323px;
  }
  .video_galileo {
    height: 255px;
  }
  .slider .bx-wrapper { width: 504px; height: 336px; }
  .slider .bx-wrapper .bx-viewport { width: 504px !important; height: 336px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 336px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 336px; }
  .fotograf { width: 504px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 504px;
    margin-left: calc(50% - 504px/2);
  }
  .single_image { width: 504px;}
  .video_content_3 {
    margin-left: 0;
  }
  .inhalt_website { width: 504px; }
}

@media (max-width: 529px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 399px;
    height: 264px;
  }
  .video_galileo {
    height: 210px;
  }
  .slider .bx-wrapper { width: 399px; height: 266px; }
  .slider .bx-wrapper .bx-viewport { width: 399px !important; height: 266px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 266px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 266px; }
  .fotograf { width: 399px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 399px;
    margin-left: calc(50% - 399px/2);
  }
  .single_image { width: 399px;}
  .video_content_3 {
    margin-left: 0;
  }
  .inhalt_website { width: 399px; }
}

@media (max-width: 419px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 356px;
    height: 240px;
  }
  .video_galileo {
    height: 192px;
  }
  .slider .bx-wrapper { width: 356px; height: 238px; }
  .slider .bx-wrapper .bx-viewport { width: 356px !important; height: 238px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 238px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 238px; }
  .fotograf { width: 356px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 356px;
    margin-left: calc(50% - 356px/2);
  }
  .single_image { width: 356px;}
  .video_content_3 {
    margin-left: 0;
  }
  .inhalt_website { width: 356px; }
}

@media (max-width: 374px) {
  .video, .angriffe_auf_anne_youtube iframe {
    width: 304px;
    height: 211px;
  }
  .video_galileo {
    height: 170px;
  }
  .slider .bx-wrapper { width: 304px; height: 203px; }
  .slider .bx-wrapper .bx-viewport { width: 304px !important; height: 203px; }
  .slider .bx-wrapper .bx-viewport .bxslider { max-height: 203px; }
  .slider .bx-wrapper .bx-viewport .bxslider li img { height: 203px; }
  .fotograf { width: 304px;}
  .video_pictures_content {
    margin-left: 0;
  }
  .title_and_image {
    width: 304px;
    margin-left: calc(50% - 304px/2);
  }
  .single_image { width: 304px;}
  .video_content_3 {
    margin-left: 0;
  }
  .inhalt_website { width: 304px; }
}

@media(min-width: 1000px){
  .title_and_image2 .description .inszenierung_info, .title_and_image2 .description .inszenierung_text, .title_and_image2 .critics .inszenierung_info {
    margin-top: 0px;
    margin-bottom: 16px;
  }
}

.slider_and_description, .slider, .description, .image_and_description { float: left; width: 100%; }

.slider_and_description .bx-wrapper { width: 500px; height: 333px; margin: 0 !important; float: left; }
.slider_and_description .bx-wrapper .bx-viewport { width: 500px !important; height: 333px; border: none !important; left: 0 !important; box-shadow: none !important; }
.slider_and_description .bx-wrapper .bx-viewport .bxslider { margin: 0; max-height: 333px; }
.slider_and_description .bx-wrapper .bx-viewport .bxslider li { background: #000; }
.slider_and_description .bx-wrapper .bx-viewport .bxslider li img { height: 333px; margin: 0 auto; }
.slider_and_description .bx-wrapper .bx-controls .bx-pager { display: none; }
.slider .bx-wrapper { margin: 0 !important; float: left; }
.slider .bx-wrapper .bx-viewport { border: none !important; left: 0 !important; box-shadow: none !important; }
.slider .bx-wrapper .bx-viewport { margin: 0; }
.bxslider { margin: 0; list-style: none; padding:0;}
.slider .bx-wrapper .bx-viewport .bxslider li { background: #000; }
.slider .bx-wrapper .bx-viewport .bxslider li img { margin: 0 auto; }
.slider .bx-wrapper .bx-controls .bx-pager { display: none; }

.slider_and_description .inszenierung_info, .slider_and_description .inszenierung_text { float: right; display: block; width: 200px; margin: 0 0 20px 0; height: auto; }
.description .inszenierung_info, .description .inszenierung_text { float: left; display: block; margin: 0 0 20px 0; height: auto; }
.fotograf { font-size: 10px; margin: 0; line-height: 22px; float: left; }
.fotograf p {margin-bottom: 0;  margin-top: 0;}
.fotograf2 { font-size: 10px; margin: 0; line-height: 22px; float: left; }
.fotograf2 p {margin-bottom: 0;  margin-top: 0;}

.image_and_description .inszenierung_info, .image_and_description .inszenierung_text { float: left; display: block; min-width: 200px; max-width: 367px; margin: 0 0 20px 15px; width: auto; height: auto; }


.title_and_image iframe { margin-bottom: -12px; }
.angriffe_auf_anne_youtube iframe { margin-top: 20px; margin-bottom: 1px; }

.abstand_zwischen_zellen.aktuelles-tablet { padding: 0 15px 0 0 !important; }
.abstand_zwischen_zellen.aktuelles-tablet div p { margin: 0 !important; }
.abstand_zwischen_zellen.aktuelles-tablet h3,
.critics .abstand_zwischen_zellen.aktuelles-tablet h3.first { margin-top: 0 !important; }
.critics .abstand_zwischen_zellen.aktuelles-tablet h3 { margin-top: 35px !important; }


    .vita-desc, .vita p{
        font-size: 12px;
    }
    .vita table tr td.year {
      font-size: 12px;
    }
    .abstand_zwischen_zellen.aktuelles-tablet div p {
      font-size: 12px;
    }
    .navigationspanel, .inszenierung_text {
      font-size: 12px;
    }
    .critics h3, .vita h3, .critics p, .inhalt_kurz, .video_pictures_content, .dropdown-content, .dropdown-content a {
      font-size: 12px;
    }
    .description .inszenierung_info, .description .inszenierung_text, .critics .inszenierung_info {
      font-size: 12px;
      margin-top: 12px;
    }
    .inszenierung_info {
        margin: 0 0 4px 0 !important;
        width: 100%
    }
    .critics {
      margin-top: 12px;
    }

@media(min-width: 414px){
    .vita-desc, .vita p{
        font-size: 14px;
    }
    .vita table tr td.year {
      font-size: 14px;
    }
    .abstand_zwischen_zellen.aktuelles-tablet div p {
      font-size: 14px;
    }
    .navigationspanel, .inszenierung_text {
      font-size: 14px;
    }
    .critics h3, .vita h3, .critics p, .inhalt_kurz, .video_pictures_content, .dropdown-content, .dropdown-content a {
      font-size: 14px;
    }
    .description .inszenierung_info, .description .inszenierung_text, .critics .inszenierung_text {
      font-size: 14px;
      margin-top: 14px;
    }
    .inszenierung_info {
        margin: 0 0 5px 0 !important;
    }
    .critics {
      margin-top: 14px;
    }
}

@media(min-width: 768px){
    .vita-desc, .vita p{
        font-size: 16px;
    }
    .vita table tr td.year {
      font-size: 16px;
    }
    .abstand_zwischen_zellen.aktuelles-tablet div p {
      font-size: 16px;
    }
    .navigationspanel, .inszenierung_text {
      font-size: 16px;
    }
    .critics h3, .vita h3, .critics p, .inhalt_kurz, .video_pictures_content, .dropdown-content, .dropdown-content a {
      font-size: 16px;
    }
    .description .inszenierung_info, .description .inszenierung_text, .critics .inszenierung_text {
      font-size: 16px;
      margin-top: 16px;
    }
    .inszenierung_info {
      margin: 0 0 6px 0 !important;
    }
    .critics {
      margin-top: 16px;
    }
}

#startsite{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.startsite_name{
    font-size: 24px;
    font-family: 'Nunito';
    color: white;
    z-index: 9999;
    margin-top: 18px;
    margin-bottom: 18px;
}