@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-300.eot); src: local("Roboto Light"), local("Roboto-Light"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-300.eot?#iefix) format("embedded-opentype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-300.woff2) format("woff2"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-300.woff) format("woff"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-300.ttf) format("truetype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-300.svg#Roboto) format("svg"); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-regular.eot); src: local("Roboto"), local("Roboto-Regular"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-regular.eot?#iefix) format("embedded-opentype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-regular.woff2) format("woff2"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-regular.woff) format("woff"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-regular.ttf) format("truetype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-regular.svg#Roboto) format("svg"); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-700.eot); src: local("Roboto Bold"), local("Roboto-Bold"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-700.eot?#iefix) format("embedded-opentype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-700.woff2) format("woff2"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-700.woff) format("woff"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-700.ttf) format("truetype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/roboto-v20-latin-700.svg#Roboto) format("svg"); }
@font-face {
font-family: 'barlowlight';
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_light_macroman/Barlow-Light-webfont.eot);
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_light_macroman/Barlow-Light-webfont.eot?#iefix) format("embedded-opentype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_light_macroman/Barlow-Light-webfont.woff) format("woff"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_light_macroman/Barlow-Light-webfont.ttf) format("truetype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_light_macroman/Barlow-Light-webfont.svg#barlowlight) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'barlowbold';
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_bold_macroman/Barlow-Bold-webfont.eot);
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_bold_macroman/Barlow-Bold-webfont.eot?#iefix) format("embedded-opentype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_bold_macroman/Barlow-Bold-webfont.woff) format("woff"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_bold_macroman/Barlow-Bold-webfont.ttf) format("truetype"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/barlow_bold_macroman/Barlow-Bold-webfont.svg#barlowbold) format("svg");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'don_josregular_black';
src: url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/don-jose-cufonfonts-webfont/donjose_black-webfont.woff2) format("woff2"), url(//ferreira-reinigungen.ch/wp-content/themes/temp/fonts/don-jose-cufonfonts-webfont/donjose_black-webfont.woff) format("woff");
font-weight: normal;
font-style: normal; }
noscript {
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
color: white;
width: 100%;
z-index: 99999;
padding: 20px;
padding-left: 15%;
padding-right: 15%;
text-align: center;
box-sizing: border-box; }
header {
display: block;
height: 130px;
position: relative;
overflow: hidden;
width: 100%;
max-height: 600px;
min-height: 250px; }
.fullheight_hbg {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
overflow: hidden;
width: 100%;
position: absolute; }
#header {
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 100%;
width: 100%; }
header.no-header {
height: 200px; }
header.no-header > div#header {
height: 100%; }
nav.no-header {
margin-top: 150px; }
.logo {
width: 353px;
height: auto;
background-repeat: no-repeat;
background-size: 100%;
position: fixed !important;
top: 50px;
left: calc(50% - 595px);
z-index: 105;
margin-top: 0px; }
.fix-sticky-logo {
position: fixed;
height: auto;
width: 150px;
margin-top: 5px;
top: 0;
left: calc(50% - 595px);
z-index: 300; }
.carousel-inner {
height: 100%; }
.screen-reader-text {
display: none; }
.we-want-you {
width: 100%;
height: 30px;
background: #43509B;
position: fixed;
z-index: 11; }
.we-want-you p {
color: white;
margin-top: 0px;
font-size: 18px;
text-align: center; }
.we-want-you p a {
color: white; }
@media (min-width: 300px) and (max-width: 1265px) {
header {
min-height: 1px;
height: auto; }
.logo {
width: 108px;
height: auto;
left: 13px;
top: 18px; }
#mobile-colored-bar {
background: white;
width: 100%;
position: fixed;
height: 75px;
display: block;
top: 0px;
z-index: 2; } .we-want-you {
height: auto;
min-height: 30px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
padding-top: 5px;
padding-bottom: 6px; }
.we-want-you p {
font-size: 14px;
line-height: 1.5; }
.we-want-you p > a {
letter-spacing: 1.0px;
font-size: 14px; } }
html, body {
height: 100%; }
body {
word-break: break-word;
word-wrap: break-word;
font-size: 18px;
font-family: "barlowlight";
margin: 0px !important; }
#main {
width: 100%;
position: relative;
margin: 0px auto; }
.content-space {
position: relative;
float: left;
height: auto;
width: 100%;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box; }
img {
width: 100%;
height: auto; }
h1 {
color: black;
font-family: "don_josregular_black";
font-weight: 700;
font-size: 30px;
width: 100%; }
h2 {
color: #43509B;
font-family: "don_josregular_black";
font-weight: 500;
font-size: 60px;
line-height: 99px;
text-transform: uppercase;
letter-spacing: 5px; }
h3 {
color: #43509B;
font-family: "barlowlight";
font-weight: 300;
font-size: 24px;
text-transform: uppercase;
line-height: 32px;
letter-spacing: 1.44px; }
p {
margin-bottom: 2px !important;
clear: both;
width: 100%;
font-weight: 300;
line-height: 32px;
font-size: 20px;
color: #43509B; }
p > a {
color: #43509B;
text-decoration: none;
line-height: 32px;
text-transform: uppercase;
letter-spacing: 1.44px; }
section {
box-sizing: border-box;
width: 100%;
position: relative;
display: inline-block; }
.wp-block-media-text {
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
box-sizing: border-box;
width: 100%;
position: relative; }
.wp-block-media-text .has-large-font-size {
font-size: 60px;
color: #43509B;
text-transform: uppercase;
font-family: "don_josregular_black";
line-height: 62px;
min-width: 670px;
letter-spacing: 5px; }
.wp-block-media-text .wp-block-media-text__content {
padding: 0px !important; }
.has-media-on-the-right {
margin-top: 140px; }
.wp-block-advgb-accordions {
padding-left: calc(50% - 330px);
padding-right: calc(50% - 330px);
width: 100%;
box-sizing: border-box; }
.wp-block-advgb-accordions .wp-block-advgb-accordion-item {
margin-bottom: 0px !important; }
.wp-block-advgb-accordions .advgb-accordion-header {
background-color: transparent !important;
border: none !important;
border-radius: 0px !important;
border-top: 1px solid #8AC7AA !important;
margin-top: 0px !important; }
.wp-block-advgb-accordions .advgb-accordion-header:focus {
outline: none !important; }
.wp-block-advgb-accordions .advgb-accordion-header h4 {
font-weight: 300;
text-transform: uppercase;
color: #43509B !important;
font-size: 24px !important;
font-family: "barlowbold";
letter-spacing: 3px; }
.wp-block-advgb-accordions .advgb-accordion-header-icon svg {
fill: #8AC7AA; }
.wp-block-advgb-accordions .advgb-accordion-body {
border: none !important; }
.wp-block-advgb-accordions .advgb-accordion-body p {
margin-top: 0px !important; }
.wpcf7-form {
width: 390px;
margin: 0px auto;
position: relative; }
.wpcf7-form input {
height: 28px;
width: 100%;
border: none;
outline: none;
font-size: 14px;
font-family: "barlowlight";
margin-bottom: 9px;
font-weight: 300;
padding-left: 7px;
padding-right: 7px;
box-sizing: border-box; }
.wpcf7-form input[type="submit"] {
-webkit-appearance: none !important;
width: 182px;
display: block;
border: 1px solid #fff;
padding-top: 8px !important;
padding-bottom: 28px !important;
color: #fff;
background: transparent !important;
margin: 0px auto;
cursor: pointer; }
.wpcf7-form textarea {
width: 100%;
border: none;
outline: none;
font-size: 14px;
font-family: "barlowlight";
font-weight: 300;
padding-left: 7px;
padding-right: 7px;
padding-top: 6px;
padding-bottom: 7px;
box-sizing: border-box; }
#Start {
position: relative; }
#Start::after {
content: ' ';
position: absolute;
z-index: -1;
bottom: -240px;
height: 400px;
width: 100%;
background-color: #8AC7AA; }
#Start > h2 {
display: none; }
#Start .wp-block-media-text .wp-block-media-text__media img {
position: absolute;
bottom: 0px;
left: 0px;
width: 40%;
min-width: 515px;
top: 100px; }
#Start .wp-block-media-text .wp-block-media-text__content {
padding-bottom: 300px !important;
padding-top: 200px !important;
left: -85px;
position: relative; }
#Start .has-media-on-the-right {
background: #43509B; }
#Start .has-media-on-the-right p {
color: #fff; }
#Start .has-media-on-the-right .wp-block-media-text__media {
position: relative;
width: 100%;
height: 100%; }
#Start .has-media-on-the-right .wp-block-media-text__media img {
position: absolute;
bottom: 0px;
top: auto;
right: 0px;
left: auto;
min-height: 900px;
min-width: 720px; }
#Start .has-media-on-the-right .wp-block-media-text__content {
padding-bottom: 200px !important;
padding-top: 100px !important;
left: auto; }
#Team {
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
background: linear-gradient(180deg, #8AC7AA 600px, white 600px);
padding-top: 100px; }
#Team h2 {
text-align: center; }
#Dienstleistungen {
padding-top: 100px; }
#Dienstleistungen h2 {
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
width: 100%;
box-sizing: border-box; }
#Dienstleistungen h2:nth-child(1) {
padding-left: calc(50% - 330px);
padding-right: calc(50% - 330px);
width: 100%;
box-sizing: border-box;
text-align: left; }
#Dienstleistungen .has-media-on-the-right .has-large-font-size {
min-width: 725px; }
#Dienstleistungen .has-media-on-the-right .wp-block-media-text__media img {
width: auto !important;
max-height: 600px !important;
max-width: 100% !important;
position: relative;
top: 100px;
z-index: 1; }
#Referenzen,
#Unsere-Referenzen {
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
background: #8AC7AA;
padding-bottom: 170px;
padding-top: 80px; }
#Referenzen h2,
#Unsere-Referenzen h2 {
text-align: center; }
#Referenzen .entry,
#Unsere-Referenzen .entry {
display: inline-block;
width: auto;
position: relative;
left: 50%;
transform: translateX(-50%); }
#Jobs {
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
padding-top: 80px;
padding-bottom: 130px; }
#Jobs h2,
#Jobs h3,
#Jobs p {
text-align: center; }
#Jobs ul {
text-align: center;
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px); }
#Jobs ul li {
list-style: none;
font-weight: 300;
line-height: 32px; }
#Kontakt {
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
background: #8AC7AA;
padding-bottom: 100px; }
#Kontakt h2 {
text-align: center; }
.two-media-placeholders {
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
box-sizing: border-box;
width: 100%;
position: relative; }
.two-media-placeholders h2 {
display: block;
font-size: 90px;
max-width: 460px;
margin-top: 130px; }
.two-media-placeholders .wp-block-column:nth-child(2) {
color: transparent;
font-size: 1px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image {
margin-left: 0px;
margin-right: 0px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:first-child {
min-width: 590px;
display: block;
position: relative;
left: -100px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:last-child {
max-width: 490px;
float: right;
position: relative;
top: -60px; }
.teammember {
color: transparent;
font-size: 1px;
width: calc(50% - 16px);
margin-right: 8px;
margin-left: 8px;
float: left;
display: block;
margin-bottom: 25px; }
.teammember:nth-child(2n + 1) {
margin-left: 0px; }
.teammember:nth-child(2n + 2) {
margin-right: 0px; }
.teammember .wp-block-image {
height: 387px;
position: relative;
overflow: hidden;
width: 387px;
display: block;
margin: 0px auto;
border-radius: 100%; }
.teammember .memberinfo {
margin-top: 15px;
text-align: center; }
.teammember .memberinfo p {
margin-top: 0px;
color: #43509B;
margin-bottom: 0px !important; }
.teammember .memberinfo p b {
font-family: "barlowbold"; }
.reference {
float: left;
width: 288px;
height: 100px;
position: relative;
display: block;
overflow: hidden;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 10px;
font-size: 1px;
color: transparent; }
.reference:nth-child(4n + 1) {
margin-left: 0px; }
.reference:nth-child(4n + 4) {
margin-right: 0px; }
.reference a img {
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
left: 50%;
width: auto;
max-height: 95px;
max-width: 221px; }
.reference:nth-child(2) a img {
top: calc(50% + 19px); }
@media (min-width: 300px) and (max-width: 500px) {
h2 {
font-size: 24px;
line-height: 32px; }
h3 {
font-size: 17px;
line-height: 20px; }
p {
font-size: 16px;
line-height: 26px; }
p > a {
font-size: 16px;
line-height: 20px;
letter-spacing: 1.02px; }
.two-media-placeholders {
padding-left: 20px;
padding-right: 20px;
transform: scaleY(-1);
margin-top: 130px;
margin-bottom: -100px !important; }
.two-media-placeholders h2 {
font-size: 35px;
line-height: 49px;
max-width: 205px;
margin-top: 0px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:first-child {
min-width: 239px;
width: 239px;
left: 0px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:last-child {
min-width: 197px;
width: 197px;
top: -30px; }
.two-media-placeholders .wp-block-column {
transform: scaleY(-1); }
.wp-block-media-text {
padding-left: 20px;
padding-right: 20px;
grid-template-columns: 100% 100% !important;
display: block !important; }
.wp-block-media-text .has-large-font-size {
font-size: 24px;
line-height: 32px;
min-width: 1px; }
.has-media-on-the-right {
display: block !important; }
#Start .wp-block-media-text {
display: block; }
#Start .wp-block-media-text .wp-block-media-text__content {
left: 0px;
padding-top: 30px !important;
padding-bottom: 250px !important; }
#Start .wp-block-media-text .wp-block-media-text__media img {
min-width: 100%;
top: calc(100% - 250px); }
#Start .has-media-on-the-right {
display: block;
transform: scaleY(-1); }
#Start .has-media-on-the-right .wp-block-media-text__content {
padding-top: 30px !important;
transform: scaleY(-1);
padding-bottom: calc(100% + 55px) !important; }
#Start .has-media-on-the-right .wp-block-media-text__media {
transform: scaleY(-1); }
#Start .has-media-on-the-right .wp-block-media-text__media img {
min-height: 1px;
min-width: 100%;
top: auto; }
#Team {
padding-left: 20px;
padding-right: 20px;
background: #8AC7AA; }
.teammember {
width: 100%;
margin-left: 0px;
margin-right: 0px; }
.teammember .wp-block-image { height: 200px;
width: 200px; }
#Dienstleistungen {
padding-top: 30px; }
#Dienstleistungen h2:nth-child(1) {
padding-left: 20px;
padding-right: 20px; }
#Dienstleistungen .has-media-on-the-right {
margin-top: 70px;
transform: scaleY(-1); }
#Dienstleistungen .has-media-on-the-right .has-large-font-size {
min-width: 1px; }
#Dienstleistungen .has-media-on-the-right .wp-block-media-text__content {
transform: scaleY(-1); }
#Dienstleistungen .has-media-on-the-right .wp-block-media-text__media {
transform: scaleY(-1); }
#Dienstleistungen .has-media-on-the-right .wp-block-media-text__media img {
top: auto; }
.wp-block-advgb-accordions {
padding-left: 20px;
padding-right: 20px; }
.wp-block-advgb-accordions .advgb-accordion-header h4 {
font-size: 16px !important;
letter-spacing: 0.6px !important; }
.wp-block-advgb-accordions .advgb-accordion-header {
padding-left: 0px !important;
padding-right: 27px !important; }
.wp-block-advgb-accordions .advgb-accordion-header-icon {
line-height: 1.3; }
.wp-block-advgb-accordions .advgb-accordion-body {
padding-left: 0px;
padding-right: 0px; }
#Referenzen,
#Unsere-Referenzen {
padding-left: 20px;
padding-right: 20px;
margin-top: -170px;
padding-top: 190px;
padding-bottom: 80px;
background: none; }
.reference {
width: 221px;
left: 50%;
transform: translateX(-50%);
margin-left: 0px !important;
margin-right: 0px !important;
height: 95px; }
#Jobs {
padding-left: 20px;
padding-right: 20px;
padding-top: 60px;
padding-bottom: 80px; }
#Kontakt {
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 80px; }
.wpcf7-form {
width: 100%; } }
@media (min-width: 501px) and (max-width: 767px) {
h2 {
font-size: 27px;
line-height: 32px; }
h3 {
font-size: 19px;
line-height: 20px; }
p {
font-size: 18px;
line-height: 26px; }
p > a {
font-size: 18px;
line-height: 20px;
letter-spacing: 1.02px; }
.two-media-placeholders {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
transform: scaleY(-1);
margin-top: 130px;
margin-bottom: -100px !important; }
.two-media-placeholders h2 {
font-size: 40px;
line-height: 49px;
max-width: 210px;
margin-top: -80px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:first-child {
min-width: 380px;
width: 380px;
left: 0px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:last-child {
min-width: 300px;
width: 300px;
top: -50px; }
.two-media-placeholders .wp-block-column {
transform: scaleY(-1);
flex-basis: 100% !important;
margin-left: 0px !important; }
.wp-block-media-text {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
grid-template-columns: 100% 100% !important;
display: block !important; }
.wp-block-media-text .has-large-font-size {
font-size: 27px;
line-height: 32px;
min-width: 1px; }
.has-media-on-the-right {
display: block !important; }
#Start .wp-block-media-text {
display: block; }
#Start .wp-block-media-text .wp-block-media-text__content {
left: 0px;
padding-top: 30px !important;
padding-bottom: 400px !important; }
#Start .wp-block-media-text .wp-block-media-text__media img {
min-width: unset;
top: 250px;
width: 100%;
max-width: 450px; }
#Start .has-media-on-the-right {
display: block;
transform: scaleY(-1); }
#Start .has-media-on-the-right .wp-block-media-text__content {
padding-top: 30px !important;
transform: scaleY(-1);
padding-bottom: calc(100% + 85px) !important; }
#Start .has-media-on-the-right .wp-block-media-text__media {
transform: scaleY(-1); }
#Start .has-media-on-the-right .wp-block-media-text__media img {
min-height: 1px;
min-width: 100%;
top: auto; }
#Team {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
background: linear-gradient(180deg, #8AC7AA 300px, #fff 300px);
padding-bottom: 80px; }
.teammember .wp-block-image { height: 200px;
width: 200px; }
.teammember .wp-block-image img {
min-height: 200px;
width: auto;
left: 50%;
position: absolute;
transform: translateX(-50%); }
#Dienstleistungen {
padding-top: 30px; }
#Dienstleistungen h2:nth-child(1) {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px); }
#Dienstleistungen .has-media-on-the-right {
margin-top: 70px;
transform: scaleY(-1); }
#Dienstleistungen .has-media-on-the-right .has-large-font-size {
min-width: 1px; }
#Dienstleistungen .has-media-on-the-right .wp-block-media-text__content {
transform: scaleY(-1); }
#Dienstleistungen .has-media-on-the-right .wp-block-media-text__media {
transform: scaleY(-1); }
#Dienstleistungen .has-media-on-the-right .wp-block-media-text__media img {
top: auto; }
.wp-block-advgb-accordions {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px); }
.wp-block-advgb-accordions .advgb-accordion-header h4 {
font-size: 19px !important;
letter-spacing: 0.6px !important; }
.wp-block-advgb-accordions .advgb-accordion-header {
padding-left: 0px !important;
padding-right: 27px !important; }
.wp-block-advgb-accordions .advgb-accordion-header-icon {
line-height: 1.3; }
.wp-block-advgb-accordions .advgb-accordion-body {
padding-left: 0px;
padding-right: 0px; }
#Referenzen,
#Unsere-Referenzen {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
margin-top: -275px;
padding-top: 330px;
padding-bottom: 80px; }
.reference {
width: 221px;
left: auto;
transform: none;
margin-left: 0px !important;
margin-right: 0px !important;
height: 95px; }
#Jobs {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
padding-top: 60px;
padding-bottom: 80px; }
#Kontakt {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
padding-top: 40px;
padding-bottom: 80px; }
.wpcf7-form {
width: 100%; } }
@media (min-width: 768px) and (max-width: 1265px) {
#main {
padding-top: 140px; }
h2 {
font-size: 40px; }
.two-media-placeholders {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px); }
.two-media-placeholders h2 {
font-size: 62px;
line-height: 69px;
margin-top: 200px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:first-child {
min-width: 370px;
left: -45px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:last-child {
max-width: 300px;
top: -35px; }
.wp-block-media-text {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px); }
.wp-block-media-text .has-large-font-size {
min-width: 1px;
font-size: 40px; }
.has-media-on-the-right .has-large-font-size {
min-width: 470px; }
#Start .wp-block-media-text .wp-block-media-text__content {
left: 0px;
padding-top: 80px !important;
padding-bottom: 115px !important; }
#Start .wp-block-media-text .wp-block-media-text__media img {
min-width: 370px; }
#Start .has-media-on-the-right .wp-block-media-text__media img {
min-height: 810px;
min-width: 650px; }
#Team {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px);
background: linear-gradient(180deg, #8AC7AA 400px, #fff 400px); }
.teammember .wp-block-image {
height: 240px;
width: 240px; }
#Dienstleistungen h2:nth-child(1) {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px); }
.wp-block-advgb-accordions {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px); }
#Jobs {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px); }
#Kontakt {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px); }
#Dienstleistungen .has-media-on-the-right .has-large-font-size {
min-width: 490px; }
#Referenzen,
#Unsere-Referenzen {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px); } }
.cf7sr-g-recaptcha > div > div {
width: auto !important; }
.cf7sr-g-recaptcha > div {
margin: 0 auto; }
.footer {
width: 100%;
box-sizing: border-box;
background-color: white;
float: left;
padding-left: calc(50% - 595px);
padding-right: calc(50% - 595px);
padding-top: 85px;
padding-bottom: 63px; }
li.widget_text {
list-style: none; }
h2.widgettitle {
color: black;
font-size: 20px;
font-family: "don_josregular_black";
font-weight: 700;
text-transform: uppercase; }
.textwidget > p {
color: #43509B;
font-family: "barlowlight";
font-size: 20px;
margin-top: 0px;
letter-spacing: 0;
line-height: 32px; }
.textwidget > p > a {
text-transform: none;
letter-spacing: 0; }
.menu-footer-menu-container {
position: absolute;
display: block;
float: right;
right: 0px;
bottom: 0px; }
.menu-footer-menu-container > ul.menu {
padding-left: 0;
display: inline-block;
float: right; }
.menu-footer-menu-container > ul.menu > li {
list-style: none;
width: auto;
display: inline-block;
margin-left: 20px; }
.menu-footer-menu-container > ul.menu > li > a {
color: #43509B;
font-family: "barlowlight";
font-size: 20px;
text-decoration: none;
font-weight: 300; }
.menu-footer-menu-container > ul.menu > li > a:hover {
color: #43509B;
text-decoration: none; }
.menu-footer-menu-container > ul.menu > li.current-menu-item {
background-color: transparent; }
.col-sm-6:nth-child(2) {
display: inline-block;
height: auto;
min-height: 190px; }
.col-sm-6:nth-child(2) #social-icons {
display: inline-block;
height: auto;
width: auto;
float: right;
position: relative; }
.col-sm-6:nth-child(2) #social-icons a {
color: transparent;
text-decoration: none;
display: block;
width: 33px;
height: 33px;
position: relative;
float: left;
margin-left: 20px; }
.col-sm-6:nth-child(2) #social-icons .facebook {
background: url(//ferreira-reinigungen.ch/wp-content/themes/temp/img/facebook.svg?v2);
background-size: 30px;
background-repeat: no-repeat; }
.col-sm-6:nth-child(2) #social-icons .instagram {
background: url(//ferreira-reinigungen.ch/wp-content/themes/temp/img/instagram.svg?v2);
background-size: 30px;
background-repeat: no-repeat; }
#mobile-social-icons {
display: none; }
@media (min-width: 300px) and (max-width: 500px) {
.footer {
padding-left: 20px;
padding-right: 20px; }
.menu-footer-menu-container {
width: 100%; }
.menu-footer-menu-container > ul.menu {
width: 100%; }
.menu-footer-menu-container > ul.menu > li {
margin-left: 0px;
width: 100%;
text-align: center;
margin-bottom: 10px; }
.textwidget > p {
text-align: center; }
.textwidget > p > a {
font-size: 20px; }
#social-icons {
display: none !important; }
#mobile-social-icons {
display: inline-block;
height: auto;
width: auto;
left: 50%;
transform: translateX(-50%);
position: relative;
margin-bottom: 40px; }
#mobile-social-icons a {
color: transparent;
text-decoration: none;
display: block;
width: 33px;
height: 33px;
position: relative;
float: left;
margin-left: 20px; }
#mobile-social-icons .facebook {
background: url(//ferreira-reinigungen.ch/wp-content/themes/temp/img/facebook.svg?v2);
background-size: 30px;
background-repeat: no-repeat;
margin-left: 0px; }
#mobile-social-icons .instagram {
background: url(//ferreira-reinigungen.ch/wp-content/themes/temp/img/instagram.svg?v2);
background-size: 30px;
background-repeat: no-repeat; }
.col-sm-6:nth-child(2) {
min-height: 130px; } }
@media (min-width: 501px) and (max-width: 767px) {
.footer {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
padding-top: 60px; }
.textwidget > p {
font-size: 18px; }
.menu-footer-menu-container > ul.menu > li {
margin-top: 10px; }
.menu-footer-menu-container > ul.menu > li > a {
font-size: 18px; }
.col-sm-6:nth-child(2) #social-icons {
float: left; }
.col-sm-6:nth-child(2) #social-icons a {
margin-left: 10px;
margin-right: 10px; }
#mobile-social-icons {
display: none; } }
@media (min-width: 768px) and (max-width: 1265px) {
.footer {
padding-left: calc(50% - 383px);
padding-right: calc(50% - 383px);
padding-top: 60px; } }
.navbar-default {
background-color: white;
position: absolute;
bottom: 20;
z-index: 10;
border: 0;
width: 100%; }
.navbar-default {
height: 70px;
margin-top: 0px;
top: 0;
left: 0;
width: 100%; }
.navbar-default > .menu-main-menu-container,
.navbar-default .menu-impress-menu-container,
.navbar-default .menu-single-menu-container {
position: relative;
display: block;
width: 1190px;
height: 22px;
left: 50%;
transform: translateX(-50%);
margin-top: 58px; }
.navbar-default > .menu-main-menu-container > .navbar-nav,
.navbar-default .menu-impress-menu-container > .navbar-nav,
.navbar-default .menu-single-menu-container > .navbar-nav {
margin: 0 auto;
width: auto;
display: inline-block;
float: right;
right: 0px; }
.navbar-default .navbar-nav {
text-align: center;
margin: 0px;
padding: 0px; }
.navbar-default .navbar-nav > li {
display: inline;
width: 20%;
text-align: center;
transition-duration: 0.3s;
list-style: none;
height: auto;
margin-right: 100px; }
.navbar-default .navbar-nav > li:last-child {
margin-right: 0px; }
.navbar-default .navbar-nav > li > a {
font-family: "barlowbold";
text-transform: uppercase;
font-weight: 300;
color: #43509B;
font-size: 20px;
transition-duration: 0.3s;
text-decoration: none;
letter-spacing: 3px; }
.navbar-default .navbar-nav > li > a:hover {
color: #8AC7AA;
background-color: transparent;
border: none;
text-decoration: none; }
.current-menu-item,
.current-page-ancestor,
.current-menu-ancestor,
.current-menu-parent {
background-color: transparent;
border: none; }
.fix-sticky-scroll-nav {
position: fixed;
margin-top: 0px;
background-color: white;
height: 83px;
width: 100%;
left: 0;
border-radius: 0px;
top: 0;
z-index: 20;
margin-top: 0px !important;
border-bottom: 1px solid rgba(67, 80, 155, 0.12); }
.fix-sticky-scroll-nav .menu-main-menu-container,
.fix-sticky-scroll-nav .menu-impress-menu-container,
.fix-sticky-scroll-nav .menu-single-menu-container {
margin-top: 23px; }
.cat-space.fix-sticky-scroll-nav {
margin-top: 30px !important; }
.open-menue {
display: none;
cursor: pointer;
position: absolute;
top: 0;
padding-top: 23px;
padding-right: 21px;
right: 0px;
z-index: 135; }
.bar1, .bar2, .bar3 {
width: 35px;
height: 3px;
background-color: #43509B;
margin: 6px 0;
transition: 0.4s;
margin-bottom: 8px; }
.change-bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
background-color: #43509B; }
.change-bar2 {
opacity: 0; }
.change-bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
background-color: #43509B; }
.activeSpy {
color: #8AC7AA !important; }
@media (min-width: 300px) and (max-width: 1265px) {
.open-menue {
display: inline-block;
position: fixed; }
.open-menue.cat-space {
margin-top: 30px; }
.navbar-default {
width: 100%;
left: 0;
top: -140%;
margin-top: 0;
padding-top: 100px;
display: block;
height: 100%;
z-index: 35;
position: fixed;
border-top: 1px solid white;
transition-duration: 0.7s; }
.navbar-default > .menu-main-menu-container,
.navbar-default .menu-impress-menu-container,
.navbar-default > .menu-single-menu-container {
width: 100%; }
.navbar-default > .menu-main-menu-container > .navbar-nav,
.navbar-default .menu-impress-menu-container > .navbar-nav,
.navbar-default > .menu-single-menu-container > .navbar-nav {
clear: both;
float: none;
right: auto;
width: 100%; }
.go-high {
top: 0%; }
.navbar-nav-overlay {
background-color: rgba(0, 0, 0, 0.9);
height: 100%;
width: 100%;
top: 0;
position: fixed;
display: none;
z-index: 30;
left: 0; }
ul.nav.navbar-nav {
padding-left: 0;
position: relative;
height: 500px; }
ul.nav.navbar-nav > li {
float: none;
width: 100%;
clear: both;
list-style: none;
display: block;
margin-right: auto;
margin-bottom: 10px; }
ul.nav.navbar-nav > li > a {
color: #43509B; }
ul.nav.navbar-nav > .menu-item-has-children:hover {
display: block; }
ul.nav.navbar-nav > .menu-item-has-children:hover .sub-menu {
position: relative;
height: auto; } }
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-9,
.col-sm-12 {
float: left; position: relative;
box-sizing: border-box; padding-right: 0px;
padding-left: 0px;
padding: 10px; }
.col-sm-2 {
width: 20%; }
.col-sm-3 {
width: 25%; }
.col-sm-4 {
width: 33.33%; }
.col-sm-6 {
width: 50%; }
.col-sm-8 {
width: 66.66%; }
.col-sm-9 {
width: 75%; }
.col-sm-12 {
width: 100%; }
@media (min-width: 300px) and (max-width: 500px) {
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-6,
.col-sm-8,
.col-sm-9,
.col-sm-12 {
width: 100%; } } .blub {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
user-select: none;
height: 422px;
width: 100%; }
img {
display: block;
width: 100%;
height: auto; }
.slider {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
cursor: url(//ferreira-reinigungen.ch/wp-content/themes/temp/img/radCoursor.svg), auto !important; }
.slider.is-grabbing {
cursor: grabbing; }
.slider__inner {
position: absolute;
top: 0;
left: 0;
height: 422px;
pointer-events: none; }
.slide {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40vw;
height: 422px;
padding: 0px; }
.slide__bg {
position: absolute;
top: 0%;
left: 10px;
bottom: 0%;
right: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.slide__title {
position: relative;
color: #fff;
font-size: calc(1rem + 3vw);
font-weight: normal;
z-index: 2; }
.text {
position: absolute;
color: #666;
left: 4rem;
bottom: 3rem; }
.cursor-wrap {
position: fixed;
top: 0;
left: 0;
pointer-events: none; }
.cursor {
position: fixed;
top: -30px;
left: -30px; }
@media (min-width: 300px) and (max-width: 500px) {
.blub {
height: 345px;
margin-top: 100px; }
.slide {
height: 345px;
width: 60vw; }
.slider {
overflow-x: scroll;
overflow-y: hidden;
z-index: 1; }
.slider::after {
position: absolute;
content: " ";
width: 100%;
background: #43509B;
height: 20px;
bottom: -20px;
left: 0px;
display: contents; } }
@media (min-width: 501px) and (max-width: 767px) {
.slider {
overflow-x: scroll;
overflow-y: hidden;
z-index: 1; }
.slider::after {
position: absolute;
content: " ";
width: 100%;
background: #43509B;
height: 20px;
bottom: -20px;
left: 0px;
display: contents; } }
.disclaimer-page {
padding-top: 100px;
padding-bottom: 200px;
margin-top: -100px !important; }
.disclaimer-page > .content-space {
width: 1180px;
margin: 0px auto;
display: block;
height: auto;
position: relative;
padding-left: 0px;
padding-right: 0px;
float: none; }
@media (min-width: 300px) and (max-width: 500px) {
.disclaimer-page {
margin-top: 0px !important;
padding-bottom: 20px; }
.disclaimer-page > .content-space {
width: 100%;
padding-left: 20px;
padding-right: 20px; } }
@media (min-width: 501px) and (max-width: 767px) {
.disclaimer-page {
margin-top: 0px !important;
padding-bottom: 70px;
padding-top: 100px; }
.disclaimer-page > .content-space {
width: 500px;
padding-left: 10px;
padding-right: 10px; } }
@media (min-width: 768px) and (max-width: 1265px) {
.disclaimer-page {
margin-top: 0px !important;
padding-bottom: 70px;
padding-top: 100px; }
.disclaimer-page > .content-space {
width: 766px;
padding-left: 10px;
padding-right: 10px; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.wp-block-media-text,
.has-media-on-the-right {
display: -ms-grid;
-ms-grid-rows: auto;
-ms-grid-columns: 50% auto;
width: 100%; }
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.has-media-on-the-right .wp-block-media-text__media,
.has-media-on-the-right .wp-block-media-text__content {
position: relative; }
.wp-block-media-text .wp-block-media-text__content {
right: -50%; }
.wp-block-media-text .wp-block-media-text__media {
right: 0%; }
.has-media-on-the-right .wp-block-media-text__content {
right: 0%; }
.has-media-on-the-right .wp-block-media-text__media {
right: -50%; } }
@media screen and (-ms-high-contrast: active) and (min-width: 300px) and (max-width: 500px), (-ms-high-contrast: none) and (min-width: 300px) and (max-width: 500px) {
.wp-block-media-text .wp-block-media-text__content {
right: 0%; }
.wp-block-media-text .wp-block-media-text__media {
right: 0%; }
.has-media-on-the-right .wp-block-media-text__content {
right: 0%; }
.has-media-on-the-right .wp-block-media-text__media {
right: 0%; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.has-2-columns .wp-block-column {
-ms-flex-preferred-size: calc(50% - 16px) !important; } }
@media screen and (-ms-high-contrast: active) and (min-width: 300px) and (max-width: 500px), (-ms-high-contrast: none) and (min-width: 300px) and (max-width: 500px) {
.has-2-columns .wp-block-column {
-ms-flex-preferred-size: 100% !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.wp-block-gallery {
display: inline-block !important; }
.wp-block-gallery > .blocks-gallery-item {
float: left !important;
margin: 0px !important;
height: 350px !important;
position: relative !important;
overflow: hidden !important;
margin: 5px !important; }
.blocks-gallery-item > figure > a {
display: block;
height: 350px;
width: 100%; }
.wp-block-gallery .blocks-gallery-image img,
.wp-block-gallery .blocks-gallery-item img {
position: absolute !important;
min-width: 100% !important;
min-height: 350px !important;
max-height: 100% !important;
max-width: none !important;
height: auto !important;
width: auto !important;
left: 50% !important;
top: 50% !important;
transform: translateY(-50%) translateX(-50%) !important; } }
@media screen and (-ms-high-contrast: active) and (min-width: 300px) and (max-width: 500px), (-ms-high-contrast: none) and (min-width: 300px) and (max-width: 500px) {
.wp-block-gallery > .blocks-gallery-item {
width: calc(50% - 16px) !important;
height: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.two-media-placeholders h2 {
font-size: 88px; }
.blub {
display: none; }
.wp-block-media-text {
display: inline-block !important;
width: 100% !important;
position: relative !important; }
.wp-block-media-text .wp-block-media-text__content {
width: 50% !important;
display: block !important;
float: left !important; }
.wp-block-media-text .wp-block-media-text__media {
width: 50% !important;
display: block !important;
float: left !important; }
.has-media-on-the-right .wp-block-media-text__content {
right: 50%; }
#Start .wp-block-media-text .wp-block-media-text__content {
left: auto; }
#Start .has-media-on-the-right .wp-block-media-text__content {
left: auto;
right: 0% !important; }
#Start .has-media-on-the-right .wp-block-media-text__media img {
top: 0px;
min-width: 507px;
min-height: 300px; } }
@media screen and (-ms-high-contrast: active) and (min-width: 300px) and (max-width: 500px), (-ms-high-contrast: none) and (min-width: 300px) and (max-width: 500px) {
.two-media-placeholders {
padding-left: 20px;
padding-right: 20px;
transform: scaleY(-1);
margin-top: 130px;
margin-bottom: -100px !important; }
.two-media-placeholders h2 {
font-size: 35px;
line-height: 49px;
max-width: 205px;
margin-top: 0px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:first-child {
min-width: 239px;
width: 239px;
left: 0px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:last-child {
min-width: 197px;
width: 197px;
top: -30px; }
.two-media-placeholders .wp-block-column {
transform: scaleY(-1); }
.wp-block-media-text .wp-block-media-text__content {
width: 100% !important; }
.wp-block-media-text .wp-block-media-text__media {
width: 100% !important; }
.has-media-on-the-right .wp-block-media-text__media {
right: 0% !important; }
.wp-block-media-text .wp-block-media-text__content {
right: 0px; }
#Start .has-media-on-the-right .wp-block-media-text__content {
padding-bottom: calc(100% - 30px) !important; }
#Start .wp-block-media-text .wp-block-media-text__media img {
top: calc(100% + 250px); }
#Start .has-media-on-the-right .wp-block-media-text__media {
top: 376px; }
#Start .has-media-on-the-right .wp-block-media-text__media img {
min-width: 300px;
min-height: 200px; } }
@media screen and (-ms-high-contrast: active) and (min-width: 501px) and (max-width: 767px), (-ms-high-contrast: none) and (min-width: 501px) and (max-width: 767px) {
.two-media-placeholders {
padding-left: calc(50% - 250px);
padding-right: calc(50% - 250px);
transform: scaleY(-1);
margin-top: 130px;
margin-bottom: -100px !important; }
.two-media-placeholders h2 {
font-size: 40px;
line-height: 49px;
max-width: 210px;
margin-top: -80px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:first-child {
min-width: 380px;
width: 380px;
left: 0px; }
.two-media-placeholders .wp-block-column:nth-child(2) .wp-block-image:last-child {
min-width: 300px;
width: 300px;
top: -50px; }
.two-media-placeholders .wp-block-column {
transform: scaleY(-1);
flex-basis: 100% !important;
margin-left: 0px !important; }
.wp-block-media-text .wp-block-media-text__content {
width: 100% !important; }
.wp-block-media-text .wp-block-media-text__media {
width: 100% !important; }
.has-media-on-the-right .wp-block-media-text__media {
right: 0% !important; }
.wp-block-media-text .wp-block-media-text__content {
right: 0px; }
#Start .has-media-on-the-right .wp-block-media-text__media {
top: 634px; } }
@supports (-ms-ime-align: auto) {
.two-media-placeholders h2 {
font-size: 88px; } }
@supports (-webkit-overflow-scrolling: touch) {
.slider {
overflow-x: scroll;
overflow-y: hidden;
z-index: 1; }
.slider::after {
position: absolute;
content: " ";
width: 100%;
background: #43509B;
height: 20px;
bottom: -20px;
left: 0px;
display: contents; } }