header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
}

#wrapper {
  overflow-x: hidden;
}

.invisible {
  display: none;
}

a {
  color: var(--text-color-primary);
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  font-stretch: semi-condensed;
  border-bottom: solid 2px transparent;
}
a:hover {
  border-bottom: solid 2px var(--text-color-primary);
}

@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans_Condensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans_Condensed-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans_ExtraCondensed-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: extra-condensed;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans_SemiCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-stretch: semi-condensed;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans_SemiCondensed-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-stretch: semi-condensed;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans_Condensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "Noto Sans";
  src: url("../../files/augenarzt-domplatz/fonts/Noto_Sans/NotoSans_SemiCondensed-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: semi-condensed;
}
@font-face {
  font-family: "Sanchez";
  src: url("../../files/augenarzt-domplatz/fonts/Sanchez/Sanchez-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("../../files/augenarzt-domplatz/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../../files/augenarzt-domplatz/fonts/fontawesome/fa-solid-900.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --primary-color: #182765;
  --secondary-color: #B99955;
  --tertiary-color: #378E22;
  --error-color: #B80000;
  --text-color: #222;
  --text-color-80: #4e4e4e;
  --text-color-60: #7a7a7a;
  --text-color-40: #a7a7a7;
  --text-color-20: lightgray;
  --text-color-inverted: #fff;
  --text-color-primary: var(--primary-color);
  --text-color-secondary: var(--secondary-color);
  --text-color-tertiary: var(--tertiary-color );
  --text-color-error: var(--error-color);
  --background-default: #fff;
  --background-default-90-aplha: rgba(255, 255, 255, 0.9);
  --background-default-80-aplha: rgba(255, 255, 255, 0.8);
  --background-default-60-aplha: rgba(255, 255, 255, 0.6);
  --background-primary: #182765;
  --background-primary-80: #465284;
  --background-primary-60: #747da3;
  --background-primary-40: #a3a9c1;
  --background-primary-20: #d1d4e0;
  --background-primary-10: #e8e9f0;
  --background-primary-5: #f3f4f7;
  --background-primary-80-aplha: rgba(24, 39, 101, 0.8);
  --background-secondary: #B99955;
  --background-secondary-80: #c7ad77;
  --background-secondary-60: #d5c299;
  --background-secondary-40: #e3d6bb;
  --background-secondary-20: #f1ebdd;
  --background-secondary-10: #f8f5ee;
  --background-secondary-5: #fcfaf7;
  --background-tertiary: #378E22;
  --background-tertiary-80: #5fa54e;
  --background-tertiary-60: #87bb7a;
  --background-tertiary-40: #afd2a7;
  --background-tertiary-20: #d7e8d3;
  --background-tertiary-10: #ebf4e9;
  --background-tertiary-5: #f5f9f4;
  --background-gradient-primary: linear-gradient(0deg, var(--background-primary-80) 0%, var(--background-primary) 100%);
  --background-gradient-secondary: linear-gradient(0deg, var(--background-secondary-60) 0%, var(--background-secondary) 100%);
  --background-gradient-tertiary: linear-gradient(0deg, var(--background-tertiary-80) 0%, var(--background-tertiary) 100%);
  --font-family-icon: "Font Awesome 6 Free";
  --font-family-body: "Noto Sans, serif";
  --root-font-size: 16px;
  --font-size-h1: 2rem;
  --font-size-h2: 1.5rem;
  --font-size-h3: 1.25rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.125rem;
  --font-size-body: 1rem;
  --font-size-small: 0.8rem;
  --font-size-smaller: 0.7rem;
  --font-size-smallest: 0.6rem;
  --line-height: 1.75;
  --spacer: 2rem;
  --spacer-small: calc(var(--spacer) / 2);
  --gap: 1rem;
  --burger-menu-bar-width: 30px;
  --burger-menu-bar-height: 4px;
  --burger-menu-gap: 4px;
  --burger-menu-foreground: var(--text-color);
  --burger-menu-background: var(--background-default);
  --burger-menu-animation-timing: 200ms ease-in-out;
  --burger-menu-height: calc(var(--burger-menu-bar-height) * 3 + var(--burger-menu-gap) * 2);
  --burger-menu-width: calc(var(--burger-menu-height) * 1.4142135637);
  --box-shadow: 0 0 var(--spacer-small) var(--text-color-20);
  --box-shadow-dark: 0 0 var(--spacer-small) var(--text-color-40);
  --box-shadow-small: 0 0 calc(var(--spacer-small) / 2) var(--text-color-20);
  --animation-timing: 200ms ease-in-out;
  --animation-timing-fast: 100ms ease-in-out;
  --animation-timing-slow: 400ms ease-in-out;
  --border-radius: 3px;
  --border-radius-large: 5px;
  --deco-border-width: 5px;
}
@media screen and (min-width: 1024px) {
  :root {
    --spacer: 3rem;
  }
}

html {
  background: var(--background-default);
  color: #222;
  font-family: "Noto Sans", serif;
  font-size: var(--root-font-size);
}

body {
  color: #222;
  font-family: "Noto Sans", serif;
  font-size: var(--root-font-size);
  line-height: var(--line-height);
  hyphens: auto;
}

* {
  box-sizing: border-box;
  margin: 0;
}

#wrapper {
  overflow-x: hidden;
}

