/*
Theme Name: Siperm
Theme URI: 
Author: 
Author URI:
Description:
Version: 3.2
*/
:root {
--content-width: 66.25rem;
}
@media screen and (max-width: 74rem) {
:root {
--content-width: 56rem;
}
}
@media screen and (max-width: 60rem) {
:root {
--content-width: 42rem;
}
}
/* 
-------------------------------------- 
fontface
--------------------------------------
*/
@font-face {
font-family: 'RotisSansSerif';
src: url("assets/fonts/276EFD_2_0.eot");
src: url("assets/fonts/276EFD_2_0.eot?#iefix") format('embedded-opentype'),
url("assets/fonts/276EFD_2_0.woff") format('woff'),
url("assets/fonts/276EFD_2_0.ttf") format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RotisSansSerif-Italic';
src: url("assets/fonts/276EFD_0_0.eot");
src: url("assets/fonts/276EFD_0_0.eot?#iefix") format('embedded-opentype'),
url("assets/fonts/276EFD_0_0.woff") format('woff'),
url("assets/fonts/276EFD_0_0.ttf") format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RotisSansSerif-Bold';
src: url("assets/fonts/276EFD_1_0.eot");
src: url("assets/fonts/276EFD_1_0.eot?#iefix") format('embedded-opentype'),
url("assets/fonts/276EFD_1_0.woff") format('woff'),
url("assets/fonts/276EFD_1_0.ttf") format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RotisSansSerif-ExtraBold';
src: url("assets/fonts/276EFD_5_0.eot");
src: url("assets/fonts/276EFD_5_0.eot?#iefix") format('embedded-opentype'),
url("assets/fonts/276EFD_5_0.woff") format('woff'),
url("assets/fonts/276EFD_5_0.ttf") format('truetype');
font-weight: normal;
font-style: normal;
}
/* @font-face {
font-family: 'Karla-Bold';
src: url("assets/fonts/Karla-Bold.eot");
src: url("assets/fonts/Karla-Bold.eot?#iefix") format('embedded-opentype'),
url("assets/fonts/Karla-Bold.woff") format('woff'),
url("assets/fonts/Karla-Bold.woff2") format('woff2');
font-weight: normal;
font-style: normal;
} */
/* 
-------------------------------------- 
setup
--------------------------------------
*/
html,
body {
height: 100%;
margin: 0;
}
html {
font-family: "RotisSansSerif", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 200;
font-size: 16px;
font-size: 1rem;
line-height: 1.4em;
margin: 0 auto;
color: black;
background: white;
text-rendering: optimizeLegibility;
color: #1d1d1d;
background: #f5f4f2;
text-rendering: optimizelegibility;
box-sizing: border-box;
}
@media (max-width:1200px) {
html {
font-size: 15px;
}
}
@media (max-width:992px) {
html {
font-size: 14px;
}
}
@media (max-width:768px) {
html {
font-size: 13px;
}
}
body {
-webkit-font-smoothing: antialiased;
}
*, *:before, *:after {
box-sizing: inherit;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
a:link, a:visited, a:hover, a:active {
text-decoration: none
}
h1, .h1 {
font-size:32px;
font-size:2.0625rem;
line-height: 2.25rem;
text-transform: uppercase;
margin: 0;
letter-spacing: 1px;
text-indent: -3px;
font-weight:200;
overflow: visible;
}
h2, .h2 {
font-size:28px;
font-size:1.75rem;
line-height: 1.75rem;
text-transform: uppercase;
margin: 0;
letter-spacing: 1px;
text-indent: -2px;
font-weight:200;
}
h3, .h3 {
font-size:25px;
font-size:1.5rem;
line-height: 1.65rem;
text-transform: none;
margin: 0;
letter-spacing: 1px;
text-indent: -2px;
font-weight:700;
}
p {
font-size: 1.35rem;
line-height: 1.85rem;
margin-bottom: .75em;
}

ul,ol {
font-size: 1.35rem;
line-height: 1.85rem;
margin: .75em 0;
}

}


img,
video,
canvas,
object,
embed {
    max-width: 100%;
    _width: 100%;
}


/* FitMyVideo | https://github.com/niklausgerber/FitMyVideo */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
}
.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#content h2, #content .h2 {
margin: 1.5em 0 .75em;
}

.mt{
margin-top: 3em;
}

