.wp-block-rh-badge.style-normal:not(.has-url) {
background-color: #c6b058;
color: #000;
}

.wp-block-rh-badge:not(.style-none) > a {
background-color: #c6b058;
color: #000;
text-decoration: none;
}

.wp-block-rh-badge:not(.style-none) > a:hover {
background-color: #ad8d32;
color: #000;
}

.wp-block-rh-cta {
border-color: #c6b058;
}

.is-style-benefit-list > li::before {
color: #c6b058;
}

.has-color-ci-background-color {
background-color: #c6b058;
}

.has-color-ci-color {
color: #c6b058;
}

.has-color-ci-alt-background-color {
background-color: #ad8d32;
}

.has-color-ci-alt-color {
color: #ad8d32;
}

.has-color-header-background-color {
background-color: #fff;
}

.has-color-header-color {
color: #fff;
}

.has-color-content-background-color {
background-color: #fff;
}

.has-color-content-color {
color: #fff;
}

.has-color-footer-background-color {
background-color: #fff;
}

.has-color-footer-color {
color: #fff;
}

.has-color-copytext-background-color {
background-color: #333;
}

.has-color-copytext-color {
color: #333;
}

.has-color-footertext-background-color {
background-color: #333;
}

.has-color-footertext-color {
color: #333;
}

.has-color-h1-background-color {
background-color: #ad8d32;
}

.has-color-h1-color {
color: #ad8d32;
}

.has-color-h2-h6-background-color {
background-color: #333;
}

.has-color-h2-h6-color {
color: #333;
}

.page-template-default:not(.no-sidebar) .alignfull,
.single-post:not(.no-sidebar) .alignfull {
transform: translate(calc((-100vw + 1135px) / 2 - 4rem));
width: calc(1135px - 4rem - (275px + 4rem) + ((100vw - 1135px) / 2));
}

.alignwide {
max-width: 1135px}

@media (min-width: calc(1135px + 30px)) {
.alignwide {
width: 100vw;
}

.page-template-default:not(.no-sidebar) .alignwide,
.single-post:not(.no-sidebar) .alignwide {
left: auto;
transform: translate(calc(-275px - 4rem));
width: calc(1135px - 4rem - 4rem);
}

.page-template-default.sidebar-left .alignwide,
.single-post.sidebar-left .alignwide {
transform: none;
}
}

.container,
.wp-block-group .wp-block-group__inner-container {
max-width: 1135px;
}

@media (min-width: 1135px) {
.wp-block-cover.alignfull,
.page-template-page-full .wp-block-cover.alignfull {
left: calc(((100vw - 1135px + 8rem) / 2) * -1);
}
}

.wp-block-cover-image h2,
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text {
max-width: 1135px;
}

@media (min-width: 840px) {
.page-template-page-full .entry-content,
.header > .nav-wrapper {
max-width: 1135px;
}
}

.single-post.no-sidebar .site-content {
max-width: 750px;
}

@media (min-width: 784px) {
.admin-bar .main-navigation {
top: 32px;
}
}

@media (min-width: 840px) {
.nav-open .fixed .mobile-menu-toggle {
left: 0;
}

.nav-open > .nav-right .fixed .mobile-menu-toggle {
right: 0;
}
}

@media (min-width: 840px) {
.mobile-menu-toggle,
.mobile-menu-toggle-inside {
display: none;
}

.nav-open .mobile-menu-toggle-inside {
display: block;
}

.main-navigation {
bottom: auto;
height: auto;
position: relative;
overflow: visible;
transition: none;
width: auto;
}

.main-navigation .nav-menu {
display: flex;
flex-direction: row;
flex-grow: 1;
}

.main-navigation .menu-item {
flex: none;
margin-bottom: 0;
position: relative;
text-decoration: none;
}

.main-navigation a {
display: flex;
line-height: 2.3;
padding-left: 4rem;
text-align: center;
}

.main-navigation .dropdown-toggle {
align-self: center;
height: auto;
line-height: 2.3;
margin-left: 5px;
position: static;
width: auto;
}

.main-navigation .sub-menu {
clip: rect(1px, 1px, 1px, 1px);
margin: 0;
padding: 0;
position: absolute;
top: 100%;
z-index: 1;
height: 1px;
width: 1px;
overflow: hidden;
}

.main-navigation .sub-menu a {
display: block;
text-align: left;
white-space: normal;
width: 250px;
}

.main-navigation .sub-menu .dropdown-toggle {
margin-left: 0;
padding: 10px 0;
position: absolute;
transform: rotate(90deg);
width: 4rem;
}

.main-navigation .sub-menu .sub-menu {
left: 100%;
top: 0;
}

.main-navigation .menu-item:active > .sub-menu,
.main-navigation .menu-item:focus > .sub-menu,
.main-navigation .menu-item:hover > .sub-menu,
.main-navigation a:active + .sub-menu,
.main-navigation a:focus + .sub-menu,
.main-navigation a:hover + .sub-menu {
clip: inherit;
display: block;
overflow: inherit;
height: inherit;
width: inherit;
z-index: 100;
}

.main-navigation .menu-item:focus-within > .sub-menu {
clip: inherit;
display: block;
overflow: inherit;
height: inherit;
width: inherit;
z-index: 100;
}

.nav-center .nav-menu {
justify-content: center;
}

.nav-flex .main-navigation .menu-item {
flex-grow: 1;
}

.nav-flex .main-navigation a {
justify-content: center;
}

.nav-right .nav-menu {
justify-content: flex-end;
}

.fixed > .main-navigation {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
}

.nav-wrapper .site-branding {
flex-shrink: 0;
}

.nav-wrapper .main-navigation {
align-self: center;
background-color: rgba(0, 0, 0, 0);
padding-right: 4rem;
}

.nav-wrapper .nav-menu {
flex-wrap: nowrap;
min-width: 0;
overflow: visible;
}

.nav-fixed-wrapper .main-navigation {
position: static;
}

.header .nav-wrapper .main-navigation {
height: auto;
width: auto;
}

body.mono .main-navigation .container {
padding-left: 4rem;
padding-right: 4rem;
}

.admin-bar .main-navigation {
top: 0;
}

.admin-bar .fixed .main-navigation {
top: 32px;
}
}