.invisible {
  display: none;
}

a {
  color: var(--text-color-primary);
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
  font-stretch: semi-condensed;
  border-bottom: solid 2px transparent;
}
a:hover {
  border-bottom: solid 2px var(--text-color-primary);
}

#preHeader .inside {
  padding: 0;
}

#header {
  background-color: var(--background-secondary);
  background-image: url(/files/augenarzt-domplatz/dom-silhouette.svg), url(/files/augenarzt-domplatz/AdobeStock_399921874.jpeg), var(--background-gradient-secondary);
  background-repeat: no-repeat;
  background-position: center bottom, center;
  background-size: cover, cover;
  background-blend-mode: luminosity, soft-light;
  position: relative;
}
@media screen and (min-width: 768px) {
  #header {
    background-image: url(/files/augenarzt-domplatz/dom-silhouette-m.svg), url(/files/augenarzt-domplatz/AdobeStock_399921874.jpeg), var(--background-gradient-secondary);
  }
}
@media screen and (min-width: 1280px) {
  #header {
    background-image: url(/files/augenarzt-domplatz/dom-silhouette-xl.svg), url(/files/augenarzt-domplatz/AdobeStock_399921874.jpeg), var(--background-gradient-secondary);
    background-size: auto, cover, cover;
  }
}
#header .inside {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  #header .inside {
    padding-bottom: 0;
  }
}
#header .inside .ad-logo-link {
  width: 40%;
  background-color: var(--background-default);
  padding: calc(var(--deco-border-width));
  line-height: 1;
  box-shadow: 0 0 5px 0 var(--text-color-20);
  border: none;
  display: block;
}
#header .inside .ad-logo-link .ad-logo {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 480px) {
  #header .inside .ad-logo-link {
    width: 35%;
    padding: calc(var(--deco-border-width) * 2);
    box-shadow: 0 0 5px 0 var(--text-color-20);
  }
}
@media screen and (min-width: 768px) {
  #header .inside .ad-logo-link {
    width: 25%;
  }
}

#main {
  background-color: var(--background-primary-5);
  z-index: 1;
}
#main a[href^=http]::before {
  content: "\f08e";
  margin-right: 0.5em;
  font-family: "Font Awesome 6 Free";
  font-size: 0.8em;
  vertical-align: middle;
}
#main p {
  margin-bottom: 0;
}
#main p + p {
  margin-top: calc(var(--spacer) * 0.5);
}
#main blockquote {
  margin: calc(var(--spacer) * 2) 0;
  padding-left: var(--spacer);
  padding-right: var(--spacer);
  font-weight: 300;
  font-style: normal;
  font-size: var(--font-size-h3);
  color: var(--text-color-80);
  text-align: justify;
}
#main blockquote::before, #main blockquote:after {
  font-family: var(--font-family-icon);
  font-style: normal;
  font-size: var(--font-size-h1);
  color: var(--text-color-secondary);
  line-height: 1;
}
#main blockquote::before {
  content: "\f10e";
  padding-right: calc(var(--spacer-small) / 2);
}
#main blockquote:after {
  content: "\f10d";
  padding-left: calc(var(--spacer-small) / 2);
}
#main .ad-warning {
  background-color: var(--background-secondary-40);
  padding: 1rem;
  font-weight: bold;
  font-stretch: extra-condensed;
  margin: 1.5rem 0;
  border: solid 1px var(--background-secondary);
}
#main .inside {
  padding-top: 1rem;
}
#main .mod_article + .mod_article {
  margin-top: calc(var(--spacer) * 2);
}
@media screen and (min-width: 768px) {
  #main .inside {
    padding-top: var(--spacer);
  }
}