.pad{
padding:.75em 0;	
}
/* 
-------------------------------------- 
hyperlinks
--------------------------------------
*/
a {
color: black;
text-decoration: underline;
border: none;
transition: all 0.5s ease;
}
a:visited {
color: black;
}
a:hover {
color: #808080;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
p a {
/* Optimized for touch devices */
margin: -.5em;
padding: .5em;
position: relative;
}
#inhalt{
text-align: none;
padding:0;
}
.inhalt{
width: 100%;
max-width: var(--content-width);
margin: 3rem auto 0;
position: relative;
padding: 0;
}

/* 
-------------------------------------- 
divider
--------------------------------------
*/
hr {
display:block;
border:0px;
height: 2px;
background-image: url("assets/img/hr.jpg");
}

.hr---orange{
display:block;
border:0px;
height: 2px;
background-image: url("assets/img/hr-orange.jpg");
}


/* 
-------------------------------------- 
button
--------------------------------------
*/
.button, .button:active {
font-family: "Karla-Bold", Helvetica, Arial, sans-serif;
display: inline-block;
border: 2px solid;
border-radius: 6px;
padding: 1rem 1.25rem;
white-space: nowrap;
font-weight: 400;
background: rgb(255, 145, 0);
border-color: rgb(242, 145, 0);
margin-top: 1rem;
color: white;
}
.button:hover, .button:focus {

pointer-events: auto;
}
.button:active {
background: rgb(242, 145, 0);
border-color: rgb(242, 145, 0);
}
/* 
-------------------------------------- 
js
--------------------------------------
*/
#jswarning {
padding-top:50px;
padding-bottom: 50px;
text-align: center;
background: #f3263c;
color:white;
}
/* 
-------------------------------------- 
logo
--------------------------------------
*/
#logo{
background: rgb(0,0,0);
text-align: right;
padding: 0;
}
.logo {
width: 90%;
max-width: var(--content-width);
margin: auto;
position: relative;
padding: 0 1% 0 0;
}
.logo--box {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
.logo img{
width: 100%;
/* max-width: 434px; */
max-width: 300px;
height: auto;
display: block;
}
@media (max-width:768px) {
.logo img{
width: 100%;
max-width: 240px;
height: auto;
display: block;
}
.logo--box {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
}
/* 
-------------------------------------- 
navigation
--------------------------------------
*/
#navigation {
font-family: "Karla-Bold", Helvetica, Arial, sans-serif;
font-style: normal;
}
#navigation{
background: rgb(255,255,255);
text-align: none;
padding: 0;
}
.navigation {
width: 100%;
max-width: var(--content-width);
position: relative;
margin: auto;
z-index: 3;
/*padding: 1rem 0;*/
}

/* 
-------------------------------------- 
werkstoffe
--------------------------------------
*/
#liste {
margin-bottom: 4.5rem;
}
#werkstoffe-header{
min-height: 45vh;
padding:0;
margin:0;
width:100%;
text-align: none;
z-index: 97;
}


#werkstoffe-header{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width:100%;
z-index: 23;
}
#werkstoffe-header .verlauf-box{
z-index: 24;
min-height: 45vh;
background: rgb(245,244,242);
background: -moz-linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
background: linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f4f2",endColorstr="#f5f4f2",GradientType=1);
}

#werkstoffe{
text-align: none;
padding:0 0 3rem;
}
.werkstoffe{
width: 90%;
max-width: var(--content-width);
margin: 3rem auto 1.5rem;
position: relative;
padding: 0;
}
#werkstoffe-headline{
text-align: none;
padding:1.5rem 0;
}
.werkstoffe-headline{
width: 90%;
max-width: var(--content-width);
margin: auto;
position: relative;
padding: 0;
}
#werkstoffe-headline h1 span{
color:#f29100;
}
#werkstoffe--liste{
text-align: none;
padding:1.5rem 0 1.5rem;
}
.werkstoffe--liste{
width: 90%;
max-width: var(--content-width);
margin: auto;
position: relative;
padding: 0;
border-top:2px solid #f29100;
}
#werkstoffe--liste .werkstoffe--row{
margin-left: -1%;
margin-right: -1%;
}
#werkstoffe--liste .werkstoffe--c33{
display: inline;
float: left;
width: 31.33333%;
margin-left: 1%;
margin-right: 1%;
}
#werkstoffe--liste .werkstoffe--66{
display: inline;
float: left;
width: 64.66666%;
margin-left: 1%;
margin-right: 1%;
}
@media (max-width:768px) {
#werkstoffe--liste h2,
#werkstoffe--liste .werkstoffe--c33,
#werkstoffe--liste .werkstoffe--66{
min-width: 100%;
margin-left: 1%;
margin-right: 1%;
display: block;
}
}
#werkstoffe--liste .werkstoffe--66 p{
margin-top:0;
}
.werkstoffe--slider{
width: 90%;
max-width: var(--content-width);
margin: 0 auto 3rem;
position: relative;
padding: .6rem 0;
min-height: 300px;
overflow: visible;
border-right: 1px solid #c8c8c8;
border-left: 1px solid #c8c8c8;
}
#werkstoffe--slider .item{
background: #e7e7e7;
min-height:300px;
border:6px solid white;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
max-width:100%;
}
#werkstoffe--slider .owl-prev{
position: absolute;
left:-4.5rem;
top:48%;
font-size: 48px;
color:#f29100;
}
#werkstoffe--slider .owl-next{
position: absolute;
right:-4.5rem;
top:48%;
font-size: 48px;
color:#f29100;
}

