.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.error {
font-weight:bold;
color:red;
} #coverflow_heilpflanzen {
background: transparent !important;;
}
#coverflow_heilpflanzen_images {
height:450px !important;
}
.heilpflanzen-select {
background-image: url(~"data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A@{arrow}%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A");
background-position: right 10px center !important;
background-repeat: no-repeat !important;
background-color:#fff;
background-size: auto 50% !important;
border-radius:0 !important;
border:2px solid rgb(227, 6, 19) !important;
color: #000 !important;
margin: 50px auto 1rem 0;
display:block;
padding: 10px 30px 10px 10px;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
&::-ms-expand { display: none };
}
@-moz-document url-prefix() {
select.heilpflanzen-select {
color: rgba(0,0,0,0);
text-shadow: 0 0 0 #ffffff;
}
} #heilpflanzen_banner .swiper-container { 
width: 100%; 
padding-bottom: 2.143em; 
margin-top:2rem;
}
#heilpflanzen_banner .swiper-slide { 
background-position: center 33%; 
background-size: cover 33%; 
width: 33%; 
height: 200px; 
}
#heilpflanzen_banner .swiper-slide a { 
position: relative; 
display: block; 
height: 100%; 
text-decoration: none; 
}
#heilpflanzen_banner .swiper-slide a span.apo_hp_title { 
display: block; 
position: absolute; 
bottom: 10px; 
left: 10px; 
font-size: 1.214em; 
color: #FFF; 
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); 
}
.singleplant h1 {
color:#E30613;
text-align: center;
border-bottom: 2px solid #fcb900;
padding-bottom: 1.5rem;
}
.singleplant figure {
width:50%;
height: auto;
float:left;
margin: 0.4rem 1.5rem 1.5rem 0 !important;
}
.apo_table {
display: table;
width:100%;
}
.apo_table:after {
content: "";
display: table;
clear: both;
}
.apo_table-row {
display: table-row;
}
.apo_gh_categoryTop:after { 
content: ''; 
display: table; 
clear: both; 
}
.apo_gh_categoryList,
.apo_gh_categoryList ul {
list-style: none;
margin:0;
padding:0;
}
.apo_gh_title {
margin-bottom: 7px;
}
.apo_gh_categoryList a {
text-decoration: none;
color:#000;
}
.apo_gh_categoryList { 
width: calc(33.3%);
display: table-cell;
padding-right: 10px;
vertical-align: top;
}
.apo_gh_categoryList>li { 
margin-bottom: 10px;
padding: 23px 40px 15px;
background-color: #ececec;
}
.apo_gh_categoryList>li.open { 
background-color: #dadada;
}
.apo_gh_subCategories { 
display:none;
}
.apo_gh_rootCategory.open > .apo_gh_subCategories {
display: block;
}
.apo_gh_categoryList li.open>h4,
.apo_gh_categoryList li.open>a,
.apo_gh_categoryTitle {
color: #e30613;
}
.apo_gh_categoryList li.open>a {
font-weight: 700;
}
li.apo_gh_subCategory {
margin-top: 0 !important;
margin-bottom: 7px !important;
}
.apo_gh_right { 
width: calc(66.6% - 10px);
padding-left: 10px;
display: table-cell;
padding-bottom: 30px; 
}
.apo_gh_categoryDescription h1 {
display:none;
}
figure.apo_gh_image {
width: calc(37% - 10px);
padding-right: 10px;
float: left;
margin-top: 10px;
}
ul.apo_gh_subCategoriesList {
list-style:none;
margin:0;
padding:0;
}
ul.apo_gh_subCategoriesList>li>h5 {
padding: 8px 10px 8px 32px;
margin-bottom: 5px;
font-size: 17px;
background-color: #ececec;
}
ul.apo_gh_subCategoriesList>li>h5:before {
content: '';
display: block;
position: absolute;
margin: 6px 0 0 -20px;
width: 32px;
height: 0;
border-left: 14px solid #e30613;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
ul.apo_gh_subCategoriesList>li.open>h5:before {
transform: rotate(90deg);
margin:16px 0 0 -30px;
}
ul.apo_gh_artikelList {
padding: 0 10px 7px 32px;
margin: 0 !important;
list-style: none;
display:none;
background:#fff;
}
ul.apo_gh_artikelList h5 {
color:#000;
text-decoration: none;
}
.apo_gh_artikelList li {
padding-left: 15px;
margin:0 !important;
background:#fff;
-webkit-transition: all 1.4s ease-in-out;
-moz-transition: all 1.4s ease-in-out;
-ms-transition: all 1.4s ease-in-out;
-o-transition: all 1.4s ease-in-out;
transition: all 1.4s ease-in-out;
}
.apo_gh_singleSubCategory.open .apo_gh_artikelList li {
display:block;
}
.apo_gh_artikelList li:before {
position: relative;
float:left;
margin:10px 0 0 -15px;
content: '';
display: block;
border-left: 7px solid #4d4c4c;
width: 7px;
height: 0.5em;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.apo_gh_artikelList li a {
color: #000;
text-decoration: none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.apo_gh_artikelList li a:hover {
color: #e30613;
}
.apo_gh_bottom {
margin-bottom: 3rem;
}
.apo_gh_bottom .apo_gh_newsList {
margin: 0;
padding: 0;
list-style: none;
}
.apo_gh_bottom .apo_gh_newsList li.even,
.apo_gh_bottom .apo_gh_newsList li.odd {
width:49%;
min-height: 630px;
}
.apo_gh_bottom .apo_gh_newsList li.even {
float:left;
}
.apo_gh_bottom .apo_gh_newsList li.odd {
float:right;
}
.apo_gh_bottom .apo_gh_newsList .articleHeading {
padding: 15px 40px 15px 15px;
background:#e30613;
color:#fff;
}
.apo_gh_bottom .apo_gh_newsList .articleSubHeading {
padding: 25px 40px 25px 0;
font-weight: 700;
}
.apo_gh_bottom .apo_gh_newsList img {
width:100%;
}
.apo_gh_bottom h1,
.apo_gh_bottom h2 {
color:#e30613;
margin-top:33px;
}
#detail figure,
.article figure { 
max-width:40%;
float: left;
margin: 7px 15px 15px 0;
}
#detail figcaption,
#detail ul,
#detail ol,
#detail p,
.apo_gh_categoryDescription {
color:#000;
}
.news-block {
width:100%;
min-height:100px;
float:none;
border-bottom:1px solid #ececec;
}
.news-block:last-child {
border-bottom:0;
}
.news-block:after {
display: table;
clear:both;
width:100%;
content:"";
}
.news-block figure.apo_gh_image {
width: calc(22% - 10px);
} header.apo_nh_header {
background-color: #CCCCCC;
padding: 13px;
margin-bottom:20px;
text-align:center;
}
header.apo_nh_header h2 {
margin:0;
color:#e30613;
font-weight: 600;
}
.apo_nh_left {
width:49%;
float:left;
}
.apo_gh_newsList li {
margin-bottom: 10px;
}
.apo_nh_left .apo_gh_newsList li a {
display:block;
padding: 30px 30px 30px 30px;
background-color: var( --e-global-color-nvlightbg );
font-size: 20px;
font-weight:bold;
color:#000;
text-decoration:none;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.apo_gh_newsList li a:hover,
.apo_gh_newsList li a.active {
color:#e30613;
}
.apo_nh_right {
width:49%;
float:right;
}
.apo_gh_newsListDetails li {
display:none;
position:absolute;
}
.apo_gh_newsListDetails li:first-child {
display:block;
}
.apo_gh_newsListDetails li .details a.more {
font-size: 0;
}
.apo_gh_newsListDetails li .details a.more:before {
content: '';
display: inline-block;
width: 16px;
border-left: 16px solid #e30613;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 15px;
}
#detail footer+button,
.article footer+button {
margin: 1rem 0;
}
@media only screen and (max-width: 900px) {
.apo_table,
.apo_table-row	{
display: block;
}
.apo_gh_categoryList { 
width: 100%;
display:block;
}
.apo_gh_right {
width: 100%;
}
}
@media only screen and (max-width: 725px) {
.apo_gh_bottom .apo_gh_newsList li.even,
.apo_gh_bottom .apo_gh_newsList li.odd	{
float: none;
width:100%;
min-height: 10px;
}
.apo_nh_left,
.apo_nh_right {
width:100%;
float:none;
}
.apo_gh_newsListDetails {
min-height:650px;
}	
}
@media only screen and (max-width: 576px) {
.singleplant figure {
width:100%;
float:none;
margin-right:0;
}
#detail figure,
.article figure {
max-width: 100%;
float: none;
margin: 0 0 15px 0;
}
.news-block figure.apo_gh_image {
width: calc(33% - 10px);
}
}