@charset "UTF-8";
 html, body{ 
min-height: 100%;
}
body{
margin: 0;
padding: 0;
}
ul { 
list-style-type: none;
margin: 0;
padding: 0;
}
a{  
text-decoration: none;
}
body, p, a{ color: #000 }
.font-regular{ font-family: Lato regular }
.font-prompt-regular{ font-family: Prompt-Regular }
.font-bold{ font-family: Promt SemiBold }
img{ max-width: 100% } @media only screen and (max-width: 768px) {
#header-logo{ width: 30% }
#header-logo img{ max-width: 100%; margin-top: 27px }
#header-logo, #nav{ width: 50%; float: left }
.menu{ text-align: right }
.menu li{ padding-top: 10px; padding-bottom: 5px }
.menu li:nth-child(2){ padding-bottom: 20px }
.mob-icons{ display: inline-block }
#menu-close, #mob-menu{ display: none }
#nav{ text-align: right }
#nav img{ width: 13vw; max-width: 100% }
#mob-menu{ position: absolute; width: 100%; left: 0; text-align: center; font-size: 5vw }
#nav li:nth-child(1){ border-bottom: 1px solid #000; padding-bottom: 3vw }
#nav li:nth-child(2){ padding-bottom: 15px !important }
}
@media only screen and (min-width: 769px) {
#header-logo{ width: 20%; padding-top: 14px; padding-bottom: 11px; float: left }
#nav{ width: 80%; display: inline-block }
#nav li{ float: right; display: inline-block; margin-top: 18px }
#nav li:nth-child(1){ margin-left: 45px }
#nav li a{ font-weight: bold }
.mob-icons{ display: none }
#main{ background-color: #fff }
#mob-menu a{ color: #fff }
body{ background-color: #C7B39A }
}  .container{ margin: 0 auto; display: flow-root }
.bg-beige{ background-color: #C7B39A }
.bg-light-beige{ background-color: #EEE9E3 }
#banner-container{ text-align: center }
#banner-container span{ color: #fff !important; display: inline-block; float: left }
#banner-buttons button{ background-color: rgba(29, 125, 111, 0.8); border-radius: 8px; border: none; cursor: pointer }
#section3{ text-align: center; position: relative }
#section3{ padding-top: 2vw; padding-bottom: 8vw; background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/section3-bg.jpg); background-size: 100% 100% }
.liner-master, .liner1{ border-bottom: 4px solid #1D7D6F }
#section4, #section12, #kontakt, #contact-title{ width: 100%; display: inline-block }
#section12{ margin-top: 60px }
.liner1{ display: inline-block; float: left }
#section5{ margin-top: 2vw; margin-bottom: 2vw }
#dienstleistungen p, .section-title-block p, #section14 p, #section16 p, #section18 p{ text-align: center }
#dienstleistungen{ padding-top: 6vw; padding-bottom: 4vw; background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/section6-bg.jpg); background-size: 100% 100%; text-align: center }
#section14{ padding-top: 6vw; padding-bottom: 4vw; background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/section14-bg.jpg); background-size: 100% 100% }
#section15{ padding-top: 30px }
#section20{ padding-top: 6vw; padding-bottom: 4vw; margin-top: -3px; background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/section20-bg.jpg); background-size: 100% 100% } #section7, .serv-section{ width: 100%; display: inline-block; margin-top: -5px }
#section11{ margin-top: -5px }
.fleft, .sfl{ float: left }
.fright, .sfr{ float: right }
.serv-content button, .btn-mob button{ background-color: #1D7D6F; color: #fff; border: 0; border-radius: 6px; margin-top: 15px }
.grid-cell-2 img{ width: 100% }
#section8, #section91, #section14, #section16, #section18{ text-align: center }
.st-container, .st-container2, .st-container3, .st-container4, .st-container5, .st-container6{ display: inline-block; margin: 0 auto; background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/gc_index.png); background-repeat: no-repeat } .wpcf7-form p{ float: right; margin: 0; margin-bottom: 12px }
.wpcf7-form label, .wpcf7-submit{ color: #fff; font-family: Lato regular }
.wpcf7-form input{ border: 0; height: 33px; border-radius: 3px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); }
.wpcf7-submit{ background-color: #1D7D6F; color: #fff; cursor: pointer; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/senden.png); background-repeat: no-repeat; background-position: right 10px center; background-size: 23px auto }
div.wpcf7-validation-errors{ display: none !important }
span.wpcf7-not-valid-tip { text-align: right }
.your-subject input{ height: 160px }
div.wpcf7-response-output { margin-top: 0 !important; text-align: center; position: absolute; margin-top: -40px !important; } .impressum, .datenschutz, .agb{ padding-top: 20px; margin-bottom: 20px }
.seiten-title{ font-size: 30px }
.pg-title{ padding-top: 30px; display: inline-block }
@media only screen and (max-width: 768px) {
.container{ width: 90% } #banner-buttons{ width: 100% }
#banner-title{ margin-bottom: 7vw }
#banner-title h1{ color: #C7B39A !important; font-size: 4vw !important }
#banner-buttons span{ font-size: 4vw }
#banner-buttons button{ height: 17vw; width: 100% }
#banner-buttons div:nth-child(1){ margin-right: 10% }
#banner-buttons div{ width: 45%; float: left }
#banner-buttons img{ width: 8vw; margin-right: 2vw }
.btext{ margin-top: 1.2vw }
.bimg{ margin-left: 3vw } #section3{ padding-right: 5%; padding-left: 21% }
#section3 p{ font-size: 3.5vw; text-align: right }
.liner1{ width: 5% }
#section5 p:nth-child(1), #section13 p:nth-child(1){ font-size: 3.9vw; font-weight: bold }
#section5 p:nth-child(2), #section13 p:nth-child(2){ font-size: 2.75vw }
#dienstleistungen p, .section-title-block p, #section14 p, #section16 p, #section18 p{ font-size: 4.5vw }
.serv-content, .btn-mob{ width: 90%; padding-right: 5%; text-align: center; padding-left: 5%; margin-top: 30px }
.services-title{margin-top: -0.3vw; font-size: 16px; font-weight: bold }
.serv-content button, .btn-mob button{ height: 76px; width: 80%; margin-bottom: 25px }
.serv-content button a, .btn-mob button a{ padding: 28px; font-size: 4.5vw; color: #fff; padding-top: 26px; padding-bottom: 28px; line-height: 11px; padding-left: 10px; padding-right: 10px }
#section11{ height: 150px; background-color: #EEE9E3 }
#dienstleistungen h3, .section-title-block h3, #section14 h3, #section16 h3, #section18 h3 { font-size: 6vw }
.st-container{ background-size: 3vw auto; width: 47vw }
.st-container2{ background-size: 3vw auto; width: 62vw }
.st-container3{ background-size: 3vw auto; width: 50vw }
.st-container4{ background-size: 3vw auto; width: 53vw }
.st-container5{ background-size: 3vw auto; width: 70vw }
.st-container6{ background-size: 3vw auto; width: 47vw }
.st-container, .st-container2, .st-container3, .st-container4, .st-container5, .st-container6{ background-position: right 8.5vw } #wpcf7-f50-p11-o1{ width: 100%; margin-top: 15px }
.wpcf7-form span{ margin-top: 6px; display: block }
.wpcf7-form input{ width: calc( 100% - 5px ); padding-left: 5px }
.wpcf7-submit{ width: 100% !important; padding-left: 0 !important; margin-top: 25px; margin-bottom: 25px }
.wpcf7-form p { width: 100% }
.btn-mob{ display: block }
.btn-desktop{ display: none }
}
@media only screen and (min-width: 769px) { #banner-container{ display: table; width: 100%; background: no-repeat url(https://gimaclean.ch/wp-content/uploads/2019/10/gimaclean-banner1.jpeg); background-size: 100% 100% }
#banner-content{ vertical-align: middle; display: table-cell }
#banner-buttons div{ float:left; display: inline-block }
#banner-buttons{ display: inline-block }
#banner-container{ color: #fff }
#banner-title h1{ color: #000 !important; text-shadow: 0px 0px 18px #fff }
h2{ font-size: 2.8vw }
.grid-cell-2{ width: 50% }
.cont-grid-cell-2{ width: 48%; float: left }
.cont-grid-cell-2:nth-child(1){ padding-right: 2% }
.cont-grid-cell-2:nth-child(2){ padding-left: 2% }
#section2_title{ margin-top: 60px }
p{ font-size: 1.2vw }
#section3 p{ font-weight: bold }
#section11{ padding-bottom: 8vw; background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/section11-bg.jpg); background-size: 100% 100%; margin-top: -3px }
.img-rad-left img{ border-top-left-radius: 5px; border-bottom-left-radius: 5px }
.img-rad-right img{ border-top-right-radius: 5px; border-bottom-right-radius: 5px }
.wpcf7-submit{ margin-top: 40px; margin-bottom: 50px }
#kontakt{ background-image: url(https://gimaclean.ch/wp-content/uploads/2019/10/cf-bottom.jpg); background-repeat: no-repeat; background-position: right bottom; background-size: 18% auto }
.btn-mob{ display: none }
.btn-desktop{ display: inline-block }
#dienstleistungen h3, .section-title-block h3, #section14 h3, #section16 h3, #section18 h3{ font-size: 6vw; margin-top: 60px }
.st-container, .st-container2, .st-container3, .st-container4, .st-container5, .st-container6{ background-position: right 80px }
}
@media only screen and (min-width: 769px) and (max-width: 1299px) {
.container{ width: 80% } #banner-buttons{ width: 100% }
#banner-title{ margin-bottom: 3vw; margin-top: -11vw }
#banner-title h1{ font-size: 3.6vw !important }
#banner-buttons span{ font-size: 3.1vw }
#banner-buttons button{ height: 17vw; width: 100% }
#banner-buttons div:nth-child(1){ margin-right: 10% }
#banner-buttons div{ width: 45% }
#banner-buttons img{ width: 7vw; margin-right: 1.2vw }
.btext{ margin-top: 1.1vw }
.bimg{ margin-left: 5.7vw } #section3 p { font-weight: bold; font-size: 1.9vw }
.liner-master p{ font-size: 49px; margin: 0; line-height: 80px }
.liner1{ width: 10% }
#section4 p, #contact-title p { font-size: 3.5vw }
#section5 p:nth-child(1), #section13 p:nth-child(1){ font-size: 3.5vw; font-weight: bold }
#section5 p:nth-child(2), #section13 p:nth-child(2){ font-size: 2.45vw }
#dienstleistungen p, .section-title-block p, #section14 p, #section16 p, #section18 p{ font-size: 4.5vw; margin-top: 6.5vw }
.serv-content{ width: 76% }
.fright{ padding-right: 4% }
.fleft{ padding-left: 4% }
.services-title{margin-top: -0.3vw; font-size: 2.2vw; font-weight: bold }
.serv-content button{ height: 6.4vw }
.serv-content button a{ padding: 2.5vw; font-size: 1.6vw; color: #fff; padding-top: 2.1vw; padding-bottom: 2.4vw; line-height: 1vw }
#section11{ height: 16vw }
.st-container{ background-size: 3vw auto; width: 47vw }
.st-container2{ background-size: 3vw auto; width: 62vw }
.st-container3{ background-size: 3vw auto; width: 50vw }
.st-container4{ background-size: 3vw auto; width: 53vw }
.st-container5{ background-size: 3vw auto; width: 70vw }
.st-container6{ background-size: 3vw auto; width: 47vw } #wpcf7-f50-p11-o1{ width: 47vw; margin: 0 auto; margin-top: 50px; margin-left: 11.5vw }
.wpcf7-form input{ margin-left: 0.8vw; width: 30.5vw; padding-left: 0.5vw }
.wpcf7-submit{ width: 31vw !important; padding-left: 0 !important }
}
@media only screen and (min-width: 1300px) {
.container{ width: 1000px } #banner-title{ margin-bottom: 55px; margin-top: -110px }
#banner-title h1{ font-size: 46px !important }
#banner-buttons span{ font-size: 34px }
#banner-buttons button{ height: 225px; width: 450px }
#banner-buttons div:nth-child(1){ margin-right: 100px }
#banner-buttons img{ width: 78px; margin-right: 18px }
.btext{ margin-top: 16px }
.bimg{ margin-left: 90px } .liner1{ width: calc( (100% - 1000px) / 2 ) }
#section3 p { font-weight: bold; font-size: 27px }
.liner-master p{ font-size: 49px; margin: 0; line-height: 80px }
#section5 p:nth-child(1), #section13 p:nth-child(1){ font-size: 45px; font-weight: bold }
#section5 p:nth-child(2), #section13 p:nth-child(2){ font-size: 31.5px }
#dienstleistungen h3, .section-title-block h3, #section14 h3, #section16 h3, #section18 h3{ font-size: 60px; margin-top: 60px }
.fright{ padding-right: 25px }
.fleft{ padding-left: 25px }
.serv-content{ width: 475px }
.services-title{ margin-top: -3px; font-size: 28px; font-weight: bold }
.services-title2{ font-size: 25.8px }
.serv-content button{ height: 76px }
.serv-content button a{ padding: 28px; font-size: 20px; color: #fff; padding-top: 26px; padding-bottom: 28px; line-height: 11px }
#section11{ height: 176px; margin-top: -5px }
.st-container{ background-size: 33px auto; width: 467px }
.st-container2{ background-size: 32px auto; width: 631px }
.st-container3{ background-size: 32px auto; width: 503px }
.st-container4{ background-size: 32px auto; width: 535px }
.st-container5{ background-size: 32px auto; width: 707px }
.st-container6{ background-size: 32px auto; width: 474px } #wpcf7-f50-p11-o1{ width: 580px; margin: 0 auto; margin-top: 50px; margin-left: 165px }
.wpcf7-form input{ margin-left: 8px; width: 395px; padding-left: 5px }
.wpcf7-submit{ width: 400px !important; padding-left: 0 !important }
#wpcf7-f50-p11-o1 label{ font-size: 19px !important }
} #footer{ background-color: #544643 }
#footer2{ background-color: #241F1C }
#footer2 p { hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto }
.footer a, .footer p{ color: #fff !important }
#fb2 li{ line-height: 33px; border-radius: 3px }
@media only screen and (max-width: 768px) {
.footer{ text-align: center }
#fb2 li{ text-align: right }
#footer { padding-top: 22px; padding-bottom: 26px }
#footer2{ padding-top: 23px; padding-bottom: 23px }
#fb2 li{ text-align: center }
#footer2 .grid-cell-2:nth-child(1){ margin-bottom: 32px }
}
@media only screen and (min-width: 769px) {
.footer{ display: flex }
#fb2 li{ float: right; width: 20%; text-align: right }
#fb2{ display: block; margin-top: 40px }
#footer2 p:nth-child(1){ margin-bottom: 32px }
#footer2{ display: flex }
}
@media only screen and (min-width: 769px) and (max-width: 1299px) {
#fb1 p:nth-child(1){ font-size: 2vw; margin-top: 33px; margin-bottom: 33px }
#footer { padding-top: 0px; padding-bottom: 38px }
#footer2{ padding-top: 23px; padding-bottom: 23px }
#fb2 li{ font-size: 1.4vw }
}
@media only screen and (min-width: 1300px) {
#fb1 p:nth-child(1){ font-size: 28px; font-size: 28px; margin-top: 33px; margin-bottom: 33px }
#footer { padding-top: 0px; padding-bottom: 38px }
#footer2{ padding-top: 23px; padding-bottom: 23px }
}