@font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.gerostader-immobilien.de/wp-content/themes/stader/fonts/open-sans-v40-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//www.gerostader-immobilien.de/wp-content/themes/stader/fonts/open-sans-v40-latin-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Lora';
font-style: normal;
font-weight: 400;
src: url(//www.gerostader-immobilien.de/wp-content/themes/stader/fonts/lora-v35-latin-regular.woff2) format('woff2'); }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0;
-webkit-tap-highlight-color: rgba(133, 6, 15, 0.2); }
*:focus {outline:none}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
body {
margin: 0;
}
.clearfix::before, .clearfix::after,
.container::before, .container::after,
.row::before, .row::after {
content: " ";
display: table;
}
.clearfix::after,
.container::after,
.row::after {
clear: both;
}
.row {
margin:0 -15px;
}
.col-md-12 {
float:left;
width:100%;
padding:0 15px;
}
.col-md-9 {
float:left;
width:75%;
padding:0 15px;
}
.col-sm-8,
.col-md-8 {
float:left;
width:66.6666%;
padding:0 15px;
}
.col-md-6 {
float:left;
width:50%;
padding:0 15px;
}
.col-sm-4,
.col-md-4 {
float:left;
width:33.3333%;
padding:0 15px;
}
.col-md-3 {
float:left;
width:25%;
padding:0 15px;
}
div, article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box; height: 0; overflow: visible; }
pre {
font-family: monospace, monospace; font-size: 1em; }
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
vertical-align: middle;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button,
input { overflow: visible;
}
button,
select { text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
} ::-moz-selection { background:#111; color:#ffffff; }
::selection { background: #111; color:#ffffff; }
body, button, input, select, textarea {
color:#000000;
font-family: "Open Sans", sans-serif;
font-size: 16px;
line-height: 1.8;
background:#ffffff;
}
main {
max-width:2000px;
margin:0 auto;
overflow:hidden;
padding-top: 148px;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color:#85060f;
text-decoration:underline;
}
a:hover,
a:focus {
color:#6a050c;
text-decoration:none; 
outline:0;
}
a.mainlink,
span.mainlink {
text-decoration:none;
position:relative;
color:#85060f;
padding-left:17px;
}
a.mainlink::before,
span.mainlink::before {
content:"";
position:absolute;
top:-3px;
left:0;
font-family:FontAwesome;
content:"\f105";
margin:0; 
font-weight:normal;
}
a.mainlink:hover,
span.mainlink:hover {
color:#6a050c;
text-decoration:underline;
}
iframe {
max-width:100%;
}
h1, h2, h3, h4, h5, h6 {
color:#000000;
margin:40px 0 10px 0;
line-height:1.2;
font-weight:normal;
}
h1 {
margin:60px 0 20px 0;
font-size:48px;
font-weight:normal;
font-family: "Lora", serif;
color:#85060f;
}
h2 {
margin:60px 0 15px 0;
font-family: "Lora", serif;
color:#85060f;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top:0;
}
h2 {
font-size: 32px;
}
h3 {
font-size:24px;
line-height:1.3;
}
h4 {
font-size: 20px;
font-weight: normal;
line-height:1.3;
}
h5 {
color: #85060F;
font-size: 16px;
font-weight: bold;
line-height:1.3;
}
#rightcol h1 {
font-size:38px;
}
#rightcol h2 {
font-size: 24px;
}
#rightcol h3 {
font-size:18px;
}
h4, h5, h6 {
font-size:16px;
}
h1 a, h2 a, h3 a {
color:#060a1e;
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover {
color:#496678;
text-decoration:none;
}
p {
margin:0 0 20px 0;
}
p:last-child,
ul:last-child,
ol:last-child {
margin:0;
}
ul,
ol {
margin: 0 0 30px 0;
padding:0 0 0 17px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
hr {
border:none;
border-top: 1px solid #ccc;
height: 0;
margin: 45px 0;
}
blockquote {
margin: 0 0 20px;
font-size: 24px;
font-style:italic;
}
img {
max-width:100%;
height:auto;
margin:0;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="number"],
select,
textarea { 
height:60px;
line-height:60px;
padding:0 20px;
border: 1px solid #ccc;
width:100%;
display:block;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
background:#fff;
margin:0;
color:#060a1e;
font-family: "Open Sans", sans-serif;
font-weight:normal;
box-shadow: inset 0 1px 2px rgba(0,0,0,.05); 
font-size:16px;
}
input[type="text"].error,
input[type="password"].error,
input[type="email"].error,
input[type="date"].error,
select.error,
textarea.error {
border: 1px solid #a94442 !important;
}
select::-ms-expand {
display: none;
}
textarea {
padding:17px 20px;
line-height:1.6;
resize:none;
height:auto;
}
input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="date"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
border: 1px solid #85060f;
outline: none;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button[type="submit"],
a.btn,
span.btn {
background: #85060f;
color: #fff;
-webkit-transition: none;
-o-transition: none;
transition: none;
position:relative;
z-index:1;
line-height: 40px;
height: 40px;
padding: 0px 30px 0px 30px;
font-size: 16px;
display:inline-block;
text-decoration:none;
outline:none;
box-shadow:none;
cursor:pointer;
white-space: nowrap;
font-weight:normal;
border:none;
border-radius:10px;
} 
input[type="submit"]:hover,
input[type="button"]:hover,
button[type="submit"]:hover,
a.btn:hover,
span.btn:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="button"]:active,
input[type="button"]:focus,
button[type="submit"]:active,
button[type="submit"]:focus,
a.btn:active,
a.btn:focus,
span.btn:active,
span.btn:focus {
text-decoration:none;
color: #fff;
background: #6a050c;
}
input[type="submit"].btn-lg,
input[type="button"].btn-lg,
button[type="submit"].btn-lg,
a.btn.btn-lg,
span.btn.btn-lg {
line-height: 64px;
height: 64px;
padding: 0px 60px 0px 60px;
font-size:16px;
}
input[type="submit"].btn-sm,
input[type="button"].btn-sm,
button[type="submit"].btn-sm,
a.btn.btn-sm,
span.btn.btn-sm {
line-height:46px;
height: 42px;
padding:0 20px;
font-size:14px;
border-radius:5px;
} 
input[type="submit"].secondary,
input[type="button"].secondary,
button[type="submit"].secondary,
a.btn.secondary,
span.btn.secondary {
color:#85060f;
border-color:#85060f;
text-shadow: none;
background: none;
}
input[type="submit"].secondary:hover,
input[type="button"].secondary:hover,
button[type="submit"].secondary:hover,
a.btn.secondary:hover,
span.btn.secondary:hover,
input[type="submit"].secondary:active,
input[type="button"].secondary:active,
button[type="submit"].secondary:active,
a.btn.secondary:active,
span.btn.secondary:active,
input[type="submit"].secondary:focus,
input[type="button"].secondary:focus,
button[type="submit"].secondary:focus,
a.btn.secondary:focus,
span.btn.secondary:focus {
color: #01445f;
border-color:#01445f;
background: none;
}
input[type="submit"].btnblock,
input[type="button"].btnblock,
button[type="submit"].btnblock,
a.btn.btnblock,
span.btn.btnblock {
padding-left:0;
padding-right:0;
width:100%;
text-align:center;
}
a.btn i,
span.btn i {
margin-right:5px;
}
input[type="reset"] {
background:#ddd;
color:#000;
padding:0 15px;
font-size:14px;
}
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="reset"]:hover {
text-decoration:none;
color: #000;
background:#ccc;
}
table {
width:100%;
margin:0 0 30px 0;
}
table thead tr th {
background:#f8f8f8;
}
table thead tr th,
table tbody tr td,
table tbody tr th {
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
padding:9px;
vertical-align:top;
}
table tbody tr td {
background:#fff;
}
table tbody tr:nth-child(2n+1) td {
background:#f7f7f7;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:60px;
margin-top:60px;
}
.alignleft {
float:left;
margin:0 30px 30px 0;
}
.alignright {
float:right;
margin:0 0 30px 30px;
}
img.aligncenter,
img.alignleft,
img.alignright {
background:#f3f3f3;
border:1px solid #e3e3e3;
padding:5px;
}
.wp-caption {
max-width:100%;
padding:5px;
text-align:center;
background:#f3f3f3;
border:1px solid #e3e3e3;
}
.wp-caption img,
.wp-caption p {
margin:0;
}
.wp-caption .wp-caption-text {
font-size: 12px;
line-height: 1.3;
margin: 10px 0 5px;
padding: 0 10px;
color:#555;
}
.container  {
margin-right: auto;
margin-left: auto;
padding-left: 60px;
padding-right: 60px;
max-width: 1680px;
}
section#main {
padding:60px 0 160px 0;
min-height:calc(100vh - 122px)
} header {
margin:0;
width:100%;
z-index:4;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
border: none !important;
outline: none !important;
background:#ffffff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
position:fixed;
top:0;
left:0;
}
header .container {
position:relative;
}
header .logoouter {
text-align:center;
margin:0;
z-index:1;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.headercolor {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
top:-99px;
}
header.headercolor .logoouter {
opacity:0;
}
header.headercolor header .headermenuouter .headerleft,
header.headercolor .headermenuouter .headerright{
opacity:0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header.headercolor ul#headermenu {
padding:35px 0 15px 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
header .logoouter img {
margin:25px 0 15px 0;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
header .menutrigger {
font-size: 25px;
position: absolute;
right: 30px;
top: 22px;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
z-index:10;
display:none;
}
header .contactlink {
display:none;
}
header .menutrigger div {
cursor:pointer;
width:22px;
float:left;
height:18px;
} 
.swipebox-html header .menutrigger {
right:-50px;
}
header .menutrigger div span {
background:#000;
display:block;
height:2px;
width:100%;
margin:2px 0 2px 0;
float:left;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position:absolute;
top:0;
left:0;
}
header .menutrigger div span:nth-child(2),
header .menutrigger div span:nth-child(3)  {
top:6px;
}
header .menutrigger div span:nth-child(4)  {
top:12px;
}
header .menutrigger div:hover span {
background:#000;
}
header ul#headermenu {
padding:0;
margin:0;
list-style:none;
position:relative;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-align:center;
padding:0;
display: flex;
justify-content: space-between;
}
header .headermenuouter {
width:100%;
position:relative;
}
header .headermenuouter .headerleft,
header .headermenuouter .headerright {
position:absolute;
top:-69px;
left:0;
text-align:center;
width:33.3333%;
}
header .headermenuouter .headerright {
left:inherit;
right:0;
}
header .headermenuouter .headerleft ul,
header .headermenuouter .headerright ul {
list-style:none;
margin:0;
padding:0;
}
header .headermenuouter .headerleft ul li,
header .headermenuouter .headerright ul li {
display:inline-block;
}
header .headermenuouter .headerright ul li,
header .headermenuouter .headerright ul li:first-child {
margin:0 30px 0 0;
}
header .headermenuouter .headerright ul li.social {
margin:0 15px 0 0;
}
header .headermenuouter .headerright ul li:last-child {
margin:0;
}
header .headermenuouter .headerleft ul li a,
header .headermenuouter .headerright ul li a {
color: gray;
font-size:16px;
}
header .headermenuouter .headerleft ul li > a:before,
header .headermenuouter .headerright ul li > a:before {
display:none;
}
header .headermenuouter .headerleft ul li a i,
header .headermenuouter .headerright ul li a i {
margin-right:7px;
}
header .headermenuouter ul li {
position:relative;
display: flex;
align-items: center;
margin:0 0 0 30px;
}
header .headermenuouter ul li:first-child {
margin:0;
}
header .headermenuouter ul li a {
color:#000;
height:70px;
line-height:70px;
padding:0;
display:block;
text-decoration:none;
position: relative;
font-size:18px;
}
header .headermenuouter ul li.btn.current-menu-item a {
color:#000;
}
header .headermenuouter ul li a:hover {
color:#85060f;
}
header .headermenuouter ul li.menu-item-has-children > a:after {
font-family:FontAwesome;
content:"\f107";
margin:0 0 0 8px; 
font-weight:normal;
}
header .headermenuouter ul li.menu-item-has-children.activemenu > a:after {
content:"\f106";
} header .headermenuouter ul li.current-menu-item > a,
header .headermenuouter ul li.current_page_ancestor > a,
header .headermenuouter ul li.activemenu > a,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 > a,
.post-type-archive-gesuche header .headermenuouter ul li#menu-item-3353 > a {
color:#85060f;
}
header .headermenuouter ul li > a:before {
content:"";
width:100%;
height:1px;
background:#85060f;
position:absolute;
bottom:10px;
left:0;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity:0;
}
header .headermenuouter ul li.current-menu-item a:before,
header .headermenuouter ul li.current_page_ancestor > a:before,
header .headermenuouter ul li > a:hover:before,
header .headermenuouter ul li.activemenu > a:before,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 > a:before,
.post-type-archive-gesuche header .headermenuouter ul li#menu-item-3353 > a:before {
bottom:15px;
opacity:1;
}
header .headermenuouter ul li.current-menu-item a:hover:before,
header .headermenuouter ul li.current_page_ancestor > a:hover:before {
background:#85060f;
}
header .headermenuouter ul li ul {
background:#fff;
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 66px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
opacity:0;
filter: alpha(opacity=0);
height:0!important;
-webkit-transform: translate(0,10px);
-moz-transform: translate(0,10px);
transform: translate(0,10px);
width:0!important;
}
header .headermenuouter > ul > li.activemenu > ul {
-webkit-transform: translate(0,0px);
-moz-transform: translate(0,0px);
transform: translate(0,0px); 
opacity:1;
filter: alpha(opacity=100);
height:auto!important;
width:auto!important;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
header .headermenuouter ul li ul li {
display:none;
margin:0;
border-top:1px solid rgba(0,0,0,0.1);
}
header .headermenuouter ul li.activemenu ul li {
display:block;
}
header .headermenuouter ul li ul li:first-child {
border-top:none;
}
header .headermenuouter ul li ul li a,
header .headermenuouter ul li.current_page_item ul li a {
color:#000;
height:auto;
line-height:1;
padding:15px 30px 15px 29px;
display:block;
margin:0;
text-shadow: none;
position:relative;
z-index:1;
font-family: "Open Sans", sans-serif;
white-space: nowrap; 
text-align:left;
}
header .headermenuouter ul li ul li a:after {
content:"";
position:absolute;
color:#000;
top:50%;
left:15px;
font-family:FontAwesome;
content:"\f105";
margin:0; 
font-weight:normal !important;
transform:translate(0, -50%);
}
header .headermenuouter ul li ul li a:hover,
header .headermenuouter ul li ul li.current_page_item > a,
header .headermenuouter ul li ul li.current-menu-item > a,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 ul li#menu-item-3081 > a {
background:#85060f;
color:#fff;
text-decoration:none;
}
header .headermenuouter ul li ul li a:hover:after,
header .headermenuouter ul li ul li.current_page_item > a:after,
header .headermenuouter ul li ul li.current-menu-item > a:after,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 ul li#menu-item-3081 > a:after {
color:#fff;
}
header .headermenuouter ul li ul li a:before{
display:none;
}  .arrowul ul {
margin: 0;
padding: 0;
list-style: none;
}
.arrowul ul li {
display: block;
margin: 8px 0;
padding-left:38px;
position:relative;
}
.arrowul ul li::before {
content:"\f054";
font-family:FontAwesome;
color:#fff;
background:#85060f;
width:30px;
height:30px;
line-height:30px;
position:absolute;
text-align:center;
border-radius:50%;
font-size:10px;
top:-1px;
left:0;
} .mapfooter iframe {
width:100%;
height:450px;
margin:0;
}
.footer {
background:#f2f2f2;
position:relative;
z-index:1;
padding:70px 0;
}
.footer:has(.ti-popup-widget.active) {
z-index:5;
}
.footer .reviewfooter {
max-width:585px;
margin:0 auto 40px auto;
}
.footer .reviewfooter .ti-widget-container {
width:100%;
}
.footer .certificates {
text-align:center;
}
.footerbottom {
padding: 25px 0 25px 0;
position: relative;
background: #fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
.footerbottom .footerrow {
display: flex;
justify-content: space-between;
}
.footerbottom .footerrow a.addresslink {
color:#000;
text-decoration:none;
position:relative;
padding-left:20px;
line-height:70px;
height:70px;
display:inline-block;
}
.footerbottom .footerrow a.addresslink:hover {
text-decoration:underline;
}
.footerbottom .footerrow a.addresslink i {
position:absolute;
color:#85060f;
top:50%;
transform:translate(0, -50%);
left:0;
}
.footerbottom .footerrow ul {
list-style:none;
margin:0;
padding:0;
text-align:right;
}
.footerbottom .footerrow ul li {
display:inline-block;
margin-left:30px;
}
.footerbottom .footerrow ul li a {
position: relative;
display:block;
color:#000;
text-decoration: none;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
line-height:70px;
height:70px;
font-size:18px;
}
.footerbottom .footerrow ul li.current-menu-item a,
.footerbottom .footerrow ul li a:hover {
color:#85060f;
}
.footerbottom .footerrow ul li a::before {
content: "";
width: 100%;
height: 1px;
background: #85060f;
position: absolute;
bottom: 10px;
left: 0;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
opacity: 0;
}
.footerbottom .footerrow ul li.current-menu-item a::before,
.footerbottom .footerrow ul li a:hover::before {
bottom: 15px;
opacity: 1;
}
.wpcf7 label {
margin: 0 0 5px 0;
display: block;
line-height:1.2;
}
.wpcf7 label span,
.wpcf7 label small {
color:#85060f;
font-weight:normal;
}
.wpcf7-form-control-wrap {
position: relative;
display: block;
}
.wpcf7 .wpcf7-checkbox {
margin:10px 0 0 0;
display:block;
}
.wpcf7 span.wpcf7-list-item {
display:block;
margin:10px 0 0 0;
}
.wpcf7 span.wpcf7-list-item label {
font-weight: normal;
margin: 0;
display: inline-block;
line-height: 1.4;
text-transform: none;
letter-spacing: 0;
cursor:pointer;
font-size:14px;
position:relative;
padding-left:20px;
}
.wpcf7 span.wpcf7-list-item label input {
margin: 0;
position:absolute;
top:4px;
left:0;
}
.wpcf7 span.wpcf7-list-item label span {
color:#000000;
}
span.wpcf7-not-valid-tip {
color: #b00;
font-size: 12px;
width: 100%;
}
div.wpcf7-response-output {
margin: 20px 0 0 0;
padding: 15px;
border: 1px solid #b00;
text-align: center;
line-height: 1.4;
font-size: 13px;
background:#f7e6e5;
border-radius:5px;
color:#060a1e;
}
div.wpcf7-response-output.wpcf7-mail-sent-ok {
border: 1px solid #1667a6;
background:#59abff;
}
.wpcf7-form textarea {
height:150px;
}
.wpcf7 .btnouter {
position:relative;
}
.wpcf7 .btnouter .wpcf7-spinner {
margin: 0;
position: absolute;
top: 18px;
right: 10px;
z-index: 1;
}
.wpcf7 input[type="submit"] {
width:100%;
padding:0 !important;
font-size:16px;
line-height: 60px !important;
height: 60px !important;
}
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
} [data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
} [data-tooltip]:before {
position: absolute;
bottom: 150%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 7px;
width: 200px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
} [data-tooltip]:after {
position: absolute;
bottom: 150%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
} [data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.article-content .singleposthead {
color:#666;
margin:0 auto;
max-width:1000px;
}
.article-content .singleposthead .pretitle {
margin-bottom:10px;
display:none;
}
.article-content .singleposthead h1 {
margin:0 0 10px 0;
}
.article-content .singleposthead .catlinks {
margin:0 0 50px 0;
}
.article-content .singlepostimg img {
object-fit: cover;
height: 100%;
width: 100%;
object-position: center center;
margin:0 0 90px;
}
.article-content .singlepostcontent {
margin:0 auto;
max-width:1000px;
}
#pagination {
margin:30px 0 0 0;
}
#pagination span,
#pagination a {
display:inline-block;
margin:0 3px 0 0;
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
text-align:center;
background:#85060f;
color:#fff;
}
#pagination a {
background:#f2f2f2;
color:#000;
text-decoration:none;
}
#pagination a:hover {
background:#ddd;
}
.blogcontainer {
margin:0 auto;
max-width:1250px;
}
.blogcontainer a.blogpost {
color:#000000;
display:block;
width:100%;
margin:0 0 15px 0;
background: #fff;
overflow: hidden;
position: relative;
text-decoration:none;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.blogcontainer a.blogpost .contentbox {
padding:45px 30px;
min-height:315px;
}
.blogcontainer a.blogpost .contentbox .imageouter {
position:absolute;
top:45px;
left:30px;
width:300px;
}
.blogcontainer a.blogpost .contentbox .imageouter img {
width:100%;
height:100%;
object-fit:cover;
}
.blogcontainer a.blogpost:hover .contentbox .imageouter img {
opacity:0.8;
}
.blogcontainer a.blogpost .contentbox .contentouter {
padding-left:330px;
}
.blogcontainer a.blogpost .contentbox .contentouter .archiveadress {
margin:0 0 18px 0;
}
.blogcontainer a.blogpost .contentbox .archivetable {
display:flex;
gap:40px;
}
.blogcontainer a.blogpost .contentbox .archivetable div {
padding:5px;
max-width:25%;
}
.blogcontainer a.blogpost .contentbox .archivetable div span,
.blogcontainer a.blogpost .contentbox .archivetable div strong {
display:block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.blogcontainer a.blogpost .contentbox .contentouter .archivelist {
margin:22px 0 0 0;
}
.blogcontainer a.blogpost .contentbox .contentouter .archivelist ul {
margin:0;
padding:0;
list-style:none; }
.blogcontainer a.blogpost .contentbox .contentouter .archivelist ul li {
display:inline-block;
background:#eee;
padding:5px 15px;
border-radius:5px;
margin:3px 3px 0 0;
font-size:14px;
}
.blogcontainer a.blogpost .contentbox h2 {
margin:0 0 5px 0;
font-size:32px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height:40px;
}
.blogcontainer a.blogpost .contentbox p {
margin:0 0 22px 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.blogcontainer a.blogpost .contentbox .date {
color:#666;
margin:0 0 15px 0;
font-size:16px;
display:none;
}
.blogcontainer a.blogpost:hover h2 {
color:#85060f;
text-decoration:underline;
}
.blogcontainer a.blogpost:hover .imgbox img {
opacity:0.8;
}
.blogcontainer a.blogpost:hover .contentbox .btn {
background:#6a050c;
}
a.blogpost .contentbox .contentouter .buttonouter {
display:none;
}
.article-content .owl-item .item {
margin:0 3px;
}
.article-content .stickybox {
position: sticky;
top: 120px;
}
.article-content .stickybox div.wpcf7 .ajax-loader {
display:none;
}
.article-content .stickybox div.wpcf7 .ajax-loader.is-active {
display:block;
}
.article-content .stickybox div.wpcf7 .ajax-loader.is-active {
display:block;
}
.article-content .stickybox div.wpcf7 p {
margin:0 0 15px 0;
}
.article-content .stickybox div.wpcf7 input[type="text"], 
.article-content .stickybox div.wpcf7 input[type="email"] {
font-size:14px;
height:40px;
line-height:40px;
border:1px solid #fff;
padding:0 10px;
}
.article-content .stickybox div.wpcf7 textarea {
font-size:14px;
height:40px;
border:1px solid #fff;
height:80px;
padding:8px 10px;
}
.article-content .stickybox div.wpcf7 input[type="text"]:hover, 
.article-content .stickybox div.wpcf7 input[type="email"]:hover,
.article-content .stickybox div.wpcf7 textarea:hover,
.article-content .stickybox div.wpcf7 input[type="text"]:focus, 
.article-content .stickybox div.wpcf7 input[type="email"]:focus,
.article-content .stickybox div.wpcf7 textarea:focus,
.article-content .stickybox div.wpcf7 input[type="text"]:active, 
.article-content .stickybox div.wpcf7 input[type="email"]:active,
.article-content .stickybox div.wpcf7 textarea:active {
border-color:#85060f;
}
#footercta .btntop { text-align:center; }
#footercta .btntop img { margin-right:10px; }
#footercta .btntop span.btn.btn-lg, .btntop a.btn.btn-lg { padding: 0 30px; }
h1.cat-title {
font-size:36px;
margin:0 0 40px 0;
} .slick-slider { position: relative;  display: block;  -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;  display: block; overflow: hidden;  margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0;  display: block; }
.slick-track:before, .slick-track:after { display: table;  content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left;  height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block;  height: auto;  border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }
.slick-track {
display: flex !important;
}
.slick-slide {
height: auto;
} .article-content {
max-width:1250px;
margin:0 auto;
}
.article-content::before, .article-content::after,
.article-content .backlink::before, .article-content .backlink::after {
content: " ";
display: table;
}
.article-content::after,
.article-content .backlink::after {
clear: both;
}
.article-content .backlink {
display:block;
width:100%;
margin:0 0 30px 0;
}
.article-content .backlink a {
display:inline-block;
position:relative;
padding-left:16px;
text-decoration:none;
float:left;
}
.article-content .backlink .objectidtop {
float:right;
}
.article-content .backlink a:hover {
text-decoration:underline;
}
.article-content .backlink a i {
position:absolute;
top:5px;
left:0;
}
.singleleft {
width:66.6666%;
padding-right:30px;
float:left;
}
.singleleft .singleleftinner {
padding:30px 30px 40px 30px;
background:#fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.singleright {
width:33.3334%;
padding-left:30px;
float:left;
}
.singleright .objectdataform {
display:none;
}
.singleright .singlerightinner {
padding:30px;
background:#fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.singleright .singlerightinner h2 {
font-size:28px;
margin:0 0 30px 0;
}
.singleleft #images {
padding:0;
}
.singleleft #images .singleimage {
height: 0;
padding-bottom: 75%;
position: relative;
text-align: center;
width: 100%;
background:#fff;
}
.singleleft #images .bigimages {
overflow:hidden;
}
.singleleft #images .bigimages .singleimage {
margin-bottom:37px;
}
.singleleft #images .singleimage span {
position: absolute;
bottom: -35px;
left: 0;
z-index: 1000;
width: 100%;
display: block;
font-size: 14px;
padding:5px 0;
}
.singleleft #images .singleimage div {
font-size: 0;
height: 100%;
position: absolute;
width: 100%;
}
.singleleft #images .singleimage div:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.singleleft #images .singleimage div img {
height: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
width: auto;
display:inline;
position:relative;
z-index:2;
}
.singleleft #images .singleimage div img.bgimg {
height: 100%;
width: 100%;
position:absolute;
top:0;
left:0;
z-index:1;
filter: blur(50px);
object-fit: cover;
opacity:0.8;
}
.singleleft #images .bigimages .slick-slide > div  {
display:flex;
}
.singleleft #images .smallimages  {
margin:15px -5px;
display:none;
}
.singleleft #images .smallimages.slick-slider   {
display:block;
}
.singleleft #images .singleimagesmallouter {
border:none;
display:block;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
margin:0 5px;
cursor:pointer;
width: auto !important;
display: block !important;
}
.singleleft #images .singleimagesmallouter:hover {
opacity:0.8;
}
.singleleft #images .slick-current .singleimagesmallouter {
border:3px solid #85060f;
}
.singleleft #images .singleimagesmallouter .singleimage {
padding-bottom: 100%;
}
.singleleft #images .smallimages .slick-arrow {
position:absolute;
top:0;
height:100%;
z-index:10;
border:1px solid #dddddd;
background:#fff;
border-radius:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
display:none !important;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
color:#bbbbbb;
cursor:pointer;
}
.singleleft #images .smallimages .slick-arrow:hover {
border:1px solid #bbbbbb;
color:#85060f;
}
.singleleft #images .smallimages .slick-arrow.slick-prev {
left:0;
}
.singleleft #images .smallimages .slick-arrow.slick-next {
right:0;
}
.singleleft #images .smallimages:hover .slick-arrow {
display:block !important;
}
.singleleft #images .bigimages ul.slick-dots {
line-height: 1;
list-style: outside none none;
margin: 15px 0 0;
padding: 0;
text-align: center;
display:none !important;
}
.singleleft #images .bigimages ul.slick-dots li {
display:inline-block;
margin:0 3px;
}
.singleleft #images .bigimages ul.slick-dots li button {
text-indent:-10000px;
margin:0;
padding:0;
height:12px;
width:12px;
border:none;
background:#bbbbbb;
float:left;
border-radius:50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
color:#fff;
}
.singleleft #images .bigimages ul.slick-dots li.slick-active button {
background:#ff7400;
}
.singleleft #images .bigimages .singleimageouter {
display:none;
}
.singleleft #images .bigimages .singleimageouter:first-child {
display:block;
}
.singleleft #images .bigimages.slick-slider .singleimageouter  {
display:block;
}
.singleleft #images .bigimages.slick-slider .singleimageouter  {
display:block;
}
.singleleft #images .bigimages .slick-arrow {
position:absolute;
top:50%;
margin-top:-40px;
height:80px;
z-index:10;
border:1px solid #dddddd;
background:#fff;
border-radius:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
display:none !important;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
color:#bbbbbb;
cursor:pointer;
}
.singleleft #images .bigimages .slick-arrow:hover {
border:1px solid #bbbbbb;
color:#85060f;
}
.singleleft #images .bigimages .slick-arrow.slick-prev {
left:0;
}
.singleleft #images .bigimages .slick-arrow.slick-next {
right:0;
}
.singleleft #images .bigimages:hover .slick-arrow {
display:block !important;
}
.singleleft .singlelinks a.btn {
padding: 0 15px;
font-size:14px;
line-height: 36px;
height: 36px;
}
.singleleft h1 {
font-size:40px;
margin:40px 0 15px 0;
}
.singleleft .objecttext {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;
}
.singleleft .objecttext.expanded {
display: block;
overflow: visible;
}
.singleleft .readMore {
display: none;
}
.singleleft .singleadress {
font-size:24px;
line-height:1.3;
}
.singleleft .singleadress.singleadressbottom {
margin:20px 0 10px 0;
}
.singleleft .scrollmap {
display:inline-block;
font-size:16px;
}
.singleleft .singlesection {
border-top:1px solid #ccc;
margin:40px 0 0 0;
padding:40px 0 0 0;
}
.singleleft .singlesection.firstsection {
border-top:none;
margin:0;
padding:40px 0 0 0;
}
.singleleft .singlesection .singletable div::before, .singleleft .singlesection .singletable div::after {
content: " ";
display: table;
}
.singleleft .singlesection .singletable div::after {
clear: both;
}
.singleleft .singlesection .singletable div strong,
.singleleft .singlesection .singletable div span {
float:left;
width:60%;
padding:5px 0;
}
.singleleft .singlesection .singletable div strong {
padding-right:30px;
width:40%;
}
.singleleft .toptable {
display: flex;
gap: 40px;
margin:0 0 40px 0;
}
.singleleft .toptable div {
padding:5px 0;
max-width: 25%;
}
.singleleft .toptable div span,
.singleleft .toptable div strong {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.singleleft .singlesection iframe {
width:100% !important;
}
.singleleft .singlesection .singlelist {
margin:30px 0 0 0;
}
.singleleft .singlesection .singlelist ul {
margin:0;
padding:0;
list-style:none;
}
.singleleft .singlesection .singlelist ul li {
display:inline-block;
background:#eee;
padding:5px 15px;
border-radius:5px;
margin:0 3px 0 0;
} .singleleft .energy-card {
max-width: 100%;
padding:20px 0;
}
.singleleft .energy-bar-wrapper {
position: relative;
}
.singleleft .energy-bar {
display: flex;
height: 60px;
background: linear-gradient(90deg, #02973B 0%, #FDE63A 45.83%, #FA101A 100%);
}
.singleleft .segment {
display: flex;
align-items: center;
justify-content: center;
border-right: 2px solid #fff;
font-size: 18px;
}
.singleleft .segment:last-child {
border-right: none;
}
.singleleft .a-plus { width: calc((100% / 275) * 30); }
.singleleft .a      { width: calc((100% / 275) * 20); }
.singleleft .b      { width: calc((100% / 275) * 25); }
.singleleft .c      { width: calc((100% / 275) * 25); }
.singleleft .d      { width: calc((100% / 275) * 30); }
.singleleft .e      { width: calc((100% / 275) * 30); }
.singleleft .f      { width: calc((100% / 275) * 40); }
.singleleft .g      { width: calc((100% / 275) * 50); }
.singleleft .h      { width: calc((100% / 275) * 25); }
.singleleft .marker {
position: absolute;
top: -12px;
left: calc(100%/275*275);
transform: translateX(-50%);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 18px solid #000;
}
.singleleft .scale {
position: relative;
height: 24px;
margin-top: 8px;
font-size: 12px;
}
.singleleft .scale span {
position: absolute;
transform: translateX(-50%);
}
.singleleft .scale span:first-child {
left: 0%;
transform: none;
}
.singleleft .scale span:last-child {
left: 100%;
transform: translateX(-100%);
} body.post-type-archive-gesuche #main,
body.post-type-archive-referenzen #main,
body.post-type-archive-angebote #main {
background:#f8f8f8;
padding:100px 0;
}
body.single-angebote #main {
background:#f8f8f8;
padding:30px 0 100px 0;
}
.angeboteheader {
margin:0 auto 60px auto;
}
.gesucheheader {
text-align:center;
max-width:870px;
margin:0 auto 90px auto;
}
.referenzenheader {
text-align:center;
max-width:1410px;
margin:0 auto 60px auto;
}
.gesuchecontainer {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
row-gap: 50px;
}
.gesuchecontainer .gesuchebox {
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
padding:60px 40px 120px 40px;
position:relative;
}
.gesuchecontainer .gesuchebox i {
color:#fff;
background:#85060f;
border-radius:50%;
width:70px;
height:70px;
line-height:70px;
font-size:20px;
position:absolute;
top:-35px;
left:50%;
transform:translate(-50%, 0);
text-align:center;
}
.gesuchecontainer .gesuchebox h2 {
font-size:24px;
margin:0 0 30px 0;
text-align:center;
}
.gesuchecontainer .gesuchebox .firstline,
.gesuchecontainer .gesuchebox .note {
margin:0 0 30px 0;
}
.gesuchecontainer .gesuchebox .firstline span,
.gesuchecontainer .gesuchebox .firstline strong,
.gesuchecontainer .gesuchebox .note span,
.gesuchecontainer .gesuchebox .note strong {
display:block;
}
.gesuchecontainer .gesuchebox .gesuchetable {
margin:0 0 30px 0;
}
.gesuchecontainer .gesuchebox .gesuchetable div {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:15px 0;
margin:0 0 -1px 0;
display: flex;
justify-content: space-between;
}
.gesuchecontainer .gesuchebox .gesuchetable div span,
.gesuchecontainer .gesuchebox .gesuchetable div strong {
display:inline-block;
line-height:1.3;
}
.gesuchecontainer .gesuchebox .gesuchetable div strong {
text-align:right;
padding-left:15px;
}
.gesuchecontainer .gesuchebox .btnbox {
position:absolute;
bottom:0;
left:0;
width:100%;
padding:20px 40px;
}
.gesuchecontainer .gesuchebox .btnbox a.btn {
display:block;
text-align:center;
padding:0;
height:50px;
line-height:50px;
}
.gesuchecontainer .gesuchebox .btnbox .date {
display:block;
text-align:center;
margin:15px 0 0 0;
font-size:14px;
font-style:italic;
}
.referenzencontainer {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.referenzencontainer .referenzenbox {
background:#fff;
box-shadow:0 0 10px rgba(0,0,0,0.1);
padding:50px;
position:relative;
}
.referenzencontainer .referenzenbox h2 {
margin:0 0 50px 0;
}
.referenzencontainer .referenzenbox .referenzenrow::before, .referenzencontainer .referenzenbox .referenzenrow::after {
content: " ";
display: table;
}
.referenzencontainer .referenzenbox .referenzenrow::after {
clear: both;
}
.referenzencontainer .referenzenbox .referenzenrow {
margin:0 -15px;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol {
float:left;
width:33.3333%;
padding:0 15px;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol:last-child {
width:66.6667%;
position:relative;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol a {
display:block;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol img {
width:100%;
height:auto;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol a:hover img {
opacity:0.8;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol a::after {
position:absolute;
top:50%;
left:50%;
font-family:FontAwesome;
content:"\f002";
margin:0; 
font-weight:normal;
transdform:translate(-50%, -50%);
color:#fff;
background:#85060f;
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
text-align:center;
opacity:0;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol a:hover::after {
opacity:1;
}
.featherlight-previous i,
.featherlight-next i {
color:#fff;
background:#85060f;
width:50px;
height:50px;
line-height:50px;
border-radius:50%;
text-align:center;
font-size:14px;
text-shadow:none;
margin-top:-25px;
} 
.contactbottom::before, .contactbottom::after {
content: " ";
display: table;
}
.contactbottom::after {
clear: both;
}
.contactbottom {
margin:0 -15px;
}
.contactbottom .contactbottomcol {
padding:0 15px;
float:left;
width:50%;
}
.contactreset {
margin:10px 0 0 0;
text-align:center;
display:none;
}
.invalid .contactreset {
display:block;
}
.contactreset input {
display:block;
width:100%;
}
.contactbottom .contactbottomcol .contactline {
margin:0 0 15px 0;
}
.contactbottom .btnouter {
padding:0 15px;
float:left;
width:100%;
text-align:center;
} body .ti-widget.ti-goog .ti-popup-widget .ti-popup-header .ti-profile-img img,
body .ti-widget.ti-goog .ti-popup-widget .ti-popup-header .ti-profile-details {
cursor:pointer;
}
.fadeinup {
opacity: 0;
}
.fadeinup.in-view {
animation: fadeIn 1s ease-in-out forwards;
}
.fadeinup.in-view.delay-1 { animation-delay: 0.2s; }
.fadeinup.in-view.delay-2 { animation-delay: 0.4s; }
@keyframes fadeIn {
from { opacity: 0; transform:translate(0, 40px); }
to { opacity: 1; transform:translate(0, 0px);  }
}
#mylightbox {
display:none;
}
#mylightbox.featherlight-inner  {
display:block;
padding:0px;
}
.featherlight .featherlight-content .popup-content {
max-width:500px;
}
.featherlight .featherlight-content .popup-content hr {
margin:30px 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
border: none;
background:#b00;
margin: 10px 0 0 0;
padding: 15px;
border-radius: 0;
color: #fff;
}
.wpcf7 form.sent .wpcf7-response-output {
background:green;
}
@media (max-width: 1540px) {
header .headermenuouter .headerleft, header .headermenuouter .headerright {
width: 40%;
}
header .headermenuouter ul li {
margin: 0 0 0 20px;
}
header .headermenuouter .headerright ul li, header .headermenuouter .headerright ul li:first-child {
margin: 0 20px 0 0;
}
header .headermenuouter .headerright ul li.social {
margin: 0 10px 0 0;
}
header .headermenuouter .headerright ul li:last-child {
margin: 0;
}
.gesuchecontainer {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 1440px) {
.footerbottom .footerrow {
display: block;
text-align:center;
}
.footerbottom .footerrow ul {
text-align: center;
}
.footerbottom .footerrow a.addresslink {
line-height: 1.6;
height: auto;
margin-top:10px;
}
.footerbottom .footerrow ul li {
margin-left: 10px;
margin-right: 10px;
}
}
@media (max-width: 1400px) {
header .headermenuouter .headerleft {
text-align:left;
}
header .headermenuouter .headerright {
text-align:right;
}
header .headermenuouter .headerleft ul li a i, header .headermenuouter .headerright ul li a i {
margin-right: 5px;
}
}
@media (max-width: 1350px) {
header .headermenuouter .headerleft ul li a,
header .headermenuouter .headerright ul li a {
font-size: 14px;
}
header .headermenuouter .headerleft ul li a i, header .headermenuouter .headerright ul li a i {
margin-right: 3px;
}
header .headermenuouter ul li {
margin: 0 0 0 15px;
}
header .headermenuouter .headerright ul li, header .headermenuouter .headerright ul li:first-child {
margin: 0 15px 0 0;
}
header .headermenuouter ul li a {
font-size:16px;
}
.footerbottom .footerrow ul li a {
font-size:16px;
}
}
@media (max-width: 1200px) {
.container	{
max-width: 960px;
padding-left: 30px;
padding-right: 30px;
}
h1 {
font-size:36px;
}
.singleleft h1 {
font-size:36px;
}
.singleleft .singleadress {
font-size:20px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 20px;
}
main {
padding-top: 62px;
}
header.headercolor {
top: 0;
}
header.headercolor .logoouter {
opacity: 1;
}
header.headercolor ul#headermenu {
padding: 0;
}
header .logoouter {
text-align:left;
}
header .logoouter img {
position:relative;
z-index:1;
width:200px;
height:auto;
margin:15px 0;
}
header .menutrigger {
display:block;
}
header .menutrigger div {
position:relative;
z-index:1;
}
header .contactlink {
position: absolute;
right: 81px;
top: 18px;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
z-index:10;
display:block;
}
header .contactlink a {
text-decoration:none;
}
header .contactlink a i {
margin:0 8px 0 0;
font-size:21px;
}
body.opened {
overflow:hidden;
background:#000000;
}
body.opened header {
background:#fff !important;
height:100%;
}
body.opened .wrap {
opacity:0;
filter: alpha(opacity=0);
}
body header .headermenuouter {
background: #fff;
height: 0;
margin-left: 0;
margin-right: 0;
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
float:none;
width:auto;
position:fixed;
left:0;
right:0;
top:63px;
}
body.opened header .headermenuouter {
height:calc(100dvh - 63px);
opacity:1;
filter: alpha(opacity=100);
box-shadow:0 0 10px inset rgba(0,0,0,0.1);
}
header .headermenuouter .headerleft,
header .headermenuouter .headerright	{	
display:none;
}
body.opened header .headermenuouter .headerleft,
body.opened header .headermenuouter .headerright {
display: block;
width: 100%;
position: fixed;
text-align: left;
top: unset;
left: 0;
bottom: 0;
}
body.opened header .headermenuouter .headerright {
display:none;
}
header .headermenuouter .headerleft ul::before, header .headermenuouter .headerleft ul::after {
content: " ";
display: table;
}
header .headermenuouter .headerleft ul:after {
clear: both;
}
header .headermenuouter .headerleft ul {
margin:0 auto;
max-width:960px;
padding:0 30px;
}
header .headermenuouter .headerleft ul li,
header .headermenuouter .headerright ul li {
display: block;
float:left;
width:50%;
}
header .headermenuouter .headerleft ul li a,
header .headermenuouter .headerright ul li a {
font-size:13px;
background: #85060f;
color: #fff;
border-right: 1px solid rgba(0,0,0,0.1);
height: 50px;
line-height: 50px;
white-space: nowrap;
}
header .headermenuouter .headerleft ul li:last-child {
display:none;
}
header .headermenuouter .headerleft ul li:nth-child(2) a {
border-right: none;
}
header ul#headermenu {
overflow-y:scroll;
height:calc(100% - 50px);
width: 100%;
margin:0 auto;   
text-align:left;
padding:0 30px;	
display:block;
max-width:960px;
}  
header .headermenuouter ul li {
float:none;
display:block;
margin:0;
}
header .headermenuouter ul li a {
margin:0;
padding:0 15px;
border-bottom:1px solid rgba(0,0,0,0.1);
height: 60px;
line-height: 60px;
font-size:15px;
}
header .headermenuouter ul li.menu-item-has-children > a:after {
margin:0 0 0 8px; 
float:right;
}
header .headermenuouter ul li.current-menu-item a,
header .headermenuouter ul li.current_page_ancestor > a, .post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 > a,
.post-type-archive-gesuche header .headermenuouter ul li#menu-item-3353 > a {
background:#85060f;
color:#fff;
}
header .headermenuouter ul li.activemenu > a {
font-weight:bold;
}
header .headermenuouter ul li > a::before {
display:none !important;
}
header .headermenuouter ul li ul,
header .headermenuouter > ul > li.activemenu > ul {
background:none;
left: inherit;
position: static;
top: inherit;
width: 100%;
opacity:1;
filter: alpha(opacity=100);
height:auto !important;
margin:0;
transform:translate(0px,0px);
-webkit-transform: translate(0px,0px);
-moz-transform: translate(0px,0px);
border-radius:0 !important;
width:100% !important;
box-shadow: none;
}
header .headermenuouter ul li ul li {
border-top: none;
}
header .headermenuouter ul li ul li a,
header .headermenuouter ul li.current_page_item ul li a {
padding: 0 15px 0 29px;
height: 60px;
line-height: 60px;
background:#f8f8f8;
}
header .headermenuouter ul li.current-menu-parent ul li,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 ul li {
display: block;
}
header .headermenuouter ul li.current-menu-parent > a::after,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 > a::after	{
content: "\f106";
}
header .headermenuouter ul li.current-menu-parent > a,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727 > a	{
font-weight:bold;
color:#85060f;
background:#fff;
}
header .headermenuouter ul li.current-menu-parent ul li.current_page_item a {
background: #85060f;
}
header .headermenuouter ul li.current-menu-parent.activemenu > a,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727.activemenu > a	{
font-weight: normal;
color:#000;
}
header .headermenuouter ul li.current-menu-parent.activemenu > a::after,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727.activemenu > a::after	{
content: "\f107";
}
header .headermenuouter ul li.current-menu-parent.activemenu ul li,
.post-type-archive-angebote header .headermenuouter ul li#menu-item-2727.activemenu ul li	{
display: none;
}
body.opened header .menutrigger div span:nth-child(1) {
opacity:0;
filter: alpha(opacity=0);
}
body.opened header .menutrigger div span:nth-child(4)  {
opacity:0;
filter: alpha(opacity=0);
}
body.opened header .menutrigger div span:nth-child(2) {
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
body.opened header .menutrigger div span:nth-child(3) {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.referenzencontainer {
grid-template-columns: unset;
display: block;
grid-template-columns: unset;
gap: unset;
}
.referenzencontainer .referenzenbox {
margin:0 0 30px 0;
padding:40px;
}
.referenzencontainer .referenzenbox h2 {
margin: 0 0 40px 0;
}
.gesuchecontainer .gesuchebox {
padding:60px 30px 120px 30px;
}
.gesuchecontainer .gesuchebox .btnbox {
padding: 20px 30px;
}
.angeboteheader {
margin: 0 auto 40px auto;
}
.blogcontainer a.blogpost .contentbox .imageouter {
top:30px;
left:20px;
width:230px;
}
.blogcontainer a.blogpost .contentbox {
padding: 30px 20px;
min-height: 233px;
}
.blogcontainer a.blogpost .contentbox .contentouter {
padding-left: 250px;
}
.blogcontainer a.blogpost .contentbox h2 {
font-size: 26px;
height: 32px;
}
.blogcontainer a.blogpost .contentbox .archivetable div span, .blogcontainer a.blogpost .contentbox .archivetable div strong {
font-size:14px;
line-height:1.5;
}
.blogcontainer a.blogpost .contentbox .contentouter .archiveadress {
margin: 0 0 8px 0;
}
.blogcontainer a.blogpost .contentbox .contentouter .archivelist {
margin: 10px 0 0 0;
}
.blogcontainer a.blogpost .contentbox .contentouter .archivelist ul { }
.blogcontainer a.blogpost .contentbox .contentouter .archivelist ul li {
padding: 5px 10px;
margin: 2px 2px 0 0;
font-size: 12px;
}
.singleleft {
padding-right: 15px;
}
.singleright {
padding-left: 15px;
}
.singleleft .singleleftinner {
padding: 15px 15px 40px 15px;
}
.singleright .singlerightinner {
padding: 15px;
}
}
@media only screen and (max-width: 1024px) {
body.post-type-archive-gesuche .featherlight .featherlight-content {
padding: 15px 15px 0;
border-bottom: 15px solid transparent;
margin-left: 20px;
margin-right: 20px;
}
}
@media (max-width: 999px) {
section#main {
padding: 174px 0 90px 0;
min-height: calc(100vh - 84px);
}
input[type="submit"].btn-lg,
input[type="button"].btn-lg,
button[type="submit"].btn-lg,
a.btn.btn-lg,
span.btn.btn-lg	{
line-height: 46px;
height: 46px;
padding: 0px 30px 0px 30px;
border-radius: 23px;
}
.contactbottom .contactbottomcol {
width: 100%;
}
.gesuchecontainer {
grid-template-columns: unset;
display: block;
grid-template-columns: unset;
gap: unset;
row-gap: unset;
}
.gesuchecontainer .gesuchebox {
margin:0 0 50px 0;
padding:60px 20px 120px 20px;
}
.gesuchecontainer .gesuchebox .btnbox {
padding: 20px 20px;
}
.gesuchecontainer .gesuchebox .btnbox a.btn {
font-size:14px;
height:46px;
line-height:46px;
}
.blogcontainer a.blogpost .contentbox {
padding: 20px 15px;
height: auto;
min-height:unset;
}
.blogcontainer a.blogpost .contentbox .imageouter {
position:static;
top:unset;
left:unset;
text-align: center;
width: 100%;
margin:0 0 20px 0;
}
.blogcontainer a.blogpost .contentbox .imageouter img {
width:auto;
height:auto;
object-fit:unset;
}
.blogcontainer a.blogpost .contentbox .contentouter {
padding-left: 0px;
text-align:center;
}
.blogcontainer a.blogpost .contentbox h2 {
font-size: 20px;
overflow: visible;
white-space: unset;
text-overflow: unset;
height: auto;
}
.blogcontainer a.blogpost .contentbox .contentouter .archiveadress {
margin: 0 0 15px 0;
}
.blogcontainer a.blogpost .contentbox .archivetable {
display: block;
gap: 0;
}
.blogcontainer a.blogpost .contentbox .archivetable div {
padding: 7px 0;
max-width: 100%;
width:100%;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
margin:0 0 -1px 0;
}
.blogcontainer a.blogpost .contentbox .archivetable div span {
float:left;
width:50%;
text-align:left;
padding-right:8px;
}
.blogcontainer a.blogpost .contentbox .archivetable div strong {
float:right;
width:50%;
text-align:right;
padding-left:8px;
}
.blogcontainer a.blogpost .contentbox .archivetable div::before,
.blogcontainer a.blogpost .contentbox .archivetable div::after {
content: " ";
display: table;
}
.blogcontainer a.blogpost .contentbox .archivetable div::after {
clear: both;
}
.blogcontainer a.blogpost .contentbox .contentouter .archivelist {
margin: 15px 0 0 0;
}
.blogcontainer a.blogpost .contentbox .contentouter .archivelist ul {
height: auto;
}
.blogcontainer a.blogpost .contentbox .contentouter .archivelist ul li {
margin: 4px 1px 0 1px;
}
a.blogpost .contentbox .contentouter .buttonouter {
display:block;
margin:20px 0 0 0;
}
a.blogpost .contentbox .contentouter .buttonouter span {
display:block;
width:100%;
height:46px;
line-height:46px;
font-size:14px;
}
.singleleft,
.singleright {
padding: 0;
width:100%;
}
.singleleft {
margin:0 0 15px 0;
}
}
@media (max-width: 767px) {
section#main {
padding: 144px 0 60px 0;
}
.article-content .singleposthead .catlinks {
margin: 0 0 30px 0;
}
.article-content .singlepostimg img {
margin: 0 0 60px;
}
body, button, input, select, textarea {
font-size: 14px;
line-height: 1.6;
}
.container  {
padding-left: 15px;
padding-right: 15px;
} body.opened header .headermenuouter .headerleft,
body.opened header .headermenuouter .headerright {
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
header .headermenuouter .headerleft ul {
max-width:100%;
padding:0;
}
header ul#headermenu {
padding: 0;
max-width: 100%;
}
header .contactlink {
right: 52px;
top: 19px;
}
header .contactlink a i {
margin:0;
}
header .contactlink a span {
display:none;
}
h1, #rightcol h1, h1.cat-title {
font-size:28px;
}
.singleleft h1 {
font-size:28px;
}
.singleleft .singleadress {
font-size:18px;
}
.singleleft .scrollmap {
font-size:14px;
}
h2 {
font-size: 24px;
}
.singleright .singlerightinner h2 {
font-size:24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 15px;
}
header .menutrigger {
right: 15px;
}	
.footerbottom .footerrow ul {
margin:10px 0;
}
.footerbottom .footerrow ul li {
margin-top:5px;
}
.footerbottom .footerrow ul li a {
font-size:15px;
line-height: 1.6;
height: auto;
}
.footerbottom .footerrow ul li.current-menu-item a::before,
.footerbottom .footerrow ul li a:hover::before {
bottom: -2px;
}
body.post-type-archive-gesuche #main,
body.post-type-archive-referenzen #main,
body.post-type-archive-angebote #main {
padding: 60px 0;
}
body.single-angebote #main	{
padding: 15px 0 60px 0;
}
.article-content .backlink {
margin: 0 0 15px 0;
}
.singleleft .singleleftinner,
.singleright .singlerightinner	{
margin-left:-15px;
margin-right:-15px;
}
.gesuchecontainer .gesuchebox {
padding: 60px 20px 120px 20px;
}
.gesuchecontainer .gesuchebox h2 {
font-size: 20px;
}
.footer {
padding:50px 0;
}
.footer .reviewfooter {
margin:0 auto 30px auto;
}
.referenzenheader {
margin: 0 auto 50px auto;
}
.referenzencontainer .referenzenbox {
margin:0 0 20px 0;
padding:20px;
text-align:center;
}
.referenzencontainer .referenzenbox h2 {
margin: 0 0 20px 0;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol,
.referenzencontainer .referenzenbox .referenzenrow .referenzencol:last-child {
width: 100%;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol img {
max-width: 50%;
height:auto;
margin:0 0 20px 0;
}
.referenzencontainer .referenzenbox .referenzenrow .referenzencol:last-child img {
max-width: 100%;
margin:0;
}
}
@media (max-width: 540px) {
.footerbottom .footerrow .footercol:first-child {
display:none;
}
.singleleft .toptable::before, .singleleft .toptable::after {
content: " ";
display: table;
}
.singleleft .toptable::after {
clear: both;
}
.singleleft .toptable {
display: block;
gap: unset;
margin:0 0 30px 0;
}
.singleleft .toptable div {
max-width: 50%;
width:50%;
float:left;
}
.singleleft .singlesection .singletable div strong,
.singleleft .singlesection .singletable div span {
width:100%;
padding:0 0 5px 0;
}
.singleleft .singlesection .singletable div strong {
padding:5px 0 0 0;
width:100%;
}
.singleleft .singlesection {
margin: 30px 0 0 0;
padding: 30px 0 0 0;
}
.singleleft .singlesection.firstsection {
margin: 0;
padding: 30px 0 0 0;
}
.singleleft h1 {
margin: 30px 0 15px 0;
}
.singleleft .singlelinks a.btn {
display: block;
text-align: center;
margin: 0 0 2px 0;
}
.singleleft #images .smallimages {
margin: 15px -2px;
}
.singleleft #images .singleimagesmallouter {
margin: 0 2px;
}
}
@media (max-width: 479px) {
body .ti-widget.ti-goog {
left: auto !important;
right: 0px !important;
}
}