#right {
  background-color: var(--background-default);
}
#right .ad-logo {
  width: 100%;
  height: auto;
  margin-bottom: var(--spacer);
}
#right .ad-contact {
  margin-top: var(--spacer);
}
#right .ad-contact .button {
  margin-top: 0;
}
#right .ad-contact a + *, #right .ad-contact p + * {
  margin-top: 0.75rem;
}
#right .ad-opening-hours {
  margin-top: calc(var(--spacer) * 2);
}
#right .ad-kv-notice-wrapper {
  margin-top: calc(var(--spacer) * 2);
}
#right .ad-kv-notice p {
  font-size: var(--font-size-small);
  text-align: center;
}
#right .ad-kv-notice a {
  display: block;
  width: fit-content;
  margin: auto;
  margin-top: var(--gap);
  margin-bottom: var(--gap);
}
#right .ad-kv-notice-spacer {
  font-size: var(--font-size-body);
  display: block;
  text-align: center;
  margin: var(--gap);
  font-stretch: condensed;
  font-weight: 600;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  #right .inside .ad-logo-and-address-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: var(--gap);
  }
  #right .inside .ad-logo-and-address-wrapper .ad-logo {
    width: 50%;
    align-self: flex-start;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  #right .inside .ad-logo-and-address-wrapper .ad-logo {
    width: 35%;
    align-self: center;
  }
  #right .inside .ad-logo-and-address-wrapper .ad-address-and-contact-wrapper {
    display: flex;
    gap: var(--spacer);
    width: 60%;
  }
  #right .inside .ad-logo-and-address-wrapper .ad-address-and-contact-wrapper .ad-address {
    flex-basis: 40%;
  }
  #right .inside .ad-logo-and-address-wrapper .ad-address-and-contact-wrapper .ad-contact {
    margin-top: calc(1rem * var(--line-height));
    flex-basis: 60%;
  }
  #right .inside .ad-opening-hours-kv-notice-wrapper {
    display: flex;
    gap: var(--spacer);
  }
  #right .inside .ad-opening-hours-kv-notice-wrapper .ad-opening-hours {
    width: 100%;
  }
  #right .inside .ad-opening-hours-kv-notice-wrapper .ad-kv-notice-wrapper {
    display: block;
  }
  #right .inside .ad-opening-hours-kv-notice-wrapper .ad-kv-notice-wrapper .ad-kv-notice {
    width: 100%;
  }
}

