@import url("https://fonts.verwaltungsportal.de/import/?family=Lobster+Two:400,400i,700,700i");
@import url("https://fonts.verwaltungsportal.de/import/?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i");

body {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #000000;
  background: #fff;
}

a {
  color: #00a3e2;
}

a:hover {
  color: #00a3e2;
}

/* seitenbreite */
#fix2,
#header,
#footer {
  width: 1200px;
}

#fix2 {
  margin: 0 auto;
  min-width: 1200px;
}
/*#fix1 {
    background: url('../img/bg_fix.jpg') bottom center no-repeat;
}*/
/* headerhoehe */
#header {
  height: 151px;
}

#maindiv {
  background: url("../img/bg_main.jpg") top center repeat-y;
  margin: 0 auto;
  min-width: 1200px;
  width: 100%;
}

#left {
  width: 260px;
}

#left_indent {
  margin: 0 0px 0 12px;
}

#left-top {
}

#vernetzt {
  margin: 5px 0 0 11px;
  text-align: center;
  float: left;
}

#middle {
  width: 653px;
}

#content {
  width: 591px;
  min-height: 300px;
  padding-bottom: 120px;
  padding-top: 17px;
}

#right {
  width: 275px;
  text-align: left;
}

#right_indent {
  margin: 20px 0px 0 0px;
}

#right-top {
}

#footer {
  height: 87px;
  color: #00a3e2;
  font-size: 16px;
  margin: 0 auto;
  min-width: 1200px;
}

#innerfooter {
  padding-top: 0px;
  line-height: 77px;
  color: #000000;
  font-weight: normal;
  margin-left: 0px;
  margin-right: 7px;
  text-align: right;
  float: right;
  width: 400px;
}

#innerfooter a {
  color: #000000;
}

#innerfooter a:hover {
  color: #00a3e2;
  font-weight: normal;
}

/* **************************** INDIVIDUELLES ******************************************/

#page-208547 {
  margin-bottom: 130px;
}

#content_buttons_div {
  top: 42%;
}

#bg_top {
  background: url("../img/bg_top.jpg") top center no-repeat;
  margin: 0 auto;
  min-width: 1200px;
  width: 100%;
}

#eventclr {
  margin-bottom: 20px;
}

#footer_pattern {
  background: url("../img/footer_pattern.png") center bottom no-repeat;
  margin: 0 auto;
  min-width: 1200px;
  width: 100%;
}

#blank {
  width: 1200px;
  height: 141px;
  margin: 0 auto;
}

#menu {
  width: 259px;
}

#header {
  margin: 0 auto;
}

#topPic {
  max-width: 1920px;
  height: 451px;
  width: 100%;
  display: flex;
  overflow: hidden;
}

#headerpic {
  width: 100%;
  max-width: 1340px;
  height: 452px;
  overflow: hidden;
}

#headerpicSide {
  width: 100%;
  max-width: 580px;
  height: 451px;
  border-left: 2px solid #036736;
  position: relative;
}

#headerpicSide::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -70px;
  height: 100%;
  width: 177px;
  background: url(../img/welle.png) no-repeat;
}

#bannerOverlay {
  position: absolute;
  top: 36vw;
  left: 2vw;
  z-index: 12;
}

@media (min-width: 1300px) {
  #bannerOverlay {
    top: 33vw;
    left: 2vw;
  }
}

@media (min-width: 1400px) {
  #bannerOverlay {
    top: 31vw;
    left: 8vw;
  }
}

@media (min-width: 1500px) {
  #bannerOverlay {
    top: 29vw;
    left: 10vw;
  }
}

@media (min-width: 1600px) {
  #bannerOverlay {
    top: 28vw;
    left: 13vw;
  }
}

@media (min-width: 1700px) {
  #bannerOverlay {
    top: 26vw;
    left: 15vw;
  }
}

@media (min-width: 1800px) {
  #bannerOverlay {
    top: 24vw;
    left: 17vw;
  }
}

@media (min-width: 1900px) {
  #bannerOverlay {
    top: 23vw;
    left: 19vw;
  }
}

.logoMGH {
  position: absolute;
  top: 0;
  left: 100px;
  z-index: 55;
  color: #fff;
  font-size: 1rem;
  background: url(../img/bg-mgh.png) top center no-repeat;
  padding: 25px 25px;
  height: 120px;
}

.logoMGH h2 {
  font-size: 1.875rem;
  color: #fff;
  margin-bottom: 8px;
}

/***************************** STYLER *****************************/

#style {
  width: 166px;
  height: 46px;
  line-height: 19px;
  text-align: left;
  color: #000000;
  padding-bottom: 15px;
  margin-top: 17px;
}