@media (max-width:768px) {
#werkstoffe--slider .owl-prev{
left:0.5rem;
bottom:-10rem;
}
#werkstoffe--slider .owl-next{
right:0.5rem;
bottom:-10rem;
}
}

#werkstoffe--slider .owl-carousel h4{
position: absolute;
left:1rem;
top:0rem;
background: rgba(255,255,255,0.75);
padding: 0.15rem 0.3rem;
border-radius:3px;
font-size: 14px;
font-family: "Karla-Bold", Helvetica, Arial, sans-serif;
font-weight: 200;
}
/* Style The Dropdown Button */
#werkstoffe .dropbtn {
background-color: black;
color:white!important;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
width:300px;
border-radius: 6px 6px 0 0;
text-transform:uppercase;
z-index: 1;
}
/* The container <div> - needed to position the dropdown content */
#werkstoffe .dropdown {
display: inline-block;
position: absolute;
right:0;
top:0;
z-index: 1;
}
@media (max-width:768px) {
#werkstoffe .dropdown {
display:inline-block;
position:relative;
left:0;
top:0;
}
}
/* Dropdown Content (Hidden by Default) */
#werkstoffe .dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 300px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
@media (max-width:768px) {
#werkstoffe .dropdown-content,
#werkstoffe .dropbtn {
min-width:100%;
}
}
/* Links inside the dropdown */
#werkstoffe .dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
#werkstoffe .dropdown-content a:hover {background-color: #e7e7e7}
/* Show the dropdown menu on hover */
#werkstoffe .dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
#werkstoffe .dropdown:hover .dropbtn {
background-color: #1a3c8a;
color:white;;
}

.disabled {
display: block!important;
}

.home .disabled {
display: none!important;
}


/* 
-------------------------------------- 
header
--------------------------------------
*/
#header {
background: none;
text-align: none;
padding: 0;
}
.header {
width: 90%;
max-width: var(--content-width);
position: relative;
margin: auto;
}
/* 
-------------------------------------- 
copyright
--------------------------------------
*/
#copy{
background: none;
text-align: none;
padding: 1.5rem 0;
margin-bottom: 6rem;
}
.copy{
width: 90%;
max-width: var(--content-width);
position: relative;
margin: auto;
}
.copyright{
position: absolute;
left:0px;
width:auto;
text-align: left;
}
.uptotop{
position: absolute;
right:0px;
width:auto;
text-align: right;
}
/* 
-------------------------------------- 
cookie
--------------------------------------
*/
#cookie{
background: #636462;
text-align: center;
padding:1rem;
color:white;
}
.cookie{
width: 90%;
max-width: var(--content-width);
position: relative;
margin: auto;
}
/* 
-------------------------------------- 
footer
--------------------------------------
*/
#footer{
background: rgb(242, 145, 0);
text-align: none;
padding: 2% 0;
color: white;

}
.footer {
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 0 auto;
}

.footer--box1{
display: table;
width:100%;
min-height: 30vh;
}
.footer--box2{
display: table-cell;
text-align: left;
vertical-align: middle;
}