@media (min-width: 840px) {
#nav-blocker {
display: none;
}
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.btn,
.button,
.comment-edit-link,
.comment-reply-link,
.wp-block-button__link,
.wp-block-file__button {
background-color: #c6b058;
color: #000;
}

a.btn svg {
fill: #000;
}

.wp-block-column:first-child .rh-block-section-button .wp-block-button__link {
color: #c6b058;
}

.wp-block-column:first-child .rh-block-section-button .wp-block-button__link:active,
.wp-block-column:first-child .rh-block-section-button .wp-block-button__link:focus,
.wp-block-column:first-child .rh-block-section-button .wp-block-button__link:hover {
color: #ad8d32;
}

input[type="radio"]:checked + .radio::before {
background-color: #c6b058;
}

.main-navigation,
.main-navigation .sub-menu,
.mobile-menu-toggle {
background-color: #c6b058;
}

.post-navigation a {
background-color: #c6b058;
}

.widget_nav_menu .menu-item {
background-color: #c6b058;
}

input[type="radio"]:checked + .radio::before,
input[type="checkbox"]:checked + .checkbox::before {
border-color: #c6b058;
}

button:active,
button:focus,
button:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover,
.comment-edit-link:active,
.comment-edit-link:focus,
.comment-edit-link:hover,
.comment-reply-link:active,
.comment-reply-link:focus,
.comment-reply-link:hover,
.wp-block-button__link:active,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-file__button:active,
.wp-block-file__button:focus,
.wp-block-file__button:hover {
background-color: #ad8d32;
color: #000;
}

.main-navigation .menu-item {
border-color: #000;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
background-color: #ad8d32;
}

.main-navigation .sub-menu .menu-item:hover > a,
.main-navigation .sub-menu a:active,
.main-navigation .sub-menu a:focus,
.main-navigation .sub-menu a:hover {
background-color: #ad8d32;
}

.post-navigation a:hover {
background-color: #ad8d32;
}

.widget_nav_menu .current-menu-item,
.widget_nav_menu .current-menu-ancestor,
.widget_nav_menu .current_page_item,
.widget_nav_menu .current_page_ancestor {
background-color: #ad8d32;
}

.main-navigation .menu-item:hover > a,
.main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover {
background-color: #ad8d32;
color: #000;
}

.main-navigation .menu-item:focus-within > a {
background-color: #ad8d32;
color: #000;
}

.widget_nav_menu .menu-item:hover > a,
.widget_nav_menu a:active,
.widget_nav_menu a:focus,
.widget_nav_menu a:hover {
background-color: #ad8d32;
color: #000;
}

.widget_nav_menu .menu-item:focus-within > a {
background-color: #ad8d32;
color: #000;
}

.main-navigation a:focus {
outline: thin dotted #ad8d32;
}

.nav-wrapper .main-navigation .menu-item:hover > a,
.nav-wrapper .main-navigation a:active,
.nav-wrapper .main-navigation a:focus,
.nav-wrapper .main-navigation a:hover {
background-color: #c6b058;
}

.nav-wrapper .main-navigation .menu-item:focus-within > a {
background-color: #c6b058;
}

.nav-wrapper .main-navigation .current-menu-item > a,
.nav-wrapper .main-navigation .current-menu-ancestor > a,
.nav-wrapper .main-navigation .current_page_item > a,
.nav-wrapper .main-navigation .current_page_ancestor > a {
background-color: #ad8d32;
}