#style a {
  color: #000000;
}

#style a:hover {
  color: #0063f2;
}
/***************************** BOXES *****************************/

.box {
  width: 268px;
}

.box * {
  max-width: 100%;
}

.boxtop {
  background: url("../img/bg_boxtop.png") top no-repeat;
  height: 63px;
  color: #ffffff;
  font-family: "Lobster Two", cursive;
  text-align: center;
  line-height: 63px;
  font-weight: normal;
  font-size: 28px;
  padding-bottom: 11px;
}

.boxbody {
  color: #313131;
}

.boxindent {
  width: 222px;
  margin: 0 auto;
}

/***********Veranstaltungstab**********/

.box-e {
  width: 268px;
  margin-top: -61px;
  position: relative;
  z-index: 39;
}

.box-e * {
  max-width: 100%;
}

.boxtop-e {
  background: url("../img/bg_boxtop.png") top no-repeat;
  height: 63px;
  color: #ffffff;
  font-family: "Lobster Two", cursive;
  text-align: center;
  line-height: 63px;
  font-weight: normal;
  font-size: 28px;
  margin-bottom: 12px;
}

.boxbody-e {
  color: #313131;
}

.boxindent-e {
  width: 222px;
  margin: 0 auto;
}

/********LOGO TAB UNTEN********/

.box1 {
  width: 520px;
  float: left;
  height: 77px;
}

.box1 * {
  max-width: 100%;
}

.boxbody1 {
  color: #313131;
}

.boxindent1 {
  width: 520px;
  margin: 0 auto;
}

.h4link a:link,
.h4link a:hover,
.h4link a:visited,
h6,
#content .legacy_h6,
.legacy_h6,
h5,
#content .legacy_h5,
.legacy_h5,
h4,
#content .legacy_h4,
.legacy_h4,
h3,
#content .legacy_h3,
.legacy_h3,
h2,
#content .legacy_h2,
.legacy_h2,
h1,
#content .legacy_h1,
.legacy_h1 {
  color: #000000;
  font-weight: normal;
  line-height: 1.2em;
  font-family: "Lobster Two", cursive;
}

#newslinks,
#newsmandate {
  border: 1px solid #000000;
}

/* Dieser Bereich muss bearbeitet werden wenn die Seite dunkel ist.
.vorschau, .description{
    color: #FFFFFF;
}

.immo-tab{
    color: #000000;
}
*/

/* nicht aendern wenn weisser hintergrund */
#startseite_news ul a {
  color: #7c7c7c;
  font-weight: normal;
}

