@charset "UTF-8";
/*
Theme Name:		Onepress Child DZS
Theme URI:		https://www.druckzentrum.ch/onepress-child-dzs
Description:	Onepress Child Theme for Druckzentrum
Author:			Christian Kempe
Template:		onepress
Version:		1.0.0
*/
/*
Variablen eigene -------------------------------------------------------------*/
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-ExtraLight.ttf") format("truetype");
  font-weight: 100; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-ExtraLight.ttf") format("truetype");
  font-weight: 100;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Light.ttf") format("truetype");
  font-weight: 200; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Light.ttf") format("truetype");
  font-weight: 300; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Regular.ttf") format("truetype");
  font-weight: 400; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Regular.ttf") format("truetype");
  font-weight: 500; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-SemiBold.ttf") format("truetype");
  font-weight: 600; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Bold.ttf") format("truetype");
  font-weight: 700; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 800; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 900; }
@font-face {
  font-family: 'Assistant';
  src: url("assets/fonts/Assistant-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: italic; }
/*
Osterei*/
img.osterei {
  height: 4rem;
  width: auto; }
  @media screen and (max-width: 990px) {
    img.osterei {
      height: 3.5rem; } }
  @media screen and (max-width: 770px) {
    img.osterei {
      max-height: 3rem; } }

img.osterei-ohren {
  height: 6.5rem; }
  @media screen and (max-width: 990px) {
    img.osterei-ohren {
      height: 5rem; } }
  @media screen and (max-width: 770px) {
    img.osterei-ohren {
      max-height: 4.5rem; } }

/*
Schriften, Grössen, Farben ALLGEMEIN -------------------------------------------------------------*/
.onepage-section .container {
  width: 1420px; }
  @media screen and (max-width: 1419px) {
    .onepage-section .container {
      width: 1230px; } }
  @media screen and (max-width: 1240px) {
    .onepage-section .container {
      width: 940px; } }
  @media screen and (max-width: 990px) {
    .onepage-section .container {
      width: 720px; } }
  @media screen and (max-width: 770px) {
    .onepage-section .container {
      width: 100%;
      max-width: 600px; } }

@media screen and (max-width: 1240px) {
  .container {
    width: 940px; } }
@media screen and (max-width: 990px) {
  .container {
    width: 720px; } }
@media screen and (max-width: 770px) {
  .container {
    width: 100%;
    max-width: 600px; } }

#masthead .container {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  max-width: 100%; }

#dzkarte .container {
  width: 100%; }

html {
  font-size: 22px !important; }
  @media screen and (max-width: 990px) {
    html {
      font-size: 18px !important; } }
  @media screen and (max-width: 600px) {
    html {
      font-size: 16px !important; } }

body, button, input, select, textarea {
  font-family: "Assistant", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-size: 1rem;
  color: #111111;
  line-height: 1.3;
  font-weight: 500; }

.breadcrumbs {
  display: none !important; }

h1,
h2,
h3,
h4,
h5,
h6,
.widget-titel {
  font-family: "Assistant", Helvetica, Arial, sans-serif !important;
  font-weight: 900;
  color: #262626; }

h1 {
  text-transform: uppercase;
  text-align: center;
  font-size: 75px !important;
  letter-spacing: 1px !important;
  line-height: 1;
  margin: 100px 0 60px 0; }
  @media screen and (max-width: 1240px) {
    h1 {
      font-size: 60px !important;
      letter-spacing: 1px !important;
      margin: 80px 0 40px 0; } }
  @media screen and (max-width: 990px) {
    h1 {
      font-size: 48px !important;
      letter-spacing: 1px !important;
      margin: 60px 0 30px 0; } }
  @media screen and (max-width: 770px) {
    h1 {
      font-size: 34px !important;
      letter-spacing: 1px !important;
      margin: 40px 0 10px 0; } }
  h1 .dzs-produktgruppe-single {
    margin: 20px 0 60px 0; }
    @media screen and (max-width: 1240px) {
      h1 .dzs-produktgruppe-single {
        margin: 20px 0 40px 0; } }
    @media screen and (max-width: 990px) {
      h1 .dzs-produktgruppe-single {
        margin: 20px 0 30px 0; } }
    @media screen and (max-width: 770px) {
      h1 .dzs-produktgruppe-single {
        margin: 20px 0 10px 0; } }

h2, .widget-titel {
  text-transform: uppercase;
  text-align: center;
  font-size: 60px !important;
  letter-spacing: 1px !important;
  margin: 80px 0 40px 0; }
  @media screen and (max-width: 1240px) {
    h2, .widget-titel {
      font-size: 50px !important;
      letter-spacing: 1px !important;
      margin: 60px 0 25px 0; } }
  @media screen and (max-width: 990px) {
    h2, .widget-titel {
      font-size: 40px !important;
      letter-spacing: 1px !important;
      margin: 40px 0 20px 0; } }
  @media screen and (max-width: 770px) {
    h2, .widget-titel {
      font-size: 30px !important;
      letter-spacing: 1px !important;
      margin: 30px 0 10px 0; } }

h3 {
  text-transform: uppercase;
  font-size: 30px !important;
  letter-spacing: 1px;
  margin-top: 2rem; }
  @media screen and (max-width: 770px) {
    h3 {
      font-size: 22px !important;
      letter-spacing: 1px !important;
      margin: 40px 0 20px 0; } }
  @media screen and (max-width: 600px) {
    h3 {
      font-size: 18px !important;
      letter-spacing: 1px !important;
      margin: 30px 0 10px 0; } }

.wp-block-column > h3:first-of-type {
  margin-top: 0px; }

h4 {
  text-transform: uppercase;
  font-size: 19px;
  font-size: 0.8636363636rem;
  margin-bottom: 12px;
  letter-spacing: 1px; }

h5 {
  text-transform: uppercase;
  font-size: 16px;
  font-size: 0.7272727273rem;
  letter-spacing: 1px; }

h6 {
  text-transform: uppercase;
  font-size: 13px;
  font-size: 0.5909090909rem;
  letter-spacing: 1px; }

.intro {
  font-size: 30px;
  margin-top: 80px; }
  @media screen and (max-width: 1240px) {
    .intro {
      font-size: 24px;
      margin-top: 60px; } }
  @media screen and (max-width: 990px) {
    .intro {
      font-size: 22px;
      margin-top: 40px; } }
  @media screen and (max-width: 770px) {
    .intro {
      font-size: 20px;
      margin-top: 20px; } }

.intro + .wp-block-columns {
  margin-top: 80px; }

.section-padding {
  padding: 2rem 0; }
  @media screen and (max-width: 770px) {
    .section-padding {
      padding: 1rem 0; } }

.footer-widgets.section-padding {
  padding: 2rem 0; }
  @media screen and (max-width: 770px) {
    .footer-widgets.section-padding {
      padding: 1rem 0; } }

.entry-header .entry-title {
  font-family: "Assistant", Helvetica, Arial, sans-serif !important;
  font-size: 40px !important; }
  @media screen and (min-width: 991px) {
    .entry-header .entry-title {
      font-size: 50px !important; } }

.site-branding .site-title,
.site-branding .site-text-logo {
  font-family: "Assistant", Helvetica, Arial, sans-serif !important; }

.onepress-menu a {
  font-family: "Assistant", Helvetica, Arial, sans-serif !important; }

.section-desc {
  font-size: 22px;
  font-size: 1rem; }

table th {
  font-size: 22px !important;
  letter-spacing: 0.5px !important; }

.btn {
  font-size: 14px;
  font-size: 0.6363636364rem;
  letter-spacing: 0.5px !important; }

.btn-lg {
  font-size: 18px;
  font-size: 0.8181818182rem; }

b,
strong {
  font-weight: 700; }

.section-meta {
  background-color: #ffffff; }

a {
  color: #111111;
  text-decoration: underline; }

input.search-submit {
  background-color: #111111; }

.footer-widgets {
  background-color: #111111;
  letter-spacing: 0.5px;
  font-weight: 600; }
  .footer-widgets p {
    color: #ffffff; }
  .footer-widgets h2 {
    font-size: 60px !important;
    color: #ffffff;
    margin-bottom: 0; }
    @media screen and (max-width: 1240px) {
      .footer-widgets h2 {
        font-size: 60px !important;
        letter-spacing: 1px !important; } }
    @media screen and (max-width: 990px) {
      .footer-widgets h2 {
        font-size: 48px !important;
        letter-spacing: 1px !important; } }
    @media screen and (max-width: 770px) {
      .footer-widgets h2 {
        font-size: 48px !important;
        letter-spacing: 1px !important; } }
    @media screen and (max-width: 600px) {
      .footer-widgets h2 {
        font-size: 34px !important;
        letter-spacing: 1px !important; } }
  .footer-widgets .social {
    display: none;
    text-align: center; }
    .footer-widgets .social img {
      padding: 20px 20px; }
  .footer-widgets .footer-logos {
    margin-top: 40px;
    text-align: center; }
    .footer-widgets .footer-logos img {
      width: 20%;
      margin: 0px 20px 0px 20px; }
      @media screen and (max-width: 990px) {
        .footer-widgets .footer-logos img {
          width: 30%;
          margin-bottom: 20px; } }

.site-info {
  background-color: #111111 !important;
  font-size: 18px;
  color: #ffffff !important; }
  @media screen and (max-width: 770px) {
    .site-info {
      font-size: 16px !important; } }
  .site-info a {
    text-decoration: none !important;
    color: #ffffff !important; }
    .site-info a .fa {
      color: #111111 !important; }
  .site-info .btt {
    position: fixed;
    bottom: 70px;
    right: 50px;
    z-index: 99; }
    .site-info .btt a {
      border: solid 3px #111111;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg); }
      .site-info .btt a i {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 36px;
        line-height: 20px;
        margin: 0;
        visibility: visible !important; }
        .site-info .btt a i:before {
          display: inline-block; }
    @media screen and (max-width: 1240px) {
      .site-info .btt {
        right: 0px; } }

.footer-widget.widget p {
  color: #ffffff !important;
  text-align: center; }
  .footer-widget.widget p a {
    color: #ffffff !important; }

.entry-content .navigation-anker {
  width: 100%;
  text-align: center; }
  .entry-content .navigation-anker li {
    display: inline-block;
    margin: 0 !important;
    color: #ffffff !important;
    background-color: #111111;
    border: solid 3px #ffffff;
    padding: 5px 10px 5px 10px; }
    .entry-content .navigation-anker li:hover {
      color: #111111 !important;
      background-color: #ffffff;
      border: solid 3px #111111; }
      .entry-content .navigation-anker li:hover a {
        color: #111111 !important; }
    .entry-content .navigation-anker li a {
      color: #ffffff !important;
      text-decoration: none; }
  .entry-content .navigation-anker li.aktuell {
    color: #111111 !important;
    background-color: #ffffff;
    border: solid 3px #111111; }

.anker {
  margin: 0; }

.mehr-button {
  text-align: left;
  display: inline-block;
  color: #ffffff !important;
  background-color: #111111;
  border: solid 3px #ffffff;
  padding: 5px 10px 5px 10px; }
  .mehr-button:hover {
    color: #111111 !important;
    background-color: #ffffff;
    border: solid 3px #111111; }
    .mehr-button:hover a {
      color: #111111 !important; }
  .mehr-button a {
    color: #ffffff !important;
    text-decoration: none; }

ul.taxonomie {
  text-align: center;
  padding-left: 0;
  margin-bottom: 2em; }

.tax-produktgruppe .dzs-produkt-header h1, .post-type-archive-produktbeispiele .dzs-produkt-header h1 {
  margin-bottom: 0.5em;
  margin-top: 0; }

.dzs-produkt-header h1 {
  margin-top: 2rem; }

.single-dzs_produkt .page-header, .error404 .page-header, .search-results .page-header, .search-no-results .page-header {
  display: none; }

.entry-content ul {
  padding-left: 0; }

.entry-content li {
  margin-left: 1em !important; }

.block-columns-margin {
  margin-top: 100px; }

/* Section Titel */
.section-title-area .section-title, .section-title-area.section-title {
  font-size: 75px !important;
  letter-spacing: 1px !important;
  margin: 100px 0 60px 0; }
  @media screen and (max-width: 1240px) {
    .section-title-area .section-title, .section-title-area.section-title {
      font-size: 60px !important;
      letter-spacing: 1px !important;
      margin: 80px 0 40px 0; } }
  @media screen and (max-width: 990px) {
    .section-title-area .section-title, .section-title-area.section-title {
      font-size: 48px !important;
      letter-spacing: 1px !important;
      margin: 40px 0 30px 0; } }
  @media screen and (max-width: 770px) {
    .section-title-area .section-title, .section-title-area.section-title {
      font-size: 48px !important;
      letter-spacing: 1px !important;
      margin: 40px 0 20px 0; } }
  @media screen and (max-width: 600px) {
    .section-title-area .section-title, .section-title-area.section-title {
      font-size: 34px !important;
      letter-spacing: 1px !important;
      margin: 40px 0 20px 0; } }

.section-dzintro p {
  font-size: 30px;
  width: 85%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1240px) {
    .section-dzintro p {
      font-size: 24px;
      margin-top: 60px; } }
  @media screen and (max-width: 990px) {
    .section-dzintro p {
      font-size: 22px;
      margin-top: 40px; } }
  @media screen and (max-width: 770px) {
    .section-dzintro p {
      font-size: 20px;
      margin-top: 20px; } }

.section-dzteam {
  text-align: left; }
  .section-dzteam h4 {
    text-transform: none;
    font-size: 22px; }
    @media screen and (min-width: 1241px) {
      .section-dzteam h4 {
        font-size: 30px; } }
    @media screen and (min-width: 1420px) {
      .section-dzteam h4 {
        font-size: 34px; } }
  @media screen and (min-width: 1241px) {
    .section-dzteam .wp-block-image img {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      -o-filter: grayscale(100%);
      filter: grayscale(100%);
      opacity: 1; } }
  @media screen and (min-width: 1241px) {
    .section-dzteam .wp-block-image img:hover {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      opacity: 1;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; } }

/* Section: Hero */
@media screen and (max-height: 500px) {
  .video-hero > .container {
    height: 100vh; } }

.hero__content {
  height: 30vh;
  margin-top: 0px !important;
  font-size: 16px;
  font-size: 0.7272727273rem; }
  .hero__content h1, .hero__content h2, .hero__content h3, .hero__content h4, .hero__content h5, .hero__content h6 {
    letter-spacing: 1px !important;
    text-transform: uppercase; }
  .hero__content h3 {
    font-size: 16px; }
    @media screen and (min-width: 601px) {
      .hero__content h3 {
        font-size: 22px; } }

/* Hero Content Style 2. */
.hero-content-style2 h1 {
  font-size: 50px;
  font-size: 2.2727272727rem;
  letter-spacing: 1px !important; }

/* Hero Text Style1. */
.hero-content-style1 h2 {
  margin: 0px !important;
  font-size: 50px;
  letter-spacing: 1px !important; }
  @media screen and (min-width: 771px) {
    .hero-content-style1 h2 {
      font-size: 70px !important;
      letter-spacing: 1px !important; } }
  @media screen and (min-width: 1241px) {
    .hero-content-style1 h2 {
      font-size: 100px !important;
      letter-spacing: 1px !important; } }
.hero-content-style1 p {
  font-size: 16px !important;
  font-style: normal !important;
  letter-spacing: 0.5px !important; }
  @media screen and (min-width: 991px) {
    .hero-content-style1 p {
      font-size: 18px !important; } }
  @media screen and (min-width: 1241px) {
    .hero-content-style1 p {
      font-size: 22px !important; } }

.feature-item {
  text-align: center;
  -webkit-box-flex: 0 !important;
  flex: 0 0 25% !important;
  max-width: 25% !important; }
  .feature-item .fa-5x {
    font-size: 4em; }
  .feature-item h4 {
    font-size: 22px; }
    @media screen and (min-width: 1241px) {
      .feature-item h4 {
        font-size: 30px; } }
    @media screen and (min-width: 1420px) {
      .feature-item h4 {
        font-size: 34px; } }
    @media screen and (max-width: 990px) {
      .feature-item h4 {
        margin: 0; } }
  .feature-item p {
    padding: 0 5px 0 5px; }
    @media screen and (min-width: 1420px) {
      .feature-item p {
        padding: 0 10px 0 10px; } }
    .feature-item p .feature-titel {
      display: inline-block;
      font-weight: 900;
      line-height: 1.1;
      color: #262626;
      text-transform: uppercase;
      margin-bottom: 12px;
      letter-spacing: 1px;
      font-size: 22px; }
      @media screen and (min-width: 1241px) {
        .feature-item p .feature-titel {
          font-size: 30px; } }
      @media screen and (min-width: 1420px) {
        .feature-item p .feature-titel {
          font-size: 34px; } }
  .feature-item .feature-media .icon-image {
    display: inline-block;
    width: 100%; }
    @media screen and (min-width: 1241px) {
      .feature-item .feature-media .icon-image img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 1; } }
    @media screen and (min-width: 1241px) {
      .feature-item .feature-media .icon-image img:hover {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; } }
    @media screen and (max-width: 990px) {
      .feature-item .feature-media .icon-image {
        width: 70%; } }
  @media screen and (max-width: 990px) {
    .feature-item .feature-media {
      margin-bottom: 0; } }
  @media screen and (max-width: 990px) {
    .feature-item {
      flex: 0 0 50% !important;
      max-width: 50% !important;
      margin-top: 30px; } }
  @media screen and (max-width: 600px) {
    .feature-item {
      flex: 0 0 100% !important;
      max-width: 80% !important;
      margin-left: auto;
      margin-right: auto;
      margin-top: 30px; } }

.mehr {
  display: inline-block;
  margin-top: 10px;
  width: 40px;
  height: 40px;
  font-size: 22px; }
  .mehr a {
    display: inline-block;
    bottom: -10px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: solid 2px #111111;
    text-decoration: none; }
    .mehr a:hover {
      background-color: #111111;
      color: #ffffff; }
    .mehr a::before {
      display: inline-block;
      font-family: 'FontAwesome';
      font-weight: normal;
      content: '\f101'; }

.feature-item .mehr a::before {
  padding-top: 4px;
  padding-left: 6px; }

/* Section: Clients
------------------------------*/
.client-col {
  padding: 35px 0px; }
  @media screen and (max-width: 990px) {
    .client-col {
      width: 25% !important;
      padding: 35px 10px; }
      .client-col:nth-child(3n) {
        width: 25% !important; } }
  @media screen and (max-width: 600px) {
    .client-col {
      width: 50% !important;
      padding: 25px 10px; }
      .client-col:nth-child(3n) {
        width: 50% !important; } }

/* Section: Services
------------------------------*/
.section-services .service-item .service-content p {
  font-size: 22px !important; }

/* Section: Team */
.team-member .member-name {
  letter-spacing: 0.5px !important; }
.team-member .member-position {
  font-size: 14px !important;
  letter-spacing: 0.5px !important; }

/* Section: Contact
------------------------------*/
.section-contact .address-contact .fa-inverse {
  font-size: 14px !important; }

.wpcf7-form {
  font-size: 14px !important;
  letter-spacing: 0.5px !important; }

/* Menü */
.onepress-menu a {
  font-family: "Assistant", Helvetica, Arial, sans-serif;
  font-size: 18px !important;
  letter-spacing: 0.5px !important; }

/* Section: dzprodukte
------------------------------*/
#dzprodukte .produkt-titel-mobile {
  width: 100%;
  height: 60px;
  margin: 0 !important;
  color: #ffffff !important;
  background-color: #111111;
  border: solid 3px #ffffff;
  font-size: 22px !important;
  padding: 15px 10px 0px 10px;
  cursor: pointer; }
  #dzprodukte .produkt-titel-mobile:hover {
    color: #111111 !important;
    background-color: #ffffff;
    border: solid 3px #111111; }
  #dzprodukte .produkt-titel-mobile::before {
    display: inline-block;
    float: right;
    font-family: 'FontAwesome';
    font-weight: normal;
    content: '\f103'; }
  @media screen and (min-width: 991px) {
    #dzprodukte .produkt-titel-mobile {
      display: none; } }
#dzprodukte .produkt-titel-mobile.prodliste-aufgeklappt {
  color: #111111 !important;
  background-color: #ffffff;
  border: solid 3px #111111; }
  #dzprodukte .produkt-titel-mobile.prodliste-aufgeklappt::before {
    content: '\f102'; }
#dzprodukte .produkt-titel ul {
  padding: 0;
  margin-bottom: 0; }
#dzprodukte .produkt-titel li {
  width: 20%;
  height: 45px;
  display: inline-block;
  margin: 0 !important;
  color: #ffffff !important;
  background-color: #111111;
  border: solid 3px #ffffff;
  border-bottom: none;
  padding: 7px 10px 5px 10px;
  cursor: pointer; }
  #dzprodukte .produkt-titel li:hover {
    color: #111111 !important;
    background-color: #ffffff;
    border: solid 3px #111111; }
  #dzprodukte .produkt-titel li::before {
    display: inline-block;
    float: right;
    font-family: 'FontAwesome';
    font-weight: normal;
    content: '\f103'; }
#dzprodukte .produkt-titel li.prodliste-open {
  color: #111111 !important;
  background-color: #ffffff;
  border: solid 3px #111111;
  border-bottom: none; }
  #dzprodukte .produkt-titel li.prodliste-open::before {
    content: '\f102'; }
@media screen and (max-width: 990px) {
  #dzprodukte .produkt-titel {
    display: none; } }
#dzprodukte .produkte-home {
  display: none;
  padding: 20px;
  border: solid 3px #111111;
  border-top: none;
  width: 100%;
  float: left; }
  #dzprodukte .produkte-home .ul-gruppe {
    display: block; }
  #dzprodukte .produkte-home ul {
    width: 25%;
    float: left;
    list-style-type: none;
    padding-left: 0; }
  @media screen and (max-width: 990px) {
    #dzprodukte .produkte-home {
      border: none;
      padding: 0;
      display: block; }
      #dzprodukte .produkte-home .ul-gruppe {
        display: none;
        width: 100%; }
        #dzprodukte .produkte-home .ul-gruppe .wp-block-group {
          width: 50%;
          float: left; }
          #dzprodukte .produkte-home .ul-gruppe .wp-block-group ul {
            width: 100%;
            margin-bottom: 0; }
            #dzprodukte .produkte-home .ul-gruppe .wp-block-group ul li {
              margin-bottom: 0; }
            #dzprodukte .produkte-home .ul-gruppe .wp-block-group ul:nth-of-type(2) {
              margin-bottom: 20px; } }
  @media screen and (max-width: 600px) {
    #dzprodukte .produkte-home {
      border: none;
      padding: 0;
      display: block; }
      #dzprodukte .produkte-home .ul-gruppe {
        display: none;
        width: 100%; }
        #dzprodukte .produkte-home .ul-gruppe .wp-block-group {
          width: 100%;
          float: left; }
          #dzprodukte .produkte-home .ul-gruppe .wp-block-group ul {
            width: 100%;
            margin-bottom: 0; }
            #dzprodukte .produkte-home .ul-gruppe .wp-block-group ul li {
              margin-bottom: 0; }
            #dzprodukte .produkte-home .ul-gruppe .wp-block-group ul:nth-of-type(2) {
              margin-bottom: 0; }
        #dzprodukte .produkte-home .ul-gruppe:last-of-type .wp-block-group:last-of-type ul:last-of-type li:last-of-type {
          margin-bottom: 20px; } }
