@import "fonts.css";
/* für Seitenanzeige Zusatzmocul */
/* für Breite Flexnav */
@font-face {
  font-family: 'Noto';
  src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Noto';
  src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
.iconFontDefinition {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
}
.iconTooltip {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
}
.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  hyphens: auto;
}
/* allgemeine Definition für submit-Buttons und Links als Buttons */
.inputButton {
  height: 2rem;
  min-width: 15rem;
  color: #000000;
  background: #ffcc00;
  cursor: pointer;
  font-size: 1rem;
  border: 0px none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 100%;
}
.inputButton:hover {
  color: #FFFFFF;
  background: #000033;
}
.hrefButton {
  text-decoration: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 100%;
  display: block;
  min-width: 15rem;
  width: auto;
  color: #000000;
  cursor: pointer;
  background: #ffcc00;
  border: 0px none;
}
.hrefButton:hover {
  color: #FFFFFF;
  background: #000033;
}
.inputText {
  border: 1px solid #222222;
  min-height: 1.3rem;
  min-width: 15rem;
  width: 77%;
}
.after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.borderNarrow {
  border-left: 10px solid #FFFFFF;
  border-right: 10px solid #FFFFFF;
}
/* allg. Angaben  */
* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
br.clearDvv {
  display: none;
}
.clear {
  display: none;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.center {
  margin: 1rem auto 0;
}
.centrifier {
  margin: 0 auto;
}
.left {
  float: left;
}
.left a {
  float: left;
}
.float-left {
  float: left;
  margin: 0 1rem 1rem 0;
  display: inline-block;
}
.right {
  float: right;
  text-align: right;
}
.right a {
  float: right;
}
.float-right {
  float: right;
  margin: 0 0 1rem 1rem;
  display: inline-block;
}
.invisible {
  position: absolute;
  left: -2999px;
  /* Sprungmarke wird "aus drem Bildschirm geschoben" - denn: display: none gef?llt Screenreadern nicht */
  width: 1500px;
}
.highlight {
  background: #336699;
  color: #fff;
}
.subcl {
  padding: 0 1rem 0 0;
}
.subcr {
  padding: 0 0 0 1rem;
}
hr {
  display: none;
}
/*  trenner  */
.wide {
  width: 100%;
}
.wide:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.narrow {
  width: 100%;
  margin: 0 auto;
}
.narrow:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ym-g100 {
  max-width: 960px;
  width: 100%;
}
ul {
  margin: 0.8rem 0 0;
}
ul li {
  list-style: square;
}
ul li ul {
  margin: 5px 0 10px;
}
img {
  max-width: 100%;
  display: block;
}
.basecontent-image {
  margin: 15px 0;
  width: 100%;
}
.basecontent-image.float-left {
  margin-right: 15px;
  width: auto;
}
.basecontent-image.float-right {
  margin-left: 15px;
  width: auto;
}
.basecontent-image .caption {
  padding: 0;
}
a {
  font-weight: normal;
  color: #000033;
  text-decoration: none;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  hyphens: auto;
}
a:hover {
  text-decoration: underline;
  color: #336699;
}
button,
input[type*=submit] {
  height: 2rem;
  min-width: 15rem;
  color: #000000;
  background: #ffcc00;
  cursor: pointer;
  font-size: 1rem;
  border: 0px none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  font-weight: bold;
  line-height: 100%;
}
button:hover,
input[type*=submit]:hover {
  color: #FFFFFF;
  background: #000033;
}
button:hover,
input[type*=submit]:hover {
  background: #ffcc00;
  color: #000000;
}
input[type*=text] {
  height: 29px;
  border: 1px solid #222222;
  color: #000000;
  padding: 0 4px;
}
.pdfLink,
.dateiLink,
.linkTyp_pdf,
.neuFensterLink {
  text-decoration: underline;
}
.pdfLink:hover,
.dateiLink:hover,
.linkTyp_pdf:hover,
.neuFensterLink:hover {
  color: #336699;
}
.pdfLink,
.linkTyp_pdf {
  white-space: nowrap;
}
.dateiGroesse {
  font-size: 0.7rem;
  color: #999999;
}
.caption {
  font-size: 0.8rem;
}
#jquery-overlay {
  z-index: 1001 !important;
}
#jquery-lightbox {
  z-index: 1002 !important;
}
#jquery-lightbox #lightbox-container-image-data-box {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
/* Tabellen */
table {
  font-size: 0.8rem;
  border-spacing: 1px;
  border-collapse: collapse;
  margin: 0.8rem 0 0;
  width: 100%;
}
table.show-grid {
  border: 0px none;
}
table.show-grid th {
  border: 1px solid #e0ebf5;
  padding: 0.25rem 0.5rem;
}
table.show-grid td {
  border-top: 0px none;
  border-left: 0px none;
  border-right: 0px none;
  border-bottom: 1px solid #e0ebf5;
  padding: 0.25rem 0.5rem;
}
table.hide-grid th {
  padding: 2px;
  border: 0 none;
}
table.hide-grid td {
  padding: 2px;
  border: 0 none;
}
table th {
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  margin: 0;
  background-color: #336699;
  color: #ffffff;
  font-family: 'Noto', sans-serif;
  text-transform: uppercase;
}
table td {
  text-align: left;
  vertical-align: top;
  margin: 0;
  line-height: 1.2rem;
}
table td p + p {
  margin-bottom: 0.5rem;
}
table td .basecontent-image {
  margin: 0;
}
table caption {
  padding: 0.5rem 0;
  text-align: left;
  font-weight: bold;
  margin: 0 ;
  font-size: 0.8rem;
}
.even {
  background: #336699;
}
/* Ueberschriften */
h1,
h2,
h3 {
  line-height: 1.6rem;
  margin: 0;
  font-family: 'Noto', sans-serif;
  text-transform: uppercase;
  color: #000000;
  font-weight: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  hyphens: auto;
}
h1 {
  font-size: 1.6rem;
  padding: 5px 0 0;
  line-height: 2rem;
}
h2 {
  font-size: 1.2rem;
  padding: 18px 0 0;
  clear: both;
}
h3 {
  font-size: 1rem;
  padding: 12px 0 0;
  clear: both;
}
p {
  margin: 10px 0 0;
  line-height: 1.4rem;
  font-size: 0.8rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-hyphens: auto;
  hyphens: auto;
}
p.basecontent-sub-heading-6 {
  text-transform: uppercase;
  color: #999;
}
/* Slider */
.bx-wrapper .bx-controls-direction a {
  z-index: 200;
}
.event-search-no-data {
  text-align: center;
  font-size: 0.9rem;
  font-weight: 700;
  margin-bottom: 40px;
  line-height: 1.2rem;
}
/* Allgemein */
BODY {
  font-size: 12px;
  line-height: 130%;
  font-family: 'Noto', sans-serif;
  margin: 0;
  padding: 0;
  color: #000000;
  position: relative;
  height: 100%;
  background: #FFFFFF;
  margin: 0 auto;
  width: 100%;
  overflow-x: hidden;
}
BODY #header,
BODY #main,
BODY #footer {
  width: 100%;
}
.ym-col2 {
  width: 75%;
  width: calc(100% - 215px);
  width: -o-calc(100% - 215px);
  float: left;
  margin: 0;
}
.ym-col2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ym-col2 .ym-cbox {
  padding: 20px 60px 20px 0;
}
.ym-col2 .subcolumns .ym-g33 .subcl,
.ym-col2 .subcolumns .ym-g33 .subc,
.ym-col2 .subcolumns .ym-g33 .subcr {
  padding: 0;
}
.ym-col2 .subcolumns .ym-g33 .subcl {
  margin: 0 10% 0 0;
}
.ym-col2 .subcolumns .ym-g33 .subc {
  margin: 0 5%;
}
.ym-col2 .subcolumns .ym-g33 .subcr {
  margin: 0 0 0 10%;
}
.ym-col3 {
  width: 210px;
  margin: 0 0 15px 15px;
}
.ym-col3 #serviceTagCloud {
  display: none;
}
.ym-col3 .ym-cbox {
  margin-bottom: 15px;
  padding: 20px 0;
}
.ym-col3 .subcolumns .ym-g50,
.ym-col3 .subcolumns .ym-g33 {
  width: 100%;
}
.ym-col3 .subcolumns .ym-g50 .subcl,
.ym-col3 .subcolumns .ym-g33 .subcl,
.ym-col3 .subcolumns .ym-g50 .subc,
.ym-col3 .subcolumns .ym-g33 .subc,
.ym-col3 .subcolumns .ym-g50 .subcr,
.ym-col3 .subcolumns .ym-g33 .subcr {
  padding: 0;
}
.ym-col3 .subcolumns .buyBox {
  margin-bottom: 15px;
}
.ym-col3 .subcolumns .buyBox p {
  background-color: #336699;
  line-height: 0.9rem;
  text-transform: uppercase;
  margin: 0;
}
.ym-col3 .subcolumns .buyBox p:hover {
  background-color: #6699CC;
}
.ym-col3 .subcolumns .buyBox p:hover a {
  text-decoration: none;
  color: #000033;
}
.ym-col3 .subcolumns .buyBox p a {
  color: #ffffff;
  display: block;
  padding: 10px 15px;
}
.ym-col3 .subcolumns .buyBox p a:after {
  content: " ››";
}
.ym-col3 .subcolumns .buyBox p a:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e80a";
  font-size: 1rem;
  margin-right: 10px;
}
.ym-col3 .subcolumns .infoBox {
  padding: 15px 5px 5px 15px;
  background: #e0ebf5;
  color: #336699;
  margin-bottom: 15px;
}
.ym-col3 .subcolumns .infoBox h2 {
  font-size: 0.8rem;
  padding: 0;
  text-transform: uppercase;
  clear: initial;
  margin-left: 25px;
  color: #336699;
  line-height: 1.2rem;
}
.ym-col3 .subcolumns .infoBox p {
  font-size: 0.7rem;
  margin: 0 0 0 25px;
  line-height: 1rem;
}
.ym-col3 .subcolumns .infoBox p a {
  color: #336699;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ym-col3 .subcolumns .infoBox p a:after {
  content: " ››";
}
.ym-col3 .subcolumns .infoBox p a.mailLink:after {
  content: "";
}
.ym-col3 .subcolumns .infoBox p a:hover {
  color: #000033;
}
.ym-col3 .subcolumns .infoBox [class^='info'],
.ym-col3 .subcolumns .infoBox [class*=' info'] {
  padding: 0 0 15px 0;
}
.ym-col3 .subcolumns .infoBox [class^='info']:before,
.ym-col3 .subcolumns .infoBox [class*=' info']:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  margin-top: 3px;
}
.ym-col3 .subcolumns .infoBox .infoDatum:before {
  content: "\e80c";
}
.ym-col3 .subcolumns .infoBox .infoUhrzeit:before {
  content: "\e816";
}
.ym-col3 .subcolumns .infoBox .infoTickets:before {
  content: "\e80a";
}
.ym-col3 .subcolumns .infoBox .infoOepnv:before {
  content: "\e815";
  font-size: 1.2rem;
}
.ym-col3 .subcolumns .infoBox .infoOrt:before {
  content: "\e807";
}
.ym-col3 .subcolumns .infoBox .infoKontakt:before {
  content: "\e813";
}
.ym-col3 .subcolumns .infoBox .infoWebsite:before {
  content: "\e80b";
}
.ym-col3 .subcolumns .shareBox {
  margin-bottom: 15px;
}
.ym-col3 .subcolumns .shareBox p {
  background-color: #6699CC;
  font-size: 0.6rem;
  line-height: 0.9rem;
  text-transform: uppercase;
  margin: 0;
}
.ym-col3 .subcolumns .shareBox p:hover {
  background-color: #336699;
}
.ym-col3 .subcolumns .shareBox p:hover a {
  text-decoration: none;
  color: #ffffff;
}
.ym-col3 .subcolumns .shareBox p a {
  display: block;
  padding: 0 15px 10px;
}
.ym-col3 .subcolumns .shareBox p a:first-child {
  padding: 10px 15px 0;
}
.ym-col3 .subcolumns .shareBox p a:first-child:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  font-size: 1.4rem;
  content: "\e814";
  margin-right: 10px;
  margin-top: 8px;
}
.ym-col3 .subcolumns .shareBox p a b {
  font-size: 0.9rem;
}
/* content breiter ohne infoslot */
.ym-col2wide {
  width: 100%;
  padding: 0;
}
.ym-col2wide .ym-cbox {
  padding: 20px 0;
}
nav .ym-wbox,
#sitenav .ym-wbox,
.ym-wbox {
  padding: 0;
}
/* Bereich Header */
#header {
  margin: 0 auto;
  height: 370px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#header:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header a {
  color: #000000;
}
#header .anmelden a {
  display: inline-block;
  width: 80px;
}
#header #topnav-bar {
  padding: 0;
  color: #ffffff;
  position: relative;
  background: #000033;
}
#header #topnav-bar #topnav {
  height: 30px;
}
#header #topnav-bar #topnav .Links a {
  color: #ffffff;
  padding: 7px 10px;
}
#header #topnav-bar #topnav .Links a:hover {
  text-decoration: underline;
}
#header #untennav-bar {
  background: rgba(0, 51, 102, 0.85);
  height: 80px;
  position: relative;
  z-index: 20;
}
#header #untennav-bar .suche {
  display: inline;
  position: relative;
  float: right;
  width: 80px;
  height: 80px;
  background-color: #000033;
  border-left: 1px solid white;
  border-right: 1px solid white;
  text-align: center;
  font-size: 1.5rem;
  padding: 27px 0 0;
  color: #fff;
}
#header #untennav-bar .suche a,
#header #untennav-bar .suche a:hover {
  color: #fff;
  text-decoration: none;
}
#header #untennav-bar .suche #quicksearch {
  position: absolute;
  right: 44px;
  top: 0px;
  height: 80px;
  display: none;
  z-index: 20;
  padding: 20px 0px 20px 28px;
  background-color: #000033;
  border-left: 1px solid white;
}
#header #untennav-bar .suche #quicksearch .nowrap {
  display: table-row;
}
#header #untennav-bar .suche #quicksearch #qs_query {
  padding: 4px 6px;
  margin-right: 10px;
  font-size: 1rem;
}
#header #untennav-bar .suche #quicksearch #qs_query1 {
  border: 1px solid #222222;
  min-height: 1.3rem;
  min-width: 15rem;
  width: 77%;
  vertical-align: bottom;
  border-radius: 0 !important;
  min-height: 29px;
  padding-left: 4px;
  border-color: #000033;
}
#header #untennav-bar .suche #quicksearch .quicksearchimg {
  vertical-align: middle;
  width: 30px;
  background-color: #000033;
  margin: 2px 1px 0 0;
}
#header #untennav-bar .suche #quicksearch label {
  display: none;
}
#header #untennav-bar .suche #closesuche {
  display: none;
  position: relative;
  right: 12px;
}
#header #untennav-bar .logo {
  padding: 7px 20px;
}
#header #untennav-bar #nav {
  /* wenn logo immer links frei bleiben soll
	    	margin-left: logowidth;
	    	*/
  float: left;
  width: 485px;
}
#header #untennav-bar #nav .desktop ul {
  margin: 0;
}
#header #untennav-bar #nav .desktop li {
  list-style: outside none none;
  float: left;
  display: block;
  overflow: visible;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-right: 25px;
  font-size: 0.8rem;
}
#header #untennav-bar #nav .desktop li a {
  -ms-hyphens: manual;
  /*  keine Umbrüche mit Wortrennung  */
  hyphens: manual;
}
#header #untennav-bar #nav .desktop li:last-child {
  margin-right: 0;
}
#header #untennav-bar #nav .desktop .MainNav {
  margin-top: 33px;
  height: 47px;
}
#header #untennav-bar #nav .desktop .MainNav li a {
  color: #fff;
  height: 47px;
  font-size: 1rem;
}
#header #untennav-bar #nav .desktop .MainNav li a:hover {
  border-bottom: 4px solid rgba(255, 255, 255, 0.4);
  text-decoration: none;
}
#header #untennav-bar #nav .desktop .MainNav li a.active {
  border-bottom: 4px solid white;
  text-decoration: none;
  font-weight: 400;
}
#header #untennav-bar #nav .desktop .MainNav li ul li {
  width: 24%;
  margin-bottom: 10px;
}
#header #untennav-bar #nav .desktop .MainNav li ul li a {
  position: relative;
  font-size: 0.8rem;
  height: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  overflow: initial;
}
#header #untennav-bar #nav .desktop .MainNav li ul li a:before {
  content: "›";
  vertical-align: text-bottom;
  margin-left: -10px;
  padding-right: 6px;
}
#header #untennav-bar #nav .desktop .MainNav li ul li a:hover {
  border-bottom: none;
}
#header #untennav-bar #nav .desktop .MainNav li ul li a.active {
  border-bottom: none;
  font-weight: 400;
}
#header #untennav-bar #nav .desktop .MainNav li ul li {
  position: relative;
}
#header #untennav-bar #nav .desktop .MainNav li ul li:before {
  content: "";
  position: absolute;
  width: 80%;
  height: 2px;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: 0.25s linear;
  transition: 0.25s linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#header #untennav-bar #nav .desktop .MainNav li ul li:hover:before,
