@charset "UTF-8";
/*@font-face {
font-family: 'Futura LT W01 Book';
src: url('../Webfonts/webfonts/2E9B9F_0_0.eot');
src: url('../Webfonts/webfonts/2E9B9F_0_0.eot?#iefix') format('embedded-opentype'),
url('../Webfonts/webfonts/2E9B9F_0_unhinted_0.woff2') format('woff2'),
url('../Webfonts/webfonts/2E9B9F_0_unhinted_0.woff') format('woff'),
url('../Webfonts/webfonts/2E9B9F_0_unhinted_0.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}*/
*, :focus {
outline: none;
}
.svgHeaderBox svg {
z-index: 1;
}
.headerImage.svgHeader .headerImageBackground {
min-width: 100%;
height: auto;
min-height: 100%;
}
.headerImage.svgHeader {
height: 800px;
}
.downloadTeamviewer {
margin:0 0 10px 0;
clear:left;
}
.downloadTeamviewer a {
display: block;
z-index: 1;
color: #2d3942;
}
.downloadTeamviewer img {
display: inline-block;
margin-left: 6px;
margin-top: -2px;
}
.csc-header {
padding: 0 20px;
}
.csc-mailform {
padding: 0 20px;
}
.csc-mailform ol {
list-style: none;
}
.csc-mailform label {
display: block;
}
.csc-mailform strong {
display: block;
color: #CC0000;
}
.csc-mailform input,
.csc-mailform textarea {
width: 250px;
max-width: 100%;
margin-bottom: 10px;
}
.csc-mailform input[type="submit"] {
width: auto;
}
.csc-mailform select {
width: 250px;
max-width: 100%;
margin-bottom: 10px;
}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
@media only screen and (max-width: 700px) {
.csc-mailform {
padding: 0;
}
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
/*font-family:'Futura LT W01 Book', sans-serif;*/
font-family: "Outfit", sans-serif;
/* 1 */
font-weight:400;
font-style:normal;
-ms-text-size-adjust:100%;
/* 2 */
-webkit-text-size-adjust:100%
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin:0
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display:block
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,canvas,progress,video {
display:inline-block;
/* 1 */
vertical-align:baseline
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display:none;
height:0
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],template {
display:none
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color:transparent
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,a:hover {
outline:0
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom:1px dotted
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,strong {
font-weight:700
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style:italic
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size:2em;
margin:.67em 0
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background:#ff0;
color:#000
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size:80%
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-.5em
}
sub {
bottom:-.25em
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border:0
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow:hidden
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin:1em 40px
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow:auto
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,kbd,pre,samp {
font-family:monospace,monospace;
font-size:1em
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,input,optgroup,select,textarea {
color:inherit;
/* 1 */
font:inherit;
/* 2 */
margin:0
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow:visible
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,select {
text-transform:none
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
/* 2 */
cursor:pointer
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],html input[disabled] {
cursor:default
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height:normal
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
/* 1 */
padding:0
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance:textfield;
/* 1 */
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
/* 2 */
box-sizing:content-box
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border:0;
/* 1 */
padding:0
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow:auto
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight:700
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse:collapse;
border-spacing:0
}
td,th {
padding:0
}
/* customized version by VITAMI2 AG
/*
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
*,:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}
html {
color:#222;
font-size:1em;
line-height:1.4;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background:#b3d4fc;
text-shadow:none
}
::selection {
background:#b3d4fc;
text-shadow:none
}
/*
* A better looking default horizontal rule
*/
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,canvas,iframe,img,svg,video {
vertical-align:middle
}
/*
* Remove default fieldset styles.
*/
fieldset {
border:0;
margin:0;
padding:0
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize:vertical
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide visually and from screen readers:
*/
.hidden {
display:none!important
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border:0;
clip:rect(0 0 0 0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
clip:auto;
height:auto;
margin:0;
overflow:visible;
position:static;
width:auto
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility:hidden
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,.clearfix:after {
content:" ";
/* 1 */
display:table
/* 2 */
}
.clearfix:after {
clear:both
}
.clearBefore:before {
content:" ";
clear:both;
display:block;
}
.frame-type-text{
padding: 0 20px;
margin-bottom: 30px;
}
.frame-type-textpic header, {
padding: 0 20px;
}
.frame-type-text p {
margin-bottom: 30px;
color: #484c4f;
}
.frame-type-text p b,
.frame-type-text p strong {
font-size: 19px;
font-weight: 400;
}
.frame-type-header header {
margin-bottom: 10px;
padding: 0 20px;
}
.frame-type-header header h2 {
font-size: 28px;
color: #484c4f;
}
.frame-type-image .ce-gallery,
.frame-type-image .ce-gallery .ce-outer,
.frame-type-image .ce-gallery .ce-outer .ce-inner,
.frame-type-image .ce-gallery .ce-outer .ce-inner .ce-column {
margin-bottom: 0 !important;
}
@media print,(-webkit-min-device-pixel-ratio: 1.25),(min-resolution: 1.25dppx),(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,:before,:after {
background:transparent!important;
color:#000!important;
/* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow:none!important;
text-shadow:none!important
}
a,a:visited {
text-decoration:underline
}
a[href]:after {
content:" (" attr(href) ")"
}
abbr[title]:after {
content:" (" attr(title) ")"
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,a[href^="javascript:"]:after {
content:""
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display:table-header-group
}
tr,img {
page-break-inside:avoid
}
img {
max-width:100%!important
}
p,h2,h3 {
orphans:3;
widows:3
}
h2,h3 {
page-break-after:avoid
}
}
/* ==========================================================================
Base styles: styles for page layout. E.g. grid system, default margins,
default paddings etc.
Styles for Blocks, Elements (Atoms, Molecules, Organisms) should go in
seperate files!
Style Guide for CSS see here: https://github.com/necolas/idiomatic-css
========================================================================== */
/* ==========================================================================
General Font Styles
========================================================================== */
h1 {
font-size:2em
}
h2 {
font-size:1.5em
}
h3 {
font-size:1.17em
}
h4 {
font-size:1.12em
}
h5 {
font-size:.83em
}
h6 {
font-size:.75em
}
a {
text-decoration:none;
color:#c00
}
a:hover {
color:#c00
}
/* Sub-section comment block
========================================================================== */
/* Basic comment */
/* Beispiel html
// 2/3 - 1/3 Spalten
..sonstwas..
..sonstwas..
// 2/3 Spalte mit 1/3 Einrückung links
*/
/* Row, 980px wide clearfixed
========================================================================== */
.row {
width:100%;
padding:0 10px;
margin:0 auto
}
.row:before,.row:after {
content:" ";
display:table
}
.row:after {
clear:both
}
.row.nopad {
padding:20px 19px 0
}
.row.fullwidth {
padding:0
}
.row .row {
padding:0
}
.row .row div[class|=col] {
float:left;
display:inline-block;
vertical-align:top;
padding:0;
}
div[class|=col], div.col {
float:left;
display:inline-block;
vertical-align:top;
padding:10px
}
.nopad div[class|=col] {
padding:.5px
}
.col-1 {
width:8.3333%
}
.col-2 {
width:16.6666%
}
.col-3 {
width:25%
}
.col-4 {
width:33.3333%
}
.col-5 {
width:41.6666%
}
.col-6 {
width:50%
}
.col-7 {
width:58.3333%
}
.col-8 {
width:66.6666%
}
.col-9 {
width:75%
}
.col-10 {
width:83.3333%
}
.col-11 {
width:91.6666%
}
.col-12 {
width:100%
}
.push-4 {
margin-left:33.3333%
}
/* Media Queries */
@media only screen and (max-width: 940px) {
.col-5 {
width:100%
}
.col-7 {
width:100%
}
.col-sm-12 {
width:100%
}
div[class|=col] {
float:left;
padding:10px
}
}
@media only screen and (max-width: 780px) {
.row.nopad {
padding:10px 0 0
}
.row.nopad .col-4 {
float:none;
width:100%;
margin:0 auto
}
.nopad div[class|=col] {
padding:0;
padding-bottom:20px
}
.headerImage.subPage .col-6 {
width:100%
}
}
@media only screen and (max-width: 700px) {
.row.nopad {
padding:10px 0 0
}
.col-6 {
width:100%
}
.col-4 {
float:none;
width:100%;
margin:0 auto
}
.headerImage .col-6 {
width:50%
}
.headerImage.subPage .col-6 {
width:100%
}
}
@media only screen and (max-width: 640px) {
.row {
padding:0 5px
}
div[class|=col] {
padding:5px
}
.subpage-content .row {
padding:0 10px
}
.subpage-content div[class|=col] {
padding:10px
}
.headerImage .row {
padding:0 10px
}
.headerImage div[class|=col] {
padding:0 10px
}
.headerImage .col-6 {
width:100%
}
.nopad div[class|=col] {
padding:0;
padding-bottom:10px
}
}
body {
background-color:#f2f2f2
}
.content {
width:940px;
height:auto;
margin:0 auto;
margin-top:47px
}
.subpage-content {
position:relative;
width:940px;
height:auto;
margin:0 auto;
margin-top:47px
}
.subpage-content.bottom-teaser-box {
/*margin-top:30px*/
margin-top: 0;
}
.subpage-content .subpage-content-col {
padding-top:26px;
background:#fff;
position: relative;
}
.subpage-content .subpage-content-col ul {
color:#484c4f;
list-style: none;
}
.subpage-content .subpage-content-col ul li {
position: relative;
padding-left: 18px;
}
.subpage-content .subpage-content-col ul li:before {
content: '';
background-color: #788187;
border-radius: 100%;
position: absolute;
left: 0;
top: 9px;
height: 6px;
width: 6px;
}
.newsletter .subpage-content .subpage-content-col ul li:before {
display: none;
}
div.asideColumn {
padding:0!important
}
div.asideColumn div.csc-textpic {
margin-bottom: 10px;
}
.red-highlight-box.clearfix .right-col a p,
.frame-type-dce_dceuid11 .right-col a p {
margin-bottom: 0;
color: #eb9393;
}
.threecol-image-box p {
margin-bottom:0;
}
.clearBefore.row.nopad,
.frame-type-dce_dceuid1 {
float:left;
width:100%;
}
.news, .news-list-view {
float:left;
width:100%;
}
.col21 {
float:left;
width:100%;
padding-top:10px;
}
.col21 div[class|="col"], .col21 div.col {
padding-bottom:0;
}
.col21.bspace{
padding-bottom:0;
}
.col21.bspace div[class|="col"], .col21.bspace div.col {
padding-bottom:3px;
margin-bottom:-1px;
}
.col21 > .row, .col21 .news-list-view {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.col21 .col-8 {
padding-right:0;
width:66.4666%;
}
.col21 .col-4 {
padding-left:0.5px;
padding-right:9.5px;
margin-top:0.5px;
margin-left:-1.5px;
width:calc(33.536% + 1.4px);
}
@media not all and (min-resolution:.001dpcm) { @media {
.col21 .col-4 {
width:calc(33.536%);
}
}}
.col21 .article {
float:left;
width:50%;
padding: 20px;
}
.subpage-content .news-list-view .article {
padding:10px;
}
.page-navigation p {
display:none;
}
.news .page-navigation ul {
float:left;
padding-left:0;
}
.news-single .news-social {
padding-top:10px;
padding-bottom:20px;
}
.news .page-navigation ul li {
padding-left:0 !important;
}
.news .page-navigation ul li {
padding-left:10px !important;
}
.news .page-navigation ul li:before {
display: none !important;
}
@media only screen and (max-width: 940px) {
.content {
width:100%
}
.subpage-content {
width:100%
}
div.asideColumn {
margin-bottom:10px
}
}
@media only screen and (max-width: 780px) {
footer .content {
margin-top:0
}
}
@media only screen and (max-width: 640px) {
.content {
margin-top:5px
}
.subpage-content {
width:100%
}
}
.headerImage {
position:relative;
top:-4px;
width:100%;
height:551px;
border-bottom:solid 5px #c00;
overflow:hidden
}
.headerImage .headerImageBackground {
position:absolute;
left:50%;
top:0;
height:100%;
width: auto;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
-o-transform:translateX(-50%);
transform: translateX(-50%);
}
.headerImage .headerImageCircle {
position:absolute;
top:23px;
width:507px;
margin-left:-253px;
left:50%
}
.headerImage .headerBox {
position:absolute;
width:100%;
bottom: 0;
height:120px
}
.headerImage .headerBox.radial-gradient {
background:-moz-radial-gradient(center,circle cover,rgba(131,141,147,0.8) 0%,rgba(92,102,108,0.8) 100%);
background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(131,141,147,0.8)),color-stop(100%,rgba(92,102,108,0.8)));
background:-webkit-radial-gradient(center,circle cover,rgba(131,141,147,0.8) 0%,rgba(92,102,108,0.8) 100%);
background:-o-radial-gradient(center,circle cover,rgba(131,141,147,0.8) 0%,rgba(92,102,108,0.8) 100%);
background:-ms-radial-gradient(center,circle cover,rgba(131,141,147,0.8) 0%,rgba(92,102,108,0.8) 100%);
background:radial-gradient(center,circle cover,rgba(131,141,147,0.8) 0%,rgba(92,102,108,0.8) 100%);
background-color:rgba(131,141,147,0.8)
}
.headerImage .content {
margin-top:10px;
position:relative;
color:#fff;
}
.headerImage .siteTitle {
font-size:33px;
line-height:1.2;
color:#fff;
display:block;
margin:0;
}
.headerImage .siteText {
padding-top:3px;
font-size:18px;
color:#b0b6bc;
display:block
}
.headerImage .moreLink {
padding-top:10px;
font-size:18px;
display:block
}
.headerImage .moreLink a {
color:#fff
}
.headerImage .rootLine {
list-style:none
}
.headerImage .rootLine li {
float:left;
font-size:16px
}
.headerImage .rootLine li a {
color:#b0b6bc
}
.headerImage .rootLine li a:hover {
color:#fff
}
.headerImage .rootLine li:after {
display:block;
content:" ";
width:9px;
height:9px;
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
border-top:solid 1px #b0b6bc;
border-right:solid 1px #b0b6bc;
float:right;
margin:7px 8px 0 3px
}
.headerImage .rootLine li:last-child {
color:#fff
}
.headerImage .rootLine li:last-child:after {
display: none;
}
.headerImage .headerBox .rootLine li:last-child:after {
display:none
}
.headerImage.subPage {
height:576px;
margin-bottom:-112px
}
.headerImage.subPage .headerBox .row {
position:relative;
display:block;
opacity:1
}
.headerImage.subPage .headerImageCircle {
position:absolute;
top:33px;
width:390px;
height:285px;
margin-left:-195px;
left:50%
}
.headerImage.subPage .headerBox {
height:220px
}
.headerImage.subPage .svgHeaderBox .siteTitle {
margin-top: 40px;
font-size: 41px;
color: #a5afb6;
}
.headerImage.svgHeader {
height: 800px;
}
.headerImage.svgHeader .rootLine {
position:relative;
z-index: 1;
}
.svgHeaderBox svg {
position:absolute;
top:0;
left: 50%;
padding-bottom: 190px;
margin-top: 70px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.svgHeaderBox svg a:hover [id^='basis'] {
fill: #2d3942
}
.headerImage.svgHeader .headerImageBackground {
z-index: -1;
min-width: 100%;
height: auto;
min-height: 100%;
}
.headerImage.svgHeader .row {
display: block;
opacity:1
}
.sliderWrapper{
display: none;
opacity: 0;
}
.contenttextcenter {
text-align: center;
margin-top: 10px;
}
@media only screen and (max-width: 640px) {
.headerImage {
height:340px;
border-bottom:solid 3px #c00
}
.headerImage .headerImageBackground {
height:130px;
min-height:130px;
width:auto;
min-width:100%
}
.headerImage .headerImageCircle {
top:20px;
width:120px;
height:87px;
margin-left:-60px
}
.headerImage .headerBox {
height:210px
}
.headerImage .headerBox.radial-gradient {
background:-moz-radial-gradient(center,circle cover,#6f787f 0%,#63686c 100%);
background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#6f787f),color-stop(100%,#63686c));
background:-webkit-radial-gradient(center,circle cover,#6f787f 0%,#63686c 100%);
background:-o-radial-gradient(center,circle cover,#6f787f 0%,#63686c 100%);
background:-ms-radial-gradient(center,circle cover,#6f787f 0%,#63686c 100%);
background:radial-gradient(center,circle cover,#6f787f 0%,#63686c 100%);
background-color:#6f787f
}
.headerImage .headerBox .siteTitle {
padding-top:10px;
font-size:19px
}
.headerImage .headerBox .siteText {
padding-top:10px;
font-size:15px
}
.headerImage .headerBox .moreLink {
padding-top:20px;
font-size:15px
}
.headerImage .headerBox .rootLine {
padding-top:10px;
padding-bottom:2px
}
.headerImage .headerBox .rootLine li {
font-size:12px
}
.headerImage .headerBox .rootLine li:after {
width:7px;
height:7px;
margin:6px 6px 0 2px
}
.headerImage.subPage {
height:251px;
margin-bottom:-73px
}
.headerImage.svgHeader {
height: 650px;
}
.headerImage.svgHeader .headerImageBackground {
height: 650px;
}
.svgHeaderBox svg {
}
.headerImage.subPage .headerImageCircle {
top:9px;
width:114px;
height:82px;
margin-left:-57px
}
.headerImage.subPage .headerBox {
height:150px
}
}
.test {
background:green
}
.test2 {
background:#6495ed
}
/* Service and Language Navigation
========================================================================== */
body > header {
position: relative;
background-color:#fff;
z-index:100;
}
.headerTop {
position:relative;
width:940px;
max-width:100%;
height:auto;
margin:0 auto;
clear:both
}
.headerTop .ce-center .ce-outer {
width:100%;
right:0;
}
.headerTop .ce-center .ce-inner {
right:0;
width:100%;
}
.headerTop div[class|="ce"] {
padding: 0;
margin-bottom: 0;
}
.headerTop .ce-left .ce-gallery, .headerTop .ce-column {
float:none;
}
.ce-gallery,
.ce-gallery .ce-outer,
.ce-gallery .ce-inner,
.ce-gallery .ce-inner .ce-row,
.ce-gallery .ce-inner .ce-row .ce-column {
padding: 0 !important;
}
.ce-normal-list {
padding: 0 !important;
}
.headerTop .ce-gallery figure {
display:block;
}
.headerNav {
position:relative;
width:auto;
height:86px
}
.headerLogo {
position:absolute;
top:27px;
right:22px;
width:50%;
max-width:270px;
text-align:center;
}
.serviceNav,.languageNav {
padding-left:20px;
height:32px;
position:relative;
float:left
}
.serviceNav li,.languageNav li {
padding-right:16px;
padding-top:3px;
float:left;
list-style:none
}
.serviceNav li a,.languageNav li a {
font-size:13px;
text-decoration:none;
color:#a5afb6
}
.serviceNav li a:hover,.languageNav li a:hover {
color:#c00
}
.languageNav {
padding-left:77px;
}
.languageNav li {
padding-right: 0;
padding-left:16px;
}
.mobileNavToggler {
display:none
}
.languageNav li {
padding-left: 10px;
}
.languageNav li a {
padding:3px 6px 0 6px;
display: block;
}
/* Main Navigation
========================================================================== */
.mainNav {
position:relative;
clear:both;
float:left;
border-top:solid #edeff0 1px;
list-style:none;
z-index:1
}
.mainNav li {
float:left
}
.mainNav a {
display:block;
font-size:20px;
color:#484c4f;
text-decoration:none;
padding:12px 20px
}
.mainNav a:hover,.mainNav a:focus {
color:#fff;
background-color:#a5afb6
}
.mainNav > li > a {
margin-bottom:4px
}
.mainNav > li:hover > a,.mainNav > li.hover > a,.mainNav > li.active > a {
border-bottom:4px solid #484c4f;
margin-bottom:0
}
.mainNav > li:hover .secondLevelUl,.mainNav > li.hover .secondLevelUl {
display:block
}
.mainNav .helper-navigation-block {
border-bottom: 1px solid #edeff0;
padding-bottom: 15px;
padding-top: 10px;
}
.mainNav .helper-navigation-block a {
font-size: 13px;
padding-bottom: 4px;
padding-top: 4px;
}
.mainNav .language-navigation-block ul {
list-style: none;
overflow: hidden;
}
.mainNav .language-navigation-block li {
float: left;
width: auto;
}
.mainNav .language-navigation-block {
padding-bottom: 20px;
padding-top: 10px;
}
.mainNav .language-navigation-block a {
font-size: 13px;
text-transform: uppercase;
}
@media only screen and (min-width: 781px) {
.mainNav .helper-navigation-block,
.mainNav .language-navigation-block {
display: none;
}
}
.secondLevelUl {
display:none;
position:absolute;
/*left:0;*/
width:100%;
list-style:none;
background:#fff;
-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.2);
-moz-box-shadow:0 5px 30px rgba(0,0,0,0.2);
box-shadow:0 5px 30px rgba(0,0,0,0.2)
}
.narrowUl {
/*width: 50%;*/
width:53%;
}
.narrowUl.twoColSecondLevel li {
width: 100%;
}
.secondLevelUl.boxItemsSecondLevel {
display: none !important;
}
.secondLevelUl.boxItemsSecondLevel a {
border-bottom:1px solid #edeff0;
border-right:1px solid #edeff0
}
.secondLevelUl.boxItemsSecondLevel.highBox a {
line-height:1em;
height:68px
}
.secondLevelUl.boxItemsSecondLevel .boxNavItemHeader {
display:block
}
.secondLevelUl.boxItemsSecondLevel .boxNavItemSubheader {
display:block;
margin-top:5px;
font-size:14px;
line-height:1em;
color:#a5afb6
}
.secondLevelUl.boxItemsSecondLevel a:hover {
border-color:#a5afb6
}
.secondLevelUl.boxItemsSecondLevel a:hover .boxNavItemSubheader {
color:#fff
}
.secondLevelLink.active,.thirdLevelLink.active {
color:#fff;
background-color:#a5afb6
}
.sideNavigation .secondLevelLink.active,.sideNavigation .thirdLevelLink.active {
color:#fff;
background-color:#e3e5e6
}
.mainNav a.secondLevelLink {
line-height: 1.2;
}
/* 3 Column Subnavigation */
.threeColSecondLevel.secondLevelUl li:nth-child(3n) a {
border-right:none
}
.threeColSecondLevel li {
width:33.333%
}
.threeColSecondLevel a {
height:90px;
padding:14px 16px 17px
}
/* 2 Column Subnavigation */
.twoColSecondLevel.secondLevelUl li:nth-child(2n) a {
border-right:none
}
.twoColSecondLevel li {
width:50%
}
/* 3 Level Subnavigation */
.thirdLevelUl {
list-style:none;
margin-bottom:23px;
/*margin-bottom:10px;*/
}
.secondLevelUl > li:last-child .thirdLevelUl {
margin-bottom:23px;
}
.thirdLevelUl li {
width:100%
}
.thirdLevelUl a {
padding:0 20px;
color:#a5afb6
}
.thirdLevelUl .active a {
color:#fff;
}
@media only screen and (max-width: 780px) {
.serviceNav,.languageNav {
display:none
}
.headerNav {
height:57px
}
.headerLogo {
top:16px
}
.headerLogo img {
width:170px;
height:auto
}
.mobileNavToggler {
display:block;
float:left;
padding:18px 15px
}
.mobileNavToggler .openIcon {
display:block
}
.mobileNavToggler .closeIcon {
display:none
}
.mobileNavToggler.closeNavIcon {
background:#a5afb6;
border-bottom:3px solid #484c4f
}
.mobileNavToggler.closeNavIcon .openIcon {
display:none
}
.mobileNavToggler.closeNavIcon .closeIcon {
display:block
}
.mainNav {
display:none;
position:absolute;
top:59px;
background:#fff;
width:450px;
max-width:100%
}
.mainNav.openNav {
display:block
}
.mainNav li {
float:none;
width:100%
}
.mainNav > li:hover > a,.mainNav > li.hover > a,.mainNav > li.active > a {
border-bottom:none
}
.firstLevelLink {
border-bottom:1px solid #edeff0
}
.secondLevelUl {
position:relative;
background:#484c4f;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none
}
.narrowUl {
width: 100%;
}
.secondLevelUl.boxItemsSecondLevel a {
border:none;
border-bottom:1px solid #575d60;
padding:12px 10px
}
.secondLevelUl li {
padding:0 20px
}
.secondLevelUl li a {
color:#fff;
border-bottom:1px solid #575d60;
padding:12px 10px
}
.thirdLevelUl {
margin-bottm:0
}
}
/* Side Navigation
========================================================================== */
.sideNavigation {
margin-bottom:100px
}
.sideNavigation ul {
list-style:none
}
.sideNavigation a {
display:block;
padding:0 16px;
text-decoration:none
}
.sideNavigation .firstLevelLink {
background:#c00;
font-size:23px;
color:#fff;
line-height:1.5em;
padding: 11px 16px;
}
.sideNavigation .secondLevelLink {
font-size:16px;
color:#484c4f;
padding:12px 16px 16px;
border-bottom:1px solid #e3e5e6
}
.sideNavigation .secondLevelLink.no-bottom-border {
border: none;
}
.sideNavigation .secondLevelLink.indent {
font-size: 14px;
padding:12px 16px 10px 40px;
}
.sideNavigation .secondLevelLink:hover {
color:#c00;
background:#e3e5e6
}
.sideNavigation .secondLevelLink.active {
color:#c00
}
.sideNavigation .secondLevelLink.active.indent {
font-size: 14px;
padding:12px 16px 10px 40px;
}
@media only screen and (max-width: 940px) {
.sideNavigation {
display:none
}
}
footer {
position:relative;
height:290px;
background:#fff;
/* Footer Navigations and XING Button */
/* Newsletter Subscription */
}
footer .vcard {
margin-top:18px;
color:#a5afb6
}
footer .vcard.teufen {
padding-left:20px
}
footer .vcard a {
color:#a5afb6;
text-decoration:none
}
footer .vcard .tel {
display:block;
margin-top:20px
}
footer .vcard .org,footer .vcard .email {
color:#2d3942
}
footer .vcard .email:hover {
color:#c00
}
footer .footerNav1 {
margin-left:20px
}
footer .footerNav2 {
display:none
}
footer ul {
list-style:none
}
footer ul li {
float:left;
margin-right:20px
}
footer ul a {
text-decoration:none;
color:#a5afb6
}
footer ul a:hover {
color:#c00
}
footer .xingBtn {
float:left;
margin-right:10px;
margin-bottom:5px;
}
footer .twitterBtn {
float:left;
margin-right:10px;
margin-bottom:5px;
}
footer .footerLanguageNav {
clear:left;
}
footer .footerLanguageNav .active {
color:#c00
}
footer .newsletterSubscription {
background:#a4afb7 url(../Images/newsletter-subscription-background.jpg) top left no-repeat;
position:absolute;
right:0;
top:0;
left:calc(50% + 150px);
height:290px
}
footer ul.languageNav {
padding-left: 0;
}
@media only screen and (max-width: 980px) {
.downloadTeamviewer { display:none; }
footer {
height:570px
}
footer .col-4 {
width:50%
}
footer .newsletterSubscription {
top:auto;
bottom:0;
left:0
}
}
@media only screen and (max-width: 600px) {
footer {
height:760px
}
footer .col-4 {
width:100%
}
footer .vcard {
margin-top:20px
}
footer .vcard.teufen {
padding:0
}
footer .footerNav1 {
margin-left:0
}
footer .footerNav2 {
display:block;
margin-bottom:10px
}
}
/* Newsletter Subscription */
#mc_embed_signup {
max-width:250px;
margin-left:58px
}
#mc_embed_signup h2 {
float:left;
font-weight:400;
color:#fff;
line-height: 1em;
}
#mc_embed_signup .indicates-required {
color:#fff
}
#mc_embed_signup .mc-field-group {
min-height:0
}
#mc_embed_signup .mc-field-group label {
color:#fff;
position:absolute;
left:-9999px
}
#mc_embed_signup .mc-field-group input {
height:27px;
padding-left:10px;
padding-top:0;
padding-bottom:0;
text-indent:0;
-webkit-border-radius:2px;
border-radius:2px
}
#mc_embed_signup .mc-field-group select {
height:27px;
padding:0;
padding-left:6px;
color: #A9A9B1;
text-indent:0;
-webkit-border-radius:2px;
border-radius:2px
}
#mc_embed_signup .mc-field-group #mc-embedded-subscribe {
padding:0;
text-align:left;
font-weight:400;
line-height:27px;
padding-left:10px;
text-indent:0;
background:#484c4f
}
#mc_embed_signup .mc-field-group #mc-embedded-subscribe:hover {
background:#a5afb6
}
#mc_embed_signup .mc-field-group input.mce_inline_error {
border-color:#c00
}
#mc_embed_signup .mc-field-group div.mce_inline_error {
background:#c00;
margin:0
}
@media only screen and (max-width: 980px) {
.newsletterSubscriptionInner {
width:100%;
padding:0 40px
}
#mc_embed_signup {
margin:0
}
#mc_embed_signup form {
padding-left:0
}
}
@media only screen and (max-width: 980px) {
.newsletterSubscriptionInner {
padding:0 20px
}
}
/* Teaser Boxen
========================================================================== */
.teaser {
width:100%;
height:230px;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
position:relative
}
.teaser .text {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
height:62px;
width:200px;
padding:10px 20px 0;
background:#fff;
overflow:hidden;
position:relative
}
.teaser .text a:hover {
color:#c00
}
.teaser .text .teaserTitle {
font-size:28px;
color:#2d3942
}
.teaser .text .teaserTitle:hover {
color:#2d3942
}
.teaser .text .teaserTitle:after {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
width:26px;
height:2px;
content:" ";
background-color:#fff;
position:absolute;
top:57px;
left:21px;
display:block
}
.teaser .text .moreLink {
margin-top:144px;
display:block;
font-size:18px;
color:#2d3942
}
.teaser:hover .text {
height:350px;
width:350px;
-moz-border-radius-bottomright:350px;
-webkit-border-bottom-right-radius:350px;
border-bottom-right-radius:350px
}
.teaser:hover .text .teaserTitle:after {
background-color:#2d3942
}
/* Teaser Boxen
========================================================================== */
.bottom-teaser-box .col-9 {
padding-top: 0;
padding-right:4px
}
.subpage-teaser {
float:left;
width:calc(50% - 10px);
height:150px;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
position:relative
}
.subpage-teaser:first-child {
margin-right:20px
}
.subpage-teaser .text {
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
height:62px;
width:200px;
padding:10px 20px 0;
background:#fff;
overflow:hidden;
position:relative
}
.subpage-teaser .text a:hover {
color:#c00
}
.subpage-teaser .text .teaserTitle {
font-size:28px;
color:#2d3942
}
.subpage-teaser .text .teaserTitle:after {
width:26px;
height:2px;
content:" ";
background-color:#fff;
position:absolute;
top:57px;
left:21px;
display:block;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}
.subpage-teaser .text .moreLink {
margin-top:60px;
display:block;
font-size:18px;
color:#2d3942
}
.subpage-teaser:hover .text {
height:300px;
width:300px;
-moz-border-radius-bottomright:300px;
-webkit-border-bottom-right-radius:300px;
border-bottom-right-radius:300px
}
.subpage-teaser:hover .text .teaserTitle:after {
background-color:#2d3942
}
/* Webcam
========================================================================== */
.bg-black {
background-color:#2d3942;
}
.box-black {
width:100%;
height:100%;
background-color:#2d3942;
color:#edeff0;
position:relative;
display: table;
}
.box-black > div {
vertical-align: middle;
padding-left: 20%;
padding-right: 15%;
display: table-cell;
height:100%;
overflow:auto;
}
.box-black a {
padding-bottom:7px;
}
.box-black a {
display:inline-block;
}
.box-black span {
display:block;
}
.box-black .titlegrey {
color: #a5afb6;
margin-bottom:-2px;
padding-top:1px;
}
.box-black .titlebig {
color: #edeff0;
font-size: 24px;
line-height: 33.6px;
}
.box-black .titlegrey + .titlebig {
font-size: 23px;
line-height: 32px;
}
.box-black .csc-header {
padding: 0;
}
.webcam {
position: relative;
width: 100%;
height: 0;
/* padding-bottom: 56.2%; */
padding-bottom: 39%;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
@media only screen and (max-width: 780px) {
.col-8 {
width:100% !important;
}
.box-black {
min-height:auto;
}
.box-black > div {
padding: 10px 20px;
}
}
footer .region, footer .postal-code, footer .locality {
display:inline-block;
}
footer .postal-code {
padding-right:4.5px;
}
/* Principle-Content
========================================================================== */
.principle-content {
background-color: #fff;
color: #63686c;
display:flex;
flex-wrap:all;
}
.principle-content .principle-title {
min-height:100px;
padding-bottom:10px;
display:block
}
.principle-content h3 {
color:#c00;
text-transform: uppercase;
}
.principle-content p {
margin-bottom:0;
color: #63686c;
}
.principle-content .gray {
color: #a5afb6;
}
.principle-content .text {
padding: 20px;
}
.principle-content .moreLink {
padding-top:10px;
font-size:18px;
color:#c00
}
.principle-content .col-4 {
position: relative;
overflow: hidden;
}
.principle-content .col-4 img {
width: auto;
height: 299px;
position: absolute;
top:0;
left: 50%;
transform: translateX(-50%);
}
@media only screen and (max-width: 780px) {
.principle-content .col-4 {
display: none;
}
}
.frame header {
margin-bottom:30px;
}
.frame header h2 {
margin-top: 30px;
}
.frame.frame-type-text header {
margin-bottom:0;
}
header.dce{
margin-bottom:0;
padding:0 20px;
}
header.dce h3 {
font-size:1em;
/*padding-left:20px;*/
}
#c4328 + p {
color:#222;
}
.img-video .small-header {
margin-top: -15px;
margin-bottom:0;
}
/* Teaser Boxen News
========================================================================== */
.teaserNews {
width:100%;
min-height:299px;
position:relative
}
.teaserNews .article{
width:calc(50% - 1px);
margin:0.5px;
background-color:#fff;
}
.teaserNews .article:first-child{
margin-left:-0.5px;
}
.teaserNews .article .teaser-text p{
margin-bottom:0;
}
.news .article .teaser-text {
margin: 0;
}
/*.teaserNews div {
padding:20px
}*/
.teaserNews .teaserDate,.teaserNews .teaserTitle,.teaserNews .teaserText, .teaserNews .teaser-text p {
color:#63686c
}
.news .teaserDate {
padding-top:18px;
color:#c00
}
.news .teaserTitle {
font-size:23px;
line-height:1.2;
padding-bottom:10px;
display:block
}
.teaserNews .teaserTitle {
min-height:100px;
}
.teaserNews .moreLink, .teaserNews .more {
padding-top:10px;
font-size:18px;
color:#c00
}
.teaserNews.newsArchiv {
background-color:#2d3942;
color:#fff;
min-height:299px
}
.teaserNews.newsArchiv div {
padding:0;
}
.teaserNews.newsArchiv .archivInfo {
color:#a5afb6;
padding-left:20%;
padding-right:15%;
position:absolute;
top:35%
}
.teaserNews.newsArchiv .archivTitle {
color:#edeff0;
font-size:23px;
padding-top:20px;
padding-left:20%;
padding-right:15%;
position:absolute;
top:35%
}
.f3-widget-paginator {
float:left;
list-style:none;
padding:10px
}
.f3-widget-paginator li {
float:left
}
.f3-widget-paginator li a {
color:#63686c;
padding:0;
}
.f3-widget-paginator li a:hover {
color:#c00
}
.f3-widget-paginator li.current a {
color:#c00
}
.subpage-content div.teaserNews {
min-height:0
}
.subpage-content div.teaserNews .teaserTitle {
min-height:0
}
.news.news-single .testimonialdetail{
display: flex;
flex-wrap: wrap;
background: #fff;
}
.news.news-single .testimonialdetail > .left{
width: 40%;
float: left;
text-align: center;
display: flex;
flex-direction: column;
}
.news.news-single .testimonialdetail > .left .news-img-wrap{
display: flex;
justify-content: center;
}
.news.news-single .testimonialdetail > .left h2{
font-size: 22px;
}
.news.news-single .testimonialdetail > .left h4{
font-size: 16px;
}
.news.news-single .testimonialdetail > .right{
width: 60%;
float: right;
}
.news.news-single .testimonialdetail > .right .news-text-wrap{
padding: 50px 20px;
}
.news.news-single .testimonialdetail .boxred{
width: 100%;
}
.news.news-single .testimonialdetail .boxred .left{
width: 30%;
text-align: left;
padding-left: 30px;
padding-bottom: 0px;
flex-direction: unset;
}
.news.news-single .testimonialdetail .boxred .right{
width: 70%;
}
.news.news-single .testimonialdetail .news-img-wrap{
float: left;
padding: 50px 30px;
margin-left: 0;
width: unset;
}
.news.news-single .testimonialdetail .news-img-wrap img{
width: 100%;
}
.news.news-single .testimonialdetail .mediaelement a{
padding: 0;
}
.news.news-single .testimonialdetail .mediaelement a,
.news.news-single .testimonialdetail .mediaelement a img{
border-radius: 50%;
}
.news.news-single .testimonialslider{
}
.testimonialpage .news.news-single h2{
font-size: 28px !important;
color: #484c4f;
margin-bottom: 30px !important;
margin-top: 50px;
padding:0 30px;
}
.testimonialslider .slick-list .slick-slide{
margin: 0;
width: 100%;
display: flex;
flex-direction: column;
padding: 0 15px;
}
.news.news-single .testimonialslider .slick-dots{
top: 0;
}
.subpage-content .testimonialslider .slick-dots{
top: -20px;
display: none;
}
.news.news-single .testimonialslider .slick-dots li{
padding-left: 0;
}
.news.news-single .testimonialslider .slick-dots li::before{
content: none;
}
.testimonialslider .slick-list .slick-slide a{
float: unset;
padding:0;
}
.frame-layout-3 h2 {
padding:0 30px;
}
.testimonialslider .slick-slide a{
padding: 0;
}
.testimonialslider .slick-slide a,
.testimonialslider .slick-slide a img{
border-radius: 50%;
}
.testimonialslider .slick-list .slick-slide .teaser-text{
background: white;
min-height: 175px;
padding: 15px 25px;
font-size: 16px;
}
.testimonialslider .teaser-text p {
display: inline;
}
.testimonialslider .slick-list .slick-slide .teaser-text a{
font-size: 16px !important;
background: url(../Icons/arrow_right_red.svg) no-repeat left top 3px;
background-size: 16px 16px;
padding-left: 20px;
margin-left: 5px;
text-transform: lowercase;
}
.testimonialslider .slick-list .news-img-wrap{
margin: 0;
width: 100%;
display: flex;
justify-content: center;
margin-top: -40px;
background: transparent;
}
.testimonialslider .slick-list .teaserTitle{
text-align: center;
padding-top: 20px;
font-size: 22px;
margin-top: 0 !important;
color: #484c4f;
}
.testimonialslider .slick-list .teasershort{
text-align: center;
font-size: 16px;
}
.testimonialslider .slick-list .news-img-wrap img{
width: 100px !important;
}
@media only screen and (max-width: 780px) {
.teaserNews {
min-height:100px;
padding:0 10px
}
.teaserNews div {
padding:10px
}
.teaserNews .teaserDate {
color:#a5afb6
}
.teaserNews .teaserTitle {
min-height:0
}
.teaserNews .moreLink {
display:block
}
.teaserNews.newsArchiv {
padding:0 10px;
background:none;
color:#2d3942;
min-height:0
}
.teaserNews.newsArchiv div {
background-color:#fff;
padding:8px 0;
clear:both
}
.teaserNews.newsArchiv .archivInfo {
display:none
}
.teaserNews.newsArchiv .archivTitle {
font-size:20px;
color:#63686c;
padding:10px;
position:relative;
top:0
}
.subpage-content div.teaserNews {
min-height:0
}
}
@media screen and (max-width: 940px){
.playbutton{
margin-left: calc(50vw - 60px) !important;
}
}
@media only screen and (max-width: 940px) {
.bottom-teaser-box .col-9 {
padding-right:10px
}
}
@media only screen and (max-width: 700px) {
.subpage-teaser {
width:100%;
margin-bottom:20px
}
}
@media only screen and (max-width: 640px) {
.teaser {
height:95px
}
.teaser .text {
height:140px;
width:140px;
-moz-border-radius-bottomright:140px;
-webkit-border-bottom-right-radius:140px;
border-bottom-right-radius:140px;
padding:5px 10px 0 12px
}
.teaser .text .teaserTitle {
font-size:21px;
color:#a5afb6
}
.teaser .text .teaserTitle:after {
display:none
}
.teaser .text .moreLink {
font-size:12px;
margin-top:32px;
display:block
}
.teaser:hover .text {
height:140px;
width:140px;
-moz-border-radius-bottomright:140px;
-webkit-border-bottom-right-radius:140px;
border-bottom-right-radius:140px
}
}
/* ==========================================================================
Content Elements (CE)
========================================================================== */
div[class|=ce] {
padding:0 20px;
margin-bottom:30px
}
div.ce-gallery, div.ce-outer, div.ce-inner, div.ce-column {
margin-bottom:0 !important;
}
div[class|=ce] h2 {
margin-top:30px
}
.ce-reference-item {
margin-bottom: 0;
}
/* CE Image
========================================================================== */
.ce-image h2 {
font-size: 28px;
line-height: 32px;
margin-bottom: 30px;
color: #484c4f;
}
.ce-image img {
width:100%;
height:auto
}
/* CE SVG Image Map
========================================================================== */
.ce-svg-img-map {
width: 100%;
height: 0;
padding-top: 66% !important;
position: relative;
}
.ce-svg-img-map img {
position: absolute;
top: 0;
max-width:630px;
width: 100%;
height: auto;
}
.ce-svg-img-map svg {
position: absolute;
top: 0;
left: 20px;
max-width:630px;
width: 100%;
height: auto;
}
/* CE Header
========================================================================== */
div.ce-header {
margin-bottom:30px;
}
div.ce-header h2 {
font-size:28px;
color: #484c4f;
}
/* CE Text with optional Image
========================================================================== */
header h2 {
font-size:28px !important;
margin-bottom:10px !important;
color:#484c4f
}
p {
margin-bottom:30px;
color:#484c4f
}
p.lead {
font-size:19px;
color:#484c4f
}
p b, p strong {
font-size:19px;
font-weight:400
}
.float-left img {
float:left;
margin-top:3px;
margin-right:20px
}
.float-right img {
float:right;
margin-top:3px;
margin-left:20px
}
.img-center img {
margin-bottom:30px
}
/* Google Maps iframe
========================================================================== */
.google-maps {
width: 100%;
}
/* CE Three Column Image
========================================================================== */
.threecol-image-box {
float: left;
padding-right: 10px;
width: 33.3333%;
}
.threecol-image-box:last-child {
padding-right:0;
}
.threecol-image-box p {
font-size: 18px;
color: #222;
}
.threecol-image-box img {
max-width: 100%;
height: auto;
}
@media only screen and (max-width: 780px) {
.threecol-image-box {
width: 100%;
padding: 0;
}
}
/* CE Quotation
========================================================================== */
div.ce-quotation {
position:relative;
padding:20px 20px 25px 100px;
margin:0 -10px 40px;
background:#788187;
color:#f2f2f2;
font-size:19px
}
div.ce-quotation .quotation-icon {
position:absolute;
top:0;
left:0;
width:80px;
height:100%;
background:#687178;
z-index:1
}
div.ce-quotation .quotation-icon span {
display:block;
position:absolute;
top:13px;
right:20px;
font-size:105px;
line-height:40px;
color:#fff
}
div.ce-quotation .quotation-persone {
font-size:16px;
color:#a2aab0;
margin-top:12px;
margin-bottom:0;
}
p.quotation-text {
color: #fff;
margin-bottom: 0px;
}
.ce-gallery img {
width: 100%;
height: auto;
}
.ce-textpic.ce-center .ce-gallery img {
margin-bottom: 30px;
}
/* CE Reference Item
========================================================================== */
.leftContent > .ce-reference-item {
padding: 0 !important;
}
.ce-reference-item img {
width: 100%;
height: auto;
}
.ce-reference-item .ce-reference-item {
overflow: hidden;
position: relative;
}
.ce-reference-item div.reftext {
height: 117px;
padding: 12px 16px 16px;
border-bottom: 1px solid #e3e5e6;
overflow: hidden;
}
.ce-reference-item .ce-reference-item a {
float: left;
}
@media only screen and (max-width: 700px) {
.ce-reference-item div {
height: auto;
}
}
/* CE Logo Grid
========================================================================== */
.logo-grid_item {
padding: 0 20px;
}
.logo-grid_item img {
max-width: 100%;
height: auto;
}
.logo-grid_border {
padding: 10px 0;
border-bottom: 1px solid rgb(227, 229, 230);
}
.ce-logo-grid .col-6:nth-child(2) .logo-grid_border,
.ce-logo-grid .col-6:nth-child(1) .logo-grid_border {
border-top: 1px solid rgb(227, 229, 230);
}
@media only screen and (max-width: 700px) {
.ce-logo-grid .col-6:nth-child(2) .logo-grid_border { border-top:none; }
}
/* CE Link List
========================================================================== */
.ce-normal-list ul,
.ce-link-list ul {
list-style:none
}
.ce-link-list a {
display:block;
color:#63686c;
padding:12px 16px 16px;
border-top:1px solid #e3e5e6
}
.ce-normal-list li {
display:block;
color:#63686c;
padding:12px 16px 16px;
border-top:1px solid #e3e5e6
}
.ce-link-list a:hover {
color:#2d3942;
background:#e3e5e6
}
.ce-link-list li:last-child a {
border-bottom:1px solid #e3e5e6
}
/* Gridelement FAQ - Chapter Aufklappbares Grid
========================================================================== */
.chapter.hidden,
.chapter-bodytext > .element.hidden,
.chapter.closed .chapter-bodytext,
.chapter-bodytext > .element.closed > .text {
display: none;
}
#noResult {
display: none;
}
.chapter-bodytext {
padding-bottom: 16px;
color:#63686c;
}
.chapter-bodytext > .element > .text {
padding: 10px 0 20px 32px;
}
.chapter-bodytext > .element > .text > .chapter-line {
margin-top: 10px;
}
.chapter-bodytext > .element > div.csc-header {
font-weight: bold;
}
.bodyviewable {
display: block;
}
.chapter .chapter-button {
display: block;
color: #c00;
}
.chapter-searchbox-inner {
padding: 0 20px;
margin-bottom: 30px;
}
.chapter-searchbox-inner button {
background: #b70000;
color: #fff;
border: none;
line-height: 1.7em;
height: 26px;
}
.chapter-searchbox-inner button:hover {
background: #cdcdcd;
}
.chapter-searchbox {
max-width: 250px;
width: 100%;
padding: 3px 5px 0 5px;
}
.chapter {
padding:0 20px;
}
.chapter p.chapter-button {
display: block;
padding-top: 30px;
cursor: pointer;
}
.chapter p.chapter-button:hover {
color: #2d3942;
cursor: pointer;
}
.chapter .chapter-bodytext .csc-header {
cursor: pointer;
}
.chapter .chapter-bodytext .csc-header:hover {
color: #2d3942;
background: #e3e5e6;
cursor: pointer;
}
.chapter .chapter-bodytext .searchWord {
color: #b70000;
}
.chapter .csc-header {
color: #2d3942;
padding: 12px 16px 16px;
}
.chapter .csc-header:hover {
color:#2d3942;
}
.chapter .csc-header p {
font-size: 100%;
font-weight: 100;
}
.chapter .chapter-line {
width:100%;
height: 0px;
border-bottom:1px solid #e3e5e6;
}
/* CE Horizontal List
========================================================================== */
.ce-horizontal-list .list-row {
display: flex;
}
.ce-horizontal-list .list-cell {
flex-basis: calc(50% - 20px);
justify-content: space-between;
border-top: 1px solid rgb(227, 229, 230);
padding: 13px 0;
}
.ce-horizontal-list .list-cell a {
color: #c00;
background: url(../Icons/arrow_right_red.svg) no-repeat left top 3px ;
background-size: 16px 16px;
padding-left:28px;
}
.ce-horizontal-list .list-cell_inner.with-link {
padding: 13px 0;
}
.ce-horizontal-list .list-cell_inner.with-link:hover {
}
.ce-horizontal-list .list-cell:first-child {
margin-right: 40px;
}
.ce-horizontal-list .list-row:last-child .list-cell {
border-bottom: 1px solid rgb(227, 229, 230);
}
.ce-horizontal-list .list-row:last-child .list-cell.no-bottom-border {
border-bottom: none;
}
.ce-horizontal-list .list-cell_inner * {
color: #000;
}
.ce-horizontal-list .list-cell a {
display: block;
}
.ce-horizontal-list .list-cell a:hover {
/* color: #2d3942;*/
}
.ce-horizontal-list .list-cell_inner.with-link {
/*padding: 12px 16px 16px;*/
}
.ce-bodytext {
padding: 0 !important;
margin-bottom: 0 !important;
}
/* Red Highlight Box
========================================================================== */
.red-highlight-box {
margin:0 -10px 30px;
background:#b70000;
color:#fff
}
.asideColumn .red-highlight-box {
margin:0 0px 30px;
}
.red-highlight-box .left-col {
float:left;
width:200px;
padding:25px 20px 25px 30px;
font-size:19px
}
.red-highlight-box .right-col {
margin-left:200px;
padding:25px 20px 25px 30px;
background:#c00;
font-size:23px;
line-height:1em
}
.red-highlight-box .right-col a {
font-size:16px;
color:#eb9393
}
.red-highlight-box .top-col {
padding:25px 20px 25px 30px;
font-size:19px
}
.red-highlight-box .bottom-col {
padding:25px 20px 25px 30px;
background:#c00;
font-size:23px;
line-height:1em
}
.red-highlight-box .bottom-col a {
font-size:16px;
color:#eb9393
}
/* Indexed Search
========================================================================== */
.tx-indexedsearch table {
width: 100%;
margin-bottom: 26px;
}
.tx-indexedsearch input[type=submit]{
margin-top: 10px;
margin-left: 10px;
}
.tx-indexedsearch input[type=text]{
max-width: 250px;
width: 100%;
margin-left: 10px;
padding: 0 5px 2px 5px;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
padding-top: 10px;
padding-left:20px;
}
.tx-indexedsearch-browsebox {
overflow: hidden;
width: 100%;
padding: 10px;
}
.tx-indexedsearch-res .col-md-8 {
padding: 0;
}
/* Media Queries
========================================================================== */
@media only screen and (max-width: 700px) {
div[class|=ce] {
padding:0
}
div.ce-quotation {
padding:20px 20px 25px 70px;
background:#e3e5e6;
color:#63686c
}
div.ce-quotation .quotation-icon {
width:45px;
background:#dbdedf
}
div.ce-quotation .quotation-icon span {
right:7px;
font-size:76px
}
.ce-link-list li:last-child a {
border-bottom:none
}
.col-6:first-child .ce-link-list {
margin-bottom:0
}
.ce-horizontal-list {
padding: 0 10px !important;
}
.ce-horizontal-list .list-row {
display: block;
}
.ce-horizontal-list .list-cell:first-child {
margin: 0;
}
.ce-horizontal-list .list-row:last-child .list-cell {
border-bottom: none;
}
}
@media only screen and (max-width: 600px) {
.ce-text-image.float-left img {
display:block;
float:none;
max-width:100%;
height:auto;
margin:0 auto;
margin-bottom:30px
}
.ce-text-image.float-right img {
display:block;
float:none;
max-width:100%;
height:auto;
margin:0 auto;
margin-bottom:30px
}
.red-highlight-box .left-col {
float:none;
padding:15px 20px 15px 30px
}
.red-highlight-box .right-col {
margin-left:0;
padding:15px 20px 15px 30px
}
}
.accordion {
margin-top:8px
}
.accordion a {
color:#484c4f
}
.accordion p {
color:#63686c
}
.accordion p a {
text-decoration:underline
}
.accordion .accordion-toggler {
display:block;
padding:10px 16px 8px;
background:#e3e5e6;
font-size:19px;
text-decoration:none
}
.accordion .accordion-toggler:hover {
color:#c00
}
.accordion .accordion-toggler img {
float:right;
margin-top:4px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.accordion .accordion-body {
max-height:0;
overflow:hidden;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.accordion .accordion-body p {
margin:12px 16px
}
.accordion.show-children .accordion-body {
max-height:1000px
}
.accordion.show-children .accordion-body a:hover {
color:#c00;
}
.accordion.show-children .accordion-toggler img {
-moz-transform:rotate(405deg);
-o-transform:rotate(405deg);
-ms-transform:rotate(405deg);
-webkit-transform:rotate(405deg);
transform:rotate(405deg)
}
.accordion ul {
list-style:none
}
.accordion ul li a {
display:block;
padding:10px 16px 12px;
border-bottom:1px solid #e3e5e6;
text-decoration:none;
color:#63686c
}
.accordion ul li a:hover {
background:#e3e5e6
}
.accordion ul li a[href$=".pdf"]:after {
content:' PDF';
font-size:13px;
color:#a5afb6
}
@media only screen and (max-width: 940px) {
.accordion {
margin-top:20px
}
}
.accordion .accordion-body .person-aside {
margin-top:30px;
padding-bottom:30px;
background:#e6e8e8
}
.accordion .accordion-body .person-aside.red-highlight-box {
background:#c00;
}
.accordion .accordion-body .person-aside a {
display: inline-block;
margin-left:28px;
margin-top:20px;
padding: 5px 10px;
background: #cdcdcd;
}
.accordion .accordion-body .person-aside img {
width:100%;
height:auto
}
.accordion .accordion-body .person-aside h2 {
margin-top:28px;
margin-left:28px;
color:#63686c
}
.accordion .accordion-body .person-aside.red-highlight-box h2 {
color: #fff;
}
.accordion .accordion-body .person-aside h2:after {
content:'';
display:block;
width:25px;
height:2px;
background:#63686c;
}
.accordion .accordion-body .person-aside.red-highlight-box h2:after {
background:#fff;
}
.accordion .accordion-body .person-aside p {
margin: 12px 16px 0px 28px;
}
.accordion .accordion-body .person-aside.red-highlight-box p {
color:#fff;
}
.accordion .accordion-body .person-aside.red-highlight-box a {
color:#eb9393;
}
.accordion .accordion-body .person-aside a.event-button, .ical-button-outer a {
display: inline-block;
margin-left:28px;
margin-top:20px;
padding: 5px 10px;
background: #cdcdcd;
}
.accordion .accordion-body .person-aside a:hover {
background: #d4d4d4;
}
.accordion .accordion-body .person-aside.red-highlight-box a {
background:#b70000;
color: #fff;
}
.accordion .accordion-body .person-aside.red-highlight-box a:hover {
background: #cdcdcd;
}
.subpage-content-col .accordion .accordion-body .contactright {
width: 50%;
}
.subpage-content-col .accordion .accordion-body .contactleft {
background-size: cover;
background-position: center;
width: 50%;
}
.subpage-content-col .accordion .accordion-body .contactleft img {
display: none;
}
.subpage-content-col .accordion .accordion-body .person-aside {
display: flex;
padding-bottom: 0px;
}
.subpage-content-col .accordion .accordion-body .person-aside h2 {
margin-top: 10px;
}
.subpage-content-col .accordion .accordion-body .person-aside a {
margin-bottom: 10px;
}
.subpage-content-col .accordion {
padding: 0 20px;
margin-bottom:20px;
}
@media only screen and (max-width: 940px) {
.accordion .accordion-body .person-aside {
margin-top:0;
padding:12px 16px
}
.subpage-content-col .accordion .accordion-body .person-aside{
padding:0
}
.accordion .accordion-body .person-aside img {
float:left;
width:50%;
padding-right: 5%;
height:auto
}
.accordion .accordion-body .person-aside h2 {
margin-top:0;
margin-left:50%;
}
.subpage-content-col .accordion .accordion-body .person-aside h2 {
margin-left: 28px;
}
.accordion .accordion-body .person-aside p {
margin-left:50%;
}
.subpage-content-col .accordion .accordion-body .person-aside p {
margin-left: 28px;
}
.accordion .accordion-body .person-aside a, .accordion .accordion-body .person-aside a.event-button {
display:block;
margin-left:50%;
}
.subpage-content-col .accordion .accordion-body .person-aside a, .accordion .accordion-body .person-aside a.event-button {
margin-left: 28px;
display:inline-block;
}
}
@media only screen and (max-width: 600px) {
.accordion .accordion-body .person-aside img {
display:block;
float:none;
max-width: 100%;
width: auto;
}
.accordion .accordion-body .person-aside h2 {
margin-top:30px;
margin-left:0
}
.accordion .accordion-body .person-aside p {
margin-left:0
}
.accordion .accordion-body .person-aside a, .accordion .accordion-body .person-aside a.event-button {
float: left;
margin-left:0
}
}
.team {
max-width:670px;
margin:0 auto
}
.person {
float:left;
position:relative;
left:0;
height:240px;
width:210px;
margin-bottom:20px;
background:#fff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.person .person-wrapper {
width:210px;
height:auto;
max-height:240px;
overflow:hidden;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.person .person-image-container {
position:relative;
float:left;
width:210px;
height:240px;
overflow:hidden;
background:#fff;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.person .person-image {
display:block;
width:210px;
height:160px;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.person p {
font-size:19px
}
.person .person-overlay {
position:absolute;
bottom:-44px;
width:210px;
min-height:83px;
padding:15px;
border-top:4px solid #c00;
background:#fff;
z-index:1;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out
}
.person .person-overlay h2 {
line-height:1em;
color:#484c4f;
height:69px
}
.person .person-overlay.person-opener {
color:#fff
}
.person .person-overlay:hover {
bottom:0;
background:#c00
}
.person .person-overlay:hover h2 {
color:#fff
}
.person .line-below:after {
content:'';
display:block;
width:25px;
height:2px;
margin:19px 0;
background:#fff
}
.person-text-top {
width:671px;
min-height:240px;
padding:30px 20px 30px 250px;
background:#c00;
color:#fff
}
.person-text-top p, .person-text-bottom p {
margin-bottom:0;
}
.subpage-content .person-wrapper .person-text-bottom h2, .subpage-content .person-wrapper .person-text-bottom p, .subpage-content .person-wrapper .person-text-bottom a {
color: #484c4f;
}
.person-text-bottom {
width:671px;
padding:30px 20px 30px 250px;
background:#fff;
border-bottom: 5px solid #c00;
}
.person-text-bottom .line-below:after {
background:#484c4f
}
.person-text-bottom h2,.person-text-bottom p,.person-text-bottom a {
color:#484c4f
}
.person-text-bottom a:hover {
color:#c00
}
.person-closer-mobile {
display:none
}
.person-closer {
float:left;
margin-top:30px;
margin-left:20px;
color:#484c4f
}
.person-closer img {
margin-bottom:4px
}
.person.show-detail .person-wrapper {
width:671px;
height:auto;
max-height:1000px
}
.person.show-detail .person-wrapper .person-image {
height:240px
}
.person.show-detail .person-wrapper .person-overlay {
bottom:-100%;
background:#fff
}
@media only screen and (min-width: 731px) {
.person:nth-child(3n-1) {
margin:0 20px 20px
}
.person.show-detail:nth-child(3n-1) {
left:-230px
}
.person.show-detail:nth-child(3n) {
left:-460px
}
}
@media only screen and (max-width: 730px) {
.team {
max-width:440px
}
.person:nth-child(2n) {
margin:0 0 20px 20px
}
.person-closer {
display:none
}
.person-closer-mobile {
display:block;
float:left;
width:100%;
padding:20px 10px 15px;
background:#fff;
color:#484c4f
}
.person-closer-mobile img {
margin-bottom:5px;
margin-right: 5px;
}
.person-wrapper {
width:440px
}
.person-text-top {
float:left;
width:100%;
width:440px;
min-height:0;
padding:10px
}
.person-text-bottom {
float:left;
width:440px;
padding:10px
}
.person.show-detail .person-wrapper {
width:440px;
height:auto;
max-height:1200px
}
.person.show-detail .person-wrapper .person-image-container {
width:440px;
height:335px
}
.person.show-detail .person-wrapper .person-image {
width:440px;
height:335px
}
.person.show-detail:nth-child(2n) {
left:-230px
}
}
@media only screen and (max-width: 480px) {
.team {
width:100%
}
.person {
float:none;
width:100%
}
.person .person-wrapper {
width:100%
}
.person .person-image-container {
width:100%;
height: 280px;
}
.person .person-image {
width:100%;
height: 245px;
}
.person .person-overlay {
width:100%;
bottom:-40px
}
.person:nth-child(2n) {
margin:0 0 20px
}
.person.show-detail:nth-child(2n) {
left:0
}
.person.show-detail .person-wrapper {
width:100%
}
.person.show-detail .person-wrapper .person-image-container {
width:100%
}
.person.show-detail .person-wrapper .person-image {
width:100%
}
.person-text-top {
width:100%
}
.person-text-bottom {
width:100%
}
}
.img-video {
background:#2d3942;
margin-bottom:40px
}
.img-video .img-video-text {
margin-left:460px;
padding-right:20px
}
.img-video .small-header {
margin-top:15px;
font-size:14px;
color:#6b7073
}
.img-video .img-video-text .small-header {
margin-top:15px !important;
}
.img-video h2 {
color:#f6f7f8;
line-height:1em;
margin-top:6px
}
.img-video h2:after {
content:'';
display:block;
width:25px;
height:2px;
margin:19px 0;
background:#f6f7f8
}
.img-video p {
color:#9ca3a7
}
.img-video img {
float:left;
width:440px;
max-width:100%;
height:auto
}
.img-video .media {
float:left
}
.img-video_white {
background:#FFFFFF;
margin-bottom:40px
}
.img-video_white .img-video-text {
margin-left:460px;
padding-right:20px
}
.img-video_white .small-header {
margin-top:15px;
font-size:14px;
color:#6b7073
}
.img-video_white h2 {
color:#484c4f;
line-height:1em;
margin-top:6px
}
.img-video_white h2:after {
content:'';
display:block;
width:25px;
height:2px;
margin:19px 0;
background:#f6f7f8
}
.img-video_white p {
color:#9ca3a7
}
.img-video_white img {
float:left;
width:440px;
max-width:100%;
height:auto
}
.img-video_white .media {
float:left
}
@media only screen and (max-width: 730px) {
.img-video {
max-width:440px;
margin:0 auto 40px
}
.img-video img {
float:none
}
.img-video .media {
float:none;
position:relative;
padding-bottom:56.25%;
/* 16:9 */
padding-top:25px;
height:0
}
.img-video .media iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.img-video .img-video-text {
margin-left:0;
padding:0 20px 20px
}
.img-video_white {
max-width:440px;
margin:0 auto 40px
}
.img-video_white img {
float:none
}
.img-video_white .media {
float:none;
position:relative;
padding-bottom:56.25%;
padding-top:25px;
height:0
}
.img-video_white .media iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.img-video_white .img-video-text {
margin-left:0;
padding:0 20px 20px
}
}
.ce-horizontal-list.fulllist .list-row .list-cell {
padding:0;
}
.ce-horizontal-list.fulllist .list-row {
display: block;
}
/*Events List*/
.subpage-content-col .eventlist .col-6 {width:100%; }
.subpage-content-col .eventlist .news-list-date {color:#c00;}
.subpage-content-col .eventlist .teaser-text {margin-top:10px; color:#63686c; }
.subpage-content-col .eventlist h2 a, .veranstaltungen h3{color:#63686c;}
.subpage-content-col .eventlist .moreLink, .subpage-content-col .article .more {font-size:18px !important;}
.subpage-content-col .eventlist .homenewsentry {margin-bottom:20px;}
@media only screen and (max-width: 940px) {
}
/*Events Detail*/
.articletype-tx_optimatikevent_event .accordion.show-children .accordion-body {
max-height: 10000px !important;
}
.news-single .event-teaser-text p, .news-single .news-text-wrap p, .news-single .event-text-wrap p {
color:#222;
}
.news-list-date p b, .news-list-date p strong {
font-weight:700;
font-size:1em;
}
.articletype-tx_optimatikevent_event.detailaside .accordion {
margin-top:0;
}
.articletype-tx_optimatikevent_event.detailaside .frame-type-text {
padding:0;
margin-bottom:0;
}
.articletype-tx_optimatikevent_event.detail .event-teaser-text {
margin-bottom: 25px;
}
.articletype-tx_optimatikevent_event.detail .event-teaser-text p {
margin-bottom: 0;
}
.articletype-tx_optimatikevent_event.detail .news-list-ort {
color: #888;
margin-bottom: 20px;
}
.articletype-tx_optimatikevent_event.detail h2 {
margin-bottom: 20px;
}
.articletype-tx_optimatikevent_event.detail .news-img-wrap {
float: none;
width: 100%;
margin: 25px 0 0 0;
}
.articletype-tx_optimatikevent_event.detail .news-img-wrap img {
width: 100%;
height: auto;
margin-bottom: 15px;
}
.articletype-tx_optimatikevent_event.detail .moreLink a,
.articletype-tx_optimatikevent_event.detail .news-backlink-wrap a {
display: block;
margin-top: 30px;
}
.articletype-tx_optimatikevent_event.detail .facebook {
position: absolute;
bottom: 15px;
}
.articletype-tx_optimatikevent_event.detail .facebook div {
float: left;
margin-right: 15px;
}
.articletype-tx_optimatikevent_event.detail .facebook .twitter {
width: 70px;
}
.articletype-tx_optimatikevent_event.detail .facebook .share {
width: 70px;
}
.articletype-tx_optimatikevent_event.detail .facebook .like {
max-width: 200px;
margin-top: 2px;
}
.articletype-tx_optimatikevent_event.detail .event-text-wrap p {
padding-bottom: 20px;
margin-bottom:0;
}
.articletype-tx_optimatikevent_event.detail .event-text-wrap ul {
padding-left:20px;
}
.articletype-tx_optimatikevent_event .accordion .accordion-body .person-aside a {
display: inline-block;
margin-left:0;
margin-top:0;
padding: 0;
background: none;
text-decoration:none;
color:#c00;
}
.articletype-tx_optimatikevent_event .accordion .accordion-body .person-aside a:empty {
display:none;
}
.articletype-tx_optimatikevent_event #twitter-widget-0 {
margin-right:15px;
}
.news-single .articletype-tx_optimatikevent_event .news-social {
padding-top: 13px;
padding-bottom: 5px;
}
@media only screen and (max-width: 940px) {
.articletype-tx_optimatikevent_event.detail {
padding-bottom: 80px;
}
.articletype-tx_optimatikevent_event.detail .facebook {
height: 70px;
}
.articletype-tx_optimatikevent_event.detail .facebook div {
float: none
}
}
.event-button-outer,
.accordion .accordion-body .person-aside .event-button-outer
{
margin-top: 20px;
margin-bottom: 20px;
float: left;
margin-right: 5px;
}
.accordion .accordion-body .person-aside .event-button-outer {
display: block;
float: none;
margin: 0;
}
.event-button,
.event-button:hover,
.accordion .accordion-body .person-aside a.event-button,
.accordion .accordion-body .person-aside a.event-button:hover {
background-color: #c00;
color: #fff;
padding: 10px 20px 10px 20px;
margin-left:28px;
}
.accordion .accordion-body .person-aside .ical-button-outer {
margin-top: 20px;
margin-bottom: 20px;
margin-left:28px;
}
.ical-button-outer a,
.ical-button-outer a:hover,
.accordion .accordion-body .person-aside .ical-button-outer a,
.accordion .accordion-body .person-aside .ical-button-outer a:hover {
background-color: #a5afb6;
color: #fff;
padding: 10px 20px 10px 20px;
}
@media only screen and (max-width: 940px) {
.accordion .accordion-body .person-aside .ical-button-outer,
.accordion .accordion-body .person-aside .event-button-outer a,
.accordion .accordion-body .person-aside .event-button-outer a:hover {
margin-left:50%;
}
}
@media only screen and (max-width: 600px) {
.accordion .accordion-body .person-aside .event-button-outer a,
.accordion .accordion-body .person-aside .ical-button-outer a {
text-align: center;
}
.accordion .accordion-body .person-aside .ical-button-outer,
.accordion .accordion-body .person-aside .event-button-outer a,
.accordion .accordion-body .person-aside .event-button-outer a:hover {
margin-left:0;
}
}
/*Events Home*/
.events-home {margin-bottom:20px;}
.events-home .teaserNews.newsArchiv {min-height:299px;}
.events-home .col-6 {width:66.6666%; }
.events-home .col-6:nth-of-type(2) {background-color:#2d3942; width:33.33%;}
.events-home .col-6 .col-6 {background-color:#fff; width:50%; }
.events-home .homenewsentry:nth-of-type(1) {min-height:299px; height:auto; border-right:1px solid #f1f1f1;}
.events-home .homenewsentry:nth-of-type(2) {min-height:299px; height:auto; }
.events-home .news h2 {margin-top:0;}
.events-home .news-list-date {color:#c00;}
.events-home .teaser-text {color:#63686c; }
.events-home .header h2 a {color:#63686c;}
.events-home .header {min-height:100px;}
.events-home .moreLink {font-size:18px !important;}
.events-home div[class|=ce] {padding:0 0px; margin-bottom:0px}
.events-home .contentstart {padding: 20px 20px 20px 20px;}
@media only screen and (max-width: 780px) {
.events-home .col-6 {min-height:0; width:100%; float:none;}
.events-home .col-6 .col-6 {min-height:0; width:100%; float:none; padding-left:0;}
.events-home .homenewsentry:nth-of-type(2) {
padding: 0px !important;
}
.events-home .homenewsentry {margin-bottom:20px;}
.events-home .header {min-height:0;}
.events-home .teaserNews.newsArchiv {
padding: 0 10px;
background: none;
color: #2d3942;
min-height: 0;
}
.events-home .col-6:nth-of-type(2) {background:none; width:100%;}
.events-home .col-6 .col-6:nth-of-type(2) {background:#fff;}
}
@media only screen and (max-width: 780px) {
.events-home .homenewsentry {margin-bottom:10px;}
}
@media only screen and (min-width: 730px) {
.events-home .col-6:nth-of-type(1) {background-color:#fff}
}
/*-------------------- Portrait -----------------------*/
.portrait {
margin: 50px 0;
padding: 0 20px;
}
.portrait .outer {
margin: -5px;
}
.portrait .flexbox {
margin: auto;
width: 100%;
height: 460px;
display: flex;
flex-flow: column;
flex-wrap: wrap;
}
.portrait .flexbox .box {
flex: 33.333%;
width: 33.333%;
padding: 5px;
box-sizing: border-box;
}
.portrait .flexbox .box.small {
height: 33.333%;
}
.portrait .flexbox .box.big {
flex: 66.666%;
height: 66.666%;
}
.portrait .flexbox .box .inner {
height: 100%;
width: 100%;
padding: 20px;
box-sizing: border-box;
position: relative;
background: #707f87;
}
.flexbox .box:nth-child(3n) .inner {
background: #707f8780;
}
.flexbox .box:nth-child(3n+2) .inner {
background: #cc0000;
}
.portrait .flexbox .box .inner:hover {
background: #cc000099;
}
.portrait .flexbox .box .inner * {
color: white;
}
.portrait .flexbox .box .inner h3.title {
font-size: 1.8em;
line-height: 1.2;
}
.portrait .flexbox .box .inner h3.title.bigtext {
font-size: 3em;
}
.portrait .flexbox .box .inner .legend {
position: absolute;
bottom: 15px;
max-width: 50%;
}
.portrait .flexbox .box .inner .icon {
position: absolute;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom right;
}
/*-------------------------- Leistungen -------------------------*/
.leistungen {
margin: 50px 0;
padding: 0 20px;
}
.leistungen .outer {
margin: -5px;
}
.leistungen .flexbox {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.leistungen .flexbox .box {
flex: 50%;
width: 50%;
padding: 5px;
box-sizing: border-box;
}
.leistungen .flexbox .box .inner {
height: 100%;
min-height: 200px;
width: 100%;
padding: 20px;
box-sizing: border-box;
position: relative;
background: #707f8780;
}
.leistungen .flexbox .box .inner:hover {
background: #707f87;
}
.leistungen .flexbox .box .inner *{
color: white;
}
.leistungen .flexbox .box .inner h2.title{
/* font-size: 2.5em;*/
hyphens: auto;
font-size: 1.8em;
line-height: 1.2;
font-weight: 600;
}
.leistungen .flexbox .box .inner .linktext{
position: absolute;
bottom: 20px;
padding-left: 1.5em;
}
.leistungen .flexbox .box .inner .linktext:before{
content: '';
background: url(../Icons/arrow_right_white.svg) no-repeat;
background-size: cover;
position: absolute;
width: 1em;
height: 1em;
left: 0;
bottom: 50%;
transform: translateY(50%);
}
.leistungen .flexbox .box .inner .icon {
position: absolute;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom right;
}
/*-------------------------- Download - File List -------------------------*/
body.download .frame-type-uploads {
padding: 0 20px 50px 20px;
}
body.download .frame-type-uploads header {
margin-bottom: 20px;
}
body.download .frame-type-uploads h2 {
margin: 0;
color: black;
font-weight: bold;
}
body.download .frame-type-uploads .ce-uploads li {
border-bottom: 1px solid #707f8780;
padding: 10px;
margin: 0;
}
body.download .frame-type-uploads .ce-uploads li:first-child {
border-top: 1px solid #707f8780;
}
body.download .frame-type-uploads .ce-uploads li:before {
display: none;
}
body.download .frame-type-uploads .ce-uploads img {
float: left;
padding-right: 20px;
vertical-align: middle;
height: 20px;
width: auto;
}
body.download .frame-type-uploads .ce-uploads span {
display: inline-block;
color: black;
}
body.download .frame-type-uploads .ce-uploads .ce-uploads-filesize,
body.download .frame-type-uploads .ce-uploads .ce-uploads-moddate {
float: right;
}
/* Optimatik Forum Login Pop Up */
.popupoverlay{
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 602;
background-color: rgba(0,0,0,.5);
display: none;
}
.popup{
background-color: white;
width: 400px;
height: 690px;
border-top: solid 6px #c00;
border-radius: 5px;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
z-index: 603;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.popuplink{
cursor: pointer;
padding-left: 20px;
}
.popup header{
margin-bottom: 20px;
}
.popup h2{
padding-left: 20px;
margin-top: 20px !important;
}
.popup .bereitslogin h3,
.popup .erstmalig{
display: block;
}
#demozugang .popup .tx-powermail .powermail_fieldwrap_marker {
width: 100%;
}
#demozugang h2 {
margin-bottom:30px;
font-size: 28px !important;
color: #484c4f;
}
#demozugang .powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_marker_01.nolabel,
#demozugang .powermail_fieldwrap_type_check.powermail_fieldwrap_ichmoechtemichfuerdennewsletteranmelden {
margin:20px 0;
}
#demozugang .popup {
min-height: inherit;
height: 554px;
}
.popup .tx-powermail .powermail_fieldset .powermail_field input,
.popup .tx-powermail .powermail_fieldset .powermail_field select{
width: 100% !important;
}
.popup .tx-powermail .powermail_fieldset .powermail_field select {
background: url(../Icons/arrow-down-black.svg) no-repeat right 5px center;
background-size: 15px 7px;
}
.popup .tx-powermail .powermail_fieldset .powermail_field input:focus,
.popup .tx-powermail .powermail_fieldset .powermail_field select:focus{
outline: none;
}
.popup .tx-powermail .powermail_fieldset .powermail_field input[type=submit]{
width: 100% !important;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.powermail_fieldwrap.powermail_fieldwrap_popupschliessen {
width: 48%;
float: left;
clear: unset;
}
.popup .tx-powermail .powermail_fieldwrap_anrede .powermail_field{
width: 100%;
}
.popup .tx-powermail .powermail_fieldwrap_agb > .powermail_field > .checkbox > label{
display: flex;
}
.popup .tx-powermail .powermail_fieldwrap_agb > .powermail_field > .checkbox > label > .powermail_checkbox{
width: 20px !important;
margin: auto 10px auto 0;
}
.popup .tx-powermail .popupschliessen{
padding: 10px 47px;
border: 1px solid #e6e8e8;
background-color: #e6e8e8;
color: black;
line-height: 54px;
cursor: pointer;
}
.popup .tx-powermail .powermail_fieldwrap_marker{
width: 48%;
float: left;
clear: unset;
}
.popup input[type=text], .popup select {
-webkit-appearance: none;
border-radius: 0;
border: 1px black solid;
}
.popup select {
}
.popup .tx-powermail .powermail_fieldwrap_bereitslogin{
margin-top: 20px;
}
.popup .tx-powermail .powermail_fieldwrap_bereitslogin p{
margin-bottom: 0;
}
.popup .tx-powermail .powermail_fieldset .parsley-errors-list.filled{
display: none !important;
}
.popup .tx-powermail .powermail_fieldwrap_type_submit {
width: 48%;
float: right;
clear: unset;
}
@media screen and (max-width: 425px){
.popup{
width: 300px;
height: 685px;
}
.popup h2{
font-size: 24px !important;
padding-left: 20px;
padding-right: 20px;
}
.popup .tx-powermail .popupschliessen{
padding: 10px 23px;
}
.popup .tx-powermail .powermail_fieldwrap_marker,
.popup .tx-powermail .powermail_fieldwrap_type_submit{
margin-top: 10px;
}
}
/* Top Button */
.topbutton {
background: url(../Images/top.svg) no-repeat center #fff;
background-size: 18px 14px;
width: 35px;
height: 35px;
bottom:0;
transition: opacity .3s;
opacity: 0;
z-index: 600;
position: fixed;
right:40px;
cursor: pointer;
}
.topbutton.show{
opacity: 1;
}
/* Sticky Navi */
.stickynavi {
position: fixed;
right: 0;
background: #c00c00;
top: 306px;
width: 40px;
height: 205px;
z-index: 20;
}
.stickynavi .mail a{
display: inline-block;
height: 47px;
width: 40px;
background:url('../Images/mail.svg') no-repeat center;
background-size: 25px 17px;
border-bottom: 1px #fff solid;
}
.stickynavi .download a{
display: inline-block;
height: 47px;
width: 40px;
background:url('../Icons/icon_support.svg') no-repeat center;
background-size: 25px 21px;
border-bottom: 1px #fff solid;
}
.stickynavi .kontakt a{
display: block;
text-align: center;
padding: 0;
}
.stickynavi .kontakt a img{
width: 20px;
height: auto;
padding-top: 16px;
}
/* Sidenavi fixed */
.sideNavigation.fixed {
background-color: #f2f2f2;
position: fixed;
top: 0;
width: 230px;
}
.sideNavigation.footernav {
width: 100%;
left: 0;
top: inherit;
bottom: 0;
margin-bottom: -47px;
z-index: -1;
position: relative;
opacity: 0;
}
.sideNavigation.footernav.show {
opacity: 1;
z-index: 9;
}
.sideNavigation.hide {
opacity: 0;
z-index: -1;
}
.sideNavigation.footernav li{
display: inline-block;
}
.sideNavigation.fixed.infooter.notinfooter {
top: 0;
bottom: inherit;
width: 230px;
left: inherit;
}
.sideNavigation.fixed.infooter.notinfooter li{
display: block;
}
/*Slick Slider*/
.galerie {
margin:0 20px;
}
.slick-slide img{
width: 100%;
height: auto;
}
.slick-dots{
display: none !important;
}
.slick-next{
background:url('../Icons/arrow-right-grey.svg') no-repeat center #E3E5E6;
background-size: 15px 35px;
height: 40px;
width: 40px;
font-size: 0px !important;
position: absolute;
right: 0;
top: calc(50% - 20px);
border: none !important;
z-index: 10;
}
.slick-prev{
background:url('../Icons/arrow-left-grey.svg') no-repeat center #E3E5E6;
background-size: 15px 35px;
height: 40px;
width: 40px;
font-size: 0px !important;
position: absolute;
left: 0;
top: calc(50% - 20px);
border: none !important;
z-index: 10;
}
.playbutton{
background: url(../Icons/playbutton-grey.svg) no-repeat center #E3E5E6;
background-size: 40px 40px;
height: 80px;
width: 80px;
font-size: 0px !important;
position: absolute;
margin-left: 295px;
top: calc(50% - 40px);
border: none !important;
z-index: 10;
border-radius: 50%;
background-position: 26px;
}
.gallerytext{
margin-top: 20px;
}
/*Roter balken*/
.boxred .left{
float: left;
width: 175px;
padding-left: 30px;
background-color: #b61918;
color: white;
height: 98px;
vertical-align: middle;
align-items: center;
display: flex;
font-weight: 600;
padding-bottom: 20px;
font-size: 20px;
}
.boxred .right{
background-color: #cb151a;
color: white;
height: 98px;
vertical-align: middle;
padding-left: 30px;
align-items: center;
display: flex;
width: calc(100% - 175px);
margin-right: 0 !important;
font-weight: 600;
padding-bottom: 20px;
font-size: 20px;
}
.boxred{
display: flex;
}
.boxred a{
display: block;
width: 100%;
}
.subtitle{
position: absolute;
margin-top: 50px;
font-weight: normal !important;
font-size: 16px !important;
opacity: 0.6;
}
/*Popup Demo*/
input#powermail_field_marker_01_1.powermail_checkbox.powermail_checkbox_110,
input#powermail_field_ichmoechtemichfuerdennewsletteranmelden_1{
width: 6% !important;
float: left;
margin-top: 5px;
margin-right:10px;
}
#demozugang h3{
font-size: 28px !important;
margin-left: 20px;
margin-top: 130px;
width: 75%;
}
/*Smart metering smart grid slider*/
.logoslider .news-img-wrap a {
border: none !important;
padding: 0 !important;
}
.logoslider .news-img-wrap {
padding: 4px;
}
.testimonialpage .subpage-content .subpage-content-col {
background:none;
padding:0;
}
.testimonialslider {
/* width: calc(100% + 30px);
margin: 0 -15px 0 -15px;*/
margin: 0 15px;
width:calc(100% - 30px);
}
.testimonials .teaserText{
background-color: white;
padding: 20px;
}
.testimonials .teaserText a{
background: url(../Icons/arrow_right_red.svg) no-repeat left top 3px;
background-size: 16px 16px;
padding-left: 28px;
}
.testimonials .teaserTitle{
margin-top: 100px !important;
text-align: center;
}
.testimonialslider .slick-next,
.testimonialslider .slick-prev{
/* display: none !important;*/
}
.testimonials .teaser{
text-align: center;
color: #484c4f;
height: auto !important;
}
.testimonialslider .slick-dots{
display: none !important;
list-style-type: none;
text-align: center;
position: relative;
top: -50px;
}
.testimonialslider .slick-dots li, .logoslider .slick-dots li{
display: inline;
margin:0 5px;
}
.testimonialslider .slick-dots li button{
background:url(../Icons/dot-empty.svg) no-repeat center;
background-size: 10px 10px;
height: 10px;
width: 10px;
border: none;
font-size: 0;
outline: none !important;
}
.testimonialslider .slick-dots .slick-active button{
background:url(../Icons/dot.svg) no-repeat center !important;
}
.testimonials .news-img-wrap img{
width: 100% !important;
}
.subpage-content .news-list-view .article{
outline: none !important;
}
.logoslider .news-img-wrap img {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
filter: grayscale(1);
transition: all 0.5s ease;
}
.logoslider .news-img-wrap:hover img{
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
}
/*Logoslider*/
.logoslider {
margin: 0 20px;
width: calc(100% - 30px);
}
.logoslider .slick-dots{
display: none !important;
list-style-type: none;
text-align: center;
position: relative;
top: -20px;
}
.logoslider .slick-dots li{
display: inline;
}
.logoslider .slick-dots li button{
background:url(../Icons/dot-empty.svg) no-repeat center;
background-size: 10px 10px;
height: 10px;
width: 10px;
border: none;
font-size: 0;
outline: none !important;
}
.logoslider .slick-dots .slick-active button{
background:url(../Icons/dot.svg) no-repeat center !important;
}
.testimonialslider .slick-next{
background: url(../Icons/arrow-right-grey.svg) no-repeat center;
background-size: contain;
height: 20px;
width: 20px;
right:-14px;
top: 79px;
}
.testimonialslider .slick-prev {
background: url(../Icons/arrow-left-grey.svg) no-repeat center;
background-size: contain;
height: 20px;
width: 20px;
left: -14px;
top: 79px;
}
.logoslider .slick-next{
background: url(../Icons/arrow-right-grey.svg) no-repeat center;
background-size: contain;
height: 20px;
width: 20px;
right:-9px;
top:calc(50% - 10px);
}
.logoslider .slick-prev {
background: url(../Icons/arrow-left-grey.svg) no-repeat center;
background-size: contain;
height: 20px;
width: 20px;
left: -19px;
top:calc(50% - 10px);
}
:lang(fr) .stickynavi {
/* height: 99px !important;*/
}
:lang(fr) .stickynavi .kontakt {
/* display: none !important;*/
}
html[lang="de"] svg g a g:hover path.st3,
html[lang="de"] svg g a g:hover path.st6,
html[lang="fr"] svg g a g:hover path.st4,
html[lang="fr"] svg g a g:hover path.st6 {
fill: #2d3942 !important;
}
.team-content .text-center{
text-align: center;
}