.ssa-upcoming-appointments{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
gap: 1rem;
margin-bottom: 1rem;
}
.ssa-upcoming-appointments .appointment-card{
display: flex;
flex-direction: column;
color: #858585;
background-color: white;
border-radius: 4px;
}
.ssa-upcoming-appointments .appointment-card-header{
display: flex;
flex-wrap: wrap;
gap: 1rem;
padding: 1.5rem 1.5rem 0 1.5rem;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img{
object-fit: contain;
}
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information{
display: flex;
flex-direction: column;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header {
display: flex;
flex-direction: column;
font-size: 20px;
font-weight: normal;
padding-top: 5px;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header .appointment-staff {
color: #242424;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header p:first-of-type{
font-size: 22px;
font-weight: bold;
color: #636363;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul {
padding-left: 18px;
margin: 11px 0 0 0;
font-size: 18px;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul li {
list-style-type: none;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-details ul li a{
color: #000000 !important;
text-decoration: underline !important;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .appointment-information .appointment-header p{
margin: 0;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header img{
width: 70px;
height: 70px;
border-radius: 120px;
object-fit: cover;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container{
width: 70px;
height: 70px;
position: relative;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container img{
width: 56px;
height: 56px;
position: absolute;
border-radius: 120px;
object-fit: cover;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container .secondary-image{
top: 0;
left: 0;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .staff-images-container .primary-image{
bottom: 0;
right: 0;
}
.ssa-upcoming-appointments .appointment-card .action-bar{
padding: 1rem;
}
.ssa-upcoming-appointments .appointment-card .action-bar button{
padding: 0.5rem 8px;
font-size: 18px;
background-color: transparent;
border: none;
color: #000000;
content: 'Edit Appointment';
border-radius: 4px;
}
.ssa-upcoming-appointments .appointment-card .action-bar button:hover{
cursor: pointer;
background-color: #FAFDF8;
}
@media screen and (min-width: 486px) and (max-width: 768px){
.ssa-upcoming-appointments .appointment-card-header{
justify-content: center;
}
.ssa-upcoming-appointments .appointment-card .appointment-card-header .member-avatar img {
object-fit: contain;
}
.ssa-upcoming-appointments .appointment-card .action-bar{
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 600px) and (max-width: 768px) {
.wp-container-core-group-layout-6 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
.wp-container-core-columns-layout-1 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
.wp-container-core-columns-layout-2 .ssa-upcoming-appointments .appointment-card .action-bar{
display:block;
justify-content: none;
}
}iframe.ssa_booking_iframe {
border: 0 none;
height: 600px;
max-height:  none !important; min-width: 100%;
width: 1px;
}
.ssa-admin-warning {
background-color: #fff9c4;
border-left: 4px solid #fdd835;
color: #c6a700; 
margin: 0;
padding: 16px;
}body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: #c6191a;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
cursor: url(//www.hunzikerwin.ch/wp-content/themes/hunziker/img/icon_close_cross_weiss.svg), auto;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
cursor: url(//www.hunzikerwin.ch/wp-content/themes/hunziker/img/icon_close_cross_weiss.svg), auto;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none; border: 0px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
padding: 40px;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 50%;
left: 0;
float: left;
text-align: left; background: url(//www.hunzikerwin.ch/wp-content/themes/hunziker/img/slider_pfeil_prev_weiss.svg) left 48% no-repeat;
background-size: 25% 25%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
display: block;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 50%;
right: 0;
float: right; background: url(//www.hunzikerwin.ch/wp-content/themes/hunziker/img/slider_pfeil_next_weiss.svg) right 48% no-repeat;
background-size: 25% 25%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
zoom: 1;
width: 100%;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 992px) { .home_gallery .link_block:nth-child(8) {
float: right;
} .autoSlider, .introbild {
height: 100vh !important;
} .footer ul {
font-weight: normal !important;
}
}.mb-0{margin-bottom:0}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-70{margin-bottom:70px}.mb-80{margin-bottom:80px}.mb-90{margin-bottom:90px}.mb-100{margin-bottom:100px}.mb-150{margin-bottom:150px}.mb-200{margin-bottom:200px}.mb-250{margin-bottom:250px}.mr-0{margin-right:0}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}.mr-60{margin-right:60px}.mr-70{margin-right:70px}.mr-80{margin-right:80px}.mr-90{margin-right:90px}.mr-100{margin-right:100px}.mr-150{margin-right:150px}.mr-200{margin-right:200px}.mr-250{margin-right:250px}.mt-0{margin-top:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-60{margin-top:60px}.mt-70{margin-top:70px}.mt-80{margin-top:80px}.mt-90{margin-top:90px}.mt-100{margin-top:100px}.mt-150{margin-top:150px}.mt-200{margin-top:200px}.mt-250{margin-top:250px}.ml-0{margin-left:0}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}.ml-60{margin-left:60px}.ml-70{margin-left:70px}.ml-80{margin-left:80px}.ml-90{margin-left:90px}.ml-100{margin-left:100px}.ml-150{margin-left:150px}.ml-200{margin-left:200px}.ml-250{margin-left:250px}.pb-0{padding-bottom:0}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-40{padding-bottom:40px}.pb-50{padding-bottom:50px}.pb-60{padding-bottom:60px}.pb-70{padding-bottom:70px}.pb-80{padding-bottom:80px}.pb-90{padding-bottom:90px}.pb-100{padding-bottom:100px}.pb-150{padding-bottom:150px}.pb-200{padding-bottom:200px}.pb-250{padding-bottom:250px}.pt-0{padding-top:0}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-40{padding-top:40px}.pt-50{padding-top:50px}.pt-60{padding-top:60px}.pt-70{padding-top:70px}.pt-80{padding-top:80px}.pt-90{padding-top:90px}.pt-100{padding-top:100px}.pt-150{padding-top:150px}.pt-200{padding-top:200px}.pt-250{padding-top:250px}.pr-0{padding-right:0}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-40{padding-right:40px}.pr-50{padding-right:50px}.pr-60{padding-right:60px}.pr-70{padding-right:70px}.pr-80{padding-right:80px}.pr-90{padding-right:90px}.pr-100{padding-right:100px}.pr-150{padding-right:150px}.pr-200{padding-right:200px}.pr-250{padding-right:250px}.pl-0{padding-left:0}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-40{padding-left:40px}.pl-50{padding-left:50px}.pl-60{padding-left:60px}.pl-70{padding-left:70px}.pl-80{padding-left:80px}.pl-90{padding-left:90px}.pl-100{padding-left:100px}.pl-150{padding-left:150px}.pl-200{padding-left:200px}.pl-250{padding-left:250px}.h-10vh{height:10vh}.h-20vh{height:20vh}.h-30vh{height:30vh}.h-40vh{height:40vh}.h-50vh{height:50vh}.h-60vh{height:60vh}.h-70vh{height:70vh}.h-80vh{height:80vh}.h-90vh{height:90vh}.h-100vh{height:100vh}.h-110vh{height:110vh}.h-120vh{height:120vh}.h-130vh{height:130vh}.h-140vh{height:140vh}.h-150vh{height:150vh}.pt-5vh{padding-top:5vh}.pt-10vh{padding-top:10vh}.pt-15vh{padding-top:15vh}.pt-20vh{padding-top:20vh}.pt-25vh{padding-top:25vh}.pt-30vh{padding-top:30vh}.pt-40vh{padding-top:40vh}.pt-50vh{padding-top:50vh}.pt-60vh{padding-top:60vh}.pt-70vh{padding-top:70vh}.pt-80vh{padding-top:80vh}.pt-90vh{padding-top:90vh}.pt-100vh{padding-top:100vh}.pt-110vh{padding-top:110vh}.pt-120vh{padding-top:120vh}.pt-130vh{padding-top:130vh}.pt-140vh{padding-top:140vh}.pt-150vh{padding-top:150vh}
$transition--length: 0.8;
::-moz-selection {
color: #fff;
background-color: #000;
}
::selection {
color: #fff;
background-color: #000;
}
::-moz-selection {
color: #fff;
background-color: #000;
}
*, ::before, ::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
#content[tabindex="-1"]:focus {
outline: 0;
} html, body {
width: 100%;
}
html {
height: 100%;
}
header {
position: relative;
}
body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-x: hidden;
min-height: 100vh;
font-family: "Geogrotesque W01 Lt";
margin: 0 auto;
line-height: 1.25;
font-size: 19px;
min-height: 100%;
position: relative;
}
body.postid-426,
body.page-id-200,
body.page-id-409,
.single-events,
body.postid-427,
body.postid-383,
body.page-id-21 {
background-color: #4E4D51;
}
footer {
background-color: #35343a;
}
.page_wrap {
min-height: 100%;
position: relative;
}
.link_std {
color: #000;
text-decoration: none;
}
.link_std:hover {
text-decoration: underline;
}
.flex{
display: flex;
}
.no_display{
display: none !important;
}
.page-template-template_kontaktlos2 .node-wrapper {
width: 100%;
float: left;
}
#main.kontaktlos2_main {flex-direction: column;}
.kontaktlos2_outr { float: left;width: 100%;margin-top: 60px;}
.kontaktlos2_outr:first-child { margin-top: 0px;}
.kontaktlos2_main .content {margin-left: 55px;padding-top: 0;}
.kontaktlos2_main .node-page .node-wrapper { margin-top: 0;}
.kontaktlos2_main .node-page h1 {margin-bottom: 60px;}
.kontaktlos2_backtotop { float: left;width: 100%;}
.kontaktlos2_backtotop .sidebar { margin-bottom: 0;}
.autoslider_mobile_ftr{float: left;width: 100%; margin-top: 50px;}
@media screen and (max-width: 992px) {
.kontaktlos2_main .content {margin-left: 0px;}
}
@media screen and (min-width: 768px) {
body {
font-size: 16px;
}
}
.std_text_style ul {
list-style: none;
padding-left: 20px;
}
.std_text_style ul li {
position: relative;
margin-bottom: 5px;
}
.std_text_style li::before {
content: "–";
position: absolute;
left: -20px;
} h1 {
font-family: "GeogrotesqueW01-Semibol1185180";
font-size: 1.714rem;
text-transform: uppercase;
font-weight: normal;
margin: 0 0 50px;
line-height: 1;
}
.page-id-1 h1, #unternehmen h1 {
margin: 0;
}
h2 {
font-size: 1.429rem;
font-family: "GeogrotesqueW01-Semibol1185180";
margin: 0 0 20px;
}
h3 {
font-size: 22px;
}
p {
font-family: "Geogrotesque W01 Lt";
margin: 0;
padding: 0 0 1rem;
font-size: 19px;
}
a {
text-decoration: underline;
color: #c6191a;
}
strong {
font-family: "GeogrotesqueW01-Semibol1185180";
font-weight: normal;
}
dl, ol, ul {
font-family: "Geogrotesque W01 Lt";
margin: 0 0 1rem;
padding: 0 0 0 20px;
}
.sidebar p {
font-family: "Centennial LT W01_56 Italic";
}
.sidebar-text span,
.kontakt_stoerer span,
.ticker span,
.header_editor {
font-family: "GeogrotesqueW01-Semibol1185180";
font-weight: normal;
}
body.page-template-template_quality_checked .kontakt_stoerer,
body.page-template-template_quality_checked .support_section{
display:none;
}
.ref-sidebar-text {
font-family: "Geogrotesque W01 Lt";
line-height: 1.25;
}
.red-color {
color: #c6191a;
}
.node-wrapper a {
color: #c6191a!important;
text-decoration: underline;
}
.node-wrapper span {
color: #c6191a!important;
}
.node-wrapper h2 {
text-transform: uppercase;
}
.node-page .node-wrapper {
margin: 50px 0 0 0;
}
.node-page h1 {
margin: 0;
}
#make_me_big {
font-size: 45px;
} .wrapper-inner .title, .text_block_mobile .title {
display: block;
font-size: 2.4rem;
color: #fff;
text-align: center;
line-height: 1;
margin: 0 0 10px;
font-family: "GeogrotesqueW01-Semibol1185180";
text-transform: uppercase;
}
.lehrstellen_gallery .text_block_mobile .title, .lehrstellen_gallery .text_block .title {
font-size: 1.4rem;
}
.wrapper-inner .subtitle, .text_block_mobile .subtitle {
font-size: 1.4rem;
display: block;
color: #fff;
text-align: center;
padding: 0 10%;
line-height: 1;
font-family: "Centennial LT W01_56 Italic";
text-transform: uppercase;
}
.wrapper-inner p, .text_block_mobile p {
color: #fff;
text-align: center;
font-size: 1.5rem;
font-family: "Centennial LT W01_56 Italic";
padding: 0 5%;
}
.wrapper-inner p strong {
font-family: "GeogrotesqueW01-Semibol1185180";
text-transform: uppercase;
}
.post_block {
text-transform: uppercase;
}
.post_block p {
font-size: 22px;
}
.home-contact p {
color: #000;
text-align: left;
font-size: 16px;
font-family: "Geogrotesque W01 Lt It";
}
.home-contact a,
.home-contact a:hover {
color: #c6191a;
text-decoration: none;
}
.node-page .subtitle {
font-size: 1.714rem;
text-transform: uppercase;
margin: 0 0 40px 0;
line-height: 1;
font-family: "Centennial LT W01_56 Italic";
font-weight: 200;
}
@media screen and (min-width: 768px) {
.node-page .node-wrapper {
margin: 40px 0 0 0;
}
p {
font-size: 16px;
}
.wrapper-inner .title, .node-page .subtitle  {
font-size: 1.6rem;
}
.lehrstellen_gallery .text_block_mobile .title, .lehrstellen_gallery .text_block .title {
font-size: 1rem;
}
}
@media screen and (min-width: 992px) {
.node-page .node-wrapper {
margin: 60px 0 0 0;
}
.text_block_mobile {
display: none;
}
.post_block p {
font-size: 30px;
}
.home-contact p {
font-size: 1.25rem;
padding: 0 5% 10px;
}
.lehrstellen_gallery .text_block_mobile .title, .lehrstellen_gallery .text_block .title {
font-size: 1.6rem;
}
.wrapper-inner .title, {
font-size: 2.857rem;
}
}
@media screen and (min-width: 2000px) {
.node-page .node-wrapper {
margin: 100px 0 0 0;
}
.page-template-template_standart .node-page .subtitle, .page-template-template_unternehmen .node-page .subtitle {
margin: 0 0 -50px 0;
}
}  .backtotop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: block;
width: 12px;
cursor: pointer;
padding-top: 40px;
}
.backtotop img {
display: block;
width: 100%;
height: auto;
}
a.anchor {
display: block;
position: relative;
top: -150px;
visibility: hidden;
}
.contact_block a.anchor {
display: block;
position: relative;
top: -75px;
visibility: hidden;
}
@media screen and (min-width: 768px) {
.backtotop {
width: 20px;
margin: 30px 0 0 0;
padding-top: 0;
}
}  #header {
position: fixed;
left: 0;
top: 0;
right: 0;
height: 90px;
padding: 20px 5%;
background-color: #fff;
z-index: 101;
} main, .site-content {
flex: 1 0 auto;
}
.main-wrapper {
position: relative;
display: block;
background-color: #fff;
padding: 50px 20px 80px;
}
.single-events #main-wrapper {
padding: 140px 20px 50px;
}
#main {
max-width: 1200px;
margin: 0 auto;
}
@media screen and (min-width:768px) {
#main {
display: flex;
flex-direction: row;
height: 100%;
}
.main-wrapper {
padding: 50px 20px 100px;
}
} .button_container {
position: fixed;
top: 30px;
right: 5%;
height: 27px;
width: 30px;
cursor: pointer;
z-index: 100;
-webkit-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
}
.button_container:hover {
opacity: 0.7;
}
.button_container.active .top {
-webkit-transform: translateY(9px) translateX(0) rotate(45deg);
-ms-transform: translateY(9px) translateX(0) rotate(45deg);
transform: translateY(9px) translateX(0) rotate(45deg);
background: #000;
}
.button_container.active .middle {
opacity: 0;
background: #000;
}
.button_container.active .bottom {
-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-11px) translateX(0) rotate(-45deg);
transform: translateY(-11px) translateX(0) rotate(-45deg);
background: #000;
}
.button_container span {
background: #000;
border: none;
height: 3px;
width: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
cursor: pointer;
}
.button_container span:nth-of-type(2) {
top: 10px;
}
.button_container span:nth-of-type(3) {
top: 20px;
}  .overlay.open {
opacity: 1 !important;
visibility: visible;
height: 100%;
margin-top: 87px;
display: flex;
justify-content: center;
align-items: center;
}
.overlay {
position: fixed;
background: #fff !important;
top: 0;
left: 0;
width: 100%;
height: 0%;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
-o-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
transition: opacity 0.35s, visibility 0.35s, height 0.35s;
overflow: hidden;
}
.overlay-menu ul, .menu_col h3 {
list-style: none;
margin: 0;
padding: 0;
font-size: 50px;
font-family: "GeogrotesqueW01-Semibol1185180", sans-serif;
line-height: 1.25;
text-transform: uppercase;
text-decoration: none;
color: #000;
}
.menu_col h3 {
font-family: "Centennial LT W01_56 Italic", serif;
font-weight: normal;
}
.overlay-menu .menu_col {
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-right: 60px;
}
.overlay-menu {
margin-top: -87px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.overlay-menu .links_col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.links_col ul li a {
color: #000;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.overlay-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.overlay-menu .menu_col h3, .overlay-menu ul {
font-size: 30px;
}
.overlay-menu .menu_col {
padding: 0 0 15px 0;
display: block;
}
}
@media screen and (min-width: 992px) {
.links_col ul li a:hover {
color: #000;
text-decoration: underline;
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
left: 20%;
}
100% {
opacity: 1;
left: 0;
}
} .sidebar {
position: relative;
margin: 0 0 50px;
}
.sidebar-left {
position: relative;
top: 0;
left: 0;
height: 100%;
margin-bottom: 50px;
}
.page-id-1 .sidebar {
margin: 0;
padding: 0;
min-height: 0;
}
.sidebar p, .sidebar h2 {
font-size: 2rem;
line-height: 1;
padding: 0;
margin: 0;
text-transform: uppercase;
}
.ref-sidebar {
position: relative;
margin: 0 0 50px;
}
@media screen and (min-width:768px) {
.sidebar-left {
position: absolute;
top: 0;
left: 0;
height: 100%;
margin: 0;
}
.sidebar p, .sidebar h2 {
font-size: 1.7rem;
text-align: right;
}
.sidebar {
width: 35%;
padding: 0 0 0 10%;
float: left;
min-height: 50px;
}
.ref-sidebar {
padding: 0 0 0 10%;
margin: 0;
min-height: 50px;
}
.ref-sidebar-right {
width: 95%;
float: right;
}
.referenzen .content {
float: left;
}
}
@media screen and (min-width:992px) {
.sidebar p, .sidebar h2 {
font-size: 2.25rem;
}
}
@media screen and (min-width: 2000px) {
.sidebar {
padding: 0;
}
.sidebar-right {
padding-left: 25%;
}
} .modal{
position: fixed !important;
top: 50px;
}
.modal-body{
margin-left: auto;
margin-right: auto;
}
.modal .nf-form-title,
.modal #nf-label-field-13,
.modal #nf-label-field-14,
.modal #nf-label-field-15,
.modal #nf-label-field-16,
.modal .nf-form-fields-required{
display: none;
}
.modal .nf-field-label label{
font-weight: normal !important;
}
.modal-dialog{
width: 90%;
max-width: 650px;
}
#intro_video .modal-dialog{
width: 96%;
max-width: 100vw;
}
#intro_video .modal-content{
padding: 5px;
}
#intro_video .modal-body{
padding: 0;
}
#intro_video .modal{
background-color: rgba(0, 0, 0, 0.8);
}
#intro_video.modal .close,
#intro_video.modal .close:hover{
top: 0 !important;
}
#video_home{
width: 100%;
height: 100%; }
.modal-header{
border: 0;
}
.modal-content {
padding: 15px;
}
.modal-header,
.modal-body{
padding: 20px 25px;
}
.modal-title{ color: #000;
text-align: left;
}
.modal-body input[type="text"],
.modal-body input[type="email"],
.modal-body input[type="tel"]{
padding: 0 !important;
padding-right: 15px !important;
}
.modal label{
color: #555;
}
.modal .nf-form-content .list-select-wrap .nf-field-element > div,
.modal .nf-form-content input:not([type="button"]), .modal .nf-form-content textarea{
border-bottom: 1px solid #555 !important;
color: #89ccca;
}
.modal .nf-form-content .listselect-wrap .nf-field-element div,
.modal .nf-form-content input.ninja-forms-field,
.modal .nf-form-content select.ninja-forms-field:not([multiple]) {
height: 100%;
}
.modal-footer{
justify-content: flex-start;
}
.modal .close,
.modal .close:hover{
border: none;
background: transparent;
color: #fff !important;
font-size: 50px;
line-height: 0;
position: absolute;
right: -45px;
top: 25px;
}
.video-link:after, .video-link:before {
content: "";
position: absolute;
top: 80%;
left: 50%;
transform: scale(.7);
}
.video-link:after {
width: 0;
height: 0;
border: 16px solid transparent;
border-left: 20px solid #fff;
margin-top: -20px;
margin-left: -13px;
-webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
}
.video-link:before {
margin-top: -34px;
margin-left: -34px;
width: 60px;
height: 60px;
border: 3px solid #fff;
border-radius: 50%;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
}
@media screen and (min-width: 992px) {
#intro_video .modal-dialog{
width: 90%;
max-width: 777px;
}
#intro_video .modal-content{
padding: 10px;
}
#video_home{
width: 747px;
}
#intro_video.modal .close,
#intro_video.modal .close:hover{
top: -30px !important;
}
}
@media screen and (max-width: 991px) {
#intro_video.modal .close{
top: 20px !important;
right: 5px;
opacity: 1;
}
}  .content {
position: relative;
padding: 24px 0 0 0;
}
.page-id-1058 .content{
padding: 0;
}
.node-count {
position: absolute;
left: 0;
top: 0;
background: url(//www.hunzikerwin.ch/wp-content/themes/hunziker/img/count-black.png) no-repeat 0 0;
background-size: 1.143rem 1.143rem;
padding: 0 0 0 1.286rem;
font-size: 1.143rem;
}
.page-id-1268 .node-count,
.page-id-1268 .count{
display: none;
}
.page-id-1268 .content{
padding: 0;
}
.node-wrapper {
margin: 0 0 100px;
}
.count {
background: url(//www.hunzikerwin.ch/wp-content/themes/hunziker/img/count-black.png) no-repeat 0 0;
background-size: 1.143rem 1.143rem;
width: 100%;
height: 100%;
padding: 0 0 0 1.286rem;
font-size: 1.143rem;
}
@media screen and (min-width:768px) {
.content {
width: 60%;
float: right;
margin-left: 35px;
}
}
@media screen and (min-width:992px) {
.content {
width: 60%;
float: right;
margin-left: 65px;
}
} .home_gallery {
position: relative;
background-color: #4E4D51;
}
.ref_gallery {
position: relative;
background-color: #4E4D51;
clear: both;
}
.event_gallery {
position: relative;
background-color: #35343a;
clear: both;
}
.post_block {
background-color: #333333;
}
.link_block,
.post_block,
.event_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 100vw;
width: 100%;
float: left;
} .link_block .wrapper,
.post_block .wrapper,
.contact_text_block .wrapper,
.contact_image_block .wrapper {
position: relative;
height: 100%;
width: 100%;
}
.block_hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
@media screen and (min-width: 992px) {
.block:hover .block_hover {
opacity: 1;
}
}
.block.team_active:hover .block_hover {
opacity: 0;
} .home_gallery .contact_text_block {
background-color: #fff;
height: 70vh;
}
@media screen and (min-width:768px) {
.link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 50vw;
width: 50%;
float: left;
} .home_gallery .contact_image_block {
height: 66.66vw;
width: 33.33%;
}
.home_gallery .contact_text_block {
background-color: #fff;
height: 66.66vw;
}
}
@media screen and (min-width:992px) {
.link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 33.3333vw;
width: 33.33%;
float: left;
} .home_gallery .contact_block {
height: 66.66vw;
width: 100%;
float: left;
}
.home_gallery .contact_text_block {
background-color: #fff;
height: 66.66vw;
}
.home_gallery .contact_image_block {
height: 66.66vw;
width: 66.66%;
}
}
@media screen and (min-width:1500px) {
.link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 25vw;
width: 25%;
float: left;
} .home_gallery .contact_block {
height: 50vw;
width: 100%;
float: left;
}
.home_gallery .contact_text_block {
background-color: #fff;
height: 50vw;
}
.home_gallery .contact_image_block {
height: 50vw;
width: 75%;
}
}
.home_gallery .post_block:nth-child(13), .home_gallery .link_block:nth-child(14) {
display: none;
} .home_gallery .post_block:nth-child(13):hover {
background-color: #c6191a;
}
@media screen and (min-width: 768px) {
.home_gallery .post_block:nth-child(13) {
height: 66.66vw;
}
}
@media screen and (min-width:992px) { .home_gallery .link_block:nth-child(4) { float: left;
}
.home_gallery .link_block:nth-child(5) {
width: 33.33%;
}
.home_gallery .link_block:nth-child(9) {
width: 66.66%;
}
.home_gallery .post_block:nth-child(12) {
height: 33.33vw;
}
}
@media screen and (min-width:1500px) { .home_gallery .link_block:nth-child(4) { float: right;
}
.home_gallery .link_block:nth-child(5),
.home_gallery .link_block:nth-child(9),
.home_gallery .post_block:nth-child(13),
.home_gallery .link_block:nth-child(11)  {
width: 50%;
}
.home_gallery .post_block:nth-child(13) {
height: 25vw;
}
.home_gallery .post_block:nth-child(13), .home_gallery .link_block:nth-child(14) {
display: block;
width: 50%;}
.block.post_block.bl-9 {
display: none;
}
}
@media (max-width: 1499px) {
.home_gallery .link_block:nth-child(5) {width: 66.66%;}
.home_gallery .block.post_block.set-block-12 {width: 66.66%;}
}
@media (max-width: 991px) {
.home_gallery .link_block:nth-child(9),
.home_gallery .contact_image_block {width: 66.66%;}
}
@media (max-width: 767px) {
.home_gallery .link_block:nth-child(5),
.home_gallery .link_block:nth-child(9),
.home_gallery .block.post_block.set-block-12,
.home_gallery .contact_image_block {width: 100%;}
.home_gallery .block.post_block.set-block-12 .wrapper-inner {
justify-content: center;
}
.text_block_mobile .title {
top: 0px;
}
} .block_image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;	
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.map_image {
position: absolute;
height: 100%;
width: 100%;
opacity: 0;
}
.map_image.active {
opacity: 1;
z-index: 99;
}
.logo {
display: block;
width: 200px;
margin: 0;
}
.logo img {
display: block;
width: 100%;
height: auto;
}
#backtopage img {
width: 69px; } .teambild {
width: 100%;
height: 400px;
}
.team_portrait {
height: 100%;
width: 100%;
}
.wp-image-298 {
width: 100%;
height: 100%;
margin: 10px;
} .offer-graphic {
margin: 0 0 100px;
}
.offer-graphic img {
display: block;
width: 100% !important;
height: auto !important;
max-width: 390px;
} .wrapper {
position: relative;
}
.wrapper-inner {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
padding: 35px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wrapper-inner .count, .text_block_mobile .count {
content: '';
left: 50%;
top: 0;
margin: 0 0 0 -2.5rem;
display: block;
height: 45px;
width: 25px;
background: url(//www.hunzikerwin.ch/wp-content/themes/hunziker/img/count.png) no-repeat 0 5px;
background-size: 25px 25px;
padding: 0 0 0 30px;
position: relative;
font-size: 28px;
display: block;
color: #fff;
text-align: center;
}  .autoSlider_wrap { }
.autoSlider_wrap .autoSlider{  height: 65vh !important;
}
.autoSlider {
width: 100%;
height: 30vh;
-webkit-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out;
transition-delay: opacity .5s;
}
.autoSlider a,
.autoSlider a:hover{
text-decoration: none;
color: #fff;
}
.autoSlider .someClass {
font-size: 28px;
}
.autoslider_title {
position: absolute;
left: 5%;
top: 25%;
display: block;
height: 100%;
color: #fff;
font-size: 30px;
padding: 50px;
}
.header_img_title {
position: relative;
display: block;
height: 100%;
color: #fff;
font-size: 30px;
padding: 50px;
background-color: #c6191a;
}
.autoslider_desktop{
display: none;
}
.autoslider_title p,
.header_img_title p{
color: #fff;
padding: 0;
font-size: 38px;
line-height: 1.2;
text-transform: uppercase;
font-family: "Centennial LT W01_56 Italic";
}
.autoslider_title span,
.header_img_title span,
.header_editor p,
.header_editor li{
font-family: "GeogrotesqueW01-Semibol1185180";
}
.header_editor ul {
list-style: none;
}
.header_editor p{
font-size: 20px !important;
}
.introbild {
width: 100%;
height: 30vh;
margin-top: 89px;
}
.header_mobile_images img {
width: 100%;
}
@media screen and (min-width: 768px) {
.autoslider_title,
.header_img_title {
padding: 100px;
}
.autoslider_title p,
.header_img_title p,
body.page-template-template_quality_checked .header_img_title p{
font-size: 60px;
line-height: 1;
}
.autoSlider .someClass {
font-size: 40px;
}
.autoSlider, .introbild {
height: 37vh;
}
.header_editor p{
font-size: 40px;
}
.teambild {  height: 450px;
}
.grafik { margin-bottom: -30px;
height: 100%;
width: 500px;
max-width: 500px;
margin: 50px 0;
}
.wp-image-298 {
width: 100%; height: 100%;
margin: 10px;
}
.neuer_job_block {
height: 66.66vw !important;
width: 33.33%;
float: left;
}
}
@media screen and (min-width: 992px) {
.autoSlider_wrap {
margin-top: 0;
}
.autoSlider {
height: 77vh; background-position: center !important;
}
.autoslider_mobile{
display: none;
}
.autoslider_desktop{
display: block;
}
.autoslider_title p,
.header_img_title p,
body.page-template-template_quality_checked .header_img_title p{
font-size: 100px;
}
.autoSlider .someClass {
font-size: 64px;
}
.autoSlider, .introbild {
height: 77vh;
}
.autoSlider_wrap .autoSlider{
height: 71vh !important;
}
.header_editor{
display: block;
}
.header_editor ul li::before{
content: "\2022";
color: #c6191a;
font-family: Arial, sans-serif;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 30px;
}
.neuer_job_block {
height: 33.33vw !important;
width: 33.33%;
float: left;
}
}
@media screen and (min-width: 1440px) {
.neuer_job_block {
height: 25vw !important;
}
}
@media screen and (min-width: 2000px) {
.teambild { }
.autoSlider, .introbild {
height: 43vh;
}
} @media screen and (max-width: 767px) {
.sticky {
position: relative !important;
top:0 !important;
}
.ticker-wrap { }
} .node-wrapper.paket_optionen{
margin-bottom: 30px;
}
.option_titel{
text-decoration: underline;
text-transform: uppercase;
padding: 0;
}
.paket_icon img {
width: 60px;
height: 60px;
margin-right: 15px;
}
.service_info{
margin-bottom: 15px;
} @-webkit-keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes ticker {
0% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: visible;
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.overflow-x{
overflow-x: hidden;
}
.ticker-wrap {
position: relative;
bottom: 0;
width: 100%;
overflow: hidden;
height: 50px;
overflow-x: hidden !important;
max-width: 100%;
background-color: #C6191A;
padding-left: 100%;
box-sizing: content-box;
margin-top: 89px;
}
.ticker-wrap .ticker {
display: inline-block;
height: 50px;
line-height: 4rem;
white-space: nowrap;
padding-right: 100%;
box-sizing: content-box;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-name: ticker;
animation-name: ticker;
-webkit-animation-duration: 30s;
animation-duration: 30s;
}
.ticker-wrap .ticker__item {
display: inline-block;
padding: 0 2rem;
font-family: "GeogrotesqueW01-Semibol1185180";
font-weight: normal;
font-size: 2.25rem;
}
.ticker__item a,
.ticker__item a:hover{
color: #fff;
text-decoration: none !important;
}
.ticker__item h2{
text-transform: uppercase;
color: #fff;
vertical-align: middle;
padding: 10px 0;
top: 0;
display: table-cell;
} .kontakt_stoerer {
position: relative;
height: 300px;
width: 300px;
float: left;
min-height: 50px;
background-color: #c6191a;
border-radius: 50%;
margin-bottom: 15px;
}
.kontakt_stoerer p.big,
.ticker p{
font-size: 2rem;
line-height: 1;
padding: 0;
margin: 0;
margin-bottom: 20px;
text-transform: uppercase;
text-align: center;
color: #fff;
}
.kontakt_stoerer p,
.kontakt_stoerer a{
text-align: center;
text-decoration: none;
color: #fff;
}
.kontakt_stoerer p{
padding: 0;
}
.kontakt_stoerer .center {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.quality_image {
height: 300px;
width: 300px;
min-height: 50px;
}
.quality_image img {
max-width: 100%;
}
.support_section {
width: 100%;
float: right;
margin: 20px 0;
display: flex;
align-items: center;
justify-content: space-around;
}
.support_section p {
padding: 0;
}
.support_section img {
width: 230px;
}
#custom-pager {
width: 100%;
display: flex;
justify-content: center;
position: absolute;
bottom: 3%;
z-index: 9999;
}
#custom-pager span {
float: left;
z-index: 9;
position: relative;
font-size: 0px;
}
#custom-pager span:before {
content: '';
width: 15px;
height: 15px;
background: white;
display: block;
border-radius: 100px;
margin: 0 5px;
cursor: pointer;
}
#custom-pager span.cycle-pager-active:before {
background: black;
}
@media screen and (max-width:1060px) {
.kontakt_stoerer {
float: none;
margin: 0 auto;
}
.page-template-template_kontaktlos2 .kontakt_stoerer { float: left;}
.quality_image {
margin: 20px auto 0;
float: none;
}
.support_section {
display: inline-block;
text-align: center;
float: none;
display: inline-grid;
}
.support_section img {
order: 2;
}
.support_section p {
padding: 15px 0;
}
}
@media screen and (min-width:768px) {
.kontakt_stoerer p.big,
.ticker p {
font-size: 1.7rem;
}
.kontakt_stoerer { }
}
@media screen and (min-width:992px) {
.kontakt_stoerer p.big,
.ticker p {
font-size: 2.25rem;
}
}
@media screen and (min-width: 2000px) {
.kontakt_stoerer {
padding: 0;
}
}
.block.post_block.set-block-11, .block.post_block.set-block-12 {
width: 50%;
background: #fff;
position: relative;
}
.block.post_block.set-block-11:hover, .block.post_block.set-block-12:hover {
background: #ad1314;
}
.block.post_block.set-block-11 .wrapper-inner p, .block.post_block.set-block-12 .wrapper-inner p{
color: #000;
}
.block.post_block.set-block-11 .wrapper-inner p span, .block.post_block.set-block-12 .wrapper-inner p span{
color: #ff0000;
}
.block.post_block.set-block-11 .wrapper-inner p span.count, .block.post_block.set-block-12 .wrapper-inner p span.count{
opacity:0;
}
.block.post_block.set-block-11:hover .wrapper-inner p span.count, .block.post_block.set-block-12:hover .wrapper-inner p span.count{
opacity:1;
}
.block.post_block.set-block-11:hover .wrapper-inner p, .block.post_block.set-block-12:hover .wrapper-inner p,
.block.post_block.set-block-11:hover .wrapper-inner p span, .block.post_block.set-block-12:hover .wrapper-inner p span{
color: #ffffff;
}
.sidebar-image img {
max-width: 50%;
margin: 20px 0;
}
.sidebar-image p {
font-size: 0.7rem;
line-height: 22px;
}
.sidebar-image p a{
font-size: 0.7rem;
}
.block.post_block.set-block-12:before {
background: #ccc;
content: "";
height: 60%;
width: 1px;
position: absolute;
top: 20%;
} .jobaccordion-item {
position: relative;
}
.jobaccordion-item .heading{
cursor: pointer;
}
.jobaccordion-item a {
color: #000 !important;
text-decoration: none;
}
.jobaccordion-item.active .icon:before {
background: #000;
}
.jobaccordion-item.active .icon:after {
width: 0;
}
.jobaccordion-item .icon {
display: block;
position: absolute;
top: 12px;
right: -10px;
width: 3rem;
height: 3rem;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.jobaccordion-item .icon:before, .jobaccordion-item .icon:after {
content: '';
width: 1.25rem;
height: 0.25rem;
background: #000;
position: absolute;
left: 50%;
top: 50%;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.jobaccordion-item .icon:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
z-index: -1;
} .link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 100vw;
width: 100%;
float: left;
}
.contact_image_block:hover{
cursor: pointer;
}
.ref_gallery a {
text-decoration: none;
}
@media screen and (min-width:768px) {
.link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 33vw;
width: 33.33%;
float: left;
}
.ref_gallery .link_block:nth-child(10n) {
width: 66.6%;
}
.ref_gallery .link_block:nth-child(10n+5) {
width: 66.6%;
height: 33vw;
}
}
@media screen and (min-width:992px) {
.link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 50vw;
width: 50%;
float: left;
}
.ref_gallery .link_block:nth-child(10n) {
width: 100%;
}
.ref_gallery .link_block:nth-child(10n+5) {
width: 100%;
height: 100vw;
}
}
@media screen and (min-width:992px) {
.link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 33.3333vw;
width: 33.33%;
float: left;
}
.ref_gallery .link_block:nth-child(10n) {
width: 33.33%;
}
.ref_gallery .link_block:nth-child(10n+2) {
width: 66.66%;
}
.ref_gallery .link_block:nth-child(10n+3) {
width: 66.66%;
}
.ref_gallery .link_block:nth-child(10n+5) {
width: 66.66%;
height: 66.66vw;
}
}
@media screen and (min-width:1500px) {
.link_block,
.post_block,
.contact_text_block,
.contact_image_block {
position: relative;
height: 25vw;
width: 25%;
float: left;
}
.ref_gallery .link_block:nth-child(10n) {
width: 25%;
}
.ref_gallery .link_block:nth-child(10n+2) {
width: 25%;
}
.ref_gallery .link_block:nth-child(10n+3) {
width: 50%;
}
.ref_gallery .link_block:nth-child(10n+5) {
width: 50%;
height: 50vw;
}
} .event_block {
position: relative;
float: left;
width: 100%;
}
.event_image {
width: 100%;
height: 100%;
}
@media screen and (min-width:768px) {
.event_block {
position: relative;
height: 50vw;
width: 50%;
float: left;
}
}
@media screen and (min-width:992px) {
.event_block {
position: relative;
height: 16vw;
width: 25%;
float: left;
}
.event_gallery .event_block:nth-child(18n+5) {
width: 50%;
height: 31.9vw;
}
.event_gallery .event_block:nth-child(18n+14) {
width: 50%;
height: 32vw;
float: right;
}
}  .filter_content {
clear: both;
position: relative;
display: block;
}
.button-group a {
text-decoration: underline;
color: #c6191a;
margin: 0 30px 0 0;
line-height: 2;
}
.button-group a:hover {
cursor: pointer;
}
.team_block {
height: 100vw;
width: 100%;
}
.team_trigger {
padding-right: 10px;
color: #c6191a;
}
.team_trigger:hover {
cursor: pointer;
text-decoration: underline;
}
.team_trigger.team_current {
text-decoration: underline;
}
.isotope_grid {
display: flex;
}
.isotope_grid.active .team_block .block_image {
opacity: 0.25;
}
.isotope_grid.active .team_block.team_active .block_image {
opacity: 1;
}
.block_detail {
position: absolute;
top: 0;
left: 0;
background-color: #fff;
height: 100%;
width: 100%;
opacity: 0;
font-family: "GeogrotesqueW01-Semibol1185180", "Arial", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.team_block.team_active .block_detail {
opacity: 1 !important;
}
.block_detail .title {
font-size: 1.429rem;
margin: 0;
text-transform: uppercase;
font-weight: normal;
}
.block_detail .tag {
margin: 0 0 1rem;
font-family: "Geogrotesque W01 Lt It";
}
.block_detail .mail {
font-family: "Geogrotesque W01 Lt It";
font-size: 1rem;
}
.team_active .block_detail {
opacity: 1;
z-index: 2;
visibility: visible;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#team_filter_wrap span {
display: block;
margin-bottom: 10px;
}
@media screen and (min-width:768px) {
.team_block {
height: 33.3333vw;
width: 33.33%;
}
.team_active .block_detail {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.team_active.drei .block_detail,
.team_active.alle:nth-child(3n) .block_detail {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
#team_filter_wrap {
padding-bottom: 50px;
}
#team_filter_wrap span {
display: inline;
}
}
@media screen and (min-width:992px) {
.team_block {
height: 25vw;
width: 25%;
}
.team_active .block_detail,
.team_active.drei .block_detail,
.team_active.alle:nth-child(3n) .block_detail {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.team_active.vier .block_detail,
.team_active.alle:nth-child(4n) .block_detail {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
#team_filter_wrap {
padding-bottom: 100px;
}
}
@media screen and (min-width:1500px) {
.team_block {
height: 20vw;
width: 20%;
}
.team_active .block_detail,
.team_active.drei .block_detail,
.team_active.vier .block_detail,
.team_active.alle:nth-child(3n) .block_detail,
.team_active.alle:nth-child(4n) .block_detail {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.team_active.alle:nth-child(5n) .block_detail,
.team_active.fuenf .block_detail {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
} .lehrstellen_gallery {
position: relative;
background-color: #4E4D51;
clear: both;
}
.single_lehrstelle .content, .single_lehrstelle_pagewrap .content {
padding-top: 5px;
padding-bottom: 100px;
}
.lehrstellen_pagewrap .node-page .node-wrapper, .single_lehrstelle_pagewrap .node-page .node-wrapper {
margin: 0 0 0 0 !important;
}
thead {
font-family: "GeogrotesqueW01-Semibol1185180";
font-weight: normal;
}
.node-wrapper table {
margin-bottom: 40px;
}
.single_lehrstelle_pagewrap table thead tr th{
text-align: left;
}
.single_lehrstelle_pagewrap table td {
min-width: 130px;
}
.single-lehrstelle iframe{
height: 250px;
width: 100%;
}
@media screen and (min-width:768px) {
.single-lehrstelle iframe{
height: 300px;
width: 100%;
}
}
@media screen and (min-width:992px) {
.single-lehrstelle iframe{
height: 360px;
width: 100%;
}
} .not_found {
position: relative;
max-width: 1200px;
margin: 25vh 100px 100px;
} footer{
position: relative;
}
.footer {
padding-top: 20px;
color: #fff;
text-align: left;
text-transform: uppercase;
max-width: 1500px;
font-family: "GeogrotesqueW01-Semibol1185180";
flex-shrink: 0;
}
.footer a,
.footer p {
color: #fff;
text-decoration: none;
line-height: 1.5;
font-size: 14px;
}
.footer a:hover {
color: #c6191a;
}
.footer ul {
list-style-type: none;
padding: 0;
margin: 0;
font-family: "Geogrotesque W01 Lt";
font-weight: normal;
}
.ft-title {
color: #fff;
font-size: 13px;
font-weight: normal;
margin-bottom: 0;
}
.ft-main {
display: flex;
flex-wrap: wrap;
margin: 5px 5%;
}
.ft-main-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
padding-right: 12px;
padding-top: 15px;
margin-bottom: 0.2rem;
}
.footer_stoerer{
display: none;
}
.impressum {
margin: 25px 5%;
}
.impressum p, .impressum p a{
font-size: 0.8rem;
font-weight: 600px;
}
@media screen and (min-width:768px) {
.ft-main-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
padding-left: 5px;
}
}
@media screen and (min-width:992px) {
.ft-main-item {
-webkit-box-flex: 1;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
}
.footer {
height: 350px;
}
.footer_stoerer{
position: absolute;
bottom: 70px;
right: 45px;
display: block;
height: 100px;
width: 100px;
}
.footer_stoerer img{
height: 100px;
width: 100px;
}
}
@media screen and (min-width:2000px) {
.footer {
max-width: none !important;
}
}
@media screen and (max-width: 767px) {
.block.post_block.set-block-11, .block.post_block.set-block-12{width:100%;}
.block.post_block.set-block-11 .wrapper-inner {
padding-left: 40px;
}
.wrapper-inner.home-contact {
align-items: normal;
}
.block.post_block.set-block-11 .wrapper-inner, .block.post_block.set-block-12 .wrapper-inner{
justify-content: left;
}
.block.post_block.set-block-11 .wrapper-inner p span.count, .block.post_block.set-block-12 .wrapper-inner p span.count {
opacity:1;
}
.text_block_mobile .title {
position: relative;
top: 100px;
}
.isotope_grid.active .team_block .block_image {opacity: 1;}
}
.block.post_block.set-block-12 {
background: #ccc;
}
.page-id-21 .filter_content {background: #fff;}
#header img.podcastbadgeheader {display: none;}
#header img.videobadgeheader {display: none;}
#content > a[href="https://dwk.beta-server.ch/hunzikerwin/video/20210511_talk.mp4"], #content > a[href="https://swiss-export.com/de/podcasts/nachhaltigkeits-pionier-christian-hunziker/"]{display:none;}
@media (max-width: 1840px) {
.page-id-1903 .autoSlider.header_img_title p {
font-size: 50px;
}
.page-id-1903 .autoSlider.header_img_title .header_editor ul li {
font-size: 30px !important;
}
.page-id-1903 .autoSlider.header_img_title .header_editor ul li:first-child {
font-size: 40px !important;
}
}
@media (max-width: 767px) {
.page-id-1903 .autoSlider.header_img_title { background-color: #000 !important;
background-position: right !important;
}
.page-id-1903 .autoSlider.header_img_title p {
font-size: 26px;
}
.page-id-1903 .autoSlider.header_img_title .header_editor p {
font-size: 20px !important;
}
}
@media (max-width: 479px) {
.page-id-1903 .autoSlider.header_img_title {
background-size: 100% !important;
background-color: #000 !important;
background-position: center !important;
}
}
@media (max-width: 380px) {
.page-id-1903 .autoSlider.header_img_title {
background-position-y: 60px !important;
}
.page-id-1903 .autoSlider.header_img_title .header_editor p {
font-size: 18px !important;
}
} .hentry .entry-content{
width: 1199px;height: 500px;
max-width: 100%;
border: 5px solid #b1b1b1;
margin-bottom: 50px;
padding: 30px 60px;
margin-top: 100px;
} .gravity-badezimmer-kalkulator {}
.gravity-badezimmer-kalkulator aside#secondary {
display: none;
}
.gravity-badezimmer-kalkulator #main {
display: block; } .gv_calculator_form_wrapper { }
.gv_calculator_form_wrapper .gform_heading {display: none;}
.gv_calculator_form_wrapper .gform_heading h2.gform_title {margin-bottom: 0;}
.gv_calculator_form_wrapper .gv_calculator_form {position: relative;}
.gv_calculator_form_wrapper .gv_calculator_form #gf_progressbar_wrapper_2 {position: absolute;bottom: 80px;width: 100%;}
.gv_calculator_form_wrapper .gv_calculator_form #gf_progressbar_wrapper_2 .gf_progressbar_title {display: none;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page {height: 450px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields {text-align: center;height: 314px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset { }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset legend.gfield_label {
font-size: 22px;margin-bottom:15px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio {
display: block;
width: 100%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice {
position: relative;
width: 25%; display: inline-block;
margin-top: 20px; }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice input {
position: absolute;
top: 0px;opacity:0;
left: -10px;
width: 627px;
height: 20px;
cursor: pointer;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label {
height: inherit; width: 90%;
max-width: 100%;
padding: 100px 30px 20px 30px;
font-weight: 800;
font-size: 18px;
line-height: 28px;
color: #000;
cursor: pointer;
position: relative;
background: #ebebeb;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_19 {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_19 label {padding: 100px 30px 50px 30px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_19 label::before {top: 50px !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset .ginput_container .gfield_radio .gchoice label:hover {
background: #5fa841 !important; }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset .ginput_container .gfield_radio .gchoice input[type=radio]:checked ~ label {
background: #5fa841 !important;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container  #input_2_50 {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_50 .gchoice label:hover p span {color: #000;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_50 .gchoice input[type=radio]:checked ~ label p span {color: #000;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 {margin-top:0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio {
width: 100%;
display: block;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio div#input_2_4 {
width: 20%;
margin: 0 auto;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio div#input_2_4 .gchoice {
position: relative;
margin-top: 5px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio div#input_2_4 .gchoice input {
position: absolute;
top: 0px;
left: -10px;
width: 627px;
height: 20px;
cursor: pointer;
opacity: 0;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio div#input_2_4 .gchoice label {
width: 66%;
padding: 10px;
font-weight: 800;
font-size: 14px;
color: #000;
cursor: pointer;
position: relative;
background: #ebebeb;
left: -5px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label:before {
content: '';
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 100%;
height: 70px;
position: absolute;
top: 15px;
display: block;
left: 0;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_3_0:before {background-image: url(https://www.hunzikerwin.ch/wp-content/uploads/2023/06/Badezimmer.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_3_1:before {background-image: url(https://www.hunzikerwin.ch/wp-content/uploads/2023/06/Dusche.png); }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_3_2:before {background-image: url(https://www.hunzikerwin.ch/wp-content/uploads/2023/06/toilet.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_1 > .gform_page_footer {
justify-content: flex-end;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer {
display: flex;
justify-content: flex-start;
margin-top: 70px; }
.gv_calculator_form_wrapper .gv_calculator_form #gf_progressbar_wrapper_2 .gf_progressbar {border-radius: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form #gf_progressbar_wrapper_2 .gf_progressbar .gf_progressbar_percentage {border-radius: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_1 .gform_page_footer .gform_next_button {bottom: 0;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer .gform_next_button {
background-color: #5fa841;
border: none;
padding: 10px 30px;
font-size: 18px;
font-weight: 700;
color: #fff;position: absolute;right: 0px; }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer .gform_previous_button {
background-color: #c0c0c0 !important;
border: none;
padding: 10px 30px;
font-size: 18px;
font-weight: 700;
color: #fff !important;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice label {width: 60%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice label#label_2_5_0:before {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/room-map.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice label#label_2_5_1:before {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/house.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice label#label_2_5_2:before {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/building.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_9 {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_9 .gchoice {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_9 .gchoice label { width: 90%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_9 .gchoice label#label_2_9_0:before {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/room-map.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_9 .gchoice label#label_2_9_1:before {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/house-male.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_9 .gchoice label#label_2_9_2:before {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/house.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step {
display: grid;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step label.gfield_label {
order: 0;font-size: 22px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .gfield_description {
order: 1;
text-align: left;
margin-bottom: 20px;
font-weight: 700;
color: #000;font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container {
order: 2;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step {
padding-left: 180px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step:before {
content: '';
width: 177px;
height: 170px;
background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/house.png);
background-size: cover;
position: absolute;
left: -20px;
top: 30px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset .ginput_container {
margin-bottom: 40px;
display: flex;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container .noUi-target.noUi-ltr.noUi-horizontal {height: 6px;background: #909090;box-shadow: none;margin-bottom: 35px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container #gfrs_rangeslider_15:before {
content: '< 1900';
display: block;
position: absolute;
top: 15px;
left: 0;
font-style: italic;
font-weight: 600;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container #gfrs_rangeslider_15:after {
content: '> 2023';
display: block;
position: absolute;
top: 15px;
right: 0;
font-style: italic;
font-weight: 600;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container .noUi-target.noUi-ltr.noUi-horizontal .noUi-handle.noUi-handle-lower {
border-radius: 100px;
top: -12px;
width: 28px;
background: #db2c1c;
box-shadow: none;
border-color: #db2c1c;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container .noUi-target.noUi-ltr.noUi-horizontal .noUi-handle.noUi-handle-lower .noUi-tooltip {
bottom: -100%;top: 21px;
font-style: italic;
font-weight: 600;
border: none;
background: transparent;
left: 40%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container .noUi-target.noUi-ltr.noUi-horizontal .noUi-handle.noUi-handle-lower::before, 
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container .noUi-target.noUi-ltr.noUi-horizontal .noUi-handle.noUi-handle-lower::after {display: none}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container .noUi-target.noUi-ltr.noUi-horizontal .noUi-connects {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .ginput_container .noUi-target.noUi-ltr.noUi-horizontal .noUi-connects .noUi-connect {background: #909090;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_19 .gchoice label {
width: 85%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_0:before{background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/one-star.png);top: 30px;height: 50px;background-size: 75% 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_1:before{background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/two-star.png);top: 30px;height: 50px;background-size: 75% 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_2:before{background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/three-star.png);top: 30px;height: 50px;background-size: 75% 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24::before {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/bedroom-map.png);height: 173px;width: 150px;left: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_33 {
border: none;
margin-bottom: 35px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_33 .gsection_title {
font-weight: 600;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset {
margin-top: 0; }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 div#field_2_25 {
text-indent: 60px;
font-style: italic;
font-weight: 700;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container .gchoice {
font-weight: 900;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 {
text-align: left;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 ul {
list-style: none;
padding-left: 60px;
background: #ebebeb;
padding-top: 3px;
padding-bottom: 5px;position: relative;top: -3px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 ul li {
font-weight: 600;
margin-top: 2px;font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 ul li span {margin-left: 20px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_32 {
text-align: left;
height: inherit;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_32 .total {
height: 160px;
background: #ebebeb;
display: flex;
align-items: flex-end;
font-weight: 600;
justify-content: space-evenly;
padding-bottom: 5px;font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_32 .total p {
padding: 0;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container .gchoice label {
font-size: 16px;
font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 {
grid-row-gap: 5px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 .gfield {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 #field_2_42 {
position: relative;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 #field_2_42 #gfield_description_2_42 {
position: absolute;
top: 0;
width: 10%;
right: 0;padding-top: 5px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gv_img_block img {
object-fit: contain;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 #field_2_25 {
text-indent: 60px;
font-weight: 700;
font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 .gfield .ginput_container {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 .gfield .ginput_container input {
background: #efefef;
border: none;font-size: 16px;
color: #000;font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 .gfield .ginput_container .gfield_description {
display: none;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 .gfield .ginput_container input::placeholder {
font-weight: 900;
color: #000;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer #gform_submit_button_2 {
background-color: #5fa841;
border: none;
padding: 10px 30px;
font-size: 18px;
font-weight: 700;
color: #fff;position: absolute;right: 0px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 .gfield .ginput_container input:focus {
outline: none;
border: none;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 #field_2_22 {
grid-column: span 1;
text-align: left;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 #field_2_41 {
width: 100%;
grid-column: span 5;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 #field_2_21 {
grid-column: span 7;
width: 85%;font-weight: 700;font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 #field_2_41 .ginput_container {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 #field_2_41 .ginput_container input {
background: #ebebeb;
border: none;
text-align: center;font-style: italic;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 #field_2_25 {
grid-column: span 7;
width: 90%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 #field_2_42 {
width: 100%;
grid-column: span 4;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 #field_2_27 {
grid-column: span 1;
text-align: left;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 #field_2_42 .ginput_container {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 #field_2_42 .ginput_container input {background: #ebebeb;border: none;text-align: center;}
#gform_confirmation_wrapper_2 {
padding: 100px; border: 5px solid #b1b1b1;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.address-box .ginput_container_address {
margin-bottom: 0px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.address-box {
margin-top: 0px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.address-box .ginput_container_address .ginput_full:not(:last-of-type) {
margin-bottom: 16px;
}
.gv_calculator_form_wrapper .gv_calculator_form div#input_2_48 label:before {
content: unset !important;
} .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset.ausbauanspruch label { padding: 110px 0px 10px;position: relative;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container .gchoice label:after {content: '';background-repeat: no-repeat;background-size: contain;background-position: center;width: 100%;height: 100px;position: absolute;top: 5px;display: block;left: 0;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container .gchoice label#label_2_48_0:after {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/09/bronzemedel.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container .gchoice label#label_2_48_1:after {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/09/silvermedel.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container .gchoice label#label_2_48_2:after {background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/09/goldmedel.png);}
.gv_calculator_form_wrapper .gv_calculator_form .gratulation_label legend {
font-size: 22px;
margin-bottom: 15px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 #field_2_29 {
display: flex;
}
.gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block {
display: flex;
align-items: center;
margin-top: 35px;
width: 100%;
justify-content: space-between;
}
.gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_img_block {
width: 40%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc {
width: 60%;
padding-left: 70px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gv_img_block img {
width: 100%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gv_custom_desc p.desc_heading {
font-size: 14px;
font-weight: bold;
text-align: left;
}
.gv_calculator_form_wrapper .gv_calculator_form .gv_custom_desc p.display_val {
font-size: 62px;
color: #5FA841;
font-weight: 600;
text-align: left;
}
.gv_calculator_form_wrapper .gv_calculator_form  div#input_2_50 {
display: grid;
}
.gv_calculator_form_wrapper .gv_calculator_form  div#input_2_50 .gchoice.gchoice_2_50_0 {
width: 100%;
}
.gv_calculator_form_wrapper .gv_calculator_form  label#label_2_50_0 {
padding: 5px 15px;
line-height: 1.4;
text-align: left;
}
.gv_calculator_form_wrapper .gv_calculator_form  div#input_2_50 .gchoice.gchoice_2_50_1 {
width: 100%;
}
.gv_calculator_form_wrapper .gv_calculator_form  label#label_2_50_1 {
padding: 5px 15px;
line-height: 1.4;
text-align: left;
}
.gv_calculator_form_wrapper .gv_calculator_form  label p.gv_custom_label {
padding-bottom: 0;
font-size: 16px;
font-weight: 600;
}
.gv_calculator_form_wrapper .gv_calculator_form div#input_2_50 label p.gv_custom_label span {
color: #5FA841;
font-size: 22px;
font-weight: 600;
}
.gv_calculator_form_wrapper .gv_calculator_form div#field_2_54 label.gfield_label.gform-field-label {
font-size: 22px;
margin-bottom: 15px;
}
.gv_calculator_form_wrapper .gv_calculator_form div#field_2_56 .gvCustom_form_label {
font-size: 22px;
color: #000;
font-weight: 600; margin-bottom: 0px;
}
.gv_calculator_form.gform_confirmation_wrapper {
background: #b70505;
color: #fff;
text-align: center;
border: unset !important;
}
.gv_calculator_form.gform_confirmation_wrapper .gform_confirmation_message p {
font-size: 40px;
}
.gv_calculator_form.gform_confirmation_wrapper .gform_confirmation_message p.confirmation_middel_block {
font-size: 30px;
}   .gravity-badezimmer-kalkulator .entry-desc p {
font-size: 30px;
padding: 0;
font-style: italic;
line-height: 1.1;
text-transform: uppercase;
}
.gravity-badezimmer-kalkulator  div#gfrs_rangeslider_24:before {
content: '< 8m²';
display: block;
position: absolute;
top: 15px;
left: 0;
font-style: italic;
font-weight: 600;
}
.gravity-badezimmer-kalkulator  div#gfrs_rangeslider_24:after {
content: '> 20m²';
display: block;
position: absolute;
top: 15px;
right: 0;
font-style: italic;
font-weight: 600;
}
.gravity-badezimmer-kalkulator .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice label {width: 90%;padding: 100px 10px 20px 10px;}
.gravity-badezimmer-kalkulator .gv_entry_footer {
margin-top: -30px;display: none;
}
.gv_entry_footer p {
font-size: 19px;
font-weight: 700;
}
.gravity-badezimmer-kalkulator input.gform_previous_button.gform-theme-button.gform-theme-button--secondary.button.disabled_prev_btn {
background-color: #c0c0c0 !important;
border: none;
padding: 10px 30px;
font-size: 18px;
font-weight: 700;
color: #fff !important;
}
.gravity-badezimmer-kalkulator div.disabled_prev_button_block {
position: absolute;
bottom: 8px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_3, 
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_4, 
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_5, 
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_6,
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_7 {
position: relative;
} .gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_7:before {
content: 'STANDARD BADEZIMMER';
width: 122px;
height: 70px;
background-image: url(//www.hunzikerwin.ch/wp-content/uploads/2023/06/Badezimmer.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top;
position: absolute;
top: -30px;
right: 0px;
font-size: 12px;
font-weight: 900;
display: flex;
align-items: flex-end;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 .rangenum-field {
position: relative;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 .rangenum-field .ginput_container_number input#input_2_41 {
text-align: center;
background: #ebebeb;padding:8px;border:none;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 .rangenum-field .ginput_container_number #gfield_instruction_2_41 {
display: none;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 .rangenum-field .ginput_container_number .instruction {
display: none;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 .rangenum-field .gfield_description {
position: absolute;
top: 2px;
width: auto;
right: 2px;
padding: 3px;
display: flex;
align-items: center;
font-weight: 600;
font-style: italic;
background: #ebebeb;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_19 legend.gfield_label.gform-field-label {
width: 55%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 .rangeinputwo {
position: relative;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 .rangeinputwo .ginput_container_number {}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 .rangeinputwo .ginput_container_number .instruction {
display: none;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 .rangeinputwo .gfield_description {
position: absolute;
top: 0px;
width: auto;
right: 2px;
padding: 8px;
display: flex;
align-items: center;
font-weight: 600;
font-style: italic;
background: #ebebeb;
border:none;
}
.rangeinputwo .ginput_container input {
background: #ebebeb;
border: none;
text-align: center;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 #field_2_21 {
text-indent: 30px;
font-weight: 700;
font-style: italic;
}
.gravity-badezimmer-kalkulator .entry-desc {
margin-bottom: 40px;
}
.gravity-badezimmer-kalkulator .entry-header {
display:none;
}
.entry-title {
font-family: "GeogrotesqueW01-Semibol1185180";
font-size: 1.714rem;
text-transform: uppercase;
font-weight: normal; line-height: 1;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_7:before {
content: unset;
}
.gv_calculator_form_wrapper .gv_calculator_form div#field_2_56 .gvCustom_form_label label {
margin-bottom: 0px;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
padding: 5px !important;border: none !important;
font-size: 10px !important;
margin-top: -1px !important;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .ginput_container input {
padding: 5px;
font-size: 12px !important;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_10 .gform_page_footer {
margin-top: 60px;
}
@media (max-width:1199px){  .gravity-badezimmer-kalkulator .gv_entry_footer {text-align: center;}
} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
.hentry .entry-content {height: 550px;padding: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page {height: 510px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer, .gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_10 .gform_page_footer {margin-top: 120px;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {position: absolute;bottom: 150px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_10 .gfield_validation_message, .gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_10 .validation_message {position: relative;bottom: -1px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_1 .gform_page_footer .gform_next_button {bottom: 0;} .gv_calculator_form_wrapper {padding: 15px;margin: 0px 0px 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice {width:32%;}
.gravity-badezimmer-kalkulator .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice label {width: 90%;word-wrap: break-word;padding: 100px 5px 20px 5px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label {padding: 100px 5px 20px 5px;width: 90%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset .ginput_container {margin-bottom: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step:before {top: 50px;margin: 0 auto;left: 0;right: 0;width: 117px;height: 110px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24::before {height: 120px;width: 104px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_15 label.gfield_label, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24 label.gfield_label {margin-bottom: 75px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step {padding: 0px;}
.gravity-badezimmer-kalkulator .gv_entry_footer {text-align: center;margin-bottom: 30px;}
.gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block {display: block;}
.gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_img_block {width: 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc {width: 100%;padding-left: 0;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc p.desc_heading {text-align: center;margin-top: 30px;font-size: 16px;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc p.display_val {font-size: 40px;text-align: center;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation : landscape) {
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice {width: 33%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 #field_2_21 {text-indent: 120px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 #field_2_25 {text-indent: 140px;}
.gv_calculator_form_wrapper .gv_calculator_form .gv_custom_desc p.display_val {font-size: 48px;}
}
@media (max-width: 767px) {
.hentry .entry-content {padding: 30px 30px;height: 610px;}
.gv_calculator_form_wrapper { width: 100%;
}
.gv_calculator_form_wrapper .gv_calculator_form, 
.gv_calculator_form_wrapper .gv_calculator_form .gform_body, 
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page {height: 560px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields {height: 504px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer, .gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_10 .gform_page_footer {margin-top: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form #gf_progressbar_wrapper_2 {bottom: 40px;}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {margin-top: 10px !important;letter-spacing: 1px !important;font-size: 12px !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 .rangenum-field .gfield_description {padding: 3px 6px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_1 .gform_page_footer .gform_next_button {bottom: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice {width: 100%;margin-top: 10px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio #input_2_4 {width: 60% !important;position: relative;left: 5px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step {padding: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_15 label.gfield_label {margin-bottom: 80px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step:before {top: 50px;margin: 0 auto;left: 0;right: 0;width: 117px;height: 110px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24::before{height: 120px;width: 104px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24 label.gfield_label {margin-bottom: 95px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_33 {padding: 0;margin: 0;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container { margin-bottom: 20px; }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset.ausbauanspruch label {width: 85%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_0:before, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_1:before, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_2:before {background-size: contain;top: 20% !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_29, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset#field_2_30, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 {grid-column: span 6;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset#field_2_30 .ginput_container {margin-top: 0;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 ul {padding-left: 20px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 ul li, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_32 p {font-size: 16px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_32 {grid-column: span 6;font-size: 16px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer .gform_next_button, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer .gform_previous_button {padding: 5px 20px;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block {display: block;margin-top: 10px;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_img_block {width: 100%;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc {width: 100%;padding-left: 0;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc p.desc_heading {text-align: center;margin-top: 30px;font-size: 16px;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc p.display_val {font-size: 40px;text-align: center;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset {margin-top: 0;}
.gravity-badezimmer-kalkulator input.gform_previous_button.gform-theme-button.gform-theme-button--secondary.button.disabled_prev_btn {padding: 5px 20px !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label:before {height: 45px;top:10px;}
.gv_calculator_form_wrapper .gv_calculator_form label#label_2_50_0, .gv_calculator_form_wrapper .gv_calculator_form label#label_2_50_1 {width: 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label {padding: 65px 10px 10px 10px !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset.ausbauanspruch label {padding: 65px 0 10px !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset .ginput_container .gchoice label:after {height: 60px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 #field_2_21, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 #field_2_25 {text-indent: 0px;}
.gravity-badezimmer-kalkulator .gv_entry_footer {text-align: center;margin-bottom: 30px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset .ginput_container {margin-bottom: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .gfield_description {width: 50%;margin-bottom: 0;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .ginput_container input {font-size: 16px !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer #gform_submit_button_2 {padding: 5px 20px;}
}
@media only screen and (max-width: 641px)
{ .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields {height: 490px;}
.gravity-badezimmer-kalkulator div.disabled_prev_button_block {
position: absolute; bottom: 8px;
}	
.gravity-badezimmer-kalkulator input.gform_previous_button.gform-theme-button.gform-theme-button--secondary.button.disabled_prev_btn {
padding: 5px 20px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_50 .gchoice label {padding-top: 10px !important;}
}
@media (max-width: 480px) {
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_1 .gform_page_footer .gform_next_button {
bottom: 16px;
}
}
@media (max-width: 479px) {
.hentry .entry-content {
padding: 10px 15px 20px; height: inherit;
min-height: 600px;
display: flex;
align-items: center;
}
.gv_calculator_form_wrapper { }
.gv_calculator_form_wrapper .gv_calculator_form .gform_body #gform_page_2_1 .gform_page_footer .gform_next_button {bottom: 0;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 #field_2_21, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 #field_2_25 {grid-column: span 12;width: 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_4 #field_2_41, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_6 #field_2_42 {grid-column: span 11;} .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_29, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset#field_2_30, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_32 {grid-column: span 12;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 #field_2_31 ul {padding-left: 30px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio div#input_2_4 .gchoice label {width: 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_3_1:before {left:0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_4 .ginput_container_radio #input_2_4 {width: 100% !important;left: 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_5 .gchoice label, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_9 .gchoice label, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_19 .gchoice label {width: 100%;}
#gform_confirmation_wrapper_2 {margin: 10px 25px 50px;padding: 80px 40px;}
.gravity-badezimmer-kalkulator .entry-desc p {font-size: 26px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_5 .rangenum-field .ginput_container_number input#input_2_41,
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_8 .gfield .ginput_container input {line-height: 1;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_15 label.gfield_label {margin-bottom: 120px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step:before {top: 70px;width: 85px;height: 80px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields .range-step .gfield_description {width: 100%;margin-bottom: 0;text-align: center;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_19 legend.gfield_label.gform-field-label {width: 92%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_0:before, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_1:before, .gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container .gfield_radio .gchoice label#label_2_19_2:before {
background-size: contain;top: 15%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset#field_2_19 legend.gfield_label.gform-field-label {width: 100%;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #gform_fields_2_7 fieldset.ausbauanspruch label {width: 100%;padding: 30px 0px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24::before {height: 98px;width: 85px;top: 50px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24 label.gfield_label {margin-bottom: 120px;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block {margin-top: 0px;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc p.display_val {padding-bottom: 0px;font-size: 35px;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_img_block {width: 40%;margin: 0 auto;}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_custom_desc p.desc_heading {text-align: center;margin-top: 15px;font-size: 16px;padding-bottom: 2px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields fieldset.imgradio .ginput_container #input_2_50 .gchoice label {padding-bottom: 0px !important;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields {overflow: auto;padding-bottom: 50px;}
}
@media (max-width: 414px) {
.gravity-badezimmer-kalkulator input.form_reset_btn {
position: absolute;
bottom: -14px;
line-height: 0px !important;
margin: 0px !important;
height: 20px;
border: none;
width: 100%;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24::before {top: 70px;}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields {height: 475px;}
.gv_calculator_form_wrapper .gv_calculator_form #gf_progressbar_wrapper_2 {bottom: 58px;}
}
@media (max-width: 380px) {
.gravity-badezimmer-kalkulator .entry-desc p {font-size: 22px;}
.gv_calculator_form_wrapper .gv_calculator_form #gf_progressbar_wrapper_2 .gf_progressbar .gf_progressbar_percentage span {
margin-right: 4px;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_fields #field_2_24::before {
height: 85px;
width: 73px;
top: 80px;
}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form #field_2_49 legend {
font-size: 21px;
margin-bottom: 0;
}
.gravity-badezimmer-kalkulator .gv_calculator_form_wrapper .gv_calculator_form .gratulation_custom_block .gv_img_block {
width: 35%;
height: 100px;
display: inline-flex;
}
.gv_calculator_form_wrapper .gv_calculator_form .gv_img_block img {
width: 100%;
height: auto;
}
.gv_calculator_form_wrapper .gv_calculator_form .gform_body .gform_page .gform_page_footer #gform_submit_button_2 {
padding: 5px 20px;
}
}
.gform_validation_errors {
display: none;
}
form.post-password-form {
text-align: center;
position: relative;
margin-top: 11%;
margin-bottom: 6%;
}
form.post-password-form input[type="submit"] {
background: #c6191a;
color: #fff;
border: 1px solid #fff;
border-radius: 50px;
padding: 5px 20px 8px;
line-height: 18px;
}
.appoinment-btn{ background: #c6191a;
color: #fff !important;
padding: 11px 30px;
border-radius: 40px;
font-size: 20px;
display: block;
font-family: 'GeogrotesqueW01-Semibol1185180';
transition:.3s ease;
border:2px solid #c6191a;
margin-bottom: 20px;
}
.appoinment-btn:hover{
color:#c6191a !important;
background:#fff;
}
.appointment-duration{
display:none;
}
.hentry .entry-content:has(.ssa_booking_iframe){
height:auto;
}
.page-id-2771 aside.widget-area{display:none;}
.dev_footer_logo {position: absolute;bottom: 45px;right: 70px;}
.dev_footer_logo ul {display: flex;gap: 20px;align-items: center;padding: 0 !important;}
.dev_footer_logo img {width: 150px;height: 120px;object-fit: contain;}