@font-face {
font-family: Cera Pro;
font-display: swap;
src: url(//www.mazuvo.ch/wp-content/themes/mazuvo_neu/fonts/Cera-Pro-Light.ttf);
font-weight: 300; }
@font-face {
font-family: Cera Pro;
font-display: swap;
src: url(//www.mazuvo.ch/wp-content/themes/mazuvo_neu/fonts/Cera-Pro-Medium.ttf);
font-weight: 400; }
.block {
padding-top: 2rem;
padding-bottom: 2rem; }
.block-boxen a {
padding-bottom: 0; }
.block-boxen .reihe {
display: flex;
margin: 0 -8px;
justify-content: center;
flex-wrap: wrap; }
.block-boxen .reihe .outer {
width: 25%;
min-width: 300px;
padding: 0 8px; }
@media (max-width: 420px) {
.block-boxen .reihe .outer {
width: 100%;
min-width: 100%; } }
.block-boxen .reihe .outer .box {
position: relative;
display: block;
transition: .4s all ease;
margin-bottom: 1rem; }
.block-boxen .reihe .outer .box .image {
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 60%; }
.block-boxen .reihe .outer .box .bar {
position: absolute;
background-color: rgba(99, 102, 106, 0.77);
bottom: 0;
left: 0;
right: 0;
color: white;
padding: .3rem 0;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.35rem;
transition: .4s all ease;
height: 2.35rem; }
.block-boxen .reihe .outer:hover .box .bar {
height: 100%; }
.block-boxen .reihe.drei .outer {
width: 33.33333333%; }
.kp-default-button {
display: inline-block;
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem;
color: #3b3b3b !important;
padding: .5rem !important;
line-height: 1.5; }
.kp-default-button::before {
display: none; }
.kp-default-button:hover {
color: #3b3b3b;
text-decoration: none; }
.kp-default-button::after, .kp-default-button::before {
display: none; }
.block-social-media, .block-news {
width: 85%;
margin-left: auto;
margin-right: auto; }
@media screen and (max-width: 700px) {
.block-social-media, .block-news {
width: 95%; } }
.block-social-media .card .img-top, .block-news .card .img-top {
padding-bottom: 66.6667%;
margin-bottom: 6px;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
overflow: hidden; }
.block-social-media .card .img-top img, .block-news .card .img-top img {
position: absolute;
width: 100%;
height: auto;
left: 0;
top: 50%;
transform: translateY(-50%); }
.block-social-media .card .card-body, .block-news .card .card-body {
text-align: left;
background: #F2F0F0;
padding: 15px 10px;
min-height: 14rem;
font-size: 1rem;
margin-bottom: 1rem; }
.block-social-media .card .card-body .meta, .block-news .card .card-body .meta {
display: inline-block;
min-width: 50%;
min-height: 1.5rem;
border-bottom: 1px solid #3aa4d0;
font-size: 1rem; }
.block-social-media .card .card-body .meta .hashtag, .block-news .card .card-body .meta .hashtag {
color: rgba(212, 87, 7, 0.77);
margin-right: .5rem; }
.block-social-media .card .card-body h3, .block-news .card .card-body h3 {
margin: .5rem 0;
font-size: 1.15rem;
text-transform: uppercase; }
.block-social-media .card .card-body .links a, .block-news .card .card-body .links a {
color: rgba(212, 87, 7, 0.77); }
.block-social-media .card .card-body .links a:hover, .block-news .card .card-body .links a:hover {
color: rgba(212, 87, 7, 0.77); }
.block-social-media .social, .block-news .social {
margin-top: 2rem;
display: flex;
justify-content: center; }
.block-social-media .social p, .block-news .social p {
margin-right: 1rem;
margin-bottom: 0;
display: flex;
align-items: center;
color: orange;
font-size: 1.5rem; }
.block-social-media .social .social-icons, .block-news .social .social-icons {
margin-left: 1rem;
padding-top: .3rem;
padding-bottom: .3rem;
background-color: rgba(99, 102, 106, 0.77); }
.block-social-media .social .social-icons a, .block-news .social .social-icons a {
width: 34px;
height: 34px;
padding: 0;
margin: 0 4px 0 4px;
padding-bottom: 0; }
.block-social-media .social .social-icons a::before, .block-news .social .social-icons a::before {
display: none; }
.block-social-media .social .social-icons a:hover, .block-news .social .social-icons a:hover {
text-decoration: none; }
.block-social-media .social .social-icons a img, .block-news .social .social-icons a img {
height: 2rem; }
@media screen and (max-width: 700px) {
.block-social-media .social, .block-news .social {
flex-direction: column; }
.block-social-media .social p, .block-news .social p {
justify-content: center; }
.block-social-media .social .social-icons, .block-news .social .social-icons {
margin-left: auto;
width: fit-content;
margin-right: auto; } }
.block-news .the_excerpt {
height: fit-content; }
.block-news .archiv {
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem;
padding: 0.5rem 1.7rem;
text-transform: uppercase;
align-self: center;
width: fit-content; }
.block-news .archiv::before {
display: none; }
.block-news .archiv:hover {
color: #3b3b3b;
text-decoration: none; }
.block-team .reihe {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center; }
.block-team .reihe .person {
margin-left: .5rem;
margin-right: .5rem;
margin-bottom: 1rem;
width: 23%; }
.block-team .reihe .person .img-top {
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: auto;
padding-bottom: 100%; }
.block-team .reihe .person .info {
color: white;
background-color: rgba(99, 102, 106, 0.77);
padding: 1rem .25rem;
text-align: left; }
.block-team .reihe .person .info .name {
margin-bottom: 2rem; }
@media screen and (max-width: 1500px) {
.block-team .reihe .person {
width: 31%; } }
@media screen and (max-width: 950px) {
.block-team .reihe .person {
width: 47%; } }
@media screen and (max-width: 768px) {
.block-team .reihe .person {
width: 100%; } }
.block-product-cats #cat_grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 0 -.5rem; }
.block-product-cats #cat_grid .term {
cursor: pointer;
width: 25%;
padding: 0 .5rem;
position: relative;
margin-bottom: 1rem; }
.block-product-cats #cat_grid .term a.linked {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0; }
@media (max-width: 768px) {
.block-product-cats #cat_grid .term {
width: 33.333%; } }
@media (max-width: 600px) {
.block-product-cats #cat_grid .term {
width: 50%; } }
@media (max-width: 480px) {
.block-product-cats #cat_grid .term {
width: 100%; } }
.block-product-cats #cat_grid .term .img {
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: auto;
padding-bottom: 70%; }
.block-product-cats #cat_grid .term .bottom {
background-color: rgba(99, 102, 106, 0.77);
color: white;
padding: .25rem;
margin-top: .5rem; }
.block-product-cats .catalog-container {
display: flex;
flex-wrap: wrap; }
.block-product-cats .catalog-container .filters {
width: 20%;
border-right: 1px solid #3b3b3b; }
@media screen and (max-width: 800px) {
.block-product-cats .catalog-container .filters {
width: 100%;
margin-bottom: 2rem;
padding-bottom: 2rem;
border-right: none;
border-bottom: 1px solid #3b3b3b; } }
.block-product-cats .catalog-container .filters .remove_filter {
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem;
width: 90%; }
.block-product-cats .catalog-container .filters .remove_filter::before {
display: none; }
.block-product-cats .catalog-container .filters .remove_filter:hover {
color: #3b3b3b;
text-decoration: none; }
.block-product-cats .catalog-container #catalog, .block-product-cats .catalog-container .fabio_product_list {
width: 80%; }
.block-product-cats .catalog-container #catalog .remove_filter, .block-product-cats .catalog-container .fabio_product_list .remove_filter {
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem; }
.block-product-cats .catalog-container #catalog .remove_filter::before, .block-product-cats .catalog-container .fabio_product_list .remove_filter::before {
display: none; }
.block-product-cats .catalog-container #catalog .remove_filter:hover, .block-product-cats .catalog-container .fabio_product_list .remove_filter:hover {
color: #3b3b3b;
text-decoration: none; }
@media screen and (max-width: 800px) {
.block-product-cats .catalog-container #catalog, .block-product-cats .catalog-container .fabio_product_list {
width: 100%; } }
.block-product-cats .catalog-container #catalog .pagination, .block-product-cats .catalog-container .fabio_product_list .pagination {
display: flex;
padding: 1rem;
flex-wrap: wrap; }
.block-product-cats .catalog-container #catalog .pagination .pagination-item, .block-product-cats .catalog-container .fabio_product_list .pagination .pagination-item {
cursor: pointer;
padding: .5rem;
background-color: #F2F0F0;
color: black;
margin-right: 5px;
margin-bottom: 5px;
transition: .3s ease; }
.block-product-cats .catalog-container #catalog .pagination .pagination-item:hover, .block-product-cats .catalog-container #catalog .pagination .pagination-item.active, .block-product-cats .catalog-container .fabio_product_list .pagination .pagination-item:hover, .block-product-cats .catalog-container .fabio_product_list .pagination .pagination-item.active {
background-color: #3b3b3b;
color: white; }
.block-product-cats .filter-typ {
display: flex;
justify-content: center; }
.block-product-cats .filter-typ .item {
text-transform: uppercase;
font-size: 2rem; }
.block-product-cats .filter-typ .selectize-input {
padding-right: 3rem;
width: fit-content; }
.products-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%; }
.products-grid .produkt {
width: 33.333%;
padding: 1rem; }
@media screen and (max-width: 991px) {
.products-grid .produkt {
width: 50%; } }
@media screen and (max-width: 600px) {
.products-grid .produkt {
width: 100%; } }
.products-grid .produkt a {
color: #3b3b3b;
display: flex;
flex-direction: column; }
.products-grid .produkt a::before, .products-grid .produkt a::after {
display: none !important; }
.products-grid .produkt a .img-top {
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-size: contain;
height: auto;
padding-bottom: 70%;
position: relative; }
.products-grid .produkt a .img-top img {
position: absolute;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.products-grid .produkt a .bar {
color: white;
background-color: rgba(99, 102, 106, 0.77);
width: 100%;
padding: .25rem;
text-align: left;
margin-top: 0.5rem; }
.products-grid .produkt a .bottom {
text-align: left; }
.products-grid .produkt a .bottom .preis {
color: rgba(212, 87, 7, 0.77); }
.products-grid .produkt a:hover {
color: #3b3b3b;
text-decoration: none; }
.to-selectize {
text-align: left;
font-size: 1.25rem; }
.to-selectize .selectize-input {
border: 0;
box-shadow: none;
font-size: 1.25rem;
width: 100%; }
.to-selectize .selectize-input::after {
content: 'V' !important;
display: block !important;
clear: left !important;
border: none !important;
margin-top: -12px !important;
right: 35px !important; }
.block-marken .reihe {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 0 -.5rem; }
.block-marken .reihe .marke {
width: 25%;
padding: .5rem; }
@media screen and (max-width: 800px) {
.block-marken .reihe .marke {
width: 33.3333%; } }
@media screen and (max-width: 500px) {
.block-marken .reihe .marke {
width: 50%; } }
.block-marken .reihe .marke .background {
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 8rem;
padding: 1.5rem 0.5rem;
position: relative; }
.block-marken .reihe .marke .background .overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(99, 102, 106, 0.77);
position: absolute;
transition: opacity .3s ease; }
.block-marken .reihe .marke .background .logo {
position: absolute;
left: 10%;
top: 10%;
right: 10%;
bottom: 10%;
background-size: contain;
background-position: center;
background-repeat: no-repeat; }
.block-marken .reihe .marke .label {
font-size: 3.5rem;
color: white;
text-align: center;
top: 50%;
width: 100%;
transform: translateY(-50%);
position: absolute;
left: 0; }
.block-marken .reihe .marke:hover .background .overlay {
opacity: .2; }
.block-marken .reihe .marke:hover::before {
display: none; }
.block-show-page .imported {
margin-bottom: 2rem; }
.block-show-page .imported h2 {
margin-bottom: .5rem; }
.block-show-page .imported .wp-block-image img {
border: 1px solid rgba(99, 102, 106, 0.77);
width: 60%; }
.block-referenzen .reihe {
display: flex; }
.block-referenzen .reihe .filter {
width: 20%;
border-right: 1px solid rgba(99, 102, 106, 0.77); }
.block-referenzen .reihe #referenzen-grid {
width: 80%;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
.block-referenzen .reihe #referenzen-grid .referenz {
margin-left: 1rem;
margin-right: 1rem;
margin-bottom: 1rem;
width: 29%;
text-align: left;
position: relative; }
.block-referenzen .reihe #referenzen-grid .referenz .link_overlay {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0; }
.block-referenzen .reihe #referenzen-grid .referenz .link_overlay::after, .block-referenzen .reihe #referenzen-grid .referenz .link_overlay::before {
display: none !important; }
.block-referenzen .reihe #referenzen-grid .referenz p {
margin-bottom: 0; }
.block-referenzen .reihe #referenzen-grid .referenz .bild {
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: auto;
padding-bottom: 70%; }
@media screen and (max-width: 700px) {
.block-referenzen .reihe {
flex-direction: column; }
.block-referenzen .reihe .filter {
width: 100%;
border: none; }
.block-referenzen .reihe #referenzen-grid {
width: 100%;
justify-content: center; }
.block-referenzen .reihe #referenzen-grid .referenz {
width: 42%; } }
.mehr-anzeigen {
height: 14rem;
cursor: pointer;
overflow: hidden;
position: relative; }
.mehr-anzeigen .sizer {
padding: 1rem 0 3rem; }
@media screen and (max-width: 700px) {
.mehr-anzeigen .sizer {
padding: 1rem 1rem 3rem; } }
.mehr-anzeigen:hover .toggle {
bottom: .5rem; }
.mehr-anzeigen.open {
cursor: auto;
height: auto; }
.mehr-anzeigen.open::after {
opacity: 0; }
.mehr-anzeigen.open .toggle {
transform: rotate(180deg);
bottom: .5rem; }
.mehr-anzeigen .toggle {
background-color: white;
padding: .25rem;
position: absolute;
right: 1rem;
font-size: 1.4rem;
bottom: 0;
transition: .3s ease;
color: rgba(212, 87, 7, 0.77);
cursor: pointer;
z-index: 5; }
.block-galerie .bildgalerie {
max-width: 720px;
width: 100%;
margin-left: auto;
margin-right: auto; }
.block-galerie .bildgalerie a {
padding-bottom: 0; }
.block-galerie .bildgalerie a::before {
display: none; }
.block-galerie .bildgalerie .bild {
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: auto;
padding-bottom: 75%; }
.block-login .reihe {
display: flex; }
.documents-block {
max-width: 600px;
margin: 1.4rem 0; }
.document-block {
background-color: #F2F0F0;
padding: .25rem;
color: #3b3b3b;
margin: .5rem 0;
padding-right: 2rem;
position: relative;
display: flex; }
.document-block > .type {
top: 0;
right: 0;
padding: .25rem;
position: absolute; }
.search-blocks {
margin-top: 2rem;
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr; }
.komm_brand_seo-template-default h2 {
margin-top: 2rem; }
#search_form_inline {
max-width: 30rem;
margin: 2rem 0;
display: grid;
grid-template-columns: 1fr 2fr;
grid-gap: 1rem; }
#search_form_inline input {
padding: .5rem; }
#search_form_inline select {
background: none;
border: solid 1px #3b3b3b;
color: #3b3b3b; }
#search_form_inline button {
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem;
cursor: pointer; }
#search_form_inline button::before {
display: none; }
#search_form_inline button:hover {
color: #3b3b3b;
text-decoration: none; }
.result-block {
padding: .5rem;
border-bottom: solid 2px rgba(59, 59, 59, 0.3);
margin-bottom: 2rem;
text-align: left; }
.result-block > .title {
font-size: 1.6rem; }
.result-block > .link {
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem;
display: inline-block;
margin: 1rem 0; }
.result-block > .link::before {
display: none; }
.result-block > .link:hover {
color: #3b3b3b;
text-decoration: none; }
input[type="submit"] {
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem; }
input[type="submit"]::before {
display: none; }
input[type="submit"]:hover {
color: #3b3b3b;
text-decoration: none; }
#search-form {
position: fixed;
background-color: rgba(99, 102, 106, 0.77);
padding: .5rem;
display: block;
transition: .3s ease;
z-index: 10000;
left: 0;
top: 3rem; }
body.menu_open #search-form {
opacity: 0;
pointer-events: none; }
.stickybar #search-form {
top: 8rem; }
#search-form input {
background: none;
border: none;
color: white;
width: 10rem;
transition: .5s ease;
transition-delay: .5s;
border-bottom: white 1px solid;
outline: none;
font-family: 'Nunito', sans-serif; }
.stickybar #search-form input {
width: 0; }
#search-form:hover input {
width: 10rem; }
#search-form button {
background: none;
color: white;
border: none;
cursor: pointer; }
@media (max-width: 700px) {
#search-form {
top: auto !important;
bottom: 2rem;
font-size: 1.2rem; }
#search-form button {
pointer-events: none; }
#search-form input {
border: none;
background: none;
width: 0 !important; }
#search-form:hover input {
width: 10rem !important; }
.stickybar #search-form {
background-color: rgba(99, 102, 106, 0.77); } }
.teaser_text iframe {
margin: 1rem 0;
min-height: 400px; }
.single-post ul {
text-align: left; }
.search-blocks-select {
display: grid;
grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 900px) {
.search-blocks-select {
grid-template-columns: 1fr; } }
.search-blocks-select > * {
cursor: pointer;
background-color: #F2F0F0;
color: #3b3b3b;
border: solid 1px #3b3b3b;
padding-bottom: 0;
padding: 0.5rem 1.7rem;
transition: .3s ease; }
.search-blocks-select > *::before {
display: none; }
.search-blocks-select > *:hover {
color: #3b3b3b;
text-decoration: none; }
.search-blocks-select > *.active {
background-color: #3b3b3b;
color: white; }
.location-finder .brand-select {
background: #F2F0F0;
color: #3b3b3b;
border: none;
border-bottom: 2px solid black; }
.location-finder .brand-select option {
background: #F2F0F0;
color: #3b3b3b; }
.location-finder .fb-input-wrapper .fb-label {
display: none !important; }
.location-finder .fb-input-wrapper .fb-input {
background: #F2F0F0 !important;
border-bottom: 2px solid #3b3b3b !important; }
.location-finder .fb-input-wrapper .fb-lines {
display: none !important; }
.page > ul {
display: inline-block;
text-align: left; }
.hide_until_typ_is_selected select {
background: #F2F0F0;
color: #3b3b3b;
border: none;
padding: .5rem;
display: block;
border: solid 1px #3b3b3b;
width: 90%;
margin: .5rem 0; }
.hide_until_typ_is_selected select option {
background: #F2F0F0;
color: #3b3b3b; }
.hide_until_typ_is_selected select option[disabled] {
display: none; }
.wpcf7-form .wpcf7-form-control {
display: block;
margin-top: 1rem;
padding: .5rem;
font-family: 'Nunito', sans-serif;
font-size: 1rem;
width: 100%;
background: transparent;
background: rgba(59, 59, 59, 0.02);
border: solid 1px #3b3b3b; }
.header-slider {
font-size: 0; }
.header-slider:not(.slick-initialized) > *:not(:first-child) {
display: none; }
.__img_cover_center {
position: relative; }
.__img_cover_center > img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
max-width: none !important;
max-height: none !important;
width: auto;
height: auto; }
.block-hygn-block .reihe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #eee;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2rem;
margin-bottom: 4rem; }
.block-hygn-block .reihe .text {
width: 50%;
text-align: left;
padding: 2rem; }
.block-hygn-block .reihe .text p {
font-size: 1.5rem; }
.block-hygn-block .reihe .text ul {
text-align: left;
padding: 0;
list-style-type: none; }
.block-hygn-block .reihe .text ul li::before {
content: '-';
padding-right: .5rem; }
.block-hygn-block .reihe .bild {
width: 50%;
min-height: 45vh;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 100%; }
.block-hygn-block .reihe.bild-rechts {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
@media screen and (max-width: 750px) {
.block-hygn-block .reihe {
flex-direction: column !important; }
.block-hygn-block .reihe .bild, .block-hygn-block .reihe .text {
width: 100%; } }
.block-hygn-produkte .produkt-slider .slick-track {
display: flex; }
.block-hygn-produkte .produkt-slider .slick-slide {
height: auto; }
.block-hygn-produkte .produkt-slider .slick-slide > div {
padding: .25rem;
display: flex;
height: 100%; }
.block-hygn-produkte .produkt-slider .single-produkt {
background-color: #eee;
height: auto; }
.block-hygn-produkte .produkt-slider .single-produkt .bild {
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 35vh; }
.block-hygn-produkte .produkt-slider .single-produkt .text {
padding: 1rem;
text-align: left; }
.block-hygn-produkte .produkt-slider .single-produkt .text h3 {
font-size: 1.75rem;
font-weight: 400; }
.block-hygn-produkte .produkt-slider .custom-arrow {
position: absolute;
left: -2rem;
top: 50%;
cursor: pointer; }
.block-hygn-produkte .produkt-slider .custom-arrow i {
font-size: 2.5rem;
transition: .4s ease all; }
.block-hygn-produkte .produkt-slider .custom-arrow:hover i {
color: #7c8a85; }
.block-hygn-produkte .produkt-slider .custom-arrow.custom-arrow-right {
left: auto;
right: -2rem; }
.block-hygn-preview svg {
height: 10rem;
width: 100%; }
.block-hygn-preview svg polygon {
fill: #7c8a85; }
.block-hygn-preview svg:first-of-type {
margin-bottom: -.5rem; }
.block-hygn-preview .content {
background-color: #7c8a85; }
.block-hygn-preview .reihe {
display: flex;
color: white;
align-items: center;
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
padding-top: 3rem;
padding-bottom: 3rem; }
@media (min-width: 576px) {
.block-hygn-preview .reihe {
width: 540px;
max-width: 100%; } }
@media (min-width: 768px) {
.block-hygn-preview .reihe {
width: 720px;
max-width: 100%; } }
@media (min-width: 992px) {
.block-hygn-preview .reihe {
width: 960px;
max-width: 100%; } }
@media (min-width: 1200px) {
.block-hygn-preview .reihe {
width: 1140px;
max-width: 100%; } }
@media (min-width: 576px) {
.block-hygn-preview .reihe {
padding-right: 15px;
padding-left: 15px; } }
@media (min-width: 768px) {
.block-hygn-preview .reihe {
padding-right: 15px;
padding-left: 15px; } }
@media (min-width: 992px) {
.block-hygn-preview .reihe {
padding-right: 15px;
padding-left: 15px; } }
@media (min-width: 1200px) {
.block-hygn-preview .reihe {
padding-right: 15px;
padding-left: 15px; } }
@media screen and (min-width: 1600px) {
.block-hygn-preview .reihe {
max-width: 80%;
width: auto; } }
.block-hygn-preview .reihe .text {
text-align: left;
padding-right: 1rem; }
.block-hygn-preview .reihe .text p {
font-size: 1.5rem; }
.block-hygn-preview .reihe .text h2 {
color: white; }
.block-hygn-preview .reihe img {
width: 30%;
flex-shrink: 0; }
@media screen and (max-width: 768px) {
.block-hygn-preview svg {
height: 5rem; }
.block-hygn-preview svg:first-of-type {
margin-bottom: -.4rem; }
.block-hygn-preview .reihe {
flex-direction: column;
padding: 2rem 15px; }
.block-hygn-preview .reihe .text {
padding-right: 0; }
.block-hygn-preview .reihe img {
width: 70%; } }
@media screen and (max-width: 400px) {
.block-hygn-preview .reihe img {
width: 100%; } }