/*****************************
1.0 Allgemeine Farbanpassungen
*****************************/
/** 1.1 Grauer Hintergrund **/
#wrapperOuter #wrapperInner,
#wrapperOuter #wrapperInner #wrapperHeader #navPrimary ul li.active h3,
#wrapperOuter #wrapperInner #wrapperHeader #navPrimary ul li h3 a.on {
  background-color: #F2F2F2;
}
#wrapperOuter #wrapperInner #wrapperHeader #navPrimary ul li.hovered h3,
#wrapperOuter #wrapperInner #wrapperHeader #navPrimary ul li.hovered h3 a,
#wrapperOuter #wrapperInner #wrapperHeader #navPrimary ul li.hovered h3 a.on,
#wrapperOuter #wrapperInner #wrapperHeader #navPrimary ul li h3:hover {
  background-color: #FFFFFF !important;
}
/** 1.2 Hauptnavigations- und Footer-Leiste **/
#wrapperOuter #wrapperInner #wrapperHeader #navPrimary {
  background: #669FD1;
}
#wrapperOuter #wrapperFooter {
  border-top: 6px solid #006BB0;
}
/** 1.3 Sekundärnavigation **/
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li a:link,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li a:visited {
  background-color: #8CB7DD;
}
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li a.hover,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li a:hover,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li a:focus,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li a:active,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li em a,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li strong,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li.childs em,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain ul li.childs a {
  background-color: #A9C9E6;
}
/** 1.4 Boxen-Header (Navigationsbereich und Startseite (Pressemitteilungen und Aktuelles)) **/
#wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .singleview .boxWrapper .box>h3,
#wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .singleview .boxWrapper .boxHeading,
#wrapperOuter #wrapperInner #wrapperDivisions #supplement .boxWrapper .box h3,
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .boxWrapper h2 {
  background-color: #8CB7DD;
}
/** 1.5 Boxen-Header (Marginalspalte) **/
/*
#wrapperOuter #wrapperInner #wrapperDivisions #supplement .boxWrapper .box h3 {
    background: #669FD1;
}
*/
/*****************************
2.0 Größe der Content-Spalten (inklusive der Startseite)
*****************************/
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #navSecondary {
  width: 20em;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent {
  width: 50.9em;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #supplement {
  margin: 0 0 0 75.2em;
}
.startseite #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent {
  width: 48.2em;
}
.startseite #wrapperOuter #wrapperInner #wrapperDivisions #supplement {
  margin: 0 0 0 72.1em;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent.altGrid {
  width: 72.1em;
}
/*****************************
3.0 Haupt- und Marginalspalte auf Startseite anzeigen
*****************************/
.startseite #wrapperContent {
  padding: 0 2em;
}
.startseite #wrapperDivisions .boxWrapper {
  width: auto;
}
.startseite #wrapperDivisions div.generictable {
  float: none;
}
.startseite #supplement {
  padding: 0;
}
/*****************************
4.0 Bugfixes
*****************************/
/** 4.1 Runde Ecken im SecondaryMenu **/
#wrapperOuter #wrapperInner #wrapperDivisions #navSecondary .navMain {
  border-radius: 10px 10px 0 0;
}
/*****************************
5.0 Boxes
*****************************/
/** 5.1 Bühne-Box auf der Startseite **/
#stageWrapper .singleview .hero .buehneBox {
  width: auto;
}
.startseite #wrapperDivisions #stageWrapper .generictable {
  float: none;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox {
  padding: 10px;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox .image {
  float: left;
  margin-right: 10px;
  overflow: hidden;
  height: 13em;
  width: 15.6em;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox .main {
  float: none;
  padding: 0 0 0 2em;
  width: auto;
  height: 9.83em;
  overflow: auto;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox .main h4 {
  margin-top: 0;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox .main p {
  font-weight: normal;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox .main p a {
  background: none;
  padding: 0;
  display: block;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox .menu {
  padding-top: 10px;
  height: 2em;
  overlfow: hidden;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #stageWrapper .content .singleview .singleview .boxWrapper .buehneBox .menu .navIndex {
  margin: 0;
  padding: 0;
  clear: none;
  width: auto;
}
/** 5.2 PressRelease Box auf der Startseite **/
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .pressReleaseBox .boxWrapper .box .links li div img {
  margin: 0 .5em .5em 0;
  float: left;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .pressReleaseBox .boxWrapper .box .links li div h2 {
  clear: none;
  font-size: 100%;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .pressReleaseBox .boxWrapper .box .links li div a {
  background: none;
  padding: 0;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .pressReleaseBox .boxWrapper .box .links li {
  padding: .9em 0;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .pressReleaseBox .boxWrapper .box .links {
  margin: 0;
  padding: 0 .9em .9em;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .pressReleaseBox .boxWrapper .box .links li div .date {
  padding-bottom: .5em;
}
/** 5.3 News Box auf der Startseite **/
.startseite #wrapperOuter #wrapperInner #wrapperDivisions #supplement .newsBox .box .links {
  padding-top: 0;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #supplement .newsBox .box .links li {
  padding-right: 0;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #supplement .newsBox .box .links li a {
  background: none;
  padding: 0;
}
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #supplement .newsBox .box .links li .date {
  color: gray;
}
/** 5.4 Webcam Box auf der Startseite **/
#supplement .webcamBox a {
  background: none;
  padding: 0;
}
.c-webcam {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 .9em;
}
.c-webcam__image,
.c-webcam__text {
  padding: .9em 0;
}
.c-webcam__text {
  padding-top: 0;
}
.startseite #wrapperOuter #wrapperInner #wrapperDivisions #supplement .webcamBox .box .links {
  padding-top: 0;
}
.startseite #wrapperOuter #wrapperInner #wrapperDivisions #supplement .webcamBox .box .links .image {
  text-align: center;
}
.startseite #wrapperOuter #wrapperInner #wrapperDivisions #supplement .webcamBox .box .links li {
  padding: .9em 0 0;
  border-bottom: 0;
}
.startseite #wrapperOuter #wrapperInner #wrapperDivisions #supplement .webcamBox .box .links li a {
  background: none;
  padding: 0;
}
.boxWrapper.hero .slideshow-controls {
  position: absolute;
  right: 6.5em;
  top: 11.5em;
}
.boxWrapper.hero .slideshow-controls button {
  cursor: pointer;
}
button.start,
button.stop {
  border: none;
}
/*****************************
6.0 Service Suche
*****************************/
#wrapperOuter #wrapperInner #wrapperDivisions #siteNav #search {
  margin: .4em 0.2em;
  width: auto;
}
#wrapperOuter #wrapperInner #wrapperDivisions #siteNav #search form fieldset p .image {
  width: auto;
  border: none;
  padding: 0;
  margin: 0;
}
#wrapperOuter #wrapperInner #wrapperDivisions #siteNav #search form fieldset p .formField input {
  margin: 0 .4em 0 0;
  width: 13.01em;
}
/*****************************
7.0 Schriftgröße
*****************************/
/** 7.1 12px **/
#wrapperInner .navSkip,
#navSecondary *,
.content {
  font-size: 120%;
}
#portrait .boxWrapper .ministerbox h3,
.startseite .content ul.links,
#navPrimary li li * *,
#navSecondary * *,
.content * {
  font-size: 100%;
}
/** 7.2 14px **/
.content h3,
#wrapperDivisions .box>h3,
#wrapperDivisions .boxHeading,
.startseite #wrapperDivisions .boxWrapper.hero .main h4,
#navSecondary h2 {
  font-size: 116.72%;
}
#wrapperDivisions #supplement .box h3 span {
  font-size: 100%;
}
/** 7.3 16px **/
.content h2 {
  font-size: 133.4%;
}
/** 7.4 18px **/
.content h1 {
  font-size: 150%;
}
/*****************************
8.0 Suche Checkboxen
*****************************/
.formFieldcheckbox {
  display: block;
  float: left;
  width: 100%;
}
.formFieldcheckbox span {
  display: block;
  width: 100%;
  margin-bottom: 3px;
}
.formFieldcheckbox span input {
  margin-right: 3px;
  width: auto;
}
.formFieldcheckbox span span {
  display: inline;
}
.formFieldcheckbox label {
  float: none;
}
.sucheMassnahmen .formLabel {
  font-weight: bold;
  margin-top: 0.5em;
}
/*****************************
9.0 Banner
*****************************/
.content .singleview #bannerListe .teaser {
  padding: 4px;
  border: none;
  border-radius: 0;
}
.content .singleview #bannerListe .teaser a img {
  float: left;
  margin: 0 8px 8px 0;
}
.content .singleview #bannerListe .teaser h2 {
  margin: 0;
}
.content .singleview #bannerListe .teaser .teaserText p {
  margin: 0;
}
/*****************************
10.0 Teaser-Anpassungen
*****************************/
/** 10.1 Mitarbeiter-/Employee-TeaserInMarginalspalte **/
#supplement .boxWrapper .box .contactData {
  padding: 0 0.9em 0.9em;
}
#supplement .boxWrapper .box .contactData a {
  background: none;
  display: inline;
  padding: 0;
}
#navPrimary a {
  color: #202020;
}
#wrapperDivisions .box h3 {
  background: none;
}
#wrapperDivisions .box h3 span {
  color: #202020;
}
div#supplement div.boxWrapper div.box ul.marginalLinks {
  margin-left: 2em;
}
#supplement #marginalList {
  padding: 0 0 0 1.5em;
  text-indent: -1em;
}
#headtitle {
  float: left;
  font-size: 14px;
  margin-top: 1em;
}
/*** Anpassungen Bühne ***/
.boxWrapper.hero .slideshow-controls {
  position: absolute;
  right: 6.5em;
  top: 11.5em;
}
.boxWrapper.hero .slideshow-controls span {
  cursor: pointer;
}
.startseite .navIndex li a {
  width: 100%;
}
/*** Anpassungen Schutzmassnahmen ***/
.sucheMassnahmen {
  margin-bottom: 0.5em;
}
/**** BITV-Optimierungen ****/
.gsb #wrapperOuter #wrapperInner #wrapperDivisions #wrapperContent .content div .pressReleaseBox .boxWrapper .box .links li div h3 {
  font-size: 100%;
  clear: none;
}
#search form fieldset input.image:focus {
  outline: 2px solid #000;
}
#supplement .webcamBox .box .links li a:focus {
  outline: 2px solid #000;
}
.content p a:focus {
  text-decoration: underline;
  outline: 2px solid #000;
}
input.reset,
input.submit {
  width: auto;
}
input,
textarea,
select {
  border-color: #8C8C8C;
}
#navServiceMeta a,
#navServiceMeta strong {
  color: #757575;
}
caption,
em.searchString,
.dateblock .month {
  background: #2E5899;
}
.formError,
.formError * {
  color: #ee0000;
}