#dzprodukte .produkte-home.prodliste-open {
  display: block; }

.dzprodukte-home {
  width: 50%;
  float: left; }
  .dzprodukte-home ul {
    width: 50%;
    float: left;
    list-style-type: none;
    padding-left: 0; }

/* Section: dzkarte
------------------------------*/
.section-dzkarte {
  padding-bottom: 0;
  width: 100%; }
  .section-dzkarte .container {
    padding: 0; }
    .section-dzkarte .container .map-kontakt {
      width: 100%;
      height: 60vh; }
      @media screen and (max-height: 500px) {
        .section-dzkarte .container .map-kontakt {
          height: 90vh; } }
      .section-dzkarte .container .map-kontakt iframe {
        width: 100%;
        height: 100%; }

/* Footer
------------------------------*/
.site-footer {
  font-size: 24px !important; }
  @media screen and (max-width: 770px) {
    .site-footer {
      font-size: 16px !important; } }
  .site-footer p.calltoaction {
    font-size: 1.5rem;
    font-weight: 700;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff !important; }
    @media screen and (max-width: 770px) {
      .site-footer p.calltoaction {
        font-size: 24px; } }
    @media screen and (max-width: 600px) {
      .site-footer p.calltoaction {
        font-size: 16px; } }
  @media screen and (max-width: 770px) {
    .site-footer a {
      font-size: 16px !important; } }
  .site-footer p.taxiblock {
    margin-top: 40px; }
  .site-footer .footer-social {
    text-align: center; }
    .site-footer .footer-social a {
      font-size: 30px !important; }

