:root {
--border-radius-big: 10px;
--border-radius-small: 5px;
--color-primary: #86ac3c;
--color-secondary: #4c4d4d;
--color-tertiary: #f6f4ef;
}
h1 {
font-size: 3em;
font-weight: 700;
line-height: 1.2;
margin-bottom: 0.5em;
}
h2 {
font-size: 2em;
font-weight: 700;
line-height: 1.2;
margin-bottom: 1em;
}
p, li {    
hyphens: auto;
word-break: break-word;
word-wrap: break-word;
}
.border-radius-big {
border-radius: var(--border-radius-big) !important;
} #wp-block-themeisle-blocks-advanced-columns-30e8a6e3 .wp-block-themeisle-blocks-advanced-columns-overlay {
border-top: 25px solid white !important;
border-bottom: 25px solid white !important; }
.wp-block-navigation__responsive-container-close {
margin:25px;
}
.max-width-header {
max-width: 900px;
margin: 0 auto;
}
.wp-block-social-links span.wpel-icon {
display: none !important;
}
.wp-block-social-links li {
filter: grayscale(100%);
transition: filter 0.3s;
}
.wp-block-social-links li:hover {
filter: grayscale(0%);
}
.wp-block-social-links {
filter: grayscale(100%);
transition: filter 0.3s;
}
.wp-block-social-links:hover {
filter: grayscale(0%); box-shadow: inset 20px 20px 20px rgb(246, 244, 239);
}
.wp-block-essential-blocks-infobox .eb-infobox-wrapper,
.wp-block-image img {
border-radius: var(--border-radius-big);
scale: 1;
transition: scale 0.3s;
}
.sptp-jop-title {
text-align: center !important;
}
.wp-block-essential-blocks-infobox {
background-color: #f6f3ee;
border-radius: var(--border-radius-big);
transition: all 0.3s;
}
.sptp-member:hover,
.wp-block-essential-blocks-infobox:hover,
.wp-block-image img:hover {
scale: 1.03;
transition: all 0.3s;
box-shadow: 0 0 30px rgba(0, 5, 2, 0.3);
}
textarea.wpcf7-form-control:read-write,
input.wpcf7-form-control:read-write {
border: none;
}
.swiper-container {
padding: 0px;
}
.swiper-container::after {
display: block;
position: absolute;
z-index: 999;
width: 100%;
height: 100%;
padding: 50px;
box-shadow: inset 20px 20px 20px rgb(246, 244, 239);
box-shadow: inset 0px 0px 25px pink;
background: red;
}
.swiper-slide img,
.sptp-member-avatar-img,
.wp-block-button,
.wpcf7-submit,
.wp-block-essential-blocks-infobox .eb-infobox-wrapper,
.wp-block-image img {
border-radius: var(--border-radius-big);
scale: 1;
transition: scale 0.3s;
}
.sptp-member-avatar-img,
.sp-lc-logo {
scale: 1;
transition: scale 0.3s, filter 1.3s;
filter: grayscale(20%);
}
.sp-lc-logo:hover,
.swiper-slide img:hover,
.wp-block-button:hover,
.wpcf7-submit:hover,
.wp-block-image img:hover {
scale: 1.05; filter: none;
transition: scale 0.3s, filter 1.6s, box-shadow 0.3s;
}
.sptp-member-avatar-img:hover { filter: none;
transition: filter 1.3s;
}
.eb-flipbox-container,
a.wp-block-navigation-item__content,
.tabTitles,
.eb-tabs-nav,
.wp-block-essential-blocks-advanced-tabs,
.eb-advanced-tabs-wrapper.horizontal {
border-radius: var(--border-radius-big) !important;
}
.wp-block-themeisle-blocks-advanced-columns.alignfull.has-1-column,
.wp-site-blocks section.wp-block-themeisle-blocks-advanced-columns.alignfull .wp-block-themeisle-blocks-advanced-columns-overlay,
.nk-awb-wrap.nk-awb-rendered {
border-radius: var(--border-radius-big) !important;
margin-bottom: 40px;
box-shadow: 0px 0px 32px rgba(146, 144, 139, 0.2);
}
.wp-site-blocks section.wp-block-themeisle-blocks-advanced-columns.alignfull {
border-radius: var(--border-radius-big) !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-shadow: 0px 0px 32px rgba(146, 144, 139, 0.2);
}
input[type="submit"],
.wp-element-button {
transition: box-shadow 0.3s, background-color 0.3s, filter 1.6s;
}
input[type="submit"]:hover,
.wp-element-button:hover {
cursor: pointer;
transition: box-shadow 0.1s, background-color 0.3s, filter 0.3s;
}
.sptp-member .wp-element-button {
border-radius: var(--border-radius-small);
margin-bottom: 10px;
padding: 8px 15px;
color: #4c4d4d !important;
background-color: transparent !important; box-shadow: 0px 0px 20px rgba(216, 214, 229, 0.4) !important;
transition: box-shadow 0.3s, background-color 0.3s, filter 0.3s; }
.sptp-member .wp-element-button:hover {
color: white !important;
box-shadow: none !important;
background-color: #89af24 !important;
filter: none;
transition: box-shadow 0.1s, background-color 0.3s, filter 0.3s;
filter: none;
}
header.wp-block-template-part {
padding: 0 0 0 20px;
}
.wp-block-social-links:hover {
background: transparent !important;
box-shadow: none;
} .wp-block-heading {
margin-top: 1em;
}
.wp-block-group.alignfull.has-ti-fg-alt-color.has-text-color.has-background.is-layout-constrained { vertical-align: middle;
display: flex;
justify-content: center;
align-items: center;
}
.bg-wire {
background-image: url(//wirkstoffmedia.de/assets/images/bg_wire_green.jpg) !important;
background-size: cover; background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
}
.wp-block-cover .has-background-dim:not([class*=-background-color]) {
background-color: transparent !important;
}
body.home .wp-block-group.alignfull.is-layout-constrained.wp-container-core-group-is-layout-8.wp-block-group-is-layout-constrained {
display: none;
}
.eb-flipbox-button-link.btn-gradient.orange {
background: #86ac3c;
border: none;
box-shadow: none;
padding: 8px 15px;
scale: 1;
transition: scale 0.3s;
}
.eb-flipbox-button-link.btn-gradient.orange:hover {
scale: 1.05;
transition: scale 0.3s;
}
.eb-flipbox-button-link.btn-gradient.orange * {
text-shadow: none;
}
.nav-dense {
line-height: 100% !important;
}
.wp-block-navigation-item__content {
}
.wp-block-navigation-item__content:hover {
}
.wp-block-navigation-item.wp-block-navigation-link a {
padding: 0.8em 1.2em !important; 
margin:0 !important;
border-radius: var(--border-radius-small) !important;
transition: background-color 0.8s, color 0.6s;
}
.wp-block-navigation-item.wp-block-navigation-link a:hover { color:white !important;
background-color: #86ac3c !important;
transition: background-color 0.1s, color 0.05s;
}
.has-ti-bg-background-color.has-background.is-content-justification-right.is-nowrap {
box-shadow: 0px 0px 32px rgba(146, 144, 139, 0.15);
border-radius: var(--border-radius-big);
}
@media (max-width: 900px) {
.wp-block-navigation-item__label {
font-size: 70%;
}
}
.no-link,
.no-hover {
pointer-events: none;
cursor: default;
} body.home .wp-block-essential-blocks-column h1,
.wp-block-themeisle-blocks-advanced-columns h1 {
background-repeat: no-repeat;
background-position: center;
transform: rotate(-3deg);
opacity: 0.82;
color: white;
}
.wp-block-themeisle-blocks-advanced-columns h1 {
background-image: url(//wirkstoffmedia.de/assets/brushes/brush_06.png) !important;
background-size: 90% 99%;
padding: 20px 90px !important;
max-width: fit-content;
margin: 30px auto 30px auto;
}
body.home .wp-block-essential-blocks-column h1 {
background-image: url(//wirkstoffmedia.de/assets/brushes/brush_06.png);
padding: 20px 40px !important;
}
body.home .wp-block-essential-blocks-column h1:nth-child(1) {
background-size: 50% 99%;
margin-bottom: 0 !important;
}
body.home .wp-block-essential-blocks-column h1:nth-child(2) {
background-image: url(//wirkstoffmedia.de/assets/brushes/brush_08.png);
background-size: 85% 99%;
margin-top: -2% !important;
margin-bottom: 40px !important;
}
body.home .wp-block-nk-awb.nk-awb .nk-awb-wrap-content .wp-block-essential-blocks-column .eb-column-inner p.has-text-align-center.max-width-header.has-medium-font-size {
max-width: 500px;
margin-bottom: 40px;
}
::selection {
background: #86ac3c;
color: white;
}