/* HTML5 Boilerplate */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: myriad-pro, sans-serif !important;
color: #444444;
}
body {
margin: 0;
font-size: 0.8em;
line-height: 1.4;
}
::-moz-selection {
background: #3B81A3;
color: #fff;
text-shadow: none;
}
::selection {
background: #3B81A3;
color: #fff;
text-shadow: none;
}
a {
color: #222222;
text-decoration: none;
}
a:hover {
color: #0096d5;
}
*:hover,
*:active,
*:focus {
outline: 0;
outline: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
.adp {
font-family: myriad-pro, sans-serif;
font-size: 1.3em;
}
.adp table {
font-family: myriad-pro, sans-serif;
}
.adp .adp-text,
.adp .adp-placemark {
background: #FFFFFF;
}
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
ul,
ol {
margin: 0;
padding: 0;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
legend {
border: 0;
*margin-left: -7px;
padding: 0;
white-space: normal;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}
button,
input {
line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
*overflow: visible;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
*width: 13px;
*height: 13px;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:invalid,
textarea:invalid {
background-color: #f0dddd;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td {
vertical-align: top;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: black;
padding: 0.2em 0;
}
/* Mixins */
/* @font-face {
font-family: 'IstokWeb';
src: url('fonts/istokweb/istokweb_regular/IstokWeb_Regular_eot.eot');
src: url('fonts/istokweb/istokweb_regular/IstokWeb_Regular_eot.eot?#iefix') format('embedded-opentype'),
url('fonts/istokweb/istokweb_regular/IstokWeb_Regular_woff.woff') format('woff'),
url('fonts/istokweb/istokweb_regular/IstokWeb_Regular_ttf.ttf') format('truetype'),
url('fonts/istokweb/istokweb_regular/IstokWeb_Regular_svg.svg#IstokWeb') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'IstokWeb';
src: url('fonts/istokweb/istokweb_bold/IstokWeb_Bold_eot.eot');
src: url('fonts/istokweb/istokweb_bold/IstokWeb_Bold_eot.eot?#iefix') format('embedded-opentype'),
url('fonts/istokweb/istokweb_bold/IstokWeb_Bold_woff.woff') format('woff'),
url('fonts/istokweb/istokweb_bold/IstokWeb_Bold_ttf.ttf') format('truetype'),
url('fonts/istokweb/istokweb_bold/IstokWeb_Bold_svg.svg#FrutigerWeb') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'FrutigerWeb';
src: url('fonts/istokweb/istokweb_italic/IstokWeb_Italic_eot.eot');
src: url('fonts/istokweb/istokweb_italic/IstokWeb_Italic_eot.eot?#iefix') format('embedded-opentype'),
url('fonts/istokweb/istokweb_italic/IstokWeb_Italic_woff.woff') format('woff'),
url('fonts/istokweb/istokweb_italic/IstokWeb_Italic_ttf.ttf') format('truetype'),
url('fonts/istokweb/istokweb_italic/IstokWeb_Italic_svg.svg#FrutigerWeb') format('svg');
font-weight: normal;
font-style: italic;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'IstokWeb';
src: url('../font/IstokWeb_Regular_svg.svg?76777569#blueprint') format('svg');
}
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "IstokWeb";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/**********************************************************************************
* START Symbol Font
***********************************************************************************/
.icon-ok:before {
content: '\e83b';
}
/* '' */
.icon-cancel-circled:before {
content: '\e812';
}
/* '' */
.icon-link-ext:before {
content: '\e810';
}
/* '' */
.icon-link-ext-alt:before {
content: '\e811';
}
/* '' */
.icon-down-dir:before {
content: '\e80f';
}
/* '' */
.icon-up-dir:before {
content: '\e80e';
}
/* '' */
.icon-left-dir:before {
content: '\e80d';
}
/* '' */
.icon-right-dir:before {
content: '\e80c';
}
/* '' */
.icon-down-open:before {
content: '\e809';
}
/* '' */
.icon-left-open:before {
content: '\e808';
}
/* '' */
.icon-right-open:before {
content: '\e807';
}
/* '' */
.icon-up-open:before {
content: '\e80a';
}
/* '' */
.icon-expand:before {
content: '\e819';
}
/* '' */
.icon-collapse:before {
content: '\e818';
}
/* '' */
.icon-expand-right:before {
content: '\e816';
}
/* '' */
.icon-collapse-left:before {
content: '\e817';
}
/* '' */
.icon-play:before {
content: '\e80b';
}
/* '' */
.icon-play-circled:before {
content: '\e814';
}
/* '' */
.icon-play-circled2:before {
content: '\e815';
}
/* '' */
.icon-down-open-1:before {
content: '\e825';
}
/* '' */
.icon-left-open-1:before {
content: '\e824';
}
/* '' */
.icon-right-open-1:before {
content: '\e823';
}
/* '' */
.icon-up-open-1:before {
content: '\e822';
}
/* '' */
.icon-down-open-mini:before {
content: '\e821';
}
/* '' */
.icon-left-open-mini:before {
content: '\e81a';
}
/* '' */
.icon-right-open-mini:before {
content: '\e81b';
}
/* '' */
.icon-up-open-mini:before {
content: '\e81c';
}
/* '' */
.icon-down-open-big:before {
content: '\e81d';
}
/* '' */
.icon-left-open-big:before {
content: '\e81e';
}
/* '' */
.icon-cancel:before {
content: '\e813';
}
/* '' */
.icon-up-open-big:before {
content: '\e820';
}
/* '' */
.icon-down-dir-1:before {
content: '\e826';
}
/* '' */
.icon-right-dir-1:before {
content: '\e827';
}
/* '' */
.icon-up-dir-1:before {
content: '\e829';
}
/* '' */
.icon-search-outline:before {
content: '\e82a';
}
/* '' */
.icon-search-1:before {
content: '\e82b';
}
/* '' */
.icon-zoom-in-outline:before {
content: '\e800';
}
/* '' */
.icon-zoom-in:before {
content: '\e801';
}
/* '' */
.icon-zoom-out-outline:before {
content: '\e802';
}
/* '' */
.icon-zoom-out:before {
content: '\e803';
}
/* '' */
.icon-down-small:before {
content: '\e82c';
}
/* '' */
.icon-left-small:before {
content: '\e82d';
}
/* '' */
.icon-right-small:before {
content: '\e82e';
}
/* '' */
.icon-up-small:before {
content: '\e82f';
}
/* '' */
.icon-search-2:before {
content: '\e830';
}
/* '' */
.icon-menu:before {
content: '\e834';
}
/* '' */
.icon-th-thumb:before {
content: '\e833';
}
/* '' */
.icon-th-thumb-empty:before {
content: '\e832';
}
/* '' */
.icon-th-list:before {
content: '\e831';
}
/* '' */
.icon-search-3:before {
content: '\e835';
}
/* '' */
.icon-zoom-in-1:before {
content: '\e804';
}
/* '' */
.icon-zoom-out-1:before {
content: '\e805';
}
/* '' */
.icon-down-open-2:before {
content: '\e836';
}
/* '' */
.icon-left-open-2:before {
content: '\e837';
}
/* '' */
.icon-right-open-2:before {
content: '\e838';
}
/* '' */
.icon-up-open-2:before {
content: '\e839';
}
/* '' */
.icon-play-1:before {
content: '\e83a';
}
/* '' */
.icon-right-open-big:before {
content: '\e81f';
}
/* '' */
/**********************************************************************************
* START User style
***********************************************************************************/
/**
* Allgemeines
*/
html {
background-color: #FFFFFF;
overflow-x: hidden;
min-width: 320px;
}
@media only screen and (max-width: 989px) {
html {
overflow-x: auto;
}
}
html.no-js #page {
opacity: 1;
}
body {
font-family: myriad-pro, sans-serif;
font-weight: 300 !important;
overflow: hidden;
position: relative;
}
body .font-arial * {
font-family: Arial, Helvetica, sans-serif !important;
}
@media only screen and (max-width: 763px) {
body {
padding-bottom: 10px;
}
}
h1,
h2,
h3,
h4 {
opacity: 0.85;
font-weight: lighter !important;
}
p {
font-weight: lighter !important;
font-size: 1.375rem;
}
h1.bright,
h2.bright,
h3.bright {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #00925B;
opacity: 1;
-webkit-margin-before: -5px !important;
}
h2 {
font-size: 2em;
}
/* Sprite */
#cboxClose,
#search .submit,
#search_mobile .submit,
#search .actual,
#search_mobile .actual,
#footer .logo,
.js-select,
.js-select:after,
.options li:first-child:before,
#main .contact .data a.email:before,
#main .downloads li .icon-download,
#main .downloads li .icon-remember,
#main .contentteaser .link:before,
#main .media .dl-list .icon-remember,
#main .media .dl-list .icon-download,
#content .aside .headquarter .dl-list .icon-download,
#content .container .eventoverview h4:after,
a.more:after,
a.more:before,
.more:before,
a.back:before,
.accordion .label:after,
#main .teaser .text .blue-link:after,
#main .tabs .panes .acclabel:after,
#main-nav .mdd .close:after,
#main-nav .mdd .flyout-teaser a.headline:after,
#main .formular .error > span:after,
#main .formular .error label > span:after,
#content .aside .contact .data a.email:before,
#content .aside .media .dl-list .icon-remember,
#content .aside .media .dl-list .icon-download,
#content .linklist li a:before,
#stage .hotspot .teaser .more:before,
#content .jobteaser p:after,
#content .preview-teaser h4:after,
#main .contentteaser .text li:before,
#main .paragraph li:before,
#main .container .text li:before,
#main-nav .second-level .back:before,
#main-nav .actual:before,
.aside .paragraph li:before,
.more-button:before,
.blue-button:after,
#main .panes li:before,
#main table li:before,
#stage .mediathek .prev-media,
#stage .mediathek .next-media,
#search .submit,
#search_mobile .submit,
.icon-search:before,
#main-nav .mdd .col > ul > li > a:before,
#main-nav .mdd .col-4 > ul > li > a:before,
.imageslider .prev span,
.imageslider .next span,
.event #main .paging a.next span:before,
.press #main .paging a.next span:before,
.event #main .paging a.prev span:before,
.press #main .paging a.prev span:before,
.event #aside .filter .button:before,
.event #aside .search .submit,
.event .contentteaser .invisible .dl-list .icon-download,
#content .container.news h4:after,
#content .aside .rss a,
#main .history .date-line a.prev,
#main .history .date-line a.next,
#content.searchresults .form .submit,
#content.searchresults .paging > a,
#results .result a:before,
#content .image.corner:after,
#content .video.corner:after,
#main .video .play,
#wide .container .text a.more:before,
#stage .video .play,
#downloadlist .actions a,
#main .paragraph a span.icon-download,
#downloadlist li .download-one,
#downloadlist li .delete-one,
#downloadlist li .title,
#content .social-list ul li.facebook,
#content .social-list ul li.googleplus,
#content .social-list ul li.twitter,
#content .social-list ul li.mail,
#content .sharelist ul li.shareFacebook a,
#content .sharelist ul li.shareTwitter a,
#content .sharelist ul li.shareGoogle a,
#content .sharelist ul li.shareEmail a,
#header .links .dl-link a,
#header #login-form a:before,
#content .overview li .label,
.press #aside .filter .button:before,
#job-filter .button,
#job-filter .search .submit,
.bright-button:before,
#content .map .layer .close,
#content .linklist > a:before,
#stage .map .layer .close,
#content .aside .map .routing .submit,
#content .map .routing .submit,
#routing .actions a,
#main .gallery li span.title:before,
#main .gallery li .icon-download,
#main .gallery li .icon-remember,
#main .gallery .paging a span:before,
#cboxPrevious,
#cboxNext,
.aside .textteaser li:before,
#breadcrumb li:before,
#header #login-form .close:after,
#header .links li.login:before,
.press .contentteaser .invisible .dl-list .icon-download,
#footer .social-icons li a,
#content .social-icons li a,
#stage .next,
#stage .prev,
#stage .animation-next,
#stage .animation-prev,
.imagegallery #cboxTitle .icon-download,
.imagegallery #cboxTitle .icon-remember,
#main .productdownloads .icon-download,
#main .productdownloads .icon-remember,
#content .highlight-link .big:after,
#content .textteaser.quarter.bright h3:after,
#dealerlocator .dealerlayer .close,
#overlay-country-select ul li ul li a:before,
#overlay-country-select ul li ul li a:hover:before,
.mobile-country-select,
.brandslider .prev span,
.brandslider .next span,
a.big-icon-download:before,
p.big-icon-download:before,
#header #main-nav .simple-nav li a.naviClick:after,
.small-pagination .controls .prev > span:before,
.small-pagination .controls .next > span:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
*background-size: 100% 100%;
}
#loading {
background: url(../img/layout/ajax-loader.gif) center center no-repeat;
}
#dealerlocator .legend p {
background: url("../img/layout/marker.png") no-repeat 1px 3px;
}
@media only screen and (max-width: 989px) {
#search,
#search_mobile,
#header .dropdown a.actual,
#main-nav .actual:after,
#main-nav .actual.open:after,
#main-nav .mdd .back span {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
}
.notmobile,
#pageteaser,
#content .half-teaser {
display: none;
}
a.more.product-overlay,
a.blue-button.product-overlay,
a.bright-button.product-overlay {
display: none !important;
}
.mobile-country-select {
display: block !important;
}
}
@media only screen and (max-width: 763px) {
#main .history .year {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
}
}
.btn-std {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #F7F7F7;
font-size: 16px;
font-weight: lighter;
border: 0 none;
padding: 10px 0;
text-align: center;
}
.btn-std:disabled {
opacity: 0.5;
}
.btn-std:disabled:hover {
color: #444444;
opacity: 0.5;
}
.btn-std:hover {
color: #0096d5;
}
.buttons {
display: block;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.buttons .confirm,
.buttons .btn-std {
width: 30%;
width: calc((100% - 21px) / 3);
float: left;
margin-right: 10px;
}
/**
* ENDE Allgemeines
*/
#header {
max-width: 100%;
}
@media only screen and (max-width: 989px) {
#header {
border: 0 none;
}
}
#header .header-wrapper {
max-width: 1230px;
margin: -40px auto 0;
}
@media only screen and (max-width: 989px) {
#header .header-wrapper {
margin: auto;
}
}
@media only screen and (max-width: 527px) {
#header .header-wrapper {
border: none;
}
}
@media only screen and (max-width: 989px) {
#header .header-wrapper #main-nav {
color: black;
line-height: 45px;
margin: 0;
}
}
@media only screen and (max-width: 989px) {
#header .header-wrapper #main-nav .actual {
background: 0;
padding-left: 12px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 989px) {
#header .header-wrapper #main-nav .simple-nav {
visibility: visible;
display: none;
padding: 0;
margin-bottom: -1px;
width: 100%;
}
#header .header-wrapper #main-nav .simple-nav .third-level {
display: none;
margin-top: -1px;
}
#header .header-wrapper #main-nav .simple-nav .third-level li:last-of-type {
margin-bottom: -1px;
}
#header .header-wrapper #main-nav .simple-nav .third-level a {
background-color: #B2B2B2 !important;
border: none;
}
#header .header-wrapper #main-nav .simple-nav .lang {
display: none;
}
}
#header .header-wrapper #main-nav .simple-nav ul {
margin: 0;
}
#header .header-wrapper #main-nav .simple-nav li {
border: none;
position: relative;
}
@media only screen and (max-width: 989px) {
#header .header-wrapper #main-nav .simple-nav li a {
border-bottom: 1px solid #DADADA;
background-color: #FFFFFF;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #A1A1A1;
line-height: 48px;
padding-left: 12px;
font-size: 1.4em;
}
#header .header-wrapper #main-nav .simple-nav li a.naviClick {
border-left: 1px solid #E5E5E5;
height: 49px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 49px;
}
#header .header-wrapper #main-nav .simple-nav li a.naviClick.meta {
background-color: #F7F7F7;
}
#header .header-wrapper #main-nav .simple-nav li a.naviClick.meta:after {
background-position: -9px -1425px;
}
#header .header-wrapper #main-nav .simple-nav li a.naviClick.meta.active:after {
background-position: -9px -1398px;
}
#header .header-wrapper #main-nav .simple-nav li a.naviClick:after {
background-position: -9px -1425px;
content: "";
position: absolute;
right: 4px;
top: 5px;
width: 40px;
height: 40px;
}
#header .header-wrapper #main-nav .simple-nav li a.naviClick.active:after {
background-position: -9px -1398px;
}
#header .header-wrapper #main-nav .simple-nav li a.meta {
color: #A1A1A1;
background-color: #F7F7F7;
}
}
#header .top {
margin-top: -40px;
width: 100%;
margin-left: -14px;
}
@media only screen and (max-width: 989px) {
#header .top {
background: #FFFFFF;
height: auto;
margin-top: -40px;
}
}
#header .top .naviClick.meta {
display: none;
}
#header .top ul li > a,
#header .top ul li > span {
color: #444444;
cursor: pointer;
font-size: 16px;
line-height: 35px;
text-decoration: none;
}
#header .top ul li.login {
display: block;
position: relative;
z-index: 30;
border: 1px solid transparent;
}
#header .top ul li.login > span {
cursor: pointer;
display: inline-block;
padding-left: 15px;
}
#header .top ul li.login.highlightred > span,
#header .top ul li.login.error > span {
color: #D8000C;
}
#header .top ul li.login.highlightred:hover > span,
#header .top ul li.login.error:hover > span {
color: #D8000C;
}
#header .top ul li.login:hover > span {
color: #0096d5;
}
#header .top ul li.login:hover {
background-color: #FFFFFF;
}
#header .top ul li.login:hover > span,
#header .top ul li.login:hover > a {
color: #0096d5;
}
#header .top ul li.login:before {
background: url('../img/layout/sprite.png') -8px -1554px no-repeat transparent;
cursor: pointer;
width: 13px;
height: 13px;
content: "";
display: block;
float: left;
top: 10px;
left: 15px;
position: absolute;
}
#header .top ul li.login.loggedin span {
padding-left: 20px;
}
#header .top ul li.login.loggedin:before {
background-position: -282px -301px;
width: 15px;
height: 15px;
}
#header .top ul li.login.loggedin:hover:before {
background-position: -264px -301px;
}
#header .top ul li.login.loggedin.active {
border: 1px solid transparent;
}
#header .top ul li.login:hover:before {
background-position: -8px -1536px;
border: none;
bottom: auto;
}
#header .top ul li.active,
#header .top ul li.error {
display: block;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
border-top: 1px solid #dadada;
}
#header .top ul li.active:after,
#header .top ul li.error:after {
bottom: -2px;
background-color: #FFFFFF;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
z-index: 101;
}
#header .top ul li.error span {
color: #D8000C;
}
#header .top ul li.logout input[type="submit"] {
padding: 0 0 0 15px;
position: relative;
background: transparent;
border: none;
font-weight: 100;
color: #444444;
cursor: pointer;
font-size: 16px;
line-height: 35px;
text-decoration: none;
}
#header .top ul li.logout input[type="submit"]:hover {
color: #0096d5;
}
#header .top ul li.logout:before {
background: url('../img/layout/sprite.png') -8px -1554px no-repeat transparent;
cursor: pointer;
width: 13px;
height: 13px;
content: "";
display: block;
float: left;
top: 10px;
left: 15px;
position: absolute;
}
#header .top ul li.logout:hover:before {
background-position: -8px -1536px;
border: none;
bottom: auto;
}
#header .top-mobile {
display: none;
}
@media only screen and (max-width: 989px) {
#header .top-mobile {
display: block;
}
}
/*
#lang {
float: left;
font-size: 0.8em;
display: none;
margin-left: 15px;
margin-top: 15px;
padding-bottom: 2px;
position: relative;
@media only screen and (max-width: @breakMobile) {
display: block;
}
@media only screen and (max-width: @breakMobile) {
display: inline-block;
position: absolute;
right: 50px;
&:after {
background-image: url(../img/content/mini_worldmap.png);
content: '';
display: inline-block;
height: 19px;
position: absolute;
width: 39px;
}
}
ul {
display: block;
list-style: none;
@media only screen and (max-width: @breakSmall) {
margin-bottom: 0;
}
li {
cursor: pointer;
float: left;
font-weight: bold;
font-size: 1.222em;
margin-right: 20px;
a {
color: #A1A1A1;
text-decoration: none;
&.active {
color: @darkColor;
}
&:active, &:focus {
outline: none;
}
}
}
}
}
*/
#header #search_mobile {
display: none;
}
@media only screen and (max-width: 527px) {
#header #search_mobile {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
max-width: 100%;
margin: 0 8px;
}
}
@media only screen and (max-width: 527px) {
.home #header #search_mobile {
display: block;
max-width: 89%;
margin: 0 auto;
}
}
#header #search {
min-height: 89px;
}
@media only screen and (max-width: 527px) {
#header #search {
display: none;
}
}
#search,
#search_mobile {
margin-bottom: -3px;
margin-right: 20px;
margin-top: 41px;
max-width: 268px;
position: relative;
}
@media only screen and (max-width: 1230px) {
#search,
#search_mobile {
margin-left: 15px;
}
}
@media only screen and (max-width: 989px) {
#search,
#search_mobile {
background: none;
font-size: 0.8em;
margin-left: 10px;
margin-right: 0;
padding-bottom: 11px;
position: relative;
}
}
@media only screen and (max-width: 989px) {
#search,
#search_mobile {
margin: 0 200px 0 10px;
padding: 10px 0 39px 0;
position: relative;
z-index: 0;
}
}
@media only screen and (max-width: 989px) {
#search .form,
#search_mobile .form {
display: block;
list-style-type: none;
position: relative;
z-index: 5;
}
}
#search input,
#search_mobile input {
border: 1px solid #DADADA;
color: #000000;
font-size: 1.1em;
height: 43px;
line-height: 43px;
margin-top: 43px;
padding: 0 35px 0 7px;
width: 224px;
}
#search input:active,
#search_mobile input:active,
#search input:focus,
#search_mobile input:focus {
outline: none;
}
@media only screen and (max-width: 989px) {
#search input,
#search_mobile input {
border-bottom: 1px solid #DADADA;
font-size: 1.4em;
margin-left: 0;
margin-top: 0;
padding: 0 8% 0 2%;
width: 90%;
}
}
#search .submit,
#search_mobile .submit {
background-position: 0px -44px;
border: 0 none;
color: transparent;
display: block;
font-size: 1.8em;
height: 24px;
line-height: 18px;
padding: 0;
position: absolute;
right: 6px;
width: 30px;
opacity: 0.3;
}
@media only screen and (max-width: 989px) {
#search .submit,
#search_mobile .submit {
top: 7px;
}
}
#header #search .submit,
#header #search_mobile .submit {
top: 10px !important;
text-indent: -9999px;
}
#header .links {
height: 45px;
list-style-type: none;
margin: 0 auto;
max-width: 1230px;
letter-spacing: 0.2px;
z-index: 10;
}
@media only screen and (max-width: 1230px) {
#header .links {
margin-left: 13px;
margin-right: 13px;
}
}
@media only screen and (max-width: 989px) {
#header .links {
display: none;
}
}
#header .links li {
border: 1px solid #FFFFFF;
border-bottom: none;
background-color: #FFFFFF;
float: left;
height: 100%;
padding: 0 15px;
position: relative;
}
#header .links li.topNaviHover {
border: 1px solid #DADADA;
margin-bottom: -1px;
z-index: 1000;
}
#header .links li.topNaviHover:after {
bottom: -1px;
background-color: #FFFFFF;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
width: 100%;
z-index: 10;
}
#header .links li.topNaviHover > a {
color: #0096d5;
}
#header .links li.topNaviHover ul {
border: 1px solid #DADADA;
}
#header .links li ul {
background-color: #FFFFFF;
display: none;
left: -1px;
list-style: none;
padding: 10px 0 25px 0;
position: absolute;
top: 45px;
width: 275px;
z-index: 10;
}
#header .links li ul li {
float: none;
border: none;
padding: 0 0 0 17px;
height: auto;
}
#header .links li ul li:hover {
border: none;
}
#header .links li ul li a {
margin: 0;
border: 0;
display: block;
}
#header .links li > a {
display: block;
margin-bottom: -1px;
opacity: 0.7;
}
#header .links li > a:hover {
color: #0096d5;
}
@media only screen and (max-width: 989px) {
#header .links li {
height: auto;
}
}
#header .links > li:first-child {
padding-left: 15px;
}
@media only screen and (max-width: 989px) {
#header .links li.lang {
display: none;
}
}
#header .links li.lang a {
color: rgba(68, 68, 68, 0.7);
}
#header .links li.lang a:active,
#header .links li.lang a:focus {
outline: none;
}
#header .links li.lang a.active {
color: #444444;
}
#header .links .open a {
color: #0096d5;
}
#header .links .dl-link a {
background-position: -54px -869px;
color: #0096d5;
padding-left: 30px;
}
#header .links .dl-link a span {
margin-left: 5px;
}
#header .links .dl-link a:hover {
background-position: left -949px;
}
#main .downloads li .dl-added,
#main .downloads li .dl-added:hover {
background-position: -26px -871px;
cursor: default;
}
@media only screen and (max-width: 989px) {
#header .dropdown {
background-color: #FFFFFF;
-moz-box-shadow: 1px 1px 5px -1px #444444 inset;
-webkit-box-shadow: 1px 1px 5px -1px #444444 inset;
box-shadow: 1px 1px 5px -1px #444444 inset;
display: none;
float: left;
}
#header .dropdown a.actual {
background-position: right -448px;
color: #444444;
cursor: pointer;
display: block;
line-height: 26px;
padding: 0 40px 0 10px;
}
#header .dropdown .links {
background-color: #999999;
float: none;
overflow: hidden;
margin: 0;
padding: 15px 10px;
position: absolute;
width: auto;
z-index: 5;
}
#header .dropdown .links li {
float: none;
margin: 0;
}
#header .dropdown .links a {
color: #FFFFFF;
white-space: nowrap;
}
#header .links .dl-link a {
background: none;
padding-left: 0;
}
#header .dropdown .links a:hover,
#header .dropdown .links a:focus,
#header .dropdown .links a:active {
color: #444444;
}
}
/* Navigation */
@media only screen and (max-width: 989px) {
#nav {
display: none;
}
}
#main-nav {
border-bottom: 1px solid #DADADA;
display: block;
width: 100%;
}
#main-nav a {
color: #444444;
text-decoration: none;
}
@media only screen and (max-width: 1230px) {
#main-nav {
padding-left: 15px;
}
}
@media only screen and (max-width: 989px) {
#main-nav {
border-bottom: none;
float: none;
margin-top: 29px;
margin-bottom: 30px;
padding-left: 0;
}
}
.home #main-nav {
border-bottom: none;
}
#main-nav .actual {
display: none;
}
@media only screen and (max-width: 989px) {
#main-nav .actual {
cursor: pointer;
display: inline-block;
font-size: 1.3em;
margin: 0;
position: relative;
}
#main-nav .actual:before {
background-position: -159px -264px;
content: "";
display: inline-block;
height: 26px;
margin-right: 5px;
margin-top: 3px;
position: relative;
width: 45px;
vertical-align: middle;
}
#main-nav .actual.active:before {
background-position: -159px -229px;
}
}
@media only screen and (max-width: 527px) {
#main-nav .actual {
padding-top: 45px;
margin-bottom: 60px !important;
}
}
#main-nav > ul {
list-style-type: none;
margin-top: 32px;
position: relative;
padding-left: 27px;
}
@media only screen and (max-width: 989px) {
#main-nav ul {
background-color: #FFFFFF;
float: none;
height: auto;
list-style-type: none;
margin-right: 1px;
margin-top: 0;
overflow: hidden;
padding: 0 0 2px;
z-index: 2;
}
}
#main-nav li {
float: left;
}
@media only screen and (max-width: 989px) {
#main-nav li {
border-bottom: 1px solid #DADADA;
float: none;
}
#main-nav li a {
padding-left: 12px;
}
}
#main-nav .mdd-nav > li {
border-bottom: 1px solid #D9D9D9;
}
#main-nav .mdd-nav > li.open > a {
position: relative;
}
#main-nav .mdd-nav > li.open.invi > a:after {
height: 0;
}
#main-nav .mdd-nav > li:first-child.open > a:after {
left: 26px;
}
#main-nav .mdd-nav > li > a {
color: #444444;
background-color: #FFFFFF;
border: 1px solid rgba(255, 255, 255, 0);
border-bottom: none;
display: block;
font-size: 2.3em;
line-height: 44px;
margin-bottom: -1px;
padding: 3px 20px 18px 20px;
position: relative;
text-decoration: none;
z-index: 20;
}
@media only screen and (max-width: 1230px) {
#main-nav .mdd-nav > li > a {
font-size: 1.9em;
}
}
@media only screen and (max-width: 989px) {
#main-nav .mdd-nav > li > a {
border: none;
color: #222222;
line-height: 2em;
padding: 0 25px;
}
}
#main-nav .mdd-nav > li:first-child {
margin-left: -48px;
}
@media only screen and (max-width: 989px) {
#main-nav .mdd-nav > li:first-child {
margin-left: 0;
}
}
@media only screen and (max-width: 989px) {
#main-nav li:first-child a {
margin-left: 0;
}
}
#main-nav .mdd-nav:hover > li {
border-bottom: none;
}
#main-nav .mdd-nav:hover > li > a {
border-bottom: 1px solid #D9D9D9;
}
#main-nav .mdd-nav > li.active > a {
border: 1px solid #D9D9D9;
border-bottom: none;
color: #0096d5 !important;
}
@media only screen and (max-width: 989px) {
#main-nav > ul > li > a {
display: inline-block;
font-size: 1.143em;
line-height: 45px;
width: 100%;
}
}
#main-nav > ul > li.open > a {
color: #0096d5 !important;
}
@media only screen and (max-width: 989px) {
#main-nav > ul > li.open > a,
#main-nav li.open > a {
color: #0096d5;
}
#main-nav li a:focus,
#main-nav li a:active {
color: #0096d5;
}
}
#main-nav .mdd {
background-color: #FFFFFF;
display: none;
left: -21px;
min-width: 974px;
overflow: hidden;
padding: 0 5px 0 0;
position: absolute;
right: -21px;
z-index: 10;
}
@media only screen and (max-width: 989px) {
#main-nav .mdd {
left: 0;
display: none;
}
}
#main-nav li.active .mdd {
border: 1px solid #DADADA;
}
#main-nav .mdd a,
#main-nav .mdd p {
text-transform: none;
}
.no-js #main-nav li:hover .mdd {
display: block;
}
.no-js #main-nav .mdd:hover {
display: block;
}
#main-nav .mdd .col {
display: block;
float: left;
margin: 48px 3.7238% 0 0;
padding-bottom: 35px;
position: relative;
}
@media only screen and (max-width: 1230px) {
#main-nav .mdd .col {
margin: 48px 3.235% 0 0;
}
}
#main-nav .mdd .col:first-child {
margin-right: 3.2583%;
width: 21.334%;
}
#main-nav .mdd .col-4 {
display: block;
float: left;
margin-top: 48px;
position: relative;
width: 23%;
}
#main-nav .mdd .col-4:first-child {
margin-right: 3.2583%;
width: 275px;
}
#main-nav .mdd ul {
list-style-type: none;
margin-left: 0;
}
#main-nav .mdd .col:first-child ul {
width: 275px;
}
#main-nav .mdd .col-4 .img {
margin: 0 8px 15px 8px;
}
#main-nav .mdd li {
float: none;
text-indent: -48px;
padding-left: 48px;
margin-bottom: 6px;
}
#main-nav .mdd li a {
color: #444444;
font-size: 1.7em;
line-height: 1.2;
margin: 0 17px 0 19px;
padding: 0 0 12px 30px;
position: relative;
text-decoration: none;
}
#main-nav .mdd .col > ul > li > a:before,
#main-nav .mdd .col-4 > ul > li > a:before {
background-position: -276px -462px;
content: "";
display: block;
height: 14px;
left: 13px;
position: absolute;
top: 6px;
width: 8px;
}
#main-nav .mdd .col > ul > li > a:hover:before,
#main-nav .mdd .col > ul > li > a:active:before,
#main-nav .mdd .col > ul > li > a:focus:before {
background-position: -289px -733px;
}
#main-nav .mdd li a:hover,
#main-nav .mdd li a:active,
#main-nav .mdd li a:focus {
color: #0096d5;
}
#main-nav .mdd ul ul {
display: none;
}
#main-nav .mdd ul ul.open {
display: block;
margin: 2px 0 10px 0;
}
#main-nav .mdd ul ul li {
margin-bottom: 4px;
padding-left: 10px;
}
#main-nav .mdd ul ul li a {
font-size: 1.4em;
font-weight: normal;
line-height: 1.1;
margin-bottom: 0;
padding-bottom: 0;
}
#main-nav .mdd .img {
color: #444444;
cursor: pointer;
display: block;
line-height: 1.3;
max-width: 729px;
padding: 0;
position: relative;
}
#main-nav .mdd .img.small {
display: block;
margin: 0 0.0775% 15px 0.1551%;
max-width: 350px;
}
#main-nav .mdd .img p {
font-size: 1em;
margin: 0 0 10px;
}
#main-nav .mdd .img:hover p,
#main-nav .mdd .img:active p,
#main-nav .mdd .img:focus p {
color: #444444;
}
#main-nav .mdd .img img {
display: block;
margin: 0 auto;
width: 100%;
vertical-align: middle;
}
#main-nav .mdd .flyout-image {
padding: 0;
margin: 0 5px;
}
#main-nav .mdd .flyout-image img {
width: 100%;
}
#main-nav .mdd .flyout-list {
display: block;
margin-top: 10px;
height: 100%;
}
#main-nav .mdd .flyout-list > li > a {
border-bottom: 1px #D2D2D2 solid;
}
#main-nav .mdd .flyout-list a {
background-image: none;
}
#main-nav .mdd .flyout-list ul {
display: block;
margin-top: 0;
height: 100%;
}
#main-nav .mdd .flyout-teaser {
margin: 0 2.8704% 45px 5px;
max-width: 350px;
}
#main-nav .mdd .flyout-teaser img {
border: 1px solid #DADADA;
margin-bottom: 20px;
}
#main-nav .mdd .flyout-teaser h2 {
color: #269AD1;
font-size: 1em;
margin-top: 6px;
}
#main-nav .mdd .flyout-teaser p {
line-height: 1.35;
margin-top: 11px;
}
#main-nav .mdd .flyout-teaser a.headline {
border: none;
display: inline;
font-size: 1.364em;
line-height: 15px;
padding-left: 0;
position: relative;
}
#main-nav .mdd .flyout-teaser a.headline:after {
background-position: -292px -362px;
content: "";
display: block;
height: 12px;
right: 4px;
position: absolute;
top: 6px;
width: 5px;
}
#main-nav .mdd .col-4 .flyout-text {
margin: -13px 5px 30px;
}
#main-nav .mdd .flyout-text a {
display: inline;
font-size: 1em;
line-height: 1.4em;
padding: 0;
}
#main-nav .mdd .flyout-text > div {
padding: 0 15px 15px;
margin-bottom: -15px;
margin-top: 0;
}
#main-nav .mdd .flyout-text div {
margin-top: 13px;
}
#main-nav .mdd .flyout-text h3 {
border-bottom: 1px solid #D0D0D0;
font-size: 0.9em;
}
#main-nav .mdd .flyout-text p {
font-size: 0.9em;
margin: 5px 0 0;
}
#main-nav .mdd .flyout-text .headline {
font-weight: bold;
}
#main-nav .mdd span.close {
cursor: pointer;
text-indent: -99999px;
}
#main-nav .mdd .close:after {
background-position: -285px -340px;
content: "";
display: block;
height: 15px;
right: 10px;
position: absolute;
top: 10px;
width: 15px;
}
#header .header-wrapper #main-nav .second-level {
display: none;
}
@media only screen and (max-width: 989px) {
#header .header-wrapper #main-nav .second-level {
float: none;
padding-bottom: 0;
z-index: 5;
margin: -1px 0 0;
}
.js #header .header-wrapper #main-nav .second-level {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
overflow: visible;
width: 100%;
}
.no-js #header .header-wrapper #main-nav .second-level {
padding-left: 40px;
}
}
@media only screen and (max-width: 989px) {
#header .header-wrapper #main-nav .second-level li {
margin: 0;
}
#header .header-wrapper #main-nav .second-level li a {
background-color: #C5C5C5 !important;
color: #FFFFFF !important;
}
#header .header-wrapper #main-nav .second-level li a.naviClick:after {
background-position: -58px -1424px;
}
#header .header-wrapper #main-nav .second-level li a.naviClick.active:after {
background-position: -57px -1398px;
}
}
@media only screen and (max-width: 989px) {
#main-nav .second-level .back {
background-color: #dadfe3;
cursor: pointer;
height: 100%;
left: -20px;
padding: 0;
position: absolute;
top: 0;
width: 45px;
}
#main-nav .second-level .back:before {
background-position: -2px -354px;
content: "";
color: #444444;
display: block;
height: 9px;
left: 20%;
margin: -4.5px 0 0 8px;
position: absolute;
top: 50%;
width: 6px;
}
#main-nav .second-level .back span {
background-position: left -604px;
display: block;
height: 13px;
margin-top: -6px;
position: relative;
top: 50%;
width: 20px;
}
#main-nav ul ul a {
background: none repeat scroll 0 0 transparent;
color: #444444;
display: inline-block;
font-size: 1.143em;
line-height: 2em;
margin: 0;
padding: 0 17px 0 12px;
text-decoration: none;
width: 100%;
}
#main-nav .second-level ul {
display: block;
overflow: hidden;
padding-bottom: 0;
position: relative;
top: 0;
z-index: 5;
}
.js #main-nav .second-level ul {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
}
#logo {
float: right;
margin: 44px 0 0;
}
@media only screen and (max-width: 1230px) {
#logo {
padding-right: 15px;
}
}
@media only screen and (max-width: 989px) {
#logo {
margin: 35px 0;
padding-right: 10px;
}
}
@media only screen and (max-width: 527px) {
#logo {
/*display: block;
position: relative;
margin: 26px 5px 24px;
right: auto;*/
}
}
/**
* Breadcrumb
**/
#breadcrumb {
font-size: 1.2em;
margin: 9px auto 15px;
max-width: 1230px;
position: relative;
}
@media only screen and (max-width: 1230px) {
#breadcrumb {
padding-left: 15px;
}
}
@media only screen and (max-width: 989px) {
#breadcrumb {
margin-left: auto;
margin-top: 9px;
margin-right: auto;
padding-left: 13px;
}
}
@media only screen and (max-width: 989px) {
#content.press #breadcrumb,
#content.event #breadcrumb {
width: auto;
}
}
#breadcrumb p {
color: #000000;
float: left;
margin: 0 23px 0 0;
}
#breadcrumb ul {
list-style-type: none;
}
#breadcrumb li {
float: left;
margin-right: 18px;
position: relative;
padding-left: 8px;
}
#breadcrumb li:first-of-type {
padding: 0;
}
#breadcrumb li:first-of-type:before {
display: none;
}
#breadcrumb li:before {
background-position: -279px -464px;
content: "";
display: block;
height: 12px;
left: -8px;
margin-top: 5px;
position: absolute;
width: 5px;
}
#breadcrumb li:hover:before {
background-position: -292px -735px;
}
#breadcrumb li:last-child:hover:before {
background-position: -279px -464px;
}
#breadcrumb li a {
color: #444444;
text-decoration: none;
}
#breadcrumb li:hover a {
color: #0096d5;
}
#breadcrumb li > span {
color: #0096d5;
}
#breadcrumb li a:active,
#breadcrumb li a:focus {
color: #222222;
}
.login.active #login-form,
.login.error #login-form,
.login.active #login-form-lightbox,
.login.error #login-form-lightbbox {
display: block;
}
#login-form,
#login-form-mobile,
#login-form-lightbox {
background-color: #FFFFFF;
border: 1px solid #DADADA;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: none;
left: -115px;
padding: 25px 15px 15px;
position: absolute;
top: 46px;
width: 320px;
z-index: 100;
}
#login-form .headline,
#login-form-mobile .headline,
#login-form-lightbox .headline {
margin: 0 0 25px;
text-align: center;
}
#login-form .error,
#login-form-mobile .error,
#login-form-lightbox .error {
font-size: 13px;
padding: 0;
margin: 0;
color: #D8000C;
}
#login-form input[type="text"],
#login-form-mobile input[type="text"],
#login-form-lightbox input[type="text"],
#login-form input[type="password"],
#login-form-mobile input[type="password"],
#login-form-lightbox input[type="password"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
padding: 13px;
text-align: center;
width: 100%;
margin-bottom: 20px;
font-size: 16px;
}
#login-form input[type="text"].error,
#login-form-mobile input[type="text"].error,
#login-form-lightbox input[type="text"].error,
#login-form input[type="password"].error,
#login-form-mobile input[type="password"].error,
#login-form-lightbox input[type="password"].error {
border: 1px solid #D8000C;
}
#login-form input:focus::-webkit-input-placeholder,
#login-form-mobile input:focus::-webkit-input-placeholder,
#login-form-lightbox input:focus::-webkit-input-placeholder {
color: transparent !important;
}
#login-form input:focus::-moz-placeholder,
#login-form-mobile input:focus::-moz-placeholder,
#login-form-lightbox input:focus::-moz-placeholder {
color: transparent !important;
}
#login-form input:focus:-moz-placeholder,
#login-form-mobile input:focus:-moz-placeholder,
#login-form-lightbox input:focus:-moz-placeholder {
color: transparent !important;
}
#login-form .login-button,
#login-form-mobile .login-button,
#login-form-lightbox .login-button {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9cb00+0,00925b+46,0096d5+95 */
background: #00925B;
/* Old browsers */
background: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9cb00', endColorstr='#0096d5', GradientType=1);
/* IE6-9 */
float: none;
display: block;
width: 70%;
padding: 13px;
margin: 0 auto 20px;
color: #FFFFFF;
font-size: 16px;
font-weight: 100;
text-align: center;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
}
#login-form .login-button span,
#login-form-mobile .login-button span,
#login-form-lightbox .login-button span {
position: relative;
padding-left: 30px;
}
#login-form .login-button span:before,
#login-form-mobile .login-button span:before,
#login-form-lightbox .login-button span:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: -3px -1641px !important;
content: '';
width: 21px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
left: 0;
}
#login-form input[type="checkbox"],
#login-form-mobile input[type="checkbox"],
#login-form-lightbox input[type="checkbox"] {
display: none;
}
#login-form input[type="checkbox"] + label,
#login-form-mobile input[type="checkbox"] + label,
#login-form-lightbox input[type="checkbox"] + label {
color: #444444;
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
font-size: 16px;
}
#login-form input[type="checkbox"] + label:before,
#login-form-mobile input[type="checkbox"] + label:before,
#login-form-lightbox input[type="checkbox"] + label:before {
content: '';
border: 1px solid #DADADA;
border-radius: 0;
background-color: transparent;
width: 19px;
height: 19px;
display: inline-block;
position: absolute;
left: 0;
text-align: center;
top: 50%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
#login-form input[type="checkbox"] + label:hover,
#login-form-mobile input[type="checkbox"] + label:hover,
#login-form-lightbox input[type="checkbox"] + label:hover {
color: #0096d5;
}
#login-form input[type="checkbox"] + label:hover:before,
#login-form-mobile input[type="checkbox"] + label:hover:before,
#login-form-lightbox input[type="checkbox"] + label:hover:before {
border: 1px solid #0096d5;
}
#login-form input[type="checkbox"]:checked + label:before,
#login-form-mobile input[type="checkbox"]:checked + label:before,
#login-form-lightbox input[type="checkbox"]:checked + label:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: 3px -922px;
border: 1px solid #0096d5;
}
#login-form a,
#login-form-mobile a,
#login-form-lightbox a {
color: #444444;
display: block;
font-size: 16px;
padding-left: 28px;
margin-right: 15px;
position: relative;
}
#login-form a:last-of-type,
#login-form-mobile a:last-of-type,
#login-form-lightbox a:last-of-type {
margin-top: 16px;
margin-right: 0;
}
#login-form a:before,
#login-form-mobile a:before,
#login-form-lightbox a:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: -3px -1641px !important;
content: '';
width: 21px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
left: 0;
}
#login-form a:hover,
#login-form-mobile a:hover,
#login-form-lightbox a:hover {
color: #0096d5;
}
#login-form a:hover:before,
#login-form-mobile a:hover:before,
#login-form-lightbox a:hover:before {
background-position: -3px -1618px !important;
}
#login-form hr,
#login-form-mobile hr,
#login-form-lightbox hr {
margin-top: 39px;
margin-bottom: 31px;
}
#login-form iframe,
#login-form-mobile iframe,
#login-form-lightbox iframe {
display: block;
width: 156px;
height: 203px;
padding: 0;
margin: 0 auto 27px;
border: none;
overflow: hidden;
float: none;
}
.login-lightbox .hidden-text {
display: none;
}
.outer-login-box {
float: left;
position: relative;
width: 100%;
max-width: 550px;
}
.outer-login-box .login-box {
display: block;
position: relative;
box-sizing: border-box;
width: 100%;
max-width: 550px;
height: 590px;
padding: 2%;
background-color: #fff;
}
.outer-login-box .login-box li {
list-style-type: none;
}
.outer-login-box .login-box li span {
display: none;
}
.outer-login-box .login-box .headline {
font-size: 1.7em;
}
.outer-login-box .login-box .headline:before {
background: url('../img/layout/sprite.png') -8px -1554px no-repeat transparent;
content: "";
display: block;
float: left;
width: 13px;
height: 13px;
top: 35px;
left: 40px;
position: absolute;
}
.outer-login-box .login-box .login {
position: relative;
top: 1%;
}
.outer-login-box .login-box #login-form-lightbox {
position: relative;
top: 50%;
width: 100%;
max-width: 320px;
margin: 0 auto;
left: auto;
}
.outer-login-box .login-box p:not(.headline) {
font-size: 1.3em;
padding: 5%;
}
@media only screen and (max-width: 989px) {
.outer-login-box {
width: 100%;
max-width: 100%;
}
.outer-login-box .login-box {
width: 100%;
max-width: 100%;
}
.outer-login-box .login-box .login {
top: 0%;
}
.outer-login-box .login-box #login-form-lightbbox {
position: relative;
width: 100%;
max-width: 320px;
}
}
.top-mobile {
width: calc(100% - 16px);
margin: 0 8px 20px;
}
.top-mobile ul {
z-index: 101;
position: relative;
bottom: 0;
}
.top-mobile ul li {
display: inline-block;
font-size: 16px;
padding: 10px 5px;
margin: 0 5px;
}
.top-mobile ul li.login {
background: #fff;
cursor: pointer;
margin-left: 0;
z-index: 100;
}
.top-mobile ul li.login span {
padding-left: 15px;
position: relative;
}
.top-mobile ul li.login span:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: -8px -1554px;
content: '';
width: 14px;
height: 14px;
margin-top: -7px;
position: absolute;
top: 50%;
left: 0;
}
.top-mobile ul li.login.active {
border-top: 1px solid #DADADA;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
display: inline-block !important;
padding: 9px 4px 10px;
}
.top-mobile ul li.login.active span {
color: #0096d5;
}
.top-mobile ul li.login.active span:before {
background-position: -8px -1536px;
}
.top-mobile ul li.login.active.error span {
color: #D8000C;
}
.top-mobile ul li.login.active.error span:before {
background-position: -8px -1554px;
}
.top-mobile ul li.login.loggedin {
display: block;
width: 100%;
}
.top-mobile ul li.login.loggedin span {
padding-left: 20px;
}
.top-mobile ul li.login.loggedin span:before {
background-position: -282px -301px;
width: 15px;
height: 15px;
}
.top-mobile ul li.logout {
position: relative;
}
.top-mobile ul li.logout input[type="submit"] {
position: relative;
background: transparent;
border: none;
font-weight: 100;
color: #444444;
cursor: pointer;
font-size: 16px;
text-decoration: none;
padding-left: 10px;
}
.top-mobile ul li.logout input[type="submit"]:hover {
color: #0096d5;
}
.top-mobile ul li.logout:before {
background: url('../img/layout/sprite.png') -8px -1554px no-repeat transparent;
cursor: pointer;
width: 13px;
height: 13px;
content: "";
display: block;
float: left;
top: 20px;
left: 0;
position: absolute;
}
#header .top-mobile ul li.logout:before {
left: 0;
top: 15px;
}
.top-mobile ul li.logout:hover:before {
background-position: -8px -1536px;
border: none;
bottom: auto;
}
.top-mobile ul li.lang a {
color: #A1A1A1;
}
.top-mobile ul li.lang a.active {
color: #444444;
}
#login-form-mobile {
position: relative;
left: 0;
top: -1px;
width: 100%;
}
#login-form-mobile a {
display: block;
margin-bottom: 15px;
}
#login-form-mobile a:last-of-type {
margin-bottom: 0;
}
/**
* Content
*/
#page {
margin-top: 40px;
position: relative;
opacity: 0;
}
#wide {
float: left;
margin-bottom: 20px;
width: 74.7%;
}
@media only screen and (max-width: 989px) {
#wide {
width: 100%;
float: none;
}
}
.wide #wide {
float: none;
margin-left: auto;
margin-right: auto;
max-width: 1230px;
width: auto;
}
@media only screen and (max-width: 989px) {
.wide #wide {
margin: 30px auto;
}
}
#content {
clear: both;
margin: 50px auto 60px;
max-width: 1230px;
padding: 0 18px;
position: relative;
}
@media only screen and (max-width: 1230px) {
#content {
padding-left: 15px;
}
}
@media only screen and (max-width: 989px) {
#content {
margin: 30px auto;
padding: 0 13px;
}
}
@media only screen and (max-width: 763px) {
#content {
margin: 0 auto;
padding: 0 8px;
width: auto;
}
}
#nav {
float: left;
margin-bottom: 30px;
margin-right: 2.1%;
position: relative;
width: 23.2%;
min-height: 250px;
}
#nav > ul,
#nav > ul ul {
list-style-type: none;
margin-bottom: 40px;
}
#nav > ul a {
color: #222222;
display: block;
font-size: 1.4em;
line-height: 1.4;
padding: 8px 0 8px;
text-decoration: none;
}
#nav > ul li.open > a,
#nav > ul li > a:hover {
color: #0096d5 !important;
}
#nav > ul ul {
margin-left: 32px;
margin-top: 6px;
margin-bottom: 6px;
}
#main {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-bottom: 30px;
margin-right: 2.1%;
width: 49.1%;
}
#main > div:first-of-type {
margin-top: 0;
}
@media only screen and (max-width: 989px) {
#main {
margin-right: 2%;
width: 67%;
}
}
@media only screen and (max-width: 763px) {
#main {
float: none;
margin-right: 0;
width: 100%;
}
}
#main.big {
width: 100%;
}
a[href^=tel] {
color: #222222;
text-decoration: none;
}
.tooltip {
background-color: #DADADA;
-moz-box-shadow: 3px 3px 5px -1px #444444;
-webkit-box-shadow: 3px 3px 5px -1px #444444;
box-shadow: 3px 3px 5px -1px #444444;
color: #222222;
display: none;
font-size: 0.857em;
max-width: 200px;
padding: 10px;
width: auto;
z-index: 10000;
}
.ie8 .tooltip {
border: 1px solid #C6D0D5;
}
#content #main .two-col {
overflow: hidden;
border-bottom: 1px solid #DADADA;
margin-bottom: 30px;
padding-bottom: 35px;
box-sizing: border-box;
}
#content #main .two-col > div {
width: 49%;
margin-right: 2%;
float: left;
*zoom: 1;
}
#content #main .two-col > div:nth-child(even) {
margin-right: 0;
}
@media only screen and (max-width: 989px) {
#content #main .two-col > div {
width: 100%;
float: none;
}
}
#content #main .two-col > div.press-slider-container {
border-bottom: 0;
margin-right: 0;
}
#content #main .two-col.no-border {
border: 0;
}
/* Home-Teaser 2/4 */
#content .image {
margin-bottom: 20px;
position: relative;
}
@media only screen and (max-width: 989px) {
#content .image {
text-align: center;
}
}
/* Big Picutre Teaser mit Rahmen */
#content .image {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content .border > a,
#content .border > div {
border: 1px solid #DADADA;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#content .border > a:hover {
border: 1px solid #0096d5;
}
#content .border > a:hover .title {
color: #0096d5;
}
#content .image img {
border-bottom: 1px solid #dadada;
}
#content .image .title {
background-color: #FFFFFF;
}
/*End Big Picture mit Rahmen */
#content .image.half-teaser {
overflow: hidden;
width: 100%;
}
#content .image > a,
#content .image > div {
display: block;
outline: 0;
text-decoration: none;
height: 100%;
}
#content .image img {
width: 100%;
height: auto;
}
#content .image.zoom img {
width: 100%;
}
#content .two-columns .image img {
min-width: 100%;
}
#content .two-columns .image .title strong {
font-size: 1em;
}
#content .image.aside {
max-width: 100%;
width: auto;
margin-bottom: 0.3em;
}
#content .image .title {
background-color: #FFFFFF;
color: #444444;
font-size: 1.4em;
line-height: 1.3;
padding: 19px 15px 15px;
}
#content .image .title p {
font-size: 1em;
margin-bottom: 10px;
}
#content .image .title p.headline {
font-size: 1.4em;
margin: 0;
}
@media only screen and (max-width: 989px) {
#content .image .title {
text-align: left;
}
}
#content .image.corner:after,
#content .video.corner:after {
background-position: -255px -865px;
content: "";
display: block;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 45px;
}
#content .image .more {
display: block;
margin-top: 20px;
margin-bottom: 0;
}
.right-bar #content .image .more {
color: #FFFFFF;
}
.right-bar #content .image .more:hover {
color: #549BFF;
}
#content .image .more:before {
content: "↘";
font-size: 1.9em;
left: -22px;
margin-right: 7px;
position: absolute;
top: -10px;
}
#content .history .image .more {
margin-left: 5px;
}
#content .history .image .more:before {
top: 309px;
left: 0;
}
#content .image .more:hover,
#content .image .more:active,
#content .image .more:focus {
color: #444444;
}
#content .image.color .title {
background-color: #0096d5;
}
#content .image .title strong {
display: block;
font-size: 1.4em;
font-weight: bold;
}
#content .image .zooming {
background-color: #FFFFFF;
border-radius: 23.5px;
cursor: pointer;
height: 47px;
position: absolute;
right: 20px;
width: 47px;
}
#content .image .zooming {
border: 1px solid #dadada;
}
#content .image .zooming:before {
left: 0;
margin-left: 11px;
margin-top: 11px;
text-align: center;
width: 35px;
}
.icon-search:before {
background-position: 0px -44px;
content: "";
display: block;
height: 30px;
width: 30px;
}
#content .image .title + .zooming {
margin-top: 0;
}
#content a {
outline: 0;
}
#content a:hover,
#content a:active,
#content a:focus {
outline: 0;
}
#content a:hover span,
#content a:active span,
#content a:focus span {
color: #0096d5;
}
#content .teaser {
border: 1px solid #DADADA;
float: left;
height: auto;
margin-bottom: 20px;
overflow: hidden;
position: relative;
width: 100%;
}
@media only screen and (max-width: 989px) {
#content .teaser {
background-color: transparent;
}
}
@media only screen and (max-width: 970px) {
#content .teaser {
width: 97.88617%;
}
}
@media only screen and (max-width: 763px) {
#content .teaser {
margin: 35px auto;
width: 280px;
}
}
@media only screen and (max-width: 527px) {
#content .teaser {
float: none;
}
}
#content .teaser-grid .teaser {
max-width: 48.88617%;
position: relative;
box-sizing: border-box;
}
@media only screen and (max-width: 989px) {
#content .teaser-grid .teaser {
max-width: 48.486%;
}
}
@media only screen and (max-width: 763px) {
#content .teaser-grid .teaser {
max-width: 48.28%;
width: 100%;
}
}
@media only screen and (max-width: 527px) {
#content .teaser-grid .teaser {
max-width: 100%;
width: 100%;
}
}
#content .teaser-grid .teaser .text {
padding: 27px;
}
@media only screen and (max-width: 989px) {
#content .teaser-grid .teaser .text {
position: absolute;
bottom: 0;
}
}
#content .teaser-grid .teaser .text a {
margin-bottom: 0;
}
#content .teaser-grid .teaser select::-ms-expand {
display: none;
}
/*Teaser-Grid in editorial*/
.editorial #content .teaser-grid:not(.gray-box) .teaser {
margin-right: 2%;
}
.editorial #content .teaser-grid:not(.gray-box) .teaser:nth-child(2n+2) {
margin-right: 0;
}
.editorial #content .teaser-grid:not(.gray-box) .teaser .teaserPic {
float: none;
width: 100%;
margin: auto;
}
.editorial #content .teaser-grid:not(.gray-box) .teaser .teaserPic img {
display: block;
width: 100%;
max-width: none;
}
.editorial #content .teaser-grid:not(.gray-box) .teaser .text {
position: absolute;
bottom: 0;
max-width: 70%;
}
.editorial #content .teaser-grid:not(.gray-box) .teaser a:hover {
color: #0096d5;
}
.editorial #content .teaser-grid:not(.gray-box) .teaser a:hover:before {
background-position: -220px -1698px;
}
@media only screen and (max-width: 989px) {
.editorial #content .teaser-grid:not(.gray-box) .teaser {
max-width: 48.486%;
margin-right: 0;
}
.editorial #content .teaser-grid:not(.gray-box) .teaser:nth-child(odd) {
margin-right: 3%;
}
}
@media only screen and (max-width: 527px) {
.editorial #content .teaser-grid:not(.gray-box) .teaser {
width: 100%;
max-width: 100%;
}
}
/* Großer Download-Link */
a.big-icon-download {
color: #444444;
display: block;
font-size: 1.4em;
margin-left: 45px;
padding: 5px 0;
position: relative;
}
a.big-icon-download:before {
background-position: 0px -1726px;
content: '';
display: inline-block;
height: 37px;
margin-right: 6px;
margin-top: -18px;
position: absolute;
text-indent: -9999px;
width: 37px;
top: 50%;
left: -45px;
}
a.big-icon-download:hover {
color: #0096d5 !important;
}
a.big-icon-download:hover:before {
background-position: -46px -1726px;
}
/* Graue Teaser Box */
#content {
/*
.table-download {
tr:last-child {
border-bottom: 2px solid @lightBackground;
}
}*/
}
#content .teaser-grid.gray-box {
margin: 60px -2.5% 20px 0;
}
#content .teaser-grid.gray-box .teaser {
background-color: #f7f7f7;
border: 0;
margin: 1.5% 2.5% 0 0;
position: relative;
width: 30.83%;
}
#content .teaser-grid.gray-box .teaser .text {
padding: 8% 8% 20%;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#content .teaser-grid.gray-box .teaser .text a {
margin-bottom: 0;
position: absolute;
bottom: 4%;
}
#content .teaser-grid.gray-box .teaser .text p > a {
position: relative;
bottom: 0;
margin-bottom: 0;
}
#content .teaser-grid.gray-box .teaser .text .teaser-image {
text-align: center;
padding: 0 0 15% 0;
position: relative;
top: 0;
box-sizing: border-box;
width: 100%;
}
#content .teaser-grid.gray-box .teaser .text .teaser-image img {
max-width: 40%;
float: none;
display: inline;
margin: 0;
}
@media only screen and (max-width: 763px) {
#content .teaser-grid.gray-box .teaser {
margin-right: 1.5%;
padding-bottom: 48%;
width: 48%;
}
}
@media only screen and (max-width: 527px) {
#content .teaser-grid.gray-box {
margin-right: 0;
}
#content .teaser-grid.gray-box .teaser {
width: 100%;
max-width: 100%;
padding-bottom: 0;
}
#content .teaser-grid.gray-box .teaser .text {
position: relative;
}
}
#content .teaser-grid.gray-box.small-content .teaser {
margin-right: 1.5%;
width: 48%;
}
@media only screen and (max-width: 763px) {
#content .teaser-grid.gray-box.small-content .teaser {
margin-right: 1.5%;
padding-bottom: 48%;
width: 48%;
}
}
@media only screen and (max-width: 527px) {
#content .teaser-grid.gray-box.small-content {
margin-right: 0;
}
#content .teaser-grid.gray-box.small-content .teaser {
width: 100%;
max-width: 100%;
padding-bottom: 0;
}
}
#content .table-text {
margin-bottom: 20px;
}
#content .table-text table {
width: 100%;
}
#content .table-text table thead th {
font-size: 1.7em;
font-weight: 100;
}
#content .table-text table tr {
border-top: 2px solid #DADADA;
/*#e5e5e5*/
}
#content .table-text table tr td,
#content .table-text table tr th {
padding: 10px 15px;
}
#content .table-text table tr td {
font-size: 1.4em;
}
#content .download-list {
border-top: 2px solid #DADADA;
border-bottom: 2px solid #DADADA;
display: block;
list-style-type: none;
margin-bottom: 20px;
padding: 5px 0;
}
#content .download-list li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 5px 15px;
width: 25%;
}
@media only screen and (max-width: 763px) {
#content .download-list li {
width: 50%;
}
}
@media only screen and (max-width: 527px) {
#content .download-list li {
padding: 0;
width: 100%;
}
#content .download-list li a.big-icon-download {
padding: 10px 0;
}
}
#content .download-list.small-content li {
width: 50%;
}
@media only screen and (max-width: 527px) {
#content .download-list.small-content li {
width: 100%;
}
}
/* ENDE Graue Teaser Box */
#content .teaser:nth-child(odd) {
margin-right: 22px;
}
@media only screen and (max-width: 1230px) {
#content .teaser:nth-child(odd) {
margin-right: 17px;
}
}
@media only screen and (max-width: 527px) {
#content .teaser:nth-child(odd) {
margin-right: auto;
}
}
#content .teaser-grid .teaser .teaserPic {
float: left;
width: 25%;
height: auto;
position: relative;
text-align: center;
}
@media only screen and (max-width: 989px) {
#content .teaser-grid .teaser .teaserPic {
width: 100%;
text-align: center;
margin-top: 10px;
}
}
#content .teaser-grid .teaser .teaserPic img {
max-width: 100%;
width: auto;
height: auto;
display: inline;
float: none;
margin: auto;
}
@media only screen and (max-width: 989px) {
#content .teaser-grid .teaser .teaserPic img {
position: static;
}
}
#content .teaser-grid .teaser .teaserPic img.product-overlay:hover {
cursor: pointer;
}
#content .teaser .text {
color: #444444;
display: block;
max-width: 100%;
padding: 19px 27px 27px 27px;
overflow: hidden;
}
#content .teaser .text a:hover {
color: #0096d5;
}
#content .teaser .text h3 {
font-size: 1.735em;
margin-bottom: 17px;
}
#content .teaser .text p {
font-size: 1.4em;
}
#content .teaser .text .mobile-country-select {
display: none;
margin-top: 20px;
}
@media only screen and (max-width: 989px) {
#content .teaser .text {
padding: 3%;
text-align: left;
width: 85%;
}
#content .teaser .text .mobile-country-select {
display: block;
}
}
#content .teaser h1 {
color: #222222;
font-size: 1.4em;
font-weight: normal;
margin-bottom: 20px;
}
#content .teaser h2 {
font-size: 1.4em;
font-weight: normal;
margin-bottom: 0;
}
#content .teaser h2 + p {
margin-top: 12px;
}
#content .teaser p {
font-size: 1.4em;
margin: 0 0 12px;
}
#content .teaser a {
color: #222222;
text-decoration: none;
}
#content .teaser a:hover,
#content .teaser a:active,
#content .teaser a:focus {
color: #222222;
}
#content .teaser p a {
color: #0096d5;
}
#content .teaser p a:hover,
#content .teaser p a:active,
#content .teaser p a:focus {
color: #0096d5;
}
#content .teaser img {
display: block;
float: left;
margin-right: 10px;
max-width: 40%;
}
@media only screen and (max-width: 989px) {
#content .teaser img {
float: none;
margin: 0 auto;
max-width: 100%;
position: relative;
width: 40%;
}
}
/* Teaser Big */
#content .teaser.big {
width: 100%;
}
#content .teaser.big > img {
margin-left: 20px;
max-width: 28%;
}
#content .teaser.big .text {
float: right;
max-width: 68%;
}
#content .textteaser {
background-color: #DADADA;
margin-bottom: 20px;
}
#content .textteaser.dark {
background-color: #999999;
}
#content .textteaser.color {
background-color: #0096d5;
}
#content .textteaser.half-teaser .wrapper {
padding: 15px;
}
#content .textteaser .wrapper {
color: #444444;
display: block;
padding: 23px 25px;
}
#content .textteaser.dark .wrapper,
#content .textteaser.color .wrapper {
color: #FFFFFF;
}
#content .textteaser a {
color: #444444;
text-decoration: none;
}
#content .textteaser.dark a,
#content .textteaser.color a {
color: #FFFFFF;
}
#content .textteaser p {
line-height: 1.5;
margin: 0 0 10px;
}
#content .textteaser.half-teaser p {
margin-bottom: 3px;
}
#content .textteaser p.headline {
line-height: 1.2;
margin-bottom: 14px;
}
#content .textteaser.half-teaser .headline {
font-size: 1.072em;
font-weight: normal;
line-height: 1;
margin-bottom: 5px;
}
#content .textteaser.half-teaser .more {
margin-top: 0;
}
#content .textteaser .more:hover,
#content .textteaser .more:active,
#content .textteaser .more:focus {
color: #0096d5;
}
#content .textteaser.color .more:hover,
#content .textteaser.color .more:active,
#content .textteaser.color .more:focus {
color: #efefef;
}
/* Content-Elemente 2/4 */
#content h1 {
color: #444444;
font-size: 4.05em;
font-weight: normal;
line-height: 1.2;
margin: 0 0 15px;
}
#content h1.bright {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(95%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* Chrome10+,Safari5.1+ */
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #00925B;
opacity: 1;
}
@media only screen and (max-width: 989px) {
#content h1 {
margin: 0 0 20px -4px;
}
}
@media only screen and (max-width: 763px) {
#content h1 {
margin: 10px 0 20px;
}
}
@media only screen and (max-width: 527px) {
#content h1 {
font-size: 2.5em;
}
}
#content h2.bright {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #00925B;
opacity: 1;
}
#content h3.bright {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #00925B;
opacity: 1;
}
#content .sub-headline .contact #main .formular .js-select {
margin: 0 0 8px;
}
h3 {
font-size: 1.4em;
font-weight: normal;
line-height: 1.4;
margin: 0 0 8px;
}
p.headline.bright {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #00925B;
font-size: 3.21em;
margin: 0 0 20px;
}
@media only screen and (max-width: 527px) {
p.headline.bright {
font-size: 2.5em;
}
}
#main .paragraph p {
font-size: 1.375rem;
font-weight: normal;
margin: 0 0 12px;
}
#main .paragraph a {
border-bottom: 1px solid #444444;
line-height: 1;
display: inline-block;
}
#main .paragraph a:hover {
border-bottom: 1px solid #0096d5;
}
#main .paragraph a span.icon-download {
float: left;
text-indent: -9999px;
background-position: -23px -379px;
content: "";
left: 0;
top: 0;
margin: 0;
height: 25px;
width: 25px;
margin-right: 10px;
}
#main .paragraph a:hover span.icon-download {
background-position: 0 -410px;
}
#main .greenHeadline {
color: #00925b;
opacity: 1;
}
#main .paragraph h3 {
font-size: 2em;
}
#main .paragraph a:hover,
#main .paragraph a:active,
#main .paragraph a:focus {
color: #0096d5;
}
#main .paragraph ul,
#main .paragraph ol,
.aside .paragraph ul,
.aside .paragraph ol,
#main td ul,
#main td ol,
#main .panes ul,
#main .container .text ul,
.aside .textteaser ul,
#main .contentteaser .text ul {
list-style: none;
margin-bottom: 12px;
padding-left: 14px;
}
#main .panes h3 {
font-size: 2em;
}
#main .paragraph ol,
#main td ol {
padding-left: 20px;
}
#main .paragraph li,
#main .container .text li,
.aside .paragraph li,
#main .panes ul li,
.aside .textteaser li,
#main .contentteaser .text li {
font-size: 1.375rem;
margin-left: 18px;
margin-bottom: 9px;
position: relative;
}
#main table ul li {
margin-left: 18px;
margin-bottom: 9px;
position: relative;
}
#main .paragraph li:before,
#main .container .text li:before,
.aside .paragraph li:before,
#main .panes li:before,
#main table li:before,
#main .contentteaser .text li:before {
background-position: -272px -219px;
content: "";
display: block;
font-size: 0.6em;
height: 2px;
left: -28px;
position: absolute;
top: 16px;
width: 22px;
}
#main table li:before {
top: 11px;
}
.aside .textteaser li:before {
background-position: -275px -183px;
content: "";
display: block;
font-size: 0.6em;
height: 1px;
left: -28px;
position: absolute;
top: 11px;
width: 22px;
}
#main .intro {
margin-bottom: 20px;
}
#main .intro p {
font-size: 0.928em;
font-weight: bold;
margin: 0 0 12px;
}
#main .contact {
display: block;
margin-bottom: 30px;
overflow: hidden;
width: 100%;
}
#main .contact a.more {
margin-right: 10px;
}
#main .contact h3 {
display: block;
margin: 0;
padding-bottom: 9px;
position: relative;
}
@media only screen and (max-width: 527px) {
#main .contact > div {
border: 1px solid #D9D9D9;
}
}
#main .contact > div img {
float: left;
margin-right: 20px;
}
@media only screen and (max-width: 527px) {
#main .contact > div img {
float: none;
max-width: 289px;
width: 100%;
}
}
#main .contact .data {
display: block;
padding: 0 14px 15px;
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 989px) {
#main .contact .data {
float: none;
margin-bottom: 10px;
max-width: 100%;
}
}
@media only screen and (max-width: 527px) {
#main .contact .data {
overflow: visible;
padding: 11px 14px 15px;
}
}
#main .contact .data .head {
font-size: 1.6em;
font-weight: normal;
margin-bottom: 8px;
}
#main .contact .data p {
font-size: 1.4em;
margin: 0;
}
#main .contact .data .phone {
margin-bottom: 13px;
}
#main .contact .data a.more-button {
margin-bottom: 0;
}
#main .contact .data a.more-button + p {
margin-top: 10px;
}
#content .contact .phone a {
background: none;
color: #222222;
font-size: 1em;
padding: 0;
}
#main .contact .data .text {
margin-top: 1em;
}
#main .contact .img {
float: right;
margin: 0;
max-width: 25%;
position: relative;
}
@media only screen and (max-width: 989px) {
#main .contact .img {
float: none;
max-width: 100%;
}
}
#main .contact .img img {
max-width: 100%;
}
/*picture-teaser main*/
@media only screen and (max-width: 527px) {
#main .picture-teaser > div {
border: 1px solid #D9D9D9;
}
}
#main .picture-teaser {
display: block;
margin-bottom: 30px;
overflow: hidden;
width: 100%;
}
#main .picture-teaser h3 {
display: block;
margin: 0;
padding-bottom: 9px;
position: relative;
font-size: 1.4em;
font-weight: normal;
line-height: 1.4;
}
@media only screen and (max-width: 527px) {
#main .picture-teaser h3:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stp(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
content: "";
display: block;
height: 2px;
position: absolute;
bottom: 0;
width: 100%;
}
}
#main .picture-teaser > div img {
float: left;
margin-right: 20px;
}
@media only screen and (max-width: 527px) {
#main .picture-teaser > div img {
float: none;
max-width: 289px;
width: 100%;
}
}
#main .picture-teaser .img {
float: right;
margin: 0;
max-width: 25%;
position: relative;
}
@media only screen and (max-width: 989px) {
#main .picture-teaser .img {
float: none;
max-width: 100%;
}
}
#main .picture-teaser .content-data {
display: block;
padding: 0px 14px 15px;
overflow: hidden;
position: relative;
padding-top: 0px;
}
@media only screen and (max-width: 989px) {
#main .picture-teaser .content-data {
float: none;
margin-bottom: 10px;
max-width: 100%;
}
}
@media only screen and (max-width: 527px) {
#main .picture-teaser .content-data {
overflow: visible;
padding: 11px 14px 15px;
}
#main .picture-teaser .content-data:before {
background: url("../img/layout/contact-border.png") no-repeat scroll 0 0 transparent;
content: "";
display: block;
height: 53px;
left: 0;
position: absolute;
top: -53px;
width: 100%;
}
}
#main .picture-teaser .content-data a.more {
color: #444444;
text-decoration: none;
}
#main .picture-teaser .content-data a:hover {
color: #0096d5;
opacity: 1;
}
#main .picture-teaser .content-data p {
margin: 0;
padding-top: 0;
padding-bottom: 10px;
}
#main .downloads {
margin-bottom: 20px;
}
#main .downloads p {
font-size: 1.4em;
margin: 0 0 10px;
}
#main .downloads li {
font-size: 1.4em;
list-style-type: none;
margin-bottom: 5px;
padding-left: 60px;
position: relative;
}
#main .downloads li a {
display: block;
text-decoration: none;
}
#main .downloads li span {
float: left;
margin-right: 5px;
}
#main .downloads li .downloadname {
color: #444444;
line-height: 20px;
text-decoration: none;
}
#main .downloads li .downloadname.date {
margin-right: 120px;
}
#main .downloads li .downloadname:hover,
#main .downloads li .downloadname:active,
#main .downloads li .downloadname:focus {
color: #0096d5;
}
#main .downloads li .downloaddate {
position: absolute;
max-width: 110px;
top: 0;
right: 0;
}
@media only screen and (max-width: 527px) {
#main .downloads li .downloaddate {
position: static;
max-width: none;
float: none;
}
#main .downloads li .downloaddate.date {
margin-right: 0;
}
}
#main .downloads li .icon-download {
background-position: -23px -379px;
display: block;
height: 25px;
margin-left: -60px;
text-indent: -9999px;
width: 25px;
}
#main .downloads li .icon-download:hover {
background-position: 0 -410px;
}
#main .downloads li .icon-remember {
background-position: 2px -871px;
display: block;
height: 20px;
margin-left: -30px;
text-indent: -9999px;
width: 25px;
}
.no-js #main .downloads li .icon-remember {
display: none;
}
#main .downloads li .icon-remember:hover {
background-position: -54px -871px;
}
#main .downloads li .dl-added,
#main .downloads li .dl-added:hover {
background-position: -26px -871px;
cursor: default;
}
#main .downloads li .info {
clear: both;
display: block;
float: none;
line-height: 1.8;
margin-right: 0;
}
#main .links {
margin-bottom: 20px;
}
#main .links p {
font-size: 1.143em;
margin: 0 0 10px;
}
#main .links li {
font-size: 0.928em;
list-style-type: none;
margin-bottom: 5px;
}
#main .links li a {
display: block;
text-decoration: none;
font-size: 1.4em;
}
#main .table {
font-size: 1.4em;
margin-bottom: 20px;
}
#main .table table {
border: 1px solid #dadada;
font-size: 1.228em;
width: 100%;
}
#main .table a {
border-bottom: 1px solid #444444;
line-height: 1;
display: inline-block;
}
#main .table a:hover {
border-bottom: 1px solid #0096d5;
}
#main .table td {
border-left: 1px solid #c6d0d5;
line-height: 1.2;
padding: 12px 10px;
}
#main .table td:first-child {
border-left: 0 none;
}
#main .table th {
background-color: #999999;
border-left: 1px solid #c6d0d5;
border-bottom: 1px solid #c6d0d5;
color: #FFFFFF;
font-weight: bold;
line-height: 1.2;
padding: 12px 10px;
text-align: left;
}
#main .table th:first-child {
border-left: 0 none;
}
#main .table tr.even td {
background-color: #DADADA;
}
#main .table td p {
margin: 0 0 10px;
}
@media only screen and (max-width: 763px) {
#content .table table {
border: 0;
display: block;
position: relative;
}
#content .table {
/*
&.body-only table {
border-top: 0 !important;
}
*/
/*
&.full-width thead {
width: 100%;
}*/
}
#content .table thead {
display: block;
float: left;
max-width: 30%;
vertical-align: top;
}
.ie9 #content .table thead,
.lte8 #content .table thead {
display: table-cell;
float: none;
max-width: 0;
}
#content .table thead tr {
border-top: 1px solid #C6D0D5;
display: block;
}
#content .table thead tr:first-child {
border-left: 1px solid #C6D0D5;
}
#content .table th {
border-left: 0 none;
border-right: 1px solid #C6D0D5;
display: block;
font-size: 1.083em;
min-height: 0;
}
.ie9 #content .table th,
.lte8 #content .table th {
border-left: 1px solid #C6D0D5;
border-right: 0 none;
display: table-cell;
}
.ie9 #content .table th:first-child,
.lte8 #content .table th:first-child {
border-left: 0 none;
}
#content .table tbody {
display: block;
overflow-x: auto;
position: relative;
vertical-align: top;
white-space: nowrap;
width: auto;
}
#content .table tbody tr {
border-top: 1px solid #DADADA;
display: inline-block;
margin-left: -4px;
max-width: 75%;
}
#content .table tbody td,
#content .aside .table td {
border-left: 0 none;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
display: block;
white-space: normal;
}
#content .table.autoheight.full-width .odd {
border-left: 1px solid #DADADA;
}
.ie9 #content .table tbody td,
.ie9 #content .aside .table td,
.lte8 #content .table tbody td,
.lte8 #content .aside .table td {
border-left: 1px solid #C6D0D5;
border-right: 0 none;
}
.ie9 #content .table tbody td:first-child,
.ie9 #content .aside .table td:first-child,
.lte8 #content .table tbody td:first-child,
.lte8 #content .aside .table td:first-child {
border-left: 0 none;
}
}
#main .contentteaser {
margin-bottom: 20px;
position: relative;
}
@media only screen and (max-width: 989px) {
#main .contentteaser {
position: relative;
}
}
#main .contentteaser a {
color: #444444;
display: block;
text-decoration: none;
float: left;
margin: 15px 15px 10px 0;
}
@media only screen and (max-width: 989px) {
#main .contentteaser a {
float: none;
}
}
#main .contentteaser a:hover {
color: #0096d5;
}
#main .contentteaser img {
float: left;
margin: 15px 0;
max-width: 23%;
}
@media only screen and (max-width: 989px) {
#main .contentteaser img {
margin-bottom: 10px;
max-width: 100%;
}
}
#main .contentteaser .text {
position: relative;
}
#main .contentteaser img + .text {
margin-left: 25%;
}
@media only screen and (max-width: 989px) {
#main .contentteaser img + .text {
clear: both;
margin-left: 0;
}
}
#main .contentteaser .text p {
color: #222222;
margin: 0.5em 0;
}
#main .contentteaser .text span.date {
font-weight: bold;
}
#main .contentteaser .text span.date:after {
content: ' | ';
display: inline;
font-weight: lighter;
padding: 0 3px;
}
#main .contentteaser .text ul {
list-style-type: none;
}
#main .contentteaser .text li {
position: relative;
}
/*#main .contentteaser .text li:before {
content: "►";
display: block;
font-size: 0.6em;
height: 4px;
left: -15px;
position: absolute;
top: 3px;
width: 4px;
}
*/
#main .contentteaser .text .no-link {
color: #444444;
margin: 0;
padding-left: 0;
}
#main .contentteaser .text .link {
cursor: pointer;
color: #444444;
float: left;
font-size: 1.4em;
margin: 15px 15px 0 0;
padding-left: 30px;
}
#main .contentteaser .text .link:hover {
color: #0096d5;
}
#main .contentteaser .text .link:before {
background-position: -277px -385px;
content: "";
display: block;
left: 0;
height: 22px;
position: absolute;
width: 22px;
}
#main .contentteaser .text .link:hover:before {
background-position: -245px -385px;
}
@media only screen and (max-width: 989px) {
#main .contentteaser .text .link.show:before {
background-position: -185px -385px;
}
}
#main .contentteaser .text p.date {
color: #222222;
margin-bottom: 0.2em;
margin-top: 0;
}
#main .contentteaser .text h4 {
color: #222222;
font-weight: bold;
margin: 0;
}
#main .contentteaser .text ul {
color: #222222;
margin-bottom: 0.5em;
padding-left: 15px;
}
#main h1:first-of-type {
margin: 0 0 28px;
}
#main .media {
margin-bottom: 5px;
}
#main .media ul {
list-style-type: none;
margin-left: -2%;
}
#main .media li {
float: left;
height: 350px;
margin: 0 2% 15px;
position: relative;
text-align: left;
width: 46%;
}
@media only screen and (max-width: 527px) {
#main .media li {
float: none;
height: auto;
margin: auto auto 15px;
width: auto;
}
}
#main .media li .date {
font-size: 1.2em;
margin: 0;
}
#main .media li .headline {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 7px;
}
#main .media li a {
display: block;
margin-bottom: 7px;
outline: 0;
position: relative;
text-decoration: none;
}
#main .media li img {
max-width: 100%;
z-index: 2;
}
#main .media li .title {
background-color: #999999;
color: #FFFFFF;
font-size: 1.2em;
padding: 10px;
}
#main .media li > .title {
margin-bottom: 7px;
}
#main .media .zooming {
background-color: #FFFFFF;
border-radius: 23.5px;
bottom: 15px;
color: #ffffff;
cursor: pointer;
height: 47px;
position: absolute;
right: 15px;
width: 47px;
z-index: 3;
}
#content .media .zooming:before {
margin-left: 0.7em;
margin-top: 0.7em;
}
#main .quote-teaser {
display: inline-block;
width: 100%;
position: relative;
margin-bottom: 60px;
}
@media only screen and (max-width: 989px) {
#main .quote-teaser {
border: 1px solid #dadada;
}
}
#main .quote-teaser-img {
width: 100%;
}
#main .quote-teaser-img img {
max-width: 100%;
}
@media only screen and (max-width: 989px) {
#main .quote-teaser-img img {
border-bottom: 1px solid #DADADA;
box-sizing: border-box;
}
}
#main .quote-teaser-quote {
background-color: rgba(255, 255, 255, 0.7);
max-width: 35%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 50px;
}
@media only screen and (max-width: 989px) {
#main .quote-teaser-quote {
position: static;
max-width: 90%;
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
#main .quote-text {
display: block;
font-size: 1.15em;
font-style: italic;
margin: 35px 0 20px 0px;
color: #444444;
padding-left: 30px;
max-width: 70%;
}
@media only screen and (max-width: 989px) {
#main .quote-text {
max-width: 100%;
padding-left: 10px;
margin-bottom: 15px;
}
}
#main .quote-text:before {
content: "\201E";
color: #444444;
font-family: "Times New Roman", serif;
font-size: 50px;
line-height: 1px;
margin-left: 5px;
}
#main .quote-text:after {
content: "\201c";
color: #444444 #FFFFFF;
font-family: "Times New Roman", serif;
font-size: 50px;
line-height: 1px;
margin-left: 5px;
vertical-align: text-bottom;
}
#main .quote-author {
display: block;
font-size: 0.7em;
color: #444444;
padding-left: 27px;
max-width: 70%;
}
@media only screen and (max-width: 989px) {
#main .quote-author {
max-width: 100%;
}
}
#main .media.download {
background-color: #FFFFFF;
margin-bottom: 40px;
padding: 16px 15px;
border: 1px solid #dadada;
}
#main .media.download.highlight {
color: #444444;
}
#main .media.download a {
color: #444444;
text-align: left;
display: block;
position: relative;
text-decoration: none;
}
#main .media.download a:hover .icon-download,
#main .media.download a:active .icon-download {
background-position: -46px -1725px;
}
#main .media .dl-list p {
margin: 0 0 5px;
padding-left: 60px;
}
#main .media.download p {
margin-top: 20px;
}
#main .media.download p:first-of-type {
margin-top: 0;
}
#main .media.download .paragraph {
margin-top: 5px;
margin-left: -10px;
}
@media only screen and (max-width: 763px) {
#main .media.download .paragraph {
font-size: 1.2em;
}
}
#main .media .dl-list a {
margin-bottom: 0;
}
#main .media .dl-list span {
display: block;
float: left;
margin-right: 5px;
margin-bottom: 0;
}
#main .media .dl-list .downloadname {
opacity: 0.85;
float: left;
margin: 0 10px 0 -10px;
padding-top: 2px;
}
@media only screen and (max-width: 763px) {
#main .media .dl-list .downloadname {
margin: 0;
}
}
/*
#main .media .dl-list .downloadname:hover,
#main .media .dl-list .downloadname:active,
#main .media .dl-list .downloadname:focus {
color: @highlightcolor;
}
*/
#main .media .dl-list .icon-download {
background-position: 0px -1725px;
float: left;
height: 37px;
margin-left: -60px;
text-indent: -9999px;
width: 37px;
}
@media only screen and (max-width: 763px) {
#main .media .dl-list .icon-download {
margin-top: 5px;
}
}
#main .media .dl-list .icon-download:hover {
background-position: -46px -1725px;
}
#main .media .dl-list .icon-remember {
background-position: 2px -871px;
float: left;
height: 20px;
margin-left: -30px;
text-indent: -9999px;
width: 25px;
}
.no-js #main .media .dl-list .icon-remember {
display: none;
}
#main .media .dl-list .icon-remember:hover {
background-position: -54px -871px;
}
#main .media .dl-list .dl-added,
#main .media .dl-list .dl-added:hover {
background-position: -26px -871px;
cursor: default;
}
#main .media .dl-list .info {
display: block;
float: none;
margin-right: 0;
margin-left: 10px;
}
@media only screen and (max-width: 763px) {
#main .media .dl-list .info {
display: block;
float: left;
margin-left: 0;
padding: 5px 0;
}
}
#main .media .dl-list .description {
clear: both;
margin-left: -10px;
}
@media only screen and (max-width: 763px) {
#main .media .dl-list .description {
display: block;
float: none;
}
}
#main .iFrameBox iframe {
width: 100%;
}
#main .video {
margin-bottom: 20px;
position: relative;
text-align: center;
}
#main .video.playing:before {
opacity: 0;
pointer-events: none;
}
#main .video:before {
content: '';
cursor: pointer;
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
opacity: 1;
-webkit-transform: translate(-50%, -25%);
-ms-transform: translate(-50%, -25%);
transform: translate(-50%, -25%);
transition: opacity 0.7s ease-in-out, width 0s linear, -webkit-transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, width 0s linear;
transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, width 0s linear, -webkit-transform 0.7s ease-in-out;
background-size: contain;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEwIDE2LjVsNi00LjUtNi00LjV2OXpNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6Ii8+PC9zdmc+);
}
#main .video h2 {
text-align: left;
}
#main .video video,
#main .video object,
#main .video img {
width: 100%;
}
#main .video .play {
background-position: -215px -96px;
cursor: pointer;
height: 40px;
left: 50%;
margin-top: -20px;
margin-left: -20px;
position: absolute;
top: 50%;
width: 40px;
z-index: 5;
}
@media only screen and (max-width: 989px) {
#main .video > div {
margin: 0 auto;
}
}
#content .map,
#stage .map {
border: 1px solid #DADADA;
color: #444444;
height: auto;
margin-bottom: 20px;
position: relative;
}
#content .map .routing,
#stage .map .routing {
padding: 10px;
border-top: 1px solid #DADADA;
}
#content .map .routing .title,
#stage .map .routing .title {
font-size: 1.4em;
margin: 0 0 15px;
}
#content .map .routing .submit,
#stage .map .routing .submit {
float: right;
}
#content .map .routing label,
#stage .map .routing label {
display: block;
margin-bottom: 5px;
font-size: 1.4em;
}
#content .map .routing label .left,
#stage .map .routing label .left {
font-weight: bold;
display: inline-block;
min-width: 40px;
font-size: 0.9em;
}
@media only screen and (max-width: 763px) {
#content #aside .map,
#content .aside .map {
float: none;
margin-left: 0;
}
}
#stage .map {
height: 100%;
}
#content .map .map-holder,
#stage .map .map-holder {
height: 300px;
position: relative;
width: 100%;
}
#content .map .zoom,
#stage .map .zoom {
background-color: #00925b;
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 2em;
height: 28px;
line-height: 24px;
text-align: center;
top: 10px;
padding-top: 2px;
position: absolute;
width: 30px;
z-index: 8;
}
#content .map .zoom.in,
#stage .map .zoom.in {
left: 10px;
}
#content .map .zoom.out,
#stage .map .zoom.out {
font-size: 2.1em;
left: 45px;
line-height: 24px;
}
#content .map .layer,
#stage .map .layer {
background-color: #DADADA;
-moz-box-shadow: 3px 3px 5px -1px #444444;
-webkit-box-shadow: 3px 3px 5px -1px #444444;
box-shadow: 3px 3px 5px -1px #444444;
color: #444444;
margin: 15px;
padding: 20px;
width: 240px;
}
#content .map .layer p,
#stage .map .layer p {
font-size: 0.928em;
line-height: 1.6;
margin: 0 0 10px;
}
#content .map .layer p.headline,
#stage .map .layer p.headline {
font-size: 1.4em;
line-height: 1.2;
}
#content .map .layer a.more,
#stage .map .layer a.more {
background-position: -29px -163px;
color: #444444;
padding-left: 30px;
text-decoration: none;
}
#content .map .layer a.more:hover,
#stage .map .layer a.more:hover,
#content .map .layer a.more:active,
#stage .map .layer a.more:active,
#content .map .layer a.more:focus,
#stage .map .layer a.more:focus {
background-position: left -187px;
color: #444444;
}
#content .map .layer .close,
#stage .map .layer .close {
background-position: 3px -898px;
cursor: pointer;
display: block;
height: 20px;
position: absolute;
right: 15px;
top: 16px;
width: 20px;
}
#downloadlist {
margin-bottom: 20px;
}
#downloadlist .actions {
font-size: 1em;
margin: 0;
}
#downloadlist .actions a {
color: #222222;
display: inline-block;
line-height: 25px;
padding-left: 27px;
text-decoration: none;
}
@media only screen and (max-width: 989px) {
#downloadlist .actions a {
display: block;
margin-bottom: 10px;
margin-right: 0;
}
}
#downloadlist .actions .download-all {
background-position: -21px -379px;
margin-right: 40px;
}
#downloadlist .actions .download-all:hover,
#downloadlist .actions .download-all:active,
#downloadlist .actions .download-all:focus {
background-position: 1px -410px;
color: #444444;
}
#downloadlist .actions .delete-all {
background-position: 4px -899px;
cursor: pointer;
}
#downloadlist .actions .delete-all:hover,
#downloadlist .actions .delete-all:active,
#downloadlist .actions .delete-all:focus {
background-position: 4px -923px;
color: #444444;
}
#downloadlist ul {
border-top: 1px solid #C6D0D5;
list-style-type: none;
margin: 15px 0;
}
#downloadlist li {
border-bottom: 1px solid #C6D0D5;
line-height: 18px;
padding: 5px 0;
}
@media only screen and (max-width: 989px) {
#downloadlist li {
position: relative;
}
}
#downloadlist li a,
#downloadlist li span {
color: #222222;
display: block;
float: left;
margin-right: 10px;
text-decoration: none;
}
#downloadlist li .title {
background-position: -29px -161px;
font-size: 0.928em;
padding-left: 30px;
width: 272px;
}
@media only screen and (max-width: 989px) {
#downloadlist li .title {
display: block;
float: none;
margin-right: 0;
padding-right: 60px;
width: auto;
}
}
#downloadlist li .title:hover,
#downloadlist li .title:active,
#downloadlist li .title:focus {
background-position: left -185px;
color: #444444;
}
#downloadlist li .type {
font-size: 0.8em;
line-height: 20px;
width: 35px;
}
@media only screen and (max-width: 989px) {
#downloadlist li .type {
margin-left: 30px;
width: auto;
}
}
#downloadlist li .size {
font-size: 0.8em;
line-height: 20px;
width: 55px;
}
#downloadlist li .download-one {
background-position: -21px -390px;
height: 20px;
margin-right: 5px;
text-indent: -9999px;
width: 25px;
}
@media only screen and (max-width: 989px) {
#downloadlist li .download-one {
float: none;
margin: 0;
position: absolute;
right: 30px;
top: 5px;
}
}
#downloadlist li .download-one:hover,
#downloadlist li .download-one:active,
#downloadlist li .download-one:focus {
background-position: 2px -410px;
}
#downloadlist li .delete-one {
background-position: 6px -898px;
cursor: pointer;
height: 20px;
margin-right: 0;
text-indent: -9999px;
width: 25px;
}
@media only screen and (max-width: 989px) {
#downloadlist li .delete-one {
float: none;
position: absolute;
right: 0;
top: 5px;
}
}
#downloadlist li .delete-one:hover,
#downloadlist li .delete-one:active,
#downloadlist li .delete-one:focus {
background-position: 6px -922px;
}
#content .overview {
margin-bottom: 20px;
}
#content .overview ul {
list-style-type: none;
margin-left: -2%;
margin-right: -2%;
}
#content .overview li {
float: left;
margin: 0 2% 15px;
position: relative;
width: 46%;
}
@media only screen and (max-width: 527px) {
#content .overview li {
float: none;
margin: auto auto 15px;
width: auto;
}
}
#content .overview li a {
text-decoration: none;
}
#content .overview li img {
max-width: 100%;
margin-bottom: 5px;
}
#content .overview li .label {
background-position: -27px -160px;
color: #444444;
margin: 0;
padding-left: 30px;
}
#content .overview li a:hover .label,
#content .overview li a:active .label,
#content .overview li a:focus .label {
background-position: 2px -184px;
color: #444444;
}
#content .resultcount p {
float: left;
font-size: 1em;
line-height: 27px;
margin: 0;
}
@media only screen and (max-width: 527px) {
#content .resultcount p {
float: none;
}
}
#content .resultcount form {
float: right;
position: relative;
}
@media only screen and (max-width: 527px) {
#content .resultcount form {
float: none;
}
}
#content .resultcount select {
width: 60px;
}
.js #content .resultcount select {
outline: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
left: 0;
position: absolute;
top: 0;
}
#content .resultcount .js-select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background-position: right -457px;
border: 1px solid #DADADA;
cursor: pointer;
display: block;
line-height: 25px;
padding-left: 10px;
padding-right: 25px;
outline: 0;
width: 60px;
}
.js #content .resultcount .button,
.js #content .resultcount input[type=submit] {
display: none;
}
/* Tabs */
#main .tabs {
display: block;
margin-bottom: 40px;
width: 100%;
}
#main .tabs .tablist {
list-style-type: none;
position: relative;
z-index: 2;
}
#main .tabs .tablist li {
border-bottom: 1px solid #0096d5;
color: #444444;
cursor: pointer;
float: left;
font-size: 1.4em;
line-height: 1.7;
margin-right: 1%;
margin-bottom: 5px;
padding: 5px 2% 12px;
}
#main .tabs .tablist li:hover {
color: #0096d5;
}
@media only screen and (max-width: 989px) {
#main .tabs .tablist li {
display: none;
}
}
/* Tabelle in Tab-Container*/
#main .tabs table.productdetails {
box-sizing: border-box;
border: 1px solid #DADADA;
font-size: 0.85em;
table-layout: fixed;
width: 100%;
margin: auto;
clear: both;
}
#main .tabs table.productdetails li:before {
display: none;
}
#main .tabs table.productdetails td {
width: 23%;
padding: 15px 0 15px 0;
border: none;
}
#main .tabs table.productdetails td img {
max-width: 100%;
width: auto;
height: auto;
}
#main .tabs table.productdetails tr {
border-bottom: 1px solid #dadada;
margin-bottom: 10px;
}
#main .tabs table.productdetails tr span {
font-weight: bold;
float: left;
width: 100%;
margin-top: 10px;
}
#main .tabs table.productdetails td.first {
border-right: 1px solid #dadada;
width: 25%;
text-align: center;
vertical-align: middle;
padding: 15px 15px;
}
#main .tabs table.productdetails td.first > div {
max-width: 100%;
}
#main .tabs table.productdetails td.second {
width: 38%;
}
#main .tabs table.productdetails td.last {
width: 13%;
}
#main .tabs table.productdetails td li {
margin: 0;
padding: 0;
padding-bottom: 3px;
}
#main .tabs table.productdetails td ul li:first-child {
text-decoration: underline;
}
#main .tabs .tablist li.current {
background-color: #FFFFFF;
border: 1px solid #0096d5;
border-bottom: 2px solid #FFFFFF;
color: #0096d5;
margin-bottom: 0;
padding-bottom: 11px;
}
#main .tabs .panes {
border-top: 1px solid #0096d5;
clear: both;
padding-top: 15px;
position: relative;
top: -6px;
z-index: 1;
}
@media only screen and (max-width: 989px) {
#main .tabs .panes {
border: none;
}
#main .tabs .panes .pane {
padding-left: 5px;
}
}
#main .tabs .panes .acclabel {
display: none;
}
@media only screen and (max-width: 989px) {
#main .tabs .panes .acclabel {
border-bottom: 1px solid #DADADA;
cursor: pointer;
display: block;
font-size: 1.5em;
margin-bottom: 15px;
position: relative;
padding: 12px 35px 10px 5px;
}
#main .tabs .panes .acclabel:active,
#main .tabs .panes .acclabel:focus {
outline: none;
}
#main .tabs .panes .acclabel:hover {
color: #0096d5;
border-bottom: 1px solid #0096d5;
}
}
#main .tabs .panes .acclabel:after {
background-position: -266px -1698px;
content: "";
display: block;
position: absolute;
height: 35px;
right: 0;
top: 10px;
width: 35px;
}
#main .tabs .panes .acclabel:hover:after {
background-position: -220px -1742px;
}
#main .tabs .panes .ui-accordion-header-active.acclabel:after {
background-position: -220px -1742px;
}
@media only screen and (max-width: 989px) {
.ui-accordion-header-active {
color: #0096d5;
border-bottom: 1px solid #0096d5 !important;
}
}
/* Produktdownloads mit Accordion */
#main .productdownloads .label .info,
#main .productdownloads.label .info {
color: #222222;
display: block;
float: right;
font-size: 0.513em;
line-height: 1.8;
margin-top: 5px;
}
@media only screen and (max-width: 527px) {
#main .productdownloads .label .info {
display: none;
}
}
#main .productdownloads .label a {
float: right;
}
#main .productdownloads .icon-download {
background-position: -23px -379px;
display: block;
float: right;
height: 25px;
margin-right: 5px;
margin-top: 5px;
text-indent: -9999px;
width: 25px;
}
#main .productdownloads .icon-download:hover {
background-position: 0px -410px;
}
#main .productdownloads .icon-remember {
background-position: 2px -871px;
display: block;
float: right;
height: 20px;
margin-right: 5px;
margin-top: 5px;
text-indent: -9999px;
width: 25px;
}
#main .productdownloads .icon-remember:hover {
background-position: -54px -871px;
}
#main .productdownloads .dl-added,
#main .productdownloads .dl-added:hover {
background-position: -26px -871px;
cursor: default;
}
#main .productdownloads .headline {
font-size: 0.928em;
font-weight: bold;
margin: 5px 0 10px 10px;
}
#main .table.productdownloads table {
border-top: 1px solid #c6d1d5;
font-size: 0.928em;
margin-bottom: 20px;
table-layout: fixed;
width: 100%;
}
#main .table.productdownloads tr th,
#main .table.productdownloads tr td {
background-color: #FFFFFF;
border: 0;
font-weight: normal;
padding: 5px 10px;
text-align: left;
vertical-align: top;
}
#main .table.productdownloads .odd th,
#main .table.productdownloads .odd td {
background-color: #DADADA;
}
@media only screen and (max-width: 763px) {
#main .productdownloads th {
width: 50%;
}
#content .table.productdownloads tbody tr:first-child {
border-left: 1px solid #C6D0D5;
}
#content .table.productdownloads tbody td {
border-right: 1px solid #C6D0D5;
border-bottom: 1px solid #C6D0D5;
}
}
/* 1/4 Seitenspalte */
#aside {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-top: 10px;
margin-bottom: 30px;
width: 23.5%;
}
#aside p {
font-size: 1.4em;
}
@media only screen and (max-width: 989px) {
#aside {
width: 31%;
}
}
@media only screen and (max-width: 763px) {
#aside {
float: none;
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
@media only screen and (max-width: 527px) {
#aside > div:nth-child(even) {
margin-left: auto;
}
}
@media only screen and (max-width: 989px) {
.right-bar #aside {
width: 100%;
}
.right-bar #aside > div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
width: 48%;
float: left;
}
.right-bar #aside > div:nth-child(2n+1) {
clear: both;
}
.right-bar #aside > div:nth-child(2n) {
float: right;
}
.right-bar #aside .picture-teaser > div > img {
max-width: none;
}
.right-bar #aside .picture-teaser > div > img + .content-data:before {
top: 0;
}
.right-bar #aside .image img {
max-width: none;
width: 100%;
}
}
@media only screen and (max-width: 763px) {
.right-bar #aside {
width: 100%;
}
.right-bar #aside > div {
float: none;
margin: 0 0 33px 0 !important;
width: 100%;
}
.right-bar #aside > div:nth-child(2n+1) {
clear: none;
}
.right-bar #aside > div:nth-child(2n) {
float: none;
}
.right-bar #aside .picture-teaser {
width: 100% !important;
}
.right-bar #aside .picture-teaser > div {
width: 100% !important;
}
}
@media only screen and (max-width: 763px) {
.location #aside {
float: none;
width: 100%;
}
}
#content.press #aside {
float: right;
}
@media only screen and (max-width: 989px) {
#content.press #aside {
float: left;
margin-top: 30px;
min-width: 50%;
}
}
#content .aside h3 {
font-size: 1.7em;
font-weight: normal;
margin: 0;
padding-bottom: 9px;
position: relative;
}
/* Home-Teaser 1/4 */
#content .event {
background-color: #FFFFFF;
color: #444444;
padding: 24px 15px;
margin-bottom: 20px;
border: 1px solid #DADADA;
}
@media only screen and (max-width: 763px) {
#content .aside .event,
#content #aside .event {
float: none;
margin-left: 0;
}
}
#content .event.dark {
background-color: #FFFFFF;
color: #444444;
border: 1px solid #DADADA;
}
#content .event.dark .paragraph ul {
margin-left: 15px;
}
#content .textteaser.quarter.bright {
background-size: 100%;
background: #FFFFFF url(../img/content/event_bright_bg.png) no-repeat;
display: block;
color: #FFFFFF;
margin-bottom: 33px;
padding: 0;
width: 100%;
height: 315px;
}
#content .textteaser.quarter.bright a {
color: #FFFFFF;
cursor: pointer;
display: block;
max-width: 259px;
text-decoration: none;
padding: 24px 0 0 15px;
}
#content .textteaser.quarter.bright a:hover {
color: #FFFFFF;
}
#content .textteaser.quarter.bright a:hover h3 {
text-decoration: underline;
}
#content .textteaser.quarter.bright a h3 {
margin: 0 0 6px;
}
@media only screen and (max-width: 763px) {
#content .textteaser.quarter.bright {
float: left;
margin: 0 4px 33px;
width: 48%;
}
}
@media only screen and (max-width: 527px) {
#content .textteaser.quarter.bright {
width: 100%;
}
}
#content .textteaser.quarter.bright h3:after {
background-position: -293px -198px;
content: "";
display: inline-block;
height: 12px;
margin-left: 7px;
width: 5px;
}
#content .event.color {
background-color: #0096d5;
color: #FFFFFF;
}
#content .event h3 {
font-size: 1.5em;
font-weight: normal;
margin: 0 0 15px;
}
#content .event a {
color: #444444;
display: block;
text-decoration: none;
}
#content .event.color a,
#content .event.dark a {
color: #FFFFFF;
}
#content .event a:hover,
#content .event a:active,
#content .event a:focus {
color: #0096d5;
}
#content .event.color a:active,
#content .event.color a:hover,
#content .event.color a:focus {
color: #efefef;
}
#content .event p {
margin: 0 0 12px;
}
#content .event p .date {
display: block;
font-weight: lighter;
}
#content .event p .text {
border: 0 none;
}
.event {
position: relative;
}
#content .event.dark .more,
#content .event.color .more {
color: #222222;
}
#content .event .more:active,
#content .event .more:hover,
#content .event .more:focus {
color: #0096d5;
}
#content .event.color .more:active,
#content .event.color .more:hover,
#content .event.color .more:focus {
color: #efefef;
}
#content .textteaser.quarter {
position: relative;
}
#content .textteaser.quarter .wrapper {
padding: 18px 15px;
}
#content .textteaser.quarter p {
font-size: 1em;
}
#content .textteaser.quarter .headline {
font-size: 1.4em;
font-weight: normal;
margin-bottom: 15px;
}
#content .textteaser.quarter .more {
font-size: 1.4em;
}
#content .quote {
background-color: #FFFFFF;
color: #444444;
margin-bottom: 20px;
padding: 20px;
border: 1px solid #dadada;
}
#content .quote.color {
background-color: #0096d5;
}
#content .quote blockquote {
margin: 0;
}
#content .quote .blockquote {
font-style: italic;
position: relative;
margin: 25px 0;
}
.ie9 #content .quote .blockquote {
padding-right: 15px;
}
#content .quote .blockquote:before {
content: "\201E";
font-family: 'Times New Roman';
font-size: 3em;
line-height: 1px;
margin-right: 5px;
}
#content .quote .blockquote:after {
content: "\201C";
font-family: 'Times New Roman';
font-size: 3em;
line-height: 1px;
margin-left: 5px;
vertical-align: text-bottom;
}
.ie #content .quote .blockquote:after,
.ie9 #content .quote .blockquote:after {
bottom: 3px;
position: absolute;
zoom: 1;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE 10 */
#content .quote .blockquote:after {
vertical-align: bottom;
}
#main .quote-text:after {
vertical-align: bottom;
}
}
#content .quote .author {
margin: 0 0 25px;
}
#content .linklist {
margin-bottom: 40px;
}
@media only screen and (max-width: 763px) {
#content .linklist {
display: inline-block;
width: 100%;
}
}
@media only screen and (max-width: 527px) {
#content .linklist {
width: 100%;
}
}
#content .linklist.color {
background-color: #0096d5;
}
#content .linklist p {
margin: 0 0 15px;
}
#content .linklist .headline {
font-size: 1.7em;
font-weight: normal;
margin-bottom: 15px;
padding-bottom: 9px;
position: relative;
}
#content .linklist .headline:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
bottom: 0;
content: "";
display: block;
height: 2px;
position: absolute;
width: 100%;
}
#content .linklist ul {
list-style-type: none;
}
#content .linklist li a {
color: #444444;
display: block;
font-size: 1.4em;
margin-bottom: 11px;
padding-left: 45px;
padding-top: 2px;
position: relative;
text-decoration: none;
}
#content .linklist li a:before {
background-position: -266px -1699px;
content: "";
display: block;
height: 34px;
left: 0;
position: absolute;
top: -1px;
width: 34px;
}
#content .linklist li a:hover:before {
background-position: -220px -1699px;
}
#content .linklist li a:hover,
#content .linklist li a:active,
#content .linklist li a:focus {
color: #0096d5;
}
#content .linklist.color li a:hover,
#content .linklist.color li a:active,
#content .linklist.color li a:focus {
color: #efefef;
}
#content .linklist > a {
background-color: #FFFFFF;
color: #444444;
display: block;
margin-bottom: -20px;
padding: 17px 0 15px 23px;
position: relative;
text-decoration: none;
border: 1px solid #DADADA;
}
#content .linklist > a:hover,
#content .linklist > a:active,
#content .linklist > a:focus {
color: #0096d5;
}
#content .linklist > a:before {
background-position: -279px -464px;
content: "";
display: block;
height: 12px;
left: 10px;
margin-top: -4px;
position: absolute;
top: 50%;
width: 5px;
}
#content .linklist > a:hover:before {
background-position: -292px -735px;
}
#content .sharelist {
font-size: 1.333em;
margin-bottom: 40px;
}
@media only screen and (max-width: 763px) {
#content .sharelist {
display: inline-block;
width: 100%;
}
}
@media only screen and (max-width: 527px) {
#content .sharelist {
width: 100%;
}
}
@media only screen and (max-width: 527px) {
#content .table.autoheight tr td {
height: auto !important;
}
}
#content .sharelist .headline {
font-size: 1.7em;
font-weight: normal;
margin-bottom: 15px;
padding-bottom: 9px;
position: relative;
}
#content .sharelist .headline:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
bottom: 0;
content: "";
display: block;
height: 2px;
position: absolute;
width: 100%;
}
#content .sharelist ul {
list-style: none;
font-size: 1em;
font-weight: normal;
}
#content .sharelist ul li {
margin-bottom: 10px;
position: relative;
}
#content .sharelist ul a {
color: #898989;
padding: 5px 0 0 50px;
display: block;
height: 27px;
}
#content .sharelist ul a:hover {
color: #0096d5;
}
#content .sharelist ul li.shareFacebook a {
background-position: -268px -1024px;
}
#content .sharelist ul li.shareTwitter a {
background-position: -268px -992px;
}
#content .sharelist ul li.shareGoogle a {
background-position: -268px -960px;
}
#content .sharelist ul li.shareEmail a {
background-position: -268px -1056px;
}
/* Downloadlist pressDetail*/
#content .downloadlist {
font-size: 1.333em;
margin-bottom: 40px;
}
@media only screen and (max-width: 763px) {
#content .downloadlist {
display: inline-block;
width: 100%;
}
}
@media only screen and (max-width: 527px) {
#content .downloadlist {
width: 100%;
}
}
#content .downloadlist ul {
list-style: none;
font-size: 0.8em;
font-weight: normal;
}
#content .downloadlist ul li {
border-bottom: 1px solid #DADADA;
padding: 3px;
}
#content .downloadlist ul li a {
color: #222222;
}
#content .downloadlist ul li a:hover {
color: #0096d5;
}
#content .downloadlist ul li span {
font-size: 0.75em;
border-right: 1px solid #dadada;
margin-right: 3px;
}
#content .downloadlist .headline {
font-size: 1.7em;
font-weight: normal;
margin-bottom: 15px;
padding-bottom: 9px;
position: relative;
}
#content .downloadlist .headline:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
bottom: 0;
content: "";
display: block;
height: 2px;
position: absolute;
width: 100%;
}
#content .welcome {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
#content .welcome a {
text-decoration: none;
}
#content .welcome h2 {
color: #0096d5;
font-size: 1.6em;
font-weight: normal;
margin: 0 0 10px;
}
#content .welcome h3 {
color: #00925B;
}
#content .welcome p {
color: #444444;
margin: 0 0 10px;
}
#content .welcome p.more:hover {
color: #0096d5;
}
#content .highlight {
background-color: #999999;
color: #FFFFFF;
margin-bottom: 20px;
padding: 16px 15px;
}
#content .highlight.color {
background-color: #0096d5;
}
#content .highlight h3 {
font-size: 1.4em;
font-weight: normal;
margin: 0 0 15px;
}
#content .highlight p.date {
font-weight: lighter;
margin: 0 0 7px;
}
#content .highlight a {
color: #FFFFFF;
display: block;
position: relative;
text-align: center;
text-decoration: none;
}
#content .highlight img {
max-width: 100%;
margin-bottom: 7px;
}
#content .highlight a p {
margin: 0;
text-align: left;
}
#content .highlight a p.more {
margin-bottom: 10px;
text-decoration: none;
margin-left: 20px;
position: relative;
}
#content .highlight a p.more:active,
#content .highlight a p.more:hover,
#content .highlight a p.more:focus {
color: #0096d5;
}
#content .highlight.color a p.more:active,
#content .highlight.color a p.more:hover,
#content .highlight.color a p.more:focus {
color: #0096d5;
}
/* Routing */
#routing {
margin-bottom: 20px;
}
#routing .output {
font-size: 1.286em;
margin: 0 0 7px;
}
#routing .actions {
margin-bottom: 20px;
}
#routing .actions a {
background-position: -29px -165px;
cursor: pointer;
font-size: 0.857em;
margin-right: 15px;
padding-left: 30px;
text-decoration: none;
}
#routing .actions a:active,
#routing .actions a:hover,
#routing .actions a:focus {
background-position: left -189px;
color: #444444;
}
/* Home-Teaser 1/4 half */
#content .highlight-link {
background-color: #FFFFFF;
display: table;
margin-bottom: 20px;
width: 100%;
border: 1px solid #DADADA;
}
#content .half-teaser {
height: 108px;
overflow: hidden;
}
@media only screen and (max-width: 989px) {
#content.location .highlight-link.half-teaser {
display: table;
}
}
@media only screen and (max-width: 763px) {
#content .aside .half-teaser,
#content #aside .half-teaser {
margin-left: 0;
width: 100%;
}
}
.home #content .half-teaser {
margin-bottom: 15px;
}
#content .highlight-link a {
color: #444444;
display: table-cell;
margin: 0;
text-align: center;
text-decoration: none;
vertical-align: middle;
}
.ie7 #content .highlight-link a {
display: block;
padding: 15px 10px;
}
#content .highlight-link a:hover {
text-decoration: underline;
}
#content .highlight-link .big {
font-size: 1.4em;
}
#content .highlight-link .big:after {
background-position: -1px -116px;
content: "";
display: inline-block;
height: 15px;
margin-left: 15px;
width: 20px;
}
#content .highlight-link .small {
font-size: 1.286em;
padding-left: 30px;
}
#content .highlight-link.button {
background-position: 0 0;
height: 50px;
}
#content .aside .highlight-link.button {
background-position: 0 0;
height: 50px;
margin-bottom: 0.3em;
}
#content .vertteaser.border {
background-color: #FFFFFF;
border: 1px solid #dadada;
}
#content .vertteaser {
background-color: #FFFFFF;
margin-bottom: 20px;
position: relative;
border: 1px solid #DADADA;
}
@media only screen and (max-width: 763px) {
#content #aside .vertteaser,
#content .aside .vertteaser {
display: block;
float: none;
}
}
#content .vertteaser.color {
background-color: #0096d5;
}
#content .vertteaser img {
float: left;
max-width: 80px;
max-height: 100%;
}
#content .vertteaser .title p {
font-size: 1.4em;
}
#content .vertteaser a:hover {
color: #0096d5;
}
#content .vertteaser .title {
color: #222222;
float: left;
max-width: 120px;
padding: 15px 12px 15px 15px;
}
#content .vertteaser .title strong {
display: block;
font-size: 1.4em;
font-weight: bold;
}
#content .jobteaser {
margin-bottom: 20px;
}
#content .jobteaser a {
display: block;
text-decoration: none;
}
#content .jobteaser p {
margin: 0;
padding: 15px 40px 0 45px;
}
#content .jobteaser p:hover {
color: #0096d5;
}
#content .jobteaser .count {
font-size: 2.643em;
font-weight: bold;
line-height: 1;
margin-left: 0.2em;
}
/* Contentmodule 1/4 */
#content .aside .contact {
display: block;
margin-bottom: 33px;
}
@media only screen and (max-width: 763px) {
#content .aside .contact {
float: left;
margin: 0 4px 33px;
width: 48%;
}
}
@media only screen and (max-width: 527px) {
#content .aside .contact {
width: 100%;
}
}
#content .aside .contact h3:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stp(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
content: "";
display: block;
height: 2px;
position: absolute;
bottom: 0;
width: 100%;
}
#content .aside .contact .data {
margin-bottom: 10px;
padding: 11px 14px 15px 0;
position: relative;
}
#content .aside .contact img + .data:before {
background: url(../img/layout/contact-border.png) 0 0 no-repeat transparent;
content: "";
display: block;
height: 53px;
left: 0;
position: absolute;
top: -53px;
width: 100%;
}
#content .aside .contact img {
max-width: 289px;
position: relative;
width: 100%;
}
@media only screen and (max-width: 989px) {
#content .aside .contact .data .image {
float: left;
margin-right: 10px;
padding-left: 0;
}
}
#content .aside .contact .data p {
font-size: 1.4em;
margin: 0;
}
#content .aside .contact .data p a.contact-mail {
font-size: 1em;
}
#content .aside .contact .data p.head,
#content .aside .contact .data p.position {
font-size: 1.6em;
margin-bottom: 8px;
}
#content .aside .contact .data p.head + p.position {
font-size: 1.4em;
margin-bottom: 0;
}
#content .aside .contact .data p.position + p.head {
font-size: 1.4em;
margin-bottom: 0;
}
#content .aside .contact .data p.phone {
margin-bottom: 13px;
}
#content .aside .contact .data a {
font-size: 1.4em;
text-decoration: none;
line-height: 15px;
}
#content .aside .contact .data a.more-button {
margin-bottom: 0;
}
#content .aside .contact .data a.more-button + p {
margin-top: 10px;
}
#content .aside .contact .phone a {
background: none;
color: #222222;
font-size: 1em;
padding: 0;
}
/*..........................*/
/** Picture-Teaser **/
#content .aside .picture-teaser {
display: block;
margin-bottom: 33px;
}
@media only screen and (max-width: 763px) {
#content .aside .picture-teaser {
float: left;
margin: 0 4px 33px;
width: 48%;
}
}
@media only screen and (max-width: 527px) {
#content .aside .picture-teaser {
float: left;
width: 100%;
}
}
#content .aside .picture-teaser h3:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stp(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
content: "";
display: block;
height: 2px;
position: absolute;
bottom: 0;
width: 100%;
}
#content .aside .picture-teaser img {
max-width: 289px;
position: relative;
width: 100%;
}
#content .aside .picture-teaser img + .content-data:before {
background: url(../img/layout/contact-border.png) 0 0 no-repeat transparent;
content: "";
display: block;
height: 53px;
left: 0;
position: absolute;
top: -53px;
width: 100%;
}
#content .aside .picture-teaser .content-data {
position: relative;
}
#content .aside .picture-teaser .content-data a.more-button {
margin-top: 10px;
margin-bottom: 10px;
}
#content .aside .picture-teaser .content-data p {
margin: 0;
font-size: 1.4em;
padding-top: 10px;
padding-bottom: 15px;
}
#content .aside .headquarter {
margin-bottom: 40px;
margin-top: 95px;
}
#content .aside .headquarter h3 {
padding-bottom: 12px;
}
#content .aside .headquarter h3:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
bottom: 0;
content: "";
display: block;
height: 2px;
position: absolute;
width: 100%;
}
#content .aside .headquarter .data {
font-size: 1.21em;
margin-top: 19px;
}
#content .aside .headquarter .data p {
margin: 0 0 -1px;
}
#content .aside .headquarter .data p.phone {
margin: 12px 0 1px;
}
#content .aside .headquarter .dl-list {
margin-top: 36px;
}
#content .aside .table {
font-size: 0.928em;
margin-bottom: 20px;
}
#content .aside .table table {
width: 100%;
}
#content .aside .table td {
border-left: 1px solid #c6d0d5;
line-height: 1.2;
padding: 12px 10px;
}
#content .aside .table td:first-child {
border-left: 0 none;
}
#content .aside .table th {
background-color: #999999;
border-left: 1px solid #c6d0d5;
border-bottom: 1px solid #c6d0d5;
color: #FFFFFF;
font-weight: bold;
line-height: 1.2;
padding: 12px 10px;
text-align: left;
}
#content .aside .table th:first-child {
border-left: 0 none;
}
#content .aside .table tr.even td {
background-color: #DADADA;
}
#content .aside .table td p {
margin: 0 0 10px;
}
#content .aside .media {
margin-bottom: 20px;
position: relative;
}
#content .aside .media a {
display: block;
margin-bottom: 7px;
position: relative;
text-decoration: none;
text-align: center;
}
#content .aside .media img {
max-width: 100%;
z-index: 2;
}
#content .aside .media .title {
background-color: #999999;
color: #FFFFFF;
font-size: 0.928em;
padding: 10px;
text-align: left;
}
#content .aside .media .zooming {
background-color: #0096d5;
color: #ffffff;
cursor: pointer;
height: 35px;
position: absolute;
right: 15px;
top: 100px;
width: 35px;
z-index: 3;
}
#content .aside .media .zooming:before {
margin-top: 0.6em;
margin-left: 0.3em;
}
#content .aside .media .dl-list p {
font-size: 0.928em;
margin: 0 0 5px;
padding-left: 30px;
}
#content .aside .media .dl-list a {
margin-bottom: 0;
}
#content .aside .media .dl-list span {
display: block;
float: left;
margin-right: 5px;
}
.event .contentteaser .invisible .dl-list .downloadname,
#content .aside .media .dl-list .downloadname,
#content .aside .headquarter .dl-list .downloadname {
color: #444444;
float: left;
line-height: 20px;
margin: 0 0 0 8px;
text-align: left;
}
#content .aside .media .dl-list .downloadname:hover,
#content .aside .media .dl-list .downloadname:active,
#content .aside .media .dl-list .downloadname:focus,
#content .aside .headquarter .dl-list .downloadname:hover,
#content .aside .headquarter .dl-list .downloadname:active,
#content .aside .headquarter .dl-list .downloadname:focus {
color: #0096d5;
}
#content .aside .headquarter .dl-list .info {
margin-left: 35px;
}
.press .contentteaser .invisible .dl-list .icon-download,
#content .aside .media .dl-list .icon-download,
#content .aside .headquarter .dl-list .icon-download {
background-position: -22px -379px;
display: block;
float: left;
height: 26px;
text-indent: -9999px;
width: 27px;
}
#content .aside .headquarter .dl-list > p:hover .icon-download,
.event .contentteaser .invisible .dl-list > p:hover .icon-download,
#content .aside .media .dl-list .icon-download:hover {
background-position: 1px -410px;
}
#content .aside .media .dl-list .icon-remember {
background-position: 2px -871px;
height: 20px;
margin-left: -30px;
text-indent: -9999px;
width: 25px;
}
#content .aside .media .dl-list .icon-remember:hover {
background-position: -54px -871px;
}
#content .aside .media .dl-list .dl-added,
#content .aside .media .dl-list .dl-added:hover {
background-position: -26px -871px;
cursor: default;
}
#content .aside .media .dl-list .info {
clear: both;
display: block;
float: none;
margin-right: 0;
}
#content .aside .rss {
background-color: #FFFFFF;
margin-bottom: 20px;
padding: 18px 15px;
border: 1px solid #DADADA;
}
#content .aside .rss .headline {
color: #444444;
font-size: 1.7em;
font-weight: normal;
line-height: 1.2;
margin: 0 0 15px;
}
#content .aside .rss a.more:before {
background-image: none;
}
#content .aside .rss a {
background-position: left -1091px;
color: #444444;
display: block;
font-size: 0.857em;
padding-left: 30px;
text-decoration: none;
}
#content .aside .rss a:hover,
#content .aside .rss a:active,
#content .aside .rss a:focus {
color: #0096d5;
}
#content .aside .map {
height: auto;
border: 1px solid #DADADA;
}
#content .aside .map .map-holder {
height: 250px;
border-bottom: 1px solid #DADADA;
}
#content .aside .map .routing {
background-color: #FFFFFF;
color: #444444;
padding: 16px 15px;
}
#content .aside .map .routing .title {
font-size: 1.7em;
font-weight: normal;
margin: 0 0 15px;
}
#content .aside .map .routing label {
clear: both;
color: #222222;
display: block;
line-height: 1.5em;
margin: 0 0 12px;
}
#content .aside .map .routing input[type=text] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #C7CFD2;
-moz-box-shadow: 2px 2px 5px 0 #C7CFD2 inset;
-webkit-box-shadow: 2px 2px 5px 0 #C7CFD2 inset;
box-shadow: 2px 2px 5px 0 #C7CFD2 inset;
height: 24px;
margin-top: -3px;
padding: 3px 1px 1px 3px;
}
#content .aside .map .routing .left {
float: left;
font-weight: bold;
line-height: 22px;
width: 20%;
}
#content .aside .map .routing .right {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 80%;
}
#content .aside .map .routing .submit,
#content .map .routing .submit {
border: 0 none;
font-weight: 300;
color: #444444;
display: inline;
float: right;
font-size: 1.4em;
padding-left: 45px;
position: relative;
height: 35px;
text-decoration: none;
background-color: transparent;
}
#content .aside .map .routing .submit:before,
#content .map .routing .submit:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: -266px -1698px;
content: '';
width: 35px;
height: 35px;
position: absolute;
left: 0;
top: 0;
}
#content .map .routing .rightbutton {
float: right;
font-size: 1em;
}
#content .aside .map .routing .submit:hover,
#content .aside .map .routing .submit:active,
#content .aside .map .routing .submit:focus,
#content .map .routing .submit:hover,
#content .map .routing .submit:active,
#content .map .routing .submit:focus {
color: #0096d5;
}
#content .aside .map .routing .submit:hover:before,
#content .aside .map .routing .submit:active:before,
#content .aside .map .routing .submit:focus:before,
#content .map .routing .submit:hover:before,
#content .map .routing .submit:active:before,
#content .map .routing .submit:focus:before {
background-position: -220px -1698px;
}
/* Editorial Content */
.editorial #main {
margin-right: 0;
width: 74.7%;
}
@media only screen and (max-width: 989px) {
.editorial #main {
width: 100%;
}
}
.right-bar #main,
.contact #main,
.press #main {
width: 74.4%;
}
@media only screen and (max-width: 989px) {
.right-bar #main,
.contact #main,
.press #main {
width: 100%;
}
}
.right-bar #main .paragraph.small,
.editorial #main .paragraph.small {
width: 66.6%;
}
/* Content Elemente 3/4 */
#main .container,
#wide .container {
display: block;
margin-bottom: 20px;
max-width: 100%;
position: relative;
}
#wide .container.product {
border-top: 1px solid #D9D9D9;
margin-bottom: 64px;
}
#wide .container.product .image-wrapper {
position: relative;
}
#wide .container.product .image-wrapper > img {
width: 100%;
}
@media only screen and (max-width: 989px) {
#wide .container.product .image-wrapper > img {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 989px) {
#wide .container.product {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 527px) {
#wide .container.product {
border: none;
}
}
#wide .container.product h2 {
background-color: #FFFFFF;
color: #444444;
display: inline;
font-size: 1.364em;
font-weight: normal;
margin: 0;
padding-right: 20px;
padding-top: 1px;
}
#main .container .info {
height: 100%;
width: 50%;
}
@media only screen and (max-width: 989px) {
#main .container .info {
float: none;
width: auto;
}
}
#wide .container .info {
height: 100%;
width: 50%;
}
@media only screen and (max-width: 1230px) {
#wide .container .info {
float: none;
width: auto;
}
}
#main .container.big .info,
#wide .container.big .info {
width: 65.6%;
}
#main .container.right .info,
#wide .container.right .info {
float: right;
}
#main .container.right .info .image,
#wide .container.right .info .image {
margin-bottom: 0;
}
#main .container.left .info {
float: left;
}
#main .container.left .info .image {
margin-bottom: 0;
margin-top: 5px;
}
#wide .container.left .info {
float: left;
}
@media only screen and (max-width: 1230px) {
#wide .container.left .info {
float: none;
margin-bottom: 19px;
margin-top: 10px;
}
}
#wide .container.left .info .image {
margin-bottom: 0;
}
#main .container.right > .text,
#wide .container.right > .text {
float: left;
width: 48.7%;
}
#main .container.left > .text {
float: right;
width: 48.7%;
}
#main .container.left > .text p {
margin-top: 0;
}
#main .container.left > .text p a {
border-bottom: 1px solid #444444;
line-height: 1;
display: inline-block;
}
#main .container.left > .text p a:hover {
border-bottom: 1px solid #0096d5;
}
#wide .container.left > .text {
bottom: 9px;
display: block;
position: absolute;
right: 10px;
width: 593px;
}
#wide .container.left > .text > div:first-child {
margin-bottom: 10px;
}
@media only screen and (max-width: 1230px) {
#wide .container.left > .text {
margin-right: 0;
position: relative;
right: auto;
width: 100%;
}
}
#main .container.big > .text,
#wide .container.big > .text {
width: 32.3%;
}
@media only screen and (max-width: 989px) {
#main .container .info,
#main .container .text {
float: none !important;
width: auto !important;
}
}
#main .container > .text p #wide .container > .text p {
font-size: 0.928em;
font-weight: normal;
margin: 0 0 12px;
}
#main .container > .text ul #wide .container > .text ul {
list-style-position: outside;
margin-bottom: 12px;
padding-left: 15px;
}
#content #main .container.news .contentteaser,
#content #wide .container.news .contentteaser {
padding: 0;
border-bottom: none;
margin-bottom: 0;
}
#content #main .container.news .contentteaser h4,
#content #wide .container.news .contentteaser h4 {
font-weight: 400;
font-size: 1.8em;
}
#content .container.news .teaser {
box-sizing: border-box;
}
#content .container.news .teaser:hover {
border: 1px solid #0096d5;
}
#content .container.news .teaser img {
display: block;
float: none;
height: auto;
margin-bottom: 17px;
margin-right: 0;
max-width: 100%;
width: 100%;
border-bottom: 1px solid #dadada;
}
#content .container.news .teaser .title {
padding: 0 11px;
}
@media only screen and (max-width: 763px) {
#content .container.news .teaser {
margin: 0 auto 30px;
width: 80%;
float: none;
}
}
@media only screen and (max-width: 400px) {
#content .container.news .teaser {
width: 94%;
}
}
#content .container.news .contentteaser h4 a {
float: none;
margin: 0;
}
#content .container.news > div:last-child {
width: 40%;
margin-left: 1%;
}
#content .container.news .eventoverview {
margin-bottom: 5px;
}
@media only screen and (max-width: 763px) {
#content #main .container.news .teaser:nth-child(odd) {
margin-right: auto;
}
}
@media only screen and (max-width: 1230px) {
.wide #content .container.news div.eventoverview {
margin-left: 10px;
width: 100%;
}
}
.wide #content .container.news div:last-child .teaser {
margin: 0 0 0;
width: 47.5954%;
}
@media only screen and (max-width: 763px) {
.wide #content .container.news div:last-child .teaser {
margin: 0 auto 30px;
float: left;
}
}
@media only screen and (max-width: 527px) {
.wide #content .container.news div:last-child .teaser {
margin: 0 auto 30px;
width: 80%;
float: none;
}
}
.wide #content .container.news div:last-child .teaser:first-child {
margin-right: 4.0014%;
}
@media only screen and (max-width: 527px) {
.wide #content .container.news div:last-child .teaser:first-child {
margin-right: auto;
}
}
@media only screen and (max-width: 1230px) {
#content .container.news .eventoverview > div {
margin-left: 10px;
width: 100%;
}
}
@media only screen and (max-width: 989px) {
#content .container.news .eventoverview > div {
margin: 0 auto;
margin-left: auto;
}
}
@media only screen and (max-width: 400px) {
#content .container.news .eventoverview > div {
width: 94%;
}
}
#content .container.news .eventoverview > div.eventoverview {
border-bottom: 1px solid #DADADA;
border-top: 1px solid #DADADA;
padding: 7px 0 21px;
width: 100%;
margin-bottom: 5px;
}
@media only screen and (max-width: 1230px) {
#content .container.news .eventoverview > div.eventoverview {
border: none;
margin-left: 10px;
}
}
@media only screen and (max-width: 989px) {
#content .container.news .eventoverview > div.eventoverview {
margin: 0 auto;
width: 100%;
}
}
@media only screen and (max-width: 763px) {
#content .container.news .eventoverview > div.eventoverview {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 989px) {
#content .container.news .eventoverview > div {
margin-bottom: 20px;
width: 100%;
}
}
.wide #content .container.news > div {
float: left;
margin-left: 2.0325%;
width: 48.9840%;
}
@media only screen and (max-width: 1230px) {
.wide #content .container.news > div {
margin-left: 10px;
width: 48.2643%;
}
}
@media only screen and (max-width: 989px) {
.wide #content .container.news > div {
margin: 0 auto;
margin-left: auto;
}
}
@media only screen and (max-width: 763px) {
.wide #content .container.news > div {
margin: 0 auto;
}
}
.wide #content .container.news > div.eventoverview {
border-bottom: 1px solid #DADADA;
border-top: 1px solid #DADADA;
padding: 7px 0 21px;
width: 48.9840%;
margin-left: 0;
}
@media only screen and (max-width: 1230px) {
.wide #content .container.news > div.eventoverview {
border: none;
margin-left: 10px;
width: 100%;
}
}
@media only screen and (max-width: 989px) {
.wide #content .container.news > div.eventoverview {
margin: 0 auto;
width: 100%;
}
}
@media only screen and (max-width: 763px) {
.wide #content .container.news > div.eventoverview {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 989px) {
.wide #content .container.news > div {
margin-bottom: 20px;
width: 100%;
}
}
@media only screen and (max-width: 1230px) {
#content.press .container.news > div:last-child {
width: 75.2643%;
margin: 0 auto;
float: none;
}
}
@media only screen and (max-width: 763px) {
#content.press .container.news > div:last-child {
width: 100%;
}
}
@media only screen and (max-width: 1230px) {
#content.press #main .container.news > div.eventoverview {
width: 98.2643%;
}
}
.editorial #content .paragraph .information {
display: none;
}
@media only screen and (max-width: 1230px) {
.editorial #content .container.news > div:last-child {
width: 75.2643%;
margin: 0 auto;
float: none;
}
}
@media only screen and (max-width: 763px) {
.editorial #content .container.news > div:last-child {
width: 100%;
}
}
@media only screen and (max-width: 1230px) {
.editorial #content #main .container.news > div.eventoverview {
width: 98.2643%;
}
}
@media only screen and (max-width: 1230px) {
.right-bar #content .container.news > div:last-child {
width: 75.2643%;
margin: 0 auto;
float: none;
}
}
@media only screen and (max-width: 763px) {
.right-bar #content .container.news > div:last-child {
width: 100%;
}
}
@media only screen and (max-width: 1230px) {
.right-bar #content #main .container.news > div.eventoverview {
width: 98.2643%;
}
}
@media only screen and (max-width: 1230px) {
#content #main .container.news > div.eventoverview {
width: 98.2643%;
}
}
@media only screen and (max-width: 1230px) {
#content .container.news > div:last-child {
width: 98.2643%;
}
}
#content .container.news > div {
float: left;
margin-left: 0;
}
@media only screen and (max-width: 1230px) {
#content .container.news > div {
margin-left: 10px;
width: 98.2643%;
}
}
@media only screen and (max-width: 989px) {
#content .container.news > div {
margin: 0 auto;
margin-left: auto;
}
}
@media only screen and (max-width: 763px) {
#content .container.news > div {
margin: 0 auto;
}
}
#content .container.news > div.eventoverview {
border-bottom: 1px solid #DADADA;
border-top: 1px solid #DADADA;
padding: 7px 0 21px;
width: 59%;
}
@media only screen and (max-width: 1230px) {
#content .container.news > div.eventoverview {
border: none;
margin-left: 10px;
}
}
@media only screen and (max-width: 989px) {
#content .container.news > div.eventoverview {
margin: 0 auto;
width: 100%;
}
}
@media only screen and (max-width: 763px) {
#content .container.news > div.eventoverview {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 989px) {
#content .container.news > div {
margin-bottom: 20px;
width: 100%;
}
}
#content .container.news > div:first-child {
margin-left: 0;
}
@media only screen and (max-width: 1230px) {
#content .container.news > div:first-child {
margin-left: 10px;
}
}
@media only screen and (max-width: 989px) {
#content .container.news > div:first-child {
margin-left: auto;
}
}
#content .container .eventoverview div {
margin-bottom: 24px;
}
#content .container .eventoverview h3 {
font-size: 3em;
margin-top: 0;
}
#content .container .eventoverview h4 {
display: block;
font-size: 1.5em;
font-weight: normal;
margin: 13px 0 5px;
position: relative;
}
#content .container.news h4 {
font-weight: normal;
margin-bottom: 10px;
font-size: 1.7em;
}
#content .container.news h4:hover {
color: #0096d5;
}
#content .container.news h4:after {
background-position: -279px -464px;
content: "";
display: inline-block;
height: 12px;
margin-left: 10px;
width: 5px;
}
#content .container.news h4:hover:after {
background-position: -292px -735px;
}
#content .container .eventoverview a {
color: #444444;
display: inline;
height: auto;
position: relative;
text-decoration: none;
}
#content .container .eventoverview a.more {
margin-left: 5px;
}
#content .container .eventoverview a:hover {
color: #0096d5;
}
#wide .container .image {
position: static;
}
#wide .container .image .product-info {
bottom: 30px;
left: 2.19512%;
position: absolute;
}
@media only screen and (max-width: 989px) {
#wide .container .image .product-info {
bottom: auto;
padding: 17px 30px;
left: auto;
position: relative;
}
}
@media only screen and (max-width: 989px) {
#wide .container .image .product-info > div {
overflow: hidden;
}
}
#wide .container .image .product-info > div > div {
max-width: 400px;
overflow: hidden;
}
@media only screen and (max-width: 989px) {
#wide .container .image .product-info > div > div {
display: block;
float: none;
max-width: none;
overflow: hidden;
text-align: left;
}
}
@media only screen and (max-width: 527px) {
#wide .container .image .product-info > div > div {
margin: 0 auto;
max-width: none;
}
}
#wide .container .image .product-info > div > a {
clear: both;
margin: 0;
}
#wide .container .image .product-info p {
display: block;
margin-right: 18px;
overflow: hidden;
}
#wide .container .image .product-info img {
display: block;
float: left;
margin-bottom: 20px;
margin-right: 15px;
max-width: 200px;
}
@media only screen and (max-width: 527px) {
#wide .container .image .product-info img {
float: none;
margin: 0 auto 20px;
}
}
#wide .container .text .product-info {
background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#66ffffff', GradientType=1);
border: 1px solid #D9D9D9;
height: 39.1421%;
padding: 20px 30px;
position: relative;
}
#wide .container .text .product-info > div {
display: block;
overflow: hidden;
}
@media only screen and (max-width: 1230px) {
#wide .container .text .product-info {
height: 34.80952%;
}
}
@media only screen and (max-width: 989px) {
#wide .container .text .product-info {
display: block;
height: auto;
margin-bottom: 20px;
position: relative;
}
}
#wide .container .text .product-info h3 {
font-size: 1.364em;
margin-bottom: 6px;
}
#wide .container .text .story h3 {
font-size: 1.364em;
margin-bottom: 10px;
}
#wide .container .text .product-info p {
display: block;
font-size: 1.05em;
margin-bottom: 19px;
overflow: hidden;
}
#wide .container .text .story p {
color: #888888;
font-size: 1.273em;
font-style: italic;
}
#wide .container .text .product-info img {
display: block;
float: left;
max-height: 100%;
margin-right: 37px;
}
@media only screen and (max-width: 1230px) {
#wide .container .text .product-info img {
height: auto;
}
}
@media only screen and (max-width: 527px) {
#wide .container .text .product-info img {
float: none;
margin: 0 auto 20px;
}
}
#wide .container .product-info option,
.teaser-grid .teaser option,
#wide .story option {
font-size: 0.9em;
}
#wide .container .product-info optgroup,
.teaser-grid .teaser optgroup,
#wide .story optgroup {
font-size: 1em;
}
#wide .container .text a.more {
color: #444444;
position: relative;
text-decoration: none;
}
#wide .container .text a.more:hover {
color: #0096d5;
}
#wide .container .text a.more:before {
background-position: -277px -385px;
content: "";
display: inline-block;
height: 22px;
margin-right: 8px;
vertical-align: middle;
width: 22px;
}
#wide .container .text a.more:hover:before {
background-position: -245px -385px;
}
#wide .container .text .story {
background-image: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background-image: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background-image: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background-image: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
border: 1px solid #D9D9D9;
padding: 17px 30px;
position: relative;
}
/* Buttons */
span.bright-button {
display: inline-block;
margin-bottom: 15px;
position: relative;
}
span.bright-button:before {
background-position: -288px -753px;
content: '';
display: block;
height: 14px;
margin-top: -5px;
position: absolute;
left: 5px;
top: 50%;
width: 12px;
z-index: 3;
}
span.bright-button input {
background: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
border: none;
box-sizing: border-box;
color: #FFFFFF;
display: block;
max-width: 193px;
padding: 5px 15px 5px 21px;
text-align: left;
text-decoration: none;
width: 100%;
}
span.bright-button input:hover {
color: rgba(255, 255, 255, 0.8);
}
#footer .links a.bright-button,
a.bright-button {
color: #FFFFFF;
font-size: 1.0em;
padding: 5px 15px 5px 20px;
}
#footer .links a.bright-button:hover,
a.bright-button:hover {
color: rgba(255, 255, 255, 0.8);
}
.more-button {
border: 1px solid #dadada;
color: #444444;
display: inline-block;
font-size: 1.4em;
line-height: 15px;
margin-bottom: 20px;
padding: 6px 17px 9px 31px;
position: relative;
text-decoration: none;
}
.more-button input {
background-color: #FFFFFF;
}
.more-button:hover {
color: #0096d5;
}
.more-button:before {
background-position: -279px -464px;
content: "";
display: block;
height: 12px;
left: 14px;
margin-top: -6px;
position: absolute;
top: 50%;
width: 5px;
}
.more-button:hover:before {
background-position: -292px -735px;
}
a.more-button {
color: #444444;
}
span.blue-button {
display: block;
margin-bottom: 20px;
position: relative;
}
span.blue-button:after {
background-position: -288px -753px;
content: '';
height: 14px;
margin-top: -5px;
position: absolute;
left: 5px;
top: 50%;
width: 12px;
}
span.blue-button input {
background: -o-linear-gradient(top right, #41B4D3 0%, #0082BC 100%);
/* Opera */
background: -ms-linear-gradient(top right, #41B4D3 0%, #0082BC 100%);
/* IE */
background: -moz-linear-gradient(top right, #41B4D3 0%, #0082BC 100%);
/* Firefox */
background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #41B4D3), color-stop(1, #0082BC));
/* Chrome10+,Safari5.1+ */
background: -webkit-linear-gradient(top right, #41B4D3 0%, #0082BC 100%);
/* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom left, #41B4D3 0%, #0082BC 100%);
border: none;
color: #FFFFFF;
text-align: left;
padding: 5px 10px 5px 20px;
position: relative;
}
span.blue-button input:hover {
color: rgba(255, 255, 255, 0.8);
}
a.more,
p.more {
color: #444444;
cursor: pointer;
display: inline-block;
font-size: 1.4em;
margin-bottom: 20px;
padding-left: 45px;
padding-top: 2px;
text-decoration: none;
position: relative;
}
a.more:hover,
p.more:hover {
color: #0096d5;
}
a.more:hover:before,
p.more:hover:before {
background-position: -220px -1698px;
}
a.more:before,
p.more:before {
background-position: -266px -1698px;
content: "";
display: block;
height: 35px;
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
width: 35px;
}
a.back {
color: #444444;
cursor: pointer;
display: inline-block;
font-size: 1.4em;
margin-bottom: 20px;
padding-left: 45px;
padding-top: 2px;
text-decoration: none;
position: relative;
}
a.back:hover {
color: #0096d5;
}
a.back:hover:before {
background-position: -155px -1720px;
}
a.back:before {
background-position: -266px -1746px;
content: "";
display: block;
height: 35px;
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
width: 35px;
}
span.more {
border: none;
display: block;
margin-bottom: 20px;
padding-left: 45px;
padding-top: 2px;
position: relative;
font-size: 1.4em;
}
span.more:hover input {
color: #0096d5;
}
span.more:hover:before {
background-position: -220px -1699px;
}
span.more:before {
background-position: -266px -1698px;
content: "";
display: block;
height: 35px;
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
width: 35px;
}
span.more input {
background-color: transparent;
border: none;
padding: 0;
font-weight: lighter;
}
span.more input:hover {
color: #0096d5;
}
/* End Buttons */
#main .imageslider {
margin-bottom: 20px;
}
.aside .imageslider,
#aside .imageslider,
#main .imageslider,
.brandslider {
background-image: none;
overflow: hidden;
position: relative;
}
.aside .slider-container,
#aside .slider-container {
background-color: #FFFFFF;
font-size: 0.9em;
margin-bottom: 20px;
padding: 15px 15px 20px;
border: 1px solid #DADADA;
}
.aside .imageslider h2,
#aside .imageslider h2 {
font-size: 1em;
}
#main .imageslider .slider,
.brandslider .slider {
font-size: 0.9em;
margin: 0 21px;
overflow: hidden;
position: relative;
}
.aside .imageslider .slider,
#aside .imageslider .slider {
margin: 0 -15px;
position: relative;
}
.aside .imageslider .slide-wrapper #aside .imageslider .slide-wrapper,
#main .imageslider .slide-wrapper,
.brandslider .slide-wrapper {
overflow: hidden;
position: relative;
width: 9999px;
}
#main .imageslider .slide-wrapper .item,
#aside .imageslider .slide-wrapper .item,
.aside .imageslider .slide-wrapper .item,
.brandslider .slide-wrapper .item {
float: left;
}
#main .imageslider .image,
#aside .imageslider .image,
.aside .imageslider .image {
float: left;
margin-bottom: 0 !important;
text-align: center;
width: 227px;
border: none !important;
}
#main .imageslider .image a,
#aside .imageslider .image a,
.aside .imageslider .image a {
text-align: center;
}
#main .imageslider .image img,
#aside .imageslider .image img,
.aside .imageslider .image img {
max-width: 217px;
border: none !important;
}
#main .imageslider .zooming,
#aside .imageslider .zooming,
.aside .imageslider .zooming {
bottom: 10px;
top: auto !important;
}
#main .imageslider .prev,
#main .imageslider .next,
#aside .imageslider .prev,
#aside .imageslider .next,
.aside .imageslider .prev,
.aside .imageslider .next,
.brandslider .prev,
.brandslider .next {
bottom: 0;
position: absolute;
width: 20px;
}
#main .imageslider .disabled,
#aside .imageslider .disabled,
.aside .imageslider .disabled,
.brandslider .disabled {
display: none;
visibility: hidden;
}
#main .imageslider .prev #aside .imageslider .prev,
.aside .imageslider .prev,
.brandslider .prev {
left: 0;
}
#main .imageslider .next,
#aside .imageslider .next,
.aside .imageslider .next,
.brandslider .next {
right: 0;
}
#main .imageslider .prev span,
#main .imageslider .next span {
cursor: pointer;
display: block;
height: 49px;
margin-top: -22px;
position: relative;
top: 50%;
width: 23px;
}
#aside .imageslider .prev span,
#aside .imageslider .next span,
.aside .imageslider .prev span,
.aside .imageslider .next span,
.brandslider .prev span,
.brandslider .next span {
cursor: pointer;
display: block;
height: 48px;
margin-top: -24px;
position: relative;
top: 50%;
width: 21px;
}
#main .imageslider .prev span,
.brandslider .prev span {
background-position: -190px -1590px;
}
#aside .imageslider .prev span,
.aside .imageslider .prev span {
background-position: -277px -1590px;
}
#main .imageslider .next span,
.brandslider .next span {
background-position: -154px -1589px;
}
#aside .imageslider .next span,
.aside .imageslider .next span {
background-position: -248px -1591px;
}
.brandslider .content {
float: left;
margin-bottom: 0 !important;
text-align: center;
width: 380px;
height: 214px;
border: none !important;
position: relative;
}
@media only screen and (max-width: 527px) {
.brandslider .content {
width: 310px;
height: 174px;
}
}
#content .brandslider .content img {
border: none !important;
height: 100%;
max-width: 370px;
max-height: 204px;
position: relative;
width: 100%;
z-index: 10;
}
/* Main brandslider styles */
#main .brandslider-container,
#wide .brandslider-container {
margin-bottom: 30px;
}
#main .brandslider-container > h3,
#wide .brandslider-container > h3 {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(95%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* Chrome10+,Safari5.1+ */
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #00925B;
opacity: 1;
font-size: 3em;
}
#main .brandslider .slide-wrapper .product-text,
#wide .brandslider .slide-wrapper .product-text {
left: 50%;
bottom: 5px;
padding-right: 5%;
position: absolute;
text-align: left;
width: 45%;
z-index: 20;
}
@media only screen and (max-width: 527px) {
#main .brandslider .slide-wrapper .product-text,
#wide .brandslider .slide-wrapper .product-text {
left: 40%;
width: 55%;
}
}
#main .brandslider .slide-wrapper .product-text h3,
#wide .brandslider .slide-wrapper .product-text h3 {
font-weight: normal;
font-size: 2.5em;
margin-bottom: 7px;
display: inline-block;
margin-top: 0;
}
@media only screen and (max-width: 527px) {
#main .brandslider .slide-wrapper .product-text h3,
#wide .brandslider .slide-wrapper .product-text h3 {
font-size: 2em;
}
}
#main .brandslider .slide-wrapper .product-text > p,
#wide .brandslider .slide-wrapper .product-text > p {
max-height: 72px;
overflow-y: hidden;
}
@media only screen and (max-width: 527px) {
#main .brandslider .slide-wrapper .product-text > p,
#wide .brandslider .slide-wrapper .product-text > p {
max-height: 54px;
}
}
#main .brandslider .slide-wrapper .product-text a.more-button,
#wide .brandslider .slide-wrapper .product-text a.more-button {
background-color: #ffffff;
}
/* Main press-slider styles */
#main .press-slider-container,
#wide .press-slider-container {
background: #ffffff;
position: relative;
margin-bottom: 30px;
padding-bottom: 35px;
border-bottom: 1px solid #DADADA;
}
#main .press-slider-container h3,
#wide .press-slider-container h3 {
font-size: 3em;
margin-bottom: 23px;
}
#main .press-slider-container .slide-wrapper .item,
#wide .press-slider-container .slide-wrapper .item {
float: left;
}
#main .press-slider-container .slide-wrapper .item p,
#wide .press-slider-container .slide-wrapper .item p {
margin-bottom: 5px;
}
#main .press-slider-container .slide-wrapper .item .news-details,
#wide .press-slider-container .slide-wrapper .item .news-details {
font-size: 1.2em;
}
#main .press-slider-container .slide-wrapper .item .news-details,
#wide .press-slider-container .slide-wrapper .item .news-details,
#main .press-slider-container .slide-wrapper .item a.more,
#wide .press-slider-container .slide-wrapper .item a.more {
position: relative;
z-index: 10;
}
#main .press-slider-container .slide-wrapper .item .news-msg,
#wide .press-slider-container .slide-wrapper .item .news-msg {
color: #444444;
display: block;
font-size: 1.7em;
margin-bottom: 1em;
max-width: 90%;
}
#main .press-slider-container .slide-wrapper .item .news-msg.full-width,
#wide .press-slider-container .slide-wrapper .item .news-msg.full-width {
max-width: 100%;
}
@media only screen and (max-width: 989px) {
#main .press-slider-container .slide-wrapper .item .news-msg,
#wide .press-slider-container .slide-wrapper .item .news-msg {
max-width: 100%;
}
}
#main .press-slider-container .slide-wrapper .item .news-msg:hover,
#wide .press-slider-container .slide-wrapper .item .news-msg:hover {
color: #0096d5;
}
@media only screen and (max-width: 989px) {
#main .press-slider-container .slider,
#wide .press-slider-container .slider {
margin-bottom: 30px;
}
}
/* Main press-slider styles */
#main .teaser-slider-container,
#wide .teaser-slider-container {
position: relative;
margin-bottom: 30px;
}
#main .teaser-slider-container .teaser-slider,
#wide .teaser-slider-container .teaser-slider {
margin-right: -20px;
}
#main .teaser-slider-container .slide-wrapper,
#wide .teaser-slider-container .slide-wrapper {
height: 100% !important;
}
#main .teaser-slider-container .slide-wrapper .item,
#wide .teaser-slider-container .slide-wrapper .item {
float: left;
margin-bottom: 20px;
margin-right: 20px;
width: calc(100% / 3 - 40px);
}
@media only screen and (max-width: 1013px) {
#main .teaser-slider-container .slide-wrapper .item,
#wide .teaser-slider-container .slide-wrapper .item {
width: calc(100% / 2 - 20px);
}
}
@media only screen and (max-width: 533px) {
#main .teaser-slider-container .slide-wrapper .item,
#wide .teaser-slider-container .slide-wrapper .item {
width: 100%;
}
}
#main .teaser-slider-container .slide-wrapper .item .content .product-text h3,
#wide .teaser-slider-container .slide-wrapper .item .content .product-text h3 {
font-size: 2em;
}
#main .teaser-slider-container .slide-wrapper .item .content .product-text p,
#wide .teaser-slider-container .slide-wrapper .item .content .product-text p {
width: auto;
max-height: 30px;
}
@media only screen and (max-width: 989px) {
#main .teaser-slider-container .slide-wrapper .item .content .product-text p,
#wide .teaser-slider-container .slide-wrapper .item .content .product-text p {
max-height: 100%;
}
}
#main .teaser-slider-container .slide-wrapper .item .image,
#wide .teaser-slider-container .slide-wrapper .item .image {
margin-bottom: 5px;
border: none;
height: 100%;
}
#main .teaser-slider-container .slide-wrapper .item .image > a,
#wide .teaser-slider-container .slide-wrapper .item .image > a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
}
.green #main .teaser-slider-container .slide-wrapper .item .image > a,
.green #wide .teaser-slider-container .slide-wrapper .item .image > a {
border: 1px solid #00925b;
}
#main .teaser-slider-container .slide-wrapper .item .image > a:hover,
#wide .teaser-slider-container .slide-wrapper .item .image > a:hover {
border: 1px solid #0096d5;
}
#main .teaser-slider-container .slide-wrapper .item .image > a:hover *,
#wide .teaser-slider-container .slide-wrapper .item .image > a:hover * {
color: #0096d5;
}
#main .teaser-slider-container .slide-wrapper .item .title,
#wide .teaser-slider-container .slide-wrapper .item .title {
position: relative;
}
#main .teaser-slider-container .slide-wrapper .item .title .headline,
#wide .teaser-slider-container .slide-wrapper .item .title .headline {
margin-bottom: 10px;
}
#main .teaser-slider-container .slide-wrapper .content,
#wide .teaser-slider-container .slide-wrapper .content {
text-align: center;
border: 1px solid #DADADA;
position: relative;
}
#main .teaser-slider-container .slide-wrapper .content img,
#wide .teaser-slider-container .slide-wrapper .content img {
border: none !important;
height: 100%;
position: relative;
width: 100%;
z-index: 10;
}
#main .teaser-slider-container .slide-wrapper .content .product-text,
#wide .teaser-slider-container .slide-wrapper .content .product-text {
left: 45%;
bottom: 5px;
position: absolute;
text-align: left;
width: 55%;
z-index: 20;
}
@media only screen and (max-width: 989px) {
#main .teaser-slider-container .slide-wrapper .content .product-text,
#wide .teaser-slider-container .slide-wrapper .content .product-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: auto;
position: relative;
padding: 20px 5.5% 20px 5.5%;
bottom: 0;
width: 100%;
}
}
#main .teaser-slider-container .slide-wrapper .content .product-text h3,
#wide .teaser-slider-container .slide-wrapper .content .product-text h3 {
font-size: 2.5em;
margin-bottom: 7px;
display: inline-block;
margin-top: 0;
}
#main .teaser-slider-container .slide-wrapper .content .product-text p,
#wide .teaser-slider-container .slide-wrapper .content .product-text p {
max-height: 65px;
overflow-y: hidden;
width: 215px;
}
@media only screen and (max-width: 989px) {
#main .teaser-slider-container .slide-wrapper .content .product-text p,
#wide .teaser-slider-container .slide-wrapper .content .product-text p {
max-height: 100%;
}
}
#main .teaser-slider-container .controls,
#wide .teaser-slider-container .controls {
margin-top: 45px;
}
.small-pagination .controls {
width: 100%;
z-index: 1;
}
.small-pagination .controls > span {
bottom: 0;
clear: both;
display: table;
width: auto;
height: 22px;
margin: 0 auto;
text-align: center;
}
.small-pagination .controls a {
float: left;
}
.small-pagination .controls .dots {
margin: 0 16px;
}
.small-pagination .controls .dots > a {
-webkit-border-radius: 14px;
-o-border-radius: 14px;
-ms-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
border: 2px solid #DDDDDD;
height: 12px;
width: 12px;
margin-right: 8px;
text-indent: -9999px;
}
.small-pagination .controls .dots > a.selected {
background-color: #DDDDDD;
}
.small-pagination .controls .dots > a:last-child {
margin-right: 0;
}
.small-pagination .controls .dots > a:hover {
border-color: #0096d5;
}
.small-pagination .controls .dots > a:hover.selected {
background-color: #0096d5;
}
.small-pagination .controls .prev > span,
.small-pagination .controls .next > span {
display: inline-block;
height: 22px;
width: 22px;
margin-top: -3px;
}
.small-pagination .controls .prev > span:hover,
.small-pagination .controls .next > span:hover {
cursor: pointer;
}
.small-pagination .controls .prev > span:before,
.small-pagination .controls .next > span:before {
content: "";
display: inline-block;
float: left;
height: 22px;
width: 22px;
}
.small-pagination .controls .next > span:before {
background-position: -25px -1779px;
}
.small-pagination .controls .next > span:hover:before {
background-position: -85px -1779px;
}
.small-pagination .controls .prev > span:before {
background-position: 5px -1779px;
}
.small-pagination .controls .prev > span:hover:before {
background-position: -55px -1779px;
}
/* CMS paging */
/* Sonderseiten */
.event #main .paging,
.press #main .paging {
background-color: #FFFFFF;
height: 20px;
line-height: 20px;
margin-bottom: 20px;
overflow: hidden;
padding: 20px 0;
border: 1px solid #DADADA;
font-size: 1.4em;
}
@media only screen and (max-width: 527px) {
.event #main .paging,
.press #main .paging {
position: relative;
}
.event #main .paging,
.press #main .paging {
background-color: #FFFFFF;
height: 20px;
line-height: 20px;
margin-bottom: 20px;
overflow: hidden;
padding: 20px 0;
border: 1px solid #DADADA;
font-size: 1.2em;
}
}
.event #main .paging a,
.press #main .paging a {
color: #444444;
cursor: pointer;
float: left;
text-decoration: none;
width: 20%;
}
.event #main .paging a.disabled,
.press #main .paging a.disabled {
visibility: hidden;
}
.event #main .paging a.next,
.press #main .paging a.next {
padding-left: 5%;
text-align: center;
}
.event #main .paging a.prev,
.press #main .paging a.prev {
padding-right: 2%;
text-align: center;
}
@media only screen and (max-width: 527px) {
.event #main .paging a.prev,
.press #main .paging a.prev {
float: right;
}
}
.event #main .paging a:hover,
.event #main .paging a:active,
.event #main .paging a:focus,
.press #main .paging a:hover,
.press #main .paging a:active,
.press #main .paging a:focus {
color: #0096d5;
}
.event #main .paging a span,
.press #main .paging a span {
display: inline-block;
position: relative;
}
.event #main .paging a.next span:before,
.press #main .paging a.next span:before {
background-position: -291px -772px;
content: "";
display: block;
height: 13px;
left: -25px;
position: absolute;
top: 3px;
width: 5px;
}
@media only screen and (max-width: 527px) {
.event #main .paging a.next span:before,
.press #main .paging a.next span:before {
left: -15px;
}
}
.event #main .paging a.next:hover span:before,
.press #main .paging a.next:hover span:before {
background-position: -291px -792px;
}
.event #main .paging a.prev span:before,
.press #main .paging a.prev span:before {
background-position: -279px -463px;
content: "";
display: block;
height: 13px;
position: absolute;
right: -25px;
top: 3px;
width: 5px;
}
@media only screen and (max-width: 527px) {
.event #main .paging a.prev span:before,
.press #main .paging a.prev span:before {
right: -15px;
}
}
.event #main .paging a.prev:hover span:before,
.press #main .paging a.prev:hover span:before {
background-position: -292px -734px;
}
.event #main .paging .text,
.press #main .paging .text {
color: #444444;
float: left;
text-align: center;
width: 53%;
}
.press #main .eventoverview .contentteaser:last-of-type {
border-bottom: none;
}
.event #main .contentteaser,
.press #main .contentteaser {
border-bottom: 1px solid #D9D9D9;
margin-bottom: 0;
padding-bottom: 50px;
padding-top: 45px;
position: relative;
}
.event #main .contentteaser img,
.press #main .contentteaser img {
max-width: 32%;
margin-top: 10px;
}
@media only screen and (max-width: 989px) {
.event #main .contentteaser img,
.press #main .contentteaser img {
margin-right: 20px;
}
}
@media only screen and (max-width: 527px) {
.event #main .contentteaser img,
.press #main .contentteaser img {
float: none;
margin: 0 auto;
max-width: 100%;
}
}
.event #main .contentteaser img + .text,
.press #main .contentteaser img + .text {
margin-left: 34%;
}
@media only screen and (max-width: 989px) {
.event #main .contentteaser img + .text,
.press #main .contentteaser img + .text {
clear: none;
overflow: hidden;
}
}
@media only screen and (max-width: 527px) {
.event #main .contentteaser img + .text,
.press #main .contentteaser img + .text {
margin-left: auto;
}
}
.event #main .contentteaser:first-child,
.press #main .contentteaser:first-child {
border-top: 1px solid #D9D9D9;
}
.event #main .contentteaser .text,
.press #main .contentteaser .text {
display: block;
}
.event #main .contentteaser .text h4,
.press #main .contentteaser .text h4 {
font-size: 2.5em;
font-weight: normal;
}
@media only screen and (max-width: 989px) {
.event #main .contentteaser .text .link,
.press #main .contentteaser .text .link {
float: none;
}
}
.event #main .contentteaser .text .link:hover,
.press #main .contentteaser .text .link:hover {
color: #0096d5;
}
.event #main .contentteaser .text p,
.press #main .contentteaser .text p {
font-size: 1.4em;
}
.event #main .contentteaser .text p.layer,
.press #main .contentteaser .text p.layer {
position: relative;
font-size: 1.4em;
margin: 15px 15px 10px 0;
}
.event #main .contentteaser .text p.layer.show,
.press #main .contentteaser .text p.layer.show {
color: #0096d5;
}
.event #main .contentteaser .text p.layer.show:before,
.press #main .contentteaser .text p.layer.show:before {
background-position: -46px -1725px;
}
.event #main .contentteaser .text p.layer.show + .invisible,
.press #main .contentteaser .text p.layer.show + .invisible {
display: block;
bottom: 45px;
position: absolute;
visibility: visible;
}
@media only screen and (max-width: 989px) {
.event #main .contentteaser .text p.layer.show + .invisible,
.press #main .contentteaser .text p.layer.show + .invisible {
bottom: auto;
position: relative;
}
}
.event #main .contentteaser .text p.more:hover,
.press #main .contentteaser .text p.more:hover {
color: #0096d5;
}
.event #main .contentteaser .text .layer-container,
.press #main .contentteaser .text .layer-container {
background-color: #FFFFFF;
display: block;
float: left;
position: relative;
z-index: 10;
}
.event #main .contentteaser .text .layer-container .big-icon-download,
.press #main .contentteaser .text .layer-container .big-icon-download {
position: relative;
padding-left: 45px;
padding-top: 2px;
}
.event #main .contentteaser .text .layer-container .big-icon-download:before,
.press #main .contentteaser .text .layer-container .big-icon-download:before {
background-position: 0 -1725px;
content: "";
width: 37px;
height: 36px;
position: absolute;
left: 0;
top: -4px;
}
.event #main .contentteaser .text .layer-container .big-icon-download:hover,
.press #main .contentteaser .text .layer-container .big-icon-download:hover {
color: #0096d5;
cursor: pointer;
}
.event #main .contentteaser .text .layer-container .big-icon-download:hover:before,
.press #main .contentteaser .text .layer-container .big-icon-download:hover:before {
background-position: -46px -1725px;
}
.event #main .contentteaser .text .layer-container .invisible,
.press #main .contentteaser .text .layer-container .invisible {
display: none;
}
.event #main .contentteaser .text .layer-container .dl-list,
.press #main .contentteaser .text .layer-container .dl-list {
background-color: #FFFFFF;
border: 1px solid #0082BC;
padding: 5px 45px 21px 21px;
}
@media only screen and (max-width: 989px) {
.event #main .contentteaser .text .layer-container .dl-list,
.press #main .contentteaser .text .layer-container .dl-list {
border: 0;
padding: 0;
}
}
.event #main .contentteaser .text .layer-container .dl-list > p,
.press #main .contentteaser .text .layer-container .dl-list > p {
cursor: pointer;
white-space: nowrap;
padding-right: 10px;
font-size: 1.4em;
}
.event #main .contentteaser .text .layer-container .dl-list > p > a,
.press #main .contentteaser .text .layer-container .dl-list > p > a {
display: inline-block;
float: left;
margin-bottom: 5px;
}
.event #main .contentteaser .text .layer-container .dl-list > p:hover,
.press #main .contentteaser .text .layer-container .dl-list > p:hover {
color: #0096d5;
}
.event #main .contentteaser .text .layer-container .dl-list > p:hover .icon-download,
.press #main .contentteaser .text .layer-container .dl-list > p:hover .icon-download {
background-position: 1px -410px;
}
.event #main .contentteaser .text .layer-container .dl-list .icon-download,
.press #main .contentteaser .text .layer-container .dl-list .icon-download {
cursor: pointer;
margin-right: 11px;
}
.event #main .contentteaser .text .layer-container .dl-list .info + span:before,
.press #main .contentteaser .text .layer-container .dl-list .info + span:before {
content: "|";
margin-left: 8px;
margin-right: 11px;
}
.event #main .contentteaser .press-info,
.press #main .contentteaser .press-info {
right: 0;
top: 2px;
position: absolute;
}
.event #main .contentteaser .press-info > p,
.press #main .contentteaser .press-info > p {
color: #0096d5;
float: left;
font-size: 1.2em;
}
.event #main .contentteaser .press-info > p:first-child:after,
.press #main .contentteaser .press-info > p:first-child:after {
content: "|";
margin-left: 5px;
margin-right: 5px;
}
.event #main .contentteaser .press-info > p.type,
.press #main .contentteaser .press-info > p.type {
font-weight: bold;
}
.event #aside .filter,
.press #aside .filter {
margin-top: 5px;
margin-bottom: 20px;
}
@media only screen and (max-width: 989px) {
.event #aside .filter,
.press #aside .filter {
display: none;
}
}
.no-js .event #aside .filter,
.no-js .press #aside .filter {
display: none;
}
.event #aside .filter .headline,
.press #aside .filter .headline {
font-size: 1.4em;
margin: 0 0 15px;
}
.event #aside .filter .row,
.press #aside .filter .row {
font-size: 1.1em;
line-height: 31px;
margin: 0 0 6px;
position: relative;
}
.event #aside .filter select,
.press #aside .filter select {
border: 1px solid #DADADA;
max-width: 100%;
width: 100%;
}
.js .event #aside .filter select,
.js .press #aside .filter select {
cursor: pointer;
display: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
}
.event #aside .filter .js-select,
.press #aside .filter .js-select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
background: none;
cursor: pointer;
display: block;
height: 32px;
padding-left: 10px;
padding-right: 25px;
width: 100%;
}
.event #aside .filter .js-select.active,
.press #aside .filter .js-select.active {
color: #0096d5;
}
.event #aside .filter .js-select:hover,
.press #aside .filter .js-select:hover {
color: #0096d5;
}
.event #aside .filter .js-select:hover:after,
.press #aside .filter .js-select:hover:after {
background-position: -275px -1144px;
}
.event #aside .filter .js-select:after,
.press #aside .filter .js-select:after {
background-position: -275px -1161px;
content: "";
height: 25px;
position: absolute;
right: 8px;
top: 3px;
width: 20px;
}
.event #aside .filter .active .js-select,
.press #aside .filter .active .js-select {
color: #0096d5;
}
.event #aside .filter .active .js-select:after,
.press #aside .filter .active .js-select:after {
background-position: -276px -1178px !important;
}
.js .event #aside .filter .options,
.js .press #aside .filter .options {
border: 1px solid #c8c8c8;
color: #555f69;
display: none;
list-style: none;
max-height: 642px;
overflow: auto;
}
.js .event #aside .filter .options li,
.js .press #aside .filter .options li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
height: 32px;
padding: 1px 8px 4px 10px;
}
.js .event #aside .filter .options li:hover,
.js .press #aside .filter .options li:hover {
color: #0096d5;
}
.js .event #aside .filter .active .options,
.js .press #aside .filter .active .options {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
display: block;
position: absolute;
top: 38px;
width: 100%;
z-index: 100;
}
.event #aside .filter .button,
.press #aside .filter .button {
background-position: -267px -459px;
background-color: transparent;
border: 0 none;
color: #444444;
display: block;
font-size: 0.928em;
line-height: 1.6;
margin-left: -11px;
padding-left: 25px;
position: relative;
}
.js .event #aside .filter .submit,
.js .press #aside .filter .submit {
display: none;
}
.event #aside .filter .button:hover,
.event #aside .filter .button:active,
.event #aside .filter .button:focus,
.press #aside .filter .button:hover,
.press #aside .filter .button:active,
.press #aside .filter .button:focus {
background-position: -280px -730px;
color: #444444;
}
/** Event and Press Filter in main-content **/
.event #main .filter,
.press #main .filter {
display: none;
margin-bottom: 30px;
}
@media only screen and (max-width: 989px) {
.event #main .filter,
.press #main .filter {
display: block;
}
}
.event .filter .row,
.press .filter .row {
font-size: 0.928em;
line-height: 34px;
margin: 0 0 6px;
position: relative;
}
@media only screen and (max-width: 989px) {
.event .filter .row,
.press .filter .row {
float: left;
width: 49%;
}
.event .filter .row:nth-child(even),
.press .filter .row:nth-child(even) {
margin-right: 2%;
}
}
@media only screen and (max-width: 527px) {
.event .filter .row,
.press .filter .row {
float: none;
width: 100%;
}
.event .filter .row:first-child,
.press .filter .row:first-child {
margin-right: 0;
}
}
.js .event .filter select,
.js .press .filter select {
cursor: pointer;
display: none;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
}
.event .filter select,
.press .filter select {
border: 1px solid #dadada;
}
.event .filter .js-select,
.press .filter .js-select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background: none;
border: 1px solid #DADADA;
cursor: pointer;
display: block;
height: 32px;
padding-left: 10px;
padding-right: 25px;
width: 100%;
}
.event .filter .js-select.active,
.press .filter .js-select.active {
color: #0096d5;
}
.event .filter .js-select:hover,
.press .filter .js-select:hover {
color: #0096d5;
}
.event .filter .js-select:hover:after,
.press .filter .js-select:hover:after {
background-position: -275px -1144px;
}
.event .filter .js-select:after,
.press .filter .js-select:after {
background-position: -275px -1161px;
content: "";
height: 25px;
position: absolute;
right: 8px;
top: 3px;
width: 20px;
}
.event .filter .active .js-select,
.press .filter .active .js-select {
color: #0096d5;
}
.event .filter .active .js-select:after,
.press .filter .active .js-select:after {
background-position: -276px -1178px !important;
}
.event .filter .options,
.press .filter .options {
border: 1px solid #c8c8c8;
color: #555f69;
display: none;
list-style: none;
max-height: 642px;
overflow: auto;
}
.event .filter .options li,
.press .filter .options li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
height: 32px;
padding: 1px 8px 4px 10px;
}
.js .event .filter .active .options,
.js .press .filter .active .options {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
display: block;
position: absolute;
top: 38px;
width: 100%;
z-index: 100;
}
.js .event .filter .submit,
.js .press .filter .submit {
display: none;
}
.event #aside .search {
margin-bottom: 30px;
position: relative;
}
.event #aside .search .headline {
font-size: 1.4em;
margin: 0 0 15px;
}
.event #aside .search input {
border: 0;
border-bottom: 1px solid #DADADA;
height: 25px;
padding: 2px 0 5px;
width: 100%;
}
.event #aside .search .submit {
background-position: 0 -44px;
background-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0 none;
bottom: 5px;
height: 25px;
position: absolute;
right: 0;
text-indent: -9999px;
width: 30px;
}
#content.event .pubdate {
font-size: 0.928em;
margin: 0 0 20px;
}
.wide #second {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-bottom: 30px;
margin-right: 1.8%;
width: 23.5%;
}
@media only screen and (max-width: 989px) {
.wide #second {
margin-bottom: 0;
margin-right: 0;
width: 31%;
}
}
@media only screen and (max-width: 763px) {
.wide #second {
float: none;
width: 100%;
}
}
/* Worldmap */
#worldmap {
margin-bottom: 34px;
margin-top: 26px;
background-color: #F7F7F7;
}
.home #worldmap,
#wide #worldmap {
padding: 50px 0 40px 0;
}
#worldmap .map-container {
display: block;
height: 100%;
overflow: hidden;
position: relative;
width: 100%;
margin-bottom: 15px;
}
#worldmap .map-container > img {
display: none;
left: 0;
position: relative;
top: 0;
height: 100%;
width: 100%;
}
#worldmap .map-container.grid-visible .grid {
display: block !important;
height: auto;
position: absolute;
width: auto;
z-index: 10;
}
@media only screen and (max-width: 1230px) {
#worldmap .map-container.grid-visible .grid {
height: 115% !important;
width: 162% !important;
}
}
#worldmap .map-container #map-picture {
display: block;
position: relative;
width: 100%;
}
@media only screen and (max-width: 989px) {
#worldmap .map-container {
float: none;
}
}
@media only screen and (max-width: 763px) {
#worldmap .map-container {
display: none;
}
}
#worldmap .states {
display: inline-block;
}
#worldmap .states > a > span {
display: table-cell;
height: 85px;
vertical-align: middle;
width: 80px;
position: relative;
left: 2.5px;
}
#worldmap .states > a {
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid #FFFFFF;
border-radius: 50px;
color: #444444;
cursor: pointer;
display: inline-block;
font-size: 1.1em;
height: 85px;
text-align: center;
text-decoration: none;
position: absolute;
vertical-align: middle;
width: 85px;
z-index: 11;
-moz-box-shadow: 0px 0px 5px #222222;
-webkit-box-shadow: 0px 0px 5px #222222;
box-shadow: 0px 0px 5px #222222;
}
#worldmap .states > a:hover {
background-color: #ffffff;
}
#worldmap .states.open > a {
display: none;
}
#worldmap .states > div > a {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 25px;
color: #444444;
cursor: pointer;
display: none;
height: 35px;
text-align: center;
text-decoration: none;
padding-top: 15px;
position: absolute;
width: 50px;
z-index: 11;
margin: auto;
}
@media only screen and (max-width: 989px) {
#worldmap .states > div > a {
height: 22px;
width: 30px;
padding-top: 8px;
font-size: 11px;
}
}
#worldmap .states > div > a:hover {
background-color: rgba(255, 255, 255, 0.8);
}
#worldmap .states.open > div > a {
display: block;
-moz-transform: scale(0.8);
}
#worldmap .map-filter {
width: 100%;
margin-top: 15px;
}
#worldmap .map-filter h1 {
font-size: 3.4em;
margin-left: 10px;
margin-rigth: 10px;
}
#worldmap .map-filter p {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
#worldmap .map-filter label {
cursor: auto;
}
#worldmap .map-filter #continent,
#worldmap .map-filter #country {
border: 0;
line-height: 0 !important;
}
@media only screen and (max-width: 1230px) {
#worldmap .map-filter {
float: left;
width: 100%;
}
}
@media only screen and (max-width: 989px) {
#worldmap .map-filter {
float: none;
width: 100%;
}
}
#worldmap .map-filter .formular {
position: relative;
}
#worldmap .map-filter .formular > img {
display: none;
}
@media only screen and (max-width: 763px) {
#worldmap .map-filter .formular > img {
display: block;
width: 100%;
}
}
#worldmap .map-filter .formular > form {
width: 99%;
margin-left: 1.4%;
/* margin-right: 1.2%;*/
}
@media only screen and (max-width: 1230px) {
#worldmap .map-filter .formular > form {
width: 98%;
margin-left: 1.6%;
/* margin-right: 10px;*/
}
}
@media only screen and (max-width: 763px) {
#worldmap .map-filter .formular > form {
position: absolute;
margin-top: -51px;
top: 50%;
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
}
#worldmap .map-filter .formular .row {
float: left;
width: 48%;
font-size: 1.4em;
}
#worldmap .map-filter .formular .row .js-select {
width: 100%;
}
#worldmap .map-filter .formular .row .js-select:hover {
color: #0096d5;
}
#worldmap .map-filter .formular .row:first-child {
margin-right: 2%;
}
@media only screen and (max-width: 1230px) {
#worldmap .map-filter .formular .row {
float: left;
width: 48%;
}
#worldmap .map-filter .formular .row:first-child {
margin-right: 2%;
}
}
@media only screen and (max-width: 763px) {
#worldmap .map-filter .formular .row {
width: 100%;
}
}
#worldmap .map-filter select {
cursor: pointer;
display: none;
left: 0;
right: auto;
width: 100%;
}
#worldmap .formular .active .js-select {
color: #0096d5;
}
#worldmap .formular .active .js-select:after {
background-position: -276px -1178px !important;
}
#main #worldmap .formular .js-select,
#wide #worldmap .formular .js-select,
.mobile-country-select {
background: rgba(255, 255, 255, 0.7);
position: relative;
height: 37px;
padding-top: 4px;
width: 100%;
}
#main #worldmap .formular .js-select.active,
#wide #worldmap .formular .js-select.active,
.mobile-country-select.active {
color: #0096d5;
}
#main #worldmap .formular .js-select:hover:after,
#wide #worldmap .formular .js-select:hover:after,
.mobile-country-select:hover:after {
background-position: -275px -1144px;
}
#main #worldmap .formular .js-select:after,
#wide #worldmap .formular .js-select:after,
.mobile-country-select:after {
background-position: -275px -1161px;
content: "";
height: 25px;
position: absolute;
right: 8px;
top: 3px;
width: 20px;
}
#wide #worldmap .formular .js-select:hover,
.home #main #worldmap .formular .js-select:hover {
background-position: -11px -822px;
}
#main #worldmap .formular .js-select:hover {
background-position: 121px -822px;
}
.mobile-country-select {
padding-bottom: 2px;
padding-top: 0;
}
#main #worldmap .formular .js-select,
#wide #worldmap .formular .js-select {
background-color: rgba(255, 255, 255, 0.7);
text-align: center;
}
#main #worldmap .formular .active .options,
#wide #worldmap .formular .active .options {
top: 43px;
}
/* Worldmap in 2 rows */
@media only screen and (max-width: 989px) {
.press #worldmap,
.right-bar #worldmap,
.contact #worldmap {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1230px) {
.press #worldmap .map-filter,
.right-bar #worldmap .map-filter,
.contact #worldmap .map-filter {
border-bottom: none;
}
}
.press #worldmap .map-container,
.right-bar #worldmap .map-container,
.contact #worldmap .map-container,
.editorial #worldmap .map-container {
/*margin: 0 auto;*/
margin-bottom: 15px;
}
/* End Worldmap */
/* Worldmap in Wide Page */
.home #worldmap .map-container,
#wide #worldmap .map-container {
float: left;
height: 399px;
width: 763px;
margin-bottom: 15px;
}
.home #worldmap .map-container #map-picture,
#wide #worldmap .map-container #map-picture {
height: auto;
width: 100%;
}
.home #worldmap .map-container.grid-visible .grid,
#wide #worldmap .map-container.grid-visible .grid {
display: block !important;
height: auto;
width: auto;
}
@media only screen and (max-width: 1230px) {
.home #worldmap .map-container.grid-visible .grid,
#wide #worldmap .map-container.grid-visible .grid {
height: 137%;
width: 196%;
}
}
@media only screen and (max-width: 1230px) {
.home #worldmap .map-container,
#wide #worldmap .map-container {
width: 100%;
height: auto;
}
}
.home #worldmap .map-filter,
#wide #worldmap .map-filter {
float: right;
width: 35%;
padding-right: 5%;
padding-left: 5%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.home #worldmap .map-filter h1,
#wide #worldmap .map-filter h1 {
font-size: 3.4em;
}
.home #worldmap .map-filter label,
#wide #worldmap .map-filter label {
cursor: auto;
}
@media only screen and (max-width: 1230px) {
.home #worldmap .map-filter,
#wide #worldmap .map-filter {
float: left;
margin-left: 10px;
width: 100%;
}
}
@media only screen and (max-width: 989px) {
.home #worldmap .map-filter,
#wide #worldmap .map-filter {
float: none;
margin-left: 0;
margin-top: 40px;
width: 100%;
}
}
@media only screen and (max-width: 763px) {
.home #worldmap .map-filter,
#wide #worldmap .map-filter {
margin-top: 0;
}
}
.home #worldmap .map-filter .formular .row,
#wide #worldmap .map-filter .formular .row {
width: 100%;
}
@media only screen and (max-width: 1230px) {
.home #worldmap .map-filter .formular .row,
#wide #worldmap .map-filter .formular .row {
float: left;
width: 48%;
}
.home #worldmap .map-filter .formular .row:first-child,
#wide #worldmap .map-filter .formular .row:first-child {
margin-right: 3%;
}
}
@media only screen and (max-width: 763px) {
.home #worldmap .map-filter .formular .row,
#wide #worldmap .map-filter .formular .row {
width: 100%;
}
}
/* End Worldmap */
/* End Worldmap in Wide Page */
#main .gallery {
margin-bottom: 20px;
}
#main .gallery ul {
margin: 0 -1%;
letter-spacing: -5px;
list-style-type: none;
}
#main .gallery li {
display: inline-block;
letter-spacing: 0;
margin: 0 1% 10px;
width: 18%;
vertical-align: top;
}
@media only screen and (max-width: 772px) {
#main .gallery li {
margin: 0 1% 10px 1%;
width: 23%;
}
}
@media only screen and (max-width: 527px) {
#main .gallery li {
margin: 0 1.166% 10px;
width: 31%;
}
}
@media only screen and (max-width: 420px) {
#main .gallery li {
margin: 0 1% 10px;
width: 48%;
}
}
#main .gallery li a {
display: inline-block;
width: 100%;
color: #444444;
outline: 0;
text-decoration: none;
}
#main .gallery li .img {
margin: 0 0 5px;
text-align: center;
vertical-align: middle;
background-color: #DADADA;
}
#main .gallery li img {
margin: 0;
max-width: 100%;
max-height: 100%;
margin-top: -5px;
}
/*#main .gallery li .icon-download,
.imagegallery #cboxTitle .icon-download{
background-position: -23px -379px;
display: inline-block;
height: 25px;
text-indent: -9999px;
width: 25px;
}
.imagegallery #cboxTitle .icon-download{
background-position: -278px -1436px;
}
.imagegallery #cboxTitle .icon-download:hover {
background-position: 0 -410px;
}
*/
#main .gallery li .icon-remember,
.imagegallery #cboxTitle .icon-remember {
background-position: 2px -866px;
display: inline-block;
height: 25px;
text-indent: -9999px;
width: 25px;
}
#main .gallery li .icon-download,
.imagegallery #cboxTitle .icon-download {
float: left;
color: #444444;
position: relative;
background-position: 0px -1725px;
content: '';
display: inline-block;
text-indent: -9999px;
width: 37px;
height: 37px;
top: 0;
left: 0;
}
#main .gallery li .icon-download:hover,
.imagegallery #cboxTitle .icon-download:hover {
color: #0096d5 !important;
}
#main .gallery li .icon-download:hover:before,
.imagegallery #cboxTitle .icon-download:hover:before {
background-position: -46px -1725px;
}
#main .gallery li a {
color: #444444;
font-size: 100%;
}
#main .gallery li a:hover,
#main .gallery li a:visited,
#main .gallery li a:focus {
color: #0096d5;
}
#main .gallery li a:hover span.icon-download,
#main .gallery li a:visited span.icon-download,
#main .gallery li a:focus span.icon-download {
background-position: -46px -1725px;
}
#main .gallery li span.title {
display: block;
margin-left: 45px;
}
.imagegallery #cboxTitle .icon-remember {
background-position: -26px -871px;
}
.no-js #main .gallery li .icon-remember {
display: none;
}
#main .gallery li .icon-remember:hover,
.imagegallery #cboxTitle .icon-remember:hover {
background-position: -54px -866px;
}
#main .gallery li .dl-added,
#main .gallery li .dl-added:hover {
background-position: -26px -871px;
cursor: default;
}
#main .gallery .paging {
background-color: #DADADA;
line-height: 20px;
margin-bottom: 20px;
overflow: hidden;
padding: 20px 0;
}
#main .gallery .paging a {
color: #444444;
cursor: pointer;
float: left;
text-decoration: none;
width: 20%;
}
#main .gallery .paging a.prev {
padding-left: 5%;
}
@media only screen and (max-width: 527px) {
#main .gallery .paging a.prev {
padding-left: 8%;
}
}
#main .gallery .paging a.next {
padding-right: 5%;
text-align: right;
}
@media only screen and (max-width: 527px) {
#main .gallery .paging a.next {
padding-right: 8%;
}
}
#main .gallery .paging a:hover,
#main .gallery .paging a:active,
#main .gallery .paging a:focus {
color: #0096d5;
}
#main .gallery .paging a span {
display: inline-block;
position: relative;
}
#main .gallery .paging a.prev span:before {
background-position: -291px -773px;
content: "";
display: block;
height: 12px;
left: -18px;
position: absolute;
top: 5px;
width: 5px;
}
@media only screen and (max-width: 420px) {
#main .gallery .paging a.prev span:before {
left: -10px;
}
}
#main .gallery .paging a.prev:hover span:before {
background-position: -291px -793px;
}
#main .gallery .paging a.next span:before {
background-position: -279px -463px;
content: "";
display: block;
height: 12px;
right: -18px;
position: absolute;
top: 5px;
width: 5px;
}
@media only screen and (max-width: 420px) {
#main .gallery .paging a.next span:before {
right: -10px;
}
}
#main .gallery .paging a.next:hover span:before {
background-position: -292px -734px;
}
#main .gallery .paging .text {
color: #444444;
float: left;
text-align: center;
width: 50%;
}
@media only screen and (max-width: 527px) {
#main .gallery .paging .text {
width: 44%;
}
}
@media only screen and (max-width: 420px) {
#main .gallery .paging .text {
visibility: hidden;
}
}
/*social list in content */
#content .social-icons {
display: inline-block;
float: right;
margin-top: 30px;
}
@media only screen and (max-width: 1230px) {
#content .social-icons {
margin-right: 10px;
}
}
@media only screen and (max-width: 989px) {
#content .social-icons {
float: none;
}
}
#content .social-icons .icon {
margin-left: 0;
cursor: pointer;
font-size: 1.1em;
}
#content .social-icons .shareButton {
position: relative;
width: 45px;
border: 1px solid #dadada;
}
@media only screen and (max-width: 989px) {
#content .social-icons .shareButton {
float: right;
}
}
#content .social-icons .shareButton li {
display: block;
}
#content .social-icons .shareButton a.icon {
text-indent: 0;
line-height: 32px;
padding: 0 5px;
text-align: center;
color: #000000;
width: auto;
padding-top: 10px;
margin-top: -10px;
}
#content .social-icons .shareButton ul {
position: absolute;
background-color: #FFFFFF;
left: -40px;
border: 1px solid #dadada;
width: 110px;
display: none;
opacity: 0;
padding: 5px;
z-index: 999;
}
@media only screen and (max-width: 989px) {
#content .social-icons .shareButton ul {
left: -10px;
width: 100px;
}
}
#content .social-icons .shareButton ul li {
float: none;
margin: 0;
}
#content .social-icons .shareButton ul li a {
height: 24px;
width: auto;
text-indent: 0;
padding-left: 25px;
color: #000000;
}
#content .social-list {
border-top: 1px solid #E5E5E5;
}
#content .social-list .social-icons .shareButton ul li {
margin-bottom: 5px;
line-height: 24px;
}
#content .social-list .social-icons .shareButton ul li a {
background: none;
}
#content .social-list .social-icons .shareButton ul li:before {
content: "";
width: 17px;
height: 16px;
position: absolute;
left: 0;
top: 4px;
display: block;
}
#content .social-list .social-icons .shareButton ul li.facebook {
position: relative;
}
#content .social-list .social-icons .shareButton ul li.facebook:before {
height: 15px;
background: url('../img/layout/sprite.png') -236px -999px no-repeat transparent;
}
#content .social-list .social-icons .shareButton ul li.twitter {
position: relative;
}
#content .social-list .social-icons .shareButton ul li.twitter:before {
background: url('../img/layout/sprite.png') -236px -983px no-repeat transparent;
}
#content .social-list .social-icons .shareButton ul li.googleplus {
position: relative;
}
#content .social-list .social-icons .shareButton ul li.googleplus:before {
background: url('../img/layout/sprite.png') -236px -967px no-repeat transparent;
}
#content .social-list .social-icons .shareButton ul li.email {
margin: 0;
position: relative;
}
#content .social-list .social-icons .shareButton ul li.email:before {
height: 15px;
background: url('../img/layout/sprite.png') -236px -1014px no-repeat transparent;
}
#content .social-list .social-icons .shareButton ul li.wordpress {
position: relative;
}
#content .social-list .social-icons .shareButton ul li.wordpress:before {
background: url('../img/layout/sprite.png') -236px -1029px no-repeat transparent;
}
#content .shareButton ul li:hover {
background-color: #F0F0F0;
}
#content .social-icons li {
display: inline-block;
float: left;
margin-left: 15px;
}
#content .social-icons li a {
display: block;
height: 32px;
text-indent: -99999px;
width: 32px;
}
#content .social-icons li.facebook a {
background-position: -268px -1024px;
}
#content .social-icons li.twitter a {
background-position: -268px -992px;
}
#content .social-icons li.googleplus a {
background-position: -268px -960px;
}
#content .social-icons li.youtube a {
background-position: -268px -928px;
}
#content .social-icons li.wordpress a {
background-position: -268px -1090px;
}
/*Image bright Border-bottom*/
#content .brightImage {
box-sizing: border-box;
position: relative;
}
#content .brightImage .mobile {
display: none;
}
#content .brightImage img {
width: 100%;
height: 100%;
}
#content .brightImage .brightImageContent {
position: relative;
}
@media only screen and (min-width: 989px) {
#content .brightImage .brightImageContent .paragraph .big-text {
font-size: 2.7em;
}
}
#content .brightImage .paragraph {
position: absolute;
padding: 20px;
max-width: 300px;
top: 50%;
left: 30px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 527px) {
#content .brightImage .paragraph {
left: 0;
}
}
@media only screen and (max-width: 989px) {
#content .brightImage {
padding-bottom: 0;
}
#content .brightImage .mobile {
display: block;
padding-bottom: 10px;
}
#content .brightImage .desktop {
display: none;
}
}
/* DownloadBox */
#content .brightDownload {
box-sizing: border-box;
position: relative;
padding-bottom: 35px;
margin-bottom: 50px;
}
#content .brightDownload .mobile {
display: none;
}
#content .brightDownload:after {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
bottom: 0;
content: "";
display: block;
height: 2px;
position: absolute;
width: 100%;
}
#content .brightDownload img {
width: 100%;
height: 100%;
}
#content .brightDownload .paragraph {
position: absolute;
max-width: 300px;
top: 190px;
left: 30px;
}
#content .brightDownload .downloadBox {
padding-top: 35px;
}
#content .brightDownload .downloadBox ul {
list-style: none;
}
#content .brightDownload .downloadBox ul li {
float: left;
padding-bottom: 5px;
}
#content .brightDownload .downloadBox ul li:first-of-type {
margin: 0;
}
#content .brightDownload .downloadBox .big-icon-download {
color: #cccccc;
display: inline-block;
}
@media only screen and (max-width: 1230px) {
#content .brightDownload .downloadBox ul li {
float: none;
display: inline-block;
width: 45%;
margin: 5px 0 0 0;
}
}
@media only screen and (max-width: 989px) {
#content .brightDownload {
padding-bottom: 0;
}
#content .brightDownload .mobile {
display: block;
padding-bottom: 10px;
}
#content .brightDownload .desktop {
display: none;
}
#content .brightDownload .paragraph {
position: static;
max-width: 300px;
margin-top: 20px;
margin-bottom: 0;
}
#content .brightDownload .paragraph p {
margin: 0;
}
#content .brightDownload .downloadBox {
padding: 15px 0 20px 0;
}
#content .brightDownload .downloadBox ul li {
display: block;
width: 100%;
}
}
/* End DownloadBox */
/* Two column container */
#content .two-columns {
margin-top: 60px;
}
@media only screen and (max-width: 450px) {
#content .two-columns {
margin-right: 0;
}
}
#content .two-columns.borderBottom img {
border: none;
}
#content .two-columns .image {
float: left;
margin: 0 2% 2% 0;
width: 49%;
}
#content .two-columns .image:nth-child(even) {
margin-right: 0;
}
@media only screen and (max-width: 590px) {
#content .two-columns .image {
float: none;
margin: 0 0 10px 0;
width: 100%;
height: auto !important;
}
}
#content .two-columns .image.border > a:hover p.more {
color: #0096d5;
}
#content .two-columns .image.border > a:hover p.more:before {
background-position: -220px -1698px !important;
}
#content .two-columns .image p.more:before {
content: "";
display: block;
height: 35px;
left: 0;
top: 50%;
width: 35px;
margin-top: -15px;
}
@media only screen and (max-width: 450px) {
#content .two-columns .image {
float: none;
margin: 0 0 10px 0;
max-width: 100%;
width: auto;
}
}
/* Three column container */
#content .three-columns {
margin-top: 60px;
}
#content .three-columns a.leftbutton {
clear: both;
float: right;
margin-right: 2%;
}
@media only screen and (max-width: 830px) {
#content .three-columns a.leftbutton {
margin-right: 4%;
float: left;
}
}
#content .three-columns a.rightbutton {
float: right;
padding-left: 0;
padding-right: 45px;
margin-right: 2%;
}
#content .three-columns a.rightbutton:before {
display: none;
}
#content .three-columns a.rightbutton:after {
background-position: -266px -1698px;
content: "";
display: block;
height: 35px;
right: 0;
margin-top: -15px;
position: absolute;
top: 50%;
width: 35px;
}
#content .three-columns a.rightbutton:hover:after {
background-position: -220px -1698px;
}
@media only screen and (max-width: 830px) {
#content .three-columns a.rightbutton {
float: none;
}
}
#content .three-columns .image {
float: left;
margin: 0 2% 2% 0;
width: 32%;
}
#content .three-columns .image:nth-child(3n) {
margin-right: 0;
}
@media only screen and (max-width: 830px) {
#content .three-columns .image {
margin: 0 2% 2% 0;
width: 49%;
}
#content .three-columns .image:nth-child(3n) {
margin-right: 2%;
}
#content .three-columns .image:nth-child(even) {
margin-right: 0;
}
}
@media only screen and (max-width: 590px) {
#content .three-columns .image {
float: none;
margin: 0 0 10px 0;
width: 100%;
height: auto !important;
}
}
#content .three-columns .image.border > a:hover p.more {
color: #0096d5;
}
#content .three-columns .image.border > a:hover p.more:before {
background-position: -220px -1698px !important;
}
#content .three-columns .image.border p.more:before {
content: "";
display: block;
height: 35px;
left: 0;
top: 50%;
width: 35px;
margin-top: -15px;
}
#content .three-columns .image strong {
font-size: 1em;
font-weight: bold;
}
/* Four column container */
#content .four-columns {
margin-top: 60px;
}
#content .four-columns .image {
float: left;
margin: 0 2% 2% 0;
width: 23.5%;
}
#content .four-columns .image:nth-child(4n) {
margin-right: 0;
}
@media only screen and (max-width: 830px) {
#content .four-columns .image {
margin: 0 2% 2% 0;
width: 49%;
}
#content .four-columns .image:nth-child(3n) {
margin-right: 2%;
}
#content .four-columns .image:nth-child(even) {
margin-right: 0;
}
}
@media only screen and (max-width: 590px) {
#content .four-columns .image {
float: none;
margin: 0 0 10px 0;
width: 100%;
height: auto !important;
}
}
#content .four-columns .image strong {
font-size: 1em;
font-weight: bold;
}
/* Five column container */
#content .five-columns {
margin-right: -2%;
margin-top: 60px;
}
@media only screen and (max-width: 830px) {
#content .five-columns {
margin-right: -4%;
}
}
@media only screen and (max-width: 590px) {
#content .five-columns {
margin-right: 0;
}
}
#content .five-columns .image {
float: left;
margin: 0 2% 2% 0;
width: 18%;
}
@media only screen and (max-width: 830px) {
#content .five-columns .image {
margin-bottom: 15px;
width: 47%;
}
}
@media only screen and (max-width: 590px) {
#content .five-columns .image {
float: none;
margin: 0 0 10px 0;
max-width: 100%;
width: auto;
height: auto !important;
}
}
#content .five-columns .image strong {
font-size: 1em;
font-weight: bold;
}
/* GrayTextBox */
#content .grayTextBox {
background-color: #F7F7F7;
margin-top: 60px;
padding: 45px 40px;
}
@media only screen and (max-width: 763px) {
#content .grayTextBox {
padding: 30px 25px;
}
}
/* Highlight-Box */
#content .highlight-box {
background-color: #FFFFFF;
margin-bottom: 21px;
padding: 18px 0 15px 0;
border: 1px solid #DADADA;
}
#content .highlight-box .image {
display: table;
float: left;
position: relative;
width: 20%;
border: none;
}
#content .highlight-box .image img {
display: block;
margin: 10px auto 0;
border: none;
}
#content .highlight-box .info {
margin-left: 146px;
}
#content .highlight-box .highlighted {
color: #279AD1;
font-size: 1.4em;
}
/**
* ENDE Content
*/
/*Colorbox: noResultFound_overview_colorbox */
.noResultFound_overview_colorbox {
background-color: #ffffff;
}
.noResultFound_overview_colorbox p {
margin: 5%;
}
/* Colorbox: overlay-country-select - Styles */
#overlay-country-select {
background-color: white;
display: inline-block;
padding: 25px;
max-height: 630px;
overflow-y: scroll;
margin-top: 20px;
}
#overlay-country-select p {
margin: 5px 0;
font-size: 1.4em;
}
.product_overview_colorbox {
background-color: #FFFFFF;
}
#overlay-country-select h2 {
display: inline-block;
font-size: 2.035em;
margin: 0;
}
#overlay-country-select ul {
display: inline-block;
}
#overlay-country-select ul li {
display: inline-block;
list-style-type: none;
margin-right: 10px;
vertical-align: top;
width: 200px;
}
#overlay-country-select ul li ul {
margin-top: 5px;
margin-bottom: 0.7em;
}
#overlay-country-select ul li ul li {
display: inline-block;
min-height: 2em;
max-height: 4em;
line-height: 2em;
}
#overlay-country-select ul li ul li a {
color: #444444;
display: inline-block;
text-decoration: none;
padding-left: 13px;
position: relative;
}
#overlay-country-select ul li ul li a:hover {
color: #0082bb;
}
#overlay-country-select ul li ul li a:before {
background-position: -279px -464px;
content: "";
display: inline-block;
height: 12px;
left: 0;
padding-right: 8px;
top: 6px;
width: 5px;
position: absolute;
}
#overlay-country-select ul li ul li a:hover:before {
background-position: -292px -735px;
content: "";
display: inline-block;
height: 12px;
padding-right: 8px;
width: 5px;
}
#overlay-country-select ul li ul li.continent {
font-size: 1.364em;
margin-bottom: 0.5em;
}
/* Country - Select for mobile devices */
.mobile-country-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: none;
margin-top: 5px;
}
.mobile-country-select,
.mobile-country-select option {
font-size: 1.4em;
font-weight: lighter;
}
/*
html.android .bright {
color: @linkcolor !important;
background: none !important;
-webkit-text-fill-color: @linkcolor !important;
-webkit-background-clip: border-box !important;
}
*/
.text-green {
color: #00925b !important;
}
.countdown--wrapper {
background-position: 50% 50%;
background-size: cover;
position: relative;
margin-bottom: 34px;
min-height: 11vw;
}
.countdown--wrapper .countdown--filter {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
}
.countdown--wrapper .countdown--background {
width: 100%;
}
.countdown--wrapper .countdown {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
min-width: 100%;
margin: 0 auto;
max-width: 800px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
color: white;
text-shadow: black 0 0 7px;
}
.countdown--wrapper .countdown--col {
text-align: center;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box;
display: inline-block;
width: 25%;
}
.countdown--wrapper .countdown--value {
font-weight: bold;
font-size: 5vw;
}
.countdown--wrapper .countdown--label {
font-size: 3vw;
}
@media only screen and (max-width: 527px) {
.countdown--wrapper {
min-height: 50px;
}
.countdown--wrapper .countdown--value {
font-size: 26px;
}
.countdown--wrapper .countdown--label {
font-size: 16px;
}
}
@media only screen and (min-width: 1230px) {
.countdown--wrapper .countdown--value {
font-size: 62px;
}
.countdown--wrapper .countdown--label {
font-size: 37px;
}
}
.comment-form {
border-bottom: 1px solid #DADADA;
padding-bottom: 30px;
margin-bottom: 30px;
}
.comment-form h2 {
color: #0096d5;
}
.comment-form label {
font-size: 1.375rem;
line-height: 3em;
display: block;
}
.comment-form input:invalid,
.comment-form textarea:invalid {
background: white;
border: 1px solid #DADADA;
box-shadow: none;
outline: none;
}
.comment-form textarea,
.comment-form input[type=text],
.comment-form input[type=email] {
width: 100%;
border: 1px solid #DADADA;
padding: 0.5em;
font-weight: 100;
}
.comment-form textarea {
height: 150px;
}
.comment-form input[type=text],
.comment-form input[type=email] {
line-height: 2.5em;
height: 2.5em;
}
.comment-form span.more {
display: inline-block;
margin-bottom: 0;
}
.comment-form span.more:before {
pointer-events: none;
}
.comment-form input[type=submit] {
border: none;
background: none;
font-size: 1.375rem;
padding-left: 45px;
margin-left: -45px;
height: 2em;
}
.comment-form input[type=submit]:hover {
color: #0096d5;
}
.comment-form input[type=checkbox] {
vertical-align: text-top;
opacity: 0;
margin-right: 10px;
width: 30px;
height: 30px;
pointer-events: none;
}
.comment-form a {
color: #0096d5;
}
.comment-form .form-group.checkbox-group label {
line-height: 2em;
}
.comment-form .form-group.checkbox-group input {
position: absolute;
}
.comment-form .form-group.checkbox-group .checkbox:before {
content: ' ';
display: inline-block;
width: 30px;
height: 30px;
background: white;
border: 1px solid #DADADA;
text-align: center;
font-size: 25px;
vertical-align: middle;
line-height: 30px;
}
.comment-form .form-group.checkbox-group :checked + .checkbox:before {
content: '✓';
}
.comment-form .form-group.submit-row {
margin-top: 30px;
}
@media only screen and (min-width: 989px) {
.comment-form .form-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -15px;
}
.comment-form .form-row > div {
padding: 0 15px;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
}
.comment-form * {
box-sizing: border-box;
}
.comments h2 {
color: #0096d5;
}
.comments .comment h3 {
font-weight: bold!important;
}
.comments .comment p {
border-bottom: 1px solid #DADADA;
padding-bottom: 30px;
margin-bottom: 30px;
}
#content .search-box-input {
margin-bottom: 20px;
}
#content .search-box-output {
margin-bottom: 20px;
width: 738px;
}
#content .search-box-output .teaser,
#content .search-box-output .image {
float: left;
margin-right: 15px;
width: 231px;
}
#content .search-box-output .title {
background-color: #DADADA;
color: #444444;
/*
background: -moz-linear-gradient(top, rgba(211,211,211,0.9) 0%, rgba(211,211,211,1) 35%, rgba(211,211,211,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(211,211,211,0.9)), color-stop(35%,rgba(211,211,211,1)), color-stop(100%,rgba(211,211,211,1)));
background: -webkit-linear-gradient(top, rgba(211,211,211,0.9) 0%,rgba(211,211,211,1) 35%,rgba(211,211,211,1) 100%);
background: -ms-linear-gradient(top, rgba(211,211,211,0.9) 0%,rgba(211,211,211,1) 35%,rgba(211,211,211,1) 100%);
background: linear-gradient(to bottom, rgba(211,211,211,0.9) 0%,rgba(211,211,211,1) 35%,rgba(211,211,211,1) 100%);
*/
margin-top: 0;
height: 111px;
padding-bottom: 15px;
position: relative;
}
#content .search-box-output .title div {
height: 100%;
overflow: hidden;
}
#content .search-box-output .active .title div {
background-color: #DADADA;
border: 1px solid #0096d5;
height: auto;
left: 0;
position: absolute;
padding: 18px 14px 14px;
top: 0;
z-index: 7777;
}
#content .search-box-output .container {
width: 231px;
float: left;
margin: 0 15px 20px 0;
}
#content .search-box-output .quote {
float: left;
margin-right: 15px;
width: 191px;
}
#content .search-box-output .container .info {
float: none;
width: auto;
}
#content .search-box-output .container > .text {
float: none;
margin-left: auto;
width: auto;
}
#content .db-list-elem {
margin-bottom: 15px;
}
#content .db-list-elem a {
color: #444444;
text-decoration: none;
}
#content .db-list-elem h4 {
font-size: 1.2em;
margin: 0 0 6px 0;
}
#content .db-list-elem p {
margin: 0 0 6px 0;
}
#content .db-list-elem p.no-margin {
margin: 0;
}
#content .db-list-elem img {
float: left;
}
#content .db-list-elem .text {
margin-left: 115px;
margin-top: -5px;
}
/**
* START Dealerlocator - Vermittlersuche
**/
#dealerlocator .search {
margin-bottom: 20px;
position: relative;
}
.ie7 #dealerlocator .search {
z-index: 5;
}
#dealerlocator .search label {
display: block;
float: left;
margin-right: 10px;
position: relative;
width: 30%;
}
@media only screen and (max-width: 763px) {
#dealerlocator .search label {
float: none;
margin-bottom: 10px;
margin-right: 0;
width: auto;
}
}
#dealerlocator .search input {
background-color: #FFFFFF;
border: 1px solid #DADADA;
-moz-box-shadow: 1px 1px 4px 0 #DADADA inset;
-webkit-box-shadow: 1px 1px 4px 0 #DADADA inset;
box-shadow: 1px 1px 4px 0 #DADADA inset;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
font-size: 1.3em;
height: 1.8em;
/*line-height: 26px;*/
padding: 5px;
position: relative;
width: 100%;
}
@media only screen and (max-width: 763px) {
#dealerlocator .search input {
width: 100%;
}
}
.ie7 #dealerlocator .search input {
display: block;
width: 150px;
zoom: 1;
}
@media only screen and (max-width: 763px) {
.ie7 #dealerlocator .search input {
width: 95%;
}
}
#dealerlocator .search select {
background-color: #FFFFFF;
border: 1px solid #CECECE;
font-size: 0.857em;
height: 28px;
line-height: 26px;
padding: 0;
position: relative;
width: 95%;
}
@media only screen and (max-width: 763px) {
#dealerlocator .search select {
width: 100%;
}
}
.js #dealerlocator .search select {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
position: absolute;
right: 0;
}
#dealerlocator .search .js-select {
background-color: #FFFFFF;
background-position: right -456px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #c6d0d5;
cursor: pointer;
display: block;
line-height: 1.2;
padding: 5px 25px 4px 10px;
width: 100%;
}
#dealerlocator .search label span {
display: block;
font-size: 1.3em;
}
#dealerlocator .search .pac-container {
left: 0 !important;
top: 48px !important;
z-index: 10;
}
#dealerlocator .search .pac-container span {
display: inline;
}
#dealerlocator .search p {
float: left;
line-height: 2;
margin: 20px 15px 0;
}
#dealerlocator.routing .dest {
float: left;
margin-left: 15%;
margin-right: 10px;
width: 26%;
}
@media only screen and (max-width: 763px) {
#dealerlocator.routing .dest {
width: 45%;
}
}
#dealerlocator.routing .dest p {
float: none;
line-height: 1.4;
margin: 0;
font-size: 1.3em;
}
#dealerlocator .search button:hover {
color: rgba(255, 255, 255, 0.8);
}
.ie7 #dealerlocator .search button,
#dealerlocator .search button span {
width: 135px;
}
#dealerlocator.routing .search button {
background-position: 0 -1351px;
float: right;
}
#dealerlocator .map-wrapper {
clear: both;
float: left;
position: relative;
width: 65%;
}
@media only screen and (max-width: 763px) {
#dealerlocator .map-wrapper {
float: none;
margin-bottom: 15px;
width: 100%;
}
}
.ie7 #dealerlocator .map-wrapper {
z-index: 3;
}
#dealerlocator.routing .map-wrapper {
float: none;
margin-bottom: 10px;
width: auto;
}
#dealerlocator .legend {
clear: both;
}
#dealerlocator .legend p {
margin: 0;
padding: 20px 0 20px 45px;
}
#map {
height: 485px;
width: 100%;
}
@media only screen and (max-width: 763px) {
#map {
height: 400px;
width: 100%;
}
.no-js #map {
overflow: hidden;
position: relative;
}
}
.gm-style div,
.gm-style span,
.gm-style label,
.gm-style a {
font-family: Arial, sans-serif;
}
#map .controls {
padding-top: 10px;
padding-left: 10px;
}
#map .controls .zoom {
background-color: #00925b;
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
float: left;
font-size: 32px;
height: 26px;
line-height: 21px;
text-align: center;
width: 26px;
}
#map .controls .zoom.in {
line-height: 27px;
}
#map .controls .pane {
background-color: #00925b;
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 16px;
padding: 5px;
text-transform: uppercase;
text-align: center;
width: 70px;
}
#map .controls div:hover,
#map .controls .active {
background-color: #F0F0F0;
color: #444444;
}
@media only screen and (max-width: 763px) {
#map .controls div:hover {
background-color: #006633;
color: #FFFFFF;
}
}
#dealerresult {
float: left;
max-height: 530px;
margin-left: 1.2%;
overflow-y: scroll;
position: relative;
width: 33.8%;
}
#dealerresult .adp {
margin-top: -10px;
}
@media only screen and (max-width: 763px) {
#dealerresult {
height: auto;
margin-bottom: 30px;
margin-left: 0;
width: 100%;
}
}
.routing #dealerresult {
background-color: transparent;
float: none;
margin-left: 0;
margin-bottom: 15px;
width: auto;
}
#dealerresult h2 {
border-bottom: 2px solid #3B81A3;
color: #0096d5;
font-size: 1em;
margin: 0 0 10px;
}
#dealerresult p {
font-size: 0.875em;
margin: 0 10px;
}
#dealerresult > p {
color: #0096d5;
font-weight: bold;
}
#dealerresult .label {
color: #0096d5;
font-size: 0.785em;
margin: 0;
position: absolute;
right: 0;
top: 0.2em;
}
#dealerresult .list {
height: 465px;
list-style-type: none;
margin-top: -10px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
zoom: 1;
}
@media only screen and (max-width: 763px) {
#dealerresult .list {
height: auto;
overflow: auto;
}
}
.lte7 #dealerresult .list {
top: -10px;
}
#dealerresult .list li a {
border-bottom: 1px solid #006633;
color: #222222;
display: block;
font-size: 0.857em;
line-height: 1.4;
padding: 12px 66px 2px 10px;
position: relative;
text-decoration: none;
}
#dealerresult .list li.highlight a {
background-color: #DADADA;
}
#dealerresult .list li a:hover {
background-color: #DADADA;
}
#dealerresult .list li a:active,
#dealerresult .list li a.active {
background-color: #DADADA;
}
#dealerresult .list p {
display: block;
font-size: 1em;
margin: 0 0 5px;
}
#dealerresult .list .head {
color: #0096d5;
}
#dealerresult .list .distance {
font-weight: bold;
position: absolute;
right: 15px;
top: 2.8em;
}
#dealerlocator .buttons {
margin-bottom: 25px;
}
#dealerlocator .buttons a {
background-color: #444444;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
height: 23px;
line-height: 22px;
margin-right: 20px;
text-decoration: none;
text-align: center;
width: 135px;
font-size: 1.3em;
}
#dealerlocator .routingBackPrintButton a {
margin-left: 1px;
margin-right: 10px;
}
#dealerlocator .dealerlayer {
background-color: #FFFFFF;
-moz-box-shadow: 0 0 6px 1px #AAAAAA;
-webkit-box-shadow: 0 0 6px 1px #AAAAAA;
box-shadow: 0 0 6px 1px #AAAAAA;
font-size: 0.833em;
left: 50%;
position: absolute;
top: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 450px;
}
#dealerlocator .dealerlayer .head {
background-color: #F0F0F0;
padding: 10px;
}
#dealerlocator .dealerlayer .head p {
line-height: 1.5;
margin: 0;
}
#dealerlocator .dealerlayer .headline {
font-weight: bold;
margin-bottom: 1em;
}
#dealerlocator .dealerlayer .close {
background-position: -272px -596px;
cursor: pointer;
height: 22px;
position: absolute;
right: 10px;
top: 8px;
text-indent: -9999px;
width: 22px;
}
#dealerlocator .dealerlayer .options {
list-style-type: none;
position: absolute;
right: 50px;
top: 11px;
}
#dealerlocator .dealerlayer .options li {
float: left;
margin-left: 10px;
}
#dealerlocator .dealerlayer .options a {
color: #444444;
display: block;
line-height: 16px;
padding-left: 20px;
text-decoration: none;
}
#dealerlocator .dealerlayer .options a:hover,
#dealerlocator .dealerlayer .options a:active {
color: #222222;
}
#dealerlocator .dealerlayer .body {
padding: 10px;
}
#dealerlocator .dealerlayer .image {
float: left;
overflow: hidden;
width: 25%;
}
#dealerlocator .dealerlayer .contact {
background-color: #FFFFFF;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
padding: 0 10px;
width: 75%;
}
#dealerlocator .dealerlayer .body p {
line-height: 1.5;
margin: 0 0 1.3em;
}
#dealerlocator .dealerlayer .left {
display: inline-block;
width: 30%;
}
#dealerlocator .dealerlayer .right {
display: inline-block;
width: 68%;
}
#loading {
display: block;
height: 100%;
position: relative;
}
/**
* ENDE Dealerlocator - Vermittlersuche
**/
.medicinefinder .filter {
border: 1px solid #DADADA;
padding: 30px 20px 0;
}
.medicinefinder .filter .headline {
margin: 0;
font-size: 1.875rem;
}
.medicinefinder .filter .search {
margin-bottom: 30px;
}
.medicinefinder .filter .search .search-fields {
margin-top: 25px;
position: relative;
}
.medicinefinder .filter .search .search-fields span {
width: 100%;
}
.medicinefinder .filter .search .search-fields input[type='text'] {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
font-size: 1.375rem;
font-weight: 100;
height: 45px;
position: relative;
width: 100%;
padding: 0 60px 0 10px;
}
.medicinefinder .filter .search .search-fields input[type='submit'] {
background: url('../img/layout/sprite.png') 10px -32px no-repeat transparent;
border: 0 none;
color: transparent;
display: block;
font-size: 1.8em;
line-height: 18px;
padding: 0;
position: absolute;
right: 0;
opacity: 0.3;
top: 0;
height: 45px;
width: 50px;
}
.medicinefinder .filter .search .search-fields .ui-menu {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 1px solid #DADADA;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
max-height: 350px;
max-width: 100%;
overflow-y: auto;
width: 100%;
position: absolute;
top: 50px;
z-index: 99999;
}
.medicinefinder .filter .search .search-fields .ui-menu .ui-menu-item {
cursor: pointer;
list-style: none;
padding: 10px;
background: #FFFFFF;
font-size: 1.2em;
}
.medicinefinder .filter .search .search-fields .ui-menu .ui-menu-item:hover {
background: #F7F7F7;
}
.medicinefinder .filter .alphabetical {
margin-bottom: 30px;
}
.medicinefinder .filter .alphabetical .chars {
margin-top: 15px;
}
.medicinefinder .filter .alphabetical .chars ul {
list-style: none;
}
.medicinefinder .filter .alphabetical .chars ul li {
cursor: pointer;
float: left;
margin: 10px 10px 0 0;
font-size: 1.375rem;
border: 1px solid #DADADA;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: block;
width: 32px;
height: 32px;
text-align: center;
}
.medicinefinder .filter .alphabetical .chars ul li:last-of-type {
margin-right: 0;
}
.medicinefinder .filter .alphabetical .chars ul li:hover,
.medicinefinder .filter .alphabetical .chars ul li.active {
color: #0096d5;
border: 1px solid #0096d5;
}
.medicinefinder .filter .categories {
margin-bottom: 30px;
}
.medicinefinder .filter .categories .categorie {
margin-top: 25px;
}
.medicinefinder .filter .categories .categorie ul {
list-style: none;
}
.medicinefinder .filter .categories .categorie ul li {
cursor: pointer;
float: left;
margin: 0 15px 15px 0;
position: relative;
font-size: 1.375rem;
border: 1px solid #DADADA;
line-height: 1;
padding: 10px 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
text-align: center;
}
.medicinefinder .filter .categories .categorie ul li:last-of-type {
margin-right: 0;
}
.medicinefinder .filter .categories .categorie ul li:hover {
color: #0096d5;
border: 1px solid #0096d5;
}
.medicinefinder .filter .categories .categorie ul li.active {
color: #0096d5;
border: 1px solid #0096d5;
/*
&:before {
content: 'x';
width: 23px;
height: 23px;
position: absolute;
color: @highlightcolor;
border: 1px solid @highlightcolor;
background: @lightColor;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: -8px;
left: -8px;
text-align: center;
font-size: 16px;
line-height: 23px;
}
*/
}
.medicinefinder .filter.two-cols {
padding: 30px 20px;
}
.medicinefinder .filter.two-cols .left {
width: 50%;
float: left;
padding-right: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 989px) {
.medicinefinder .filter.two-cols .left {
width: 100%;
padding: 0;
margin-bottom: 30px;
}
}
.medicinefinder .filter.two-cols .left > div:last-of-type {
margin-bottom: 0;
}
.medicinefinder .filter.two-cols .right {
border-left: 1px solid #DADADA;
width: 50%;
float: left;
padding-left: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media only screen and (max-width: 989px) {
.medicinefinder .filter.two-cols .right {
border-left: 0;
width: 100%;
padding: 0;
}
}
.medicinefinder .filter.two-cols .right > div:last-of-type {
margin-bottom: 0;
}
.medicinefinder .btn-set {
margin: 30px 20px;
}
.medicinefinder .btn-set a {
margin-right: 30px;
}
.medicinefinder .btn-set a:hover {
color: #0096d5;
}
.medicinefinder .btn-set a:last-of-type {
margin-right: 0;
}
.medicinefinder .medicinefinder-result .products {
margin-right: -2%;
}
.medicinefinder .medicinefinder-result .products .product-teaser {
float: left;
margin: 0 2% 2% 0;
width: 23%;
border: 1px solid #DADADA;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
@media only screen and (max-width: 989px) {
.medicinefinder .medicinefinder-result .products .product-teaser {
width: 48%;
}
}
@media only screen and (max-width: 527px) {
.medicinefinder .medicinefinder-result .products .product-teaser {
width: 100%;
margin: 0 0 20px;
}
}
.medicinefinder .medicinefinder-result .products .product-teaser a,
.medicinefinder .medicinefinder-result .products .product-teaser > div {
display: block;
}
.medicinefinder .medicinefinder-result .products .product-teaser a img,
.medicinefinder .medicinefinder-result .products .product-teaser > div img {
height: auto;
width: 100%;
}
.medicinefinder .medicinefinder-result .products .product-teaser a:hover + .content .headline,
.medicinefinder .medicinefinder-result .products .product-teaser > div:hover + .content .headline {
color: #0096d5;
}
.medicinefinder .medicinefinder-result .products .product-teaser .content {
margin: 0;
padding: 20px 20px 55px;
position: relative;
}
.medicinefinder .medicinefinder-result .products .product-teaser .content .headline {
font-size: 1.375rem;
margin: 0 0 20px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.medicinefinder .medicinefinder-result .products .product-teaser .content .required-link {
cursor: pointer;
margin: 0 0 20px;
font-size: 16px;
text-decoration: underline !important;
}
.medicinefinder .medicinefinder-result .products .product-teaser .content .big-icon-download {
font-size: 16px;
width: auto !important;
position: absolute;
bottom: 20px;
left: 20px;
}
.medicinefinder .medicinefinder-result .products .product-teaser .content .more {
font-size: 16px;
position: absolute;
bottom: 20px;
left: 20px;
margin: 0;
}
.medicinefinder .medicinefinder-result .products-result {
display: none;
}
.medicinefinder .medicinefinder-result .products-result .count {
color: #A5A5A5;
font-size: 16px;
margin: 25px 0;
}
.medicinefinder .medicinefinder-result .no-result {
display: none;
}
.medicinefinder .medicinefinder-result .no-result p {
display: none;
}
.medicinefinder .medicinefinder-result .pagination {
text-align: center;
margin: 10px 0 60px;
}
.medicinefinder .medicinefinder-result .pagination span {
color: #A5A5A5;
cursor: pointer;
font-size: 16px;
margin: 0 10px;
}
@media only screen and (max-width: 527px) {
.medicinefinder .medicinefinder-result .pagination span {
margin: 0 6px;
}
}
.medicinefinder .medicinefinder-result .pagination span:hover,
.medicinefinder .medicinefinder-result .pagination span.active {
color: #0096d5;
}
.medicinefinder .medicinefinder-result .pagination span.arrow-prev {
display: inline-block;
height: 22px;
width: 22px;
vertical-align: bottom;
margin: 0;
}
.medicinefinder .medicinefinder-result .pagination span.arrow-prev:before {
content: '';
background: url('../img/layout/sprite.png') 5px -1779px no-repeat transparent;
display: inline-block;
float: left;
height: 22px;
width: 22px;
}
.medicinefinder .medicinefinder-result .pagination span.arrow-prev:hover:before {
background-position: -55px -1779px;
}
.medicinefinder .medicinefinder-result .pagination span.arrow-next {
display: inline-block;
height: 22px;
width: 22px;
vertical-align: bottom;
margin: 0;
}
.medicinefinder .medicinefinder-result .pagination span.arrow-next:before {
content: '';
background: url('../img/layout/sprite.png') -25px -1779px no-repeat transparent;
display: inline-block;
float: left;
height: 22px;
width: 22px;
}
.medicinefinder .medicinefinder-result .pagination span.arrow-next:hover:before {
background-position: -85px -1779px;
}
.event-teaser {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
position: relative;
height: 100%;
overflow: hidden;
width: 100%;
width: calc(100% - 2px);
}
.event-teaser .date {
position: absolute;
background-color: #FFFFFF;
border: 1px solid #9f9d9b;
right: 20px;
top: 20px;
z-index: 1;
}
.event-teaser .date p {
margin: 0;
text-align: center;
line-height: 1;
}
.event-teaser .date p.month {
font-size: 16px;
text-transform: uppercase;
padding: 7px 0;
color: #FFFFFF;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
background: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
background: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9cb00', endColorstr='#0096d5', GradientType=1);
}
.event-teaser .date p.day {
padding: 6px 12px;
font-size: 24px;
}
.event-teaser .location {
background-color: #FFFFFF;
margin: 0;
padding: 10px 90px 10px 20px;
font-size: 22px;
text-align: left !important;
}
.event-teaser .img {
margin-bottom: 0 !important;
}
.event-teaser .title {
padding: 19px 15px 15px !important;
min-height: 124px;
}
.event-teaser .title .headline {
margin-bottom: 20px !important;
}
.event-teaser .title .text {
margin-top: 0;
}
.event-teaser .title .link-list {
*zoom: 1;
}
.event-teaser .title .link-list a {
float: left;
width: auto !important;
line-height: 35px;
font-size: 16px;
padding-left: 28px;
margin-right: 20px;
margin-bottom: 5px;
position: relative;
}
.event-teaser .title .link-list a:before {
background: url('../img/layout/sprite.png') -3px -1641px no-repeat transparent;
content: '';
width: 21px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
left: 0;
}
.event-teaser .title .link-list a:hover:before {
background-position: -3px -1618px;
}
.event-teaser .title .link-list a.locked:before {
background-position: -3px -1595px;
}
.event-teaser .title .link-list a.locked:hover:before {
background-position: -3px -1572px;
}
.events-slider-container {
position: relative;
margin-bottom: 30px;
}
.two-col .events-slider-container {
padding-left: 24px;
}
@media only screen and (max-width: 989px) {
.two-col .events-slider-container {
padding-left: 0;
}
}
.events-slider-container .events-slider {
margin-right: -20px;
}
.events-slider-container .slide-wrapper .item {
float: left;
margin-right: 20px;
overflow: hidden;
}
.events-slider-container .slide-wrapper .item .content .product-text h3 {
font-size: 2em;
}
.events-slider-container .slide-wrapper .item .content .product-text p {
width: auto;
max-height: 30px;
}
.events-slider-container .slide-wrapper .item .image {
margin-bottom: 0 !important;
border: none !important;
height: 100%;
}
.events-slider-container .slide-wrapper .item .image > a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
}
.green .events-slider-container .slide-wrapper .item .image > a {
border: 1px solid #00925b;
}
.events-slider-container .slide-wrapper .item .image > a:hover {
border: 1px solid #0096d5;
}
.events-slider-container .slide-wrapper .item .image > a:hover * {
color: #0096d5;
}
.events-slider-container .slide-wrapper .item .title {
position: relative;
}
.events-slider-container .slide-wrapper .item .title .headline {
margin-bottom: 10px;
padding-right: 96px;
}
.events-slider-container .slide-wrapper .content {
text-align: center;
border: 1px solid #DADADA;
position: relative;
}
.events-slider-container .slide-wrapper .content img {
border: none !important;
height: 100%;
position: relative;
width: 100%;
z-index: 10;
}
.events-slider-container .slide-wrapper .content .product-text {
left: 45%;
bottom: 5px;
position: absolute;
text-align: left;
width: 55%;
z-index: 20;
}
@media only screen and (max-width: 527px) {
.events-slider-container .slide-wrapper .content .product-text {
left: 40%;
width: 55%;
}
}
.events-slider-container .slide-wrapper .content .product-text h3 {
font-size: 2.5em;
margin-bottom: 7px;
display: inline-block;
margin-top: 0;
}
.events-slider-container .slide-wrapper .content .product-text p {
max-height: 65px;
overflow-y: hidden;
width: 215px;
}
@media only screen and (max-width: 527px) {
.events-slider-container .slide-wrapper .content .product-text p {
max-height: 54px;
}
}
.events-slider-container .controls {
width: auto;
position: absolute;
right: 0;
bottom: 24px;
}
.events-slider-container .controls .prev > span,
.events-slider-container .controls .next > span {
display: none;
}
.slide-wrapper-full .event-teaser .date p.month {
font-size: 16px;
}
.slide-wrapper-full .event-teaser .date p.day {
font-size: 47px;
min-width: 60px;
}
.slide-wrapper-full .event-teaser .link-list {
z-index: 999;
}
.slide-wrapper-full .event-teaser .link-list a {
z-index: 999;
}
@media only screen and (min-width: 989px) {
.slide-wrapper-full .event-teaser .link-list a {
padding-left: 45px;
margin-right: 30px;
}
.slide-wrapper-full .event-teaser .link-list a:before {
background: url('../img/layout/sprite.png') -266px -1698px no-repeat transparent;
content: "";
display: block;
height: 35px;
left: 0;
margin-top: -17px;
position: absolute;
top: 50%;
width: 35px;
}
.slide-wrapper-full .event-teaser .link-list a:hover:before {
background-position: -220px -1698px;
}
.slide-wrapper-full .event-teaser .link-list a.locked:before {
background-position: -266px -1541px;
}
.slide-wrapper-full .event-teaser .link-list a.locked:hover:before {
background-position: -218px -1541px;
}
}
.event-overview-wrapper .event-overview {
border: 1px solid #DADADA;
padding: 20px;
position: relative;
margin: 50px 0;
}
.event-overview-wrapper .event-overview:first-of-type {
margin-top: 0;
}
.event-overview-wrapper .event-overview .year {
font-size: 22px;
position: absolute;
right: 20px;
top: 20px;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(95%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* Chrome10+,Safari5.1+ */
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
color: #00925B;
opacity: 1;
}
.event-overview-wrapper .event-overview .date {
background-color: #FFFFFF;
border: 1px solid #9f9d9b;
float: left;
margin-right: 30px;
margin-bottom: 10px;
width: 90px;
}
@media only screen and (max-width: 527px) {
.event-overview-wrapper .event-overview .date {
float: none;
}
}
.event-overview-wrapper .event-overview .date p {
margin: 0;
text-align: center;
line-height: 1;
}
.event-overview-wrapper .event-overview .date p.month {
font-size: 20px;
padding: 7px 0;
color: #FFFFFF;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
background: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
background: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9cb00', endColorstr='#0096d5', GradientType=1);
}
@media only screen and (max-width: 527px) {
.event-overview-wrapper .event-overview .date p.month {
font-size: 18px;
}
}
.event-overview-wrapper .event-overview .date p.day {
padding: 10px 20px;
font-size: 47px;
}
@media only screen and (max-width: 527px) {
.event-overview-wrapper .event-overview .date p.day {
padding: 10px;
font-size: 30px;
}
}
.event-overview-wrapper .event-overview .info {
display: block;
width: calc(100% - 130px);
float: left;
}
@media only screen and (max-width: 527px) {
.event-overview-wrapper .event-overview .info {
width: 100%;
float: none;
}
}
.event-overview-wrapper .event-overview .info .location {
font-size: 22px;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 527px) {
.event-overview-wrapper .event-overview .info .location {
font-size: 18px;
}
}
.event-overview-wrapper .event-overview .info .headline {
font-size: 30px;
margin: 15px 0 20px;
}
@media only screen and (max-width: 527px) {
.event-overview-wrapper .event-overview .info .headline {
font-size: 24px;
margin-top: 10px;
}
}
.event-overview-wrapper .event-overview .info a {
display: block;
position: relative;
font-size: 16px;
padding-left: 45px;
}
.event-overview-wrapper .event-overview .info a:before {
background: url('../img/layout/sprite.png') -266px -1698px no-repeat transparent;
width: 36px;
height: 36px;
content: '';
margin-top: -17px;
position: absolute;
top: 50%;
left: 0;
}
.event-overview-wrapper .event-overview .info a:hover:before {
background-position: -220px -1698px;
}
.event-overview-wrapper .event-overview .info a.locked:before {
background-position: -266px -1541px;
}
.event-overview-wrapper .event-overview .info a.locked:hover:before {
background-position: -218px -1541px;
}
.event-overview-wrapper .hr {
display: block;
border-top: 1px solid #DADADA;
}
.event-overview-wrapper .hr:last-of-type {
display: none;
}
html.android .event-overview-wrapper .event-overview .year {
color: #444444 !important;
background: none !important;
-webkit-text-fill-color: #444444 !important;
-webkit-background-clip: border-box !important;
}
/**
* Stage
*/
#stage {
clear: both;
height: 100%;
margin: 0 auto 22px;
max-height: 316px;
max-width: 1230px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
}
@media only screen and (max-width: 989px) {
#stage {
display: none;
}
}
@media only screen and (max-width: 527px) {
#stage {
margin: 0 auto;
}
}
#stage img {
display: block;
float: left;
max-width: 100%;
position: relative;
}
@media only screen and (max-width: 763px) {
#stage img {
float: none;
}
}
#stage .stage-wrapper {
display: block;
max-height: 100%;
max-width: 1230px;
}
@media only screen and (max-width: 1230px) {
#stage .stage-wrapper {
padding: 0 18px 0 15px;
}
}
@media only screen and (max-width: 527px) {
#stage .stage-wrapper {
margin: 0 auto;
max-width: 89%;
}
}
.home #stage .prev {
background-position: -120px -1780px;
cursor: pointer;
display: block !important;
height: 20px;
left: -33px;
position: absolute;
text-indent: -9999px;
bottom: -2px;
width: 15px;
/*
@media only screen and (max-width: 772px) {
background-position: -190px -1591px;
}*/
}
.home #stage .prev:hover {
background-position: -59px -1780px;
}
#stage .stage-wrapper .prev {
display: none !important;
}
.home #stage .next {
background-position: -150px -1780px;
cursor: pointer;
display: block !important;
height: 20px;
right: -37px;
position: absolute;
text-indent: -9999px;
bottom: -2px;
width: 15px;
/*
@media only screen and (max-width: 772px) {
background-position: -153px -1588px;
}*/
}
.home #stage .next:hover {
background-position: -92px -1780px;
}
#stage .stage-wrapper .next {
display: none !important;
}
#stage .slide {
border: 1px solid #DADADA;
display: block;
float: left;
height: 314px;
max-width: 1230px;
position: relative;
width: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 527px) {
#stage .slide {
margin-bottom: 20px;
}
}
#stage .slide > img {
width: 100%;
height: 100%;
}
#stage .slide a.more-button {
border: 1px solid #b8b7b5;
color: #444444;
padding: 5px 29px 8px 46px;
}
#stage .slide a.more-button:hover {
color: #0096d5;
}
#stage .slide a.more-button:before {
left: 29px;
}
#stage .nav {
bottom: 20px;
display: block;
left: 1%;
overflow: visible;
position: absolute;
z-index: 5;
}
.home #stage .nav {
bottom: 13px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#stage .nav li {
cursor: pointer;
border-radius: 14px;
border: 2px solid #FFFFFF;
display: block;
float: left;
height: 12px;
margin-left: 5px;
text-indent: -9999px;
width: 12px;
/*
@media only screen and (max-width: 772px) {
border: 1px solid #D9D9D9;
}*/
}
#stage .nav li:first-child {
margin-left: 0;
}
#stage .nav li:hover {
border-color: #0096d5;
}
#stage .nav li.selected {
background-color: #FFFFFF;
}
#stage .nav li.selected:hover {
background-color: #0096d5;
}
#stage .picteaser {
background-color: #DADADA;
}
#stage .picteaser.alt-bg {
background-color: #DADADA;
color: #444444;
}
#stage .slide-wrapper {
display: block;
max-height: 100%;
width: 100%;
}
#stage .slide-wrapper .product-info {
background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#66ffffff', GradientType=1);
bottom: auto;
display: block;
padding: 20px 10px 10px 20px;
position: absolute;
right: 50px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 989px) {
#stage .slide-wrapper .product-info {
display: block;
padding: 20px 5.5% 20px 5.5%;
position: relative;
right: auto;
top: auto;
width: auto !important;
-ms-transform: none;
-webkit-transform: none;
transform: none;
}
}
@media only screen and (max-width: 989px) {
#stage .slide-wrapper .product-info {
width: 45%;
}
}
#stage .slide-wrapper .product-info img {
float: left;
margin-right: 10px;
}
@media only screen and (max-width: 527px) {
#stage .slide-wrapper .product-info img {
float: none;
margin-top: 0;
width: auto;
}
}
@media only screen and (max-width: 989px) {
#stage .slide-wrapper .product-info img {
margin-right: 20px;
}
}
#stage .slide-wrapper .product-text {
display: block;
float: right;
overflow: hidden;
padding-right: 10px;
width: 350px;
}
@media only screen and (max-width: 772px) {
#stage .slide-wrapper .product-text {
float: left;
width: 75%;
}
}
@media only screen and (max-width: 989px) {
#stage .slide-wrapper .product-text {
width: 75%;
}
}
@media only screen and (max-width: 527px) {
#stage .slide-wrapper .product-text {
float: none;
width: 100%;
}
}
#stage .slide-wrapper .product-text h3 {
display: inline-block;
font-weight: normal;
font-size: 3em;
margin-bottom: 10px;
margin-top: 0;
line-height: 45px;
}
@media only screen and (max-width: 989px) {
#stage .slide-wrapper .product-text h3 {
display: block;
}
}
@media only screen and (max-width: 772px) {
#stage .slide-wrapper .product-text h3 {
margin-top: 0;
}
}
#stage .slide-wrapper .product-text p {
margin-top: 15px;
}
#stage .picteaser .text {
color: #222222;
float: left;
padding: 20px;
position: relative;
width: 290px;
}
#stage .picteaser.alt-bg .text {
color: #444444;
}
#stage .picteaser h2 {
font-size: 1.4em;
font-weight: normal;
margin: 0 0 13px;
}
#stage .picteaser p {
font-size: 0.928em;
margin: 0 0 7px;
}
#stage .picteaser.alt-bg .more {
color: #444444;
}
#stage .picteaser .more:hover,
#stage .picteaser .more:active,
#stage .picteaser .more:focus {
color: #0096d5;
}
#stage .picteaser img {
float: right;
width: 639px;
}
#stage .hotspot {
position: relative;
}
#stage .hotspot > img {
height: auto;
width: 100%;
position: absolute;
bottom: 0;
}
#stage .hotspot .spot {
position: absolute;
}
#stage .hotspot .label {
background: url("../img/content/event_bright.png") no-repeat;
background-size: 120%;
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 2em;
height: 35px;
text-align: center;
text-decoration: none;
width: 35px;
line-height: 33px;
}
#stage .hotspot .teaser {
background-image: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 100%);
background-image: -o-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 100%);
background-image: -ms-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 100%);
background-image: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.7) 100%);
color: #222222;
display: none;
left: 45px;
padding: 25px;
position: relative;
top: -55px;
width: 265px;
z-index: 100;
}
.no-js #stage .hotspot .spot:hover .teaser {
display: block;
}
#stage .hotspot .teaser p {
font-size: 1.4em;
margin: 0 0 7px;
}
#stage .hotspot .teaser .headline {
font-size: 1.7em;
margin: 0 0 18px;
}
#stage .hotspot .teaser .more {
color: #222222;
cursor: pointer;
display: inline-block;
font-size: 1.4em;
margin: 8px 0 0 8px;
position: relative;
padding-left: 45px;
padding-top: 0;
text-decoration: none;
line-height: 35px;
}
#stage .hotspot .teaser .more:before {
background-position: -266px -1698px;
content: "";
display: block;
height: 35px;
position: absolute;
top: 0;
margin: 0;
}
#stage .hotspot .teaser .more:hover,
#stage .hotspot .teaser .more:active,
#stage .hotspot .teaser .more:focus {
color: #0096d5;
text-decoration: none;
}
#stage .hotspot .teaser .more:hover:before,
#stage .hotspot .teaser .more:active:before,
#stage .hotspot .teaser .more:focus:before {
background-position: -220px -1698px;
}
#stage .hotspot .hotspots {
float: right;
position: relative;
width: 639px;
}
#stage .triple {
background-color: #DADADA;
}
#stage .triple .teaser {
float: left;
height: 286px;
margin: 15px 0.9% 15px 0;
overflow: hidden;
position: relative;
width: 231px;
}
#stage .triple .teaser:first-child {
margin-left: 1%;
}
#stage .triple .teaser img {
min-height: 193px;
min-width: 100%;
}
#stage .triple .title {
background-color: #FFFFFF;
border: 1px solid #DADADA;
bottom: 0;
color: #222222;
font-size: 1em;
line-height: 1.3;
padding: 20px 15px;
position: absolute;
width: 201px;
}
#stage .triple .title strong {
display: block;
font-weight: bold;
}
#stage .mediathek .navi {
float: left;
height: 216px;
padding: 35px 1% 65px;
position: relative;
width: 30%;
}
#stage .mediathek .prev-media,
#stage .mediathek .next-media {
cursor: pointer;
display: block !important;
height: 20px;
position: absolute;
text-indent: -9999px;
width: 300px;
}
#stage .mediathek .prev-media {
background-position: 128px -557px;
top: 15px;
}
#stage .mediathek .next-media {
background-position: 128px -535px;
bottom: 35px;
}
.no-js #stage .mediathek .prev-media,
.no-js #stage .mediathek .next-media {
display: none;
}
#stage .mediathek .wrapper {
height: 215px;
margin: 5px 0;
overflow: hidden;
}
#stage .mediathek .wrapper li {
color: #444444;
height: 49px;
list-style-type: none;
margin-top: 5px;
padding: 10px;
position: relative;
}
#stage .mediathek .wrapper li:first-child {
margin: 0;
}
#stage .mediathek .wrapper li.active,
#stage .mediathek .wrapper li:hover {
background-color: #DADADA;
color: #000000;
}
.js #stage .mediathek .wrapper li {
cursor: pointer;
}
#stage .mediathek .wrapper img.thumb {
float: left;
max-width: 28%;
}
#stage .mediathek .wrapper .count {
background-color: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
font-size: 0.857em;
left: 55px;
line-height: 18px;
margin: 0;
position: absolute;
text-align: center;
top: 30px;
width: 35px;
}
#stage .mediathek .wrapper .txt {
float: left;
font-size: 0.857em;
margin: -4px 0 0 2%;
width: 70%;
}
#stage .mediathek .wrapper .txt strong {
display: block;
font-size: 1.072em;
font-weight: normal;
margin-bottom: 4px;
}
#stage .mediathek .list {
float: left;
height: 100%;
list-style-type: none;
position: relative;
width: 68%;
}
#stage .mediathek .list li {
display: none;
height: 316px;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
#stage .mediathek .list li.active {
display: block;
}
.no-js #stage .mediathek .list li:first-child {
display: block;
}
#stage .mediathek [id*="_wrapper"] {
margin: 0 auto;
max-width: 600px;
position: relative;
padding: 0;
width: 100%;
}
#stage .mediathek object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#stage .videostage {
background-color: #DADADA;
}
#stage .videostage .text {
color: #222222;
float: left;
padding: 20px;
position: relative;
width: 290px;
}
#stage .videostage .text a {
color: #222222;
display: block;
text-decoration: none;
}
#stage .videostage h2 {
font-size: 1.4em;
font-weight: normal;
margin: 0 0 13px;
}
#stage .videostage p {
font-size: 0.928em;
margin: 0 0 7px;
}
#stage .videostage .more {
color: #222222;
cursor: pointer;
font-size: 0.857em;
margin: 20px 0 0;
text-decoration: none;
}
#stage .videostage .more:hover,
#stage .videostage .more:active,
#stage .videostage .more:focus {
color: #efefef;
}
#stage .videostage .video {
float: right;
}
#stage .videostage [id*="_wrapper"] {
float: right;
max-width: 600px;
position: relative;
padding: 0;
width: 100%;
}
#stage .videostage object {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#stage .videostage video {
height: 100%;
position: relative;
width: 100%;
}
#stage .video .play {
background-position: -215px -96px;
cursor: pointer;
height: 40px;
left: 50%;
margin-top: -20px;
margin-left: -20px;
position: absolute;
top: 50%;
width: 40px;
z-index: 5;
}
/**
* ENDE Stage
*/
/**
* Homepage
*/
.home #stage {
display: block;
max-height: 600px;
height: 100%;
overflow: visible;
/*
@media only screen and (max-width: @breakMobile) {
display: block;
}
@media only screen and (max-width: @breakMiddle) {
display: none;
}*/
}
.home #stage.containsAnimation {
max-height: 100%;
}
.home #stage .slide {
height: auto;
}
.home #stage img {
display: block;
float: left;
height: auto;
max-width: 100%;
position: relative;
}
@media only screen and (max-width: 989px) {
.home #stage img {
float: none;
}
}
.home #content {
margin-top: 0;
}
@media only screen and (max-width: 989px) {
.home #content {
margin-left: auto;
margin-right: auto;
width: 738px;
}
}
@media only screen and (max-width: 772px) {
.home #content {
width: 90%;
}
}
@media only screen and (max-width: 281px) {
.home #content {
width: 100%;
}
}
@media only screen and (max-width: 1230px) {
.home #content h1,
.home #content h2,
.home #content h3 {
font-size: 3em;
}
}
.home #main {
float: none;
margin-right: 0;
position: relative;
width: auto;
}
@media only screen and (max-width: 989px) {
.home #main {
margin: 0 auto 30px;
width: 100%;
}
}
.home #main > div.event,
.home #main > div.textteaser,
.home #main > div.welcome {
position: relative;
}
.home #main > div.event .more,
.home #main > div.textteaser .more,
.home #main > div.welcome .more {
bottom: 16px;
color: #444444;
margin-left: 22px;
position: absolute;
right: 15px;
}
.home #main > div.event .more:hover,
.home #main > div.textteaser .more:hover,
.home #main > div.welcome .more:hover {
color: #0096d5;
}
.home #main > div.welcome .more {
bottom: auto;
margin-left: 0;
right: auto;
position: relative;
}
.home #main > div.event .more:before {
bottom: -5px;
left: -22px;
}
.ie7 .home #main > div {
height: 191px;
}
.ie7 .home #main .quote {
width: 191px;
}
.ie7 .home #main .linklist,
.ie7 .home #main .highlight,
.ie7 .home #main .event,
.ie7 .home #main .singlejob {
width: 201px;
}
.home #main > .big {
position: relative;
}
@media only screen and (max-width: 527px) {
.home #main > .big {
height: auto;
}
}
.home #main .image a {
height: 100%;
width: 100%;
}
.home #main .image .zooming {
height: 47px;
width: 47px;
}
.home #main .image img {
height: auto;
width: 100%;
}
/*
.home #main .image .title {
bottom: 0;
left: 0;
position: absolute;
right: 0;
}
*/
.home #main .image .title p {
margin: 0;
}
.home #main .quote .blockquote:before {
margin-left: 10px;
}
.home #main .highlight h3 {
margin-bottom: 2px;
}
.home #main .highlight p.date {
margin-bottom: 1px;
}
.home #main .highlight img {
margin-bottom: 5px;
max-height: 70px;
}
.home #main .highlight a p.more {
margin-bottom: 0;
}
.home #main .event h3 {
margin-bottom: 10px;
}
.home #main .event.dark h3,
.home #main .event.color h3 {
margin-bottom: 15px;
}
.home #main .video {
background-color: #999999;
}
@media only screen and (max-width: 527px) {
.home #main .video.big video {
height: auto;
max-width: 100%;
}
}
.home #main .video img {
max-height: 100%;
max-width: 100%;
}
.home #content .teaser {
float: none;
}
.home #content .teaser-grid .teaser {
float: left;
}
.home #content .container .teaser {
border: 1px solid #DADADA;
float: left;
margin-left: 0;
width: 47.5954%;
}
@media only screen and (max-width: 1230px) {
.home #content .container .teaser {
width: 46.9867%;
}
}
@media only screen and (max-width: 989px) {
.home #content .container .teaser {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 763px) {
.home #content .container .teaser {
margin: 0 auto 30px;
width: 48%;
}
}
@media only screen and (max-width: 527px) {
.home #content .container .teaser {
float: none;
margin: 0 auto 30px;
width: 100%;
}
}
@media only screen and (max-width: 400px) {
.home #content .container .teaser {
width: 100%;
}
}
.home #content #main .container.news > div {
float: left;
margin-left: 2.0325%;
width: 48.9840%;
}
@media only screen and (max-width: 1230px) {
.home #content #main .container.news > div {
margin-left: 10px;
width: 48.2643%;
}
}
@media only screen and (max-width: 989px) {
.home #content #main .container.news > div {
margin: 0 auto;
margin-left: auto;
}
}
@media only screen and (max-width: 763px) {
.home #content #main .container.news > div {
margin: 0 auto;
}
}
.home #content #main .container.news > div.eventoverview {
border-bottom: 1px solid #DADADA;
border-top: 1px solid #DADADA;
float: left;
padding: 7px 0 21px;
width: 48.9840%;
margin-left: 0;
}
@media only screen and (max-width: 1230px) {
.home #content #main .container.news > div.eventoverview {
border: none;
margin-left: 10px;
}
}
@media only screen and (max-width: 989px) {
.home #content #main .container.news > div.eventoverview {
margin: 0 auto;
width: 100%;
}
}
@media only screen and (max-width: 763px) {
.home #content #main .container.news > div.eventoverview {
margin-bottom: 30px;
}
}
.home #content #main .container.news > div.eventoverview h3 {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background: linear-gradient(to left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #00925B;
}
@media only screen and (max-width: 989px) {
.home #content #main .container.news > div {
margin-bottom: 20px;
width: 100%;
}
}
.home #content #main .container.news .teaser:first-child {
margin-right: 4.0014%;
}
@media only screen and (max-width: 763px) {
.home #content #main .container.news .teaser:first-child {
margin-right: 2%;
}
}
@media only screen and (max-width: 527px) {
.home #content #main .container.news .teaser:first-child {
margin-right: auto;
}
}
.home #content .teaser a {
color: #222222;
text-decoration: none;
}
.home #content .teaser .title {
padding: 0 11px;
}
.home #content .container .teaser img {
display: block;
float: none;
height: auto;
margin-bottom: 17px;
margin-right: 0;
max-width: 100%;
width: 100%;
}
.home #aside {
float: none;
margin-left: -7px;
margin-right: -8px;
padding: 0;
width: auto;
}
@media only screen and (max-width: 989px) {
.home #aside {
display: none;
}
}
.home #aside > div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 0 8px 15px 7px !important;
position: relative;
width: 231px !important;
}
@media only screen and (max-width: 989px) {
#hometeaser {
display: none;
}
.iem7 .home #main .event,
.iem7 .home #main .linklist,
.iem7 .home #main .highlight {
height: 199px;
width: 201px;
}
.iem7 .home #main .quote {
height: 191px;
width: 191px;
}
.iem7 .home #main .singlejob {
background-position: 7px 8px;
background-color: transparent;
height: 199px;
margin-left: 0;
margin-right: 0;
padding-left: 22px;
padding-right: 23px;
width: 201px;
}
.iem7 .home #main .image {
margin-left: 0;
margin-right: 0;
padding-left: 7px;
padding-right: 8px;
}
.iem7 .home #main .image img {
position: relative;
zoom: 1;
}
.iem7 .home #main .image .title {
left: 7px;
right: 8px;
z-index: 5;
zoom: 1;
}
}
/**
* ENDE Homepage
*/
#main .formular {
font-size: 0.928em;
margin: 50px 0;
position: relative;
}
#main .formular p {
margin: 0 0 15px;
}
#main .formular p.row,
#main .formular div.row {
*zoom: 1;
font-size: 1.7em;
font-weight: 100;
line-height: 25px;
margin: 0 0 20px;
position: relative;
width: 100%;
}
.home #main .formular p.row {
margin: 0 0 14px;
}
#main .formular p.line {
border-bottom: 1px solid #dadada;
margin: 15px 0 15px 0;
}
#main .formular p.headline {
font-size: 1.875rem;
margin-bottom: 8px;
margin-top: 16px;
}
#main .formular .experts-checkboxes {
margin: 20px 0 20px 25% !important;
display: none;
}
#main .formular .experts-checkboxes .experts-row {
display: block;
margin-bottom: 10px;
font-size: 0.8em;
}
#main .formular .experts-checkboxes .experts-row .experts-checkbox table {
width: 100%;
}
#main .formular .experts-checkboxes .experts-row .experts-checkbox table td {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
float: left;
padding-right: 4%;
}
#main .formular .experts-checkboxes .experts-row .experts-checkbox table td:nth-child(even) {
padding-right: 0;
}
#main .formular .experts-checkboxes .experts-row .experts-checkbox table td label {
padding-left: 30px;
}
#main .formular .error-messages {
color: #cc0000;
clear: both;
}
#main .formular .error-messages ul li {
color: #cc0000;
list-style: none;
margin-bottom: 5px;
margin-left: 25%;
font-size: 1.375rem;
}
@media only screen and (max-width: 989px) {
#main .formular .error-messages ul li {
margin-left: 0;
}
}
#main .formular .row > span,
#wide .formular .row > span {
display: block;
width: 75%;
margin: 0 0 0 25%;
}
@media only screen and (max-width: 989px) {
#main .formular .row > span,
#wide .formular .row > span {
float: none;
width: auto;
margin: 0;
}
}
#main .formular label span,
#wide .formular label span {
display: block;
float: left;
position: relative;
width: 25%;
box-sizing: border-box;
padding-right: 20px;
word-wrap: break-word;
}
#main .formular label span.select,
#wide .formular label span.select {
padding-right: 0;
width: 75%;
}
@media only screen and (max-width: 989px) {
#main .formular label span.select,
#wide .formular label span.select {
width: 100%;
}
}
#main .formular label span.select .js-select,
#wide .formular label span.select .js-select {
width: 100%;
}
@media only screen and (max-width: 989px) {
#main .formular label span,
#wide .formular label span {
width: 100%;
padding: 0;
margin-bottom: 10px;
}
}
#main .formular label,
#wide .formular label {
font-size: 1.2em;
display: block;
position: relative;
}
@media only screen and (max-width: 989px) {
.event #main .formular label span {
float: none;
}
}
#main .formular .buttons > input {
height: auto;
}
#main .formular input,
#main .formular textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #DADADA;
font-weight: 100;
height: 50px;
position: relative;
width: 75%;
padding: 0 10px;
}
#main .formular input[type=submit],
#main .formular textarea[type=submit] {
border: none;
height: auto;
width: auto;
}
@media only screen and (max-width: 989px) {
#main .formular input,
#main .formular textarea {
width: 100%;
}
}
#main .formular input[type='radio'] {
float: left;
width: auto;
}
#main .formular input[type='radio'] + span {
width: auto;
}
#main .formular input[type='checkbox'],
#main .formular input[type='radio'] {
border: 0 none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
float: left;
height: auto;
margin-right: 5%;
margin-top: 5px;
vertical-align: middle;
width: auto;
}
/* Checkbox and Radio Table Layout from Backend */
#main .formular table {
width: 75%;
}
@media only screen and (max-width: 989px) {
#main .formular table {
width: 100%;
}
}
@media only screen and (max-width: 989px) {
#main .formular .checkbox label span,
#main .formular .radio span {
float: none;
}
}
#main .formular table label {
float: left;
vertical-align: middle;
}
#main .formular table input[type='checkbox'] {
max-width: 10%;
}
#main .formular textarea {
height: 4em;
}
#main .formular select,
#wide .formular select {
border: 1px solid #DADADA;
outline: 0;
width: 65%;
}
.js #main .formular select,
.js #wide .formular select {
display: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
outline: 0;
right: 0;
position: absolute;
top: 0;
z-index: 50;
}
@media only screen and (max-width: 989px) {
.js #main .formular select,
.js #wide .formular select {
bottom: 0;
top: auto;
width: 100%;
}
}
#main .formular .js-select,
#wide .formular .js-select,
.mobile-country-select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background: none;
border: 1px solid #DADADA;
cursor: pointer;
display: block;
float: left;
height: 32px;
outline: 0;
padding-left: 10px;
padding-right: 25px;
width: 65%;
}
#main .formular .js-select.active,
#wide .formular .js-select.active,
.mobile-country-select.active {
color: #0096d5;
}
#main .formular .js-select:hover,
#wide .formular .js-select:hover,
.mobile-country-select:hover {
color: #0096d5;
}
#main .formular .js-select:hover:after,
#wide .formular .js-select:hover:after,
.mobile-country-select:hover:after {
background-position: -275px -1144px;
}
#main .formular .js-select:after,
#wide .formular .js-select:after,
.mobile-country-select:after {
background-position: -275px -1161px;
content: "";
height: 25px;
position: absolute;
right: 8px;
top: 10px;
width: 20px;
}
@media only screen and (max-width: 989px) {
#main .formular .js-select,
#wide .formular .js-select,
.mobile-country-select {
width: 100%;
}
}
#main .formular .active .js-select,
#wide .formular .active .js-select {
color: #0096d5;
}
#main .formular .active .js-select:after,
#wide .formular .active .js-select:after {
background-position: -276px -1178px !important;
}
#main .formular .error .js-select {
border: 1px solid #cc0000;
}
#main .formular .js-select {
background-position: right -446px;
cursor: pointer;
height: 50px;
padding-top: 10px;
}
#main .formular .active .js-select {
background-position: right -1151px;
}
.iem7 #main .formular .js-select,
.mobile-country-select {
width: auto;
}
#main .formular .options,
#wide .formular .options {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #555f69;
display: none;
list-style: none;
}
#main .formular .active .options,
#wide .formular .active .options {
background-color: #fff;
border: 1px solid #c8c8c8;
display: block;
max-height: 322px;
position: absolute;
overflow: auto;
width: 100%;
top: 38px;
z-index: 100;
}
#main .formular .active .options li,
#wide .formular .active .options li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
height: 37px;
padding: 4px 8px 4px 10px;
}
#main .formular .active .options li:hover,
#wide .formular .active .options li:hover {
color: #0096d5;
}
#main .formular .active .options {
max-height: 502px;
overflow: auto;
top: 60px;
}
#main .formular .active .options li {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
height: 50px;
padding: 8px 8px 8px 10px;
}
#main .formular .active .options li:first-child:before {
right: 15px;
top: 23px;
}
#main .formular .required-text {
color: #444444;
display: block;
font-size: 0.8em;
}
#main .formular .error input[type=text],
#main .formular .error input[type=password],
#main .formular .error textarea {
border: 1px solid #cc0000;
}
#main .formular .error.radio table,
#main .formular .error.checkbox table,
#main .formular .error.checkbox .checkbox-wrapper {
border: 1px solid #cc0000;
border-collapse: separate;
}
#main .formular .error.radio tbody td,
#main .formular .error.checkbox tbody td {
padding: 5px;
}
#main .formular .error label input,
#main .formular .error label input + span {
color: #cc0000;
}
#main .formular .mandatory label span:first-child:after {
content: "*";
color: #222222;
font-size: 1.5em;
margin-top: 18px;
right: 5px;
position: absolute;
top: -10px;
}
@media only screen and (max-width: 989px) {
#main .formular .mandatory label span:first-child:after {
position: static;
padding-left: 5px;
}
}
#main .formular .full-width label span {
width: auto;
}
#main .formular .full-width label span.select {
width: 100%;
}
#main .formular .mandatory.error label span:first-child:after {
color: #cc0000;
}
#main .formular .protection {
display: block;
width: 100%;
}
#main .formular .protection span {
padding-left: 26px;
display: block;
font-size: 1.375rem;
}
@media only screen and (max-width: 989px) {
#main .formular .protection {
margin-left: 0;
}
}
@media only screen and (max-width: 763px) {
#main .formular .protection {
float: none;
}
}
#main .formular .protection input {
height: 13px;
margin-right: 12px;
width: 13px;
}
#main .formular .error .form-container label {
color: #222222;
}
#main .formular p.checkbox,
#main .formular p.radio {
margin-top: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 989px) {
#main .formular p.checkbox,
#main .formular p.radio {
margin-left: 0;
}
}
#main .formular p.checkbox label,
#main .formular p.radio label {
display: block;
float: left;
font-weight: normal;
line-height: 1.6;
padding-left: 20px;
position: relative;
}
#main .formular p.checkbox > label,
#main .formular p.radio > label {
float: none;
padding-left: 0;
}
#main .formular p.checkbox span,
#main .formular p.radio span {
display: inline;
font-size: 1.35em;
font-weight: normal;
float: left;
width: 35%;
}
@media only screen and (max-width: 989px) {
#main .formular p.checkbox span,
#main .formular p.radio span {
margin-bottom: 0;
width: auto;
display: inline-block;
}
}
#main .formular p.checkbox > label > span,
#main .formular p.radio > label > span {
font-size: 1em;
vertical-align: middle;
}
#main .formular p.checkbox input,
#main .formular p.radio input {
height: 22px;
left: 0;
position: absolute;
top: 4px;
width: auto;
}
#main .formular p.buttons {
margin: 0 0 27px;
}
#main .formular p.buttons span.more {
font-size: 1em;
padding-left: 0;
}
#main .formular p.buttons span.more input[type=submit] {
padding: 0 0 0 45px;
}
#main .formular .blue-button,
#main .formular .bright-button,
#main .formular .more,
#main .formular .more-button {
float: right;
}
#main .formular .blue-button:hover,
#main .formular .bright-button:hover,
#main .formular .more:hover,
#main .formular .more-button:hover {
color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 763px) {
#main .formular .blue-button,
#main .formular .bright-button,
#main .formular .more,
#main .formular .more-button {
float: left;
margin-top: 10px;
position: relative;
}
}
.formular div {
margin-bottom: 5px;
}
.formular div a {
font-size: 1.7em;
}
#main .formular a.blue-button {
height: auto;
bottom: -8px;
padding: 3px 10px 3px 40px;
text-align: left;
width: 130px;
}
#main .formular a.bright-button {
height: auto;
bottom: -8px;
padding: 3px 10px 3px 25px;
text-align: left;
width: 150px;
}
/** NEW SM 05.2016 **/
.formular input[type="checkbox"] {
display: none;
}
.formular input[type="checkbox"] + label {
color: #444444;
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
font-size: 16px;
}
.formular input[type="checkbox"] + label:before {
content: '';
border: 1px solid #DADADA;
border-radius: 0;
background-color: transparent;
width: 19px;
height: 19px;
display: inline-block;
position: absolute;
left: 0;
text-align: center;
top: 3px;
}
.formular input[type="checkbox"] + label:hover {
color: #0096d5;
}
.formular input[type="checkbox"] + label:hover:before {
border: 1px solid #0096d5;
}
.formular input[type="checkbox"]:checked + label:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: 3px -922px;
border: 1px solid #0096d5;
}
.formular .paragraph {
margin-bottom: 40px;
}
.formular .protection label {
float: left;
}
.formular .protection span {
width: 100%;
}
.formular .error input[type="checkbox"] + label:before {
border: 1px solid #cc0000;
}
.video-wrapper {
margin-top: 60px;
}
.video-wrapper video {
width: 100%;
height: auto;
}
.video-wrapper img {
width: 100%;
height: auto;
}
#cookielayer {
background-color: #FFFFFF;
border-top: 1px solid #EAEAEA;
opacity: 0.9;
bottom: 15px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 13px;
left: 0;
position: fixed;
overflow-y: hidden;
width: 100%;
z-index: 1000;
max-height: 10%;
min-height: 250px;
}
#cookielayer.seen {
display: none;
}
@media only screen and (max-width: 1230px) {
#cookielayer {
max-height: 25%;
}
}
#cookielayer .floatercontent {
box-sizing: border-box;
color: #444444;
margin: 30px auto;
max-width: 1230px;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#cookielayer .floatercontent .floatertext {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
#cookielayer .floatercontent .floatertext h1 {
font-size: 38px;
line-height: 45px;
margin: 0;
padding: 0;
}
#cookielayer .floatercontent .floatertext h2 {
font-size: 32px;
line-height: 38px;
margin: 0;
padding: 0;
}
#cookielayer .floatercontent .floatertext p {
margin: 0;
padding: 0;
}
#cookielayer .floatercontent .floatertext small {
font-size: 10px;
line-height: 20px;
margin: 0;
padding: 0;
}
#cookielayer .floatercontent .floatertext:after {
position: absolute;
bottom: 0;
height: 20px;
width: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
content: ' ';
}
@media only screen and (max-width: 1230px) {
#cookielayer .floatercontent {
width: 90%;
}
}
#cookielayer .buttons {
line-height: 36px;
}
#cookielayer .buttons .displayAll {
display: block;
}
#cookielayer .buttons .displayLess {
display: none;
}
#cookielayer .buttons .rotate::before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#cookielayer.showButtons .buttons {
display: block;
}
#cookielayer.isDisplayAll {
max-height: 100%;
opacity: 1;
}
#cookielayer.isDisplayAll .floatertext {
overflow-y: auto;
}
#cookielayer.isDisplayAll .floatertext:after {
content: '';
height: 0;
}
#cookielayer.isDisplayAll .displayAll {
display: none;
}
#cookielayer.isDisplayAll .displayLess {
display: block;
}
#cookielayer a.closeButton {
background: url('../img/layout/sprite.png') -267px -1659px no-repeat transparent;
display: block;
height: 35px;
right: 0;
float: right;
top: 0;
width: 35px;
text-decoration: none;
margin-left: 15px;
}
#cookielayer a.closeButton:hover {
background-position: -219px -1659px;
}
#cookielayer .btn-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 77px;
text-align: right;
}
#cookielayer .btn-row .more {
transition: .2s all;
font-size: 18px;
}
#cookielayer .btn-row .cookie-btns {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-top: 17px;
transition: .2s all;
}
#cookielayer .btn-row .cookie-btns button {
transition: .2s all;
font-size: 20px;
border: 1px solid #444444;
margin-left: 20px;
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 763px) {
#cookielayer .btn-row .more {
font-size: 14px;
padding-left: 40px;
}
#cookielayer .btn-row .more:before {
zoom: 0.8;
}
#cookielayer .btn-row .cookie-btns {
padding-top: 22px;
}
#cookielayer .btn-row .cookie-btns button {
font-size: 16px;
margin-left: 10px;
padding: 2px 10px;
}
}
#floater {
background-color: #FFFFFF;
border-top: 1px solid #EAEAEA;
opacity: 0.9;
bottom: 15px;
display: block;
left: 0;
font-size: 13px;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
position: fixed;
width: 100%;
z-index: 1000;
}
#floater .floatercontent {
box-sizing: border-box;
color: #444444;
margin: 30px;
overflow: hidden;
}
@media only screen and (max-width: 989px) {
#floater .floatercontent {
padding-top: 40px;
}
}
#floater .floatercontent p {
margin: 0;
}
#floater .floatercontent p a {
border-bottom: 1px solid #444444;
line-height: 1;
display: inline-block;
}
#floater .floatercontent p a:hover {
border-bottom: 1px solid #0096d5;
}
#floater .floatercontent a.closeButton {
background: url('../img/layout/sprite.png') -267px -1659px no-repeat transparent;
display: block;
height: 35px;
right: 56px;
position: absolute;
top: 5px;
width: 35px;
text-decoration: none;
}
#floater .floatercontent a.closeButton:hover {
background-position: -219px -1659px;
}
#floater-legal {
background-color: #FFFFFF;
border-top: 1px solid #EAEAEA;
opacity: 0.9;
bottom: 15px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 13px;
left: 0;
position: fixed;
overflow-y: hidden;
width: 100%;
z-index: 1000;
max-height: 10%;
min-height: 250px;
}
#floater-legal.sm-height {
min-height: 170px;
}
@media only screen and (max-width: 1230px) {
#floater-legal {
max-height: 12.5%;
}
}
#floater-legal .floatercontent {
box-sizing: border-box;
color: #444444;
margin: 30px auto;
max-width: 1230px;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
#floater-legal .floatercontent .floatertext {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
#floater-legal .floatercontent .floatertext h1 {
font-size: 38px;
line-height: 45px;
margin: 0;
padding: 0;
}
#floater-legal .floatercontent .floatertext h2 {
font-size: 32px;
line-height: 38px;
margin: 0;
padding: 0;
}
#floater-legal .floatercontent .floatertext p {
margin: 0;
padding: 0;
}
#floater-legal .floatercontent .floatertext small {
font-size: 10px;
line-height: 20px;
margin: 0;
padding: 0;
}
#floater-legal .floatercontent .floatertext:after {
position: absolute;
bottom: 0;
height: 20px;
width: 100%;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
content: ' ';
}
@media only screen and (max-width: 1230px) {
#floater-legal .floatercontent {
width: 90%;
}
}
#floater-legal .buttons {
display: none;
line-height: 36px;
}
#floater-legal .buttons .displayAll {
display: block;
}
#floater-legal .buttons .displayLess {
display: none;
}
#floater-legal .buttons .rotate::before {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
#floater-legal.showButtons .buttons {
display: block;
}
#floater-legal.isDisplayAll {
max-height: 100%;
opacity: 1;
}
#floater-legal.isDisplayAll .floatercontent .floatertext {
overflow-y: auto;
}
#floater-legal.isDisplayAll .floatercontent .floatertext:after {
content: '';
height: 0;
}
#floater-legal.isDisplayAll .floatercontent .displayAll {
display: none;
}
#floater-legal.isDisplayAll .floatercontent .displayLess {
display: block;
}
/**
* Footer
*/
#footer {
margin: 0 auto;
position: relative;
padding: 12px 5px 0;
background-color: #F2F2F2;
}
#footer:after {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
background: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
background: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9cb00', endColorstr='#0096d5', GradientType=1);
background-color: #00925B;
bottom: 0;
content: "";
display: block;
left: 0;
height: 15px;
position: fixed;
width: 100%;
z-index: 1000;
}
@media only screen and (max-width: 1230px) {
#footer {
padding-left: 10px;
}
}
@media only screen and (max-width: 989px) {
#footer {
padding-left: 0;
padding-bottom: 10px;
}
}
#footer .footerRow {
margin: 0 auto;
margin-bottom: 15px;
max-width: 1230px;
padding: 0 15px;
}
.ie7 #stage + #content + #footer {
top: 412px;
}
@media only screen and (max-width: 989px) {
.ie7 #stage + #content + #footer {
top: 0;
}
}
@media only screen and (max-width: 989px) {
.home #footer {
top: 0;
}
}
#footer .col {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-top: 30px;
max-width: 18%;
min-width: 18%;
padding-right: 20px;
}
@media only screen and (max-width: 989px) {
#footer .col {
display: none;
text-align: center;
}
}
#footer ul {
list-style-type: none;
}
#footer .share {
height: 37px;
float: right;
padding-left: 10px;
}
@media only screen and (max-width: 989px) {
#footer .share {
padding: 0;
position: relative;
width: auto;
}
.iem7 #footer .share {
overflow: hidden;
}
}
@media only screen and (max-width: 763px) {
#footer .share {
float: none;
text-align: center;
}
}
#footer .share li {
float: left;
}
@media only screen and (max-width: 989px) {
.iem7 #footer .share li {
text-align: center;
width: 100%;
}
}
@media only screen and (max-width: 763px) {
#footer .share li {
display: inline-block;
float: none;
}
}
#footer .links li {
line-height: 1;
margin-bottom: 9px;
}
#footer .links a {
color: #444444;
font-size: 1.3em;
line-height: 17px;
text-decoration: none;
}
#footer .links span {
font-size: 1.3em;
line-height: 17px;
}
#footer .links .contact {
color: #444444;
}
#footer .links a:hover,
#footer .links a:active,
#footer .links a:focus {
color: #0096d5;
}
#footer .headline {
color: #444444;
display: inline-block;
font-size: 1.7em;
line-height: 1.3;
margin: 0 0 15px;
}
#footer .headline:hover {
color: #0096d5;
}
#footer .logo {
background-position: -47px -62px;
height: 9px;
margin: 40px 0 18px;
text-indent: -9999px;
width: 126px;
}
@media only screen and (max-width: 989px) {
#footer .logo {
margin-top: 20px;
}
}
#footer .social-icons {
display: inline-block;
float: right;
margin-top: 30px;
}
@media only screen and (max-width: 1230px) {
#footer .social-icons {
margin-right: 10px;
}
}
@media only screen and (max-width: 989px) {
#footer .social-icons {
float: none;
}
}
#footer .social-icons .icon {
margin-left: 0;
cursor: pointer;
font-size: 1.1em;
}
#footer .social-icons .shareButton {
position: relative;
width: 45px;
border: 1px solid #dadada;
}
@media only screen and (max-width: 989px) {
#footer .social-icons .shareButton {
float: right;
}
}
#footer .social-icons .shareButton li {
display: block;
}
#footer .social-icons .shareButton a.icon {
text-indent: 0;
line-height: 32px;
padding: 0 5px;
text-align: center;
color: #000000;
width: auto;
padding-top: 10px;
margin-top: -10px;
}
#footer .social-icons .shareButton ul {
position: absolute;
background-color: #FFFFFF;
left: -40px;
border: 1px solid #dadada;
width: 110px;
display: none;
opacity: 0;
padding: 5px;
z-index: 999;
}
@media only screen and (max-width: 989px) {
#footer .social-icons .shareButton ul {
left: 0;
width: 100px;
}
}
#footer .social-icons .shareButton ul li {
float: none;
margin: 0;
}
#footer .social-icons .shareButton ul li a {
height: 24px;
width: auto;
text-indent: 0;
padding-left: 25px;
color: #000000;
}
#footer .social-icons .shareButton ul li {
margin-bottom: 5px;
line-height: 24px;
}
#footer .social-icons .shareButton ul li a {
background: none;
}
#footer .social-icons .shareButton ul li:before {
content: "";
width: 17px;
height: 16px;
position: absolute;
left: 0;
top: 4px;
display: block;
}
#footer .social-icons .shareButton ul li.facebook {
position: relative;
}
#footer .social-icons .shareButton ul li.facebook:before {
height: 15px;
background: url("../img/layout/sprite.png") no-repeat -236px -999px;
}
#footer .social-icons .shareButton ul li.twitter {
position: relative;
}
#footer .social-icons .shareButton ul li.twitter:before {
background: url("../img/layout/sprite.png") no-repeat -236px -983px;
}
#footer .social-icons .shareButton ul li.googleplus {
position: relative;
}
#footer .social-icons .shareButton ul li.googleplus:before {
background: url("../img/layout/sprite.png") no-repeat -236px -967px;
}
#footer .social-icons .shareButton ul li.email {
margin: 0;
position: relative;
}
#footer .social-icons .shareButton ul li.email:before {
height: 15px;
background: url("../img/layout/sprite.png") no-repeat -236px -1014px;
}
#footer .social-icons .shareButton ul li.wordpress {
position: relative;
}
#footer .social-icons .shareButton ul li.wordpress:before {
background: url("../img/layout/sprite.png") no-repeat -236px -1029px;
}
#footer .social-icons .shareButton ul li.xing {
position: relative;
}
#footer .social-icons .shareButton ul li.xing:before {
height: 15px;
background: url("../img/layout/sprite.png") no-repeat -236px -1045px;
}
#footer .social-icons .shareButton ul li.linkedin {
position: relative;
}
#footer .social-icons .shareButton ul li.linkedin:before {
height: 15px;
background: url("../img/layout/sprite.png") no-repeat -236px -1060px;
}
#footer .social-icons .shareButton ul li.instagram {
position: relative;
}
#footer .social-icons .shareButton ul li.instagram:before {
height: 16px;
background: url("../img/layout/sprite.png") no-repeat -236px -1075px;
}
#footer .social-icons .shareButton ul li.pinterest {
position: relative;
}
#footer .social-icons .shareButton ul li.pinterest:before {
height: 15px;
background: url("../img/layout/sprite.png") no-repeat -236px -1091px;
}
#footer .shareButton ul li:hover {
background-color: #F0F0F0;
}
#footer .social-icons li {
display: inline-block;
float: left;
margin-left: 15px;
}
#footer .social-icons li a {
display: block;
height: 32px;
text-indent: -99999px;
width: 32px;
}
#footer .social-icons li.facebook a {
background-position: -268px -1024px;
}
#footer .social-icons li.twitter a {
background-position: -268px -992px;
}
#footer .social-icons li.googleplus a {
background-position: -268px -960px;
}
#footer .social-icons li.youtube a {
background-position: -268px -928px;
}
#footer .social-icons li.wordpress a {
background-position: -268px -1090px;
}
#footer .social-icons li.linkedin a {
background-position: -188px -927px;
}
#footer .social-icons li.instagram a {
background-size: cover;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAA7EAAAOxAGVKw4bAAACrElEQVRYhcXXT4hVVRwH8M88HtMwSESEyCRiLqYEFxIW4sKSqU3XiCIhhFoIurjUQgpatGo5FLq7G2kZSFNY4AVrUVE0xCwMTBREAs1FQeQwYMgjHi3OmebO9Zz33jRO84XLved3f+f3+77fv3veWFX4CdvQRccKms8p9O+DbKmL7XhkiLONwsSwX7nh6Bge6g0nsKnojqCzgB724AP8PUC307h38RhexZb/QuASJnAGu7ETH5a13gik/0VVeA819uYIpNLQw8v42ErL9KVbKuX0M0zH5Rm8hKuYbOvmauB8Wful5XBU5x0cFlK2B0+VtZv4PKWfI3A54XRQ7ttIkf05pZirgTvxvoBbUe9C03BVeBhPxOW1svYHlLV+VTiPXVH/h6jz11oIiMbebsuqwjahG16zEsF+VfgUJ8vab2XtyCC7TYxVhdt4qCW/hCuZPQewhHfxdZQ9i1lhpH+X2TeNJ1uyxa50vuZwqrFenphfYBGHIoGPhI75BDP4ElvxYsJmmSCQTUGvrFfnrCrswkE8g/fxZuP1O0IU38L3mCpr11v7k/NjLaP4aSH0P+JY4v0buIg/sW9Uo2shMI67jec2lofaXaON+DUTuCzkd4fQkm18KxxspuQLeF0ELkYSszhudbXP4/X47krUHQm5LrgHZU1VOI5vhDAfEWZ7R6iN03gBh8p6VPf5CCTlZW0Bz2M/fhXaci4+78dM1BnZZq5YskVU1uarwm48J/R1XxhcX5X1wO9F0mbO0QMDDImOLkgXYw6pzsmmYDojXw8ezxFIFeHhqrDzfnmuClN4JUcghUmcixvX63wrzsmcC8eqwu/CgElhCWdxQ/jo9Kw+mjWj12lc4/F6FEfd+7VdxuKwkfkgTgzRWRc2/X9Brgj/VwKbiq5QaBOb5H/xH1pjoCwiaiiZAAAAAElFTkSuQmCC');
}
#footer .brand-icons {
float: right;
margin-top: 30px;
}
#footer .brand-icons li img {
max-height: 90px;
max-width: 90px;
}
@media only screen and (max-width: 1230px) {
#footer .brand-icons {
margin-right: 10px;
}
}
@media only screen and (max-width: 989px) {
#footer .brand-icons {
display: none;
}
}
#footer .brand-icons li {
float: left;
margin-left: 15px;
}
#footer .paragraph {
color: #444444;
float: left;
margin-top: 30px;
margin-bottom: 5px;
width: 100%;
}
@media only screen and (max-width: 989px) {
#footer .paragraph {
display: none;
}
}
#footer .links .contact {
color: #444444;
}
#footer .footer-meta {
display: block;
margin-top: 30px;
width: 100%;
float: left;
}
@media only screen and (max-width: 989px) {
#footer .footer-meta {
margin: 6px auto;
}
}
#footer .footer-meta p {
float: left;
font-size: 1.3em;
}
@media only screen and (max-width: 989px) {
#footer .footer-meta p {
padding-left: 10px;
padding-top: 15px;
margin: 0;
}
}
#footer .footer-meta ul {
float: right;
}
@media only screen and (max-width: 989px) {
#footer .footer-meta ul {
float: none;
}
}
#footer .footer-meta ul li {
float: left;
margin-right: 5px;
}
#footer .footer-meta ul li:after {
content: "|";
padding-left: 5px;
padding-right: 5px;
}
#footer .footer-meta ul li:last-child:after {
content: "";
}
@media only screen and (max-width: 989px) {
#footer .footer-meta ul li {
border-bottom: 1px solid #DADADA;
display: block;
float: none;
font-weight: normal;
min-height: 29px;
padding-top: 6px;
width: 100%;
}
#footer .footer-meta ul li:after {
content: "";
}
}
#footer .footer-meta ul li a {
color: #444444;
font-size: 1.3em;
text-decoration: none;
}
#footer .footer-meta ul li a:hover {
color: #0096d5;
}
@media only screen and (max-width: 989px) {
#footer .footer-meta ul li a {
padding-left: 10px;
}
}
/**
* ENDE Footer
*/
/**
* Pageteaser
*/
#pageteaser {
clear: both;
margin-left: -1%;
margin-right: -1%;
margin-bottom: 5px;
}
#page #pageteaser > div {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
float: left;
height: 140px;
margin: 0 1% 15px;
width: 31.3%;
border: 1px solid #DADADA;
color: #222222;
background-color: #FFFFFF;
}
#pageteaser .event {
padding: 5px 15px;
}
#pageteaser .event h3 {
margin-bottom: 6px;
}
#pageteaser .event p {
margin-bottom: 4px;
}
#content #pageteaser .event .more {
color: #222222;
margin-top: 0;
}
#content #pageteaser .event .more:hover {
color: #0096d5;
}
#pageteaser .textteaser .wrapper {
padding: 13px 15px;
}
#pageteaser .textteaser p {
margin-bottom: 4px;
}
#pageteaser .textteaser p.headline {
margin-bottom: 8px;
}
#pageteaser .textteaser .more {
font-size: 1.2em;
margin-top: 0;
}
#pageteaser .image {
overflow: hidden;
}
#pageteaser .highlight-link {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
}
#pageteaser .vertteaser {
background-color: #FFFFFF;
border: 1px solid #DADADA;
}
#pageteaser .vertteaser img {
max-width: 110px;
border-right: 1px solid #dadada;
box-sizing: border-box;
height: 100%;
}
#pageteaser .vertteaser .title {
max-width: 184px;
padding: 5px 12px;
}
#pageteaser .vertteaser .title strong {
font-size: 1.3em;
margin-bottom: 6px;
}
#pageteaser .vertteaser p {
margin: 0 0 4px;
}
#pageteaser .vertteaser .more:hover,
#pageteaser .vertteaser .more:active,
#pageteaser .vertteaser .more:focus {
color: #0096d5;
}
#pageteaser .jobteaser p {
color: #444444;
padding-left: 80px;
padding-right: 80px;
}
#pageteaser .singlejob .bottom {
bottom: auto;
left: auto;
position: relative;
right: auto;
}
#pageteaser .singlejob p {
margin-bottom: 9px;
}
#pageteaser .singlejob .more {
margin-top: 0;
}
/**
* ENDE Pageteaser
*/
/**
* Historie
*/
#main .history {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: moz-none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
position: relative;
width: 100%;
margin: 60px 0 20px 0;
}
@media only screen and (max-width: 763px) {
#main .history {
overflow: visible;
width: 100%;
}
}
#main .history .slider li.test {
margin-left: 40px;
}
/*Alle Textboxen Historyslider (historie.html) */
#content #main .history .above-content > div,
#content #main .history .below > div,
#content #main .history .above .company-content > div {
background-color: #FFFFFF;
border: 1px solid #DADADA;
color: #222222;
}
#content #main .history .image .title {
background-color: #FFFFFF;
}
#main .history .textteaser.dark .more,
#main .history .textteaser.dark p,
#main .history .vertteaser .title,
#main .history .vertteaser .title,
#main .history .jobteaser p,
#main .history .jobteaser .count,
#main .history .event p,
#main .history .event .more,
#main .history .highlight p {
color: #222222;
}
#content #main .history .linklist {
padding-left: 7.5px;
}
#main .history .below .image .title a,
#main .history .above .image .title a {
color: #000;
}
#main .history .below .image .title a.more:before,
#main .history .above .image .title a.more:before {
content: "↘";
font-size: 1.9em;
left: -22px;
margin-right: 7px;
position: absolute;
top: -10px;
}
#main .history .below .image .title a.more:hover {
color: #46868F;
}
#main .history .above .image .title a.more:hover {
color: #444444;
}
#main .history .date-line {
background-image: -o-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
background-color: #00925B;
height: 7px;
left: 28px;
position: absolute;
width: 92%;
z-index: 5;
}
@media only screen and (max-width: 763px) {
#main .history .date-line {
background-image: -o-gradient(linear, left top, left bottom, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Opera */
background-image: -o-linear-gradient(top, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Opera */
background-image: -ms-gradient(linear, left top, left bottom, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* IE */
background-image: -ms-linear-gradient(top, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* IE */
background-image: -moz-gradient(linear, left top, left bottom, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Firefox */
background-image: -moz-linear-gradient(top, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background-color: #00925B;
border-bottom: 1px solid #7D8587;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
border-top: 1px solid #7D8587;
height: 100%;
left: 0;
position: absolute;
top: -1px;
width: 7px;
}
}
#main .history .date-line a.prev,
#main .history .date-line a.next {
background-color: #FFFFFF;
cursor: pointer;
display: block;
height: 58px;
outline: 0;
overflow: hidden;
position: absolute;
text-indent: -1000px;
top: -25px;
width: 20px;
z-index: 1;
}
@media only screen and (max-width: 763px) {
#main .history .date-line a.prev,
#main .history .date-line a.next {
display: none;
}
}
#main .history .date-line a.next {
background-position: -250px -530px;
right: -30px;
}
#main .history .date-line a.prev {
background-position: -272px -530px;
left: -28px;
}
#main .history .date-line .timeline {
margin-right: 26px;
position: relative;
}
@media only screen and (max-width: 763px) {
#main .history .date-line .timeline {
display: none;
}
}
#main .history .date-line .ui-slider-handle {
background-color: #75868E;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
display: block;
height: 7px;
outline: 0;
position: absolute;
width: 31px;
z-index: 5;
}
#main .history .slider {
list-style: none;
margin: 0;
padding: 0;
position: relative;
width: 10000px;
z-index: 1;
}
@media only screen and (max-width: 763px) {
#main .history .slider {
width: auto;
}
}
#main .history .slider > li {
float: left;
margin: 0 0 0 15px;
position: relative;
width: 231px;
}
@media only screen and (max-width: 763px) {
#main .history .slider > li {
float: none;
margin: 0 0 0 9px;
padding-top: 48px;
position: relative;
width: auto;
}
}
#main .history .slider > li:first-child {
margin-left: 0;
}
#main .history .above {
display: table-cell;
max-width: 231px;
vertical-align: bottom;
}
@media only screen and (max-width: 763px) {
#main .history .above {
display: block;
}
}
#main .history .above .above-content {
margin-bottom: 20px;
overflow: hidden;
width: 231px;
}
@media only screen and (max-width: 763px) {
#main .history .above .above-content {
margin-bottom: 15px;
overflow: visible;
width: auto;
}
}
#main .history .above .above-content > * {
margin-bottom: 0;
}
#main .history .half-teaser {
display: block;
}
#main .history .year {
display: block;
font-size: 1.3em;
font-weight: bold;
height: 27px;
left: -116px;
text-align: center;
top: -20px;
width: 231px;
}
@media only screen and (max-width: 763px) {
#main .history .year {
background-position: 0 -1017px;
left: 0;
padding-left: 22px;
position: absolute;
text-align: left;
top: 13px;
width: auto;
}
}
#main .history .below {
overflow: hidden;
padding-top: 47px;
position: relative;
width: 231px;
}
@media only screen and (max-width: 763px) {
#main .history .below {
overflow: visible;
padding-top: 0;
position: relative;
width: auto;
}
}
#main .history .below > * {
margin-bottom: 0;
}
@media only screen and (max-width: 763px) {
#main .history .below > * {
margin-bottom: 0;
}
}
@media only screen and (max-width: 763px) {
#main .history .image {
text-align: left;
}
#main .history .singlejob {
margin-left: 0;
}
#main .history .highlight a {
text-align: left;
}
}
/**
* ENDE Historie
*/
/**
* Suchergebnisse
*/
@media only screen and (max-width: 989px) {
#content.searchresults {
margin: 0 20px;
width: auto;
}
}
.searchresults #main {
margin-right: 0;
width: 723px;
}
@media only screen and (max-width: 989px) {
.searchresults #main {
float: none;
width: auto;
}
}
#content.searchresults .form {
display: block;
margin-bottom: 25px;
position: relative;
width: 65%;
}
@media only screen and (max-width: 989px) {
#content.searchresults .form {
margin: 25px auto;
}
}
@media only screen and (max-width: 527px) {
#content.searchresults .form {
overflow: hidden;
}
}
#content.searchresults .form input {
border: none;
border-bottom: 1px solid #DADADA;
font-size: 0.928em;
height: 27px;
line-height: 28px;
padding: 2px 0 2px 10px;
width: 100%;
}
@media only screen and (max-width: 527px) {
#content.searchresults .form input {
margin-bottom: 10px;
width: 100%;
}
}
#content.searchresults .form .submit {
background-position: 0 -44px;
border: 0 none;
color: transparent;
display: block;
font-size: 1.8em;
height: 24px;
line-height: 18px;
padding: 0;
position: absolute;
right: -5px;
top: 0;
width: 30px;
}
#content.searchresults .text {
border-bottom: 1px solid #DADADA;
font-size: 1.2em;
margin-bottom: 20px;
overflow: hidden;
padding-bottom: 10px;
position: relative;
min-height: 20px;
}
@media only screen and (max-width: 527px) {
#content.searchresults .text {
text-align: center;
}
}
#content.searchresults .text.bottom {
border-bottom: 0 none;
border-top: 1px solid #DADADA;
margin-bottom: 0;
padding-bottom: 0;
padding-top: 10px;
}
#content.searchresults .counter {
left: 0;
position: absolute;
}
@media only screen and (max-width: 527px) {
#content.searchresults .counter {
margin-bottom: 10px;
position: relative;
}
}
#content.searchresults .counter span {
font-weight: bold;
}
#content.searchresults .paging {
float: right;
}
@media only screen and (max-width: 527px) {
#content.searchresults .paging {
display: inline-block;
float: none;
}
#content.searchresults .paging .label {
display: none;
}
}
#content.searchresults .paging > a {
display: inline-block;
float: left;
text-indent: -9999px;
width: 16px;
border: 0;
}
#content.searchresults .paging .prev {
background-position: -291px -773px;
margin-top: 3px;
}
#content.searchresults .paging .prev:hover,
#content.searchresults .paging .prev:active,
#content.searchresults .paging .prev:focus {
background-position: -291px -793px;
}
#content.searchresults .paging .next {
background-position: -279px -464px;
margin-left: 10px;
margin-top: 3px;
}
#content.searchresults .paging .next:hover,
#content.searchresults .paging .next:active,
#content.searchresults .paging .next:focus {
background-position: -292px -735px;
}
#content.searchresults .paging > span {
float: left;
}
#content.searchresults .paging ul {
float: left;
list-style-type: none;
overflow: hidden;
}
#content.searchresults .paging li {
float: left;
text-align: center;
width: 15px;
}
@media only screen and (max-width: 527px) {
#content.searchresults .paging li {
margin: 0 5px;
width: 20px;
}
}
#content.searchresults .paging li a {
color: #444444;
display: block;
text-decoration: none;
border-bottom: 0;
line-height: 1.4;
}
#content.searchresults .paging li a:hover {
color: #0096d5;
}
#results {
width: 477px;
font-size: 1.4em;
}
@media only screen and (max-width: 989px) {
#results {
max-width: 477px;
width: 100%;
}
}
#results .result {
font-size: 1em;
margin-bottom: 15px;
}
#results .result a {
color: #444444;
display: block;
font-size: 1.2em;
margin-bottom: 5px;
padding-left: 13px;
text-decoration: none;
position: relative;
}
#results .result a:hover,
#results .result a:active,
#results .result a:focus {
color: #0096d5;
}
#results .result a:before {
background-position: -279px -464px;
content: "";
display: block;
height: 12px;
left: 0;
position: absolute;
top: 9px;
width: 5px;
}
#results .result a:hover:before {
background-position: -292px -735px;
}
#results .result p {
font-size: 1.1em;
margin: 0 0 5px;
}
/**
* ENDE Suchergebnisse
**/
/**
* Jobbereich
**/
#job-overview {
position: relative;
}
@media only screen and (max-width: 763px) {
#job-overview {
width: auto;
}
#page #job-overview thead {
display: none;
}
#page #job-overview tbody tr {
border-left: 1px solid #C6D0D5;
display: block;
margin: 0;
max-width: 100%;
}
#page #job-overview tbody td {
border-bottom: 0 none;
padding: 3px 10px 3px 20px;
}
#page #job-overview tbody td:first-child {
padding: 7px 10px 3px;
}
#page #job-overview td a {
font-weight: bold;
}
}
#job-overview h3 {
font-size: 1.231em;
}
#job-overview tr {
border-bottom: 1px solid #C6D0D5;
opacity: 1;
}
#job-overview tr.hidden {
display: none;
opacity: 0;
}
#job-overview td {
font-size: 0.923em;
padding-top: 7px;
padding-bottom: 7px;
}
#job-overview a {
color: #222222;
text-decoration: none;
}
#job-overview a:hover {
color: #444444;
}
#job-filter {
position: relative;
}
@media only screen and (max-width: 763px) {
#job-filter {
margin: 0 10% 25px;
}
}
#job-filter .headline {
margin: 0 0 8px;
}
#job-filter .row {
font-size: 1.1em;
line-height: 31px;
margin: 0 0 6px;
position: relative;
}
#job-filter select {
background-color: #FFFFFF;
border: 1px solid #c6d0d5;
width: 100%;
}
.js #job-filter select {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
}
#job-filter .js-select {
background-color: #FFFFFF;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
background-position: right -454px;
border: 1px solid #dadada;
cursor: pointer;
display: block;
height: 32px;
padding-left: 10px;
padding-right: 25px;
width: 100%;
}
#job-filter .js-select.active {
background-position: right -1163px;
}
#job-filter .js-select.disabled {
background-position: right -1180px;
border-color: #d6dee2;
color: #878b8c;
}
.js #job-filter .submit {
display: none;
}
#job-filter .search .submit {
background-position: right -798px;
background-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 0 none;
bottom: 17px;
display: block;
height: 25px;
position: absolute;
right: 16px;
text-indent: -9999px;
width: 25px;
}
#job-filter .button:hover,
#job-filter .button:active,
#job-filter .button:focus {
background-position: left -186px;
color: #444444;
}
#job-detail .linklist {
display: none;
}
@media only screen and (max-width: 763px) {
#job-detail .linklist {
background-color: #FFFFFF;
display: inherit;
padding: 0px 0px;
}
}
#job-detail h2 {
font-size: 1.1em;
}
#job-detail ul {
list-style-type: none;
margin-left: 1.6em;
}
#job-detail .highlight-link {
background-position: 0 -1327px;
background-color: #00925b;
text-align: left;
}
#job-detail h2 {
font-size: 1.4em;
}
#job-detail h3 {
font-size: 1.1em;
}
#job-contact .image img {
margin-top: 1em;
}
#job-contact .links {
margin-bottom: 20px;
}
#job-contact .links a {
display: block;
margin-bottom: 5px;
}
@media only screen and (max-width: 763px) {
#job-contact .linklist {
background-color: #FFFFFF;
display: inherit;
padding: 0px 0px;
}
#content #job-detail .linklist a,
#content #job-contact .linklist a {
background-position: -29px -160px;
color: #444444;
}
#content #job-detail .linklist a:hover,
#content #job-contact .linklist a:hover {
background-position: 0px -184px;
color: #444444;
}
#content #job-contact .image {
position: static;
text-align: left;
}
#job-contact .contact {
margin-left: 2em;
}
#job-contact .links a.print {
display: none;
}
#job-contact .links a.recommend {
border: 0 none;
}
#job-contact .highlight-link.button {
display: none;
}
.right-bar .highlight-link.button {
margin-bottom: 5px;
}
}
/**
* ENDE Jobbereich
**/
/**
* ColorBox Core Style:
* The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
overflow: hidden;
outline: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
max-width: none;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
}
/* User Style */
#cboxOverlay {
background-color: #000000;
}
#colorbox,
#cboxWrapper {
overflow: visible;
}
.ie8 #colorbox.imagegallery {
overflow: visible !important;
}
#cboxContent {
/*.box-shadow(0 0 5px 5px #222222);*/
}
.lte8 #cboxLoadedContent {
overflow: hidden;
}
#cboxClose {
background-position: right -590px;
border: 0 none;
float: left;
height: 35px;
position: absolute;
right: -15px;
text-indent: -9999px;
top: -15px;
width: 35px;
}
.imagegallery #cboxTitle {
background-color: #75868E;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
color: #FFFFFF;
display: block;
float: none;
font-size: 0.857em;
padding: 10px;
width: 100%;
}
.imagegallery #cboxTitle strong {
margin-right: 5px;
}
.imagegallery #cboxTitle a {
float: right;
margin-left: 15px;
outline: 0;
color: #FFFFFF;
}
.imagegallery #cboxTitle a .title {
color: #FFFFFF;
}
.imagegallery #cboxPrevious,
.imagegallery #cboxNext {
background-color: transparent;
border: 0 none;
height: 35px;
margin-top: -18px;
padding: 0;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 35px;
}
.imagegallery #cboxPrevious {
background-position: -265px -1465px;
left: -15px;
}
.imagegallery #cboxNext {
background-position: -215px -96px;
right: -15px;
}
/* IE Fix */
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* Colorbox Fix */
#colorbox.imagegallery a {
color: #444444;
}
/**
* ENDE Colorbox
*/
.home-teaser {
border: 1px solid #DADADA;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px;
}
.home-teaser .headline {
border-bottom: 1px solid #DADADA;
display: block;
font-size: 22px;
margin: 0;
padding: 25px 20px;
}
.home-teaser .teaser-image {
position: relative;
}
.home-teaser .teaser-image img {
width: 100%;
height: auto;
}
.home-teaser .teaser-image .link-list {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
}
.home-teaser .teaser-image .link-list a {
background: rgba(255, 255, 255, 0.9);
border: 1px solid #DADADA;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
font-size: 16px;
margin: 0 auto 10px;
padding: 15px 45px;
text-align: center;
width: 90%;
}
.home-teaser .teaser-image .link-list a span {
position: relative;
}
.home-teaser .teaser-image .link-list a span:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: -266px -1698px;
width: 36px;
height: 36px;
content: '';
margin-top: -17px;
position: absolute;
top: 50%;
left: -45px;
}
@media only screen and (max-width: 989px) {
.home-teaser .teaser-image .link-list a span:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: -3px -1641px;
content: '';
width: 21px;
height: 21px;
margin-top: -11px;
position: absolute;
top: 50%;
left: -30px;
}
}
.home-teaser .teaser-image .link-list a:hover span:before {
background-position: -220px -1698px;
}
@media only screen and (max-width: 989px) {
.home-teaser .teaser-image .link-list a:hover span:before {
background-position: -3px -1618px;
}
}
.home-teaser.exclude-link-list .teaser-image .link-list {
position: relative;
bottom: auto;
margin: 20px 0;
}
#content .teaser-mosaic {
box-sizing: border-box;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -24px;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
#content .teaser-mosaic > div {
margin: 0;
box-sizing: border-box;
position: relative;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
padding-left: 24px;
height: 390px;
margin-bottom: 40px;
}
#content .teaser-mosaic > div,
#content .teaser-mosaic > div.single {
width: 33.3333333333%;
}
#content .teaser-mosaic > div.double {
width: 66.6666666667%;
}
#content .teaser-mosaic > div.full {
width: 100%;
}
@media only screen and (max-width: 989px) {
#content .teaser-mosaic > div {
height: 405px;
}
#content .teaser-mosaic > div,
#content .teaser-mosaic > div.single,
#content .teaser-mosaic > div.double,
#content .teaser-mosaic > div.full {
width: 100%;
}
}
#content .teaser-mosaic > div:last-child {
margin-right: 0;
}
#content .teaser-mosaic > div .content {
width: 100%;
height: 100%;
position: relative;
background-position: center center;
background-size: cover;
}
#content .teaser-mosaic > div .content.bgleft {
background-position-x: left;
}
#content .teaser-mosaic > div .content.bgright {
background-position-x: right;
}
#content .teaser-mosaic > div .content.bgtop {
background-position-y: top;
}
#content .teaser-mosaic > div .content.bgbottom {
background-position-y: bottom;
}
#content .teaser-mosaic > div .content > .text {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding-left: 40px;
background-color: rgba(246, 246, 246, 0.8);
}
#content .teaser-mosaic > div .content > .text--dark {
background-color: rgba(68, 68, 68, 0.8);
color: #ffffff;
}
#content .teaser-mosaic > div .content > .text--blue {
background-color: rgba(0, 158, 224, 0.8);
color: #ffffff;
}
#content .teaser-mosaic > div .content > .text--blue a.more {
color: #ffffff;
}
#content .teaser-mosaic > div .content > .text--blue a.more:before {
content: url(../img/layout/arrow-small-whiteGrey.svg);
}
#content .teaser-mosaic > div .content > .text--green {
background-color: rgba(185, 203, 0, 0.8);
}
#content .teaser-mosaic > div .content > .text.has-additional-content {
cursor: pointer;
}
#content .teaser-mosaic > div .content > .text p {
font-size: 26px;
}
#content .teaser-mosaic > div .content > .text .additional-content {
max-height: 0;
position: relative;
overflow: hidden;
opacity: 1;
transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#content .teaser-mosaic > div .content > .text .additional-content p {
font-size: 16px;
margin-top: 0;
}
#content .teaser-mosaic > div .content > .text .additional-content p.overline {
margin: 16px 0 -16px 0;
}
#content .teaser-mosaic > div .content > .text.additional-visible .additional-content {
opacity: 1;
max-height: 366px;
}
@media only screen and (max-width: 989px) {
#content .teaser-mosaic > div .content > .text.additional-visible .additional-content {
max-height: 381px;
}
}
#content .teaser-mosaic > div .content p.topline {
font-size: 16px;
margin-bottom: 8px;
}
#content .teaser-mosaic > div .content > .product-info {
padding: 10px 20px;
}
#content .teaser-mosaic > div .content > .product-info h1 {
font-size: 45.75px;
line-height: 53px;
}
#content .teaser-mosaic a.more,
#content .teaser-mosaic p.more {
font-size: 16px;
line-height: 28px;
margin-top: 0px;
padding-left: 38px;
}
#content .teaser-mosaic a.more:before,
#content .teaser-mosaic p.more:before {
content: url(../img/layout/arrow-small-darkGrey.svg);
background-position: 0 0;
width: 28px;
height: 28px;
}
@media only screen and (max-width: 989px) {
}
@media only screen and (max-width: 527px) {
#content .teaser-mosaic a.more,
#content .teaser-mosaic p.more {
margin-top: 0;
padding-left: 50px;
}
#content .teaser-mosaic a.more:before,
#content .teaser-mosaic p.more:before {
margin-left: -3px;
}
}
.two-col .mosaicteaser {
margin-right: -24px !important;
}
.mosaicteaser.loginteaser .content {
box-sizing: border-box;
padding: 30px;
background: rgba(0, 0, 0, 0.2);
background: rgba(246, 246, 246, 0.8);
}
.mosaicteaser.loginteaser #loginform h2 {
margin-top: 0;
margin-bottom: 10px;
}
.mosaicteaser.loginteaser #loginform p {
margin-top: 0;
}
.mosaicteaser.loginteaser #loginform .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mosaicteaser.loginteaser #loginform .row label {
width: 130px;
}
.mosaicteaser.loginteaser #loginform .row input {
box-sizing: border-box;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border: 2px solid #999999;
padding: 10px;
}
.mosaicteaser.loginteaser #loginform input[type="submit"] {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9cb00+0,00925b+46,0096d5+95 */
background: #00925B;
/* Old browsers */
background: -moz-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #b9cb00 0%, #00925b 46%, #0096d5 95%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b9cb00', endColorstr='#0096d5', GradientType=1);
/* IE6-9 */
display: block;
width: 100%;
padding: 13px;
margin: 0 auto 20px;
color: #FFFFFF;
font-weight: 100;
text-align: center;
border: 0;
}
.mosaicteaser-search {
position: relative;
padding: 30px;
position: absolute;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.mosaicteaser-search__input {
box-sizing: border-box;
display: block;
width: 100%;
border: 2px solid #FFFFFF;
padding: 10px;
font-size: 1.5em;
color: #FFFFFF;
background-color: transparent;
}
.mosaicteaser-search__input::-webkit-input-placeholder {
color: #DADADA;
}
.mosaicteaser-search__input:-ms-input-placeholder {
color: #DADADA;
}
.mosaicteaser-search__input::placeholder {
color: #DADADA;
}
.mosaicteaser-search__input::-moz-selection {
color: #DADADA;
background-color: transparent;
}
.mosaicteaser-search__input::selection {
color: #DADADA;
background-color: transparent;
}
.mosaicteaser-search__btn {
position: absolute;
top: 30px;
right: 30px;
height: 48px;
width: 40px;
border: none;
text-indent: -9999px;
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: -35px -32px;
}
.mosaicteaser-search.suggestionActive .mosaicteaser-search__btn {
background-position: -15px -1764px;
}
.mosaicteaser-search.light {
background-color: rgba(246, 246, 246, 0.8);
}
.mosaicteaser-search.light .mosaicteaser-search__input {
color: #222222;
border-color: #999999;
}
.mosaicteaser-search.light .mosaicteaser-search__input::-webkit-input-placeholder {
color: #999999;
}
.mosaicteaser-search.light .mosaicteaser-search__input:-ms-input-placeholder {
color: #999999;
}
.mosaicteaser-search.light .mosaicteaser-search__input::placeholder {
color: #999999;
}
.mosaicteaser-search.light .mosaicteaser-search__input::-moz-selection {
color: #999999;
}
.mosaicteaser-search.light .mosaicteaser-search__input::selection {
color: #999999;
}
.mosaicteaser-search.light .mosaicteaser-search__btn {
background-position: 5px -32px;
}
.mosaicteaser-search.light.suggestionActive .mosaicteaser-search__btn {
background-position: -15px -1813px;
}
.stage-products-animation {
max-width: 1230px;
min-height: 550px;
margin: 0 auto 22px;
background: transparent;
position: relative;
}
.stage-products-animation.stage-image {
background: none;
}
.stage-products-animation.stage-image .background {
z-index: -1;
}
@media only screen and (max-width: 1170px) {
.stage-products-animation {
display: none;
}
}
.stage-products-animation .content {
display: block;
text-align: right;
padding: 40px;
z-index: 10;
}
.stage-products-animation .content > div {
display: block;
float: right;
}
.stage-products-animation .content .text {
text-align: left;
margin-bottom: 20px;
}
.stage-products-animation .content .text .headline.bright {
margin-bottom: 10px;
}
.stage-products-animation .content .text p {
margin-top: 10px;
}
.stage-products-animation .content .products {
clear: both;
display: inline-block;
}
.stage-products-animation .content .products .product {
float: right;
width: 200px;
text-align: left;
margin-left: 10px;
}
.stage-products-animation .content .products .product:last-child {
margin-left: 0;
}
.stage-products-animation .content .products .product img {
margin: 0 auto 15px;
display: block;
}
.home #stage .stage-products-animation .content .products .product img {
float: none;
}
.stage-products-animation .content .products .product a {
display: block;
}
.stage-products-animation .background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 0;
}
.stage-products-animation .background iframe {
border: none;
width: 100%;
height: 100%;
margin-left: 6%;
}
.stage-products-animation .background img {
position: absolute;
left: 50%;
right: 50%;
height: auto;
max-width: none !important;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#stage .stage-products-animation-mobile {
display: none;
margin-bottom: 22px;
padding-bottom: 50px;
position: relative;
}
@media only screen and (max-width: 1170px) {
#stage .stage-products-animation-mobile {
display: block;
}
}
@media only screen and (max-width: 527px) {
.home #stage .stage-products-animation-mobile {
max-height: 100%;
}
}
#stage .stage-products-animation-mobile .product {
background: #f2f2f2;
float: left;
min-height: 340px;
position: relative;
}
#stage .stage-products-animation-mobile .product .image {
width: 40%;
float: left;
left: 0;
position: absolute;
height: 300px;
top: 20px;
}
@media only screen and (max-width: 527px) {
#stage .stage-products-animation-mobile .product .image {
height: auto;
padding-bottom: 20px;
position: relative;
top: 0;
}
}
#stage .stage-products-animation-mobile .product .image img {
left: 50%;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40%;
}
@media only screen and (max-width: 527px) {
#stage .stage-products-animation-mobile .product .image img {
position: static;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
width: 70%;
margin-left: 15px;
}
}
#stage .stage-products-animation-mobile .product .content {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px 20px 45%;
width: 100%;
}
@media only screen and (max-width: 527px) {
#stage .stage-products-animation-mobile .product .content {
padding: 45px 20px 20px;
float: right;
width: 60%;
}
}
#stage .stage-products-animation-mobile .product .content .headline.bright {
line-height: 1.2;
margin-bottom: 10px;
position: relative;
}
#stage .stage-products-animation-mobile .product .content p {
margin-top: 10px;
margin-bottom: 5px;
}
#stage .stage-products-animation-mobile .product .content a {
display: block;
}
#stage .stage-products-animation-mobile .product .headlinecontainer {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px 20px 45%;
width: 100%;
/*
a{
.headline.more{
padding-left: 0;
@media only screen and (max-width: @breakSmall) {
padding-left: 43px;
}
&:before{
display: none;
@media only screen and (max-width: @breakSmall) {
display: block;
margin-top: 11px;
top: 0;
}
}
}
}
*/
}
@media only screen and (max-width: 527px) {
#stage .stage-products-animation-mobile .product .headlinecontainer {
float: none;
padding: 10px;
width: 100%;
}
}
#stage .stage-products-animation-mobile .product .headlinecontainer .headline.bright {
margin-bottom: 10px;
line-height: 1.2;
}
@media only screen and (max-width: 527px) {
#stage .stage-products-animation-mobile .product .headlinecontainer .headline.bright {
margin-bottom: 0;
}
}
#stage .stage-products-animation-mobile .product .headlinecontainer .sub-headline {
font-size: 1.4em;
}
#stage .stage-products-animation-mobile .product .headlinecontainer p {
margin-top: 10px;
margin-bottom: 5px;
}
@media only screen and (max-width: 527px) {
#stage .stage-products-animation-mobile .product .headlinecontainer p {
margin-top: 0;
padding-left: 5px;
}
}
#stage .stage-products-animation-mobile .animation-nav {
bottom: 5px;
display: block;
z-index: 5;
left: 50%;
overflow: visible;
position: absolute;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
#stage .stage-products-animation-mobile .animation-nav li {
cursor: pointer;
border-radius: 14px;
border: 2px solid #DDDDDD;
display: block;
float: left;
height: 12px;
margin-left: 5px;
text-indent: -9999px;
width: 12px;
}
#stage .stage-products-animation-mobile .animation-nav li.selected {
background-color: #DDDDDD;
}
#stage .stage-products-animation-mobile .animation-nav a.animation-prev {
background-position: 0 -1778px;
cursor: pointer;
display: block !important;
height: 22px;
left: -26px;
position: absolute;
text-indent: -9999px;
bottom: -2px;
width: 12px;
}
#stage .stage-products-animation-mobile .animation-nav a.animation-prev:hover {
background-position: -60px -1778px;
}
#stage .stage-products-animation-mobile .animation-nav a.animation-next {
background-position: -30px -1778px;
border: none;
bottom: -2px;
cursor: pointer;
display: block !important;
height: 22px;
position: absolute;
right: -30px;
text-indent: -9999px;
width: 12px;
}
#stage .stage-products-animation-mobile .animation-nav a.animation-next:hover {
background-position: -90px -1778px;
}
.toggle-tracking-cookie {
white-space: nowrap;
}
.toggle-tracking-cookie button {
border: 1px solid grey;
}
.toggle-tracking-cookie button.active {
color: white;
}
.toggle-tracking-cookie button.active#toggle-tracking-cookie-on {
background-color: green;
background: linear-gradient(to bottom, #52b152 0%, #008a00 48%, #005700 100%, #008a00 100%);
}
.toggle-tracking-cookie button.active#toggle-tracking-cookie-off {
background-color: red;
background: linear-gradient(to bottom, #b25353 0%, #8c0000 48%, #8e0000 100%);
}
#copyright-lightbox {
background: #FFFFFF;
padding: 20px;
position: relative;
width: 80%;
max-width: 550px;
margin: 0 auto;
}
#copyright-lightbox .text {
border: 1px solid #DADADA;
padding: 20px;
max-height: 515px;
margin-bottom: 20px;
overflow: auto;
font-size: 1.375rem;
}
#copyright-lightbox .text .headline {
font-size: 1.875rem;
}
#copyright-lightbox .buttons {
display: block;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
#copyright-lightbox .buttons .confirm,
#copyright-lightbox .buttons button {
width: 30%;
width: calc((100% - 21px) / 3);
float: left;
margin-right: 10px;
}
#copyright-lightbox .buttons .confirm {
position: relative;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
#copyright-lightbox .buttons .confirm input[type="checkbox"] {
display: none;
}
#copyright-lightbox .buttons .confirm input[type="checkbox"] + label {
color: #444444;
display: block;
position: relative;
padding-left: 30px;
font-size: 16px;
line-height: 40px;
}
#copyright-lightbox .buttons .confirm input[type="checkbox"] + label:before {
content: '';
border: 1px solid #DADADA;
border-radius: 0;
background-color: transparent;
width: 19px;
height: 19px;
display: inline-block;
position: absolute;
left: 0;
text-align: center;
top: 11px;
}
#copyright-lightbox .buttons .confirm input[type="checkbox"] + label:hover {
color: #0096d5;
}
#copyright-lightbox .buttons .confirm input[type="checkbox"] + label:hover:before {
border: 1px solid #0096d5;
}
#copyright-lightbox .buttons .confirm input[type="checkbox"]:checked + label:before {
background: url(../img/layout/sprite.png) 0 0 no-repeat transparent;
background-position: 3px -922px;
border: 1px solid #0096d5;
}
#copyright-lightbox .buttons button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #F7F7F7;
font-size: 16px;
font-weight: lighter;
border: 0 none;
padding: 10px 0;
text-align: center;
}
#copyright-lightbox .buttons button:disabled:hover {
color: #444444;
}
#copyright-lightbox .buttons button:hover {
color: #0096d5;
}
#copyright-lightbox .buttons .btn-confirm:disabled {
opacity: 0.5;
}
#copyright-lightbox .buttons .btn-close {
margin-right: 0;
}
@media only screen and (max-width: 989px) {
#copyright-lightbox .text p {
font-size: 1.125rem;
margin-top: 0;
}
#copyright-lightbox .text p.headline {
margin-bottom: 10px;
}
#copyright-lightbox .buttons .confirm input[type="checkbox"] + label {
width: auto;
display: inline-block;
}
#copyright-lightbox .buttons .confirm,
#copyright-lightbox .buttons button {
display: block;
width: 100%;
margin-bottom: 15px;
}
}
.banner {
margin: 0 auto 24px;
overflow: hidden;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: calc(100% + 206px);
left: -103px;
}
@media only screen and (max-width: 527px) {
.banner {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
.banner svg {
width: 28px;
height: 28px;
vertical-align: middle;
}
.banner .portrait {
line-height: 1;
font-size: 1.3em;
}
.banner .introduction {
line-height: 1;
font-size: 1.3em;
}
@media only screen and (max-width: 989px) {
.banner--video {
display: block;
}
.banner--video .banner-text {
position: relative;
padding-top: 20px;
display: block;
width: 100%;
}
}
.banner_text_position-left {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.banner_text_position-right .banner-text-width {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 989px) {
.banner_text_position-right.banner--video .banner-text-width {
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.banner_text_position-right.banner--video .banner-text-width .banner-text-content {
max-width: unset;
}
}
.banner_more {
font-size: 1.5em;
display: block;
margin-top: 24px;
}
.banner-intro {
font-size: 56px;
line-height: 60px;
margin-bottom: 8px;
}
@media only screen and (max-width: 763px) {
.banner-intro {
font-size: 46px;
line-height: 50px;
}
}
@media only screen and (max-width: 527px) {
.banner-intro {
font-size: 38px;
line-height: 42px;
}
}
.banner-text {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-text-width {
width: 1230px;
padding: 0 20px;
margin: auto;
box-sizing: border-box;
}
@media only screen and (max-width: 1230px) {
.banner-text-width {
width: 989px;
}
}
@media only screen and (max-width: 989px) {
.banner-text-width {
width: 763px;
}
}
@media only screen and (max-width: 763px) {
.banner-text-width {
width: 527px;
}
}
@media only screen and (max-width: 527px) {
.banner-text-width {
width: auto;
max-width: 90vw;
}
}
.banner_text_color-white {
color: white;
}
.banner_text_color-white .banner_more {
color: white;
}
.banner_text_color-white .banner_more polyline,
.banner_text_color-white .banner_more circle {
stroke: white;
}
.banner_text_color-white .banner_more:hover {
color: #0096d5;
}
.banner_text_color-white .banner_more:hover polyline,
.banner_text_color-white .banner_more:hover circle {
stroke: #0096d5;
}
.banner_text_color-gray,
.banner_text_color-grey,
.banner_text_color-bright {
color: #444444;
}
.banner_text_color-gray .banner_more,
.banner_text_color-grey .banner_more,
.banner_text_color-bright .banner_more {
color: #444444;
}
.banner_text_color-gray .banner_more polyline,
.banner_text_color-grey .banner_more polyline,
.banner_text_color-bright .banner_more polyline,
.banner_text_color-gray .banner_more circle,
.banner_text_color-grey .banner_more circle,
.banner_text_color-bright .banner_more circle {
stroke: #444444;
}
.banner_text_color-gray .banner_more:hover,
.banner_text_color-grey .banner_more:hover,
.banner_text_color-bright .banner_more:hover {
color: #0096d5;
}
.banner_text_color-gray .banner_more:hover polyline,
.banner_text_color-grey .banner_more:hover polyline,
.banner_text_color-bright .banner_more:hover polyline,
.banner_text_color-gray .banner_more:hover circle,
.banner_text_color-grey .banner_more:hover circle,
.banner_text_color-bright .banner_more:hover circle {
stroke: #0096d5;
}
.banner_text_color-bright .banner-intro {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b9cb00), color-stop(46%, #00925b), color-stop(100%, #0096d5));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #b9cb00 0%, #00925b 46%, #0096d5 100%);
/* Chrome10+,Safari5.1+ */
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.banner_type {
background-size: cover;
background-position: center;
position: relative;
width: 100%;
/*@media only screen and (max-width: @breakMobile) {
margin: 20px 0px 0px 0px;
}*/
}
.banner_type:after {
content: '';
display: block;
padding-top: 40%;
}
@media only screen and (max-width: 763px) {
.banner_type:after {
padding-top: 66%;
}
}
@media only screen and (max-width: 527px) {
.banner_type:after {
padding-top: 100%;
}
}
.banner_type > * {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
min-width: 100%;
height: 100%;
}
.banner_type-video {
max-width: 100%;
background-color: #fff;
}
.banner_type--hasvideo {
cursor: pointer;
}
.banner_type--hasvideo:hover:before {
-webkit-transform: scale(1.1) translate(-25px, -25px);
-ms-transform: scale(1.1) translate(-25px, -25px);
transform: scale(1.1) translate(-25px, -25px);
}
.banner_type--hasvideo:before {
content: '';
z-index: 10;
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 100px;
height: 100px;
opacity: 1;
-webkit-transform: translate(-25px, -25px);
-ms-transform: translate(-25px, -25px);
transform: translate(-25px, -25px);
transition: opacity 0.7s ease-in-out, width 0s linear, -webkit-transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, width 0s linear;
transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, width 0s linear, -webkit-transform 0.7s ease-in-out;
background-size: contain;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTEwIDE2LjVsNi00LjUtNi00LjV2OXpNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJzNC40OCAxMCAxMCAxMCAxMC00LjQ4IDEwLTEwUzE3LjUyIDIgMTIgMnptMCAxOGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOCA4IDMuNTkgOCA4LTMuNTkgOC04IDh6Ii8+PC9zdmc+);
}
.banner_type--hasvideo.playing {
cursor: auto;
}
.banner_type--hasvideo.playing:before {
transition: opacity 0.7s ease-in-out, width 0s linear 1s, -webkit-transform 0.7s ease-in-out;
transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, width 0s linear 1s;
transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, width 0s linear 1s, -webkit-transform 0.7s ease-in-out;
opacity: 0;
width: 0px;
pointer-events: none;
}
.banner_type--hasvideo.playing video {
display: block;
}
@media only screen and (min-width: 989px) {
.banner_type--hasvideo.playing + .banner-text {
display: none;
}
}
.banner_type video {
display: none;
}
.banner_type img {
width: 100%;
height: 100%;
}
.banner-text-content {
max-width: 340px;
}
.text-stripe {
padding: 36px 41px;
min-height: 320px;
background-color: #F7F7F7;
background-size: cover;
background-position: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 989px) {
.text-stripe {
padding: 33px 36px;
min-height: 0;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 527px) {
.text-stripe {
padding: 25px;
}
}
.text-stripe.light-text {
color: #FFFFFF;
}
.text-stripe.highlight-bg {
background-color: #0096d5;
}
.text-stripe .alpha-back {
/* for images */
padding: 25px;
background-color: rgba(246, 246, 246, 0.8);
}
.text-stripe .alpha-back--dark {
background-color: rgba(68, 68, 68, 0.8);
}
.text-stripe .alpha-back--blue {
background-color: rgba(0, 158, 224, 0.8);
}
.text-stripe .alpha-back--green {
background-color: rgba(185, 203, 0, 0.8);
}
#content .text-stripe .topline {
margin-top: 0;
margin-bottom: 8px;
text-transform: uppercase;
font-size: 22px;
}
@media only screen and (max-width: 989px) {
#content .text-stripe .topline {
font-size: 20px;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 527px) {
#content .text-stripe .topline {
font-size: 15px;
font-weight: 200 !important;
margin-bottom: 5px;
}
}
#content .text-stripe .headline {
font-size: 4.375rem;
line-height: 1em;
margin-bottom: 4px;
}
@media only screen and (max-width: 989px) {
#content .text-stripe .headline {
font-size: 42.5px;
margin-bottom: 8px;
}
}
@media only screen and (max-width: 527px) {
#content .text-stripe .headline {
font-size: 28px;
max-width: 50%;
font-weight: 200 !important;
margin-bottom: 10px;
line-height: 29px;
}
}
.text-stripe p {
margin-top: 3px;
line-height: 28px;
}
@media only screen and (max-width: 989px) {
.text-stripe p {
line-height: 23px;
font-size: 18px;
}
}
@media only screen and (max-width: 527px) {
.text-stripe p {
font-size: 16px;
line-height: 18px;
margin-bottom: 8px;
}
}
.text-stripe a.more,
.text-stripe p.more {
font-size: 22px;
line-height: 42px;
margin-top: 5px;
}
.text-stripe a.more:hover,
.text-stripe p.more:hover {
color: #0096d5;
}
.text-stripe a.more:hover:before,
.text-stripe p.more:hover:before {
opacity: 1;
background-position: -222px -1791px;
}
.light-text.text-stripe a.more,
.light-text.text-stripe p.more {
color: #FFFFFF;
}
.light-text.text-stripe a.more:before,
.light-text.text-stripe p.more:before {
opacity: 1;
background-position: -183px -1791px;
}
.light-text.text-stripe a.more:hover,
.light-text.text-stripe p.more:hover {
color: #444444;
opacity: 1;
}
.light-text.text-stripe a.more:hover:before,
.light-text.text-stripe p.more:hover:before {
opacity: 0.6;
background-position: -261px -1791px;
}
.text-stripe a.more:before,
.text-stripe p.more:before {
opacity: 0.6;
background-position: -261px -1791px;
width: 39px;
height: 39px;
content: "";
display: block;
left: 0;
margin-top: -15px;
position: absolute;
top: 50%;
}
@media only screen and (max-width: 989px) {
.text-stripe a.more,
.text-stripe p.more {
-webkit-transform: scale(0.74358974);
-ms-transform: scale(0.74358974);
transform: scale(0.74358974);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
margin-top: 10px;
margin-bottom: 0;
}
}
@media only screen and (max-width: 527px) {
.text-stripe a.more,
.text-stripe p.more {
margin-top: 0;
padding-left: 50px;
}
.text-stripe a.more:before,
.text-stripe p.more:before {
margin-left: -3px;
}
}
/* Accordion */
.accordion {
margin: 48px 0 20px 0;
}
.accordion .paging {
border: 1px solid #DADADA;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
line-height: 4em;
padding: 0 1.5em;
margin-top: 4em;
transition: 0.2s all ease-in-out;
}
.accordion .paging > div.infos {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.accordion .paging button {
border: unset;
background: unset;
}
.accordion .paging .prev-page:before,
.accordion .paging .next-page:after {
background: url('../img/layout/sprite.png') 0 0 no-repeat transparent;
background-position: -277px -385px;
content: "";
display: inline-block;
height: 22px;
vertical-align: middle;
width: 22px;
}
.accordion .paging .prev-page:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: 8px;
}
.accordion .paging .next-page:after {
margin-left: 8px;
}
@media only screen and (min-width: 763px) {
.accordion .paging {
font-size: 16px;
padding: 0 4em;
}
}
.accordion .label {
border-bottom: 1px solid #DADADA;
cursor: pointer;
clear: both;
font-size: 1.7em;
line-height: 1.5;
margin: 0;
padding: 12px 35px 10px 0;
position: relative;
}
.accordion .label img {
margin-right: 5px;
max-height: 30px;
max-width: 30px;
width: 100%;
}
.accordion .label:active,
.accordion .label:focus {
outline: none;
}
.accordion .label:after {
background-position: -266px -1698px;
content: "";
display: block;
height: 35px;
position: absolute;
right: 0;
top: 10px;
width: 35px;
}
.accordion .label.ui-state-active {
color: #0096d5;
border-bottom: 1px solid #0096d5;
}
.accordion .label.ui-state-active:after {
background-position: -220px -1742px;
display: block;
}
.accordion .label:hover {
color: #0096d5;
border-color: #0096d5;
}
.accordion .label:hover:after {
background-position: -220px -1742px;
}
.accordion .pane {
padding-top: 10px;
}
.accordion .pane .accordionTitle {
font-size: 1.5em;
margin: 0 0 10px 0;
}
.accordion .pane .teaser {
float: none;
}
.product-downloads {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 3em;
font-size: 1.3em;
}
.product-downloads a {
font-size: 1em;
text-decoration: underline;
}
.product-downloads--image--wrap {
min-width: 300px;
max-width: 300px;
padding-right: 20px;
}
.product-downloads--image--wrap img {
width: 100%;
}
.product-downloads--information {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.product-downloads--information .h2 {
margin-top: 0;
}
.product-downloads--information .h2 a {
text-decoration: none;
}
.product-downloads dl dt {
font-weight: bold!important;
display: inline;
}
.product-downloads dl dd {
display: inline;
margin-left: 0.5em;
}
.product-downloads .product-downloads--download-link {
display: inline-block;
color: #444444;
border: 1px solid #444444;
border-radius: 50%;
line-height: 2.3em;
width: 2.3em;
text-align: center;
text-decoration: none;
}
.product-downloads .product-downloads--download-link:hover {
color: #0096d5;
border-color: #0096d5;
}
@media only screen and (max-width: 763px) {
.product-downloads {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.product-downloads--image--wrap {
min-width: unset;
max-width: unset;
padding-right: 0;
}
}
body #comspace-usercentrics button.comspace-usercentrics--button {
transition: .2s all;
font-size: 20px;
box-sizing: border-box;
color: #444444;
border: 1px solid #444444;
background-color: #F7F7F7;
font-size: 16px;
text-align: center;
border-radius: 0;
font-weight: 100!important;
}
body #comspace-usercentrics button.comspace-usercentrics--button.comspace-usercentrics--button--filled {
border: 1px solid #444444;
background-color: #F7F7F7;
color: #444444;
}
body #comspace-usercentrics button.comspace-usercentrics--button.comspace-usercentrics--button--filled:hover {
color: #444444;
}
body #comspace-usercentrics button.comspace-usercentrics--button:hover {
color: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--secondlayer--wrapper {
color: #444444;
background-color: #f3f3f2;
border-color: #f3f3f2;
}
body #comspace-usercentrics .comspace-usercentrics--secondlayer--tabs--tab.inactive {
color: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--secondlayer--tabs--tab:after {
background-color: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--footer--poweredby {
display: none;
}
body #comspace-usercentrics .comspace-usercentrics--footer a {
color: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--language-selector {
border-color: #444444;
background-color: #f3f3f2;
}
body #comspace-usercentrics .comspace-usercentrics--language-selector--chosen {
color: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--layer-top--close path {
fill: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--language-selector--open-icon path {
fill: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--footer-link svg path {
fill: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--firstlayer--categories {
display: none;
}
body #comspace-usercentrics .comspace-usercentrics--layer-top {
color: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--language-selector--open-icon svg path {
fill: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--settings-link svg > * {
stroke: #444444;
}
body #comspace-usercentrics .comspace-usercentrics--firstlayer--brand {
color: #444444;
background-color: #f3f3f2;
}
.clearfix:after {
content: "";
clear: both;
display: block;
height: 0;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
-webkit-filter: none !important;
filter: none !important;
-ms-filter: none !important;
max-width: 100% !important;
}
body {
font-size: 0.5em;
}
a,
a:visited {
text-decoration: underline;
padding-left: 0 !important;
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
p.bright,
h2.bright,
h3.bright {
-webkit-text-fill-color: #000000 !important;
}
h1,
h2,
h3 {
page-break-after: avoid;
color: #000000 !important;
}
h1.bright,
h2.bright,
h3.bright {
-webkit-text-fill-color: #000000 !important;
}
#nav,
#header .top,
#breadcrumb,
#footer,
#worldmap,
#brandslider1,
.small-pagination,
#job-contact .linklist,
#job-contact .highlight-link,
#job-contact .links,
#job-detail .highlight-link,
#main .video,
#search,
#main-nav,
.map-wrapper,
#map,
#dealerlocator .search label,
.routingBackPrintButton {
display: none;
}
#page {
width: 680px;
border-top-width: 10px;
margin-left: 30px;
margin-right: 30px;
}
#header {
border-bottom: 0 none;
top: 0;
}
#header .header-wrapper {
margin: 0 auto;
display: block;
width: 100%;
}
#logo {
display: block;
}
#content {
top: 0;
}
#main,
#aside,
#wide,
#stage {
float: none;
width: auto;
height: auto;
}
.slide-wrapper div {
display: none !important;
}
.slide-wrapper div:first-of-type {
display: block !important;
}
#main-nav > ul {
padding-left: 100px;
}
#dealerresult {
display: block;
font-size: 14px;
overflow: visible;
min-width: 680px;
max-height: 3000px;
margin-top: 40px;
}
#dealerresult .adp-placemark {
border: none;
}
#dealerresult .adp-placemark .adp-text {
margin-left: 50px;
}
#dealerresult .adp-step,
#dealerresult .adp-substep {
line-height: 30px;
}
#dealerlocator .search .dest {
float: left;
font-size: 16px;
width: 650px;
margin-left: 0;
}
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.65;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
/* overlay at start */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/*# sourceMappingURL=style.css.map */