@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; overflow-x:hidden;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust:     100%; box-sizing: border-box; }
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background:rgba(246,246,246,1); }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style:none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
img {
display: block;
height:auto;
} html,
body,
#page,
header.site-header { 
height: 100%; 
min-height: 100%;
}
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 20px;
font-size: 2em;
line-height: 35px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
.floater{
float:left;
}
.clear{
clear:both;
}
.spacer{
margin-top: 5% ;
} .landing{
position:relative;
top:-35px;
height:100%;
display: block; min-width: 100%; 
min-height: 100%;  
-webkit-background-size: cover;
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
}
.landing:after{
background: none repeat scroll 0 0 rgba(182, 31, 41, 0.5);
content: "";
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.landing .landing-text{
position: absolute;
z-index:2;
text-align: center;
width: 100%;
height: 100%;
color:rgba(246,246,246,1);
}
.landing-text h1{
position: absolute;
font: 72px 'os_bold';
letter-spacing: 1px;
text-transform:uppercase;
left: 0;
line-height:45px;
margin: 0;
padding: 0;
top: 35%;
width: 100%;
}
.landing-text span{
font: 70px 'os_regular';
letter-spacing: 2px;
display:block;
text-transform:uppercase;
}
.landing-text i{
font: 40px 'os_light';
letter-spacing: 1px;
display:block;
text-transform:none;
line-height:45px;
margin: 20px auto;
max-width: 35%;
} .navigation-con {
position:absolute;
z-index:20;
margin: -180px 0px 0px 0px;
width: 100%;
}
.navigation-con-2 .main-navigation li a {
display: block;
text-decoration: none;
color:rgba(49,49,49,1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.navigation-con-2 .main-navigation li a:hover {
display: block;
text-decoration: none;
color:rgba(182,31,41,1);
}
.navigation-wrap {
width:100%;
}
.navigation-wrap-inner {
width:100%;
padding: 10px 10% 10px 10%;
height:145px;
}
.navigation-wrap .main-navigation {
display: inline-block;
}
.navigation-logo {
float: left;
width: 15%;
}
.navigation-logo span{
position:absolute;
font-size: 100px;
color:rgba(246,246,246,1);
top: 20px;
}
.main-navigation {
margin: 3em 0 3em 10%;
float: right;
width: 70%;
}
.main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
float:right;
text-align:right;
}
.main-navigation li {
float: left;
font: 20px 'os_regular';
margin: 0 0 0 20px;
position: relative;
text-transform:uppercase;
}
.main-navigation li a {
display: block;
text-decoration: none;
color:rgba(246,246,246,1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main-navigation li a:hover {
display: block;
text-decoration: none;
color:rgba(49,49,49,1);
} .navigation-con-2{
position:fixed;
z-index:20;
margin: -35px 0px 0px 0px;
width: 100%;
background: rgba(238,238,238,1);
}
.navigation-wrap-inner-2 {
width:100%;
padding: 10px 10% 10px 10%;
height:145px;
}
.navigation-con-2 .navigation-logo span{
position:absolute;
font-size: 100px;
color:rgba(182,31,41,1);
top: 20px;
} .menu-toggle {
display: none;
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  a {
text-decoration: none;
color:rgba(182,31,41,1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:hover {
text-decoration: none;
color:rgba(49,49,49,1);
}
.headline{
font: 45px 'os_bold';
text-align:center;
text-transform:uppercase;
letter-spacing: 1px;
}
.headline:after {
background: none repeat scroll 0 0 rgba(49,49,49,1);
content: "";
display: block;
height: 1px;
margin: 30px 45% 40px;
text-align: center;
width: 10%;
z-index: 2;
}
.headline-content{
font: 35px 'os_bold';
text-align:center;
text-transform:uppercase;
letter-spacing: 1px;
margin:-40px 0 0 0;
}
.headline-content:after {
background: none repeat scroll 0 0 rgba(49,49,49,1);
content: "";
display: block;
height: 1px;
margin: 30px 45% 40px;
text-align: center;
width: 10%;
z-index: 2;
}
.headline-content-o-s{
font: 35px 'os_bold';
text-align:center;
text-transform:uppercase;
letter-spacing: 1px;
top:50px;
margin: 0 0 100px 0;
position:relative;
}
.headline-content-o-s:after {
background: none repeat scroll 0 0 rgba(49,49,49,1);
content: "";
display: block;
height: 1px;
margin: 30px 45% 40px;
text-align: center;
width: 10%;
z-index: 2;
}
.btn {
clear:both;
position:relative;
left: 45%;
transform: translateX(-45%);
padding: 10px 1%;
width: 100%;
text-transform:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 2px solid rgba(49,49,49,1);
color: rgba(49,49,49,1);
text-decoration:none;
}
a.btn {
text-decoration:none;
font: 17px 'os_bold';
text-transform:uppercase;
}
.btn:hover{
text-transform:none;
border: 2px solid rgba(182,31,41,1);
background: rgba(182,31,41,1);
color: rgba(246,246,246,1);
text-transform:uppercase;
} .two-col,
.three-col,
.four-col {
float: left;
margin: 0px 5% 20px 0px;
position: relative;
}
.two-col img,
.three-col img,
.four-col img {
width: 100%;
height: auto;
display: block;
height:100%;
}
.two-col {
width: 47.5%;
}
.three-col {
width: 30%;
}
.four-col {
width: 21.25%;
}
.end-col {
float: left;
margin: 0px auto 20px auto;
} section.recent{
margin: 5% auto 5% auto;
}
.recentgrid{
list-style:none;
margin: 0 auto;
width: 80%;
}
.recentgrid li{
position:relative;
float:left;
display: inline-block;
width:50%;
background: rgba(238,238,238,1);
}
.recentgrid .recent-image{
float:left;
width:50%;
}
.recentgrid .recent-image img{
display:block;
width:100%;
height:100%;
height:auto;
}
.recentgrid .recent-text{
float:left;
width:50%;
padding:6% 4%;
}
.recentgrid .recent-text p{
color: rgba(49,49,49,1);
font: 17px 'os_regular';
text-align:center;
line-height: 25px;
margin: 55px auto 30px auto;
}
.recentgrid .recent-text h1{
font: 25px 'os_bold';
text-transform:uppercase;
text-align:center;
margin-bottom:30px;
color: rgba(49,49,49,1);
white-space: nowrap;
}
.recentgrid .recent-text h1 a{
display:block;
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: rgba(49,49,49,1);
}
.recentgrid .recent-text h1 a:hover{
color: rgba(182,31,41,1);
}
.recentgrid .recent-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 2px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 25px auto 0 auto;
left:65%;
position: absolute;
width: 20%;
}
.recent-btn {
position:absolute;
text-align:center;
width: 30%;
padding:2% 1%;
right: 14%;
left: 60%;
text-transform:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
bottom: 8%;
border: 2px solid rgba(49,49,49,1);
color: rgba(49,49,49,1);
text-decoration:none;
}
a.recent-btn {
text-decoration:none;
font: 17px 'os_bold';
text-transform:uppercase;
}
.recent-btn:hover{
text-transform:none;
border: 2px solid rgba(182,31,41,1);
background: rgba(182,31,41,1);
color: rgba(246,246,246,1);
text-transform:uppercase;
} section.unternehmen{
margin: 5% auto 5% auto;
text-align:center;
}
.front-page{
margin: 0 auto;
width:80%;
}
.front-page p{
width:70%;
text-align:center;
margin: 0 auto 50px;
font: 25px 'os_regular';
line-height: 45px;
}
.unt-btn {
clear:both;
position:relative;
padding: 10px 1%;
text-align:center;
text-transform:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border: 2px solid rgba(49,49,49,1);
color: rgba(49,49,49,1);
text-decoration:none;
}
a.unt-btn {
text-decoration:none;
font: 17px 'os_bold';
text-transform:uppercase;
}
.unt-btn:hover{
text-transform:none;
border: 2px solid rgba(182,31,41,1);
background: rgba(182,31,41,1);
color: rgba(246,246,246,1);
text-transform:uppercase;
} section.produktion{
margin: 5% auto 0px auto;
}
.fb-ps-grid{
list-style:none;
margin: 0 auto 10px;
width: 100%;
}
.fb-ps-grid li{
position:relative;
float:left;
display: inline-block;
width:25%;
overflow: hidden;
}
.fb-ps-grid .ps{
position:absolute;
top:0;
z-index:2;
height:100%;
padding:10%;
width:100%;
text-align:center;
background:rgba(49,49,49,0.5);
}
.ps-text{
font: 35px 'os_bold';
text-align:center;
text-transform:uppercase;
letter-spacing: 2px;
color:rgba(246,246,246,1);
margin-top: 25%;
-webkit-transition: transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
-o-transition: transform 0.5s ease-in-out;
-ms-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
}
.fb-ps-grid .ps-btn-con{
position:absolute;
text-align:center;
opacity:0;
width:32%;
left:34%;
margin:0 auto;
bottom: 30%;
line-height: 1.5;
-webkit-transform: translate3d(0,100px,0);
transform: translate3d(0,100px,0);
}
.ps-ges.effect  a.ps-btn  {
font: 15px 'os_bold';
padding:12px 15px;
border: 2px solid rgba(246,246,246,1);
color: rgba(246,246,246,1);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
text-decoration:none;
text-transform:uppercase;
}
.ps-ges.effect:hover  a.ps-btn:hover{
border: 2px solid rgba(182,31,41,1);
background: rgba(182,31,41,1);
color: rgba(246,246,246,1);
}
.fb-ps-grid .ps-image {
position:relative;
width:100%;
}
.fb-ps-grid .ps-image img{
position: relative;
display:block;
width:100%;
height:100%;
height:auto;
}
.ps-ges.effect {
background: -webkit-linear-gradient(-45deg, rgba(182,31,41,0) 0%,rgba(182,31,41,1) 100%);
background: linear-gradient(-45deg, rgba(182,31,41,0) 0%,rgba(182,31,41,1)100%);
}
.ps-ges.effect img,
.ps-ges.effect .ps-btn-con {
-webkit-transition: opacity 0.5s , -webkit-transform 0.5s ;
transition: opacity 0.5s , transform 0.5s ;
}
.ps-ges.effect:hover img {
opacity: 0.4;
-webkit-transform: scale3d(2,2,1);
transform: scale3d(2,2,1);
}
.ps-ges.effect .ps-text {
transform: translateY(100px);
-webkit-transform:  translateY(100px);
}
.ps-ges.effect:hover .ps-text,
.ps-ges.effect:hover .ps-btn-con{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} section.zitate{
margin: 0px auto;
padding:4% 5% 2% 5%;
background: rgba(210,210,210,1);
}
blockquote,
q {
clear: both;
position: relative;
border: 2px solid rgba(49,49,49,1);
margin:0% auto 3% auto;
width: 80%;
padding: 4% 6% 2% 6%;
font: 40px 'os_regular';
text-align: center;
}
blockquote footer {
font: 16px 'os_italic';
text-align: center;
text-transform: uppercase;
margin: 20px 0px 0px 0;
}
blockquote:after {
content: '"';
position: absolute;
z-index:99999;
color: rgba(49,49,49,1);
text-align: center;
top: -40px;
font: 100px 'os_regular';
left: 50%;
margin-left:-35px;
background: none repeat scroll 0 0 rgba(210,210,210,1);
height: 80px;
width: 70px;
} section.referenzen{
margin: 0px auto;
overflow:hidden;
padding:2% 5% 2% 8%;
background: rgba(160,160,160,1);
}
.ref{
list-style:none;
width: 100%;
}
.ref li{
position:relative;
float:left;
margin:10px 5px 0 0;
display: inline-block;
overflow: hidden;
width:24.5%;
height: 300px;
}
.ref li .ref-image{
position: relative;
display:block;
width:90%;
height:90%;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.ref li .ref-image img {
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
margin: auto; 
}
.ref li .ref-image:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
} section.kontakt{
margin: 5% 20% 0% 20%;
width:60%;
}
.kontakt-text{
width:48%;
margin:0 2% 0 0;
float:left;
}
.kontakt-form{
width:48%;
margin:0 0 0 2%;
float:left;
} .site-content{
margin:110px 0 0 0;
}
section.content-allg{
margin: 5% 20% 5% 20%;
width:60%;
}
section.content-allg ul li {
list-style-type: square;
margin-left:20px;
}
section.content-allg-o-s ul li {
list-style-type: square;
margin-left:20px;
}
section.content-allg-o-s{
margin: 145px 20% 5% 20%;
width:60%;
} .produktion-con{
list-style: none;
}
.produktion-con li {
display:block;
width:100%;
background: rgba(210,210,210,1);
}
.produktion-schritt.even .p-s-text,
.produktion-schritt.odd .p-s-text {
width: 50%;
padding:4%;
overflow:hidden;
}
.produktion-schritt.odd .p-s-img {
width: 50%;
float:left;
}
.produktion-schritt.odd .p-s-img img{
display:block;
width:100%;
height:100%;
height:auto;
}
.produktion-schritt.odd .p-s-text {
float:right;
}
.produktion-schritt.even .p-s-img {
width: 50%;
float:right;
}
.produktion-schritt.even .p-s-img img{
display:block;
width:100%;
height:100%;
height:auto;
}
.produktion-schritt.even .p-s-text {
float:left;
}
.produktion-schritt .p-s-text h1{
font: 35px 'os_bold';
text-transform:uppercase;
text-align:center;
margin-bottom:40px;
color: rgba(49,49,49,1);
}
.produktion-schritt.odd .p-s-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 1px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 55px auto 0 auto;
left:65%;
position: absolute;
width: 20%;
}
.produktion-schritt.even .p-s-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 1px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 55px auto 0 auto;
right:65%;
position: absolute;
width: 20%;
}
.produktion-schritt .p-s-text p{
color: rgba(49,49,49,1);
font: 20px 'os_regular';
text-align:center;
line-height: 35px;
margin: 55px auto 30px auto;
} .ref-list{
list-style:none;
width: 100%;
}
.ref-list li{
position:relative;
float:left;
padding:20px;
margin:20px 5px 0 0;
display: inline-block;
overflow: hidden;
background: rgba(210,210,210,1);
width:24.25%;
height:200px;
}
.ref-list li .ref-image{
position: relative;
display:block;
width:100%;
height:100%;
}
.ref-list li .ref-image img {
position: absolute;  
top: 0;  
bottom: 0;  
left: 0;  
right: 0;  
margin: auto; 
max-width:250px;
} section.akt{
margin: 5% auto 5% auto;
}
.aktgrid{
list-style:none;
margin: 0 auto;
width: 80%;
}
.aktgrid li{
position:relative;
margin: 0 4% 4% 0;
padding-bottom: 2%;
float:left;
display: inline-block;
width:22%;
background: rgba(238,238,238,1);
}
.aktgrid li:nth-child(4n){
margin: 0 0 4% 0;
}
.aktgrid .akt-image{
width:100%;
}
.aktgrid .akt-image img{
display:block;
width:100%;
height:100%;
height:auto;
}
.aktgrid .akt-text{
width:100%;
padding:6% 4%;
}
.aktgrid .akt-text p{
color: rgba(49,49,49,1);
font: 17px 'os_regular';
text-align:center;
line-height: 25px;
margin: 55px auto 50px auto;
overflow:hidden;
}
.aktgrid .akt-text h1{
font: 25px 'os_bold';
text-transform:uppercase;
text-align:center;
margin-bottom:30px;
color: rgba(49,49,49,1);
white-space: nowrap;
overflow:hidden;
}
.aktgrid .akt-text h1 a{
display:block;
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: rgba(49,49,49,1);
}
.aktgrid .akt-text h1 a:hover{
display:block;
color: rgba(182,31,41,1);
}
.aktgrid .akt-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 2px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 25px auto 0 auto;
position: absolute;
right: 25%;
left: 25%;
width: 50%;
}
.akt-btn {
position:relative;
text-align:center;
width: 50%;
margin:3% 5%;
padding:3% 2%;
right: 20%;
left: 20%;
text-transform:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
bottom: 8%;
border: 2px solid rgba(49,49,49,1);
color: rgba(49,49,49,1);
text-decoration:none;
}
a.akt-btn {
text-decoration:none;
font: 17px 'os_bold';
text-transform:uppercase;
}
.akt-btn:hover{
text-transform:none;
border: 2px solid rgba(182,31,41,1);
background: rgba(182,31,41,1);
color: rgba(246,246,246,1);
text-transform:uppercase;
}
.akt-pag{
margin: 0% 10% 3%;
}
.akt-pag-aktuelles{
margin: 3% 0 ;
}
.akt-pag-btn{
float:left;
margin: 0 10px 30px 0;
width: 80px;
height:80px;
padding-top:24px;
text-align:center;
font-size:35px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.akt-pag-btn {
text-decoration:none;
color: rgba(49,49,49,1);
background: rgba(238,238,238,1);
}
.akt-pag-btn:active,
.akt-pag-btn:focus,
.akt-pag-btn:hover{
background: rgba(182,31,41,1);
color: rgba(246,246,246,1);
-webkit-tap-highlight-color: rgba(246,246,246,1);
-webkit-tap-highlight-background: rgba(182,31,41,1);
-webkit-user-select: none;
-webkit-touch-callout: none
} .karte{
margin: 0% 0 -6.1% -33.25%;
clear:both;
min-height:520px;
}
.karte iframe {
position:absolute;
width: 100% !important;
height: 100% !important;
max-height:520px;
} .entry-ges{
width:100%;
margin:5% 0 0 0;
}
.entry-content{
float:left;
width:100%;
margin: 0 0 0 0;
} h1.entry-title{
font: 35px 'os_bold';
text-transform:uppercase;
margin-bottom:30px;
color: rgba(49,49,49,1);
}  section.newsletter{
clear:both;
margin: 0px auto;
height:auto;
overflow:auto;
padding:20px 10% 20px 10%;
background: rgba(160,160,160,1);
} footer.site{
width:100%;
bottom:0;
}
.under-foot{
padding:2% 10% 4% 10%;
background: rgba(80,80,80,1);
}
.site-logo{
font-size: 75px;
line-height:50px;
margin:0 0 2% 0;
color:rgba(246,246,246,1);
width:30%;
float:left;
}
.footer-navi{
width:100%;
list-style: none;
margin: 15px 0 2% 0;
width:70%;
float: right;
text-align: right;
}
.footer-navi li{
position:relative;
float: right;
margin:0 2% 0 0;
display: inline-block;
}
.footer-navi li a{
text-decoration:none;
font: 13px 'os_regular';
text-transform:uppercase;
color:rgba(246,246,246,1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.footer-navi li a:hover{
text-decoration:none;
text-transform:uppercase;
color: rgba(160,160,160,1);
}
.site-info{
clear:both;
width:100%;
font: 15px 'os_regular';
padding: 10px 0 8px 0;
margin: 0 0 0 0;
color:rgba(246,246,246,1);
border-top:  1px solid rgba(246,246,246,1);
border-bottom:  1px solid rgba(246,246,246,1);
}
.site-copy{
margin:25px 0 0 0;
font: 14px 'os_regular';
color:rgba(246,246,246,1);
width:70%;
float:left;
}
.site-misc{
width:100%;
list-style: none;
margin: 15px 0 0 0;
width:30%;
float: right;
text-align: right;
}
.site-misc li{
position:relative;
float: right;
margin:0 0 0 2%;
display: inline-block;
color:rgba(246,246,246,1);
font: 27px 'os_regular';
}
.site-misc li a{
text-decoration:none;
text-transform:uppercase;
color:rgba(246,246,246,1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.site-misc li a:hover{
text-decoration:none;
text-transform:uppercase;
color: rgba(160,160,160,1);
} input, submit{
background: rgba(255,255,255,1);
padding: 10px;
margin: 0 0 2% 0;
height: 40px;
border: none;
width: 100%;
color: rgba(80,80,80,1);
font: 17px 'os_regular';
border: 1px solid rgba(160,160,160,.5);
-webkit-appearance: none; 
-moz-appearance: none;
}
.submit-btn{
text-transform:uppercase;
height: 50px;
}
submit:hover,
submit:focus,
{
color: rgba(100,100,100,1);
background: rgba(205,205,205,1);
}
textarea{
padding: 10px;
margin: 0 0 2% 0;
width: 100%;
font: 17px 'os_regular';
border: 1px solid rgba(160,160,160,.5);
-webkit-appearance: none; 
-moz-appearance: none;
}  section.slider-section{
margin: -2px 0px 100px 0;
position: relative;
min-height:1px;
width: 100%;
height: 100%; 
} #slider-unternehmen .item img,
#slider-produktion .item img,
#slider-referenzen .item img,
#slider-kontakt .item img{
display: block;
width: 100%;
height:100%;
height:auto;
} .owl-buttons-custom {
width:100%;
top:45%;
position:absolute;
z-index:15;
}
.owl-buttons{
display:none;
}
.prev-slider,
.next-slider { 
height: 50px;
width: 50px;
font-size:35px;
line-height:62px;
text-align:center;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius:50%;
color: rgba(182,31,41,1);
background: rgba(210,210,210,1);
}
.next-slider { 
float: right;
margin: 0 80px 0 0;
}
.prev-slider { 
float: left;
margin: 0 0 0 80px;
}
.prev-slider:hover,
.prev-slider:active,
.prev-slider:focus,
.next-slider:hover,
.next-slider:active,
.next-slider:focus{ 
color: rgba(210,210,210,1);
background:rgba(182,31,41,1);
}
.owl-controls{
width:100%;
position:absolute;
z-index:5;
margin: -50px auto;
}
.owl-pagination{
text-align:center;
}
.owl-page,
#slider-zitate .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-page span,
#slider-zitate .owl-page span{
display: block;
width: 15px;
height: 15px;
margin: 5px 7px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: rgba(210,210,210,1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.owl-page.active span,
.owl-page:hover span,
#slider-zitate .owl-page.active span,
#slider-zitate .owl-page:hover span{
background: rgba(182,31,41,1);
} #slider-zitate .owl-controls{
width:100%;
position:absolute;
z-index:5;
margin: 0px auto;
}
#slider-zitate .owl-pagination{
text-align:center;
margin: 0px auto 20px;
}
#slider-zitate .owl-page span{
background: rgba(46,46,46,1);
}
#slider-zitate .owl-page.active span,
#slider-zitate .owl-page:hover span{
background: rgba(182,31,41,1);
}
  @media only screen and (min-width: 1920px) {
.ref-list li{
height: 300px;
width:22.5%;
}
.fb-ps-grid .ps-btn-con{
width:40%;
left:25%;
right:25%;
}
.akt-btn {
right: 25%;
left: 25%;
}
.ref-list li .ref-image img {
max-width:200px;
}
} @media only screen and (max-width: 1920px) {
.fb-ps-grid .ps-btn-con{
width:50%;
left:25%;
right:25%;
}
.karte{
margin: 0% 0 -5.2% -33.25%;
} .entry-content{
width:100%;
}  .ref-list li{
width:20%;
}
.ref-list li .ref-image img {
max-width:150px;
} .four-col {
width: 44.25%;
}
.recentgrid .recent-text{
padding:3% 2%;
}
.recentgrid .recent-text h1{
font: 20px 'os_bold';	
}
.recentgrid .recent-text h1:after{
margin: 15px auto 0 auto;
}
.recentgrid .recent-text p{
font: 16px 'os_regular';
line-height: 20px;
margin: 25px auto 30px auto;
}
.recent-btn {
padding:8px;
}
} @media only screen and (max-width: 1700px) {
.ps-text{
margin-top: 10%;
}
.produktion-schritt .p-s-text p{
font: 17px 'os_regular';
}
} @media only screen and (max-width: 1441px) {  section.slider-section{
margin: 145px 0px 70px 0;
}
.headline{
font: 35px 'os_bold';
}
.headline:after {
background: none repeat scroll 0 0 rgba(49,49,49,1);
content: "";
display: block;
height: 1px;
margin: 30px 45% 40px;
text-align: center;
width: 10%;
z-index: 2;
} .recentgrid .recent-text{
padding:3% 2%;
}
.recentgrid .recent-text p{
font: 15px 'os_regular';
line-height: 20px;
}
.recentgrid .recent-text h1{
font: 20px 'os_bold';
}
.recentgrid .recent-text h1:after{
margin: 10px auto 0 auto;
}
.recent-btn {
width: 30%;
padding:1%;
bottom: 8%;
}
a.recent-btn {
font: 13px 'os_bold';
} .front-page{
width:90%;
}
.front-page p{
width:80%;
font: 20px 'os_regular';
line-height: 35px;
} .ps-text{
margin-top: 5%;
}
.fb-ps-grid .ps-btn-con{
width:50%;
left:25%;
} blockquote,
q {
font: 25px 'os_regular';
}
blockquote footer {
font: 13px 'os_italic';
margin: 10px 0px 0px 0;
} section.content-allg{
margin: 5% 10% 5% 10%;
width:80%;
}
section.content-allg-o-s{
margin: 145px 10% 5% 10%;
width:80%;
} .produktion-schritt.odd .p-s-text {
padding:2%;
}
.produktion-schritt.even .p-s-text {
padding:2%;
}
.produktion-schritt .p-s-text h1{
font: 25px 'os_bold';
margin-bottom:45px;
}
.produktion-schritt .p-s-text p{
font: 17px 'os_regular';
line-height: 27px;
margin: 20px auto 0px auto;
} .aktgrid li{
width:30.5%;
}
.aktgrid li:nth-child(3n){
margin: 0 0 4% 0;
}
.aktgrid li:nth-child(4n){
margin: 0 4% 4% 0;
}
.aktgrid .akt-text h1{
font: 20px 'os_bold';
margin-bottom:20px;
}
.aktgrid .akt-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 2px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 17px auto 0 auto;
position: absolute;
right: 25%;
left: 25%;
width: 50%;
}
.aktgrid .akt-text p{
font: 15px 'os_regular';
line-height: 20px;
margin: 35px auto 30px auto;
}
.akt-btn {
width: 50%;
margin:3% 5%;
padding:3% 2%;
left: 20%;
}
a.akt-btn {
font: 15px 'os_bold';
} .karte{
margin: 0% 0 -3.2% -12.5%;
} #slider-zitate .owl-controls{
margin: -15px auto;
}
.ref-list li .ref-image img {
max-width:150px;
}
} @media only screen and (max-width: 1281px) { .landing-text h1{
font: 45px 'os_bold';
top: 32%;
line-height:35px;
}
.landing-text span{
font: 43px 'os_regular';
}
.landing-text i{
font: 25px 'os_light';
} .navigation-con-2 .navigation-logo span,
.navigation-con .navigation-logo span{
font-size: 75px;
top:35px;
width: 10%;
}
.main-navigation {
width:80%;
}
.main-navigation li {
font: 17px 'os_regular';
margin: 0 0 0 10px;
}
.navigation-wrap-inner-2 {
width:100%;
padding: 10px 2% 10px 2%;
height:100px;
}
.navigation-wrap-inner {
width:100%;
padding: 10px 2% 10px 2%;
height:145px;
}  section.slider-section{
margin: 145px 0px 70px 0;
}
.headline{
font: 35px 'os_bold';
}
.headline:after {
background: none repeat scroll 0 0 rgba(49,49,49,1);
content: "";
display: block;
height: 1px;
margin: 30px 45% 40px;
text-align: center;
width: 10%;
z-index: 2;
} .recentgrid li{
float:none;
width:100%;
}
.recentgrid .recent-text p{
font: 18px 'os_regular';
margin: 75px auto 30px auto;
}
.recentgrid .recent-text h1{
font: 25px 'os_bold';
}
.recentgrid .recent-text h1:after{
margin: 35px auto 0 auto;
}
.recent-btn {
width: 30%;
padding:2% 1%;
right: 14%;
left: 60%;
bottom: 8%;
}
a.recent-btn {
font: 17px 'os_bold';
} .ps-text{
margin-top:0%;
font: 25px 'os_bold';
line-height:25px;
}
.fb-ps-grid .ps-btn-con{
width:70%;
left:15%;
} .ref li{
width:23.25%;
}  .produktion-schritt .p-s-text p{
font: 16px 'os_regular';
line-height: 22px;
margin: 20px auto 0px auto;
} .aktgrid .akt-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 2px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 17px auto 0 auto;
position: absolute;
right: 25%;
left: 25%;
width: 50%;
}
.aktgrid .akt-text p{
font: 15px 'os_regular';
line-height: 20px;
margin: 35px auto 30px auto;
}
.akt-btn {
width: 50%;
margin:3% 5%;
padding:3% 2%;
right: 20%;
left: 20%;
}
a.akt-btn {
font: 15px 'os_bold';
}
.ref-list li{
width:31%;
height:300px;
} .karte{
margin: 0% 0 -3.5% -12.5%;
} .under-foot{
padding:2% 10% 15% 10%;
} .ref-list li{
width:30%;
height:300px;
}
.ref-list {
margin-left: -2%;
}
.ref-list li .ref-image img {
max-width:200px;
}
}
@media only screen and (max-width: 1281px) and (orientation : landscape){ .fb-ps-grid li{
width:50%;
}
.ps-text{
font: 35px 'os_bold';
line-height:35px;
margin-top: 35%;
-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
-ms-transition-property:none;
transition-property: none;
}
.fb-ps-grid .ps-btn-con{
opacity:1;
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
bottom: 25%;
width:50%;
left:25%;
}
.ps-ges.effect  a.ps-btn  {
-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
-ms-transition-property:none;
transition-property: none;
}
.fb-ps-grid .ps-image {
position:relative;
width:100%;
opacity: 1;
}
.fb-ps-grid .ps-image img{
position: relative;
display:block;
width:100%;
height:100%;
height:auto;
}
.ps-ges.effect {
background: transparent;
}
.ps-ges.effect img,
.ps-ges.effect .ps-btn-con {
-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
-ms-transition-property:none;
transition-property: none;
opacity: 1;
}
.ps-ges.effect:hover img {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.ps-ges.effect .ps-text {
transform: none;
-webkit-transform:  none;
}
.ps-ges.effect:hover .ps-text,
.ps-ges.effect:hover .ps-btn-con{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
} @media only screen and (max-width: 1025px) { .recentgrid .recent-text p{
font: 15px 'os_regular';
margin: 25px auto 30px auto;
}
.recentgrid .recent-text h1:after{
margin: 15px auto 0 auto;
} .fb-ps-grid li{
width:50%;
}
.ps-text{
font: 35px 'os_bold';
line-height:35px;
margin-top: 35%;
-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
-ms-transition-property:none;
transition-property: none;
}
.fb-ps-grid .ps-btn-con{
opacity:1;
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
bottom: 25%;
width:50%;
left:25%;
}
.ps-ges.effect  a.ps-btn  {
-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
-ms-transition-property:none;
transition-property: none;
}
.fb-ps-grid .ps-image {
position:relative;
width:100%;
opacity: 1;
}
.fb-ps-grid .ps-image img{
position: relative;
display:block;
width:100%;
height:100%;
height:auto;
}
.ps-ges.effect {
background: transparent;
}
.ps-ges.effect img,
.ps-ges.effect .ps-btn-con {
-moz-transition-property: none;
-webkit-transition-property: none;
-o-transition-property: none;
-ms-transition-property:none;
transition-property: none;
opacity: 1;
}
.ps-ges.effect:hover img {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.ps-ges.effect .ps-text {
transform: none;
-webkit-transform:  none;
}
.ps-ges.effect:hover .ps-text,
.ps-ges.effect:hover .ps-btn-con{
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
} section.zitate{
padding:4% 2% 2% 2%;
}
blockquote,
q {
margin:0% auto 6% auto;
} .ref li{
width:48%;
} .ref-list li{
width:46%;
height:300px;
}
.ref-list {
margin-left: -2%;
}
.ref-list li .ref-image img {
max-width:200px;
}  .produktion-schritt .p-s-text p{
font: 14px 'os_regular';
line-height: 21px;
margin: 20px auto 0px auto;
} .aktgrid .akt-text h1:after{
margin: 15px auto 0 auto;
}
.akt-btn {
width: 55%;
left: 20%;
padding:2% 2%;
margin:3% 2%;
}
a.akt-btn {
font: 13px 'os_bold';
} #slider-zitate .owl-controls{
margin: -30px auto;
} section.kontakt{
margin: 5% 10% 0% 10%;
width:80%;
} .under-foot{
padding:2% 10% 10% 10%;
}
.site-info{
font: 13px 'os_regular';
}
} @media only screen and (max-width: 800px) { .two-col {
width: 100%;
}
.four-col {
width: 100%;
}
.three-col {
width: 100%;
}
.mobil-head{
margin: 125px 0 0 0;
}
header.site-header { 
height: 15%; 
min-height: 15%; 
} .landing{
display: none;
}
.site-content{
margin:-50px 0 0 0 ;
} .navigation-con .main-navigation li a,
.navigation-con-2 .main-navigation li a {
color:rgba(49,49,49,1);
}
.main-navigation li a:hover,
{
color:rgba(246,246,246,1);
}
.navigation-con,
.navigation-con-2{
margin: -100px 0px 0px 0px;
height:100px;
}
.navigation-wrap-inner,
.navigation-wrap-inner-2 {
padding: 5px 30px 5px 30px;
max-height:100px;
width:100%;
}
.main-navigation {
margin: 20px 0 0 2%;
float:none;
width:100%;
}
.navigation-con .navigation-logo span,
.navigation-con-2 .navigation-logo span{
font-size: 60px;
top: 15px;
}
.menu-toggle,
.main-navigation.toggled .nav-menu {
display: block;
float:right;
font-size:45px;
line-height:45px;
background:transparent;
border:none;
color: rgba(182,31,41,1);
}
.menu-toggle:hover,
.main-navigation.toggled:hover .nav-menu:hover {
color: rgba(160,160,160,1);
}
.menu-toggle:active,
.main-navigation.toggled:active .nav-menu:active {
color: rgba(49,49,49,1);
}
.main-navigation ul {
display: none;
}
.main-navigation ul {
list-style: none;
margin:15px 0 0 -10% ;
width:125%;
box-shadow: 0px 2px 2px rgba(46,46,46,0.5);
}
.main-navigation li {
float: none;
text-align:center;
width:115%;
border-bottom: 1px solid rgba(160,160,160,1);
}
.main-navigation li:first-child{
border-top: 1px solid rgba(160,160,160,1);
}
.main-navigation li:last-child {
border-bottom: 0px solid rgba(49,49,49,1);
}
.main-navigation li a {
display: block;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: rgba(238,238,238,1);
padding:2%;
}
.main-navigation li a:hover,
.main-navigation li a:focus{
background: rgba(210,210,210,1);
} section.recent{
margin: 20px auto 20px auto;
}
.recentgrid li:last-child{
float:none;
width:100%;
margin-bottom: -100px ;
}
.recentgrid .recent-image{
float:none;
width:100%;
}
.recentgrid .recent-text{
float:none;
width:100%;
clear:both;
padding:6% 10%;
}
.recentgrid .recent-text h1:after{
left:40%;
}
.recent-btn {
width: 50%;
left:32%;
bottom:0;
position:relative;
} section.produktion{
margin: 5% auto -11px auto;
}
.fb-ps-grid li{
width:100%;
float:none;
margin:0 0 -15px 0;
}
.ps-text{
font: 45px 'os_bold';
line-height:45px;
} section.zitate{
padding:8% 2% 2% 2%;
}
blockquote,
q {
font: 20px 'os_regular';
margin:0% auto 10% auto;
padding: 8% 6% 2% 6%;
} .ref li{
width:48%;
margin:8% 0 -3% 2%;
transform: translateY(-0%);
min-height:170px;
} section.kontakt{
margin: 5% 10% 0% 10%;
width:80%;
}
.kontakt-text{
width:100%;
margin:0;
float:none;
}
.kontakt-form{
width:100%;
margin:30px 0 0px 0 ;
float:none;
}  .produktion-schritt.odd .p-s-img {
width: 100%;
float:none;
}
.produktion-schritt.odd .p-s-text {
width: 100%;
padding:4%;
float:none;
overflow:hidden;
}
.produktion-schritt.even .p-s-img {
width: 100%;
float:none;
}
.produktion-schritt.even .p-s-text {
width: 100%;
padding:4%;
float:none;
overflow:hidden;
}
.produktion-schritt.odd .p-s-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 1px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 55px auto 0 auto;
left:40%;
position: absolute;
width: 20%;
}
.produktion-schritt.even .p-s-text h1:after{
content: "";
clear:both;
position:absolute;
padding-bottom: 1px;
background: none repeat scroll 0 0 rgba(49,49,49,1);
margin: 55px auto 0 auto;
right:40%;
position: absolute;
width: 20%;
}
.produktion-schritt .p-s-text p{
font: 15px 'os_regular';
line-height: 22px;
margin: 55px auto 0px auto;
} .aktgrid{
list-style:none;
margin: 0 auto;
width: 80%;
}
.aktgrid li{
width:48%;
}
.akt-btn {
left: 22%;	
}
.aktgrid li:nth-child(2n){
margin: 0 0 4% 0;
}
.aktgrid li:nth-child(3n){
margin: 0 4% 4% 0;
}
.akt-pag-btn{
width: 40px;
height:40px;
padding-top:10px;
font-size:20px;
margin-bottom: 30px;
}  h1.entry-title{
font: 25px 'os_bold';
margin-bottom:30px;
} .under-foot{
padding:2% 10% 25% 10%;
}
.site-logo{
font-size: 50px;
line-height:25px;
margin-top:10px;
float:none;
}
.footer-navi{
width:100%;
list-style: none;
margin: 15px 0 15px 0;
width:100%;
float: none;
text-align: center;
}
.footer-navi li{
float: none;
margin:10px 1% 10px 0;
}
.footer-navi li a{
font: 14px 'os_regular';
}
.owl-buttons{
display:none;
} .ref-list li{
width:100%;
height:300px;
}
.ref-list {
margin-left: -5%;
}
.ref-list li .ref-image img {
max-width:300px;
}
} @media only screen and (max-width: 769px) { .recent-btn {
width: 50%;
left:34%;
bottom:0;
position:relative;
} .akt-btn {
left: 26%;
} .karte{
min-height:350px;
}
.karte iframe {
max-height:350px;
}
} @media only screen and (max-width: 740px) { .akt-btn {
left: 24%;
}
} @media only screen and (max-width: 668px) { .karte{
margin: 0% 0 -1% -12.5%;
}
} @media only screen and (max-width: 641px) {
body,
button,
input,
select,
textarea {
font-size: 15px;
font-size: 1.5em;
line-height: 20px;
}
.headline{
font: 25px 'os_bold';
line-height:25px;
}
.headline-content{
margin:20px 0 0 0;
font: 25px 'os_bold';
line-height:25px;
}
.headline:after ,
.headline-content:after {
background: none repeat scroll 0 0 rgba(49,49,49,1);
content: "";
display: block;
height: 1px;
margin: 20px 45% 15px;
text-align: center;
width: 10%;
z-index: 2;
} input, submit{
background: rgba(255,255,255,1);
padding: 5px;
margin: 0 0 2% 0;
height: 30px;
border: none;
width: 100%;
color: rgba(80,80,80,1);
font: 15px 'os_regular';
border: 1px solid rgba(160,160,160,.5);
}
.submit-btn{
text-transform:uppercase;
height: 50px;
}
submit:hover,
submit:focus,
{
color: rgba(100,100,100,1);
background: rgba(205,205,205,1);
}
textarea{
padding: 10px;
margin: 0 0 2% 0;
width: 100%;
font: 15px 'os_regular';
border: 1px solid rgba(160,160,160,.5);
}
.mobil-head{
margin: 125px 0 0 0;
} .main-navigation li {
font: 15px 'os_regular';
} section.recent{
margin: 2% auto 2% auto;
}
.recent-btn {
left:30%;
} section.unternehmen{
margin: 2% auto 2% auto;
}
.front-page{
margin: 0 auto 50px 0;
width:100%;
}
.front-page p{
width:90%;
text-align:left;
margin: 0 auto 50px;
font: 15px 'os_regular';
line-height: 25px;
} .fb-ps-grid li{
width:100%;
float:none;
margin:0 0 -6px 0;
} section.referenzen{
overflow:hidden;
height:100%;
}
.ref li{
width:40%;
margin:5% 0 0% 4%;
max-height:100px;
} .karte{
margin: 0% 0 -2% -12.5%;
min-height:320px;
}
.karte iframe {
position:absolute;
width: 100% !important;
height: 100% !important;
max-height:320px;
} .akt-btn {
left: 33%;
}
.aktgrid li{
width:100%;
margin: 0 0 4% 0;
}
.aktgrid .akt-text h1{
font: 20px 'os_bold';	
} .owl-controls{
margin: 20px auto;
}
#slider-zitate .owl-controls{
margin: -30px auto;
} .footer-navi li a{
font: 17px 'os_regular';
}
} @media only screen and (max-width: 480px) {
.mobil-head{
margin: 100px 0 0 0;
} .menu-toggle,
.main-navigation.toggled .nav-menu {
margin-right:-20px;
}
.menu-toggle,
.main-navigation.toggled .nav-menu {
margin-right:0px;
}
.main-navigation ul {
list-style: none;
margin:20px 0 0 -10% ;
width:128%;
}
.main-navigation li {
float: none;
text-align:center;
width:108%;
border-bottom: 1px solid  rgba(160,160,160,1);
}
.navigation-wrap-inner,
.navigation-wrap-inner-2 {
padding: 5px 0px 5px 25px;
} .recent-btn {
left:22%;
}  .ref-list {
width:100%;
margin-left: -5%;
}
.ref-list li{
width:100%;
} .aktgrid li{
width:100%;
}
.akt-btn {
left: 28%;
} .ps-text{
letter-spacing:0;
font: 25px 'os_bold';
margin-top: 25%;
} .karte{
min-height:250px;
}
.karte iframe {
max-height:250px;
} .under-foot{
padding:2% 5% 25% 5%;
}
.site-logo{
font-size: 50px;
line-height:25px;
margin-top:10px;
float:none;
}
.site-info{
font: 17px 'os_regular';
}
.footer-navi{
width:100%;
list-style: none;
margin: 15px 0 15px 0;
width:100%;
float: none;
text-align: center;
}
.footer-navi li{
float: none;
margin:10px 1% 10px 0;
}
.footer-navi li a{
font: 15px 'os_regular';
text-transform:none;
}
.footer-navi li a:hover{
text-transform:none;
}
.ref-list li .ref-image img {
max-width:250px;
}
} @media only screen and (max-width: 401px) {
.mobil-head{
margin: 100px 0 0 0;
} .recentgrid .recent-text{
float:none;
width:100%;
clear:both;
padding:6% 10% 15% 10%;
}
.recent-btn {
width: 70%;
left:22%;
bottom:0;
padding:5px;
position:relative;
}
a.recent-btn {
font: 13px 'os_bold';
} .fb-ps-grid .ps-btn-con{
width:52%;
left:24%;
} section.referenzen{
padding:0;
} section.zitate{
padding:8% 1% 2% 1%;
}
blockquote,
q {
font: 15px 'os_regular';
margin:0% auto 15% auto;
padding: 8% 2% 2% 2%;
}
blockquote:after {
top: -20px;
font: 50px 'os_regular';
height: 30px;
}
blockquote footer {
font: 12px 'os_italic';
} .ref li{
width:100%;
float:none;
margin:8% 0 0% 8%;
overflow:hidden;
}
.ref-list li .ref-image img {
max-width:200px;
} .karte{
margin: 0% 0 7.5% -12.5%;
min-height:220px;
}
.karte iframe {
position:absolute;
width: 100% !important;
height: 100% !important;
max-height:220px;
}
} @media only screen and (max-width: 321px) {
.site-content{
margin:-50px 0 0 0 ;
} .menu-toggle,
.main-navigation.toggled .nav-menu {
margin-right:0px;
}
.main-navigation ul {
list-style: none;
margin:20px 0 0 -10% ;
width:128%;
}
.main-navigation li {
float: none;
text-align:center;
width:108%;
border-bottom: 1px solid  rgba(160,160,160,1);
}
.navigation-wrap-inner,
.navigation-wrap-inner-2 {
padding: 5px 0px 5px 25px;
} .recentgrid .recent-text{
float:none;
width:100%;
clear:both;
padding:6% 10% 15% 10%;
}
.recentgrid .recent-text h1{
font: 20px 'os_bold';
margin-bottom:15px;
}
.recentgrid .recent-text h1:after{
content: "";
margin:15px auto 0 auto;
}
.recentgrid .recent-text p{
font: 15px 'os_regular';
margin: 35px auto 30px auto;
}
.recent-btn {
width: 70%;
left:20%;
bottom:10px;
position:relative;
}
a.recent-btn {
font: 13px 'os_bold';
padding:5px;
} a.unt-btn {
font: 14px 'os_bold';
} .fb-ps-grid .ps-btn-con{
width:52%;
left:24%;
} section.zitate{
padding:8% 1% 2% 1%;
}
blockquote,
q {
font: 15px 'os_regular';
margin:0% auto 15% auto;
padding: 8% 2% 2% 2%;
}
blockquote footer {
font: 12px 'os_italic';
} .ref li{
width:100%;
float:none;
margin:0%;
padding:0;
overflow:hidden;
max-height:100px;
}
.ref-list li .ref-image img {
max-width:200px;
}  .produktion-schritt .p-s-text h1{
font: 25px 'os_bold';
margin-bottom:50px;
}
.produktion-schritt.even .p-s-text,
.produktion-schritt.odd .p-s-text {
padding:25px 4%;
} .akt-btn {
left: 21%;
}
}@font-face {
font-family: 'os_light';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Light-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Light-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Light-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Light-webfont.svg#open_light) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_lightitalic';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-LightItalic-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-LightItalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-LightItalic-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-LightItalic-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-LightItalic-webfont.svg#open_lightitalic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_regular';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Regular-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Regular-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Regular-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Regular-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Regular-webfont.svg#open_regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_italic';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Italic-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Italic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Italic-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Italic-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Italic-webfont.svg#open_italic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_bold';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Bold-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Bold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Bold-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Bold-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Bold-webfont.svg#open_sansbold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_bolditalic';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-BoldItalic-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-BoldItalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-BoldItalic-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-BoldItalic-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-BoldItalic-webfont.svg#open_sansbolditalic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_semibold';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibold-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibold-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibold-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibold-webfont.svg#open_sanssemibold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_semibolditalic';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibolditalic-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibolditalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibolditalic-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibolditalic-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-Semibolditalic-webfont.svg#open_sanssemibolditalic) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_extrabold';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBold-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBold-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBold-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBold-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBold-webfont.svg#open_sansextrabold) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'os_extrabolditalic';
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBoldItalic-webfont.eot);
src: url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBoldItalic-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBoldItalic-webfont.woff) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBoldItalic-webfont.ttf) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/os/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabolditalic) format('svg');
font-weight: normal;
font-style: normal;
}@font-face {
font-family: 'bb';
src:url(//www.bakon.de/wp-content/themes/bayreuther/font/bb-icon/bb-icon.eot?-41taz5);
src:url(//www.bakon.de/wp-content/themes/bayreuther/font/bb-icon/bb-icon.eot?#iefix-41taz5) format('embedded-opentype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/bb-icon/bb-icon.woff?-41taz5) format('woff'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/bb-icon/bb-icon.ttf?-41taz5) format('truetype'),
url(//www.bakon.de/wp-content/themes/bayreuther/font/bb-icon/bb-icon.svg?-41taz5#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'bb';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-icon-bb-arrow-2-down:before {
content: "\e600";
}
.icon-icon-bb-arrow-2-left:before {
content: "\e601";
}
.icon-icon-bb-arrow-2-right:before {
content: "\e602";
}
.icon-icon-bb-arrow-2-up:before {
content: "\e603";
}
.icon-icon-bb-arrow-down:before {
content: "\e604";
}
.icon-icon-bb-arrow-left:before {
content: "\e605";
}
.icon-icon-bb-arrow-right:before {
content: "\e606";
}
.icon-icon-bb-arrow-up:before {
content: "\e607";
}
.icon-icon-bb-bar:before {
content: "\e608";
}
.icon-icon-bb-fb-logo:before {
content: "\e609";
}
.icon-icon-bb-logo:before {
content: "\e60a";
}.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing { 
cursor:url(//www.bakon.de/wp-content/themes/bayreuther/css/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//www.bakon.de/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}@-ms-viewport {
width: auto;
}
.lgc-clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.lgc-grid-container:before, .lgc-grid-5:before, .lgc-mobile-grid-5:before, .lgc-tablet-grid-5:before, .lgc-grid-10:before, .lgc-mobile-grid-10:before, .lgc-tablet-grid-10:before, .lgc-grid-15:before, .lgc-mobile-grid-15:before, .lgc-tablet-grid-15:before, .lgc-grid-20:before, .lgc-mobile-grid-20:before, .lgc-tablet-grid-20:before, .lgc-grid-25:before, .lgc-mobile-grid-25:before, .lgc-tablet-grid-25:before, .lgc-grid-30:before, .lgc-mobile-grid-30:before, .lgc-tablet-grid-30:before, .lgc-grid-35:before, .lgc-mobile-grid-35:before, .lgc-tablet-grid-35:before, .lgc-grid-40:before, .lgc-mobile-grid-40:before, .lgc-tablet-grid-40:before, .lgc-grid-45:before, .lgc-mobile-grid-45:before, .lgc-tablet-grid-45:before, .lgc-grid-50:before, .lgc-mobile-grid-50:before, .lgc-tablet-grid-50:before, .lgc-grid-55:before, .lgc-mobile-grid-55:before, .lgc-tablet-grid-55:before, .lgc-grid-60:before, .lgc-mobile-grid-60:before, .lgc-tablet-grid-60:before, .lgc-grid-65:before, .lgc-mobile-grid-65:before, .lgc-tablet-grid-65:before, .lgc-grid-70:before, .lgc-mobile-grid-70:before, .lgc-tablet-grid-70:before, .lgc-grid-75:before, .lgc-mobile-grid-75:before, .lgc-tablet-grid-75:before, .lgc-grid-80:before, .lgc-mobile-grid-80:before, .lgc-tablet-grid-80:before, .lgc-grid-85:before, .lgc-mobile-grid-85:before, .lgc-tablet-grid-85:before, .lgc-grid-90:before, .lgc-mobile-grid-90:before, .lgc-tablet-grid-90:before, .lgc-grid-95:before, .lgc-mobile-grid-95:before, .lgc-tablet-grid-95:before, .lgc-grid-100:before, .lgc-mobile-grid-100:before, .lgc-tablet-grid-100:before, .lgc-grid-33:before, .lgc-mobile-grid-33:before, .lgc-tablet-grid-33:before, .lgc-grid-66:before, .lgc-mobile-grid-66:before, .lgc-tablet-grid-66:before, .lgc-clearfix:before,
.lgc-grid-container:after,
.lgc-grid-5:after,
.lgc-mobile-grid-5:after,
.lgc-tablet-grid-5:after,
.lgc-grid-10:after,
.lgc-mobile-grid-10:after,
.lgc-tablet-grid-10:after,
.lgc-grid-15:after,
.lgc-mobile-grid-15:after,
.lgc-tablet-grid-15:after,
.lgc-grid-20:after,
.lgc-mobile-grid-20:after,
.lgc-tablet-grid-20:after,
.lgc-grid-25:after,
.lgc-mobile-grid-25:after,
.lgc-tablet-grid-25:after,
.lgc-grid-30:after,
.lgc-mobile-grid-30:after,
.lgc-tablet-grid-30:after,
.lgc-grid-35:after,
.lgc-mobile-grid-35:after,
.lgc-tablet-grid-35:after,
.lgc-grid-40:after,
.lgc-mobile-grid-40:after,
.lgc-tablet-grid-40:after,
.lgc-grid-45:after,
.lgc-mobile-grid-45:after,
.lgc-tablet-grid-45:after,
.lgc-grid-50:after,
.lgc-mobile-grid-50:after,
.lgc-tablet-grid-50:after,
.lgc-grid-55:after,
.lgc-mobile-grid-55:after,
.lgc-tablet-grid-55:after,
.lgc-grid-60:after,
.lgc-mobile-grid-60:after,
.lgc-tablet-grid-60:after,
.lgc-grid-65:after,
.lgc-mobile-grid-65:after,
.lgc-tablet-grid-65:after,
.lgc-grid-70:after,
.lgc-mobile-grid-70:after,
.lgc-tablet-grid-70:after,
.lgc-grid-75:after,
.lgc-mobile-grid-75:after,
.lgc-tablet-grid-75:after,
.lgc-grid-80:after,
.lgc-mobile-grid-80:after,
.lgc-tablet-grid-80:after,
.lgc-grid-85:after,
.lgc-mobile-grid-85:after,
.lgc-tablet-grid-85:after,
.lgc-grid-90:after,
.lgc-mobile-grid-90:after,
.lgc-tablet-grid-90:after,
.lgc-grid-95:after,
.lgc-mobile-grid-95:after,
.lgc-tablet-grid-95:after,
.lgc-grid-100:after,
.lgc-mobile-grid-100:after,
.lgc-tablet-grid-100:after,
.lgc-grid-33:after,
.lgc-mobile-grid-33:after,
.lgc-tablet-grid-33:after,
.lgc-grid-66:after,
.lgc-mobile-grid-66:after,
.lgc-tablet-grid-66:after,
.lgc-clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.lgc-grid-container:after, .lgc-grid-5:after, .lgc-mobile-grid-5:after, .lgc-tablet-grid-5:after, .lgc-grid-10:after, .lgc-mobile-grid-10:after, .lgc-tablet-grid-10:after, .lgc-grid-15:after, .lgc-mobile-grid-15:after, .lgc-tablet-grid-15:after, .lgc-grid-20:after, .lgc-mobile-grid-20:after, .lgc-tablet-grid-20:after, .lgc-grid-25:after, .lgc-mobile-grid-25:after, .lgc-tablet-grid-25:after, .lgc-grid-30:after, .lgc-mobile-grid-30:after, .lgc-tablet-grid-30:after, .lgc-grid-35:after, .lgc-mobile-grid-35:after, .lgc-tablet-grid-35:after, .lgc-grid-40:after, .lgc-mobile-grid-40:after, .lgc-tablet-grid-40:after, .lgc-grid-45:after, .lgc-mobile-grid-45:after, .lgc-tablet-grid-45:after, .lgc-grid-50:after, .lgc-mobile-grid-50:after, .lgc-tablet-grid-50:after, .lgc-grid-55:after, .lgc-mobile-grid-55:after, .lgc-tablet-grid-55:after, .lgc-grid-60:after, .lgc-mobile-grid-60:after, .lgc-tablet-grid-60:after, .lgc-grid-65:after, .lgc-mobile-grid-65:after, .lgc-tablet-grid-65:after, .lgc-grid-70:after, .lgc-mobile-grid-70:after, .lgc-tablet-grid-70:after, .lgc-grid-75:after, .lgc-mobile-grid-75:after, .lgc-tablet-grid-75:after, .lgc-grid-80:after, .lgc-mobile-grid-80:after, .lgc-tablet-grid-80:after, .lgc-grid-85:after, .lgc-mobile-grid-85:after, .lgc-tablet-grid-85:after, .lgc-grid-90:after, .lgc-mobile-grid-90:after, .lgc-tablet-grid-90:after, .lgc-grid-95:after, .lgc-mobile-grid-95:after, .lgc-tablet-grid-95:after, .lgc-grid-100:after, .lgc-mobile-grid-100:after, .lgc-tablet-grid-100:after, .lgc-grid-33:after, .lgc-mobile-grid-33:after, .lgc-tablet-grid-33:after, .lgc-grid-66:after, .lgc-mobile-grid-66:after, .lgc-tablet-grid-66:after, .lgc-clearfix:after {
clear: both;
}
.lgc-grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px;
}
.lgc-grid-5, .lgc-mobile-grid-5, .lgc-tablet-grid-5, .lgc-grid-10, .lgc-mobile-grid-10, .lgc-tablet-grid-10, .lgc-grid-15, .lgc-mobile-grid-15, .lgc-tablet-grid-15, .lgc-grid-20, .lgc-mobile-grid-20, .lgc-tablet-grid-20, .lgc-grid-25, .lgc-mobile-grid-25, .lgc-tablet-grid-25, .lgc-grid-30, .lgc-mobile-grid-30, .lgc-tablet-grid-30, .lgc-grid-35, .lgc-mobile-grid-35, .lgc-tablet-grid-35, .lgc-grid-40, .lgc-mobile-grid-40, .lgc-tablet-grid-40, .lgc-grid-45, .lgc-mobile-grid-45, .lgc-tablet-grid-45, .lgc-grid-50, .lgc-mobile-grid-50, .lgc-tablet-grid-50, .lgc-grid-55, .lgc-mobile-grid-55, .lgc-tablet-grid-55, .lgc-grid-60, .lgc-mobile-grid-60, .lgc-tablet-grid-60, .lgc-grid-65, .lgc-mobile-grid-65, .lgc-tablet-grid-65, .lgc-grid-70, .lgc-mobile-grid-70, .lgc-tablet-grid-70, .lgc-grid-75, .lgc-mobile-grid-75, .lgc-tablet-grid-75, .lgc-grid-80, .lgc-mobile-grid-80, .lgc-tablet-grid-80, .lgc-grid-85, .lgc-mobile-grid-85, .lgc-tablet-grid-85, .lgc-grid-90, .lgc-mobile-grid-90, .lgc-tablet-grid-90, .lgc-grid-95, .lgc-mobile-grid-95, .lgc-tablet-grid-95, .lgc-grid-100, .lgc-mobile-grid-100, .lgc-tablet-grid-100, .lgc-grid-33, .lgc-mobile-grid-33, .lgc-tablet-grid-33, .lgc-grid-66, .lgc-mobile-grid-66, .lgc-tablet-grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
}
.lgc-grid-parent {
padding-left: 0;
padding-right: 0;
}
.lgc-grid-offset {
margin-left: -10px;
margin-right: -10px;
}
@media (max-width: 767px) {
.mobile-push-5, .lgc-mobile-pull-5, .lgc-mobile-push-10, .lgc-mobile-pull-10, .lgc-mobile-push-15, .lgc-mobile-pull-15, .lgc-mobile-push-20, .lgc-mobile-pull-20, .lgc-mobile-push-25, .lgc-mobile-pull-25, .lgc-mobile-push-30, .lgc-mobile-pull-30, .lgc-mobile-push-35, .lgc-mobile-pull-35, .lgc-mobile-push-40, .lgc-mobile-pull-40, .lgc-mobile-push-45, .lgc-mobile-pull-45, .lgc-mobile-push-50, .lgc-mobile-pull-50, .lgc-mobile-push-55, .lgc-mobile-pull-55, .lgc-mobile-push-60, .lgc-mobile-pull-60, .lgc-mobile-push-65, .lgc-mobile-pull-65, .lgc-mobile-push-70, .lgc-mobile-pull-70, .lgc-mobile-push-75, .lgc-mobile-pull-75, .lgc-mobile-push-80, .lgc-mobile-pull-80, .lgc-mobile-push-85, .lgc-mobile-pull-85, .lgc-mobile-push-90, .lgc-mobile-pull-90, .lgc-mobile-push-95, .lgc-mobile-pull-95, .lgc-mobile-push-33, .lgc-mobile-pull-33, .lgc-mobile-push-66, .lgc-mobile-pull-66 {
position: relative;
}
.lgc-hide-on-mobile {
display: none !important;
}
.lgc-mobile-grid-5 {
float: left;
width: 5%;
}
.lgc-mobile-prefix-5 {
margin-left: 5%;
}
.lgc-mobile-suffix-5 {
margin-right: 5%;
}
.lgc-mobile-push-5 {
left: 5%;
}
.lgc-mobile-pull-5 {
left: -5%;
}
.lgc-mobile-grid-10 {
float: left;
width: 10%;
}
.lgc-mobile-prefix-10 {
margin-left: 10%;
}
.lgc-mobile-suffix-10 {
margin-right: 10%;
}
.lgc-mobile-push-10 {
left: 10%;
}
.lgc-mobile-pull-10 {
left: -10%;
}
.lgc-mobile-grid-15 {
float: left;
width: 15%;
}
.lgc-mobile-prefix-15 {
margin-left: 15%;
}
.lgc-mobile-suffix-15 {
margin-right: 15%;
}
.lgc-mobile-push-15 {
left: 15%;
}
.lgc-mobile-pull-15 {
left: -15%;
}
.lgc-mobile-grid-20 {
float: left;
width: 20%;
}
.lgc-mobile-prefix-20 {
margin-left: 20%;
}
.lgc-mobile-suffix-20 {
margin-right: 20%;
}
.lgc-mobile-push-20 {
left: 20%;
}
.lgc-mobile-pull-20 {
left: -20%;
}
.lgc-mobile-grid-25 {
float: left;
width: 25%;
}
.lgc-mobile-prefix-25 {
margin-left: 25%;
}
.lgc-mobile-suffix-25 {
margin-right: 25%;
}
.lgc-mobile-push-25 {
left: 25%;
}
.lgc-mobile-pull-25 {
left: -25%;
}
.lgc-mobile-grid-30 {
float: left;
width: 30%;
}
.lgc-mobile-prefix-30 {
margin-left: 30%;
}
.lgc-mobile-suffix-30 {
margin-right: 30%;
}
.lgc-mobile-push-30 {
left: 30%;
}
.lgc-mobile-pull-30 {
left: -30%;
}
.lgc-mobile-grid-35 {
float: left;
width: 35%;
}
.lgc-mobile-prefix-35 {
margin-left: 35%;
}
.lgc-mobile-suffix-35 {
margin-right: 35%;
}
.lgc-mobile-push-35 {
left: 35%;
}
.lgc-mobile-pull-35 {
left: -35%;
}
.lgc-mobile-grid-40 {
float: left;
width: 40%;
}
.lgc-mobile-prefix-40 {
margin-left: 40%;
}
.lgc-mobile-suffix-40 {
margin-right: 40%;
}
.lgc-mobile-push-40 {
left: 40%;
}
.lgc-mobile-pull-40 {
left: -40%;
}
.lgc-mobile-grid-45 {
float: left;
width: 45%;
}
.lgc-mobile-prefix-45 {
margin-left: 45%;
}
.lgc-mobile-suffix-45 {
margin-right: 45%;
}
.lgc-mobile-push-45 {
left: 45%;
}
.lgc-mobile-pull-45 {
left: -45%;
}
.lgc-mobile-grid-50 {
float: left;
width: 50%;
}
.lgc-mobile-prefix-50 {
margin-left: 50%;
}
.lgc-mobile-suffix-50 {
margin-right: 50%;
}
.lgc-mobile-push-50 {
left: 50%;
}
.lgc-mobile-pull-50 {
left: -50%;
}
.lgc-mobile-grid-55 {
float: left;
width: 55%;
}
.lgc-mobile-prefix-55 {
margin-left: 55%;
}
.lgc-mobile-suffix-55 {
margin-right: 55%;
}
.lgc-mobile-push-55 {
left: 55%;
}
.lgc-mobile-pull-55 {
left: -55%;
}
.lgc-mobile-grid-60 {
float: left;
width: 60%;
}
.lgc-mobile-prefix-60 {
margin-left: 60%;
}
.lgc-mobile-suffix-60 {
margin-right: 60%;
}
.lgc-mobile-push-60 {
left: 60%;
}
.lgc-mobile-pull-60 {
left: -60%;
}
.lgc-mobile-grid-65 {
float: left;
width: 65%;
}
.lgc-mobile-prefix-65 {
margin-left: 65%;
}
.lgc-mobile-suffix-65 {
margin-right: 65%;
}
.lgc-mobile-push-65 {
left: 65%;
}
.lgc-mobile-pull-65 {
left: -65%;
}
.lgc-mobile-grid-70 {
float: left;
width: 70%;
}
.lgc-mobile-prefix-70 {
margin-left: 70%;
}
.lgc-mobile-suffix-70 {
margin-right: 70%;
}
.lgc-mobile-push-70 {
left: 70%;
}
.lgc-mobile-pull-70 {
left: -70%;
}
.lgc-mobile-grid-75 {
float: left;
width: 75%;
}
.lgc-mobile-prefix-75 {
margin-left: 75%;
}
.lgc-mobile-suffix-75 {
margin-right: 75%;
}
.lgc-mobile-push-75 {
left: 75%;
}
.lgc-mobile-pull-75 {
left: -75%;
}
.lgc-mobile-grid-80 {
float: left;
width: 80%;
}
.lgc-mobile-prefix-80 {
margin-left: 80%;
}
.lgc-mobile-suffix-80 {
margin-right: 80%;
}
.lgc-mobile-push-80 {
left: 80%;
}
.lgc-mobile-pull-80 {
left: -80%;
}
.lgc-mobile-grid-85 {
float: left;
width: 85%;
}
.lgc-mobile-prefix-85 {
margin-left: 85%;
}
.lgc-mobile-suffix-85 {
margin-right: 85%;
}
.lgc-mobile-push-85 {
left: 85%;
}
.lgc-mobile-pull-85 {
left: -85%;
}
.lgc-mobile-grid-90 {
float: left;
width: 90%;
}
.lgc-mobile-prefix-90 {
margin-left: 90%;
}
.lgc-mobile-suffix-90 {
margin-right: 90%;
}
.lgc-mobile-push-90 {
left: 90%;
}
.lgc-mobile-pull-90 {
left: -90%;
}
.lgc-mobile-grid-95 {
float: left;
width: 95%;
}
.lgc-mobile-prefix-95 {
margin-left: 95%;
}
.lgc-mobile-suffix-95 {
margin-right: 95%;
}
.lgc-mobile-push-95 {
left: 95%;
}
.lgc-mobile-pull-95 {
left: -95%;
}
.lgc-mobile-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-mobile-prefix-33 {
margin-left: 33.33333%;
}
.lgc-mobile-suffix-33 {
margin-right: 33.33333%;
}
.lgc-mobile-push-33 {
left: 33.33333%;
}
.lgc-mobile-pull-33 {
left: -33.33333%;
}
.lgc-mobile-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-mobile-prefix-66 {
margin-left: 66.66667%;
}
.lgc-mobile-suffix-66 {
margin-right: 66.66667%;
}
.lgc-mobile-push-66 {
left: 66.66667%;
}
.lgc-mobile-pull-66 {
left: -66.66667%;
}
.lgc-mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.tablet-push-5, .lgc-tablet-pull-5, .lgc-tablet-push-10, .lgc-tablet-pull-10, .lgc-tablet-push-15, .lgc-tablet-pull-15, .lgc-tablet-push-20, .lgc-tablet-pull-20, .lgc-tablet-push-25, .lgc-tablet-pull-25, .lgc-tablet-push-30, .lgc-tablet-pull-30, .lgc-tablet-push-35, .lgc-tablet-pull-35, .lgc-tablet-push-40, .lgc-tablet-pull-40, .lgc-tablet-push-45, .lgc-tablet-pull-45, .lgc-tablet-push-50, .lgc-tablet-pull-50, .lgc-tablet-push-55, .lgc-tablet-pull-55, .lgc-tablet-push-60, .lgc-tablet-pull-60, .lgc-tablet-push-65, .lgc-tablet-pull-65, .lgc-tablet-push-70, .lgc-tablet-pull-70, .lgc-tablet-push-75, .lgc-tablet-pull-75, .lgc-tablet-push-80, .lgc-tablet-pull-80, .lgc-tablet-push-85, .lgc-tablet-pull-85, .lgc-tablet-push-90, .lgc-tablet-pull-90, .lgc-tablet-push-95, .lgc-tablet-pull-95, .lgc-tablet-push-33, .lgc-tablet-pull-33, .lgc-tablet-push-66, .lgc-tablet-pull-66 {
position: relative;
}
.lgc-hide-on-tablet {
display: none !important;
}
.lgc-tablet-grid-5 {
float: left;
width: 5%;
}
.lgc-tablet-prefix-5 {
margin-left: 5%;
}
.lgc-tablet-suffix-5 {
margin-right: 5%;
}
.lgc-tablet-push-5 {
left: 5%;
}
.lgc-tablet-pull-5 {
left: -5%;
}
.lgc-tablet-grid-10 {
float: left;
width: 10%;
}
.lgc-tablet-prefix-10 {
margin-left: 10%;
}
.lgc-tablet-suffix-10 {
margin-right: 10%;
}
.lgc-tablet-push-10 {
left: 10%;
}
.lgc-tablet-pull-10 {
left: -10%;
}
.lgc-tablet-grid-15 {
float: left;
width: 15%;
}
.lgc-tablet-prefix-15 {
margin-left: 15%;
}
.lgc-tablet-suffix-15 {
margin-right: 15%;
}
.lgc-tablet-push-15 {
left: 15%;
}
.lgc-tablet-pull-15 {
left: -15%;
}
.lgc-tablet-grid-20 {
float: left;
width: 20%;
}
.lgc-tablet-prefix-20 {
margin-left: 20%;
}
.lgc-tablet-suffix-20 {
margin-right: 20%;
}
.lgc-tablet-push-20 {
left: 20%;
}
.lgc-tablet-pull-20 {
left: -20%;
}
.lgc-tablet-grid-25 {
float: left;
width: 25%;
}
.lgc-tablet-prefix-25 {
margin-left: 25%;
}
.lgc-tablet-suffix-25 {
margin-right: 25%;
}
.lgc-tablet-push-25 {
left: 25%;
}
.lgc-tablet-pull-25 {
left: -25%;
}
.lgc-tablet-grid-30 {
float: left;
width: 30%;
}
.lgc-tablet-prefix-30 {
margin-left: 30%;
}
.lgc-tablet-suffix-30 {
margin-right: 30%;
}
.lgc-tablet-push-30 {
left: 30%;
}
.lgc-tablet-pull-30 {
left: -30%;
}
.lgc-tablet-grid-35 {
float: left;
width: 35%;
}
.lgc-tablet-prefix-35 {
margin-left: 35%;
}
.lgc-tablet-suffix-35 {
margin-right: 35%;
}
.lgc-tablet-push-35 {
left: 35%;
}
.lgc-tablet-pull-35 {
left: -35%;
}
.lgc-tablet-grid-40 {
float: left;
width: 40%;
}
.lgc-tablet-prefix-40 {
margin-left: 40%;
}
.lgc-tablet-suffix-40 {
margin-right: 40%;
}
.lgc-tablet-push-40 {
left: 40%;
}
.lgc-tablet-pull-40 {
left: -40%;
}
.lgc-tablet-grid-45 {
float: left;
width: 45%;
}
.lgc-tablet-prefix-45 {
margin-left: 45%;
}
.lgc-tablet-suffix-45 {
margin-right: 45%;
}
.lgc-tablet-push-45 {
left: 45%;
}
.lgc-tablet-pull-45 {
left: -45%;
}
.lgc-tablet-grid-50 {
float: left;
width: 50%;
}
.lgc-tablet-prefix-50 {
margin-left: 50%;
}
.lgc-tablet-suffix-50 {
margin-right: 50%;
}
.lgc-tablet-push-50 {
left: 50%;
}
.lgc-tablet-pull-50 {
left: -50%;
}
.lgc-tablet-grid-55 {
float: left;
width: 55%;
}
.lgc-tablet-prefix-55 {
margin-left: 55%;
}
.lgc-tablet-suffix-55 {
margin-right: 55%;
}
.lgc-tablet-push-55 {
left: 55%;
}
.lgc-tablet-pull-55 {
left: -55%;
}
.lgc-tablet-grid-60 {
float: left;
width: 60%;
}
.lgc-tablet-prefix-60 {
margin-left: 60%;
}
.lgc-tablet-suffix-60 {
margin-right: 60%;
}
.lgc-tablet-push-60 {
left: 60%;
}
.lgc-tablet-pull-60 {
left: -60%;
}
.lgc-tablet-grid-65 {
float: left;
width: 65%;
}
.lgc-tablet-prefix-65 {
margin-left: 65%;
}
.lgc-tablet-suffix-65 {
margin-right: 65%;
}
.lgc-tablet-push-65 {
left: 65%;
}
.lgc-tablet-pull-65 {
left: -65%;
}
.lgc-tablet-grid-70 {
float: left;
width: 70%;
}
.lgc-tablet-prefix-70 {
margin-left: 70%;
}
.lgc-tablet-suffix-70 {
margin-right: 70%;
}
.lgc-tablet-push-70 {
left: 70%;
}
.lgc-tablet-pull-70 {
left: -70%;
}
.lgc-tablet-grid-75 {
float: left;
width: 75%;
}
.lgc-tablet-prefix-75 {
margin-left: 75%;
}
.lgc-tablet-suffix-75 {
margin-right: 75%;
}
.lgc-tablet-push-75 {
left: 75%;
}
.lgc-tablet-pull-75 {
left: -75%;
}
.lgc-tablet-grid-80 {
float: left;
width: 80%;
}
.lgc-tablet-prefix-80 {
margin-left: 80%;
}
.lgc-tablet-suffix-80 {
margin-right: 80%;
}
.lgc-tablet-push-80 {
left: 80%;
}
.lgc-tablet-pull-80 {
left: -80%;
}
.lgc-tablet-grid-85 {
float: left;
width: 85%;
}
.lgc-tablet-prefix-85 {
margin-left: 85%;
}
.lgc-tablet-suffix-85 {
margin-right: 85%;
}
.lgc-tablet-push-85 {
left: 85%;
}
.lgc-tablet-pull-85 {
left: -85%;
}
.lgc-tablet-grid-90 {
float: left;
width: 90%;
}
.lgc-tablet-prefix-90 {
margin-left: 90%;
}
.lgc-tablet-suffix-90 {
margin-right: 90%;
}
.lgc-tablet-push-90 {
left: 90%;
}
.lgc-tablet-pull-90 {
left: -90%;
}
.lgc-tablet-grid-95 {
float: left;
width: 95%;
}
.lgc-tablet-prefix-95 {
margin-left: 95%;
}
.lgc-tablet-suffix-95 {
margin-right: 95%;
}
.lgc-tablet-push-95 {
left: 95%;
}
.lgc-tablet-pull-95 {
left: -95%;
}
.lgc-tablet-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-tablet-prefix-33 {
margin-left: 33.33333%;
}
.lgc-tablet-suffix-33 {
margin-right: 33.33333%;
}
.lgc-tablet-push-33 {
left: 33.33333%;
}
.lgc-tablet-pull-33 {
left: -33.33333%;
}
.lgc-tablet-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-tablet-prefix-66 {
margin-left: 66.66667%;
}
.lgc-tablet-suffix-66 {
margin-right: 66.66667%;
}
.lgc-tablet-push-66 {
left: 66.66667%;
}
.lgc-tablet-pull-66 {
left: -66.66667%;
}
.lgc-tablet-grid-100 {
clear: both;
width: 100%;
}
}
@media (min-width: 1025px) {
.push-5, .lgc-pull-5, .lgc-push-10, .lgc-pull-10, .lgc-push-15, .lgc-pull-15, .lgc-push-20, .lgc-pull-20, .lgc-push-25, .lgc-pull-25, .lgc-push-30, .lgc-pull-30, .lgc-push-35, .lgc-pull-35, .lgc-push-40, .lgc-pull-40, .lgc-push-45, .lgc-pull-45, .lgc-push-50, .lgc-pull-50, .lgc-push-55, .lgc-pull-55, .lgc-push-60, .lgc-pull-60, .lgc-push-65, .lgc-pull-65, .lgc-push-70, .lgc-pull-70, .lgc-push-75, .lgc-pull-75, .lgc-push-80, .lgc-pull-80, .lgc-push-85, .lgc-pull-85, .lgc-push-90, .lgc-pull-90, .lgc-push-95, .lgc-pull-95, .lgc-push-33, .lgc-pull-33, .lgc-push-66, .lgc-pull-66 {
position: relative;
}
.lgc-hide-on-desktop {
display: none !important;
}
.lgc-grid-5 {
float: left;
width: 5%;
}
.lgc-prefix-5 {
margin-left: 5%;
}
.lgc-suffix-5 {
margin-right: 5%;
}
.lgc-push-5 {
left: 5%;
}
.lgc-pull-5 {
left: -5%;
}
.lgc-grid-10 {
float: left;
width: 10%;
}
.lgc-prefix-10 {
margin-left: 10%;
}
.lgc-suffix-10 {
margin-right: 10%;
}
.lgc-push-10 {
left: 10%;
}
.lgc-pull-10 {
left: -10%;
}
.lgc-grid-15 {
float: left;
width: 15%;
}
.lgc-prefix-15 {
margin-left: 15%;
}
.lgc-suffix-15 {
margin-right: 15%;
}
.lgc-push-15 {
left: 15%;
}
.lgc-pull-15 {
left: -15%;
}
.lgc-grid-20 {
float: left;
width: 20%;
}
.lgc-prefix-20 {
margin-left: 20%;
}
.lgc-suffix-20 {
margin-right: 20%;
}
.lgc-push-20 {
left: 20%;
}
.lgc-pull-20 {
left: -20%;
}
.lgc-grid-25 {
float: left;
width: 25%;
}
.lgc-prefix-25 {
margin-left: 25%;
}
.lgc-suffix-25 {
margin-right: 25%;
}
.lgc-push-25 {
left: 25%;
}
.lgc-pull-25 {
left: -25%;
}
.lgc-grid-30 {
float: left;
width: 30%;
}
.lgc-prefix-30 {
margin-left: 30%;
}
.lgc-suffix-30 {
margin-right: 30%;
}
.lgc-push-30 {
left: 30%;
}
.lgc-pull-30 {
left: -30%;
}
.lgc-grid-35 {
float: left;
width: 35%;
}
.lgc-prefix-35 {
margin-left: 35%;
}
.lgc-suffix-35 {
margin-right: 35%;
}
.lgc-push-35 {
left: 35%;
}
.lgc-pull-35 {
left: -35%;
}
.lgc-grid-40 {
float: left;
width: 40%;
}
.lgc-prefix-40 {
margin-left: 40%;
}
.lgc-suffix-40 {
margin-right: 40%;
}
.lgc-push-40 {
left: 40%;
}
.lgc-pull-40 {
left: -40%;
}
.lgc-grid-45 {
float: left;
width: 45%;
}
.lgc-prefix-45 {
margin-left: 45%;
}
.lgc-suffix-45 {
margin-right: 45%;
}
.lgc-push-45 {
left: 45%;
}
.lgc-pull-45 {
left: -45%;
}
.lgc-grid-50 {
float: left;
width: 50%;
}
.lgc-prefix-50 {
margin-left: 50%;
}
.lgc-suffix-50 {
margin-right: 50%;
}
.lgc-push-50 {
left: 50%;
}
.lgc-pull-50 {
left: -50%;
}
.lgc-grid-55 {
float: left;
width: 55%;
}
.lgc-prefix-55 {
margin-left: 55%;
}
.lgc-suffix-55 {
margin-right: 55%;
}
.lgc-push-55 {
left: 55%;
}
.lgc-pull-55 {
left: -55%;
}
.lgc-grid-60 {
float: left;
width: 60%;
}
.lgc-prefix-60 {
margin-left: 60%;
}
.lgc-suffix-60 {
margin-right: 60%;
}
.lgc-push-60 {
left: 60%;
}
.lgc-pull-60 {
left: -60%;
}
.lgc-grid-65 {
float: left;
width: 65%;
}
.lgc-prefix-65 {
margin-left: 65%;
}
.lgc-suffix-65 {
margin-right: 65%;
}
.lgc-push-65 {
left: 65%;
}
.lgc-pull-65 {
left: -65%;
}
.lgc-grid-70 {
float: left;
width: 70%;
}
.lgc-prefix-70 {
margin-left: 70%;
}
.lgc-suffix-70 {
margin-right: 70%;
}
.lgc-push-70 {
left: 70%;
}
.lgc-pull-70 {
left: -70%;
}
.lgc-grid-75 {
float: left;
width: 75%;
}
.lgc-prefix-75 {
margin-left: 75%;
}
.lgc-suffix-75 {
margin-right: 75%;
}
.lgc-push-75 {
left: 75%;
}
.lgc-pull-75 {
left: -75%;
}
.lgc-grid-80 {
float: left;
width: 80%;
}
.lgc-prefix-80 {
margin-left: 80%;
}
.lgc-suffix-80 {
margin-right: 80%;
}
.lgc-push-80 {
left: 80%;
}
.lgc-pull-80 {
left: -80%;
}
.lgc-grid-85 {
float: left;
width: 85%;
}
.lgc-prefix-85 {
margin-left: 85%;
}
.lgc-suffix-85 {
margin-right: 85%;
}
.lgc-push-85 {
left: 85%;
}
.lgc-pull-85 {
left: -85%;
}
.lgc-grid-90 {
float: left;
width: 90%;
}
.lgc-prefix-90 {
margin-left: 90%;
}
.lgc-suffix-90 {
margin-right: 90%;
}
.lgc-push-90 {
left: 90%;
}
.lgc-pull-90 {
left: -90%;
}
.lgc-grid-95 {
float: left;
width: 95%;
}
.lgc-prefix-95 {
margin-left: 95%;
}
.lgc-suffix-95 {
margin-right: 95%;
}
.lgc-push-95 {
left: 95%;
}
.lgc-pull-95 {
left: -95%;
}
.lgc-grid-33 {
float: left;
width: 33.33333%;
}
.lgc-prefix-33 {
margin-left: 33.33333%;
}
.lgc-suffix-33 {
margin-right: 33.33333%;
}
.lgc-push-33 {
left: 33.33333%;
}
.lgc-pull-33 {
left: -33.33333%;
}
.lgc-grid-66 {
float: left;
width: 66.66667%;
}
.lgc-prefix-66 {
margin-left: 66.66667%;
}
.lgc-suffix-66 {
margin-right: 66.66667%;
}
.lgc-push-66 {
left: 66.66667%;
}
.lgc-pull-66 {
left: -66.66667%;
}
.lgc-grid-100 {
clear: both;
width: 100%;
}
} .lgc-column p {
margin-bottom: 1.5em;
}
.inside-grid-column {
padding: 0 10px 0 10px;
margin-bottom: 1.5em;
}
.inside-grid-column > p:last-child {
margin-bottom: 0;
}
@media (max-width:767px) {
.lgc-mobile-grid-100 .inside-grid-column {
padding: 0;
}
}
@media (max-width: 1024px) {
.lgc-clear {
display: none;
}
}