@charset "UTF-8";
  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
top: 0;
left: 0;
display: block; }
.slick-track:before,
.slick-track:after {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px; }
[dir='rtl'] .slick-slide {
float: right; }
.slick-slide img {
display: block;
width: 100%;
height: auto; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; } .slick-loading .slick-list {
background: #fff url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: 'slick';
font-weight: normal;
font-style: normal;
font-display: fallback;
src: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/fonts/slick.eot);
src: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/fonts/slick.eot?#iefix) format("embedded-opentype"), url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/fonts/slick.woff) format("woff"), url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/fonts/slick.ttf) format("truetype"), url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/fonts/slick.svg#slick) format("svg"); } .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
bottom: 20%;
z-index: 909;
display: block;
width: 20px;
height: 34px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: .25; }
.slick-prev {
left: 45px;
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/pfeil-prev.png); }
[dir='rtl'] .slick-prev {
right: 25px;
left: auto; }
.slick-prev:before {
content: '←';
display: none; }
[dir='rtl'] .slick-prev:before {
content: '→';
display: none; }
.slick-next {
right: 25px;
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/pfeil-next.png); }
[dir='rtl'] .slick-next {
right: auto;
left: 25px; }
.slick-next:before {
content: '→';
display: none; }
[dir='rtl'] .slick-next:before {
content: '←';
display: none; } .slick-dotted.slick-slider {
margin-bottom: 0; }
.slick-dots {
position: absolute;
z-index: 99;
display: block;
width: 100%;
padding: 0;
margin: 0;
bottom: 10%;
list-style: none;
text-align: center; }
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent; }
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
content: '•';
text-align: center;
border: solid 2px #fff;
background-color: transparent;
opacity: 1;
color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }
.slick-dots li.slick-active button:before {
opacity: 1;
background-color: #e84620;
color: #e84620;
border-color: #e84620; } body.hidden-scroll {
overflow: hidden; } .sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: 0.9;
display: none;
z-index: 1006; } .sl-wrapper {
z-index: 1000; } .sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 44px;
padding: 0;
cursor: pointer;
color: #fff; } .sl-wrapper button:hover {
opacity: 0.7; } .sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 30px;
z-index: 1015;
color: #fff; } .sl-wrapper .sl-counter {
display: none;
position: fixed;
top: 30px;
left: 30px;
z-index: 1015;
color: #fff; } .sl-wrapper .sl-navigation {
width: 100%;
display: none; } .sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -10px;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
display: block;
z-index: 1015;
font-family: arial sans-serif; } .sl-wrapper .sl-navigation button.sl-next {
right: 40px; } .sl-wrapper .sl-navigation button.sl-prev {
left: 40px; } .sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000; } .sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block; } .sl-wrapper .sl-image iframe {
border: 0 none;
background: #000; } .sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: #000;
opacity: 0.8;
position: absolute;
bottom: 0;
left: 0;
right: 0; } .sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0; } .sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto; } .sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #fff;
z-index: 1005; } .sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 0.5s ease-out infinite;
-moz-animation: pulsate 0.5s ease-out infinite;
-ms-animation: pulsate 0.5s ease-out infinite;
-o-animation: pulsate 0.5s ease-out infinite;
animation: pulsate 0.5s ease-out infinite; } .sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-moz-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-o-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-ms-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }   .cd-logo img {
height: 57px;
width: auto; }
.cd-main-content, .cd-main-header {
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s; }
@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px); }
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px); } }
.cd-main-content {
min-height: 100vh;
z-index: 2;
padding-top: 80px; }
.cd-main-header {
height: 50px;
background: #ffffff;
z-index: 3; }
.nav-is-fixed .cd-main-header { position: fixed;
top: 0;
left: 0;
border-bottom: solid 1px #ededed;
width: 100%; }
@media only screen and (min-width: 1170px) {
.cd-main-header {
height: 80px; }
.cd-main-header::after {
clear: both;
content: "";
display: table; } }
.cd-logo {
position: absolute;
top: 12px;
left: 5%; }
.cd-logo img {
display: block; }
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-logo {
left: auto;
right: 5%; } }
@media only screen and (min-width: 1170px) {
.cd-logo {
left: 4em; } }
.cd-header-buttons {
position: absolute;
display: inline-block;
top: 3px;
right: 1%; }
.cd-header-buttons li {
display: inline-block; }
@media only screen and (max-width: 1169px) {
.cd-main-content {
padding-top: 50px; }
.nav-on-left .cd-header-buttons {
right: auto;
left: 5%; }
.nav-on-left .cd-header-buttons li {
float: right; } }
@media only screen and (min-width: 1170px) {
.cd-header-buttons {
top: 18px;
right: 4em; } }
.cd-search-trigger, .cd-nav-trigger {
position: relative;
display: block;
width: 44px;
height: 44px;
overflow: hidden;
white-space: nowrap; color: transparent;
z-index: 3; }
.cd-search-trigger::before, .cd-search-trigger::after { content: '';
position: absolute;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.cd-search-trigger::before { top: 11px;
left: 11px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 3px solid #2e3233; }
.cd-search-trigger::after { height: 3px;
width: 8px;
background: #2e3233;
bottom: 14px;
right: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-search-trigger span { position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.cd-search-trigger span::before, .cd-search-trigger span::after { content: '';
position: absolute;
display: inline-block;
height: 3px;
width: 22px;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -11px;
background: #2e3233;
opacity: 0; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s; }
.cd-search-trigger span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-search-trigger span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after { opacity: 0; }
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after { opacity: 1; }
.cd-search-trigger.search-is-visible span::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.cd-search-trigger.search-is-visible span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #2e3233; }
.cd-nav-trigger span { position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s; }
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: '';
right: 0; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s; }
.cd-nav-trigger span::before { top: -6px; }
.cd-nav-trigger span::after { top: 6px; }
.cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0); }
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { background: #2e3233; }
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg); }
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg); }
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
display: none; } }
.cd-primary-nav, .cd-primary-nav ul {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 260px;
background: #ededed;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 1; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
font-family: 'Roboto Condensed', sans-serif; }
.cd-primary-nav a, .cd-primary-nav ul a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #000;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #e2e3df;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s; }
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden { -webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0; }
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
right: auto;
left: 0; } }
.cd-primary-nav .see-all a { color: #e84620; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item { height: 80px;
line-height: 80px; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
overflow: hidden;
text-overflow: ellipsis; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
padding-left: 90px; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a {
padding-left: 15px;
display: flex;
align-items: center; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a p {
color: #2e3233;
font-size: 16px; display: none; }
.cd-primary-nav .cd-nav-icons li img {
width: 40px;
height: auto;
padding-right: 10px; }
.cd-primary-nav .cd-nav-icons > .see-all {
display: none !important; }
@media only screen and (max-width: 1169px) {
.cd-primary-nav { visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s; }
.cd-primary-nav.nav-is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s; } }
@media only screen and (min-width: 1170px) {
.cd-primary-nav {
position: static;
padding: 0 120px 0 0;
height: auto;
width: auto;
float: right;
overflow: visible;
background: transparent; }
.cd-primary-nav::after {
clear: both;
content: "";
display: table; }
.cd-primary-nav.moves-out > li > a { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.cd-primary-nav ul {
position: static;
height: auto;
width: auto;
background: transparent;
overflow: visible;
z-index: 3; }
.cd-primary-nav ul.is-hidden { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.cd-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.cd-primary-nav > li {
float: left;
margin-left: 1em; }
.cd-primary-nav > li > a { position: relative;
display: inline-block;
height: 80px;
line-height: 80px;
padding: 0 10px;
color: #2e3233;
overflow: visible;
border-bottom: none;
text-decoration: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s; }
.cd-primary-nav > li > a:hover {
color: #e84620; }
.cd-primary-nav > li > a.selected {
color: #e84620;
box-shadow: inset 0 -2px 0 #e84620; }
.cd-primary-nav .go-back, .cd-primary-nav .see-all {
display: none; }
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { position: absolute;
top: 80px;
width: 100vw;
background: #ffffff;
padding: 18px 64px 10px;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s; }
.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
clear: both;
content: "";
display: table; }
.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s; }
.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all { display: block;
position: absolute;
left: 0;
bottom: 0;
height: 40px;
width: 100%;
overflow: hidden; margin: 0;
padding: 0; }
.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 40px;
border-top: 1px solid #e2e3df; border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s; }
.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
background: #2e3233;
border-color: #2e3233;
color: #ffffff; }
.cd-primary-nav .cd-secondary-nav > li { height: auto; width: 23%;
float: left;
margin-right: 2.66%;
border-right: 1px solid #e2e3df;
overflow: hidden;
overflow-x: hidden; -webkit-overflow-scrolling: touch;
margin-bottom: 40px; }
.cd-primary-nav.hide-other-products .cd-secondary-nav > li {
width: 31%; }
.cd-primary-nav.hide-other-products .cd-secondary-nav > li.see-all {
width: 100%; }
.cd-primary-nav .cd-secondary-nav.minheightnavi > li {
height: 80px; }
.cd-primary-nav .cd-secondary-nav > li:last-of-type { margin-right: 0;
border: none; }
.cd-primary-nav .cd-secondary-nav > li > a { color: #e84620;
font-weight: bold;
font-size: 1.6rem;
text-decoration: none;
margin-bottom: .6em; }
.cd-primary-nav .cd-secondary-nav a {
height: 30px;
line-height: 30px;
padding: 0 18% 0 0;
color: #2e3233;
text-decoration: none;
border-bottom: none; }
.cd-primary-nav .cd-secondary-nav a:hover {
color: #e84620; }
.cd-primary-nav .cd-secondary-nav ul { -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0); }
.cd-primary-nav .cd-secondary-nav ul ul { position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
display: block; }
.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
color: transparent; }
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
display: block; }
.cd-primary-nav .cd-secondary-nav .moves-out > li > a { -webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.cd-primary-nav .cd-nav-gallery li { width: 22%;
float: left;
margin: 0 4% 40px 0; }
.cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) { margin-right: 0; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
border-bottom: none;
padding: 0;
height: auto;
line-height: 1.2; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: static;
margin-top: 0;
height: auto;
width: 100%;
margin-bottom: .6em; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
color: #e84620;
font-weight: bold;
padding: 0 .4em; }
.cd-primary-nav .cd-nav-icons li { width: 32%;
float: left;
margin: 0 2% 0 0; }
.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) { margin-right: 0; }
.cd-primary-nav .cd-nav-icons .cd-nav-item {
border-bottom: none;
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
position: relative; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a {
text-decoration: none;
color: #000; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a:hover {
background: #f6f6f5;
color: #e84620; }
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
left: 25px; } }
.cd-nav .has-children > a, .cd-nav .go-back a {
position: relative; }
.cd-nav .has-children > a::before, .cd-nav .has-children > a::after, .cd-nav .go-back a::before, .cd-nav .go-back a::after { content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #464c4e;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
@media only screen and (max-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
background: #e84620; } }
.cd-nav .has-children > a::before, .cd-nav .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-nav .has-children > a::after, .cd-nav .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media only screen and (min-width: 1170px) {
.cd-nav .has-children > a::before, .cd-nav .has-children > a::after, .cd-nav .go-back a::before, .cd-nav .go-back a::after {
background: #c9cbc4; }
.cd-nav .has-children > a:hover::before, .cd-nav .has-children > a:hover::after, .cd-nav .go-back a:hover::before, .cd-nav .go-back a:hover::after {
background: #e84620; } }
.cd-nav .has-children > a {
padding-right: 40px; }
.cd-nav .has-children > a::before, .cd-nav .has-children > a::after { right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%; }
.cd-primary-nav .go-back a {
padding-left: 40px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%; }
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {
right: 15%; }
.cd-primary-nav > .has-children > a { padding-right: 30px !important; }
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
width: 9px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #c9cbc4;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s; }
.cd-primary-nav > .has-children > a::before {
right: 12px; }
.cd-primary-nav > .has-children > a::after {
right: 7px; }
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
width: 14px; }
.cd-primary-nav > .has-children > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg); }
.cd-primary-nav > .has-children > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { display: none; }
.cd-primary-nav .go-back a {
padding-left: 20px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
left: 1px; } }
.cd-search {
position: absolute;
height: 50px;
width: 100%;
top: 50px;
left: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s; }
.cd-search form {
height: 100%;
width: 100%; }
.cd-search input {
border-radius: 0;
border: none;
background: #ffffff;
height: 100%;
width: 100%;
padding: 0 5%;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); }
.cd-search input::-webkit-input-placeholder {
color: #c9cbc4; }
.cd-search input::-moz-placeholder {
color: #c9cbc4; }
.cd-search input:-moz-placeholder {
color: #c9cbc4; }
.cd-search input:-ms-input-placeholder {
color: #c9cbc4; }
.cd-search input:focus {
outline: none; }
.cd-search.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s; }
.nav-is-fixed .cd-search {
position: fixed; }
@media only screen and (min-width: 1170px) {
.cd-search {
height: 120px;
top: 80px; }
.cd-search input {
padding: 0 2em;
font-size: 3.2rem;
font-weight: 300; } }
.cd-overlay { position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(154, 154, 154, 0.8);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px); }
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px); }
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); } } .no-js .cd-primary-nav {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2; }
.no-js .cd-search {
position: relative;
top: 0;
opacity: 1;
visibility: visible; }
@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 150px;
padding: 0; }
.no-js .nav-is-fixed .cd-primary-nav {
position: fixed; } }
.modulepa:last-child {
margin-bottom: 0; }
.content {
padding: 40px 0;
background-color: rgba(0, 139, 139, 0.5); }
.parallaxco {
height: 800px;
padding: 5%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; } @media screen\0 {
.parallaxco {
background-attachment: inherit; } }
.hgbox {
position: relative;
opacity: 0.8;
width: 35%;
color: #fff; }
.hgboxrechts {
float: right; background: -moz-linear-gradient(left, #333333 0%, #333333 93%, rgba(86, 43, 45, 0) 93.1%, rgba(191, 18, 26, 0) 94.9%, #e20914 95%, #e20914 100%); background: -webkit-linear-gradient(left, #333333 0%, #333333 93%, rgba(86, 43, 45, 0) 93.1%, rgba(191, 18, 26, 0) 94.9%, #e20914 95%, #e20914 100%); background: linear-gradient(to right, #333333 0%, #333333 93%, rgba(86, 43, 45, 0) 93.1%, rgba(191, 18, 26, 0) 94.9%, #e20914 95%, #e20914 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#e20914',GradientType=1 ); }
.hgboxlinks {
clear: both; background: -moz-linear-gradient(left, #333333 0%, #333333 93%, rgba(86, 43, 45, 0) 93.1%, rgba(191, 18, 26, 0) 94.9%, #e20914 95%, #e20914 100%); background: -webkit-linear-gradient(left, #333333 0%, #333333 93%, rgba(86, 43, 45, 0) 93.1%, rgba(191, 18, 26, 0) 94.9%, #e20914 95%, #e20914 100%); background: linear-gradient(to right, #333333 0%, #333333 93%, rgba(86, 43, 45, 0) 93.1%, rgba(191, 18, 26, 0) 94.9%, #e20914 95%, #e20914 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#e20914',GradientType=1 ); }
.hgbox .textbox {
width: 85%;
padding: 2%; }
.hgbox .textbox .datum {
font-weight: 900;
font-size: 40px;
margin-bottom: 20px; }
@media screen and (max-width: 1441px) {
.hgbox {
width: 45%; } }
@media screen and (max-width: 720px) {
.hgbox {
width: 100%; }
.hgbox .textbox .datum {
font-size: 30px; } } 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; } * {
box-sizing: border-box; } html,
body {
margin: 0;
padding: 0;
font-family: "europa", sans-serif;
font-weight: 300;
font-size: 17px;
line-height: 28px;
color: #535353;
background-color: #fff; }
body.home {
background-color: #ededed; }
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
text-decoration: none;
color: #e84620; } .ie7 img {
-ms-interpolation-mode: bicubic; } label, input[type=button], input[type=submit], button {
cursor: pointer; }
p {
padding-bottom: 40px; }
.clear {
clear: both;
line-height: 0;
font-size: 0;
height: 0; }
.center {
text-align: center; }
.right {
text-align: right; }
.left {
text-align: left; }
strong {
font-weight: 900; }
.alignleft {
float: left;
margin: 0.5em 1em 0.5em 0; }
.alignright {
float: right;
margin: 0.5em 0 0.5em 1em; }
h1, h2, h3, h4, h5, h6 {
font-family: "europa", sans-serif;
padding: 0 0 40px 0;
font-weight: 700;
font-size: 38px;
line-height: 45px;
color: #e84620; }
h2, h3, h4, h5, h6 {
font-size: 25px;
line-height: 30px; }
h2 {
padding: 0 0 10px 0; }
h3 {
color: #535353;
font-weight: 400;
font-size: 23px; }
.home h1, .home h2 {
font-size: 36px;
line-height: 42px; }
.w75 {
width: 75%;
float: left; }
.w70 {
width: 70%;
float: left; }
.w66 {
width: 66%;
float: left; }
.w65 {
width: 65%;
float: left; }
.w60 {
width: 60%;
float: left; }
.w50 {
width: 50%;
float: left;
position: relative; }
.w40 {
width: 40%;
float: left; }
.w35 {
width: 35%;
float: left; }
.w33 {
width: 33.333333%;
float: left; }
.w30 {
width: 30%;
float: left; }
.w25 {
width: 25%;
float: left; }
.w20 {
width: 20%;
float: left; } .rahmen {
width: 94%;
height: auto;
margin: 0 auto;
position: relative; } header {
background-color: #fff; }
.wpml-ls-legacy-list-vertical {
height: 38px;
z-index: 3;
position: relative; } .home .starttext {
float: right;
width: 46%;
background-color: #ededed; }
.home .starttext p:last-child {
padding-bottom: 0; }
.startheader {
display: flex;
justify-content: space-between;
align-items: center; } #slider {
width: 50%;
position: relative;
max-width: 950px; }
.dreieck {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/dreieck.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top right;
position: absolute;
width: 20%;
height: 100%;
right: 0;
top: 0; }
.dreieckrechts {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/dreieck.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 49.2% 0;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
transform: rotate(180deg); }
.dreieckdunkelrechts {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/dreieckdunkel.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 100% 0;
position: absolute;
width: 100%;
height: 100%;
left: -0.1px;
top: 0;
transform: rotate(180deg);
z-index: 2; } .termineueber {
float: left;
width: 15%;
background-color: #91a3a6;
height: 114px;
text-align: center;
font-size: 20px;
text-transform: uppercase;
color: #fff;
padding-top: 40px;
position: relative; }
.termine {
color: #fff;
font-size: 14px;
line-height: 18px;
width: 85%;
height: 114px;
float: right;
background: #4e5b5d;
background: -moz-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: -webkit-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: linear-gradient(to right, #4e5b5d 0%, #91a4a6 100%); }
.termine strong {
font-size: 20px; }
.termine .slick-slide {
padding: 10px 0 0 100px; }
.keinetermine {
height: 10px;
background: #4e5b5d;
background: -moz-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: -webkit-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: linear-gradient(to right, #4e5b5d 0%, #91a4a6 100%); }
#dreiecktermine {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/dreiecktermine.png);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: top right;
position: absolute;
width: 20px;
height: 100%;
right: -19px;
top: 0;
z-index: 5; }
.textlinks {
float: left;
width: 48.5%; }
.textrechts {
float: right;
width: 48.5%; }
#vorOrt form {
position: relative;
z-index: 5; } .highlightinhalt {
padding: 2% 3%;
width: 50%; }
.highlightbild {
background-repeat: no-repeat;
background-position: right center;
position: relative;
background-size: 50% auto; }
.highlightbild p:last-of-type {
padding-bottom: 25px; }
.highlightue {
text-transform: uppercase; }
a.button {
background-color: #4e5b5d;
color: #fff !important;
text-decoration: none;
padding: 5px 10px;
position: relative;
z-index: 2;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease; }
a.button:hover {
background-color: #e84620; }
#highlights .slick-dots {
width: 80%;
left: 20%;
text-align: left; } #downloads {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 3%; }
#downloads > div {
width: 49%; }
#downloads ul {
margin-bottom: 30px; } .responsive-tabs section {
display: none;
padding: 0;
border-top: 1px solid #ddd; }
.responsive-tabs input {
display: none; }
.responsive-tabs label {
display: inline-block;
margin: 0 -1.75px -1px;
padding: 15px 0;
text-align: center;
width: 33.333333%;
color: #fff;
background-color: #4e5b5d;
text-transform: uppercase;
background-repeat: no-repeat;
line-height: 34px; }
.responsive-tabs label:last-of-type {
margin: 0 -1.5px -1px; }
.responsive-tabs label .title {
font-size: 34px;
font-weight: 900;
background-repeat: no-repeat;
padding: 0 45px; }
.responsive-tabs label:nth-of-type(3) .title {
position: relative;
top: -7px;
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/icon-produkte.png); }
.responsive-tabs label:nth-of-type(1) .title {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/icon-branchen.png); }
.responsive-tabs label:nth-of-type(2) .title {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/icon-anwendungen.png); }
.single .responsive-tabs,
.page-template-default .responsive-tabs {
background-color: #fff;
text-align: center; }
.single .responsive-tabs section,
.page-template-default
.single {
display: none;
padding: 0;
border-top: 5px solid #e84620; }
.single .responsive-tabs label,
.page-template-default .responsive-tabs label {
display: inline-block;
margin: 0 -2px -1px;
padding: 4px 20px;
text-align: center;
width: auto;
color: #fff;
background-color: #4e5b5d;
text-transform: uppercase;
background-image: none !important;
line-height: 34px; }
.single .responsive-tabs label span,
.page-template-default .responsive-tabs label span {
font-size: 24px;
font-weight: 400; }
.single .responsive-tabs label:nth-of-type(1) span,
.page-template-default label:nth-of-type(1) span {
position: relative;
top: 0px; }
.responsive-tabs label:hover {
color: #fff;
background-color: #e84620; }
.responsive-tabs input:checked + label {
color: #fff;
background-color: #e84620; }
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
display: block; }
@media screen and (max-width: 650px) {
.responsive-tabs label, .responsive-tabs label span {
font-size: 11px; }
.responsive-tabs label:before {
margin: 0;
font-size: 18px; } }
@media screen and (max-width: 400px) {
.responsive-tabs label {
padding: 15px; } }
#anwendungstart {
padding: 3% 3% 4% 3%; }
#anwendungstart li {
width: 25%;
float: left; }
#anwendungstart li a {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/li-pfeil.png);
background-repeat: no-repeat;
background-position: 0 8px;
font-size: 15px;
padding-left: 20px;
color: #535353;
text-decoration: none; }
#anwendungstart li a:hover {
color: #e84620; }
#sortalpha {
padding: 1% 3% 15px 3%;
background-color: #e84620;
text-align: center; }
#sortalpha li {
cursor: pointer;
margin: 0 10px;
color: #fff;
display: inline-block; }
#sortalpha li:hover {
color: #fff;
text-decoration: underline; }
#sortalpha li.active {
color: #fff;
text-decoration: underline; } .produktkacheln {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.produktkacheln article {
font-family: 'Roboto Condensed', sans-serif; }
.produktkacheln article h2 {
font-size: 18px;
padding: 4px 0;
background-color: #e84620;
color: #fff;
display: block;
position: relative;
z-index: 20;
width: 90%;
margin: 0 auto;
font-weight: 300;
line-height: 30px;
font-family: 'Roboto Condensed', sans-serif; }
.produktkacheln article strong {
text-transform: uppercase;
font-weight: bold; }
.produktkacheln article .over a {
display: block;
width: 100%;
height: 100%; }
.produktkacheln article .over {
position: absolute;
bottom: 0px;
right: 43%;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s; }
.produktkacheln article:hover .over {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/overw.png);
background-size: 60px 60px;
opacity: 1;
position: absolute;
bottom: 32%;
right: 43%;
z-index: 10;
width: 60px;
height: 60px;
-webkit-transition: all 1s; transition: all 1s; }
.produktkacheln article .zusatz a {
color: #fff;
text-decoration: none; }
.produktkacheln article .zusatz {
position: absolute;
top: 10%;
width: 100%;
color: #fff;
opacity: 0;
-webkit-transition: all 1s;
transition: all 1s; }
.produktkacheln article:hover .zusatz {
opacity: 1; }
.produktkacheln article img {
width: 100%;
height: auto;
-webkit-transition: all 1s;
transition: all 1s;
vertical-align: top; }
.produktkacheln article:hover img {
opacity: 0.1; }
.produktkacheln article .ueberschrift {
position: absolute;
bottom: 30px;
text-align: center;
width: 100%; }
.produktkacheln article .ueberschrift a {
text-decoration: none; }
.produktkacheln article:hover .ueberschrift {
bottom: 30px;
opacity: 0; }
.produktkacheln .leistung3 {
width: 23%;
margin: 1%;
position: relative;
text-align: center; }
.produktkacheln article:hover {
background-color: #e84620; }
.produktkacheln article p {
padding-bottom: 0; }
#vorOrt {
display: flex;
flex-wrap: wrap; }
#vorOrt .kastenmuster strong {
color: #e84620;
display: block;
text-transform: uppercase;
font-size: 22px; }
#vorOrt .kastenmuster input {
border: solid 1px #e84620;
width: 80%;
padding: 5px; }
#verlauf {
background: #4e5b5d;
background: -moz-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: -webkit-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: linear-gradient(to right, #4e5b5d 0%, #91a4a6 100%); height: 10px; }
.filtr-container {
opacity: 0;
transition: opacity .25s; }
.container {
display: flex;
flex-direction: column;
overflow: hidden; }
.filtr-item {
padding: 1rem; }
.grayscale {
-webkit-filter: grayscale(0.9);
filter: grayscale(0.9); } #headerbild {
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 300px; }
.content ul, #inhaltsbereich ul {
padding-left: 20px;
padding-bottom: 20px;
overflow: auto; }
.content li, #inhaltsbereich li {
padding-left: 20px;
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/li.png);
background-repeat: no-repeat;
margin-bottom: 15px;
background-position: 0 7px; }
.content .wp-caption,
.content img {
max-width: 100%;
height: auto; }
#inhaltsbereich li a {
color: #535353;
text-decoration: none; }
.hgweiss {
padding: 3%;
background-color: #fff; }
#galeriehoehe {
max-height: 630px;
overflow: hidden; }
#galeriehoehe img {
top: -1000px; }
#galeriehoehe .galerie .slick-slide {
position: relative; }
.galerie .slick-prev,
.galerie .slick-next {
background: #333 !important;
opacity: 0.8 !important;
width: 30px !important;
height: 44px !important;
top: 200px !important; }
.galerie .slick-prev {
left: 45px;
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/pfeil-prev.png) !important;
background-position: center !important;
background-repeat: no-repeat !important; }
.galerie .slick-next {
right: 45px;
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/pfeil-next.png) !important;
background-position: center !important;
background-repeat: no-repeat !important; }
.category .galerie img {
width: 25%;
height: auto;
padding: 1%;
float: left; }
.bildunterschrift {
position: absolute;
left: 1%;
padding: 4px;
top: 1%;
width: auto;
color: #535353;
background-color: #ededed; }
.downloadcontact {
display: flex;
flex-wrap: wrap; }
.kastendunkel {
width: 50%;
padding: 3%;
background-color: #4e5b5d;
color: #fff; }
.kastendunkel h3 {
color: #fff;
padding-bottom: 30px;
text-transform: uppercase; }
.kastendunkel a {
color: #fff;
text-decoration: none; }
.kastenmuster {
width: 50%;
padding: 3% 10% 3% 10%;
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/hg-ansprechpartner.gif);
position: relative; }
.kastenmuster h3 {
text-transform: uppercase; }
.headerhg {
background-color: #ededed;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 100px; }
.headerhg .starttext {
text-align: center;
width: 46%; }
.headerhg .starttext h1 {
padding: 0; }
#sidebar {
float: left;
width: 25%;
padding: 3%; }
#inhaltsbereich {
float: right;
width: 75%;
padding: 3%; }
#inhaltsbereich img {
max-width: 100%;
height: auto; }
#sidebar ul {
padding-bottom: 20px; }
#sidebar ul ul {
padding-bottom: 0px; }
#sidebar li,
#anwendungsgebiete li,
#downloads li {
background-image: url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/li-pfeil.png);
background-repeat: no-repeat;
background-position: 0 8px;
padding-left: 20px;
list-style: none; }
#sidebar li {
padding-left: 30px; }
#sidebar a[href~="#"] {
text-decoration: none;
cursor: auto;
font-weight: bold; }
#sidebar a:hover[href~="#"] {
color: #535353;
cursor: auto;
font-weight: bold; }
.single-highlight #sidebar li,
.page-template-highlights #sidebar li {
padding-bottom: 25px; }
#sidebar a,
#anwendungsgebiete a,
#downloads a {
color: #535353;
text-decoration: underline;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease; }
#sidebar a:hover,
#anwendungsgebiete a:hover,
#downloads a:hover {
color: #e84620; }
#sidebar .current-cat > a, #sidebar .current-menu-item > a {
color: #e84620; }
#sidebar .go-back {
display: none; }
#sidebar .menu-item-565 {
margin-left: 30px; }
#anwendungsgebiete li {
float: left;
width: 50%;
font-size: 15px;
margin-bottom: 5px; }
.category #anwendungsgebiete li {
width: 33.3%; }
#sidebar h3 {
padding-bottom: 20px; }
.category .produktkacheln .leistung3,
.archive .produktkacheln .leistung3,
#content1 .produktkacheln .leistung3 {
width: 31%;
margin: 1%; }
#breadcrumbs {
padding: 1% 3%;
font-size: 14px; }
#breadcrumbs a {
color: #e84620;
font-size: 14px;
text-decoration: none; }
#anfrage {
background-color: #e84620;
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 30px 0 20px 0;
cursor: pointer;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease; }
#anfrage:hover {
background-color: #535353; }
#anfrage span {
border: solid 1px #fff;
padding: 5px;
display: inline-block; }
#produktanfrage {
display: none;
text-align: center;
background-color: #ededed;
padding: 3% 30% 0 30%; }
.pfeil {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #fff;
transform: rotate(180deg);
margin-left: 49%; }
.pfeilweiss {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #e84620;
transform: rotate(180deg);
margin-left: 49%;
margin-bottom: 20px; }
#weitereProdukte {
background-color: #ededed;
padding: 3%; }
.weitere {
text-align: center;
background-color: #fff;
padding: 20px 0;
text-transform: uppercase; }
hr {
background-color: #ededed;
height: 1px;
width: 100%;
border: 0;
margin: 0 0 25px 0;
padding: 0; }
.news article {
margin-bottom: 70px; }
.ansprechpartner {
margin-bottom: 50px; }
.ansprechpartner img {
max-width: 90% !important; }
.ansprechpartner .abadress {
width: 75px;
display: inline-block; }  .page-numbers {
display: inline-block;
padding: 5px 10px;
margin: 0 2px 0 0;
border: 1px solid #ededed;
line-height: 1;
text-decoration: none;
border-radius: 2px; }
.page-numbers.current,
a.page-numbers:hover {
background: #e84620;
color: #fff; }
.pagination a {
color: #333; }
.pagination .screen-reader-text {
display: none; } .downloads a[href$=".pdf"] {
display: inline-block;
background: transparent url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/pdf-icon.png) no-repeat scroll 0px 50%;
padding: 0 0 0 55px;
margin: 0px 35px 10px 0; }
.downloads a[href$=".xls"], .downloads a[href$=".xlsx"] {
display: inline-block;
background: transparent url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/excel-icon.png) no-repeat scroll 0px 50%;
padding: 0 0 0 55px;
margin: 0px 35px 10px 0; }
#downloads a[href$=".ppt"], #downloads a[href$=".pptx"], #downloads a[href$=".ppsx"] {
display: inline-block;
background: transparent url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/ppt-icon.png) no-repeat scroll 0px 50%;
padding: 0 0 0 55px;
margin: 0px 35px 10px 0; }
#downloads ul li a[href$=".jpg"] {
display: inline-block;
background: transparent url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/jpg-icon.png) no-repeat scroll 0px 50%;
padding: 0 0 0 55px;
margin: 0px 35px 10px 0; }
.content a[href$=".pdf"],
#inhaltsbereich a[href$=".pdf"],
#sidebar a[href$=".pdf"],
#downloads a[href$=".pdf"] {
display: inline-block;
background: transparent url(//www.siebtechnik-tema.es/wp-content/themes/tema/assets/images/pdf-icon.png) no-repeat scroll 0px 5px;
padding: 0 0 4px 55px;
margin: 0px 35px 10px 0; } .accordion-toggle {
cursor: pointer;
font-weight: 300;
background-color: #ededed;
font-size: 17px;
line-height: 25px;
position: relative;
padding: 10px 10px 10px 25px;
color: #535353;
border-bottom: solid 1px #fff; }
.accordion-content {
display: none;
padding: 10px;
border: solid 1px #ededed;
border-top: none; }
.accordion-content.default {
display: block; }
.accordion-toggle:hover {
color: #e84620;
border-bottom: solid 1px #fff; }
.aktiv {
color: #e84620; }
.accordion-toggle:before {
-webkit-transition: all 300ms 0s ease-in-out;
transition: all 300ms 0s ease-in-out;
content: "\00d7";
color: #e84620;
position: absolute;
left: 10px;
margin-right: 15px;
-moz-transform: rotate(44deg);
-ms-transform: rotate(44deg);
-o-transform: rotate(44deg);
-webkit-transform: rotate(44deg);
transform: rotate(44deg);
display: inline-block; }
.accordion-toggle.aktiv:before {
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.accordion {
margin: 5px 0 65px 0; }
.accordion h2 {
text-transform: none;
font-family: "europa", sans-serif;
font-size: 24px;
line-height: 28px; }
iframe {
max-width: 100%; }
.responsive-tabs iframe, #accordion iframe {
width: 49.8%; } .trenner {
height: 1px;
background-color: #ededed;
margin: 25px 0; }
.search-excerpt {
color: #e84620; } table {
margin-bottom: 40px;
width: 100%; }
tr {
border-bottom: solid 1px #c9c8c7; }
td {
padding: 5px 8px;
vertical-align: top; }
.tablepress thead th {
background-color: #e84620 !important;
color: #fff;
font-weight: normal; }
.table-scrollable {
width: 100%;
overflow-y: auto;
margin: 0 0 1em; }
.table-scrollable::-webkit-scrollbar {
-webkit-appearance: none;
width: 14px;
height: 14px; }
.table-scrollable::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, 0.3); }
.videoflex {
display: flex;
justify-content: space-between; }
.video-wrapper {
position: relative;
width: 50%;
padding-bottom: 28%;
height: 0; }
.video-wrapper__info {
display: inline-block;
position: absolute;
font-size: 14px;
line-height: 1.6;
border-radius: 15px;
padding: 20px;
margin: 30px;
background: #222;
color: #fff; }
.video-wrapper__preview {
background: #c4c4c4;
background: -webkit-gradient(linear, left top, right top, from(#c4c4c4), to(#f2f2f2));
background: -o-linear-gradient(left, #c4c4c4 0%, #f2f2f2 100%);
background: linear-gradient(90deg, #c4c4c4 0%, #f2f2f2 100%);
cursor: pointer; }
.video-wrapper__preview:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAABlCAYAAABUfC3PAAAAAXNSR0IArs4c6QAACZJJREFUeAHtnL+v5NQVx/cBRZRmpwQpEUYUQEjESGkiJdG6ogEJwz+wkwIaUuw/EL3Jj35fkRRJip1/gGRWgvoZBIIGMUiIBAlpjIiiVNlBSpGKzec7sd+b5/H4Hv+Ya3vmHelw7XvPPed7ztfX136M9+TGAOThw4djYN5EQzRIlWYtYdpuNvHGScKxNEa/OTk5WdD2Wk76iA4SboEr3NC2YcY4XCskvdu286b+ekEKJIxI5BU0SrVpXlXnz5kgvQ9Jq6qT27bvlBTI2CRi1HZyNfyJEJEzh5z7NeYPdwpk3EaXaJ9lCbjbw62yATkJjpQkukSHJEvAHh45Sgp9gA5ZloCPDNdfY5O97ikkEYDwHhqihyIxifyCPSfZV0J7IwVCTgE93QPwb/C5QJNUaQoloFc6RvWO07ZMIebXbTuVv9ZJSVfHX/GtYjQVERCnuqAIOq4l4AqZKExqpW0QpYvj1X2uGvw3ExKP0KZ7R4KPKdoGqTsTkv80juI1EeUb7QzU5QDA7jbIbMXcGbpXInbVR3HT+MJRV+7u8t9JP1ncq5mJiqBVMeoEeC6ocKR46pKjh5puJU3iE9qq0isy8lUkmSbknGt+3qeX8xR4HULmzA28gGwYRDjRGK0qqotfYhQQrUpIwpywYZ06mQ7uCF2hVcQvMSCrSohWh98rp2X6hB+tumrOW4ZR7A5g99AqcqfY0zB7SXxaJXls97v5E+CsAiAt93CYpS9HTV4RqvysclbuseYo0QXEKgI8rhlqENOUH1qFmKjVxAgeoA9Qixw8IVlxKUYVYlS/IJvbuMWZdWM/GkKyolYk5pNsXqOWoNaN7egIyQpbkZhpNq9WSzDdtqwS1gpyIJMoUmQtFHZB7bSZfG4MdFCPvXULRq2sd5V67y8EmBgJmddN4hDnUbPYWLdqT2M4HaGWp61EtodY3Lo5pbXT/uqSZaUYeLOukrCS4yMxpn7W/WViLglOl6hLrm9bJRWleJbbmG214MyySrQ8gxJMRz+k+qAWmTiLhZelwdPU6eja4AZ1nBpqWb5acGC5F2qVXG/uhotOdUJVL5eEm+4e2Tzh2PKYdsZPala5eV5Oyey7aIg+6yVgwyBpnc4MbiaFNiQqVl3S2SoB2FNosgHwt4WJ9KwTvMEG5l2HDwphYz3ZNWOjf1Y42UMnGN7ewJEdfsDB9z2EbxQCjLMMcEk72QqC8bxkQjY03proqQMAf8tA5Fq95L7mCUatMOCLcpiLTudbzouscn3J1iSPHWD5ew5P/vRPdHzHI6RKocC2eevNY9f5xS1svdHTERoizAw2XZq8TvAFufygSxAlsbdXwlXjUcZD9vQVXh0vPHM5LZzkufMZ4n1Mcm96jmsJZ6lfeOGIJGK0TFYXxh0dAM51+8rj14PBqCO4hWHBs8qDzJ3HFxNzA0WnFpYv/O3jAFBVSVEe/0R/ug88dXyCZS5QZSK/j2AwNgSIDTZ9NHkCUO+R42/QR3sAMHZhAGegPcWyxBcuZz0eV46/Qt8n4e91jNNSxzUpoQtoky+oXL49jv+EWJ9BzCseY+ZDWUgZ6yoK8jNz5/rE7VDkJonovv5H1Ps7jfFvhuuVEjgqbmHX4aJ3w2+AaAExXbzTvOuoxnqlOGzWX+G6bIY43tt3muzlsayoSdngwMd0C/s9K8bnO43zziNSbg28sG3Afwkn+oPn8204c/hYOcaftKwUh4+DGX6cTN7qQTbrjb4HOHoD4RlWy5Ndo7leKVcZ+DePrV9d7fJ/dk3KZc3/xeGLl6edHX0lUlzPzZ2h8xj4HWI9xyr52EPMwBEjsawUlxNHjF4P/xd0v4SMl41v220kE7icPOYyYNzpxOCjjyZfAOo1yPi8b+C0UhIHqBcc40Mc/jOgxx0R4novXGilJI6qjhzjQxrWH1dvQ8b9LkDzuG2p5XpPiV0AcRa6bAYw/hEYf9gVIWl9xoY6LXT7cr32y4/FmSFeJybfEvV36M8g5B+dILgMaqljsjZnJbhkfum3myMAHs3/o89Icf2a5eKHYt1QcuNGDVJ8/uXXVBbXlc94LEfZe8r6RB07ZMQEy9LbMd1rdxfvHs4EqV/oNPr/P+luJkX+IoPTrk307vFj9o4/dA2kIL6lfvGVeYalVf7F0RVv7Z+Az7Wn9P23xEtHjVdbVWOC84di2IRbEz11EHvXr+5XjB3Ur+6zPUWlnRvqOzHY7MvkywLHH9L3I25XfykY61OX5dY12wLM1abNXFddmehbkNHWZA8dxH0a/ToF9x/aQ/qSa/vWldWURGdp0mXNNLP33QJK3zz+3HfcJvHAe1ZWzHRstjMGBpHBQWerZSfwng5QS919LP+cyrg0BZwkBmKmpU6uB9cVoI5TQy0TZ7lwMjE4EvuB09kRG6g+hjrKZGIqE4aW1XJucnakRtTwHHVJYi4PniyrRQEtj3rmuIdiqLqoOAaZVMoZh5bVcr3p56pK3aybe5Kb6j7FuZXt69vYRjmp2zlqkXBjmv0Qz7HFOzZTu9fDtVQdjPWa164CAQJjEJkd9f5C/hNjrVbYBbVJ0UQcWNnX/lL+EtQISX8nK2/UKtNWMiHawhjx6IihLiJEeVskboUQOSFagGrZWeRoiKEYVQhR/UatkZISE1kYSW0OnpiKhKgsYauEZM5wfCbvRhExB7n5k9fEWIPMbJrVcC8tUWZZJGN7uhcgHTkl51Nj3pnZzAtUosVZRGN7jl2791MvmV4GEX5UeVQRP4QIJqgEcFEFHbaDvZ2BPUrxV0lZ9fF7ISogWpUYJXWOBiK37yKcKV6aSuKfkKyYwBQx80pwL41POfR7JWXAHa1wocJXR7Tndp8XIASkjuiWdooGjjp5GRYO9C4qXHVk5gWoNQgZnNXJYmPOPY47+ReGFBdV/CYytdbKqx0ZReiqSWbMXaK6Wm/tE7z8p3GWtE1E+YZtYj1p05l8AVD30znaRlFX+IlTXdB+yg/v1FdJUkz6THCMhmiEtiH6sjqqg6kseOukZMEoxJTjO+jNrK/FNk59LWhXBX5H9I3T/rBgvGmXPtPTv/k/beqoaP7eSFEwiAloZmgbqwY3vRB9L3kHQpJeoKkLAnK01yTokEX4w7o16O08kpqgQyNHeCe9LWpbwAZCznGQkScVckJ0hjZ9jMZFKyIcwpM9JOQhH9c5hZigc9Q3QYqnuFFfKr7Xp6+6SVIgXakhqkLt48lNT1CxlKeoBW2vpJek5CsESQF9UpGVtRyuZcR/9WKYyaccrLITWhU9ydohPMr+DwBoVKrEEp+WAAAAAElFTkSuQmCC) no-repeat;
background-size: contain;
width: 100px;
height: 100px; }
.video-wrapper__preview,
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } input[type="search"]::-ms-clear { display: none; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none; }
form input:hover, form textarea:hover, form select:hover {
border-color: #e84620; }
form input {
margin-bottom: 3px; }
form input, form textarea, form select {
border-color: #c4c4c4;
-ms-transition: border-color .3s;
-moz-transition: border-color .3s;
-webkit-transition: border-color .3s;
font-size: 14px;
width: 100%;
padding: 8px;
outline: 0;
border-width: 1px;
border-style: solid;
background: #fff;
color: #404040;
font-family: "europa", sans-serif; }
form textarea {
height: 80px; }
form input[type='checkbox'] {
width: 25px; }
form select {
margin-bottom: 5px; }
form span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 0; }
form input[type="submit"] {
background-color: #ededed;
max-width: 200px; }
form .titelderseite, .eigenerbetreff {
display: none; } .kontaktspalten {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.kontaktspalten > div {
width: 30%; }
.page-template-kontakt-com .kontaktspalten > div {
width: 65%; }
.page-template-kontakt-com .kontaktspalten > div:first-of-type {
width: 30%; } :lang(en) #cd-primary-nav li .spracheen {
display: none !important; }
:lang(de) #cd-primary-nav li .sprachede {
display: none !important; } #footernavi {
padding: 60px 0 60px 0;
background-color: #fff;
border-top: solid 1px #ededed; }
#footernavi img {
max-width: 200px;
margin-top: 15px; }
#footernavi a {
color: #535353;
text-decoration: none;
-webkit-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease; }
#footernavi a:hover {
color: #e84620; }
#footerkontakte {
padding: 80px 0 0 0;
background: #4e5b5d;
background: -moz-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: -webkit-linear-gradient(left, #4e5b5d 0%, #91a4a6 100%); background: linear-gradient(to right, #4e5b5d 0%, #91a4a6 100%); color: #fff; }
#footerkontakte .rahmen {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
#footerkontakte .rahmen > div {
width: 24%; }
footer h6 {
font-size: 20px;
font-weight: 700;
line-height: 28px;
padding: 0 0 15px 0;
text-transform: uppercase; }
#footerkontakte h6 {
color: #fff; }
footer img {
max-width: 492px;
width: 100%; }
footer .w25 p {
padding-bottom: 15px; }
footer .w25 p:last-child {
padding-bottom: 80px; }
#copy {
background-color: #4e5b5d;
padding: 30px 0;
text-align: center;
color: #c5c9c9; }
#copy a {
color: #ffffff;
text-decoration: none; }
footer a._brlbs-btn-cookie-preference {
background: transparent !important;
border-radius: 4px !important;
color: #fff !important; }
footer ._brlbs-btn-cookie-preference {
padding: 0; } .global {
display: block;
margin-top: 0;
margin-right: 5px; }
.global img {
padding-top: 25px; }
.global-overlay img {
max-width: 100%; }
.close-global {
font-size: 22px;
width: 25px;
height: 25px;
font-weight: bold;
color: #fff;
position: absolute;
right: 5%;
top: 15%;
cursor: pointer;
z-index: 41; }
#karte {
position: relative;
margin: 0 auto;
width: 1398px;
max-width: 100%; }
.allepunkte {
width: 100px !important;
height: 40px !important;
z-index: 30;
cursor: pointer;
font-size: 17px;
font-weight: 800;
color: #000;
text-align: center; }
.allepunkte:hover {
color: #fff; }
.namerica {
position: absolute;
left: 17%;
top: 30%; }
.centralandsamerica {
position: absolute;
left: 28.5%;
top: 64%; }
.europa {
position: absolute;
left: 46%;
top: 31%; }
.africa {
position: absolute;
left: 48%;
top: 56%; }
.asia {
position: absolute;
left: 65%;
top: 37%; }
.ozeanien {
position: absolute;
left: 74%;
top: 72%; }
.map {
position: absolute;
top: 0;
left: 0;
z-index: 29; }
.hidden {
display: none; }
.visible {
opacity: 1;
display: inherit; }
.popUp {
position: absolute;
top: -1%;
right: 0;
font-size: 17px;
text-align: left;
background-color: #ebebeb;
z-index: 40;
width: 190px;
padding: 1% 1% 0 1%;
color: #000;
border-left: 5px solid #e84620;
border-radius: 8px;
line-height: 24px; }
.popUp h2 {
font-size: 22px; }
.popUp img {
width: 50px;
height: auto; }
.popUp a {
text-decoration: none;
display: block;
color: #e84620; }
.popUp strong {
font-size: 12px; }
.global-overlay {
position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgba(73, 73, 73, 0.9);
padding-top: 7%;
text-align: center;
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
.global-is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }    .cd-logo img {
height: 57px;
width: auto; }
.cd-main-content, .cd-main-header {
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s; }
@media only screen and (max-width: 1169px) {
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px); }
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px); } }
.cd-main-content {
min-height: 100vh;
z-index: 2;
padding-top: 80px; }
.cd-main-header {
height: 50px;
background: #ffffff;
z-index: 3; }
.nav-is-fixed .cd-main-header { position: fixed;
top: 0;
left: 0;
border-bottom: solid 1px #ededed;
width: 100%; }
@media only screen and (min-width: 1170px) {
.cd-main-header {
height: 80px; }
.cd-main-header::after {
clear: both;
content: "";
display: table; } }
.cd-logo {
position: absolute;
top: 12px;
left: 5%; }
.cd-logo img {
display: block; }
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-logo {
left: auto;
right: 5%; } }
@media only screen and (min-width: 1170px) {
.cd-logo {
left: 4em; } }
.cd-header-buttons {
position: absolute;
display: inline-block;
top: 3px;
right: 1%; }
.cd-header-buttons li {
display: inline-block; }
@media only screen and (max-width: 1169px) {
.cd-main-content {
padding-top: 50px; }
.nav-on-left .cd-header-buttons {
right: auto;
left: 5%; }
.nav-on-left .cd-header-buttons li {
float: right; } }
@media only screen and (min-width: 1170px) {
.cd-header-buttons {
top: 18px;
right: 4em; } }
.cd-search-trigger, .cd-nav-trigger {
position: relative;
display: block;
width: 44px;
height: 44px;
overflow: hidden;
white-space: nowrap; color: transparent;
z-index: 3; }
.cd-search-trigger::before, .cd-search-trigger::after { content: '';
position: absolute;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.cd-search-trigger::before { top: 11px;
left: 11px;
width: 12px;
height: 12px;
border-radius: 50%;
border: 3px solid #2e3233; }
.cd-search-trigger::after { height: 3px;
width: 8px;
background: #2e3233;
bottom: 14px;
right: 11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-search-trigger span { position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0; }
.cd-search-trigger span::before, .cd-search-trigger span::after { content: '';
position: absolute;
display: inline-block;
height: 3px;
width: 22px;
top: 50%;
margin-top: -2px;
left: 50%;
margin-left: -11px;
background: #2e3233;
opacity: 0; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s; }
.cd-search-trigger span::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-search-trigger span::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after { opacity: 0; }
.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after { opacity: 1; }
.cd-search-trigger.search-is-visible span::before {
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg); }
.cd-search-trigger.search-is-visible span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after { position: absolute;
display: inline-block;
height: 3px;
width: 24px;
background: #2e3233; }
.cd-nav-trigger span { position: absolute;
top: 50%;
right: 10px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s; }
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: '';
right: 0; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s; }
.cd-nav-trigger span::before { top: -6px; }
.cd-nav-trigger span::after { top: 6px; }
.cd-nav-trigger.nav-is-visible span { background: rgba(46, 50, 51, 0); }
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { background: #2e3233; }
.cd-nav-trigger.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
transform: translateX(4px) translateY(-3px) rotate(45deg); }
.cd-nav-trigger.nav-is-visible span::after {
-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
transform: translateX(4px) translateY(2px) rotate(-45deg); }
@media only screen and (min-width: 1170px) {
.cd-nav-trigger {
display: none; } }
.cd-primary-nav, .cd-primary-nav ul {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 260px;
background: #ededed;
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 1; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
font-family: 'Roboto Condensed', sans-serif; }
.cd-primary-nav a, .cd-primary-nav ul a {
display: block;
height: 50px;
line-height: 50px;
padding: 0 20px;
color: #000;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #e2e3df;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s; }
.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden { -webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0; }
@media only screen and (max-width: 1169px) {
.nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
right: auto;
left: 0; } }
.cd-primary-nav .see-all a { color: #e84620; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item { height: 80px;
line-height: 80px; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
overflow: hidden;
text-overflow: ellipsis; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
padding-left: 90px; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a {
padding-left: 15px;
display: flex;
align-items: center; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a p {
color: #2e3233;
font-size: 16px; display: none; }
.cd-primary-nav .cd-nav-icons li img {
width: 40px;
height: auto;
padding-right: 10px; }
.cd-primary-nav .cd-nav-icons > .see-all {
display: none !important; }
@media only screen and (max-width: 1169px) {
.cd-primary-nav { visibility: hidden;
-webkit-transition: visibility 0s 0.3s;
-moz-transition: visibility 0s 0.3s;
transition: visibility 0s 0.3s; }
.cd-primary-nav.nav-is-visible {
visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s; } }
@media only screen and (min-width: 1170px) {
.cd-primary-nav {
position: static;
padding: 0 120px 0 0;
height: auto;
width: auto;
float: right;
overflow: visible;
background: transparent; }
.cd-primary-nav::after {
clear: both;
content: "";
display: table; }
.cd-primary-nav.moves-out > li > a { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.cd-primary-nav ul {
position: static;
height: auto;
width: auto;
background: transparent;
overflow: visible;
z-index: 3; }
.cd-primary-nav ul.is-hidden { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.cd-primary-nav ul.moves-out > li > a { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1; }
.cd-primary-nav > li {
float: left;
margin-left: 1em; }
.cd-primary-nav > li > a { position: relative;
display: inline-block;
height: 80px;
line-height: 80px;
padding: 0 10px;
color: #2e3233;
overflow: visible;
border-bottom: none;
text-decoration: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s; }
.cd-primary-nav > li > a:hover {
color: #e84620; }
.cd-primary-nav > li > a.selected {
color: #e84620;
box-shadow: inset 0 -2px 0 #e84620; }
.cd-primary-nav .go-back, .cd-primary-nav .see-all {
display: none; }
.cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons { position: absolute;
top: 80px;
width: 100vw;
background: #ffffff;
padding: 18px 64px 10px;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s; }
.cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
clear: both;
content: "";
display: table; }
.cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s; }
.cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all { display: block;
position: absolute;
left: 0;
bottom: 0;
height: 40px;
width: 100%;
overflow: hidden; margin: 0;
padding: 0; }
.cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 40px;
border-top: 1px solid #e2e3df; border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s; }
.cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
background: #2e3233;
border-color: #2e3233;
color: #ffffff; }
.cd-primary-nav .cd-secondary-nav > li { height: auto; width: 23%;
float: left;
margin-right: 2.66%;
border-right: 1px solid #e2e3df;
overflow: hidden;
overflow-x: hidden; -webkit-overflow-scrolling: touch;
margin-bottom: 40px; }
.cd-primary-nav.hide-other-products .cd-secondary-nav > li {
width: 31%; }
.cd-primary-nav.hide-other-products .cd-secondary-nav > li.see-all {
width: 100%; }
.cd-primary-nav .cd-secondary-nav.minheightnavi > li {
height: 80px; }
.cd-primary-nav .cd-secondary-nav > li:last-of-type { margin-right: 0;
border: none; }
.cd-primary-nav .cd-secondary-nav > li > a { color: #e84620;
font-weight: bold;
font-size: 1.6rem;
text-decoration: none;
margin-bottom: .6em; }
.cd-primary-nav .cd-secondary-nav a {
height: 30px;
line-height: 30px;
padding: 0 18% 0 0;
color: #2e3233;
text-decoration: none;
border-bottom: none; }
.cd-primary-nav .cd-secondary-nav a:hover {
color: #e84620; }
.cd-primary-nav .cd-secondary-nav ul { -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0); }
.cd-primary-nav .cd-secondary-nav ul ul { position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%; }
.cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%); }
.cd-primary-nav .cd-secondary-nav ul ul .go-back {
display: block; }
.cd-primary-nav .cd-secondary-nav ul ul .go-back a {
color: transparent; }
.cd-primary-nav .cd-secondary-nav ul ul .see-all {
display: block; }
.cd-primary-nav .cd-secondary-nav .moves-out > li > a { -webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%); }
.cd-primary-nav .cd-nav-gallery li { width: 22%;
float: left;
margin: 0 4% 40px 0; }
.cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) { margin-right: 0; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item {
border-bottom: none;
padding: 0;
height: auto;
line-height: 1.2; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
position: static;
margin-top: 0;
height: auto;
width: 100%;
margin-bottom: .6em; }
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
color: #e84620;
font-weight: bold;
padding: 0 .4em; }
.cd-primary-nav .cd-nav-icons li { width: 32%;
float: left;
margin: 0 2% 0 0; }
.cd-primary-nav .cd-nav-icons li:nth-child(3n+2) { margin-right: 0; }
.cd-primary-nav .cd-nav-icons .cd-nav-item {
border-bottom: none;
height: 80px;
line-height: 1.2;
padding: 24px 0 0 85px;
position: relative; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a {
text-decoration: none;
color: #000; }
.cd-primary-nav .cd-nav-icons li:nth-child(1n+3) a:hover {
background: #f6f6f5;
color: #e84620; }
.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
left: 25px; } }
.cd-nav .has-children > a, .cd-nav .go-back a {
position: relative; }
.cd-nav .has-children > a::before, .cd-nav .has-children > a::after, .cd-nav .go-back a::before, .cd-nav .go-back a::after { content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #464c4e;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
@media only screen and (max-width: 1170px) {
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
background: #e84620; } }
.cd-nav .has-children > a::before, .cd-nav .go-back a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-nav .has-children > a::after, .cd-nav .go-back a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); }
@media only screen and (min-width: 1170px) {
.cd-nav .has-children > a::before, .cd-nav .has-children > a::after, .cd-nav .go-back a::before, .cd-nav .go-back a::after {
background: #c9cbc4; }
.cd-nav .has-children > a:hover::before, .cd-nav .has-children > a:hover::after, .cd-nav .go-back a:hover::before, .cd-nav .go-back a:hover::after {
background: #e84620; } }
.cd-nav .has-children > a {
padding-right: 40px; }
.cd-nav .has-children > a::before, .cd-nav .has-children > a::after { right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%; }
.cd-primary-nav .go-back a {
padding-left: 40px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after { left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%; }
@media only screen and (min-width: 1170px) {
.has-children > a::before, .has-children > a::after {
right: 15%; }
.cd-primary-nav > .has-children > a { padding-right: 30px !important; }
.cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
width: 9px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
background: #c9cbc4;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s; }
.cd-primary-nav > .has-children > a::before {
right: 12px; }
.cd-primary-nav > .has-children > a::after {
right: 7px; }
.cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
width: 14px; }
.cd-primary-nav > .has-children > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg); }
.cd-primary-nav > .has-children > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); }
.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after { display: none; }
.cd-primary-nav .go-back a {
padding-left: 20px; }
.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
left: 1px; } }
.cd-search {
position: absolute;
height: 50px;
width: 100%;
top: 50px;
left: 0;
z-index: 3;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s; }
.cd-search form {
height: 100%;
width: 100%; }
.cd-search input {
border-radius: 0;
border: none;
background: #ffffff;
height: 100%;
width: 100%;
padding: 0 5%;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05); }
.cd-search input::-webkit-input-placeholder {
color: #c9cbc4; }
.cd-search input::-moz-placeholder {
color: #c9cbc4; }
.cd-search input:-moz-placeholder {
color: #c9cbc4; }
.cd-search input:-ms-input-placeholder {
color: #c9cbc4; }
.cd-search input:focus {
outline: none; }
.cd-search.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s; }
.nav-is-fixed .cd-search {
position: fixed; }
@media only screen and (min-width: 1170px) {
.cd-search {
height: 120px;
top: 80px; }
.cd-search input {
padding: 0 2em;
font-size: 3.2rem;
font-weight: 300; } }
.cd-overlay { position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(154, 154, 154, 0.8);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }
@media only screen and (max-width: 1169px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px); }
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px); }
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); } } .no-js .cd-primary-nav {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2; }
.no-js .cd-search {
position: relative;
top: 0;
opacity: 1;
visibility: visible; }
@media only screen and (min-width: 1170px) {
.no-js .cd-primary-nav {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 150px;
padding: 0; }
.no-js .nav-is-fixed .cd-primary-nav {
position: fixed; } } @media screen and (max-width: 1750px) {
#headerbild {
height: 280px; } }
@media screen and (max-width: 1660px) {
h1, h2, h3, h4, h5 {
padding: 0 0 30px 0;
font-size: 34px;
line-height: 40px; }
h2, h3, h4, h5, h6 {
font-size: 25px;
line-height: 30px; }
.home h1, .home h2 {
font-size: 34px;
line-height: 39px;
padding: 0 0 30px 0; }
.popUp h2 {
font-size: 22px; }
footer {
font-size: 16px; }
footer h6 {
font-size: 16px; }
footer img {
width: 90%;
text-align: center; }
.responsive-tabs label .title {
font-size: 28px;
padding: 0 45px;
background-size: 35px 35px; }
#galeriehoehe {
max-height: 530px;
overflow: hidden; }
#headerbild {
height: 260px; } }
@media screen and (max-width: 1440px) {
#headerbild {
height: 230px; }
#content1.produktkacheln article:hover .over {
bottom: 15%; }
#footerkontakte {
padding: 60px 0 0 0; } }
@media screen and (max-width: 1395px) {
body {
font-size: 16px;
line-height: 26px; }
p {
padding-bottom: 30px; }
h1, h2, h3, h4, h5 {
padding: 0 0 30px 0;
font-size: 26px;
line-height: 36px; }
h2, h3, h4, h5, h6 {
font-size: 22px;
line-height: 28px; }
.home h1, .home h2 {
font-size: 26px;
line-height: 31px;
padding: 0 0 30px 0; }
.popUp h2 {
font-size: 22px; }
footer h6 {
float: none;
height: auto; }
footer .w33 div {
float: none; }
.responsive-tabs label .title {
font-size: 24px;
padding: 0 45px;
background-size: 30px 30px; }
.produktkacheln .leistung3 {
width: 31%;
margin: 1%; }
.category .produktkacheln .leistung3,
.archive .produktkacheln .leistung3 {
width: 48%; }
.termine strong {
font-size: 16px; }
#filter li {
width: 33.333333%; }
.single .responsive-tabs label span {
font-size: 20px; }
#anwendungstart li {
width: 33%; }
#sidebar li {
padding-left: 20px; }
#galeriehoehe {
max-height: 480px;
overflow: hidden; }
#headerbild {
height: 210px; }
.popUp {
max-height: 400px;
overflow: auto;
top: 2%;
right: 1%; }
.close-global {
top: 10%; } }
@media screen and (max-width: 1245px) {
h1, h2, h3, h4, h5, h6 {
padding: 0 0 25px 0;
font-size: 25px;
line-height: 35px; }
h2, h3, h4, h5, h6 {
font-size: 20px;
line-height: 20px; }
.home h1, .home h2 {
font-size: 25px;
line-height: 30px;
padding: 0 0 25px 0; }
body {
font-size: 15px;
line-height: 24px; }
p {
padding-bottom: 25px; }
.popUp h2 {
font-size: 20px; }
#anwendungstart li {
width: 50%; }
.responsive-tabs iframe {
width: 49%;
height: auto; }
#produktanfrage {
padding: 3% 15% 0 15%; }
#inhaltsbereich {
width: 70%; }
#sidebar {
width: 30%; }
.cd-primary-nav > li {
margin-left: 0.5em !important; }
#galeriehoehe {
max-height: 440px;
overflow: hidden; }
#headerbild {
height: 200px; }
#content1.produktkacheln .leistung3 {
width: 48%; } }
@media only screen and (max-width: 1169px) {
.produktkacheln article h2 {
font-size: 16px;
line-height: 22px; }
.responsive-tabs label {
line-height: 26px; }
.responsive-tabs label .title {
font-size: 22px; }
.cd-logo img {
height: 30px; }
#footernavi a {
font-size: 14px; }
.termine strong {
font-size: 17px; }
.termineueber {
height: 113px; }
#anwendungsgebiete li {
width: 50%; }
#headerbild {
height: 180px;
background-size: cover; }
#galeriehoehe {
max-height: 380px;
overflow: hidden; }
#footerkontakte .rahmen div p:last-of-type {
padding-bottom: 30px; }
.global img {
padding-top: 10px; }
.kontaktspalten > div {
width: 100%; } }
@media screen and (max-width: 1054px) {
body {
line-height: 22px; }
.termine strong {
font-size: 16px; }
#accordion iframe {
width: 48%; }
#downloads .w25 {
width: 100%; }
#galeriehoehe {
max-height: 350px;
overflow: hidden; }
#headerbild {
height: 160px; }
.popUp {
top: 15%; } }
@media screen and (max-width: 980px) {
p {
padding-bottom: 15px; }
.home h1, .home h2 {
padding: 0 0 15px 0; }
#filter ul {
width: 100%; }
.termine {
height: 113px; }
.termine .slick-slide {
padding: 20px 30px 0 70px; }
.termine .slick-prev {
left: 35px; }
#inhaltsbereich {
width: 100%;
float: none; }
#sidebar {
width: 100%;
float: none; }
#headerbild {
height: 140px; }
.allepunkte {
width: 80px !important;
font-size: 13px; }
.category .produktkacheln .leistung3,
.archive .produktkacheln .leistung3,
#content1 .produktkacheln .leistung3 {
width: 48%; }
#accordion h2 {
font-size: 22px;
line-height: 26px; } }
@media screen and (max-width: 880px) {
#slider {
width: 100%;
float: none; }
.startheader {
align-items: flex-start;
flex-wrap: wrap; }
.starttext {
float: none;
width: 100%;
margin: 0;
padding: 3%; }
.home .starttext {
float: none;
width: 100%; }
.dreieck {
display: none; }
.termine .slick-prev {
left: 25px; }
#filter li {
width: 50%; }
.highlightinhalt {
padding: 3%;
width: 100%;
height: auto; }
.highlightbild {
background-size: 100% auto;
background-image: none !important; }
.highlightinhalt .dreieckrechts {
display: none; }
#highlights .slick-dots {
text-align: right; }
#dreiecktermine {
display: none; }
.textlinks, .textrechts {
float: none;
width: 100%; }
#galeriehoehe {
max-height: 300px;
overflow: hidden; }
#headerbild {
height: 200px;
background-size: 100%; } }
@media screen and (max-width: 780px) {
.responsive-tabs label .title {
font-size: 16px;
padding: 0 30px;
background-size: 20px 20px; }
.produktkacheln .leistung3 {
width: 48%; }
.termineueber {
height: auto; }
.termineueber {
float: none;
width: 100%;
height: auto;
padding: 20px 0; }
.termine {
width: 100%;
float: none; }
.termine .slick-slide {
padding: 20px 50px 0 50px; }
.termine .slick-next {
right: 8px !important; }
.termine .slick-prev {
left: 8px !important; }
.kastendunkel {
width: 100%;
float: none; }
.kastenmuster {
width: 100%;
float: none; }
.responsive-tabs label {
padding: 5px 0; }
.responsive-tabs label {
line-height: 20px; }
.responsive-tabs label .title {
font-size: 15px;
padding: 0 10px 0 25px; }
#anwendungsgebiete li {
width: 100%;
float: none; }
#filter li span::before {
background: none !important; }
#filter span {
padding: 0 1px 0 10px;
line-height: 20px; }
#inhaltsbereich .w50 {
width: 100%;
float: none; }
footer .w33 {
width: 100%;
float: none;
margin-bottom: 15px; }
#galeriehoehe {
max-height: 250px;
overflow: hidden; }
.galerie .slick-prev,
.galerie .slick-next {
top: 100px !important; }
#headerbild {
height: 120px; }
#footernavi {
padding: 30px 0; }
#footerkontakte {
padding: 30px 0 0 0; }
#footerkontakte .rahmen > div {
width: 32%; } }
@media screen and (max-width: 680px) {
#headerbild {
height: 90px; }
.headerhg {
min-height: auto; }
.category .produktkacheln .leistung3,
.archive .produktkacheln .leistung3,
#content1 .produktkacheln .leistung3 {
width: 100%;
margin: 0 0 2% 0; }
.produktkacheln .leistung3 {
width: 48%;
margin: 1%; }
#footerkontakte .rahmen > div {
width: 49%; }
#accordion h2 {
font-size: 20px;
line-height: 24px; } }
@media screen and (max-width: 580px) {
#headerbild {
height: 160px; }
.headerhg {
flex-wrap: wrap; }
#footerkontakte .rahmen > div {
width: 100%; }
.video-wrapper {
width: 100%; }
.responsive-tabs iframe {
width: 100%; }
.ansprechpartner .abadress {
width: 50px; } }
@media screen and (max-width: 490px) {
h1, h2, h3, h4, h5, h6 {
padding: 0 0 25px 0;
font-size: 20px;
line-height: 25px; }
h2, h3, h4, h5, h6 {
font-size: 18px;
line-height: 20px; }
.home h1, .home h2 {
font-size: 20px;
padding: 0 0 25px 0; }
.popUp h2 {
font-size: 16px; }
.termine .slick-slide {
text-align: center; }
#headerbild {
height: 100px; }
.responsive-tabs label:nth-of-type(1) .title,
.responsive-tabs label:nth-of-type(2) .title,
.responsive-tabs label:nth-of-type(3) .title {
background: none; }
.responsive-tabs label .title {
font-size: 13px;
padding: 0 1px 0 1px; }
.produktkacheln .leistung3 {
width: 98%; }
.category .produktkacheln .leistung3, .archive .produktkacheln .leistung3 {
width: 98%; }
.highlightinhalt {
height: auto; }
#filter li,
#anwendungstart li {
width: 100%; }
#copy a {
display: block; }
#copy span {
display: none; }
#headerbild {
height: 140px; }
#footerkontakte .w25 {
width: 100%; }
footer .w25 p:last-child {
padding-bottom: 50px; }
.popUp {
max-height: 300px;
top: 180px; }
.produktkacheln .leistung3 {
width: 100%;
margin: 0 0 1% 0; } }
@media screen and (max-width: 375px) {
#headerbild {
height: 120px; } } @media screen and (max-width: 1750px) {
#headerbild {
height: 280px; } }
@media screen and (max-width: 1660px) {
h1, h2, h3, h4, h5 {
padding: 0 0 30px 0;
font-size: 34px;
line-height: 40px; }
h2, h3, h4, h5, h6 {
font-size: 25px;
line-height: 30px; }
.home h1, .home h2 {
font-size: 34px;
line-height: 39px;
padding: 0 0 30px 0; }
.popUp h2 {
font-size: 22px; }
footer {
font-size: 16px; }
footer h6 {
font-size: 16px; }
footer img {
width: 90%;
text-align: center; }
.responsive-tabs label .title {
font-size: 28px;
padding: 0 45px;
background-size: 35px 35px; }
#galeriehoehe {
max-height: 530px;
overflow: hidden; }
#headerbild {
height: 260px; } }
@media screen and (max-width: 1440px) {
#headerbild {
height: 230px; }
#content1.produktkacheln article:hover .over {
bottom: 15%; }
#footerkontakte {
padding: 60px 0 0 0; } }
@media screen and (max-width: 1395px) {
body {
font-size: 16px;
line-height: 26px; }
p {
padding-bottom: 30px; }
h1, h2, h3, h4, h5 {
padding: 0 0 30px 0;
font-size: 26px;
line-height: 36px; }
h2, h3, h4, h5, h6 {
font-size: 22px;
line-height: 28px; }
.home h1, .home h2 {
font-size: 26px;
line-height: 31px;
padding: 0 0 30px 0; }
.popUp h2 {
font-size: 22px; }
footer h6 {
float: none;
height: auto; }
footer .w33 div {
float: none; }
.responsive-tabs label .title {
font-size: 24px;
padding: 0 45px;
background-size: 30px 30px; }
.produktkacheln .leistung3 {
width: 31%;
margin: 1%; }
.category .produktkacheln .leistung3,
.archive .produktkacheln .leistung3 {
width: 48%; }
.termine strong {
font-size: 16px; }
#filter li {
width: 33.333333%; }
.single .responsive-tabs label span {
font-size: 20px; }
#anwendungstart li {
width: 33%; }
#sidebar li {
padding-left: 20px; }
#galeriehoehe {
max-height: 480px;
overflow: hidden; }
#headerbild {
height: 210px; }
.popUp {
max-height: 400px;
overflow: auto;
top: 2%;
right: 1%; }
.close-global {
top: 10%; } }
@media screen and (max-width: 1245px) {
h1, h2, h3, h4, h5, h6 {
padding: 0 0 25px 0;
font-size: 25px;
line-height: 35px; }
h2, h3, h4, h5, h6 {
font-size: 20px;
line-height: 20px; }
.home h1, .home h2 {
font-size: 25px;
line-height: 30px;
padding: 0 0 25px 0; }
body {
font-size: 15px;
line-height: 24px; }
p {
padding-bottom: 25px; }
.popUp h2 {
font-size: 20px; }
#anwendungstart li {
width: 50%; }
.responsive-tabs iframe {
width: 49%;
height: auto; }
#produktanfrage {
padding: 3% 15% 0 15%; }
#inhaltsbereich {
width: 70%; }
#sidebar {
width: 30%; }
.cd-primary-nav > li {
margin-left: 0.5em !important; }
#galeriehoehe {
max-height: 440px;
overflow: hidden; }
#headerbild {
height: 200px; }
#content1.produktkacheln .leistung3 {
width: 48%; } }
@media only screen and (max-width: 1169px) {
.produktkacheln article h2 {
font-size: 16px;
line-height: 22px; }
.responsive-tabs label {
line-height: 26px; }
.responsive-tabs label .title {
font-size: 22px; }
.cd-logo img {
height: 30px; }
#footernavi a {
font-size: 14px; }
.termine strong {
font-size: 17px; }
.termineueber {
height: 113px; }
#anwendungsgebiete li {
width: 50%; }
#headerbild {
height: 180px;
background-size: cover; }
#galeriehoehe {
max-height: 380px;
overflow: hidden; }
#footerkontakte .rahmen div p:last-of-type {
padding-bottom: 30px; }
.global img {
padding-top: 10px; }
.kontaktspalten > div {
width: 100%; } }
@media screen and (max-width: 1054px) {
body {
line-height: 22px; }
.termine strong {
font-size: 16px; }
#accordion iframe {
width: 48%; }
#downloads .w25 {
width: 100%; }
#galeriehoehe {
max-height: 350px;
overflow: hidden; }
#headerbild {
height: 160px; }
.popUp {
top: 15%; } }
@media screen and (max-width: 980px) {
p {
padding-bottom: 15px; }
.home h1, .home h2 {
padding: 0 0 15px 0; }
#filter ul {
width: 100%; }
.termine {
height: 113px; }
.termine .slick-slide {
padding: 20px 30px 0 70px; }
.termine .slick-prev {
left: 35px; }
#inhaltsbereich {
width: 100%;
float: none; }
#sidebar {
width: 100%;
float: none; }
#headerbild {
height: 140px; }
.allepunkte {
width: 80px !important;
font-size: 13px; }
.category .produktkacheln .leistung3,
.archive .produktkacheln .leistung3,
#content1 .produktkacheln .leistung3 {
width: 48%; }
#accordion h2 {
font-size: 22px;
line-height: 26px; } }
@media screen and (max-width: 880px) {
#slider {
width: 100%;
float: none; }
.startheader {
align-items: flex-start;
flex-wrap: wrap; }
.starttext {
float: none;
width: 100%;
margin: 0;
padding: 3%; }
.home .starttext {
float: none;
width: 100%; }
.dreieck {
display: none; }
.termine .slick-prev {
left: 25px; }
#filter li {
width: 50%; }
.highlightinhalt {
padding: 3%;
width: 100%;
height: auto; }
.highlightbild {
background-size: 100% auto;
background-image: none !important; }
.highlightinhalt .dreieckrechts {
display: none; }
#highlights .slick-dots {
text-align: right; }
#dreiecktermine {
display: none; }
.textlinks, .textrechts {
float: none;
width: 100%; }
#galeriehoehe {
max-height: 300px;
overflow: hidden; }
#headerbild {
height: 200px;
background-size: 100%; } }
@media screen and (max-width: 780px) {
.responsive-tabs label .title {
font-size: 16px;
padding: 0 30px;
background-size: 20px 20px; }
.produktkacheln .leistung3 {
width: 48%; }
.termineueber {
height: auto; }
.termineueber {
float: none;
width: 100%;
height: auto;
padding: 20px 0; }
.termine {
width: 100%;
float: none; }
.termine .slick-slide {
padding: 20px 50px 0 50px; }
.termine .slick-next {
right: 8px !important; }
.termine .slick-prev {
left: 8px !important; }
.kastendunkel {
width: 100%;
float: none; }
.kastenmuster {
width: 100%;
float: none; }
.responsive-tabs label {
padding: 5px 0; }
.responsive-tabs label {
line-height: 20px; }
.responsive-tabs label .title {
font-size: 15px;
padding: 0 10px 0 25px; }
#anwendungsgebiete li {
width: 100%;
float: none; }
#filter li span::before {
background: none !important; }
#filter span {
padding: 0 1px 0 10px;
line-height: 20px; }
#inhaltsbereich .w50 {
width: 100%;
float: none; }
footer .w33 {
width: 100%;
float: none;
margin-bottom: 15px; }
#galeriehoehe {
max-height: 250px;
overflow: hidden; }
.galerie .slick-prev,
.galerie .slick-next {
top: 100px !important; }
#headerbild {
height: 120px; }
#footernavi {
padding: 30px 0; }
#footerkontakte {
padding: 30px 0 0 0; }
#footerkontakte .rahmen > div {
width: 32%; } }
@media screen and (max-width: 680px) {
#headerbild {
height: 90px; }
.headerhg {
min-height: auto; }
.category .produktkacheln .leistung3,
.archive .produktkacheln .leistung3,
#content1 .produktkacheln .leistung3 {
width: 100%;
margin: 0 0 2% 0; }
.produktkacheln .leistung3 {
width: 48%;
margin: 1%; }
#footerkontakte .rahmen > div {
width: 49%; }
#accordion h2 {
font-size: 20px;
line-height: 24px; } }
@media screen and (max-width: 580px) {
#headerbild {
height: 160px; }
.headerhg {
flex-wrap: wrap; }
#footerkontakte .rahmen > div {
width: 100%; }
.video-wrapper {
width: 100%; }
.responsive-tabs iframe {
width: 100%; }
.ansprechpartner .abadress {
width: 50px; } }
@media screen and (max-width: 490px) {
h1, h2, h3, h4, h5, h6 {
padding: 0 0 25px 0;
font-size: 20px;
line-height: 25px; }
h2, h3, h4, h5, h6 {
font-size: 18px;
line-height: 20px; }
.home h1, .home h2 {
font-size: 20px;
padding: 0 0 25px 0; }
.popUp h2 {
font-size: 16px; }
.termine .slick-slide {
text-align: center; }
#headerbild {
height: 100px; }
.responsive-tabs label:nth-of-type(1) .title,
.responsive-tabs label:nth-of-type(2) .title,
.responsive-tabs label:nth-of-type(3) .title {
background: none; }
.responsive-tabs label .title {
font-size: 13px;
padding: 0 1px 0 1px; }
.produktkacheln .leistung3 {
width: 98%; }
.category .produktkacheln .leistung3, .archive .produktkacheln .leistung3 {
width: 98%; }
.highlightinhalt {
height: auto; }
#filter li,
#anwendungstart li {
width: 100%; }
#copy a {
display: block; }
#copy span {
display: none; }
#headerbild {
height: 140px; }
#footerkontakte .w25 {
width: 100%; }
footer .w25 p:last-child {
padding-bottom: 50px; }
.popUp {
max-height: 300px;
top: 180px; }
.produktkacheln .leistung3 {
width: 100%;
margin: 0 0 1% 0; } }
@media screen and (max-width: 375px) {
#headerbild {
height: 120px; } }