@charset "UTF-8";
@media only screen and (max-width: 1023px) {
  body {
    font-size: 8.5px;
  }
  .wrapper {
    width: 740px;
  }
  #navigation nav .wrapper {
    column-count: 3;
  }
  #logo {
    max-width: 120px;
    margin-right: 30px;
  }
  .start #logo {
    max-width: 150px;
    margin-right: 30px;
  }
  header {
    padding: 2.45em 0;
  }
  header, section .inner, .socialbar .inner, footer .inner, nav#sitenav {
    width: 740px;
  }
  nav#headnav {
    height: 37px;
    padding-top: 20px;
    font-size: 1.6em;
  }
  h1 {
    font-size: 3.2em;
  }
  h2 {
    font-size: 3.2em;
  }
  section#slider {
    background: none;
  }
  section#slider .over {
    width: 236px;
    height: 219px;
  }
  section#slider h2 {
    font-size: 2.8em;
    margin: 10px 0;
  }
  section#slider .subtext {
    font-size: 1.7em;
  }
  section#fullslider .over {
    min-width: 488px;
  }
  section#fullslider h2 {
    font-size: 2.8em;
    margin: 10px 0;
  }
  section#fullslider .subtext {
    font-size: 1.7em;
  }
  #slider img {
    max-width: 740px;
    height: auto;
  }
  section #cardholder .card {
    width: 236px !important;
    height: 133px;
  }
  section #cardholder .info {
    height: 90px;
    padding: 14px 10px;
  }
  section #cardholder .infoinner {
    height: 99px;
    overflow: hidden;
  }
  section #cardholder2 .double {
    width: 250px;
    display: inline-block;
  }
  section #cardholder2 .card {
    margin-right: 14px;
    margin-bottom: 14px;
  }
  section #cardholder2 .fullwidth {
    width: 236px !important;
    height: 133px;
  }
  section #cardholder2 .fullwidth .title1d {
    width: auto;
    display: block;
    margin-right: 0;
  }
  section #cardholder2 .fullwidth .subtitle {
    width: auto;
    display: block;
    margin-right: 0;
  }
  section #cardholder3 {
    grid-template-columns: repeat(3, 236px);
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }
  section #cardholder3 #location {
    grid-column: auto;
    justify-self: start;
  }
  nav#mainnav li {
    margin-left: 20px;
  }
  nav#mainnav a {
    background: none;
    padding: 10px 20px;
  }
  nav#sitenav a {
    padding-right: 20px;
  }
  nav#sitenav a {
    padding-right: 20px;
  }
  #orte {
    width: 206px;
    box-shadow: 0 0 5px #888;
    right: 6px;
  }
  #orte .select {
    width: 186px;
  }
  #orte select {
    min-width: 240px;
    margin: 0;
    border: 0;
  }
  section#shopRow .bookoffer, footer .block {
    width: 360px;
  }
  section#shopRow .bookoffer:last-child {
    display: none;
  }
  footer .block {
    display: block;
    margin-bottom: 30px;
  }
  footer #zerti {
    width: 330px;
    padding: 15px;
  }
  section#praxisRow .therapeut {
    margin-right: 20px;
    margin-bottom: 20px;
  }
  section #eventtabs li a {
    width: auto;
  }
  section .semText, section .boardText {
    width: 420px;
  }
  section .semConditions {
    width: 260px;
  }
  section .boardMargin {
    width: 240px;
  }
  label.oplabel, label.oblabel {
    float: none;
    text-align: left;
  }
  .formEntry button, .formhint {
    margin-left: 0;
  }
  input.formtext, textarea.formtextarea {
    float: none;
  }
  section #customerData .simpleselect {
    float: none;
    display: block;
    width: 97.5%;
  }
  section #searchForm .sfbox {
    width: 49%;
  }
  section #searchForm .sfbox:last-child {
    width: 100%;
  }
  section #searchForm .sfdatabox {
    padding: 8px 16px;
  }
  div.formEntry label.oplabel, div.formEntry label.oblabel, div.formEntry input.formtext, div.formEntry textarea.formtextarea, div.formEntry div.checkboxdiv {
    float: none;
    display: block;
    width: 95%;
  }
  div.formEntry select.formtext {
    margin-left: 0;
  }
  div.formEntry .formtext.plz {
    width: 20%;
    margin-right: calc(5% - 12px);
    margin-left: 0;
    float: left;
  }
  div.formEntry .formtext.ort {
    width: 70%;
  }
  section #sliderNav {
    margin-top: -50px;
    height: 16px;
    margin-right: 15px;
  }
  section #sliderNav li {
    width: 16px;
    height: 16px;
  }
  section #sliderNav li button {
    width: 16px;
    height: 16px;
    border-radius: 16px;
  }
  section .anz {
    grid-template-columns: 100%;
  }
  .info__bar {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
  }
  .info__bar a.button {
    margin-bottom: 1em;
  }
  .info__bar #locselect {
    margin-bottom: 1em;
  }
  .info__bar .placeholder {
    padding: 1em 40px 1em 1em !important;
    line-height: 1.15em;
  }
  .mediboard .entry {
    width: 336px;
  }
  .mediboard .tn {
    width: 336px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapper {
    width: 500px;
  }
  #navigation nav .wrapper {
    column-count: 2;
  }
  header, section .inner, .socialbar .inner, footer .inner, nav#sitenav {
    width: 500px;
  }
  header.wrapper {
    width: auto;
    margin: 0 20px;
  }
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 2em;
  }
  nav#headnav {
    float: right;
  }
  header {
    display: block;
    text-align: center;
  }
  #logo {
    margin-right: 0;
  }
  .start #logo {
    margin-right: 0;
  }
  #navicon {
    position: absolute;
    top: 1em;
    right: 0;
    z-index: 2;
  }
  .start #navicon {
    top: 2em;
  }
  h1.title {
    display: block;
    margin-bottom: 0;
  }
  nav#mainnav {
    position: relative;
    text-align: center;
    margin-top: 20px;
  }
  nav#mainnav ul {
    float: none;
    margin: auto;
  }
  nav#mainnav li {
    margin-left: 0;
  }
  #slider img {
    max-width: 500px;
  }
  #orte {
    position: relative;
    width: 470px;
  }
  #cardholder2 #orte {
    width: 206px;
  }
  section #eventBord .card {
    width: 236px !important;
    height: 133px;
  }
  section #cardholder2 .double {
    width: 258px;
  }
  section #cardholder2 .card {
    margin-right: 17px;
    margin-bottom: 17px;
    width: 241px !important;
  }
  section #cardholder2 .full {
    height: 290px;
  }
  section #cardholder3 {
    grid-template-columns: repeat(2, 242px);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
  section #cardholder3 #location {
    grid-column: 1 / span 2;
  }
  section .semText, section .boardText {
    width: 100%;
    float: none;
    margin-bottom: 2em;
  }
  section .semConditions {
    width: 100%;
  }
  section .boardMargin {
    width: 100%;
    margin: 0;
  }
  section .boardMargin {
    float: none;
    border-left: none;
    padding-left: 0;
  }
  section .whiteBoard .eventContent {
    padding: 0;
  }
  section#shopRow #bookshelf {
    margin-right: 0;
  }
  section#shopRow .bookoffer, footer .block {
    width: 100%;
    margin-right: 0;
  }
  section#shopRow .bookoffer:last-child {
    display: block;
  }
  section#slider .over {
    width: 500px;
    height: 150px;
  }
  section#fullslider .over {
    width: 500px;
  }
  section#slider a.jump {
    position: absolute;
    font-size: 2.4em;
    left: 20px;
    bottom: 20px;
  }
  footer #zerti {
    position: relative;
    width: 470px;
    padding: 15px;
  }
  section #searchForm .sfdatabox {
    margin: 16px 0;
  }
  section #searchForm .sfdatabox .sfdatabox {
    margin-left: 16px;
  }
  .info__bar a.button, .info__bar #locselect {
    width: 242px;
  }
  .mediboard .entry {
    width: 100%;
  }
  .mediboard .tn {
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  body {
    font-size: 9px;
  }
  header, section .inner, .socialbar .inner, footer .inner, nav#sitenav {
    width: auto;
    margin: 0 20px;
  }
  header {
    display: block;
  }
  nav#headnav {
    float: right;
  }
  nav#mainnav {
    display: none;
  }
  #navIcon {
    display: block;
    position: absolute;
    right: 20px;
    top: 70px;
    cursor: pointer;
  }
  #navicon {
    right: -1em;
  }
  #orte {
    position: relative;
    width: 100%;
  }
  section #eventtabs li a {
    padding: 12px 12px;
  }
  section #eventtabs li.active a {
    padding: 16px 12px;
  }
  section#eventBord #cardholder {
    margin-right: 0;
  }
  section#eventBord .card {
    width: 100% !important;
    height: 133px;
  }
  section #cardholder2 {
    margin-right: 0;
  }
  section #cardholder2 .double {
    width: auto;
  }
  section #cardholder2 .card {
    margin-right: 0;
    margin-bottom: 2em;
    width: 100% !important;
    height: auto;
    padding-bottom: 1em;
  }
  section #cardholder2 .full {
    height: auto;
  }
  section #cardholder2 .info {
    height: auto;
  }
  section #cardholder2 .infoinner {
    height: auto;
  }
  section #cardholder2 .fslide {
    width: 100%;
  }
  section #cardholder2 #kstart {
    position: relative;
  }
  section #cardholder2 .full .info {
    height: auto;
  }
  section #cardholder2 .full .infoinner {
    height: auto;
  }
  section #cardholder2 #orte {
    width: 80%;
  }
  section #cardholder3 {
    grid-template-columns: 100%;
  }
  section #cardholder3 #location {
    grid-column: auto;
  }
  section#slider .entry {
    width: 100%;
    height: 180px;
    overflow: hidden;
  }
  section#slider img {
    width: 610px;
    height: 180px;
    margin-left: -10%;
  }
  section#slider .over {
    width: 100%;
    height: 180px;
  }
  section#fullslider .over {
    min-width: auto;
    width: 100%;
  }
  section#slider a.jump {
    position: absolute;
    font-size: 2.4em;
    left: 20px;
    bottom: 20px;
  }
  footer #zerti {
    width: auto;
  }
  section #searchForm .sfdatabox {
    margin: 16px 0;
  }
  section #searchForm .sfdatabox .sfdatabox {
    padding-left: 16px;
  }
  section #alleventcontent, section .whiteBoard {
    margin-left: -20px;
    margin-right: -20px;
  }
  nav#mainnav {
    position: absolute;
    right: 0;
    bottom: auto;
    top: 96px;
    background: #fff;
    z-index: 200;
    width: 100%;
    box-shadow: 0 0 5px #888;
    text-align: left;
  }
  nav#mainnav li {
    display: block;
  }
  nav#mainnav a {
    display: block;
    padding: 20px;
    background: url('/static/images/mainnav-arrow.png') no-repeat right center;
    border-top: 1px solid #aabbc3;
  }
  nav#mainnav .open a {
    background-color: none;
  }
  nav#mainnav .subnavigation {
    display: none;
    position: relative;
    width: 100%;
    box-shadow: none;
    margin-top: 0;
  }
  nav#mainnav .subnavigation li {
    display: block;
    padding: 0;
    margin: 0;
  }
  nav#mainnav .subnavigation a {
    display: block;
    padding: 15px 20px;
    white-space: nowrap;
    background: none;
    background: #f39516;
    color: white;
    margin-top: 1px;
    border: none;
  }
  section .block__bild {
    float: none;
    text-align: center;
  }
  section .block__text {
    margin-left: 0;
  }
  a.sphide {
    display: none;
  }
  .info__bar a.button, .info__bar #locselect {
    width: 100%;
  }
  .wrapper {
    width: auto;
    margin: 0 20px;
  }
  .header-container {
    text-align: center;
  }
  #navigation nav {
    font-size: 1.25rem;
  }
  #navigation nav .wrapper {
    column-count: 1;
    margin: 0;
    padding: 0;
  }
  #navigation nav .wrapper ul {
    border-bottom: 1px solid #285468;
    margin: 0;
    padding-bottom: 0.5em;
  }
  #navigation nav .wrapper ul li {
    display: none;
    padding: 0 20px;
    position: relative;
  }
  #navigation nav .wrapper ul li.grouphead {
    display: block;
    padding-top: 0.5em;
    cursor: pointer;
  }
  #navigation nav .wrapper ul li.grouphead:after {
    content: "";
    font-family: fas;
    position: absolute;
    top: 0.5em;
    right: 20px;
  }
  #navigation nav .wrapper ul a {
    margin: 0 -20px;
    padding: 0 20px;
  }
  #navigation nav ul.rib {
    background: #fff;
    gap: 0.5em;
    font-size: 0.75em;
  }
  #navigation nav ul.rib a {
    border: 1px solid #37708A;
  }
}