@media (min-width: 840px) {
.nav-wrapper .main-navigation .current-menu-item > a,
.nav-wrapper .main-navigation .current-menu-ancestor > a,
.nav-wrapper .main-navigation .current_page_item > a,
.nav-wrapper .main-navigation .current_page_ancestor > a {
background-color: #c6b058;
}
}

.nav-wrapper .main-navigation .sub-menu a:active,
.nav-wrapper .main-navigation .sub-menu a:focus,
.nav-wrapper .main-navigation .sub-menu a:hover {
background-color: #ad8d32;
}

.nav-wrapper .main-navigation .sub-menu .current-menu-item > a,
.nav-wrapper .main-navigation .sub-menu .current-menu-ancestor > a,
.nav-wrapper .main-navigation .sub-menu .current_page_item > a,
.nav-wrapper .main-navigation .sub-menu .current_page_ancestor > a {
background-color: #ad8d32;
}

.widget_nav_menu .menu-item:active,
.widget_nav_menu .menu-item:focus,
.widget_nav_menu .menu-item:hover {
background-color: #ad8d32;
}

a,
.is-style-benefit-list > li::before {
color: #c6b058;
}

a:active,
a:focus,
a:hover {
color: #ad8d32;
}

.header {
background-color: #fff;
}

.site-content,
.klaro .cookie-modal .cm-modal {
background-color: #fff;
}

.klaro .cm-footer-buttons {
box-shadow: 0 -6px 10px #fff;
}

.site-footer {
background-color: #fff;
}

.keyvisual {
height: 90vw;
}

.keyvisual-widgets,
.widget_nav_menu a {
color: #000;
}

.main-navigation a,
.mobile-menu-toggle,
.mobile-menu-toggle-inside {
color: #000;
}

.mobile-menu-toggle:active,
.mobile-menu-toggle:focus,
.mobile-menu-toggle:hover,
.mobile-menu-toggle-inside:active,
.mobile-menu-toggle-inside:focus,
.mobile-menu-toggle-inside:hover {
color: #000;
}


.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
color: #000;
}

body {
color: #333;
}

.comment-author a {
color: #333;
}

h1 {
color: #ad8d32;
}

h2,
h3,
h4,
h5,
h6 {
color: #333;
}

.site-description {
color: #000;
}

.site-footer,
.site-footer a {
color: #333;
}

#rh-branding {
height: calc(1.7 * 1rem);
}

.wp-block-image > figcaption {
line-height: 1.7;
}

/* CSS-Code ohne @media Query gilt für alle Geräte, für größere Bildschirme als Smartphones kann dies aufgehoben werden. Es handelt sich um den sogenannten Mobile-First Ansatz. Sauber umgesetzt, beschleunigt es den Seitenaufbau. */

/* Allgemein */
.page-template-page-full .site-content {
padding-bottom: 0;
}

.bg-white {
background-color: rgb(51, 51, 51);
color: rgb(255, 255, 255);
}

.bg-grey {
background: rgb(230, 230, 230);
padding: 2rem;
margin: 2rem;
}

.page-template-page-full .entry-content > .bg-grey:not(.alignfull):not(.alignwide) {
padding-left: 2rem;
padding-right: 2rem;
}

.wp-block-button__link {
border: 1px solid rgb(51, 51, 51);
text-transform: uppercase;
font-size: 18px;
padding: 1rem 2rem;
display: block;
}

.wp-block-button__link:hover {
background: rgb(51, 51, 51);
}

.but .wp-block-button__link {
border: 0;
text-transform: uppercase;
font-size: 18px;
padding: 1rem 5rem;
}

.but a:hover {
color: #fff;
}

.wp-block-rh-cta a:hover {
color: #fff;
}

.wp-block-group.alignfull .wp-block-group__inner-container {
max-width: 100%;
}

.wp-block-group.no-margin {
margin-bottom: 0;
}

.spacer {
height: 4vh;
}

h4.headline-two {
font-size: 18px;
margin-top: -2rem;
}

h2,
h3,
h4,
h5,
h6 {
letter-spacing: 2px;
}

/* Navigation */
#mobile-menu-toggle {
display: none;
}

/* Header */
#media_image-2 {
display: none;
}

#text-3 {
display: none;
}

.custom-logo {
background: #fff;
padding: 1rem;
margin: 0;
position: absolute;
left: 50%;
top: 1rem;
transform: translateX(-50%);
max-width: 163px;
}

#media_image-3 {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
background-color: rgba(0, 0, 0, .35);
padding-top: 2vh;
}

#media_image-3 img {
width: 80%;
}