#header #untennav-bar #nav .desktop .MainNav li ul li:focus:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
#header #untennav-bar #nav .mobil .flexnav li {
  background: rgba(0, 0, 51, 0.85);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 0;
  font-size: 0.8rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
#header #untennav-bar #nav .mobil .flexnav li a {
  color: #ffffff;
}
#header #untennav-bar #nav .mobil .flexnav li ul {
  margin: 0;
}
#header #untennav-bar #nav .mobil .flexnav li ul li {
  border-bottom: none;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 12px;
}
#header #untennav-bar #nav .mobil .flexnav li ul li a:before {
  content: "›";
  margin-right: 10px;
  vertical-align: text-bottom;
}
#header #untennav-bar #nav .mobil .flexnav li:hover {
  background: #000033;
}
#header #untennav-bar #subnavContainer {
  background-color: rgba(0, 0, 51, 0.85);
  float: left;
}
#header #untennav-bar #subnavContainer #subnav {
  margin-left: 300px;
  float: left;
  width: 520px;
  margin-right: 40px;
}
#header #untennav-bar #subnavContainer #subnav .SubNav {
  padding: 20px;
  float: left;
  width: 100%;
  margin: 0;
}
#header #untennav-bar #subnavContainer #subnav .SubNav li {
  width: 30%;
  display: block;
  float: left;
  padding: 5px 0;
}
#header #untennav-bar #subnavContainer #subnav .SubNav li a {
  color: #fff;
  font-size: 0.8rem;
}
#header #untennav-bar #subnavContainer #subnav .SubNav li a.active {
  font-weight: 400;
}
#header #untennav-bar #subnavContainer #subnav .SubNav li:before {
  color: #fff;
  content: "› ";
}
#header #untennav-bar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#header #top-slot {
  /* für Slider statt des .basecontent-image....  */
}
#header #top-slot .composedcontent-GEMEINDE-standardseite {
  max-width: 960px;
  margin: 0 auto;
}
#header #top-slot .bx-wrapper {
  margin: 0 auto;
}
#header #top-slot .bx-wrapper .bx-viewport {
  border: 0px solid transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  left: 0;
}
#header #top-slot .bx-controls .bx-pager {
  display: none;
}
#header #top-slot .bx-controls .bx-next {
  z-index: 0;
  background: url(../img/next.svg) no-repeat scroll 50% 50% rgba(255, 255, 255, 0);
  border-radius: 50%;
  width: 21px;
  height: 45px;
}
#header #top-slot .bx-controls .bx-prev {
  z-index: 0;
  background: url(../img/prev.svg) no-repeat scroll 50% 50% rgba(255, 255, 255, 0);
  border-radius: 50%;
  width: 21px;
  height: 45px;
}
/* Hauptteil*/
#main {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  background: #FFFFFF;
}
/* Navigation */
.ym-col1 {
  /* 1. Ebene */
}
.ym-col1 .nav-outer {
  margin: 0 5%;
}
.ym-col1 h2 {
  padding: 0 5px;
  font-size: 1rem;
}
.ym-col1 a {
  color: #000000;
}
.ym-col1 div.ym-vlist {
  padding: 10px 0;
  /* Ebene 1 und allg.*/
}
.ym-col1 div.ym-vlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  /* Ebene 2*/
}
.ym-col1 div.ym-vlist ul a {
  padding: 6px 0px;
}
.ym-col1 div.ym-vlist ul li.current > a,
.ym-col1 div.ym-vlist ul li.currentParent > a {
  font-weight: bold;
}
.ym-col1 div.ym-vlist ul li.current > ul > li,
.ym-col1 div.ym-vlist ul li.currentParent > ul > li {
  display: block;
}
.ym-col1 div.ym-vlist ul ul {
  padding-bottom: 0;
  line-height: 1rem;
  /* Ebene 3*/
}
.ym-col1 div.ym-vlist ul ul:before {
  content: "\203A";
  display: block;
  top: -25px;
  right: 0;
  position: absolute;
  font-size: 1.5rem;
}
.ym-col1 div.ym-vlist ul ul li,
.ym-col1 div.ym-vlist ul ul li:first-child {
  border: none;
  display: none;
  padding: 0;
}
.ym-col1 div.ym-vlist ul ul a {
  padding: 4px 0 0px 10px;
}
.ym-col1 div.ym-vlist ul ul ul:before {
  top: -20px;
}
.ym-col1 div.ym-vlist ul ul ul a {
  padding: 4px 0 0px 20px;
}
.ym-col1 div.ym-vlist ul.ym-vlist {
  border-top: 1px solid #000033;
}
.ym-col1 div.ym-vlist li {
  width: 100%;
  margin: 0;
  padding: 0 5px;
  font-size: 1rem;
  border-bottom: 1px solid #000033;
  display: inline-block;
}
.ym-col1 div.ym-vlist li:hover,
.ym-col1 div.ym-vlist li.current > a {
  font-weight: bold;
}
.ym-col1 div.ym-vlist li a {
  width: 100%;
  display: inline-block;
  text-transform: none;
}
/* Contentbereich */
.ym-col2,
.ym-col3 {
  /* Bild */
  /* Liste */
  /* Download-Liste */
  /* Jalousie */
  /* accordion */
  /*open Street Map */
  /* Minimap */
  /* Formular */
}
.ym-col2 #content,
.ym-col3 #content,
.ym-col2 #service,
.ym-col3 #service {
  /* content ist in col2, service in col3 */
  padding: 0;
  font-size: 0.8rem;
  /*min-height: 500px; um identische Mindest-Höhe zu bekommen */
}
.ym-col2 #content .goPageTop,
.ym-col3 #content .goPageTop,
.ym-col2 .wayhome,
.ym-col3 .wayhome,
.ym-col2 .navContent,
.ym-col3 .navContent {
  display: none;
}
.ym-col2 .basecontent-image .caption,
.ym-col3 .basecontent-image .caption,
.ym-col2 .basecontent-definiertes-bild-kdrs .caption,
.ym-col3 .basecontent-definiertes-bild-kdrs .caption {
  font-size: 0.85rem;
  padding: 0 0 5px;
}
.ym-col2 .basecontent-list ul,
.ym-col3 .basecontent-list ul {
  margin-left: 0.5rem;
}
.ym-col2 .basecontent-list ul li,
.ym-col3 .basecontent-list ul li {
  margin-bottom: 5px;
}
.ym-col2 .downloadlist,
.ym-col3 .downloadlist {
  width: 100%;
  border-collapse: collapse;
  margin: 0 1.5rem 0 0;
}
.ym-col2 .downloadlist tr + tr,
.ym-col3 .downloadlist tr + tr {
  border-bottom: 1px solid #222222;
}
.ym-col2 .downloadlist th.ui-state-default,
.ym-col3 .downloadlist th.ui-state-default,
.ym-col2 .downloadlist th.ui-state-active,
.ym-col3 .downloadlist th.ui-state-active {
  background: #000033;
  border: 0px none;
}
.ym-col2 .downloadlist th.ui-state-default a,
.ym-col3 .downloadlist th.ui-state-default a,
.ym-col2 .downloadlist th.ui-state-active a,
.ym-col3 .downloadlist th.ui-state-active a,
.ym-col2 .downloadlist th.ui-state-default a:link,
.ym-col3 .downloadlist th.ui-state-default a:link,
.ym-col2 .downloadlist th.ui-state-active a:link,
.ym-col3 .downloadlist th.ui-state-active a:link,
.ym-col2 .downloadlist th.ui-state-default a:visited,
.ym-col3 .downloadlist th.ui-state-default a:visited,
.ym-col2 .downloadlist th.ui-state-active a:visited,
.ym-col3 .downloadlist th.ui-state-active a:visited {
  color: #000000;
}
.ym-col2 .downloadlist td.dlType,
.ym-col3 .downloadlist td.dlType {
  padding: 4px 0;
}
.ym-col2 .downloadlist td.dlType img,
.ym-col3 .downloadlist td.dlType img {
  height: 12px;
  width: 12px;
}
.ym-col2 .downloadlist td.dlDate,
.ym-col3 .downloadlist td.dlDate,
.ym-col2 .downloadlist td.dlSize,
.ym-col3 .downloadlist td.dlSize {
  font-size: 0.85rem;
}
.ym-col2 .downloadlist td.dlSize,
.ym-col3 .downloadlist td.dlSize {
  width: 6rem;
}
.ym-col2 .downloadlist .description,
.ym-col3 .downloadlist .description {
  font-size: 0.85rem;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile {
  display: block;
  width: 100%;
  float: left;
  /*margin-top: 12px; straub*/
  clear: both;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile:after,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile .ym-g100,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile .ym-g100 {
  clear: both;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile .ym-g100 .subcl,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile .ym-g100 .subcl {
  padding: 0;
}
.ym-col2 .toggle_title,
.ym-col3 .toggle_title {
  cursor: pointer !important;
  border: 0px none;
  border-radius: 0 0 0 0 !important;
  margin: 20px 0 0 0rem;
  padding: 6px 5px 6px 15px;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  background: none repeat scroll 0 0 #336699;
  color: #ffffff;
  font-family: 'Noto', sans-serif;
  text-transform: uppercase;
}
.ym-col2 .toggle_title .ui-icon-plus,
.ym-col3 .toggle_title .ui-icon-plus {
  background: url("../img/aufklapp.png") no-repeat scroll 0 2px transparent;
  float: left;
  margin: 3px 9px 0 0;
  display: inline-block;
  height: 14px;
  width: 14px;
}
.ym-col2 .toggle_title .ui-icon-minus,
.ym-col3 .toggle_title .ui-icon-minus {
  background: url("../img/zuklapp.png") no-repeat scroll 0 2px transparent;
  float: left;
  margin: 3px 9px 0 0;
  display: inline-block;
  height: 14px;
  width: 14px;
}
.ym-col2 .toggle_container,
.ym-col3 .toggle_container {
  padding: 0 15px 15px;
  float: left;
  /* straub 18.4.16 */
  width: 100%;
  /* ende */
}
.ym-col2 .toggle_container .basecontent-line-break-text,
.ym-col3 .toggle_container .basecontent-line-break-text {
  margin: 0;
}
.ym-col2 .toggle_container .basecontent-image,
.ym-col3 .toggle_container .basecontent-image {
  margin: 5px 0;
}
.ym-col2 .toggle_container .basecontent-image.float-left,
.ym-col3 .toggle_container .basecontent-image.float-left {
  margin: 5px 20px 5px 0;
}
.ym-col2 .toggle_container .basecontent-image.float-right,
.ym-col3 .toggle_container .basecontent-image.float-right {
  margin: 5px 0 5px 20px;
}
.ym-col2 .ui-accordion,
.ym-col3 .ui-accordion {
  font-family: 'Noto', sans-serif;
}
.ym-col2 .ui-accordion .ui-accordion-header,
.ym-col3 .ui-accordion .ui-accordion-header {
  cursor: pointer !important;
  border: 0px none;
  border-radius: 0 0 0 0 !important;
  margin-bottom: 0.5rem;
  padding: 6px 5px 6px 30px;
  font-weight: bold;
  background: none repeat scroll 0 0 #336699;
  font-family: 'Noto', sans-serif;
  text-transform: uppercase;
}
.ym-col2 .ui-accordion .ui-accordion-header .ui-accordion-header-icon,
.ym-col3 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  margin-top: 0;
  top: 25%;
  left: 1rem;
}
.ym-col2 .ui-accordion .ui-accordion-header a,
.ym-col3 .ui-accordion .ui-accordion-header a {
  margin-left: 20px;
  color: #000033;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: bold;
}
.ym-col2 .ui-accordion .ui-state-default,
.ym-col3 .ui-accordion .ui-state-default {
  margin-bottom: 0.5rem;
}
.ym-col2 .ui-accordion .ui-state-active,
.ym-col3 .ui-accordion .ui-state-active {
  margin-bottom: 0;
}
.ym-col2 .ui-accordion .ui-icon-triangle-1-e,
.ym-col3 .ui-accordion .ui-icon-triangle-1-e {
  background: url("../img/aufklapp.png") no-repeat scroll 0 4px transparent;
  float: left;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.ym-col2 .ui-accordion .ui-icon-triangle-1-s,
.ym-col3 .ui-accordion .ui-icon-triangle-1-s {
  background: url("../img/zuklapp.png") no-repeat scroll 0 4px transparent;
  float: left;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.ym-col2 .ui-accordion .ui-accordion-content,
.ym-col3 .ui-accordion .ui-accordion-content {
  border: 0px none;
  border-radius: 0 0 0 0 !important;
  padding: 10px 0;
  height: 100% !important;
  font-size: 0.91rem;
  color: #000000;
}
.ym-col2 .basecontent-dvv-karte #mapnav,
.ym-col3 .basecontent-dvv-karte #mapnav {
  padding: 12px;
}
.ym-col2 .basecontent-dvv-karte #mapnav_show,
.ym-col3 .basecontent-dvv-karte #mapnav_show {
  border-radius: 0;
}
.ym-col2 .basecontent-dvv-karte #mapnav_show div,
.ym-col3 .basecontent-dvv-karte #mapnav_show div {
  width: 28px;
  background: url("../img/suche.png") repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
.ym-col2 .basecontent-dvv-karte #cmsmap .map,
.ym-col3 .basecontent-dvv-karte #cmsmap .map {
  height: 400px;
  width: 100%;
}
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-bar,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-bar {
  border-radius: 0;
}
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a,
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a:hover,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a:hover,
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a:last-child,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a:last-child,
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a:first-child,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-bar a:first-child {
  border-radius: 0 !important;
}
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-bar .leaflet-control-zoom-in,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-bar .leaflet-control-zoom-in {
  color: transparent;
  background: url("../img/aufklapp.png") no-repeat scroll 8px 7px rgba(255, 255, 255, 0.9);
}
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-bar .leaflet-control-zoom-out,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-bar .leaflet-control-zoom-out {
  color: transparent;
  background: url("../img/zuklapp.png") no-repeat scroll 8px 7px rgba(255, 255, 255, 0.9);
}
.ym-col2 .basecontent-dvv-karte #cmsmap .map .leaflet-control-layers,
.ym-col3 .basecontent-dvv-karte #cmsmap .map .leaflet-control-layers {
  border-radius: 0;
}
.ym-col2 .mapPlanetarium,
.ym-col3 .mapPlanetarium {
  z-index: 1;
  position: relative;
}
.ym-col2 .mapPlanetarium .leaflet-popup-pane,
.ym-col3 .mapPlanetarium .leaflet-popup-pane {
  display: none;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox {
  width: 400px;
  margin-top: -250px;
  z-index: 2;
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 10px 25px 25px;
  margin-left: 100px;
  color: #000033;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox h2,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox h2 {
  font-size: 1rem;
  text-transform: none;
  color: #000033;
  min-height: 45px;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox h2:before,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox h2:before {
  content: url('../img/PlaStu_Icon.svg');
  width: 60px;
  height: 60px;
  display: block;
  float: left;
  margin-right: 10px;
  position: relative;
  top: -15px;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox p,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox p,
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox .basecontent-table,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox .basecontent-table {
  margin: 10px 0 0 70px;
  line-height: 1.2rem;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox tr td,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox tr td {
  padding: 0;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox tr td:first-child,
.ym-col3 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox tr td:first-child {
  width: 60px;
}
.ym-col2 .searchForm,
.ym-col3 .searchForm {
  /* für neue Suche Sortierung */
}
.ym-col2 .searchForm h2,
.ym-col3 .searchForm h2 {
  margin-top: 0;
}
.ym-col2 .searchForm input,
.ym-col3 .searchForm input {
  border: 1px solid #222222;
  color: #000000;
  height: 29px;
  padding: 0 4px;
}
.ym-col2 .searchForm input[type*=search],
.ym-col3 .searchForm input[type*=search] {
  width: 305px;
}
.ym-col2 .searchForm button,
.ym-col3 .searchForm button {
  margin-bottom: 10px;
}
.ym-col2 .searchForm #searchTypeSpan,
.ym-col3 .searchForm #searchTypeSpan {
  text-align: center;
}
.ym-col2 .searchForm #searchTypeSpan a,
.ym-col3 .searchForm #searchTypeSpan a {
  text-decoration: none;
  padding: 4px 12px;
  display: inline-block;
  height: 29px;
  width: 150px;
  color: #000000;
  cursor: pointer;
  background: #000033;
  border: 0px none;
}
.ym-col2 .searchForm #searchTypeSpan a:hover,
.ym-col3 .searchForm #searchTypeSpan a:hover {
  background: #ffcc00;
  color: #000000;
}
.ym-col2 .searchForm .searchSort img,
.ym-col3 .searchForm .searchSort img {
  display: none;
  padding: 4px 12px;
  border: 1px solid #000033;
  height: 29px;
  margin: 5px 5px 10px 0px;
  padding: 7px;
  vertical-align: bottom;
}
.ym-col2 .searchForm .searchSort button,
.ym-col3 .searchForm .searchSort button {
  margin: 5px 5px 10px 0;
}
.ym-col2 .searchForm .searchSort button ~ button ~ button,
.ym-col3 .searchForm .searchSort button ~ button ~ button {
  display: none;
}
.ym-col2 .searchForm .searchSort button ~ button ~ button ~ button,
.ym-col3 .searchForm .searchSort button ~ button ~ button ~ button {
  display: inline;
}
.ym-col2 .searchForm .searchSort img + button,
.ym-col3 .searchForm .searchSort img + button {
  min-width: 127px;
  width: 127px;
}
.ym-col2 .searchForm .searchPaging .ergebnisseKopfNav,
.ym-col3 .searchForm .searchPaging .ergebnisseKopfNav {
  display: block;
}
.ym-col2 .searchForm .searchPaging .ergebnisseKopfNav button,
.ym-col3 .searchForm .searchPaging .ergebnisseKopfNav button {
  width: 30px;
  min-width: 30px;
}
.ym-col2 .searchForm .searchPaging .ergebnisseKopfNav button:first-child,
.ym-col3 .searchForm .searchPaging .ergebnisseKopfNav button:first-child {
  margin-left: 93px;
}
.ym-col2 .searchForm .searchFilterBox,
.ym-col3 .searchForm .searchFilterBox {
  padding-top: 1rem;
}
.ym-col2 .searchForm .searchFilterBox input,
.ym-col3 .searchForm .searchFilterBox input {
  height: 100%;
}
.ym-col2 .searchForm .termComb,
.ym-col3 .searchForm .termComb {
  padding-top: 1rem;
}
.ym-col2 .searchForm .termComb select,
.ym-col3 .searchForm .termComb select {
  color: #000000;
  padding: 3px;
}
.ym-col2 .searchForm .ergebnisseKopf h2,
.ym-col3 .searchForm .ergebnisseKopf h2 {
  margin-top: 1.5rem;
}
.ym-col2 #contentFooter,
.ym-col3 #contentFooter {
  font-size: 0.8rem;
  padding: 0;
  clear: both;
  margin: 0;
  color: #000000;
}
.ym-col2 #contentFooter a,
.ym-col3 #contentFooter a {
  color: #000000;
}
.ym-col2 .ym-form fieldset,
.ym-col3 .ym-form fieldset {
  border: none;
}
.ym-col2 .ym-form fieldset .formTitle,
.ym-col3 .ym-form fieldset .formTitle {
  margin: 20px 0;
}
.ym-col2 .ym-form fieldset .formTitle label,
.ym-col3 .ym-form fieldset .formTitle label {
  font-size: 1rem;
}
.ym-col2 .ym-form fieldset .ym-fbox-text,
.ym-col3 .ym-form fieldset .ym-fbox-text,
.ym-col2 .ym-form fieldset .ym-fbox-select,
.ym-col3 .ym-form fieldset .ym-fbox-select {
  margin: 10px 0;
}
.ym-col2 .ym-form fieldset .ym-fbox-text label,
.ym-col3 .ym-form fieldset .ym-fbox-text label,
.ym-col2 .ym-form fieldset .ym-fbox-select label,
.ym-col3 .ym-form fieldset .ym-fbox-select label {
  font-size: 0.8rem;
  width: 25%;
}
.ym-col2 .ym-form fieldset .ym-fbox-text select,
.ym-col3 .ym-form fieldset .ym-fbox-text select,
.ym-col2 .ym-form fieldset .ym-fbox-select select,
.ym-col3 .ym-form fieldset .ym-fbox-select select,
.ym-col2 .ym-form fieldset .ym-fbox-text input,
.ym-col3 .ym-form fieldset .ym-fbox-text input,
.ym-col2 .ym-form fieldset .ym-fbox-select input,
.ym-col3 .ym-form fieldset .ym-fbox-select input {
  width: 50%;
}
.ym-col2 .ym-form fieldset .ym-fbox-text .right,
.ym-col3 .ym-form fieldset .ym-fbox-text .right,
.ym-col2 .ym-form fieldset .ym-fbox-select .right,
.ym-col3 .ym-form fieldset .ym-fbox-select .right {
  float: none;
  text-align: left;
}
.ym-col2 .ym-form fieldset .ym-fbox-text .right .inputLeft,
.ym-col3 .ym-form fieldset .ym-fbox-text .right .inputLeft,
.ym-col2 .ym-form fieldset .ym-fbox-select .right .inputLeft,
.ym-col3 .ym-form fieldset .ym-fbox-select .right .inputLeft {
  width: 10% !important;
}
.ym-col2 .ym-form fieldset .ym-fbox-text .right .inputRight,
.ym-col3 .ym-form fieldset .ym-fbox-text .right .inputRight,
.ym-col2 .ym-form fieldset .ym-fbox-select .right .inputRight,
.ym-col3 .ym-form fieldset .ym-fbox-select .right .inputRight {
  width: 38% !important;
  margin-left: 2%;
  float: left !important;
}
.ym-col2 .ym-form fieldset .ym-fbox-text .small.editable,
.ym-col3 .ym-form fieldset .ym-fbox-text .small.editable,
.ym-col2 .ym-form fieldset .ym-fbox-select .small.editable,
.ym-col3 .ym-form fieldset .ym-fbox-select .small.editable {
  font-size: 0.7rem;
  color: #666;
  display: block;
}
.ym-col2 .ym-form fieldset .ym-fbox-check .right,
.ym-col3 .ym-form fieldset .ym-fbox-check .right {
  float: none;
  text-align: left;
}
.ym-col2 .ym-form fieldset .ym-fbox-check .right .checkbox,
.ym-col3 .ym-form fieldset .ym-fbox-check .right .checkbox {
  margin-left: 25%;
  vertical-align: middle;
}
.ym-col2 .ym-form fieldset .ym-fbox-check .right label,
.ym-col3 .ym-form fieldset .ym-fbox-check .right label {
  font-size: 0.8rem;
}
.ym-col2 .ym-form fieldset .ym-fbox-button,
.ym-col3 .ym-form fieldset .ym-fbox-button {
  padding-left: 0;
  margin-left: 25%;
}
.ym-col2 .ym-form fieldset .ym-fbox-button input[type="reset"],
.ym-col3 .ym-form fieldset .ym-fbox-button input[type="reset"] {
  display: none;
}
#footer {
  width: 100%;
}
#footer #bottom-slot {
  background: #336699;
  padding: 50px 0;
  position: relative;
}
#footer #bottom-slot a {
  color: #000000 !important;
}
#footer #footerBar {
  background: #000033;
  padding: 50px 0;
  color: #FFFFFF;
  clear: both;
}
#footer #footerBar a {
  color: #FFFFFF !important;
}
#footer #footerBar .centrifier .ym-grid.ym-g100 {
  max-width: 960px;
  margin: 0 auto;
  width: 100%;
}
#footer #footerBar .centrifier .ym-grid.ym-g100 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#footer #footerBar .centrifier .ym-grid.ym-g100 ul li {
  float: left;
  width: 20%;
  vertical-align: top;
  margin: 0;
  text-transform: uppercase;
  overflow: hidden;
}
#footer #footerBar .centrifier .ym-grid.ym-g100 ul li ul {
  padding-top: 20px;
  width: 100%;
}
#footer #footerBar .centrifier .ym-grid.ym-g100 ul li ul li {
  display: block;
  text-transform: none;
  font-size: 0.89rem;
  width: 100%;
  padding-bottom: 0.5rem;
}
#footer #footerBar .centrifier .ym-grid.ym-g100 .unten {
  float: left;
  display: inherit;
  padding-top: 50px;
}
#footer #footerBar .centrifier .ym-grid.ym-g100 .unten li {
  width: 100%;
  display: block;
  padding-bottom: 20px;
}
/* FOOTER */
.subfooter {
  color: #6699CC;
  width: 100%;
  padding: 10px 10px 10px 20px;
  background-color: #000033;
  font-family: 'Noto', sans-serif;
  font-size: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.subfooter .ym-g20 {
  padding: 20px 0;
  width: 19%;
}
.subfooter .ym-g80 {
  width: 81%;
  padding: 20px 0 0;
  text-align: right;
}
.subfooter img {
  margin-top: -20px;
  margin-left: 20px;
}
.subfooter a {
  color: #6699CC;
}
.subfooter a:hover,
.subfooter a.active,
.subfooter a.visited {
  color: #ffffff;
  text-decoration: none;
}
.subfooter .footerright {
  float: right;
}
.subfootercondensed {
  background-color: #000033;
  color: #6699CC;
  width: 100%;
  padding: 20px;
  font-family: 'Noto', sans-serif;
  font-size: 0.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.6rem;
}
.subfootercondensed img {
  float: right;
  margin-top: 15px;
  padding-left: 20px;
}
.subfootercondensed a {
  color: #6699CC;
}
.subfootercondensed a:hover,
.subfootercondensed a.active,
.subfootercondensed a.visited {
  color: #ffffff;
  text-decoration: none;
}
body.home #header {
  height: 500px;
  /* QUICK-FIX remove! */
  background-size: cover;
  background-color: #000033;
  z-index: 10;
  position: relative;
}
body.home #header #top-slot {
  position: absolute;
  margin: -80px 0 0;
}
body.home #header #top-slot .ym-g100 {
  max-width: inherit;
}
body.home #header #top-slot .subcl {
  padding: 0;
}
body.home #header #top-slot .bx-wrapper {
  height: 380px;
  width: 100%;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.home #header #top-slot .bx-wrapper .bx-controls {
  max-width: 960px;
  margin: 0 auto;
}
body.home #header #top-slot .bx-wrapper .bx-controls .bx-controls-direction {
  position: relative;
  margin-top: -103px;
}
body.home #header #top-slot .bx-wrapper .bx-viewport {
  height: 500px!important;
}
body.home #header #top-slot .bx-wrapper .bx-viewport img {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body.home #header #top-slot .appointment-top-slider.empty {
  height: 500px;
  background: url(../img/defaultBG.jpg);
  background-size: cover;
}
body.home #header #top-slot .appointment-top-slider-appointment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 500px;
}
body.home #header #top-slot .appointment-top-slider-pager {
  position: relative;
  color: #fff;
  width: 100%;
  max-width: 960px;
  padding: 0 42px;
  margin: 0 auto;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment {
  float: left;
  width: 15.22%;
  margin: 0 0.5%;
  background-color: rgba(0, 51, 102, 0.85);
  text-align: center;
  height: 45px;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment a {
  color: #ffffff;
  display: block;
  height: 100%;
  padding-top: 15px;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment .appointment-top-slider-pager-date {
  height: 100%;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment .appointment-top-slider-pager-date a {
  outline: 0;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment .appointment-top-slider-pager-hide-block {
  display: none;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active {
  position: relative;
  width: 33.33%;
  height: initial;
  top: -60px;
  background-color: rgba(255, 255, 255, 0.85);
  color: #000033;
  font-size: 0.9rem;
  height: auto;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active a {
  color: #000033;
  padding-top: 0;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-date {
  padding-top: 10px;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block {
  display: block;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-title {
  font-size: 1.2rem;
  line-height: 1.4rem;
  width: 92%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 7px auto 6px;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link,
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link {
  width: 95.5%;
  display: block;
  float: left;
  padding: 8px 2px;
  background-color: #336699;
  font-size: 0.75rem;
  text-transform: uppercase;
  margin: 10px 1% 2% 2%;
  text-align: left;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link a,
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link a {
  color: #ffffff;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link a:hover,
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link a:hover {
  text-decoration: none;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link:hover,
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link:hover {
  background-color: #003366;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link {
  margin: 10px 2% 2% 1%;
  float: right;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link a:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e80a";
  font-size: 0.8rem;
  margin: 0 6px;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link a:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e800";
  font-size: 0.8rem;
  margin: 0 6px;
}
body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block.not-bookable .appointment-top-slider-pager-event-link {
  width: 96%;
}
body.home #main {
  padding: 40px 0 0;
  margin: 0 auto -20px;
}
body.home .ym-col1 {
  display: none;
}
body.home .ym-col2wide .ym-cbox {
  padding: 0;
}
body.home .ym-col2 {
  max-width: 960px;
  width: 100%;
}
body.home .ym-col2 #content {
  background: none;
  padding: 0;
  min-height: 0;
  /*.basecontent-dvv-zm-vk  siehe zusatzmodule.less */
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile {
  width: 100%;
  margin: 0;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60,
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g40 {
  display: table-cell;
  float: none;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .subcl,
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .subcr {
  padding: 0;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g40 {
  height: 320px;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 {
  vertical-align: top;
  height: 320px;
  padding: 0;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle {
  background: #F5F5F5;
  height: 320px;
  position: relative;
  width: 100%;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle composedcontent-steinenbronn-box {
  height: 320px;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle > div:first-child {
  width: 320px;
  float: left;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle > div:first-child .basecontent-image {
  width: 320px;
  height: 320px;
  margin: 0 !important;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle > div:first-child .basecontent-image img {
  width: 320px;
  height: 320px;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle > div + div .basecontent-line-break-text {
  overflow: hidden;
  max-height: 280px;
  min-width: 150px;
  margin: 0;
  padding: 1rem;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle > div + div H2,
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile .ym-g60 .aktuelle > div + div h3 {
  font-size: 1.2rem;
  padding: 1rem;
  clear: none;
  padding: 1rem 1rem 0px 333px;
  min-width: 150px;
}
body.home .ym-col2 #content .mehrLink {
  margin: 10px 0 0px !important;
  padding: 0 !important;
  position: absolute;
  bottom: 0;
  right: 0;
}
body.home .ym-col2 #content .mehrLink a {
  text-decoration: none;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  line-height: 100%;
  display: block;
  min-width: 15rem;
  width: auto;
  color: #000000;
  cursor: pointer;
  background: #ffcc00;
  border: 0px none;
}
body.home .ym-col2 #content .mehrLink a:hover {
  color: #FFFFFF;
  background: #000033;
}
body.home .ym-col2 #content .ym-g40 .IconBlock {
  width: 100%;
  height: 330px;
}
body.home .ym-col2 #content .ym-g40 .IconBlock > div {
  width: 33.33%;
  padding: 0 0 10px 0;
  float: left;
  text-align: center;
  border-left: 10px solid #fff;
}
body.home .ym-col2 #content .ym-g40 .IconBlock > div + div + div {
  margin-right: 0;
}
body.home .ym-col2 #content .ym-g40 .IconBlock > div + div + div + div {
  margin-right: 0px;
}
body.home .ym-col2 #content .ym-g40 .IconBlock > div + div + div + div + div + div {
  margin-right: 0;
}
body.home .ym-col2 #content .ym-g40 .IconBlock > div + div + div + div + div + div + div {
  width: 100%;
  border-left: 0;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box {
  background: #000033;
  color: #FFFFFF;
  font-size: 1.1rem;
  font-weight: bold;
  height: 100px;
  width: 100%;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box figure,
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box p {
  margin: 0;
  text-align: center;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box img {
  max-width: 100%;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box figure {
  padding: 1rem 1px 0.4rem;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box p {
  padding: 0 0 1rem;
  font-size: 1rem;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box p a {
  color: #FFFFFF;
  font-weight: bold;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box .basecontent-dvv-wetter {
  height: 100px;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box .basecontent-dvv-wetter .title,
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box .basecontent-dvv-wetter .forecasts,
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box .basecontent-dvv-wetter .wind,
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box .basecontent-dvv-wetter .condition {
  display: none;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box .basecontent-dvv-wetter img {
  float: none;
  padding: 0.9rem 0 0.3rem;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box.quicksearch {
  background: none;
  position: relative;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box.quicksearch p,
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box.quicksearch label {
  display: none;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box.quicksearch .quicksearchtext {
  height: 100px;
  width: 100%;
  background: #336699;
  border: none;
  outline: none;
  color: #000033;
  font-weight: bold;
  font-size: 1.1rem;
  text-transform: uppercase;
  float: left;
  padding: 0 35% 0 15px;
  border-left: 10px solid #fff;
}
body.home .ym-col2 #content .ym-g40 .IconBlock .composedcontent-steinenbronn-box.quicksearch .quicksearchimg {
  padding: 20px;
  width: 33.4%;
  height: 100px;
  border-left: 10px solid #336699;
  background: url(../img/links/button-search2.png) no-repeat scroll 50% 50% #000033;
  background-size: 80px;
  position: absolute;
  right: 0;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile + a + .composedcontent-steinenbronn-zeile {
  background: #F5F5F5;
  margin: 2rem 0 4rem;
  display: block;
  position: relative;
  padding-bottom: 30px;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile + a + .composedcontent-steinenbronn-zeile .basecontent-dvv-zm-vk {
  padding: 50px 10px 100px;
}
body.home .ym-col2 #content .composedcontent-steinenbronn-zeile + a + .composedcontent-steinenbronn-zeile .basecontent-dvv-zm-vk .item {
  width: 25%;
  float: left;
}
body.home #footer .kontaktInfo .bildUnten img {
  bottom: -50px;
}
body.home.body_search #content,
body.home.body_sitremap #content {
  background: #FFFFFF !important;
  padding: 4rem !important;
}
#quickLink1.dvvToolbar {
  width: 100%;
  position: absolute;
  z-index: 200;
}
#quickLink1.dvvToolbar ul.tb-menu-root {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
#quickLink1.dvvToolbar .tb-menu * {
  float: left;
}
#quickLink1.dvvToolbar .tb-menu li.right {
  float: right;
}
#quickLink1.dvvToolbar a {
  color: #eaf5f7;
}
/* Print */
.printPreview .print_margins .subcolumns {
  background: #FFFFFF;
  height: 90px;
  padding-top: 10px;
}
.printPreview .print_margins .subcolumns input + input {
  margin-top: 5px;
}
/* STARTSEITE TEASER */
.teaserContainer {
  position: relative;
  width: 100vw;
  left: -50vw;
  margin-left: 50%;
  padding: 20px 0;
  background: url("../img/Sterne-Kachel.png") rgba(0, 0, 51, 0.85);
  float: left;
}
.teaserContainer .subcolumns {
  width: 960px;
  margin: 0 auto;
  float: none;
}
.teaserContainer .subcolumns .subc {
  padding: 0 0.5rem;
}
.teaserContainer .subcolumns .ym-g33 {
  float: left;
  margin-left: 0px;
  opacity: 1;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte h3 {
  font-size: 0.8rem;
  position: relative;
  z-index: 5;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte h3:before {
  content: " ";
  display: block;
  border-top: 1px solid #003366;
  width: 60px;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte h2 {
  font-size: 1.2rem;
  padding: 0;
  text-transform: none;
  position: relative;
  z-index: 5;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte p {
  margin: 10px 0 0;
  position: relative;
  z-index: 5;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture {
  background-color: white;
  padding-bottom: 15px;
  height: 500px;
  overflow: hidden;
  margin-bottom: 25px;
  position: relative;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture div {
  padding: 0 20px;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture div:first-child {
  padding: 0;
  height: 250px;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture div:nth-child(5) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture div:nth-child(5) .teaserLink {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture div:nth-child(5) .teaserLink a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture h3:before {
  margin-top: 5px;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture .basecontent-image {
  margin: 0 0 15px 0;
  overflow: hidden;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  height: 60px;
  width: 100%;
  display: block;
  bottom: 0;
  position: absolute;
  content: " ";
  z-index: 7;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered {
  color: white;
  text-align: center;
  margin-bottom: 25px;
  background-color: #003366;
  height: 250px;
  overflow: hidden;
  position: relative;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div {
  padding: 0 20px;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:first-child {
  padding: 0;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(2) {
  margin-top: -270px;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(4) {
  -webkit-mask-image: -webkit-gradient(linear, left 70%, left 90%, from(#000000), to(rgba(0, 0, 0, 0)));
  height: 165px;
  z-index: 5;
  position: relative;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(5) {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(5) .teaserLink {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(5) .teaserLink a {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 0;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered h3:before {
  border-top: 1px solid white;
  margin: 5px auto 0;
  position: relative;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered h2,
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered h3 {
  color: white;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered figure.fadeBlue {
  opacity: 0.3;
  z-index: 1;
  position: relative;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered .basecontent-image {
  margin: 0 0 15px 0;
  overflow: hidden;
}
.teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .showMobile {
  display: none;
}
/* COUNTER */
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer {
  background: url(../img/counterbg.jpg);
  background-size: cover;
  float: left;
  width: 100%;
  margin: 0;
  margin-top: 20px;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-g20 {
  text-align: center;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-g20 .subcl,
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-g20 .subc,
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-g20 .subcr {
  padding: 0;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-g20 .counterBox p {
  margin: 10px 0 0;
  color: white;
}
.ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-g20 .counterBox h2 {
  padding: 5px 0 15px;
  color: white;
  font-size: 1.6rem;
}
/* SONDER-STYLES PROGRAMM */
#node1764700 {
  overflow-x: hidden;
}
#node1764700 .ym-col2 .ym-cbox {
  padding: 0 0 20px 0;
}
#node1764700 #header {
  height: 300px;
}
#node1764700 #main {
  background: transparent;
}
#node1764700 #main .featured {
  margin: 0;
}
#node1764700 #main .featured .featuredHeader {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 0;
  text-align: center;
  margin-bottom: 140px;
  position: relative;
  width: 100vw;
  left: -50vw;
  margin-left: 50%;
}
#node1764700 #main .featured .featuredHeader h2 {
  padding: 15px 0 0px;
}
#node1764700 #main .featured .featuredHeader h2:after {
  content: " ";
  display: block;
  margin: 15px auto 10px;
  border-bottom: 1px solid #003366;
  width: 60px;
}
#node1764700 #main .featured .featuredHeader p {
  margin: 10px 0 0;
  padding: 0 24%;
}
#node1764700 #main .featured .featuredBox {
  background: rgba(255, 255, 255, 0.8);
  padding: 20px;
  margin-bottom: 30px;
  float: left;
  text-align: center;
}
#node1764700 #main .featured .featuredBox h3 {
  padding: 0;
}
#node1764700 #main .featured .featuredBox h3:after {
  content: " ";
  display: block;
  margin: 15px auto 10px;
  border-bottom: 1px solid #003366;
  width: 60px;
}
#node1764700 #main .featured .featuredBox p {
  margin: 10px 0 0;
}
/* Sonder-Styles Suche */
.body_search #header {
  background-image: url(../img/defaultBG.jpg);
}
.body_search .searchDiv {
  padding-top: 40px;
}
.body_search .ergebnisseKopf .searchSort .button,
.body_search .ergebnisseKopf .searchSort input[type*=submit] {
  height: initial;
  width: initial !important;
  min-width: initial !important;
  background: transparent;
  color: #000000;
  font-size: 0.8rem;
  font-weight: 400;
  text-decoration: underline;
}
.body_search .ergebnisseKopf .searchSort .button:hover,
.body_search .ergebnisseKopf .searchSort input[type*=submit]:hover {
  color: #336699;
}
.body_search .ergebnisseKopf .ergebnisseKopfAnzahl {
  font-weight: 700;
}
.body_search input[type*=search] {
  margin-bottom: 10px;
}
.body_search .ergebnisseRumpf a {
  text-decoration: underline;
}
.body_search .ergebnisseRumpf a:hover {
  color: #336699;
}
/* Slider */
.bx-wrapper {
  float: left;
  margin: 20px auto 50px;
}
.bx-wrapper .bx-viewport .composedcontent-stuttgart-planetarium-zeile {
  margin-top: 0;
}
.bx-wrapper .bx-viewport .composedcontent-stuttgart-planetarium-zeile .basecontent-image {
  margin: 0;
}
.bx-wrapper .bx-viewport .caption {
  position: relative;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 4px 8px;
}
.bx-wrapper .bx-viewport img {
  margin: 0 auto;
}
.bx-wrapper .bx-next {
  right: 20px;
}
/* Animation-Settings */
.delay-05s {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.delay-1s {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}
/* PROGRAMM-ANZEIGE */
.planetarium.event-search .event-search-overview-categories {
  background: #ffcc00;
  float: left;
  width: 100%;
  color: #003366;
  margin: 45px 0 0;
}
.planetarium.event-search .event-search-overview-categories h2 {
  font-size: 1rem;
  margin: 0 14px 8px;
  text-transform: none;
}
.planetarium.event-search .event-search-overview-categories h2:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  font-size: 1.1rem;
  content: "\e806";
}
.planetarium.event-search .categories {
  float: left;
  width: 100%;
}
.planetarium.event-search .categories .category,
.planetarium.event-search .categories .category-all-button {
  width: 18.8%;
  min-width: 18.8%;
  height: 36px;
  float: left;
  background: rgba(255, 255, 255, 0.5);
  padding: 10px;
  margin: 0.5%;
  font-size: 0.8rem;
}
.planetarium.event-search .categories .category:nth-child(5n+1),
.planetarium.event-search .categories .category-all-button:nth-child(5n+1) {
  margin: 0.5% 0.5% 0.5% 1%;
}
.planetarium.event-search .categories .category:has(.cat-0),
.planetarium.event-search .categories .category-all-button:has(.cat-0) {
  display: none;
}
.planetarium.event-search .categories .category .cat-1::before,
.planetarium.event-search .categories .category-all-button .cat-1::before {
  content: "\e812";
}
.planetarium.event-search .categories .category .cat-2::before,
.planetarium.event-search .categories .category-all-button .cat-2::before {
  content: "\e802";
}
.planetarium.event-search .categories .category .cat-3::before,
.planetarium.event-search .categories .category-all-button .cat-3::before {
  content: "\e804";
}
.planetarium.event-search .categories .category .cat-4::before,
.planetarium.event-search .categories .category-all-button .cat-4::before {
  content: "\e805";
}
.planetarium.event-search .categories .category .cat-5::before,
.planetarium.event-search .categories .category-all-button .cat-5::before {
  content: "\e806";
}
.planetarium.event-search .categories .category .cat-8::before,
.planetarium.event-search .categories .category-all-button .cat-8::before {
  content: "\e804";
}
.planetarium.event-search .categories .category .cat-laser::before,
.planetarium.event-search .categories .category-all-button .cat-laser::before {
  content: "\e805";
}
.planetarium.event-search .categories .category .cat-technik::before,
.planetarium.event-search .categories .category-all-button .cat-technik::before {
  content: "\e811";
}
.planetarium.event-search .categories .category .cat-english::before,
.planetarium.event-search .categories .category-all-button .cat-english::before {
  content: "\e818";
}
.planetarium.event-search .categories .category .cat-englisch::before,
.planetarium.event-search .categories .category-all-button .cat-englisch::before {
  content: "\e818";
}
.planetarium.event-search .categories .category input,
.planetarium.event-search .categories .category-all-button input {
  position: absolute;
  left: -9999px;
}
.planetarium.event-search .categories .category label::before,
.planetarium.event-search .categories .category-all-button label::before {
  display: block;
  float: none;
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  font-size: 1.2rem;
  background-image: url('../img/links/unchecked.png');
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  top: -4px;
  padding: 4px 0 0 30px;
}
.planetarium.event-search .categories .category input:checked + label::before,
.planetarium.event-search .categories .category-all-button input:checked + label::before {
  height: 24px;
  background-image: url('../img/links/checked.png');
  display: block;
}
.planetarium.event-search .categories .category.selected {
  background: rgba(255, 255, 255, 0.8);
}
.planetarium.event-search ul {
  background-color: white;
  float: left;
  width: 100%;
  padding-top: 40px;
  margin-bottom: 30px;
}
.planetarium.event-search ul li {
  padding: 10px 0;
  list-style: none;
  clear: both;
}
.planetarium.event-search ul li .event {
  border-bottom: 1px solid #d4d4d4;
  min-height: 110px;
  padding: 0 0 10px 0px;
  float: left;
  width: 100%;
}
.planetarium.event-search ul li .event .event-date-time-block {
  width: 25%;
  float: left;
  margin-right: 2%;
}
.planetarium.event-search ul li .event .event-date-time-block .event-date {
  display: inline-block;
  margin-right: 1rem;
}
.planetarium.event-search ul li .event .event-date-time-block .event-time {
  display: inline-block;
}
.planetarium.event-search ul li .event .event-bild {
  float: left;
  width: 15%;
}
.planetarium.event-search ul li .event .event-bild img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  aspect-ratio: 1.45;
}
.planetarium.event-search ul li .event .event-details {
  padding-left: 42%;
  margin-left: 2%;
}
.planetarium.event-search ul li .event .event-details .event-title a {
  font-size: 1rem;
  font-weight: 700;
  color: #003366;
}
.planetarium.event-search ul li .event .event-details .event-short-description {
  color: #34689a;
}
.planetarium.event-search ul li .event .event-details .event-actions {
  float: left;
  margin-top: 10px;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'] {
  background-color: #ffcc00;
  padding: 7px 6px;
  width: 32px;
  height: 32px;
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-style: normal;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-astronomie,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-2 {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-astronomie:hover:after,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-2:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Astronomie";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-astronomie::before,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-2::before {
  content: "\e802";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-schulen {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-schulen:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Schulen";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-schulen::before {
  content: "\e803";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-fachvortrag,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-5 {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-fachvortrag:hover:after,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-5:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Vortrag";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-fachvortrag::before,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-5::before {
  content: "\e806";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-musik,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-3 {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-musik:hover:after,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-3:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Musik";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-musik::before,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-3::before {
  content: "\e804";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-kinder,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-1 {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-kinder:hover:after,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-1:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Kinder/Familien";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-kinder::before,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-1::before {
  content: "\e812";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-laser,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-4 {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-laser:hover:after,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-4:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Event";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-laser::before,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-4::before {
  content: "\e805";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-technik {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-technik:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Technik";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-technik::before {
  content: "\e811";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-wissenschaft {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-wissenschaft:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Wissenschaft";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-wissenschaft::before {
  content: "\e80f";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-english,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-englisch {
  position: relative;
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-english:hover:after,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-englisch:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "Englisch";
}
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-english::before,
.planetarium.event-search ul li .event .event-details .event-actions [class*='cat-'].cat-englisch::before {
  content: "\e818";
}
.planetarium.event-search ul li .event .event-details .event-actions .event-actions-buy-link {
  display: block;
  float: left;
  height: 32px;
  background-color: #336699;
  font-size: 0.9rem;
  line-height: 0.9rem;
  margin-bottom: 15px;
  color: #ffffff;
  padding: 9px 15px;
}
.planetarium.event-search ul li .event .event-details .event-actions .event-actions-buy-link:hover {
  background-color: #6699CC;
  text-decoration: none;
  color: #000033;
}
.planetarium.event-search ul li .event .event-details .event-actions .event-actions-buy-link:after {
  content: "››";
  font-size: 1.1rem;
  margin-top: -2px;
  display: inline-block;
  margin-left: 6px;
}
.planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places {
  font-size: 1rem;
  color: grey;
}
.planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places:hover:after {
  position: absolute;
  right: -100%;
  top: -15px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  padding: 4px 8px;
  font-family: 'Noto';
  font-size: 0.8rem;
  text-align: center;
  z-index: 1000;
  content: "freie Sitzplätze";
}
.planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  font-size: 1.2rem;
  content: "\e817";
  float: none;
}
.planetarium.event-search .event-search-overview-load-next {
  height: 32px;
  font-size: 0.9rem;
  color: #000033;
  padding: 9px 15px;
  margin: 0 auto;
  display: block;
  clear: both;
}
.planetarium.event-search .event-search-overview-load-next:hover {
  background-color: #6699CC;
  text-decoration: none;
  color: #000033;
}
.planetarium.event-search .spinner-outer {
  float: left;
  margin: -40px 50% 40px;
}
/* Home Event Suche */
.eventOnlyContainer {
  position: relative;
  width: 100vw;
  left: -50vw;
  margin-left: 50%;
  padding: 35px 0 20px;
  background: #ffcc00;
  float: left;
}
.event-search-only {
  width: 960px;
  margin: 0 auto;
  float: none;
}
.event-search-only h2 {
  font-size: 1rem;
  text-transform: none;
  margin: 0 0 18px;
  padding: 0;
}
.event-search-only .event-search-only-timebox {
  width: 30%;
  float: left;
  padding-right: 20px;
}
.event-search-only .event-search-only-timebox a {
  display: block;
  float: left;
  height: 32px;
  width: 100%;
  background-color: #336699;
  font-size: 0.9rem;
  line-height: 0.9rem;
  margin-bottom: 15px;
  color: #ffffff;
  padding: 9px 15px;
  font-weight: 700;
}
.event-search-only .event-search-only-timebox a:hover {
  background-color: #6699CC;
  text-decoration: none;
  color: #000033;
}
.event-search-only .event-search-only-timebox a:before {
  content: "› ";
  font-size: 1.1rem;
  margin-top: -2px;
  display: inline-block;
  margin-right: 6px;
}
.event-search-only .event-search-only-categorybox {
  width: 70%;
  float: left;
  padding-left: 20px;
  border-left: 1px solid #CC9900;
}
.event-search-only .event-search-only-categorybox h2 {
  margin: 0 14px 8px 0;
  display: inline;
}
.event-search-only .event-search-only-categorybox h2:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  font-size: 1.1rem;
  content: "\e806";
}
.event-search-only .event-search-only-categorybox button,
.event-search-only .event-search-only-categorybox input[type*=submit] {
  display: block;
  float: right;
  height: 32px;
  background-color: #336699;
  font-size: 0.9rem;
  line-height: 0.9rem;
  margin-bottom: 15px;
  margin-top: -10px;
  color: #ffffff;
  padding: 9px 20px;
  min-width: initial;
}
.event-search-only .event-search-only-categorybox button:hover,
.event-search-only .event-search-only-categorybox input[type*=submit]:hover {
  background-color: #6699CC;
  text-decoration: none;
  color: #000033;
}
.event-search-only .event-search-only-categorybox button:before,
.event-search-only .event-search-only-categorybox input[type*=submit]:before {
  content: "› ";
  font-size: 1.1rem;
  margin-top: -2px;
  display: inline-block;
  margin-right: 6px;
}
.event-search-only .event-search-only-categorybox .categories {
  float: left;
  width: 100%;
}
.event-search-only .event-search-only-categorybox .categories .category,
.event-search-only .event-search-only-categorybox .categories .category-all-button {
  min-width: initial;
  width: 32.6%;
  height: 36px;
  float: left;
  background: rgba(255, 255, 255, 0.5);
  margin: 0.5%;
  padding: 10px;
  font-size: 0.8rem;
}
.event-search-only .event-search-only-categorybox .categories .category:nth-child(3n+0),
.event-search-only .event-search-only-categorybox .categories .category-all-button:nth-child(3n+0) {
  margin: 0.5% 0% 0.5% 0.5%;
}
.event-search-only .event-search-only-categorybox .categories .category:nth-child(3n+1),
.event-search-only .event-search-only-categorybox .categories .category-all-button:nth-child(3n+1) {
  margin: 0.5% 0.5% 0.5% 0%;
}
.event-search-only .event-search-only-categorybox .categories .category .cat-kinder::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-kinder::before {
  content: "\e812";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-1::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-1::before {
  content: "\e812";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-astronomie::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-astronomie::before {
  content: "\e802";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-2::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-2::before {
  content: "\e802";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-musik::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-musik::before {
  content: "\e804";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-3::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-3::before {
  content: "\e804";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-laser::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-laser::before {
  content: "\e805";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-4::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-4::before {
  content: "\e805";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-fachvortrag::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-fachvortrag::before {
  content: "\e806";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-5::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-5::before {
  content: "\e806";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-schulen::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-schulen::before {
  content: "\e803";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-technik::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-technik::before {
  content: "\e811";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-wissenschaft::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-wissenschaft::before {
  content: "\e80f";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-english::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-english::before {
  content: "\e818";
}
.event-search-only .event-search-only-categorybox .categories .category .cat-englisch::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button .cat-englisch::before {
  content: "\e818";
}
.event-search-only .event-search-only-categorybox .categories .category input,
.event-search-only .event-search-only-categorybox .categories .category-all-button input {
  position: absolute;
  left: -9999px;
}
.event-search-only .event-search-only-categorybox .categories .category label::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button label::before {
  display: block;
  float: none;
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  font-size: 1.2rem;
  background-image: url('../img/links/unchecked.png');
  background-repeat: no-repeat;
  position: relative;
  height: 24px;
  top: -4px;
  padding: 4px 0 0 30px;
}
.event-search-only .event-search-only-categorybox .categories .category input:checked + label::before,
.event-search-only .event-search-only-categorybox .categories .category-all-button input:checked + label::before {
  height: 24px;
  background-image: url('../img/links/checked.png');
  display: block;
}
.event-search-only .event-search-only-categorybox .categories .category.selected {
  background: rgba(255, 255, 255, 0.8);
}
/* Event-Details */
.event-details .event-detail {
  width: 70%;
  float: left;
}
.event-details .event-detail .event-detail-subtitle {
  text-transform: uppercase;
  color: grey;
}
.event-details .event-detail .event-detail-title {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 28px;
}
.event-details .event-detail .event-detail-short-description {
  font-weight: 700;
  margin-top: 20px;
  line-height: 1.2rem;
}
.event-details .event-detail .event-detail-description {
  margin-top: 20px;
  line-height: 1.4rem;
}
.event-details .event-detail .event-detail-image {
  margin-top: 33px;
}
.event-details-sidebar {
  width: 28%;
  float: right;
}
.event-details-sidebar .event-details-sidebar-categories {
  background-color: #ffcc00;
  padding: 14px 16px;
  margin-bottom: 15px;
}
.event-details-sidebar .event-details-sidebar-categories .event-details-sidebar-categories-title {
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 5px;
}
.event-details-sidebar .event-details-sidebar-categories .event-details-sidebar-categories-title:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  font-size: 0.9rem;
  content: "\e806";
}
.event-details-sidebar .event-details-sidebar-categories span {
  display: inline-block;
  height: 29px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 7px 8px;
  margin: 5px 5px 0 0;
  font-size: 0.7rem;
}
.event-details-sidebar .event-details-sidebar-categories span::before {
  display: block;
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  position: relative;
  height: 24px;
  padding-right: 4px;
  float: left;
}
.event-details-sidebar .event-details-sidebar-categories .cat-astronomie::before,
.event-details-sidebar .event-details-sidebar-categories .cat-2::before {
  content: "\e802";
}
.event-details-sidebar .event-details-sidebar-categories .cat-fachvortrag::before,
.event-details-sidebar .event-details-sidebar-categories .cat-5::before {
  content: "\e806";
}
.event-details-sidebar .event-details-sidebar-categories .cat-musik::before,
.event-details-sidebar .event-details-sidebar-categories .cat-3::before {
  content: "\e804";
}
.event-details-sidebar .event-details-sidebar-categories .cat-kinder::before,
.event-details-sidebar .event-details-sidebar-categories .cat-1::before {
  content: "\e812";
}
.event-details-sidebar .event-details-sidebar-categories .cat-schulen::before {
  content: "\e803";
}
.event-details-sidebar .event-details-sidebar-categories .cat-laser::before,
.event-details-sidebar .event-details-sidebar-categories .cat-4::before {
  content: "\e805";
}
.event-details-sidebar .event-details-sidebar-categories .cat-technik::before {
  content: "\e811";
}
.event-details-sidebar .event-details-sidebar-categories .cat-wissenschaft::before {
  content: "\e80f";
}
.event-details-sidebar .event-details-sidebar-categories .cat-english::before {
  content: "\e818";
}
.event-details-sidebar .event-details-sidebar-categories .cat-englisch::before {
  content: "\e818";
}
.event-details-sidebar .buy-ticket-link {
  width: 100%;
  margin: 0 0 15px 0;
}
.event-details-sidebar .event-details-sidebar-infoblock {
  background: #e0ebf5;
  padding: 14px 18px;
  color: #336699;
  margin-bottom: 15px;
}
.event-details-sidebar .event-details-sidebar-infoblock .caption {
  font-size: 0.8rem;
  padding: 0;
  text-transform: uppercase;
  clear: initial;
  margin-left: 25px;
}
.event-details-sidebar .event-details-sidebar-infoblock .data {
  font-size: 0.7rem;
  margin: 0 0 0 25px;
  line-height: 1rem;
  margin-bottom: 15px;
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-tickets-pricegroup {
  margin: 3px 0 9px;
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-tickets-pricegroup .price {
  font-weight: 700;
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-date:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e80c";
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-time:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e816";
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-tickets:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e80a";
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-oepnv:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e815";
  font-size: 1.1rem;
  margin-left: -2px;
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-location:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e807";
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-contact:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e813";
}
.event-details-sidebar .event-details-sidebar-infoblock .event-details-sidebar-infoblock-link:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e80b";
}
.buy-ticket-link {
  background-color: #336699;
  line-height: 0.9rem;
  text-transform: uppercase;
  margin-bottom: 15px;
  width: 220px;
  margin: 20px auto;
}
.buy-ticket-link:hover {
  background-color: #6699CC;
}
.buy-ticket-link:hover a {
  text-decoration: none;
  color: #000033;
}
.buy-ticket-link a {
  color: #ffffff;
  display: block;
  padding: 10px 15px;
}
.buy-ticket-link a:after {
  content: "››";
  font-size: 1.1rem;
  margin-top: -2px;
  display: inline-block;
  margin-left: 6px;
}
.buy-ticket-link a:before {
  font-family: "planetarium";
  speak: none;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: left;
  margin-right: 6px;
  content: "\e80a";
  font-size: 1rem;
  margin-right: 10px;
}
#footerMap .ym-col2wide .ym-cbox {
  padding: 0;
  margin: 20px 0 0;
}
.spielplan {
  position: relative;
  float: right;
  top: 62px;
  right: 10px;
  height: 0;
}
.spielplan a {
  text-decoration: none;
  background: #003366;
  padding: 5px 10px;
  font-weight: 700;
  color: white;
}
.spielplan a:hover {
  color: white;
  background: #000033;
}
.spielplan:after {
  display: block;
  content: " ";
  clear: both;
}
.linkButton a {
  text-decoration: none;
  background: #003366;
  padding: 5px 10px;
  font-weight: 700;
  color: white;
  display: block;
  width: 240px;
  text-align: center;
}
.linkButton a:hover {
  color: white;
  background: #000033;
}
textarea {
  font-family: Arial;
  font-size: 13.3333px;
  border-color: #000;
}
.places_status {
  display: none;
}
/* Flexnav Base Styles */
.flexnav,
.mynav {
  -webkit-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 0;
  position: relative;
  z-index: 10;
}
.flexnav.opacity,
.mynav.opacity {
  opacity: 0;
}
.flexnav.flexnav-show,
.mynav.flexnav-show {
  max-height: 2000px;
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.flexnav li > ul,
.mynav li > ul {
  display: none;
}
.flexnav li,
.mynav li {
  overflow: hidden;
  position: relative;
}
.flexnav li a,
.mynav li a {
  position: relative;
  display: block;
  padding: 14px 20px 9px 20px;
  z-index: 2;
  overflow: hidden;
  color: #fff;
}
.flexnav li ul,
.mynav li ul {
  width: 100%;
  padding: 0;
}
.flexnav li ul li a,
.mynav li ul li a {
  display: inline-block;
}
.flexnav li ul.flexnav-show li,
.mynav li ul.flexnav-show li {
  overflow: visible;
}
.flexnav .touch-button,
.mynav .touch-button {
  position: absolute;
  z-index: 999;
  top: 0px;
  right: 0px;
  width: 40px;
  height: 42px;
  padding: 7px 0;
  display: inline-block;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-left: 1px solid white;
}
.flexnav .touch-button:hover,
.mynav .touch-button:hover {
  cursor: pointer;
}
.flexnav .touch-button .navicon,
.mynav .touch-button .navicon {
  position: relative;
  top: 5px;
  font-size: 12px;
  color: #fff;
  font-style: normal;
}
.menu-button {
  position: relative;
  display: block;
  text-align: center;
  padding: 17px;
  color: #003366;
  font-size: 1.2rem;
  cursor: pointer;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.9);
}
.menu-button .touch-button {
  background: transparent;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 50px;
  height: 49px;
  display: inline-block;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  border-left: 1px solid #003366;
}
.menu-button .touch-button .navicon {
  font-size: 16px;
  position: relative;
  top: 1em;
  color: #003366;
  font-style: normal;
}
.clear {
  clear: both;
}
/* Kompakt-Navi */
@media (min-width: 820px) {
  .flexnav,
  .mynav {
    overflow: visible;
  }
  .flexnav.opacity,
  .mynav.opacity {
    opacity: 1;
  }
  .flexnav ul.flexnav-show li ul,
  .mynav ul.flexnav-show li ul {
    display: block !important;
  }
  .flexnav li,
  .mynav li {
    list-style: none;
    float: left;
    display: block;
    overflow: visible;
    position: static;
  }
  .flexnav li a,
  .mynav li a {
    border-bottom: none;
    color: #fff;
    padding: 0;
  }
  .flexnav li ul li > ul,
  .mynav li ul li > ul {
    float: none;
  }
  .flexnav li ul li,
  .mynav li ul li {
    background: transparent;
  }
  .flexnav li ul li a,
  .mynav li ul li a {
    border-bottom: none;
  }
  .flexnav li ul li:hover,
  .mynav li ul li:hover {
    background: none;
  }
  .flexnav li ul.open,
  .mynav li ul.open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
  .flexnav li ul.open li,
  .mynav li ul.open li {
    overflow: visible;
  }
  .flexnav li ul.open ul.open,
  .mynav li ul.open ul.open {
    margin-left: 100%;
  }
  .flexnav li > ul,
  .mynav li > ul {
    background: rgba(0, 0, 51, 0.85);
    position: absolute;
    padding: 20px 20px 5px 20px;
    left: -235px;
    padding-left: 250px;
    width: 960px;
  }
  .flexnav li > ul li,
  .mynav li > ul li {
    width: auto;
  }
  .flexnav ul li ul,
  .mynav ul li ul {
    float: left;
    position: relative;
  }
  .flexnav ul li ul li,
  .mynav ul li ul li {
    clear: both;
  }
  .flexnav ul li ul li a,
  .mynav ul li ul li a {
    background: none;
  }
  .flexnav ul li ul li ul li a,
  .mynav ul li ul li ul li a {
    background: none;
  }
  .menu-button {
    display: none;
  }
  .touch-button {
    display: none !important;
  }
}
/* responsive Abweichungen */
@media all and (min-width: 1620px) {
  body #header {
    background-size: initial;
  }
  body.home #header #top-slot .ym-g100 {
    max-width: 1620px;
    max-width: 100%;
  }
}
@media all and (min-width: 1000px) {
  body .subfootercondensed {
    display: none;
  }
}
@media all and (max-width: 1000px) {
  body .subfooter {
    display: none;
  }
  body .ym-col2 .ym-cbox {
    padding: 20px 20px 0 20px;
  }
}
@media all and (max-width: 960px) {
  body .planetarium.event-search ul li .event .event-date-time-block {
    width: 51%;
  }
  body .planetarium.event-search ul li .event .event-bild {
    width: 51%;
    max-height: 140px;
    overflow: hidden;
  }
  body .planetarium.event-search ul li .event .event-details {
    padding-left: 52%;
  }
  body .teaserContainer .subcolumns {
    width: 100%;
    padding: 0 30px;
  }
  body .teaserContainer .subcolumns .ym-g33 .subcl {
    margin: 0 5% 0 0;
  }
  body .teaserContainer .subcolumns .ym-g33 .subc {
    margin: 0 2.5%;
  }
  body .teaserContainer .subcolumns .ym-g33 .subcr {
    margin: 0 0 0 5%;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture {
    margin-bottom: 20px;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture div:first-child {
    padding: 0;
    height: auto;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered {
    background-color: white;
    padding-bottom: 15px;
    height: 500px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    color: #000000;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div {
    padding: 0 20px;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:first-child {
    padding: 0;
    height: auto;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(2) {
    margin-top: 0px;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(4) {
    height: auto;
    -webkit-mask-image: initial;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(5) {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
    padding: 0;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(5) .teaserLink {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered div:nth-child(5) .teaserLink a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered h3:before {
    margin: 0;
    margin-top: 5px;
    border-top: 1px solid #003366;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered h2,
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered h3 {
    color: #000000;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered figure.fadeBlue {
    opacity: 1;
    z-index: 1;
    position: relative;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered .basecontent-image {
    margin: 0 0 15px 0;
    overflow: hidden;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserCentered:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#ffffff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);
    height: 60px;
    width: 100%;
    display: block;
    bottom: 0;
    position: absolute;
    content: " ";
    z-index: 7;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link,
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link {
    width: 94%;
    margin: 0px 3% 6px;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-title {
    margin: 7px auto 10px;
  }
}
@media all and (min-width: 820px) {
  body #header .mobil {
    display: none;
  }
}
/* bis zu 960px*/
@media all and (max-width: 819px) {
  body #header .desktop {
    display: none;
  }
  body #header .mobil {
    display: block;
  }
  body #header #untennav-bar #nav {
    width: 100%;
    margin: 0;
  }
  body #header #untennav-bar .suche {
    border-right: 0;
  }
  body #main .ym-col1 {
    display: none;
  }
  body #main .ym-col2,
  body #main .ym-col3 {
    padding: 0;
    margin: 0;
  }
  body #main .ym-col2 .basecontent-dvv-karte #cmsmap .map {
    width: 100%;
  }
  body #main .ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox {
    width: 320px;
    margin-top: -220px;
    padding: 10px 10px 25px 25px;
    margin-left: 15px;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category {
    width: 32%;
    margin: 0.5%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category:nth-child(3n+1) {
    margin: 0.5% 0.5% 0.5% 1%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category-all-button {
    width: 98%;
    margin: 0.5% 1% 1%;
  }
  body #main .ym-col3 {
    float: left;
  }
  .planetarium.event-search event-search-overview > ul li .event .event-date-time-block {
    width: 25%;
  }
  .planetarium.event-search event-search-overview > ul li .event .event-bild {
    width: 10%;
  }
  #node11820291 #header {
    height: 600px;
  }
  #node11820291 #main .featured .featuredHeader {
    margin-bottom: 50px;
  }
  #node11820291 #main .featured .featuredBox {
    margin: 0 0 30px 2.5%;
  }
  #node11820291 #main .featured .featuredBox:last-child {
    margin-right: 2.5%;
  }
  body.home #header {
    /* height: 430px; */
    height: 160px;
  }
  body.home #header #top-slot .bx-wrapper {
    height: 300px;
  }
  body.home #header #top-slot .bx-wrapper .bx-viewport {
    height: 430px !important;
  }
  body.home #header #top-slot .bx-wrapper .bx-controls .bx-controls-direction {
    position: relative;
    margin-top: -116px;
  }
  body.home #main {
    margin-top: 240px;
    margin-bottom: -40px;
    padding: 0;
  }
}
@media all and (max-width: 680px) {
  body #main .ym-col2 .planetarium.event-search .categories .category {
    width: 47%;
    margin: 1%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category:nth-child(3n+1) {
    margin: 1%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category:nth-child(2n+0) {
    margin: 1% 2% 1% 2%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category:nth-child(2n+1) {
    margin: 1% 1% 1% 1%;
  }
  body .planetarium.event-search ul li .event .event-date-time-block {
    width: 100%;
    margin-bottom: 1rem;
  }
  body .planetarium.event-search ul li .event .event-bild {
    width: 100%;
    margin-bottom: 1rem;
  }
  body .planetarium.event-search ul li .event .event-details {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    margin-bottom: 1rem;
  }
  body .event-details .event-detail {
    width: 55%;
  }
  body .event-details .event-details-sidebar {
    width: 43%;
  }
  body .teaserContainer .subcolumns {
    padding: 0 30px;
  }
  body .teaserContainer .subcolumns .ym-g33 {
    width: 50%;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) {
    width: 100%;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) .subcr {
    margin: 0 1.25% 0 0;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) .subcr .subrows > div:first-child {
    width: 48.25%;
    float: left;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) .subcr .subrows > div:nth-child(2) {
    width: 48.25%;
    float: right;
  }
  body .teaserContainer .subcolumns .ym-g33 .subcl {
    margin: 0 5% 0 0;
  }
  body .teaserContainer .subcolumns .ym-g33 .subc {
    margin: 0 2.5%;
  }
  body .teaserContainer .subcolumns .ym-g33 .subcr {
    margin: 0 0 0 5%;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-date-time-block {
    width: 30%;
    float: right;
    margin-right: 0;
    margin: 0px 0 30px 0;
    padding-right: 10px;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-bild {
    width: 30%;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-details {
    padding-left: 30%;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-details .event-short-description {
    padding-right: 10px;
  }
  body.home #header {
    /*  height: 360px; */
    height: 160px;
  }
  body.home #header #top-slot {
    margin: 0;
    overflow: hidden;
  }
  body.home #header #top-slot .bx-wrapper .bx-viewport {
    height: 360px!important;
  }
  body.home #header #top-slot .bx-wrapper {
    height: 150px;
  }
  body.home #header #top-slot .bx-wrapper .bx-controls .bx-controls-direction {
    position: relative;
    margin-top: -170px;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment {
    display: none;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active {
    display: block;
    width: 97%;
    top: -30px;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link {
    width: 47%;
    margin: 0px 1% 6px 2%;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link {
    width: 47%;
    margin: 0px 2% 6px 1%;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-title {
    margin: 7px auto 10px;
  }
  #node11820291 #header {
    height: 410px;
  }
  #node11820291 #main .featured .featuredHeader {
    margin-bottom: 30px;
  }
  #node11820291 #main .featured .featuredBox {
    display: none;
  }
  .ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-g20 {
    width: 33%;
  }
  .ym-col2 .composedcontent-stuttgart-planetarium-zeile.counterContainer .ym-gr {
    float: left;
  }
}
/* bis zu 600px*/
@media all and (max-width: 600px) {
  body #main .ym-col2 {
    float: none;
    width: 100%;
  }
  body #main .ym-col2 .ym-cbox {
    padding: 0 10px 10px 10px;
  }
  body #main .ym-col2 .ym-cbox .bx-wrapper {
    float: left;
    margin: 20px auto 40px;
  }
  body #main .ym-col3 {
    width: 100%;
  }
  body #main .ym-col3 .ym-cbox {
    padding: 0;
  }
  body #main .ym-col3 .ym-cbox .buyBox,
  body #main .ym-col3 .ym-cbox .shareBox,
  body #main .ym-col3 .ym-cbox .buy-ticket-link {
    width: 215px;
    margin: 20px auto;
  }
  body #main .ym-col3 .ym-cbox .buyBox a:before,
  body #main .ym-col3 .ym-cbox .shareBox a:before,
  body #main .ym-col3 .ym-cbox .buy-ticket-link a:before {
    margin-right: 10px;
  }
  body #main .ym-col3 .ym-cbox .infoBox,
  body #main .ym-col3 .ym-cbox .event-details-sidebar-infoblock {
    margin-bottom: 0;
    float: left;
  }
  body #main .ym-col3 .ym-cbox .infoBox > div,
  body #main .ym-col3 .ym-cbox .event-details-sidebar-infoblock > div {
    float: left;
    padding: 10px;
    width: 50%;
  }
  body #main .ym-col3 .ym-cbox .infoBox > div .composedcontent-stuttgart-planetarium-box:before,
  body #main .ym-col3 .ym-cbox .event-details-sidebar-infoblock > div .composedcontent-stuttgart-planetarium-box:before {
    margin-right: 0;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-date-time-block {
    width: 68%;
    margin: 0 0 7px 0;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-date-time-block .event-time {
    float: left;
    margin-left: 15px;
  }
}
/* bis zu 600px*/
@media all and (max-width: 480px) {
  body #header #untennav-bar .suche {
    width: 50px;
  }
  body #header #untennav-bar .suche #closesuche {
    margin-top: -26px;
    background: #000033;
    height: 30px;
    right: 0;
    position: relative;
    top: -26px;
  }
  body #header #untennav-bar .logo {
    padding: 7px 0 7px 20px;
  }
  body .teaserContainer .subcolumns {
    padding: 0 30px;
  }
  body .teaserContainer .subcolumns .ym-g33 {
    width: 100%;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) {
    width: 100%;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) .subcr {
    margin: 0;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) .subcr .subrows > div:first-child {
    width: 100% !important;
  }
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) .subcr .subrows > div:nth-child(2),
  body .teaserContainer .subcolumns .ym-g33:nth-child(3) .subcr .subrows > div:nth-child(3) {
    width: 100% !important;
    float: left !important;
  }
  body .teaserContainer .subcolumns .ym-g33 .subcl,
  body .teaserContainer .subcolumns .ym-g33 .subc,
  body .teaserContainer .subcolumns .ym-g33 .subcr {
    margin: 0;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture {
    height: 400px;
  }
  body .teaserContainer .subcolumns .composedcontent-stuttgart-planetarium-spalte .teaserPicture div:first-child {
    height: 200px;
  }
  body .event-details .event-detail {
    width: 100%;
    float: none;
  }
  body .event-details .event-details-sidebar {
    width: 100%;
    float: none;
  }
  body .event-details .buy-ticket-link {
    width: 100%;
  }
  body #main .ym-col2 .composedcontent-stuttgart-planetarium-zeile.mapInfoBox {
    width: 100%;
    margin-top: 10px;
    padding: 10px 10px 25px 25px;
    margin-left: 0;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category {
    width: 96%;
    margin: 1% 2%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category:nth-child(3n+1) {
    margin: 1% 2%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category:nth-child(2n+0) {
    margin: 1% 2%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category:nth-child(2n+1) {
    margin: 1% 2%;
  }
  body #main .ym-col2 .planetarium.event-search .categories .category-all-button {
    width: 96%;
    margin: 1% 2% 2%;
  }
  body #main .ym-col3 .ym-cbox .infoBox > div,
  body #main .ym-col3 .ym-cbox .event-details-sidebar-infoblock > div {
    width: 100%;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-bild {
    display: none;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-date-time-block {
    width: 100%;
    margin: 0 0 7px 0;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-date-time-block .event-time {
    float: left;
    margin-left: 15px;
  }
  body .planetarium.event-search event-search-overview > ul li .event .event-details {
    padding-left: 0;
    margin-left: 0;
  }
  body.home #header {
    /* height: 420px; */
    height: 160px;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-event-link,
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-shop-link {
    width: 94%;
    margin: 0px 3% 6px;
  }
  body.home #header #top-slot .appointment-top-slider-pager .appointment-top-slider-pager-appointment.active .appointment-top-slider-pager-hide-block .appointment-top-slider-pager-title {
    margin: 7px auto 10px;
  }
}
#node21770986 {
  background-color: #000;
  overflow: hidden;
}
#node21770986 #header,
#node21770986 #footer,
#node21770986 .planetarium.event-search .event-search-overview-categories {
  display: none;
}
#node21770986 .ym-col2wide .ym-cbox {
  padding: 0;
}
#node21770986 #main {
  background-color: #000;
  max-width: initial;
}
#node21770986 .logoPlanetarium {
  display: none;
}
#node21770986 .logoPlanetarium img {
  margin: 0 auto;
}
#node21770986 .event-search-overview-categories,
#node21770986 .planetarium.event-search {
  background: repeating-linear-gradient(180deg, #333333 0px, #333333 120px, #000000 120px, #000000 240px);
  height: 100vh;
}
#node21770986 .event-search-overview-categories ul,
#node21770986 .planetarium.event-search ul {
  background-color: #000;
  margin: 0;
  padding: 0;
}
#node21770986 .event-search-overview-categories ul li,
#node21770986 .planetarium.event-search ul li {
  color: #fff;
  padding: 0;
  margin: 0;
}
#node21770986 .event-search-overview-categories ul li .event,
#node21770986 .planetarium.event-search ul li .event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 0;
  padding: 0;
  background-color: #000;
}
#node21770986 .event-search-overview-categories ul li .event .event-date-time-block,
#node21770986 .planetarium.event-search ul li .event .event-date-time-block {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
  width: 360px;
  min-width: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 10px 20px 20px;
  float: none;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 700;
}
#node21770986 .event-search-overview-categories ul li .event .event-bild,
#node21770986 .planetarium.event-search ul li .event .event-bild {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin: 0;
  width: 200px;
  background-color: rgba(0, 51, 102, 0.7);
}
#node21770986 .event-search-overview-categories ul li .event .event-bild img,
#node21770986 .planetarium.event-search ul li .event .event-bild img {
  aspect-ratio: 1.66;
  width: 200px;
  max-width: 200px;
}
#node21770986 .event-search-overview-categories ul li .event .event-details,
#node21770986 .planetarium.event-search ul li .event .event-details {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin: 0;
  padding: 20px 20px 20px 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-title,
#node21770986 .planetarium.event-search ul li .event .event-details .event-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-title a,
#node21770986 .planetarium.event-search ul li .event .event-details .event-title a {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #fff;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-short-description,
#node21770986 .planetarium.event-search ul li .event .event-details .event-short-description {
  display: none;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions {
  margin: 0;
  margin-left: 20px;
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions i,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions i,
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-buy-link,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-buy-link {
  display: none;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places {
  height: 90%;
  width: 120px;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.8rem;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places.status-2,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places.status-2 {
  background-color: #2CAB15;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places.status-1,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places.status-1 {
  background-color: #D97F00;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places.status-0,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places.status-0 {
  background-color: #DB2121;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places.status-2.low-places,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places.status-2.low-places,
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places.status-1.low-places,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places.status-1.low-places,
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places.status-0.low-places,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places.status-0.low-places {
  background-color: #DB2121;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .event-actions-free-places:before,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .event-actions-free-places:before {
  display: none;
}
#node21770986 .event-search-overview-categories ul li .event .event-details .event-actions .places_amount,
#node21770986 .planetarium.event-search ul li .event .event-details .event-actions .places_amount {
  display: none;
}
#node21770986 .event-search-overview-categories ul li:nth-child(odd) .event,
#node21770986 .planetarium.event-search ul li:nth-child(odd) .event {
  background-color: #333;
}