#footer {
  text-align: center;
  color: var(--text-color-inverted);
  background-color: var(--background-primary-80);
  background: var(--background-gradient-primary);
}
@media screen and (min-width: 768px) {
  #footer .inside {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}

#mainNavigation {
  width: fit-content;
}
#mainNavigation .ad-hamburger-menu {
  display: flex;
  flex-direction: column;
  gap: var(--burger-menu-gap);
  cursor: pointer;
  position: absolute;
  top: var(--spacer-small);
  right: var(--spacer);
  z-index: 11;
  background-color: var(--background-default-80-aplha);
  padding: 10px;
}
#mainNavigation .ad-hamburger-menu::before, #mainNavigation .ad-hamburger-menu::after, #mainNavigation .ad-hamburger-menu input {
  content: "";
  width: var(--burger-menu-bar-width);
  height: var(--burger-menu-bar-height);
  background-color: var(--burger-menu-foreground);
  border-radius: 999px;
  transition: opacity var(--burger-menu-animation-timing), width var(--burger-menu-animation-timing), rotate var(--burger-menu-animation-timing), translate var(--burger-menu-animation-timing);
  transform-origin: left center;
}
#mainNavigation .ad-hamburger-menu input {
  appearance: none;
  outline: none;
}
#mainNavigation .ad-hamburger-menu input:checked {
  width: 0;
  opacity: 0;
}
#mainNavigation .ad-hamburger-menu:has(input:checked) {
  background: none;
}
#mainNavigation .ad-hamburger-menu:has(input:checked)::before, #mainNavigation .ad-hamburger-menu:has(input:checked)::after, #mainNavigation .ad-hamburger-menu:has(input:checked) input {
  background-color: var(--burger-menu-background);
}
#mainNavigation .ad-hamburger-menu:has(input:checked)::before {
  rotate: 45deg;
  width: var(--burger-menu-width);
  translate: 0 calc(var(--burger-menu-bar-height) / -2);
}
#mainNavigation .ad-hamburger-menu:has(input:checked)::after {
  rotate: -45deg;
  width: var(--burger-menu-width);
  translate: 0 calc(var(--burger-menu-bar-height) / 2);
}
#mainNavigation .ad-hamburger-menu:has(input:checked) + ul {
  translate: 0;
  box-shadow: 0 0 var(--spacer) var(--text-color);
}
#mainNavigation ul {
  background-color: var(--background-primary-80-aplha);
  color: var(--text-color-inverted);
  position: absolute;
  top: 0;
  right: 0;
  padding: calc(var(--spacer) * 2);
  padding-top: calc(var(--spacer) * 3 + var(--burger-menu-height));
  min-height: 80vh;
  z-index: 10;
  width: 90%;
  transition: translate var(--burger-menu-animation-timing);
  translate: 100%;
  margin: 0;
  list-style: none;
}
#mainNavigation ul li + li {
  margin-top: var(--spacer);
}
#mainNavigation ul li a, #mainNavigation ul li strong {
  color: var(--text-color-inverted);
  text-decoration: none;
  font-size: var(--font-size-h5);
  text-transform: uppercase;
  font-weight: normal;
  font-stretch: semi-condensed;
}
#mainNavigation ul li a:hover {
  border-bottom: solid 4px var(--text-color-inverted);
}
#mainNavigation ul li strong {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  #mainNavigation {
    width: 100%;
  }
  #mainNavigation .ad-hamburger-menu {
    display: none;
  }
  #mainNavigation .ad-hamburger-menu:has(input:checked) + ul {
    box-shadow: none;
  }
  #mainNavigation ul {
    display: block;
    background-color: var(--background-default-90-aplha);
    min-height: auto;
    width: 100%;
    padding: 0 var(--spacer-small);
    margin-top: var(--spacer);
    translate: 0 50%;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    z-index: 1;
    position: relative;
  }
  #mainNavigation ul li {
    display: inline-block;
    padding: var(--spacer-small) 0;
  }
  #mainNavigation ul li + li {
    margin-top: 0;
    margin-left: var(--spacer);
  }
  #mainNavigation ul li a, #mainNavigation ul li strong {
    color: var(--text-color);
    font-size: var(--font-size-h5);
  }
  #mainNavigation ul li strong {
    border-top: solid 5px var(--text-color-secondary);
  }
  #mainNavigation ul li a:hover {
    border-top: solid 5px var(--text-color-secondary);
    border-bottom: none;
    color: var(--text-color-primary);
  }
}

.ad-breadcrumb ul {
  margin: 0;
  padding: 0;
}
.ad-breadcrumb ul li, .ad-breadcrumb ul a {
  color: var(--text-color-60);
  text-decoration: none;
  font-size: var(--font-size-small);
}
.ad-breadcrumb ul a:hover {
  border-bottom-color: var(--text-color-60);
}
.ad-breadcrumb ul li {
  display: inline-block;
}
.ad-breadcrumb ul li + li::before {
  content: "»";
  margin-right: 3px;
}

.ad-footer-navigation ul {
  padding: 0;
}
.ad-footer-navigation ul li {
  display: inline;
}
.ad-footer-navigation ul li + li {
  margin-left: 1.5rem;
}
.ad-footer-navigation ul li a, .ad-footer-navigation ul li strong {
  color: var(--text-color-inverted);
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--font-size-small);
}
.ad-footer-navigation ul li a:hover, .ad-footer-navigation ul li strong {
  border-bottom: solid 2px var(--text-color-inverted);
  font-weight: bold;
}

.ad-copyright {
  color: var(--text-color-inverted);
  margin-top: var(--spacer);
}
@media screen and (min-width: 768px) {
  .ad-copyright {
    margin-top: 0;
  }
}

