/*Variable*/
body #mb-container {
  /*Color*/
  --awz-logo-color:#46688A;
  --colorMenuItem:var(--linkfarbe);
  --colorButton:var(--linkfarbe);
  --backgroundMenuItemHovervar:var(--hauptfarbe);
  --backgroundMenuItemHover:var(--awz-logo-color);
  --colorMenuItemHover:#fff;
  --backgroundFooter:var(--awz-logo-color);
}
body #mb-container .mbgi-block-akkordeon {
  --AkkordeonBG:transparent;
}
body #mb-container main {
  --colorLinkHover:var(--linkfarbe);
}
body #mb-container {
  /*Font*/
  --wp--preset--font-size--small:15px;
  --wp--preset--font-size--medium:28px;
  --wp--preset--font-size--large:32px;
  --wp--preset--font-size--x-large:60px;
  --wp--preset--font-size--xx-large: 80px;
  --headline-1:var(--wp--preset--font-size--xx-large);
  --headline-2:var(--wp--preset--font-size--x-large);
  --lineHeightHeadline-1: 110%;
  --lineHeightHeadline-2: 110%;
  --lineHeightHeadline-3: 110%;
  --lineHeightHeadline-4: 110%;
  /*Farbverlauf*/
  --farbverlauf-richtung: 180deg;
}
@media (max-width: 1440px) {
  body #mb-container {
    --wp--preset--font-size--xx-large: 64px;
    --wp--preset--font-size--x-large: 45px;
    --wp--preset--font-size--large: 28px;
    --wp--preset--font-size--medium:22px;
  }
}
@media (max-width: 1280px) {
  body #mb-container {
    --wp--preset--font-size--xx-large: 60px;
    --wp--preset--font-size--x-large: 40px;
    --wp--preset--font-size--large: 24px;
    --wp--preset--font-size--medium:20px;
  }
}
@media (max-width: 601px) {
  body #mb-container {
    --wp--preset--font-size--xx-large: 40px;
    --wp--preset--font-size--x-large: 30px;
    --wp--preset--font-size--large: 20px;
    --wp--preset--font-size--medium: 18px;
    --abstandUntenContainer: 100px;
  }
}

/*HEADER*/
header {
  box-shadow: none;
}
header p.no-distance-bottom,
header .satzspiegel {
  max-width: 100%;
}
header .mbto-before-menu {
  flex: 1;
  padding: 10px 0;
}
header .mbto-before-menu a {
  color: var(--awz-logo-color);
}
header ul.menu > li a {
  font-weight: 700;
  text-transform: uppercase;
}

/*Hero*/
.awz-hero h1 {
  padding-top: 0;
}
.awz-hero > div:last-child {
  display: flex;
  flex-direction: column;
  margin-top: 8%;
}
.awz-hero > div:last-child > .wp-block-group:first-child {
  margin-bottom: 0;
}
.awz-hero > div:last-child > .wp-block-group:first-child *:not(.last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1112px) {
  .awz-hero > div {
    flex-basis: 100% !important;
  }
}

.farbkacheln-eintag .has-background {
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px !important;
}
.farbkacheln-eintag .has-background > * {
  margin-bottom: 16px !important;
}
.farbkacheln-eintag .has-background p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1112px) {
  .farbkacheln-eintag > div.wp-block-column:not(:only-child).has-background {
    flex-basis: 47% !important;
  }
}

body:not(.wp-admin) .steckbrief-innungen > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 0px;
  max-height: 720px;
  overflow-y: auto;
}
body:not(.wp-admin) .steckbrief-innungen > div:first-child p {
  min-height: 60px;
  overflow: hidden;
  margin: 0;
  display: flex;
  align-items: center;
  width: 100%;
}
body:not(.wp-admin) .steckbrief-innungen > div:first-child p:not(:last-child) {
  border-bottom: 1px solid rgba(145, 174, 196, 0.3);
}
body:not(.wp-admin) .steckbrief-innungen > div:first-child p a {
  padding: 15px 20px;
  color: var(--colorFont);
  background-color: #fff;
  transition: all 0.3s ease;
  display: block;
  width: 100%;
}
body:not(.wp-admin) .steckbrief-innungen > div:first-child p a::before {
  content: "\f138";
  font-family: "bootstrap-icons";
  color: var(--colorFont);
  position: absolute;
  left: -20px;
  transition: all 0.3s ease;
}
body:not(.wp-admin) .steckbrief-innungen > div:first-child p a:hover {
  padding-left: 40px;
  background-color: var(--hauptfarbe);
  color: var(--awz-logo-color);
  font-weight: 700;
}
body:not(.wp-admin) .steckbrief-innungen > div:first-child p a:hover::before {
  left: 10px;
}
body:not(.wp-admin) .steckbrief-innungen > div:first-child:after {
  content: "";
  position: sticky;
  bottom: -1px;
  min-height: 50px;
  width: 100%;
  background: #FFFFFF;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 98%);
}
body:not(.wp-admin) .steckbrief-innungen > div:last-child > div:not(:first-child) {
  display: none;
}
body:not(.wp-admin) .steckbrief-innungen > div:last-child > div {
  margin-bottom: 0;
  background-color: var(--hauptfarbe);
  padding: 170px 40px;
}
body:not(.wp-admin) .steckbrief-innungen > div:last-child > div .wp-block-image {
  position: absolute;
  right: 40px;
  width: 177px;
  height: 177px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -40px;
  box-shadow: 0 3px 30px rgba(70, 104, 138, 0.15);
}
body:not(.wp-admin) .steckbrief-innungen > div:last-child > div p strong {
  color: var(--awz-logo-color);
  margin-bottom: -20px;
  display: block;
}
body:not(.wp-admin) .steckbrief-innungen > div:last-child > div .wp-block-list li {
  margin-bottom: 0px;
}
@media (max-width: 601px) {
  body:not(.wp-admin) .steckbrief-innungen > div:last-child > div {
    padding: 170px 10px 80px;
    margin-top: 50px;
  }
}
@media (max-width: 1112px) {
  body:not(.wp-admin) .steckbrief-innungen {
    flex-direction: column;
  }
}
body:not(.wp-admin) .verstecken {
  display: none;
}

