@charset "UTF-8";
/* Projekt: DewertOkin
-------------------------------------------------- */
/*
@font-face {font-family: 'FrutigerLTPro-Light';src: url('../fonts/fruttiger/31BE0F_0_0.eot');src: url('../fonts/fruttiger/31BE0F_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/fruttiger/31BE0F_0_0.woff2') format('woff2'),url('../fonts/fruttiger/31BE0F_0_0.woff') format('woff'),url('../fonts/fruttiger/31BE0F_0_0.ttf') format('truetype');}
@font-face {font-family: 'FrutigerLTPro-Roman';src: url('../fonts/fruttiger/31BE0F_1_0.eot');src: url('../fonts/fruttiger/31BE0F_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/fruttiger/31BE0F_1_0.woff2') format('woff2'),url('../fonts/fruttiger/31BE0F_1_0.woff') format('woff'),url('../fonts/fruttiger/31BE0F_1_0.ttf') format('truetype');}
*/
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB */
/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* -----------------------------------------
Shared Styles
----------------------------------------- */
table th {
font-weight: bold;
}
table td, table th {
padding: 9px 10px;
text-align: left;
}
/* Mobile */
@media only screen and (max-width: 767px) {
/*
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
*/
table.responsive {
margin-bottom: 0;
}
.pinned {
position: absolute;
left: 0;
top: 0;
background: #fff;
width: 35%;
overflow: hidden;
overflow-x: scroll;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.pinned table {
border-right: none;
border-left: none;
width: 100%;
}
.pinned table th, .pinned table td {
white-space: nowrap;
}
.pinned td:last-child {
border-bottom: 0;
}
div.table-wrapper {
position: relative;
margin-bottom: 20px;
overflow: hidden;
border-right: 1px solid #ccc;
}
div.table-wrapper div.scrollable {
margin-left: 35%;
}
div.table-wrapper div.scrollable {
overflow: scroll;
overflow-y: hidden;
}
table.responsive td, table.responsive th {
position: relative;
white-space: nowrap;
overflow: hidden;
}
}
.img-portfolio {
margin-bottom: 30px;
}
.img-hover:hover {
opacity: 0.8;
}
header.carousel {
height: 50%;
}
header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {
height: 100%;
}
header.carousel .fill {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
}
.error-404 {
font-size: 100px;
}
.price {
display: block;
font-size: 50px;
line-height: 50px;
}
.price sup {
top: -20px;
left: 2px;
font-size: 20px;
}
.period {
display: block;
font-style: italic;
}
footer {
margin: 50px 0;
}
@media (max-width: 991px) {
.customer-img, .img-related {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.img-portfolio {
margin-bottom: 15px;
}
header.carousel .carousel {
height: 70%;
}
}
/* Basic SASS Components
-------------------------------------------------- */
/* Content Background */
/* Mixins
-------------------------------------------------- */
/* Placeholder
-------------------------------------------------- */
/* Media Quaeries
-------------------------------------------------- */
/* Basic Styles
-------------------------------------------------- */
html, html a {
-webkit-font-smoothing: antialiased !important;
text-rendering: auto !important;
-moz-osx-font-smoothing: greyscale !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body {
background-color: #f7f7f7;
font-family: 'FrutigerLTPro-Roman', sans-serif;
font-size: 16px;
padding-top: 0px;
}
div#body {
position: relative;
max-width: 1700px;
margin: auto;
overflow-x: hidden !important;
background: #fff;
-webkit-box-shadow: 0px 0px 12px 0px #cecece;
-moz-box-shadow: 0px 0px 12px 0px #cecece;
-ms-box-shadow: 0px 0px 12px 0px #cecece;
-o-box-shadow: 0px 0px 12px 0px #cecece;
box-shadow: 0px 0px 12px 0px #cecece;
}
input:focus, textarea:focus, select:focus {
outline: none;
}
::selection {
color: #fff;
background-color: #e2011dab;
}
h1, .h1 {
font-size: 28px;
padding-left: 10px;
letter-spacing: 2px;
float: left;
}
h1.big-subline, .h1.big-subline {
display: block;
width: 100%;
margin-top: 0;
margin-bottom: 20px;
}
h2, .h2 {
font-size: 19px;
}
h3, .h3 {
font-size: 17px;
text-transform: uppercase;
}
h2.red {
text-transform: none;
color: #cb1200;
}
h1, .h1, h2, .h2 {
text-transform: uppercase !important;
color: #3b3b3b;
}
.h1 {
text-transform: initial;
}
p {
color: #888a89;
}
a, a:hover, a:focus {
color: #888a89;
text-decoration: none;
}
.headline-red {
color: #e2011d;
font-size: 25px;
}
ul {
list-style-type: none;
padding-left: 0px;
}
ol {
color: #888a89;
}
.container {
/*background:$color_grey_dark;*/
position: relative;
}
.container.transparent {
background: transparent;
}
.container.carousel {
width: 100%;
}
.right, .right ul {
float: right;
}
@media only screen and (max-width: 768px) {
.right, .right ul {
float: left;
}
}
.no-padding {
padding-left: 0px;
padding-right: 0px;
}
.noMargin {
margin: 0px;
}
.clear {
clear: both;
}
input, select, textarea {
border-radius: 0px !important;
-webkit-appearance: inherit;
-moz-appearance: inherit;
-ms-appearance: inherit;
-o-appearance: inherit;
appearance: inherit;
}
label {
margin-bottom: 0px;
font-weight: normal;
color: #bbbdbc;
}
.form-control:focus {
border-color: #1d1d1b;
box-shadow: none;
}
/* HTML5 display-role reset for older browsers */
section, aside, details, figcaption, figure, footer, header, hgroup, menu, nav {
display: block;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
strong, .bold, b {
font-weight: 600;
}
.italic {
font-style: italic;
}
.normal {
font-weight: normal;
}
input:active {
box-shadow: none !important;
}
:focus {
outline: none !important;
}
input:focus {
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
abbr[title] {
/*position: relative;
padding-right: 15px;*/
/*
&:hover::after {
position: absolute;
bottom: 100%;
left: 100%;
display: block;
text-transform: none;
width: max-content;
max-width: 50vw;
font-size: 70%;
padding: 10px 10px 7px 10px;
border: 1px solid #dfe0e0;
background: white;
box-shadow: 3px 3px 10px -6px rgba(0,0,0,0.25);
content: attr(title);
}*/
}
abbr[title]:after {
content: '*';
/*position: absolute;
right: 0;
font-size: 70%;*/
}
.tablewrapper {
max-width: 100%;
overflow-x: auto;
}
@media screen and (max-width: 992px) {
.tablewrapper:not(:last-child) table {
border-bottom: 1px solid #DCDCDC;
}
}
@media (max-width: 768px) {
.tablewrapper td, .tablewrapper th {
white-space: nowrap;
}
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
font-size: 16px;
}
table td {
vertical-align: top;
}
table th {
font-weight: 600;
}
table td, table th {
border-bottom: 1px solid #DCDCDC;
width: auto;
padding: 4px 10px 4px 0;
}
table tr:last-of-type td, table tr:last-of-type th {
border-bottom: 0;
}
table td:last-of-type {
padding-right: 0;
}
.contenttable {
margin-top: 15px;
}
.contenttable td {
width: 22%;
}
.contenttable th {
width: 33%;
}
.downloadsCad td, .downloadsCad th {
width: auto;
}
.downloads3 td, .downloads3 th {
width: 33%;
}
.downloads4 td, .downloads4 th {
width: 25%;
}
.downloads5 td, .downloads5 th {
width: 25%;
}
/* Topmenu
-------------------------------------------------- */
@media only screen and (max-width: 768px) {
.navbar-collapse.in {
overflow-y: visible;
}
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #ffffff;
}
.navbar {
position: fixed;
width: 100%;
max-width: 1700px;
min-height: inherit;
z-index: 12;
border-radius: 0px;
border: 0px;
background: #3b3b3b;
margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
.navbar {
position: relative;
}
}
@media only screen and (max-width: 992px) {
.navbar .container {
padding: 15px;
padding-bottom: 0px;
}
}
@media (min-width: 769px) and (max-width: 992px) {
.navbar .container {
padding: 0px;
}
}
@media only screen and (max-width: 768px) {
.navbar .navbar-collapse {
background-color: #3b3b3b;
border-bottom: 1px solid #f2f2f2;
padding: 0;
}
.navbar .navbar-collapse ul.navbar-nav li a {
color: #fff;
border-bottom: 1px solid #f2f2f2;
}
}
.navbar .icon-bar {
background-color: #ffffff !important;
width: 26px;
height: 2px;
border-radius: 0px;
margin-top: 5px !important;
}
.navbar .navbar-toggle {
border-color: transparent;
margin-top: 0px;
}
@media only screen and (max-width: 768px) {
.navbar .navbar-toggle {
padding: 9px 20px;
}
}
.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {
background: transparent;
}
@media only screen and (max-width: 768px) {
.navbar .navbar-nav {
margin: 0px;
}
}
.navbar .navbar-nav > li > a {
color: #ffffff;
line-height: 15px;
font-weight: bold;
text-transform: uppercase;
font-size: 90%;
}
@media screen and (min-width: 1401px) {
.navbar .navbar-nav > li > a {
padding: 15px 10px;
}
}
@media only screen and (max-width: 1199px) {
.navbar .navbar-nav > li > a {
padding: 15px 12px;
}
}
@media only screen and (max-width: 1200px) {
.navbar .navbar-nav > li > a {
padding: 15px 4px;
font-size: 85%;
}
}
@media screen and (max-width: 1275px) {
.navbar .navbar-nav > li > a {
padding: 15px 4px;
font-size: 85%;
}
}
@media only screen and (max-width: 992px) {
.navbar .navbar-nav > li > a {
font-size: 74%;
}
}
@media only screen and (max-width: 768px) {
.navbar .navbar-nav > li > a {
padding: 15px 35px;
font-size: 95%;
}
}
@media only screen and (max-width: 540px) {
.navbar .navbar-nav > li > a {
padding: 15px 20px;
}
}
.navbar .navbar-nav > li > a[title="Home"], .navbar .navbar-nav > li > a[title="ホーム"], .navbar .navbar-nav > li > a[title="Strona główna"], .navbar .navbar-nav > li > a[title="德沃康科技集团有限公司 一站式智能家具解决方案"] {
width: 50px;
}
@media only screen and (max-width: 768px) {
.navbar .navbar-nav > li > a[title="Home"], .navbar .navbar-nav > li > a[title="ホーム"], .navbar .navbar-nav > li > a[title="Strona główna"], .navbar .navbar-nav > li > a[title="德沃康科技集团有限公司 一站式智能家具解决方案"] {
width: 100%;
}
}
.navbar .navbar-nav > li > a[title="Home"]:before, .navbar .navbar-nav > li > a[title="ホーム"]:before, .navbar .navbar-nav > li > a[title="Strona główna"]:before, .navbar .navbar-nav > li > a[title="德沃康科技集团有限公司 一站式智能家具解决方案"]:before {
content: '';
background: url('../img/icon-home.svg');
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
background-size: 18px;
background-repeat: no-repeat;
background-position: center center;
}
@media only screen and (max-width: 768px) {
.navbar .navbar-nav > li > a[title="Home"]:before, .navbar .navbar-nav > li > a[title="ホーム"]:before, .navbar .navbar-nav > li > a[title="Strona główna"]:before, .navbar .navbar-nav > li > a[title="德沃康科技集团有限公司 一站式智能家具解决方案"]:before {
background-position: 35px center;
}
}
@media only screen and (max-width: 540px) {
.navbar .navbar-nav > li > a[title="Home"]:before, .navbar .navbar-nav > li > a[title="ホーム"]:before, .navbar .navbar-nav > li > a[title="Strona główna"]:before, .navbar .navbar-nav > li > a[title="德沃康科技集团有限公司 一站式智能家具解决方案"]:before {
background-position: 25px center;
}
}
.navbar .navbar-nav > li > a:hover {
color: #f2f2f2;
}
.navbar .company-mobile {
float: left;
width: 120px;
margin-left: 37px;
}
.navbar .company-mobile img {
width: 100%;
}
@media only screen and (max-width: 768px) {
.navbar .company-mobile img {
padding-bottom: 15px;
}
}
@media only screen and (min-width: 769px) {
.navbar .company-mobile {
display: none;
}
}
.toolbar {
float: right;
font-size: 80%;
padding-right: 17px;
}
@media only screen and (max-width: 768px) {
.toolbar {
padding: 0px 35px;
float: left;
margin: 5px 0px 15px 0px;
font-size: 80%;
}
}
@media only screen and (max-width: 540px) {
.toolbar {
padding: 0 20px;
width: 100%;
}
}
.toolbar div {
margin-top: 11px;
float: left;
}
.toolbar div.langnavi {
margin-top: 14px;
}
@media only screen and (max-width: 768px) {
.toolbar div.langnavi {
margin-left: 7px;
}
}
.toolbar .select-product {
margin-right: 25px;
height: 22px;
border: none;
border-radius: 4px;
padding: 4px 9px;
width: 167px;
background: #ffffff url('../img/pfeil-small.png') no-repeat 94% 55%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-transition: padding 0.5s ease;
-moz-transition: padding 0.5s ease;
-ms-transition: padding 0.5s ease;
-o-transition: padding 0.5s ease;
transition: padding 0.5s ease;
}
@media only screen and (max-width: 1198px) {
.toolbar .select-product {
margin-right: 10px;
}
}
@media only screen and (max-width: 992px) {
.toolbar .select-product {
margin-right: 7px;
width: 115px;
}
}
@media only screen and (max-width: 768px) {
.toolbar .select-product {
background: #f2f2f2 url('../img/pfeil-small.png') no-repeat 94% 55%;
}
}
.toolbar .search {
/*@media(max-width:767px) {
position: absolute;
top: 66px;
right: 27px;
}*/
}
.toolbar .search input {
padding: 4px 4px 4px 4px;
height: 24px;
margin-right: 50px;
width: 150px;
background: #ffffff url('../img/lupe.png') no-repeat 94% 55%;
border: 0px;
-webkit-transition: padding 0.5s ease;
-moz-transition: padding 0.5s ease;
-ms-transition: padding 0.5s ease;
-o-transition: padding 0.5s ease;
transition: padding 0.5s ease;
}
@media (max-width: 1400px) {
.toolbar .search input {
width: 130px;
}
}
@media only screen and (max-width: 1200px) {
.toolbar .search input {
margin-right: 15px;
}
}
@media (max-width: 1100px) {
.toolbar .search input {
width: 100px;
}
}
@media only screen and (max-width: 992px) {
.toolbar .search input {
margin-right: 7px;
width: 70px;
}
}
@media only screen and (max-width: 768px) {
.toolbar .search input {
background: #f2f2f2 url('../img/lupe.png') no-repeat 94% 55%;
height: 32px;
width: 165px;
padding-left: 10px;
}
}
@media only screen and (max-width: 440px) {
.toolbar .search input {
width: 100px;
}
}
@media only screen and (max-width: 374px) {
.toolbar .search input {
width: 100%;
}
}
.head-logo {
position: fixed;
top: 45px;
width: 100%;
max-width: 1700px;
min-height: inherit;
z-index: 999;
border-radius: 0px;
border: 0px;
background: rgba(255, 255, 255, 0.85);
padding: 25px 25px 6px 25px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
@media only screen and (max-width: 768px) {
.head-logo {
display: none;
}
}
.head-logo img {
float: right;
width: 212px;
transition: width 0.3s;
}
.head-logo.small {
padding: 10px;
}
.head-logo.small img {
width: 128px;
}
/* Produktauswahl im Header
-------------------------------------------------- */
li.choose_language {
float: right;
}
li.choose_language a.language {
display: none;
padding: 0 15px 10px;
}
li.choose_language a.language img {
border: 1px solid #808080;
}
li.choose_language a.language.current {
display: block;
}
li.choose_language:hover a.language {
display: block !important;
}
li.choose_language .language_wrapper {
background: #424241;
padding-top: 10px;
}
/**** Product Tree ****/
li.choose_product {
padding: 0;
float: right;
}
@media (max-width: 374px) {
li.choose_product {
width: 100%;
}
}
#product_search {
padding: 1px 10px 0;
border: 0;
margin: 0px;
border-radius: 5px;
width: 200px;
height: 24px;
line-height: 25px;
color: #3b3b3b;
background: #ffffff;
}
@media (max-width: 1400px) {
#product_search {
width: 130px;
}
}
@media (max-width: 1100px) {
#product_search {
width: 110px;
}
}
@media (max-width: 992px) {
#product_search {
width: 110px;
}
}
@media only screen and (max-width: 768px) {
#product_search {
width: 165px;
height: 32px;
background: #f2f2f2;
}
}
@media (max-width: 374px) {
#product_search {
width: 100%;
}
}
#product_search::-webkit-input-placeholder {
color: #3b3b3b;
}
#product_search::-moz-placeholder {
color: #3b3b3b;
}
#product_search:-ms-input-placeholder {
color: #3b3b3b;
}
#product_search:-moz-placeholder {
color: #3b3b3b;
}
#product_search:focus::-webkit-input-placeholder {
color: #ccc;
}
#product_search:focus::-moz-placeholder {
color: #ccc;
}
#product_search:focus:-ms-input-placeholder {
color: #ccc;
}
#product_search:focus:-moz-placeholder {
color: #ccc;
}
#product_search.open_list {
border-radius: 5px 5px 0 0;
}
ul#product_tree {
z-index: 99999;
-webkit-box-shadow: 0px 0px 3.4px 0px darkgray;
-moz-box-shadow: 0px 0px 3.4px 0px darkgray;
-ms-box-shadow: 0px 0px 3.4px 0px darkgray;
-o-box-shadow: 0px 0px 3.4px 0px darkgray;
box-shadow: 0px 0px 3.4px 0px darkgray;
}
#product_search.open_list + ul#product_tree {
display: block !important;
position: absolute;
color: #3b3b3b;
padding: 5px;
background: #ffffff;
width: auto;
min-width: 200px;
top: 25px;
}
#product_search.open_list + ul#product_tree a {
color: #3b3b3b !important;
}
#product_search.open_list + ul#product_tree a:hover {
color: #747776 !important;
}
@media only screen and (max-width: 768px) {
#product_search.open_list + ul#product_tree {
top: 0px;
position: relative;
}
}
.close.open_list {
display: block !important;
position: absolute;
top: -6px;
right: 7px;
opacity: 1;
text-shadow: none;
color: #3b3b3b;
font-weight: 400;
font-size: 15px !important;
z-index: 9999;
}
.open_arrow {
position: absolute;
top: -9px;
right: 7px;
opacity: 1;
text-shadow: none;
color: #3b3b3b;
font-weight: 400;
font-size: 15px !important;
pointer-events: none;
}
.open_arrow.open_list {
display: none !important;
}
@media only screen and (max-width: 768px) {
.open_arrow {
top: -2px;
right: 10px;
}
}
.tf-tree, .tf-tree li {
list-style: none;
padding-left: 0;
line-height: 20px;
}
.tf-tree .tf-child-true > ul {
display: none;
padding-left: 0;
}
.tf-tree .tf-child-true {
cursor: pointer;
position: relative;
}
.tf-tree .tf-child-true > .list-item:before {
display: block;
position: absolute;
top: -1px;
left: 0;
content: "";
width: 20px;
height: 20px;
font-size: 13px;
line-height: 20px;
text-align: center;
transition: 0.1s linear;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tf-tree .tf-child-true.tf-open > div {
font-weight: bold;
}
.tf-tree .tf-child-true.tf-open > ul {
display: block;
}
.tf-tree .tf-child-true.tf-open:before {
-webkit-transform: rotate(90deg);
}
.tf-tree .tf-child-false {
cursor: pointer;
position: relative;
}
.tf-tree .tf-child-false > .list-item:before, .tf-tree .tf-child-true > .list-item.no-child:before {
display: block;
position: absolute;
top: -1px;
left: 0;
content: "";
width: 20px;
height: 20px;
font-size: 13px;
line-height: 20px;
text-align: center;
transition: 0.1s linear;
font-family: FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.tf-tree .tf-closed {
font-weight: normal;
}
.tf-tree .tf-selected {
background: #fff;
color: #08f;
border-radius: 20px;
}
.tf-tree ul.tf-search-result {
display: block;
}
.tf-tree ul.tf-search-result > li {
display: none;
}
.tf-tree ul.tf-search-result > li.tf-search-result {
display: block;
}
.tf-tree .tf-open > .list-item:before {
content: "" !important;
font-size: 11px;
}
.product-selection {
position: relative;
margin-right: 15px;
}
@media only screen and (max-width: 1220px) {
.product-selection {
margin-right: 5px;
}
}
@media only screen and (max-width: 374px) {
.product-selection {
width: 100%;
}
}
/* Submenu
-------------------------------------------------- */
.submenu {
padding-right: 50px;
}
@media only screen and (max-width: 992px) {
.submenu {
padding-right: 15px;
}
}
ul.leve1 li {
padding: 10px;
border-bottom: 1px solid #dfe0e0;
font-size: 14px;
}
ul.leve1 li a:hover {
color: #1d1d1b;
}
ul.leve1 li > ul li:last-child {
padding-bottom: 0px;
border-bottom: 0px;
}
ul.leve1 li.active > a {
color: #1d1d1b;
}
ul.leve2 {
/*border-top: 1px solid $color_grey3;*/
}
ul.leve2 li a {
text-transform: uppercase;
font-size: 13px;
}
ul.leve4 li {
border-bottom: 0px solid #dfe0e0;
padding: 10px 10px 5px;
}
ul.leve4 li:first-of-type {
border-top: 1px solid #dfe0e0;
margin-top: 10px;
}
ul[class^=leve] {
padding: 0;
}
ul[class^=leve] li {
padding: 10px;
border-bottom: 1px solid #dfe0e0;
font-size: 14px;
margin: 0 !important;
border-top: 0 !important;
}
/* Owl Carousel (Header)
-------------------------------------------------- */
.slider .wraper {
position: relative;
}
#myCarousel {
z-index: 0;
}
#myCarousel .item a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#myCarousel .item img {
width: 100%;
height: auto;
}
#myCarousel .item .text p {
position: absolute;
right: 120px;
bottom: 90px;
padding: 50px 60px 45px;
text-align: right;
text-transform: uppercase;
float: right;
font-size: 60px;
line-height: 60px;
font-weight: bold;
width: auto;
color: #3b3b3b;
word-break: break-word;
text-shadow: 3px 3px 5px rgba(255, 255, 255, 0.5);
background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 1199px) {
#myCarousel .item .text p {
padding: 30px 30px 20px;
}
}
@media (max-width: 1100px) {
#myCarousel .item .text p {
font-size: 35px;
line-height: 1.1 !important;
line-height: 50px;
padding: 30px 40px 25px;
}
}
@media (max-width: 992px) {
#myCarousel .item .text p {
font-size: 35px;
line-height: 1.1 !important;
line-height: 50px;
padding: 20px 30px 15px;
bottom: 20px;
}
}
@media (max-width: 768px) {
#myCarousel .item .text p {
font-size: 35px;
line-height: 40px;
right: 30px;
top: 30px;
bottom: auto;
}
}
@media (max-width: 540px) {
#myCarousel .item .text p {
font-size: 30px;
line-height: 35px;
position: relative;
width: 100%;
top: 0;
left: 0;
bottom: 0;
margin-bottom: 0px;
text-align: left;
background: #fff;
padding-bottom: 30px;
}
#myCarousel .item .text p br {
display: none;
}
}
#myCarousel .item .text p span {
display: block;
font-weight: normal;
text-transform: none;
background: #cb1200;
color: #ffffff;
padding: 14px 0 12px;
border-radius: 0;
margin-top: 20px;
height: auto;
text-shadow: none;
text-align: center;
font-size: 16px;
line-height: initial;
float: right;
width: 100%;
}
@media (max-width: 1199px) {
#myCarousel .item .text p span {
margin-top: 10px;
padding: 10px 0 8px;
}
}
@media (max-width: 540px) {
#myCarousel .item .text p span {
float: left;
}
}
@media (min-width: 541px) {
#myCarousel .item .text p span {
max-width: 200px;
}
}
#myCarousel .item.video {
position: relative;
float: left;
width: 100%;
max-height: 700px;
}
#myCarousel .item.video .text {
position: absolute;
bottom: 60px;
left: 60px;
width: calc(50% - 60px);
padding: 30px;
background: rgba(255, 255, 255, 0.5);
}
@media (max-width: 768px) {
#myCarousel .item.video .text {
width: calc(100% - 120px);
}
}
@media (max-width: 540px) {
#myCarousel .item.video .text {
position: relative;
float: left;
width: 100%;
bottom: 0;
left: 0;
padding-bottom: 45px;
}
}
#myCarousel .item.video .text p {
position: relative;
float: left;
left: 0 !important;
width: 100%;
padding: 0 !important;
bottom: 0 !important;
background: transparent !important;
top: auto;
}
#myCarousel .item.video .text p span {
float: none !important;
}
#myCarousel .owl-controls {
margin-top: -10px;
}
#myCarousel .owl-dots {
position: absolute;
right: 0;
bottom: 30px;
left: 0;
}
@media only screen and (max-width: 992px) {
#myCarousel .owl-dots {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
}
#myCarousel .owl-dots .owl-dot:hover span, #myCarousel .owl-dots .owl-dot span, #myCarousel .owl-dots .owl-dot.active span {
background: darkgray;
}
#myCarousel .owl-dots .active span {
background: #cb1200 !important;
}
#myCarousel .owl-dots span {
width: 8px;
height: 8px;
margin: 5px 7px;
display: block;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
-ms-border-radius: 13px;
-o-border-radius: 13px;
border-radius: 13px;
}
#myCarousel .owl-dots .owl-dot:hover span span, #myCarousel .owl-dots .owl-dot span span, #myCarousel .owl-dots .owl-dot.active span {
background: darkgray;
border: 2px solid #fff;
height: 14px;
width: 14px;
}
#myCarousel .owl-dots .owl-dot:hover span, #myCarousel .owl-dots .owl-dot span, #myCarousel .owl-dots .owl-dot.active span {
background: darkgray;
border: 2px solid #fff;
height: 14px;
width: 14px;
}
.company, .contact-info {
position: absolute;
top: 100px;
right: 120px;
z-index: 1;
}
@media only screen and (max-width: 768px) {
.company {
display: none;
}
}
.contact-info {
background: #ffffff;
padding: 6px;
right: 0;
top: 225px;
-webkit-box-shadow: 0px 0px 3.4px 0px darkgray;
-moz-box-shadow: 0px 0px 3.4px 0px darkgray;
-ms-box-shadow: 0px 0px 3.4px 0px darkgray;
-o-box-shadow: 0px 0px 3.4px 0px darkgray;
box-shadow: 0px 0px 3.4px 0px darkgray;
}
.contact-info div {
padding: 10px;
}
.contact-info .info1 {
border-bottom: 1px solid #bbb;
}
.contact-info img:hover {
opacity: 0.8;
}
/*++++++++++++*/
.carousel2 #myCarousel {
border: 1px solid #dfe0e0;
}
.carousel2 #myCarousel .owl-dots {
bottom: 1px;
}
/* Content
-------------------------------------------------- */
.content {
/*------------ Teaser ---------------------*/
}
.content.container {
margin-top: 150px;
}
@media only screen and (max-width: 768px) {
.content.container {
margin-top: 20px;
padding-left: 25px;
padding-right: 25px;
}
}
.content .container {
background: transparent;
}
.content .container .row.show-info {
margin: 35px 0px 50px 0px;
display: none;
}
.content .breadcrumb-wrap {
padding-left: 10px;
}
@media only screen and (max-width: 768px) {
.content .breadcrumb-wrap {
padding-left: 15px;
margin-top: 45px;
}
}
@media only screen and (max-width: 540px) {
.content .breadcrumb-wrap {
padding-left: 15px;
margin-top: 5px;
}
}
.content .breadcrumb {
background: transparent;
padding: 8px 0px;
font-size: 14px;
}
.content .breadcrumb a, .content .breadcrumb li {
color: #747776;
}
.content .breadcrumb a:hover {
color: rgba(116, 119, 118, 0.8);
}
.content .breadcrumb > li + li:before {
font-family: FontAwesome;
content: "";
color: #747776;
font-size: 13px;
}
.content.teaser {
/*---------------*/
/*---------------*/
}
.content.teaser .row {
z-index: 1;
margin-top: 60px;
}
@media only screen and (max-width: 768px) {
.content.teaser .row {
padding-left: 15px;
margin-top: 0px;
}
}
.content.teaser .row.ag {
margin-bottom: 60px;
margin-top: 40px !important;
}
.content.teaser .square {
position: relative;
-webkit-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
background: rgba(255, 255, 255, 0.7);
transition: background 0.35s ease-in-out;
}
.content.teaser .square.additional {
background: #3b3b3b;
}
.content.teaser .square.additional[type="button"] {
width: 100%;
border: none;
padding: 0;
}
.content.teaser .square.additional[type="button"][aria-expanded="true"] {
-webkit-box-shadow: 0px 0px 3.4px 1px #949494;
-moz-box-shadow: 0px 0px 3.4px 1px #949494;
-ms-box-shadow: 0px 0px 3.4px 1px #949494;
-o-box-shadow: 0px 0px 3.4px 1px #949494;
box-shadow: 0px 0px 3.4px 1px #949494;
}
.content.teaser .square.additional a[aria-expanded="true"] {
-webkit-box-shadow: 0px 0px 3.4px 1px #949494;
-moz-box-shadow: 0px 0px 3.4px 1px #949494;
-ms-box-shadow: 0px 0px 3.4px 1px #949494;
-o-box-shadow: 0px 0px 3.4px 1px #949494;
box-shadow: 0px 0px 3.4px 1px #949494;
}
.content.teaser .square.additional, .content.teaser .square.additional img {
transition: opacity 0.35s;
}
.content.teaser .square.additional:hover .more + img {
opacity: 0.3;
}
.content.teaser .square.additional:hover .more {
opacity: 1;
}
.content.teaser .square.additional:hover .keyfacts + img {
opacity: 0.3;
}
.content.teaser .square.additional:hover .keyfacts {
opacity: 1;
}
.content.teaser .square .grey_bg {
position: absolute;
background-color: #616161;
height: 100%;
width: 100%;
opacity: 0;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.content.teaser .square .grey_bg.active {
opacity: 0.65;
}
.content.teaser .square img {
width: 100%;
}
.content.teaser .square .more + img {
border-bottom: 1px solid #dfe0e0;
}
.content.teaser .square .more {
color: #ffffff;
position: absolute;
top: 10%;
width: 100%;
padding: 2em;
text-transform: none;
opacity: 0;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
text-align: center;
z-index: 999999;
}
.content.teaser .square .more img {
width: auto;
padding-top: 10px;
}
.content.teaser .square .keyfacts + img {
border-bottom: 1px solid #dfe0e0;
}
.content.teaser .square .keyfacts {
color: #ffffff;
position: absolute;
top: 0;
width: 100%;
height: 100%;
padding: 1.5em;
text-transform: none;
opacity: 0;
-webkit-transition: opacity 0.35s;
-moz-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
transition: opacity 0.35s;
text-align: center;
z-index: 999999;
}
.content.teaser .square .keyfacts ul {
margin: 0;
}
.content.teaser .square .keyfacts ul li {
line-height: 25px;
}
.content.teaser .square .keyfacts .learnmore {
float: right;
margin-top: 10px;
position: absolute;
bottom: 60px;
right: 15px;
}
.content.teaser .square .keyfacts .learnmore * {
float: left;
}
.content.teaser .square .keyfacts .learnmore img {
padding: 0 !important;
margin: 2px 0 0 7px;
}
.content.teaser .square .keyfacts img {
width: auto;
padding-top: 10px;
}
.content.teaser.collapse .products > .additional {
height: auto !important;
}
.content.teaser .headline {
position: absolute;
top: 15px;
left: 15px;
color: #3b3b3b;
text-transform: uppercase;
}
.content .greyButton, .content .send {
background-color: #bbb;
text-align: center;
padding: 2px;
font-size: 15px;
color: #ffffff;
}
.content .greyButton:after, .content .send:after {
content: '';
font-family: 'bigmug-line';
font-size: 11px;
padding-left: 10px;
padding-top: 5px;
position: absolute;
}
.content .send {
border: 0px;
padding: 6px 100px;
float: right;
}
.content .dowloads {
margin: 50px 0px;
padding: 0px;
}
.content .dowloads .part1:hover .subline {
opacity: 0.81;
}
.content .dowloads.isempty {
margin: 20px 0;
}
@media (min-width: 769px) {
.content .special {
padding-right: 0px;
}
}
@media only screen and (max-width: 768px) {
.content .special {
padding-right: 30px;
margin: 20px 0px;
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.content .special {
width: calc(50% - 15px);
float: left;
padding-right: 0;
margin-bottom: 0;
}
}
.content .tab-content {
width: 100%;
line-height: 1.8;
margin-top: 25px;
/*& #tab4 table td:nth-of-type(1),
& #tab4 table th:nth-of-type(1) {
width: 25%;
}*/
}
.content .tab-content .tx-powermail {
margin-top: 0px;
}
.content .tab-content .tab-pane {
z-index: 10;
position: relative;
margin: 0 0px;
color: #888a89;
}
.content .tab-content #tab2 table td:nth-of-type(1), .content .tab-content #tab2 table th:nth-of-type(1) {
width: 33%;
}
.content .tab-content .subline {
color: #747776;
background: #ffffff;
text-transform: uppercase;
padding: 11px;
letter-spacing: 1px;
}
.content .tab-content .innercontent {
/*display: none;*/
position: relative;
float: left;
width: 100%;
}
.content .tab-content .innercontent .inhaltsbereich {
float: left !important;
width: calc(100% - 15px) !important;
padding-left: 15px !important;
padding-right: 15px !important;
font-size: 90%;
line-height: 1.65;
min-height: 0;
}
@media only screen and (min-width: 769px) {
.content .tab-content .innercontent .inhaltsbereich {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
}
.content .tab-content .innercontent .inhaltsbereich > *:first-child {
margin-top: 4px;
}
.content .tab-content .product {
padding: 0px 0px 45px 15px;
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
.content .tab-content .product {
width: calc(50% - 15px);
float: left;
padding-right: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 479px) {
.content .tab-content .product {
padding-right: 30px;
padding-bottom: 20px;
width: 100%;
}
}
.content .tab-content ul.content-list {
list-style-type: disc;
/*padding-left: 17px;*/
}
.content .nav-tabs.details {
border: 0px;
padding: 20px 0px 0px 0px;
margin: 0px;
margin-bottom: 10px;
float: none;
}
.content .nav-tabs.details > li.active > a, .content .nav-tabs.details > li.active > a:hover, .content .nav-tabs.details > li.active > a:focus, .content .nav-tabs.details > li > a:hover, .content .nav-tabs.details > li > a {
border: 0px;
background: transparent;
border-radius: 0px;
padding: 0px;
color: #888a89;
}
.content .nav-tabs.details > li > a:hover {
color: #1d1d1b;
}
.content .nav-tabs.details > li.active a {
color: #1d1d1b;
}
.content .nav-tabs.details > li {
padding: 0px 10px;
border-right: 1px solid #c5c7c7;
}
.content .nav-tabs.details > li:first-child {
padding-left: 0px;
}
.col-md-9.content {
padding: 0px;
float: right;
}
.col-md-9.content.teaser.collapse {
margin-bottom: 60px;
margin-top: -60px;
}
.col-md-9.content:last-of-type {
margin-bottom: 60px;
}
.products {
display: inline-block;
}
@media (max-width: 768px) {
.products {
margin-top: 0px;
margin-bottom: 50px;
}
.products .h1 {
margin-top: 0px;
}
}
@media (max-width: 540px) {
.products {
margin-bottom: 0px;
}
}
.products .square.additional {
background: #aeaeae !important;
}
.products > .additional {
margin: 0px 0px 45px 0px;
padding: 10px;
}
@media (min-width: 541px) and (max-width: 768px) {
.products > .additional {
float: left;
width: 50%;
margin-bottom: 0;
}
}
@media (min-width: 300px) and (max-width: 540px) {
.products > .additional {
float: left;
width: 100%;
}
}
.powermail_form_134 .powermail_message_error, .powermail_form_136 .powermail_message_error, .powermail_form_137 .powermail_message_error, .powermail_form_156 .powermail_message_error {
list-style-type: none;
color: white !important;
margin: 3px 0px 40px 0px;
float: none !important;
width: 96%;
display: block;
background-color: #e2011d;
padding: 20px 20px 14px 20px;
font-weight: 300;
}
@media (max-width: 650.98px) {
.powermail_form_134 .powermail_message_error, .powermail_form_136 .powermail_message_error, .powermail_form_137 .powermail_message_error, .powermail_form_156 .powermail_message_error {
width: 95%;
}
}
@media (max-width: 510.98px) {
.powermail_form_134 .powermail_message_error, .powermail_form_136 .powermail_message_error, .powermail_form_137 .powermail_message_error, .powermail_form_156 .powermail_message_error {
width: 93%;
}
}
@media (max-width: 410.98px) {
.powermail_form_134 .powermail_message_error, .powermail_form_136 .powermail_message_error, .powermail_form_137 .powermail_message_error, .powermail_form_156 .powermail_message_error {
width: 90%;
}
}
.inhaltsbereich {
padding: 0px 10px;
/*
& > img {
width: 100%;
}*/
}
@media only screen and (max-width: 768px) {
.inhaltsbereich {
padding: 0px 15px;
}
}
.inhaltsbereich h1 {
padding-left: 0px;
}
.inhaltsbereich ul {
list-style-type: disc;
color: #888a89;
margin: 0 0 0 0px;
float: left;
width: 100%;
display: block;
}
.inhaltsbereich p a {
color: #e2001a;
}
.inhaltsbereich pre {
background: transparent;
border: none;
padding: 0;
font-size: 16px;
float: left;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
}
.inhaltsbereich img {
max-width: 100%;
height: auto;
}
.inhaltsbereich img.img-responsive.kopfbild {
border: 1px solid #dfe0e0;
width: 100%;
}
.owl-carousel-content img {
max-width: calc(100% - 1px);
}
.owl-carousel-content .owl-nav {
position: absolute;
top: 50% !important;
transform: translateY(-50%) !important;
width: 100% !important;
}
.owl-carousel-content .owl-nav .owl-next, .owl-carousel-content .owl-nav .owl-prev {
color: #bbb !important;
background: transparent !important;
left: 0;
top: 0;
position: relative !important;
margin: 0 !important;
}
.owl-carousel-content .owl-nav .owl-next:hover, .owl-carousel-content .owl-nav .owl-prev:hover {
background: transparent !important;
color: #ccc !important;
text-decoration: none !important;
}
.owl-carousel-content .owl-nav .owl-prev {
left: 0;
float: left;
}
.owl-carousel-content .owl-nav .owl-next {
right: 0;
float: right;
}
.owl-carousel-products {
margin-top: 30px;
}
.owl-carousel-products .item {
display: block;
border: 1px solid #dfe0e0;
padding: 15px;
float: left;
}
.owl-carousel-products .item img {
border-bottom: 1px solid #dfe0e0;
padding-bottom: 15px;
margin-bottom: 20px;
}
.owl-carousel-products .item span.h2 {
display: block;
}
.owl-carousel-products .item span.text ul {
display: block;
width: auto;
margin-bottom: 10px;
}
.owl-carousel-products .item span.text p {
display: block;
}
.owl-carousel-products .item span.text p:last-of-type {
margin-bottom: 0;
}
.owl-carousel-products .owl-controls .owl-nav {
display: none;
}
.owl-carousel-products .owl-dot:only-child {
display: none;
}
.additional-info {
font-size: 13px;
margin-top: 30px;
}
.content_img_subline {
font-size: 14px;
line-height: 14px;
margin-left: 5px;
}
/* Niederlassungen
-------------------------------------------------- */
section#map {
max-width: 100%;
margin: auto;
margin-bottom: 20px;
position: relative;
width: 100%;
z-index: 11 !important;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
height: 385px;
position: relative;
}
.filter_international_agencies {
clear: both;
width: 100%;
margin-top: 30px;
}
.filter_international_agencies .select {
position: relative;
width: calc(33.333333% - 30px);
float: left;
margin: 15px;
}
@media only screen and (max-width: 667px) {
.filter_international_agencies .select {
width: calc(50% - 30px);
}
}
@media only screen and (max-width: 480px) {
.filter_international_agencies .select {
width: calc(100% - 30px);
margin: 7px 15px;
}
}
.filter_international_agencies .select:after {
content: "";
pointer-events: none;
width: 50px;
height: 100%;
position: absolute;
padding: 14px 0 0;
text-align: center;
right: 0;
z-index: 0;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #1d1d1b;
top: 0;
}
.filter_international_agencies .select select {
border: 1px solid #dfe0e0;
background: #fff;
padding: 10px 14px;
width: 100%;
}
div#result {
clear: both;
margin-bottom: 60px;
}
form#result_target {
margin: 0 -15px;
}
div#result_target {
margin: 0 -15px;
}
.filter_international_agencies_element {
border: 1px solid #dfe0e0;
margin: 15px;
width: calc(33.333333% - 30px);
}
@media only screen and (max-width: 667px) {
.filter_international_agencies_element {
width: calc(50% - 30px);
}
}
@media only screen and (max-width: 480px) {
.filter_international_agencies_element {
width: calc(100% - 30px);
}
}
.filter_international_agencies_element img.pull-right {
max-width: 40px;
}
.filter_international_agencies_element .box {
padding: 15px 0 5px;
}
.filter_international_agencies_element span.h2, .filter_international_agencies_element .h3 {
display: block;
margin: 0 0 5px;
}
/* 3D - Visualisierung
-------------------------------------------------- */
.visualization {
border: 1px solid #dfe0e0;
}
/* Formular
-------------------------------------------------- */
.form-wraper {
margin: 18px 0px 60px 0px;
display: inline-block;
width: 100%;
}
.form-wraper > div {
padding-left: 0px;
}
.form-wraper select {
background: white url("../img/pfeil-small2.png") no-repeat 98% 54%;
}
.form-wraper select, .form-wraper input {
height: 45px;
}
.form-wraper select, .form-wraper input, .form-wraper textarea {
margin-bottom: 20px;
}
/* Footer
-------------------------------------------------- */
footer {
font-size: 95%;
line-height: 1.75;
background: #3b3b3b url("../img/footer-verlauf.jpg") no-repeat;
background-size: cover;
margin: 0px;
padding: 45px 0px 0px 0px;
color: #ffffff;
}
footer .container {
background: none;
}
footer .headline {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: normal;
text-transform: uppercase;
padding-bottom: 6px;
font-weight: bold;
text-transform: none;
}
footer .footer_adress {
padding-bottom: 38px;
}
footer a, footer .footer_adress {
color: #d8d8d8;
}
footer .phone:before, footer .web:before, footer .mail:before {
content: "";
font-family: 'ionicons';
padding-right: 7px;
}
footer .mail:before {
content: "";
}
footer .web:before {
content: "";
}
@media (max-width: 992px) {
footer .col-md-3.col-sm-3.col-xs-6.additional {
padding-right: 0;
}
}
@media (max-width: 768px) {
footer .col-md-3.col-sm-3.col-xs-6.additional {
padding-left: 30px;
min-height: 0;
margin-bottom: 30px;
}
}
@media (max-width: 414px) {
footer .col-md-3.col-sm-3.col-xs-6.additional {
width: 100%;
margin-bottom: 15px !important;
}
}
.footer-bottom {
color: #d8d8d8;
font-size: 87%;
}
.footer-bottom .container {
padding: 22px 15px 0px 15px;
border-top: 1px solid #636363;
}
.footer-bottom li {
float: left;
}
.footer-bottom img {
margin-top: -13px;
padding-right: 10px;
}
.footer-dewert {
background: #f2f2f2;
}
.footer-dewert a, .footer-dewert .footer_adress, .footer-dewert span {
color: #888a89;
}
.footer-dewert a:hover {
color: #6f7070;
}
.footer-dewert .headline {
color: #3b3b3b;
}
.footer-dewert .footer-bottom {
background: #ffffff;
}
.footer-dewert .footer-bottom .container {
border: 0px;
}
.footer-dewert .phone:before, .footer-dewert .mail:before {
color: #1d1d1b;
}
.col-md-3.col-sm-3.col-xs-6.additional {
min-height: 250px;
}
@media only screen and (max-width: 320px) {
.col-md-3.col-sm-3.col-xs-6.additional {
width: 100%;
min-height: inherit;
padding-bottom: 12px;
}
}
@media only screen and (max-width: 375px) {
.col-md-3.col-sm-3.col-xs-6.additional {
font-size: 90%;
}
}
@media only screen and (max-width: 480px) {
.col-md-6.col-sm-6.col-xs-12.right ul {
padding-top: 10px;
}
}
@media only screen and (max-width: 540px) {
.col-md-6.col-sm-6.col-xs-12.right ul {
float: left;
}
}
.footer-logos {
display: inline-block;
position: relative;
min-width: 130px;
}
.footer-logos:hover .hover-logos {
visibility: visible;
}
/* Callto Buttons
-------------------------------------------------- */
.callto_fixed {
position: fixed;
right: 0;
top: 250px;
background: #ffffff;
-webkit-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
padding: 5px;
z-index: 999;
}
.callto_fixed a {
display: block;
width: 70px;
height: 70px;
text-align: center;
padding: 12px 0 10px;
cursor: pointer;
position: relative;
color: #3b3b3b;
font-size: 12px;
border: 0;
}
@media (max-width: 1250px) {
.callto_fixed a {
width: 50px;
height: 50px;
padding: 4px 0 4px !important;
}
}
.callto_fixed a i {
font-size: 30px;
width: 100%;
margin-bottom: -5px;
}
@media (max-width: 1250px) {
.callto_fixed a i {
font-size: 25px;
margin-top: 0 !important;
}
}
.callto_fixed a i.fa-envelope-o {
font-size: 25px;
}
@media (max-width: 1250px) {
.callto_fixed a span {
font-size: 11px;
}
}
@media (max-width: 1250px) {
.callto_fixed a[href*=youtube] {
padding-top: 12px !important;
}
}
@media (max-width: 1250px) {
.callto_fixed a[href*=linkedin] {
padding-top: 13px !important;
}
}
@media (max-width: 1250px) {
.callto_fixed a[href*=twitter] {
padding-top: 15px !important;
}
}
.callto_fixed a.kontakt {
padding-top: 17px;
border-top: 1px solid #D9D9D9;
}
.callto_fixed a.kontakt_wechat {
padding-bottom: 17px;
border-bottom: 1px solid #d9d9d9;
}
.callto_fixed a.kontakt_tiktok {
padding-bottom: 17px;
border-bottom: 1px solid #d9d9d9;
}
.fab.fa-linkedin-in {
background-image: url('../img/favicon-linkedin.png');
height: 25px;
width: 25px;
position: relative;
display: inline-block;
}
@media (max-width: 1250px) {
.fab.fa-linkedin-in {
height: 21px;
width: 21px;
background-size: 21px;
background-repeat: no-repeat;
margin-top: 0 !important;
}
}
.call_to_ausklapper {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
right: 100%;
width: 275px;
bottom: 0;
height: auto;
padding: 13px 15px 15px;
-webkit-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
}
@media (max-height: 750px) {
.call_to_ausklapper {
top: auto;
bottom: 0;
}
}
.call_to_ausklapper.wechat {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
right: 108%;
width: 275px;
top: 0;
height: 360px;
padding: 13px 15px 15px;
-webkit-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
}
@media (max-height: 750px) {
.call_to_ausklapper.wechat {
top: auto;
bottom: 0;
}
}
.call_to_ausklapper.tiktok {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
right: 108%;
width: 275px;
top: 0;
height: 360px;
padding: 13px 15px 15px;
-webkit-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
}
@media (max-height: 750px) {
.call_to_ausklapper.tiktok {
top: auto;
bottom: 0;
}
}
.call_to_ausklapper.baidoo {
display: none;
position: absolute;
background: #fff;
border: 1px solid #ccc;
right: 108%;
width: 275px;
top: 0;
height: 435px;
padding: 13px 15px 15px;
-webkit-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
}
@media (max-height: 750px) {
.call_to_ausklapper.baidoo {
top: auto;
bottom: 0;
}
}
.callto_fixed_bottom.wechat {
margin-top: 0 !important;
}
.callto_fixed_bottom.tiktok {
margin-top: 0 !important;
}
.callto_fixed_bottom.baidoo {
margin-top: 0 !important;
}
.callto_fixed_bottom:hover .call_to_ausklapper {
display: block;
}
.call_to_ausklapperspan.h2.left.hinweis {
font-size: 14px;
margin-top: 0;
display: inline-block;
}
.call_to_ausklapper p {
font-size: 13px;
}
.call_to_ausklapper a.btn-hinweis {
background: #e30613;
padding: 5px;
}
.callto_fixed_bottom {
display: none;
}
@media (max-width: 767px) {
.callto_fixed_bottom {
display: none !important;
}
}
.callto_fixed_bottom {
opacity: 0;
position: fixed;
right: 0;
top: 695px;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 0px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
z-index: 999;
border-right: 0;
height: 75px;
width: 80px;
height: auto;
padding: 10px 0;
}
@media (max-width: 1250px) {
.callto_fixed_bottom {
height: 60px;
width: 60px;
}
}
.callto_fixed_bottom.vrinfo {
top: 625px;
display: block;
opacity: 1;
background-image: url('../img/icon-vr-info.jpg');
}
.callto_fixed_bottom.vrinfo a i {
color: #000;
}
.callto_fixed_bottom.vrinfo a span {
color: #000;
}
@media (max-height: 750px) {
.callto_fixed_bottom.vrinfo .call_to_ausklapper {
top: auto;
bottom: 0;
}
}
.callto_fixed_bottom.wechat {
top: 625px;
display: block;
opacity: 1;
-webkit-box-shadow: 0px 0px 0px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 0px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 0px 0px #c7c7c7;
-o-box-shadow: 0px 0px 0px 0px #c7c7c7;
box-shadow: 0px 0px 0px 0px #c7c7c7;
}
.callto_fixed_bottom.wechat a i {
color: #000;
}
.callto_fixed_bottom.wechat a span {
color: #000;
}
@media (max-height: 750px) {
.callto_fixed_bottom.wechat .call_to_ausklapper {
top: -7px;
bottom: 0;
}
}
.callto_fixed_bottom.tiktok {
top: 625px;
display: block;
opacity: 1;
-webkit-box-shadow: 0px 0px 0px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 0px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 0px 0px #c7c7c7;
-o-box-shadow: 0px 0px 0px 0px #c7c7c7;
box-shadow: 0px 0px 0px 0px #c7c7c7;
}
.callto_fixed_bottom.tiktok a i {
color: #000;
}
.callto_fixed_bottom.tiktok a span {
color: #000;
}
@media (max-height: 750px) {
.callto_fixed_bottom.tiktok .call_to_ausklapper {
top: -7px;
bottom: 0;
}
}
.callto_fixed_bottom.baidoo {
top: 625px;
display: block;
opacity: 1;
-webkit-box-shadow: 0px 0px 0px 0px #c7c7c7;
-moz-box-shadow: 0px 0px 0px 0px #c7c7c7;
-ms-box-shadow: 0px 0px 0px 0px #c7c7c7;
-o-box-shadow: 0px 0px 0px 0px #c7c7c7;
box-shadow: 0px 0px 0px 0px #c7c7c7;
}
.callto_fixed_bottom.baidoo a i {
color: #000;
}
.callto_fixed_bottom.baidoo a span {
color: #000;
position: absolute;
padding-top: 50px;
}
@media (max-height: 750px) {
.callto_fixed_bottom.baidoo .call_to_ausklapper {
top: -7px;
bottom: 0;
}
}
.callto_fixed_bottom.corona {
top: 625px;
display: block;
opacity: 1;
background-color: #e30613;
}
@media (max-width: 1250px) {
.callto_fixed_bottom.corona {
height: 60px !important;
}
}
.callto_fixed_bottom.corona i.fa-virus {
background-image: url('../img/icon-virus-solid.svg');
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 6px auto 10px;
}
.callto_fixed_bottom.corona span {
font-size: 11px;
}
.callto_fixed_bottom.corona .call_to_ausklapper {
border: 1px solid #e30613;
}
@media (max-height: 900px) {
.callto_fixed_bottom.corona .call_to_ausklapper {
top: auto;
bottom: 0;
}
}
@media (max-width: 1250px) {
.callto_fixed_bottom img {
max-width: 45px;
}
}
.callto_fixed_bottom a {
display: block;
text-align: center;
cursor: pointer;
position: relative;
color: #fff;
display: -webkit-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex !important;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
font-size: 12px;
border: 0;
}
.callto_fixed_bottom a i {
font-size: 30px;
width: 100%;
padding: 0;
margin: 0px 0 5px;
line-height: 0;
line-height: 1;
display: block;
color: #cf1e1a;
color: #fff;
}
.callto_fixed_bottom a i.fa-angle-down {
-webkit-animation: pulse 2.5s infinite;
-moz-animation: pulse 2.5s infinite;
animation: pulse 2.5s infinite;
margin: 0;
line-height: 0.7;
}
.callto_fixed_bottom a span > span {
line-height: 1.2 !important;
display: block;
font-weight: 600;
}
.callto_fixed_bottom.light .kontakt_open *:not(a) {
color: #fff;
}
.callto_fixed_bottom.dark .kontakt_open *:not(a) {
color: #000;
}
.callto_fixed_bottom img.icon {
max-width: 30px;
height: auto;
margin-bottom: 7px;
}
.callto_fixed_bottom i.fa-virus {
background-image: url('../img/icon-virus-solid.svg');
background-repeat: no-repeat;
width: 30px;
height: 30px;
margin: 6px auto 10px;
}
.callto_fixed_wrapper {
position: fixed;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 999999;
}
@media (max-width: 767px) {
.callto_fixed_wrapper {
display: none !important;
}
}
.callto_fixed_wrapper .callto_fixed, .callto_fixed_wrapper .callto_fixed_bottom {
position: relative;
top: 0 !important;
margin-top: 15px;
}
.callto_fixed_wrapper .callto_fixed.single, .callto_fixed_wrapper .callto_fixed_bottom.single {
opacity: 1 !important;
display: block !important;
}
/* Modal Windows
-------------------------------------------------- */
@media (min-width: 769px) {
.modal-dialog {
max-width: 1200px;
width: auto;
}
}
.modal-dialog {
max-width: 95%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
position: absolute;
}
.modal-dialog button.close {
z-index: 9;
position: absolute;
right: 10px;
top: 5px;
font-size: 40px;
}
.video-wrapper {
position: relative;
max-width: 100%;
width: 1200px;
height: 0 !important;
padding-bottom: 56.3%;
}
video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
a[data-toggle=modal] {
margin-top: 15px;
display: block;
border: 1px solid #ccc;
float: left;
position: relative;
}
a[data-toggle=modal] i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) !important;
-moz-transform: translate(-50%, -50%) !important;
-ms-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
color: #fff;
font-size: 50px;
opacity: 0.75;
text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}
/* Plugin Styles
-------------------------------------------------- */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #3b3b3b;
color: #FFF;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 0px;
margin: 0 !important;
list-style: none;
font-size: 14px;
text-align: left;
background-color: rgba(0, 0, 0, 0.6);
border: 1px solid #ccc;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin-top: 0 !important;
border-top: 1px solid #fff;
}
.dropdown-menu > li > a {
display: block;
padding: 8px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #FFF;
white-space: nowrap;
transition: background-color 0.2s ease;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
text-decoration: none;
color: #FFFFFF;
background-color: #737373;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #6b6b6b;
color: #fff;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
transition: background-color 0.2s ease;
background-color: #737373;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: #6b6b6b;
color: #fff;
}
@media (max-width: 768px) {
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 35px 5px 35px;
}
.navbar .navbar-collapse ul.navbar-nav li a {
color: #fff !important;
border-bottom: 1px solid #f2f2f2;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
background-color: #6b6b6b;
}
}
/*TinyNav*/
/* styles for desktop */
.tinynav {
display: none;
}
/* styles for mobile */
@media screen and (max-width: 992px) {
.tinynav {
display: block;
margin-bottom: 20px;
}
ul.leve1.l_tinynav1 {
display: none;
}
}
@media screen and (max-width: 992px) {
#accordion1 {
display: none;
}
}
@media screen and (max-width: 992px) {
.tinynav {
display: block;
width: 100%;
height: 45px;
padding: 6px 15px;
color: white;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: none;
-webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
background: #A5A5A5 url("../img/pfeil-small3.png") no-repeat 98% 54%;
}
}
#langnavi {
width: 24px;
position: relative;
z-index: 99999;
position: absolute;
right: 15px;
/*@media(min-width:768px){
top: 3px;
}*/
}
@media screen and (max-width: 768px) {
#langnavi {
right: 20px;
margin-top: 17px;
width: 55px;
overflow: visible;
height: auto;
}
}
@media screen and (max-width: 374px) {
#langnavi {
right: 35px;
margin-top: 63px;
}
}
#langnavi .current {
padding: 0 15px 0 15px;
margin-top: 3px !important;
position: absolute;
top: 0;
}
#langnavi a {
position: relative;
float: left;
padding: 0 15px 15px 15px;
margin: -1px 0;
background: #3b3b3b;
top: auto;
}
#langnavi a:first-of-type {
margin-top: 34px;
}
table p {
margin: 0px 0px 0px 0px;
}
.technical_drawing {
margin-bottom: 10px;
}
.componentTeaserImage {
width: 100%;
}
.component {
border-bottom: 1px solid #747776;
margin: 5px 10px;
}
.component.last {
border-bottom: 1px solid #3b3b3b;
margin: 10px;
}
/*------------------------------
Bigmug-Line-Icons
------------------------------*/
.subline.showIcon1, .subline.showIcon2, .subline.showIcon3 {
text-align: center;
}
.subline.showIcon1:before {
content: '';
background-image: url("bigmug-line/menu-square-button_icon-dunkelgrau.svg");
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
.subline.showIcon2:before {
content: '';
background-image: url("bigmug-line/file-rounded-outlined-symbol_icon-dunkelgrau.svg");
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
.subline.showIcon3:before {
content: '';
background-image: url("bigmug-line/cube-of-notes-stack_icon-dunkelgrau.svg");
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 50px;
height: 50px;
margin-left: auto;
margin-right: auto;
}
.greyButton:after {
content: '';
background-image: url("bigmug-line/right-arrow-angle_icon-weiss.svg");
background-repeat: no-repeat;
background-position: center center;
height: 16px;
margin: 5px 8px;
}
.content .greyButton:after, .content .send:after {
content: '';
}
.csc-header.csc-header-n1 {
float: left;
}
.tx-indexedsearch {
float: left;
width: 75%;
padding: 15px 15px 100px;
}
.tx-indexedsearch .tx-indexedsearch-rules, .tx-indexedsearch .tx-indexedsearch-searchbox > form > p {
display: none;
}
@media screen and (max-width: 992px) {
.tx-indexedsearch {
width: 100%;
}
}
.tx-indexedsearch .tx-indexedsearch-searchbox table tr {
float: left;
width: calc(50% - 15px);
}
.tx-indexedsearch .tx-indexedsearch-searchbox table tr:first-of-type {
margin-right: 30px;
}
@media (max-width: 540px) {
.tx-indexedsearch .tx-indexedsearch-searchbox table tr {
width: 100%;
}
.tx-indexedsearch .tx-indexedsearch-searchbox table tr:first-of-type {
margin-right: 0;
}
}
.tx-indexedsearch .tx-indexedsearch-searchbox table td, .tx-indexedsearch .tx-indexedsearch-searchbox table th {
border-bottom: 0;
width: 100%;
float: left;
}
.tx-indexedsearch .tx-indexedsearch-searchbox table td:first-of-type, .tx-indexedsearch .tx-indexedsearch-searchbox table th:first-of-type {
display: none;
}
.tx-indexedsearch .tx-indexedsearch-searchbox input {
width: 100% !important;
position: relative;
border-color: #fff;
color: #777 !important;
background: transparent;
border: 2px solid #ccc;
border-radius: 0;
padding: 20px 25px !important;
height: 65px;
font-weight: 600;
line-height: 20px;
font-size: 16px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button.submit {
float: right;
background: #747776;
color: #ffffff !important;
border-color: #747776;
width: 100% !important;
border: 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res {
padding: 15px 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res:not(:last-of-type) {
border-bottom: 1px solid #747776;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res > br {
display: none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res tr:nth-of-type(1) td.tx-indexedsearch-icon.icon, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res tr:nth-of-type(1) td.tx-indexedsearch-result-number.result-number, .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res tr:nth-of-type(1) td.tx-indexedsearch-percent.percent {
display: none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res tr:nth-of-type(2) td:nth-of-type(1) {
display: none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res tr:nth-of-type(3) {
display: none;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res td {
width: 100%;
float: left;
display: block;
border-bottom: 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-title.title a {
display: block;
float: left;
width: 100%;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-res .tx-indexedsearch-redMarkup {
color: #e2001a !important;
}
/* Lexikon */
.dpnglossary.pagination ul {
list-style: none;
margin: 0;
padding: 0;
}
.dpnglossary.pagination ul li {
float: left;
margin-left: 5px;
margin-right: 5px;
}
.dpnglossary.pagination ul li a {
text-decoration: none;
}
.dpnglossary.pagination ul li.first {
margin-left: 0;
}
.dpnglossary.pagination ul li.last {
margin-right: 0;
}
.dpnglossary.pagination ul li.empty {
color: #f00;
}
.dpnglossary.details .description h3 {
cursor: pointer;
}
.dpnglossary.details .description .text {
display: none;
}
.dpnglossary.details .mediafile {
display: inline-block;
margin-bottom: 10px;
}
.dpnglossary.details .mediafile:last-child {
margin-bottom: 0;
}
.dpnglossary.link {
display: inline;
position: relative;
}
.dpnglossary.link:hover:after {
background: #333;
background: rgba(0, 0, 0, 0.8);
border-radius: 5px;
bottom: 26px;
color: #fff;
content: attr(title);
left: 20%;
padding: 5px 15px;
position: absolute;
width: 220px;
z-index: 98;
}
.dpnglossary.link:hover:before {
border: solid;
border-color: #333 transparent;
border-width: 6px 6px 0;
bottom: 20px;
content: '';
left: 50%;
position: absolute;
z-index: 99;
}
h1, .col-md-9.content, .dpnglossary.pagination + div, .dpnglossary.details, .dpnglossary.details + p, .col-md-9.col-sm-12.col-xs-12.inhaltsbereich, .tx-powermail {
float: right;
padding-left: 10px;
width: 100%;
}
@media (min-width: 993px) {
h1, .col-md-9.content, .dpnglossary.pagination + div, .dpnglossary.details, .dpnglossary.details + p, .col-md-9.col-sm-12.col-xs-12.inhaltsbereich, .tx-powermail {
width: 75%;
}
}
@media (min-width: 1200px) and (max-width: 1290px) {
h1, .col-md-9.content, .dpnglossary.pagination + div, .dpnglossary.details, .dpnglossary.details + p, .col-md-9.col-sm-12.col-xs-12.inhaltsbereich, .tx-powermail {
right: 5%;
width: 70%;
}
}
@media (min-width: 993px) {
.dpnglossary.pagination + div {
width: 100%;
}
}
.col-md-9 h1, .col-md-9 h2, .col-md-9 h3 {
width: 100% !important;
}
.dpnglossary.pagination {
padding-left: 10px;
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich:last-of-type, .dpnglossary.pagination + div {
margin-bottom: 60px;
}
@media (max-width: 768px) {
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich:last-of-type, .dpnglossary.pagination + div {
margin-bottom: 30px !important;
}
}
li.character.current {
color: #ed1c24;
}
li.character.empty {
color: #ccc !important;
}
li.character a {
color: #000;
}
div.dpnglossary.list a, .dpnglossary.backlink a {
color: #000;
}
div.dpnglossary.details {
width: calc(75% - 135px);
float: left;
}
div.dpnglossary.details h1 {
width: 100%;
padding: 0px;
margin-top: 0px;
float: left;
}
@media only screen and (max-width: 992px) {
div.dpnglossary.details {
width: calc(100% - 85px);
}
}
section#map {
height: 0 !important;
padding-bottom: 60%;
}
section#map .address_data strong {
font-weight: 400;
font-size: 16px;
}
section#map .address_data .marker {
margin-top: 5px;
}
section#map .address_data span:empty {
display: none;
}
/* Powermail */
#contactform ul.powermail_message.powermail_message_error {
width: 100%;
position: relative;
}
#contactform fieldset.powermail_fieldset {
float: left;
width: 100%;
}
#powermail_field_beschreibensieihreanfrage {
height: 200px;
}
.csc-header.csc-header-n1 {
float: left;
}
.csc-header.csc-header-n1 h1 {
float: left;
}
.tx-powermail {
margin-top: 50px;
margin-bottom: 100px;
}
.tx-powermail .container-fluid {
padding: 0;
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich .tx-powermail {
width: calc(100% + 30px);
padding: 0;
margin-bottom: 100px;
float: left;
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich .tx-powermail .powermail_fieldwrap_country {
width: calc(100% - 30px);
}
.tx-powermail h3, legend.powermail_legend {
display: none;
}
.powermail_fieldwrap {
width: calc(100% - 30px);
float: left;
margin-bottom: 25px;
position: relative;
}
@media (min-width: 541px) {
.powermail_fieldwrap_subject, .powermail_fieldwrap_divisions, .powermail_fieldwrap_name, .powermail_fieldwrap_vorname, .powermail_fieldwrap_company, .powermail_fieldwrap_e_mail, .powermail_fieldwrap_telefon, .powermail_fieldwrap_country, .powermail_fieldwrap_yourmessage, .powermail_fieldwrap_captcha, .powermail_fieldwrap.layout2 {
width: calc(50% - 30px);
margin-right: 30px;
}
}
@media (min-width: 541px) {
.powermail_fieldwrap_marker_01 {
float: right;
width: calc(50% - 30px);
margin-right: 30px;
}
}
@media (min-width: 541px) {
.powermail_fieldwrap.layout3 {
width: calc(33.333% - 30px);
margin-right: 30px;
}
}
.powermail_label {
width: 100%;
display: block;
float: left;
}
.powermail_fieldwrap_checkbox {
margin: 15px 0 25px 31%;
}
.powermail_fieldwrap_checkbox > .powermail_label {
width: 65%;
font-size: smaller;
line-height: 1.5;
}
.powermail_field > * {
width: 100%;
border: 1px solid #bdbdbd;
padding: 10px 15px 7px;
line-height: 22px;
border-radius: 5px !important;
display: block;
float: left;
color: #333;
}
.powermail_select {
background: no-repeat 98% 50% url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQwMS45OTggNDAxLjk5OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDAxLjk5OCA0MDEuOTk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTczLjA5MiwxNjQuNDUyaDI1NS44MTNjNC45NDksMCw5LjIzMy0xLjgwNywxMi44NDgtNS40MjRjMy42MTMtMy42MTYsNS40MjctNy44OTgsNS40MjctMTIuODQ3ICAgIGMwLTQuOTQ5LTEuODEzLTkuMjI5LTUuNDI3LTEyLjg1TDIxMy44NDYsNS40MjRDMjEwLjIzMiwxLjgxMiwyMDUuOTUxLDAsMjAwLjk5OSwwcy05LjIzMywxLjgxMi0xMi44NSw1LjQyNEw2MC4yNDIsMTMzLjMzMSAgICBjLTMuNjE3LDMuNjE3LTUuNDI0LDcuOTAxLTUuNDI0LDEyLjg1YzAsNC45NDgsMS44MDcsOS4yMzEsNS40MjQsMTIuODQ3QzYzLjg2MywxNjIuNjQ1LDY4LjE0NCwxNjQuNDUyLDczLjA5MiwxNjQuNDUyeiIgZmlsbD0iIzAwMDAwMCIvPgoJCTxwYXRoIGQ9Ik0zMjguOTA1LDIzNy41NDlINzMuMDkyYy00Ljk1MiwwLTkuMjMzLDEuODA4LTEyLjg1LDUuNDIxYy0zLjYxNywzLjYxNy01LjQyNCw3Ljg5OC01LjQyNCwxMi44NDcgICAgYzAsNC45NDksMS44MDcsOS4yMzMsNS40MjQsMTIuODQ4TDE4OC4xNDksMzk2LjU3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4czkuMjMzLTEuODExLDEyLjg0Ny01LjQyOGwxMjcuOTA3LTEyNy45MDYgICAgYzMuNjEzLTMuNjE0LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0OGMwLTQuOTQ4LTEuODEzLTkuMjI5LTUuNDI3LTEyLjg0N0MzMzguMTM5LDIzOS4zNTMsMzMzLjg1NCwyMzcuNTQ5LDMyOC45MDUsMjM3LjU0OXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-size: 10px;
}
.powermail_captchaimage {
padding: 0;
margin-top: 20px;
height: 70px;
}
.powermail_submit {
border: 1px solid #e2011d;
float: left;
background: #e2011d;
color: #fff;
font-size: 16px;
position: relative;
}
.powermail_submit:hover {
background: #6d6d6d;
border: 1px solid #6d6d6d;
}
.powermail_form_62, .powermail_form_137 {
margin-top: 30px;
}
.powermail_form_62 fieldset.powermail_fieldset.powermail_fieldset_77, .powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_77 {
display: none;
}
.powermail_form_62 fieldset.powermail_fieldset.powermail_fieldset_78, .powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_78 {
display: none;
}
.powermail_form_62 .powermail_label, .powermail_form_137 .powermail_label {
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_62 input::placeholder, .powermail_form_137 input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
opacity: 1;
/* Firefox */
}
.powermail_form_62 input:-ms-input-placeholder, .powermail_form_137 input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_62 input::-ms-input-placeholder, .powermail_form_137 input::-ms-input-placeholder {
/* Microsoft Edge */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_62 .powermail_fieldset, .powermail_form_137 .powermail_fieldset {
margin: 15px 0;
}
.powermail_form_62 legend.powermail_legend, .powermail_form_137 legend.powermail_legend {
margin: 10px 0;
display: inline-block;
position: relative;
border-bottom: none;
padding-bottom: 5px;
text-transform: uppercase !important;
color: #3b3b3b;
font-size: 19px;
width: auto;
clear: both;
}
.powermail_form_62 legend.powermail_legend::after, .powermail_form_137 legend.powermail_legend::after {
position: absolute;
width: 100%;
height: 1px;
background-color: #cb1200;
bottom: 0;
left: 0;
}
.powermail_form_62 a.add_field_button, .powermail_form_137 a.add_field_button {
border: 1px solid #e2011d;
float: right;
background: #e2011d;
color: #fff;
font-size: 16px;
position: relative;
width: 48%;
min-width: 175px;
text-align: center;
font-weight: 300;
}
@media (max-width: 540px) {
.powermail_form_62 a.add_field_button, .powermail_form_137 a.add_field_button {
width: 100%;
}
}
.powermail_form_62 a.add_field_button:hover, .powermail_form_137 a.add_field_button:hover {
background: #6d6d6d;
color: #fff;
border: 1px solid #6d6d6d;
}
.powermail_form_62 a.add_field_button::before, .powermail_form_137 a.add_field_button::before {
content: '+';
padding: 0 5px 0 0;
}
.powermail_form_62 .powermail_fieldwrap_type_text, .powermail_form_137 .powermail_fieldwrap_type_text {
color: #888a89;
}
@media (min-width: 541px) {
.powermail_form_62 .powermail_fieldwrap_type_captcha #powermail_field_marker, .powermail_form_62 .powermail_fieldwrap_type_captcha .powermail_captchaimage, .powermail_form_137 .powermail_fieldwrap_type_captcha #powermail_field_marker, .powermail_form_137 .powermail_fieldwrap_type_captcha .powermail_captchaimage {
width: calc(50% - 15px);
margin-right: 30px;
}
}
@media (min-width: 541px) {
.powermail_form_62 .powermail_fieldwrap_type_captcha .powermail_captchaimage, .powermail_form_137 .powermail_fieldwrap_type_captcha .powermail_captchaimage {
padding: 0;
height: auto;
float: right;
margin: -47px 0 0 30px;
}
}
.powermail_form_62 span.mandatory, .powermail_form_137 span.mandatory {
color: #cb1200;
}
.powermail_form_61 {
margin-top: 30px;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_66 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_67 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_68 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_69 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_70 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_71 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_72 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_73 {
display: none;
}
.powermail_form_61 fieldset.powermail_fieldset.powermail_fieldset_74 legend.powermail_legend {
display: none;
}
.powermail_form_61 .powermail_label {
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_61 input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
opacity: 1;
/* Firefox */
}
.powermail_form_61 input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_61 input::-ms-input-placeholder {
/* Microsoft Edge */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_61 .powermail_fieldset {
margin: 15px 0;
}
.powermail_form_61 legend.powermail_legend {
margin: 10px 0;
display: inline-block;
position: relative;
border-bottom: none;
padding-bottom: 5px;
text-transform: uppercase !important;
color: #3b3b3b;
font-size: 19px;
width: auto;
clear: both;
}
.powermail_form_61 legend.powermail_legend::after {
position: absolute;
width: 100%;
height: 1px;
background-color: #cb1200;
bottom: 0;
left: 0;
}
.powermail_form_61 a.add_field_button {
border: 1px solid #e2011d;
float: right;
background: #e2011d;
color: #fff;
font-size: 16px;
position: relative;
width: 48%;
min-width: 175px;
text-align: center;
font-weight: 300;
}
@media (max-width: 540px) {
.powermail_form_61 a.add_field_button {
width: 100%;
}
}
.powermail_form_61 a.add_field_button:hover {
background: #6d6d6d;
color: #fff;
border: 1px solid #6d6d6d;
}
.powermail_form_61 a.add_field_button::before {
content: '+';
padding: 0 5px 0 0;
}
.powermail_form_61 .powermail_fieldwrap_type_text {
color: #888a89;
}
@media (min-width: 541px) {
.powermail_form_61 .powermail_fieldwrap_type_captcha #powermail_field_marker, .powermail_form_61 .powermail_fieldwrap_type_captcha .powermail_captchaimage {
width: calc(50% - 15px);
margin-right: 30px;
}
}
@media (min-width: 541px) {
.powermail_form_61 .powermail_fieldwrap_type_captcha .powermail_captchaimage {
padding: 0;
height: auto;
float: right;
margin: -47px 0 0 30px;
}
}
.powermail_form_61 span.mandatory {
color: #cb1200;
}
.powermail_form_137 {
margin-top: 0px;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_220 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_221 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_222 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_223 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_224 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_225 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_226 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_227 {
display: none;
}
.powermail_form_137 fieldset.powermail_fieldset.powermail_fieldset_228 legend.powermail_legend {
display: none;
}
.powermail_form_137 .powermail_label {
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_137 input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
opacity: 1;
/* Firefox */
}
.powermail_form_137 input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_137 input::-ms-input-placeholder {
/* Microsoft Edge */
color: rgba(51, 51, 51, 0.35);
color: rgba(51, 51, 51, 0.5);
}
.powermail_form_137 .powermail_fieldset {
margin: 15px 0;
}
.powermail_form_137 legend.powermail_legend {
margin: 10px 0;
display: inline-block;
position: relative;
border-bottom: none;
padding-bottom: 5px;
text-transform: uppercase !important;
color: #3b3b3b;
font-size: 19px;
width: auto;
clear: both;
}
.powermail_form_137 legend.powermail_legend::after {
position: absolute;
width: 100%;
height: 1px;
background-color: #cb1200;
bottom: 0;
left: 0;
}
.powermail_form_137 a.add_field_button {
border: 1px solid #e2011d;
float: right;
background: #e2011d;
color: #fff;
font-size: 16px;
position: relative;
width: 48%;
min-width: 175px;
text-align: center;
font-weight: 300;
}
@media (max-width: 540px) {
.powermail_form_137 a.add_field_button {
width: 100%;
}
}
.powermail_form_137 a.add_field_button:hover {
background: #6d6d6d;
color: #fff;
border: 1px solid #6d6d6d;
}
.powermail_form_137 a.add_field_button::before {
content: '+';
padding: 0 5px 0 0;
}
.powermail_form_137 .powermail_fieldwrap_type_text {
color: #888a89;
}
@media (min-width: 541px) {
.powermail_form_137 .powermail_fieldwrap_type_captcha #powermail_field_marker, .powermail_form_137 .powermail_fieldwrap_type_captcha .powermail_captchaimage {
width: calc(50% - 15px);
margin-right: 30px;
}
}
@media (min-width: 541px) {
.powermail_form_137 .powermail_fieldwrap_type_captcha .powermail_captchaimage {
padding: 0;
height: auto;
float: right;
margin: -47px 0 0 30px;
}
}
.powermail_form_137 span.mandatory {
color: #cb1200;
}
.btn-primary:hover {
color: #fff;
background-color: #9d9d9d;
border-color: #9d9d9d;
}
.teaserlist-wrapper {
padding-bottom: 60px;
}
.teaserlist-wrapper a {
float: left;
display: block;
width: 100%;
}
@media (min-width: 768px) {
.content.teaser .row.categories {
margin-bottom: 80px;
}
}
@media (max-width: 575px) {
.content.teaser .row.categories {
margin: 0 15px;
padding: 0;
}
}
.content.teaser a[href*="#"]:hover .bg-image, .content.teaser a[href*="#"].active .bg-image {
background-color: #eaeaea;
background-size: 100% 100%;
}
.content.teaser a.dark-gif:hover .headline, .content.teaser a.dark-gif.active .headline {
color: #fff;
}
.content.teaser a .bg-image {
padding-bottom: 67%;
background-size: 100% 100%;
background-position: center center;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.52s ease-in-out;
}
.fairs {
border-bottom: 1px solid #ccc;
}
.fairs img {
width: 120px;
height: auto;
float: right;
padding: 15px 0 0 0;
}
.fairs > div {
float: left;
width: calc(100% - 150px);
}
section.aktuelles-home .container.no-padding {
background: none;
}
@media (max-width: 768px) {
section.aktuelles-home .container.no-padding {
padding: 0 15px;
}
}
section.aktuelles-home .container.no-padding .row {
margin-top: 30px;
margin-bottom: 60px;
}
@media (max-width: 992px) {
section.aktuelles-home .container.no-padding .row .pressemitteilungen {
margin-bottom: 30px;
}
}
section.aktuelles-home .container.no-padding .row .pressemitteilungen > div {
padding-bottom: 50px !important;
position: relative;
float: left;
width: 100%;
-webkit-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
background: rgba(255, 255, 255, 0.7);
padding: 1px 15px 15px;
position: relative;
}
section.aktuelles-home .container.no-padding .row .pressemitteilungen > div ul li {
width: 100%;
line-height: 30px;
}
section.aktuelles-home .container.no-padding .row .pressemitteilungen > div ul li a {
display: block;
float: left;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
section.aktuelles-home .container.no-padding .row .pressemitteilungen > div ul li a img {
float: right;
}
section.aktuelles-home .container.no-padding .row .pressemitteilungen > div ul li a:hover {
color: #3b3b3b;
}
section.aktuelles-home .container.no-padding .row .pressemitteilungen > div a.btn {
background: #e30613;
color: #fff;
padding: 9px 10px 6px;
border-radius: 0;
width: 300px;
margin-top: 10px;
float: left;
height: auto;
position: absolute;
bottom: 15px;
}
@media (max-width: 540px) {
section.aktuelles-home .container.no-padding .row .pressemitteilungen > div a.btn {
width: calc(100% - 30px);
}
}
section.aktuelles-home .container.no-padding .row .events .owl-carousel-events {
padding: 0 !important;
margin: 0 !important;
display: block;
opacity: 1;
-webkit-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
background: rgba(255, 255, 255, 0.7);
}
section.aktuelles-home .container.no-padding .row .events .owl-carousel-events .owl-item:not(.cloned) {
display: block !important;
width: 100%;
}
section.aktuelles-home .container.no-padding .row .events .owl-carousel-events .owl-item:not(.cloned) .item.sameheight {
padding-bottom: 50px !important;
padding: 1px 15px 15px;
}
section.aktuelles-home .container.no-padding .row .events .owl-carousel-events .owl-controls {
margin: 0 !important;
}
section.aktuelles-home .container.no-padding .row .events .owl-carousel-events .owl-controls .owl-dots {
position: absolute;
right: 0;
left: 0;
top: 15px;
}
section.aktuelles-home .container.no-padding .row .events .owl-carousel-events .owl-controls .owl-dots .owl-dot.active span, section.aktuelles-home .container.no-padding .row .events .owl-carousel-events .owl-controls .owl-dots .owl-dot:hover span {
background: #cb1200;
}
section.aktuelles-home .container.no-padding .row .events .sameheight {
padding-bottom: 50px !important;
position: relative;
float: left;
width: 100%;
-webkit-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
background: rgba(255, 255, 255, 0.7);
padding: 1px 15px 15px;
position: relative;
}
@media (max-width: 1200px) {
section.aktuelles-home .container.no-padding .row .events .sameheight {
background-position: right center !important;
}
}
section.aktuelles-home .container.no-padding .row .events .sameheight:before {
content: '';
position: absolute;
z-index: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: -moz-linear-gradient(left, white 0%, white 35%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, white 0%, white 35%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, white 0%, white 35%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1);
}
section.aktuelles-home .container.no-padding .row .events .sameheight p, section.aktuelles-home .container.no-padding .row .events .sameheight div, section.aktuelles-home .container.no-padding .row .events .sameheight a, section.aktuelles-home .container.no-padding .row .events .sameheight img {
position: relative;
z-index: 1;
}
section.aktuelles-home .container.no-padding .row .events .sameheight a:hover {
color: #3b3b3b;
}
section.aktuelles-home .container.no-padding .row .events .sameheight img {
float: left;
position: absolute;
top: 50%;
right: 15px;
width: 85px;
border: 3px solid #fff;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
section.aktuelles-home .container.no-padding .row .events .sameheight a.btn {
background: #e30613;
color: #fff;
padding: 9px 10px 6px;
border-radius: 0;
width: 300px;
margin-top: 10px;
float: left;
height: auto;
position: absolute;
bottom: 15px;
}
@media (max-width: 540px) {
section.aktuelles-home .container.no-padding .row .events .sameheight a.btn {
width: calc(100% - 30px);
}
}
ul.sitemap ul, ul.sitemap li {
position: relative !important;
float: left !important;
width: 100% !important;
padding-left: 5px;
}
ul.sitemap ul {
margin-bottom: 15px;
}
ul.sitemap li {
margin-bottom: 5px;
}
ul.sitemap ul li a {
font-weight: 300;
}
ul.sitemap li a {
font-weight: 600;
}
ul.sitemap a[title=" "] span {
color: transparent;
margin-bottom: 10px;
position: relative;
float: left;
}
ul.sitemap a[title=" "] span:before {
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
content: '';
background: url('../../../../../fileadmin/template/website/img/icon-home-grey.svg');
background-repeat: no-repeat;
background-position: center center;
}
ul.sitemap a:hover {
text-decoration: underline;
}
.optionen tbody {
border: 1px solid #dcdcdc;
}
.optionen table th, .optionen table td {
border-right: 1px solid #dcdcdc;
padding: 5px;
text-align: center;
vertical-align: middle;
}
.optionen .contenttable th {
width: 100px;
}
.optionen .contenttable td {
width: 80px;
}
.optionen {
margin-top: -50px;
}
minuskel {
text-transform: lowercase;
}
.navbar-collapse {
padding-left: 0px;
}
.tx-indexedsearch-form input {
width: calc(50% - 15px) !important;
position: relative;
border-color: #fff;
color: #777 !important;
background: transparent;
border: 2px solid #ccc;
border-radius: 0;
padding: 20px 25px !important;
height: 65px;
font-weight: 600;
line-height: 20px;
font-size: 16px;
float: left;
}
input#tx-indexedsearch-searchbox-button-submit {
float: right;
background: #747776;
color: #fff !important;
border-color: #747776;
width: calc(50% - 15px) !important;
border: 0;
padding: 20px 25px !important;
height: 65px;
}
label {
display: block;
float: left;
width: 100%;
}
.tx-indexedsearch-searchbox {
margin-bottom: 15px;
float: left;
width: 100%;
}
span#search-term {
font-weight: bold;
}
ul.tx-indexedsearch-browsebox {
list-style: none;
margin: 0 !important;
width: 100%;
display: block;
float: left;
margin-top: 15px !important;
}
ul.tx-indexedsearch-browsebox li {
float: left;
margin-right: 10px;
}
.tx-indexedsearch-res {
float: left;
width: 100%;
/* border-bottom: 1px solid #ccc !important; */
padding: 5px 0 10px;
}
.tx-indexedsearch-res h3 {
text-transform: none;
margin-bottom: 10px;
}
p.tx-indexedsearch-description {
color: #333;
}
strong.tx-indexedsearch-redMarkup {
color: #e30714;
}
/*---Cookie-Hinweis---*/
.cc_banner-wrapper .cc_banner {
background-color: #3b3b3b !important;
padding: 16px;
}
.cc_banner-wrapper .cc_banner .cc_btn {
padding: 0 !important;
width: auto !important;
float: right;
margin: 0 15px 0 0;
}
@media screen and (max-width: 767px) {
.cc_banner-wrapper .cc_banner .cc_btn {
margin: 0px 0 0 15px;
float: left;
}
}
.cc_banner-wrapper .cc_banner .cc_message {
color: #fff !important;
margin: 0;
line-height: 22px;
float: left;
width: calc(100% - 250px);
padding: 5px 15px;
font-size: 15px !important;
}
@media screen and (max-width: 767px) {
.cc_banner-wrapper .cc_banner .cc_message {
width: 100%;
padding: 0 0 15px;
}
}
.cc_banner-wrapper .cc_banner a.cc_more_info {
color: #3b3b3b !important;
float: right;
margin-right: 0;
margin-top: -1px;
}
@media screen and (max-width: 767px) {
.cc_banner-wrapper .cc_banner a.cc_more_info {
float: left;
margin-top: 0;
}
}
.cc_banner-wrapper .cc_banner a.cc_btn_accept_all {
color: #3b3b3b !important;
}
.cc_banner-wrapper .cc_container {
font-family: 'FrutigerLTPro-Roman', sans-serif !important;
}
/*---OkinCommander|OkinApp---*/
div#body.iframe .col-md-9.col-sm-12.col-xs-12.inhaltsbereich {
width: 100%;
}
.owl-item .item.sameheight .h2 {
margin-top: 40px;
}
/*---Neue Texte Startseite---*/
.container.center {
background: none;
text-align: center;
}
.col-md-12.col-sm-12.col-xs-12.centertext h1.left, .col-md-12.col-sm-12.col-xs-12.centertext h2.left {
width: 100%;
}
@media (min-width: 992px) {
.col-md-12.col-sm-12.col-xs-12.centertext p {
padding: 0px 90px;
}
}
.col-md-12.col-sm-12.col-xs-12.centertext.one {
margin-top: 45px;
margin-bottom: -15px;
}
@media (max-width: 768px) {
.col-md-12.col-sm-12.col-xs-12.centertext.one {
margin-bottom: 30px;
}
}
.col-md-12.col-sm-12.col-xs-12.centertext.two {
margin-top: -35px;
margin-bottom: 25px;
}
@media (max-width: 768px) {
.col-md-12.col-sm-12.col-xs-12.centertext.two {
margin-top: 25px;
}
}
.owl-carousel .owl-item {
max-height: 700px;
}
.item.youtube {
position: relative;
padding-bottom: 44.75%;
padding-top: 0;
height: 0;
overflow: hidden;
}
.item.youtube iframe, .item.youtube object, .item.youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.item.youtube .text p {
padding: 30px 35px !important;
left: 120px !important;
bottom: 90px !important;
color: #fff !important;
text-shadow: none !important;
font-size: 40px !important;
text-align: left !important;
float: left !important;
font-weight: 300 !important;
background: rgba(0, 0, 0, 0.5) !important;
max-width: 50%;
}
/*---Formular Datenschutz---*/
.powermail_fieldset_33 label.powermail_label {
margin-bottom: 10px;
}
@media (min-width: 768px) {
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_marker_01 {
width: calc(50% - 20px);
margin-right: 25px;
margin-top: 32px;
}
}
input#powermail_field_marker_1 {
-webkit-appearance: checkbox;
bottom: 35%;
position: absolute;
}
input#powermail_field_pleaseacceptourprivacypolicy_1 {
-webkit-appearance: checkbox;
bottom: 35%;
position: absolute;
}
input#powermail_field_bittestimmensiedendatenschutzbestimmungenzu_1 {
-webkit-appearance: checkbox;
bottom: 35%;
position: absolute;
}
.checkbox {
margin-top: -10px;
border: none;
margin-bottom: -10px;
padding-left: 0px;
}
.powermail_fieldwrap_e_mailadresse {
padding-right: 15px;
}
@media (min-width: 768px) {
.powermail_fieldwrap_e_mailadresse {
width: calc(50% - 5px);
}
}
fieldset.powermail_fieldset.powermail_fieldset_33 {
margin-top: 15px;
}
.nolabel .powermail_label {
display: none;
}
label {
margin-bottom: 0px;
font-weight: normal;
color: #6d6d6d !important;
}
/**Newsletter Anmeldung**/
label.itemname {
margin-bottom: 0px;
font-weight: normal;
color: #888a89;
}
.mandatory {
color: #e2011d;
padding-left: 4px;
}
select#select_4100024, select#select_4129830, select#select_4150341, select#select_4150720, select#select_4151042, select#select_4151328, select#select_4151421, select#select_4285966, select#select_4286058, select#select_4286079, select#select_4286099, select#select_4286164, select#select_4286171, select#select_4286175 {
width: 100%;
border: 1px solid #ccc;
padding: 10px 15px 7px;
line-height: inherit !important;
display: block;
float: left;
color: #333;
background-color: transparent;
margin-bottom: 25px;
}
input#text4100029, input#text4100088, input#text4099998, input#text4099999, input#text4129832, input#text4129834, input#text4129835, input#text4150343, input#text4150345, input#text4150346, input#text4129831, input#text4150342, input#text4150722, input#text4150724, input#text4150725, input#text4150721, input#text4151044, input#text4151046, input#text4151047, input#text4151043, input#text4151342, input#text4151344, input#text4151345, input#text4151341, input#text4151435, input#text4151437, input#text4151438, input#text4151434 {
width: 100%;
border: 1px solid #ccc;
padding: 10px 15px 7px;
line-height: inherit !important;
display: block;
float: left;
color: #333;
margin-bottom: 25px;
}
button.cr_button {
border: 1px solid #ccc;
float: left;
background: #ccc;
color: #fff;
font-size: 16px;
position: relative;
padding: 10px 15px 7px;
line-height: inherit !important;
display: block;
width: 100%;
}
button.cr_button:hover {
color: #fff;
background-color: #9d9d9d;
border-color: #9d9d9d;
}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {
-moz-binding: none;
-moz-box-sizing: border-box;
background-color: -moz-field !important;
border: 1px solid #ccc;
color: -moz-fieldtext !important;
cursor: default;
height: 13px;
padding: 0 !important;
width: 13px;
margin-right: 5px;
}
form.layout_form.cr_form.cr_font .radio.form-check label + label {
margin-left: 15px;
}
.cr_ipe_item input.cr_ipe_radio {
-moz-appearance: radio;
border-radius: 100% 100% 100% 100% !important;
margin: 3px 3px 0 5px;
}
span.bereich {
margin-bottom: 30px;
display: inline-block;
margin-top: 10px;
margin-right: 15px;
}
span.datenschutz-newsletter {
display: block;
}
.clever_form_error {
border: 1px solid #e30613 !important;
padding: 10px;
}
.newsletteranmeldung .form-check label {
float: left;
position: relative;
width: 20%;
color: #000;
}
.newsletteranmeldung .form-check.datenschutz label {
width: 100%;
}
.newsletteranmeldung input[type="checkbox"] {
height: inherit;
width: inherit;
position: absolute;
right: 9000px;
}
.newsletteranmeldung input[type="checkbox"] + .label-text:before {
content: '4';
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
width: 1em;
display: inline-block;
margin-right: 5px;
}
.newsletteranmeldung input[type="checkbox"]:checked + .label-text:before {
content: "";
color: #2980b9;
animation: effect 250ms ease-in;
}
/**News**/
.col-md-9.col-sm-12.col-xs-12.news.article {
width: 100%;
margin-top: 20px;
}
.col-md-9.col-sm-12.col-xs-12.news.article .col-md-4 {
padding: 0;
}
.col-md-9.col-sm-12.col-xs-12.news.article a.btn {
background: #cb1200;
color: #ffffff;
padding: 9px 10px 6px;
border-radius: 0;
width: 300px;
margin-top: 15px;
float: left;
height: auto;
position: relative;
bottom: 15px;
}
.col-md-12.wrapper-news {
position: relative;
-webkit-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
background: rgba(255, 255, 255, 0.7);
transition: background 0.35s ease-in-out;
margin-bottom: 40px;
padding: 0;
}
/**Footer Logos + Tooltip**/
.col-md-12.col-sm-12.col-xs-12.logos {
border-top: 1px solid #636363;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}
.col-md-12.col-sm-12.col-xs-12.logos img {
height: 82px;
filter: grayscale;
-webkit-filter: grayscale(1);
}
.col-md-12.col-sm-12.col-xs-12.logos img:hover {
filter: none;
-webkit-filter: grayscale(0);
}
.ui-tooltip.ui-widget.ui-corner-all.ui-widget-content {
width: max-content;
background-color: #000;
color: #fff;
border-radius: 4px;
padding: 5px;
font-size: 17px;
}
span.hover-logos {
visibility: hidden;
color: #ffffff;
background-color: #000000;
border-radius: 5px;
padding: 5px 5px 0px 5px;
margin: 5px auto 0px;
position: absolute;
left: 0;
right: 0;
width: 130px;
top: -40px;
}
span.arrow {
background-image: url(https://www.dewertokin.com/fileadmin/template/website/img/dewertokin-pfeil.png);
background-repeat: no-repeat;
position: absolute;
margin-top: 20px;
height: 16px;
background-size: contain;
background-position: center;
width: 85%;
}
span.hover-logos span.h3 {
font-size: 13px;
}
.col-lg-4.col-md-4.col-sm-4.special {
margin-top: 15px;
}
@media (max-width: 575px) {
.col-lg-4.col-md-4.col-sm-4.special {
width: 100%;
float: left;
padding: 0;
}
}
/**Okincommander Question & Answer**/
#accordionQandA .panel.panel-default {
border: none;
border-bottom: 1px solid #dcdcdc;
border-radius: 0px;
box-shadow: none;
}
#accordionQandA .panel-heading {
background-color: transparent;
padding-left: 0px;
padding-top: 20px;
}
#accordionQandA .h2 {
margin-top: 0px;
}
#accordionQandA .panel-heading a.collapsed:before {
content: '';
position: absolute;
color: #cc0d00;
font-family: "FontAwesome";
right: 30px;
font-size: 30px;
transition: all 0.5s;
transform: scale(1);
line-height: 0.6;
}
#accordionQandA .panel-heading a:before {
content: '';
position: absolute;
color: #cc0d00;
font-family: "FontAwesome";
right: 30px;
font-size: 30px;
transition: all 0.5s;
transform: scale(1);
line-height: 0.6;
}
@media (max-width: 500px) {
#accordionQandA .col-md-4.col-sm-6.col-xs-6 {
width: 100%;
}
}
.owl-carousel-qanda {
margin-bottom: 30px;
margin-top: 10px;
}
.owl-carousel-qanda .owl-controls {
position: absolute;
width: 100%;
bottom: -13%;
}
@media (max-width: 992px) {
.owl-carousel-qanda .owl-controls {
bottom: -5%;
}
}
.owl-carousel-qanda .owl-carousel .owl-item {
max-height: 800px !important;
}
.text.okincommander p {
bottom: 200px !important;
}
img.logo-agrar-bigger {
width: 220px;
}
/* Artikel */
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .datum.col-md-12 {
margin-bottom: 30px;
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-3.col-sm-6.col-xs-12 {
-webkit-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
background: rgba(255, 255, 255, 0.7);
transition: background 0.35s ease-in-out;
padding: 25px 15px 10px;
margin-top: -22px;
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-3.col-sm-6.col-xs-12 h3 {
margin-top: 0px;
hyphens: auto;
}
@media (max-width: 991px) {
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-3.col-sm-6.col-xs-12 {
margin-top: 30px;
margin-left: 15px;
}
}
@media (max-width: 767px) {
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-3.col-sm-6.col-xs-12 {
width: calc(100% - 25px);
}
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-12.image {
margin-top: 20px;
}
@media (min-width: 992px) {
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-12.image {
padding-right: 0px;
}
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-12.image img {
border: 1px solid #dfe0e0;
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-12.image .wrap-btn-artikel {
width: 100%;
float: left;
}
.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.artikel .col-md-12.image .wrap-btn-artikel .btn {
background: #cb1200;
color: #ffffff;
padding: 9px 10px 6px;
border-radius: 0;
width: 100%;
margin-bottom: 30px;
margin-top: 30px;
float: left;
height: auto;
position: relative;
max-width: 300px;
}
/* Hinweis */
.container.center.hinweis {
margin-top: 80px;
padding-left: 120px;
padding-right: 115px;
}
@media (max-width: 991px) {
.container.center.hinweis {
padding: 0px;
}
}
@media (max-width: 540px) {
.container.center.hinweis {
margin-top: 30px;
}
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis {
margin-top: 10px;
margin-bottom: 15px;
padding-bottom: 30px;
padding-top: 30px;
padding-left: 30px;
padding-right: 10px;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #e52a2b;
}
@media (max-width: 768px) {
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis {
padding-right: 30px;
}
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis img.hinweis.col-md-4.col-xs-12 {
padding: 0;
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 {
padding-left: 20px;
}
@media (max-width: 767px) {
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 {
padding: 0px;
}
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 .h1.left.hinweis {
color: #e30613;
text-align: left;
margin-left: 0px;
margin-bottom: 10px;
margin-top: 0px;
padding-left: 5px;
width: 100%;
}
@media (max-width: 768px) {
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 .h1.left.hinweis {
margin-top: 30px;
}
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 h2.hinweis {
float: left;
text-align: left;
position: relative;
display: block;
margin-left: 5px;
margin-top: 10px;
width: 100%;
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 .text-hinweis {
text-align: left;
float: left;
padding: 0;
margin-left: 5px;
margin-bottom: 0px;
width: 100%;
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 .text-hinweis p {
padding: 0px;
}
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 a.btn-hinweis {
background: #e30613;
color: #fff;
padding: 9px 10px 6px;
border-radius: 0;
width: 300px;
margin-top: 5px;
float: left;
height: auto;
position: relative;
margin-left: 5px;
}
@media (max-width: 767px) {
.container.center.hinweis .col-md-12.col-sm-12.col-xs-12.centertext.one.hinweis .wrap-hinweis.col-md-8.col-sm-8.col-xs-12 a.btn-hinweis {
width: 100%;
margin-left: 0;
}
}
/*Start News*/
.container-fluid.bg-grey {
margin-bottom: 80px;
}
.container-fluid.bg-grey .container {
padding: 0;
}
.container-fluid.bg-grey .container .col-md-12.no-padding-left {
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
width: calc(100% + 15px);
float: left;
padding-bottom: 20px;
}
.container-fluid.bg-grey .container .col-md-12.no-padding-left h2.headline_container {
text-align: center;
font-size: 28px;
margin-bottom: 20px;
margin-top: 30px;
}
.container-fluid.bg-grey .container .col-md-12.no-padding-left h3 {
font-size: 19px;
}
.container-fluid.bg-grey .container .col-md-12.no-padding-left .btn {
background: #cb1200;
color: #ffffff;
padding: 9px 10px 6px;
border-radius: 0;
width: 300px;
margin-top: 10px;
float: left;
height: auto;
bottom: 15px;
}
.container-fluid.bg-grey .container .col-md-12.no-padding-left .owl-theme .owl-dots .owl-dot.active span {
background: #cb1200;
}
/*Icons APP*/
.apps {
padding: 0;
}
.apps .container {
padding: 0;
}
.apps .container .col-md-9 {
padding: 0;
margin: 15px 0;
}
.apps .container .col-md-9 .icon-app .col-md-4 {
margin-bottom: 30px;
text-align: center;
}
.bg-blue {
background-color: #2c6684;
padding: 0;
color: #fff !important;
padding-bottom: 15px;
}
.bg-blue .container {
padding: 0;
}
.bg-blue .container .col-md-9 {
padding: 0;
}
.bg-blue .container .col-md-9 p {
color: #fff;
padding: 10px 10px 10px 0;
}
.bg-blue .container .col-md-9 .h2.left {
color: #fff;
padding: 15px;
}
.bg-blue .container .col-md-9 a {
color: #fff;
}
@media (max-width: 767px) {
.bg-blue .container .col-md-9 a {
margin-bottom: 30px;
}
}
/* comparsion table - begin */
.comparison {
padding: 15px 0px;
}
.comparison h1, .comparison h2, .comparison h3, .comparison h4 {
color: #cb1200;
float: left;
}
.comparison .tablewrapper {
background-color: #f7f7f7;
padding: 15px;
}
.comparison table td, .comparison table th {
text-align: center;
}
.comparison table td:first-of-type {
text-align: left;
}
.comparison table tr.imagerow td {
border: none;
}
.comparison table tr.imagerow span {
width: 100%;
display: block;
}
.comparison table tr.imagerow img {
width: 300px;
}
.comparison table td.category {
padding-top: 15px;
}
.comparison table i.fa {
color: #888a89;
}
.comparison a, .comparison a i.fa {
color: #cb1200;
}
.caption-wrapper {
padding: 0 5% 10px 5%;
}
.caption-wrapper .caption {
padding: 0 10px;
}
.caption-wrapper .caption i.fa {
color: #888a89;
}
/* comparison table - end */
/* VR Sales Tour - begin */
.powermail_form_64, .powermail_form_65 {
/* correcting labels */
/* all fields */
}
.powermail_form_64.nolabel .powermail_label, .powermail_form_65.nolabel .powermail_label {
display: block;
}
.powermail_form_64 .powermail_message.powermail_message_error, .powermail_form_65 .powermail_message.powermail_message_error {
color: red;
}
.powermail_form_64 .powermail_fieldset.nolabel .powermail_label, .powermail_form_65 .powermail_fieldset.nolabel .powermail_label {
display: block;
}
.powermail_form_64 .powermail_fieldwrap.nolabel .powermail_label, .powermail_form_65 .powermail_fieldwrap.nolabel .powermail_label {
display: none;
}
.powermail_form_64 .powermail_fieldwrap, .powermail_form_65 .powermail_fieldwrap {
width: calc(50% - 30px);
margin-right: 30px;
}
.powermail_form_52 .powermail_fieldwrap_divisions {
width: calc(50% - 30px);
margin-right: 30px;
}
.powermail_form_52 .powermail_fieldwrap_country {
width: calc(50% - 30px) !important;
margin-right: 30px !important;
}
.tx-powermail .container-fluid .powermail_form_136, .tx-powermail .container-fluid .powermail_form_134, .tx-powermail .container-fluid .powermail_form_137, .tx-powermail .container-fluid .powermail_form_156 {
border: solid 1px #e2011d !important;
padding: 40px 15px 30px 40px !important;
}
li.active a:before {
color: #e2011d;
}
.nav-tabs > li > a {
background: #e2011d;
color: #fff;
}
.nav-tabs > li > a:hover {
background: #e2011d;
color: #fff;
border-color: #e2011d;
}
.nav-tabs > li.active > a {
border: solid 1px #e2011d;
border-bottom-color: #e2011d;
text-align: center;
border-bottom-color: #fff !important;
cursor: default;
z-index: 11;
}
.nav-tabs > li.active > a:hover {
border: solid 1px #e2011d;
border-bottom-color: #e2011d;
}
.nav-tabs > li.active > a:focus {
border: solid 1px #e2011d;
border-bottom-color: #e2011d;
}
.envelope-icon:before {
content: '';
position: absolute;
color: #fff;
font-family: "FontAwesome";
right: 95px;
font-size: 30px;
transition: all 0.5s;
top: 20px;
line-height: 0.6;
}
@media (max-width: 515px) {
.envelope-icon:before {
right: 73px;
}
}
@media (max-width: 415px) {
.envelope-icon:before {
right: 63px;
}
}
.phone-icon:before {
content: '';
position: absolute;
color: #fff;
font-family: "FontAwesome";
right: 95px;
font-size: 30px;
transition: all 0.5s;
top: 20px;
line-height: 0.6;
}
@media (max-width: 515px) {
.phone-icon:before {
right: 73px;
}
}
@media (max-width: 415px) {
.phone-icon:before {
right: 63px;
}
}
.icon-form li a {
margin-right: 6px;
padding-top: 20px;
border-radius: 0;
margin-top: 40px;
width: 220px;
padding-top: 47px;
text-align: center;
}
@media (max-width: 515px) {
.icon-form li a {
width: 170px;
}
}
@media (max-width: 415px) {
.icon-form li a {
width: 154px;
}
}
.nav-tabs {
border-bottom: none;
}
/*guided tour */
.powermail_form_64 {
/* adjust textarea, captcha, submit */
/*
.powermail_fieldwrap_type_textarea {
label {
position: absolute;
top: -117px;
width: 100%;
}
.powermail_field {
position: absolute;
top: -93px;
width: 100%;
}
}
.powermail_captchaimage {
margin-top: 34px;
}
*/
}
.powermail_form_64 .powermail_fieldwrap_type_submit {
margin-top: -3px;
}
/* VR Sales Tour - end */
/* contact form megamat */
.powermail_form_46 {
margin-top: 25px;
}
/* video Formular */
.powermail_form_164 {
position: relative;
}
.powermail_form_164 .powermail_fieldwrap_e_mailadresse {
width: calc(100% - 15px);
}
.cd-single-point a.btn-hinweis {
float: left !important;
text-align: left !important;
}
.cd-single-point img + a.btn-hinweis {
float: right !important;
text-align: right !important;
}
@media (min-width: 993px) and (max-width: 1100px) {
.cd-single-point .cd-more-info.cd-bottom.cd-left, .cd-single-point .cd-more-info.cd-top.cd-left {
right: auto !important;
left: -525% !important;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}
}
/* contact banner - begin */
.moreinfos.contact {
display: block;
}
.moreinfos.contact .img-wrapper {
width: 40%;
float: left;
height: auto;
min-height: 200px;
}
.moreinfos.contact .contact-wrapper {
float: left;
width: 60%;
padding: 15px;
}
.moreinfos.contact .contact-wrapper span {
display: block;
float: left;
width: 100%;
}
.moreinfos.contact .contact-wrapper span.name {
padding-bottom: 10px;
}
.moreinfos.contact .contact-wrapper span.title {
padding-bottom: 10px;
}
.moreinfos.contact .h2 {
padding-bottom: 30px;
display: block;
text-align: center;
}
.moreinfos.contact a {
color: #cb1200;
}
.moreinfos.contact .contact-btn {
position: relative;
background: #cb1200;
color: #fff;
padding: 9px 10px 6px;
border-radius: 0;
width: 300px;
text-align: center;
float: left;
height: auto;
top: 15px;
font-weight: normal;
}
.powermail_message_error {
color: #cb1200 !important;
}
.abstand-teaser-produkt {
margin-top: -30px;
}
/* contact banner - end */
.startseite-text-cn p {
text-align: left;
margin-top: 25px;
}
.startseite-text-cn-two {
margin-bottom: 30px;
}
.startseite-text-cn-two p {
text-align: left;
}
.startseite-text-cn-two h2 {
text-align: center;
}
section.medical-planer img, .section.medical-planer img {
width: 100%;
}
section.medical-planer .text-medical-planer, .section.medical-planer .text-medical-planer {
width: 100%;
float: left;
position: relative;
}
section.medical-planer .form-medical-planer, .section.medical-planer .form-medical-planer {
float: left;
position: relative;
width: 100%;
margin-top: 20px;
}
@media (min-width: 769px) {
section.medical-planer .form-inline .form-control, .section.medical-planer .form-inline .form-control {
width: 100%;
}
}
section.medical-planer .schritt-counter-medical-planer, .section.medical-planer .schritt-counter-medical-planer {
text-align: right;
color: grey;
}
@media (max-width: 993px) {
section.medical-planer .schritt-counter-medical-planer, .section.medical-planer .schritt-counter-medical-planer {
text-align: left;
}
}
section.medical-planer .schritt-counter-medical-planer h2, .section.medical-planer .schritt-counter-medical-planer h2 {
color: grey;
}
section.medical-planer .schritt-counter-medical-planer h2 .font-red, .section.medical-planer .schritt-counter-medical-planer h2 .font-red {
color: #e30613;
}
section.medical-planer #suche-medical-planer input, .section.medical-planer #suche-medical-planer input {
padding: 25px;
float: left;
width: calc(100% - 65px);
}
section.medical-planer #suche-medical-planer button, .section.medical-planer #suche-medical-planer button {
border: none;
color: transparent;
background-color: transparent;
}
section.medical-planer .suchen-medical-planer, .section.medical-planer .suchen-medical-planer {
background: #e30613;
color: #fff;
padding: 17px 17px 17px;
border-radius: 0;
width: 100%;
height: 100%;
float: left;
height: auto;
position: relative;
font-size: 16px;
}
section.medical-planer .controls-abstand-medical-planer .col-md-6, .section.medical-planer .controls-abstand-medical-planer .col-md-6 {
float: left;
position: relative;
margin-bottom: 15px;
}
@media (max-width: 993px) {
section.medical-planer .controls-abstand-medical-planer .col-md-6, .section.medical-planer .controls-abstand-medical-planer .col-md-6 {
width: 100%;
}
}
section.medical-planer .application-auswahl, .section.medical-planer .application-auswahl {
float: left;
position: relative;
width: 100%;
}
section.medical-planer .application-auswahl .col-md-3, .section.medical-planer .application-auswahl .col-md-3 {
margin-top: 30px;
}
@media (max-width: 450px) {
section.medical-planer .application-auswahl .col-md-3, .section.medical-planer .application-auswahl .col-md-3 {
width: 100%;
}
}
section.medical-planer .application-auswahl .col-md-12, .section.medical-planer .application-auswahl .col-md-12 {
padding-left: 0px;
padding-right: 0px;
}
section.medical-planer .subline, .section.medical-planer .subline {
color: #000000;
background: #fff;
text-transform: uppercase;
padding: 11px;
letter-spacing: 1px;
border-color: rgba(164, 164, 164, 0.5);
border-width: 1px;
border-style: solid;
float: left;
width: 100%;
}
section.medical-planer label, .section.medical-planer label {
color: black;
width: auto;
margin: 1px;
}
section.medical-planer input, .section.medical-planer input {
appearance: auto;
}
section.medical-planer .radio-button, .section.medical-planer .radio-button {
float: left;
position: relative;
margin: 5px;
}
section.medical-planer .checkbox, .section.medical-planer .checkbox {
float: left;
position: relative;
margin: 5px;
}
section.medical-planer .height-mechanism-auswahl .col-md-3, .section.medical-planer .height-mechanism-auswahl .col-md-3 {
margin-top: 20px;
float: left;
position: relative;
}
section.medical-planer .surface-options-auswahl h3, .section.medical-planer .surface-options-auswahl h3 {
margin-top: 30px;
}
@media (max-width: 993px) {
section.medical-planer .surface-options-auswahl .col-md-6, .section.medical-planer .surface-options-auswahl .col-md-6 {
margin-bottom: 15px;
float: left;
width: 100%;
position: relative;
}
}
section.medical-planer .addons-auswahl .col-md-3, .section.medical-planer .addons-auswahl .col-md-3 {
margin: 10px 0;
float: left;
position: relative;
}
section.medical-planer .auswahl-feld, .section.medical-planer .auswahl-feld {
border: 1px solid #dfe0e0;
padding: 10px 14px;
width: 100%;
}
section.medical-planer .connect-auswahl .col-md-3, .section.medical-planer .connect-auswahl .col-md-3 {
margin: 20px 0;
float: left;
position: relative;
}
section.medical-planer .connect-auswahl .col-md-6, .section.medical-planer .connect-auswahl .col-md-6 {
float: left;
position: relative;
}
@media (max-width: 993px) {
section.medical-planer .connect-auswahl .col-md-6, .section.medical-planer .connect-auswahl .col-md-6 {
width: 100%;
}
}
section.medical-planer .connect-auswahl .auswahl-feld, .section.medical-planer .connect-auswahl .auswahl-feld {
margin-bottom: 15px;
}
section.medical-planer .anfrage_feld, .section.medical-planer .anfrage_feld {
width: 100%;
border: 1px solid #ccc;
padding: 10px 15px 7px;
line-height: inherit !important;
display: block;
float: left;
color: #333;
}
section.medical-planer .anfrage_eintragen, .section.medical-planer .anfrage_eintragen {
padding-top: 20px;
float: left;
width: 100%;
}
section.medical-planer .anfrage_label, .section.medical-planer .anfrage_label {
color: grey;
}
section.medical-planer .datenschutz, .section.medical-planer .datenschutz {
padding-top: 20px;
float: left;
}
section.medical-planer .datenschutz label, .section.medical-planer .datenschutz label {
color: grey;
}
section.medical-planer .anfrage-button-grey, .section.medical-planer .anfrage-button-grey {
padding-top: 20px;
float: left;
width: 100%;
position: relative;
}
section.medical-planer .anfrage-button-grey a, .section.medical-planer .anfrage-button-grey a {
background: #ccc;
color: #fff;
padding: 15px 10px 15px;
border-radius: 0;
width: 100%;
margin-top: 5px;
float: left;
height: auto;
position: relative;
font-size: 16px;
margin-left: 5px;
}
section.medical-planer .anfrage-button-red, .section.medical-planer .anfrage-button-red {
padding-top: 20px;
float: left;
width: 100%;
position: relative;
}
section.medical-planer .anfrage-button-red a, .section.medical-planer .anfrage-button-red a {
background: #e30613;
color: #fff;
padding: 15px 10px 15px;
border-radius: 0;
width: 100%;
margin-top: 5px;
float: left;
height: auto;
position: relative;
font-size: 16px;
margin-left: 5px;
}
section.medical-planer input[type="checkbox"], .section.medical-planer input[type="checkbox"] {
opacity: 0;
}
section.medical-planer input[type="radio"], .section.medical-planer input[type="radio"] {
opacity: 0;
}
section.medical-planer label, .section.medical-planer label {
position: relative;
}
section.medical-planer input[type='radio'] + label:before, .section.medical-planer input[type='radio'] + label:before {
width: 15px;
height: 15px;
border-radius: 15px;
top: 2px;
left: -20px;
position: absolute;
background-color: transparent;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #3b3b3b;
}
section.medical-planer input[type='radio']:checked + label:before, .section.medical-planer input[type='radio']:checked + label:before {
width: 15px;
height: 15px;
border-radius: 15px;
top: 2px;
left: -20px;
position: absolute;
background-color: #e30614;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
}
section.medical-planer input[type="checkbox"] + label:before, .section.medical-planer input[type="checkbox"] + label:before {
width: 15px;
height: 15px;
border-radius: 0;
top: 2px;
left: -20px;
position: absolute;
background-color: transparent;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #3b3b3b;
}
section.medical-planer input[type='checkbox']:checked + label:before, .section.medical-planer input[type='checkbox']:checked + label:before {
width: 18px;
height: 18px;
top: 2px;
left: -20px;
position: absolute;
background-color: #e30614;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid white;
}
section.medical-planer .panel-default, .section.medical-planer .panel-default {
color: #333;
background-color: transparent;
border-color: transparent;
}
section.medical-planer .panel-heading, .section.medical-planer .panel-heading {
background-color: transparent;
border-color: transparent;
}
section.medical-planer .panel-body, .section.medical-planer .panel-body {
float: left;
}
section.medical-planer .collapsing, .section.medical-planer .collapsing {
float: left;
}
.phone_shutterstock {
display: none;
float: left;
margin-top: 11px;
margin-left: 50px;
}
.phone_shutterstock a {
color: #ffffff;
}
@media screen and (min-width: 992px) {
.phone_shutterstock {
display: block;
}
}
.ar_open {
position: absolute;
z-index: 1;
cursor: pointer;
margin-top: 5px;
right: 5px;
}
.ar_open img {
width: 50px;
height: 53px;
}
@media (min-width: 767px) {
.ar_open {
right: 15px;
top: 269px;
}
}
@media (min-width: 992px) {
.ar_open {
right: 15px;
top: 260px;
}
}
@media (min-width: 1200px) {
.ar_open {
right: 15px;
top: 325px;
}
}
.qr_code_ar {
width: 140px;
position: absolute;
right: -130px;
top: 300px;
}
@media (max-width: 1600px) {
.qr_code_ar {
width: 120px;
position: relative;
margin-top: 10px;
right: 0px;
top: 0px;
}
}
.qr_code_ar span {
display: block;
vertical-align: middle;
text-align: center;
}
.qr_code_ar img {
margin-left: auto;
margin-right: auto;
display: block;
}
/* Browserhack Safari Overlay */
@media not all and (min-resolution: 0.001dpcm) {
section.medical-planer .addons-auswahl .col-md-3, .section.medical-planer .addons-auswahl .col-md-3 {
padding-left: 25px;
}
section.medical-planer .subline, .section.medical-planer .subline {
padding-left: 22px;
}
section.medical-planer .connect-auswahl .col-md-3, .section.medical-planer .connect-auswahl .col-md-3 {
padding-left: 25px;
}
section.medical-planer .height-mechanism-auswahl .col-md-3, .section.medical-planer .height-mechanism-auswahl .col-md-3 {
padding-left: 25px;
}
}
/* Close Browserhack Safari Overlay */
.logo-home-new {
width: 180px;
}
@media (max-width: 810px) {
.logo-home-new {
margin-top: -15px;
}
}
.submenu_news_section {
display: none;
}
.submenu_news {
padding-bottom: 0px !important;
border-bottom: 0px !important;
}
.submenu_news .submenu_news_extra.more:after {
font-family: FontAwesome;
content: "";
font-size: 16px;
padding: 0 5px;
}
.submenu_news .submenu_news_extra.less:after {
font-family: FontAwesome;
content: "";
font-size: 16px;
padding: 0 5px;
}
.callto_fixed_bottom.corona span.h2.left.hinweis {
margin-top: 3px;
line-height: 1.5 !important;
display: block;
}
.callto_fixed_bottom.corona {
background-color: #fff;
height: 70px;
margin-top: 0;
}
section#map .hinweis {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #c9c9c9;
}
section#map .hinweis:before {
content: "";
background-color: rgba(255, 255, 255, 0.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
overflow: hidden;
}
.analytics_maps-optout .hinweistext {
position: absolute;
text-align: center;
width: 50%;
}
.analytics_maps-optout .hinweis-bg {
background-image: url(https://www.dewertokin.com/fileadmin/template/website/img/overlay-cookie-hinweis.jpg);
background-size: cover;
height: 500px;
width: 100%;
}
.analytics_youtube-optout .hinweistext {
position: absolute;
text-align: center;
width: 50%;
}
@media (max-width: 1199.98px) {
.analytics_youtube-optout .hinweistext {
width: 85%;
}
}
.analytics_youtube-optout {
background-image: url(https://www.dewertokin.com/fileadmin/template/website/img/banner/youtube_verweis.png);
background-size: cover;
height: 500px;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
@media (max-width: 1199.98px) {
.analytics_youtube-optout {
background-image: url(https://www.dewertokin.com/fileadmin/template/website/img/banner/youtube-verweis-mobil.jpg);
background-position: center;
}
}
.analytics_youtube-optout .hinweistext {
margin-bottom: 30px;
}
.analytics_youtube-optin {
display: none;
}
.btn-default {
color: #e30613;
background-color: #fff0;
}
.btn-default:hover {
color: #e30613;
background: none;
border: none;
}
a.backtotop {
position: fixed;
display: none;
right: 0;
bottom: 70px;
font-size: 20px;
padding: 1.2rem 1rem;
background: #e30713;
z-index: 9;
height: 50px;
width: 50px;
color: #fff;
z-index: 99;
text-align: center;
}
@media (max-width: 767px) {
a.backtotop {
left: 0;
}
}
@font-face {
font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*.item.video.easyhtml5video .text p {
z-index: 9;
@media(min-width:1400px) {
bottom: 160px !important;
}
}*/
.content.teaser.new a .square .bg-image {
padding-bottom: 0;
}
@media (max-width: 575px) {
.content.teaser.new a .square .bg-image img {
width: 100%;
transform-style: initial;
}
}
.content.teaser.new a:last-child:hover .headline {
color: white;
}
@media (min-width: 541px) {
#myCarousel .item.video .text p {
right: auto;
left: 120px;
text-align: left;
font-size: 30px;
line-height: 1.2;
font-weight: normal;
}
#myCarousel .item.video .text p span {
float: left;
}
#myCarousel .item.video .text p strong {
font-weight: bold;
}
}
@media (max-width: 991px) {
#myCarousel .item.video .text p {
left: 60px;
}
}
@media (max-width: 768px) {
#myCarousel .item.video .text p {
left: 0;
font-size: 20px;
}
}
@media (min-width: 1600px) {
#myCarousel .item.video .text p {
bottom: 160px;
}
}
@media (max-width: 540px) {
#myCarousel .item.video .text p strong {
display: block;
}
}
/*Suche DEV*/
.tx-kesearch-pi1 {
margin-top: 270px;
}
.tx-kesearch-pi1 a {
color: #e2011d;
font-size: 22px;
text-transform: uppercase;
}
.tx-kesearch-pi1 .result-number {
background-color: #d0d0d0;
padding: 6px 5px 2px 7px;
color: #fff;
margin-right: 5px;
font-size: 20px;
font-weight: 600;
display: none;
}
.tx-kesearch-pi1 .result-list-item {
margin-bottom: 70px;
}
.tx-kesearch-pi1 #ke_search_sword {
border: solid 2px #e2011d;
padding: 15px 15px 10px 15px;
font-size: 20px;
background-color: #fff;
color: #3b3b3b;
width: 73%;
float: left;
text-transform: none;
}
@media (max-width: 1202px) {
.tx-kesearch-pi1 #ke_search_sword {
width: 67%;
}
}
@media (max-width: 767px) {
.tx-kesearch-pi1 #ke_search_sword {
width: 63%;
}
}
@media (max-width: 618px) {
.tx-kesearch-pi1 #ke_search_sword {
width: 59%;
}
}
@media (max-width: 550px) {
.tx-kesearch-pi1 #ke_search_sword {
width: 54%;
}
}
@media (max-width: 521px) {
.tx-kesearch-pi1 #ke_search_sword {
width: 100%;
margin-bottom: 4px;
}
}
.tx-kesearch-pi1 .resetButton {
border: solid 2px transparent;
padding: 15px 15px 10px 15px;
font-size: 20px;
background-color: transparent;
color: #888a89;
margin-right: 6px;
float: left;
text-transform: none;
text-align: center;
position: absolute;
right: 5px;
}
@media (max-width: 521px) {
.tx-kesearch-pi1 .resetButton {
display: none;
}
}
.tx-kesearch-pi1 #kesearch_filters input[type="checkbox"] {
opacity: 0;
}
.tx-kesearch-pi1 #kesearch_filters .label_text {
display: flex;
align-items: center;
width: 300px;
}
.tx-kesearch-pi1 #kesearch_filters .label_text::before {
content: "";
font-family: 'FontAwesome';
margin-right: 10px;
color: #e2011d;
font-size: 30px;
font-weight: 900;
}
.tx-kesearch-pi1 #kesearch_filters input:checked + label .label_text::before {
content: "";
}
.tx-kesearch-pi1 input {
border: solid 2px #e2011d;
padding: 15px 15px 10px 15px;
font-size: 20px;
background-color: #e2011d;
color: #fff;
text-transform: none;
/*&#filter_1_1{
padding: 16px;
-webkit-appearance: checkbox;
bottom: 127px;
position: absolute;
left: 9px;
&::before {
content: "\f14a";
margin-left: 23px;
color: #e2011d;
font-family: "FontAwesome";
font-size: 17px;
}
&:checked + label.label_text{
&::before{
content: "\f0c8";
font-family: "FontAwesome";
color: #e2011d;
margin-right: 10px;
font-size: 17px;
}
}
}*/
}
.tx-kesearch-pi1 input#filter_1_2 {
padding: 16px;
-webkit-appearance: checkbox;
bottom: 127px;
position: absolute;
left: 216px;
}
.tx-kesearch-pi1 input#filter_1_2::before {
content: '';
margin-left: 23px;
color: #e2011d;
font-family: "FontAwesome";
font-size: 17px;
}
.tx-kesearch-pi1 input#filter_1_2:checked + label.label_text::before {
content: "";
font-family: "FontAwesome";
color: #e2011d;
margin-right: 10px;
font-size: 17px;
}
.tx-kesearch-pi1 input#filter_1_3 {
padding: 16px;
-webkit-appearance: checkbox;
bottom: 127px;
position: absolute;
left: 216px;
}
.tx-kesearch-pi1 input#filter_1_3::before {
content: '';
margin-left: 23px;
color: #e2011d;
font-family: "FontAwesome";
font-size: 17px;
}
.tx-kesearch-pi1 input#filter_1_3:checked + label.label_text::before {
content: "";
font-family: "FontAwesome";
color: #e2011d;
margin-right: 10px;
font-size: 17px;
}
.tx-kesearch-pi1 input.finden {
width: 200px;
position: relative;
}
@media (max-width: 521px) {
.tx-kesearch-pi1 input.finden {
margin-left: -4px;
}
}
.tx-kesearch-pi1 li {
color: #e2011d;
font-size: 22px;
text-transform: uppercase;
width: 40px;
height: 40px;
margin-right: 7px;
float: left;
text-align: center;
}
.tx-kesearch-pi1 li::marker {
color: transparent;
}
.tx-kesearch-pi1 li.optionCheckBox1 {
margin-right: 240px;
}
.tx-kesearch-pi1 .lupe:before {
content: '';
position: absolute;
color: #fff;
font-family: "FontAwesome";
right: 177px;
font-size: 25px;
transition: all 0.5s;
top: 10px;
z-index: 9;
}
@media (max-width: 1290px) {
.tx-kesearch-pi1 .lupe:before {
right: 161px;
}
}
@media (max-width: 1199px) {
.tx-kesearch-pi1 .lupe:before {
right: 179px;
}
}
@media (max-width: 991px) {
.tx-kesearch-pi1 .lupe:before {
right: 187px;
}
}
@media (max-width: 770px) {
.tx-kesearch-pi1 .lupe:before {
right: 210px;
}
}
@media (max-width: 754px) {
.tx-kesearch-pi1 .lupe:before {
right: 213px;
}
}
@media (max-width: 750px) {
.tx-kesearch-pi1 .lupe:before {
right: 210px;
}
}
@media (max-width: 730px) {
.tx-kesearch-pi1 .lupe:before {
right: 209px;
}
}
@media (max-width: 710px) {
.tx-kesearch-pi1 .lupe:before {
right: 205px;
}
}
@media (max-width: 690px) {
.tx-kesearch-pi1 .lupe:before {
right: 185px;
}
}
@media (max-width: 650px) {
.tx-kesearch-pi1 .lupe:before {
right: 166px;
}
}
@media (max-width: 630px) {
.tx-kesearch-pi1 .lupe:before {
right: 185px;
}
}
@media (max-width: 600px) {
.tx-kesearch-pi1 .lupe:before {
right: 175px;
}
}
@media (max-width: 560px) {
.tx-kesearch-pi1 .lupe:before {
display: none;
}
}
.tx-kesearch-pi1 .current {
color: #fff;
border: #e2011d 2px solid;
background-color: #e2011d;
font-size: 22px;
text-transform: uppercase;
padding: 8px 10px 5px 10px;
margin-right: 10px;
text-align: center;
margin-top: -3px;
}
.tx-kesearch-pi1 .next {
color: #3b3b3b;
font-size: 22px;
text-transform: uppercase;
width: 80px;
height: 40px;
margin-right: 10px;
float: left;
text-align: center;
display: none;
}
.tx-kesearch-pi1 .result_txt {
margin-top: 60px;
margin-bottom: 10px;
}
.tx-kesearch-pi1 #kesearch_num_results {
margin-bottom: 60px;
font-size: 17px;
}
.tx-kesearch-pi1 .head {
display: none;
}
.tx-kesearch-pi1 #kesearch_filters {
margin-top: 40px;
margin-bottom: 80px;
margin-left: -3px;
}
.tx-kesearch-pi1 label {
font-size: 17px;
text-transform: none;
margin-left: 4px;
}
.tx-kesearch-pi1 .kesearch_pagebrowser {
margin-bottom: 150px;
}
.tx-kesearch-pi1 .prev {
color: #3b3b3b;
font-size: 22px;
text-transform: uppercase;
width: 80px;
height: 40px;
margin-right: 10px;
float: left;
text-align: center;
display: none;
}
.tx-kesearch-pi1 #kesearch_results {
margin-bottom: 50px;
}
.tx-kesearch-pi1 .tags {
background-color: #d3d3d3;
padding: 5px 14px 1px 14px;
color: #fff;
text-transform: uppercase;
position: absolute;
margin-top: -35px;
}
.tx-kesearch-pi1 .result-title {
position: relative;
}
.tx-kesearch-pi1 .result-teaser {
line-height: 1.4;
font-size: 16px;
text-transform: none;
color: #333;
}
.tx-kesearch-pi1 .result-teaser:after {
content: '';
color: #e2011d;
font-family: "FontAwesome";
font-size: 16px;
transition: all 0.5s;
margin-left: 5px;
}
.tx-kesearch-pi1 .clearer {
float: left;
}
.tx-kesearch-pi1 .resetbutt {
float: left;
position: relative;
}
.text ul {
margin-left: 20px !important;
}
/* Konfigurator - Teaser */
.konfigurator-teaser {
padding: 0 !important;
}
.konfigurator-teaser.home {
width: 100% !important;
max-width: 850px;
float: left !important;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.konfigurator-teaser img {
width: 100%;
padding: 0;
}
.konfigurator-teaser .caption {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
padding: 0 40px;
/*::-webkit-scrollbar-track {
background: orange; color of the tracking area
}*/
}
@media (max-width: 767.98px) {
.konfigurator-teaser .caption {
position: relative;
transform: none;
-webkit-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-moz-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-ms-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
-o-box-shadow: 0px 0px 3.4px 1px #c7c7c7;
box-shadow: 0px 0px 3.4px 1px #c7c7c7;
display: block;
height: 100%;
float: left;
padding: 30px 15px;
width: 100%;
}
}
.konfigurator-teaser .caption h2 {
text-transform: uppercase !important;
color: #cb1200;
margin-top: 0;
}
.konfigurator-teaser .caption p {
color: #ffffff;
line-height: 1.4;
max-height: 130px;
overflow-y: scroll;
}
@media (max-width: 1199px) {
.konfigurator-teaser .caption p {
max-height: 90px;
}
}
@media (max-width: 767.98px) {
.konfigurator-teaser .caption p {
position: relative;
transform: none;
color: #3b3b3b;
max-height: none;
}
}
.konfigurator-teaser .caption .contact-btn {
position: relative;
background: #cb1200;
color: #ffffff;
padding: 9px 10px 6px;
border-radius: 0;
width: 300px;
text-align: center;
float: left;
height: auto;
font-weight: normal;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767.98px) {
.konfigurator-teaser .caption .contact-btn {
width: 100%;
}
}
.konfigurator-teaser .caption ::-webkit-scrollbar {
width: 10px;
/* width of the entire scrollbar */
}
.konfigurator-teaser .caption ::-webkit-scrollbar-thumb {
background-color: #cb1200;
/* color of the scroll thumb */
border-radius: 20px;
/* roundness of the scroll thumb */
/*border: 3px solid $color_red; */
/* creates padding around scroll thumb */
}
.text-fair p {
color: #000 !important;
margin-bottom: 15px;
text-shadow: 0px 0px 15px #ffffff;
}
.text-fair h2 {
font-weight: 600;
font-size: 23px;
}
.content.teaser.start {
margin-bottom: 100px;
float: left;
width: 100%;
}
.text-red {
color: #e2011d;
font-size: 17px;
font-weight: 600;
border: none;
padding: 0px 0px 1px 0px;
}
/* Konfigurator - Teaser End */
#myCarousel.owl-carousel-head .owl-dots .owl-dot span {
display: none !important;
}
footer {
position: relative;
z-index: 12;
}
.content .dowloads {
float: left;
width: 100%;
}
.news .article {
margin-top: 30px;
}
.news .article .news-img-wrap {
margin: 0;
}
.news .article .news-img-wrap a {
width: 100%;
}
.news .article .news-img-wrap a img {
width: 100%;
}
@media (max-width: 768px) {
.news .article .teaser-text {
margin-top: 30px;
padding: 0;
}
}
.news .article .teaser-text .h3 {
margin-top: 0;
color: #3b3b3b;
}
.p-0 {
padding: 0;
}
a.tel-mobile {
position: absolute;
right: 65px;
padding: 0 15px;
}
a.tel-mobile span.phone:before {
content: "";
font-family: 'ionicons';
padding-right: 7px;
font-size: 30px;
color: white;
}
@media (max-width: 768px) {
.mb-3 {
margin-bottom: 30px;
}
}
.news.news-single.col-md-9.col-sm-12.col-xs-12.inhaltsbereich.mb-3 video {
position: relative;
}
.news.news-single .news-text-wrap {
margin-bottom: 30px;
}
.news.news-single h1 {
margin-top: 0px;
}
.popup-customer {
z-index: 13 !important;
}
.popup-customer .popup_container {
box-shadow: none !important;
}
@media (max-width: 1199px) {
.popup-customer .popup_container {
padding-top: 20% !important;
}
}
@media (max-width: 450px) {
.popup-customer .popup_container {
padding-top: 45% !important;
}
}
.popup-customer .popup_container button.popup_close {
top: -38px;
left: -12px !important;
float: right;
width: 26px;
height: 7px;
position: relative;
border: white;
border-radius: 8px;
}
.popup-customer .popup_container button.popup_close::before {
content: "";
position: absolute;
width: 55px;
height: 55px;
border-radius: 50px;
z-index: -1;
background: #e2011d;
right: -14px;
top: -25px;
}
.popup-customer {
box-sizing: content-box;
display: none;
position: fixed;
z-index: 13 !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
color: #747776;
}
.popup_image {
z-index: 13 !important;
position: relative;
float: left;
width: 100%;
}
.popup_image img {
z-index: 13 !important;
width: 800px;
height: 100%;
}
@media (max-width: 1199px) {
.popup_image img {
width: 400px;
height: 100%;
}
}
@media (max-width: 767px) {
.popup_image img {
width: 340px;
height: 100%;
}
}
@media (max-width: 575px) {
.popup_image img {
width: 310px;
height: 100%;
}
}
@media (max-width: 440px) {
.popup_image img {
width: 280px;
height: 100%;
}
}
@media (max-width: 350px) {
.popup_image img {
width: 220px;
height: 100%;
}
}
.popup_text {
pointer-events: none;
}
.glossar {
width: 100%;
background-color: #f1f1f1;
padding: 25px 0px 0px 15px;
text-transform: inherit !important;
letter-spacing: 0px !important;
margin-bottom: 0px;
}
@media (max-width: 1199px) {
.glossar {
padding: 25px 0px 0px 23px;
}
}
@media (max-width: 575px) {
.glossar {
padding: 27px 0px 0px 30px;
}
}
.lx-eintrag {
color: #d0030e !important;
font-size: 18px;
font-weight: 600;
}
.lx-definition {
margin-bottom: 35px !important;
color: #888a89;
font-size: 16px;
padding-right: 10%;
}
.backbutton {
margin-top: 20px;
margin-bottom: 9px;
}
@media (max-width: 575.98px) {
.backbutton {
margin-top: 40px;
}
}
.backbutton a {
background-color: #d0050f;
color: #fff;
padding: 13px;
font-weight: 600;
letter-spacing: 0.45px;
margin-top: 30px;
}
.dpnglossary {
width: 100%;
padding: 15px 4px 25px 4px;
margin-top: 0px;
background-color: #f1f1f1;
}
.dpnglossary.link {
background: none;
padding: 0px;
}
.dpnglossary.details {
width: 100% !important;
margin-top: 10px;
margin-bottom: 100px;
padding: 50px;
}
@media (max-width: 575px) {
.dpnglossary.details {
padding: 35px 30px 35px 35px;
}
}
.dpnglossary.details dl {
margin-bottom: 0px;
}
.dpnglossary.details dd, .dpnglossary.details dt {
color: #888a89 !important;
font-size: 17px;
font-weight: 600;
}
.dpnglossary.details img {
width: 100% !important;
height: auto !important;
}
.dpnglossary.details .mediafile {
width: 100%;
}
.dpnglossary.details p {
margin-bottom: 0px !important;
color: #888a89;
font-size: 16px;
padding-right: 10%;
font-weight: 300;
}
.dpnglossary.details h3 {
color: #d0030e !important;
font-size: 20px;
font-weight: 600;
margin-top: 0px;
}
.dpnglossary.details li {
background-color: #f1f1f1 !important;
width: 100% !important;
height: auto !important;
display: flex !important;
justify-content: left !important;
align-items: center !important;
color: #888a89 !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.dpnglossary.details li:hover {
background-color: #f1f1f1 !important;
color: #888a89 !important;
}
.dpnglossary.details a {
display: initial !important;
justify-content: left !important;
align-items: inherit !important;
background: none !important;
width: auto !important;
height: auto !important;
color: #d0030e !important;
}
.dpnglossary.details a:hover {
background: none !important;
color: #9e040d !important;
}
@media (max-width: 1199px) {
.dpnglossary {
padding: 13px 4px 27px 4px;
}
}
@media (max-width: 575px) {
.dpnglossary {
padding: 10px 4px 33px 4px;
}
}
.dpnglossary.pagination {
border-radius: 0px;
padding-left: 13px;
}
@media (max-width: 1199px) {
.dpnglossary.pagination {
padding-left: 22px !important;
}
}
@media (max-width: 575px) {
.dpnglossary.pagination {
padding-left: 28px !important;
}
}
.dpnglossary li {
background-color: #e1e1e1 !important;
width: 36px !important;
height: 36px !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
color: #000 !important;
margin-left: 4px !important;
margin-right: 4px !important;
}
@media (max-width: 1199px) {
.dpnglossary li {
margin-top: 8px !important;
}
}
.dpnglossary li:hover {
background-color: #e30613 !important;
color: #fff !important;
}
.dpnglossary li.character.empty {
color: #000 !important;
}
.dpnglossary li.character.empty:hover {
background-color: #e30613 !important;
color: #fff !important;
}
.dpnglossary .current {
background-color: #e30613 !important;
color: #fff !important;
}
.dpnglossary a {
display: flex !important;
justify-content: center !important;
align-items: center !important;
background: #fff;
width: 36px !important;
height: 36px !important;
}
.dpnglossary a:hover {
background-color: #e30613 !important;
color: #fff !important;
}
.zero-left {
margin-left: -10px;
}
/* Search */
@media (min-width: 769px) {
header ul.nav.navbar-nav .mobile_search.displaynone_min767 {
display: none;
}
}
@media (max-width: 768.98px) {
header .toolbar .search {
display: none;
}
header .toolbar {
padding: 10px;
}
header .toolbar #langnavi {
left: 20px;
margin-top: -5px;
}
#langnavi a:first-of-type {
margin-top: 31px;
}
}
@media (max-width: 540px) {
header .toolbar #langnavi {
left: 0px;
}
}
header ul.nav.navbar-nav .mobile_search.displaynone_min767 {
position: absolute;
right: 30px;
top: 6px;
}