html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
overflow-y:scroll;
}
/* 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;
text-decoration:none;
}
/**
* 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: bold;
}
/**
* 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: 0.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: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignleft + p{float:left;}
img.alignright + p{float:right;}
/**
* 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"], /* 1 */
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 #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.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: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
html, body, button, h1,h2,h3,h4,h5 {
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smooth:always;
}
/* Social Share (Shariff von heise) */
@font-face {
font-family: 'si';
src: url('../fonts/socicon.eot');
src: url('../fonts/socicon.eot?#iefix') format('embedded-opentype'),
url('../fonts/socicon.woff') format('woff'),
url('../fonts/socicon.ttf') format('truetype'),
url('../fonts/socicon.svg#icomoonregular') format('svg');
font-weight: normal;
font-style: normal;
}
.shariff::after,
.shariff::before {
content: " ";
display: table
}
.shariff::after {
clear: both
}
.shariff ul {
padding: 0;
margin: 0;
list-style: none
}
.shariff li {
height: 35px;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
.shariff li a {
color: #fff;
position: relative;
display: block;
height: 35px;
text-decoration: none;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.shariff li .share_count,
.shariff li .share_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
vertical-align: middle;
line-height: 35px
}
.shariff li .fa {
width: 26px;
height:26px;
line-height: 24px;
text-align: center;
vertical-align: middle;
display:inline-block;
border-radius:2px;
}
.shariff li .share_count {
padding: 0 8px;
height: 33px;
position: absolute;
top: 1px;
right: 1px
}
.shariff .orientation-horizontal li {
-webkit-box-flex: 1
}
.shariff .orientation-horizontal .info {
-webkit-box-flex: 0
}
.shariff .orientation-horizontal li {
margin-bottom: 10px
vertical-align:middle;
}
.shariff .orientation-horizontal li:last-child {
margin-right: 0
}
.shariff .orientation-horizontal li .share_text {
display: block;
text-indent: -9999px;
padding-left: 16px;
color: #282828;
font-size:18px;
}
.shariff .orientation-horizontal li .share_count {
display: none
}
.shariff .theme-grey .shariff-button a {
background-color: #b0b0b0
}
.shariff .theme-grey .shariff-button .share_count {
background-color: #ccc;
color: #333
}
.shariff .theme-white .shariff-button {
border: 1px solid #ddd
}
.shariff .theme-white .shariff-button a {
background-color: #fff
}
.shariff .theme-white .shariff-button a:hover {
background-color: #eee
}
.shariff .theme-white .shariff-button .share_count {
background-color: #fff;
color: #999
}
.shariff .orientation-vertical {
min-width: 110px
}
.shariff .orientation-vertical li {
display: block;
width: 100%;
margin: 5px 0
}
.shariff .orientation-vertical li .share_count {
width: 24px;
text-align: right
}
@media only screen and (min-width: 360px) {
.shariff .orientation-horizontal li {
margin-right: 1.8%;
width: auto;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.shariff .orientation-horizontal li .share_count {
display: block
}
.shariff .orientation-horizontal.col-1 li,
.shariff .orientation-horizontal.col-2 li {
min-width: 110px;
max-width: 160px
}
.shariff .orientation-horizontal.col-1 li .share_text,
.shariff .orientation-horizontal.col-2 li .share_text {
text-indent: 0;
display: inline
}
.shariff .orientation-horizontal.col-5 li,
.shariff .orientation-horizontal.col-6 li {
-webkit-flex: none;
-ms-flex: none;
flex: none
}
}
@media only screen and (min-width: 640px) {
.shariff .orientation-horizontal.col-3 li {
min-width: 110px;
max-width: 160px
}
.shariff .orientation-horizontal.col-3 li .share_text {
text-indent: 0;
display: inline
}
}
@media only screen and (min-width: 768px) {
.shariff .orientation-horizontal li .share_text {
text-indent: 0;
display: inline-block
}
.shariff .orientation-horizontal.col-5 li,
.shariff .orientation-horizontal.col-6 li {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
}
@media only screen and (min-width: 1024px) {
.shariff li {
height: 30px
}
.shariff li a {
height: 30px
}
.shariff li .fa {
width: 26px;
line-height: 24px
}
.shariff li .share_count,
.shariff li .share_text {
line-height: 30px
}
.shariff li .share_count {
height: 28px
}
}
.shariff .addthis a {
background-color: #f8694d
}
.shariff .addthis a:hover {
background-color: #f75b44
}
.shariff .addthis .fa-plus {
font-size: 14px
}
.shariff .addthis .share_count {
color: #f8694d;
background-color: #f1b8b0
}
.shariff .theme-white .addthis a {
color: #f8694d
}
@media only screen and (min-width: 600px) {
.shariff .addthis .fa-plus {
font-size: 14px;
position: relative;
top: 1px
}
}
.shariff .diaspora a {
background-color: #999
}
.shariff .diaspora a:hover {
background-color: #b3b3b3
}
.shariff .diaspora .fa-times-circle {
font-size: 17px
}
.shariff .theme-white .diaspora a {
color: #999
}
@media only screen and (min-width: 600px) {
.shariff .diaspora .fa-times-circle {
font-size: 16px
}
}
.shariff .facebook .fa-facebook {
background-color:#00264F;
font-size: 16px
}
.shariff .facebook .share_count {
color: #183a75;
background-color: #99adcf
}
.shariff .theme-white .facebook a {
color: #3b5998
}
@media only screen and (min-width: 600px) {
.shariff .facebook .fa-facebook {
font-size: 16px
}
}
.shariff .flattr a {
background-color: #7ea352
}
.shariff .flattr a:hover {
background-color: #F67C1A
}
.shariff .flattr a:hover .share_count {
color: #d56308;
background-color: #fab47c
}
.shariff .flattr .fa-money {
font-size: 22px
}
.shariff .flattr .share_count {
color: #648141;
background-color: #b0c893
}
.shariff .theme-white .flattr a {
color: #F67C1A
}
@media only screen and (min-width: 600px) {
.shariff .flattr .fa-money {
font-size: 19px
}
}
.shariff .googleplus .fa-google-plus {
background-color:#00264F;
font-size: 16px
}
.shariff .googleplus .share_count {
color: #a31601;
background-color: #eda79d
}
.shariff .theme-white .googleplus a {
color: #d34836
}
@media only screen and (min-width: 600px) {
.shariff .googleplus .fa-google-plus {
font-size: 16px
}
}
.shariff .info {
border: 1px solid #ccc
}
.shariff .info a {
color: #666;
background-color: #fff
}
.shariff .info a:hover {
background-color: #efefef
}
.shariff .info .fa-info {
font-size: 20px;
width: 33px
}
.shariff .info .share_text {
display: block!important;
text-indent: -9999px!important
}
.shariff .theme-grey .info a {
background-color: #fff
}
.shariff .theme-grey .info a:hover {
background-color: #efefef
}
.shariff .orientation-vertical .info {
width: 35px;
float: right
}
@media only screen and (min-width: 360px) {
.shariff .orientation-horizontal .info {
-webkit-flex: none!important;
-ms-flex: none!important;
flex: none!important;
width: 35px;
min-width: 35px!important
}
}
@media only screen and (min-width: 1024px) {
.shariff .info .fa-info {
font-size: 16px;
width: 23px
}
.shariff .orientation-horizontal .info {
width: 25px;
min-width: 25px!important
}
.shariff .orientation-vertical .info {
width: 25px
}
}
.shariff .linkedin .fa-linkedin {
background-color: #00264F;
font-size: 22px
}
.shariff .linkedin .share_count {
color: #004785;
background-color: #33AAE8
}
.shariff .theme-white .linkedin a {
color: #0077b5
}
@media only screen and (min-width: 600px) {
.shariff .linkedin .fa-linkedin {
font-size: 19px
}
}
.shariff .mail a {
background-color: #999
}
.shariff .mail a:hover {
background-color: #a8a8a8
}
.shariff .mail .fa-envelope {
font-size: 21px
}
.shariff .theme-white .mail a {
color: #999
}
@media only screen and (min-width: 600px) {
.shariff .mail .fa-envelope {
font-size: 18px
}
}
.shariff .pinterest a {
background-color: #bd081c
}
.shariff .pinterest a:hover {
background-color: #d50920
}
.shariff .pinterest .fa-pinterest-p {
font-size: 22px
}
.shariff .pinterest .share_count {
color: #a31601;
background-color: #eda79d
}
.shariff .theme-white .pinterest a {
color: #bd081c
}
@media only screen and (min-width: 600px) {
.shariff .pinterest .fa-pinterest-p {
font-size: 19px;
position: relative;
top: 1px
}
}
.shariff .reddit a {
background-color: #ff4500
}
.shariff .reddit a:hover {
background-color: #ff6a33
}
.shariff .reddit .fa-reddit {
font-size: 17px
}
.shariff .theme-white .reddit a {
color: #ff4500
}
@media only screen and (min-width: 600px) {
.shariff .reddit .fa-reddit {
font-size: 16px
}
}
.shariff .stumbleupon a {
background-color: #eb4924
}
.shariff .stumbleupon a:hover {
background-color: #ef7053
}
.shariff .stumbleupon .fa-stumbleupon {
font-size: 17px
}
.shariff .theme-white .stumbleupon a {
color: #eb4924
}
@media only screen and (min-width: 600px) {
.shariff .stumbleupon .fa-stumbleupon {
font-size: 16px
}
}
.shariff .twitter .fa-twitter {
background-color:#00264F;
font-size: 14px
}
.shariff .twitter .share_count {
color: #0174a4;
background-color: #96D4EE
}
.shariff .theme-white .twitter a {
color: #55acee
}
@media only screen and (min-width: 600px) {
.shariff .twitter .fa-twitter {
font-size: 14px
}
}
.shariff .whatsapp a {
background-color: #5cbe4a
}
.shariff .whatsapp a:hover {
background-color: #34af23
}
.shariff .whatsapp .fa-whatsapp {
font-size: 28px
}
.shariff .theme-white .whatsapp a {
color: #5cbe4a
}
@media only screen and (min-width: 600px) {
.shariff .whatsapp .fa-whatsapp {
font-size: 22px
}
}
.shariff .xing a {
background-color: #126567
}
.shariff .xing a:hover {
background-color: #29888a
}
.shariff .xing .fa-xing {
font-size: 22px
}
.shariff .xing .share_count {
color: #15686a;
background-color: #4fa5a7
}
.shariff .theme-white .xing a {
color: #126567
}
@media only screen and (min-width: 600px) {
.shariff .xing .fa-xing {
font-size: 19px
}
}
.shariff .tumblr a {
background-color: #36465D
}
.shariff .tumblr a:hover {
background-color: #44546B
}
.shariff .tumblr .fa-tumblr {
font-size: 28px
}
.shariff .theme-white .tumblr a {
color: #5cbe4a
}
@media only screen and (min-width: 600px) {
.shariff .tumblr .fa-tumblr {
font-size: 22px
}
}
.shariff .threema a {
background-color: #333
}
.shariff .threema a:hover {
background-color: #1f1f1f
}
.shariff .threema .fa-lock {
font-size: 28px
}
.shariff .theme-white .threema a {
color: #333
}
@media only screen and (min-width: 600px) {
.shariff .threema .fa-lock {
font-size: 22px
}
}
.shariff-button a .fa:before{font-family:si!important;font-style:normal;font-weight:400;margin:0px 5px 0px 7px;display:inline-block;vertical-align: middle;}
.shariff .googleplus .fa-google-plus:before{content:'c';}
.shariff .facebook .fa-facebook:before{content:'b';margin-left:5px;}
.shariff .twitter .fa-twitter:before{content:'a';}
.shariff .info .share_text{text-indent: 0px !important;}
.shariff .orientation-vertical li.info{border:0;width:auto;margin:5px 0px 0px;height:auto;}
.shariff .orientation-vertical li.info a{margin:0;height:auto;}
.shariff .orientation-vertical li.info a:hover{background:none;text-decoration: underline;}
.shariff .orientation-vertical li.info a .share_text{line-height:100%;}
.shariff-button.info{display:none !important;}
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.row,
.centered{
position: relative;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 50px;
box-sizing: border-box; }
.centered > .row{padding:0;}
/* For devices larger than 550px */
@media (min-width: 550px) {
.col{padding: 0px 16px;box-sizing:border-box;float:left;}
.one.col{width:25%}
.two.col{width:50%}
.three.col{width:75%}
.four.col{width:100%}
section.products-list .info b{left:16px;}
}
.col.right{float:right;}
span.mandatory{float:right;padding-right:32px;color:#FFF;box-sizing:border-box;}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
font-size: 62.5%; }
body {
font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
line-height: 1.6;
color: #282828; }
div{box-sizing:border-box;}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 2rem;
font-weight: 400;color:#01305C;}
h1 { font-size: 4.0rem; line-height: .98; letter-spacing: -.2rem;}
h2 { font-size: 3.6rem; line-height: 1.25;margin-bottom: 1.4rem;}
h3 { font-size: 3.0rem; line-height: 1.3; }
h4 { font-size: 2.4rem; line-height: 1.35; }
h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
h1 + subline,
h2 + subline,
h3 + subline{color:#01305C;font-size:1.6em;max-width: 1280px;padding:0px 50px;width:100%;margin:0px auto 2.9rem auto;line-height: 1.25em;display:block;box-sizing:border-box;}
/* Larger than phablet */
@media (min-width: 550px) {
h1 { font-size: 5.0rem; }
h2 { font-size: 4.2rem; }
h3 { font-size: 3.6rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }
}
p {
margin-top: 0; }
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
color: #728cb5; }
a:hover {
color: #EC7C16; }
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
display: inline-block;
height: 38px;
padding: 0 30px;
color: #555;
text-align: center;
font-size: 11px;
font-weight: 600;
line-height: 38px;
letter-spacing: .1rem;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border-radius: 4px;
border: 1px solid #bbb;
cursor: pointer;
box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
color: #333;
border-color: #888;
outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
background-color: #33C3F0;
border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB; }
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
height: 38px;
padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
background-color: #fff;
border: 1px solid #D1D1D1;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
textarea {
min-height: 65px;
padding-top: 6px;
padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
outline: 0; }
label,
legend {
display: block;
margin-bottom: .5rem;
font-weight: 600; }
fieldset {
padding: 0;
border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
display: inline; }
label > .label-body {
display: inline-block;
margin-left: .5rem;
font-weight: normal; }
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
list-style: circle inside; }
ol {
list-style: decimal inside; }
ol, ul {
padding-left: 0;
margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 100%; }
li {
margin-bottom: 1rem; }
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
padding: .2rem .5rem;
margin: 0 .2rem;
font-size: 90%;
white-space: nowrap;
background: #F1F1F1;
border: 1px solid #E1E1E1;
border-radius: 4px; }
pre > code {
display: block;
padding: 1rem 1.5rem;
white-space: pre; }
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
padding: 12px 15px;
text-align: left;
border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
padding-left: 0; }
th:last-child,
td:last-child {
padding-right: 0; }
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
margin-bottom: 2.5rem; }
.bck--white{background-color:#FFFFFF !important;}
.bck--blue{background-color:#01305C !important;}
.bck--darkblue{background-color:#0A0B20 !important;}
.bck--grey{background-color:#EFEFEF !important;}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.fullwidth {
width: 100%;
box-sizing: border-box; }
.u-max-full-width {
max-width: 100%;
box-sizing: border-box; }
.u-pull-right {
float: right; }
.u-pull-left {
float: left; }
/* Font
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section.hero h1,
section.infoslider .infos h4,
section.plain_grid > .row .col h4,
section.plain_grid > .row .col big,
section.produktslider h4,
section.produktslider .slide .infos h3,
section.products-list .info h3,
footer h3,
section.footer-boxes h3,
a.next,
.wpcf7-form label,
section.hero.fullscreen .col.right > div > strong,
section.hero.fullscreen .col.right b,
.folder,
section.produktslider h2,
section.blog h2,
section.blog footer h4,
section.blog article.sticky a,
section.blog > div > h4,
section.blog .comment-form-wrapper h3{font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeueW01-75Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;}
section nav a,
section.testimonials blockquote + span,
a.dwnld_btn, a.btn,
#nav-main a,
#servicelasche a,
section.products-list .info a,
footer a,
section.kacheln .col .info a.btn,
.dwnld,
.burger,
#lang_sel,
a.next span,
fieldset.checkbox label,
.wpcf7-submit, .wpcf7-form .button, .wpcf7-form button,
input[type="submit"], input[type="reset"], input[type="button"],
.wpcf7-form fieldset.checkbox a,
section.blog h1,
section.blog-list .latest article h2{font-family: "HelveticaNeue", "Helvetica Neue", "HelveticaNeueW01-55Roma", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight:normal;}
.wpcf7-form fieldset.txtarea{clear:both;display:block;width:100%;padding-right:20px;}
.wpcf7-form fieldset.txtarea + fieldset{clear:both;display:block;}
.wpcf7-form fieldset.txtarea + fieldset.checkbox.nl{margin-top:0;}
.wpcf7-form fieldset.txtarea textarea{width:100%;height:150px;}
.l > span{display:none;}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
margin-top: 3rem;
margin-bottom: 3.5rem;
border-width: 0;
border-top: 1px solid #E1E1E1; }
a#top{width:190px;position:relative;display: block;height:33px;}
a#top img{width:100%;height:auto;display:block;}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.elastic-video {
position: relative;
padding-bottom: 55%;
padding-top: 15px;
height: 0;
overflow: hidden;
max-width:1280px;
max-height:720px;
margin:0px auto;
}
.elastic-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width:1280px;
max-height:720px;
}
.sp-arrow{width:15px;}
.sp-button{border:0px;background:#CBCBCB;}
.sp-selected-button{background:#EC7C16;}
.sp-slides.ease{-webkit-transition: all 1.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-moz-transition: all 1.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
-o-transition: all 1.5s cubic-bezier(0.000, 0.000, 0.580, 1.000);
transition: all 1.5s cubic-bezier(0.000, 0.000, 0.580, 1.000); /* ease-out */
}
.burger{display:none;}
span.close {
position: absolute;
right: -15px;
top: 5px;
width: 16px;
height: 16px;
}
span.close:before, span.close:after {
position: absolute;
left: 0px;
content: ' ';
height: 16px;
width: 2px;
background-color: #032950;
}
a:hover span.close:before,
a:hover span.close:after{background-color:#FFF;}
span.close:before {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
span.close:after {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.img,
.img img{width:100%;height:auto;display:block;}
.mobile{display:none;}
.desktop{display:block;}
.container{box-sizing:border-box;}
.box{background:#FFF;border:1px solid #E9E9E9;padding:16px;}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
section:after,
.row:after,
.u-cf,
section.infoslider .infos:after,
#nav-main ul:after,
.clearfix:after,
#lang_sel:after,
.wpcf7-form:after,
section.hero.fullscreen .col.right > div > div:after{
content: "";
display: table;
clear: both; }
/* Styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#stage,
.modals,
section.kacheln .col.hasLink .img,
section.kacheln .col.hasLink .img > div{
transition: all 400ms ease-in-out;
}
.modal{
transition: all 300ms ease-in-out;
}
a.dwnld_btn,
a.btn{font-size: 18px;background:#EC7C16;padding:9px 15px 8px 40px;color:#FFF;text-decoration: none;display:inline-block;margin-top:12px;position:relative;border-radius:2px;line-height: 22px;}
a.btn{padding-left:34px;}
a.btn:before{position:absolute;left:12px;top:12px;display:block;content:' ';width:14px;height:17px;background:url(../img/arrow-forward.png) 0px 0px no-repeat;background-size:100% auto;}
a.btn:hover,
a.dwnld_btn:hover{background:#e15b0b;}
a.btn:active,
a.dwnld_btn:active{background:#d83b01;}
a.dwnld_btn:before{position:absolute;left:12px;top:11px;display:block;content:' ';width:14px;height:17px;background:url(../img/file-download.png) 0px 0px no-repeat;background-size:100% 100%;}
#stage{padding-top:160px;}
#stage > header{background:#FFF;padding-bottom:42px;z-index:900;position:fixed;top:0px;left:0px;padding-right:25px;padding-top:60px;transition: top 0.3s ease-out;width:100%;
-webkit-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000);
-moz-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000);
-o-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000);
transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000); /* ease-out */
}
#stage > header > .row{}
#stage > header + main > section:first-child{border-top:1px solid #E9E9E9;}
#stage > header + main > section.hero{border-top:0;padding-top:32px;}
body.nav-up #stage > header,
body.anchorClick.nav-down #stage > header{top: -145px;}
body.nav-down section nav.sticky{top:140px;}
body.anchorClick.nav-down section nav.sticky{top:0px;}
header .three.col > div{width:82%;float:left;}
header .three.col > div + div{width:17%;float:right;}
#nav-main{padding-top:15px;float:left;}
#nav-main ul{list-style:none;margin:0;}
#nav-main ul li{float:left;margin:0px 28px 0 0;}
#nav-main a{font-size: 1.2em;margin:0px 28px 0 0;position:relative;}
#lang_sel{margin-top:2px;font-size: 1.2em;}
#nav-main a.external{padding-right:30px;}
#nav-main a.external:after{content:' ';display:block;background:url(../img/launch.png) 0px 0px no-repeat;background-size:100% 100%;width:18px;height:18px;position:absolute;right:0px;top:2px;}
#nav-main a.external:hover:after{background-image:url(../img/launch_hover.png);}
#nav-main a:last-child{margin-right:0;}
#nav-main li.current_page_item a,
#nav-main a.active,
body.nav-is-visible #nav-main li.current_page_item a{color:#EC7C16;}
section h2,
section subline{text-align:center;display:block;}
section h2{font-size:4.26em;}
section{padding-top:100px;}
p:last-child{margin-bottom:0;}
#stage > footer,
#main{padding-bottom:50px;}
#main > a.anchor{position:absolute;margin-top:20px;}
section a.anchor{top: -110px;position: absolute;}
section.hero{font-size:1.4em;color:#282828;overflow:hidden;}
section.hero > .row{padding:0;}
section.hero a{color:#728cb5;letter-spacing: .01em;}
section.hero a:hover{color:#e15b0b;}
section.hero .col{position:absolute;z-index:50;top:0px;right:0px;}
section.hero em{font-size:1.35em;color:#01305C;font-style: normal;display:block;}
section.hero p{color:#282828;font-size:.825em;margin:0;line-height:1.65em;}
section.hero h1{margin:30px 0px .25em;font-size:3em;line-height:1.05em;}
section.hero h1.small,
section.hero strong.small{display:none;}
section.hero .img{width:65%;position:absolute;left:0px;bottom:0px;z-index:10;max-width: 810px;}
section.hero.fullscreen{overflow:visible;}
section.hero.fullscreen .img{position:relative;width:100%;max-width:2500px;overflow:hidden;}
section.hero.fullscreen .col.right{box-sizing: border-box;height:50%;padding-right:32px;min-width:530px;}
section.hero.fullscreen .col.right > div{background:#01305C;color:#FFF;padding:40px;margin-top:-40px;height:100%;width:100%;box-sizing: border-box;position:relative;}
section.hero.fullscreen .col.right > div > strong{position:absolute;bottom:40px;font-size:1.9em;line-height: 1.15em;}
section.hero.fullscreen .col.right > div > div{position:absolute;top:40px;color:#FFF;}
section.hero.fullscreen .col.right b{color:#FFF;font-size: 1.4em;}
section.hero.split{max-height:495px;height:auto;}
section.hero.split > .row:after{content:' ';display:block;clear:both;}
section.hero.split .img{width:50%;position:relative;bottom:0;left:0;float:left;}
section.hero.split .col.right{width:50%;padding:0 16px;}
.fixhack{position:relative;width:100%;height:0px;display:block;}
section nav{transition: top 0.2s ease-out;background:#EFEFEF;padding:13px;line-height:1.9em;text-align:center;font-size:1.16em;letter-spacing:-.001em;box-sizing: border-box;height:60px;}
section nav.sticky{position:fixed;top:0px;left:0px;width:100%;z-index:200;}
body.cookie-advice section nav.sticky{top:25px;}
section nav.sticky + .fixhack{height:60px;}
section nav a{margin-right:25px;}
section nav a.active,
section nav a:hover{color:#EC7C16;}
section nav a:last-child{margin-right:0;}
section.text_chart{padding-top:100px;margin-top:0px;}
section.text_chart .container{padding:159px 0px 136px;border-bottom:1px solid #E9E9E9;}
section.text_chart h3{color:#EC7C16;margin-bottom:1.15rem;margin-top:-11px;}
section.text_chart p{font-size:1.2em;line-height:1.65em;}
section.infoslider{background:#F5F5F5;padding-bottom: 72px;border-bottom: 1px solid #E9E9E9;margin-bottom:50px;padding-top:80px;}
section.infoslider .row{padding:0;}
section.infoslider .img{position:relative;width:40%;text-align:center;margin-left:6%;max-width:810px;}
section.infoslider .img img{margin:0px auto;width:auto;height:100%;display:block;}
section.infoslider .slider{margin-top:74px;position:relative;width:100%;height:514px;}
section.infoslider .slider-pro{width:100%;height:100%;position:relative;}
section.infoslider .infos{position:absolute;right:3%;top:28px;width:640px;height:85%;max-height:360px;}
section.infoslider .infos > div{float: left;padding-right:32px;width:50%;height: 100%;color:#282828;}
section.infoslider .infos > div > div{background:#FFF;padding:16px;border:1px solid #E9E9E9;height:100%;font-size: 1.2em;line-height: 1.66em;}
section.infoslider .infos h4{color:#EC7C16;font-size: 1.09em;margin:.75em 0;line-height: 1.47em;}
section.infoslider .sp-next-arrow:after, section.infoslider .sp-next-arrow:before, section.infoslider .sp-previous-arrow:after, section.infoslider .sp-previous-arrow:before{background-color:#032950;}
section.plain_grid > .row{margin-top:60px;}
section.plain_grid > .row .col{color:#FFF;padding:16px;}
section.plain_grid > .row .col h4{font-size:1.27em;color:#FFF;min-height:50px;margin-bottom:0;word-wrap: break-word;}
section.plain_grid > .row .col big{font-size: 4.2em;margin:.38em 0px;line-height: 1em;display:block;}
section.plain_grid > .row .col big span{font-size: .3em;line-height: 2em;}
section.plain_grid > .row .col p{font-size: 1.19em;word-break: break-all;}
section.plain_grid > .row .col.orange > div{min-height: 360px;background:#032950;padding:16px;}
section.plain_grid > .row .col.blue > div{min-height: 360px;background:#EC7C16;padding:16px;position:relative;}
section.plain_grid > .row .col.blue:hover > div{background:#e15b0b;}
section.plain_grid > .row .col.blue a{color:#FFF;}
section.plain_grid > .row .col.blue .folder{padding-top:25%;padding-bottom:25%;display:block;width:100%;background:transparent url(../img/directory.png) 0px 0px no-repeat;background-size:100% auto;height: auto;margin:0px auto 16px auto;font-size:3em;text-align:center;max-width: 290px;min-height: 190px;}
section.kacheln.grid,
section.plain_grid{border-bottom: 1px solid #E9E9E9;padding-bottom:70px;}
section.kacheln.grid:last-child{border-bottom:0px;}
section.testimonials{margin-top:150px;color:#FFF;margin-bottom:50px;}
section.testimonials > .col{height:580px;position:relative;width:100%;display:block;overflow:hidden;}
section.testimonials header{position:absolute;left:0px;top:0px;width:36%;height:100%;color:#FFF;z-index:100;padding:0px 16px 0px 54px;box-sizing:border-box;}
section.testimonials header h2{padding-top:78px;color:#FFF;text-align:left;}
section.testimonials header subline{color:#FFF;text-align:left;line-height:1.2em;padding:5px 0px 0px 0px;width:100%;}
section.testimonials .backgrounds{position:relative;width:100%;height:100%;z-index:10;background:#000;}
section.testimonials .backgrounds .img{display:none;width:100%;height:auto;position:absolute;left:0px;top:0px;}
section.testimonials .backgrounds .img img{display:block;width:100%;height:auto;opacity:.3;}
section.testimonials .backgrounds .img:first-child{display:block;}
section.testimonials .slider{position:absolute;z-index:100;height:100%;max-height:500px;top:80px;left:36%;float:none;width:62%;}
section.testimonials .slider-pro{width:100%;height:100%;}
section.testimonials .slide{padding:0;position:absolute;}
section.testimonials .slide .infos.noimg{width:98%;padding:0px 20px;}
section.testimonials .sp-buttons{position:absolute;bottom:30px;}
section.testimonials .sp-button{border:0px;background:#FFF;}
section.testimonials .sp-selected-button{background:#EC7C16;}
section.testimonials blockquote{padding:0;margin: 0;font-size:1.6em;line-height: 1.24em;margin-bottom:30px;}
section.testimonials blockquote + span{font-size: 1.2em;line-height: 1em;}
section.testimonials .sp-slides-container{position:absolute;top:0px;left:0px;}
section.videothek{padding-bottom:70px;border-bottom: 1px solid #E9E9E9;}
section.videothek a.video{display:block;margin-bottom:20px;line-height:0;max-height:215px;overflow:hidden;position:relative;}
section.videothek a.video:after{content:' ';display:block;width:25%;height:25%;background:transparent url(../img/play-circle-fill.svg) no-repeat;background-size: auto 100%;position:absolute;left:38%;top:38%;display:block;opacity:.8;}
section.videothek a.video img{width:100%;display: block;}
section.videothek a.video:hover:after{opacity:1;}
section.videothek > .row{margin-top:76px;}
section.videothek h3{color:#282828;font-size: 1.2em;line-height: 1.65em;min-height: 85px;}
section.mediathek{padding-bottom:70px;border-bottom: 1px solid #E9E9E9;}
section.mediathek a.image,
section.mediathek a.video{display:block;margin-bottom:20px;line-height:0;max-height:215px;overflow:hidden;position:relative;}
section.mediathek a.video:after{content:' ';display:block;width:25%;height:25%;background:transparent url(../img/play-circle-fill.svg) no-repeat;background-size: auto 100%;position:absolute;left:38%;top:38%;display:block;opacity:.8;}
section.mediathek a.video img{width:100%;display: block;}
section.mediathek a.video:hover:after{opacity:1;}
section.mediathek > .row{margin-top:76px;}
section.mediathek h3{color:#282828;font-size: 1.2em;line-height: 1.65em;min-height: 85px;}
section.mediathek h3+span{display:none;}
section.mediathek a.image{background-size:cover;background-position:center center;background-repeat: no-repeat;padding-bottom:75%;}
section.mediathek .overlay{background-color:rgba(37,79,118,.9);position:fixed;width:100vw;height:100vh;left:0px;top:0px;z-index:1000;}
section.mediathek .overlay .media-wrapper{display:table;height:100%;width:100%;max-width:65vw;margin:0px auto;}
section.mediathek .overlay .inner{display:table-cell;vertical-align: middle;text-align:center;}
section.mediathek .overlay .inner img{border:1px solid #FFF;max-width:100%;height:auto;margin:0px auto;}
section.mediathek .caption{color:#FFF;font-size:18px;}
section.mediathek .caption span{display:block;margin-top:6px;}
section.mediathek .caption span+span{font-size:14px;color:#999;}
section.mediathek .media.maxheight img{max-height:80vh;width:auto;}
section.mediathek div.close{position:absolute;right:20px;top:20px;background-color:#EC7C16;width:20px;height:21px;}
section.mediathek div.close span.close{right:-5px;top:2px;}
section.mediathek div.close span.close:after,
section.mediathek div.close span.close:before{background-color:#FFF;}
section.mediathek div.close:hover{background-color:#FFF;}
section.mediathek div.close:hover span.close:after,
section.mediathek div.close:hover span.close:before{background-color:#EC7C16;}
section.mediathek .next,
section.mediathek .prev{cursor:pointer;background-size:100% 100%;background-position:0px 0px;background-repeat:no-repeat;width:25px;height:40px;position:absolute;top:calc(50% - 20px);opacity:0.5;}
section.mediathek .prev{left:24px;background-image:url(../img/arrow-prev.png);}
section.mediathek .next{right:24px;background-image:url(../img/arrow-next.png);}
section.mediathek .next:hover,
section.mediathek .prev:hover{opacity:1;}
section.mediathek.np .prev,
section.mediathek.nn .next{display:none;}
section.kacheln .img{position:relative;z-index:10;background:#000;width:100%;height:100%;}
section.kacheln .col.orange .img{background:#EC7C16;}
section.kacheln .img > div{opacity:.3;width:100%;display:block;height:100%;background-size:cover;background-repeat:no-repeat;}
section.kacheln .row{margin-top:75px;}
section.kacheln .col.blue .img.no{background:#032950}
section.kacheln .col{position:relative;overflow:hidden;height:29vw;margin-bottom:32px;max-height: 345px;}
section.kacheln .col.hasLink:hover .img{background:#e15b0b;}
section.kacheln .col.hasLink:hover .img > div,
section.kacheln .col.hasLink:active .img > div{opacity:.1;}
section.kacheln .col.hasLink:active .img{background:#d83b01;}
section.kacheln .col .info{position:absolute;bottom:40px;left:0;z-index:50;box-sizing: border-box;width:100%;padding:0px 40px;box-sizing: border-box;}
section.kacheln .col .info h3{color:#FFF;font-size: 4em;line-height:1.1em;text-align:left;margin-bottom:8px;padding:0;}
section.kacheln .col .info a{font-size:.75em;}
section.kacheln .col .info subline{text-align:left;color:#FFF;font-size: 1.6em;padding:0;}
section.kacheln .col .info subline:last-child{margin:0;}
section.footer-boxes{color:#FFF;padding:0px 0px 120px 0px;}
section.footer-boxes .col{height: 260px;}
section.footer-boxes .img{background:#01305C;}
section.footer-boxes .col .info h3{font-size:2.25em;margin-bottom:16px;}
section.footer-boxes .col .info p{font-size:1.6em;line-height:1.1em;margin-bottom:16px;}
section.footer-boxes .col .info{top:40px;bottom:0 !important;}
section.footer-boxes a.btn:before{top:11px;}
section.produktslider{background:#F5F5F5;border-top: 1px solid #E9E9E9;padding-top: 80px;padding-bottom:80px;}
section.produktslider col.three{position:relative;}
section.produktslider img{width:100%;}
section.produktslider h4{font-size:1.1em;color:#282828;margin-bottom:8px;}
section.produktslider h2{color:#EC7C16;font-size:1.5em;text-align:left;margin-bottom:0;padding-left:0;}
section.produktslider p{margin-bottom:1.6em;}
section.produktslider .three.col{width:100%;padding-right:300px;}
section.produktslider .slider{position:relative;width:100%;height:340px;margin-bottom: 60px;}
section.produktslider .slider-pro{width:100%;height:100%;}
section.produktslider .slide{position:absolute;width:100%;box-sizing: border-box;}
section.produktslider .slide .img{width:400px;float:left;}
section.produktslider .slide .infos{position:relative;margin-top:30px;width:100%;padding-left:420px;padding-right:60px;}
section.produktslider .slide .infos h3{font-size: 1.95em;line-height: 1.2em;}
section.produktslider .slide .infos .txt p:last-child{margin-bottom:1em;}
section.produktslider .sidebar{width:295px;position:absolute;right:50px;}
section.produktslider .sp-next-arrow:after,
section.produktslider .sp-next-arrow:before,
section.produktslider .sp-previous-arrow:after,
section.produktslider .sp-previous-arrow:before{background-color:#032950;}
section.produktslider .sp-previous-arrow:before,
section.produktslider .sp-previous-arrow:after{left:-40px;}
section.text{padding-top:80px;padding-bottom:80px;}
section.text h1{color:#EC7C16;text-align:center;letter-spacing:0;font-size: 4.4em;line-height:1.1em;margin-bottom: .6em;}
section.text h1 + subline{margin-top:-.4em;}
section.text p,
section.text li{font-size:1.2em;}
section.products-list{padding-top:77px;}
section.products-list .col{position:relative;height:550px;margin-bottom:32px;padding:0px 0px 0px 32px;}
section.products-list .ajax-list{margin-left:-32px;}
section.products-list .col > div{cursor:pointer;padding:16px;border: 1px solid #E9E9E9;height:100%;}
section.products-list .info{position:relative;}
section.products-list .info b{color:#EC7C16;position:absolute;top:0px;left:0px;font-size:.94em;}
section.products-list .info h3{font-size:1.2em;color:#728CB5;padding-top:24px;min-height:73px;display:block;}
section.products-list .info p{font-size:1.13em;margin-bottom:8px;}
section.products-list .info a{font-size:1.13em;}
section.products-list .col:hover > div{border-color:#EC7C16;}
section.products-list .col:hover h3,
section.products-list .col:hover a{color:#EC7C16;}
section.products-list .prevnext{max-width: 1280px;margin:0px auto;position:relative;width:100%;padding:0px 50px;}
section.products-list .prevnext > .row{text-align:center;padding:16px 0px;border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;}
.cookie-advice .cookie-policy-banner-wrapper {
display: block;
}
.cookie-policy-banner-wrapper {
background-color: #01315D;
color: #FFF;
display: none;
min-height: 28px;
width:100%;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 1100000;
padding-right:55px;
}
.cookie-policy-banner{width:100%;max-width:1280px;margin:0px auto;text-align:center;}
.cookie-policy-banner-close {
background: url(../img/icon_close.png) no-repeat center center;
cursor: pointer;
height: 20px;
margin-top: -10px;
position: absolute;
right: 20px;
top: 50%;
width: 20px;
}
section.blog{padding-top:40px;position:relative;}
section.blog > div{padding-right:390px;padding-left:66px;}
section.blog > div:after{clear:both;display:block;content:' ';}
section.blog aside{position:relative;float:right;margin-right:-310px;width:270px;margin-top:26px;}
section.blog header{width:100%;height:149px;position:relative;overflow:hidden;}
section.blog article.sticky header,
section.blog article.full header{height:475px;margin-bottom:24px;}
section.blog article.sticky > a{font-size:18px;font-size:1.8rem;line-height:28px;line-height:2.8rem;color:#EC7C16;}
section.blog article.sticky > a:hover{color:#e15b0b;;}
section.blog header h1{font-size:36px;font-size:3.6rem;line-height:42px;line-height:4.2rem;color:#FFF;margin-bottom:0;letter-spacing:0;}
section.blog header .shadow{position:absolute;z-index:100;bottom:0px;left:0px;padding:32px 160px 32px 32px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 22%, rgba(0,0,0,0.4) 99%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 22%,rgba(0,0,0,0.4) 99%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 22%,rgba(0,0,0,0.4) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
}
section.blog header .img{background-color:#F5F5F5;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:10;}
section.blog header .img img{
min-height: 100%;
min-width: 825px;
width: 100%;
height: auto;
position: absolute;
left:0;right:0;
}
section.blog .list-wrapper header .img img{min-width:290px;}
section.blog header .shadow{font-size:14px;font-size:1.4rem;line-height:17px;line-height:1.7rem;width: 100%;}
section.blog header .shadow > .infos{float:right;width:120px;margin-right:-160px;color:#FFF;}
section.blog header .shadow > .infos > div{position:absolute;bottom:32px;}
section.blog header .shadow > .infos ul{list-style:none;padding:0;margin:0;font-size}
section.blog header .shadow > .infos ul li{margin:8px 0 0;}
section.blog header .meta .author{padding:30px 0px 0px 35px;position:relative;color:#FFF;}
section.blog header .meta .author:after{content:' ';display:block;clear:both;}
section.blog header .meta .author a{color:#FFF;}
section.blog header .meta .author p{margin:0;}
section.blog header .meta .author > .avatar{float:left;margin-left:-35px;margin-top:2px;width:30px;height:30px;position:relative;display:block;overflow: hidden;border-radius:35px;}
section.blog header .meta .author > .avatar img{width:100%;height:auto;}
section.blog h2{font-size:24px;font-size:2.4rem;line-height:31px;line-height:3.1rem;text-align:left;margin:24px 0px 16px;}
section.blog footer{clear:both;padding-right:320px;padding-top:92px;}
section.blog footer .right{float:right;margin-right:-320px;width:290px;}
section.blog strong.blogheading,
section.blog footer h4,
section.blog > div > h4,
section.blog .comment-form-wrapper h3{display:block;text-transform: uppercase;color:#000;font-size:14px;line-height:100%;padding-bottom:12px;margin-bottom:32px;border-bottom:2px solid #E9E9E9;letter-spacing:0.1rem;}
section.blog strong.blogheading.mb{margin-bottom:16px;}
section.blog article.sticky + .margintop{margin-top:96px;}
section.blog .categories li{display:block;list-style:none;position:relative;padding-left:25px;margin-top:16px;}
section.blog .categories li:before{content:' ';position:absolute;display:block;background: url(../img/cat-arrow.svg) 0px 0px no-repeat;width:18px;height:6px;left:0px;top:10px;}
section.blog .categories li a{color:#333;font-size:18px;font-size:1.8rem;line-height:28px;line-height:2.8rem;}
section.blog-list article > p{margin-bottom:0;font-size:18px;font-size:1.8rem;line-height:26px;line-height:2.6rem;}
section.blog .latest{position:relative;margin-left:-24px;}
section.blog .latest:after{content:' ';clear:both;display:block;}
section.blog .latest article{float:left;width:33%;height:auto;box-sizing:border-box;padding:0px 0px 32px 24px;}
section.blog .latest article h2{font-size:18px;font-size:1.8rem;line-height:26px;line-height:2.6rem;color:#000;font-weight:normal;margin-top:16px;}
section.blog .categories li a:hover,
section.blog .latest article a:hover h2{color:#EC7C16;}
section.blog article.full{font-size:18px;font-size:1.8rem;line-height:28px;line-height:2.8rem;}
section.blog.single .comment-form-wrapper{background-color:#E9E9E9;padding:36px 145px;border-radius:4px;}
section.blog .comment-form-wrapper h3{margin-bottom:0;}
section.blog .comment-form-wrapper textarea,
section.blog .comment-form-wrapper input.textfield{border:1px solid #B3B3B3;border-radius:4px;}
section.blog .comment-form-wrapper input.submit{background-color:#EB7B15;border:0px;margin-left:0;}
section.blog .comment-form-wrapper input.submit:hover{background: #e15b0b;}
section.blog .comment-form-wrapper input.submit:active{background:#d83b01;}
section.blog.single > div > h4{margin-top:76px;}
section.blog .breadcrumb{position:absolute;top:-16px;}
section.blog .breadcrumb ul{list-style:none;}
section.blog .breadcrumb li{float:left;line-height:22px;}
section.blog .breadcrumb li:after{content:'›';display:inline-block;font-size:18px;margin:0px 10px;}
section.blog .breadcrumb li:last-child:after{display:none;}
section.blog .breadcrumb li a{color:#333;font-size:14px;}
section.blog .comments-list{list-style: none;padding-top:0;}
section.blog .comments-list article.comment,
section.blog footer .author{padding-left:145px;position:relative;margin-bottom:24px;}
section.blog .comments-list article.comment:after,
section.blog footer .author:after{content:' ';display:block;clear:both;}
section.blog .comments-list article.comment > figure,
section.blog footer .author > .avatar{float:left;width:90px;display:block;height:90px;border-radius:90px;overflow:hidden;margin:5px 0 0 -145px;}
section.blog .comments-list article.comment > figure img,
section.blog footer .author > .avatar img{width:100%;height:auto;display:block;}
section.blog .comments-list article.comment .comment-meta{display:inline-block;margin-bottom:24px;}
section.blog .comments-list .comment-meta:after{content:' ';display:block;clear:both;}
section.blog .comments-list article.comment h2.comment-author,
section.blog .comments-list article.comment .comment-meta time{margin:0 16px 0px 0px;vertical-align:middle;display:inline-block;font-size:18px;font-size:1.8rem;line-height:26px;line-height:2.6rem;color:#EB7B15;float:left;}
section.blog .comments-list article.comment .comment-meta time{color:#A8A8A8;margin-top:1px;}
section.blog .comments-list article.comment .post-content{font-size:18px;font-size:1.8rem;line-height:26px;line-height:2.6rem;color:#000;}
section.blog footer .author .info a{color:#EC7C16;}
.post-thumbnail{overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;width:95%;position:relative;display:block;height:auto;margin-bottom:16px;height:220px;}
.post-thumbnail img{width:auto;height:100%;display:block;
position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;}
#servicelasche{background:#01305C;padding:16px 0px;width:100%;z-index:100;transition: top 0.2s ease-in-out;}
#servicelasche a{position:relative;background:#FFF;border-radius:4px;padding:16px 16px 16px 42px;margin-right:16px;color:#EC7C16;display:block;float:left;line-height:1em;font-size:1.2em;}
a.ico_{padding-left:16px;}
a.icon:before{content:' ';position:absolute;left:13px;top:14px;width:20px;height:20px;}
a.ico_nl:before{background: url(../img/ico-nl.svg) 0px 0px no-repeat;width:16px;left:14px;}
a.ico_dl:before{background: url(../img/ico-dl.svg) 0px 0px no-repeat;width:14px;height:17px;top:15px;left:14px;}
a.ico_gl:before{background: url(../img/ico-gl.svg) 0px 0px no-repeat;top:13px;}
a.ico_ko:before{background: url(../img/ico-ko.svg) 0px 0px no-repeat;top:15px;}
a.ico_ti:before{background: url(../img/ico-ti.svg) 0px 0px no-repeat;width:24px;height:18px;top:15px;}
a.ico_nl:hover:before,
a.high.ico_nl:before{background: url(../img/ico-high-nl.svg) 0px 0px no-repeat;}
a.ico_dl:hover:before,
a.high.ico_dl:before{background: url(../img/ico-high-dl.svg) 0px 0px no-repeat;}
a.ico_gl:hover:before,
a.high.ico_gl:before{background: url(../img/ico-high-gl.svg) 0px 0px no-repeat;}
a.ico_ko:hover:before,
a.high.ico_ko:before{background: url(../img/ico-high-ko.svg) 0px 0px no-repeat;}
a.ico_ti:hover:before,
a.high.ico_ti:before{background: url(../img/ico-high-ti.svg) 0px 0px no-repeat;}
#servicelasche > .centered{padding:0px 66px;}
#servicelasche a:hover{background:#e15b0b;color:#FFF;}
#servicelasche a:active{background:#d83b01;}
#servicelasche a.high{background:#EC7C16;color:#FFF;}
#servicelasche a.high:hover{background:#e15b0b;}
#servicelasche a.high:active{background:#d83b01;}
#servicelasche a:last-child{margin-right:0;}
body.stickyService #servicelasche{position:fixed;bottom:0px;left:0px;}
footer > .row{padding-top:40px;}
footer .col{position:relative;}
footer .col > h3{position:absolute;top:0px;left:16px;}
footer .col > div{padding-top:40px;}
footer h3{color:#282828;font-size:1.1em;}
footer a{font-size:.9em;display: inline-block;color:#032950;}
footer ul{list-style: none;padding:0;}
footer ul li{padding:0;margin:0 0 16px;line-height:1.1em;}
header a{color:#032950;}
#lang_sel{padding-top: 15px;}
#lang_sel a,
#lang_sel a:hover,
#lang_sel a:visited,
#lang_sel a.lang_sel_sel,
#lang_sel ul ul a,
#lang_sel ul ul a:visited,
#lang_sel ul ul a:hover,
#lang_sel li,
#lang_sel li:hover,
#lang_sel li:visited{background:#FFF;border:0;font-size: 1em;color:#01305C;}
#lang_sel a.lang_sel_sel:hover,
#lang_sel ul ul a:hover{color:#EC7C16}
#lang_sel ul ul{border-top:0;}
#lang_sel li{min-width:100px;}
#lang_sel li li{padding:4px 10px 4px 0 !important;box-sizing:border-box;}
#lang_sel ul ul{position:relative;display:none;}
#lang_sel li:hover ul{display:block;top:0;}
#lang_sel a.lang_sel_sel{background:none;display:inline-block;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:0px;}
#lang_sel ul ul{position:absolute;margin-top:28px;}
body.overflow,
body.modalOpened.overflow{overflow:hidden;}
body.modalOpened #stage{opacity:0;visibility: hidden;overflow:hidden;}
.modals{box-sizing:border-box;visibility: hidden;opacity:0;background: rgba(34,34,34,0.50);position:fixed;width:100%;height:100%;left:0px;top:0px;z-index:500;padding:0px 16px 0px;overflow-y:scroll;}
.modals > .inner{position:relative;width:100%;min-height:100%;padding: 60px 0px 60px;}
body.modalOpened .modals{opacity:1;visibility: visible;overflow:hidden;}
body.modalOpened.overflow .modals{overflow:scroll;}
.modal{position:absolute;margin-top:-100px;visibility: hidden;opacity:0;background: #EC7C16;box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.50);padding:16px;box-sizing: border-box;width:100%;}
.modal.opened{ min-height: 90%;opacity:1;visibility: visible;margin-top:0px;transition-delay: 300ms;margin-bottom:80px;}
.modal > .inner{padding-bottom:40px;}
.modal a.close{position:absolute;right:24px;top:12px;cursor:pointer;padding-right:16px;}
.modal h2{margin-top:50px;font-size: 4.25em;}
.modal h2,
.modal subline{color:#FFF;text-align:center;display:block;}
.wpcf7-form{position:relative;width:100%;max-width:1000px;margin:50px auto;}
.wpcf7-form > p{clear:both;padding-top:24px;padding-bottom:0px;margin-bottom:0;}
.wpcf7-form fieldset{float:left;width:33%;box-sizing: border-box;padding:0px 16px;margin: 0 0 16px;border:0;position:relative;}
.wpcf7-form fieldset.checkbox{width:66%;padding-top:12px;position:relative;margin-bottom:0px;}
.wpcf7-form fieldset.checkbox.nl{margin-top:36px;padding-top:0px;}
.wpcf7-form fieldset.checkbox > div{position:relative;display:block;}
.wpcf7-form fieldset.checkbox .wpcf7-list-item-label{display:none;}
.wpcf7-form fieldset.checkbox span.wpcf7-list-item{margin-left:0;}
.wpcf7-form fieldset.checkbox .wpcf7-form-control-wrap.newsletter{position:absolute;left:0px;}
.wpcf7-form fieldset:after{content:' ';clear:both;}
.wpcf7-form fieldset.checkbox span{float:left;}
.wpcf7-form fieldset.checkbox div > a{color:#FFF;font-size:1.09em;text-decoration: underline;}
.wpcf7-form fieldset.checkbox a:hover{text-decoration: none !important;}
.wpcf7-form fieldset.checkbox label{padding-left:24px;}
.wpcf7-form label{color:#FFF;font-size:1.1em;font-weight:500;}
.wpcf7-form label a{color:#FFF;text-decoration: underline;}
.wpcf7-submit,
.wpcf7-form .button, .wpcf7-form button, input[type="submit"], input[type="reset"], input[type="button"]{letter-spacing:0;margin:0px 32px 0px 16px;padding:0px 22px;border:0;background:#032950;border-radius: 2px;font-size: 18px;color: #FFFFFF;font-weight:500;text-transform: none;cursor:pointer;}
.wpcf7-submit:hover{background-color:#355373;text-decoration: none}
div.wpcf7 .ajax-loader {
background-image: url('../img/spinner.gif');
width: 30px;
height: 30px;
margin-right: 10px;background-repeat: no-repeat;
background-size:cover;
}
input[disabled],
input[disabled="disabled"]{opacity:.5;}
span.wpcf7-not-valid-tip {
width: 100%;
color: #FFF;
font-size: 1em;
display: block;
position: static;
right: 16px;
width: 150px;
top: 0px;text-align:left;}
div.wpcf7-validation-errors{display: block;position: absolute;bottom:-60px;background:#FFF;border:0;}
.wpcf7-form-control-wrap{position:static;}
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus,
.wpcf7-form a:hover{color:#FFF;cursor:pointer;}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select{border:0px;width:100%;}
.dwnld{padding:8px 0px;border-bottom:1px solid #FFF;line-height:1.4em;max-width:960px;margin:0px auto;}
.dwnld:last-child{margin-bottom:40px;}
.dwnld .col{padding:0;color:#FFF;}
.dwnld span{display:block;}
.dwnld span,
.dwnld a{font-size:1.2em;margin:0;color:#FFF;position:relative;}
.dwnld small{font-size:.93em;color:#FFF;}
.dwnld a{padding-left:22px;text-decoration: underline;color:#032950 !important;}
.dwnld a:hover{color:#FFF !important;}
.dwnld .f{padding-bottom:4px;}
.dwnld .f input{margin-bottom:4px;color:#000;}
.dwnld .f a{padding-left:0;opacity:.7;}
.dwnld .f a + a{float:right;opacity:1;}
.dwnld a.dwnld-ico:before{position:absolute;left:0px;top:4px;content:' ';display:block;background:transparent url(../img/_file-download.png) 0px 0px no-repeat;width:12px;height:15px;background-size:100% 100%;}
.dwnld a.dwnld-ico:hover:before{background-image:url(../img/file-download.png);}
.dwnld a.mail-ico:before{position:absolute;left:-2px;top:4px;content:' ';display:block;background:transparent url(../img/_email.png) 0px 0px no-repeat;width:18px;height:14px;background-size:100% 100%;}
.dwnld a.mail-ico:hover:before{background-image:url(../img/email.png);}
.dwnld a:hover{text-decoration: none;}
.dwnld .err input{border:2px solid red;background:rgb(255,200,200);}
div.wpcf7-mail-sent-ok{background:#FFF;border:0;padding: 8px 16px;}
span.ajax-loader{vertical-align: bottom;display:inline-block;margin-left: -10px;margin-right: 20px;position:relative;width:36px;height:36px;}
span.ajax-loader > img{display:block;width:100%;height:auto;}
.mk-go-top{
-webkit-border-radius:3px;
-webkit-transition:all .2s linear;
transition:all .2s linear;
background-color:rgba(220,220,220,.8);border-radius:3px;bottom:20px;opacity:0;padding:8px 16px;position:fixed;right:-60px;font-weight:500;
z-index:490;opacity:0;right:-100px;}
.mk-go-top:hover{color: #01305C;background-color:rgb(220,220,220);}
body.o100 .mk-go-top{opacity:1;right:20px;display:block;}
body.stickyService .mk-go-top{bottom:100px;}
.modal a,
.wpcf7-form label a,
.wpcf7-form fieldset.checkbox div > a{color:#032950;text-decoration:none;}
.modal a:hover,
.wpcf7-form label a:hover,
.wpcf7-form fieldset.checkbox div > a:hover{color:#FFF;}
.shariff-button a .fa-linkedin:before{content:'in';color:#FFF;font-family:'Arial' !important;font-weight:bold;font-size:15px;}
.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a{border-color:transparent;background:none;}
section.hero a.btn{color:#FFF;}
/* Tippspiel */
/*!
* Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
*/.flag{display:inline-block;width:48px;height:48px;background:url('../img/flags.png') no-repeat}.flag.flag-hu{background-position:-624px -240px}.flag.flag-au{background-position:-576px 0}.flag.flag-ve{background-position:-96px -672px}.flag.flag-tm{background-position:-144px -624px}.flag.flag-ng{background-position:-624px -432px}.flag.flag-tg{background-position:-672px -576px}.flag.flag-ck{background-position:-432px -96px}.flag.flag-ua{background-position:-528px -624px}.flag.flag-kh{background-position:-672px -288px}.flag.flag-br{background-position:-624px -48px}.flag.flag-se{background-position:-576px -528px}.flag.flag-ws{background-position:-384px -672px}.flag.flag-mc{background-position:-144px -384px}.flag.flag-mo{background-position:-624px -384px}.flag.flag-us{background-position:-624px -624px}.flag.flag-ni{background-position:-672px -432px}.flag.flag-cv{background-position:0 -144px}.flag.flag-km{background-position:0 -336px}.flag.flag-gs{background-position:-192px -240px}.flag.flag-dm{background-position:-336px -144px}.flag.flag-gt{background-position:-240px -240px}.flag.flag-ee{background-position:-528px -144px}.flag.flag-by{background-position:-48px -96px}.flag.flag-hn{background-position:-480px -240px}.flag.flag-pk{background-position:-528px -480px}.flag.flag-sn{background-position:-144px -576px}.flag.flag-si{background-position:-720px -528px}.flag.flag-hk{background-position:-432px -240px}.flag.flag-pt{background-position:0 -528px}.flag.flag-mz{background-position:-384px -432px}.flag.flag-mv{background-position:-192px -432px}.flag.flag-ky{background-position:-240px -336px}.flag.flag-na{background-position:-432px -432px}.flag.flag-tz{background-position:-480px -624px}.flag.flag-lb{background-position:-384px -336px}.flag.flag-pr{background-position:-672px -480px}.flag.flag-sl{background-position:-48px -576px}.flag.flag-sm{background-position:-96px -576px}.flag.flag-cu{background-position:-720px -96px}.flag.flag-tv{background-position:-384px -624px}.flag.flag-nz{background-position:-192px -480px}.flag.flag-bh{background-position:-288px -48px}.flag.flag-do{background-position:-384px -144px}.flag.flag-ms{background-position:-48px -432px}.flag.flag-at{background-position:-528px 0}.flag.flag-dk{background-position:-288px -144px}.flag.flag-ps{background-position:-720px -480px}.flag.flag-lv{background-position:0 -384px}.flag.flag-tl{background-position:-96px -624px}.flag.flag-eh{background-position:-624px -144px}.flag.flag-my{background-position:-336px -432px}.flag.flag-it{background-position:-336px -288px}.flag.flag-st{background-position:-336px -576px}.flag.flag-in{background-position:-144px -288px}.flag.flag-ca{background-position:-144px -96px}.flag.flag-vg{background-position:-144px -672px}.flag.flag-cl{background-position:-480px -96px}.flag.flag-ad{background-position:0 0}.flag.flag-mk{background-position:-432px -384px}.flag.flag-ph{background-position:-480px -480px}.flag.flag-ar{background-position:-432px 0}.flag.flag-mt{background-position:-96px -432px}.flag.flag-vn{background-position:-240px -672px}.flag.flag-yt{background-position:-480px -672px}.flag.flag-al{background-position:-240px 0}.flag.flag-tr{background-position:-288px -624px}.flag.flag-vu{background-position:-288px -672px}.flag.flag-eg{background-position:-576px -144px}.flag.flag-mx{background-position:-288px -432px}.flag.flag-is{background-position:-288px -288px}.flag.flag-tt{background-position:-336px -624px}.flag.flag-ao{background-position:-384px 0}.flag.flag-mu{background-position:-144px -432px}.flag.flag-fk{background-position:-192px -192px}.flag.flag-cd{background-position:-192px -96px}.flag.flag-fm{background-position:-240px -192px}.flag.flag-bi{background-position:-336px -48px}.flag.flag-cr{background-position:-672px -96px}.flag.flag-no{background-position:0 -480px}.flag.flag-id{background-position:-720px -240px}.flag.flag-cn{background-position:-576px -96px}.flag.flag-sh{background-position:-672px -528px}.flag.flag-mq{background-position:-720px -384px}.flag.flag-jp{background-position:-528px -288px}.flag.flag-pf{background-position:-384px -480px}.flag.flag-nu{background-position:-144px -480px}.flag.flag-tc{background-position:-528px -576px}.flag.flag-kw{background-position:-192px -336px}.flag.flag-sr{background-position:-240px -576px}.flag.flag-gr{background-position:-144px -240px}.flag.flag-ki{background-position:-720px -288px}.flag.flag-cw{background-position:-48px -144px}.flag.flag-rw{background-position:-336px -528px}.flag.flag-ch{background-position:-336px -96px}.flag.flag-rs{background-position:-240px -528px}.flag.flag-kr{background-position:-144px -336px}.flag.flag-wf{background-position:-336px -672px}.flag.flag-ic{background-position:-672px -240px}.flag.flag-sg{background-position:-624px -528px}.flag.flag-ae{background-position:-48px 0}.flag.flag-ml{background-position:-480px -384px}.flag.flag-ie{background-position:0 -288px}.flag.flag-la{background-position:-336px -336px}.flag.flag-dz{background-position:-432px -144px}.flag.flag-ai{background-position:-192px 0}.flag.flag-tn{background-position:-192px -624px}.flag.flag-bs{background-position:-672px -48px}.flag.flag-fr{background-position:-336px -192px}.flag.flag-sd{background-position:-528px -528px}.flag.flag-so{background-position:-192px -576px}.flag.flag-ke{background-position:-576px -288px}.flag.flag-tf{background-position:-624px -576px}.flag.flag-kn{background-position:-48px -336px}.flag.flag-tj{background-position:0 -624px}.flag.flag-as{background-position:-480px 0}.flag.flag-dj{background-position:-240px -144px}.flag.flag-an{background-position:-336px 0}.flag.flag-gg{background-position:-576px -192px}.flag.flag-hr{background-position:-528px -240px}.flag.flag-ma{background-position:-96px -384px}.flag.flag-bf{background-position:-192px -48px}.flag.flag-ga{background-position:-384px -192px}.flag.flag-pl{background-position:-576px -480px}.flag.flag-gu{background-position:-288px -240px}.flag.flag-gm{background-position:0 -240px}.flag.flag-bl{background-position:-432px -48px}.flag.flag-lr{background-position:-576px -336px}.flag.flag-lc{background-position:-432px -336px}.flag.flag-gw{background-position:-336px -240px}.flag.flag-az{background-position:-720px 0}.flag.flag-gh{background-position:-624px -192px}.flag.flag-ye{background-position:-432px -672px}.flag.flag-ss{background-position:-288px -576px}.flag.flag-bt{background-position:-720px -48px}.flag.flag-pw{background-position:-48px -528px}.flag.flag-va{background-position:0 -672px}.flag.flag-cm{background-position:-528px -96px}.flag.flag-mn{background-position:-576px -384px}.flag.flag-bw{background-position:0 -96px}.flag.flag-lt{background-position:-672px -336px}.flag.flag-ci{background-position:-384px -96px}.flag.flag-uy{background-position:-672px -624px}.flag.flag-bo{background-position:-576px -48px}.flag.flag-mh{background-position:-384px -384px}.flag.flag-iq{background-position:-192px -288px}.flag.flag-gn{background-position:-48px -240px}.flag.flag-sv{background-position:-384px -576px}.flag.flag-pn{background-position:-624px -480px}.flag.flag-gy{background-position:-384px -240px}.flag.flag-md{background-position:-192px -384px}.flag.flag-sz{background-position:-480px -576px}.flag.flag-lk{background-position:-528px -336px}.flag.flag-fo{background-position:-288px -192px}.flag.flag-cg{background-position:-288px -96px}.flag.flag-jo{background-position:-480px -288px}.flag.flag-fj{background-position:-144px -192px}.flag.flag-bg{background-position:-240px -48px}.flag.flag-bz{background-position:-96px -96px}.flag.flag-ne{background-position:-528px -432px}.flag.flag-ly{background-position:-48px -384px}.flag.flag-nc{background-position:-480px -432px}.flag.flag-sb{background-position:-432px -528px}.flag.flag-ug{background-position:-576px -624px}.flag.flag-sy{background-position:-432px -576px}.flag.flag-am{background-position:-288px 0}.flag.flag-pg{background-position:-432px -480px}.flag.flag-to{background-position:-240px -624px}.flag.flag-ru{background-position:-288px -528px}.flag.flag-ir{background-position:-240px -288px}.flag.flag-vc{background-position:-48px -672px}.flag.flag-gq{background-position:-96px -240px}.flag.flag-pe{background-position:-336px -480px}.flag.flag-aw{background-position:-624px 0}.flag.flag-et{background-position:0 -192px}.flag.flag-mg{background-position:-336px -384px}.flag.flag-th{background-position:-720px -576px}.flag.flag-vi{background-position:-192px -672px}.flag.flag-om{background-position:-240px -480px}.flag.flag-mm{background-position:-528px -384px}.flag.flag-ge{background-position:-528px -192px}.flag.flag-ro{background-position:-192px -528px}.flag.flag-td{background-position:-576px -576px}.flag.flag-co{background-position:-624px -96px}.flag.flag-mw{background-position:-240px -432px}.flag.flag-ec{background-position:-480px -144px}.flag.flag-gb{background-position:-432px -192px}.flag.flag-ag{background-position:-144px 0}.flag.flag-np{background-position:-48px -480px}.flag.flag-qa{background-position:-144px -528px}.flag.flag-sk{background-position:0 -576px}.flag.flag-lu{background-position:-720px -336px}.flag.flag-gi{background-position:-672px -192px}.flag.flag-mr{background-position:0 -432px}.flag.flag-nl{background-position:-720px -432px}.flag.flag-tk{background-position:-48px -624px}.flag.flag-il{background-position:-48px -288px}.flag.flag-zw{background-position:-624px -672px}.flag.flag-cy{background-position:-96px -144px}.flag.flag-bm{background-position:-480px -48px}.flag.flag-de{background-position:-192px -144px}.flag.flag-bn{background-position:-528px -48px}.flag.flag-nf{background-position:-576px -432px}.flag.flag-pa{background-position:-288px -480px}.flag.flag-eu{background-position:-48px -192px}.flag.flag-cz{background-position:-144px -144px}.flag.flag-je{background-position:-384px -288px}.flag.flag-cf{background-position:-240px -96px}.flag.flag-za{background-position:-528px -672px}.flag.flag-gd{background-position:-480px -192px}.flag.flag-bj{background-position:-384px -48px}.flag.flag-gl{background-position:-720px -192px}.flag.flag-tw{background-position:-432px -624px}.flag.flag-mp{background-position:-672px -384px}.flag.flag-bb{background-position:-48px -48px}.flag.flag-mf{background-position:-288px -384px}.flag.flag-sc{background-position:-480px -528px}.flag.flag-er{background-position:-672px -144px}.flag.flag-ax{background-position:-672px 0}.flag.flag-sa{background-position:-384px -528px}.flag.flag-kz{background-position:-288px -336px}.flag.flag-es{background-position:-720px -144px}.flag.flag-nr{background-position:-96px -480px}.flag.flag-fi{background-position:-96px -192px}.flag.flag-me{background-position:-240px -384px}.flag.flag-af{background-position:-96px 0}.flag.flag-jm{background-position:-432px -288px}.flag.flag-bd{background-position:-96px -48px}.flag.flag-im{background-position:-96px -288px}.flag.flag-kp{background-position:-96px -336px}.flag.flag-ls{background-position:-624px -336px}.flag.flag-li{background-position:-480px -336px}.flag.flag-zm{background-position:-576px -672px}.flag.flag-be{background-position:-144px -48px}.flag.flag-kg{background-position:-624px -288px}.flag.flag-ht{background-position:-576px -240px}.flag.flag-ba{background-position:0 -48px}.flag.flag-py{background-position:-96px -528px}.flag.flag-uz{background-position:-720px -624px}
body.page-id-1484 h3,
body.parent-pageid-1534 h3{color:#EC7C16;}
body.page-id-1462 #nav-main,
body.page-id-1484 #nav-main,
body.page-template-tpl-tippspiel #nav-main{display:none;}
.tippspiel{padding-left:32px;padding-bottom:40px;border-bottom: 1px solid #E9E9E9;}
.flag{vertical-align: middle;}
.tippspiel > .centered{}
.tippspiel__inner{width:100%;max-width:960px;position:relative;}
.tippspiel h3{color:#EC7C16;}
.tippspiel__gewinne{border-top:1px solid #E9E9E9;width:100%;max-width:560px;}
.tippspiel__gewinn{padding-left:100px;width:100%;position:relative;border-bottom:1px solid #E9E9E9;padding-top:16px;padding-bottom:16px;}
.tippspiel__gewinn:after,
.tippspiel__form:after,
.tippspiel__form fieldset.checkbox label:after{content:' ';display:block;clear:both;}
.tippspiel__gewinne-col1{width:80px;margin-left:-100px;float:left;font-weight:600;}
.tippspiel__gewinne-col2{width:100%;float:right;}
.tippspiel__favoritselect{width:100%;max-width:560px;margin: 16px 0 32px;}
.tippspiel__form{position:relative;margin-left:-16px;margin-right:-16px;}
.tippspiel__form label{font-weight:500;}
.tippspiel__form fieldset{width:33%;float:left;margin:0;padding:0 16px;box-sizing:border-box;}
.tippspiel__form fieldset.checkbox{width:100%;float:none;margin-bottom:8px;}
.tippspiel__form fieldset.checkbox label{padding-left:24px;position:relative;}
.tippspiel__form fieldset.checkbox label input{position:absolute;left:0px;top:5px;}
.tippspiel__form fieldset.select select,
.tippspiel__form fieldset.text input{border:1px solid #bbb;}
.tippspiel__form fieldset.checkbox label a{color:#000;text-decoration: underline;}
.tippspiel__form fieldset.checkbox label a:hover{color:#EC7C16;}
.tippspiel__form button.btn{border-radius:0;background-color:#01315D;color:#FFF;text-transform: none;font-size: 1.5rem;line-height: 1.6;font-weight:500;letter-spacing:0;border:0;}
.tippspiel__form button.btn:hover{background-color:#032950;}
.tippspiel__absenden{padding-top:16px;}
.tippspiel__form fieldset.text input[type="date"]{ height: 38px;
padding: 6px 10px;
background-color: #fff;
border: 1px solid #bbb;width:100%;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;}
.flag-text { margin-left: 10px; }
.tippspiel__inner .select2-container--default .select2-selection--single{border-radius:0;border-color:#E9E9E9;}
.tippspiel__inner .select2-container .select2-selection--single{height:50px;}
.tippspiel__inner .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:41px;}
.tippspiel__inner .select2-container--default .select2-selection--single .select2-selection__arrow{top:11px;}
.tippspiel .err label{color:red;}
.tippspiel .err-red{padding:8px 16px;border:1px solid red;margin:0 0 16px 0;}
.tippspiel__inner > .err-red{margin-left:-16px;}
@media (max-width: 760px) {
.tippspiel{padding-left:0;}
.tippspiel__form fieldset{width:50%;}
}
@media (max-width: 680px) {
.tippspiel{padding-top:40px;}
.tippspiel > .centered{padding-right:24px;padding-left:24px;}
}
@media (max-width: 520px) {
.tippspiel__form fieldset{width:100%;}
}
/* Color overwrites */
/* Blue */
.bck--blue{color:#FFF;}
.bck--blue h1,
.bck--blue h1 + subline,
.bck--blue h2,
.bck--blue h2 + subline{color:#FFF;}
.bck--blue .box{background-color:#728cb5;border-color:#728cb5;}
.bck--blue .box a{color:#FFF;}
.text.bck--blue h1{color:#FFF;}
.hero.bck--blue em,
.hero.bck--blue p{color:#FFF;}
.text_chart.bck--blue nav{background-color:#728cb5;}
.text_chart.bck--blue nav a{color:#FFF;}
.text_chart.bck--blue nav a.active,
.text_chart.bck--blue nav a:hover{color:#000;}
.text_chart.bck--blue .container{border-bottom-color:#728cb5;}
.infoslider.bck--blue{margin-bottom:0;border-bottom-color:#728cb5;}
.infoslider.bck--blue .infos > div > div{background: #728cb5;border: 1px solid #728cb5;color:#FFF;}
.infoslider.bck--blue .infos h4{color:#FFF;}
.plain_grid.bck--blue > .row .col.orange > div{background-color:#728cb5;}
.kacheln.grid.bck--blue,
.plain_grid.bck--blue{border-bottom-color:#728cb5;}
.mediathek.bck--blue h3,
.videothek.bck--blue h3{color:#FFF;}
.produktslider.bck--blue{border-top-color:#728cb5;}
.produktslider.bck--blue h4,
.produktslider.bck--blue .slide .infos h3{color:#FFF;}
.mediathek.bck--blue{border-bottom-color:#728cb5;}
.products-list.bck--blue .col > div{border-color:#728cb5;}
.products-list.bck--blue .info h3{color:#FFF;}
/* Dark Blue */
.bck--darkblue{color:#FFF;}
.bck--darkblue h1,
.bck--darkblue h2{color:#EC7C16;}
.bck--darkblue h1 + subline,
.bck--darkblue h2 + subline{color:#FFF;}
.bck--darkblue .box{background-color:#01305C;border-color:#728cb5;}
.bck--darkblue .box a{color:#FFF;}
.text.bck--darkblue h1{color:#EC7C16;}
.hero.bck--darkblue em,
.hero.bck--darkblue p{color:#FFF;}
.text_chart.bck--darkblue nav{background-color:#01305C;}
.text_chart.bck--darkblue nav a{color:#FFF;}
.text_chart.bck--darkblue nav a.active,
.text_chart.bck--darkblue nav a:hover{color:#EC7C16;}
.text_chart.bck--darkblue .container{border-bottom-color:#728cb5;}
.infoslider.bck--darkblue{margin-bottom:0;border-bottom-color:#728cb5;}
.infoslider.bck--darkblue .infos > div > div{background: #01305C;border: 1px solid #728cb5;color:#FFF;}
.infoslider.bck--darkblue .infos h4{color:#FFF;}
.plain_grid.bck--darkblue > .row .col.orange > div{background-color:#01305C;}
.kacheln.grid.bck--darkblue,
.plain_grid.bck--darkblue{border-bottom-color:#728cb5;}
.mediathek.bck--darkblue h3,
.videothek.bck--darkblue h3{color:#FFF;}
.produktslider.bck--darkblue{border-top-color:#728cb5;}
.produktslider.bck--darkblue h4,
.produktslider.bck--darkblue .slide .infos h3{color:#FFF;}
.mediathek.bck--darkblue{border-bottom-color:#728cb5;}
.products-list.bck--darkblue .col > div{border-color:#728cb5;}
.products-list.bck--darkblue .info h3{color:#728cb5;}
/* Grey */
.text_chart.bck--grey nav{background-color:#01305C;}
.text_chart.bck--grey nav a{color:#FFF;}
.text_chart.bck--grey nav a.active,
.text_chart.bck--grey nav a:hover{color:#EC7C16;}
.text.bck--grey h1{color:#01305C;}
.products-list.bck--grey .col > div{border-color:#728cb5;}
.mediathek.bck--grey{border-bottom-color:#FFF;}
.produktslider.bck--grey{border-top-color:#FFF;}
.kacheln.grid.bck--grey,
.plain_grid.bck--grey{border-bottom-color:#FFF;}
.infoslider.bck--grey .infos > div > div{background: #01305C;border: 1px solid #FFF;color:#FFF;}
.infoslider.bck--grey{margin-bottom:0;border-bottom-color:#FFF;}
.text_chart.bck--grey .container{border-bottom-color:#FFF;}
.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
.form__inner:after{content:' ';display:block;clear:both;}
#gespraechsterminvereinbarung__form .hint{clear:both;display:block;width:100%;}
#gespraechsterminvereinbarung__form .err-red{background:#FFF;padding:8px;margin-top:8px;}
.gespraechstermin__tageszeit{}
.gespraechstermin__tageszeit:after,
.gespraechstermin__tageszeit > div:after{content:' ';display:block;clear:both;}
.gespraechstermin__tageszeit > div{float:left;width:50%;padding-left:30px;padding-top:6px;}
.gespraechstermin__tageszeit > div > label{width:100%;float:left;}
.gespraechstermin__tageszeit > div > span{float:left;margin-left:-30px;margin-top:0px;display:inline-block;}
#gespraechsterminvereinbarung__form .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url('../../images/ajax-loader.gif');
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
#gespraechsterminvereinbarung__form .ajax-loader.is-active {
visibility: visible;
}
.modal form .checkboxes,
.modal form .auswahl {
clear: both;
padding-left: 16px;
padding-right: 16px;
}
.modal form .checkboxes {
margin-top: 16px;
}
.modal form .auswahl,
.modal form .auswahl h4 {
color: #fff;
}
.modal form .auswahl select {
max-width: 90px;
display: inline-block;
margin-right: 10px;
color: #000;
}