.footer--row{
margin-left: -1%;
margin-right: -1%;
}
.footer--c33{
display: inline;
float: left;
width: 22.6666667%;
margin-left: 1%;
margin-right: 1%;
}
.footer--c50{
display: inline;
float: left;
width: 47.6666667%;
margin-left: 1%;
margin-right: 1%;
}
@media (max-width:768px) {
.footer--c50,
.footer--c33{
width: 100%;
margin-left: 1%;
margin-right: 1%;
}
}
#footer ul{
margin:0;
padding:0;
list-style: none;
list-style-type: none;
font-weight: 700;
}
#footer ul li a{
color:white;
list-style: none;
list-style-type: none;
text-transform: uppercase;
}
#footer ul li a:hover{
opacity: 0.5;
transition: opacity .2s ease;
}
#footer ul .sub-menu{
margin-top: 1rem;
font-weight: 200;
}

/* 
-------------------------------------- 
home--slider
--------------------------------------
*/
#slider--home{
text-align: none;
padding: 0;
}

#slider--home .owl-carousel {
position: relative;
}

#slider--home .owl-carousel .item{
min-height:100%;
min-height: 78vh;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding:0;
margin:0;
width:100%;
text-align: none;
z-index:auto;
}
#slider--home .owl-carousel .text-box{
width: 90%;
max-width: var(--content-width);
position: relative;
margin: auto;
min-height: 78vh;
}
#slider--home .owl-carousel .text-box .text{
position: absolute;
bottom:1.5rem;
left: 0rem;
}
#slider--home .owl-carousel .owl-nav {
z-index: 99;
position:absolute;
top:45%;
width:100%;
}
#slider--home .verlauf-box{
background: rgb(245,244,242);
background: -moz-linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
background: linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f4f2",endColorstr="#f5f4f2",GradientType=1);
}
#slider--home h2 span,
#slider--home h1 span{
color:#f29100;
font-size:32px;
font-size:2.0625rem;
}
#slider--home .owl-theme .owl-dots .owl-dot span {
width: 48px;
height: 7px;
margin: 5px 3px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 0px;
}
#slider--home .owl-theme .owl-dots .owl-dot.active span{
background: #f29100;
transition: opacity .2s ease;
}
#slider--home .owl-theme .owl-dots .owl-dot  span:hover{
background: #f29100;
transition: opacity .2s ease;
}
/* 
-------------------------------------- 
dash
--------------------------------------
*/
.dash {
position: relative;
}
.dash img{
position: absolute;
left:-2.1rem;	
top:-.6rem;
}
/* 
-------------------------------------- 
teaser--werkstoffe
--------------------------------------
*/
#teaser--werkstoffe{
background: none;
text-align: none;
padding: 0;
}
.teaser--werkstoffe {
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 0 auto;
min-height: 50vh;
}

.teaser--werkstoffe--sub
.teaser--werkstoffe {
min-height: 20vh;
}
.teaser--werkstoffe p{
margin: 0 auto;
}

.teaser--werkstoffe--headline{
margin-bottom: 1rem;
}
.teaser--werkstoffe--subline{
margin-top: 1.5rem;
}
.teaser--werkstoffe--box1{
display: table;
width:100%;
min-height: 50vh;
}
.teaser--werkstoffe--sub
.teaser--werkstoffe--box1{
display: table;
width:100%;
min-height: 20vh;
}
.teaser--werkstoffe--box2{
display: table-cell;
text-align: left;
vertical-align: middle;
}
.teaser--werkstoffe--row{
margin-left: -1%;
margin-right: -1%;
}
.teaser--werkstoffe--c33{
display: inline;
float: left;
width: 31.33333%;
margin-left: 1%;
margin-right: 1%;
text-align: left;
padding:0 3.5rem 0 0;
}
.teaser--werkstoffe--c1,
.teaser--werkstoffe--c2{
display: inline;
float: left;
width: 50%;
max-width: 139px;
max-height: 130px;
margin-left: 0;
margin-right: 0;
border:1px solid rgb(242, 145, 0);
text-align: center;
}
.teaser--werkstoffe--c50:last-child{
border-left:none;
}
@media (max-width:768px) {
.teaser--werkstoffe--c33,
.teaser--werkstoffe--c1,
.teaser--werkstoffe--c2{
width: 100%;
padding:0;
}
.teaser--werkstoffe--subline{
margin-bottom: 1.5rem;
}
.teaser--werkstoffe--notiz{
margin-bottom: 1.5rem;
}
}
.teaser--werkstoffe--c2,
.teaser--werkstoffe--c1{
width: 139px;
height: 133px;
}