.ad-services {
  position: relative;
  z-index: 1;
}
.ad-services ul {
  padding: 0;
  margin-top: var(--spacer);
  margin-bottom: var(--spacer);
}
.ad-services ul li {
  display: block;
  padding: 0.75rem 1rem;
  background-color: var(--background-default);
  box-shadow: var(--box-shadow);
  transition: color var(--animation-timing), background-color var(--animation-timing);
  color: var(--text-color);
  border-radius: var(--border-radius);
}
.ad-services ul li + li {
  margin-top: var(--spacer-small);
}
.ad-services ul li:first-child {
  position: relative;
}
.ad-services ul li:first-child::before {
  content: "";
  display: block;
  width: 50%;
  height: calc(50% + var(--deco-border-width));
  background-color: var(--background-primary-60);
  position: absolute;
  left: calc(var(--deco-border-width) * -1);
  top: calc(var(--deco-border-width) * -1);
  z-index: -1;
}
.ad-services ul li:last-child {
  position: relative;
}
.ad-services ul li:last-child::after {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  background-color: var(--background-primary-60);
  position: absolute;
  right: calc(var(--deco-border-width) * -1);
  bottom: calc(var(--deco-border-width) * -1);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .ad-services ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacer-small);
  }
  .ad-services ul li {
    flex: 0 0 calc(50% - 1rem);
  }
  .ad-services ul li + li {
    margin-top: 0;
  }
}

.ad-link-list {
  position: relative;
  z-index: 1;
}
.ad-link-list ul {
  padding: 0;
  margin-top: var(--spacer);
  margin-bottom: var(--spacer);
}
.ad-link-list ul li {
  display: block;
  padding: 0.75rem 1rem;
  background-color: var(--background-default);
  box-shadow: var(--box-shadow);
  transition: color var(--animation-timing), background-color var(--animation-timing);
  color: var(--text-color);
}
.ad-link-list ul li a {
  display: block;
  border: none;
}
.ad-link-list ul li:hover {
  background-color: var(--background-primary-60);
  color: var(--text-color-inverted);
}
.ad-link-list ul li:hover a {
  color: var(--text-color-inverted);
}
.ad-link-list ul li + li {
  margin-top: var(--spacer-small);
}
.ad-link-list ul li:first-child {
  position: relative;
}
.ad-link-list ul li:first-child:hover::before {
  width: 100%;
  height: 100%;
  background-color: var(--background-primary-20);
}
.ad-link-list ul li:first-child::before {
  content: "";
  display: block;
  width: 50%;
  height: calc(50% + var(--deco-border-width));
  background-color: var(--background-primary-60);
  position: absolute;
  left: calc(var(--deco-border-width) * -1);
  top: calc(var(--deco-border-width) * -1);
  z-index: -1;
}
.ad-link-list ul li:last-child {
  position: relative;
}
.ad-link-list ul li:last-child:hover::after {
  width: 100%;
  height: 100%;
  background-color: var(--background-primary-20);
}
.ad-link-list ul li:last-child::after {
  content: "";
  display: block;
  width: 50%;
  height: 50%;
  background-color: var(--background-primary-60);
  position: absolute;
  right: calc(var(--deco-border-width) * -1);
  bottom: calc(var(--deco-border-width) * -1);
  z-index: -1;
}

#ad-news {
  background-color: var(--background-tertiary-60);
  background: var(--background-gradient-tertiary);
  color: var(--text-color-inverted);
  animation-name: slide-down;
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-timing-function: ease-in;
  animation-delay: 500ms;
  opacity: 0;
  line-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-top: solid 1px var(--background-default);
}
#ad-news .inside {
  padding-top: var(--spacer);
  padding-bottom: var(--spacer);
}
#ad-news .inside .layout_full + .layout_full {
  margin-top: var(--spacer);
}
#ad-news .inside .layout_full + .layout_full:before {
  content: "";
  border-top: solid 1px var(--background-default-60-aplha);
  width: 25%;
  margin: auto;
  padding-top: var(--spacer);
  display: block;
}
#ad-news .inside .info {
  font-size: var(--font-size-small);
}
@keyframes slide-down {
  from {
    opacity: 0;
    line-height: 0;
  }
  50% {
    opacity: 0.5;
    line-height: var(--line-height);
  }
  to {
    opacity: 1;
    line-height: var(--line-height);
  }
}
#ad-news p {
  margin-bottom: 0;
}

.ad-opening-hours h2 {
  margin-top: 0;
}
.ad-opening-hours .wrapper .row {
  display: flex;
  flex-direction: row;
}
.ad-opening-hours .wrapper .row + .row {
  margin-top: 0.5rem;
}
.ad-opening-hours .wrapper .day {
  display: flex;
  flex: 0 1 50%;
  font-stretch: condensed;
  font-weight: 600;
}
@media (min-width: 768px) {
  .ad-opening-hours .wrapper .day {
    flex-basis: 50%;
  }
}
.ad-opening-hours .wrapper .hours {
  display: flex;
  flex: 1 1 auto;
}