@media (min-width: 576px) and (max-width: 781px) {
  .col-md-3 {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%; } }

/*
WEITERE EINSTELLUNGEN --------------------------------------------------*/
.productclear {
  clear: both;
  height: 4rem; }

@media screen and (min-width: 1241px) {
  .page-template-template-fullwidth .wp-block-image img, .archive .wp-block-image img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 1; } }

@media screen and (min-width: 1241px) {
  .page-template-template-fullwidth .wp-block-image img:hover, .archive .wp-block-image img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; } }

/* Page: Header Logo
------------------------------*/
#masthead {
  height: 100px; }
  @media screen and (max-width: 1240px) {
    #masthead {
      height: 70px; } }

#nav-toggle {
  margin-right: 15px; }
  @media screen and (max-width: 600px) {
    #nav-toggle {
      margin-right: 0; } }

.site-branding .site-brand-inner .site-logo-div {
  position: absolute;
  width: 100%;
  left: 0;
  top: 10px;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in; }

.site-branding .site-logo-div {
  text-align: center;
  font-family: "Assistant", Helvetica, Arial, sans-serif;
  font-weight: 800;
  font-size: 35px;
  line-height: 20px; }

.site-branding .site-logo-div {
  color: #ffffff; }

.site-logo-div svg {
  width: 160px;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in; }
  @media screen and (max-width: 1240px) {
    .site-logo-div svg {
      width: 100px;
      margin-top: 0px; } }

.site-logo-div svg .st0 {
  fill: #111111; }

.home .no-scroll .site-logo-div {
  top: 20vh;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in; }
  .home .no-scroll .site-logo-div svg {
    width: 360px; }
    @media screen and (max-width: 1240px) {
      .home .no-scroll .site-logo-div svg {
        width: 160px; } }
    @media screen and (max-width: 600px) {
      .home .no-scroll .site-logo-div svg {
        width: 100px; } }
  @media screen and (max-width: 1240px) {
    .home .no-scroll .site-logo-div {
      top: 20vh; } }
  @media screen and (max-width: 600px) {
    .home .no-scroll .site-logo-div {
      top: 10px; } }

.home .no-scroll .site-logo-div svg .st0 {
  fill: #ffffff; }

/* Page: Navigation
------------------------------*/
.site-header {
  box-shadow: none; }

.main-navigation {
  position: static; }

#nav-toggle {
  display: block !important; }
  #nav-toggle:before, #nav-toggle:after {
    color: #111111; }

.main-navigation .onepress-menu {
  max-width: 600px;
  width: 100% !important;
  display: block;
  height: 0px;
  overflow: hidden;
  background: #ffffff; }

.onepress-menu, .onepress-menu.onepress-menu-mobile {
  position: absolute;
  top: 75px;
  right: 0;
  width: 100%;
  z-index: 800;
  overflow: auto !important; }
  .onepress-menu > li > a, .onepress-menu.onepress-menu-mobile > li > a {
    padding: 12px 20px; }
    @media screen and (max-width: 600px) {
      .onepress-menu > li > a, .onepress-menu.onepress-menu-mobile > li > a {
        padding: 12px 0px; } }
  .onepress-menu ul, .onepress-menu.onepress-menu-mobile ul {
    background-color: #ffffff;
    box-shadow: none;
    border: none;
    display: block;
    padding-bottom: 0;
    position: relative;
    left: 0px;
    height: 100%; }
    @media screen and (max-height: 1050px) {
      .onepress-menu ul, .onepress-menu.onepress-menu-mobile ul {
        display: none; } }
  .onepress-menu li a, .onepress-menu.onepress-menu-mobile li a {
    padding: 12px 35px;
    border-top: none;
    line-height: 20px;
    color: #ffffff;
    background-color: #111111;
    border-bottom: 3px solid #ffffff; }
    .onepress-menu li a:hover, .onepress-menu.onepress-menu-mobile li a:hover {
      color: #ffffff !important; }
    @media screen and (max-width: 600px) {
      .onepress-menu li a, .onepress-menu.onepress-menu-mobile li a {
        padding: 12px 15px; } }
  .onepress-menu li ul li a, .onepress-menu.onepress-menu-mobile li ul li a {
    padding: 12px 70px;
    border-top: none;
    color: #111111;
    background-color: #ffffff;
    border-bottom: none; }
    .onepress-menu li ul li a:hover, .onepress-menu.onepress-menu-mobile li ul li a:hover {
      color: #111111 !important; }
    @media screen and (max-width: 600px) {
      .onepress-menu li ul li a, .onepress-menu.onepress-menu-mobile li ul li a {
        padding: 12px 20px; } }
  .onepress-menu li, .onepress-menu.onepress-menu-mobile li {
    width: 100% !important; }
    .onepress-menu li:hover ul, .onepress-menu.onepress-menu-mobile li:hover ul {
      display: block !important; }
    @media screen and (max-height: 1050px) {
      .onepress-menu li:hover ul, .onepress-menu.onepress-menu-mobile li:hover ul {
        display: none !important; } }
  @media screen and (max-height: 1050px) {
    .onepress-menu li.nav-toggle-dropdown:hover ul, .onepress-menu.onepress-menu-mobile li.nav-toggle-dropdown:hover ul {
      display: block !important; } }
  .onepress-menu a, .onepress-menu.onepress-menu-mobile a {
    color: #111111; }
  .onepress-menu .nav-toggle-subarrow, .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 20px;
    line-height: 20px;
    z-index: 10;
    color: #ffffff;
    font-weight: normal;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    border: none; }
    .onepress-menu .nav-toggle-subarrow .fa-angle-down:before, .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow .fa-angle-down:before {
      content: "\f103" !important; }
    @media screen and (max-height: 1050px) {
      .onepress-menu .nav-toggle-subarrow, .onepress-menu.onepress-menu-mobile .nav-toggle-subarrow {
        display: block; } }
  .onepress-menu .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before, .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > .nav-toggle-subarrow .fa-angle-down:before {
    content: "\f102" !important; }
  .onepress-menu .nav-toggle-dropdown > ul, .onepress-menu.onepress-menu-mobile .nav-toggle-dropdown > ul {
    display: block !important; }

/* Page: Sticky
------------------------------*/
#newsletter, #kontaktcall {
  position: relative;
  display: block;
  width: 680px;
  min-height: 600px;
  padding: 20px 20px 50px 50px;
  margin: 100px auto 0 auto;
  background-color: #ffffff;
  color: #111111 !important;
  text-align: center; }
  #newsletter span.schliessen, #kontaktcall span.schliessen {
    font-size: 18px;
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    line-height: 1px;
    cursor: pointer; }
    #newsletter span.schliessen:before, #kontaktcall span.schliessen:before {
      display: inline-block;
      height: 3px;
      width: 24px;
      background-color: #111111;
      content: "";
      -webkit-transform: translateX(4px) translateY(3px) rotate(45deg);
      -moz-transform: translateX(4px) translateY(3px) rotate(45deg);
      -ms-transform: translateX(4px) translateY(3px) rotate(45deg);
      -o-transform: translateX(4px) translateY(3px) rotate(45deg);
      transform: translateX(4px) translateY(3px) rotate(45deg); }
    #newsletter span.schliessen:after, #kontaktcall span.schliessen:after {
      display: inline-block;
      height: 3px;
      width: 24px;
      background-color: #111111;
      content: "";
      -webkit-transform: translateX(4px) translateY(-5px) rotate(-45deg);
      -moz-transform: translateX(4px) translateY(-5px) rotate(-45deg);
      -ms-transform: translateX(4px) translateY(-5px) rotate(-45deg);
      -o-transform: translateX(4px) translateY(-5px) rotate(-45deg);
      transform: translateX(4px) translateY(-5px) rotate(-45deg); }
  #newsletter h3, #kontaktcall h3 {
    margin-top: 30px;
    padding-right: 30px;
    font-size: 50px !important;
    color: #111111 !important; }
    @media screen and (max-width: 770px) {
      #newsletter h3, #kontaktcall h3 {
        font-size: 34px !important; } }
  #newsletter p, #kontaktcall p {
    padding-right: 30px; }
    @media screen and (max-width: 600px) {
      #newsletter p, #kontaktcall p {
        padding-right: 10px; } }
  #newsletter p.adresse, #kontaktcall p.adresse {
    color: #111111 !important;
    font-size: 22px; }
    @media screen and (max-width: 770px) {
      #newsletter p.adresse, #kontaktcall p.adresse {
        font-size: 18px !important; } }
  #newsletter p.calltoaction, #kontaktcall p.calltoaction {
    color: #111111 !important;
    font-size: 33px; }
    @media screen and (max-width: 770px) {
      #newsletter p.calltoaction, #kontaktcall p.calltoaction {
        font-size: 27px; } }
  #newsletter .anabradio, #kontaktcall .anabradio {
    padding-right: 30px; }
    @media screen and (max-width: 600px) {
      #newsletter .anabradio, #kontaktcall .anabradio {
        padding-right: 10px; } }
  #newsletter label span, #kontaktcall label span {
    font-size: 22px; }
  #newsletter p label, #kontaktcall p label {
    color: #111111 !important;
    text-align: left;
    width: 100%; }
    #newsletter p label span, #kontaktcall p label span {
      display: none; }
    #newsletter p label input[type="email"], #newsletter p label input[name="FNAME"], #newsletter p label input[name="LNAME"], #kontaktcall p label input[type="email"], #kontaktcall p label input[name="FNAME"], #kontaktcall p label input[name="LNAME"] {
      display: inline-block;
      padding: 10px;
      width: 100%;
      border: 3px solid #111111;
      background-color: #ffffff;
      font-size: 22px; }
  #newsletter p input[type="submit"], #kontaktcall p input[type="submit"] {
    width: 100%;
    color: #ffffff;
    background-color: #111111;
    font-size: 22px;
    border: 3px solid #111111; }
    #newsletter p input[type="submit"]:hover, #kontaktcall p input[type="submit"]:hover {
      background-color: #262626; }
  #newsletter p.datenschutz, #kontaktcall p.datenschutz {
    font-size: 16px; }
  @media screen and (max-width: 1240px) {
    #newsletter, #kontaktcall {
      margin-top: 100px; } }
  @media screen and (max-width: 770px) {
    #newsletter, #kontaktcall {
      width: 500px;
      min-height: 550px; }
      #newsletter p label, #newsletter label span, #kontaktcall p label, #kontaktcall label span {
        font-size: 16px; }
        #newsletter p label input[type="email"], #newsletter p label input[name="FNAME"], #newsletter p label input[name="LNAME"], #newsletter label span input[type="email"], #newsletter label span input[name="FNAME"], #newsletter label span input[name="LNAME"], #kontaktcall p label input[type="email"], #kontaktcall p label input[name="FNAME"], #kontaktcall p label input[name="LNAME"], #kontaktcall label span input[type="email"], #kontaktcall label span input[name="FNAME"], #kontaktcall label span input[name="LNAME"] {
          font-size: 16px; } }
  @media screen and (max-width: 600px) {
    #newsletter, #kontaktcall {
      width: 90%;
      min-height: 550px;
      padding: 10px 10px 10px 10px; } }

