/* responsive668.css */
@media (max-width:685px) {

:root {
  /* --main_top: 7.5rem;  ohne Eilmeldungen */
  --main_top: 13.3125rem; /* mit Eilmeldungen */
}


#metaNavi {
  width: 0;
  height: 0;
  overflow: hidden;
  display: none;
}

#headMain .inner {
  padding-block: 1.5rem;
	width: 100%;
}

#logo {
  padding-left: 1rem;
  width: 200px;
}
body.nav-is-mobile .nav-burger {
  margin-right: 1rem;
}

/*body.nav-is-mobile .navigation-main {
    top: 1.25rem;
}*/

body.nav-is-mobile .navigation-main ul.level_1 a,
body.nav-is-mobile .navigation-main ul.level_1 strong {
  line-height: 4em;
  padding: 0 1rem;
  font-family: var(--font_semibold);
}

#main {
  padding-top: var(--main_top);
}

h1, .preH1 {
  font-size: var(--font_size08);
}

h2, .preH2 {
  font-size: var(--font_size7);
}

h3, .preH3 {
  font-size: var(--font_size6);
}

.box1 h2, .box2 h2 {
  font-size: var(--font_size7) !important;
}




p,
.widget-explanation p,
.content_list ul,
.content_text ul,
.content_list ol,
.content_text ol {
  font-size: 1rem;
}

.boxWrapper.hxxs,
.boxWrapper.hxs,
.boxWrapper.hs,
.boxWrapper.hm,
.boxWrapper.hl,
.boxWrapper.hxl,
.boxWrapper.hxxl {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.heroSection.vh100 {
  min-height: calc(100vh - var(--main_top));
}
.heroSection {
  padding: 4rem 1rem !important;
}
.heroContainer.boxBackground  {
  padding: 1rem;
}
.heroContainer h1,
.heroContainer h2,
h1.preHeadline,
h2.preHeadline {
  font-size: var(--font_size7);
}
.heroContainer p {
  font-size: var(--font_size4);
  line-height: 1.5em;
}

.evoMatterbox .container {
  padding: 1rem;
}

  .box1 .container, .box2 .container {
    padding: 1.5rem;
  }

.testimonial .rating,
.testimonial .name {
  font-size: var(--font_size7);
}
.handorgel__header__button {
  padding: 1rem;
  font-size: var(--font_size7)
}
.handorgel__header__button::before {
  font-size: var(--font_size6)
}

.icon-link a {
  font-size: var(--font_size5);
}
.mod_newslist.col3-3-1 {
  grid-template-columns: repeat(1, 1fr);
}
.mod_newslist.col4-2-1 {
  grid-template-columns: repeat(1, 1fr);
}

#blogReader .inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.content-list ul, .content-text ul {
  padding-left: .5rem;
}

.content-text.media--left {
  flex-direction: column;
}

.content-text.media--right{
  flex-direction: column-reverse;
}

.content-gallery--cols-2 ul,
.content-gallery--cols-3 ul,
.content-gallery--cols-4 ul, 
.content-gallery--cols-5 ul, 
.content-gallery--cols-6 ul, 
.content-gallery--cols-7 ul, 
.content-gallery--cols-8 ul, 
.content-gallery--cols-9 ul, 
.content-gallery--cols-10 ul, 
.content-gallery--cols-11 ul, 
.content-gallery--cols-12 ul {
  grid-template-columns: repeat(1, 1fr);
}

.splide__slide {
	padding-inline: 2rem;
}

.eilNewsList .layout_eilmeldung {
  font-size: var(--font_size3);
}







.content-table table th, .content-text table th, table th {
   padding: .5rem;
  font-size: var(--font_size3);
}
.content-table table tbody td, .content-text table tbody td, table tbody td {
  padding: .5rem;

}
    
.fineuploader-wrapper .qq-upload-button, .widget button[type="submit"], .icon-button a, .button a {
font-size: var(--font_size4);
}


.widget-fineuploader {
  padding: 1rem;
  font-size: var(--font_size3);
}

.checkbox_container label {
  font-size: var(--font_size4);
}

.widget-upload label {
  font-size: var(--font_size4);
}


input[type="file"] {
  margin-right: 0;
  font-size: var(--font_size4);
}
::file-selector-button,
::-webkit-file-upload-button {
  padding: 0.5rem;
  font-size: var(--font_size4);
}
::file-selector-button:hover,
::-webkit-file-upload-button:hover {
  padding: 0.5rem 0.75rem;
}
.heroContent.login,
.herobanner .login .container {
  width: 100% !important;
}
.herobanner .login .container {
  padding-right: 2rem;
  padding-left: 2rem;
}
.mod_login button,
.mod_login input[placeholder],
.mod_login input::placeholder {
  font-size: var(--font_size4);
}
.herobanner .login p,
.herobanner .login a {
  font-weight: normal;
  font-family: "SourceSansPro400", Arial, Helvetica, sans-serif !important;
}
input[placeholder],
textarea[placeholder],
select[placeholder] {
  font-size: var(--font_size4);
}
}