.ad-address {
  font-style: normal;
  font-weight: normal;
}

.ad-team {
  position: relative;
  z-index: 1;
}
.ad-team h4, .ad-team h5 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ad-team small {
  display: block;
  font-size: var(--font-size-body);
}
.ad-team .curriculum {
  margin-top: var(--spacer);
}
.ad-team .curriculum h5 {
  font-weight: bold;
  margin-bottom: 1rem;
}
.ad-team .curriculum ul {
  position: relative;
  padding: 0 5px;
}
.ad-team .curriculum ul::after {
  content: "";
  position: absolute;
  background-color: var(--background-primary-60);
  left: var(--spacer);
  top: 0;
  width: var(--spacer);
  height: 100%;
  display: block;
  z-index: -1;
}
.ad-team .curriculum ul li {
  display: block;
  padding: 0.75rem 1rem;
  background-color: var(--background-default);
  box-shadow: var(--box-shadow);
  transition: color var(--burger-menu-animation-timing), background-color var(--burger-menu-animation-timing), background var(--burger-menu-animation-timing);
  color: var(--text-color);
  font-size: var(--font-size-small);
}
.ad-team .curriculum ul li + li {
  margin-top: 0.75rem;
}
.ad-team .doctor .team-member::before, .ad-team .doctor .team-member::after {
  background-color: var(--background-secondary-60);
}
.ad-team .team {
  margin-top: calc(var(--spacer) * 2);
}
.ad-team .team .team-member + .team-member {
  margin-top: var(--spacer);
}
.ad-team .team-member {
  display: block;
  padding: 0.75rem 1rem;
  background-color: var(--background-default);
  box-shadow: var(--box-shadow);
  transition: color var(--animation-timing), background-color var(--animation-timing), background var(--animation-timing);
  color: var(--text-color);
  position: relative;
  border-radius: var(--border-radius);
  width: 100%;
}
.ad-team .team-member:before, .ad-team .team-member:after {
  transition: width var(--animation-timing), height var(--animation-timing), background-color var(--animation-timing);
}
.ad-team .team-member::before {
  content: "";
  display: block;
  width: var(--spacer);
  height: var(--spacer);
  background-color: var(--background-secondary);
  position: absolute;
  left: calc(var(--deco-border-width) * -1);
  top: calc(var(--deco-border-width) * -1);
  z-index: -1;
  border-radius: var(--border-radius) 0 0 0;
}
.ad-team .team-member::after {
  content: "";
  display: block;
  width: var(--spacer);
  height: var(--spacer);
  background-color: var(--background-secondary);
  position: absolute;
  right: calc(var(--deco-border-width) * -1);
  bottom: calc(var(--deco-border-width) * -1);
  z-index: -1;
  border-radius: 0 0 var(--border-radius) 0;
}
.ad-team .team-member:hover {
  box-shadow: var(--box-shadow-small);
}
.ad-team .team-member:hover:before, .ad-team .team-member:hover:after {
  width: 50%;
  height: 50%;
  background-color: var(--background-primary);
}
@media screen and (min-width: 1024px) {
  .ad-team {
    display: flex;
    gap: var(--spacer);
  }
  .ad-team .doctor {
    width: 60%;
  }
  .ad-team .team {
    width: 40%;
    margin-top: 0;
  }
}

