@font-face {
font-family: 'BrennerSansL';
src: url(//www.plastmed.de/wp-content/themes/plastmed/css/fonts/BrennerSansL-Regular.woff2) format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'BrennerSansL';
src: url(//www.plastmed.de/wp-content/themes/plastmed/css/fonts/BrennerSansL-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ParmigianoTextL';
src: url(//www.plastmed.de/wp-content/themes/plastmed/css/fonts/ParmigianoTextL-Medium.woff2) format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
.otgs-development-site-front-end {
display: none;
}
*, *::after, *::before {
box-sizing: border-box;
}
:root {
--dark: #2b2b2c;
--grey1: #808080;
--grey2: #D8D0CB;
--brown: #755847; 
--brown2: #91796c;
--ctarotate:  0deg;
}
html, body {
font-family: 'BrennerSansL', sans-serif;
color:var(--dark);
font-size:18px;
font-weight: 400;
line-height:1.4em;
margin:0;
padding:0;
}
body {
background-color:#fff;
}
body.no-scroll {
overflow: hidden;
height: 100vh;
}
.notfound {
min-height: 50vh;
padding-top: 20vh;
} figure {
margin: 0;
padding: 0;
}
img {
max-width: 100%;
}
a { 
color: var(--brown);
}
strong {
font-weight: 500;
}
p, ul, ol {
margin: 0 0 1em 0;
padding-left: 0;
}
.col ul,
.col ol {
padding-left: 1em;
}
.col ul.slick-dots {
padding-left: 0;
}
.faq-list ul ,
.col ul:not(.menu):not(.slick-dots) {
list-style: none;
padding-left: 1.5em;
margin: 0 0 1rem;
}
.faq-list ul li,
.col ul:not(.menu):not(.slick-dots) li {
position: relative;
margin: 0.7rem 0;
padding-left: 0; }
.faq-list ul li::before,
.col ul:not(.menu):not(.slick-dots) li:before  {
content: "";
position: absolute;
left: -1.4rem;
top: 0.25em;
width: 0.6rem;
height: 0.8rem;
background: url(//www.plastmed.de/wp-content/themes/plastmed/images/Plastmed-Signet-dark.svg) no-repeat center / contain;
}
.faq-list ul li::before {
background: url(//www.plastmed.de/wp-content/themes/plastmed/images/Plastmed-Signet-brown.svg) no-repeat center / contain;
}
.faq-list a {
background-color: #F5F2EF;
}
span.h2, span.h3, #banner .slogan,
.overview-header,
h1,h2,h3,h4,h5,h6 { 
font-family: 'ParmigianoTextL', serif;
font-weight: 500;
line-height: 1.4em; 
margin: 0 0 .2em 0;
display: block;
}
.slogan,
h1 {
color: var(--dark);
font-size: 1.6em; 
}
span.h2,
h2 {
color: var(--brown);
font-size: 2em; 
margin-bottom: .2em;
letter-spacing: .5px;
}
span.h3,
.overview-header,
h3 {
font-family: 'BrennerSansL', sans-serif;
color: var(--dark);
font-size: 1em;
margin-bottom: 1.5em;
}
h4 {
font-size: 1em; 
}
.right {
text-align: right;
}
.left {
text-align: left;
}
section {
margin-bottom: 2em; 
}
.flex {
display: flex;
flex-wrap: wrap;
}
.container {
width: 88%;
margin-left: 6%;
margin-right: 6%;
}
ol.circles {
list-style: none;
counter-reset: list-counter;
padding-left: 0; }
ol.circles li {
counter-increment: list-counter;
margin-bottom: 10px;
display: flex;
align-items: flex-start;
gap: 20px; 
padding-bottom: 1em;
}
ol.circles li::before {
content: counter(list-counter);
font-family: 'ParmigianoTextL';
font-weight: 500;
font-size: 1.4em;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 50%;
background-color: var(--grey2);
color: white;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
}
figure.round {
border-radius: 50%;
width: 200px;
height: 200px;
overflow: hidden;
margin-bottom: 1em;
}
figcaption {
font-size: .8em;
margin: 1em 0;
}
#main section ul.lines {
list-style: none;
border-top: 1px solid var(--brown2);
padding-left: 0;
margin-bottom: 2em;
}
#main section ul.lines li {
list-style: none;
border-bottom: 1px solid var(--brown2);
padding: 10px 0;
}
.row {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
span.credits {
position: absolute;
bottom: 12px;
right: 12px;
font-size: 12px;
line-height: 100%;
color: #fff;
writing-mode: vertical-lr;
text-orientation: sideways-right;
transform: rotate(180deg);
opacity: .65;
z-index: 2;
}
.quote span.credits {
display: none;
}
.col {
}
.col-25,
.col-35, 
.col-50,
.col-65 {
width: 100%;
} #site-header .logo { 
width: 150px;
display: block;
position: absolute;
top: 21px;
left: 6%;
z-index: 1;
}
#site-header .logo img { 
width: 100%;
}
#site-header {
position: fixed;
top: 0;
width: 100%;
background-color: var(--dark);
height: 70px;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
z-index: 9;
} #topmenu {
position: absolute;
top: 23px;
display: flex;
right: calc(6% + 40px);
color: var(--grey1);
}
.scrolled #langswitch {
display: none;
}
#goto_ts {
display: none;
}
#site-header.open #topmenu {
display: none;
}
#topmenu img {
width: 22px;
height: 22px;
display: block;
margin: 0 10px;
}
#topmenu a {
color: var(--grey1);
text-decoration: none;
}
#topmenu a.lang {
margin: 0 3px;
}
#topmenu a.lang.active {
color: #fff;
} #cta_contact {
position: fixed;
z-index: 8;
right: 0;
top: calc(50% - 40px);
width: 44px;
height: 42px;
background-image: url(//www.plastmed.de/wp-content/themes/plastmed/images/Mail-Icon.svg);
background-size: cover;
cursor: pointer;
}
#cta_calendar {
position: fixed;
z-index: 8;
right: 0;
top: 50%;
width: 44px;
height: 42px;
background-image: url(//www.plastmed.de/wp-content/themes/plastmed/images/Termin-Icon.svg);
background-size: cover;
cursor: pointer;
}
#cta_contact:hover,
#cta_calendar:hover {
opacity: .7;
}
#cta_appointment {
position: fixed;
z-index: 8;
right: 70px;
bottom: 20px; background-image: none;
cursor: pointer;
background-color: var(--dark);
color: #fff;
font-size: 1em;
border-radius: 17px;
padding: 0 2em;
margin-top: -2px;
height: 34px;
line-height: 34px;
white-space: nowrap;
opacity: 0;
transition: opacity .5s ease;
pointer-events: none;
}
#cta_appointment a {
color: #fff;
text-decoration: none;
}
.scrolled #cta_appointment {
opacity: 1;
pointer-events: initial;
}
#cta_appointment:hover {
opacity: .75;
}
#cta_phone {
text-indent: -999em;
background: url(//www.plastmed.de/wp-content/themes/plastmed/images/icon_phone.svg);
background-size: 30px;
width: 30px;
height: 30px;
display: none;
margin-top: -3px;
}
.scrolled #cta_phone {
display: block;
}
#cta_appointment a, #cta_contact a {
display: block;
height: 100%;
border: none;
} .breadcrumb {
font-size: 0.7em;
margin-bottom: 1em;
}
.breadcrumb a {
color: var(--grey2);
text-decoration: none;
}
.breadcrumb a:hover {
text-decoration: underline;
}
.breadcrumb span {
font-weight: 500;
color: var(--grey2);
} #main {
margin-top: 70px;
}
#main > .html:first-child {
margin-top: 8em;
} #banner {
position: relative;
height: 65vh;
overflow: hidden;
margin-bottom: 1em;
}
#banner .container {
height: 100%;
}
#banner.bg:after {
display: block;
content: " ";
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-color: rgba(117, 88, 71, 0.5);
}
#banner.bg::after {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%; content: "";
background-color: rgba(117, 88, 71, 0.5);
pointer-events: none;
}
#banner header {
position: absolute;
inset: 0; 
margin: 0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1.5em 3em 1.5em 1.5em;
height: auto;
}
#banner .slogan,
#banner h1 {
text-align: left;
height: auto;
color: #fff;
font-size: 1.6em;
}
#banner header img {
max-width: 100%;
height: auto;
position: relative;
display: none;
margin-bottom: 2em;
}
#banner video,
#banner img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
#banner video {
object-position: center 30%;
} section.image {
margin: 3em 0 2em 0;
}
section.image figure {
position: relative;
height: 85vh;
overflow: hidden;
margin: 0;
}
section.image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.image img:after{
display: block;
content: " ";
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-color: rgba(117, 88, 71, 0.2);
}
.image.parallax {
height: 30vh;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.video video {
max-width: 100%;
}
.cta {
position: relative;
padding: 2em 0;
background: var(--grey2);
overflow: hidden;
}
.cta-bg {
position: absolute;
top: 30%;
left: 80%;
width: 60%;
height: auto;
opacity: 0.3;
pointer-events: none;
transform: translate(-50%, -50%) rotate(var(--ctarotate, 0deg));
transform-origin: center center;
z-index: -1;
}
.cta > * {
position: relative;
z-index: 1; 
}
.cta .h2 {
color: var(--dark);
margin-bottom: .5em;
}
section.cta:last-child {
margin-bottom: 0;
}
#formslider form input[type="submit"],
#form-nav li,
.button {
text-align: center;
text-decoration: none;
display: inline-block;
background-color: var(--dark);
color: #fff;
font-size: 1em;
border-radius: 17px;
padding: 0 2em;
height: 34px;
line-height: 34px;
white-space: nowrap;
cursor: pointer;
transition: all .2s ease-in-out;
}
.button:hover {
background-color: #fff;
color: var(--dark);
}
.button.white {
background-color: #fff;
color: var(--dark);
}
.button.white:hover {
background-color: var(--dark);
color: #fff;
}
.twoimages {
}
.twoimages .image-wrapper {
position: relative;
width: 100%;
padding-bottom: 61%; overflow: hidden;
margin-bottom: 1.5em;
}
.twoimages .image-wrapper img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
}
.twocols .row {
margin-top: 2em;
}
.twocols figure {
margin-bottom: 1em;
position: relative;
} .star-bar {
width: 108.8px; height: 18.24px; clip-path: polygon(
9.6px 0,6.896px 6.368px,0 6.944px,5.248px 11.488px,3.664px 18.24px,9.6px 14.656px,15.536px 18.24px,13.952px 11.488px,19.2px 6.944px,12.304px 6.368px,9.6px 0,
32px 0,29.296px 6.368px,22.4px 6.944px,27.648px 11.488px,26.064px 18.24px,32px 14.656px,37.936px 18.24px,36.352px 11.488px,41.6px 6.944px,34.704px 6.368px,32px 0,
54.4px 0,51.696px 6.368px,44.8px 6.944px,50.048px 11.488px,48.464px 18.24px,54.4px 14.656px,60.336px 18.24px,58.752px 11.488px,64px 6.944px,57.104px 6.368px,54.4px 0,
76.8px 0,74.096px 6.368px,67.2px 6.944px,72.448px 11.488px,70.864px 18.24px,76.8px 14.656px,82.736px 18.24px,81.152px 11.488px,86.4px 6.944px,79.504px 6.368px,76.8px 0,
99.2px 0,96.496px 6.368px,89.6px 6.944px,94.848px 11.488px,93.264px 18.24px,99.2px 14.656px,105.136px 18.24px,103.552px 11.488px,108.8px 6.944px,101.904px 6.368px,99.2px 0
);
}
.googlereviews-block a,
.reviews a {
text-decoration: none;
border: none;
transition: opacity .2s ease;
}
.googlereviews-block a:hover,
.reviews a:hover {
color: var(--dark);
opacity: .7;
}
.googlereviews-block {
width: 200px;
height: auto; 
padding: 15px 15px 15px 0;
margin-bottom: 1em;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.googlereviews-block a {
display: flex;
}
.googlereviews-block .rating{
display: flex;
flex-direction: column;
margin-left:20px;
}
.googlereviews-block .google-img {
width: 70px;
margin: 8px 0 0 0;
}
.googlereviews-block .google-img img {
width: 100%;
}
.googlereviews-block .rating-img {
margin-top: 10px;
}
.googlereviews-block .rating-number{
font-weight: 600;
font-size: 55px;
line-height: 120%;
margin-bottom: 18px;
color: #111;
} .benefits-grid {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.benefit-item {
box-sizing: border-box;
text-align: left;
margin-bottom: 2em;
}
.benefit-item {
box-sizing: border-box;
}
.benefit-icon {
width:100%;
aspect-ratio:1/1; display:flex;
align-items:center;
justify-content:center;
}
.benefit-icon img {
width:100%;
height:100%;
object-fit:contain; }
.benefit-text {
padding:10px 0;
} .marquee {
overflow: hidden;
}
#logos-track {
display: flex;
animation: marquee 12s linear infinite;
width: max-content;
margin-bottom: 2em;
}
#logos-track img {
height: 50px;
margin: 0 40px;
flex-shrink: 0;
}
@keyframes marquee {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
#logos-static{
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
align-items: center;
gap: 20px;
}
#logos-static img{
width: 100%;
height: 50px;   
object-fit: contain; 
display: block;   
} #site-footer {
background-color: #2B2B2C;
color: #fff;
padding: 2em 0;
font-size: .8em;
position: relative;
}
#site-footer .logo {
display: block;
width: 150px;
margin-bottom: 1em;
}
#site-footer ul {
list-style: none;
padding: 0;
}
#site-footer ul li {
line-height: 2em;
position: relative;
}
#site-footer a {
color: #B0B0A9;
text-decoration: none;
transition: color .2s ease;
}
#site-footer a.active,
#site-footer a:hover,
#site-footer .footer-nav a {
color: #fff;
}
.footer-nav {
margin-bottom: -4px;
}
#site-footer .menu {
margin-bottom: 0px;
}
#site-footer .menu li {
display: inline;
}
#site-footer .menu li:after {
content: " | ";
}
#site-footer .menu li:last-child:after {
content: "";
}
#site-footer .row {
flex-direction: column;
}
#site-footer .col {
width: 100%;
padding: 2em 0;
}
.footer-nav li  {
padding: .3em 0;
}
#site-footer .social{
margin-top: 1em;
}
#site-footer .social img {
width: 24px;
margin-left: 1em;
}
#site-footer .col .ts {
text-align: left;
}
#gotop {
opacity: 0;
transition: opacity .5s ease;
pointer-events: none;
}
.scrolled #gotop {
position: fixed;
bottom: 20px;
right: 20px;
display: block;
background: url(//www.plastmed.de/wp-content/themes/plastmed/images/gotop.svg) no-repeat center;
width: 36px;
height: 36px;
background-size: 36px;
z-index: 8;
cursor: pointer;
pointer-events: initial;
opacity: 1;
} .intro {
margin: 2em 0;
}
.intro h1 {
font-size: 1em;
font-family: 'BrennerSansL';
font-weight: 400;
}
.intro h1 strong {
font-weight: 500;
color: var(--brown);
} .service {
margin-bottom: 2em;
}
.service figure {
width: 100%;
position: relative;
padding-bottom: 80%;
}
.service figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.service h2 {
font-size: 1.8em;
color: #fff;
padding: .6em 0;
}
.service div {
padding: 0 1.5em 1.5em;
font-size: .8em;
color: #fff;
background-color: var(--brown2);
min-height: 12em;
} .service .container div > * {
position: relative;
z-index: 1; 
}
.service .container div .button {
margin-top: auto;
} .service-cat p, 
.service-cat h2 {
color: #fff;
}
.service-cat article {
margin-bottom: 3em;
}
.service-cat figure {
width: 100%;
height: 450px;
}
.service-cat figure img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.service-cat .col {
flex: 1;
width: 100%;
background-color: var(--brown2);
}
.entry-content {
padding: 2em;
font-size: .8em;
margin-bottom: 10px;
}
.service-grid .button {
margin-top: auto;
font-size: .8em;
align-self: center;
width: auto;
}
.overview-header {
display: inline-block;
background-color: #F1EEED;
padding: 3px 2em;
border-radius: 14px;
font-size: .8em;
}
.overview-list {
display: flex;
flex-direction: column;
font-size: .8em;
background-color: #F1EEED;
padding: 30px 15px;
margin: 2em 0;
}
.overview-item {
display: flex;
justify-content: space-between;
padding: 0px 1em 5px 1em;
line-height: 1.8em;
}
.overview-item dt {
text-align: left;
flex: 1; border-bottom: 1px solid #D8D0CB;
padding-bottom: 3px;
}
.overview-item dd {
text-align: right;
flex: 1;
margin: 0; border-bottom: 1px solid #D8D0CB;
padding-bottom: 3px;
}
.overview-item:last-child dt,
.overview-item:last-child dd {
border: none;
}
.overview-header {
text-transform: uppercase;
font-size: 1.4em;
color: var(--brown);
margin-bottom: 10px;
padding-left: 14px;
} .cross .row {
justify-content: flex-start;
}
.cross .h2 {
margin-bottom: 1em;
}
.cross-item {
background-color: #F1EEED;
width: 100%;
margin-right: 0;
margin-bottom: 2em;
}
.cross-item a {
text-decoration: none;
}
.cross-item h3 {
padding: 15px 20px 5px;
margin-bottom: 0;
font-weight: normal;
}
.cross-item p {
font-weight: 500;
}
.cross-item .cross-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 0 20px 25px 20px;
}
.cross-item .cross-inner p {
min-height: 3em;
}
.cross-item span.button {
display: inline-block;
align-self: flex-start; 
}
.cross-item figure {
margin: 0;
width: 100%;
height: 250px; overflow: hidden;
}
.cross-item figure img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} details.faq-item  dl,
details.faq-item  ul,
details.faq-item  p {
font-size: .8em;
max-width: 90%;
color: var(--brown);
} details.faq-item  ul li {
line-height: 1.8em;
}
details.faq-item  dt,
details.faq-item  p b,
details.faq-item  p strong {
font-weight: 500;
letter-spacing: .3px;
}
details.faq-item dl {
width: 100%;
}
details.faq-item dd,
details.faq-item dt {
display: block;
margin: 0;
}
details.faq-item dt {
margin-top: 1em;
}
.faq-item summary {
font-weight: 500;
letter-spacing: .2px;
color: var(--brown);
cursor: pointer;
padding: 10px 0;
list-style: none; -webkit-details-marker: none; 
display: flex;
justify-content: space-between; 
align-items: center;
position: relative;
border-top: 2px solid var(--grey2);
}
.faq-item summary::after {
content: "";
width: 32px; height: 32px; flex-shrink: 0; background: url(//www.plastmed.de/wp-content/themes/plastmed/images/Fragen-Pfeil-down.svg) no-repeat center;
background-size: 30px;
margin-left: 10px; transition: opacity 0.3s ease, transform 0.3s ease;
opacity: 1;
}
.faq-item[open] summary::after {
background: url(//www.plastmed.de/wp-content/themes/plastmed/images/Fragen-Pfeil-up.svg) no-repeat center;
opacity: 1;
}
.swipe {
color: #B0B0A9;
background-color: #E9E9E9;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
line-height: 30px;
font-size: 16px;
padding-left: 12px;
margin-left: 3%;
} .rewards {
background-color: #eaeaea;
padding: 2em 0;
}
.rewards .badges {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 2em 0;
}
.rewards .badges img {
filter: grayscale(100%);
width: 60px;
} .press {
background-color: var(--brown);
padding: 3em 0;
color: #fff;
}
.press h2 {
font-family: 'BrennerSansL', sans-serif;
font-weight: 400;
font-size: 1.4em;
color: #fff;
}
.press .container div {
display: flex;
justify-content: space-between;
margin: 1em 0;
}
.press .container div div {
display: block;
background-color: #fff;
color: var(--dark);
font-weight: 500;
padding: 1.4em 0;
width: 18%;
text-align: center;
} .numbers_inner {
display: flex;
justify-content: space-between;
}
.numbers_inner div {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1em;
}
.number_round {
display: inline-flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #D8D0CB;
color: #fff;
font-family: 'ParmigianoTextL';
font-size: 20px;
margin-bottom: 1em;
}
.numbers_inner div:nth-child(3) .number_round,
.numbers_inner div:nth-child(1) .number_round {
color:#2B2B2C
}
.numbers_inner div:nth-child(2) .number_round {
background-color: #755847;
}
.numbers_inner div:nth-child(3) .number_round {
background-color: #CDD7C8;
}
.numbers_inner div:nth-child(4) .number_round {
background-color: #4E6F39
} .team_overview h2 {
margin-bottom: 1em;
}
.team_overview .h3 {
font-size: 1.4em;
margin-top: 12px;
margin-bottom: 10px;
}
.team_overview .col {
margin-bottom: 5em;
} .quote {
background-color: #edf1eb;
padding: 3em 0;
}
.quote blockquote {
font-family: 'ParmigianoTextL', serif;
font-size: 1.4em;
line-height: 1.4em;
margin: 0 0 .5em;
padding: 0;
}
.quote figcaption {
margin: 2em 0 3em;
max-width: 70%;
}
.quote p.text {
max-width: 70%;
} .contact {
background-color: #D8D0CB;
margin-bottom: 0;
}
.contact .container {
padding: 3em 0;
}
#main #form-nav {
margin: 2em 0 20px 0;
padding-left: 0;
}
#form-nav li {
min-width: 23%;
background-color: #D4DEE5;
color: var(--dark);
margin-right: 10px;
padding: 0 1em;
}
#form-nav li.active {
background-color: var(--dark);
color: #fff;
}
.form-wrapper {
background-color: #D4DEE5;
padding: 25px;
}
#form-nav li {
min-width: 23%;
background-color: #fff;
color: var(--dark);
margin-right: 10px;
padding: 0 1em;
}
#form-nav li.active {
background-color: var(--dark);
color: #fff;
}
.form-wrapper {
background-color: #fff;
padding: 25px;
}
#formslider form {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 1em;
}
#formslider form p {
margin: 0;
padding: 0;
max-width: 100%;
}
#formslider form label {
display: inline-block;
width: 100%;
margin: 0 0 1.5em 0;
}
#formslider form .wpcf7-form-control-wrap {
width: 100%;
}
#formslider form input[type="checkbox"] {
width: 20px;
height: 20px;
margin-left: 0;
border: 0;
}
#formslider form .wpcf7-acceptance {
font-size: .7em;
color: #2b2b2c;
}
#formslider form .wpcf7-acceptance label { 
display: flex;
}
#formslider form .wpcf7-acceptance label input { 
margin: -3px 6px 0 0;
}
#formslider form .wpcf7-acceptance .wpcf7-list-item-label {
line-height: 1.7em;
}
#formslider form .wpcf7-acceptance>.wpcf7-list-item {
margin: 0;
line-height: 1.7em;
}
#formslider form select,
#formslider form select option,
#formslider form textarea,
#formslider form input {
font-family: 'NovemberL', Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #969696;
background-color: #fff;
border: none;
height: 38px;
line-height: 38px;
max-width: 100%;
width: 100%;
padding: 0 8px;
}
#formslider form textarea {
height: 8.5em;
line-height: 1.4em;
padding: 8px;
}
#formslider form input[type="submit"] {
float: right;
}
#formslider .wpcf7-response-output {
margin: 1em 0;
width: 100%;
}
#formslider form .wpcf7-not-valid-tip {
font-size: .7em;
color: #900;
} .testimonials  {
background-color: #EDF1EB;
padding: 3em 0;
}
.testimonials .container > p {
color:#666; 
line-height:1.4em; 
font-size:1em; 
margin-bottom:1em; 
max-width:95%;
}
.testimonials .slider  {
margin: 1em 0 2em 0;
display: flex;
}
.testimonials .slick-track {
margin: 2em 0;
display: flex;
}
.testimonials .slide {
background-color: #CDD7C8;
padding: 2em;
margin: 0;
display: flex !important;
}
.testimonials .slide h3 {
min-height: 4em;
font-size: 1em;
}
.testimonials .slide p {
font-size: .8em;
}
.testimonials .slide p:last-child {
margin-bottom: 2em;
}
.testimonials .slick-slide {
display: flex;
flex-direction: column;
flex: 1;
}
.testimonials span {
font-size: .7em;
font-weight: normal;
margin-bottom: 1.2em;
}
.testimonials span.stars {
font-size: 1.6em;
letter-spacing: 4px;
color: var(--green);
margin-bottom: .6em;
} .twoimages {
background-color: #eaeaea; 
padding: 2em 0;
}
.twoimages h2 {
margin-bottom: 1em;
}
.twoimages h3 {
margin-bottom: .5em;
} .preise {
margin: 0 0 4em 0;
}
details.faq-item dl.preise dt,
details.faq-item dl.preise dd {
display: flex;
border-top: 1px solid var(--grey2);
margin: 0;
padding: 0.3em 0;
}
details.faq-item dl.preise dt {
justify-content: flex-start;
}
details.faq-item dl.preise dd {
justify-content: flex-end;
text-align: right;
}
@media (min-width: 1024px) {
details.faq-item dl.preise {
display: flex;
flex-wrap: wrap;
gap: 0;
width: 100%;
max-width: 100%;
}
details.faq-item dl.preise dt {
width: 40%;
flex: 0 0 40%;
}
details.faq-item dl.preise dd {
width: 60%;
flex: 0 0 60%;
}
}
@media (min-width: 600px) {
#banner header img {
display: block;
max-width: 65%;
}
.container {
width: 92%;
margin-left: auto;
margin-right: auto;
}
.testimonials .slick-slide {
margin: 0 15px;
}
.testimonials .slick-list {
margin: 0 -15px;
}
.number_round {
width: 80px;
height: 80px;
}
.image.parallax {
height: 35vh;
}    
.benefits-grid {
flex-direction: row;
gap: 4%;
}
.benefit-item {
width: 48%;
}
}
@media (min-width: 800px) {
.row {
flex-direction: row;
justify-content: space-between;
}
.reverse .row,
.row.reverse {
flex-direction: row-reverse;
}
.col-25 {
width: 48%;
}
.col-50 {
width: 48%;
}
.services .container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.service {
width: 48%;
}
.overview-header {
margin-top: 0;
}
.service-cat .col {
width: 50%;
}
.cross .row {
justify-content: space-between;
}
.cross-item {
width: 48%;
}
.testimonials .container > p {
max-width:75%;
}
}
@media (min-width: 960px) {
#banner h1 {
font-size: 2em;
line-height: 1.3em;
}
#banner .slogan {
font-size: 2em;
max-width: 60%;
}
section {
margin: 4em 0 5em;
}
.intro {
margin: 4em 0;
}
.container {
width: 96%;
max-width: 1200px;
}
.container.small {
width: 96%;
max-width: 1120px;
}
.container.mini {
width: 92%;
max-width: 812px;
}    
.cta {
padding: 7em 0;
}
.cta:before {
background-size: auto 130%;
}
.cta .container {
display: block;
}
.cta .container p {
max-width: 45%;
}
.cta .button {
margin-left: 0;
margin-top: 2em;
display: inline-block;
}
.number_round {
width: 120px;
height: 120px;
font-size: 30px;
}
.image.parallax {
height: 65vh;
}
#site-footer .col.bottom {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
#site-footer .col.bottom:last-child {
align-items: flex-end;
}
#site-footer .row {
flex-direction: row;
}
#site-footer .col {
width: 24%;
padding: 0 0 0 2em;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
#site-footer .col-50 {
width: 40%;
}
#site-footer .col:first-child {
border-left: none;
}
#site-footer .col p:last-child {
margin-bottom: 0;
}
#site-footer .col .ts {
text-align: right;
}    
.col-65 {
width: 62%;
}
.col-35 {
width: 32%;
}
.overview-list {
margin: 3.5em 0 0 0;
}
}
@media (min-width: 1024px) {
#logos-track {
animation: marquee 16s linear infinite;
}
#logos-track img {
height: 100px;
margin: 0 60px;
}
#goto_ts {
display: block
}
details.faq-item dl {
display: grid;
grid-template-columns: 25% 1fr;
gap: 1% 3%;
margin: 0 0 2em 0;
}
details.faq-item dt {
margin: 0;
}
dl.openinghours {
display: grid;
grid-template-columns: 1fr auto;
}
dl.openinghours dt,
dl.openinghours dd {
margin: 0;
padding: 6px 0;
border-bottom: 1px solid #ddd;
}
dl.openinghours dt { font-weight: 500; }
dl.openinghours dd { text-align: right; }
.benefits-grid {
flex-direction: row;
gap: 2%;
}
.benefit-item {
width: 23.5%;
}
}
@media (min-width: 1200px) {
#banner header {
position: relative;
height: 100%;
padding: 0 0 2em 0;
}
#cta_phone {
background-image: none;
text-indent: 0;
color: #fff!important;
white-space: nowrap;
width: 170px;
margin-top: 0;
}
#site-footer .logo {
width: 250px;
}
#gotop {
margin: -90px 0 0 0;
background: url(//www.plastmed.de/wp-content/themes/plastmed/images/gotop.svg) no-repeat center;
}
.testimonials .slide {
height: auto !important;
}
.cross .row {
flex-wrap: wrap;
gap: 30px;
justify-content: flex-start;
}
.cross-item {
flex: 1 1 23%;
box-sizing: border-box;
max-width: 24%;
}
.quote blockquote {
font-size: 2.1em;
}
.benefits-grid {
flex-direction: row;
gap: 1.9%;
}
.benefit-item {
width: 15%;
}
}
@media (min-width: 1380px) {
.marquee p {
text-align: center;
}
}
@media (min-width: 1440px) {
.col-25 {
width: 24%;
}
.col-50 {
width: 48%;
}
.container {
width: 98%;
max-width: 1640px;
}
.service {
width: 24%;
margin-bottom: 0;
}
.service div {
min-height: 22em;
display: flex;
flex-direction: column;
}
.service h2 {
font-size: 2em;
margin-bottom: 0;
}
.service a.button {
margin: auto 0 1em 0;
}
.image.parallax {
height: 85vh;
}
#site-footer .col {
padding-left: 3em;
}
}
@media (min-width: 1620px) {
} #wp-auth-check {
background-color: #D8D0CB!important;
} .sbi_follow_btn.sbi_custom a {
background-color: var(--dark)!important;
}
#sbi_load {
text-align: right!important;
}
#sb_instagram {
margin: 2em 0;
}  .mobile-button {
display: block;
position: absolute;
background: transparent;
cursor: pointer;
top: 23px;
right: 6%;
width: 26px;
height: 22px;
transition: all ease .238s;
}
.mobile-button:before,
.mobile-button:after, 
.mobile-button span {
background-color: var(--grey1);
transition: all ease .238s;
}
.mobile-button:before,
.mobile-button:after {
content: '';
position: absolute;
top: 0;
height: 3px;
width: 100%;
left: 0;
top: 50%;
transform-origin: 50% 50%;
}
.mobile-button span {
position: absolute;
width: 100%;
height: 3px;
left: 0;
top: 50%;
overflow: hidden;
text-indent: 200%;
}
.mobile-button:before {
-webkit-transform: translate3d(0,-9px,0);
-moz-transform: translate3d(0,-9px,0);
transform: translate3d(0,-9px,0);
}
.mobile-button:after {
-webkit-transform: translate3d(0,9px,0);
-moz-transform: translate3d(0,9px,0);
transform: translate3d(0,9px,0);
}
.open .mobile-button span {
opacity: 0;
}
.open .mobile-button:before {
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);;
transform: rotate3d(0, 0, 1, 45deg);
}
.open .mobile-button:after {
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);;
transform: rotate3d(0, 0, 1, -45deg);
} @media (max-width:1023px) { #main-nav {
position: fixed;
top: 70px;
right: 0;
bottom: 0;
width: 100vw;
background: var(--dark);
color: #fff;
transform: translateX(100%);
transition: transform .3s ease;
z-index: 1000;
display: flex;
flex-direction: column;
overflow: hidden;
}
#site-header.open #main-nav {
transform: translateX(0);
}
body.no-scroll {
overflow: hidden;
}
#main-nav .container.small {
display: flex;
flex-direction: column;
flex: 1 1 auto;
min-height: 0;
}
#main-nav .menu {
position: relative;
margin: 0;
padding: 0;
list-style: none;
flex: 1 1 auto;
overflow: auto;
-webkit-overflow-scrolling: touch;
overflow-x: hidden;
}
#main-nav .sub-menu {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: var(--dark);
margin: 0;
padding: 0;
list-style: none;
transition: left .3s ease;
overflow: auto;
z-index: 9;
}
#main-nav li.open>.sub-menu {
left: 0;
} #main-nav li {
list-style: none;
}
#main-nav a {
display: block;
padding: .7em 1.25rem .7em 0;
color: #fff;
text-decoration: none;
}
#main-nav .sub-menu a {
padding: .7em 0 .5em 0;
} #main-nav .back-btn {
display: block;
padding: 1em 1.25em 1em 0;
color: #fff;
cursor: pointer;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' transform='rotate(-90 12 12)' d='M11.5,3l7.5,7.5v2l-6.5-6.5V21h-2V6L4,12.5v-2L11.5,3Z'/%3E%3C/svg%3E") no-repeat 0 center / 1.5rem auto;
} #main-nav li.menu-item-has-children>a::after {
content: "›";
float: right;
opacity: .6;
} #mega-panel {
display: none !important;
} #main-nav .info-col {
flex: 0 0 auto;
padding: 1rem 0;
background: var(--dark);
border-top: 1px solid rgba(255, 255, 255, .1);
}
#main-nav .info-col span {
display: block;
margin-top: .5rem;
font-size: .8em;
color: #bbb;
}
#main-nav .info-col a {
display: block;
margin: 0;
padding: 0;
color: #fff;
text-decoration: none;
font-size: .9em;
}
} @media (min-width: 1024px) {
#mega-panel,
#menu-main {
display: block;
}
.mobile-button {
display: none;
}
#site-header {
background: var(--dark);
color: #fff;
position: fixed;
z-index: 50;
}
#banner header img {
max-width: 60%;
}
#banner h1 {
max-width: 75%;
}
#main-nav {
position: relative;
}
#main-nav .menu {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 2rem;
list-style: none;
margin: 0;
padding: 22px 0;
}
#main-nav .menu > li {
position: static;
}
#main-nav .menu > li > a {
color: #fff;
text-decoration: none;
} #main-nav .menu > li > .sub-menu {
display: none !important;
} #mega-panel {
position: absolute;
left: 0;
right: 0;
top: 100%;
background: var(--dark);
overflow: hidden;
height: 0;
z-index: 60;
}
#mega-panel.open {
min-height: var(--info-min-h, 320px); }
#mega-inner {
position: relative;
box-sizing: border-box;
padding-right: calc(280px + 2rem + 4rem);
}
#mega-left {
padding: 1em 0 2em 4em;
}
#mega-left ul {
list-style: none;
margin: 0;
padding: 0;
}
#mega-left li {
display: block;
}
#mega-left a {
display: block;
color: #ccc;
text-decoration: none;
padding: .35rem 0;
}
#mega-left li.current-menu-item a,
#mega-left a:hover {
color: #fff;
} #mega-right {
position: absolute;
top: 1.5em;
right: 4rem;
width: 280px;
color: #fff;
font-size: .8em;
}
#mega-right span {
margin: 0 0 .5rem;
font-size: .85em;
color: #bbb;
}
#mega-right a {
display: block;
color: #fff;
text-decoration: none;
margin-bottom: .4rem;
}
#mega-right a:hover {
color: #bbb;
} #main-nav .info-col {
display: none !important;
} #mega-right .info-col {
display: block !important;
} #site-header {
display: flex;
align-items: center;
gap: 2rem;
}
#site-header .logo { flex: 0 0 auto; }
#topmenu { flex: 0 0 auto; }
#main-nav { flex: 1 1 auto; min-width: 0; }
#main-nav .menu { justify-content: flex-end; } #main-nav .menu {
justify-content: flex-end;
padding-right: calc(2% + 200px);
} #topmenu { z-index: 100; }
}
@media (min-width: 1400px) {
#main-nav .menu {
padding-right: calc(2% + 200px);
}
}