@charset "utf-8";
 @media (max-width: 1400px){
#usp{
font-size: 25px;
}
#usp .item{
padding-left: 20px;
padding-right: 20px;
}
#usp .item img{
padding: 8px;
width: 45px;
}
}
@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){
#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;
}
#leistungen ul li{
font-size: 22px;
}
#leistungen .item{
padding-left: 0px;
padding-right: 0px;
}
.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){
.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)
}
#kostenubernahme ul li{
font-size: 16px;
padding-left: calc(30px * 0.8);
padding-right: calc(30px * 0.8);
padding-top: calc(15px * 0.8);
padding-bottom: calc(15px * 0.8);
}
#leistungen .item-header .text{
padding-left: calc(40px * 0.8);
width: calc(100% - 100px * 0.8);
}
#leistungen .item-header{
padding-left: calc(40px * 0.8);
padding-right: calc(40px * 0.8);
padding-top: calc(20px * 0.8);
padding-bottom: calc(20px * 0.8);
}
#leistungen .item .icon{
width: calc(70px * 0.8);
height: calc(70px * 0.8);
}
.leistung-toggle{
width: calc(30px * 0.8);
height: calc(30px * 0.8);
}
.karte iframe{
height: calc(400px * 0.8);
}
.cta-wrapper .item{
width: calc(33.33% - 27px * 0.8 );
padding: calc(40px * 0.8 );
}
.cta-wrapper .icon-small:before{
margin-bottom: calc(50px * 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);
}
#leistungen ul li{
font-size: 18px;
padding: 15px 40px 15px 15px;
}
#leistungen .subtitel{
font-size: 15px;
line-height: 110%;
margin-bottom: 10px;
}
.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: 40px;
text-align: center;
}
h2{
font-size: 30px;
}
h3{
font-size: 20px;
}
#anfrage h3{
font-size: 25px;
}
}
@media (max-width: 1024px){
.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);
}
#kostenubernahme ul li{
font-size: 16px;
padding-left: calc(30px * 0.7);
padding-right: calc(30px * 0.7);
padding-top: calc(15px * 0.7);
padding-bottom: calc(15px * 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);}
#leistungen .item-header .text{
padding-left: calc(40px * 0.7);
width: calc(100% - 100px * 0.7);
}
#leistungen .item-header{
padding-left: calc(40px * 0.7);
padding-right: calc(40px * 0.7);
padding-top: calc(20px * 0.7);
padding-bottom: calc(20px * 0.7);
}
#leistungen .item .icon{
width: calc(70px * 0.7);
height: calc(70px * 0.7);
}
.leistung-toggle{
width: calc(30px * 0.7);
height: calc(30px * 0.7);
}
.karte iframe{
height: calc(400px * 0.7);
}
.cta-wrapper .item{
width: calc(50% - 20px * 0.7 );
padding: calc(40px * 0.7 );
}
.cta-wrapper .icon-small:before{
margin-bottom: calc(50px * 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);
}
#usp .spacer80{
height: 20px;
}
#usp .item{
display: block;
margin-top: 30px;
margin-bottom: 30px;
font-size: 30px;
}
#usp .item:first-child{
margin-top: 0px;
}
#usp .item:last-child{
margin-bottom: 0px;
}
body{
font-size: 16px;
}
h1{
font-size: 40px;
}
.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: 850px){
#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){
.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){
.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);
}
#kostenubernahme ul li{
padding-left: calc(30px * 0.6);
padding-right: calc(30px * 0.6);
padding-top: calc(15px * 0.6);
padding-bottom: calc(15px * 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);}
#leistungen ul{
margin-top: 10px;
}
#leistungen ul li{
font-size: 16px;
padding: 12px 40px 12px 15px;
margin-bottom: 10px;
}
#leistungen .item-header .text{
padding-left: calc(40px * 0.5);
}
#leistungen .item-header{
padding-left: calc(40px * 0.6);
padding-right: calc(40px * 0.6);
padding-top: calc(20px * 0.6);
padding-bottom: calc(20px * 0.6);
}
#leistungen .item .icon{
width: calc(70px * 0.7);
height: calc(70px * 0.7);
}
.leistung-toggle{
width: calc(30px * 0.6);
height: calc(30px * 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 .item{
width: calc(50% - 20px * 0.6 );
padding: calc(40px * 0.6 );
}
.cta-wrapper .icon-small:before{
margin-bottom: calc(50px * 0.6);
}
.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(50% - 40px * 0.6);
}
}
@media (max-width: 700px){
#kostenubernahme table{
width: 100%
}
#kostenubernahme .image{
position: relative;
left: 0px;
width: 100%;
}
}
@media (max-width: 650px){
#leistungen .item:first-child{
width: 100%;
}
#leistungen .item{
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
form .width6{
width: 100%;
}
h1{
font-size: 30px;
}
h2{
font-size: 20px;
}
.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){
.cta-wrapper .item {
width: calc(100% - 20px * 0.5);
padding: calc(40px * 0.5);
display: flex;
flex-wrap: wrap;
}
.cta-wrapper .icon-small:before{
margin: inherit;
}
.cta-wrapper .item .text{
width: calc(100% - 30px);
padding-left: 20px;
text-align: left;
}
}
@media (max-width: 480px){
.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;
}
.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;
}
#leistungen .item-header .text{
padding-left: calc(40px * 0.5);
}
#leistungen .item-header{
padding-left: calc(40px * 0.5);
padding-right: calc(40px * 0.5);
padding-top: calc(20px * 0.5);
padding-bottom: calc(20px * 0.5);
}
.karte iframe{
height: calc(400px * 0.5);
}
.cta-button{
font-size: 14px;
padding: 7px 15px 7px 15px;
top: 10px;
}
.cta-wrapper .item{
padding: calc(40px * 0.5 );
}
.cta-wrapper .icon-small:before{
margin-bottom: calc(50px * 0.5);
}
.cta-wrapper{
gap: calc(40px * 0.5);
}
.content{
padding-left: calc(60px * 0.5);
padding-right: calc(60px * 0.5);
}
.team-wrapper{
gap: calc(80px * 0.5);
}
.team-wrapper .item{
width: calc(50% - 40px * 0.5);
}
.cta-wrapper .item{
width: 100%;
hyphens: auto;
}
h2{
padding-bottom: 0px;
}
#leistungen .item-header h3{
font-size: 18px;
letter-spacing: 0px;
}
#leistungen .subtitel{
font-size: 14px;
}
}
@media (max-width: 450px){
.kontaktinformationen img{
width: 220px;
}
.kontaktinformationen{
line-height: 140%;
}
}
@media (max-width: 420px){
#leistungen-short ul li{
width: 100%;
text-align: left;
margin-left: 0px;
margin-right: 0px;
}
}
@media (max-width: 400px){
.wp-image-320, .wp-image-321{
width: 100px;
}
}
@media (max-width: 400px){
#usp .item{
font-size: 22px;
}
#usp .item img{
width: 35px;
padding: 5px;
}
}
@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;
}
#leistungen .item-header .text{
padding-left: calc(40px * 0.4);
}
#leistungen .item-header{
padding-left: calc(40px * 0.4);
padding-right: calc(40px * 0.4);
padding-top: calc(20px * 0.4);
padding-bottom: calc(20px * 0.4);
}
.karte iframe{
height: calc(400px * 0.4);
}
.cta-button{
font-size: 14px;
padding: 7px 15px 7px 15px;
top: 10px;
}
.cta-wrapper .item{
padding: calc(40px * 0.4 );
}
.cta-wrapper .icon-small:before{
margin-bottom: calc(50px * 0.4);
}
.cta-wrapper{
gap: calc(40px * 0.4);
}
.content{
padding-left: calc(60px * 0.4);
padding-right: calc(60px * 0.4);
}
.team-wrapper{
gap: calc(80px * 0.4);
}
.team-wrapper .item{
width: calc(50% - 40px * 0.4);
}
.cta-wrapper .item{
width: 100%;
hyphens: auto;
}
h2{
padding-bottom: 0px;
}
#leistungen .item-header h3{
font-size: 18px;
letter-spacing: 0px;
}
#leistungen .subtitel{
font-size: 14px;
}
}