#newsletterbg, #kontaktcallbg {
  position: fixed;
  display: block;
  width: 0;
  height: 100vh;
  z-index: 305;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.8); }
  #newsletterbg #newslettercontainer, #newsletterbg #kontaktcallcontainer, #kontaktcallbg #newslettercontainer, #kontaktcallbg #kontaktcallcontainer {
    height: 100%;
    overflow-y: scroll; }

#stickyseite {
  position: fixed;
  display: block;
  width: 320px;
  height: 50px;
  z-index: 301;
  top: 40vh;
  right: 0px;
  -webkit-transform: translateX(140px) translateY(25px) rotate(-90deg);
  -moz-transform: translateX(140px) translateY(25px) rotate(-90deg);
  -ms-transform: translateX(140px) translateY(25px) rotate(-90deg);
  -o-transform: translateX(140px) translateY(25px) rotate(-90deg);
  transform: translateX(140px) translateY(25px) rotate(-90deg); }
  @media screen and (max-width: 1240px) {
    #stickyseite {
      top: 30vh;
      height: 40px; } }
  @media screen and (max-width: 770px) {
    #stickyseite {
      top: 120px;
      width: 110px;
      height: 50px;
      -webkit-transform: translateX(30px) translateY(0px) rotate(-90deg);
      -moz-transform: translateX(30px) translateY(0px) rotate(-90deg);
      -ms-transform: translateX(30px) translateY(0px) rotate(-90deg);
      -o-transform: translateX(30px) translateY(0px) rotate(-90deg);
      transform: translateX(30px) translateY(0px) rotate(-90deg); } }
  #stickyseite #newsletterbtn, #stickyseite #kontaktbtn {
    background-color: #111111;
    cursor: pointer;
    display: inline-block;
    padding-top: 12px;
    width: 50%;
    height: 100%;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px; }
    @media screen and (max-width: 1240px) {
      #stickyseite #newsletterbtn, #stickyseite #kontaktbtn {
        font-size: 18px !important;
        padding-top: 7px; } }
    @media screen and (max-width: 770px) {
      #stickyseite #newsletterbtn, #stickyseite #kontaktbtn {
        width: 50px;
        padding-top: 15px;
        background-color: rgba(17, 17, 17, 0.8); }
        #stickyseite #newsletterbtn .text, #stickyseite #kontaktbtn .text {
          display: none; }
        #stickyseite #newsletterbtn:after, #stickyseite #kontaktbtn:after {
          display: inline-block;
          font-family: 'FontAwesome';
          font-weight: normal; } }
  #stickyseite #kontaktbtn {
    border-right: solid 3px #ffffff; }
    @media screen and (max-width: 770px) {
      #stickyseite #kontaktbtn {
        border-right: none;
        margin-right: 10px; }
        #stickyseite #kontaktbtn:after {
          font-size: 33px;
          content: "\f095";
          -webkit-transform: translateX(0px) translateY(0px) rotate(90deg);
          -moz-transform: translateX(0px) translateY(0px) rotate(90deg);
          -ms-transform: translateX(0px) translateY(0px) rotate(90deg);
          -o-transform: translateX(0px) translateY(0px) rotate(90deg);
          transform: translateX(0px) translateY(0px) rotate(90deg); } }
  @media screen and (max-width: 770px) {
    #stickyseite #newsletterbtn:after {
      font-size: 26px;
      content: "\f2b6";
      -webkit-transform: translateX(0px) translateY(0px) rotate(90deg);
      -moz-transform: translateX(0px) translateY(0px) rotate(90deg);
      -ms-transform: translateX(0px) translateY(0px) rotate(90deg);
      -o-transform: translateX(0px) translateY(0px) rotate(90deg);
      transform: translateX(0px) translateY(0px) rotate(90deg); } }