.button {
  padding: calc(var(--spacer) * 0.25) calc(var(--spacer) * 0.5);
  display: inline-block;
  margin-top: var(--spacer);
  box-shadow: var(--box-shadow-small);
  transform: background-color var(--animation-timing);
  font-weight: bold;
  font-stretch: condensed;
}
.button.button-solid {
  border: solid 2px transparent;
  border-radius: var(--border-radius);
}
.button.button-solid.button-primary {
  background-color: var(--background-primary);
  color: var(--text-color-inverted);
}
.button.button-solid.button-secondary {
  background-color: var(--background-secondary);
  color: var(--text-color-inverted);
}
.button.button-solid.button-tertiary {
  background-color: var(--background-tertiary);
  color: var(--text-color-inverted);
}
.button.button-solid:hover {
  background-color: var(--background-primary-80);
  border-color: var(--background-primary-80);
}
.button.button-solid.button-tel:before {
  content: "\f095";
  font-family: var(--font-family-icon);
  color: var(--text-color-inverted);
  margin-right: calc(var(--spacer) * 0.5);
}
.button.button-solid.button-mail:before {
  content: "\f0e0";
  font-family: var(--font-family-icon);
  color: var(--text-color-inverted);
  margin-right: calc(var(--spacer) * 0.5);
}
.button.button-outline {
  border: solid 2px transparent;
  border-radius: var(--border-radius);
}
.button.button-outline.button-primary {
  border-color: var(--background-primary);
  color: var(--text-color-primary);
}
.button.button-outline.button-primary:hover {
  background-color: var(--background-primary-10);
}
.button.button-outline.button-secondary {
  border-color: var(--background-secondary);
  color: var(--text-color-secondary);
}
.button.button-outline.button-secondary:hover {
  background-color: var(--background-secondary-10);
}
.button.button-outline.button-tertiary {
  border-color: var(--background-tertiary);
  color: var(--text-color-tertiary);
}
.button.button-outline.button-tertiary:hover {
  background-color: var(--background-tertiary-10);
}
.button.button-outline.button-tel:before {
  content: "\f095";
  font-family: var(--font-family-icon);
  color: var(--background-primary);
  margin-right: calc(var(--spacer) * 0.5);
}
.button.button-outline.button-mail:before {
  content: "\f0e0";
  font-family: var(--font-family-icon);
  color: var(--text-color-tertiary);
  margin-right: calc(var(--spacer) * 0.5);
}

.ad-consultation-hours-wrapper .ad-opening-hours + .ad-opening-hours {
  margin-top: var(--gap);
}
.ad-consultation-hours-wrapper .ad-opening-hours .wrapper {
  margin-top: 1rem;
}
@media screen and (min-width: 768px) {
  .ad-consultation-hours-wrapper {
    display: flex;
    gap: calc(var(--spacer) * 2);
  }
  .ad-consultation-hours-wrapper .ad-opening-hours {
    width: 33.3333333333%;
  }
  .ad-consultation-hours-wrapper .ad-opening-hours + .ad-opening-hours {
    margin-top: 0;
  }
  .ad-consultation-hours-wrapper .ad-opening-hours h3 {
    margin-top: 0;
  }
  .ad-consultation-hours-wrapper .ad-opening-hours .row {
    display: block;
  }
  .ad-consultation-hours-wrapper .ad-opening-hours .row .day {
    font-stretch: condensed;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .ad-consultation-hours-wrapper .ad-opening-hours .row {
    display: flex;
  }
}

form label {
  display: block;
  font-stretch: condensed;
  font-weight: 600;
}
form label .mandatory {
  color: var(--text-color-error);
}
form .error {
  color: var(--text-color-error);
}
form p.error {
  font-size: var(--font-size-small);
}
form .explanation {
  font-size: var(--font-size-small);
}
form textarea {
  height: 200px;
}
form input, form textarea {
  display: block;
  width: 100%;
  padding: calc(var(--gap) * 0.75) var(--gap);
  font-family: "Noto Sans", serif;
  font-size: var(--font-size-body);
  border: solid 2px var(--background-primary-60);
  border-radius: var(--border-radius);
  margin-top: calc(var(--gap) * 0.5);
}
form input.error, form textarea.error {
  border-color: var(--text-color-error);
}
form input:focus, form input:focus-visible, form textarea:focus, form textarea:focus-visible {
  outline: none;
  border-color: var(--background-secondary);
  box-shadow: 0 0 10px var(--text-color-40);
}
form button {
  font-size: var(--font-size-body);
  padding: calc(var(--spacer) * 0.5) calc(var(--spacer) * 1);
  display: inline-block;
  box-shadow: var(--box-shadow);
  transform: background-color var(--animation-timing);
  font-weight: bold;
  font-stretch: condensed;
  border: solid 2px var(--background-primary);
  border-radius: var(--border-radius);
  background-color: var(--background-primary);
  color: var(--text-color-inverted);
}
form button:hover {
  background-color: var(--background-primary-80);
}
form .widget + .widget {
  margin-top: var(--spacer);
}
.page-teaser-wrapper {
  position: relative;
  z-index: 1;
}
.page-teaser-wrapper .page-teaser {
  display: block;
  padding: 0.75rem 1rem;
  background-color: var(--background-default);
  box-shadow: var(--box-shadow);
  transition: color var(--animation-timing), background-color var(--animation-timing), background var(--animation-timing);
  color: var(--text-color);
  position: relative;
  border-radius: var(--border-radius);
  width: 100%;
  padding: 0;
}
.page-teaser-wrapper .page-teaser:before, .page-teaser-wrapper .page-teaser:after {
  transition: width var(--animation-timing), height var(--animation-timing), background-color var(--animation-timing);
}
.page-teaser-wrapper .page-teaser::before {
  content: "";
  display: block;
  width: var(--spacer);
  height: var(--spacer);
  background-color: var(--background-secondary);
  position: absolute;
  left: calc(var(--deco-border-width) * -1);
  top: calc(var(--deco-border-width) * -1);
  z-index: -1;
  border-radius: var(--border-radius) 0 0 0;
}
.page-teaser-wrapper .page-teaser::after {
  content: "";
  display: block;
  width: var(--spacer);
  height: var(--spacer);
  background-color: var(--background-secondary);
  position: absolute;
  right: calc(var(--deco-border-width) * -1);
  bottom: calc(var(--deco-border-width) * -1);
  z-index: -1;
  border-radius: 0 0 var(--border-radius) 0;
}
.page-teaser-wrapper .page-teaser:hover {
  box-shadow: var(--box-shadow-small);
}
.page-teaser-wrapper .page-teaser:hover:before, .page-teaser-wrapper .page-teaser:hover:after {
  width: 50%;
  height: 50%;
  background-color: var(--background-primary);
}
.page-teaser-wrapper .page-teaser + .page-teaser {
  margin-top: calc(var(--spacer) * 2);
}
.page-teaser-wrapper .page-teaser:hover .image img {
  scale: 1.1;
}
.page-teaser-wrapper .page-teaser .image {
  overflow: hidden;
  line-height: 1;
}
.page-teaser-wrapper .page-teaser .image img {
  width: 100%;
  height: auto;
  transition: scale var(--burger-menu-animation-timing);
}
.page-teaser-wrapper .page-teaser h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.page-teaser-wrapper .page-teaser .title, .page-teaser-wrapper .page-teaser .teaser {
  padding: 0.75rem 1rem;
}
.page-teaser-wrapper .page-teaser .button {
  margin: 1.5rem 1rem;
}
.page-teaser-wrapper .page-teaser .teaser {
  font-size: var(--font-size-small);
}
@media screen and (min-width: 768px) {
  .page-teaser-wrapper {
    display: flex;
    gap: var(--spacer);
  }
  .page-teaser-wrapper .page-teaser + .page-teaser {
    margin-top: 0;
  }
}

.custom p + p {
  margin-top: calc(var(--spacer) * 0.5);
}

@media screen and (min-width: 768px) {
  body.startseite #main .mod_article:first-of-type {
    display: flex;
    gap: calc(var(--spacer) * 2);
  }
}

