.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 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;
}.popup-template .modal {
opacity: 0;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.popup-template .modal.is-open {
opacity: 1;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: '';
content: none;
}
del {
text-decoration: line-through;
}
table {
border-spacing: 0;
}
a img {
border: none;
}
a {
color: #dd052b;
}
a:hover {
color: #dd052b;
}  @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-regular.woff2) format('woff2'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-600.woff2) format('woff2'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-600.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-700.woff2) format('woff2'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-700.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-regular.woff2) format('woff2'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-regular.ttf) format('truetype'); } @font-face {
font-display: swap; font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-800.woff2) format('woff2'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-v40-latin-800.ttf) format('truetype'); } @font-face {
font-family: 'Open Sans Condensed';
font-style: normal;
font-weight: 300;
src: url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-300.eot); src: local(''),
url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-300.eot?#iefix) format('embedded-opentype'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-300.woff2) format('woff2'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-300.woff) format('woff'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-300.ttf) format('truetype'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans Condensed';
font-style: bold;
font-weight: 700;
src: url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-700.eot); src: local(''),
url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-700.eot?#iefix) format('embedded-opentype'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-700.woff2) format('woff2'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-700.woff) format('woff'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-700.ttf) format('truetype'), url(//www.steirerpop.at/wp-content/themes/steirerpop/fonts/open-sans-condensed-700.svg#OpenSans) format('svg'); } html {
scroll-behavior: smooth;
}
body {
background:#fff;
font-size:1em;
line-height:1.5;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.2;
font-family: 'Open Sans Condensed', sans-serif;
color:#007b3d;
}
.button, .social {
font-family: 'Open Sans Condensed', sans-serif;
}
h1 {
font-size: 2rem;
padding-bottom:0.25rem;
margin-bottom: 0.75rem;
}
h2 {
font-size: 1.625rem;
margin: 1rem 0 0.75rem 0;
}
h3 {
font-size: 1.375rem;
margin: 1rem 0 0.75rem 0;
}
h4 {
font-size: 1.25rem;
margin: 1rem 0 0.75rem 0;
}
h5 {
font-size: 1.125rem;
margin: 1rem 0 0.75rem 0;
}
hr {
width:100%;
border-top: 0.125em solid #333;
border-bottom: none;
clear: both;
height: 0;
margin: 0.5em 0 0 0;
padding: 0.5em 0 0 0;
}
img, video {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.color1 {color:#007b3d}
.color2 {color:#fbba00}
.color3-rotoben {color:#e7332a}
.color3-austria {color:#e30613}
.color4 {color:#e8ebea} .page-content {
padding: 2rem 0 2rem;
}
.page-center {
min-width:18rem;
width: 90%;
margin:0 5%;
}
.content-wide,
.content-medium,
.content-narrow {
width: 90%;
margin:0 5%;
}
@media screen and (min-width: 44rem) {
.content-narrow {
width: 40rem;
margin:0 auto;
}
}
@media screen and (min-width: 55rem) {
.content-medium {
width: 50rem;
margin:0 auto;
}
}
@media screen and (min-width: 66rem) {
.content-wide {
width: 60rem;
margin:0 auto;
}
}
.logo {
height:4em;
} .header-navigation {
}
.main-navigation {
width:100%;
}
.main-navigation input {
display: none;
}
.main-navigation li a{
text-decoration: none;
color:#000;
font-weight: 300;
}
.main-navigation li a:hover {
color: #ec6f31;
}
.main-navigation li.current_page_item a {
font-weight: 700;
color:#ec6f31;
}
body.home .main-navigation #menu-item-22 {
display: none;
}
@media screen and (max-width: 49.999em) {
.main-navigation label {
position: absolute;
top: 1.125rem;
right: 1.5rem;
height: 1rem;
width: 1.5rem;
z-index: 5;
}
.main-navigation input + label span {
position: absolute;
width: 100%;
height: 0.125rem;
top: 50%;
left: 0;
display: block;
background: #000;
transition: .4s;
}
.main-navigation input + label span:first-child {
top: 0;
}
.main-navigation input + label span:last-child {
top: 100%;
}
.main-navigation body label:hover {
cursor: pointer;
}
.main-navigation input:checked + label span {
opacity: 0;
top: 50%;
}
.main-navigation input:checked + label span:first-child {
opacity: 1;
transform: rotate(45deg);
}
.main-navigation input:checked + label span:last-child {
opacity: 1;
transform: rotate(-45deg);
}
.main-navigation .after-checkbox {
background: #fff;
position: absolute;
left:0;
display:none;
z-index: 4;
width: 100%;
}
.main-navigation input:checked ~ .after-checkbox {
display:block;
}
.main-navigation ul  {
padding: 1em 0;
}
.main-navigation ul li {
padding: 0.25em 1.5em;
font-size:1.25rem;
}
}
@media screen and (min-width: 50em) {
.main-navigation input,
.main-navigation label{
display: none;
}
.main-navigation ul{
display:flex;
justify-content: flex-end;
}
.main-navigation ul li{
padding-right:.75rem;
}
.main-navigation ul li a{
display:inline-block;
padding: 0 0 1rem;
line-height: 1;
font-size: .75rem;
}
} .header-space {
height:1rem;
}
body.home .header-space {
background:#007b3d;
}
.header1 {
padding:.5rem 1rem;
background: #fff;
width: 100%;
box-sizing: border-box;
}
@media screen and (min-width: 36em) {
.header1 {
position:fixed;
z-index: 100;
top:0;
}
.header-space {
height:3rem;
}
}
.header1 h3 {
font-size:.875rem;
line-height:1.3;
padding:7px 0 0 0;
margin:0;
color:#007b3d;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.header1 span {
display: block;
}
.header1 img {
width:10rem;
-webkit-transition: all 0.4s;
transition: all 0.4s;
margin-left:2px;
}
.header1 > div:nth-child(1){
padding-right: 2rem;
}
@media screen and (min-width: 25em) {
.header1 span {
display: inline-block;
}
}
@media screen and (min-width: 30em) {
.header1 {
display: flex;
justify-content: space-between;
vertical-align: center;
}
.header1 > div:nth-child(1){
flex: 1;
padding-right: 0;
}
.header1 > div:nth-child(2){
flex: 0 0 14rem;
text-align: center;
}
.header1 > div:nth-child(3){
flex: 0 0 2rem;
}
}
@media screen and (min-width: 50em) {
.header1 {
flex-wrap: nowrap;
}
.header1 > div:nth-child(3){
flex: 1;
}
}
@media screen and (min-width: 40em) {
.header1 h3 {
font-size:1rem;
padding:5px 0 0 0;
}
.header1 img {
width:12rem;
}
}
.header2 {
background:#007b3d;
text-align: center;
overflow:hidden;
position: relative;
}
.header2-title {
position: relative;
z-index:9;
}
.header2 h2{
color:#fbba00;
margin:0;
font-size:4rem;
font-size: clamp(3.5rem,7vw, 6rem);
font-family: 'Open Sans', sans-serif;
font-weight: 800;
line-height: 1;
}
.header2 h3{
color:#fbba00;
font-size:2rem;
font-size: clamp(1.125rem,4vw, 1.5rem);
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin:  0 ;
}
.header2 h4{
color:#fff;
margin-top:.25rem;
font-size:1.75rem;
font-size: clamp(1.125rem,5vw, 1.75rem);
}
.header2-line1{
color:#fff;
padding: 0 .5rem;
line-height: 1.3;
font-size:1.125rem;
}
.header2-line2{
color:#fbba00;
padding: 0 .5rem;
line-height: 1.3;
font-size:1.125rem;
}
.header2-text{
color:#fff;
padding: 0 1rem;
line-height: 1.2;
font-size:1rem;
font-size: clamp(1rem,2vw, 1.75rem);
}
.header2-arrow{
width:1rem;
height:1rem;
margin: 0 auto;
position: relative;
}
.header2-arrow a{
position: absolute;
width:1rem;
height:1rem;
display: block;
transform: rotate(45deg);
border-right: #fff 1px solid;
border-bottom: #fff 1px solid;
top:.5rem;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.header2-arrow a:hover{
top:1rem;
}
.hero-image-space {
position: relative;
width:100%;
padding-bottom:34.9%;
}
.hero-image {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.hero-image > div {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.hero1 {
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/headerbild-sturm1.png) no-repeat center center;
background-size:100% auto;
}
.hero2 {
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/headerbild-sturm2.png) no-repeat center center;
background-size:100% auto;
}
.hero3 {
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/headerbild-sturm3.png) no-repeat center center;
background-size:100% auto;
}
.hero4 {
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/headerbild-sturm4.png) no-repeat center center;
background-size:100% auto;
}
.hero5 {
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/headerbild-sturm5.png) no-repeat center center;
background-size:100% auto;
} .gewinnspielformular-background {
background:#007b3d;
width: 100%;
height: 8rem;
}
.gewinnspielformular {
top:-8rem;
position:relative;
margin-bottom:-2rem;
}
.gewinnspielformular section {
background:#E6E6E1;
padding: 1rem 2rem;
}
.gewinnspielformular section.kind {
background:#FFF3D7;
margin-bottom:1rem;
}
.gewinnspielformular {
top:-5rem;
}
.gewinnspielformular h2{
font-family: 'Open Sans', sans-serif;
color:#000;
font-size:1.375rem;
padding:.75rem 0;
margin:0;
}
.gewinnspielformular input[type="text"],
.gewinnspielformular input[type="email"],
.gewinnspielformular textarea
{
box-sizing: border-box;
width: 100%;
border: 1px solid #666;
color: #666;
padding: .25rem .5rem;
font-size: 1rem;
margin-bottom: .125rem;
-webkit-appearance: none;
font-family: 'Open Sans', sans-serif;
}
.gewinnspielformular input[type="submit"]
{
box-sizing: border-box;
border: 1px solid #007b3d;
color: #fff;
background:#007b3d;
padding: .25rem 1.5rem;
border-radius:3px;
font-size: 1.125rem;
font-weight: bold;
margin: 1rem 0 .5rem;
-webkit-appearance: none;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
}
.gewinnspielformular .form-row {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
font-size: .75rem;
}
.gewinnspielformular .form-row p {
flex: 0 0 100%;
padding-bottom:.75rem;
}
@media screen and (min-width: 40em) {
.gewinnspielformular .form-row2 p {
flex: 0 0 48%;
}
}
.datenschutz {
display: flex;
padding:.5rem 0 .5rem 1rem;
font-size:.875rem;
line-height:1.2;
}
.datenschutz .wpcf7-list-item {
display: inline-block;
margin: 0 .5rem 0 0;
}
.datenschutz a {
color:#000;
}
.gewinnspielformular small {
display: block;
padding: 1.5rem 0 0;
font-size:.75rem;
line-height: 1.2;
} .owl-carousel-space {
position: relative;
margin: 0 3rem;
padding-bottom: 3rem;
}
.owl-carousel-space > div {
position: absolute;
top:-5rem;
}
.owl-nav {
font-size:3rem!important;
position: relative;
}
.owl-nav .owl-prev{
position: absolute;
top:-5.5rem;
left:-2.75rem;
background:#fff;
}
.owl-nav .owl-next{
position: absolute;
top:-5.5rem;
right:-2.75rem;
}
.owl-nav .owl-prev span,
.owl-nav .owl-next span{
background:#fff;
display: block;
width: 2.25rem;
height: 2.25rem;
font-size:1.75rem;
line-height: 1.1;
overflow: hidden;
text-align: center;
border-radius: 50%;
border: solid 1px #007b3d;
color: #007b3d;
} .page-content {
padding: 0 0 2rem;
}
.content-austria {
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/rotweissrot.svg) repeat-x center center;
background-size: auto 7rem;
position: relative;
height:10rem;
}
.content-austria div:nth-child(1){
width:7rem;
margin-left:7%;
padding-top:1rem;
}
.content-austria div:nth-child(2){
width:10rem;
position: absolute;
right:7%;
top:1.5rem;
}
@media screen and (min-width: 40em) {
.content-austria div:nth-child(1){
width:9rem;
margin:0 auto;
padding-top:0;
}
.content-austria div:nth-child(2){
width:9rem;
position: absolute;
right:7%;
top:2rem;
}
}
.content-main h2 {
font-size:5rem;
font-size: clamp(2rem,3vw, 2.5rem);
}
.content-main p {
padding:.75rem 0;
}
.popcorn {
position: relative;
bottom:-5rem;
z-index: 9;
}
.produkte {
width: 100%;
height:0;
padding-bottom:56.25%;
position: relative;
margin-bottom:.5rem;
}
.produkte > div{
width: 100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.produkte1{
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/produkte.jpg) no-repeat center center;
background-size:cover;
}
.produkte2{
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/produkte.png) no-repeat center center;
background-size:cover;
}
.spalten div {
margin-bottom:.5rem;
}
@media screen and (min-width: 30em) {
.spalten {
display:flex;
justify-content: space-between;
}
.spalten div {
flex: 0 0 49%;
}
}
.button {
display: block;
border: #007b3d 1px solid;
box-sizing: border-box;
width:100%;
font-size:1.25rem;
border-radius: 4px;
position: relative;
text-decoration: none;
padding: .5rem 2rem .5rem 4.5rem;
color: #007b3d;
font-weight: bold;
}
.button2 {
background-color: rgba(0, 123, 61, 1);
color:#fff;
}
.button2:hover {
background-color:rgba(0, 123, 61, .8);
color:#fff;
}
.button1:after {
display: block;
content:'';
width: 1.825rem;
height: 1.825rem;
position: absolute;
top:.5rem;
left:.5rem;
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/einkaufswagen0.svg) no-repeat center center;
background-size:cover;
}
.button2:after {
display: block;
content:'';
width: 2.409rem;
height: 1.825rem;
position: absolute;
top:.5rem;
left:.5rem;
background: url(//www.steirerpop.at/wp-content/themes/steirerpop/images/einkaufswagen-online0.svg) no-repeat center center;
background-size:auto 100%;
}
.button-link {
display: block;
border: #007b3d 1px solid;
box-sizing: border-box;
font-size:1.25rem;
border-radius: 4px;
text-decoration: none;
padding: .5rem 2rem;
color: #007b3d;
font-weight: bold;
}
.social div {
text-align:center;
padding: .5rem 0;
}
.social a {
font-weight: bold;
color:#000;
}
.social img {
width:32px;
margin-bottom:.25rem;
} .footer {
background:#e8ebea;
text-align:center;
font-size: .75rem;
padding: 2rem 1rem 2rem;
}
.footer a{
color:#000;
}
.footer-logo {
width: 10rem;
padding-bottom:.5rem;
margin:0 auto;
}
.footer-innoevation {
width: 7rem;
}