#stickyseite.versteckt {
  display: none; }

#newsletterbg.sticky-open, #kontaktcallbg.sticky-open {
  animation: newslettereinblenden 0.3s;
  animation-timing-function: linear;
  width: 100vw; }

@keyframes newslettereinblenden {
  0% {
    width: 0; }
  100% {
    width: 100vw; } }
#newsletterbg.sticky-closed, #kontaktcallbg.sticky-closed {
  animation: newsletterausblenden 0.3s;
  animation-timing-function: linear;
  width: 0; }

@keyframes newsletterausblenden {
  0% {
    width: 100vw; }
  100% {
    width: 0; } }
/* Page: Gutenberg Columns
------------------------------*/
.wp-block-columns {
  justify-content: center; }
  .wp-block-columns .wp-block-column {
    flex-basis: calc(50% - 16px) !important;
    flex-grow: 0; }
    .wp-block-columns .wp-block-column:nth-child(2n) {
      margin-left: 32px !important; }
    @media screen and (max-width: 600px) {
      .wp-block-columns .wp-block-column {
        flex-basis: 100% !important;
        flex-grow: 0;
        margin-left: 0 !important; }
        .wp-block-columns .wp-block-column:nth-child(2n) {
          margin-left: 0px !important; } }

@media screen and (max-width: 600px) {
  .wp-block-columns.bildrechts {
    flex-direction: column-reverse; } }

