html, body {
  font-size: 1.5em;
  overflow-x:hidden;
}

.wrapper {
  width:100%;
}

@keyframes moveUpwardsAnmiationSmartphone {
  from {
    background-position:center 0vh;
  } to {
    background-position:center -9vh;
  }
}

.slide {
  background-size: 120% auto;
  background-position:center -9vh;
}


.slideMovingUpwards {
  animation-name:moveUpwardsAnmiationSmartphone;
  animation-duration:7.0s;
}

.halfSizeHeader {
  margin-top:5em;
  height:40vh;
}

.fullSizeHeader {
  height:50vh;
}

.d50center, .d75center, .d60center {
  width:95%;
  margin-left:2.5%;
}

h1, h2 {
  font-size:1.8em;
  max-width:100%;
  margin-left: 0%;
}

.paragraph {
  width:90%;
  margin-left:5%;
}

.mediumMarginTopBigMarginBottom {
  margin-top:4em;
  margin-bottom:8em;
}

.bigMarginTopSmallMarginBottom {
  margin-top:8em;
  margin-bottom:2em;
}

.bigPaddingTopMediumPaddingBottom {
  padding-top:12em;
  padding-bottom:4em;
}

.carouselWrapper {
  height:19em!important;
}

.button {
  padding:0.6em 1.2em;
}

.slides {
  background-size:auto 100%!important;
}

@keyframes moveUpwardsAnmiationLeft {
  from {
    background-position:left 0vh;
  } to {
    background-position:left -15vh;
  }
}

.quadraticButton {
  margin-bottom: 2.75em!important;
  animation-name:none!important;
}

.anfahrtWrapper {
  flex-direction:column-reverse;
  gap:3em;

  width:90%;
  margin-left:5%;
}

.anfahrtWrapper .d47 {
  width:100%;
}

.anfahrtWrapper iframe {
  height:15em;
}

.teamOverview {
  justify-content:center;
}

.teamElement {
  width:90%;
}

.contentContactInformations {
  width:100%;
  margin:0;
}

.contentOpeningTimes {
  width:100%;
  margin:0;
  margin-top:2em;
}

.sprechzeiten .d55 {
  float:left!important;
  width:100%;
  margin-top:3em;
}

.teamEling .d35 {
  width:80%;
  margin-left:10%;
}

.teamEling .d60 {
  width:90%;
  margin-left:5%;
  float:left!important;
  margin-top:1em;
}

/* Footer */
.footer {
  height:auto;
  font-size: 0.9em;
}

.footer .d65center {
  width:100%;
  margin:0;
}

.footer .d80center {
  width:90%;
  margin-left:5%;
}

.footer .d30 .d40 {
  width:40%;
  margin:0;
}

.footer .d50center, .footer .d30, .footer .d40, .footer .d25, .footer .d45 {
  margin-bottom:2.25em;
  width:100%;
  float:left!important;
}

.footer .d50center .d40 {
  width:50%;
}

.footer .footerSection {
  width:100%;
  margin-bottom:1.5em;
}

.footerSection .footerSprechstunde {
  width:100%;
  margin-top:0!important;
  margin-bottom: 1.5em;
}

.footerSprechstunde .d40 {
  width:40%;
}

.footerSprechstunde .d60 {
  width:60%;
}

.specialOpeningsFooter {
  width:100%;
}

.copyright, .footerDisclaimer {
  width:100%;
  left:0;
  text-align: center;
}

.footerDisclaimer {
  bottom:9em;
}

.copyright {
  bottom:7em;
}


#reading-progress {
  display:none;
}


/* Formular */

input, textarea, select {
  font-size: 1.0em;
}

form .contactInformations {
  display:none;
}


form .d45 {
  width:100%;
}

form .d20 {
  width:70%;
  float:left!important;
  margin-left: 15%;
  text-align: center;
}

form .d2 {
  width:10%;
}

form .d98 {
  width:90%;
}

input[type=checkbox] {
  transform: scale(2);
  -webkit-transform: scale(2);
}


/* Navigation */

#hamburgerMenu {
  display:block;
  margin-top:0.75em;
  float:right;
  width:100%;
}

.hamburgerMenuIcon svg {
  height:1.2em;
  margin-right:0.75em;
}

.toolbar {
  padding:0.4em 0;
}

.logoWrapper object {
  height:2.25em;
}

