html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; 
}
section {
clear:both;
text-align: center;
width: auto;
margin: auto 0;
2font-size: 80%;
padding:0 .5em;
line-height: 2.1;
}
content2 {
text-align: left;
width: auto;
margin-left: 5%;
font-size: 80%;
padding:5% .5em;
line-height: 2.1;
}
article {
clear: both;
width: 80%; float: left;
position: relative; font-size: 80%;
padding: 0.5em 0.5em;
line-height: 2.1;
}
article p {
text-align: justify;
}
@media screen and (min-width:800px) {
article  { 
margin: auto 10%;
text-align: justify;
font-size: 110%;
padding:.5em .5em;
}
}
.box_three.p-80  {
padding: 0;
margin: 0;
font-size:.8em;
text-align: justify;
color: #fff;
}                 
p {
width: 96%;
margin: auto 0;
text-align: left;
line-height: 1.3;
font-size: 100%;
color: #451d01;
}
a {
color:#2e1701;
text-decoration: none;
font-size:1.031em;
background-color: transparent;
font-family: 'Roboto';
font-weight: 400;
}
.current_page_item a:active{
color: red;
} .site-nav #menu-hauptnavigation a:aktive {
color: red;
cursor: pointer;
text-decoration: underline;
}
.site-nav #menu-hauptnavigation li a::before {
background-color: #ff0202 !important;
}
.site-nav #menu-hauptnavigation .active>a {
font-weight: 700;
color: #2e1701;
} em,  article  em  {
font-size: 90%;
width:100%;
line-height: .8;
}
h1{
width: 99%;
text-align: left;
font-size: 2.7em;
margin: 0.67em 0;
color:#2e1701; font-weight: 400;
font-family: 'Source Sans Pro';
}                         
h2 {
font-size: 1.2em;
line-height: 1.2;
margin: 3% 2%;
padding-bottom: 0;
text-align: left;
font-weight: 300;
max-width:96%; 
color:#2e1701;
}
.page-id-197 h2 {
clear: both;   margin-top: 5%;
padding: 0;
}
h3 {
max-width:99%;
padding-top:.4em;
padding-bottom: .8em;
font-size: 1.2em;
text-align: left;
color:#2e1701;
margin: 0 auto;
font-weight: 400;
}
h4 {
max-width: 94%;
font-size: 1.3em;
text-align: center;
color: #2e1701;
margin: 3% auto;
padding: 3%;
font-weight: 300;
line-height: 1.4;
}
#head-h1 h1 {
width: 99%;
text-align: left;
font-size: 2.10em;
margin: 4% 0 3% 0 ;
float: left;
color:#2e1701; font-weight: 300;
font-family: 'Source Sans Pro';
}    
@media screen and (min-width:500px) {
h3 {
font-size: 2.0em;
}
}
@media screen and (min-width:768px){
#head-h1 h1 {
font-size: 2.7em;
margin: 4% 0 3% 0 ;
}   
.page-id-1958 h1 {  
font-weight: 400; line-height: 1.7!Important; font-size: 3.7em!Important;
}
.page-id-1958 h3 {
font-weight: 400;
margin-left: 10%;
width: 90%;
font-size: 2.5em;
}
.page-id-1958 p {
font-weight: 400; margin: 7%;
color: #602705;
width: 86%;
text-align: justify;
font-size: 1.5em;
}
h1 {
margin: 0 auto;
font-size: 2.7em;
padding-top: 1em;
}
h2 {
margin: 0 auto;
font-size: 2.5em;
padding-bottom: 0;
}
h3 {
width: 99%;
margin: 0 auto;
font-size: 1.9em;
padding-bottom: 0;
}
h4 {
font-size: 1.6em;
margin: 0 auto;
}
.img-home img,   .home  p {
clear:both;
padding: 0;
font-size:1.5em;
max-width: 100%;
width: 100%;
margin: auto;
height: auto;
float: left;
}
.home img {
padding: 0;
margin: 0;
}
p {
width: 99%;
margin: auto 0;
padding:  0;
font-size: 110%;
}
em,  article  em  {
font-size: 90%;
width:100%;
line-height: .8;
}
article {
font-size: 110%;
}
}  
@media screen and (min-width:800px){ }
hr {  border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid #d3c4b6;
width: 100%;
margin-bottom: 2em;   float: left;
}
.hr-about {
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 3px solid #2e1701;
width: 100%;
margin-bottom:6em; margin-top: 2em;
position: relative; max-width:100%;  float: left;
}
.hr-referenzen,
.hr-referenzen{ border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: 0px; border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 2px solid #edcf06;
width: 100%;
margin-bottom: 1em;   float: left;
}
pre {
font-family: monospace, monospace; font-size: 1em; }
b, strong
{
height:auto;
position: relative;
background: rgba(0,0,0,0);
width: 100%;
text-align: left;
clear:both;
margin-bottom: 0em;
margin-top: 1em;
font-weight: bold;
}
.center {
display: flex; 
justify-content: center; 
align-items: center;
text-align: center;
}
.center p,
.center h2 {
justify-content: center; 
align-items: center;
text-align: center;
width: 100%;
}
.font80 {
font-size: 80%;
}
abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; }
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}
.grid-2 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-auto-rows: 1fr; }
.kontakt-50{
width: 90%;
margin: 0 auto;
padding: 0 ;
clear: both;
position: relative;
}
.kontakt-50 p {
text-align: justify;
font-size: 80%;
line-height: 1.7;
margin: 5% 0;
}
@media screen and (min-width:800px) {
.kontakt-50{
width: 80%;
margin: 0 10%;
padding:.5em .5em;
}
.kontakt-50 p {
font-size: 110%;
line-height: 1.9;
}
}
.kontakt-502 {
text-align: justify;
width: 90%;
margin:0 5%;
font-size: 80%;
padding: 0 ;
clear: both;
line-height: 1.5;
}
@media screen and (min-width:800px) {
.kontakt-502{
width: 80%;
margin: auto 10%;
font-size: 100%;
padding:.5em .5em;
}
}
.link-top h1{
width: 100;
padding-top: .4em;
padding-bottom: .8em;
font-size: 1.5em;
text-align: left;
font-weight: 300;
}
.link-top .container {
float: left;
display: block;
position: relative;
margin-top:5em;
margin-bottom: 1em;
color:#edcf06;
padding: 0 .8em ;
z-index: 200;
}
.link-top.container a{
color:#edcf06;
font-size: 1.2em;
padding: .5em ;
}
.link-top.container a:hover{
color: red;
}
@media screen and (min-width:800px) {
.link-top   .container {
width: 100%;
float: left;
position: relative;
margin-top: -7em;
margin-bottom: 1em;
padding: 0 2em 1em 2.3em;
2margin-left: 5%;
font-size: 1.5em;
text-align: center;
}
.link-top   .container a {
font-size: 1.4em;
text-align: center;
}
.link-top a:hover{
color: #ba2828;
}
}     
@media screen and (min-width:1000px) {
.link-top  {
width: 100%;  
margin-top: 1em;
text-align: center;
}
.link-top a {
font-size: 1.00em;
text-align: center;
}
}
.link-bottom  {
cursor: pointer;
text-align: center;
font-size: 80%;
}
.link-bottom a {
font-size: 100%;
}
.pic-tx {
color: #f5f9f5;
}
article.center p,
article.center strong{
text-align: center;
}
article strong {
font-weight: bold;
}
.center p{
text-align: center;
}
.flex .center {
color: #666666;
font-size: 1em;
width: 100%;
margin-left:1em;
padding:.5em .2em;
text-align: left;
line-height: 1.9;
float: left;
position: relative;
}
@media screen and (min-width:800px){
.left p,
.flex .center {
float: left;
position: relative;
color: #666666;
font-size: 1em;
width: 100%;
margin-left:1em;
padding:.5em .6em;
text-align: left;
line-height: 1.9;
}
}
<a href="/html/linkl.html?id=1" class="<?php if($_GET['id'] == '1') echo 'selected'; ?>">Link 1</a>
.gradient-hgreen {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,242,229,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,242,229,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,242,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f2e5',GradientType=0 );
padding-bottom: 8%;
}  
.hg-green {
top: 0;
background:#edcf06;
margin: 0;
padding: 0;
}
.hg-green-abstand {
padding-top: 7%;
padding-bottom: 7%;
background:#edcf06;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button,
input { overflow: visible;
}
button,
select { text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
details {
display: block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none;
}
</pre></body></html> .site-2nav a:active {
} 
.current-menu-item a {
display: block;
background: #fca605;
border-bottom: 1px solid rgb(235 107 10);
padding: 0.8em 1em!Important;
margin-top: -14px;
}
.home .current-menu-item a {
background: rgb(0 0 0 / 0%);
border-bottom: 2px solid #fff;
}.box
* {
box-sizing:border-box;
margin: 0;
padding: 0;
}
body {
background: rgb(255 255 255);
background-size: cover;
background-attachment: fixed;
background-blend-mode: soft-light;
font-family:'Source Sans Pro', 'Open Sans' ;
font-weight:400;
line-height: 1.9;
font-size:1.3em;
color: #2e1701;
font-style: normal;
text-rendering: optimizeLegibility;
}
body.custom-background {
background-size: auto;
background-blend-mode: normal;
}
img {
max-width:100%;
height:auto; } .sticky {
position: fixed;
top: 0;
width: 100%;
} @media screen and (min-width:1201px){
.home img {
padding: 0;
margin-top: -80px;
top: 0;
}
} .home header.site-header{
padding: 0;
margin: 0;
position: relative;
float: left;
max-height: 140px;
width: 100%;
background: rgba(59, 26 ,2, 0);
z-index: 2026;
}
.site-header {
padding: 0;
margin: 0;
position: relative;
float: left;
max-height: 120px;
width: 100%;
background: #2e1701;
z-index: 2026;
}
.head {
width: 100%;
margin: auto 0;
float: left;
position: relative;
background: #fff;
z-index: 2300;
} .logo {
position: relative;
float: left;
width:220px;
padding: 0.1em ;
margin: 0em 1em 0 1em;
display:block;
z-index: 2300;
}
.logo {
position: relative;
float: left;
width: 180px;
padding: 0.1em;
margin: 0em 1em 0 1em;
display: block;
z-index: 2300;
}
#logo-tx {
position: relative;
float: right; padding: 0.1em;
margin: auto;
width: 100%;
display: none;
text-align: center;
z-index: 2300;
font-size: 2.0em;
line-height: 1.1;
}
@media screen and (min-width:600px){
#logo-tx {
position: relative;
float: right;
width:auto;
padding: 0.1em ;
margin: .3em .6em 2.5em .3em;
display:none;
z-index: 2300;
font-size: 2.0em;
line-height: 1.1;
}
}
@media screen and (min-width:640px){
#logo-tx {
position: relative;
float: right;
width:auto;
padding: 0.1em ;
margin: .3em .6em 1.1em .3em;
display:none;
z-index: 2300;
font-size: 2.3em;
line-height: 1.1;
}  }
#logo-tx2 {
position: relative;
float: left;
width: auto;
padding: 0.1em; margin-left: 20%;
display: block;
z-index: 2300;
font-size: 2.3em;
line-height: 1.1;
}
#logo-tx  a {
color: #eed9c1;
}
#logo-tx-footer  a {
color: #fff;
}
#logo-tx-footer span {
color:#eb6a0a;
font-size: 95%;
}
.home header #logo-tx span {
color:#3b1a02;
font-size: 95%;
}
#logo-tx span {
color:#eb6a0a;
font-size: 95%;
}
@media screen and (max-width:600px) {
.logo  { }
}
@media screen and (min-width:600px) and (max-width:800px) {
.logo {
top: 1em;
margin: auto 1% auto 10%;
}
}
@media screen and (max-width: 700px){
.logo {
margin-left: 30%; }
}
@media screen and (min-width:900px) {
.logo img{
width: 70%;      
margin: 0.8em 0.8em 0 0.8em;
}
}
@media screen and (min-width:1120px) {
.logo {
width:230px;  
margin: 0.8em 0.8em 0 0.8em;
}
}
@media screen and (min-width:1300px) {
.logo img {
width: 80%;
}
}
@media screen and (min-width:1440px) {
.logo img {
width: 90%;
}
}
.header-image  {
position: relative;
float: left;
width: 100%;
padding: 0;
margin-bottom: 0;
display:block;
z-index:10;
} .breadcrumb{
background: rgba(255, 255, 255,1);
width: 95%;
float: left;
position: relative; margin-top: 1em;
margin-bottom: 1em;
padding: 8% 0 2em 5%;
margin: 0;
z-index: 1900;;
}
@media screen and (min-width:800px) {
.breadcrumb { }
}   
@media screen and (min-width:1000px) {
.breadcrumb { }
}  .container {
max-width:100%;
margin: 0 auto;
color: #292c29;
}
@media screen and (min-width:1100px) {
.container {
}
}
@media screen and (min-width:801px){
.img-home img, .home img,  .home  p {
clear:both;
padding: 0;
font-size:1.5em;
max-width: 100%;
width: 100%;
margin: auto;
height: auto;
float: left;
}
.home img {
padding: 0;
margin: 0;
}
.site-content .img-home img{
margin:0;
padding: 0;
left:0;
right:0;
width: 100%;
}
.site-content .img-home img{
color: #f5f9f5;
float: left;
position: relative; margin-top: 3em; 
padding: 1em;
margin: 1em; }
}     
.box-90,
.box-80,
.box-80-un,
.box-70,
.box-60 ,
.box-50,
.box-40{
width: 96%;
margin: auto ;
}
.box-60 img {
width: 100%;
}
.box-40left{
width: 60%;
margin: auto ;
}
.box-full {
width: 100%;
float: left;
height: auto; margin: 0 auto;
clear: both
}
.box-full p {
margin: 2% 3%;
width: 94%;
}
.box-full img {
width: 100%;
}
.box-banner {
width: 100%;
height: auto;
min-height: 300px;
margin: auto;
float: left;
padding: 4% 0;
background: #fff;
}
.box-banner-green {
width: 100%;
height: auto;
min-height: 300px;
margin: auto;
float: left;
padding: 4% ;
background: #99d7dc;
color: #176c73;
font-size: 1.5em;
text-align: center;
}
.box-banner-green article {
text-align: center;
}
.box-banner-green h2,
.box-banner-green p {
color: #176c73;
text-align: center;
}
h3.banner {
color: #f7a237;
font-size: 2.3em;
text-align: center;
padding-top: 0;
}
h4.banner {
color: #176c73;
font-size: 1.6em;
text-align: center;
}
@media screen and (min-width:800px){
h3.banner {
font-size: 5.3em;
}
h4.banner {
font-size: 2.0em;
}
}
.box-banner-bottom {
width: 100%;
height: auto; margin: 0;
float: left;
padding:  0;
text-align: center;
}
.box-full-top {
width: 100%;
}
.box {
Column-gap: 1em;
margin-left: 0;
}
.right {
float: right;
width: auto;
text-align: right;
padding-right: 5%;
margin-top: 0;
}
.icon2.box-70{
width: 96%;
margin: auto ;
}
@media screen and (min-width:800px){
.box-banner-green {
margin: 10% auto 0% auto;
float: left;
padding: 10% 0;
font-size: 1.5em;
}
.box-60 .gal-60{
width: 60%;
margin: auto 20%;
}
}
@media screen and (min-width:1001px){
.box-40 {
width: 40%;
margin: auto 30%;
}
.box-40left {
margin-left: 40%;
}
.box-50 {
width: 50%;
margin: auto 25%;
}
.box-60 {
width: 60%;
margin: auto 20%;
}
.box-60 img {
width:400px;
margin: auto;
}
.box-60A {
margin: auto 20%;
float: left;
}
.box-70,
.icon2.box-70{
width: 70%;
margin: auto 15%;
}
.box-80,
.box-80-un{
width: 80%;
margin: auto 10%;
}
.box-80 figcaption  { font-size: .9em;
display: block;
text-align: center;
}
.box-802 figcaption p {
font-size:.9em;
}
.box-90 {
width: 90%;
margin: auto 5%;
}
.90{
background-color: rgba(255,255,255,0);  
padding: 5%;
}
}
@media screen and (min-width:1600px) {
.box-80-un {
width: 70%;
margin: auto 15%;
}
} .max-two{
columns: 2 300px;
column-gap: 1em;
grid-auto-rows: 1fr;
} .max-three{
columns: 3 300px;
column-gap: 1em;
}
.max-three p{
font-size: 100%;
}
.max-three h2 {
font-size:3.2em;
} .max-four{
columns: 4 300px;
column-gap: 1em;
} .six {
width: 90%;
margin: auto 5%;
columns: 6 100px;
column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: 1fr; }
@media screen and (min-width:768px){
.six {
width: 80%;
margin: auto 10%;
columns: 6 100px;
column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-auto-rows: 1fr; }
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr; }
.box_grid{
display: grid;
Column-gap: 0em;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-auto-rows: 1fr; }
.box_two {
Column-width:2 210px;
Column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
grid-auto-rows: 1fr; }
.box_three {
Column-width:3 300px;
Column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr; }
.box_three_0 {
display: grid;
Column-width: 3 280px;
Column-gap: 0.1em;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
grid-auto-rows: 1fr;
}
.box_three.p-80  {
padding: 0;
margin: 0;
font-size:.8em;
text-align: justify;
color: #fff;
} 
@media screen and (min-width:768px){
.box_three_0 {
Column-width:3 300px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr; }
}                
.box_four {
display: grid;
columns: 4 4rem;
min-width: 200px;
column-gap: 0em;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.box_four .bg-gr {
font-size: 90%;
padding: 2em;      text-align: center;
display: flex;
align-items: center; justify-content: space-around;
}
.box_300 {
Column-width: 300px;
Column-gap: 1em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-rows: 1fr; }
.box_340 {
display: grid;
columns:  340px; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
grid-auto-rows: 1fr; }
.box_350 {
display: grid;
column-gap: 0;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
grid-auto-rows: 1fr; }
.box_450 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
padding-bottom: 2%;
}
@media screen and (min-width:451px){
.box_450 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
padding-bottom: 2%;
margin-bottom: 5px;
}
}
.box-450-web img {
margin: 0 auto;
display: block;
width: 95%;
}
.box-450-small img {
margin: 0 auto .5em auto;
display: block;
}
.box-450-small p{
text-align: center;
}
.grid-icon {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
grid-auto-rows: 1fr;
width: 80;
padding: 2%;
margin-bottom: 5%;
margin-top: 5%;
}
.box-icon {
border: #eb6a0a solid 1px;
float: left;
margin: 10% 2% 5% 2%;
line-height: 1.1;
text-align: center;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
padding: 0.5em;
align-items: center;
}
.box-icon2 {
border: #fff solid 1px;
float: left;
margin: 5% 2% 5% 2%;
line-height: 1.1;
text-align: center;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
padding: 0.5em 0;
align-items: center;
}
.box-icon a {
color: #eb6a0a;
padding: 2%;
font-size: .9em;
}
.box-icon.font-middle,
.font-middle {
font-size: .8em;
text-align: left;
}	
@media screen and (min-width:900px){
.grid-icon {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
grid-auto-rows: 1fr;
width: 80;
margin-top: 5%;
}
.grid-icon h2 {
font-size: 100%;
color: #fff;
}
.box-450 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding-bottom:0;
margin-bottom: 2px;
}
.box-450-footer,
.box-450-web{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding-bottom:0;
float:	left;
}
.box-450-small {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding-bottom:0;
}
.box-450-small p{
text-align: left;
}
}
.icon-kontakt {
display: block;
margin: 15% 5%;
}
.icon-kontakt img {
display: block;
margin: auto;
justify-content: center;
}
.icon-kontakt h2 {
width: 100%;
float: left;
margin: 0 auto;
font-size: 1.5em;
text-align: center;
color: #fff;
padding: 2%;
}
.icon-kontakt p {
text-align: center;
color: #fff;
font-size: 1.0em;
padding: 2%;
}
.icon-kontakt2 {
display: block;
margin: 15% 0;
}
@media screen and (min-width:1000px){
.icon-kontakt2 {
display: block;
margin: 15% 15%;
}
}
.icon-kontakt2 .bg-0 p {
text-align: center;
color: #fff;
font-size: 1.0em;
padding: 0 0 5% 0;
width: 100%;
}
.icon-kontakt2.bg-0 h1{
width: 100%;
float: left;
margin: 0 auto;
font-size: 1.5em;
text-align: center;
color: #fff;
padding: 2%;
}
.icon-kontakt2 h3 {
text-align: center;
color: #2e1701ff;
font-size: 1.0em;
padding: 0 3% 10% 3%;
padding-bottom: 1em;
width: 94%;
line-height: 1.3;
}
.icon-kontakt2 img {
display: block;
margin: auto;
justify-content: center;
}
.max_500 {
margin: auto;
max-width: 500px;
}  
.page-id-184 h2 {
color: #fff;
font-weight: 400;
} h3.left-btn { font-size: 2.5em;
color: #176c73;
line-height: 1.1;
font-weight: 400;
}
h4.left-btn {
font-size: 3.15em;
color: #176c73;
line-height: .7;
font-weight: 300;
width: 75%;
margin-bottom: .5;
margin-top: 1em;
text-align: center;
}
h3.middle-btn {
font-size: 1.8em;
color: #176c73;
line-height: 1.1;
font-weight: 400;
}
h4.middle-btn {
font-size: 3.15em;
color: #176c73;
line-height: .7;
font-weight: 300;
width: 75%;
margin-bottom: .5;
margin-top:0em;
text-align: center;
}
.box_btn {
min-width: 300px;
column-gap: 0em;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin: auto 20%;
width: 80%;
float: left;
}
.box_btn  .bg-gr {
font-size: 90%;
padding: 1em;    hyphens: none; 
text-align: center;
display: flex;
align-items: center; justify-content: space-around;
}
.box_btn  .bg-gr p {
hyphens: none; 
} .box-pic {
border: 1px solid #333;
float: left;
height: auto;
text-align: center;
padding:.7em;
font-size: 83%;
margin: 1em;
position: relative;
clear: both;
}
.box-pic p {
clear: both;
position:relative;
float: left;
text-align: center;
width: 100%;
margin: 0;
font-size:1.2em;
color: #333;
padding: .2em;
}
.box-pic img {
margin-top: 3%;
margin: auto;
position:relative;
float: left;
}
.box-pic h1,
.box-pic h2 {
position:relative;
float: left;
width: 80%;
margin: auto 10%;
}
.box-pic h1{
font-size:3.5em;
padding-top: 5%;
font-weight: 400;
}
.box-pic h2{
font-size:2.9em;
width:100%;
font-weight: 200;
} 				 
.box-pic-0 {
border: 0px solid #333;
float: left;
height: auto;
text-align: center;
padding-bottom: 1em;
padding-top: .4em;
font-size: 60%;
margin: 0em;
position: relative;
clear: both;
}
.box-pic_0{
max-width: 700px;
margin-right: 0;
float: left;
margin-left: 30%;  }
.box-UN{
max-width: 300px;
margin-right: 0;
float: left;
margin-right: 2%;   }   
.box-UN-re{
max-width: 700px;
margin-right: 0;
float: left;
margin-right: 0;   }   
.box-pic-2 {
border: 0px solid #333;
float: left;
height: auto;
text-align: center;
padding: .1em 0;
font-size: 60%;
margin: .2em;
position: relative;
clear: both;
}
@media screen and (max-width:520px){
.box-pic_0,
.box-UN{
border: 0px solid #333;
text-align: center;
padding: 0em;
font-size: 84%;
margin: 0;
position: relative;
clear: both;
width: 100%;
}
}
.four, 
.four2 {
display: block;
}
.four, 
.four2 {
display: grid;
columns: 4 4rem;
min-width: 280px;
column-gap: 0em;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(280px, 2fr));
}
@media screen and (min-width:768px){
.four, 
.four2{
min-width: 320px;
grid-template-columns: repeat(auto-fit, minmax(320px, 2fr));
}      
}		
@media screen and (min-width:850px) {
.four, 
.four2 {
display: grid;
columns: 4 4rem;
min-width: 320px;
column-gap: 0em;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(320px, 2fr));
}
.four .box_bg3 {
margin-top: 3em;
background: ;
}
}
@media screen and (min-width:1180px)  {
.four {
display: grid;
columns: 4 4rem;
min-width: 240px;
column-gap: 0em;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(240px, 2fr));
}
}                  
.vier-bilder p {
line-height: 1;
margin: 0;
padding: 0;
width: 100%;
}
div.section {
position: relative;
}
.wpbox {
position: relative;
padding: 0rem;
width: 100%;
}
.size-icon  {
width: 70px;
}   .bg-yellow {
background:#f7d541;
color: #292c29;
font-family:'Roboto'
text-align: center;
font-size:1.1em;
float: left;
padding: 0;
margin: 0;
}
.bg-yellow h1{
color: #292c29;
}
.bg-0 {
background: #e6e5e1;
color: #2e1701!Important;
border: #2e1701 solid 1px;
text-align: center;
font-size: 1.1em;
float: left;
padding: 0;
margin-top: -20px;
}
.bg-0 h2 {
font-size: 2.2em!Important;
text-align: center;
color: #2e1701!Important;
padding: 0 2% 4% 2%;
margin-top: -10px;
}
.bg-0 p {
font-size: 1.0em;
text-align: center;
color: #2e1701!Important;
padding-bottom: 1em;
}
.bg-kontakt {
background: #e6e5e1;
color: #2e1701;
border: #ff6a01 solid 2px;
text-align: center;
font-size: 1.1em;
float: left;
padding: 0;
width: 100%;
}
@media screen and (min-width: 1100px){
.bg-kontakt {
width: 50%;
margin: -5% 25% 5% 25%;
}
}
.bg-kontakt p {
margin: 0;
float: left;
padding: 0;
width: 100%;
}
.box-brown-kontakt {
background-color: #1a0b01;
width: 80%;
color: #fff;
margin: auto 0;
padding: 5% 10%;
float: left;
} 
.box-brown-kontakt h1 {
width: 100%;
float: left;
margin: 0 auto;
font-weight: 400;
font-size: 2.7em;
text-align: center;
color: #fff;
padding: 2%;
}
.page-id-184 .bg-kontakt h2 {
font-size: 2.2em!Important;
text-align: center;
color: #2e1701;
padding: 0 2% 4% 2%;
float: left;
margin-top: 20px;
width: 96%;
}
.box-brown-kontakt.bg-kontakt h3 {
font-size: 1.0em;
text-align: center;
color: #e6e5e1;
padding-bottom: 1em;
}
.bg-1gr {
padding: 1em;
background-color: #fff;
margin: 1em;
}
.bg-1gr h2{
font-size: 1.55em;
font-weight: 400;
}
bg-1gr a:hover {
background: blue;
}
.bg-1gr  a:hover{
width: 100%;
height: : 100%;
left: 0;
}
@keyframes .bg-1gr  a:hover {
0% {
transform: scale(0.1);
opacity: 0; }  
50% {
transform: scale(.5);
opacity: .4; }
100% {
transform: scale(1.);
opacity: 1; }
}  
.bg-1tr {
padding: 1em;
background-color: #f7d541; background: rgb(240,195,0);
background: linear-gradient(90deg, rgba(240,195,0,1) 0%, rgba(242,220,122,1) 50%, rgba(242,198,6,1) 97%);
margin: .1em;
}
.bg-1tr h2{
font-size: 1.55em;
font-weight: 400;
}
bg-1tr a:hover {
background: blue;
}
.bg-1tr  a:hover{
width: 100%;
height: : 100%;
left: 0;
}
@keyframes .bg-1tr  a:hover {
0% {
transform: scale(0.1);
opacity: 0; }  
50% {
transform: scale(.5);
opacity: .4; }
100% {
transform: scale(1.);
opacity: 1; }
} .box-orange {
background-color: #fba603;
width: 80%;
color: #fff;
margin: auto 0;
padding: 2% 10%;
float: left;
}
.box-orange-colbr {
background-color: #fba603;
width: 80%;
color: #fff;
margin: auto 0;
padding: 2% 10% 0 10%;
float: left;
}
.box-white-colbr { background-color: #fff;
width: 80%;
color: #2e1701;
margin: auto 0;
padding: 2% 10% 0 10%;
float: left;
}
.orange-box { background-color: #fba603;
width: 100%;
color: #fff;
margin:0;
padding: 2% 0;
float: left;
}
.box-orange-full {
background-color: #fba603;
width: 94%;
color: #2e1701;
margin: auto 0;
padding: 2% 3%; 
float: left;
}
.box-orange-d-full {
background-color: #eb6a0a;
width: 94%;
color: #fff;
margin: auto 0;
padding: 2% 3%;
float: left; 
position: relative;
}
.box-brown {
background-color: #1a0b01;
width: 80%;
color: #fff;
margin: auto 0;
padding: 5% 10%;
float: left;
}
.box-brown-60 {
background-color: #1a0b01;
width: 60%;
color: #fff;
margin: auto 0;
padding: 5% 20%;
float: left;
}
.jahr {
font-size: 140px; font-family: "Colosseum";
color: rgb(46, 23, 1); margin-bottom: 0.5em;
line-height: 0.1;
width: 100%;
float: left;
text-align: left;
}
@media screen and (min-width:500px){
.jahr {
font-size: 158px;
}
}
@media screen and (min-width:1200px){
.jahr {
margin-bottom: 4%;
line-height: 0.1;
}
}
.box-orange  h1,
box-orange-full h1
{
line-height: 1.2;
font-size: 1.9em;
}
.box-orange-colbr h1{
line-height: 1.2;
font-size: 1.9em;
color: #fff;
margin-top: 5%;
text-align: center;
}
.box-white-colbr h1{
line-height: 1.2;
font-size: 1.9em;
color: #2e1701;
}
.box-orange  h2,
.box-orange-d-full h2 {
color: #fff;
line-height: 1.2;
font-size: 1.9em;
} .box-brown h2, box-brown-60 h2 {
color: #fff;
line-height: 1.2;
font-size: 1.9em;
font-weight: 400;
margin: auto 0%;
}
.box-brown p,
box-brown-60 p{
color: #fff;
font-size: 1.4em;
}
.box-orange-colbr  h2,
.box-white-colbr h2{
color:#2e1701;
line-height: 1.2;
font-size: 1.9em;
font-weight: 400;
}
.box-orange  h3{
width: 99%;
font-size: 1.9em;
padding-bottom: 0;
color: #fff;
}
.box-orange p,
.box-orange-colbr p{
color: #fff;
font-size: 1.0em;
}
.box-orange p {
font-size: 1.0em;
line-height: 1.4;
text-align: justify;
margin: 5% 0;
}
.box-white-colbr p{
color: #2e1701;
font-size: 1.0em;
}
.box_bg1 { background-color: rgba(255,255,255,1);
border: #181834 solid 1px;
padding: 0;
float: left;
margin: 4% 2%; color: #fff;
text-align: center;
} 
.box_bg1 img {
width: 100%;
}
.box_bg2{
background-color: #fba603;
border: #181834 solid 1px;	
padding:0;
float: left;
margin: 30% 1em 5% 1em;
height: auto;
color: #fff;
text-align: center;
} .box-orange-colbr .partner p,
.box-white-colbr .partner p{
font-size: .8em;
line-height: 1;
color: #2e1700;
line-height: 1.2;
}
.partner .box_bg1,
.partner .box_bg2{
padding:.7em;
}
.partner .box_bg1 p {
color: #181834;
}
@media screen and (min-width:580px){
.box-orange-colbr .partner,
.box-white-colbr .partner{
margin: .5em;
}
.box-orange-colbr .partner p{
font-size: .8em;
padding: 0 0.5em 0.5em 0;
color: #2e1700;
text-align: justify!Important;
line-height: 1.6;
}
.box-white-colbr .partner p{
font-size: .8em;
padding: 0 0.5em 0.5em 0;
text-align: justify!Important;
line-height: 1.6;
}
} .box_bg0 {
border: #181834 solid 0px;
padding: 0;
float: left;
margin: 10% 1em 5% 1em;
height: auto;
color: #fff;
text-align: center;
}
.box_bg0 h2 {
text-align: center;
}
.box_bg0 p {
color: #c9bebb;
text-align: justify!Important;
font-size: 1.3em;
}
.box_bg0 h1 {
font-size: 2.2em;
color: #eb6a0a;
float: left;
padding-top: 0; margin-top: -50px;
}
.box_bg0 img {
float: left;
margin-left: 25%;
}
.box-orange h1{
margin-top: 80px;
line-height: 1.2;
font-size: 1.9em;
}
@media screen and (min-width:800px){
.box-orange h1{
margin-top: 0;
}
}
@media screen and (min-width:580px){
.box-orange  h1 {
font-weight: 400;
font-size: 2.5em;
}
.box-orange  h2{
font-size: 4.4em;
text-align: left;
}
.box-orange-d-full h2{
font-size: 2.8em;
text-align: left;
}
.box-brown h1,
box-brown-60 h1{
margin: auto 0%;
font-size: 3.5em;
color: #fff;
}
.box-orange p {
font-size: 1.6em;
line-height: 1.4;
}
.box-orange-colbr  h1 ,
.box-white-colbr h1{
font-weight: 400;
font-size: 3.1em;
padding: 0;
}
.box-orange-colbr  h2,
.box-white-colbr h2{
font-weight: 400;
font-size: 2.5em;
margin: 6% 0 1% 0;
}
.box-orange-colbr p,
.box-white-colbr p{
font-size: 1.1em;
line-height: 1.6;
}
.box_bg0 h1 {
font-size: 4.4em;
color: #eb6a0a;
margin-top: -50px;
}
.box-brown h2,
box-brown-60 h2{
margin: auto 0%;
font-size: 3.0em;
}
}
@media screen and (min-width: 600px) and (max-width: 800px) {
.bg-1 {
font-family:'Roboto'
text-align: center;
font-size:1.1em;
background: rgba(249, 210, 3, 0);
background:#fff;
float: left;
padding: 0;
margin: 0;;
top: 0;
}
}
.bg-tr {
color: #292c29;
font-family:'Roboto'
text-align: center;
font-size:1.1em;
background: rgba(255,225,255,.2);
float: left;
padding: 3%;
margin: 0;
}
.bg-db {
height: auto;
color: rgba(249, 210, 3, 1);
font-family:'Roboto'
font-style: normal;
text-align: center;
font-size:1.1em;
background: rgba(24,24,52,1);
float: left;
padding: 3%;
margin: 0;
}
22.bg-db {
background-color: #181834;
width: 100%;
color: #fff;
padding-left: 1em;
}
.bg-green-1 a {
font-size:1.3em;
color: #666;
background: rgba(217, 247, 218, 1);
font-weight: 300;
}
.bg-green-6 {
background: rgba(217, 247, 218, .6);
padding: 3%;
}
.bg-green-4 {
background: rgba(217, 247, 218, .4);
padding: 3%;
}
.bg-green-3 {
background: rgba(217, 247, 218, .3);
padding: 3%;
}
.bg-green-2 {
background: rgba(217, 247, 218, .2);
padding: 3%;
}
.bg-white {
background: rgba(255, 255, 255, 1);
padding: 3%;
} .bg-green-h {
background:rgb(234, 244, 234);
padding: 3%;
}
.bg-green-h a {
font-size:1.3em;
font-weight: 300;
color: #666;
}
.bg-333 {
background: rgba(41,44,41, 1);
}
.box1-bg-db {
background-color: #181834;
width: 100%;
margin: auto 0;
padding: 5%;
float: left;
}
.box1-bg-beige {
background-color: #ece7e4;;
width: 90%;
color: #fff;
margin: auto 0;
padding: 5%;
float: left;
}
.box-beige-home { background-color: #ece7e4; width: 94%;
color: #663333;
margin: auto 0;
padding: 3%;
float: left;
}
.box-beige-home img:hover {
filter: brightness(0.5);
transition: 2s all ease;
}
.box-beige-home  h1{
width: 99%;
margin-bottom: 0;
font-size: 2.1em;
line-height: 1.2;
text-align: center;
padding-bottom: 0;
color: #663333;
}
.box-beige-home  h3{
width: 99%;
margin: 0 auto;
font-size: 1.1em;
text-align: center;
padding-bottom: 0;
color: #663333;
}
.box-beige-home  p{
width: 99%;
margin: 0 auto;
font-size: 1.5em;
text-align: left;
padding-bottom: 0;
color: #663333;
}
.box-beige {
background-color: #ece7e4;;
width: 90%;
color: #fff;
margin: auto 0;
padding: 5%;
float: left;
}
.box-beige p {
color: #fff;
}
.box-yellow {
background-color: #f7d541;
width: 90%;
color: #181834;
margin: auto 0;
padding: 2% 5% 5% 5%;
float: left;
}
.box-yellow h1 {
color: #fff;
margin: auto;
line-height: 1.2;
font-size: 2.0em;
text-align: center;
}
@media screen and (min-width:580px){
.box-yellow h1 {
font-size: 4.4em;
text-align: left;
}
.box-beige-home h1 {
font-size: 3.1em;
line-height: 1.9;
}
}
.item {
width: auto;
height: auto;
margin: 50px auto;
padding-top: 75px;
}
.box-yellow h2 {
color: #fff;
margin:auto 7%;
line-height: 1.2;
font-size: 1.9em;
}
.box-yellow p {
color: #fff;
font-size: 1.1em;
font-weight: 400;
line-height: 1.3;
}
@media screen and (min-width:768px){
.box-yellow p {
font-size: 1.7em;
}
.box-yellow h2 {
font-size: 3.1em;
}
}
.box-yellow p a{
color: #181834;
font-size: 1.9em;
font-weight: 300;
line-height: 1;
}
p .bg-gr {
background-color: #f1ecec;
width: 100%;
color: #181834;
padding-left: 1em;
}
.box_bg {
background-color: rgba(255,255,255,.8);  
padding: 5%;
}
h2.leistungen {
margin: 10%;
font-size: 1.1em;
float: left;
padding-bottom: 0;
text-align: left;
font-weight: 400;
max-width: 100%;
color: #181834;
}
h3.leistungen {
margin: 0 2% 4% 2%;
font-size: 1.13em;
float: left;
padding-bottom: 0;
text-align: left;
font-weight: 400;
max-width: 100%;
color: #181834;
line-height: 1.4;
}
@media screen and (min-width:680px){
h2.leistungen {
font-size: 2.5em;
}
h3.leistungen {
font-size: 1.5em;
line-height: 1.23;
}
} ul.referenz-h2 {
font-size: 3.1em;
line-height: 1.4;
}
.referenz-h2 li span{
color: #f7d541;
}
.referenz-h1 h1{
color: #f7d541;
} .container-rezension,
.containerrezension {
float: left;
width: 96%;
height: 100%;
padding: 2%;
position: relative;
margin-top: 1%; 
font-size: 80%;
}
@media screen and (min-width:768px){
.container-rezension,
.containerrezension {
width: 80%;
margin: 3% 10%;
}
}
.container-rezension  .slick-slider,
.container-rezension  .slick-arrow{
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
position: absolute;
z-index: 2;
top: 12%;
font-size: 40px;
}  
.container-rezension.one-pic{
width: 69%; 
margin-top: .5em;
margin-bottom: .5em;
}
.container-rezension.rezension_1{    
width:100%;
padding:1em;
margin-top:0;
text-align: center;
margin-bottom: 2em;
border:none;
}
.container-rezension p {
font-family: 'Raleway';
font-style: normal;
font-weight: 200;
font-size: 1.0em;
line-height: 1.6;
width: 98%;
float: left;
margin-top: 0;
text-align: center;
}
@media screen and (min-width:768px){
.container-rezension p {
width: 69%; 
margin-left: 15%;
margin-right: 15%;
}
}
.containerrezension h2 {
margin: 0 auto;
text-align: center;
color: #451d01;
font-weight: 400;
width: 90%;
}
.slick-arrow {
opacity: .0;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
background: rgba(0,0,0,0);
}
.slick-prev {
float: left;
}
.slick-arrow.slick-next {  
float: right;
margin-right: 0%;
} ul.slick-dots{
margin-left: -1111111px;
margin-top:-11111111px;
}
.slick-dots li {
display: inline;
text-align: center;
width: 80%;
margin: auto 0;
margin-left: 1em;
}
.slick-dots {
display: inline-block;
float: left;
overflow: hidden;
opacity: .37;
width: 100%;
margin: auto 0;
margin-top: 0;
border-radius: 20%;
}
.slick-dots ,
.presentation ul li, 
.resentation  ol {
top: 0;
list-style-type: circle;
width: 90%; text-align: center;
padding: 0;
}
@media screen and (min-width:800px){
.slick-dots  {
padding: 0;
}
}
.rezension strong {
font-family: 'Raleway';
font-style: normal;
font-weight:900;
}
.rezension a {
font-family: 'Raleway';
font-style: normal;
font-weight:900;
color:crimson;
}
.rezension a strong,
.rezension a b{
color: #020518;
}
.containerrezension .one-pic{
width: 69%; 
margin-top: .5em;
margin-bottom: .5em;
}
.containerrezension .rezension_1{    
width:100%;
padding:1em;
margin-top:0;
text-align: center;
margin-bottom: 2em;
border:none;
}
@media screen and (min-width:768px) {
.containerrezension {
max-width:100%;
margin: auto 0;
}
.containerrezension .rezension_1 {
padding-top:0;
margin-top:0;
border:none;
float:left;
}
.containerrezension  {
height: auto;
float: left;
padding: 1em 0;
margin: auto 5%;
max-width: 90%;
width: 100%;
line-height: 2.7;
clear: both;
}
.container-posts {
clear:both;
}
} .rezension-inhalt p {
font-size: 1.2em;
line-height: 1.6;
padding: 0;
margin: auto 10%;
}
.rezension-inhalt  a {
color: red;
}  .slick-next {
} .container-slider  {
float: left;
width: 100%;
height: auto;
padding: 1em;
position: relative;
margin-top: -1%;
}
.container-slider  .slick-slider,
.container-slider  .slick-arrow{
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
position: absolute;
background: red;
z-index: 2;
top: 20%;
font-size: 40px;
} 
.container-slider.one-pic{
width: 69%; 
margin-top: .5em;
margin-bottom: .5em;
}
.container-slider {    
width:98%;
padding:1em;
margin-top:0;
margin: auto 1%;
text-align: center;
border:none;
}
.container-slider p {
font-family: 'Raleway';
font-style: normal;
font-weight:200;
font-size: 1.2em;
line-height: 1.6;
width: 69%; 
float: left;
margin-top: 0;
margin-left: 15%;
margin-right: 15%;
text-align: center;
}
.container-slider li {
display: none;
}
.container-slider.slick-slide img {
display: inline;
} .bb-orange p {
border-left: #f7a237 solid 3px;
padding-left: 10px;
}  .parallax ,
.parallax  h1{
font-size: 2.4em;
color: #fff;
font-weight: 400;
}
.parallax1 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/03/fussboden-home-livingroom-schellenberg-glauchau.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 600px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax1 img {
width: 125px;
}
.parallax2 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/01/about-ausstellungen.jpg); height: 300px; 
margin-top: 0px;
color: #fff;
font-size:1.6em; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 5%;
}
.parallax1 h1{
font-size: 1.3em;
text-align: left;
width: 90%;
font-style: normal;
color: #3b1a03;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 15% 5%;
} @media screen and (min-width:800px){
.parallax1 h1{
font-size: 3.4em;
width: 70%;
padding: 0;
}  
.parallax2 {
clear: both;
height: 500px;
margin-top: 0px;
padding-top: 5%;
color: #fff;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
.parallax3 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/01/about-ausstellungen.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 500px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax3 h1{
font-size: 2.5em;
text-align: left;
width: 90%;
font-style: normal;
color: #fff;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 10% 5%;
}
.parallax4 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/03/innentueren-Wohnzimmer-schellenberg-glauchau-b.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 500px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax4 h1{
font-size: 2.5em;
text-align: left;
width: 80%;
font-style: normal;
color: #fff;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 5%;
}
.parallax5 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/03/Holzdecke-Kiesel-holzhandel-schellenberg-glauchau-b.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 600px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax5 h1 {
font-size: 2.0em;
text-align: left;
width: 90%;
font-style: normal; line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding:  5%;
}
.parallax6 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/03/Avangart-holzhandel-schellenberg-glauchau-b.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 500px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax6 h1{
font-size: 2.5em;
text-align: left;
width: 90%;
font-style: normal;
color: #fff;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 10% 5%;
}
.parallax7 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/03/Fussboden-laminate-schellenberg-glauchau.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 500px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax7 h2{
font-size: 1.6em;
text-align: left;
width: 90%;
font-style: normal;
color: #fff;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 10% 5%  3% 5%;
}
.parallax8 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/03/Arbeitsdatei-Quartz-holzhandel-schellenberg-glauchau.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 500px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax8 h1{
font-size: 2.5em;
text-align: left;
width: 90%;
font-style: normal;
color: #fff;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 10% 5%;
}
.parallax9 {
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/04/system-rhombus-anthrazit-vorgarten.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 500px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax9 h1{
font-size: 2.5em;
text-align: left;
width: 90%;
font-style: normal;
color: #fff;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 10% 5%;
}
.parallax13{
clear: both; background-image: url(https://holzhandel-schellenberg.de/wp-content/uploads/2023/05/OSMO23-Terrasse-keramische-Fliesen-Cumaru-Kansas-Steingrau-b.jpg);
width: 100%; float:	left;
margin-top: 0px;
color: #fff;
height: 500px; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax13 h1{
font-size: 2.5em;
text-align: left;
width: 90%;
font-style: normal;
color: #fff;
line-height: 1.2;
letter-spacing: 0.3px;
hyphens: auto;
padding: 10% 5%;
}
.parallax1 h2,
.parallax3 h2{
color: #fff;
padding-top: 10%;
font-weight: 500;
width: 85%;
margin: auto;
}
.parallax2 h2{
font-size: 1.8em;
}              
.parallax4 h2 {
margin: 7% 10%;
color: #fff;
font-size: 1.8em;
font-weight: 400;
line-height: 1.3;
text-align: center;
}						
.tx {
margin: 5% auto 8% auto;
}
.box-pic_0.tx {
color: #181834;
}
.tx p{
font-size: 1.2em;
text-align: center;
width: 80%;
margin: auto 10%;
font-weight: 200;
font-style: normal;
color: #666;
line-height: 1.5;
letter-spacing: 0.3px;
hyphens: none;
left: 0;
right: 0;
text-align: center;
height: auto;
padding: 10% 10px;
}
.tx h1 {
}
.tx h2{
font-size: 2.0em;
text-align: left;  font-weight: 400;
font-style: normal;
color: #fff;
line-height: 1;
letter-spacing: 0.3px;
hyphens: auto;
left: 0;
right: 0;
text-align: left;
height: auto;
hyphens: auto;
}
.tx h3 {
font-size: 1.0em;
color: #fff;
}
@media screen and (min-width:800px){
.tx h2{
font-size: 2.26em;
margin-top: 5%;
margin-left: 5%;
}
}
.parallax1.tx {
margin: auto 20%;
}
@media screen and (max-width:800px){
.parallax1,
.parallax3,
.parallax4,
.parallax10,
.parallaxHolzGarten{
height: auto;
}
.parallax1 h2,            
.parallax2 h2,
.parallax3 h2,
.parallax4 h2,
.parallax5 h2,
.parallax6 h2,
.parallax7 h2,
.parallax8 h2,
.parallax9 h2,
.parallax10 h2,
.parallax11 h2,
.parallaxHolzGarten h2{
font-size:1.2em;
}
}
@media screen and (max-width:1400px){
.parallax4 h2{
font-size:1.3em;
}
}
@media screen and (min-width:900px){
.tx p{
font-size: 2.6em;
text-align: center;
margin: 0.67em 0;
width: 70%;
margin: auto 15%;
font-weight: 200;
font-style: normal;
color: #666;
line-height: 1.5;
letter-spacing: 0.3px;
hyphens: none;
left: 0;
right: 0;
text-align: center;
height: auto;
padding: 10% 10px;
}
}
.text {
float: left;
padding: 0 ; }
.text a {
clear: both;
float: left;
position: absolute;
margin-top: 0px;
margin-bottom: 0;
font-weight: 400;
font-size: 1.0em;
line-height: 1.2;
hyphens: auto; z-index: 10;
padding: 0 2%;
letter-spacing: 2px;
}
.text a:hover {
color: #fff;
background: #009fe0;
width: auto;
}
.text p {
margin: 0;
width: 100%;
font-size: 100%;
padding: 0; }
.text h3{
float: left;
position: relative;
margin-top: -80px;
margin-bottom: 0;
font-weight: 400;
line-height: 1.2;
font-size: 1.5em;
padding: 0 3%; letter-spacing: 0px;
hyphens: auto;
width: 94%;
color: #fff;
}
@media screen and (min-width:800px){
.text h3 {
font-size: 90%;
}
.text a{
margin-top: -10px;
}
}
.text h3:hover {
color: #ffb341;
}
.text img {      -webkit-filter: brightness(0.5); filter: brightness(0.5);
}
.text img:hover {
-webkit-filter: brightness(1); filter: brightness(1);
} .beratung {
width: 100px;
height: 100px;
color: red;
position: relative;
animation-name: example;
animation-duration: 4s;
animation-delay: -2s;
transform: translateX(-50%) rotate(-10deg);
}
@keyframes example {
0%   {color:red; left:0px; top:0px;}
25%  {color:yellow; left:200px; top:0px;}
50%  {color:blue; left:200px; top:200px;}
75%  {color:green; left:0px; top:200px;}
100% {color:red; left:0px; top:0px;}
} .font-scale0
{
height:200px;    
}
.font-scale0 
{ 
margin:50px; 
padding:50px; 
background-color:; 
}
.font-scale0 {
font-weight: 300;
font-size: 3.1em;
color: red;
margin-top: 1% ;
margin-left: 1%;
position: absolute;
float: left;
z-index: 20;
}
.scale0{ opacity:0;
} .font-scale1 {
font-weight: 300;
font-size: 2.1em;
color: #020518;
margin-top: 1% ;
margin-left: 1%;
position: absolute;
float: left;
animation: scale1 3s;
z-index: 20;
}
@keyframes scale1 {
0% {
transform: scale(0.1);
opacity: 0;
}  
100% {
transform: scale(1);
opacity: 1;	
}
} .font-scale2 {
font-weight: 400;
font-size: 2.1em;
color: #020518;
margin-top: 10% ;
margin-left:-8%;
position: absolute;
float: left;
animation: scale2 10s;
z-index: 20;
}
@keyframes scale2 {
0% {
transform: scale(0.1);
opacity: 0;
}  
100% {
transform: scale(1.);
opacity: 1;	
}
} .font-scale3 {
font-weight: 300;
color: #020518;
font-size: 2.1em;
margin-top: 20% ;
margin-left: 4%;
position: absolute;
float: left;
animation: scale3 5s;
z-index: 20;
}
@keyframes scale3 {
0% {
transform: scale(0.1);
opacity: 0;
}  
70% {
transform: scale(1.);
opacity: 1;
}
100% {
transform: scale(1.);
opacity: 1;	
}
} .font-scale4 {
font-weight: 300;
font-size: 1.6em;
color: #fff;
margin-top: 1% ;
right:  25%;
position: absolute;
float: right;
animation: scale4 3s;
z-index: 20;
}
@keyframes scale4 {
0% {
transform: scale(0.1);
opacity: 0;
}  
100% {
transform: scale(1);
opacity: 1;	
}
} .font-scale5 {
font-weight: 400;
font-size: 2.1em;
color: #fff;
margin-top: 15%;
right: 11%;
position: absolute;
float: right;
animation: scale5 8s;
z-index: 20;
}
@media screen and (min-width:768px){
.font-scale5 {
margin-top: 9%;
}
}
@keyframes scale5 {
0% {
transform: scale(0.1);
opacity: 0;
}  
100% {
transform: scale(1.);
opacity: 1;	
}
} .font-scale6 {
font-weight: 300;
color: #fff;
font-size: 2.2em;
margin-top: 30%;
right: 23%;
position: absolute;
float: right;
animation: scale6 5s;
z-index: 20;
}
@media screen and (min-width:768px){
.font-scale6 {
margin-top: 20%;
}
}
@keyframes scale6 {
0% {
transform: scale(0.1);
opacity: 0;
}  
70% {
transform: scale(1.);
opacity: 1;
}
100% {
transform: scale(1.);
opacity: 1;	
}
}  .font-scale-leistung1 {
width: 90%;
font-weight: 300;
color: #fff;
font-size: 2.1em;
margin-top:5% ;
margin-left:64%;
right: -40%;
position: absolute;
float: left;
animation: scale-leistung1 4500ms;
z-index: 20;
opacity: .4;
}
@keyframes scale-leistung1 {
0% {
transform: scale(0.1);
opacity: 0;
}  
70% {
transform: scale(1.);
opacity: .8;
}
100% {
transform: scale(1);
opacity: .4;	
}
} .font-scale-leistung2 {
width: 90%;
font-weight: 300;
color: #fff;
font-size: 3.1em;
margin-top: 8% ;
margin-left:84%;
right: -65%;
position: absolute;
float: left;
animation: scale-leistung2 6s;
z-index: 20;
opacity: .7;
}
@keyframes scale-leistung2 {
0% {
transform: scale(0.1);
opacity: 0;
}  
70% {
transform: scale(1.);
opacity: 1;
}
100% {
transform: scale(1.);
opacity: 1;	
}
} .font-scale-leistung3 {
width: 90%;
font-weight: 300;
color: red;
font-size: 2.1em;
margin-top: 12% ;
margin-left:64%;
right: -45%;
position: absolute;
float: left;
animation: scale-leistung3 3s;
z-index: 20;
opacity: .4;
}
@keyframes scale-leistung3 {
0% {
transform: scale(0.1);
opacity: 0;
}  
70% {
transform: scale(1.);
opacity: .8;
}
100% {
transform: scale(1);
opacity: .4;	
}
} .font-scaleLogo span {
color: #edcf06;
font-size: 95%;
margin-bottom: 1.2em;
float: left;
}
.font-scaleLogo {
margin: 25% auto;
float: left;
}
.font-scaleLogo a {
background: rgba(255,255,255,.8);
float: left;
margin-top: 40%;
left: -54%;
color: #171843;
position: relative;
float: right;
width: auto;
padding: 0 0.3em 0.3em 0.3em;
font-size: 2.1em;
line-height: 1.1;
animation: scaleLogo 3s;
z-index: 23;
width: 95%;
transform: scale(.8);
}		 
@media screen and (min-width:450px){
.font-scaleLogo a{
margin-top: -60%;
left: -35%;
}		 
}
@media screen and (min-width:800px){
.font-scaleLogo {
margin: 0 auto;
float: left;
}
.font-scaleLogo a{
margin-top: 1.2em;
left: -35%;
}		 
}
@media screen and (min-width:1250px){
.font-scaleLogo a{
margin-top: 1.2em;
left: -35%;
}
}
@media screen and (min-width:1900px){
.font-scaleLogo a{
margin-top: 1.2em;
left: -45%;
}		
.font-scale6 {
margin-top: 14%;
right: 32%;
}
}
@keyframes scaleLogo {
0% {
transform: scale(0.1);
opacity: 0;
}  
100% {
transform: scale(.8);
opacity: 1;	
}
} .dice {
width: 209px;
height: 90px;
position: relative;
float: left;
margin-top: 8% ;
margin-left: 35%;
transition: width 3s, height 3s, transform 3s;
transform: rotate( 360deg);
opacity: .9;	
animation: dice 6s;
z-index: 10;
}
@keyframes dice {
0% {
transform: scale(0.1);
opacity: 0;
transform: rotate( 120deg);
}  
50% {
transform: scale(.5);
opacity: .4; }
100% {
transform: scale(1.);
opacity: 1;
transform: rotate(360deg);
}
}  
.dice:active {
width: 300px;
height: 300px;
transform: rotate(360deg);
}
$background: linear-gradient(to bottom, #405166 0%,#656f6f 100%);
$red: #e55643 ;
$green: #2b9f5e;
$yellow: #f1c83c;
$shadow: #533d4a; .mein-element {
background:red;
height:50vh;
max-width: 500px;
margin:0 auto;
margin-bottom:2em;
}
.element2 {
background:red;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
width: 100%;
display: block;
position: absolute;
}
.dice-web{
width:100%; 
height:800px;
position: relative;
float: left;
transition: width 3s, height 3s, transform 3s; opacity: .9;
animation: dice 10s;
z-index: 10;
}
.dice-web img {
width: 100%;
height: : 100%;
left: 0;
}
@keyframes dice-web {
0% {
transform: scale(0.1);
opacity: 0; }  
50% {
transform: scale(.5);
opacity: .4; }
100% {
transform: scale(1.);
opacity: 1; }
} .mein-element {
opacity: 0;
transition: opacity .5s ease-in-out;
color: #333;
}
.element, dice-web {
opacity: 0;
transition: opacity .5s ease-in-out;
color: #333;
} .my-element {
background: ;
height: 100%;
max-width:500px;
margin: 0 auto;
margin-bottom: 2em;
opacity: 0;
transition: all 3s ease-in-out;
}
.visible {
background:;
}
.my-element.visible {
background: ;
max-width: 90%;
}
.my-element:nth-of-type(odd) {
transform: translateX(-50%);
}
.my-element:nth-of-type(even) {
transform: translateX(90%);
}
.my-element.visible {
transform:translateX(0);
opacity: 1;
background:;
}
.my-element.visible  {
font-size: 1.5em;
color: #fff;
opacity: 1;
}  .ref-element {
background: ;
height: 100%;
max-width:500px;
margin: 0 auto;
margin-bottom: 2em;
opacity: 0;
transition: all 3s ease-in-out;
}
.visible {
background:;
}
.ref-element.visible {
max-width: 90%;
}
.ref-element:nth-of-type(4n-1) {
transform: translateX(15%); }
.ref-element:nth-of-type(4n-2) {
transform: translateX(-20%); }
.ref-element.visible {
transform:translateX(0);
opacity: 1;
background:;
}
.ref-element.visible  {
font-size: 1.5em;
color: #fff;
}
.ref-element.visible h1 {
font-size: 3.2em;
color: rgba(249, 210, 3, 1);
} .refh1-element {
background: ;
height: 100%; margin: 0 auto;
margin-bottom: 2em;
opacity: 0;
transition: all 3s ease-in-out;
width: 86%;
}
.refh1-element.visible {
max-width: 90%;
}
.refh1-element.visible {
transform:translateX(0);
opacity: 1;
}
refh1-element.visible h1 {
font-size: 3.2em;
color: rgba(249, 210, 3, 1);
margin-left: 0;
} .refh1-element.visible:nth-of-type(1n-1) {
transform: translateX(15%);
font-size: 1.4em;
line-height: 1;
margin-left: -2%;
margin-bottom: 0;
color: rgba(249, 210, 3, 1);
}
@media screen and (min-width:768px){
.refh1-element.visible:nth-of-type(1n-1) {
font-size: 3.9em;
line-height: 1;
margin-left: -2%;
margin-bottom: 0;
color: rgba(249, 210, 3, 1);
}
}
.refh1-element.visible:nth-of-type(2n-1) {
transform: translateX(20%);
line-height: 1;
margin: 2% 0 0 2%;
padding: 0;
background:#edcf06;
color: #fff;
}   .font1{
transform: translateX(-50%) rotate(-10deg);
display: block;
float: left;
left: 50%;
position: relative;
}
.font1 span {
transform: skew(-10deg);
display: block;
float: left;
text-shadow: $shadow 1px 1px, $shadow 2px 2px, $shadow 3px 3px, $shadow 4px 4px, $shadow 5px 5px, $shadow 6px 6px;
min-width: 10px;
min-height: 10px;
position: relative;
}
.font2 {
font-size: 2.2em;
text-align: left;  font-weight: 300;
font-style: normal;
color: #fff;
line-height: 1;
letter-spacing: 0.3px;
hyphens: auto;
margin: 10% 20%;
text-align: left;
height: auto;
padding: 6% 2% 3% 0;
transform: scale(0.5) translate(-100%, -100%);
} .box-font3 {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.box-font3 {
display: flex;
background:orange;
min-height: 100vh;
align-items: center;
justify-content: center;
}
.font3 {
position: relative;
}
.font3 h2 {
color: #fff;
font-size: 8em;
position: absolute;
transform: translate(-50%, -50%);
}
.font3 h2:nth-child(1) {
color: transparent;
-webkit-text-stroke: 2px #fff;
}
.font3 h2:nth-child(2) {
color: red;
animation: animate 4s ease-in-out infinite;
}
@keyframes animate {
0%,
100% {
clip-path: polygon(
0% 45%,
16% 44%,
33% 50%,
54% 60%,
70% 61%,
84% 59%,
100% 52%,
100% 100%,
0% 100%
);
}
50% {
clip-path: polygon(
0% 60%,
15% 65%,
34% 66%,
51% 62%,
67% 50%,
84% 45%,
100% 46%,
100% 100%,
0% 100%
);
}
}  img.displayed {
display: block;
margin-left: auto;
margin-right: auto;
}
.pic-50 {
display: block;
margin:auto;
}
.one-pic { width: 50%;
margin: auto 40%;
display: block;
float: left;
}
.one-pic-2 {
float: right;
position: relative;
margin: auto 0;
display: block;
margin-top: -4em;
z-index: 100;
}
.one-pic-4 {
float:right;
position: relative;
margin: auto 0;
display: block;
margin-top: -2em;
margin-bottom:-.6em;
z-index: 100;
}
.one-pic-5 {
float:right;
position: relative;
margin: auto 0;
display: block;
margin-top: -7em;
margin-bottom:-.58em;
z-index: -1;
}
.wp-caption .one-pic-3a img {
width: auto ;
}
.one-pic-3a {
margin: auto 0;
width: auto ;
max-width:100%;
height:  auto;
display: block;
left:0;
right:0;    
margin-bottom: 2em;
}
.one-pic-3 {
float: left;
margin: auto 0%;
width: 100% ;
max-width:100%;
height:  auto;
display: block;
left:0;
right:0;        
margin-bottom: -1.6em;
}
.one-pic-3 img {
}
.one-pic-right {
width: auto;
display: block;
float: right;
position: relative;
right: 5%;
top: -75px;
}
.one-pic .wp-image-1534 article img{
margin-top: -1em;
margin-bottom:-2em;
padding-bottom: 0;
padding-top: 0;
}
.one-pic .wp-image-1534 p {
margin:0;
padding:0;
}
.red{
float: left;
width: 100%;
background-color:red;
padding-top:1em;
padding-bottom:1em;
margin-top: 0;
margin-bottom: 0;
}                    @media screen and (max-width:800px){
.red {
background-color:red;
padding-top:3em;
padding-bottom:5em;
margin-bottom: -4em;
}
.one-pic-right {
top: 0px;
right: 40%;
}
} .two-pics img {
max-width: 100%;
margin: 0 35%;
padding: 0;
} .three-pics2  img {
max-width: 70%;
margin: auto 20%;
padding: 2em;
}
img.three-pics.alignleft {
padding-left: 3em;
padding-top: 3em;
float: left; 
max-width:10%;
}
img.three-pics {
width: 33%;
height: auto;
margin: 5px 0 10px 0!important;
}
.three-pics img {
max-width: 60%;
margin: auto 40%;
float: left;
padding: 2em;
margin: 2em;
text-align: center;
} .ambulance  {
margin: auto 10%;
float:left;
position:relative;
}
.center {
display: flex; 
justify-content: center; 
align-items: center;
text-align: center;
}
.center p,
.center h2 {
justify-content: center; 
align-items: center;
text-align: center;
width: 100%;
}
.font80 {
font-size: 80%;
} .alignnone {
margin: 0;
padding: 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0 ;
}
.alignright {
float:right;
margin: 0 ;
}
.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
a img.alignright {
float: right;
margin: 0;
}
a img.alignnone {
margin:  0;
}
a img.alignleft {
float: left;
margin: 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background:rgba(156,207,157,.3);
border: 0px solid #d6d6d6;
max-width: 100; padding: .5em .4em 0.625em;
margin: .8em;
}
.wp-caption.alignnone {
margin: .5em 1.15em 1.15em 0;
}
.wp-caption.alignleft {
margin: .5em 1.15em 1.15em 0;
}
.wp-caption.alignright {
margin: .5em 0 0 1.15em;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 10px;
width: auto;
}
.wp-caption .wp-caption-text {
float: left; line-height: 1.0em;
width: 100%;
text-align: center;
padding: .2em 0 1em 0;
margin-bottom: 1em;
margin-top: .5em;
}
.site-content.pic-font .white p {
font-size: .6em;
float: left;
}
.pic-font {
font-size: .6em;
float: left;
} .screen-reader-text {
border: 0; clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
/clip: auto !important;*/
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .box-90.ref h1{
line-height: 1;
}
.menu-nav {
box-sizing: border-box;
float: left;
width: 100%; font-size: .9em;
z-index: 200;
position:relative;
}
.menu-nav ul {
margin: 0px;
padding: 0.1em;
display: block;
} .menu-nav a {
display: block;
color: #2f1700;
font-size: .9em;
font-weight: 300;
} 
.menu-nav a:active {
display: block;
color: #171843;
background: #fba603;
border-bottom: 0px solid rgba(326 ,130 ,64,1);
} 
.menu-nav ul li { position: relative;
float: left;
list-style: none;
padding: 0.1em 0.2em; border-bottom: 4px solid #2f1700  ; color: #2f1700;
line-height: 1;
margin: 5% 2%;
}
.menu-nav ul li:hover {
background: #fba603;
border-bottom:3px solid rgba(326 ,130 ,64,1);
z-index:20000;
color: #fff;
padding: 0.1em 0.2em;
}
.menu-nav ul li:hover .aktive {
background: #fba603; border: 4px solid rgba(326 ,130 ,64,1);
}
.menu-nav ul li  a:hover {
color:#fff;
}  #toggle-nav { display: block;
position: absolute;
left: 1em;  color: #fba603; 
width: 39px;   cursor: pointer;
z-index: 3333;
} 
#toggle-nav  span {
font-size:1.5em;
font-weight: 300;
}
.js.site-nav {
display: none;
}
@media screen and (max-width:800px)   {
.js .site-nav{
display: none;
}
#toggle-nav { } .site-nav li ul {
position: static;
position: static;
}
}              
.site-nav {
box-sizing: border-box;
float: left;  font-size: .9em;
margin-top: 30px;
z-index: 200;
position:relative;
}  .site-nav  .active>.site-nav ul li{
background: red;
} .site-nav ul {
margin-top: 5%;
padding: 0;  
display: flex;
flex-direction: column;
float: left;
} 
.home header .site-nav a {
display: block; } 
.site-nav a {
display: block; color: #e9d8cd;
}
.site-nav ul li {
position: relative;
float:left;
list-style: none;
padding: .6em;
}
.site-nav ul a:hover { color: #eb6a0a;
}
.site-nav ul li a {
padding: 10px;
display:block;
}
.site-nav ul ul {
position: absolute;
top: -9999px;
left: -9999px;
background: #2e1701;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.021);
}
.site-nav ul ul li {
float: none;
width: 200px;
color: #333;
border-bottom: 0px solid orange;
font-size: .9em;
padding: .5em;
}
.site-nav ul ul li a {
padding: 0.8em 1em!Important;
color: #fff;
font-size: 85%;
}
.site-nav ul li:hover > ul {
top: 80%;
left: -20px; 
margin-left: 20px;
color: #fff;
background-color: #2e1701;
}
.site-nav ul ul li:hover > ul {
top: 0;
left: 200px;  
}
@media screen and (max-width:800px){
.site-nav {
width: 100%;
text-align: center;
background: #3c1c1c;
line-height: 1;
height: 100%;
top: 0;
float: left;
position: fixed;
z-index: 22220;
}
.site-nav ul{
width: 100%;
text-align: center;
}
.site-nav  li:hover  > ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
background:#f7d541;
width: 100%;
transition:  none;
color: antiquewhite; float: none;
position: relative;
z-index:2000;
}
.site-nav ul li {
position: relative;
float: right;
text-align: center;
list-style: none;
padding: 0.7em 0; }
.site-nav ul li a {
padding: 0;
margin: 0;
display:block;
}
.site-nav ul li a:hover {
color: #fff;
margin: 0;
padding: 0;
}
.site-nav li {
margin: .3em;
padding: 0;
font-size: 1.10em;
}
.site-nav ul ul li a {
padding:0;
color:antiquewhite;
text-align: center;
width: 100%;
}
.site-nav ul ul li {
float: none;
width: 100%;
margin: auto 0;
font-size: 1em;
}
.site-nav ul ul ul li a  {
color: #555;
}
.site-nav ul ul ul li {
float: none;
width: 70%;
margin: auto 15%;
margin-left: 0;
color: #555;
}
.site-nav > ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
width: 100%;
} .site-nav .sub li{ 
visibility: hidden;  
height: 0;
margin: 0;
padding: 0;
z-index: 1000; 
}
.site-nav .sub li { 
display: block; 
width: 15em;
} .site-nav li:hover .sub,
.site-nav li:active .sub, 
.site-nav li:focus .sub  {
visibility: visible;
height: auto;
}
.site-nav li:focus-within .sub  { 
visibility: visible;
height: auto;
} }
.site-nav ul li.sub1 > a:after {
position: relative;
float: left;
content: '';
margin-left: 10px;
margin-top: 5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #232323;
border-bottom: 5px solid transparent;
}
.site-nav ul ul li.sub1 a:after {
margin-left: auto;
margin-right: -10px;
border-left: 5px solid #fff;
border-right: 5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.site-nav ul ul li:last-child {
border-bottom: none;
} .nav-top {
color:#edcf06;
background:#020518;
font-size: 0.8em;
height: 60px;
top: 0;
margin-bottom: 1em;
padding-top: 0em;
padding-bottom: 2em;
display: block;
z-index: 2000;
}
.nav-top a {
color: #edcf06;
font-size: 0.9em;
}
.nav-top a:hover {
color:#edcf06;
font-size: 0.9em;
}
.nav-top ul {
right: 2px;
margin-top:0;
padding: 1em 0;
margin: 0;
list-style: none;
text-align: left;
float: left;
z-index:40;
position: absolute;
}
.nav-top li {
display:inline;
color:#edcf06;
padding: 0em 0.3em;
margin: 0 0 0 0;
}
.nav-top a {
text-align: center;
color:#edcf06;
text-decoration: none;
} .nav-top > ul > li > ul {
display: none;
z-index:22250;
} .nav-top ul > li > ul > li a {
color: #edcf06;
margin-top: -1.7em;
margin-left: 0;
float: left!Important;
padding: 1em;
width: 300px;
z-index:22225;
clear:both;
}
.page-id-17.nav-top ul > li > ul > li a:hover, 
.page-id-581.nav-top ul > li > ul > li a ,
.page-id-634.nav-top ul > li > ul > li a ,
.page-id-700.nav-top ul > li > ul > li a ,
.page-id-865.nav-top ul > li > ul > li a {
background: rgba(111,10,17, 1)!Important; }
@media screen and (min-width:800px)  {
.site-nav{
display: block;
margin-top: 10px;
z-index: 2000;
}
.site-nav ul {
display: block;
}
}     
@media screen and (min-width:800px)  {
.site-nav {
display: block;
z-index: 2000;
}
.site-nav ul {
display: block;
}
#toggle-nav {
display:none;
}
.site-nav ul li a {
padding: 0 1.0em;
}
.site-nav li {
font-size:68%;
}
}
@media screen and (min-width:800px) {
.site-nav {
float:right;
}
.site-nav ul li {
padding: .2em;
right: 0;
}
}
@media screen and (min-width:900px) {
.site-nav li {
font-size:70%;
}
}
@media screen and (min-width:1000px) {
.site-nav  {
margin-left:0; }
.site-nav li2 {
font-size:85%;
}
}
@media screen and (min-width:1100px) {
.site-nav {
padding: 0;
z-index: 2800;
}
.site-nav  {
margin-left:0;
}
.site-nav li {
font-size:85%;
}
}
@media screen and (min-width: 1024px){
.site-nav ul li a {
padding: 0 1.3em;
}
}
@media screen and (min-width:1242px) {
.site-nav {
padding: 0;
}
.site-nav  {
margin-left:0;
}
.site-nav li {
font-size:85%;
}
}
@media screen and (min-width:1370px) {
.site-nav {
}
.site-nav li {
font-size:100%;
}
}
@media screen and (min-width:1550px) {
.site-nav {
width: auto;
margin-top: 2%;
margin-left: 0;
}
}  .site-slides {
color: #333;
background: #eee; float: left;
width: 100%;
height: 100px;  } .gallery {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-bottom: calc(1.0 * 1rem);
float: left; -moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-moz-column-gap: 0px !important;
-webkit-column-gap: 0px !important;
column-gap: 0px !important; }
.gallery figure {
margin: 0em 0em 1em 0em;
padding: 0;
}
.gallery-item {
display: inline-block; text-align: center;
vertical-align: top;
width: 100%;
} .gallery-item, .gallery-icon {
padding: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
}    .gallery-columns-2 .gallery-item {
max-width: 100%;
}
.gallery-columns-3 .gallery-item {
max-width: 100%;
}
.gallery-columns-4 .gallery-item {
max-width: 100%;
}
.gallery-columns-5 .gallery-item {
max-width: 100%;
}
.gallery-columns-6 .gallery-item {
max-width: 100%;
}
.gallery-columns-7 .gallery-item {
max-width: 100%;
}
.gallery-columns-8 .gallery-item {
max-width: 100%;
}
.gallery-columns-9 .gallery-item {
max-width: 100%;
}
@media screen and (min-width:580px){
.gallery-columns-2 .gallery-item {
max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
margin-right: 0;
}
.gallery-columns-3 .gallery-item { max-width: calc((100% ) / 4);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
margin-right: 0;
}
.gallery-columns-4 .gallery-item {
max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
margin-right: 0;
}
.gallery-columns-5 .gallery-item {
max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
margin-right: 0;
}
.gallery-columns-6 .gallery-item {
max-width: calc((100% - 1px * 1) / 7); }
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
margin: 0;
}
.gallery-columns-7 .gallery-item {
max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
margin-right: 0;
}
.gallery-columns-8 .gallery-item {
max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
margin-right: 0;
}
.gallery-columns-9 .gallery-item {
max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
margin-right: 0;
}
}
.gallery-item:last-of-type {
padding-right: 0;
}
.gallery-caption {
display: block;
font-size: 0.r71111em;
line-height: 1.6;
margin: 0;
padding: 0.5rem;
position: relative;
float: left;
z-index: 20;
}
.gallery-item > div > a {
display: block;
line-height: 0;
box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
box-shadow: 0 0 0 2px #e9e9e9;
}
.gallery .gallery-item {
margin: 2px;
}
.gallery .gallery-item img {
border: 0px solid #e9e9e9 !important;
}
.wp-block-gallery {
margin: 0;
}
.blocks-gallery-item figure { 
position: relative; overflow: hidden; margin: 0; 
} .parallax5.gallery .gallery-item img,
.parallax5.gallery-item > div > a:focus{
box-shadow: 0 0 0 0px #e9e9e9;
width: 100%;
border: 0;
margin: 0;
padding: 0;
} .site-main {
}
.page-template-template-no-sidebar main{
float: left; 
width: 100%;
}	
.page-template-template-no-sidebar main section{
float: left; 
width: 100%;
margin: auto 0;
}
.page-template-template-no-sidebar main article{
float: left; 
width:80%;
} @media screen and (max-width:599px) {
.site-content {
float: left;
position: relative;
width: 100%;
margin-top: 0;
z-index: 1600;
}
.site-content article {
width: 98%;
}
.site-content.home {
float: left;
position: relative;
width: 100%;
margin-top: 0;
z-index: 1600;
}
}
.site-content2 { padding:0 ;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
width: auto;
height: auto;
}
@media screen and (min-width:600px) {
.site-content {
float: left;
width: 100%; position:relative; 
}
}
.wp-post-image {
margin: .3em 1em 1em 0;
}
.wp-post-image a {
padding: 1em;
display: block;
text-decoration: none; 
font-size: 1.1em;
}
@media screen and (min-width:1000px) {
.page-id-1958 .site-content { }
.page-id-1958 #top-p {
width: 100%;
}
}
.site-content-white{ color: #1d2036;
}
.white-topul  { 
top: 0;
}  .home-cover {
display: block;
background-size: cover;
background-position: center; border-radius: 0px;
box-shadow: 0px 0px 0px #888888;   margin-top: -160px;
font-family: Source Sans Pro;
font-weight: 500;
}
@media screen and (min-width:600px){
.home-cover { }
}
.home-cover img {
width: 100%;
} .home-cover .mycovertext2  {
margin-top: -182px;
width: 96%;
max-height: 100%;
float: left;
margin: auto 2%;
position:relative;
padding: 1em;
font-family: Source Sans Pro;
font-weight: 500;
border-radius: 2px;
font-size:1em;
z-index: 600;
}
.home-cover .mycovertext 
h1 {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 700;
font-size: 4em;
text-align: left;
color: #020518;     }
.home-cover .mycovertext  h2 {
font-size: 3.1em;
padding-top: 0em;
text-align: left;
}
.home-cover .mycovertext  h3 {
font-size: 1.8em;
color: #edcf06;
font-size: 2.1em;
}
.home-cover .mycovertext  img {
margin: 0;
}
.home-cover .mycovertext p {
color: #edcf06;
text-align: left;
}
@media screen and (max-width:450px) {
.home-cover .mycovertext {
margin-top: -200px;
width: 99%;
margin: auto 2%;
line-height: 1.12; font-family: Source Sans Pro;
font-weight: 500;
position: relative;
}
.home-cover .mycovertext  h1 {
font-size: 1.6em;
padding-bottom: 0em;
}
.home-cover .mycovertext p {
line-height: 1.05;
margin-top:1em;
}
.home-cover .mycovertext  h2 {
font-size: 2.4em;
padding-top: 0;
line-height: 1;
color: #020518;
font-family: Source Sans Pro;
font-weight: 500
}
.home-cover .mycovertext  h3 {
font-size: 1.4em;
padding-bottom: 0em;
margin-top:-1.5;
}
.home-cover .mycovertext  img {
width: 30%;
margin: .5em .5em;
}
}  
.home-cover .mycovertext {  width: 95%;
font-size: 86%;
margin: 10% 2% 10% 12%;
margin-left: 5%; padding: auto 0;
}
@media screen and (min-width:451px) {
.home-cover .mycovertext {
margin-top: -190px;
width: 99%;
line-height: 1.12;
font-size: 90%;
font-family: Source Sans Pro;
font-weight: 500;
position: relative;
}  
.home-cover .mycovertext  h1 {
font-size: 1.6em;
padding-bottom: 0em;
}
.home-cover .mycovertext p {
line-height: 1.05;
margin-top:1em;
}
.home-cover .mycovertext  h2 {
font-size: 2.4em;
padding-top: 0;
line-height: 1;
color: #020518;
font-family: Source Sans Pro;
font-weight: 500
}
.home-cover .mycovertext  h3 {
font-size: 1.4em;
padding-bottom: 0em;
margin-top:-1.5;
}
.home-cover .mycovertext  img {
width: 30%;
margin: .5em .5em;
}
}         
@media screen and (min-width:600px) {
.home-cover .mycovertext  { }
.home-cover .mycovertext h2 {
font-size: 2.24em;
}
.home-cover .mycovertext p {
line-height: .9;
margin-top: 1em;
padding: 0;
}
}
@media screen and (min-width:750px) {
.home-cover .mycovertext  { margin-top: 0;
}
.home-cover .mycovertext h1 {
margin-top: -50px;
float: left;
position: relative;
font-size: 2.6em;
}
.home-cover .mycovertext h2 {
font-size: 2.24em;
}
.home-cover .mycovertext p {
line-height: 1.1;
margin-top: 9px;
padding: 0;
float: left;
position: relative;
}
}
@media screen and (min-width:800px) {
.home-cover .mycovertext  {
font-family: Source Sans Pro;
top: 0px; margin: 5% 0 0 5%;
font-weight: 500;
position: absolute;
border-radius: 2px;
font-size: 70%;  }
.home-cover .mycovertext  h1 {
font-size: 3.71em;
padding: 1%;
margin-top: 0.2em;
width: 98%;
margin: 0;
line-height: 1.1;
}
.home-cover .mycovertext  h2 {
font-size: 2.3em;
padding-top: 0em;
margin: -0.42em 0.1em 0.1em 1em;
color: #020518;
font-family: Source Sans Pro;
font-style: normal;
font-weight: 400;
}
.home-cover .mycovertext  h3 {
font-size: 1.4em;
}
.home-cover .mycovertext p {
line-height: 1.5;
font-size: 90%;
width: 90%;
margin:-0.3em 2.5em;
}
.home-cover .mycovertext  img { }
}
@media screen and (min-width:900px) {
.home-cover .mycovertext  { line-height: 1.5;
}
.home-cover .mycovertext p {
line-height: 1.5;
font-size: 90%;
}
}
@media screen and (min-width:1000px) {
.home-cover .mycovertext  {
margin-top: 80px;
font-size: 80%;
}
.home-cover .mycovertext p {
line-height: 2;
font-size: 100%;
}
}
@media screen and (min-width:1200px) {
.home-cover .mycovertext  {
width: 95%;
font-size: 90%; margin-left: 5%;
padding: auto 0;
}  
.home-cover .mycovertext  h1 {
font-size: 4.71em;
}
.home-cover .mycovertext  h2 {
font-size: 4.3em;
margin: auto 0.6em;
width: 80%;
}
.home-cover .mycovertext  p {
line-height: 2.1;
font-size: 1.4em;
margin: auto 1.7em;
}
}
@media screen and (min-width:1400px) {
.home-cover .mycovertext  {
width: 95%;
font-size: 1.4em;
margin-top: 15%;
padding: auto 0;
}
.home-cover .mycovertext  h1 {
padding-bottom: 0em;
margin-top: -1.25em;
}
.home-cover .mycovertext  h2 {
font-size: 3.8em;
text-align: left;
margin: auto 5%;
padding-top: 0em;
line-height: 1.1;
}
.home-cover .mycovertext  h3 {
font-size: 1.8em;
padding-bottom: .3em;
margin-top: 0em;
}
.home-cover .mycovertext  img,
.home-cover .mycovertext p {
line-height: 1.6;
}
}
@media screen and (min-width:1800px) {              
.home .four {
margin-bottom: 2em;
margin-top: -3%;
}			
} .hg_blue_right   {
background: rgb(3,33,132);
background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%);
background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); 
color: #fff;
padding: 3em;  
margin: 0;
float: left;
height:auto;
width: 100%;
margin-bottom: 0em;
clear:both;
}   
.hg_blue_left  {
background: rgb(3,33,132);
background: -moz-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%);
background: -webkit-linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%);
background: linear-gradient(90deg, rgba(3,33,132,1) 14%, rgba(34,74,204,1) 50%, rgba(3,33,132,1) 85%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#032184",endColorstr="#032184",GradientType=1); 
color: #fff;
padding: 1em;
clear:both;
}   
.inhalt_left {
width: 100%;
height: auto;
margin-bottom: 2em;
padding: 1em;
margin: 0 1em;
}
.inhalt_right  {
width:100%;
height: auto;
margin: 0;
margin-bottom: 2em;
padding: 1em;
margin: 0 1em;
}
.inhalt_right   p h1,  .inhalt_left p h1{
color: #181834;     
}
.hg_blue_right p ,  .hg_blue_left p {
color: #fff;
}
.hg_blue_right h1 ,  .hg_blue_left h1{
color: #f4660a;  
}
@media screen and (min-width:768px) {
.inhalt_right   {
float: right;
width:45%;
height: auto;
margin: 0;
margin-bottom: 2em;
padding: 1em; }
.inhalt_left  {
float: left;
width:45%;
}
.inhalt_right  article ,  .inhalt_right   p  {
margin: 0; 
padding: 0;
width: 100%;
clear:both;
}
.inhalt_left article , .inhalt_left  p {
margin: 0; 
padding: 0;width: 100%;
clear:both;
}               
.inhalt_right .box_2  article{
width: 45%;
margin-right: 0em;
margin-top: 1em;
}
.inhalt_left     .blue_left .box_2 {
width: 45%;
margin-left: 1em;
float: left; clear:both;
}
}
.inhalt_three, .inhalt_three_orange {
float: left;
width: 100%;
height: auto;
margin-bottom: 2em;
margin-top:0;
padding: .5em;
margin: 1em 1em;
min-height: 340px;
}
.inhalt_three {
background: rgba(238,239,246,0.9);
}
.inhalt_three_orange {
background: rgba(245, 145, 45,1);
margin-bottom:6em;
padding-top: 1em;
color: #fff;
}
.inhalt_three_orange a {
color: aliceblue;
}
article.inhalt_three, article.inhalt_three_orange {
display: block;
width:99%;
}
.inhalt_three a {
color: rgb(3,45,100);
width: 100%;
text-align: center; clear: both;
}
.inhalt_three  p , .inhalt_three_orange  p{ 
clear: both;
color: #1d2036;     
width: 100%; 
font-size: 1em;
}  
.inhalt_three  h1, .inhalt_three_orange h1{ 
clear: both;
width: 100%; 
}   
@media screen and (min-width: 768px){
.inhalt_three, .inhalt_three_orange {
width:40%;
height: auto;
min-height: 340px;
}
.inhalt_three  p , .inhalt_three_orange p{
width: 100%;
margin: auto 0;
padding: 1em;
clear: both;
}
}
@media screen and (min-width: 900px){
.inhalt_three, .inhalt_three_orange {
width: 27%;
height: auto;
min-height: 450px;
margin-right:5%;
margin:1em;
padding: 1em 0;
}
.inhalt_three  p , .inhalt_three_orange p{
width: 100%;
margin: auto 0;
padding: 1em;
clear: both;
}
.section-skew-blue-over {
padding: 6% 3% 10% 3%;
font-size: 110%;
}
}
@media screen and (min-width: 1100px){
.inhalt_three, .inhalt_three_orange {
width: 27%;
height: auto;
min-height: 450px;
margin-right:5%;
margin:2em;
padding: 1em 0;
}
.inhalt_three  p , .inhalt_three_orange p{
width: 100%;
margin: auto 0;
padding: 1em;
clear: both;
}
.section-skew-blue-over {
padding: 4em 1.0em;
}
}
@media screen and (min-width:1400px){
.inhalt_three, .inhalt_three_orange {
width: 25%;
height: auto;
min-height: 450px;
left: 5%;
margin-right:5%;
margin:3.5em;
padding: 1em 0;
}
}
.page-id-974 .box-am .am h1{
float: left;
position: relative;
min-width: 1100px;
padding-top: 2em;
padding-bottom: -4em;
margin-bottom: 0em;
margin-left: -400px;
text-align: center;
top: -8em;
color: #fff;
z-index:1000;
} .pagination{
clear:both;
width: 100%;
padding:1em;
background:rgba(0,0,0,0.8);
color: #eee;
float:left;
} .site-sidebar {
padding:0;
}
2.widget {
width: 100%;
margin-left: -2em;
} .circle { 
font: 300 100%/1.5 Ubuntu;
width:25%;
height: 0;
background: #fdc82f;
-moz-border-radius: 50%; 
-webkit-border-radius: 50%;  
border-radius: 50%; 
border: 4px solid #f7eccd;
border-style:double;
padding: 1% 1%; text-align: center;
font-family: 'Raleway';
font-weight: 300;
font-style: normal;
}
.circle2 { 
font: 300 100%/1.5 Ubuntu;
width: 96%;
float: left;
position: relative;
margin-bottom: 1%;
background: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%; margin: -3% 0 6% 1%; }
.white {
float: left;
height: auto;
position: relative;
background: rgba(0,0,0,0);
width: 96%;
padding: 2%;
margin: 0;
text-align: center;
clear: both;
}
.white70 {
float: left;
height: auto;
position: relative;
background: rgba(0,0,0,0);
width: 96%;
padding: 2%;
margin: 0;
text-align: center;
clear: both;
}
.white p,
.white70 p {
float: left;
height: auto;
position: relative;
background: rgba(0,0,0,0);
width: 96%;
padding: 2%;
margin: 0;
text-align: center;
clear: both;
}{
line-height: 2.1;
}
.white h2{
font-size:1,6em;
text-align: center;
margin: 0.67em 0;
font-weight: 400;
font-style: normal;
color: #ff6900;
line-height:1.5;
letter-spacing: 0.3px;
hyphens: auto;
}
.white70 h2{
font-size: 1.6em;
line-height: 1.4;
margin-top: 0;
text-align: center;
font-weight: 400;
font-style: normal;
color: #8e140b;
letter-spacing: 0.3px;
hyphens: auto;
}
.white h3{
font-size:1.234em;
text-align: left;
margin: 0.67em 0;
font-weight: 400;
font-style: normal;
color: #630e08;
text-align: justify;
line-height: 1.3;
letter-spacing: 0.3px;
hyphens: auto;
}
.white .pic-font img {
margin:auto 10%;
}
@media screen and (min-width:800px) {
.white,
.white70{
min-height: 300px;
width: 70%;
padding: 2%;
margin: 0 13%;
}
.white70 h2 {
font-size:2.2em;
line-height: 72px;
margin: 0.67em 0;
}
.white h3{
font-size:2.1em;	
width: 80%;
padding: 2%;
margin: 0 10%;
}
}
@media screen and (min-width:1400px) {
.white,
.white70{
margin-top: 4em;
}
.transparent-hg p , .transparent-blue-hg p , 
.transparent-orange-hg p { }
}
aside {
background:silver;
padding:1em;
} .site-sidebar {
padding:0;
} .sp-row{
display:inline;
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.container-slick {
float: left;
margin-bottom: 1%;
margin-top: 1%;
right: 0;
left: 0;
}  .zoom-pic {
display: inline-block;
overflow: hidden;
border: 1px solid gray;
}
.zoom-pic img {
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease;
vertical-align: middle;
}
.zoom-pic img:hover {
-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5);
} .zoom ,
.zoom2 {
overflow: hidden;
}
.zoom img{	
height:; -webkit-transform: scale(1);	
-moz-transform: scale(1);	
-ms-transform: scale(1);	
-o-transform: scale(1);	
transform: scale(1); -webkit-transition: all 0.7s linear;	
-moz-transition: all 0.7s linear;	
-ms-transition: all 0.7s linear;	
-o-transition: all 0.7s linear;	
transition: all 0.7s linear;
}
.zoom2 img{	
height:; -webkit-transform: scale(.95);
-moz-transform: scale(.95);	
-ms-transform: scale(.95);
-o-transform: scale(.95);
transform: scale(.95); -webkit-transition: all 0.7s linear;	
-moz-transition: all 0.7s linear;	
-ms-transition: all 0.7s linear;	
-o-transition: all 0.7s linear;	
transition: all 0.7s linear;
}
.zoom img:hover {	
height: auto;
-webkit-transform: scale(1.7);	
-moz-transform: scale(1.7);	
-ms-transform: scale(1.7);	
-o-transform: scale(1.7);	
transform: scale(1.7);
}
.zoom2 img:hover {	
height: auto;
-webkit-transform: scale(1);	
-moz-transform: scale(1);	
-ms-transform: scale(1);	
-o-transform: scale(1);	
transform: scale(1);	
}
.zoom,
.zoom2{
left: 0;	
right: 0;
margin-left: 0;
margin-right:0;
margin-top: 0;
margin-bottom;
padding: 0;
}
.zoom2{
text-align: center;
} .img-zoom {
display: inline-block;
overflow: hidden;
border: 1px solid gray;
}
.img-zoom img {
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
vertical-align: middle;
}
.img-zoom img:hover {
-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5);
}   .img-hover-zoom {
height: 300px; overflow: hidden; } 
.img-hover-zoom:hover img {
transform: scale(1.3);
} .img-hover-zoom--basic img {
transition: transform 2s, filter 1.8s ease-in-out;
transform-origin: center center;
} .img-hover-zoom--basic:hover img { transform: scale(1.3);
}    .img-hover-zoom--Farbton-Drehung img {
transition: transform 2s, filter 1.25s ease-in-out;
transform-origin: center center;
filter: Farbton-Drehung (0 Grad);
} .img-hover-zoom--Farbton-Drehung :hover img {
filter: Farbton-Drehung (110 Grad);
transform: scale(1.6);
}  .btn-back{
display:inline;
float: left;
position: relative;
height: 6.25rem; 
background: rgba(217, 247, 218, .4);
border: 0px solid gold; 
width: 100%;
cursor: pointer;
padding:2em;
text-align: center;
font-size: 80%;
}
.btn-back a{
top: 20%;
padding:0 .3em;
color:#292c29;
}
.btn-back a:hover {
color: gold;
}
.bg-yellow{
background-color:#f7d541;
}  
.bg-dblue{
background-color:#181834;
}  
.btn-middle{
font-size: 1.9em;
display: block;
width: 98%;  padding: 0.8em 1%;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff; border: 1px solid #ff6a01;
text-align: center;
}
.btn-middle-or{
font-size: 1.9em;
display: block;
width: 98%;  padding: 0.8em 1%;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff;
background-color: #ff6a01; 
border: 1px solid #ff6a01;
text-align: center;
}
.btn-middle-or:hover{
color:#181834;
-webkit-transition: all 1s ease ;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.btn-middle-or a {
color: #fff;
}
.btn-middle-parallax{
font-size: 1.7em;
display: block; padding: 0.8em 1%;
width: 98%;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff; border: 1px solid #ff6a01;
text-align: center;
}
.btn-middle-brown{
font-size: 1.5em;
display: block;
width: 98%;  padding: 0.8em 1%;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff;
background-color: #321706; 
border: 1px solid #321706;
text-align: center;
}
.btn-middle-brown:hover{
background-color:#ff6a01;
color: #fff;
-webkit-transition: all 1s ease ;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.btn-middle-brown a {
color: #fff;
}
@media screen and (min-width: 800px){
.btn-middle{
width: 40%;
margin: 3% 30%;
padding: 0.8em .3em;
}
.btn-middle-parallax{
font-size: 1.9em; }
.btn-middle-brown,
.btn-middle-or{
width: 30%;
margin: 3% 35%;
padding: 0.8em 1em;
font-size: 1.1em;
}
}
@media screen and (min-width: 1200px){
.btn-middle-parallax{
width: 50%;
padding: 0.8em 1%;
margin: 1% 25%;
}
}
.btn-left{
font-size: 1.9em;
display: block;  margin: 3% 0;
padding: 0.3em 0.5em;
cursor: pointer;
line-height: 1.1;
vertical-align: middle;
color: #fff; border: 1px solid gold;
text-align: left;
}				@media screen and (min-width:800px){
.btn-middle,
.btn-left				{
font-size: 1.4em;
}
}
.btn-middle:hover,
.btn-middle-parallax:hover,
.btn-left:hover {
background-color:#ff6a01;
color: #fff;
-webkit-transition: all 1s ease ;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.btn-middle a,
.btn-middle-parallax a,
.btn-left a{
background: rgba(217, 247, 218, );
display:inline;
font-size:90%;
text-decoration: none;
color: #fff;
}
.btn-middle-parallax a{
background: rgba(217, 247, 218, );
display:inline;
font-size:80%;
text-decoration: none;
color: #fff;
}
.btn-middle a:hover,
.btn-middle-parallax a:hover,
.btn-left:hover{
color: #020518;
-webkit-transform: scale(.4);
-moz-transform: scale(.4);
transform: scale(.8);
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
transition: all ease 1.5s;
}
.btn-small{
display: block;
width: 40%; margin: 0 30%;
padding: 0.1em .3em;
cursor: pointer; border: 0px solid #181834;
text-align: center; 
float: left;
}
.btn-small a {
background: rgba(255, 255, 255, .);
display:inline;
font-size:90%;
text-decoration: none;
}
.btn-small a:hover {
color: gold;
}
.cms-widget__load-more {
text-align: center;
position: absolute;
width: 100%;
left: 0;
height: 6.25rem;
bottom: 0;
background-color: #f7f7f7;
}
.cms-widget__load-button {
border: 0;
font-size: 1rem;
width: 150px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
left: 50%;
z-index: 2;
background-color: #f7f7f7;
padding: 0;
margin: 0 .75rem;
}
.link--cta-dark {
font-family: 'Raleway';
text-transform: uppercase;
color: #121212;
border-bottom: 1px solid #4d4d4d;
}
.btn-middle.box-pic{
background: #141914;
width: 34%;
margin: auto 34%;
padding: .2em;
cursor: pointer;
}
.btn-middle.box-pic a {
color: #fff;
display:inline;
font-size:1.0em;
text-decoration: none;
}
.btn-middle.box-pic a:hover {
color: gold;
}
.btn-middle.box-pic:hover {
border: 1px solid gold; 
}
@media screen and (min-width:800px){
.btn-middle.box-pic a {
font-weight: 300;
}
}
.btn-middle.box-pic {
float: left;
border-radius: 0px 0px 0px 0px;
text-align: center;
cursor: pointer;
border: 1px solid #ffffff;
margin-bottom: 3%;
} .kontakt-btn {
position: fixed;
float: left;
top: 140px;
right: 0; padding: 15px 40px;
margin: 0 0 1% 0;
width: 130px;
height: 40px;
color: #fff;
border-radius: 0px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
background-color: #eb6a0a;
-webkit-box-shadow: 5px 5px 6px rgb(0 0 0 / 60%);
-moz-box-shadow: 5px 5px 6px rgba(0,0,0,.6);
-o-box-shadow: 5px 5px 6px rgba(0,0,0,.6);
box-shadow: 5px -5px 6px rgb(0 0 0 / 60%);
behavior: src('../PIE.htc');
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);
-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=2, offy=2)";
z-index: 2220;
}  .btn5 {
width: 90%;
margin: 40px auto;
text-align: center;
}
button {
margin: 20px;
}
.custom-btn {
width: 130px;
height: 40px;
color: #fff;
border-radius: 0px;
padding: 10px 25px;
font-family: 'Lato', sans-serif;
font-weight: 500;
background: transparent;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
7px 7px 20px 0px rgba(0,0,0,.1),
4px 4px 5px 0px rgba(0,0,0,.1);
outline: none;
} .btn-5 {
width: 160px;
height: 60px;
line-height: 42px;
margin-top: 100px;
padding: 0;
border: none;
background: #eb6a0a;
background: linear-gradient(0deg, rgb(253 166 2) 0%, rgb(235 106 10) 100%);
}
.btn-5:hover {
color: #fff;
background: #eb6a0a;
background: linear-gradient(0deg, #fdfcf9 0%, rgb(255 255 255 / 86%) 100%);
box-shadow: none;
}
.btn-5:before,
.btn-5:after{
content:'';
position:absolute;
top:0;
right:0;
height:2px;
width:0;
background: #eb6a0a;
box-shadow:
-1px -1px 5px 0px #fff,
7px 7px 20px 0px #0003,
4px 4px 5px 0px #0002;
transition:400ms ease all;
}
.btn-5:after{
right: inherit;
top: 60px;
left: 0;
bottom:20px;
}
.btn-5:hover:before,
.btn-5:hover:after{
width:100%;
transition:800ms ease all;
}  .kontur {
border: 1px solid #333;
margin: 3%;
}
.kontur-fff {
clear: both;
border: 1px solid #fff;
margin: 0;
padding: 0;
width: auto;
}
.btn-kontur{
display:inline;
border: 1px solid green;
width: auto;
float: left;
height:  auto;
margin-left: 5%;
padding-bottom: 0;
text-align: center;
margin-bottom: 3%;
color: #f5f9f5;
cursor: pointer;
}
.kontur-1{
border: 1px solid #333;
width: 90%;
margin-left: 5%;
padding-bottom: 0;
}
.btn-kontur a {
border: 1px solid red;
color: #292c29;
font-family: 'Raleway';
display:inline;
font-size:.9em;
text-decoration: none;
}
.btn-kontur a:hover {
color: gold;
}
.btn-kontur:hover {
border: 1px solid gold; 
}
@media screen and (min-width:800px){
.btn-kontur a {
font-weight: 200;
}
}
.btn-kontur-s {
color: #292c29;
font-family: 'Raleway';
text-align: center;
font-size: .9em;
padding: 3%;
margin-top: -9%;
}
.btn-kontur-s a {
color: #fff;
border: 1px solid #fff;
}
.card .kontur {
margin-top: 0;
}  .spacer10 {
width: 100%;
height: 10px;
float: left;
}
.spacer25 {
width: 100%;
height: 25px;
float: left;
}
.spacer50 {
width: 100%;
height: 50px;    
float: left;
}
.spacer75 {
width: 100%;
height: 75px;
float: left;
}
.spacer100 {
float: left;
width: 100%;
height: 100px;
}
.spacer150 {
width: 100%;
height: 150px;
float: left;
}
.btn-bf {
clear: both;
bottom: 4%;
}
.abstand {
clear: both;
margin-bottom: 4%;
}
.abstand-kont {
clear: both;
bottom: 2%;
}
.abstand-top{
clear: both;
margin-top: 4%;
}
.abstand-top-inner{
clear: both;
padding-top: 4%;
}
.abstand-bot-inner{
clear: both;
padding-bottom: 4%;
}
.abstand-top-big{
clear: both;
margin-top: 8%;
}
.abstand-color  {
clear: both;
width: 100%;
height: 20px;
margin-top:0;
background: #fff;
}
#up50{
width: 100%;
height: 5px;
margin-top: -55px;
}
#up100{
width: 100%;
height: 10px;
margin-top: -100px;
}
@media screen and (min-width:768px){
.spacer100 {
height: 100px;
}
} figure {
display: inline-block;
overflow: hidden;
border: 0px solid gray;
}
figure img {
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease;
vertical-align: middle;
}
figure img:hover {
-webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);
} .card figure img  {
display:block;
margin-left: 0;
margin-right: 0;
padding-right: 0;
width: auto;
max-width: auto;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.card p figure  {
margin: 0;
width: 100%;
float: left;
display: block;
text-align: left;
}
figcaption{
display: block;
text-align: center;
}
@media screen and (min-width:768px){
figcaption {
font-size: 2.0em;
display: block;
text-align: center;
}
} .carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display: block;
}
.carousel-inner {
min-height: 300px;
border: 1px solid #fff;
border-radius: 30px;
background-color: #bbbbbb;
}
@media screen and (min-width:600px) {
.site-sidebar {
float:right;
}
}
@media screen and (min-width:800px) {
.site-sidebar {
margin-top:5em;
}
}
.yellow {
background-color: #edcf06;
}
.red {
background-color: #af2112;
width: auto;	
float: left;
position: relative;
}
.white {
background-color: #fff;
width: 80%;
padding: 2% 10%;
float: left;
position: relative;
color: #181834;
margin: 0;
}
.white h4{
font-size: 2.3em;					
}
.contrast{
-webkit-filter: contrast(1);
filter: contrast(1);
} .kontakt{
width: 90%;
margin:0 5%;
font-size:1.5em;
font-weight: 300;
float: left;
position: relative;
text-align: left;
}
.datenschutz {
background: rgb(0,0,0,0);
width: 90%;
margin:  5%;
float: left;
line-height: 1.325;
font-size: 80%;
clear:both;
}
.datenschutz p {
text-align: justify;
line-height: 1.525;
width: 90%;
margin: auto 5%;
}
.datenschutz b {
margin: 5% 0 1% 0;
float: left;
}
.datenschutz h2,
.datenschutz h3,
.datenschutz h4{
text-align: left;
float: left;
width: 90%;
margin: auto 5%;
padding-bottom: .3em;
}
.datenschutz h2,
.datenschutz h3{
font-size: 1.9em;
font-weight: 400;
margin-top: 2%;
font-family: 'Source Sans Pro', 'Open Sans';
}
.datenschutz ul {
width: 85%;
margin: auto 5%;
padding: 1em 2em;
} div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label {
display: block;
margin: 0.5em;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
background-color: #fba603;
display: block;
width: 90%;
margin: 0 auto;
border: 1px solid #fff;
border-radius: 0px;
padding: 0;
transition: all 0.5s;
text-align: center;
}
span.wpforms-image-choices-label img:hover {
background: rgb(238 238 238 / 50%);
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover {
background: #ff6900;
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img:hover{
background: red;
}
li.depth-1.wpforms-image-choices-item { width: auto;
}
@media screen and (min-width:1084px) {
li.depth-1.wpforms-image-choices-item {
width: 23%;
}
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li {
margin: 1% !important;
}
div.wpforms-container-full .wpforms-form ul, div.wpforms-container-full .wpforms-form ul li {
background: none !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
width: 100%;
}
@media screen and (min-width: 1084px){
div.wpforms-container-full .wpforms-form ul, div.wpforms-container-full .wpforms-form ul li {
width: auto;
}
}
div.wpforms-container-full .wpforms-form a {
color: #fff;
}
.wpforms-confirmation-container-full {
background: #fca605;
border: 1px solid #e5e0d6;
box-sizing: border-box;
} .footer .widget,
.footer-top .widget,
.footer-top{
width: 100%;
margin-left: 0;
float: left;
}
.box-full-footer {
width: 100%;
height: auto;
margin: auto;
}
#logo-footer {
position: relative;
float: left;
width: auto;
padding: 0.1em;
margin: 0.3em 0.6em 0.3em 0;
display: block;
z-index: 2300;
font-size: 1.4em;
line-height: 1.1;
width: 150px;
}
#tx-footer {
position: relative;
float: left;
width: auto;
padding: 0.1em;
margin: 0.3em 0.6em 0.3em 0;
display: block;
z-index: 2300;
font-size: .9em;
line-height: 1.1;
width: 100%;
}
#tx-footer h4 {
font-size: 1.4em;
color: #fff;
padding-left: 0;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
#tx-footer h4 {
font-size: 1.6em;
}
}
@media screen and (min-width: 1101px)  {
#tx-footer h4 {
font-size: 2.2em;
}
}
#tx-footer p {
font-size: .9em;
color: #fff;
line-height: 1.3;
}
footer h3 , footer h4{
margin-left: 0!Important;
}
.footer-1 img {
max-width: 150px;
}
@media screen and (min-width:1200px){
#logo-tx-footer{
font-size: 1.9em;
}
}
@media screen and (min-width:1450px){
#logo-tx-footer{
font-size: 2.3em;
}
}
.site-footer .btn-middle a{
color: #fff;
}
.site-footer .parallax6 h2{
color: #fff;
font-size: 1.4em;
}
div#footer-widgets-wrap p {
color: #fff;
}
.footer-top {
background: #1a0b02;
width: 96%;
margin: 0;
padding:2% 2% 0 2%;
float: left; }
@media screen and (min-width:900px) {
.site-footer .parallax6 h2{
font-size: 2.13em;
}
}
@media screen and (min-width:1200px) {
.site-footer .parallax6 h2{
font-size: 2.3em;
}
}
.site-footer #footer-top  {
margin: 5% 10%;
color: #fff;
font-size: 2.1em;
font-weight: 400;
line-height: 1.3;
}
.site-footer {
display: grid;
clear: both;
background: #1a0b02;
color: #e2e6e6;
}
.textwidget p,
.textwidget{
padding: 3% 0;
margin: auto 1%;
}
.textwidget p{
font-size: 90%;
}
.site-footer h2,
.widgettitle h2{ font-size: 100%;
text-align: left;
font-size: 1.3em;
}
.site-footer h4,
.widgettitle h4,
.woocommerce.site-footer h4,
.woocommerce.widgettitle h4 {
color: #edcf06;
font-size: 100%;
text-align: left;
font-size: .9em;
}
.site-footer a {
color: #eb6a0a;
}
.footer-widgets {
margin-right:0;
background: #0a0401;
}
.footer-widget-column {
float: left;
width: 100%;
padding-left: 0;
box-sizing: border-box;
} .footer-widget-column:nth-child(1):nth-last-child(1) {
float: none;
width: 100%;
} .footer-widget-column:nth-child(1):nth-last-child(2),
.footer-widget-column:nth-child(2):nth-last-child(1) {
width: 100%;
}
.footer-1,
.footer-2,
.footer-3,
.footer-4,
.widget-area {
float: left;
text-align: left;
padding-left: 2em;
padding-bottom: 1em;
margin: auto 0;
}
.textwidget p {
color:#e2e6e6;
line-height: 1.9;
}
.footer-copyright {
clear: both;
float: left;
position: relative;
background-color: #0a0401; font-size:85%;
right: 0;
left: 0;
width: 99%;
margin-right: -1%;
border-top: 1px solid #fff;
padding: 1% 1% 1% 0; color: #ece7e4;
margin: 0;
}
.site-footer .footer-copyright p{
color: #181834;
margin-left: 2em;
margin-right: 1em;
font-size: 90%;
width: auto;
float: left;
}
.footer-copyright a{
font-size:90%; color: #97857d;
padding: auto 5px;
}
.footer-copyright a:hover{ color:#ddd;
}
@media screen and (min-width:768px){
.site-footer p{
margin-left:0;
font-size:1em;
color: #e2e6e6;
}
.textwidget p,
.textwidget{
padding: 2% 0;
margin: auto 0 auto 0;
} 
.textwidget.footer-copyright,
.textwidget.footer-copyright p{
padding:-2% 0;
margin: 0;
}
.widgettitle h2{
font-size:100%;
text-align: left;
font-size:1.2em;
}
.footer-1 {
font-weight: 400;
float: left;
text-align: left;
padding-left: 2%;
padding-bottom: 1em;
width: 98%%;
padding-top: 3%;
}.footer-1,
.footer-2,
.footer-3,
.footer-4,
.widget-area{
font-weight: 400;
float: left;
text-align: left;
padding-left: 2%;
padding-bottom: 1em;
width: 25%;
padding-top: 0;
}
.footer-copyright p {
margin-left: 2em;
text-align: left;
width: 100%;
padding-left: 0em;
left: 0;
}
}
.footer-full {
width: 90%;
float: left;
position: relative;
line-height: 1.1;
}
.footer-full h4 {
font-size: 1.6em;
color: #fff;
padding-left: 0;
}
.footer-full a{
font-size: 1.0em;
}
.cookie {
line-height: 1.2;
font-size: .8em;}
#footer-cookie, 
.footer-cookie {
clear: both;
float: left;
position: absolute;
background-color: #121627;
font-size: 90%;
right: 0;
left: 0;
width: 99%;
margin-right: -1%;
border-top: 1px solid #fff;
padding: 1% 1% 0 0;
color: #fff;
text-align:left;
margin-bottom: 10%;
z-index: 2000;
}
.site-footer .footer-cookie p {
color: #181834;
margin-left: 2em;
margin-right: 1em;
font-size: 90%;
width: auto;
float: left;
}
.footer-cookie a {
font-size: 90%;
color: #fff;
padding: auto 5px;}
.footer-cookie a:hover {
color: #ddd
;}
@media screen and (min-width:768px) {
.site-footer p {
margin-left: 0;
font-size: 1em;color: #e2e6e6;
}
.textwidget p, .textwidget {
padding: 2% 0;
margin: auto 0 auto 0;
}
.textwidget.footer-cookie, 
.textwidget.footer-cookie p {
padding: -2% 0;margin: 0;
}
.widgettitle h2 {
font-size: 100%;
text-align: left;
font-size: 1.2em;	
}
.footer-1, .footer-2, .footer-3, .footer-4, .widget-area {
font-weight: 400;
float: left;
text-align: left;
padding-left: 2%;
padding-bottom: 1em;
width: 22%;
padding-top: 3%;
}
.footer-cookie p {
margin-left: 2em;
text-align: left;
width: 100%;
padding-left: 0em;
left: 0;
}
} .btn-footer{
font-size: .9em;
display: block;
margin: 1% 0;
padding: 0.1em 0.3em;
cursor: pointer;
color: #fff;
border: 1px solid orange;
text-align: left;
float: left;
}
.btn-footer:hover {
background-color: ;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all ease 1.0s;
-moz-transition: all ease 1.0s;
transition: all ease 1.0s;
}
.btn-footer a {
background: rgba(217, 247, 218, );
display:inline;
font-size:80%;
text-decoration: none;
color: #fff;
}
.btn-footer a:hover {
color: #fff;
-webkit-transform: scale(1.1);
-moz-transform: scale(.8);
transform: scale(.8);
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
transition: all ease 1.5s;
} .back-to-top {   
display: none;
font-size: 1.6em;
position: fixed;
float: left;
height: 40px;
width: 30px; right: 40%;
bottom: 5%;
z-index: 211100;
}
a.cc_more_info {
color: #fff;
}
a.back-to-top {
color:#ff6900;
padding: 0.51em;
z-index:    22999;
}
a.back-to-top:hover {
border: solid 1px;
border-radius: 0px;
color: #ff6900;
border-style: solid;
border-bottom-color: #ff6900;
z-index: 3500;
}
a.back-to-top span {
display: none;
font-size: .9em;
}
a.back-to-top:hover span {
width: 80px;
height: 130px;
margin-right: 20px;
top: 0;
padding: 10px 20px 40px;
color: red;
display: block;
position: absolute;
text-align: center;
font-size: .8em;
border-radius: 2px 2px 1px 1px;
z-index:    2999;
}
@media screen and (min-width:768px){ .back-to-top {   
display: none;
font-size: 1.6em;
position: fixed;
float: left;
height: 40px;
width: 30px; right: 48%;
bottom: 5%;
z-index: 211100;
}
a.cc_more_info {
color: #fff;
}
a.back-to-top {
color:#ff6900;
padding: 0.51em;
z-index:    2999;
}
a.back-to-top:hover {
border: solid 1px;
border-radius: 0px;
color: #ff6900;
border-style: solid;
border-bottom-color: #ff6900;
z-index: 3500;
}
a.back-to-top span {
display: none;
font-size: .9em;
}
a.back-to-top:hover span {
width: 80px;
height: 130px;
margin-right: 20px;
top: 0;
padding: 10px 20px 40px;
color: red;
display: block;
position: absolute;
text-align: center;
font-size: .8em;
border-radius: 2px 2px 1px 1px;
z-index:    2999;
}
}  form.post-password-form {
margin: 5% 10%;
font-size: 80%;
}  .wrapper.typing-demo {
height:10vh; display: grid;
place-items: center;
}
.typing-demo {
width: 30%;
animation: typing 2s steps(43), blink .5s step-end infinite alternate;
white-space: nowrap;
overflow: hidden;
border-right: 3px solid;  }
.box-orange-colbr h1 .typing-demo { }
@keyframes typing {
from {
width: 0
}
}
@keyframes blink {
50% {
border-color: transparent
}
}@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300.eot); src: local('Open Sans'), local('OpenSans-Light'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-regular.eot); src: local('Open Sans Regular'), local('OpenSans-Regular'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-regular.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-regular.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-regular.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-regular.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300italic.eot); src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300italic.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300italic.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300italic.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-300italic.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-600.eot); src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-600.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-600.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-600.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-600.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-600.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-700.eot); src: local('Open Sans Bold'), local('OpenSans-Bold'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-700.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-700.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-700.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-700.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-700.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-800.eot); src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-800.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-800.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-800.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-800.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/open-sans-v17-latin-800.svg#OpenSans) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 200;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-200.eot); src: local('Raleway '),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-200.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-200.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-200.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-200.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-200.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-300.eot); src: local('Raleway'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-300.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-300.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-300.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-300.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-300.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 400;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-regular.eot); src: local('Raleway'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-regular.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-regular.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-regular.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-regular.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-regular.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 500;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-500.eot); src: local('Raleway'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-500.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-500.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-500.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-500.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-500.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-600.eot); src: local('Raleway'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-600.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-600.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-600.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-600.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-600.svg#Raleway) format('svg'); } @font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 700;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-700.eot); src: local('Raleway'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-700.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-700.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-700.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-700.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/raleway-v17-latin-700.svg#Raleway) format('svg'); } @font-face {
font-family: 'Aktiv Grotesk';
src: local('Aktiv Grotesk'),('../fonts/Aktiv-Grotesk-Thin.eot'); src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/Aktiv-Grotesk-Thin.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/Aktiv-Grotesk-Thin.otf) format('opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/Aktiv-Grotesk-Thin.svg) format('svg'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/Aktiv-Grotesk-Thin.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/Aktiv-Grotesk-Thin.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/Aktiv-Grotesk-Thin.woff2) format('woff2'); font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Helvetica Light';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue LT Pro 45 Light'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/HelveticaNeueLTPro-Lt.woff) format('woff');
}  @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-100.eot); src: local('Roboto Thin'), local('Roboto-Thin'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-100.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-100.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-100.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-100.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-100.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300.eot); src: local('Roboto Light'), local('Roboto-Light'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300italic.eot); src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300italic.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300italic.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300italic.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300italic.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-300italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-italic.eot); src: local('Roboto Italic'), local('Roboto-Italic'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-italic.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-italic.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-italic.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-italic.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-italic.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-regular.eot); src: local('Roboto'), local('Roboto-Regular'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-regular.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-regular.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-regular.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-regular.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-500.eot); src: local('Roboto Medium'), local('Roboto-Medium'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-500.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-500.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-500.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-500.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-500.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-700.eot); src: local('Roboto Bold'), local('Roboto-Bold'),
url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-700.eot?#iefix) format('embedded-opentype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-700.woff2) format('woff2'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-700.woff) format('woff'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-700.ttf) format('truetype'), url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/fonts/roboto-v20-latin-700.svg#Roboto) format('svg'); }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-active{
color: red;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.container-slide.slick-list {
display: none;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.container-rezension.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.container-slide.slick-track
{
position: relative;
top: 0;
left: 0;
background: red;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height:auto;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}html.lb-disable-scrolling {
overflow: hidden; position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//holzhandel-schellenberg.de/wp-content/themes/woodtrade/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}.card-animation {
background: #E04D4D;
height: 145px;
width: 30%;
opacity: 0;
}
ody {
background-color: #222;
text-align: center;
font-family: "Signika Negative", Arial, sans-serif;
color: white;
}
h1 {
font-weight: 400;
font-size: 1.5em;
}
@media screen and (min-width:800px){
h1 {
font-weight: 400;
font-size: 2.5em;
}
}
.container-scroll1,
.container{
max-width: 800px;
margin: auto;
width: 100%;
line-height: 0;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.box-scroll1,.box {
width: 31%;
height: 15vh;
margin: 5px;
opacity: 0;
will-change: transform;
}
.gray {
background-color: #777;
}
.blue {
background-color: #2c7ad2;
}
.orange {
background-color: #e77614;
}
.red {
background-color: #c82736;
}
.purple {
background-color: #8d3dae;
}
.green {
background-color: #28a92b;
}
.header-scroll1 {
position: fixed;
top: 0px;
left: 0px;
padding: 6px 10px 6px 10px;
border-bottom-right-radius: 26px;
z-index: 100;
background-color: rgba(0,0,0,0.5);
}  .page-splitt {
height:auto;
width: 100vw; 
2scroll-snap-align: center;
font-size: calc(var(--font-size) * 1px);
font-weight: bold; align-items: center;
justify-content: center;
position: relative;
}
.container2{
height: 100vh;
overflow: auto;
overflow-x: hidden;
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.page-splitt {
color: #fff;
font-size: 3rem;
text-align: center;
}
@media (min-width: 768px) {
.page-splitt {
font-size: 5rem;
}
}
.page-splitt:nth-child(n) {
background: ;
color:	red;
}
.page-splitt:nth-child(2n) {
background: blue;
}
.page-splitt:nth-child(3n) {
background: #bd04a9;
}
.page-splitt .char {
display: inline-block;
-webkit-animation-delay: calc(0.25s + var(--char-index) * 0.1s);
animation-delay: calc(0.25s + var(--char-index) * 0.1s);
transition: all 0.25s calc(0.25s + var(--char-index) * 0.1s);
}
.text--enter [data-scroll='out'] .char {
opacity: 0;
transform: translate(0, -150%);
}
.text--enter .char {
opacity: 1;
transform: translate(0, 0);
}
.text--random [data-scroll='out'] .char:nth-of-type(1) {
transform: translateX(78%) translateY(82%);
}
.text--random [data-scroll='out'] .char:nth-of-type(2) {
transform: translateX(-135%) translateY(192%);
}
.text--random [data-scroll='out'] .char:nth-of-type(3) {
transform: translateX(-179%) translateY(222%);
}
.text--random [data-scroll='out'] .char:nth-of-type(4) {
transform: translateX(-201%) translateY(102%);
}
.text--random [data-scroll='out'] .char:nth-of-type(5) {
transform: translateX(-241%) translateY(-151%);
}
.text--random [data-scroll='out'] .char:nth-of-type(6) {
transform: translateX(240%) translateY(28%);
}
.text--swapsies [data-scroll='in'] .char:nth-of-type(odd),
.text--swapsies [data-scroll='out'] .char:nth-of-type(odd) {
transform: translateX(100%);
}
.text--swapsies [data-scroll='in'] .char:nth-of-type(even),
.text--swapsies [data-scroll='out'] .char:nth-of-type(even) {
transform: translateX(-100%);
}
.text--swapsies [data-scroll='in'] .char {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.text--swapsies [data-scroll='in'] .char:nth-of-type(odd) {
-webkit-animation-name: swap-left;
animation-name: swap-left;
}
.text--swapsies [data-scroll='in'] .char:nth-of-type(even) {
-webkit-animation-name: swap-right;
animation-name: swap-right;
}
@-webkit-keyframes swap-right {
25% {
transform: translateX(-100%) translateY(-100%);
}
75% {
transform: translateX(0) translateY(-100%);
}
100% {
transform: translateX(0) translateY(0);
}
}
@keyframes swap-right {
25% {
transform: translateX(-100%) translateY(-100%);
}
75% {
transform: translateX(0) translateY(-100%);
}
100% {
transform: translateX(0) translateY(0);
}
}
@-webkit-keyframes swap-left {
25% {
transform: translateX(100%) translateY(100%);
}
75% {
transform: translateX(0) translateY(100%);
}
100% {
transform: translateX(0) translateY(0);
}
}
@keyframes swap-left {
25% {
transform: translateX(100%) translateY(100%);
}
75% {
transform: translateX(0) translateY(100%);
}
100% {
transform: translateX(0) translateY(0);
}
}
.text--fading [data-scroll='out'] .char {
opacity: 0;
}
.text--flipping [data-scroll='out'] .char {
transform: rotateY(180deg);
}
.text--slide .char {
transition-delay: calc((var(--char-total) - var(--char-index)) * 0.1s);
}
.text--slide [data-scroll='out'] .char {
opacity: 0;
transform: translate(-300%, 0) skewX(20deg);
}
.text--karaoke .char {
color: rgba(255,255,255,0.15);
transition-duration: 0.1s;
}
.text--karaoke .char:after {
color: #fff;
visibility: visible;
}
.text--karaoke [data-scroll='in'] .char:after {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
.text--karaoke [data-scroll='out'] .char:after {
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0);
}
.text--filling .char {
color: rgba(255,255,255,0.15);
}
.text--filling .char:after {
color: #fff;
visibility: visible;
}
.text--filling [data-scroll='in'] .char:after {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}
.text--filling [data-scroll='out'] .char:after {
-webkit-clip-path: inset(100% 0 0 0);
clip-path: inset(100% 0 0 0);
}
.text--blocks [data-scroll='out'] .char {
visibility: hidden;
}
.text--blocks [data-scroll='in'] {
overflow: hidden;
position: relative;
}
.text--blocks [data-scroll='in'] .char {
transition-delay: 0.5s;
}
.text--blocks [data-scroll='in']:after {
content: '';
height: 100%;
width: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
-webkit-animation: block 0.5s 0.25s both;
animation: block 0.5s 0.25s both;
}
@-webkit-keyframes block {
0% {
transform: translate(-110%, 0);
}
45%, 55% {
transform: translate(0, 0);
}
100% {
transform: translate(110%, 0);
}
}
@keyframes block {
0% {
transform: translate(-110%, 0);
}
45%, 55% {
transform: translate(0, 0);
}
100% {
transform: translate(110%, 0);
}
}
.text--scaling [data-scroll='out'] .char {
transform: scale(0);
}
.text--turning [data-scroll='out'] .char {
transform: rotateY(90deg);
}
.text--folding [data-scroll='out'] .char {
transform: rotateX(90deg);
transform-origin: bottom;
}
.text--bulge [data-scroll='in'] .char {
-webkit-animation-name: bulge;
animation-name: bulge;
-webkit-animation-duration: 0.25s;
animation-duration: 0.25s;
}
@-webkit-keyframes bulge {
50% {
transform: scale(1.5);
}
}
@keyframes bulge {
50% {
transform: scale(1.5);
}
}
.text--perspective {
perspective: 1000px;
}
.text--perspective .char {
transition: transform 0.25s calc(0.25s + var(--char-index) * 0.1s), opacity 0.05s calc(0.25s + var(--char-index) * 0.1s);
}
.text--perspective [data-scroll='out'] .char {
opacity: 0;
transform: translate3d(-25px, -20px, -800px);
}
.text--zipping .char {
transition: transform 0.25s calc(0.25s + var(--char-index) * 0.1s), opacity 0.05s calc(0.25s + var(--char-index) * 0.1s);
}
.text--zipping [data-scroll='out'] .char {
opacity: 0;
}
.text--zipping [data-scroll='out'] .char:nth-of-type(odd) {
transform: translate(0, -100%);
}
.text--zipping [data-scroll='out'] .char:nth-of-type(even) {
transform: translate(0, 100%);
}
.text--spinning [data-scroll='out'] .char {
transform: rotateY(-360deg);
}
.text--tumbling .char {
transition-delay: calc((var(--char-total) - var(--char-index)) * 0.1s);
}
.text--tumbling [data-scroll='out'] .char {
opacity: 0;
transform: translate(-300%, -50%) rotate(1080deg) scale(0);
}
.text--bubbling .char {
transition-timing-function: cubic-bezier(0.75, -2, 0.75, 2);
}
.text--bubbling .char:nth-of-type(1) {
transition-delay: 0.5s;
}
.text--bubbling .char:nth-of-type(2) {
transition-delay: 0.4s;
}
.text--bubbling .char:nth-of-type(3) {
transition-delay: 0.2s;
}
.text--bubbling .char:nth-of-type(4) {
transition-delay: 0.5s;
}
.text--bubbling .char:nth-of-type(5) {
transition-delay: 0.2s;
}
.text--bubbling .char:nth-of-type(6) {
transition-delay: 0.6s;
}
.text--bubbling .char:nth-of-type(7) {
transition-delay: 0.4s;
}
.text--bubbling .char:nth-of-type(8) {
transition-delay: 0.6s;
}
.text--bubbling [data-scroll='out'] .char {
transform: scale(0.5);
}
.text--swinging .char {
transform-origin: calc((var(--char-total) - var(--char-index)) * 100%) -100%;
transition-delay: calc((var(--char-total) - var(--char-index)) * 0.1s);
}
.text--swinging [data-scroll='out'] .char {
opacity: 0;
transform: rotate(90deg);
}
.text--rolling .char {
transition: transform 1s, opacity 0.2s;
transition-delay: calc((var(--char-total) - var(--char-index)) * 0.1s);
}
.text--rolling [data-scroll='out'] .char {
opacity: 0;
transform: translate(-500%, 0) scale(0) rotate(-1440deg);
}
.text--blowing .char {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
transform-origin: left bottom;
-webkit-animation-delay: calc(var(--char-index) * 0.025s);
animation-delay: calc(var(--char-index) * 0.025s);
}
.text--blowing [data-scroll='in'] .char {
-webkit-animation-name: blowing;
animation-name: blowing;
}
@-webkit-keyframes blowing {
50%, 60%, 70% {
transform: skewX(-35deg);
}
55%, 65%, 75% {
transform: skewX(-40deg);
}
}
@keyframes blowing {
50%, 60%, 70% {
transform: skewX(-35deg);
}
55%, 65%, 75% {
transform: skewX(-40deg);
}
}
.text--meeting .char {
transition-delay: calc((var(--char-total) - var(--char-index)) * 0.1s);
}
.text--meeting .char:nth-of-type(even) {
transform-origin: top right;
}
.text--meeting .char:nth-of-type(odd) {
transform-origin: bottom left;
}
.text--meeting [data-scroll='out'] .char {
transform: rotate(180deg);
}
.text--conveyor [data-scroll='in'] .char {
transform-origin: left bottom;
-webkit-animation: convey 1s both linear;
animation: convey 1s both linear;
-webkit-animation-delay: calc((var(--char-total) - var(--char-index)) * 0.15s);
animation-delay: calc((var(--char-total) - var(--char-index)) * 0.15s);
transition: none;
}
@-webkit-keyframes convey {
0% {
transform: translate(calc((var(--char-total) - (var(--char-total) - var(--char-index))) * -100%), 0) rotate(-180deg) translate(calc((var(--char-total) - var(--char-index)) * -100%), 0);
}
40% {
transform: translate(calc((var(--char-total) - (var(--char-total) - var(--char-index))) * -100%), 0) rotate(-180deg) translate(0, 0);
}
50% {
transform: translate(calc((var(--char-total) - (var(--char-total) - var(--char-index))) * -100%), 0) rotate(0deg) translate(0, 0);
}
100% {
transform: translate(0, 0) rotate(0deg) translate(0, 0);
}
}
@keyframes convey {
0% {
transform: translate(calc((var(--char-total) - (var(--char-total) - var(--char-index))) * -100%), 0) rotate(-180deg) translate(calc((var(--char-total) - var(--char-index)) * -100%), 0);
}
40% {
transform: translate(calc((var(--char-total) - (var(--char-total) - var(--char-index))) * -100%), 0) rotate(-180deg) translate(0, 0);
}
50% {
transform: translate(calc((var(--char-total) - (var(--char-total) - var(--char-index))) * -100%), 0) rotate(0deg) translate(0, 0);
}
100% {
transform: translate(0, 0) rotate(0deg) translate(0, 0);
}
} .mein-element4{ height:200vh;
width: 100%;
background:red;
margin:0 auto;
margin-bottom:2em;
transition: all .25s ease-in-out;
}
.mein-element4 {
font-size: 2.2em;
line-height: 1.2;
text-align: center;
font-weight: 300;
color:#2e1701;
transition: all .25s ease-in-out;
}
.visible2 {
background: lime;
}
.mein-element2 {
opacity: 0;
transition: opacity .5s ease-in-out;
} .mein-element4 {
opacity: 0;
transition: all .25s ease-in-out;
}
.mein-element4:nth-of-type(odd) {
transform: translateX(-90%);
}
.mein-element4:nth-of-type(even) {
transform: translateX(90%);
}
.mein-element4.visible {
transform:translateX(0);
opacity: 1;
}
.visible {
opacity: 1;
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s
}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47,0,.745,.715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39,.575,.565,1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity,transform
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translateZ(0)
}
[data-aos=fade-up] {
transform: translate3d(0,100px,0)
}
[data-aos=fade-down] {
transform: translate3d(0,-100px,0)
}
[data-aos=fade-right] {
transform: translate3d(220px,0,0)scale(.6)
}
[data-aos=fade-button] {
transform: translate3d(0px,120px,0)scale(1.3) 
}
[data-aos=fade-left] {
transform: translate3d(-500px,0,0)
}
[data-aos=fade-up-right] {
transform: translate3d(-100px,100px,0)
}
[data-aos=fade-up-left] {
transform: translate3d(100px,100px,0)
}
[data-aos=fade-down-right] {
transform: translate3d(1100px,100px,0)
}
[data-aos=fade-down-left] {
transform: translate3d(100px,-100px,0)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity,transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translateZ(0) scale(1)
}
[data-aos=zoom-in] {
transform: scale(.6)
}
[data-aos=zoom-in-up] {
transform: translate3d(0,100px,0) scale(.6)
}
[data-aos=zoom-in-down] {
transform: translate3d(0,-100px,0) scale(.6)
}
[data-aos=zoom-in-right] {
transform: translate3d(-100px,0,0) scale(.6)
}
[data-aos=zoom-in-left] {
transform: translate3d(100px,0,0) scale(.6)
}
[data-aos=zoom-out] {
transform: scale(1.2)
}
[data-aos=zoom-out-up] {
transform: translate3d(0,100px,0) scale(1.2)
}
[data-aos=zoom-out-down] {
transform: translate3d(0,-100px,0) scale(1.2)
}
[data-aos=zoom-out-right] {
transform: translate3d(-100px,0,0) scale(1.2)
}
[data-aos=zoom-out-left] {
transform: translate3d(100px,0,0) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translateZ(0)
}
[data-aos=slide-up] {
transform: translate3d(0,100%,0)
}
[data-aos=slide-down] {
transform: translate3d(0,-100%,0)
}
[data-aos=slide-right] {
transform: translate3d(-100%,0,0)
}
[data-aos=slide-left] {
transform: translate3d(100%,0,0)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0)
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0)
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0)
}