#header ~ .custom #ad-news {
  padding-top: var(--spacer);
}
#header ~ .custom ~ #container #main .inside {
  padding-top: 1rem;
}

.inside {
  padding: var(--spacer) var(--spacer);
}
@media screen and (min-width: 480px) {
  .inside {
    padding: calc(var(--spacer) * 2) var(--spacer);
  }
}
@media screen and (min-width: 1280px) {
  .inside {
    max-width: 1280px;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

h1, h2, h3, h4, h5 {
  font-family: "Noto Sans", serif;
  word-break: break-word;
  margin-top: var(--spacer);
  margin-bottom: calc(var(--spacer) * 0.5);
  font-weight: bold;
  font-style: normal;
  font-stretch: extra-condensed;
}

h1 {
  font-size: var(--font-size-h1);
}

h2 {
  font-size: var(--font-size-h2);
  margin-top: calc(var(--spacer) * 2);
}

h3 {
  font-size: var(--font-size-h3);
}

h4 {
  font-size: var(--font-size-h4);
  font-weight: normal;
}

h5 {
  font-size: var(--font-size-h5);
  font-weight: normal;
}

b, strong {
  font-stretch: condensed;
  font-weight: 900;
}

.link-large {
  font-size: var(--font-size-h4);
}

.icon.icon-tel:before {
  content: "\f095";
  font-family: var(--font-family-icon);
  margin-right: calc(var(--spacer) * 0.5);
}

#aboutUs h4 {
  font-size: var(--font-size-h4);
}
#aboutUs small {
  font-size: var(--font-size-small);
  display: block;
}
#aboutUs .doctor img {
  display: block;
  width: 100%;
}
#aboutUs .team .team-member img {
  display: block;
  width: 100%;
}

/*# sourceMappingURL=main.css.map */