.teaser--werkstoffe--c1 img{
width: 139px;
height: 128px;
}
.teaser--werkstoffe--bb1{
display: table;
width: 139px;
height: 133px;
}
.teaser--werkstoffe--bb2{
display: table-cell;
text-align: center;
vertical-align: middle;
}

.teaser--werkstoffe--h3,
.teaser--werkstoffe--h3 h3{
color:#f29100;
margin:0;
padding:0;
}
.teaser--werkstoffe--h3 h3{
padding-top:1rem;
}
.teaser--werkstoffe--subline{
padding:0;
margin:0;
}

#teaser--werkstoffe a :hover{
opacity: 0.75;
transition: opacity .2s ease;
}
/* 
-------------------------------------- 
teaser--anwendungen
--------------------------------------
*/
#teaser--anwendungen{
min-height:50vh;
}
#teaser--anwendungen
.teaser--anwendungen--sub
{
min-height:20vh;
}
#teaser--anwendungen--headline{
background: none;
text-align: none;
padding: 0;
}
.teaser--anwendungen--headline{
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 0 auto;
}
.teaser--anwendungen--headline{
margin-bottom: 1rem;
}
#teaser--anwendungen--iconbox-wrapper{
background: rgb(242, 145, 0);
text-align: none;
padding: 1em;
color:white;
min-height: 0vh;
}
#teaser--anwendungen--iconbox-wrapper a{
color:white;
}
#teaser--anwendungen--iconbox-wrapper a :hover{
opacity: 0.85;
transition: opacity .2s ease;
}
.teaser--a1{
display: table-cell;
text-align: center;
vertical-align: middle;
height:300px;
}

.teaser--anwendungen{
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 0 auto;
}
.teaser--anwendungen--box1{
display: table;
width:100%;
min-height: 300px;
min-height: 50vh;
}
.teaser--anwendungen--sub
.teaser--anwendungen--box1{
display: table;
width:100%;
min-height: 300px;
min-height: 20vh;
}
.teaser--anwendungen--box2{
display: table-cell;
text-align: left;
vertical-align: middle;
}
.teaser--anwendungen--row{
margin-left: -1%;
margin-right: -1%;
}
.teaser--anwendungen--c6{
display: inline;
float: left;
width: 14.6666667%;
height: 200px;
margin-left: 1%;
margin-right: 1%;
border:1px solid white;
text-align: center;
padding: .25em;
}
@media (max-width:768px) {
.teaser--anwendungen--c6{
width: 47.6666667%;
margin-top: 2%;
margin-bottom: 1%;
}
.teaser--anwendungen{
padding: 1rem 0;
}
}
.teaser--anwendungen--iconbox,
.teaser--anwendungen--iconbox--box1{
display: table;
width:100%;
padding:1rem;
}
.teaser--anwendungen--iconbox--box1{
display: table;
width:100%;
min-height: 150px;
}
.teaser--anwendungen--iconbox--box2{
display: table-cell;
text-align: center;
vertical-align: middle;
}
.teaser--an--box1{
display: table;
width:100%;
min-height: 300px;
}
.teaser--anwendungen--sub
.teaser--an--box1{
display: table;
width:100%;
min-height: 250px;
}
.teaser--an--box2{
display: table-cell;
text-align: center;
vertical-align: middle;
height: 300px;
padding: 1rem;
}
/* 
-------------------------------------- 
teaser--engineering
--------------------------------------
*/
#teaser--engineering{
text-align: none;
padding: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
z-index: 20;
}
#teaser--engineering .verlauf-box{
background: rgb(245,244,242);
background: -moz-linear-gradient(180deg, rgba(245,244,242,0) 0%, rgba(245,244,242,1) 0%, rgba(245,244,242,0.8729866946778712) 13%, rgba(245,244,242,0.7413340336134453) 80%, rgba(245,244,242,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(245,244,242,0) 0%, rgba(245,244,242,1) 0%, rgba(245,244,242,0.8729866946778712) 13%, rgba(245,244,242,0.7413340336134453) 80%, rgba(245,244,242,1) 100%);
background: linear-gradient(180deg, rgba(245,244,242,0) 0%, rgba(245,244,242,1) 0%, rgba(245,244,242,0.8729866946778712) 13%, rgba(245,244,242,0.7413340336134453) 80%, rgba(245,244,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f4f2",endColorstr="#f5f4f2",GradientType=1);
z-index: 21;
width:100%;
}
#teaser--engineering h2 a{
text-shadow: 1px 1px 3px rgba(255,255,255,0.85);
}
.teaser--engineering {
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 0 auto;
min-height: 50vh;
}
.teaser--engineering--box1{
display: table;
width:100%;
min-height: 50vh;
}
.teaser--engineering--box2{
display: table-cell;
text-align: center;
vertical-align: middle;
}
/* 
-------------------------------------- 
teaser--calltoaction
--------------------------------------
*/
#teaser--calltoaction{
background: white;
text-align: center;
padding: 48px 0;
margin: 3% 0;
}
.teaser--calltoaction {
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 1.5% auto;
}
.teaser--calltoaction h2{
font-family: "Karla-Bold", Helvetica, Arial, sans-serif;
color:rgb(242, 145, 0);
line-height: 0;
text-transform: none;
font-weight: 400;
}
/* 
-------------------------------------- 
kontakt
--------------------------------------
*/
#kontakt h3{
margin-bottom: 0;
padding: 0;
}

