/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-condensed-v25-latin-regular.eot');
  src: local(''),
       url('./fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'),
       url('./fonts/roboto-condensed-v25-latin-regular.woff') format('woff'),
       url('./fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'),
       url('./fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg');
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-condensed-v25-latin-700.eot');
  src: local(''),
       url('./fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'),
       url('./fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'),
       url('./fonts/roboto-condensed-v25-latin-700.woff') format('woff'),
       url('./fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'),
       url('./fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg');
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.eot');
  src: local(''),
       url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'),
       url('./fonts/roboto-v30-latin-regular.woff') format('woff'),
       url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'),
       url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg');
}
/* pink CMYK: 2,100,39,11 RGB: 207,0,79 Web/Hex: #cf004f */

body {background-color:white;padding:0;margin:0;color:black;font-family:'Roboto Condensed', sans-serif;font-size:1.3em;}
.seite {text-align:center;max-width:3840px;margin:0 auto;}
.inhalt0 {width:100%;max-width:1440px;margin:0 auto;text-align:center;}
.inhalt {margin:4% 2%;}

.flex {display:flex;justify-content:center;flex-wrap:wrap;}
.flex2 {width:47%;min-width:320px;margin:0 1% 2% 1%;}
.flex3 {width:28%;min-width:320px;margin:0 1% 2% 1%;}

.cl {clear:both;}
.cll {clear:left;}

a {text-decoration:none;color:#cf004f;}
h1,h2,h3,h4 {color:#cf004f;text-transform:uppercase;}
h1 {font-size:3em;margin:5% 0;}
h2 {font-size:2em;margin:5% 0;}
h2.beitrag {font-size:1.5em;margin:1.5% 0 0 0;}

.beitrag_inhalt {text-align:justify;}
.us {display:none;}

.dot {margin:2% 0;border-bottom:3px dotted #cf004f;}
.dot1 {margin:2% 0;border-bottom:2px dotted #cf004f;}

.weiss {color:white}
.weiss a {color:#ddd;}
.gross {text-transform:uppercase;} 
.offz {text-align:right;margin:22% 0 0 0;}
.offz1 {text-align:left;font-size:2em;line-height:1.6em;font-weight:bold;}
.pink {color:#cf004f}
.invers {display:inline-block;background-color:#cf004f;color:white;padding:0 10px;}
.entfaellt {color:black;font-weight:bold;background-color:#eee;padding:4px 8px;}

a.black {color:black;}
a.black:hover {color:gray;}

.inhalt1 {margin:0 1% 2% 1%;} 
 .spalten2 {width:65%;min-width:298px;margin-right:2%;float:left;text-align:left;}
 .spalten2a {width:47%;min-width:298px;margin-right:2%;float:left;}
 .spalten3 {width:30%;min-width:298px;margin-right:2%;float:left;text-align:left;}
 .spalten3a {width:28%;min-width:298px;margin:0 2% 2% 0;float:left;}

.kruemel {text-align:left;color:#cf004f;text-transform:uppercase;}

/*termine, details*/
.spielplan {text-align:left;max-width:900px;margin:0 auto;}
.premiere {display:inline;background-color:#cf004f;color:white;padding:3px 10px;font-weight:bold}
.titel {font-size:1.8em;margin:1.5% auto 1% auto;text-transform:uppercase;}

.zeittabelle td {padding:1px 8px 1px 0;vertical-align:top;}

.mini {font-size:.8em;line-height:.9em;}
.mini1 {font-size:.8em;}

/* sidebars */
.sidebar0 {float:right;width:26%;min-width:300px;text-align:right;margin-top:0;}
.sidebar00 {float:right;width:26%;min-width:300px;text-align:right;margin-top:0;}
.sidebar {margin:6px 0 48px 44px;border:1px solid gray;}
.sidebarb {margin:6px 0 48px 44px;border:1px solid gray;}
.vollbild {display:block;width:100%;}
.sidebar1 {margin:6px 0 48px 0;}
.sinhalt {margin:10px;text-align:left;}
.sidebar h3 {background-color:gray;color:white;margin:-10px -10px 10px -10px;padding:12px 14px;}
.abstand {padding-right:2%;}

/* slick */
#slickwrapper {position:relative;width:100%;height:auto;overflow:hidden;}
.slick0 {margin:0 2%;}
.slide0 {text-align:left;text-transform:uppercase;color:#cf004f;margin:0 3px;font-size:1.2em;width:330px;}
.slide0 img {width:90%;}
.slide0 a {color:#cf004f;}
/* partner */
.slidep {margin:0 11px 0 10px;width:120px;}
.slidep img {width:80%;}


#pa0, #na0 {cursor:pointer;}
.slickpfeil {position:absolute;top:130px;color:#cf004f;font-weight:bold;font-size:2em;}
.slickpfeilp {position:absolute;top:52px;color:gray;font-weight:bold;font-size:1.5em;}

.inhalt {}
.bildunterschrift {font-size:.75em;line-height:1.15em;color:#555;margin:0;}

.j {font-size:1em;}
.j .jmini {font-size:9px;color:silver;}
.j h2 {font-size:1.1em;margin:4px 0;}
.j p {margin:4px 0;}

.wrap3spalten {column-width:400px;text-align:left;column-gap:3em;}
.wrap3spalten div {break-inside:avoid;border:1px solid transparent;}

@media all and (max-width:600px) {
 body {font-size:.9em;}
 h1 {font-size:2em}
 .slide0 {font-size:.9em;width:160px;font-weight:bolder;}
 .slidep {font-size:.9em;width:110px;font-weight:bolder;}
 .slickpfeil {top:100px;}
 .sidebar0, .sidebar00 {float:none;margin:0 auto -4.5% auto;}
 .sidebar, sidebarb {margin-left:0;}
 .wrap3spalten {column-width:300px;column-gap:1em;}
}

@media all and (max-width:450px) {
 body {font-size:.9em;}
 h1 {font-size:2em;}
 h2 {font-size:1.4em;}
 .dreieck {}
 .offz {margin:18% 0 0 0;font-size:.75em;}
 .offz1 {font-size:1em;line-height:1.2em;}
}