.spacer {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

/* Tabschriften (classen) */
.tab_link_title a {
  color: #313131;
  font-weight: normal;
}

.tab_link {
  color: #313131;
}

.tab_link_mehr {
  color: #313131;
}

.tab_link_mehr a {
  color: #009fdc;
}

.tab_link_mandat a {
  /*    color: #;*/
}

/* Tabschriften Ende */

/* Veranstaltung optimiert fuer weissen Hintergrund */
.weekdays,
.weekdays a:link a:visited a:active a:hover,
.weekdays_active {
  color: #cccccc;
}

.weekdays_active a:link a:visited a:active a:hover {
  color: #f7911e;
}

.events-header-heute {
  color: #ffffff;
  background-color: #4c4c4c;
}
.events-header {
  color: #5b5b5b;
  background-color: #e3e3e3;
}

.events-title a {
  color: #000000;
}

.event-ort,
.event-info {
  color: #4c4c4c;
}

/* ****************************** MENUE 29357 CSS ***************************************/

/* ****************************** RESET DEFAULT CSS ********************************************/
.menue_point_toplevel_29357,
.menue_list_toplevel_29357,
.menue_point_secondlevel_29357,
.menue_group_29357,
.menue_point_thirdlevel_29357,
.menue_list_thirdlevel_29357 {
  margin: 0px;
  padding: 0px;
}

a.navpoint_toplevel_29357:link,
a.navpoint_toplevel_29357:visited,
a.navpoint_toplevel_29357:active,
a.navpoint_secondlevel_29357:link,
a.navpoint_secondlevel_29357:visited,
a.navpoint_secondlevel_29357:active,
a.navpoint_thirdlevel_29357:link,
a.navpoint_thirdlevel_29357:visited,
a.navpoint_thirdlevel_29357:active {
  text-decoration: none;
  display: block;
}

.toplevel_29357_over,
.secondlevel_29357_over,
.thirdlevel_29357_over {
  text-decoration: none;
  display: block;
}

.menue_list_toplevel_29357 li,
.menue_group_29357 li,
.menue_list_thirdlevel_29357 li {
  list-style-type: none;
}

/* ****************************** MENUE CSS ********************************************/

/* height, width, indent, align for menuepoint */
.menue_point_toplevel_29357,
a.navpoint_toplevel_29357:link,
a.navpoint_toplevel_29357:visited,
a.navpoint_toplevel_29357:active,
.menue_point_toplevel_29357_over,
a.navpoint_toplevel_29357:hover {
  width: 259px;
  line-height: 37px;
  text-indent: 14px;
  text-align: left;
  font-size: 16px;
}

/* menuepoint background */
.menue_point_toplevel_29357 {
  background: url("../img/toplevel.jpg") top left no-repeat;
}

/* color, weight, size from menuepoint */
.menue_point_toplevel_29357 a {
  color: #000000;
  font-weight: normal;
}

/* color, weight, size from menuepoint over */
a.navpoint_toplevel_29357:hover,
.menue_point_toplevel_29357_over,
.menue_point_toplevel_29357_over a,
.menue_point_toplevel_29357:hover > a {
  color: #bb314b;
  font-weight: bold;
}

/* menuepoint over background */
a.navpoint_toplevel_29357:hover,
.menue_point_toplevel_29357_over,
.menue_point_toplevel_29357:hover {
  background: url("../img/toplevel_over.jpg") top left no-repeat;
}

.menue_point_toplevel_29357,
.menue_point_toplevel_29357_over {
  margin-top: -1px;
}

/* ****************************** UNDERMENUE CSS ***************************************/

.menue_group_29357 {
  margin: 3px 0 6px 0;
  background: #fec949;
}
.menue_group_29357_start {
  margin-top: -4px;
  line-height: 5px;
  font-size: 5px;
}

.menue_group_29357_end {
  height: 5px;
  background: #fec949;
  line-height: 1px;
  font-size: 1px;
}

/* height, width, align, indent for undermenuepoint */
.menue_point_secondlevel_29357,
.navpoint_secondlevel_29357:link,
a.navpoint_secondlevel_29357:visited,
a.navpoint_secondlevel_29357:active,
a.navpoint_secondlevel_29357:hover,
.menue_point_secondlevel_29357_over {
  width: 259px;
  font-size: 16px;
  line-height: 28px;
  text-indent: 16px;
  text-align: left;
}

/* undermenuepoint background */
.menue_point_secondlevel_29357 {
}

/* undermenuepoint color, weight, size */
.menue_point_secondlevel_29357 a {
  color: #020202;
  font-weight: normal;
}

/* undermenuepoint over color weight size */
a.navpoint_secondlevel_29357:hover,
.menue_point_secondlevel_29357_over,
.menue_point_secondlevel_29357_over a,
.menue_point_secondlevel_29357:hover > a {
  color: #a5112d;
  font-weight: bold;
}

/* undermenue over background */
.menue_point_secondlevel_29357_over,
.menue_point_secondlevel_29357:hover {
  background: url("../img/secondlevel_over.png") top left no-repeat;
}

/* ****************************** THIRDLEVEL CSS ***************************************/

.menue_list_thirdlevel_29357 {
  margin: 3px 0 6px 0;
  background: #fff;
}

.menue_list_thirdlevel_29357_start {
  height: 5px;
  background: #fff;
  line-height: 1px;
  font-size: 1px;
}

.menue_list_thirdlevel_29357_end {
  height: 5px;
  background: #fff;
  line-height: 1px;
  font-size: 1px;
}

/* height, width, align, indent for undermenuepoint */
.menue_point_thirdlevel_29357,
.navpoint_thirdlevel_29357:link,
a.navpoint_thirdlevel_29357:visited,
a.navpoint_thirdlevel_29357:active,
a.navpoint_thirdlevel_29357:hover,
.menue_point_thirdlevel_29357 {
  width: 259px;
  line-height: 25px;
  text-indent: 13px;
  text-align: left;
}

/* undermenuepoint background */
.menue_point_thirdlevel_29357 {
}

/* undermenuepoint color, weight, size */
.menue_point_thirdlevel_29357 a {
  color: #5b5b5b;
  font-weight: normal;
}

/* undermenuepoint over color weight size */
a.navpoint_thirdlevel_29357:hover,
.menue_point_thirdlevel_29357_over,
.menue_point_thirdlevel_29357_over a {
  color: #ffffff;
  font-weight: bold;
}

/* undermenue over background */
.menue_point_thirdlevel_29357_over,
a.navpoint_thirdlevel_29357:hover {
  background: #006533;
}

/* *********************** menue 29357 ende ************************ */