#kontakt .fa-info{
padding-left: 9px;
padding-right: 2px;
}

#kontakt ul {
display: inline;
margin: 0;
padding: 0;
}

#kontakt ul li{
list-style: none;
display: inline;
width:100%;
float:left;
padding-bottom: 1em;
}

@media (min-width:767px) {
#kontakt ul li{
width:50%;
}
}
#kontakt .kontakt---box3 ul li:first-child{
width:100%;
float:left;
} 
/* 
-------------------------------------- 
kontaktbox
--------------------------------------
*/
#kontakt--menu{
    font-size: 1.5rem;
}

.kontakt--menu{
    position: fixed;
    top: 100px;
    z-index: 999999;
    right: -210px;
    box-shadow: 0 2px 9px 2px rgba(0, 0, 0, .1);
    width: 260px;
    transition-property: right;
    transition-duration: .9s;
    transition-timing-function: cubic-bezier(0, 1, .5, 1);
}


.kontakt--menu:hover{
right: 0;
}

.kontakt--menu a{
height: 2rem;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
display: table;
-webkit-transition: background-color .9s;
transition: background-color .9s;
width:100%;
text-decoration: none;
color:rgb(245, 244, 242);
background-color: rgb(26, 60, 138);
border:none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}

.kontakt--menu a:hover{
background-color: rgb(26, 60, 138);
}
.kontakt--lang .far,
.kontakt--menu .far{
padding: 12px;
margin-right: 6px;
}
@media (max-width:1280px) {
.kontakt--lang,
.kontakt--menu a,
.kontakt--menu {
display: none;
}
}
.kontakt---box1{width:40%;float:left;}
.kontakt---box2{width:60%;float:left;}
/* 
-------------------------------------- 
default
--------------------------------------
*/
.default {
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 3rem auto 0;
}
@media (max-width:768px) {
.default {
margin: 3rem auto 0;	
}
}

#default h1 span{
color:#f29100;
}
#default h2{
color:#f29100;
}