body.wp-admin .steckbrief-innungen > div:last-child > div {
  background-color: #FFFFFF !important;
  padding: 40px;
}
body.wp-admin .steckbrief-innungen > div:last-child > div p strong {
  color: #46688A !important;
  margin-bottom: -20px;
  display: block;
}
body.wp-admin .wp-block-button__link.wp-element-button {
  background-color: var(--linkfarbe) !important;
}
body.wp-admin .awz-akkoredon-wrapper .mbgi-block-akkordeon {
  --AkkordeonColor:#000000;
  color: var(--linkfarbe);
}
body.wp-admin .verstecken {
  display: block;
  opacity: 0.7;
  box-shadow: 0 0 20px orange;
}

mark {
  background-color: transparent;
}

/*Buttons*/
.wp-block-button__link.wp-element-button {
  font-size: 18px;
}
.wp-block-button__link.wp-element-button:hover {
  background-color: var(--awz-logo-color);
  cursor: pointer;
}

a:hover {
  cursor: pointer;
}

@media (max-width: 1112px) {
  .column-image {
    flex-basis: 100% !important;
    padding: 0 !important;
  }
}

/*Link*/
.page-content a:hover {
  text-decoration: underline;
}

/*Bootstrap-Icons*/
.wp-block-modulbuero-bootstrap-icons {
  align-items: center !important;
}
.wp-block-modulbuero-bootstrap-icons i {
  padding-right: 0 !important;
}
.wp-block-modulbuero-bootstrap-icons i:before {
  color: var(--awz-logo-color);
}

/*Custom Class*/
.margin-top-auto {
  margin-top: auto;
}

.awz-farbverlauf {
  background: linear-gradient(var(--farbverlauf-richtung), rgb(234, 247, 255) 0%, rgb(255, 255, 255) 80%);
}
.awz-farbverlauf:not(.awz-hero) {
  padding-top: var(--abstandUntenContainer);
}

@media (max-width: 768px) {
  .awz-farbverlauf-mobile {
    --farbverlauf-richtung:0deg ;
  }
}
/* MAP */
div#mbgi-openstreetmap-wrap {
  position: relative;
  overflow: hidden;
  height: 800px;
  max-width: 100%;
  margin: 0;
}
div#mbgi-openstreetmap-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #00517B;
  mix-blend-mode: overlay;
  opacity: 0.7;
  pointer-events: none;
  z-index: 400;
}
div#mbgi-openstreetmap-wrap .leaflet-tile {
  filter: grayscale(1) contrast(1.1) brightness(1) saturate(0.8);
}
div#mbgi-openstreetmap-wrap .leaflet-marker-pane,
div#mbgi-openstreetmap-wrap .leaflet-control {
  z-index: 600;
}
@media (max-width: 601px) {
  div#mbgi-openstreetmap-wrap {
    height: 80vh;
    touch-action: pan-y;
  }
}

/*Akkordeon*/
.awz-akkoredon-wrapper .mbgi-block-akkordeon {
  margin-bottom: 0;
}
.awz-akkoredon-wrapper .mbgi-block-akkordeon:not(:last-child) .akkordeon-wrap {
  border-bottom: 1px solid var(--linkfarbe);
}
.awz-akkoredon-wrapper .mbgi-block-akkordeon .akkordeon-wrap {
  padding-left: 0;
  padding-right: 0;
}
.awz-akkoredon-wrapper .mbgi-block-akkordeon .akkordeon-wrap strong {
  font-weight: 400;
  font-size: var(--wp--preset--font-size--large);
}

/*Spalte mit Text*/
.wp-block-column h2, .wp-block-column h3, .wp-block-column p, .wp-block-column a {
  max-width: 600px;
}
.wp-block-column .wp-block-button {
  display: flex;
  justify-content: center;
}

body.datenschutz {
  --abstandUntenContainer:60px;
  --abstandUntenParagraph:25px;
}
body.datenschutz li {
  --abstandUntenParagraph:10px;
}

/*Footer*/
footer {
  --colorMenuItem:#fff;
}
footer .satzspiegel {
  display: flex;
  align-items: center;
}
footer .satzspiegel .widget_block,
footer .satzspiegel .footer-sidebar-wrap {
  margin-bottom: 0;
}
footer .satzspiegel .footer-sidebar-wrap {
  flex: 1;
}
footer .satzspiegel .footer-sidebar-wrap .widget_nav_menu {
  justify-content: flex-end;
}
footer .satzspiegel .footer-sidebar-wrap .widget_nav_menu.singlemenu .menu {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer .satzspiegel .footer-sidebar-wrap .widget_nav_menu.singlemenu .menu a:hover {
  background-color: transparent;
}
footer .satzspiegel #corporate-copyright {
  display: none;
}/*# sourceMappingURL=style.css.map */