

html {
  font-size: 18px;
  line-height: 145%;
  color: var(--color-partner-page);
  background: var(--color-primary-white);
}

.main-content h2, .main-content h3, .tagline h1 {
	font-family: "FFZwoWebProExtraBoldItalic", sans-serif;
}

.main-content h1 {
  font-size: 70px;
}

.main-content h1.text-green, .main-content h2.text-green {
	color: var(--color-primary-green);
}

.main-content h2 {
  font-size: 30px;
  margin-bottom: 30px;
  line-height: 1.1;
}

.main-content h3 {
  line-height: 1.1;
  color: var(--color-primary-blue);
  font-size: 21px;
}

.tagline h1 {
  margin: 0 0 15px;
  color: var(--color-primary-blue);
  font-size: 30px;
  font-weight: 400;
}

.tagline p {
  margin: 0;
  font-size: 70px;
  color: var(--color-primary-white);
  font-family: "FFZwoWebProBlackItalic", sans-serif;
  line-height: 1.1;
}

.tagline-inner .centered-wrapper-inner {
	padding: 60px 15px;
}



.kopfzeile ul.icon-links {
	top: 47px;
}

.suchfeld-news .widget-submit, .suchfeld-presse .widget-submit {
  right: 25px !important;
  top: 6px !important;
}



.centered-wrapper.-height-small {
  min-height: 400px;
}

.centered-wrapper-inner {
  max-width: 1140px;
  clear: both;
  padding-left: 15px;
  padding-right: 15px;
}

.ce_vimeo-wrapper {
	margin: 0 !important;
}

.news-boxed-item h3 > a:hover, .news-boxed-item h3 > a:focus {
  color: var(--color-primary-green) !important;
}

.main-content .centered-wrapper-inner a {
  font-family: "FFZwoWebProExtraBold", sans-serif;
  font-weight: normal;
}

.main-content .centered-wrapper-inner a:hover {
  color: var(--color-primary-blue);
  text-decoration: none;
}

.main-content .centered-wrapper-inner a.button:hover {
  color: var(--color-primary-white);
}

.fusszeile {
  background: var(--color-primary-white) !important;
}

.fusszeile h4, .fusszeile h4 a, .fusszeile a:hover, .fusszeile a:focus {
	color: var(--color-primary-blue) !important;
}

.fusszeile ul strong {
	color: var(--color-primary-blue) !important;
}

.privat1, .privat2, .geschaeft1, .geschaeft2 {
	border-color: var(--color-primary-green);
}

.privat1, .geschaeft2 {
	background: var(--color-primary-green);
}

.preise-nav .privat2:hover a, .preise-nav .geschaeft1:hover a {
  color: var(--color-primary-blue) !important;
}

.main-content table th, .main-content table td, .main-content table {
  border: none;
}

.secondary-navigation-wrapper {
  background: var(--color-primary-green);
}

.secondary-navigation li > a, .secondary-navigation li > strong, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward {
	color: var(--color-primary-white);
}

.secondary-navigation li > a:hover, .secondary-navigation li > a:focus, .secondary-navigation li > a.active, .secondary-navigation li > a.trail, .secondary-navigation li > a.forward, .secondary-navigation li > strong.active, .secondary-navigation li > strong.trail, .secondary-navigation li > strong.forward, .secondary-navigation li > span.active, .secondary-navigation li > span.trail, .secondary-navigation li > span.forward {
  color: var(--color-primary-blue);
} 


.teaser-boxes-content h3 {
	font-size: 30px;
}


#app .image_container a:hover::before, #app .image_container a:focus::before {
	background: none;
}

#app .image_container a:hover::after, #app .image_container a:focus::after {
	content: "";
}


#preise .rs-columns, #registrieren .rs-columns {
	display: flex;
}

#preise .rs-column {
	align-self: flex-end;
}

#registrieren .rs-column {
	align-self: center;
}


.preisliste table p {
  margin: 0;
  font-size: 18px;
  font-family: "FFZwoWebProExtraBold", sans-serif;
}


#app .content-center {
  margin-left: 60px;
}




.centered-wrapper.-background-color-2 {
  background-color: var(--color-primary-green);
}

.high-contrast .centered-wrapper.-background-color-2 p, .high-contrast .centered-wrapper.-background-color-2 h2, .high-contrast .centered-wrapper.-highlight-color h1.text-green, .high-contrast .tagline .centered-wrapper.-background-color-2 h1 {
	color: var(--color-primary-white);
}

.high-contrast .fusszeile a, .high-contrast .fusszeile ul {
  color: var(--color-text);
}





@media (max-width: 1200px) {
	.kopfzeile img {
  max-width: 200px;
}

.kopfzeile ul.icon-links {
	top: 37px;
}

.button-navigation {
	top: 30px;
}

.kopfzeile .button {
	top: 30px;
}

}



@media (max-width: 980px) {
	.kopfzeile .centered-wrapper-inner.-fullwidth-padded {
    padding-right: 30px;
    padding-left: 30px;
  }
}


@media (max-width: 900px) {
	.button-navigation {
  right: 145px;
}
.kopfzeile .button {
  right: 345px;
}


#app .content-center {
  margin-left: 0;
}

}

@media (max-width: 770px) {
	.kopfzeile img {
  max-width: 150px;
}

.kopfzeile ul.icon-links.mobil-handy-weg {
  display: none;
}
.button-navigation {
  right: 35px;
}

.kopfzeile .button {
  right: 235px;
}

.kopfzeile .button.registrieren-open {
    right: 345px !important;
  }

}



@media (max-width: 599px) {
	#preise .rs-columns, #registrieren .rs-columns {
	display: block;
}

.header-navigation::before {
	background: linear-gradient(90deg, rgba(117,180,43,0) 0%, rgba(117,180,43) 100%) !important;
}

.tagline p {
	font-size: 30px;
}

.tagline h1 {
	font-size: 20px;
}

.tagline-inner .centered-wrapper-inner {
  padding: 30px 15px;
}

.kopfzeile .button {
  right: 70px;
}

.main-navigation-mobile-open {
	top: 51px;
}

.main-navigation-mobile-close {
	top: 18px;
}

.social-media-mobil .apps, .social-media-mobil .media {
  margin-bottom: 40px;
}

.kopfzeile ul.icon-links {
  top: 47px;
}

.social-media-mobil ul.icon-links {
	padding-left: 0 !important;
}

.kopfzeile .button.registrieren-open {
    right: 145px !important;
  }

}



@media (max-width: 350px) {
	.kopfzeile img {
  max-width: 120px;
}
}