#default{
text-align: none;
}
#default a,#inhalt a{
text-decoration: underline;
}
#inhalt .img-responsive img{
width:100%;
max-width:100%;
height:auto;
border:6px solid white;
margin:18px 0px;
}
#default-header{
min-height: 45vh;
padding:0;
margin:0;
width:100%;
text-align: none;
z-index: 97;
}
#default-header{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width:100%;
z-index: 23;
}
#default-header .verlauf-box{
z-index: 24;
min-height: 45vh;
background: rgb(245,244,242);
background: -moz-linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
background: linear-gradient(180deg, rgba(245,244,242,0) 75%, rgba(245,244,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f5f4f2",endColorstr="#f5f4f2",GradientType=1);
}
/* 
-------------------------------------- 
menu
--------------------------------------
*/
.menu-menu-filtration-englisch-container,
.menu-menu-sicherheitstechnik-englisch-container,
.menu-menu-begasung-englisch-container,
.menu-menu-schuettgut-englisch-container,
.menu-menu-filtration-container,
.menu-menu-sicherheitstechnik-container,
.menu-menu-begasung-container,
.menu-menu-schuettgut-container{
    text-align: center;
    padding:0px;
    margin:0px;
    line-height: 6.85em!important; 
}
#menu-menu-filtration-englisch li,
#menu-menu-sicherheitstechnik-englisch li,
#menu-menu-begasung-englisch li,
#menu-menu-schuettgut-englisch li,
#menu-menu-filtration li,
#menu-menu-sicherheitstechnik li,
#menu-menu-begasung li,
#menu-menu-schuettgut li {
    display: inline;
    list-style: none;
    padding: .45em;
    margin: 1em .15em;
    border: 1px solid #dedede;
    background: white;
    word-wrap: nowrap;
}
#menu-menu-filtration-englisch a,
#menu-menu-sicherheitstechnik-englisch a,
#menu-menu-begasung-englisch a, 
#menu-menu-schuettgut-englisch a,
#menu-menu-filtration a,
#menu-menu-sicherheitstechnik a,
#menu-menu-begasung a, 
#menu-menu-schuettgut a {
    text-decoration: none;

}
.menu-menu-filtration-englisch-container ul,
.menu-menu-sicherheitstechnik-englisch-container ul,
.menu-menu-begasung-englisch-container ul,
.menu-menu-schuettgut-englisch-container ul,
.menu-menu-filtration-container ul,
.menu-menu-sicherheitstechnik-container ul,
.menu-menu-begasung-container ul,
.menu-menu-schuettgut-container ul
{
    list-style: none;
    line-height: 2.75em;
    padding:0px;
    margin:0px; 
    
}
#menu-menu-filtration-englisch .current_page_item a,
#menu-menu-sicherheitstechnik-englisch .current_page_item a,
#menu-menu-begasung-englisch .current_page_item a,
#menu-menu-schuettgut-englisch .current_page_item a,
#menu-menu-filtration .current_page_item a,
#menu-menu-sicherheitstechnik .current_page_item a,
#menu-menu-begasung .current_page_item a,
#menu-menu-schuettgut .current_page_item a{
    color:#f29100;
}

.footer .current-page-item a,
.footer .current-menu-item a{
    color: rgba(0,0,0,.5)!important;
}
/* 
-------------------------------------- 
subnav
--------------------------------------
*/
.page-id-718 .Capillary,
.page-id-725 .Technology,
.page-id-730 .Technology,
.page-id-734 .Technology,
.page-id-738 .Technology,
.page-id-744 .Silencing,
.page-id-774 .Gasing,
.page-id-765 .Gasing,
.page-id-771 .Gasing,
.page-id-780 .Gasing,
.page-id-821 .HP,
.page-id-830 .B,
.page-id-839 .R,
.page-id-20 .HP,
.page-id-18 .B,
.page-id-16 .R,
.page-id-34 .Kapillartransport,
.page-id-749 .Filtration,
.page-id-752 .Filtration,
.page-id-757 .Filtration,
.page-id-760 .Filtration,
.page-id-58 .Filtration,
.page-id-56 .Filtration,
.page-id-54 .Filtration,
.page-id-28 .Filtration,
.page-id-421 .Entgasen,
.page-id-52 .Entgasen,
.page-id-50 .Entgasen,
.page-id-26 .Entgasen,
.page-id-786 .Bulk,
.page-id-789 .Bulk,
.page-id-799 .Bulk,
.page-id-802 .Bulk,
.page-id-806 .Bulk,
.page-id-810 .Bulk,
.page-id-48 .Schüttguthandling,
.page-id-46 .Schüttguthandling,
.page-id-44 .Schüttguthandling,
.page-id-40 .Schüttguthandling,
.page-id-38 .Schüttguthandling,
.page-id-36 .Schüttguthandling,
.page-id-24 .Schüttguthandling,
.page-id-64 .Sicherheitstechnik,
.page-id-62 .Sicherheitstechnik,
.page-id-60 .Sicherheitstechnik,
.page-id-32 .Sicherheitstechnik,
.page-id-30 .Schalldämpfung{
 opacity: .3;	
}

.menu-item-596,
.menu-item-173{
margin-bottom: 1.35em;
}

/* 
-------------------------------------- 
korrektur-menu
--------------------------------------
*/
.container-wrapper-section{
background: rgb(242, 145, 0);
padding: 1em 0;
}
.container-wrapper{
width: 90%;
max-width: var(--content-width);
position: relative;
margin: 0 auto;
}
@supports (display: grid) {
.container-box {
max-width: none;
margin: 0; }
article {
margin: 0; }
.container-box {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
grid-gap: 1rem;
} 
}
article {
margin: 1rem 0; 
}
article {
display: flex;
flex-flow: column; 
}
article > img {
order: -1;
align-self: center; 
}
article {
padding: 1.5rem;}
article {
border: 3px solid white;
border-radius: 0;
color:white; 
min-height: 200px
}
article > span {
margin-top: auto;
text-align: center
}

