@charset "UTF-8";

         body {
margin: 0; }  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; } audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0; } [hidden],
template {
display: none; }  a {
background-color: transparent; } a:active,
a:hover {
outline: 0; }  abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } h1 {
font-size: 2em;
margin: 0.67em 0; } mark {
background: #ff0;
color: #000; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }  img {
border: 0; } svg:not(:root) {
overflow: hidden; }  figure {
margin: 1em 40px; } hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; } pre {
overflow: auto; } code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default; } button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; } input {
line-height: normal; } input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0; padding: 0; } textarea {
overflow: auto; } optgroup {
font-weight: bold; }  table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }          @font-face {
font-family: 'PlayfairDisplay';
src: url(//roc.de/wp-content/themes/ROC2/fonts/PlayfairDisplay-Regular.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/PlayfairDisplay-Regular.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'PlayfairDisplay italic';
src: url(//roc.de/wp-content/themes/ROC2/fonts/PlayfairDisplay-Italic.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/PlayfairDisplay-Italic.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Amsi Pro';
src: url(//roc.de/wp-content/themes/ROC2/fonts/amsipro-regular-webfont.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/amsipro-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Amsi Pro bold';
src: url(//roc.de/wp-content/themes/ROC2/fonts/amsipro-bold-webfont.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/amsipro-bold-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Verb condensed light';
src: url(//roc.de/wp-content/themes/ROC2/fonts/verbcond-light-webfont.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/verbcond-light-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Verb condensed';
src: url(//roc.de/wp-content/themes/ROC2/fonts/verbcond-regular-webfont.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/verbcond-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Verb condensed semibold';
src: url(//roc.de/wp-content/themes/ROC2/fonts/verbcond-semibold-webfont.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/verbcond-semibold-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Roboto';
src: url(//roc.de/wp-content/themes/ROC2/fonts/roboto-regular-webfont.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/roboto-regular-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Roboto semibold';
src: url(//roc.de/wp-content/themes/ROC2/fonts/roboto-medium-webfont.woff2) format("woff2"), url(//roc.de/wp-content/themes/ROC2/fonts/roboto-medium-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
color: #4c4d49;
line-height: 1.4;
font-family: 'Verb condensed', sans-serif;
font-size: 114%; }
h1, h2, h3, h4, h5, h6 {
color: #002d55;
font-family: 'Roboto';
font-weight: normal;
letter-spacing: -0.015em;
margin-top: 0; }
h1 {
font-size: 2.4em;  line-height: 1.2em;
margin: 0 0 .75em 0; }
@media (max-width: 760px) {
h1 {
font-size: 1.8em; } }
h2 {
font-size: 2em; line-height: 1.1;
margin: 0 0 .5em 0; }
@media (max-width: 1100px) {
h2 {
font-size: 1.6em; } }
.widget h2 {
display: none; }
.sc-box h2 {
font-size: 120%;
margin: 0 0 0.1em 0;
padding: 0; -webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
h3 {
font-size: 160%;
line-height: 1.1;
margin: 0 0 .7em 0; }
@media (max-width: 1100px) {
h3 {
font-size: 1.25em; } }
.su-box-content h3 {
font-family: 'Verb condensed semibold';
margin: 0 0 0.6em 0 !important;
text-transform: uppercase; }
h4 {
font-size: 120%;
line-height: 1.4em;
margin: 0 0 1.25em 0; }
.featured-box h4 {
margin: 0 0 0.5em; }
h5 {
font-size: 110%;
margin-bottom: 12px;
line-height: 1.1em;
letter-spacing: -0.01em;
text-transform: none;
margin: 0 0 1.2em 0; }
h6 {
font-size: 102%;
font-weight: 700;
line-height: 1.1em;
margin: 0.4em 0 0.6em 0;
text-transform: none; }
p {
margin: 0 0 1.2em 0; }
@media (max-width: 760px) {
.content-column p {
hyphens: auto; } }
.start-profiles,
.content-column p,
.wp-block-columns p {
hyphens: auto; }
.roofline {
color: #80796c !important;
font-family: 'Verb condensed', sans-serif !important;
font-style: normal;
font-size: 80%;
font-weight: bold !important;
text-transform: uppercase !important;
margin-bottom: 10px;
letter-spacing: 0.14em; }
.roofline a {
letter-spacing: 0.14;
text-decoration: none; }
.roofline a:hover {
text-decoration: underline; }
.sc-box-inner p {
margin-bottom: 0.8em; }
a {
color: #002d55;
text-decoration: underline; }
a:hover, a:focus, a:active {
color: #002d55;
text-decoration: underline; }
.sc-box a, .sc-box a:hover,
a.leistung-link {
text-decoration: none !important; }
a.su_box-button {
border: 1px solid #fff;
margin-bottom: 20px;
padding: 10px 30px;
text-decoration: none; }
@media (max-width: 760px) {
a.su_box-button {
width: 100%;
margin-bottom: 20px; } }
a.su_box-button:hover {
background: #fff;
color: #4c4d49 !important;
text-decoration: none; }
a.no-td,
h3 a:hover {
text-decoration: none; } #lang_switch a {
color: #e2ded4;
text-decoration: none;
padding: 0 2px;
line-height: 1em; }
#lang_switch a:hover, #lang_switch a:focus, #lang_switch a:active {
text-decoration: none;
color: #fff; }
.sc-box-inner-text a:active, .sc-box-inner-text a:focus, .sc-box-inner-text a:hover, .sc-box-inner-text h2:hover {
color: #bea163; }
.su-spoiler-content a {
color: #bea163; }
.su-spoiler-content a:active, .su-spoiler-content a:focus, .su-spoiler-content a:hover, .su-spoiler-content h2:hover {
color: #bea163; }
p.backbutton {
padding-top: 100px; }
p.smallerbm {
margin-bottom: 2px !important; }
.otv-button {
background: #4399c1;
position: absolute;
right: -50px;
top: -180px;
width: 160px;
height: 160px;
border-radius: 80px;
display: table; }
@media (max-width: 1180px) {
.otv-button {
right: 10px;
top: -120px; } }
@media (max-width: 480px) {
.otv-button {
right: 60px;
top: -170px; } }
.otv-button a {
background-color: transparent !important;
border-radius: 80px;
display: table-cell;
vertical-align: middle; }
.otv-button a:active, .otv-button a:focus, .otv-button a:hover {
background-color: transparent !important;
text-decoration: none !important; }
.aagb__accordion_title {
color: #4c4d49 !important; }
.otv-button:hover {
background: #25769b; }
blockquote {
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
font-style: italic;
font-size: 120%;
margin-bottom: 30px; }
blockquote p {
margin-bottom: .1em; }
cite {
color: #878787;
font-family: 'Amsi Pro';
font-size: 70%;
font-style: normal; }
hr, hr.wp-block-separator {
border-bottom: none;
border-top: 1px solid #BCBCBC;
margin-bottom: 30px; }
figcaption, .figcaption, caption, .caption {
font-size: 84%;
color: #6F6F6F; }
.nowrap {
white-space: nowrap; }
.post-date {
font-size: 90%;
font-style: italic;
margin-bottom: 20px;
padding-top: 25px; }
small, .has-small-font-size {
font-size: 75% !important; }
footer * {
color: rgba(255, 255, 255, 0.5);
font-size: 97%; }
footer a {
text-decoration: none; }
footer a:hover, footer a:focus, footer a:active {
color: #fff;
text-decoration: underline; }
#start-headline {
text-align: center;
color: #fff;
margin: -100px 0 34px 0; }
@media (max-width: 1100px) {
#start-headline {
margin: -230px 0 34px; } }
#start-headline h1 {
color: #fff;
font-size: 30pt;
letter-spacing: -0.03em;
margin-bottom: 6px;
line-height: 1.1; }
p.slideshow-subline {
font-style: italic;
letter-spacing: 0.05em;
line-height: 1; }
.subline-allcaps {
font-size: 70%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-top: 10px; }
#kontaktzeile {
font-size: 11px;
margin: -6px 0 0 0;
color: #7e7c72; }
.bullet-list-item * {
line-height: 1.2; }
::-webkit-input-placeholder {
color: #67675f;
font-style: italic; }
:-moz-placeholder { color: #67675f;
font-style: italic; }
::-moz-placeholder { color: #67675f;
font-style: italic; }
:-ms-input-placeholder {
color: #67675f;
font-style: italic; }
.four-o-four {
font-size: 280px;
font-weight: bold;
letter-spacing: -0.1em;
margin-bottom: 0;
line-height: 0.9; }
.four-o-four-roofline {
color: #aeaaaa;
font-size: 8px;
letter-spacing: 0.8em;
text-transform: uppercase; }
.caption {
font-size: 90%;
color: #4a4a4a; }
@media (max-width: 760px) {
.sc-box-inner-text strong {
font-weight: normal !important;
letter-spacing: -0.02em !important; } }
.fa {
border-radius: 14px;
height: 28px;
text-align: center;
width: 28px; }
.fa-phone {
background: #c3950b;
color: #e2c054;
font-size: 22px !important;
line-height: 1.35 !important; }
.fa-bicycle {
background: #c3950b;
color: #e2c054;
font-size: 18px !important;
line-height: 1.5 !important; }
.fa-globe {
background: #e2c054;
color: #c3950b;
font-size: 31px !important;
line-height: 0.95 !important; }
.fa-websitesteps {
background: none !important;
color: #87857b;
font-size: 100px !important;
height: 100px;
margin: 0 0 8px 18px;
text-align: center; }
#searchform input[type=text] {
padding: 16px 12px 15px !important; }
.wpforms-form input[type=text],
.wpforms-form input[type=textarea],
.wpforms-form input[type=number],
.wpforms-form input[type=email],
.wpforms-form input[type=password],
.wpforms-form .wpcf7-text, .wpforms-form .wpcf7-textarea {
background: #f8f8f8 !important;
padding: 14px 10px !important; }
.wpforms-form input[type=text],
.wpforms-form input[type=number],
.wpforms-form input[type=email],
.wpforms-form input[type=password],
.wpforms-form .wpcf7-text, .wpforms-form .wpcf7-textarea {
height: 50px !important; }
.breadcrumb-nav-container {
color: #999;
letter-spacing: .03em;
margin-bottom: 26px;
text-transform: uppercase;
font-size: 80%; }
@media (max-width: 480px) {
.breadcrumb-nav-container {
font-size: 62%; } }
.breadcrumb-nav-container a {
text-decoration: none; }
.breadcrumb-nav-container span {
margin: 0 3px; }
.breadcrumb-nav-container .home {
background: url(//roc.de/wp-content/themes/ROC2/images/home-icon.svg) top left no-repeat;
background-size: 20px;
padding-left: 23px; }
.dark {
color: rgba(255, 255, 255, 0.71); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
color: rgba(255, 255, 255, 0.85); }
#vorteile b {
font-size: 1.4em;
color: #fff; }
button:not(.show), .button, .btn, .gb-button, .wpcf7-submit, button.wpforms-submit, .button_p > a,
.wp-block-button__link, input#searchsubmit {
background: #002d55 !important;
border: 1px solid #002d55 !important;
color: #fff !important;
border-radius: 0 !important;
font-size: 85% !important; letter-spacing: .1em;
margin: 10px 10px !important;
min-width: 220px;
padding: 18px 30px !important;
text-decoration: none !important;
text-transform: uppercase !important;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; }
button:not(.show):hover, .button:hover, .btn:hover, .gb-button:hover,
.wpcf7-submit:active, .wpcf7-submit:hover, .wpcf7-submit:focus,
button.wpforms-submit:active, button.wpforms-submit:hover, button.wpforms-submit:focus,
.button_p > a:hover,
.wp-block-button__link:hover, input#searchsubmit:hover {
background: none !important;
border: 1px solid #d3ccbd !important;
color: #4c4d49 !important;
text-decoration: none !important; }
.cmplz-btn {
background: #fff; }
.button_p > a {
display: block; }
.sb-btn {
background: #b1b0a7;
margin-bottom: 14px;
padding: 3px; }
.sb-btn:hover {
background: #deab13;
color: #fff; }
.sb-btn-text {
color: #eeede9;
font-weight: bold;
letter-spacing: -0.02em;
line-height: 40px; } body.ortho h1, body.ortho h2, body.ortho h3, body.ortho h4, body.ortho h5, body.ortho h6 {
color: #72cbf4; }
body.ortho a {
color: #72cbf4;
text-decoration: underline; }
body.ortho a:hover {
color: #004b7e; }
body.ortho .btn-derma,
body.ortho button:hover, body.ortho .button:hover, body.ortho .btn:hover, body.ortho .gb-button:hover,
body.ortho .wpcf7-submit:active, body.ortho .wpcf7-submit:hover, body.ortho .wpcf7-submit:focus,
body.ortho button.wpforms-submit:active, body.ortho button.wpforms-submit:hover, body.ortho button.wpforms-submit:focus,
body.ortho .button_p > a:hover,
body.ortho .wp-block-button__link:hover {
background: #72cbf4;
border: 1px solid #72cbf4; text-decoration: none !important; }
body.ortho .breadcrumb-nav-container .home {
background: url(//roc.de/wp-content/themes/ROC2/images/home-icon-ortho.svg) top left no-repeat;
padding-left: 28px; }
body.vital h1, body.vital h2, body.vital h3, body.vital h4, body.vital h5, body.vital h6 {
color: #761b56;
font-family: 'PlayfairDisplay'; }
body.vital a {
color: #761b56;
text-decoration: underline; }
body.vital a:hover {
color: #530638; }
body.vital .btn-vital,
body.vital button:not(.show), body.vital .button, body.vital .btn, body.vital .gb-button,
body.vital .wpcf7-submit:active, body.vital .wpcf7-submit, body.vital .wpcf7-submit:focus,
body.vital button.wpforms-submit:active, body.vital button.wpforms-submit, body.vital button.wpforms-submit:focus,
body.vital .button_p > a,
body.vital .wp-block-button__link {
background: #761b56 !important;
border: 1px solid #761b56 !important;
color: #fff !important;
text-decoration: none !important; }
body.vital button:not(.show):hover, body.vital .button:hover, body.vital .btn:hover, body.vital .gb-button:hover,
body.vital .wpcf7-submit:active, body.vital .wpcf7-submit:hover, body.vital .wpcf7-submit:focus,
body.vital button.wpforms-submit:active, body.vital button.wpforms-submit:hover, body.vital button.wpforms-submit:focus,
body.vital .button_p > a:hover,
body.vital .wp-block-button__link:hover, body.vital input#searchsubmit:hover {
background: none !important;
border: 1px solid #d3ccbd !important;
color: #4c4d49 !important;
text-decoration: none !important; }
body.vital .breadcrumb-nav-container .home {
background: url(//roc.de/wp-content/themes/ROC2/images/home-icon-vital.svg) top left no-repeat;
padding-left: 28px; }
.btn-vital .wp-block-button__link {
background: #761b56 !important;
border: 1px solid #761b56 !important;
color: #fff !important;
text-decoration: none !important; }
.btn-vital .wp-block-button__link:hover {
background: none !important;
border: 1px solid #d3ccbd !important;
color: #4c4d49 !important;
text-decoration: none !important; }
body.derma h1, body.derma h2, body.derma h3, body.derma h4, body.derma h5, body.derma h6 {
color: #f18d84; }
body.derma a {
color: #f18d84;
text-decoration: underline; }
body.derma a:hover {
color: #bc5248; }
body.derma button:not(.show), body.derma .button, body.derma .btn, body.derma .gb-button,
body.derma .wpcf7-submit:active, body.derma .wpcf7-submit, body.derma .wpcf7-submit:focus,
body.derma button.wpforms-submit:active, body.derma button.wpforms-submit, body.derma button.wpforms-submit:focus,
body.derma .button_p > a,
body.derma .wp-block-button__link {
background: #f18d84 !important;
border: 1px solid #f18d84 !important;
color: #fff !important;
text-decoration: none !important; }
body.derma button:not(.show):hover, body.derma .button:hover, body.derma .btn:hover, body.derma .gb-button:hover,
body.derma .wpcf7-submit:active, body.derma .wpcf7-submit:hover, body.derma .wpcf7-submit:focus,
body.derma button.wpforms-submit:active, body.derma button.wpforms-submit:hover, body.derma button.wpforms-submit:focus,
body.derma .button_p > a:hover,
body.derma .wp-block-button__link:hover, body.derma input#searchsubmit:hover {
background: none !important;
border: 1px solid #d3ccbd !important;
color: #4c4d49 !important;
text-decoration: none !important; }
body.derma .breadcrumb-nav-container .home {
background: url(//roc.de/wp-content/themes/ROC2/images/home-icon-derma.svg) top left no-repeat;
padding-left: 28px; }
.btn-derma .wp-block-button__link {
background: #f18d84 !important;
border: 1px solid #f18d84 !important;
color: #fff !important;
text-decoration: none !important; }
.btn-derma .wp-block-button__link:hover {
background: none !important;
border: 1px solid #d3ccbd !important;
color: #4c4d49 !important;
text-decoration: none !important; }
button.wp-block-search__button, input#searchsubmit {
background: #fff url(//roc.de/wp-content/themes/ROC2/images/lupe.svg) center center no-repeat !important;
background-size: 60% !important;
border: none !important;
height: 45px !important;
margin: 0 0 0 10px !important;
min-width: 40px !important;
padding: 0 !important;
text-indent: -9999px;
width: 30px !important; }
button.wp-block-search__button:hover, input#searchsubmit:hover {
background-color: #fff !important;
background: #fff url(//roc.de/wp-content/themes/ROC2/images/lupe.svg) center center no-repeat !important;
background-size: 75% !important;
border: none !important; } .wpcf7 .wpcf7-response-output,
.wpcf7-response-output {
border: none !important;
background: #efefef !important;
padding: 40px !important;
text-align: center;
box-sizing: border-box; }
.wpcf7 form.sent .wpcf7-response-output {
border: none;
padding: 40px 10px 40px 100px !important;
box-sizing: border-box;
background: #efefef url(//roc.de/wp-content/themes/ROC2/images/check.svg) top 25px left 25px no-repeat !important;
background-size: 50px !important; }   #hNav {
z-index: 12;   }
@media (max-width: 1100px) {
#hNav {
display: none; } }
@media (max-width: 760px) {
#hNav { } }
#hNav ul.menu {
*zoom: 1;
list-style: none;
margin: 0;
padding: 0;
text-align: center; }
@media (max-width: 1100px) {
#hNav ul.menu {
text-align: center; } }
#hNav ul:before, #hNav ul:after {
content: "";
display: table; }
#hNav ul:after {
clear: both; }
#hNav ul.menu > li {
border-bottom: 1px solid rgba(255, 255, 255, 0);
display: inline-block;
list-style: none;
margin-bottom: 0;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
#hNav ul.menu > li > a {
color: #002d55;
padding: 10px 14px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: max-height 500ms ease;
-moz-transition: max-height 500ms ease;
-o-transition: max-height 500ms ease;
transition: max-height 500ms ease; }
#hNav ul > li > a:hover {
color: #0e426f; }
#hNav ul > li.menu-item-has-children > a {
padding-right: 28px; }
#hNav ul > li.menu-item-weglot > a,
#hNav ul > li.weglot-parent-menu-item > a {
font-size: 82%;
padding-left: 40px; }
#hNav ul > li.menu-item-weglot ul.sub-menu,
#hNav ul > li.weglot-parent-menu-item ul.sub-menu {
left: 9px !important; }
#hNav ul > li.menu-item-has-children > a::after {
content: '';
background: url(//roc.de/wp-content/themes/ROC2/images/menu-item-dropdown-arrow-grey.svg) bottom right no-repeat;
background-size: contain;
bottom: 6px;
height: 18px;
opacity: .75;
position: absolute;
transform: rotate(-90deg) translate(-5px, -1px);
width: 16px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
#hNav ul > li.menu-item-has-children > a:hover::after,
#hNav ul > li.menu-item-has-children:hover > a::after {
opacity: 1;
transform: rotate(0deg) translate(0, 0); }
#hNav ul > li.menu-item-has-children.current-menu-item > a:hover, #hNav ul > li.menu-item-has-children.current-menu-item:hover > a { padding-bottom: 9px; }
ul.menu > li:last-of-type a {
padding-left: 0 !important; }
header.smaller ul.menu > li > a {
color: rgba(255, 255, 255, 0.7) !important; }
header.smaller ul.menu > li > a:hover {
color: white !important; }
header.smaller #hNav ul > li.menu-item-has-children > a::after { background: url(//roc.de/wp-content/themes/ROC2/images/menu-item-dropdown-arrow.svg) bottom right no-repeat; opacity: .4; }
header.smaller #hNav ul > li.menu-item-has-children > a:hover::after,
header.smaller #hNav ul > li.menu-item-has-children:hover > a::after { transform: rotate(0deg) translate(0, 0); }  li.weglot-flags a::before {
margin-top: -9px !important; }
li.weglot-flags a {
font-size: 90% !important; }
li.menu-item-weglot-6784-de a,
li.menu-item-weglot-6784-en a,
li.menu-item-weglot-6779-de a,
li.menu-item-weglot-6779-en a {
display: none; }
@media (max-width: 1100px) {
li.menu-item-weglot-6784-de a,
li.menu-item-weglot-6784-en a,
li.menu-item-weglot-6779-de a,
li.menu-item-weglot-6779-en a {
display: block; } }
li.menu-item-weglot-6794-de,
li.menu-item-weglot-6794-en,
li.menu-item-weglot-6778-de,
li.menu-item-weglot-6778-en {
display: block; }
@media (max-width: 1100px) {
li.menu-item-weglot-6794-de,
li.menu-item-weglot-6794-en,
li.menu-item-weglot-6778-de,
li.menu-item-weglot-6778-en {
display: none; } }
.weglot-flags.flag-3.de > a::before, .weglot-flags.flag-3.de > span::before,
.weglot-flags.flag-3.en > a::before, .weglot-flags.flag-3.en > span::before {
width: 20px !important; }
.weglot-flags.flag-3 a::before, .weglot-flags.flag-3 span::before {
width: 20px !important;
height: 20px !important;
-webkit-background-size: auto 20px !important;
background-size: auto 20px !important; } ul.sub-menu { margin: 0 !important;
max-width: 400px;
padding: 0 !important;
text-align: left;
white-space: nowrap;
width: auto;
z-index: 1; }
@media (min-width: 1101px) {
ul.sub-menu {
left: -20px;
padding: 0 !important;
position: absolute;
top: 43px; } }
@media (max-width: 1100px) {
ul.sub-menu {
background: none;
max-height: 1000px;
padding: 0;
position: static;
text-align: left; } }
ul.sub-menu li {
border-left: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
-webkit-transition: opacity 300ms, max-height 1000ms ease-out;
-moz-transition: opacity 300ms, max-height 1000ms ease-out;
-o-transition: opacity 300ms, max-height 1000ms ease-out;
transition: opacity 300ms, max-height 1000ms ease-out; }
@media (min-width: 1101px) {
ul.sub-menu li { background-color: #002d55;
max-height: 0;
opacity: 0; } }
ul.sub-menu li a { color: white; display: block;
padding: 6px 40px 5px 34px;
position: relative;
text-decoration: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
ul.sub-menu li a:hover { color: rgba(255, 255, 255, 0.6) !important; }
ul.sub-menu li.image-menu-item-vital a {
background: url(//roc.de/wp-content/themes/ROC2/images/ROC-VITAL-Logo.svg);
background-position: top 22px left 34px;
background-repeat: no-repeat;
background-size: 65%;
height: 70px;
text-indent: -99999px; }
@media (min-width: 1101px) {
ul.sub-menu li:first-of-type a {
padding-top: 30px; } }
ul.sub-menu li:last-of-type a {
padding-bottom: 30px; }    ul.menu > li:hover ul li {
max-height: 350px;
opacity: 1; }  .menuTrigger {
cursor: pointer;
display: none;
height: 32px;
opacity: 0.8;
position: absolute;
right: 30px;
top: 36px;
width: 36px;
z-index: 104;
vertical-align: middle;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
@media (max-width: 1100px) {
.menuTrigger {
display: block; } }
@media (max-width: 480px) {
.menuTrigger {
right: 21px;
top: 20px; } }
.menuTrigger:hover {
opacity: 1; }
.menuTrigger.closed {
background: url(//roc.de/wp-content/themes/ROC2/images/nav-icon.png);
background: url(//roc.de/wp-content/themes/ROC2/images/nav-icon.svg), none;
background-repeat: no-repeat;
background-size: 40px 40px; }
.menuTrigger.open {
background: url(//roc.de/wp-content/themes/ROC2/images/nav-icon-close.png);
background: url(//roc.de/wp-content/themes/ROC2/images/nav-icon-close.svg), none;
background-position: right 4px top 3px;
background-repeat: no-repeat;
background-size: 26px; }
header.smaller .menuTrigger {
top: 10px; }
ul.menu {
margin: 0 !important; } .sub-nav-button {
color: #7A7A7A;
cursor: pointer;
font-size: 28px;
line-height: 1;
position: absolute;
top: 24px;
right: 24px;
padding: 8px 8px 0 8px;
-moz-border-radius: 4px;
border-radius: 4px;
z-index: 13; }
.sub-nav-button:hover {
background: #e3e3df; }
.sub-nav-list {
background-color: #002d55; height: 100vh;
padding: 10px 0;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
overflow-y: scroll;
max-width: 320px;
z-index: 102;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
@media (max-width: 480px) {
.sub-nav-list {
max-width: 100%;
width: 100%; } }
.sub-nav-list li.weglot-flags a {
border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.sub-nav-list ul { }
.sub-nav-list ul li#menu-item-3915 {
display: none; }
.sub-nav-list ul li:last-of-type a {
padding-bottom: 30px !important; }
.sub-nav-list ul li.menu-item-has-children > a {
padding: 22px 30px 14px 40px !important; }
.sub-nav-list ul li {
list-style: none;
margin: 0; }
.sub-nav-list ul li a {
color: rgba(255, 255, 255, 0.9); font-size: 24px;
text-transform: uppercase;
text-decoration: none;
display: block;
padding: 30px 40px;
line-height: 1.1em; }
.sub-nav-list ul li a:hover,
.sub-nav-list ul li a:focus,
.sub-nav-list ul li a:active {
background: #001e39;
color: #fff !important; }
.sub-nav-list ul li#menu-item-3946,
.sub-nav-list ul li#menu-item-8289,
.sub-nav-list ul li#menu-item-3914 {
border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.sub-nav-list ul .sub-menu a {
background: none;
color: rgba(255, 255, 255, 0.6);
font-size: 90%;
padding: 8px 30px 8px 60px;
text-transform: none; }
.sub-nav-list ul .sub-menu li:last-of-type > a {
border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.sub-nav-list.list-closed {
top: 25px;
right: -600px; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;  }
@media (max-width: 1100px) {
.sub-nav-list.list-closed {
top: 0px; } }
.sub-nav-list.list-open {
right: 18px;
top: 25px;
-webkit-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
-moz-box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
box-shadow: -1px 10px 20px 4px rgba(58, 57, 44, 0.2);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 100%; }
.sub-nav-list.list-open ul li a {
opacity: 1; }
@media (max-width: 1100px) {
.sub-nav-list.list-open {
right: 0;
top: 0; } }
@media (max-width: 760px) {
.sub-nav-list.list-open {
width: 100%; } }
header.smaller .sub-nav-list {
top: 60px !important;
padding: 20px 0 60px !important; }  @media screen {
html {
height: 100%;
scroll-behavior: smooth; } }
@media screen and (max-width: 1100px) {
html {
max-width: 100%; } }
@media screen {
body {
height: 100%;
max-width: 100%;
overflow-x: hidden;
position: relative;
width: 100%; }
.mobile {
display: none; } }
@media screen and (max-width: 1100px) {
.mobile {
display: block; } }
@media screen {
.desktop {
display: block; } }
@media screen and (max-width: 1100px) {
.desktop {
display: none; } }
@media screen {
#top {
position: relative; }
.banner-widget {
background: #002d55;
box-sizing: border-box;
color: #fff;
font-family: 'Amsi Pro'; left: -126px;
top: 90px;
transform: rotate(-40deg);
-moz-transform: rotate(-40deg);
-webkit-transform: rotate(-40deg);
position: absolute;
width: 550px;
text-align: center;
padding: 20px 0;
line-height: 1.2;
font-size: 120%;
z-index: 88; } }
@media screen and (max-width: 1400px) {
.banner-widget {
left: -140px;
top: 80px; } }
@media screen and (max-width: 1100px) {
.banner-widget {
left: -150px;
top: 50px;
transform: rotate(-42deg);
-moz-transform: rotate(-42deg);
-webkit-transform: rotate(-42deg);
padding: 10px 0;
font-size: 110%; } }
@media screen and (max-width: 970px) {
.banner-widget {
top: 90px; } }
@media screen and (max-width: 760px) {
.banner-widget { top: 80px;
font-size: 100%; } }
@media screen and (max-width: 480px) {
.banner-widget {
display: none; } }
@media screen {
.sps-widget {
background: #761b56;
background-repeat: no-repeat;
background-position: top 18px right 40px;
background-size: 60px;
box-sizing: border-box;
color: #002d55;
font-family: 'Amsi Pro';
font-size: 94%;
left: 0;
top: 50vh;
position: absolute;
width: 450px;
z-index: 99;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;  }
.sps-widget h3 {
color: #fff;
font-family: 'Amsi Pro bold';
font-size: 200%;
font-weight: 700;
margin-bottom: 0.25em !important; }
.sps-widget p {
line-height: 1.2; } }
@media screen and (max-width: 760px) {
.sps-widget {
width: 100%; } }
@media screen and (max-width: 480px) {
.sps-widget {
top: 56vh; } }
@media screen and (max-width: 720px) and (orientation: landscape) {
.sps-widget {
display: none; } }
@media screen {
.sps-widget.hidden {
left: -500px; }
.sps-widget-inner {
box-sizing: border-box;
height: 100%;
padding: 30px 40px 20px;
position: relative;
width: 100%; } }
@media screen and (max-width: 480px) {
.sps-widget-inner {
padding: 20px 10px 10px; } }
@media screen {
.sps-widget-closebtn {
content: url(//roc.de/wp-content/themes/ROC2/images/close-btn.svg);
cursor: pointer;
height: 13px;
position: absolute;
right: 10px;
top: 10px;
width: 13px; }
#wrapper {
box-sizing: border-box;
min-height: 100%; overflow: hidden;
position: relative; }
.header-button {
background: #857451;
box-sizing: border-box;
border-radius: 60px;
bottom: 80px;
color: #fff; height: 120px;
line-height: 1.2;
padding: 40px 10px;
position: absolute;
right: 80px;
text-align: center;
text-transform: uppercase;
transform: rotate(7deg);
width: 120px;
z-index: 90; }
.header-button a {
color: #fff;
text-decoration: none; }
header {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8000000', endColorstr='#00000000',GradientType=0 );
box-sizing: border-box;
top: 0;
left: 0; position: fixed;
width: 100%;
z-index: 100;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1100px) {
header {  } }
@media screen and (max-width: 760px) {
header {
height: 200px; } }
@media screen and (max-width: 480px) {
header {
height: 140px; } }
@media screen {
#header-box {
margin: 0 auto; padding: 50px 0 70px;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transition-timing-function: ease-out; } }
@media screen and (max-width: 1100px) {
#header-box {
padding: 0; } }
@media screen {
#brand {
background: url(//roc.de/wp-content/themes/ROC2/images/ROC-Logo.svg) no-repeat;
background-position: top left;
background-size: 100%;
height: 260px;
left: calc(50% - 210px);
position: absolute;
top: 16vh;
width: 420px;
z-index: 11;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transition-timing-function: ease-out; } }
@media screen and (min-width: 1980px) {
#brand {
height: 300px;
left: calc(50% - 280px);
width: 560px; } }
@media screen and (min-width: 1940px) {
#brand {
height: 300px;
left: calc(50% - 240px);
width: 480px; } }
@media screen and (max-width: 1100px) {
#brand {
top: 9vh; } }
@media screen and (max-width: 760px) {
#brand {
left: calc(50% - 160px);
top: 6vh;
width: 320px; } }
@media screen and (max-width: 480px) {
#brand {
height: 120px;
left: calc(50% - 120px);
width: 240px; } }
@media screen and (max-width: 720px) and (orientation: landscape) {
#brand {
height: 200px;
left: calc(50% - 150px);
width: 300px; } }
@media screen {
#brand .logo {
background: url(//roc.de/wp-content/themes/ROC2/images/Logo.png) no-repeat;
background: url(//roc.de/wp-content/themes/ROC2/images/Logo.svg) no-repeat;
background-position: top left;
background-size: 100%;
height: 300px;
position: relative;
width: 600px; } }
@media screen and (max-width: 480px) {
#brand .logo {
height: 174px;
width: 280px; } }
@media screen and (max-width: 720px) and (orientation: landscape) {
#brand .logo {
height: 200px;
width: 300px; } }
@media screen {
#brand .logo.logo-en {
background: url(//roc.de/wp-content/themes/ROC2/images/ROC_logo_F_EN.png) no-repeat;
background: url(//roc.de/wp-content/themes/ROC2/images/ROC_logo_F_EN.svg) no-repeat !important; }
#brand img {
width: 100%;
height: auto;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.page #brand {
display: none; }
.blog #brand {
top: 100px; } }
@media screen and (max-width: 760px) {
.blog #brand {
top: 60px; } }
@media screen { #hs-logo {
height: 50px;
left: 30px;
opacity: 0;
position: absolute;
top: 14px;
width: 66px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
transition-delay: 0.25s; }
#hs-logo img {
height: auto;
width: 100%; } }
@media screen and (max-width: 1100px) {
#hs-logo {
left: 20px;
top: -10px; } }
@media screen and (max-width: 760px) {
#hs-logo {
left: 14px;
top: 14px; } }
@media screen {
.page #hs-logo {
left: 40px;
opacity: 1;
top: 44px;
width: 80px;
transition-delay: 0s; } }
@media screen and (max-width: 1100px) {
.page #hs-logo {
top: 0;
left: 20px; } }
@media screen and (max-width: 970px) {
.page #hs-logo {
top: 20px; } }
@media screen and (max-width: 760px) {
.page #hs-logo {
top: 40px; } }
@media screen and (max-width: 480px) {
.page #hs-logo {
left: 14px;
top: 14px; } }
@media screen {
header.smaller {
height: 60px;
background: #002d55; } }
@media screen and (max-width: 1100px) {
header.smaller {
height: 60px;
width: 100%; } }
@media screen {
header.smaller #header-box {
padding: 16px 0 0; } }
@media screen and (max-width: 1100px) {
header.smaller #header-box {
padding: 0; } }
@media screen {
header.smaller #brand {
opacity: 0;
pointer-events: none;
top: 10vh; } }
@media screen and (max-width: 760px) {
header.smaller #brand {
top: 11px; } }
@media screen {
header.smaller #hs-logo {
opacity: 1;
left: 20px;
opacity: 1;
top: 13px;  } }
@media screen and (max-width: 760px) {
header.smaller #hs-logo {
left: 12pxpx;
top: 14px; } }
@media screen {  }
@media screen and (max-width: 1100px) {
.page header.smaller #hs-logo {
top: -11px; } }
@media screen and (max-width: 970px) {
.page header.smaller #hs-logo {
top: 8px; } }
@media screen {
.blog header.smaller #brand {
top: 1vh; }
.nologo #brand {
display: none; }
.social { height: 36px;
position: absolute;
top: 60px;
right: 80px;
width: 36px;
z-index: 999;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (min-width: 1980px) {
.social {
height: 40px;
width: 40px; } }
@media screen and (max-width: 1400px) {
.social {
top: 100px; } }
@media screen and (max-width: 1100px) {
.social { right: 30px;
top: 90px; } }
@media screen and (max-width: 480px) {
.social {
right: 21px;
top: 110px; } }
@media screen {
.social a {
display: block;
height: 36px;
float: left;
margin: 0 0 18px 0; opacity: .7;
text-indent: -9999px;
width: 36px; } }
@media screen and (min-width: 1980px) {
.social a {
height: 40px;
width: 40px; } }
@media screen and (max-width: 480px) {
.social a {
margin: 0 0 14px 0; } }
@media screen {
.social a:hover, .social a:active {
opacity: 1; }
.social a.social-insta {
background: url(//roc.de/wp-content/themes/ROC2/images/insta-icon2.svg) center center no-repeat;
background-size: auto;
background-size: 100%; }
.social a.social-fb {
background: url(//roc.de/wp-content/themes/ROC2/images/fb-icon.svg) center center no-repeat;
background-size: auto;
background-size: 100%; }
.social a.social-yt {
background: url(//roc.de/wp-content/themes/ROC2/images/yt-icon.svg) center center no-repeat;
background-size: auto;
background-size: 100%; }
.social a.social-wa {
background: url(//roc.de/wp-content/themes/ROC2/images/whatsapp.png) center center no-repeat;
background-size: auto;
background-size: 100%; }
.social a.social-tt {
background: url(//roc.de/wp-content/themes/ROC2/images/icon-s-tiktok.svg) center center no-repeat;
background-size: auto;
background-size: 100%; } }
@media screen and (max-width: 480px) {
.home .social {
right: 21px;
top: 70px; } }
@media screen {
header.smaller .social {
top: 78px;  }
#areas {
box-sizing: border-box;
position: absolute;
left: calc(50% - 625px);
top: 48vh;
width: 1250px;
z-index: 10; } }
@media screen and (max-width: 1240px) {
#areas {
left: calc(50% - 500px);
width: 1000px; } }
@media screen and (max-width: 1100px) {
#areas {
left: calc(50% - 200px);
top: 34vh;
width: 400; } }
@media screen and (max-width: 760px) {
#areas {
top: 28vh; } }
@media screen and (max-width: 480px) {
#areas {
left: calc(50% - 160px);
top: 27vh;
width: 320px; } }
@media screen {
.sb-container {
position: relative; }
.startbox {
box-sizing: border-box;
height: 250px;
padding: 15px;
position: absolute;
top: 0;
width: 250px; } }
@media screen and (max-width: 1240px) {
.startbox {
height: 200px;
padding: 10px;
width: 200px; } }
@media screen and (max-width: 480px) {
.startbox {
height: 160px;
padding: 5px;
width: 160px; } }
@media screen {
.startbox.sb-ortho {
left: 0; }
.startbox.sb-vital {
left: 250px; } }
@media screen and (max-width: 1240px) {
.startbox.sb-vital {
left: 200px; } }
@media screen and (max-width: 480px) {
.startbox.sb-vital {
left: 160px; } }
@media screen {
.startbox.sb-derma {
left: 500px; } }
@media screen and (max-width: 1240px) {
.startbox.sb-derma {
left: 400px; } }
@media screen and (max-width: 1100px) {
.startbox.sb-derma {
left: 0;
top: 200px; } }
@media screen and (max-width: 480px) {
.startbox.sb-derma {
left: 0;
top: 160px; } }
@media screen {
.startbox.sb-gyne {
left: 750px; } }
@media screen and (max-width: 1240px) {
.startbox.sb-gyne {
left: 600px; } }
@media screen and (max-width: 1100px) {
.startbox.sb-gyne {
left: 200px;
top: 200px; } }
@media screen and (max-width: 480px) {
.startbox.sb-gyne {
left: 160px;
top: 160px; } }
@media screen {
.startbox.sb-intakt {
left: 1000px; } }
@media screen and (max-width: 1240px) {
.startbox.sb-intakt {
left: 800px; } }
@media screen and (max-width: 1100px) {
.startbox.sb-intakt {
left: 100px;
top: 400px; } }
@media screen and (max-width: 480px) {
.startbox.sb-intakt {
left: 80px;
top: 320px; } }
@media screen {
.startbox .sb-image {
background-size: 100%;
height: 100%;
width: 100%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.startbox.sb-ortho .sb-image {
background: #002d55 url(//roc.de/wp-content/themes/ROC2/images/sb-ortho-white.svg) center center no-repeat; }
.startbox.sb-ortho:hover .sb-image {
background: #72cbf4 url(//roc.de/wp-content/themes/ROC2/images/sb-ortho-white.svg) center center no-repeat; }
.startbox.sb-intakt .sb-image {
background: #002d55 url(//roc.de/wp-content/themes/ROC2/images/sb-intakt-white.png) center center no-repeat;
background-size: contain; }
.startbox.sb-intakt:hover .sb-image {
background: #60765e url(//roc.de/wp-content/themes/ROC2/images/sb-intakt-white.png) center center no-repeat;
background-size: contain; }
.startbox.sb-vital .sb-image {
background: #002d55 url(//roc.de/wp-content/themes/ROC2/images/sb-vital-white.svg) center center no-repeat; }
.startbox.sb-vital:hover .sb-image {
background: #761b56 url(//roc.de/wp-content/themes/ROC2/images/sb-vital-white.svg) center center no-repeat; }
.startbox.sb-gyne .sb-image {
background: #002d55 url(//roc.de/wp-content/themes/ROC2/images/sb-gyne-white.svg) center center no-repeat; }
.startbox.sb-gyne:hover .sb-image {
background: #ba8fbf url(//roc.de/wp-content/themes/ROC2/images/sb-gyne-white.svg) center center no-repeat; }
.startbox.sb-derma .sb-image {
background: #002d55 url(//roc.de/wp-content/themes/ROC2/images/sb-derma-white.svg) center center no-repeat; }
.startbox.sb-derma:hover .sb-image {
background: #f18d84 url(//roc.de/wp-content/themes/ROC2/images/sb-derma-white.svg) center center no-repeat; }
#reviews {
padding-top: 60px; }
#zitate-container {
background: #004b7e; margin-top: 40px; }
#zitate-container .content-column {
padding: 40px 20px 20px; }
#zitate-slider {
background: #004b7e;
position: relative;
padding-bottom: 14px; }
#zitate-slider .metaslider img {
max-height: 0px; }
#zitate-slider .metaslider .caption-wrap {
background: #72cbf4 !important;
position: relative !important;
color: #fff !important;
text-align: center; }
#zitate-slider .metaslider .caption-wrap .caption {
color: #fff !important;
max-width: 800px;
margin: 0 auto;
font-size: 130%;
padding: 20px; } }
@media screen and (max-width: 760px) {
#zitate-slider .metaslider .caption-wrap .caption {
max-width: 90vw;
left: 0; } }
@media screen {
#zitate-slider .metaslider .flexslider {
margin-bottom: 0 !important; }
#zitate-slider #zitate-logo {
background: #70caf4 url(//roc.de/wp-content/themes/ROC2/images/jameda-Logo.png) center center no-repeat;
background-size: 100%;
height: 40px;
margin: 0 auto;
margin-top: 70px;
width: 104px; }
#jameda-bewertung {
position: absolute;
right: 40px; } }
@media screen and (max-width: 760px) {
#jameda-bewertung {
right: 0; } }
@media screen and (max-width: 360px) {
#jameda-bewertung {
display: none; } }
@media screen {
.blog-entry {
padding: 25px 20px 5px 0; } }
@media screen and (max-width: 1100px) {
.blog-entry {
padding: 25px 0 25px 0; } }
@media screen {
.blog-entry .wp-post-image, .single-content .wp-post-image {
height: auto;
float: left;
margin: 0 40px 60px 0;
max-width: 30%; } }
@media screen and (max-width: 600px) {
.blog-entry .wp-post-image, .single-content .wp-post-image {
float: none;
margin: 30px 0;
max-width: 100%;
width: 100%; } }
@media screen {
.parallax-window {
min-height: 560px;
background: transparent;
position: relative; } }
@media screen and (max-width: 760px) {
.parallax-window {
max-height: 400px;
min-height: 400px; } }
@media screen and (orientation: landscape) {
.parallax-window {
max-height: 627px;
height: 627px; } }
@media screen {
.single-wrapper .parallax-window {
min-height: 360px; } .slideshow-container-start {
height: 100vh;
overflow: hidden;
width: 100%; } }
@media screen and (max-width: 480px) {
.slideshow-container-start {
height: 100vh; } }
@media screen and (max-width: 1580px) {
.slideshow-container-start .metaslider .flexslider {
margin-left: -10% !important;
width: 120% !important; } }
@media screen and (max-width: 1400px) {
.slideshow-container-start .metaslider .flexslider {
margin-left: -20% !important;
width: 140% !important; } }
@media screen and (orientation: portrait) {
.slideshow-container-start .metaslider .flexslider {
margin-left: -125% !important;
width: 320% !important; } }
@media screen and (max-width: 1100px) {
.slideshow-container-start .metaslider .flexslider {
margin-left: -30% !important;
width: 160% !important; } }
@media screen and (max-width: 760px) {
.slideshow-container-start .metaslider .flexslider {
margin-left: -30% !important;
width: 166% !important; } }
@media screen and (max-width: 480px) {
.slideshow-container-start .metaslider .flexslider {
width: 400% !important;
left: -137% !important;
height: 100vh; } }
@media screen {
.slideshow-container {
background: #f8f8f8;
min-height: 250px; } }
@media screen and (max-width: 1400px) {
.slideshow-container .metaslider .flexslider {
margin-left: -10% !important;
width: 120% !important; } }
@media screen and (max-width: 760px) {
.slideshow-container .metaslider .flexslider {
margin-left: -30% !important;
width: 160% !important; } }
@media screen and (max-width: 1100px) {
.slideshow-container .metaslider .flexslider {
margin-left: -20% !important;
width: 140% !important; } }
@media screen and (max-width: 480px) {
.slideshow-container .metaslider .flexslider {
margin-left: -81% !important;
width: 260% !important; } }
@media screen and (max-width: 480px) {
.slideshow-container {
margin-bottom: 30px; } }
@media screen {
.metaslider .caption-wrap {
background: none !important;
opacity: 1 !important; } }
@media screen and (max-width: 1100px) {
.blog .slideshow-container {
width: 140% !important; } }
@media screen and (max-width: 600px) {
.blog .slideshow-container {
width: 180% !important; } }
@media screen and (max-width: 480px) {
.blog .slideshow-container {
width: 220% !important; } }
@media screen {
#start-boxes {
box-sizing: border-box;
left: calc(50% - 300px);
position: absolute;
top: 48vh;
width: 600px;
z-index: 10; } }
@media screen and (min-width: 1940px) {
#start-boxes {
top: calc(15vh + 320px); } }
@media screen and (max-width: 760px) {
#start-boxes {
left: 0; width: 100%; } }
@media screen and (max-width: 720px) and (orientation: landscape) {
#start-boxes {
display: none; } }
@media screen {
.sc-box {
box-sizing: border-box;
height: 200px;
float: left;
position: relative;
width: 50%; } }
@media screen and (max-width: 760px) {
.sc-box {
height: 170px; } }
@media screen and (max-width: 480px) {
.sc-box {
height: 140px; } }
@media screen {
.sc-box-inner {
box-sizing: border-box;
height: 100%;
padding: 10px;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1100px) {
.sc-box-inner h2 > br, .sc-box-inner .dash {
padding: 5px 5px;
width: 33.3%; } }
@media screen {
.sc-box-inner-text {
line-height: 1.2;
opacity: 0;
position: absolute;
width: 300px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sc-box-inner-text h2 {
color: #761b56;
font-weight: 700; }
.sc-box-inner-text p {
color: #002d55 !important; } }
@media screen and (max-width: 760px) {
.sc-box-inner-text p {
display: none; } }
@media screen {
.sc-box-inner:hover { }
.sc-box-inner:hover .sc-box-inner-text {
opacity: 1; }
.sc-box {
box-sizing: border-box;
height: 200px;
float: left;
position: relative;
width: 50%; } }
@media screen and (max-width: 760px) {
.sc-box {
height: 170px; } }
@media screen and (max-width: 480px) {
.sc-box {
height: 140px; } }
@media screen {
.sc-box#scb-kontakt {
width: 100%;
text-align: center; }
.sc-box-inner {
box-sizing: border-box;
height: 100%;
padding: 10px;
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 1100px) {
.sc-box-inner h2 > br, .sc-box-inner .dash {
padding: 5px 5px;
width: 33.3%; } }
@media screen {
.sc-box-inner-text {
line-height: 1.2;
opacity: 0;
position: absolute;
width: 300px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.8s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.sc-box-inner-text h2 {
color: #761b56;
font-weight: 700; }
.sc-box-inner-text p {
color: #002d55 !important; } }
@media screen and (max-width: 760px) {
.sc-box-inner-text p {
display: none; } }
@media screen {
.sc-box-inner:hover { }
.sc-box-inner:hover .sc-box-inner-text {
opacity: 1; } #scb-kontakt .sc-box-inner {
background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_kontakt.svg), linear-gradient(to bottom right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
background-position: left 50% top 20px, top left;
background-repeat: no-repeat, no-repeat;
background-size: 40px, 100%; }
#scb-kontakt .sc-box-inner .sc-box-inner-text {
top: 22px;
width: 100%; }
#scb-kontakt .sc-box-inner:hover {
background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_kontakt.svg), linear-gradient(to bottom right, white, rgba(255, 255, 255, 0));
background-position: left 30% top 20px, top left; }  #scb-vss .sc-box-inner {
background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_vss.svg), linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
background-position: right 20px bottom 20px, top left;
background-repeat: no-repeat, no-repeat;
background-size: 60px, 100%; }
#scb-vss .sc-box-inner .sc-box-inner-text {
bottom: 8px;
right: 100px;
text-align: right; }
#scb-vss .sc-box-inner:hover {
background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_vss.svg), linear-gradient(to top left, white, rgba(255, 255, 255, 0));
background-position: right 20px bottom 20px, top left; }
#scb-vss .sc-box-inner:before {
background: -moz-linear-gradient(top, rgba(86, 178, 221, 0) 0%, #56b2dd 100%); background: -webkit-linear-gradient(top, rgba(86, 178, 221, 0) 0%, #56b2dd 100%); background: linear-gradient(to bottom, rgba(86, 178, 221, 0) 0%, #56b2dd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56b2dd', endColorstr='#56b2dd',GradientType=0 ); content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 3px; } #scb-leistungen .sc-box-inner {
background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_anfahrt.svg), linear-gradient(to top left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
background-position: right 20px bottom 20px, top left;
background-repeat: no-repeat, no-repeat;
background-size: 60px, 100%; }
#scb-leistungen .sc-box-inner .sc-box-inner-text {
bottom: 8px;
right: 100px;
text-align: right; }
#scb-leistungen .sc-box-inner:hover {
background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_anfahrt.svg), linear-gradient(to top left, white, rgba(255, 255, 255, 0));
background-position: right 20px bottom 20px, top left; }
#scb-leistungen .sc-box-inner:before {
background: -moz-linear-gradient(top, rgba(86, 178, 221, 0) 0%, #56b2dd 100%); background: -webkit-linear-gradient(top, rgba(86, 178, 221, 0) 0%, #56b2dd 100%); background: linear-gradient(to bottom, rgba(86, 178, 221, 0) 0%, #56b2dd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0056b2dd', endColorstr='#56b2dd',GradientType=0 ); content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
width: 3px; }
#scb-leistungen .sc-box-inner:after {
background: -moz-linear-gradient(left, rgba(86, 178, 221, 0) 0%, #56b2dd 100%);
background: -webkit-linear-gradient(left, rgba(86, 178, 221, 0) 0%, #56b2dd 100%);
background: linear-gradient(to right, rgba(86, 178, 221, 0) 0%, #56b2dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0056b2dd', endColorstr='#56b2dd',GradientType=1 );
content: "";
display: block;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
width: 100%; }
.leistungen-overview a,
ul.leistungen-items li a {
background: #02699e;
background-image: linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important;
box-sizing: border-box;
color: #fff; float: left;
font-size: 118%;
line-height: 1.1;
margin: 0 20px 20px 0 !important;
padding: 86px 10px 10px;
position: relative;
width: 200px;
height: 200px;
text-align: center;
text-decoration: none; }
.leistungen-overview a:nth-child(1),
ul.leistungen-items li:nth-child(1) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel01.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(2),
ul.leistungen-items li:nth-child(2) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel02.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(3),
ul.leistungen-items li:nth-child(3) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel03.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(5),
ul.leistungen-items li:nth-child(5) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel04.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(7),
ul.leistungen-items li:nth-child(7) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel05.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(8),
ul.leistungen-items li:nth-child(8) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel06.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(10),
ul.leistungen-items li:nth-child(10) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel07.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(11),
ul.leistungen-items li:nth-child(11) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel01.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(12),
ul.leistungen-items li:nth-child(12) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel02.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(14),
ul.leistungen-items li:nth-child(14) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel03.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(16),
ul.leistungen-items li:nth-child(16) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel04.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(17),
ul.leistungen-items li:nth-child(17) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel02.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(19),
ul.leistungen-items li:nth-child(19) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel07.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:nth-child(21),
ul.leistungen-items li:nth-child(21) a {
background-image: url(//roc.de/wp-content/themes/ROC2/images/ROC_Kachel01.svg), linear-gradient(0deg, #1c7fb1 0%, #71c7f0 75%, #71c7f0 100%) !important; }
.leistungen-overview a:hover,
ul.leistungen-items li a:hover {
background: #002d55 !important; } #scb-termine .sc-box-inner { background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_termine.svg), linear-gradient(to top right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
background-position: left 20px bottom 20px, top left;
background-repeat: no-repeat, no-repeat;
background-size: 60px, 100%; }
#scb-termine .sc-box-inner .sc-box-inner-text {
bottom: 8px;
left: 100px; }
#scb-termine .sc-box-inner:hover {
background-image: url(//roc.de/wp-content/themes/ROC2/images/icon_start_termine.svg), linear-gradient(to top right, white, rgba(255, 255, 255, 0));
background-position: left 20px bottom 20px, top left; }
#scb-termine .sc-box-inner:after {
background: -moz-linear-gradient(left, #56b2dd 0%, rgba(86, 178, 221, 0) 100%);
background: -webkit-linear-gradient(left, #56b2dd 0%, rgba(86, 178, 221, 0) 100%);
background: linear-gradient(to right, #56b2dd 0%, rgba(86, 178, 221, 0) 100%);
content: "";
display: block;
height: 3px;
position: absolute;
left: 0;
bottom: 0;
width: 100%; }
.mrt-team {
height: 420px; } }
@media screen and (min-width: 1940px) {
.mrt-team {
height: 540px !important; } }
@media screen and (min-width: 1980px) {
.mrt-team {
height: 700px !important; } }
@media screen {
a.contentbutton {
background: rgba(50, 101, 146, 0.88) url(//roc.de/wp-content/themes/ROC2/images/icon_start_sprechzeiten.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
border-radius: 8px;
box-sizing: border-box;
color: #fff;
display: block;
padding: 14px 20px 14px 46px;
text-decoration: none;
margin: 16px 0;
max-width: 300px;
width: 100%; } }
@media screen and (max-width: 760px) {
a.contentbutton {
background-position: 12px 7px;
padding: 12px 0 12px 45px; } }
@media screen {
a.contentbutton:active, a.contentbutton:focus, a.contentbutton:hover {
background: #326592 url(//roc.de/wp-content/themes/ROC2/images/icon_start_sprechzeiten.svg) no-repeat !important;
background-size: 25px !important;
background-position: 10px 10px !important;
color: #fff !important;
text-decoration: none; }
a.startbutton {
border-radius: 8px;
box-sizing: border-box;
color: #fff;
display: block;
left: 10px;
padding: 14px 20px 14px 46px;
position: absolute;
text-decoration: none;
top: -55px;
width: 80%;
width: calc(100% - 20px); } }
@media screen and (max-width: 1400px) {
a.startbutton {
padding: 14px 0 14px 40px !important; } }
@media screen and (max-width: 1300px) {
a.startbutton {
background: rgba(50, 101, 146, 0.88) !important;
padding: 14px 0 !important;
text-align: center !important; } }
@media screen {
a.onlinetermin {
background: rgba(50, 101, 146, 0.88) url(//roc.de/wp-content/themes/ROC2/images/icon_start_sprechzeiten.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
left: 10px;
top: -181px; } }
@media screen and (max-width: 1100px) {
a.onlinetermin {
background: rgba(50, 101, 146, 0.88) url(//roc.de/wp-content/themes/ROC2/images/icon_start_sprechzeiten.svg) no-repeat !important;
background-size: 25px !important;
background-position: 10px 10px !important;
left: 5px !important;
text-align: left !important;
padding-left: 42px !important;
top: -55px !important;
width: calc(100% - 10px) !important; } }
@media screen and (max-width: 760px) {
a.onlinetermin {
left: 5px !important;
text-align: left !important;
padding-left: 50px !important;
top: -55px !important;
width: calc(200% - 10px) !important; } }
@media screen {
a.onlinetermin:active, a.onlinetermin:focus, a.onlinetermin:hover {
background: white url(//roc.de/wp-content/themes/ROC2/images/icon_start_sprechzeiten-dark.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
color: #530638; }
a.rezeptbest {
background: rgba(50, 101, 146, 0.88) url(//roc.de/wp-content/themes/ROC2/images/icon_start_rezept_bestellen.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
left: 10px;
top: -118px; } }
@media screen and (max-width: 1100px) {
a.rezeptbest {
background: rgba(50, 101, 146, 0.88) url(//roc.de/wp-content/themes/ROC2/images/icon_start_rezept_bestellen.svg) no-repeat !important;
background-size: 25px !important;
background-position: 10px 10px !important;
left: 5px !important;
text-align: left !important;
padding-left: 42px !important;
top: -55px !important;
width: 100% !important;
width: calc(100% - 10px) !important; } }
@media screen and (max-width: 760px) {
a.rezeptbest {
display: none; } }
@media screen {
a.rezeptbest:active, a.rezeptbest:focus, a.rezeptbest:hover {
background: white url(//roc.de/wp-content/themes/ROC2/images/icon_start_rezept_bestellen-dark.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
color: #530638; }
a.ueberweisung {
background: rgba(50, 101, 146, 0.88) url(//roc.de/wp-content/themes/ROC2/images/icon_start_bestellen.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
left: 10px;
top: -55px; } }
@media screen and (max-width: 1100px) {
a.ueberweisung {
background: rgba(50, 101, 146, 0.88) url(//roc.de/wp-content/themes/ROC2/images/icon_start_bestellen.svg) no-repeat !important;
background-size: 25px !important;
background-position: 10px 10px !important;
left: 5px !important;
text-align: left !important;
padding-left: 42px !important;
top: -55px !important;
width: 100% !important;
width: calc(100% - 10px) !important; } }
@media screen and (max-width: 760px) {
a.ueberweisung {
display: none; } }
@media screen {
a.ueberweisung:active, a.ueberweisung:focus, a.ueberweisung:hover {
background: white url(//roc.de/wp-content/themes/ROC2/images/icon_start_bestellen-dark.svg) no-repeat;
background-size: 25px;
background-position: 10px 10px;
color: #530638; }
.content-wrapper {
position: relative; }
.content-column {
box-sizing: border-box;
margin: 0 auto;
max-width: 800px;
position: relative; }
.content-section {
padding-top: 50px; }
.bottommargin {
margin-bottom: 100px; }
.nobottommargin {
margin-bottom: 4px !important; }
.nobottompadding {
padding-bottom: 0 !important; }
.narrow-column {
max-width: 640px; }
.sidebar-column {
padding-left: 290px; } }
@media screen and (max-width: 760px) {
.sidebar-column {
padding-left: 0; } }
@media screen {
.sidebar-right-column {
padding-right: 290px; } }
@media screen and (max-width: 760px) {
.sidebar-right-column {
padding-right: 0; } }
@media screen {
#main-content {
background: #fff;
padding-top: 100px; } }
@media screen and (max-width: 760px) {
#main-content {
padding-top: 60px; } }
@media screen {
.page #main-content {
padding-top: 60px; }
.sidebar {
left: 0;
position: absolute;
top: 0;
width: 240px; }
.sidebar img {
height: auto;
width: 100%; } }
@media screen and (max-width: 760px) {
.sidebar {
left: auto;
margin-bottom: 80px;
position: relative;
top: auto;
width: 100%; } }
@media screen {
.sidebar-right {
right: 0;
position: absolute;
top: 0;
width: 240px; }
.sidebar-right img {
height: auto;
width: 100%; } }
@media screen and (max-width: 760px) {
.sidebar-right {
right: auto;
margin-bottom: 80px;
position: relative;
top: auto;
width: 100%; } }
@media screen {
.contentheader-featuredimg {
padding-left: 306px;
position: relative; } }
@media screen and (max-width: 760px) {
.contentheader-featuredimg {
padding-left: 0px; } }
@media screen {
.contentheader-featuredimg img.attachment-post-thumbnail {
height: auto;
left: 0;
position: absolute;
top: 0;
width: 266px; } }
@media screen and (max-width: 760px) {
.contentheader-featuredimg img.attachment-post-thumbnail {
display: none; } }
@media screen {
.paddingleft306 {
padding-left: 306px; } }
@media screen and (max-width: 760px) {
.paddingleft306 {
padding-left: 0px; } }
@media screen {
.green {
background: #761b56; } .ab-accordion-title {
cursor: pointer;
color: #530638;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.ab-accordion-title:hover {
background: #530638;
color: #fff; }
.ab-accordion-text {
padding: 25px 15px !important; }
.ab-notice-text {
background: #761b56 !important; }
.ab-notice-text p {
font-family: inherit !important;
font-size: 100% !important;
line-height: inherit !important; }
.alignleft, .wp-block-image .alignleft, figure.alignleft,
div.team-column:nth-child(odd) img {
float: left;
margin: 5px 30px 20px 0 !important;
max-width: 45%; } }
@media screen and (max-width: 760px) {
.alignleft, .wp-block-image .alignleft, figure.alignleft,
div.team-column:nth-child(odd) img {
float: none;
height: auto;
margin: 0 0 40px !important;
max-width: 100%;
width: 100%; } }
@media screen {
.alignright, .wp-block-image .alignright, figure.alignright,
div.team-column img {
float: right;
margin: 5px 0 20px 30px !important;
max-width: 45%; } }
@media screen and (max-width: 760px) {
.alignright, .wp-block-image .alignright, figure.alignright,
div.team-column img {
float: none;
height: auto;
margin: 0 !important;
max-width: 100%;
width: 100%; } }
@media screen {
.aligncenter.wp-block-image .aligncenter {
margin: 0 auto;
margin-bottom: 40px; } }
@media screen and (max-width: 760px) {
.aligncenter.wp-block-image .aligncenter {
height: auto;
width: 100%; } }
@media screen {
.wp-block-image {
margin-bottom: 6px; }
figure {
margin: 0 0 30px !important; }
figure.aligncenter {
margin: 0 auto 30px !important; }
.wp-block-embed.is-type-video iframe {
min-height: 440px; }
.wp-block-columns .wp-block-embed.is-type-video iframe {
min-height: 240px; }
.cs-2col {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px; } }
@media screen and (max-width: 760px) {
.cs-2col {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1; } }
@media screen {
.content-section {
box-sizing: border-box;
padding: 40px 0 70px; }
.content-section img {
max-width: 100%;
height: auto; } }
@media screen and (max-width: 480px) {
.content-section img {
width: 100%;
height: auto; } }
@media screen and (max-width: 1100px) {
.content-section {
padding: 60px 60px 80px; } }
@media screen and (max-width: 760px) {
.content-section {
padding: 20px 40px 80px; } }
@media screen and (max-width: 480px) {
.content-section {
padding: 10px 20px 80px; } }
@media screen { .content-section.cs-team,
.blog .content-section {
padding-top: 50px; }
.content-section#praxis {
padding-bottom: 0; }
.team-column:first-of-type > .content-column > .content-section.cs-team {
padding-top: 20px; }
.gradient {
background: #edeeee; background: -moz-linear-gradient(top, #edeeee 0%, white 100%); background: -webkit-linear-gradient(top, #edeeee 0%, white 100%); background: linear-gradient(to bottom, #edeeee 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeeee', endColorstr='#ffffff',GradientType=0 ); }
.page-content {
background: #1b717e;
margin-bottom: 120px; }
.content {
position: relative;
background: rgba(255, 255, 255, 0.8);
color: #313131 !important;
padding: 40px; }
.content img:not(.avatar) {
width: 100%;
height: auto;
margin-bottom: 20px; }
.close-btn {
width: 20px;
height: 20px;
background: url(//roc.de/wp-content/themes/ROC2/images/close-btn.png);
background: url(//roc.de/wp-content/themes/ROC2/images/close-btn.svg), none;
background-repeat: no-repeat;
background-size: 20px 20px;
opacity: 0.65;
position: absolute;
top: 20px;
right: 20px; }
.close-btn:hover {
opacity: 1; }
.su-box {
border: none !important;
position: relative;
width: 70%; } }
@media screen and (max-width: 760px) {
.su-box {
width: 100%; } }
@media screen {
.su-box-content {
background: #99a083 !important;
border-radius: 8px !important; }
.su-box.team-def .su-box-content {
background: #99a083 url(//roc.de/wp-content/themes/ROC2/images/icon_start_plattenspieler_weiss.svg) no-repeat !important;
background-position: top 35px right 30px !important;
background-size: 98px !important;
padding: 40px 150px 45px 40px !important; } }
@media screen and (max-width: 760px) {
.su-box.team-def .su-box-content {
background: #99a083 !important;
padding: 20px 20px 40px 20px !important; } }
@media screen {
.su-box-content * {
color: #fff !important; }
.su-box-title {
display: none !important; }
.su-spoiler {
margin-bottom: 10px !important; }
.su-spoiler-title {
background: #530638;
color: #fff !important;
font-size: 120% !important;
font-weight: normal !important;
padding: 20px 7px 20px 36px !important;
text-transform: uppercase; }
.su-spoiler-closed .su-spoiler-title {
background: #761b56; }
.su-spoiler-title:hover {
background: #530638 !important; }
.su-spoiler-icon {
left: 10px !important;
overflow: hidden;
top: 18px !important; }
.su-spoiler-content {
background: #761b56;
color: #761b56 !important;
padding: 0 25% 0 50px !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.su-spoiler-content li {
margin-bottom: 18px; }
.su-spoiler-content h1, .su-spoiler-content h2, .su-spoiler-content h3, .su-spoiler-content h4, .su-spoiler-content h5, .su-spoiler-content h6 {
color: #761b56; }
.su-spoiler-content h5, .su-spoiler-content h6 {
font-size: 140%; } }
@media screen and (max-width: 760px) {
.su-spoiler-content {
padding: 0 10px 0 20px !important; } }
@media screen { .su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon::before {
content: "" !important; }
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon,
.su-spoiler.su-spoiler-closed .su-spoiler-icon {
background: url(//roc.de/wp-content/themes/ROC2/images/arrow_acc.svg) no-repeat;
background-size: 40px 20px;
background-position: 0 0; }
.su-spoiler-icon-arrow .su-spoiler-icon::before {
content: "" !important; }
.su-spoiler-icon-arrow .su-spoiler-icon {
background: url(//roc.de/wp-content/themes/ROC2/images/arrow_acc.svg) no-repeat;
background-size: 40px 20px;
background-position: -20px 0; }
.blaken {
background: #99a083;
height: 13px;
margin: -16px 0 50px;
width: 0; }
iframe {
width: 100%; }
.terminbuchung iframe {
max-height: 800px; }
footer { background: #1c1c1b; padding: 0; width: 100%; }
.footer-logos {
background: #2c2c2b;
padding: 30px 80px 20px; } }
@media screen and (max-width: 760px) {
.footer-logos {
padding: 30px 40px 20px; } }
@media screen and (max-width: 480px) {
.footer-logos {
padding: 30px 20px 20px; } }
@media screen {
.footer-logo-cont { margin: 0 auto;
max-width: 1260px; } }
@media screen and (max-width: 1400px) {
.footer-logo-cont {
max-width: 700px; } }
@media screen {
.footer-logo-cont img {
float: left;
height: 60px !important;
margin: 0 17px 10px;
width: auto; } }
@media screen and (max-width: 1400px) {
.footer-logo-cont img {
height: 60px !important; } }
@media screen and (max-width: 760px) {
.footer-logo-cont img {
height: 50px !important;
margin: 0 0 23px 23px; } }
@media screen {
.footer-content {
padding: 80px 80px 100px; } }
@media screen and (max-width: 760px) {
.footer-content {
padding: 60px 40px 80px; } }
@media screen and (max-width: 480px) {
.footer-content {
padding: 30px 20px 80px; } }
@media screen {
#footer-text {
float: left; } }
@media screen and (max-width: 480px) {
#footer-text {
display: block;
float: none;
margin-bottom: 40px; } }
@media screen {
#footer-nav {
float: right;
font-size: 75% !important;
margin-right: 20px;
position: relative; } }
@media screen and (max-width: 480px) {
#footer-nav {
display: block;
float: none;
margin-right: 20px; } }
@media screen {
#footer-nav a {
color: rgba(255, 255, 255, 0.4) !important;
text-decoration: none !important; }
#footer-nav a {
color: rgba(255, 255, 255, 0.6) !important;
text-decoration: underline !important; }
#footer-nav li.widget {
float: left; } }
@media screen and (max-width: 680px) {
#footer-text {
float: none; }
#footer-nav {
float: none;
margin-top: 10px; }
#footer-nav li.widget {
float: none;
margin-bottom: 20px; } }
@media screen {
#custom_html-4,
#custom_html-10 {
padding-top: 8px;
padding-right: 30px; }
.clearfix:after {
content: "";
clear: both;
display: block;
visibility: hidden;
height: 0px; }
.nocolbreak {
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column; display: table; }
li.widget {
list-style: none; }
fieldset {
border: none; }
ul {
margin: 0 0 0 20px;
padding: 0; }
ul.postlist li {
margin-bottom: 50px; }
ul.pdf-liste li {
list-style: none !important;
margin-bottom: 18px !important;
padding: 2px 0 14px 34px;
background: url(//roc.de/wp-content/themes/ROC2/images/pdf-icon.svg) top left no-repeat;
background-size: 26px; }
ul > li { list-style: url(//roc.de/wp-content/themes/ROC2/images/list-style-item.png);
margin-bottom: 0.4em;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;   -webkit-margin-before: 0;
-webkit-margin-after: 0; }
ol > li {
line-height: 1.2;
margin-bottom: 0.4em;
-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; break-inside: avoid-column;   -webkit-margin-before: 0;
-webkit-margin-after: 0; }
ul ul {
padding-top: 20px;
margin-bottom: 30px; }
ul ul li {
list-style: url(//roc.de/wp-content/themes/ROC2/images/list-style-item-sub.png); }
ul.dok-list li {
background: url(//roc.de/wp-content/themes/ROC2/images/icon-doc.svg) top 10px left 0px no-repeat;
background-size: 30px;
list-style: none;
margin-bottom: 40px;
padding-left: 44px; }
ul.wp-block-latest-posts__list {
margin: 0 0 40px;
hyphens: auto;
padding-top: 30px; }
ul.wp-block-latest-posts__list a.moretag {
padding-left: 10px;
hyphens: none !important;
white-space: nowrap !important; }
ul.wp-block-latest-posts__list a.wp-block-latest-posts__post-title {
font-size: 155%;
line-height: 1.1;
margin: 0 0 .7em 0;
text-decoration: none; }
ul.wp-block-latest-posts__list li {
list-style: none;
margin-bottom: 56px;
padding-top: 29px;
position: relative; }
ul.wp-block-latest-posts__list li br {
display: none; }
ul.wp-block-latest-posts__list li .wp-block-latest-posts__post-date {
color: #717270;
font-weight: bold;
left: 0;
position: absolute;
top: 0;
text-transform: uppercase; }
ul.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
width: 30%;
float: left;
margin: 0 40px 40px 0; } .wp-block-cloudcatch-tabs__container {
background: #efefef; }
.wp-block-cloudcatch-tab-content {
background: #fff;
border-left: 1px solid #d1d1d1;
padding: 40px 20px; } }
@media screen and (max-width: 760px) {
.wp-block-cloudcatch-tab-content {
padding: 60px 20px; } }
@media screen {
.wp-block-cloudcatch-tab {
background: #efefef;
margin: 0 !important;
padding: 10px 20px 12px !important; }
.wp-block-cloudcatch-tab.active {
background: #fff;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
border-top: 1px solid #d1d1d1;
margin: -4px 0 0 !important;
padding: 14px 20px 12px !important; }
.wp-block-cloudcatch-tab:hover,
.wp-block-cloudcatch-tab__label:hover {
cursor: pointer; }
.wp-block-cloudcatch-tab:hover .wp-block-cloudcatch-tab__label,
.wp-block-cloudcatch-tab__label:hover .wp-block-cloudcatch-tab__label {
cursor: pointer;
font-weight: bold; } .wp-block-table table {
border: none !important;
margin-bottom: 25px;
width: 100% !important; }
tr {
border: none !important;
margin-bottom: 10px; }
tr:nth-child(even) {
background: rgba(236, 223, 227, 0.02); }
tr:nth-child(odd) {
background: rgba(236, 223, 227, 0.07); }
td {
border: none !important;
padding: 18px 10px;
vertical-align: top; } .wp-block-table.hours-table table { }
.wp-block-table.hours-table table td:first-of-type {
width: 120px; }
.wp-block-table.hours-table table tr:nth-child(odd), .wp-block-table.hours-table table tr:nth-child(even) {
background: none; }
.wp-block-table.hours-table table tr:nth-child(odd) {
background: rgba(0, 0, 0, 0.05); }
.wp-block-table.hours-table table td {
padding: 6px; }
table.startpage-table {
margin-bottom: 30px; }
.start-profiles table tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important; }
.start-profiles table td {
padding: .8em .5em; }
.start-profiles table td:first-of-type { width: 130px; }
.price-table {
margin-bottom: 0 !important; }
.price-table tr {
background: none !important;
border-bottom: 1px solid #f5ede5 !important; }
.price-table tr:last-child {
border-bottom: none !important; }
.price-table td {
line-height: 1.2;
padding: 15px 20px 12px 0; }
.price-table td:last-of-type {
width: 100px; }
.wp-block-nk-awb {
padding: 0 !important; }
.content-floatbox-left {
float: left;
width: 340px;
margin: 40px 20px 0 0; }
.content-floatbox-right {
float: right;
width: 340px;
margin: 40px 0 0 20px; }
.bullet-list-item {
margin-bottom: 12px; }
.sb-box .textwidget {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 3px dotted #bfbdb0; }
.sb-btn {
border: none;
text-align: center;
background: #c8990c;
width: 100%;
padding: 10px 0 0 0; }
.sb-btn:hover {
color: #fff;
background: #deab13; }
.sb-btn .fa {
color: #f4cd56;
font-size: 120%; }
a#scroll-to-top {
bottom: 64px !important;
height: 40px !important;
right: 30px !important;
width: 40px !important; } }
@media screen and (max-width: 480px) {
a#scroll-to-top {
bottom: 17px !important;
right: 20px !important; } }
@media screen {
.wpcf7-text, .wpcf7-textarea {
background: #f8f8f8;
border: 1px solid #b3b3b3;
box-sizing: border-box;
margin-bottom: 30px;
max-height: 140px;
padding: 10px;
width: 100%; }
.wpcf7-date, .wpcf7-select {
border: 1px solid #b3b3b3;
margin-bottom: 30px;
padding: 10px; }
.wpcf7-select {
width: 100%; }
.formcol-2-left {
float: left; }
.formcol-2-right {
float: right; }
.formcol-2-left, .formcol-2-right {
width: 46%; } }
@media screen and (max-width: 760px) {
.formcol-2-left, .formcol-2-right {
float: none;
width: 100%; } }
@media screen {
.formsection-headline {
color: #4c4d49;
font-weight: 700;
margin: 50px 0 20px; }
.form-spacer {
display: block;
height: 60px;
width: 100%; }
.su-table strong {
white-space: nowrap; } }
@media screen and (max-width: 480px) {
.su-table strong {
white-space: normal; } }
@media screen {
.searchresults {
padding-bottom: 100px; }
.searchresult {
border-bottom: 1px solid #c3c3c3;
padding: 40px 100px 10px 4px; } }
@media screen and (max-width: 480px) {
.searchresult {
padding: 50px 0 30px 4px; } }
@media screen {
.noresults {
padding: 60px 40px 300px;
text-align: center; }
ol > li::marker {
background: #ef0; }
.leistungen-columns {
display: flex; } }
@media screen and (max-width: 760px) {
.leistungen-columns {
display: inline-block; } }
@media screen {
.leistungen-text {
margin-bottom: 70px;
max-width: 720px; }
.leistungen-textcolumn {
padding-right: 40px; } }
@media screen and (max-width: 760px) {
.leistungen-textcolumn {
padding-right: 0; } }
@media screen {
.leistungen-tiles {
flex: 0 0 480px; } }
@media screen and (max-width: 760px) {
.leistungen-tiles {
flex: 0 0 280px; } }
@media screen {
ul.leistungen-items {
margin: 0 0 140px; }
ul.leistungen-items li {
list-style: none !important;
margin: 0 !important; }
ul.leistungen-items li a {
background: #72cbf4;
box-sizing: border-box;
color: #fff; float: left;
font-size: 121%;
line-height: 1.1;
margin: 0 20px 20px 0;
padding: 100px 5px 0 5px;
width: 230px;
height: 230px;
text-align: center;
text-decoration: none !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; } }
@media screen and (max-width: 480px) {
ul.leistungen-items li a { } }
@media screen {
ul.leistungen-items li a:hover {
background: #002d55;
color: #fff !important; }
ul.leistungen-items:after {
clear: both; }
.leistungen-overview {
margin: 0 0 140px; }
.wp-block-group.leistungen-overview {
margin: -100px 0 140px; }
.leistungen-overview a {
background: #72cbf4;
box-sizing: border-box;
color: #fff !important; float: left;
font-size: 118%;
margin: 0 20px 20px 0;
padding: 70px 5px 0 5px;
width: 200px;
height: 200px;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-ms-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s; }
.leistungen-overview a:hover {
background: #002d55; }
.leistungen-overview a.leistung-link,
.leistungen-overview p.leistung-link a {
font-size: 122%;
margin: 0 20px 20px 0;
padding: 100px 5px 0 5px;
text-decoration: none;
width: 244px;
height: 244px; }
.leistungen-overview a:hover {
background: #002d55; }
#neuro-post-thumbnail img {
height: auto;
width: 200px; } .aagb_accordion_dd902245-877a-4ecb-8715-da57ac252031 .aagb__accordion_body--show {
border-top: none !important; }
.aab__icon, .dashicons {
color: #002d55 !important; }
.wp-block-aab-accordion-item,
.wp-block-aab-accordion-block,
.wp-block-aagb-accordion-block,
.aagb_accordion_0a6eed74-9b3d-4565-9c62-8e1597686f4b > .aagb__accordion_container.aagb__accordion_active {
border: none !important;
border-radius: 0 !important;
margin-bottom: 0 !important; }
.aagb__accordion_head,
.aab__accordion_head {
background: none !important;
background-color: rgba(255, 255, 255, 0.28) !important;
border-bottom: 1px solid #e6dcc8 !important;
padding: 20px 22px !important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
.aagb__accordion_head:hover,
.aab__accordion_head:hover {
background-color: rgba(255, 255, 255, 0.5) !important; } .aagb__accordion_title,
.aab__accordion_title {
font-size: 100%; }
.aab__accordion_body,
.wp-block-aab-accordion-item .aagb__accordion_body {
background: none !important;
background-color: rgba(255, 255, 255, 0.6) !important;
border: none !important;
border-bottom: 1px solid #e6dcc8 !important;
padding: 0 !important; }
.aagb__accordion_component,
.aab__accordion_component {
padding: 25px 22px 40px !important; }
.wp-block-pb-accordion-item {
margin-bottom: 12px; }
.c-accordion__content,
.c-accordion__title {
background: #efefef;
margin-bottom: 0 !important;
padding: 12px 20px; } }
@media screen and (max-width: 760px) {
.c-accordion__content,
.c-accordion__title {
padding: 10px; } }
@media screen {
.c-accordion__title::after {
right: 20px; } }
@media screen and (max-width: 760px) {
.c-accordion__title::after {
right: 10px; } }
@media screen {
body.ortho .aab__icon, body.ortho .dashicons {
color: #72cbf4 !important; }
body.ortho .aagb__accordion_head:hover,
body.ortho .aagb__accordion_head.active {
background: #e4f4fe !important; }
body.ortho ul > li {
list-style: url(//roc.de/wp-content/themes/ROC2/images/list-style-item-ortho.png); }
body.vital .aab__icon, body.vital .dashicons {
color: #761b56 !important; }
body.vital .aagb__accordion_head:hover,
body.vital .aagb__accordion_head.active {
background: #f5ede5 !important; }
body.vital .aagb__accordion_head:hover,
body.vital .aab__accordion_head:hover {
background-color: rgba(255, 255, 255, 0.75) !important; }
body.vital .c-accordion__title:hover {
background: #761b56;
color: #fff; }
body.vital ul > li {
list-style: url(//roc.de/wp-content/themes/ROC2/images/list-style-item-vital.png); }
body.derma .aab__icon, body.derma .dashicons {
color: rgba(255, 255, 255, 0.5) !important; }
body.derma ul > li {
list-style: url(//roc.de/wp-content/themes/ROC2/images/list-style-item-derma.png); }
body.derma .aagb__accordion_head,
body.derma .aab__accordion_head {
background: none !important;
background-color: #f18d84 !important;
border-bottom: 1px solid #e6dcc8 !important;
padding: 20px 22px !important; }
body.derma .aagb__accordion_head:hover,
body.derma .aab__accordion_head:hover {
background-color: #f5a099 !important; }
body.derma .aab__accordion_title,
body.derma .aagb__accordion_title {
color: #fff !important; }
body.derma .aab__accordion_head.active {
background-color: #bc5248 !important; }
body.derma .aab__accordion_head.active .aab__accordion_title {
font-weight: bold; }
body.derma .aab__accordion_head.active,
body.derma .aagb__accordion_head.active {
background-color: #f5a099 !important; }
.wp-block-cloudcatch-tabs {
overflow-x: scroll; } }[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}