/* Team Homepage
---------------------------------*/
.section-dzteam .wp-block-column {
  flex-basis: 33% !important;
  flex-grow: 0; }
  @media screen and (max-width: 770px) {
    .section-dzteam .wp-block-column {
      flex-basis: calc(50% - 16px) !important;
      flex-grow: 0; } }
  @media screen and (max-width: 600px) {
    .section-dzteam .wp-block-column {
      flex-basis: 100% !important;
      flex-grow: 0;
      margin-left: 0; } }

/* Produkte
---------------------------------*/
video.product-video, figure.product-figure {
  margin: 0;
  padding: 0 0 0 10px;
  display: block;
  position: relative;
  height: 311px;
  width: 555px;
  object-fit: cover;
  float: left;
  cursor: pointer; }
  video.product-video img, figure.product-figure img {
    object-fit: cover;
    height: 100%;
    width: 100%; }
    @media screen and (min-width: 1241px) {
      video.product-video img, figure.product-figure img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 1; } }
    @media screen and (min-width: 1241px) {
      video.product-video img:hover, figure.product-figure img:hover {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -ms-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
        opacity: 1;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; } }
  @media screen and (max-width: 1240px) {
    video.product-video, figure.product-figure {
      width: 455px;
      height: 253px; } }
  @media screen and (max-width: 990px) {
    video.product-video, figure.product-figure {
      padding: 0;
      width: 690px;
      min-height: 386px; }
      video.product-video .wp-block-group__inner-container, figure.product-figure .wp-block-group__inner-container {
        min-height: 386px; } }
  @media screen and (max-width: 770px) {
    video.product-video, figure.product-figure {
      padding: 0;
      width: 570px;
      min-height: 319px; }
      video.product-video .wp-block-group__inner-container, figure.product-figure .wp-block-group__inner-container {
        min-height: 319px; } }
  @media screen and (max-width: 600px) {
    video.product-video, figure.product-figure {
      padding: 0;
      width: 100%;
      min-height: 56vw; }
      video.product-video .wp-block-group__inner-container, figure.product-figure .wp-block-group__inner-container {
        min-height: 56vw; } }