#navigation {
  display:none;
}

.logoWrapper {
  z-index:9;
  position:relative;
}

.navigationListing {
  line-height: 1.5em;
  font-size:1.1em;
}

.navigationActive {
  background-color:rgba(var(--whiteColor), 0.97);
  height:calc(100vh - 4em);
  width:100vw;
  position:fixed;
  padding-top:4em;
  top:0;
  left:0;

  display:block!important;
}

#navigation ul li {
  width:90%;
  text-align: left;
  margin-left: 5%;
  padding: 0;
}

#nav li ul {
  position:relative;
  text-align: left;
  width:95%;
  margin-left: 5%;
  left:0;
  padding:0;
}


.rightToolbarBox ul {
  margin-left: 5%!important;
}

.toolbarWrapper {
  top:0;
  position:fixed;
}

.leftToolbarBox {
  width:75vw;
}

.rightToolbarBox {
  width:40vw;
}

#toolbarContactInformationsOverlay object {
  width:100%;
}

.toolbar .wrapper {
  width:95%;
}

.centerToolbarBox {
  width:100vw;
}

.mobileLogo {
  display:block;
}

.headlineTelWrapper {
  display: none;
}

#hamburgerMenu {
  display:block;
  float:right;
  width:auto;
  margin-top:2em;
  margin-right:1em;
  position:relative;
}

.mobileLogo {
  width:30%;
  float:left;
  margin-left:1em;
}

.toolbar > .wrapper {
  width:0;
  display:block;
}

.logoWrapper {
  position:absolute;
  top:1em;
  width:100vw;
  height:4em;
  left:0;
  text-align: center;
}

.logoWrapper object {
  display:inline;
  height:100%;
}

.leftToolbarBox {
  margin:0;
  float:left;
  width:100%;
  margin-top:3em;
}

.rightToolbarBox {
  margin:0;
  float:left;
  width:100%;
  text-align:left;
}



/* Callback Formular */
.callbackWrapper {
  width:95%;
  left:2.5%;
  height:12.2em;
  bottom: calc(-9.2em + 1px);
}

.callbackContentBox {
  height: calc(8.2em - 2px);
}

.callbackSubHeadline {
  display:none;
}

.callbackContentBox {
  font-size:0.90em;
}

.callbackContentBox .d15, .callbackContentBox .d20, .callbackContentBox .d40 {
  width:33%;
  margin:0;
}

.callbackContentBox .d20 .right {
  text-align: left;
}

.callbackContentBox .d20 .right input {
  width:100%;
  display:none;
}

.mobileSubmitButton {
  display:block!important;
}


/* Moving Fading Slider */


#fadeSlider {
  position: absolute;
  float: left;
  width:100%;
  height: 100%;
}

.slide {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-position:center -5vh;
  background-repeat: no-repeat;
  background-size: 120% auto;
  opacity:0%;
}

@keyframes moveUpwardsAnmiation {
  from {
    background-position:center 0vh;
  } to {
    background-position:center -5vh;
  }
}

@keyframes slideFadeInAnimation {
  from {
    display: block!important;
    opacity:0%;
  } to {
    display: block!important;
    opacity:100%;
  }
}

@keyframes slideFadeOutAnimation {
  from {
    opacity:100%;
  } to {
    opacity:0%;
  }
}

.slideFadeIn {
  animation-name:slideFadeInAnimation;
  animation-duration:1.0s;
  opacity:100%;
}

.slideFadeOut {
  animation-name:slideFadeOutAnimation;
  animation-duration:1.0s;
  opacity:0%;
}

.slideMovingUpwards {
  animation-name:moveUpwardsAnmiation;
  animation-duration:7.0s;
}


.newsListing h2 {
  font-size: 1.5em;
}


.newsListing .newsPublishingDate {
  font-size:0.9em;
  margin-top:1em;
}

.newsContent .d100,
.newsContent .d75,
.newsContent .d75center,
.newsContent .d50,
.newsContent .d50center,
.newsContent .d45,
.newsContent .d30 {
  float:left!important;
  width: 100%;
  margin:0;
}

.news30Center {
  margin:0;
}

.newsContent .d45,
.newsContent .d30 {
  margin-bottom:4em;
}

.newsTwoColumnWrapper .d45:last-child,
.newsThreeColumnWrapper .d30:last-child {
  margin-bottom: 0!important;
}