/* Content */
h1.headline-one {
font-weight: bold;
text-transform: uppercase;
font-size: 4rem;
margin-bottom: 0;
}

h2.headline-two {
margin: 0 0 3rem;
letter-spacing: 2px;
font-size: 2rem;
}

#schraeges-bild {
background-image: url(/wp-content/uploads/sites/5200/2020/04/bg-image.jpg);
background-size: cover;
height: 300px;
background-position: center;
}

.polygon div#schraeges-bild {
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
margin-top: -3rem;
}

.polygon .wp-block-column:nth-child(2) {
padding-left: 2rem;
padding-right: 2rem;
margin-bottom: 3rem;
}

.wp-block-rh-cta .wp-block-group.alignfull {
background-color: #c6b058;
border: none;
letter-spacing: 2px;
font-size: 21px;
padding: 4rem 2rem;
}

.wp-block-rh-cta .wp-block-group.alignfull.polygon {
margin-top: -3rem;
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
}

label.label-checkbox,
label.label-radio,
label.radio,
label.checkbox {
font-size: 13px;
}

.wp-block-rh-cta {
padding: 0;
border: none;
}

/* Footer */
.contact h2 {
margin-top: 0;
}

.contact input,
.contact textarea,
.contact .label-checkbox::before {
border: 1px solid rgba(198, 176, 88, 0.58);
}

.contact input[type="checkbox"]:checked + .label-checkbox::before {
border-color: #c6b058;
}

/* Impressum */
.rh-imprint .keyvisual {
height: 22vh;
}

.rh-imprint h1 {
letter-spacing: 2px;
text-transform: uppercase;
}

.rh-imprint a:hover,
.rh-imprint a:focus,
.rh-imprint a:active {
color: #fff;
}

/* Danke */
.rh-success {
text-align: center;
}

.rh-success .keyvisual {
max-height: 500px;
background-position: center;
}

/* Für Inhalte, wenn es sich nicht mehr um ein Smartphone handelt: */
@media only screen and (min-width: 768px) {
.keyvisual {
height: 50vw;
}

#media_image-3 img {
width: 40%;
max-width: 220px;
}

.polygon img {
margin-top: -5rem;
}

.wp-block-rh-cta .wp-block-group.alignfull.polygon {
margin-top: -.5rem;
clip-path: none;
}
}

/* Für Inhalte ab Breakpoint für die Sidebar (ab da, wenn sie da ist): */
@media only screen and (min-width: 840px) {
.custom-logo {
max-width: 145px;
}

#text-3 {
display: block;
bottom: 9rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}

#text-3 h3 {
color: rgb(255, 255, 255);
}

.bg-grey {
padding: 2rem 2rem 0;
margin: 0;
}

.wp-block-button__link {
display: inline;
}

h1.headline-one {
font-size: 7rem;
}

h2.headline-two {
font-size: 3rem;
}

.bg-white {
height: 350px;
}

#schraeges-bild {
height: 400px;
background-position: -68px center;
}

.polygon {
clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}

.polygon img {
clip-path: none;
margin-top: 0;
}

.polygon .wp-block-column:nth-child(2) {
position: absolute;
top: 50%;
right: 0;
width: 50%;
transform: translateY(-50%);
padding: 0 8rem 0 2rem;
}

.wp-block-rh-cta .wp-block-group.alignfull {
padding: 9rem 12rem;
}

.wp-block-rh-cta .wp-block-group.alignfull.polygon {
margin-top: -4rem;
clip-path: polygon(0 10%, 100% 0, 100% 90%, 0% 100%);
}

.contact textarea {
min-height: 10.1rem;
height: 10.1rem;
}
}

/* Für Inhalte ab mindestens Breite von: Tablet (iPad) im Querformat */
@media only screen and (min-width: 1024px) {
body.mono .keyvisual .container {
max-width: 100%;
}

#media_image-3 {
text-align: right;
bottom: auto;
top: 0;
padding: 1vh 2vw;
background: rgba(0, 0, 0, 0);
}

#media_image-3 img {
width: 220px;
padding-top: 2vh;
}

.custom-logo {
z-index: 1;
}
}

/* Für Inhalte ab mindestens Breite von: Standardbreite des Inhalts + seitlichen Abstand von je 20 Pixel */
@media only screen and (min-width: 1135px) {
.keyvisual {
height: 100vh;
}

#media_image-2 {
display: block;
text-align: center;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
animation: bounce 2.5s infinite ease-in-out;
}

#media_image-2 img {
width: 40px;
}

#schraeges-bild {
background-position: center;
}
}

@media only screen and (min-width: 1600px) {
.bg-white {
height: 425px;
}

#schraeges-bild {
height: 500px;
}
}

@keyframes bounce {
0% {
bottom: 0;
}

50% {
bottom: 2vh;
}

100% {
bottom: 0;
}
}