/* Basics */ /* mediaqueries */ /* Design */ .btn,.forminator-button,.wp-block-button__link { background-color:#fff; border:0; border-radius:2px; line-height:1; padding:12px 14px; font-weight:500; transition:0.4s ease-in-out; }

 .btn-red,.forminator-button-red,.wp-block-button__link-red { background-color:#bd1101; color:#fff; }

 .btn-red:hover,.forminator-button-red:hover,.wp-block-button__link-red:hover { background-color:#a70e00; }

 .btn-blue,.forminator-button-blue,.wp-block-button__link-blue { background-color:#002B4E; color:#fff; }

 .btn-blue:hover,.forminator-button-blue:hover,.wp-block-button__link-blue:hover { background-color:#011b50; }

 .forminator-button-red { background-color:#bd1101; color:#fff; }

 .forminator-button-red:hover { background-color:#a70e00; }

 .forminator-button-blue { background-color:#002B4E; color:#fff; }

 .forminator-button-blue:hover { background-color:#011b50; }

 .forminator-custom-form-93.forminator-design--flat .forminator-button-submit,.wp-block-button__link { border:0 !important; border-radius:2px !important; line-height:1 !important; padding:12px 14px !important; font-weight:500 !important; transition:0.4s ease-in-out !important; background-color:#002B4E !important; color:#fff !important; }

 .forminator-custom-form-93.forminator-design--flat .forminator-button-submit:hover,.wp-block-button__link:hover { background-color:#011b50 !important; }

 /* Layout */ body { background-color:#fffefc; border-top:0; }

 #content { padding:6rem 1.5rem 3rem; }

 .telmaster { background-color:#bd1101; text-align:center; padding-bottom:5px; color:#fff; font-weight:500; border-bottom:0; position:relative; z-index:100; }

 .telmaster i { font-size:18px; vertical-align:middle; margin-top:-2px; }

 #masthead { display:grid; width:100%; grid-template-columns:2fr 4fr 2fr; grid-template-areas:"logo nav tel"; margin:0; max-width:unset; padding:0; z-index:99; position:relative; background:#fff; -webkit-box-shadow:0px 0px 100px -42px rgba(36, 36, 36, 1); -moz-box-shadow:0px 0px 100px -42px rgba(36, 36, 36, 1); box-shadow:0px 0px 100px -42px rgba(36, 36, 36, 1); }

 @media screen and (min-width:768px) { #masthead { padding:0 0 0 3rem; }

 }

 #masthead .logo { grid-template-columns:1fr 3fr 1fr; grid-area:logo; display:grid; grid-column-start:1; grid-column-end:8; padding:20px 0; }

 @media screen and (min-width:768px) { #masthead .logo { grid-template-columns:1fr 1fr; grid-column-end:2; }

 }

 #masthead .logo a { grid-column-start:2; grid-column-end:3; padding:10px 0; }

 @media screen and (min-width:768px) { #masthead .logo a { grid-column-start:1; grid-column-end:2; padding:0; }

 }

 #masthead nav { overflow:hidden; grid-column-start:1; grid-column-end:8; }

 @media screen and (min-width:768px) { #masthead nav { grid-column-start:2; grid-column-end:4; display:block; height:100%; padding:0; }

 }

 #masthead nav ul { margin:0; padding:0; grid-template-columns:1fr 1fr 1fr 1fr; grid-area:nav; display:block; height:auto; }

 @media screen and (min-width:768px) { #masthead nav ul { display:grid; height:100%; }

 }

 #masthead nav ul li { display:inline-block; vertical-align:middle; text-align:center; width:100%; height:50px; margin:12px 0; }

 @media screen and (min-width:768px) { #masthead nav ul li { height:100%; margin:0; }

 }

 #masthead nav ul li a { height:100%; background-color:#fff; color:#002B4E; transition:0.4s cubic-bezier(0.41, 0.41, 0.37, 0.92); font-weight:600; text-align:center; display:flex; justify-content:center; flex-direction:column; }

 #masthead nav ul li a:hover { background-color:#002B4E; color:#fff; }

 #masthead nav ul li a:hover .menu-desc { color:#bdbdbd; }

 #masthead nav ul li a .menu-desc { font-size:0.8rem; font-weight:500; color:#404040; line-height:1; transition:0.4s cubic-bezier(0.41, 0.41, 0.37, 0.92); }

 #masthead .nav-toggler { display:block; width:100%; padding:10px 0; height:60px; grid-column-start:1; grid-column-end:8; background-color:#002B4E; color:#fff; }

 #masthead .nav-toggler::before { content:'\2BC6\00A0\00A0Menü anzeigen'; margin:0 auto; display:block; font-weight:700; text-align:center; }

 @media screen and (min-width:768px) { #masthead .nav-toggler { display:none; }

 }

 #masthead #nav-control { display:none; }

 #masthead #nav-control + nav { opacity:0; height:0; padding:0; transition:height 0.4s ease-in-out, opacity 0.4s ease-in-out, padding 0.4s ease-in-out; }

 @media screen and (min-width:768px) { #masthead #nav-control + nav { height:100%; opacity:1; }

 }

 #masthead #nav-control:checked + nav + label::before { content:'\2BC5\00A0\00A0Menü schließen'; }

 #masthead #nav-control:checked + nav { opacity:1; height:325px; padding:15px 0; }

 @media screen and (min-width:768px) { #masthead #nav-control:checked + nav { height:100%; opacity:1; padding:0; }

 }

 .hero-half { height:53vh; background-position:center; background-size:cover; margin-bottom:2.75rem; transform:skew(0deg, -10deg); margin-top:-10vh; z-index:1; -webkit-box-shadow:inset 0px -12px 21px 0px #242424; -moz-box-shadow:inset 0px -12px 21px 0px #242424; box-shadow:inset 0px -12px 21px 0px rgba(36, 36, 36, .22); }

 @media screen and (min-width:768px) { .hero-half { transform:skew(0deg, -5deg); }

 }

 /* *** Table *** */ /* 
 /* 1    Content Basics
 /* 2    Special Contents
 /* 2a   -   Chooser
 /* 2b   -   Contact Section
 /*
 /* *** Table *** */ #main { position:relative; }

 #chooser { display:grid; grid-template-columns:1fr; width:100%; }

 @media screen and (min-width:768px) { #chooser { grid-template-columns:1fr 1fr; }

 }

 #chooser > div { text-align:center; }

 #chooser .mieter { height:55vh; background:center / cover url('/wp-content/uploads/2021/01/leistungen-fuer-mieter-vermietung-hausverwaltung.jpg'); display:flex; align-items:center; justify-content:center; }

 #chooser .eigentuemer { height:55vh; background:center / cover url('/wp-content/uploads/2021/01/leistungen-fuer-eigentuemer-vermietung-hausverwaltung.jpg'); display:flex; align-items:center; justify-content:center; }

 #contact-section { background-color:#eee; padding:1.5rem 0; width:100%; }

 #contact-section .section-inner { display:block; margin:0 auto; width:75%; max-width:768px; text-align:center; padding:3rem auto; margin:3rem auto; }

 #content h1 { word-break:break-all; }

 #content footer { display:none; }

 footer { background-color:#002B4E; border-top:1px solid #011b50; display:grid; padding:20px 30px; width:100%; color:#fff; }

 @media screen and (min-width:768px) { footer { grid-template-areas:"none1 legals none2"; grid-template-columns:1fr 2fr 1fr; }

 footer .legals { grid-area:legals; text-align:center; }

 }

 footer .legals { font-size:0.8rem; }

 footer .legals ul { padding:0; margin:0; list-style:none; text-align:center; }

 footer .legals ul li { display:inline-block; }

 footer .legals ul li a { color:#fff; text-decoration:underline; padding:6px 8px; }

 .scrollTop { position:fixed; right:57px; bottom:0px; background-color:#bd1101; padding:15px 23px; opacity:0; transition:all 0.4s ease-in-out 0s; z-index:237; }

 @media print { .scrollTop { display:none; }

 }

 .scrollTop i { transform:rotate(-90deg); /* Legacy vendor prefixes that you probably don't need... */ /* Safari */ -webkit-transform:rotate(90deg); /* Firefox */ -moz-transform:rotate(90deg); /* IE */ -ms-transform:rotate(90deg); /* Opera */ -o-transform:rotate(90deg); /* Internet Explorer */ filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

 .scrollTop a { font-size:1.7rem; color:#fff !important; margin-bottom:0; border-bottom:0; line-height:1; display:block; padding:5px 0 0; }

 /* Custom */ #services { display:grid; grid-template-columns:1fr; gap:24px; padding-bottom:30px; }

 @media screen and (min-width:768px) { #services { grid-template-columns:1fr 1fr 1fr; }

 }

 #services h2 { grid-column-start:1; grid-column-end:2; }

 @media screen and (min-width:768px) { #services h2 { grid-column-end:4; }

 }

 #services .service-card { border-radius:4px; -webkit-box-shadow:0px 0px 18px -8px rgba(36, 36, 36, 1); -moz-box-shadow:0px 0px 18px -8px rgba(36, 36, 36, 1); box-shadow:0px 0px 18px -8px rgba(36, 36, 36, 1); position:relative; }

 #services .service-card h3,#services .service-card p { margin:0; padding:0; }

 #services .service-card .card-left { padding:14px 14px; margin-bottom:60px; text-align:center; }

 #services .service-card .card-right { background-color:#002B4E; color:#fff; text-align:center; vertical-align:middle; position:relative; display:block; width:100%; bottom:0; position:absolute; height:50px; padding:10px 0; border-radius:0 0 4px 4px; }

 body.page-kontakt iframe { height:450px; }

 @media screen and (min-width:768px) { body.page-kontakt iframe { height:100%; }

 }

 #workers { display:grid; grid-template-columns:1fr; column-gap:1.5rem; }

 @media screen and (min-width:768px) { #workers { grid-template-columns:1fr 1fr 1fr; }

 }

 #workers .mitarbeiter { text-align:center; vertical-align:top; margin-top:1.5rem; margin-bottom:1.5rem; }

 #workers .mitarbeiter b.mitname { font-size:1.4rem; color:#002B4E; margin-bottom:0; }

 #workers .mitarbeiter .mitarbeiter_titel { display:block; margin-bottom:1.5rem; }

 #workers .mitarbeiter .mitarbeiter_zitat { padding:0 0 1.5rem; position:relative; font-family:'Alice', serif; color:#808080; }

 #workers .mitarbeiter .mitarbeiter_zitat::before { content:"»"; color:#bd1101; margin-right:0.4rem; }

 #workers .mitarbeiter .mitarbeiter_zitat::after { content:"«"; color:#bd1101; margin-left:0.4rem; }

 #workers .mitarbeiter .beschreibung { font-style:italic; font-size:1.2rem; }