article:hover{
opacity: .3;}

#subnavigation {
    position: relative;
    width: 100%; 
    background: #f5f4f1; 
    color: currentcolor; 
    position: fixed; 
    right: 0; 
    top: 0; 
    height: 36px; 
    z-index: 1000000; 
    padding: 4px; 
    text-align: right;
}

#subnavigation ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
#subnavigation ul li{
    display: inline;
    margin-right: 8px;
}	
#subnavigation ul li a{
    color: currentcolor;
    margin: 0;
    padding: 0;
    font-size: 16px;
    list-style: none;
}
 
 #subnavigation ul li a:hover{
    opacity: .5;
 }
 
 #subnavigation .subnavigation{
   width: 90%;
   max-width: var(--content-width);
   position: relative;
   margin: 0 auto;
 }
 
 #mega-menu-wrap-max_mega_menu_1.mega-sticky {
       position: fixed;
       top: 32px!important;
}


#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
padding: 0!important;
}

.mega-menu-logo img{
 max-width:310px!important;
}
@media (max-width:1180px) {
.mega-menu-logo{
 display:none!important;  
}
} 

  
/* ==========================================================================
  contact7
  ========================================================================== */
  
  form {
      padding:3rem 0 2rem 0;
  }
  .wpcf7-submit
  {
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: default;
    text-align: center;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
  }
  .wpcf7-submit, 
  a .wpcf7-submit, 
  .wpcf7-submit{
    background: black;
    color: white!important;
    border: 2px solid white;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    padding: 1.125em 1.125em 1.125em 1.125em;
    font-size: 1.563em;
    /*box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)*/
  }
  .wpcf7-submit:hover, 
  a .wpcf7-submit:hover,
  .wpcf7-submit:focus,
  a .wpcf7-submit:focus,
  .wpcf7-submit:active, 
  a .wpcf7-submit:active, 
  .wpcf7-submit.active
  {
    background: black;
    color: white!important;
    border-color: white;
    text-decoration: none;
    opacity: 0.5;
  }
  
  .wpcf7-submit:active, 
  a .wpcf7-submit:active, 
  .wpcf7-submit.active
  {
    box-shadow: none;
  }
  .wpcf7-submit {
    width:100%;
    /* max-width:25rem;	 */
  }
  
  input,textarea{
    width: 100%;
    padding: .75em;
  }


/* 
-------------------------------------- 
bugfix
--------------------------------------
*/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {
    margin: 0 10px 0 0!important;
    display: inline-block;
    height: auto;
    vertical-align: middle;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-megamenu > ul.mega-sub-menu {
    padding: 0rem 1rem 3rem 1rem!important;
}


#subnavigation ul{
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}
#subnavigation .menu-menu-small li{
    margin: 0 10px 0 0!important;
    height: auto;
}


/* 
-------------------------------------- 
wordpress
--------------------------------------
*/

#wpadminbar{
  z-index: 9999999999999999!important;
}
/* 
-------------------------------------- 
wpml
--------------------------------------
*/
#menu-item-wpml-ls-6-pl,
#menu-item-wpml-ls-21-pl{
    display:none!important;
}

/* grid
 ========================================================================== */
.item-container {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto;
}

.item-grid {
  --columns: 12;
  --gutter: 1rem;
  display: grid;
  grid-gap: var(--gutter);
  grid-template-columns: 1fr;
}

.item-grid > .item-column {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .item-grid {
    grid-template-columns: repeat(12, 1fr);
  }
  .item-grid > .item-column {
    grid-column: span var(--columns);
    margin-bottom: 0;
  }
}

/* images
 ========================================================================== */
.image {
  position: relative;
  display: block;
  --w: 1;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: transparent;
}

.image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  background: var(--color-light);
}

.image .image-caption {
  position: absolute;
  bottom: calc(var(--space) * 0.125);
  left: calc(var(--space) * 0.25);
  z-index: 999;
  color: white;
  font-size: clamp(6px, 6vw, 12px);
}

.blog-template-default img{
  width:100%;
  height:auto;
}

.teaser--anwendungen--headline img{
  width: 10px;
}

.hustle-ui.module_id_2 .hustle-layout .hustle-image {
 background-color: transparent!important;
}
/* 
-------------------------------------- 
clear
--------------------------------------
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}