.dnd-icon-remove.deleting { font-size:12px; color:#000; font-weight: 500; position: relative; top:-3px; }
.dnd-icon-remove.deleting:after { display:none!important; }
.wpcf7-drag-n-drop-file.d-none {
display:none;
opacity:0;
visibility:hidden;
position:absolute;
top:0;
} .dnd-upload-status {
display:flex;
padding:4px 0;
align-items:center;
position:relative;
} .dnd-upload-status .dnd-upload-image {
width:40px;
height:40px;
border:1px solid #a5a5a5;
text-align:center;
border-radius:100%;
position:relative;
}
.dnd-upload-status .dnd-upload-image span.file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .dnd-upload-status .dnd-upload-details {
padding-left:10px;
width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:60px; display:flex; }
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {color:#444242;	font-weight:700; } .dnd-upload-status .dnd-upload-details .remove-file {
position:absolute;
right:0;
top:10px;
text-decoration:none;
box-shadow:none;
outline:none;
opacity:1;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width:15px;
height:15px;
display: block;
background-repeat:no-repeat;
background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
}
.dnd-upload-status.in-progress .remove-file { opacity:0.2;}
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width:0;
line-height:14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; } .codedropz-upload-handler {
border:2px dashed #c5c5c5;
border-radius:5px;
margin-bottom:10px;
position:relative;
}
.codedropz-upload-container {
padding:15px 20px;
}
.codedropz-upload-inner {
overflow:hidden;
width:100%; text-align:center;
text-overflow: ellipsis;
font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration:none;
box-shadow:none;
}
.codedropz-upload-inner h3 {
margin:5px 0;
font-size:30px;
line-height:32px;
word-break:break-word;
} .codedropz-dragover {
border-color:#6b6a6a;
}
.codedropz-upload-wrapper span.has-error-msg {
display:inline-block;
color:#ff0000;
padding:5px 0;
font-style:italic;
} .wpcf7-form label.error-new {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px;
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
border-bottom-color: #900;
border-bottom-style: solid;
} @media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
.codedropz-upload-inner h3 { font-size:22px; }
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
outline: none;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//www.parapatits.at/wp-content/themes/parapatits/assets/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.parapatits.at/wp-content/themes/parapatits/assets/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.parapatits.at/wp-content/themes/parapatits/assets/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.parapatits.at/wp-content/themes/parapatits/assets/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
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; -webkit-text-decoration: underline dotted;
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;
}  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;
}    @font-face {
font-family: 'FontAwesome Solid';
font-style: normal;
font-weight: normal;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-solid-900.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-solid-900.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-solid-900.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-solid-900.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-solid-900.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-solid-900.svg#AbrilFatface) format('svg'); } @font-face {
font-family: 'FontAwesome Brands';
font-style: normal;
font-weight: normal;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-brands-400.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-brands-400.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-brands-400.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-brands-400.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-brands-400.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/fa-brands-400.svg#AbrilFatface) format('svg'); }  @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-regular.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-regular.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-regular.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-regular.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-italic.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-italic.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-italic.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-italic.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-italic.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500italic.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500italic.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500italic.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500italic.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500italic.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-500italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300italic.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300italic.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300italic.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300italic.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-300italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600italic.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600italic.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600italic.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600italic.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600italic.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-600italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700italic.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700italic.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700italic.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700italic.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700italic.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-700italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800italic.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800italic.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800italic.woff2) format('woff2'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800italic.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800italic.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/open-sans-v29-latin-800italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'slick' !important;
font-style: normal !important;
font-weight: normal !important;
src: url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/slick.eot); src: local(''),
url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/slick.woff) format('woff'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/slick.ttf) format('truetype'), url(//www.parapatits.at/wp-content/themes/parapatits/assets/fonts/slick.svg#slick) format('svg'); } .wrapper {
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 800px) {
.wrapper {
padding-left: 18px;
padding-right: 18px;
}
.wrapper img {
padding-left: inherit;
padding-right: inherit;
}
}
.wrapper--medium {
max-width: 976px;
}
.wrapper--narrow {
max-width: 470px;
}
.add-margin-bottom {
margin-bottom: 4.375rem !important;
}
.add-margin-bottom--small {
margin-bottom: 4.375rem !important;
}
@media (min-width: 800px) {
.add-margin-bottom--small {
margin-bottom: initial !important;
}
}
@media (min-width: 800px) {
.add-margin-bottom--large {
margin-bottom: 4.375rem !important;
}
}
.no-margin-bottom {
margin-bottom: 0.0rem !important;
}
.no-margin-bottom--small {
margin-bottom: 0.0rem !important;
}
@media (min-width: 800px) {
.no-margin-bottom--small {
margin-bottom: 3.475rem !important;
}
}
@media (min-width: 800px) {
.no-margin-bottom--large {
margin-bottom: 0.0rem !important;
}
}
.img-invisible--small {
display: none !important;
}
@media (min-width: 800px) {
.img-invisible--small {
display: initial !important;
}
}
.link--white {
color: #ffffff;
}  * {
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 2.0rem;
font-weight: 400;
color: #838282;
margin: 0px;
padding: 0px;
hyphens: auto;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 4;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}
a {
color: #838282;
font-weight: 600;
text-decoration: none;
}
ul {
list-style: none;
}
ul.listing {
padding-left: 1.5rem;
line-height: 2.0rem;
margin-bottom: 1.5rem;
}
.text--light {
font-weight: 300;
}
.site-main {
position: relative;
z-index: auto;
overflow: hidden; }
.home .site-main {
top: 70px;
}
.site-content {
position: relative;
padding-top: 0px;
overflow: hidden; }
@media (min-width: 800px) {
.site-content {
padding-top: 4.375rem;
}
}
.site-intro {
}
@media (min-width: 800px) {
.site-intro {
height: 500px !important;
height: 650px !important;
}
.home .intro {
width: 75%;
margin: 0.0rem auto;
margin-top: 0.0rem;
}
} .page__content-container {
font-size: 1.0rem;
line-height: 1.8rem;
text-align: left;
}
.page__content-container p {
margin-bottom: 1.5rem;
}
.page__content-container ol {
line-height: 1.8rem;
margin-bottom: 2.5rem;
margin-left: 1.0rem;
}
.page__content-container ul {
line-height: 1.8rem;
margin-bottom: 2.5rem;
margin-left: 1.0rem;
}
.page__content-container ol li {
margin-bottom: 1.5rem;
}
.page__content-container ul li {
margin-bottom: 1.5rem;
} .box--left-aligned {
position: relative;
display: block;
width: 100%;
height: auto;
height: fit-content !important;
text-align: left;
margin: 0; margin-top: 0.0rem; margin-bottom: 4.375rem;
padding: 0;
overflow: hidden !important;
}
@media (min-width: 800px) {
.box--left-aligned {
min-height: 500px;
height: fit-content !important;
}
.home .info-section .box--left-aligned {
min-height: inherit !important;
height: inherit !important;
}
}
.box--left-aligned article {
position: relative;
width: 95%;
margin-left: 0;
margin-right: auto;
overflow: hidden !important;
}
@media (min-width: 800px) {
.box--left-aligned article {
width: 75%;
width: 80%;
}
}
.box--right-aligned {
position: relative;
display: block;
width: 100%;
height: auto;
text-align: right;
margin: 0; margin-top: 0.0rem;  padding: 0;
overflow: hidden !important;
}
.box--right-aligned article {
position: relative;
width: 95%;
margin-left: auto;
margin-right: 0;
overflow: hidden !important;
}
@media (min-width: 800px) {
.box--right-aligned article {
width: 75%;
width: 80%;
}
} .box--centered {
position: relative !important;
display: block !important;
width: 100% !important;
height: auto;
text-align: center;
margin: 0; margin-top: 0.0rem;
padding: 0;
overflow: hidden !important;
}
@media (min-width: 800px) {
.box--centered {
margin-bottom: 4.375rem !important;
}
}
.box--centered article {
position: relative !important;
width: calc(100%-3.0rem) !important;
overflow: hidden !important;
}
@media (min-width: 800px) {
.box--centered article {
width: 100%;
height: 100%;
margin-left: 0;
margin-right: auto;
padding-left: 3.0rem;
padding-right: 3.0rem;
}
}
.box--centered article.content-wrapper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}  img {
max-width: 100%;
height: auto;
} .img--fullwidth {
max-width: inherit;
width: 100vw !important;
position: relative;
left: 0%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
height: auto;  -o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
overflow: hidden;
padding: 0;
padding-left: 0px !important;
padding-right: 0px !important;
} @media (min-width: 800px) {
.img--fullwidth {
height: 500px;
left: 50%;
right: 50%;
}
}
.img--fullwidth img {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.img--fullwidth img {
height: 150% !important; height: 125% !important; }
} .img--centered {
position: relative;
display: block;
width: 100%;
height: 250px;
margin: 0 auto;
padding: 0;
}
.img--centered img {
width: 100%;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.img--centered img {
height: 150% !important; height: 125% !important; }
}
.img--margin-bottom {
margin-bottom: 4.375rem !important;
}
@media (min-width: 800px) {
}
.img--left-aligned {
position: relative;
display: block;
width: 100%;
height: 250px;
text-align: left;
margin: 2.0rem 0;
margin: 0.0rem; padding: 0;
}
.img--left-aligned img {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.img--left-aligned img {
height: 150% !important; height: 125% !important; }
}
.unstacked-right .img--left-aligned {
height: 250px;
}
.img--right-aligned {
max-height: 250px;
position: relative;
width: 100%;
height: auto; margin: 2.0rem 0;
margin: 0.0rem; padding: 0;
}
@media (min-width: 800px) {
.img--right-aligned {
max-height: 500px;
}
}
.img--right-aligned img {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.unstacked-left img { position: relative;
width: 100%;
height: auto;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
}
.unstacked-left .img--right-aligned {
max-height: 500px;
position: relative;
width: 100%;
height: auto;
height: 150%; height: 125% !important; text-align: left;
margin: 2.0rem 0;
margin: 0.0rem;
margin-right: inherit !important;
padding: 0;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
}
}
@media (min-width: 800px) {
} .img--project-overview-left-aligned {
position: relative;
width: 100%;
height: auto;
text-align: left;
-o-object-fit: cover;
object-fit: cover;
margin: 2.0rem 0;
margin-left: -1.1rem !important;
margin-bottom: -5.0rem;
padding: 0;
}
@media (min-width: 800px) {
}
.img--project-overview-right-aligned {
position: relative;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
text-align: right;
margin: 2.0rem 0;
margin-right: -1.1rem !important;
margin-bottom: -5.0rem;
padding: 0;
}
@media (min-width: 800px) {
}
.img--project-main {
position: relative;
display: block;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
margin: 2.0rem -1.0rem;
padding: 0;
}
@media (min-width: 800px) {
}
.gallery--project-img {
width: calc(100%+2.0rem) !important;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 800px) {
}
.gallery--project-img img {
width: calc(100%+2.0rem) !important;
-o-object-fit: cover;
object-fit: cover;
margin: 2.0rem auto;
}
@media (min-width: 800px) {
} .unstacked-wrapper {
position: relative;
display: block;
width: 100% !important;
}
@media (min-width: 800px) {
.unstacked-wrapper {
height: 100%;
display: grid !important;
grid-template-columns: 50% 50%;
grid-template-areas: "div1 div2";
align-self: center;
line-height: initial; padding: 0px; }
}
.unstacked-left { margin-bottom: 4.375rem;
overflow: hidden; }
@media (min-width: 800px) {
.unstacked-left {
width: 100%; height: 500px; grid-area: div1 ;
align-content: end;
overflow: hidden;
margin-bottom: 0.0rem; }
.site-intro .unstacked-left {
height: initial;
}
.unstacked-left--content {
display: block !important; height: auto !important;
margin-top: 275px !important;
}
.unstacked-left--content article.content-wrapper {
display: block !important;
}
.box--centered .unstacked-left--content {
width: 100%;
height: 100%;
margin-top: inherit;
}
@media (min-width: 800px) {
.box--centered .unstacked-left--content {
position: relative;
display: table !important;
width: 100% !important;
height: 100% !important;
margin-top: 0px !important;
}
}
.unstacked-left--content article.content-wrapper {
display: block !important;
}
@media (min-width: 800px) {
.box--centered .unstacked-left--content article.content-wrapper {
display: table-cell !important;
vertical-align: middle !important;
}
}
} .site-intro .unstacked-left { align-self: start;
min-height: initial !important;
margin-top: 70px !important;
}
@media (min-width: 800px) { .site-intro .unstacked-left {
min-height: initial !important;
margin-top: 275px;
margin-top: 445px !important;
}
.site-intro .unstacked-left article { }
.site-intro .unstacked-right .img--centered {
height: 250px !important;
}
.site-intro .unstacked-right .img--centered {
height: 500px;
height: 650px !important;
}
}
.home .site-intro .unstacked-left {
height: 500px !important;
height: 650px !important;
margin-bottom: 2.0rem !important;
margin-top: auto !important;
}
.home .site-intro .unstacked-left article {
margin-bottom: 2.0rem !important;
margin-top: auto !important;
}
.unstacked-left--fullwidth {
position: relative;
width: 100% !important;
height: 100% !important;
grid-area: div1 ;
align-self: center;  }
.box--left-aligned .unstacked-left article {
padding-left: 1.5rem;
}
@media (min-width: 800px) {
.box--left-aligned .unstacked-left article {
padding-left: 5.0rem;
padding-left: 20%;
}
.site-intro.box--left-aligned.unstacked-wrapper .unstacked-left article.wrapper {
padding-left: inherit !important;
padding-left: 5.0rem !important;
}
}
.site-intro .box--left-aligned .unstacked-left article {
padding-left: 5.0rem !important;
}
.box--right-aligned .unstacked-left article {
padding-right: 1.5rem;
}
@media (min-width: 800px) {
.box--right-aligned .unstacked-left article {
padding-right: 5.0rem;
padding-right: 20%;
}
.site-intro .box--right-aligned .unstacked-left article {
padding-right: 5.0rem !important;
}
}
.unstacked-left .h2__heading {
margin-top: inherit;
padding-top: 1.0rem;
}
.unstacked-left .img--fullwidth {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px; width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important; }
@media (min-width: 800px) {
.unstacked-left .img--fullwidth {
position: relative;
height: 500px; min-height: 500px;
height: 150% !important; height: 125% !important; position: absolute !important;
width: 50% !important;
width: 100% !important;
top: 0; }
}
.unstacked-left .img--fullwidth img {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.unstacked-left .img--fullwidth img { height: 150% !important; height: 125% !important; }
}
.site-intro .unstacked-left .img--fullwidth {
margin-top: 0.0rem !important;
margin-bottom: 0.0rem !important;
}
.unstacked-left .img--centered {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
}
@media (min-width: 800px) {
.unstacked-left .img--centered { height: 150% ; height: 125% !important; }
}
.unstacked-right .img--centered {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
}
@media (min-width: 800px) {
.unstacked-right .img--centered { height: 150% ; height: 125% !important; }
} .unstacked-left .img--left-aligned {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px !important;
}
@media (min-width: 800px) {
.unstacked-left .img--left-aligned { height: 150% !important; height: 125% !important; }
}
.unstacked-left .img--left-aligned img {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.unstacked-left .img--left-aligned img { height: 150% !important; }
} .unstacked-left .img--right-aligned {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px !important;
}
@media (min-width: 800px) {
.unstacked-left .img--right-aligned {  height: 150% !important; height: 125% !important; }
}
.unstacked-left .img--right-aligned img {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.unstacked-left .img--right-aligned img {  height: 150% !important; }
} .unstacked-right {
overflow: hidden; margin-bottom: 4.375rem; }
@media (min-width: 800px) {
.unstacked-right {
width: 100%; height: 500px;
grid-area: div2 ;
align-content: end;
overflow: hidden;
margin-bottom: initial;  }
}
.unstacked-right--content {
display: block !important; height: auto; margin-bottom: 4.375rem;
padding-right: .5rem;
}
@media (min-width: 800px) {
.unstacked-right--content {
margin-top: 275px !important; padding-right: 20%;
}
}
.box--centered .unstacked-right--content {
width: 100%;
height: 100%;
margin-top: inherit;
}
@media (min-width: 800px) {
.box--centered .unstacked-right--content {
position: relative;
display: table !important;
width: 100% !important;
height: 100% !important;
margin-top: 0px !important;
padding-right: 0%;
}
}
.unstacked-right--content article.content-wrapper {
display: block !important;
}
@media (min-width: 800px) {
.box--centered .unstacked-right--content article.content-wrapper {
display: table-cell !important;
vertical-align: middle !important;
}
}  .box--left-aligned .unstacked-right article {
padding-left: 1.5rem;
}
@media (min-width: 800px) {
.box--left-aligned .unstacked-right article {
padding-left: 5.0rem;
padding-left: 20%;
}
}
.unstacked-right .h2__heading {
margin-top: inherit;
padding-top: 1.0rem;
}
.unstacked-right .img--fullwidth {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px; width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
}
@media (min-width: 800px) {
.unstacked-right .img--fullwidth { height: 150% !important; height: 125% !important; }
}
.site-intro .unstacked-right .img--fullwidth {
height: 250px;
margin-top: 0.0rem !important;
margin-bottom: 0.0rem;
}
@media (min-width: 800px) {
.site-intro .unstacked-right {
height: 650px;
}
.site-intro .unstacked-right .img--fullwidth {
height: 650px;
}
} height: 150% !important; height: 125% !important; }
} */
.unstacked-right .img--left-aligned {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px;
}
@media (min-width: 800px) {
.unstacked-right .img--left-aligned { height: 150% !important; height: 125% !important; }
}
.unstacked-right .img--left-aligned img {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.unstacked-right .img--left-aligned img { height: 150% !important; height: 125% !important; }
}
.unstacked-right .img--right-aligned {
position: inherit !important;
max-width: unset !important;
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin-left: 0vw !important;
margin-right: 0vw !important;
height: 250px !important;
}
@media (min-width: 800px) {
.unstacked-right .img--right-aligned { height: 150% !important; height: 125% !important; }
}
.unstacked-right .img--right-aligned img {
width: 100%;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
height: 125%;
}
@media (min-width: 800px) {
.unstacked-right .img--right-aligned img { height: 150% !important; height: 125% !important; }
}  .img--wood-square-before-red {
position: relative;
display: inline-block;
min-width: 92px;
max-width: 100%;
height: auto;
top: 10px;
left: calc(75% - 80px); transform: scale(.5);
transition: all 0.5s ease;
}
@media (min-width: 800px) {
.img--wood-square-before-red {
position: absolute; top: calc(325px - 80px); left: -80px;
transform: scale(.5);
transition: all 0.5s ease;
}
}
.img--wood-square-red {
position: relative;
display: block;
width: 100%;
height: auto;
margin-top: -20px !important;
}
@media (min-width: 800px) {
.img--wood-square-red {
margin-top: 0px !important;
}
} .img--wood-square-before-gray {
position: relative;
display: inline-block;
min-width: 92px;
max-width: 100%;
height: auto;
top: 10px;
left: calc(75% - 80px); transform: scale(.5);
transition: all 0.5s ease;
}
@media (min-width: 800px) {
.img--wood-square-before-gray {
position: absolute !important; top: calc(325px - 80px); left: -80px;
transform: scale(.5);
transition: all 0.5s ease;
}
}
.img--wood-square-gray {
position: relative;
display: block;
width: 100%;
height: auto;
margin-top: -20px !important;
}
@media (min-width: 800px) {
.img--wood-square-gray {
margin-top: 0px !important;
}
} .img--wood-square {
position: relative;
display: block;
height: auto;
margin-top: -80px !important;
z-index: -1;
}
@media (min-width: 800px) {
.img--wood-square {
margin-top: 0px !important;
}
}
.home .img--wood-square {
margin-top: 0px !important;
}
@media (min-width: 800px) {
.home .img--wood-square {
margin-top: 0px !important;
}
} .btn {
position: relative;
display: inline-block;
font-size: 1.0rem;
line-height: 1.5rem;
letter-spacing: 0.6px;
font-weight: 700;
text-transform: lowercase;
text-decoration: none;
border: none;
margin-bottom: 2.0rem;
padding: 1rem 1.5rem !important;
}
.btn:hover {
background-color: #A42347;
transition: all 0.5s;
}
@media (min-width: 800px) {
}
.btn--red {
color: #FFFFFF;
background-color: #B6274F;
margin-top: 2.0rem;
margin-bottom: 2.0rem;
transition: all 0.5s;
}
@media (min-width: 800px) {
}
.btn--white {
color: #B6274F;
background-color: #FFFFFF;
margin: 1.25rem 0;
transition: 0.5s;
}
.btn--white:hover {
background-color: #e5e5e5 !important;
transition: all 0.5s;
}
@media (min-width: 800px) {
}
.btn--centered-aligned {
position: relative;
display: inline-block;
text-align: center !important;
margin: 0 auto;
margin-top: 2.0rem;
margin-bottom: 3.0rem;
}
@media (min-width: 800px) {
} #dywc_bglayer {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
background-color: rgba(0, 0, 0, 0.5);
transition: all 0.25s;
}
#dywc {
text-align: center;
position: fixed;
box-sizing: border-box;
color: #707070;
transition: all 0.25s;
width: calc(100% - 60px);
border: 2px solid #B6274F ;
z-index: 1000;
opacity: 1;
max-width: 400px;
}
#dywc > .content {
padding: 15px;
background-color: #F2F2F2;
text-align: center;
z-index: 1;
position: relative;
}
#dywc > .content h2 {
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 0;
}
#dywc > .content p {
margin: 15px 0;
font-size: 14px;
line-height: 18px;
font-weight: normal;
padding: 0 5%;
}
#dywc > .content P:last-child {
margin-bottom: 0;
}
#dywc > .content a {
font-size: 14px;
line-height: 24px;
border-bottom: 1px solid #B6274F;
padding-bottom: 1px;
}
#dywc > .content a.info {
display: inline-block;
margin-left: 5px;
}
#dywc > .content > div {
background-color: rgba(112, 112, 112, 0.33);
padding: 15px 0px;
color: rgb(112, 112, 112);
font-size: 14px;
line-height: 16px;
}
#dywc > .content > div .cookie_group_wrap {
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
align-items: center;
}
#dywc > .content > div .cookie_group_wrap > * {
margin: 5px;
display: flex;
align-items: center;
flex-direction: row;
}
#dywc > .content > div a {
color: rgb(112, 112, 112);
font-size: 14px;
}
#dywc > .content > div a.info {
font-size: 14px;
}
#dywc > .content > div a.info:before {
content: '[';
display: inline-block;
margin-right: 5px;
}
#dywc > .content > div a.info:after {
content: ']';
display: inline-block;
margin-left: 5px;
}
#dywc > .content > div .accept_wrap {
padding-top: 15px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
#dywc > .content > div .accept_wrap > a {
margin-top: 5px;
margin-bottom: 5px;
}
#dywc > .content > div .accept_wrap > a.accept {
color: #ffffff;
font-family: 'Open Sans';
background-color: #B6274F;
padding: 8px 18px;
text-decoration: none;
text-transform: uppercase;
}
#dywc > .content > div .accept_wrap > a.accept2 {
font-size: 0.75em;
text-decoration: none;
font-family: 'Open Sans';
font-size: 1.0em;
text-transform: uppercase;
}
#dywc > .content > div:last-child {
margin-left: -15px;
margin-right: -15px;
margin-bottom: -15px;
width: auto;
background-color: #DEDEDE;
font-size: 12px;
line-height: 14px;
}
#dywc > .content > div:last-child a {
font-size: 12px;
line-height: 14px;
display: inline-block;
margin: 5px 0;
}
#dywc > .info {
opacity: 0;
width: 100%;
z-index: -1;
position: absolute;
left: 0;
top: 0;
height: calc(100%);
max-height: 100%;
overflow-y: auto;
background-color: #F2F2F2;
transition: all 0.5s;
}
#dywc > .info p {
padding: 15px;
font-size: 14px;
line-height: 16px;
}
#dywc > .info > .inner > .group > .cookie {
text-align: left;
padding: 5px;
font-size: 12px;
margin: 0 15px 15px 15px;
}
#dywc > .info > .inner > .group > .cookie .row {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
background-color: #DEDEDE;
margin: 0 0 1px 0;
padding: 5px;
box-sizing: border-box;
flex-wrap: nowrap;
font-size: 12px;
line-height: 13px;
}
#dywc > .info > .inner > .group > .cookie .row > .label {
width: 100px;
flex-grow: 0;
flex-shrink: 0;
}
#dywc > .info > .inner > .group > .cookie .row > .value {
text-align: left;
}
#dywc.show_info > .info {
opacity: 1;
z-index: 2;
}
#dywc.ft {
left: 30px;
top: 30px;
}
#dywc.mt {
left: 50%;
top: 30px;
transform: translateX(-50%);
}
#dywc.rt {
right: 30px;
top: 30px;
}
#dywc.lm {
left: 30px;
top: 50%;
transform: translateY(-50%);
}
#dywc.mm {
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
#dywc.rm {
right: 30px;
top: 50%;
transform: translateY(-50%);
}
#dywc.lb {
left: 30px;
bottom: 30px;
}
#dywc.mb {
left: 50%;
bottom: 30px;
transform: translateX(-50%);
}
#dywc.rb {
right: 30px;
bottom: 30px;
}
#dywc.hide, #dywc_bglayer.hide {
opacity: 0;
}
#dywc_info > .cookie {
text-align: left;
font-size: 12px;
margin: 0 0 15px 0;
width: 100%; }
#dywc_info > .cookie .row {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
background-color: #DEDEDE;
margin: 0 0 1px 0;
padding: 2px 5px;
box-sizing: border-box;
}
#dywc_info > .cookie .row .label {
width: 100px;
flex-grow: 0;
flex-shrink: 0;
}
#dywc_info > .cookie .row .value {
text-align: left;
}
#dywc_info .reject {
color: #FF0000;
}
input[type=checkbox], input[type=radio] {
margin-right: 0.5em;
} .back-to-top {
position: fixed;
bottom: -10px;
right: 25px;
right: 0px;
padding: 1.5em 2.0em;
z-index: 1000;
opacity: 1.0;
}
.back-to-top img {
width: 40px !important;
} .projects-overview__project-container a {
display: none;
}
#loadMore {
color: #ffffff;
cursor: pointer;
border: 1px solid #B6274F;
} .project-overview-box__container {
display: none;
}
#loadMoreProjects {
color: #ffffff;
cursor: pointer;
border: 1px solid #b6274f;
}
#loadMoreProjects:hover {
color: #b6274f;
background-color: #ffffff;
border: 1px solid #B6274F;
transition: all 0.75s;
}  .site-title {
margin-top: 4.0rem !important;
} .letter-colored--red {
color: #b6274f;
}
.text--underlined {
text-decoration: underline;
}
.text--bold {
font-weight: 700;
}
.highlight-me {
background-color: #b6274f !important;
padding: 0.25rem !important;
} article p {
line-height: 2.4rem;
} .cite__project-special {
position: relative;
display: block;
width: 80%;
font-size: 1.2rem;
font-weight: 300;
line-height: 2.4rem;
text-align: center !important;
margin: 5.0rem auto !important;
} ul {
list-style-type: square;
color: #707173;
margin-left: 1.5rem;
} .h1__title {
font-size: 3.0rem;
font-weight: 700;
line-height: 3.4rem;
text-transform: lowercase;
letter-spacing: 0.10rem;
margin: 1.0rem 0.5rem;
margin-left: 0.0rem !important;
}
@media (min-width: 800px) {
.h1__title {
margin: 1.0rem !important;
margin-top: 0.0rem;
margin-left: 0.0rem !important; }
}
.h1__title--left-aligned {
text-align: left;
text-transform: lowercase;
}
@media (min-width: 800px) {
.h1__title--left-aligned {
padding-left: 1.0rem;
}
.home .h1__title--left-aligned {
padding-left: 0.0rem;
}
.wrap-here::after {
content: '\A';
white-space: pre;
}
}
.h1__title--right-aligned {
text-align: right;
text-transform: lowercase;
padding-right: 1.0rem;
}
.h1__subtitle {
font-size: 1.0rem;
font-weight: 400;
line-height: 1.5rem;
letter-spacing: 0.05rem;
text-transform: inherit;
color: #B6274F;
margin: 0;
margin-top: 1.0rem;
margin-bottom: 2.0rem;
}
@media (min-width: 800px) {
.h1__subtitle {
margin: 0.0rem 1.0rem;
margin-bottom: 1.5rem;
}
}
.h1__subtitle--left-aligned {
text-align: left; margin-left: 0.0rem;
}
@media (min-width: 800px) {
.home .h1__subtitle {
padding-left: 1.0rem;
padding-left: 0.0rem !important;
margin-left: 0.0rem;
}
}
.h1__subtitle--left-aligned .wrapper {
margin-left: 0.0rem;
}
.h1__subtitle--right-aligned {
text-align: right;
}
.h2__heading {
font-size: 2.0rem;
font-weight: 700;
line-height: 2.5rem;
letter-spacing: 0.1rem;
text-transform: lowercase;
margin: 0; padding-bottom: 1.0rem;
}
.h2__heading--left-aligned {
text-align: left !important;
padding-left: 0.25rem;
padding-right: 25%;
}
.h2__heading--right-aligned {
text-align: right !important;
padding-right: 0.25rem;
padding-left: 25%;
}
.h2__subheading {
font-size: 1.0rem;
font-weight: 400;
line-height: 1.4rem;
letter-spacing: 0.05rem; color: #B6274F;
margin: 0;
margin-top: 0.0rem;
margin-bottom: 1.0rem;
margin-bottom: 1.5rem;
}
.h2__subheading--left-aligned {
text-align: left !important;
padding-left: 0.25rem;
padding-right: 25%;
}
.h2__subheading--right-aligned {
text-align: right !important;
padding-right: 0.25rem;
padding-left: 25%;
}
.h2__title {
text-transform: lowercase;
margin-bottom: 2.0rem;
}
.h3__heading {
font-size: 1.6rem;
font-weight: 700;
line-height: 2.0rem;
text-transform: lowercase;
letter-spacing: 0.1rem;
margin: 0;
padding-top: 1.0rem;
padding-bottom: 2.0rem;
}
.subheading {
font-size: 0.8rem;
font-weight: 500;
line-height: 1.4rem; letter-spacing: 0.05rem;
color: #B6274F;
margin: 0;
} .site-header {
position: relative;
display: flex;
width: 100%; height: auto;
background-color: rgba(#FFFFFF, 1.00) !important;
background-color: #ffffff !important;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 0.25rem;
z-index: 100 !important; position: fixed;
top: 0px;
height: 70px;
}
@media (min-width: 800px) {
.site-header {
padding-left: initial;
padding-right: initial;
}
}
@media (min-width: 1200px) {
.site-header {
padding-left: 18px;
padding-right: 18px;
}
}
.site-header--is-active {
background-color: rgba(#FFFFFF, 0.55) !important;
}
@media (min-width: 800px) {
.site-header {
position: fixed;
top: 0px;
height: 70px;
background-color: rgba(#FFFFFF, 0.75) !important;
}
}
@media (min-width: 1200px) {
.site-header {
position: fixed;
top: 0px;
background-color: rgba(#FFFFFF, 1.00); }
.site-header--dark {
background-color: rgba(#FFFFFF, 0.85) !important;
}
}
.site-header__branding {
display: inline;
width: 100%;
padding-left: -18px;
padding-right: -18px;
margin-left: -18px;
}
@media (min-width: 800px) {
.site-header__branding {
width: 200px;
}
}
@media (min-width: 1200px) {
.site-header__branding {
width: 280px;
padding-left: initial;
padding-right: initial;
}
}
.site-header__logo {
position: relative;
display: inline-block; padding-top: 6px;
margin-left: -16px !important;
transition: transform 0.3s ease-out;
}
@media (min-width: 800px) {
.site-header__logo {
left: auto;
transform: translateX(0);
padding-top: 16px;
}
@media (min-width: 1200px) {
.site-header__logo {
width: 280px;
padding-top: 10px;
}
}
}
.site-header__logo-img {
position: relative; width: 80%;
}
@media (min-width: 800px) {
.site-header__logo-img {
position: relative;
width: 200px;
height: auto;
}
}
@media (min-width: 1200px) {
.site-header__logo-img {
position: relative;
width: 280px;
height: auto;
}
} .main-navigation {
display: inline-block;
width: auto;
}
@media (min-width: 800px) {
.main-navigation {
position: relative;
display: block;
width: 100%;
margin-right: 0px;
margin-left: auto;
}
}
@media (min-width: 1200px) {
.main-navigation {
position: relative;
display: block;
width: 100%;
margin-right: 0px;
margin-left: auto;
}
}
@media (min-width: 1600px) {
.main-navigation {
position: relative;
display: block;
width: 75%;
margin-right: 0px;
margin-left: auto;
}
}
menu.site-menu {
position: relative;
margin-top: -5px;
}
@media (min-width: 800px) {
menu.site-menu {
display: none
}
}
.navbar {
display: none;
}
@media (min-width: 800px) {
.navbar {
position: relative;
display: inline-flex;
width: 100%;
justify-content: normal;
margin-left: 1.0rem;
margin-right: 1.0rem;
}
}
.navbar a {
text-transform: lowercase;
}
.is-active .navbar {
position: absolute;
top: 60px;
display: block;
width: 100vw;
height: 100vh;
left: 0px;
text-align: left;
background: #FFFFFF;
padding-top: 20px;
transition: 0.8s;
z-index: 1;
}
@media (min-width: 800px) {
.is-active .navbar {
position: relative;
top: inherit;
display: inline-flex;
width: 100%;
height: inherit;
left: 0;
text-align: inherit;
background: inherit;
transition: none;
z-index: inherit;
margin-left: 1.0rem;
margin-right: 1.0rem;
padding-top: 0px;
}
}
.is-active .navbar li a { font-size: 2.0rem;
font-weight: 600; line-height: 3.0rem;
text-decoration: none;
color: #838282;
list-style-type: none;
margin: 0.25rem auto;
}
@media (min-width: 800px) {
.is-active .navbar li a {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
padding-top: 0px;
}
}
.navbar__navigation-list {
list-style-type: none;
line-height: 1.8rem;
margin: auto;
margin-top: 0.25rem;
margin-bottom: 0.25rem;
padding-left: 18px;
}
@media (min-width: 800px) {
.navbar__navigation-list {
position: relative;
display: flex;
width: 100%;
align-items: flex-start; margin-bottom: 1.0rem;
margin-right: 1.0rem;
padding-top: 5px;
padding-left: 0px;
}
}
@media (min-width: 1200px) {
.navbar__navigation-list {
position: relative;
display: flex;
width: 100%;
align-items: flex-start;
margin-right: 1.0rem;
margin-left: auto;
margin-bottom: 1.0rem;
padding-top: 5px;
padding-left: 40px;
padding-left: 0px;
}
}
@media (min-width: 1400px) {
.navbar__navigation-list {
width: 85%;
margin-right: 1.0rem;
margin-left: auto;
}
}
.navbar__navigation-list li {
list-style-type: none;
}
@media (min-width: 800px) {
.navbar__navigation-list li {
position: relative;
display: flex;
width: 100%;
justify-content: center;
align-items: flex-end;
font-size: 1.0rem;
font-weight: 600;
line-height: 1.6rem;
margin-right: 0.0rem;
padding-top: 10px;
}
}
@media (min-width: 1200px) {
.navbar__navigation-list li {
position: relative;
display: flex;
width: 100%;
justify-content: center;
align-items: flex-end;
font-size: 1.4rem;
font-weight: 600;
line-height: 2.0rem;
letter-spacing: 0.1rem;
text-transform: lowercase;
text-decoration: none;
color: #707173; padding-top: 10px;
}
}
@media (min-width: 1600px) {
.navbar__navigation-list li {
position: relative;
display: flex;
width: 100%;
justify-content: center;
align-items: flex-end;
font-size: 1.6rem;
font-weight: 600;
line-height: 2.0rem;
letter-spacing: 0.1rem;
text-transform: lowercase;
text-decoration: none;
color: #707173; padding-top: 10px;
}
}
@media (min-width: 800px) {
.navbar__navigation-list li a {
width: auto;
color: #707173;
text-decoration: none;
}
}
@media (min-width: 800px) {
.navbar-item--submenu-button {
font-size: 1.0rem;
border: none;
outline: none;
padding: 14px 16px;
background-color: inherit;
font-family: inherit;
margin: 0;
}
}
@media (min-width: 800px) {
.navbar-item--submenu-button:after {
display: inline-block;
content: '';
width: 1px;
height: 10px;
border: solid #B6274F;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
margin-top: -1.0rem;
margin-left: 0.75rem;
margin-bottom: 0.75rem;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px
}
}
.navbar-item__submenu {
display: block;
list-style-type: none; margin-left: 0.75rem;
padding-left: 0px;
}
@media (min-width: 800px) {
.navbar-item__submenu {
display: none;
position: absolute;
width: 100%;
float: left; top: 55px;
background-color: rgba(255,255,255,0.95); margin-left: inherit;
padding-top: 0.5rem;
padding-bottom: 1.0rem; padding-left: 0px;
z-index: 1 !important
}
}
.navbar-item__submenu .navbar-item {
width: 100%;
margin: 0.0 auto;
line-height: 1.8rem;
}
@media (min-width: 800px) {
.navbar-item__submenu .navbar-item {
width: 100%;
float: left;
justify-content: flex-start;
line-height: inherit;
}
}
.navbar-item-products .navbar-item__submenu .navbar-item {
width: 50%;
}
@media (min-width: 800px) {
.navbar-item-products .navbar-item__submenu .navbar-item {
width: 100%;
float: left;
justify-content: initial !important;
color: #FFFFFF;
text-align: left;
text-decoration: none
}
}
.navbar-item__submenu .navbar-item a {
line-height: 1.75rem;
}
@media (min-width: 800px) {
.navbar-item__submenu .navbar-item a {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 400; padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
}
.is-active .navbar-item__submenu .navbar-item a { font-size: 1.25rem !important;
line-height: 1.75rem;
font-weight: 300;
}
@media (min-width: 800px) {
.is-active .navbar-item__submenu .navbar-item a {
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 400; padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
}
@media (min-width: 800px) {
.navbar-item__submenu .navbar-item a:hover {
width: 100%;
color: white !important;
background-color: #B6274F; transition: all 0.75s;
}
}
.navbar-item--submenu-button:hover .navbar-item__submenu {
display: block;
transition: all 0.75s;
}
@media (min-width: 800px) {
}
.navbar-item .current_page_item {
color: #B6274F !important;
font-weight: 600 !important;
} .burger-menu {
position: relative;
display: inline-block;
width: 35px;
height: 35px; top: 20px; transition: border-radius 0.5s;
}
.line {
position: absolute;
position: relative;
display: block;
height: 3px;
width: 30px; background: #707173;
margin-top: 0;
transition: 0.5s;
transform-origin: center;
}
.line:nth-child(1) {
top: 10px;
top: 8px;
}
.line:nth-child(2) {
top: 20px;
top: 16px;
}
.line:nth-child(3) {
top: 30px;
top: 24px;
} .burger-menu.checked .line:nth-child(1) {
transform: translateY(10px) rotate(-45deg);
}
.burger-menu.checked .line:nth-child(2) {
opacity: 0;
}
.burger-menu.checked .line:nth-child(3) {
transform: translateY(-12px) rotate(45deg);
}  .slick-slider {
position: relative;
display: block;
width: 100%;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
overflow: hidden;
}
.slick-list {
position: relative;
overflow: hidden;
max-height: 750px;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
padding: 0.5rem;
padding-top: 0.0rem;
padding-left: 0.0rem;
padding-right: 0.0rem;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide picture {
object-position: top center !important;
}
.slick-slide img {
display: block;
height: 300px;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
}
.home-slider .slick-slide img {
height: inherit;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide {
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 {
} .slick-loading .slick-list {
background: #fff url(//www.parapatits.at/wp-content/themes/parapatits/assets/images/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next {
position: absolute;
display: block !important;
height: 40px !important;
width: 40px !important;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
background: rgba(112,113,116,0.75);
border-radius: 25px;
color: transparent !important;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 10;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
outline: none;
background: #B6274F;
color: transparent;
transition: all 0.75s;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1 !important;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: 0.25 !important;
}
.slick-prev:before, .slick-next:before {
font-family: 'slick' !important;
font-size: 20px;
line-height: 1;
color: white !important;
opacity: 0.75 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 10;
}
.slick-prev {
left: -25px;
left: 25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
right: 25px;
}
.slick-prev:before {
content: "\2190";
}
[dir="rtl"] .slick-prev:before {
content: "\2192";
}
.slick-next {
right: -25px;
right: 25px;
}
[dir="rtl"] .slick-next {
left: -25px;
left: 25px;
right: auto;
}
.slick-next:before {
content: "\2192";
}
[dir="rtl"] .slick-next:before {
content: "\2190";
}
.slick-slider-link {
z-index: 1;
} .slick-dotted.slick-slider {
margin-bottom: 2.0rem;
}
.slick-dots {
position: relative;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
transition: all 0.75s;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1 !important;
transition: all 0.75s;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 5px;
content: "\2022";
width: 10px;
height: 10px;
font-family: "slick" !important;
font-size: 0px !important;
line-height: 20px;
text-align: center;
background-color: #707173;
color: #707173;
opacity: 0.25 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #B6274F;
background-color: #B6274F;
opacity: 0.75 !important;
}
.section-title strong {
font-weight: 500;
}
.section-title--less-margin {
margin-bottom: 1.3rem;
margin-top: 0;
}
.section-title__icon {
display: block;
margin-left: auto;
} .large-hero {
position: relative;
}
.large-hero__img {
position: relative;
width: 100%;
height: auto;
z-index: 0;
margin: 0;
}
.large-hero__title {
position: relative;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.8rem;
text-transform: lowercase;
z-index: 10;
margin: 0;
margin-top: -11rem;
z-index: 0;
}
@media (min-width: 530px) {
.large-hero {
font-size: 4.8rem;
}
}
.large-hero__text {
font-size: 1.1rem;
}
@media (min-width: 530px) {
.large-hero {
font-size: 2.2rem;
}
}
.home-slider-section {
position: relative;
display: block;
margin-bottom: 4.375 !important;
}
.home-slider {
position: relative;
overflow: hidden;
top: 70px; }
@media (min-width: 530px) {
.home-slider {
}
}
.home-slider .slick-slide img {
width: 100% !important;
max-height: 750px;
max-height: 680px;
object-fit: cover !important;
object-position: center center !important; overflow: hidden;
}
.home-slider img {
object-fit: cover !important;
}
.home-slider__text {
position: relative;
display: block;
width: 100% !important;
height: 25px;
font-size: 1.4rem;
font-weight: 600;
text-align: center;
color: #ffffff;
text-transform: lowercase;
padding: 0.25rem;
bottom: 80px;
z-index: 1; }
@media (min-width: 800px) {
.home-slider__text {
font-size: 2.0rem;
bottom: 100px;
}
}
.home-slider__word {
padding: 0.25rem !important;
} .intro {
margin-top: 10.0rem;
margin-bottom: 5.0rem;
}
.home .intro {
min-height: inherit !important;
margin-top: -2.0rem;
margin-bottom: 4.375rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 800px) {
.home .intro {
min-height: inherit !important;
height: inherit !important;
width: 75% !important;
margin: 0.0rem auto;
margin-top: 0.0rem;
margin-bottom: 4.375rem;
padding-left: initial;
padding-right: initial;
}
}
@media (min-width: 800px) {
.home .intro .unstacked-left {
min-height: initial !important;
height: initial !important;
margin-bottom: 2.0rem;
margin-top: auto;
}
.home .intro .unstacked-right {
min-height: initial !important;
height: initial !important;
}
}
.intro__headline {
margin-bottom: 0.25rem;
}
.intro__subtitle {
margin-bottom: 1.25rem;
}
.intro__company-listing {
list-style-image: none;
}
@media (min-width: 800px) {
.intro__company-listing {
padding-left: 10px !important;
}
}
.intro__list-item {
display: grid;
grid-template-columns: 1fr 1fr;
-moz-column-gap: 15px;
column-gap: 15px;
align-items: center;
margin-bottom: 1.0rem;
}
.intro__list-item--tischlerei {
grid-template-columns: 1fr 2fr;
grid-template-columns: 92px auto;
text-align: left;
}
.intro__list-img .img__wood-square--red {
padding-right: 50px !important;
}
.intro__list-item--bestattung {
grid-template-columns: 2fr 1fr;
grid-template-columns: auto 92px;
text-align: right;
}
.intro__list-img {
position: relative;
display: block;
min-width: 92px;
max-width: 30%;
max-height: 92px;
height: auto;
}
.intro__list-img .img__wood-square--gray {
padding-left: 50px !important;
}
.intro__list-content {
display: inline-block;
padding: 0.5rem;
padding-top: 0.0rem;
}
.intro__list-title {
font-size: 2.0rem;
line-height: 1.6rem;
color: #707173;
margin-bottom: auto;
margin-top: 1.0rem;
margin-bottom: 0.5rem;
}
.intro__list-subtitle {
position: relative;
width: 100%;
font-size: 1.0rem;
font-weight: 400;
letter-spacing: 0.1rem;
line-height: 1.5rem;
color: #B6274F;
margin: 0;
}
@media (min-width: 800px) {
.intro__list-subtitle {
margin-bottom: 1.5rem;
}
} .intro__list-subtitle span.hover__default-text {
position: relative;
text-align: right;
transition: all 0.75s;
}
span.hover__alt-text {
display: none;
}
.intro__list-subtitle:hover span.hover__default-text {
display: none;
transition: all 0.75s;
}
.intro__list-subtitle:hover span.hover__alt-text {
display: block;
opacity: 1;
transition-duration: .3s;
transition: all 0.75s;
}
.intro__company-listing-separator { height: 2px;
background-color: #838282;
border: 0px;
margin: 2.0rem 0.0rem;
} .company-listing {
position: relative;
}
.details-section__branches {
list-style-type: none;
}
.intro__company-listing {
list-style-type: none;
margin-left: 0.0rem;
}
@media (min-width: 800px) {
padding-left: 1.0rem;
padding-right: 1.0rem;
} .news-section {
margin-top: 0.0rem;
margin-bottom: 4.375rem;
}
@media (min-width: 800px) {
.news-section {
height: 100% !important;
overflow: hidden;
}
}
.news-section__img {
width: 100%;
height: auto;
margin-bottom: 10px;
}
.news-section__container {
color: #FFFFFF;
background-color: #838282;
margin: 30px 18px;
padding: 2.5rem 0.25rem;
}
@media (min-width: 800px) {
.news-section__container {
height: calc(500px - 4.8rem);
height: calc(500px - 4.0rem);
overflow: hidden !important;
margin: 2.0rem 2.4rem;
padding: 2.5rem 0.25rem;
}
}
.news-section__title {
font-size: 1.6rem;
line-height: 1.8rem;
margin-bottom: 0.5rem;
text-transform: lowercase;
}
.news-section__subtitle {
font-size: 1.2rem;
font-weight: 500;
line-height: 1.6rem;
letter-spacing: 0.1rem;
margin: 0;
margin-top: 1.5rem;
margin-bottom: 0.8rem;
border-top: 2px solid rgba(255,255,255,0.25) !important;
padding-top: 1.5rem;
}
.news-section__content { } .info-section { margin-left: 0;
margin-right: auto;
padding-left: 0.5rem;
overflow: hidden !important;
}
@media (min-width: 800px) {
.info-section {
width: 75%;
margin: 0.0rem auto !important;
margin-bottom: 4.375rem !important;
padding-left: initial;
}
.info-section.box--left-aligned {
min-height: inherit !important;
}
.home .info-section {
margin: 0.0rem auto !important;
margin-bottom: 4.375rem !important;
}
}
@media (min-width: 800px) {
.info-section article.wrapper {
width: 100% !important;
}
.home .info-section article.wrapper {
width: 100% !important;
}
}
.info-section__title {
font-size: 1.8rem;
line-height: 2.2rem;
text-transform: lowercase;
margin-bottom: 0.5rem;
}
.info-section__subtitle {
letter-spacing: 0.1rem;
color: #B6274F;
margin: 0;
margin-bottom: 1.5rem;
}
.info-section__content {
line-height: 2.0rem;
} .details-section {
margin: 0px;
margin-top: 10.0rem;
margin-bottom: 5.0rem;
}
@media (min-width: 800px) {
.details-section {
margin: 0px;
}
}
.details-section____branch-item--tischlerei {
position: relative;
width: 100%;
}
@media (min-width: 800px) {
}
.details-section__branch-item--tischlerei__img {
position: relative;
height: auto;
overflow: hidden; margin-bottom: 4.375rem;
padding-right: -18px !important;
}
@media (min-width: 800px) {
}
.details-section__branch-item--tischlerei__container {
width: 70%;
text-align: right;
margin-left: 30%;
}
@media (min-width: 800px) {
}
.details-section____branch-item--bestattung {
position: relative;
width: 100%;
text-align: left;
margin-right: auto;
margin-left: 0px;
}
@media (min-width: 800px) {
}
.details-section__branch-item--bestattung__img {
height: auto;
overflow: hidden;
text-align: left;
margin: 25px auto;
margin: auto;
padding-left: -18px;
}
@media (min-width: 800px) {
}
.details-section__branch-item--bestattung__container {
width: 70%;
text-align: left;
margin-right: 30%;
}
@media (min-width: 800px) {
}
.details-section__title {
font-size: 1.6rem;
line-height: 1.8rem;
margin-bottom: 0.5rem;
}
@media (min-width: 800px) {
}
.details-section__subtitle {
font-size: 0.8rem;
font-weight: 500;
line-height: 1.2rem;
letter-spacing: 0.1rem;
margin: 0;
margin-bottom: 1.5rem;
}
@media (min-width: 800px) {
}
.details-section__content {
line-height: 2.0rem;
}
@media (min-width: 800px) {
}
.details-section__btn {
margin-top: 2.0rem;
margin-bottom: 2.0rem;
}
@media (min-width: 800px) {
} .jobs-section { margin-bottom: 4.375rem;
}
.jobs-section__img {
width: 100%;
height: auto; }
.jobs-section__container { }
.jobs-section__title {
font-size: 1.6rem;
line-height: 1.8rem;
margin-bottom: 1.5rem;
}
.jobs-section__subtitle {
font-size: 0.8rem;
font-weight: 500;
line-height: 1.2rem;
letter-spacing: 0.1rem;
margin: 0;
margin-bottom: 1.5rem;
}
.jobs-section__content {
width: 100%;
line-height: 2.0rem;
}
.jobs-section__btn {
position: relative;
text-align: center;
margin: 2.0rem auto;
padding-left: 18px;
padding-right: 18px;
} .section__just-call {
position: relative;
width: 100%; color: #FFFFFF;
text-align: left !important;  padding-top: 0.0rem;
padding-bottom: 0.0rem;
}
@media (min-width: 800px) {
.section__just-call {
height: 500px;
}
}
.section__just-call-box {
position: relative;
margin-top: auto;
margin-bottom: auto;
padding-top: 4.375rem;
padding-bottom: 4.375rem;
}
.section-just-call__container { height: 100%;
color: #FFFFFF;
background-color: #838282; padding: 8%;
padding-bottom: 4%;
}
@media (min-width: 800px) {
.section-just-call__container {
position: relative; color: #FFFFFF;
background-color: #838282; padding: 8% 1.0rem;
}
} .section__just-call article {
position: relative;
width: 100% !important;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 800px) {
.section__just-call article {
position: relative;
width: 100% !important;
height: 500px !important;
padding: 2.4rem; }
}
.section__just-call-intro {
text-align: justify;
}
.just-call__contact-data {
width: 100%;
text-align: right;
margin-top: 2.0rem;
}
.just-call__contact-data a {
position: relative;
display: block;
font-size: 1.4rem;
line-height: 2.4rem;
font-weight: 700;
text-decoration: none;
color: #FFFFFF;
}
@media (min-width: 800px) {
.just-call__contact-data a {
font-size: 2.0rem;
line-height: 2.8rem;
}
}
.hours-available {
font-size: 1.0rem;
padding-bottom: 1.6rem;
}
@media (min-width: 800px) {
.hours-available {
padding-bottom: inherit;
}
} .recall-section {
color: #FFFFFF;
background-color: #838282;  padding: 0.0rem;
margin-bottom: 4.375rem;
}
.recall-section__container {
color: #FFFFFF;
background-color: #838282;
margin: 00px 18px;
padding-top: 50px !important; }
@media (min-width: 800px) {
.recall-section__container {
display: grid;
width: 90%;
grid-template-columns: 33% 66%;
grid-template-areas: "div1 div2";
align-self: center !important;
line-height: initial;
margin: 0 auto;
align-items: center !important;
align-content: center !important;
}
}
@media (min-width: 1200px) {
.recall-section__container {
display: grid;
width: 75%;
grid-template-columns: 33% 66%;
grid-template-areas: "div1 div2";
align-self: center !important;
line-height: initial;
margin: 0 auto;
align-items: center !important;
align-content: center !important;
}
}
.recall-section__text-area {
}
@media (min-width: 800px) {
.recall-section__text-area {
position: relative;
margin-top: -1.5rem;
padding-left: 0.0rem;
padding-right: 2.0rem;
padding-right: 1.0rem;
}
}
.recall-section__form-area {
}
.recall-section__title {
width: 80%;
font-size: 1.6rem;
line-height: 1.8rem; text-transform: lowercase;
}
.recall-section__text {
}
.recall-section__form {
position: relative;
width: 100%;
}
@media (min-width: 800px) {
.recall-section__form #wpcf7-f129-o1 .wpcf7-form {
display: grid;
width: 100%;
grid-template-columns: 50% 50%;
grid-template-areas: "recall-section__form-item recall-section__form-item-name recall-section__form-item recall-section__form-item-phonenumber";
align-self: flex-end;
line-height: initial;
margin: 0 auto;
padding-left: 2.0rem;
padding-left: 0.0rem;
padding-right: 2.0rem;
}
.recall-section__form #wpcf7-f129-o1 .wpcf7-form .recall-section__form-label-dsgvo-acceptance {
width: 110%;
margin-left: 2.0rem;
margin-left: 1.0rem;
padding-top: 1.0rem;
}
.recall-section__form #wpcf7-f129-o1 .wpcf7-form .recall-section__btn {
top: 10px;
margin-left: 1.0rem !important;
}
}
.recall-section__form ::-moz-placeholder { font-weight: 300;
font-size: 1.0rem;
color: #FFFFFF;
opacity: 0.7; }
.recall-section__form :-ms-input-placeholder { font-weight: 30000;
font-size: 1.0rem;
color: #FFFFFF;
opacity: 0.7; }
.recall-section__form ::placeholder { font-weight: 300;
font-size: 1.0rem;
color: #FFFFFF;
opacity: 0.7; }
.recall-section input:focus {
outline: none;
}
.recall-section__form-item {
position: relative;
width: 100%;
color: #FFFFFF !important;
background-color: transparent;
box-shadow: none;
border: none;
padding: 0.25rem;
border-bottom: 2px solid #FFFFFF;
padding-bottom: 0.5rem;
margin: 1.5rem auto;
}
.recall-section__form-item-name {
}
.recall-section__form-item-phonenumber {
}
.recall-section__form-label-dsgvo-acceptance {
font-weight: 300;
font-size: 0.8rem;
line-height: 1.4rem;
padding-left: -10px;
}
.recall-section input[type="checkbox"] {
position: relative;
left: 0.5rem;
top: -2px;
vertical-align: baseline;
margin-top: -2px !important;
z-index: 0;
-webkit-appearance: none;
}
.recall-section input[type="checkbox"]::before {
width: 12px;
height: 12px;
border-radius: 0;
border: 2px solid #fff  !important;
background-color: transparent !important;
display: block;
content: "";
float: left !important;
margin-right: 8px !important;
left: -.25rem !important;
z-index: 5 !important;
position: relative;
}
.recall-section input[type="checkbox"]:checked:after {
content: "";
display: block;
width: 4px !important;
height: 10px!important;
border: solid #fff!important;
border-width: 0 2px 2px 0!important;
transform: rotate(45deg);
position: absolute;
top: 0px !important;
left: -1px !important;
margin-left: 2px !important;
}
@media (min-width: 800px) {
.recall-section input[type="checkbox"] {
top: 0.25rem;
margin-top: inherit !important;
margin-right: 0.0rem;
}
.recall-section input[type="checkbox"]::before {
}
.recall-section input[type="checkbox"]:checked:after {
top: 0px !important;
}
}
.recall-section__form-item-dsgvo-acceptance {
position: absolute;
display: inline-block;
font-weight: 300;
font-size: 0.75rem;
line-height: 1.4rem;
color: #FFFFFF;
opacity: 1.0; margin-top: 0.35rem;
padding-left: -0.35rem;
}
@media (min-width: 800px) {
.recall-section__form-item-dsgvo-acceptance {
margin-top: 1.35rem !important;
}
}
.recall-section__form-item-dsgvo-acceptance a {
font-weight: 500;
font-size: 0.8rem;
color: #FFFFFF;
opacity: 1.0; text-decoration: none;
}
.recall-section__btn {
position: relative !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: block;
text-align: center;
color: #B6274F;
text-decoration: none !important;
background-color: #FFFFFF;
margin-top: 2.5rem;
padding: 1rem 1.5rem !important;
} .values-section {
text-align: center !important;
}
.values-section article {
width: 100%;
}
@media (min-width: 800px) {
.values-section {
text-align: center !important;
margin-bottom: 4.375rem !important;
}
.values-section article {
height: 500px  !important;
padding: 2.4rem;
}
}
.values-section__container { height: 100%;
color: #FFFFFF;
background-color: #838282;
margin: 0px 1.5rem;
padding: 1.0rem;
padding-top: 10%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media (min-width: 800px) {
.values-section__container {
width: 100%;
height: 100%;
margin: 0px;
padding: 0.25rem;
padding: 1.0rem;
padding-top: 5%;
}
}
.values-section__title {
height: calc(100%-4.8rem);
} } */
.values-section__content .btn {
margin-top: 2.0rem;
margin-bottom: 2.0rem;
} @media (min-width: 800px) {
.page-template-page-bereich-tischlerei .site-intro .unstacked-right {
overflow: visible;
}
} @media (min-width: 800px) {
.page-template-page-bereich-bestattung .site-intro .unstacked-right {
overflow: visible;
}
} .wichtige-dokumente {
visibility: hidden;
height: 0px !important;
position: absolute;
margin: -100px;
transition: all ease-in-out 0.3;
}  .contact-form-section {
width: 100%;
color: #FFFFFF;
background-color: #838282;
margin: 0px 0px;
margin-bottom: 4.375rem;
padding: 4.5rem 0.25rem 0.5rem 0.25rem;
}
@media (min-width: 800px) {
.contact-form-section__container {
width: 75%;
margin: 0 auto;
margin-bottom: 4.375rem;
}
}
.contact-form-section__title {
font-size: 1.6rem;
line-height: 1.8rem;
margin-bottom: 0.5rem;
text-transform: lowercase;
}
.contact-form-section__text {
font-size: 1.0rem;
font-weight: 400;
}
.contact-form-section a {
color: #FFFFFF;
font-weight: 700;
}
.contact-form-section__form {
position: relative;
width: 100%;
}
.contact-form-section__form ::-moz-placeholder { font-weight: 100;
font-size: 0.8rem;
color: #FFFFFF;
opacity: 0.7; }
.contact-form-section__form :-ms-input-placeholder { font-weight: 100;
font-size: 0.8rem;
color: #FFFFFF;
opacity: 0.7; }
.contact-form-section__form ::placeholder { font-weight: 100;
font-size: 0.8rem;
color: #FFFFFF;
opacity: 0.7; }
.contact-form-section__form input:focus {
outline: none;
}
.contact-form-section__form-item {
position: relative;
width: 100%;
color: #FFFFFF !important;
background-color: transparent;
box-shadow: none;
border: none;
padding: 0.25rem;
border-bottom: 2px solid #FFFFFF;
padding-bottom: 0.5rem;
margin: 1.5rem auto;
}
.contact-form-section__form-item-salutation {
}
.contact-form-section__form-item-firstname {
}
.contact-form-section__form-item-lastname {
}
.contact-form-section__form-item-email {
}
.contact-form-section__form-item-topic {
}
.contact-form-section__form-item-message {
min-height: 100px;
}
.contact-form-section__form-label-dsgvo-acceptance {
padding-left: -10px;
}
.contact-form-section input[type="checkbox"] {
position: relative;
left: 0.5rem;
left: 0.0rem;
top: 2px;
vertical-align: baseline;
margin-top: -2px !important;
margin-right: 0;
z-index: 0;
-webkit-appearance: none;
}
.contact-form-section input[type="checkbox"]::before {
width: 12px;
height: 12px;
border-radius: 0;
border: 2px solid #fff  !important;
background-color: transparent !important;
display: block;
content: "";
float: left !important;
margin-right: 15px !important;
left: -.25rem !important;
z-index: 5 !important;
position: relative;
}
.contact-form-section input[type="checkbox"]:checked:after {
content: "";
display: block;
width: 4px !important;
height: 10px!important;
border: solid #fff!important;
border-width: 0 2px 2px 0!important;
transform: rotate(45deg);
position: absolute;
top: 0px !important;
left: -1px !important;
margin-left: 2px !important;
}
.contact-form-section__form-label-topic {
font-size: 0.8rem;
font-weight: 300;
}
.contact-form-section__form-item-topic select {
position: relative;
display: block;
width: 20em;
height: 3em;
line-height: 3;
background: #2C3E50;
overflow: hidden;
border-radius: .25em;
}
.contact-form-section select:focus-visible {
font-weight: 300 !important;
color: #ffffff;
background-color: #838282 !important;
border: 2px solid #fff  !important;
outline-style: none;
}
.contact-form-section select {
position: relative;
width: 100%;
font-size: 1.0rem;
font-weight: 300;
color: #ffffff;
background-color: #838282 !important;
border: 2px solid #fff  !important;
padding: 0.25rem 0.5rem;
}
.contact-form-section select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
bottom: 0;
padding: 0 1em;
background: #34495E !important;
pointer-events: none;
} .styledSelect {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0 10px;
} .styledSelect:active, .styledSelect.active {
background-color: transparent;
}
.options {
display: none;
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 999;
margin: 0 0;
padding: 0 0;
list-style: none;
font-size: 1.0rem;
font-weight: 300;
color: #ffffff;
background-color: #838282 !important;
border: 2px solid #fff  !important;
padding: 0.25rem 0.5rem;
}
.options li {
padding: 0 6px;
margin: 0 0;
padding: 0 10px;
}
.options li:hover {
background-color: red;
color: white;
transition: all 0.75s;
}
.contact-form-section .codedropz-upload-handler {
border: none;
outline-style: none !important;
}
.contact-form-section .codedropz-upload-container {
font-weight: 300 !important;
color: #ffffff;
background-color: transparent !important;
border: 2px solid #fff  !important;
border-radius: 0px !important;
outline-style: none !important;
}
.contact-form-section .codedropz-upload-inner h3 {
font-size: 1.0rem;
text-transform: lowercase !important;
}
.contact-form-section .codedropz-upload-inner .cd-upload-btn {
text-transform: lowercase !important;
}
.contact-form-section .dnd-upload-counter {
padding-right: 1.0rem;;
}
.contact-form-section .dnd-upload-status .dnd-upload-details .name {
color: white;
}
.contact-form-section .dnd-upload-status .dnd-upload-details .name em {
color: white;
}
.contact-form-section .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
color: white !important;
background: #B6274F !important;
}
.contact-form-section__form-item-dsgvo-acceptance { display: inline-block;
font-weight: 100;
font-size: 0.8rem; line-height: 1.4rem;
color: #FFFFFF;
opacity: 1.0;  margin-top: 0.25rem;
padding-left: -0.25rem;
}
.contact-form-section__form-item-dsgvo-acceptance .wpcf7-list-item-label {
margin-left: -1.0rem !important;
}
@media (min-width: 800px) {
.contact-form-section__form-item-dsgvo-acceptance {
line-height: inherit;
margin-top: inherit;
}
}
.contact-form-section__form-item-dsgvo-acceptance a {
font-weight: 500;
font-size: 0.8rem;
color: #FFFFFF;
opacity: 1.0; text-decoration: none;
}
.contact-form-section__btn {
position: relative !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: block;
text-align: center;
color: #B6274F !important;
text-decoration: none !important;
background-color: #FFFFFF;
margin-top: 2.5rem;
margin-bottom: 4.375rem;
padding: 1rem 1.5rem !important;
}
@media (min-width: 800px) {
.contact-form-section__btn {
padding: 1rem 1.5rem !important;
margin-bottom: initial;
}
}
.contact-form-section__btn:hover {
color: white !important;
transition: all 0.75s;
} .your-opinion-section {
margin-top: 0.0rem;
margin-bottom: 4.375rem;
}
.your-opinion-section__container {
text-align: center; }
.your-opinion-section__title { margin-bottom: 1.5rem;
text-transform: lowercase;
}
.your-opinion-section__content { margin: auto;
margin-bottom: 1.5rem;
}
.your-opinion-section__content .btn {
position: relative !important;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
display: block;
text-align: center;
text-decoration: none !important;
margin-top: 2.0rem;
padding: 1rem 1.5rem !important;
} #accordion {
margin-bottom: 4.375rem;
}
@media (min-width: 800px) {
#accordion {
position: relative;
width: 75%;
margin: 0 auto 4.375rem auto; }
} .accordion__item {
position: relative;
border-bottom: 2px solid #707173;
background: #FFFFFF;
-webkit-transition: height 2s ease-out;
-moz-transition: height 2s ease-out;
-o-transition: height 2s ease-out;
transition: height 2s ease-out;
}
@media (min-width: 800px) {
.accordion__item {
display: block;
}
} .accordion {
color: #707173;
cursor: pointer;
padding: 18px;
width: 95%;
text-align: left;
border: none;
background-color: transparent;
outline: none;
transition: 0.4s;
}
@media (min-width: 800px) {
.accordion {
width: 95%;
}
}
.accordion__item button {
display: flex;
justify-content: space-between;
font-size: 1.6rem;
font-weight: 700;
color: #707173;
line-height: 2.6rem;
letter-spacing: 0.1rem;
text-transform: lowercase;
text-decoration: none;
margin: 0;
align-items: center;
padding-top: 2.0rem;
padding-bottom: 2.0rem;
}
@media (min-width: 800px) {
.accordion__item button {
display: inherit;
}
}
.accordion__pointer {
position: relative;
width: 10px;
height: 10px;
color: #707173;
line-height: 20px;
margin: -20px 0 0px 20px;
transition: all 0.5s ease-in-out;
}
@media (min-width: 800px) {
.accordion__pointer {
position: absolute;
top: 20px;
right: 30px;
margin: 20px 0 10px 20px;
}
}
button.active .accordion__pointer {
display: inline-block;
transform: rotate(90deg);
padding: 0;
}
@media (min-width: 800px) {
button.active .accordion__pointer {
display: inline-block;
transform: rotate(90deg);
top: 30px;
right: 20px;
padding: 0;
}
}  .accordion__item:hover {
background-color: rgba(112, 113, 115, 0.1);
transition: all 0.75s;
}
.active .accordion__item {
background-color: rgba(112, 113, 115, 0.1);
transition: all 0.75s;
} .panel {
line-height: 1.8rem;
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
button.active .panel {
max-height: inherit;
width: 96%;
padding: 2.0rem 1.0rem !important;
}
button.accordion.active .panel { padding: 2.0rem 1.0rem !important;
margin-top: 2.0rem !important;
margin-bottom: 2.0rem !important;
}
.accordion__item button.active .panel { padding: 2.0rem 1.0rem !important;
margin-top: 2.0rem !important;
margin-bottom: 2.0rem !important;
}
button.active .panel p {
line-height: 1.8rem;
padding: 0.5rem 0.75rem;
padding: 2.0rem 1.0rem !important;
}
.accordion__item button.active .panel p {
margin-top: 2.0rem !important;
margin-bottom: 2.0rem !important;
}
#accordion article .panel p {
margin-top: 2.0rem !important;
margin-bottom: 2.0rem !important;
} .arrow {
display: inline-block;
width: 10px;
height: 10px;
border: solid #707173;
border-width: 0 2px 2px 0;
padding: 3px;
}
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
@media (min-width: 800px) {
.down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
} .partner {
position: relative;
display: block;
width: 100%;
margin-bottom: 4.375rem;
}
@media (min-width: 800px) {
.partner {
margin-bottom: inherit;
}
}
.partner article {
width: 100%;
}
.partner__container {
position: relative;
display: block;
width: 100%;
}
@media (min-width: 800px) {
.partner__container {
position: relative;
display: block;
width: 75%;
margin: 0 auto;
}
}
.partner__title {
margin-bottom: 0.0rem !important;
}
.partner__intro {
}
.partner__listing {
position: relative;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 2.0rem;
margin-bottom: 0.0rem;
margin-left: 0px;
}
@media (min-width: 800px) {
.partner__listing {
column-gap: 10px;
row-gap: 20px;
}
}
.partner__listing-item {
position: relative;
width: 100%;
width: 45%; flex-grow: 0;
flex-shrink: 0;
flex-direction: row; flex-grow: 0;
flex-shrink: 0;
justify-content: space-around;
align-items: flex-start;
text-align: center;
list-style: none;
margin: 0.25rem;
padding: 0.25rem;
}
@media (min-width: 800px) {
.partner__listing-item {
flex: 3;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 29%;
padding: 0.0rem 0.25rem;
}
} .projects-overview {
margin-bottom: 4.375rem !important;
}
#projects-overview__project {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 50px 0px;
margin: 0.0rem;
margin-top: -3.0rem;
margin-bottom: 4.375rem;
}
@media (min-width: 800px) {
#projects-overview__project {
margin: 50px 0px;
margin: 2.0rem 0px;
margin-bottom: 4.375rem;
}
}
.projects-overview__project-filters {
display: flex;
justify-content: center;
align-items: center;
list-style: none;
margin-top: 20px;
background-color: #f9f9f9;
border: 1px solid rgba(0,0,0,0.5);
flex-wrap: wrap;
margin: 20px;
transition: all 0.5s;
background-color: inherit;
border: 0px solid rgba(237,237,237,0.6);
border-bottom: 2px solid #707173;
padding-bottom: 1.0rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 800px) {
.projects-overview__project-filters {
background-color: inherit;
}
}
.projects-overview__project-filters li {
color: #9b9b9b;
font-weight: 400;
letter-spacing: 0.5px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 5px 20px;
}
@media (min-width: 800px) {
.projects-overview__project-filters li {
margin: 10px;
}
}
.projects-overview__project-filter--active {
color: #272727;
background-color: #f0f0f0;
transition: all 0.75s;
}
.projects-overview__project-container {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
max-width: 1200px;
margin: auto;
}
@media (min-width: 800px) {
.projects-overview__project-container {
}
}
.projects-overview__project-box {
width: 80%; margin: 20px;
}
@media (min-width: 800px) {
.projects-overview__project-box {
min-width: 500px;
width: 45%; }
}
.projects-overview__project-box img {
width: 100%;
height: auto;
height: 300px;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
overflow: hidden;
border-radius: 0px;
padding: 0;
}
@media (min-width: 800px) {
.projects-overview__project-box img {
width: 100%;
height: auto;
height: 500px;
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: center center !important;
overflow: hidden;
border-radius: 0px;
padding: 0;
}
} .project-carousel {
margin-top: 0.0rem;
margin-bottom: 4.375rem;
}
@media (min-width: 800px) {
.project-carousel {
width: 75%;
margin: 0.0rem auto;
margin-bottom: 4.375rem;
}
}
.project-carousel .h2__heading {
margin-bottom: 0.5rem;
}
.project-carousel .slick-prev {
top: 25%;
}
.project-carousel .slick-next {
top: 25%;
}
.project-carousel__projects-container {
text-align: center;  }
.project-carousel__projects-container .slick-slide {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
@media (min-width: 800px) {
.project-carousel__projects-container .slick-slide {
padding-left: 1.0rem !important;
padding-right: 1.0rem !important;
}
}
.project-carousel__thumbnail {
}
.project-carousel__content {
width: 80%;
margin: 0.0rem auto;
}
.project-carousel__title {
height: 4.8rem !important;
font-size: 1.2rem;
line-height: 1.6rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
padding-top: 0.0rem;
}
.project-carousel__meta {
line-height: 1.2rem;
}
.project-carousel__summary {
width: 80%;
font-size: 0.8rem;
line-height: 1.2rem;
margin: 0.0rem auto;
margin-bottom: 1.5rem;
}
.project-carousel__button-container {
width: 100%;
text-align: center;
margin: 0.0rem auto;
}
.project-carousel__button {
margin-top: 0.5rem;
margin-bottom: 1.5rem;
} .special-question {
width: 100%; margin-top: 4.375rem;
}
@media (min-width: 800px) {
.special-question {
}
}
.special-question__container {
}
@media (min-width: 800px) {
.special-question__container {
height: inherit;
}
}
.special-question__intro {
}
.special-question h2 {
margin-bottom: 1.5rem;
}
.special-question__btn {
margin-top: 2.0rem;
margin-bottom: 2.0rem;
} .contact {
font-size: 0.9rem;
line-height: 1.6rem;
text-align: left;
letter-spacing: 0.05rem;
margin-top: 4.0rem;
}
@media (min-width: 800px) {
height: inherit !important;
}
.contact .unstacked-left {
height: inherit !important;
margin-top: auto !important;
}
.contact .wrapper {
width: 100%;
padding-rigth: 0.0rem;
}
.contact__wrapper {
position: relative;
height: content-box !important;
color: #ffffff;
text-align: right;
background-color: #B6274F;
margin-left: -18px;
margin-bottom: 4.375rem;
padding-top: 1.0rem;
padding-right: 3.5rem;
padding-bottom: 2.0rem;
}
@media (min-width: 800px) {
.contact.unstacked-wrapper {
margin-bottom: 4.375rem;
margin-bottom: 0.0rem;
}
.contact .unstacked-left {
min-height: inherit;
height: fit-content;
}
.contact .unstacked-right {
min-height: inherit;
height: fit-content;
}
.contact .unstacked-left article {
padding-right: 0.0rem !important;
}
}
.contact__data {
font-size: 1.2rem;
line-height: 2.8rem;
margin-top: 2.0rem;
padding-bottom: 0.5rem;
}
@media (min-width: 800px) {
}
.contact__data a {
font-weight: 600;
color: #ffffff;
text-decoration: none;
}
@media (min-width: 800px) {
}
.contact__data-phone {
position: relative;
font-weight: 600;
color: #838282;
text-decoration: none;
margin-top: 1.0rem;
}
@media (min-width: 800px) {
}
.contact__data-cellphone {
font-weight: 600;
color: #838282;
text-decoration: none;
}
@media (min-width: 800px) {
}
.contact__data-mail {
font-weight: 600;
color: #838282;
text-decoration: none;
}
@media (min-width: 800px) {
}
.contact__data-social-media-area {
position: relative;
display: grid;
width: 150px;
grid-template-columns: 1fr 1fr;
align-items: right;
justify-items: end;
text-align: right;
list-style-type: none;
margin-top: 0.0rem;
margin-right: 0.0rem;
margin-left: auto;
}
@media (min-width: 800px) {
}
.contact__data-social-media-area li {
position: relative;
width: 60px !important;
height: 60px !important;
text-align: right;
margin-right: 0px;
padding-right: 0;
}
@media (min-width: 800px) {
}
.contact__data-social-media-icon {
width: 60px;
}
.contact__data-social-media-icon:hover {
opacity: 0.8;
transition: all 0.75s;
}
@media (min-width: 800px) {
}
.contact__data-social-media-icon--facebook {
}
@media (min-width: 800px) {
}
.contact__data-social-media-icon--instagram {
}
@media (min-width: 800px) {
}
.contact__data-opening-hours {
line-height: 1.5rem;
padding-left: 2.0rem; }
@media (min-width: 800px) {
.contact__data-opening-hours {
}
}
.contact__data-opening-hours-table {
}
@media (min-width: 800px) {
}
.contact__data-opening-hours-table-row {
margin-top: 1.0rem;
}
@media (min-width: 800px) {
}
.contact__data-opening-hours-table-row-day {
position: relative;
display: inline-block;
width: 20%;
}
@media (min-width: 800px) {
}
.contact__data-opening-hours-table-row-hours {
position: relative;
display: inline-block;
width: 75%;
}
@media (min-width: 800px) {
}
@media (min-width: 800px) {
.contact__data-opening-hours.box--left-aligned.unstacked-right  {
margin-top: 2rem;
}
.contact__data-map h2 {
}
} .contact__data-map {
}
@media (min-width: 800px) {
}
.contact__data-map h2 {
padding-left: 1.5rem;
margin-bottom: 0.5rem;
}
@media (min-width: 800px) {
.contact__data-map h2 {
padding-left: 5.0rem;
margin-bottom: 0.5rem;
}
}
.route__header {
font-weight: 300 !important;
text-transform: uppercase;
margin-bottom: 1.0rem !important;
padding: 1.5rem 0.75rem !important;
}
@mixin atMedium {
.service-overview__service-title {
margin-bottom: 0.0rem !important;
}
}  .section-contact__google-maps .section-contact__google-maps-container {
margin-top: 2.0rem auto !important;
padding: 0.0rem;
}
.section-contact__headline {
margin-bottom: 2.0rem;
}
.video_wrapper {
background-image: url();
background-size: cover;
position: relative;
width: 100% !important;
min-height: 500px;
min-height: 500px;
height: auto !important;
}
@media only screen and (min-width: 769px) {
.video_wrapper { min-height: 500px;
height: 500px;
}
}
.video_trigger {
padding: 30px;
}
.video_trigger:before {
content: '\f279';
font-family: 'FontAwesome Regular';
position: absolute;
z-index: -1;
font-size: 120px;
color: rgba( 255, 255, 255, .2 );
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
top: -webkit-calc( 50% - 80px );
top: calc( 50% - 80px );
left: -webkit-calc( 50% - 80px );
left: calc( 50% - 80px );
}
.video_layer {
position: relative;
display: none;
height: inherit;
width: inherit;
margin: auto;
}
iframe {
width: 100%;
min-height: 320px;
min-height: 500px;
height: auto;
vertical-align: middle;
border: 0px none transparent;
}
@media only screen and (min-width: 769px) {
iframe {
max-height: 500px;
}
}
p.text-center {
position: relative !important;
display: block !important;
line-height: 1.4rem !important;
margin: 25px auto !important;
margin-top: 5% !important;
padding: 15px !important;
} .video--fullwidth iframe {
position: relative !important;
width: 100% !important;
height: 100% !important;
min-height: 500px;
}
@media only screen and (min-width: 769px) {
.video--fullwidth iframe { min-height: 500px;
}
} .video_wrapper {
background: rgba(112,122,122,0.15);
background-size: cover;
position: relative;
height: 100%;
width: 100%;
text-align: center;
.video_trigger {
padding: 130px 30px;
padding: 100px 30px;
height: -webkit-calc( 100% - 260px );
height: -moz-calc( 100% - 260px );
height: -o-calc( 100% - 260px );
height: calc( 100% - 260px );
width: -webkit-calc( 100% - 60px );
width: -moz-calc( 100% - 60px );
width: -o-calc( 100% - 60px );
width: calc( 100% - 60px );
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
z-index: 9;
background-color: rgba( 0, 0, 0, .8 );
color: #fff;
@media only screen and (min-width: 769px) {
.video--fullwidth iframe { min-height: 500px;
}
}
&:before {
content: '\f279';
font-family: 'FontAwesome';
position: absolute;
z-index: -1;
font-size: 120px;
color: rgba( 255, 255, 255, .2 );
width: 120px;
height: 120px;
line-height: 120px;
text-align: center;
top: -webkit-calc( 50% - 80px );
top: calc( 50% - 80px );
left: -webkit-calc( 50% - 60px );
left: calc( 50% - 60px );
}
}
.video_layer {
position: relative;
display: none;
height: inherit;
width: inherit;
margin: auto;
iframe {
border: 0px none transparent;
height: inherit;
width: inherit;
vertical-align: middle;
}
}
}  .project-overview-box {
position: relative;
display: block;
width: 80%;
height: auto;
text-align: left;
margin: 0; margin-top: 0.0rem;
margin-bottom: 3.0rem;
padding: 0;
overflow: hidden !important;
}
.project-overview-box:nth-child(2n+1) {
position: relative;
display: block;
width: 80%;
height: auto;
text-align: right;
margin: 0;
margin-top: 3.0rem;
margin-bottom: 3.0rem;
margin-right: 0 !important;
margin-left: auto;
padding: 0;
overflow: hidden !important;
}
.project-overview-box__container {
position: relative;
width: 100%;
margin-left: 0;
margin-right: auto;
overflow: hidden !important;
}
.project-overview-box__container:nth-child(2n+1) {
position: relative;
width: 100%;
margin-left: 0;
margin-right: auto;
overflow: hidden !important;
}
.project-overview-box__img {}
.project-overview-box__title {
height: 4.8rem;
font-size: 1.2rem;
line-height: 1.6rem;
margin-top: 0.5rem !important;
margin-bottom: 0.75rem !important;
padding-top: 0.0rem;
padding-left: 0.0rem !important;
padding-bottom: 0.0rem;
}
@media (min-width: 800px) {
.project-overview-box__title {
height: 3.2rem;
}
}
.project-overview-box__meta {}
.project-overview-box__summary {
font-size: 1.0rem !important;
font-weight: 400 !important;
line-height: 1.8rem !important;
margin-bottom: 1.5rem;
}
.project-overview-box__button-container {
width: 100%;
text-align: center;
margin: 0.0rem auto;
}
.project-overview-box__button {
margin-top: 2.5rem;
margin-bottom: 1.5rem;
}
.projekte .box--centered .unstacked-right .img--centered img {
height: 180%; }
@media (min-width: 800px) {
.projekte .box--centered .unstacked-right .img--centered {
margin-top: -35%;
}
.projekte .box--centered .unstacked-right .img--centered img {
height: initial;
margin-top: initial;
}
} .single-project {
}
.single-project__title {
}
.single-project__container {
margin-bottom: 5.0rem;
}
.single-project__meta {
}
.single-project__summary {
margin: 2.0rem 0.0rem;
}
.single-project__img {
margin: 5.0rem 0.0rem;
}
.single-project__content-wrapper {
width: 95%;
text-align: center;
margin: 2.0rem auto;
}
.single-project__quote {
text-align: center;
font-size: 1.8rem;
font-weight: 300;
line-height: 2.6rem;
margin-top: 2.0rem;
}
@media (min-width: 800px) {
.single-project__quote {
width: 75%;
margin: 0 auto;
}
}
.single-project__quote-author {
position: relative;
display: block;
text-align: center;
font-size: 1.2rem;
font-weight: 300;
font-style: oblique;
line-height: 1.8rem;
margin-bottom: 4.375rem !important;
}
.single-project__content-container {
font-size: 1.0rem;
line-height: 1.8rem;
text-align: left;
}
@media (min-width: 800px) {
.single-project__content-container {
width: 75%;
margin: 0 auto;
margin-bottom: 4.375rem;
}
}
.single-project__content-container p {
margin-bottom: 1.5rem;
}
.single-project__more-projects {
margin: 5.0rem 0.0rem;
} .testimonials {
position: relative !important;
width: 100% !important;
margin-top: 0.0rem;
margin-bottom: 4.375rem;
}
.testimonials__container {
position: relative !important;
width: 100% !important;
}
.testimonials__title {
margin: 2.0rem auto;
margin-top: 0.0rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.testimonials-carousel {
position: relative !important;
width: 90% !important;
margin: 2.0rem auto;
width: 100% !important; padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 800px) {
.testimonials-carousel {
position: relative !important;
width: 75% !important;
margin: 2.0rem auto;
margin-bottom: 0.0rem !important;
padding: 0.0rem 1.0rem;
}
}
.testimonials-carousel .slick-list {
display: grid;
}
.testimonials-carousel .slick-slide {
display: grid;
align-items: center;
align-content: center;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.testimonials-carousel .slick-dots {
bottom: inherit;
margin-top: 1.0rem;
}
.testimonials-carousel .slick-list .slick-track {
position: relative;
}
.testimonials-carousel__container {
}
.testimonials-carousel__content {
overflow: auto; }
.testimonials-carousel__content p {
}
.testimonials-carousel__title {
font-size: 1.0rem;
font-weight: 700;
}
.testimonials h3 {
margin-top: 4.0rem;
} .unsere-leistungen .site-content ul {
position: relative;
line-height: 1.4rem;
margin-top: 1.0rem;
margin-bottom: 1.0rem; }
.unsere-leistungen .site-content ul li {
margin-top: 1.0rem;
margin-bottom: 1.0rem;
} .job__container {
width: 100%;
display: flex;
flex: 1;
align-items: stretch;
flex-direction: column;
margin: 0px auto;
margin-bottom: 4.375rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: block;
}
@media (min-width: 800px) {
.job__container {
width: 75% !important;
padding-left: 0.0rem;
padding-right: 0.0rem; }
}
.job__container .h2__heading {
paddding-bottom: 1.5rem;
}
.job__image {
width: 100%;
}
@media (min-width: 800px) {
.job__image {
width: 50%;
}
}
.job__description {
width: 100% !important;
font-size: 1.0rem;
line-height: 1.2rem;
padding: 0.5rem;
}
@media (min-width: 800px) {
.job__description {
width: 50% !important;
font-size: 1.0rem;
line-height: 1.4rem;
padding: 2.0rem;
}
} @media (min-width: 800px) {
.job__description {
width: 100% !important;
padding: 0.25rem 0.0rem;
}
}
.job__title {
padding-top: 1.25rem;
padding-bottom: 0.25rem;
}
@media (min-width: 800px) {
.job__title {
margin-top: 0.0rem;
padding-bottom: 1.0rem;
}
}
.job__description h2 {
padding-top: 1.5rem;
padding-bottom: 1.25rem;
}
.job__description p {
font-size: 0.8rem;
line-height: 1.2rem;
}
.job__description ul {
padding-left: 1.25rem;
}
.job__application-button-wrapper {
position: relative;
width: 100%;
display: inline-block;
text-align: center !important;
}
.job__application-button {
margin: 0 auto;
padding: 1rem 1.5rem !important;
}
@media (min-width: 800px) {
.job__application-button {
position: relative;
text-align: center;
margin: 0 auto;
margin-top: 1.75rem;
}
} .page404__title {
}
.page404__content {
}
.page404__message {
}
.page404__additional-info {
font-size: 1.0rem;
color: #B6274F;
} .site-footer {
font-size: 1.0rem;
line-height: 1.6rem;
text-align: center !important;
letter-spacing: 0.05rem; padding-bottom: 1.5rem; }
.home .site-footer {
padding-top: 4.375rem;
}
@media (min-width: 800px) {
.site-footer {
padding-bottom: initial;
} }
.site-footer__row {
margin-bottom: 4.375rem;
}
@media (min-width: 800px) {
.site-footer__row {
max-width: 1200px;
width: 100%;
display: flex;
flex: 3;
flex-basis: auto;
align-items: center;
margin: 0 auto;
margin-bottom: 4.375rem;
}
}
.site-footer__contact-data {
margin-top: 3.0rem;
margin-bottom: 3.0rem;
}
@media (min-width: 800px) {
.site-footer__contact-data {
width: 33%;
margin-top: 0.0rem;
margin-bottom: auto;
}
}
.site-footer__contact-data a {
font-weight: 600;
color: #838282;
text-decoration: none;
}
@media (min-width: 800px) {
}
.site-footer__contact-data-phone {
font-weight: 600;
color: #838282;
text-decoration: none;
}
@media (min-width: 800px) {
}
.site-footer__contact-data-mail {
font-weight: 600;
color: #838282;
text-decoration: none;
}
@media (min-width: 800px) {
.site-footer__contact-social-media {
width: 33%;
text-align: center;
}
}
.site-footer__contact-social-media-area {
position: relative;
display: grid;
width: 42%;
grid-template-columns: 1fr 1fr;
grid-gap: 2.0rem;
align-items: center;
list-style-type: none;
margin: 2.0rem auto;
padding-left: 0;
}
@media (min-width: 700px) {
.site-footer__contact-social-media-area {
width: 20% !important;
margin: inherit;
margin: auto !important;
margin-bottom: 2.0rem !important;
}
}
@media (min-width: 800px) {
.site-footer__contact-social-media-area {
width: inherit !important;
margin: inherit;
margin: auto !important;
}
}
.footer-contact__social-media-icon--facebook {
background-color: #B6274F;
transition: all 0.5s;
}
.footer-contact__social-media-icon--facebook:hover {
background-color: #A42347;
transition: all 0.5s;
}
.footer-contact__social-media-icon--instagram {
background-color: #B6274F;
transition: all 0.5s;
}
.footer-contact__social-media-icon--instagram:hover {
background-color: #A42347;
transition: all 0.5s;
}
.site-footer__navigation {
font-weight: 700;
line-height: 2.0rem;
color: #838282;
}
@media (min-width: 800px) {
.site-footer__navigation {
width: 33%;
}
}
.site-footer__navigation-list {
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
@media (min-width: 800px) {
.site-footer__navigation-list {
}
}
.site-footer__navigation-list a {
color: #838282;
text-decoration: none;
}
@media (min-width: 800px) {
}
.site-footer__copyright {
position: relative;
width: 100%;
font-weight: 400;
margin: auto;
}
@media (min-width: 800px) {
}
.modal {
opacity: 0;
visibility: hidden;
transform: scale(1.2);
transition: all .3s ease-out;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(255, 255 ,255, .94);
z-index: 5;
display: flex;
}
.modal--is-visible {
opacity: 1;
visibility: visible;
transform: scale(1.0);
}
.modal__inner {
flex: 1;
margin: auto;
}
.modal__description {
text-align: center;
font-size: 1.3rem;
font-weight: 300;
line-height: 1.65;
}
.modal__close {
position: absolute;
top: 15px;
right: 15px;
transform: scaleX(1.25);
transform-origin: 100% 0;
cursor: pointer;
font-size: 2.0rem;
}
.modal:hover {
color: green;
transition: all 0.75s;
}
.social-icons {
text-align: center;
}
.social-icons__icon {
background-color: pink;
display: inline-block;
width: 33%;
height: 72px;
margin: 0 5px 5px 5px;
position: relative;
}
@media (min-width: 530px) {
.social-icons__icon {
width: 72px;
}
}
.social-icons__icon img {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}  @media (min-width: 800px) {
img.rellax,
.unstacked-left .img--right-aligned img.rellax,
.unstacked-left .img--left-aligned img.rellax,
.unstacked-left .img--centered-aligned img.rellax,
.unstacked-left .img--fullwidth img.rellax,
.unstacked-right .img--right-aligned img.rellax,
.unstacked-right .img--left-aligned img.rellax,
.unstacked-right .img--centered-aligned img.rellax,
.unstacked-right .img--fullwidth img.rellax {
-o-object-fit: cover !important;
object-fit: cover !important;
object-position: bottom center !important;
}
}  [data-inviewport="entrance-fade-bottom"].is-inViewport {
animation: EntranceFadeBottom 1.5s ease 0s 1 normal none;
animation-iteration-count: 1;
}
@keyframes EntranceFadeBottom {
0% {
opacity: 0;
transform: translateY(50px); }
100% {
opacity: 1;
transform: translateY(0); }
} [data-inviewport="entrance-fade-top"].is-inViewport {
animation: EntranceFadeTop 1.5s ease 0s 1 normal none;
animation-iteration-count: 1;
}
@keyframes EntranceFadeTop {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}   [data-inviewport="entrance-fade-center"].is-inViewport {
animation: EntranceFadeCenter 1.5s ease 0.0s 1 normal none;
animation-iteration-count: 1;
transition: all 0.75s;
}
@keyframes EntranceFadeCenter {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}  [data-inviewport="entrance-fade-left"].is-inViewport {
animation: EntranceFadeLeft 1.5s ease 0s 1 normal none;
animation-iteration-count: 1;
}
@keyframes EntranceFadeLeft {
0% {
opacity: 0; transform: translateX(-50px);
}
100% {
opacity: 1; transform: translateX(0);
}
} [data-inviewport="entrance-fade-right"].is-inViewport {
animation: EntranceFadeRight 1.5s ease 0s 1 normal none;
animation-iteration-count: 1;
}
@keyframes EntranceFadeRight {
0% {
opacity: 0; transform: translateX(50px);
}
100% {
opacity: 1; transform: translateX(0);
}
} @media (min-width: 530px) {
.page-template-page-bereich-tischlerei .img-wrapper--wood-square,
.page-template-page-bereich-bestattung .img-wrapper--wood-square {
width: 92px;
height: 92px;
overflow: hidden;
}
}
.img-wrapper--project-thumb {
width: 100%;
max-height: 500px;
height: 100%;
overflow: hidden;
}
@media (min-width: 530px) {
.img-wrapper--project-thumb {
}
}
.img-wrapper--partner__logo {
width: 100%; height: 100%;
overflow: hidden;
}
@media (min-width: 800px) {
.img-wrapper--partner__logo { }
}
.img-wrapper--wood-square img {
width: 100%;
height: auto;
heigth: 100%;
}
.img-wrapper--project-thumb img {
width: 100%;
}
.img-wrapper--partner__logo img {
width: 100%;
}
.img-wrapper--wood-square img,
.img-wrapper--project-thumb img,
.img-wrapper--partner__logo img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
overflow: hidden;
margin: auto;
display: block;
}
.img-wrapper--wood-square img:hover,
.img-wrapper--project-thumb img:hover,
.img-wrapper--partner__logo img:hover {
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-ms-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
overflow: hidden;
margin: auto;
display: block;
}.featherlight{background:0 0;bottom:0;cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out;display:none;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;left:0;position:fixed;right:0;text-align:center;top:0;white-space:nowrap;z-index:2147483647}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.featherlight:last-of-type{background:rgba(0,0,0,.9)}.featherlight::before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle}.featherlight .featherlight-content{-webkit-animation:fadein .5s;animation:fadein .5s;background:#000;border:0;cursor:auto;display:inline-block;max-height:80%;max-width:90%;min-width:inherit;overflow:visible;padding:0;position:relative;text-align:left;vertical-align:middle;white-space:normal}@media screen and (min-width:980px){.featherlight .featherlight-content{max-height:90%}}.featherlight .featherlight-content .caption{color:#fff;font-size:16px;font-weight:lighter;line-height:1.25;max-width:100%;overflow:hidden;position:absolute;text-align:left;text-overflow:ellipsis;white-space:nowrap}.featherlight .featherlight-content .caption:focus,.featherlight .featherlight-content .caption:hover{overflow:visible;white-space:normal}.featherlight .featherlight-content a{color:#fff;text-decoration:underline}.featherlight .featherlight-content a:focus,.featherlight .featherlight-content a:hover{text-decoration:none}.featherlight .featherlight-inner{-webkit-animation:fadein .5s;animation:fadein .5s;display:block}.featherlight button{-webkit-appearance:button;font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none}.featherlight button::-moz-focus-inner{border-style:none;padding:0}.featherlight .featherlight-close-icon{background-color:transparent;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M21%204.41L19.59%203%2012%2010.59%204.41%203%203%204.41%2010.59%2012%203%2019.59%204.41%2021%2012%2013.41%2019.59%2021%2021%2019.59%2013.41%2012%2021%204.41z%22/%3E%0A%3C/svg%3E);background-position:center;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;border:0;cursor:pointer;display:block;height:30px;opacity:.6;overflow:hidden;padding:0;position:fixed;right:25px;text-align:center;text-indent:100%;top:25px;white-space:nowrap;width:30px;z-index:9999}.featherlight .featherlight-close-icon:focus,.featherlight .featherlight-close-icon:hover{opacity:1}.featherlight .featherlight-image{max-width:100%}.featherlight iframe{border:0}[data-featherlight] img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.featherlight-iframe .featherlight-content{border-bottom:0;-webkit-overflow-scrolling:touch;overflow-y:scroll;padding:0}@-webkit-keyframes featherlightLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes featherlightLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.featherlight-loading .featherlight-content{-webkit-animation:featherlightLoader 1s infinite linear;animation:featherlightLoader 1s infinite linear;background:0 0;border:8px solid #909090;border-left-color:#fff;font-size:10px}.featherlight-loading .featherlight-content,.featherlight-loading .featherlight-content::after{-webkit-border-radius:50%;border-radius:50%;height:10em;width:10em}.featherlight-loading .featherlight-close,.featherlight-loading .featherlight-inner{display:none}.featherlight-next,.featherlight-previous{background-color:transparent;background-repeat:no-repeat;-webkit-background-size:100% auto;background-size:100% auto;cursor:pointer;display:block;height:60px;margin-top:-30px;opacity:.4;overflow:hidden;position:fixed;text-indent:100%;top:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:60px}.featherlight-next span,.featherlight-previous span{display:none}.featherlight-next:focus,.featherlight-next:hover,.featherlight-previous:focus,.featherlight-previous:hover{opacity:1}.featherlight-next{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22/%3E%0A%3C/svg%3E);background-position:0 0;right:10px}.featherlight-previous{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22/%3E%0A%3C/svg%3E);background-position:-5px 0;left:10px}.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous{display:none}