.product-split {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  margin: 30px 0;
  float: left; }

.product-text {
  display: block;
  position: relative;
  width: 555px;
  float: left; }
  .product-text .wp-block-group__inner-container {
    min-height: calc(311px - 20px);
    display: block;
    position: relative;
    padding-bottom: 20px;
    margin: 0px;
    color: #111111 !important;
    background-color: #ffffff; }
    .product-text .wp-block-group__inner-container h1, .product-text .wp-block-group__inner-container h2, .product-text .wp-block-group__inner-container h3, .product-text .wp-block-group__inner-container h4, .product-text .wp-block-group__inner-container h5, .product-text .wp-block-group__inner-container h6, .product-text .wp-block-group__inner-container p, .product-text .wp-block-group__inner-container li, .product-text .wp-block-group__inner-container a {
      color: #111111 !important; }
    .product-text .wp-block-group__inner-container h3 {
      margin-top: 0px; }
    .product-text .wp-block-group__inner-container .product-infos {
      display: none; }
      .product-text .wp-block-group__inner-container .product-infos .wp-block-group__inner-container {
        padding: 0 0 20px 0; }
  .product-text .detailsbutton {
    margin-top: -20px;
    height: 40px;
    display: block;
    position: relative;
    z-index: 200;
    width: 100%;
    background-color: #111111;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    padding-top: 5px; }
    @media screen and (min-width: 1241px) {
      .product-text .detailsbutton:hover {
        background-color: #aaaaaa;
        -webkit-transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in; } }
    @media screen and (max-width: 990px) {
      .product-text .detailsbutton {
        margin-bottom: 3px; } }
    .product-text .detailsbutton:after {
      content: "Details anzeigen"; }
  @media screen and (max-width: 1240px) {
    .product-text {
      width: 455px;
      min-height: 253px; }
      .product-text .wp-block-group__inner-container {
        min-height: calc(253px - 20px); } }
  @media screen and (max-width: 990px) {
    .product-text {
      width: 690px;
      min-height: 128.6666666667px; }
      .product-text .wp-block-group__inner-container {
        min-height: 128.6666666667px; } }
  @media screen and (max-width: 770px) {
    .product-text {
      width: 570px;
      min-height: 106.3333333333px; }
      .product-text .wp-block-group__inner-container {
        min-height: 106.3333333333px; } }
  @media screen and (max-width: 600px) {
    .product-text {
      width: 100%;
      min-height: 25vw; }
      .product-text .wp-block-group__inner-container {
        min-height: 25vw; } }

.product-text.column-text-open .detailsbutton:after {
  content: "Details ausblenden"; }

.list-article-meta {
  margin-bottom: 0 !important;
  padding: 0; }

.produktbez {
  display: inline-block;
  max-width: 50%; }
  .produktbez a {
    font-size: 14px;
    text-transform: none; }

.produktgruppenbez {
  display: inline-block;
  float: right;
  text-align: right; }
  .produktgruppenbez a {
    font-size: 14px;
    text-transform: none; }

/* PORTRAITS
-------------------------- */
.portrait_bild img {
  -webkit-filter: grayscale(0%) !important;
  -moz-filter: grayscale(0%) !important;
  -ms-filter: grayscale(0%) !important;
  -o-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;
  opacity: 1 !important;
  border-radius: 50%; }

.portrait_beschreibung {
  padding-left: 50px;
  font-weight: 500; }
  .portrait_beschreibung strong {
    font-weight: 700; }
  @media screen and (max-width: 600px) {
    .portrait_beschreibung {
      padding-left: 0px; } }

.portrait_kontakt {
  padding: 0px 30px 10px 30px;
  border: solid 2px #111111;
  font-weight: 700; }

.inside {
  display: inline-block;
  float: right; }

/* FARBEN
-------------------------- */
.site-footer .btt a:hover {
  color: #262626; }

.section-inverse {
  background-color: #111111; }
  .section-inverse p, .section-inverse .team-member, .section-inverse li, .section-inverse a {
    color: #ffffff; }

.section-op-slider .item::before {
  background: none !important; }

.footer-widget.widget p {
  color: #ffffff; }
  .footer-widget.widget p > a:hover {
    text-decoration: underline; }

.sidebar .widget a {
  font-size: 24px; }

.site-footer .btt a {
  border-radius: 25px;
  background-color: #ffffff;
  color: #111111; }

.page-template-template-fullwidth .site-content, .archive .site-content, .single-dzs_produkt .site-content, .error404 .site-content, .search-results .site-content, .search-no-results .site-content {
  border: none; }
  .page-template-template-fullwidth .site-content h1, .page-template-template-fullwidth .site-content h2, .page-template-template-fullwidth .site-content h3, .page-template-template-fullwidth .site-content h4, .page-template-template-fullwidth .site-content h5, .page-template-template-fullwidth .site-content h6, .page-template-template-fullwidth .site-content p, .page-template-template-fullwidth .site-content li, .page-template-template-fullwidth .site-content a, .archive .site-content h1, .archive .site-content h2, .archive .site-content h3, .archive .site-content h4, .archive .site-content h5, .archive .site-content h6, .archive .site-content p, .archive .site-content li, .archive .site-content a, .single-dzs_produkt .site-content h1, .single-dzs_produkt .site-content h2, .single-dzs_produkt .site-content h3, .single-dzs_produkt .site-content h4, .single-dzs_produkt .site-content h5, .single-dzs_produkt .site-content h6, .single-dzs_produkt .site-content p, .single-dzs_produkt .site-content li, .single-dzs_produkt .site-content a, .error404 .site-content h1, .error404 .site-content h2, .error404 .site-content h3, .error404 .site-content h4, .error404 .site-content h5, .error404 .site-content h6, .error404 .site-content p, .error404 .site-content li, .error404 .site-content a, .search-results .site-content h1, .search-results .site-content h2, .search-results .site-content h3, .search-results .site-content h4, .search-results .site-content h5, .search-results .site-content h6, .search-results .site-content p, .search-results .site-content li, .search-results .site-content a, .search-no-results .site-content h1, .search-no-results .site-content h2, .search-no-results .site-content h3, .search-no-results .site-content h4, .search-no-results .site-content h5, .search-no-results .site-content h6, .search-no-results .site-content p, .search-no-results .site-content li, .search-no-results .site-content a {
    color: #111111;
    position: relative; }
  .page-template-template-fullwidth .site-content .column-text h1, .page-template-template-fullwidth .site-content .column-text h2, .page-template-template-fullwidth .site-content .column-text h3, .page-template-template-fullwidth .site-content .column-text h4, .page-template-template-fullwidth .site-content .column-text h5, .page-template-template-fullwidth .site-content .column-text h6, .page-template-template-fullwidth .site-content .column-text p, .page-template-template-fullwidth .site-content .column-text li, .page-template-template-fullwidth .site-content .column-text a, .archive .site-content .column-text h1, .archive .site-content .column-text h2, .archive .site-content .column-text h3, .archive .site-content .column-text h4, .archive .site-content .column-text h5, .archive .site-content .column-text h6, .archive .site-content .column-text p, .archive .site-content .column-text li, .archive .site-content .column-text a, .single-dzs_produkt .site-content .column-text h1, .single-dzs_produkt .site-content .column-text h2, .single-dzs_produkt .site-content .column-text h3, .single-dzs_produkt .site-content .column-text h4, .single-dzs_produkt .site-content .column-text h5, .single-dzs_produkt .site-content .column-text h6, .single-dzs_produkt .site-content .column-text p, .single-dzs_produkt .site-content .column-text li, .single-dzs_produkt .site-content .column-text a, .error404 .site-content .column-text h1, .error404 .site-content .column-text h2, .error404 .site-content .column-text h3, .error404 .site-content .column-text h4, .error404 .site-content .column-text h5, .error404 .site-content .column-text h6, .error404 .site-content .column-text p, .error404 .site-content .column-text li, .error404 .site-content .column-text a, .search-results .site-content .column-text h1, .search-results .site-content .column-text h2, .search-results .site-content .column-text h3, .search-results .site-content .column-text h4, .search-results .site-content .column-text h5, .search-results .site-content .column-text h6, .search-results .site-content .column-text p, .search-results .site-content .column-text li, .search-results .site-content .column-text a, .search-no-results .site-content .column-text h1, .search-no-results .site-content .column-text h2, .search-no-results .site-content .column-text h3, .search-no-results .site-content .column-text h4, .search-no-results .site-content .column-text h5, .search-no-results .site-content .column-text h6, .search-no-results .site-content .column-text p, .search-no-results .site-content .column-text li, .search-no-results .site-content .column-text a {
    color: #111111; }

/* Cookie-Banner */
#cookie-notice {
  font-family: "Assistant", Helvetica, Arial, sans-serif;
  font-size: 16px;
  background-color: #111111 !important; }

#cn-accept-cookie {
  background: #fff;
  background-color: #fff;
  color: #111111;
  font-size: 22px;
  margin-left: 20px !important; }

#cn-refuse-cookie {
  background: #111111;
  background-color: #111111;
  border: 2px solid #fff;
  color: #fff; }

#cn-more-info {
  background: #111111;
  background-color: #111111;
  border: 2px solid #fff;
  color: #fff; }