@charset "utf-8";
 @media (max-width: 1500px){
.anfrage_formular:before {
width: 630px;
height: 500px;
left: 120px;
bottom: -350px;
}
#anfrage input[type="submit"]{
max-width: 300px;
}
#leistungen .item:nth-child(4){
grid-column: 1 / 7;
}
#leistungen .item:nth-child(5){
grid-column: 1 / 4;
grid-row: 4 / 5;
}
#leistungen .item:nth-child(6){
grid-column: 4 / 7;
grid-row: 4 / 5;
}
}
@media (max-width: 1400px){
.job_teambild,
.job_form,
.benefits_wrapper{
width: 100%;
}
.job_teambild{
padding-top: 30%;
position: relative;
display: none;
}
.job_teambild img{
position: absolute;
top: 0px;
}
.kontaktinformationen {
width: 420px;
}
#anfrage{
width: calc(100% - 460px);
}
.cta-wrapper .item .text{
font-size: 19px;
width: calc(100% - 50px);
}
h1{
font-size: 40px;
margin-bottom: 27px;
}
}
@media (min-width: 1301px){
#primary-navigation {
display: block !important;
}
#primary-navigation li a:after{
content: "";
width: 0;
left: 20px;
height: 2px;
background: #fff;
position: absolute;
bottom: -6px;
transition: all 0.6s;
}
#primary-navigation li a:hover:after{
content: "";
width: calc(100% - 40px);
left: 20px;
height: 2px;
background: #fff;
position: absolute;
bottom: -6px;
}
}
@media (max-width: 1300px){
.cta-wrapper .item{
justify-content: flex-start;
}
#masthead .content{
height: 56px;
}
.cta-button{
right: 60px;
padding: 8px 25px 8px 15px;
top: 9px;
}
#logo{
width: 120px;
height: 64px;
padding: 10px;
}
#primary-navigation li:hover a:after{
display: none;
}
#primary-navigation li a{
float: none;
}
#primary-navigation{
bottom: inherit;
top: inherit;
}
#masthead.scrolled .content{
height: 56px;
}
#primary-navigation{
padding-top: 0px;
padding-bottom: 0px;
}
#primary-navigation li{
border-right: none;
border-left: none;
}
#primary-navigation li a{
font-size: 20px;
}
.nav-menu {
float: none;
}
.toggle-menu {
position: absolute;
right: 0px;
top: 0px;
z-index: 10000;
display: block;
text-align: right;
height: 56px;
width: 56px;
float: right;
background: url(//finster.care/wp-content/themes/blank/images/nav-toggle.svg) no-repeat center center;
}
.toggle-menu.active {
background: url(//finster.care/wp-content/themes/blank/images/nav-toggle-active.svg) no-repeat center center;
}
#masthead .content{
padding: 0px;
}
#primary-navigation li#menu-item-124{
display: none;
}
#primary-navigation li#menu-item-124 a{
text-indent: 0px;
width: auto;
height: auto;
}	
#masthead{
position: relative;
z-index: 3000;
}
#masthead .content{
padding-left: 0px;
padding-right: 0px;
}
#primary-navigation #menu-main{
display: block;
}
header#masthead {
padding: 0px;
}
#primary-navigation{ clear: both;
display: none;
position: relative;
float: none;
position: fixed;
width: 100%;
height: 100%;
right: 0;
float: none;
background: #F99A00 !important;
padding-top: 80px;
}
#primary-navigation.toggle {
display: block;
background: #fff;
}
#primary-navigation li {
float: none;
display: block;
padding-left: 0px;
padding-right: 0px;
position: relative;
padding-top: 0px;
transform: none;
}
#primary-navigation li a, 
#primary-navigation li a:hover {
padding: 16px 25px;
transition: none;
border-bottom: none;
border-top: 1px dashed #666;
color: #fff;
display: block;
font-size: 25px;
}
#primary-navigation li.menu-item-has-children a{
background-image: none;
}
}
@media (max-width: 1300px){
#kostenubernahme table{
float: none;
margin-top: 50px;
width: 300px;
}
#kostenubernahme .image img{
object-position: center bottom;
}
#kostenubernahme .image{
left: 400px;
right: inherit;
width: calc(100% - 400px);
bottom: 0px;
}
#kostenubernahme .text{
width: 100%;
float: none;
}
.kontaktinformationen{
font-size: 18px;
}
.kontaktinformationen h4{
font-size: 16px;
line-height: 100%;
}
.kontaktinformationen h5{
font-size: 16px;
}
.kontaktinformationen img{
max-width: 250px;
width: 100%;
}
}
@media (max-width: 1200px){
.kontakt-formular-wrapper{
max-width: 800px;
margin: auto auto;
}
.anfrage_formular:before{
bottom: -330px;
left: 200px;
}
#anfrage,
.kontaktinformationen{
width: 100%;
}
#kostenubernahme ul li{
font-size: 21px;
}
#leistungen .item-header .text{
padding-left: 20px;
padding-right: 0px;
width: calc(100% - 80px);
}
#leistungen .item-header{
padding-bottom: 30px;
margin-bottom: 25px;
}
#leistungen .item .icon{
width: 80px;
height: 80px;
}
#leistungen .item .icon img {
padding: 15px;
}
#leistungen .item-header h3{
font-size: 22px;
}
#leistungen .subtitel{
font-size: 16px;
}
#usp{
font-size: 16px;
}
#usp .item img{
width: 30px;
}
.team-wrapper{
gap: calc(80px * 0.8);
}
.team-wrapper .item{
width: calc(50% - 40px * 0.8);
padding: calc(50px * 0.8);
}
.padding20{ padding: calc(20px * 0.8); }
.padding30{ padding: calc(30px * 0.8); }
.padding40{ padding: calc(40px * 0.8); }
.padding50{ padding: calc(50px * 0.8); }
.padding60{ padding: calc(60px * 0.8); }
.gap40 .width6{
width: calc(50% - 20px * 0.8)
}
.gap40{
gap: calc(40px * 0.8);
}
.gap60{
gap: calc(60px * 0.8);
}
.gap60 .width6{
width: calc(50% - 30px * 0.8)
}
.karte iframe{
height: calc(400px * 0.8);
}
.cta-wrapper{
gap: calc(40px * 0.8);
}
.content{
padding-left: calc(60px * 0.8);
padding-right: calc(60px * 0.8);
}
.team-wrapper{
gap: calc(80px * 0.8);
}
.team-wrapper .item{
width: calc(50% - 40px * 0.8);
}
.spacer10{height: calc(10px * 0.8);}
.spacer20{height: calc(20px * 0.8);}
.spacer30{height: calc(30px * 0.8);}
.spacer40{height: calc(40px * 0.8);}
.spacer50{height: calc(50px * 0.8);}
.spacer60{height: calc(60px * 0.8);}
.spacer70{height: calc(70px * 0.8);}
.spacer80{height: calc(80px * 0.8);}
.spacer90{height: calc(90px * 0.8);}
.spacer100{height: calc(100px * 0.8);}
.spacer110{height: calc(110px * 0.8);}
.spacer120{height: calc(120px * 0.8);}
.spacer130{height: calc(130px * 0.8);}
.spacer140{height: calc(140px * 0.8);}
.spacer150{height: calc(150px * 0.8);}
body{
font-size: 16px;
}
h1{
font-size: 30px;
margin-bottom: 20px;
text-align: center;
}
h2{
font-size: 30px;
}
h3{
font-size: 20px;
}
#anfrage h3{
font-size: 25px;
}
}
@media (max-width: 1024px){
.kontakt-formular-wrapper{
max-width: 700px;
margin: auto auto;
}
#anfrage h3{
padding-bottom: 20px;
margin-bottom: 20px;
}
#kostenubernahme .hinweis:before{
width: 30px;
height: 30px;
top: 8px;
}
#kostenubernahme .hinweis{
padding-left: 60px;
}
#kostenubernahme .kostenubernahme_prices,
#kostenubernahme .kostenubernahme_text{
width: 100%;
}
.transparentbericht_inner .transparenzribbon{
width: 200px;
}
.transparenztext{
width: calc(100% - 200px);
padding-left: 30px;
}
.transparentbericht_inner .button{
padding: 15px 15px 15px 15px;
}
.transparentbericht_inner h2{
margin-bottom: 5px;
}
.transparentbericht_inner h3{
font-size: 28px;
margin-bottom: 8px;
}
.transparentbericht_inner .button{
margin-top: 18px;
}
#usp strong,
#usp .item img,
#usp .item{
display: block;
margin: auto auto;
}
#usp .item img{
display: block;
margin-bottom: 10px;
}
#usp strong{
width: 100%;
}
.team-wrapper{
gap: calc(80px * 0.7);
}
.team-wrapper .item{
width: calc(50% - 40px * 0.7);
padding: calc(50px * 0.7);
}
.team_name{
font-size: 22px;
}
.team-wrapper .item img{
max-width: 300px;
}
.team_statement{
font-size: 15px;
padding-left: 60px;
margin-bottom: -70px;
}
.team_statement:before{
width: 30px;
height: 30px;
}
.padding20{ padding: calc(20px * 0.7); }
.padding30{ padding: calc(30px * 0.7); }
.padding40{ padding: calc(40px * 0.7); }
.padding50{ padding: calc(50px * 0.7); }
.padding60{ padding: calc(60px * 0.7); }
.team_name{
font-size: 22px;
}
.team_position{
font-size: 16px;
}
.benefits ul li{
font-size: 16px;
padding-left: calc(20px * 0.7);
padding-right: calc(20px * 0.7);
padding-top: calc(15px * 0.7);
padding-bottom: calc(15px * 0.7);
}
.gap40 .width6{
width: calc(50% - 20px * 0.7);
}
.gap40{
gap: calc(40px * 0.7);
}
.gap60{
gap: calc(60px * 0.7);
}
.gap60 .width6{
width: calc(100%)
}
input[type="submit"]{
max-width: 250px;
}
.wpcf7-form-control-wrap[data-name="my-acceptance"]{
font-size: 15px;
margin-bottom: 10px;
}
input[type="your-email"], 
input[type="your-phone"], 
input[type="your-number"], 
input[type="your-text"], textarea, 
select{
padding: calc(16px * 0.7);
font-size: 17px;
padding-left: 60px;
}
input[name="your-phone"],
input[name="your-time"],
input[name="your-name"],
input[name="your-email"]{
background-size: 53px 53px;
background-position: left center;
}
input[type="submit"]{
font-size: 16px;
padding-left: calc(20px * 0.7);
padding-right: calc(20px * 0.7);
padding-top: calc(18px * 0.7);
padding-bottom: calc(18px * 0.7);
}
.spacer10{height: calc(10px * 0.7);}
.spacer20{height: calc(20px * 0.7);}
.spacer30{height: calc(30px * 0.7);}
.spacer40{height: calc(40px * 0.7);}
.spacer50{height: calc(50px * 0.7);}
.spacer60{height: calc(60px * 0.7);}
.spacer70{height: calc(70px * 0.7);}
.spacer80{height: calc(80px * 0.7);}
.spacer90{height: calc(90px * 0.7);}
.spacer100{height: calc(100px * 0.7);}
.spacer110{height: calc(110px * 0.7);}
.spacer120{height: calc(120px * 0.7);}
.spacer130{height: calc(130px * 0.7);}
.spacer140{height: calc(140px * 0.7);}
.spacer150{height: calc(150px * 0.7);}
.karte iframe{
height: calc(400px * 0.7);
}
.cta-wrapper{
gap: calc(40px * 0.7);
}
.content{
padding-left: calc(60px * 0.7);
padding-right: calc(60px * 0.7);
}
.team-wrapper{
gap: calc(80px * 0.7);
}
.team-wrapper .item{
width: calc(50% - 40px * 0.7);
}
body{
font-size: 16px;
}
h1{
font-size: 30px;
margin-bottom: 22px;
}
.slogan{
font-size: 30px;
}
h2{
font-size: 28px;
padding-bottom: 4px;
}
h2:after{
margin-top: 15px;
}
.paper{
padding: 30px;
}
.image-1,
.image-2{
width: 50%;
position: relative;
height: 50vh;
float: left;
}
.image-1 img, .image-2 img{
position: relative;
}
#restaurant .text, #biergarten .text{
clear: both;
padding-top: 0px;
padding-bottom: 0px;
position: relative;
max-width: none;
width: calc(100% - 30px);
}
.row{
margin-left: 0px;
margin-right: 0px;
}
#kontakt .width5,
#kontakt .width7{
width: 100%;
margin-bottom: 20px;
}
.width1, 
.width2, 
.width3, 
.width4, 
.width5, 
.width6, 
.width7, 
.width8, 
.width9, 
.width10, 
.width11, 
.width12{
float: left;
position: relative;
}
#kontakt .image img{
max-height: 300px;
object-fit: cover;
}
.spacer20{
height: 10px;
}
.spacer30{
height: 15px;
}
.spacer40{
height: 20px;
}
.spacer50{
height: 25px;
}
.spacer60{
height: 30px;
}
.spacer70{
height: 40px;
}
.spacer80{
height: 60px;
}
.spacer90{
height: 45px;
}
.spacer100{
height: 50px;
}
}
@media (max-width: 920px){
#leistungen ul li{
font-size: 15px;
}
#leistungen .item ul li:before{
width: 16px;
height: 16px;
}
.about_inner{
display: block;
padding: 0px;
}
.about_text, .about_image{
width: 100%;
}
.about_image{
padding-top: 50%;
}
}
@media (max-width: 850px){
#leistungen .content{
display: flex;
flex-wrap: wrap;
}
#kostenubernahme table{
width: 150px;
font-size: 22px;
}
#kostenubernahme table th{
font-size: 11px;
}
#kostenubernahme .image{
left: 230px;
width: calc(100% - 280px);
}
}
@media (max-width: 800px){
.transparentbericht_inner{
display: block;
text-align: center;
}
.transparentbericht_inner .transparenzribbon{
width: 100%;
margin: auto auto;
max-width: 250px;
margin-bottom: 20px;
margin-top: -80px;
}
.transparentbericht_inner .transparenzribbon img{
width: 100%;
}
.transparenztext{
width: 100%;
padding-left: 0px;
}
.transparentbericht_inner h2,
.transparentbericht_inner h3{
text-align: center;
}
.karte{
width: 100%;
float: none;
display: block;
position: relative;
}
.kontaktinformationen{
width: 100%;
float: none;
display: block;		
}
#kontakt{
display: block;
padding-left: 0px;
}
}
@media (max-width: 768px){
.anfrage_formular:before{
left: 0px;
bottom: -370px;
width: 550px;
margin: auto auto;
padding-top: 30%;
}
#anfrage{
padding-bottom: 200px;
}
#usp strong{
max-width: 100px;
}
.padding20{ padding: calc(20px * 0.6); }
.padding30{ padding: calc(30px * 0.6); }
.padding40{ padding: calc(40px * 0.6); }
.padding50{ padding: calc(50px * 0.6); }
.padding60{ padding: calc(60px * 0.6); }
.benefits ul li{
padding-left: calc(20px * 0.6);
padding-right: calc(20px * 0.6);
padding-top: calc(15px * 0.6);
padding-bottom: calc(15px * 0.6);
}
.benefits .width6{
width: 100% !important;
}
.gap40 .benefits{
padding: calc(60px * 0.6);
}
.gap40 .width6{
width: 100%;
}
.gap40{
gap: calc(40px * 0.6);
}
.gap60{
gap: calc(60px * 0.6);
}
.spacer10{height: calc(10px * 0.6);}
.spacer20{height: calc(20px * 0.6);}
.spacer30{height: calc(30px * 0.6);}
.spacer40{height: calc(40px * 0.6);}
.spacer50{height: calc(50px * 0.6);}
.spacer60{height: calc(60px * 0.6);}
.spacer70{height: calc(70px * 0.6);}
.spacer80{height: calc(80px * 0.6);}
.spacer90{height: calc(90px * 0.6);}
.spacer100{height: calc(100px * 0.6);}
.spacer110{height: calc(110px * 0.6);}
.spacer120{height: calc(120px * 0.6);}
.spacer130{height: calc(130px * 0.6);}
.spacer140{height: calc(140px * 0.6);}
.spacer150{height: calc(150px * 0.6);}
.karte iframe{
height: calc(400px * 0.6);
}
.cta-wrapper .icon-small:before{
width: calc(50px * 0.6 );
height: calc(50px * 0.6 );
}
.kontaktinformationen img{
max-width: 150px;
}
.kontaktinformationen h4{
font-size: 14px;
margin-top: 0px;
padding: 7px 10px;
}
.kontaktinformationen {
font-size: 16px;
}
.cta-wrapper{
gap: calc(40px * 0.6);
}
.content{
padding-left: calc(60px * 0.6);
padding-right: calc(60px * 0.6);
}
.team-wrapper{
gap: calc(80px * 0.6);
}
.team-wrapper .item{
width: calc(100%);
max-width: 500px;
margin: auto auto;
}
}
@media (max-width: 700px){
#kostenubernahme table{
width: 100%
}
#kostenubernahme .image{
position: relative;
left: 0px;
width: 100%;
}
}
@media (max-width: 650px){
form .width6{
width: 100%;
}
h1{
font-size: 30px;
}
h2{
font-size: 25px;
}
.slogan{
font-size: 25px;
}
#colophon aside#nav_menu-2{
float: none;
text-align: center;
}
aside{
width: 100%;
float: none;
display: inline-block;
margin: auto auto;
}
#colophon aside#custom_html-4{
text-align: center;
font-size: 16px;
}
.paper{
padding: 20px;
}
.content{
padding-left: 22px;
padding-right: 22px;
}
.image-1, .image-2{
width: 100%;
float: none;
}
}
@media (max-width: 650px){
}
@media (max-width: 600px){
.usp_inner{
gap: 16px;
}
#usp .item{
width: calc(50% - 8px);
}
#usp strong{
max-width: inherit;
}
}
@media (max-width: 480px){
.transparentbericht_inner .transparenzribbon{
max-width: 200px;
margin-top: -70px;
}
.transparentbericht_inner h3{
font-size: 26px;
}
.transparentbericht_inner h2{
font-size: 21px;
}
.wpcf7-radio .wpcf7-list-item-label{
padding: 8px 15px 8px 15px;
font-size: 15px;
}
.wpcf7-radio .wpcf7-list-item-label{
display: block;
width: 100%;
}
.wpcf7-list-item{
display: block;
width: 100%;
}
.wpcf7-form-control-wrap[data-name="my-acceptance"]{
padding: 10px 12px;
}
input[type="email"], input[type="phone"], input[type="tel"], input[type="number"], input[type="text"], textarea, select{
padding-top: 12px;
padding-bottom: 12px;
padding-left: 70px;
font-size: 16px;
background-size: 48px 48px;
background-position: left center;
}
.wpcf7-form-control-wrap[data-name="my-acceptance"]{
font-size: 14px;
}
.padding20{ padding: calc(20px * 0.5); }
.padding30{ padding: calc(30px * 0.5); }
.padding40{ padding: calc(40px * 0.5); }
.padding50{ padding: calc(50px * 0.5); }
.padding60{ padding: calc(60px * 0.5); }
.gap60{
gap: calc(60px * 0.5);
}
.gap40 .benefits{
gap: calc(40px * 0.5);
padding: calc(60px * 0.5);
}
.benefits ul li{
padding-left: calc(20px * 0.5);
padding-right: calc(20px * 0.5);
padding-top: calc(15px * 0.5);
padding-bottom: calc(15px * 0.5);
}
.gap40{
gap: calc(40px * 0.5);
}
.spacer10{height: calc(10px * 0.5);}
.spacer20{height: calc(20px * 0.5);}
.spacer30{height: calc(30px * 0.5);}
.spacer40{height: calc(40px * 0.5);}
.spacer50{height: calc(50px * 0.5);}
.spacer60{height: calc(60px * 0.5);}
.spacer70{height: calc(70px * 0.5);}
.spacer80{height: calc(80px * 0.5);}
.spacer90{height: calc(90px * 0.5);}
.spacer100{height: calc(100px * 0.5);}
.spacer110{height: calc(110px * 0.5);}
.spacer120{height: calc(120px * 0.5);}
.spacer130{height: calc(130px * 0.5);}
.spacer140{height: calc(140px * 0.5);}
.spacer150{height: calc(150px * 0.5);}
#primary-navigation li a, #primary-navigation li a:hover{
font-size: 22px;
}
.karte iframe{
height: calc(400px * 0.5);
}
.cta-button{
font-size: 14px;
padding: 7px 15px 7px 15px;
top: 10px;
}
.cta-wrapper{
gap: calc(40px * 0.5);
}
.content{
padding-left: calc(60px * 0.5);
padding-right: calc(60px * 0.5);
}
h2{
padding-bottom: 0px;
}
}
@media (max-width: 450px){
.kontaktinformationen img{
width: 220px;
}
.kontaktinformationen{
line-height: 140%;
}
}
@media (max-width: 400px){
.wp-image-320, .wp-image-321{
width: 100px;
}
}
@media (max-width: 380px){
.gap60{
gap: calc(60px * 0.4);
}
.gap60 .width6{
width: calc(50% - 30px * 0.4)
}
.gap40 .benefits{
gap: calc(40px * 0.4);
padding: calc(60px * 0.4);
}
.benefits ul li{
padding-left: calc(20px * 0.4);
padding-right: calc(20px * 0.4);
padding-top: calc(15px * 0.4);
padding-bottom: calc(15px * 0.4);
}
.gap40{
gap: calc(40px * 0.4);
}
.spacer10{height: calc(10px * 0.4);}
.spacer20{height: calc(20px * 0.4);}
.spacer30{height: calc(30px * 0.4);}
.spacer40{height: calc(40px * 0.4);}
.spacer50{height: calc(50px * 0.4);}
.spacer60{height: calc(60px * 0.4);}
.spacer70{height: calc(70px * 0.4);}
.spacer80{height: calc(80px * 0.4);}
.spacer90{height: calc(90px * 0.4);}
.spacer100{height: calc(100px * 0.4);}
.spacer110{height: calc(110px * 0.4);}
.spacer120{height: calc(120px * 0.4);}
.spacer130{height: calc(130px * 0.4);}
.spacer140{height: calc(140px * 0.4);}
.spacer150{height: calc(150px * 0.4);}
#primary-navigation li a, #primary-navigation li a:hover{
font-size: 22px;
}
.karte iframe{
height: calc(400px * 0.4);
}
.cta-button{
font-size: 14px;
padding: 7px 15px 7px 15px;
top: 10px;
}
.content{
padding-left: calc(60px * 0.4);
padding-right: calc(60px * 0.4);
}
h2{
padding-bottom: 0px;
}
}