/*
Theme Name: saxklee
Description: Dedicated Wordpress theme for Sax + Klee
*/
/* Fonts */
/* roboto-300 - latin-ext_latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local(''),
url('../fonts/roboto-v30-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v30-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin-ext_latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local(''),
url('../fonts/roboto-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v30-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin-ext_latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local(''),
url('../fonts/roboto-v30-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v30-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin-ext_latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local(''),
url('../fonts/roboto-v30-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
url('../fonts/roboto-v30-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: 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;
}
/**
* 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 {
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 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;
}
/* ==========================================================================
Variables
/* ========================================================================== */
/* Colors */
/* Font Sizes */
/* Fonts */
/* Layout */
/* Content Images */
/* Sidebar */
/* Fallbacks / browser support */
/* ==========================================================================
Media queries
/* ========================================================================== */
/* Default bootstrap breakpoints */
/* Custom breakpoints */
/* ==========================================================================
Images
/* ========================================================================== */
/* Uncomment when using sprites: */
/* Uncomment when using sprites for retina images: */
/* Uncomment when using sprites fallback for IE8: */
/* Project supports: */
/* Paths: */
/* ==========================================================================
Base
/* ========================================================================== */
html {
height: auto;
height: 100%;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0;
padding: 0;
}
html,
button,
input,
select,
textarea {
font-family: Arial, sans-serif;
color: #555;
}
body {
height: 100%;
margin: 0;
padding: 0;
font-size: 1em;
line-height: 1.4;
background: #ffffff;
-webkit-font-smoothing: antialiased;
}
*, *:before, *:after {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
vertical-align: middle;
}
.gm-style img {
max-width: none;
}
/* ==========================================================================
Links
/* ========================================================================== */
a {
color: #555;
text-decoration: underline;
}
a img {
border: 0;
}
a:focus,
a:hover {
color: #151515;
}
a:focus {
outline: 0;
}
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
/* ========================================================================== */
/* Headers */
h1, h2, h3, h4, h5, h6 {
margin: 0 0 1em;
line-height: 1.5em;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.3em;
font-weight: normal;
}
h5, h6 {
font-size: 1.1em;
}
/* Content Block Elements */
dl,
menu,
ol,
ul,
p,
pre {
margin: 0 0 1em;
}
/* Paragraphs */
/* Lists */
menu,
ol,
ul {
padding: 0 0 0 2em;
}
/* Selection Colors */
::-moz-selection {
background: #555;
color: #fff;
text-shadow: none;
}
::selection {
background: #555;
color: #fff;
text-shadow: none;
}
/* =============================================================================
Helper Classes
/* ========================================================================== */
/* Prefixed with tags to override default tag styling for these elemets if .button is added */
button,
.button,
a.button,
input.button {
display: inline-block;
}
/* Responsive Media Styles */
.media img,
.media video,
.media object,
.media iframe {
width: 100%;
height: auto;
}
/* Clear Fix */
.clearfix:after,
.cf:after {
content: '';
display: table;
clear: both;
}
/* Floats */
.floatleft,
.fl {
float: left;
}
.floatright,
.fr {
float: right;
}
.alignleft {
float: left;
margin: 0 20px 20px 0;
}
.alignright {
float: right;
margin: 0 0 20px 20px;
}
.alignnone {
display: inline-block;
}
.aligncenter {
display: block;
float: none;
text-align: center;
clear: both;
margin: 20px auto;
}
/* =============================================================================
Structural Styles, Media Queries & Page Styling
/* ========================================================================== */
.container {
max-width: 1310px;
padding: 0 25px;
margin: 0 auto;
}
.container:after {
content: '';
display: table;
clear: both;
}
main {
float: left;
width: 60%;
}
.content {
padding: 20px 0;
}
.content.full-width,
.full-width {
float: none;
width: 100%;
}
.widget-area {
float: left;
width: 40%;
padding: 20px 0;
}
.widget {
margin-bottom: 20px;
}
.article {
margin-bottom: 1em;
}
/* Navigation */
nav > ul {
margin: 0;
padding: 0;
}
nav ul:after {
content: '';
display: table;
clear: both;
}
nav ul li {
float: left;
display: block;
margin-left: 10px;
}
nav ul li:first-child {
margin-left: 0;
}
nav ul li .sub-menu {
display: none;
}
nav ul li:hover > ul {
display: block;
}
/* Paginations */
.navigation.pagination {
clear: both;
}
.navigation.pagination h2 {
margin: 0;
font-size: 26px;
}
.hide-desktop {
display: none;
}
/* =============================================================================
Layout
/* ========================================================================== */
@font-face {
font-family: 'arial_rounded_mt_boldbold';
src: url("arial_rounded_mt_bold_bold-webfont.eot");
src: url("arial_rounded_mt_bold_bold-webfont.eot?#iefix") format("embedded-opentype"), url("arial_rounded_mt_bold_bold-webfont.woff2") format("woff2"), url("arial_rounded_mt_bold_bold-webfont.woff") format("woff"), url("arial_rounded_mt_bold_bold-webfont.ttf") format("truetype"), url("arial_rounded_mt_bold_bold-webfont.svg#arial_rounded_mt_boldbold") format("svg");
font-weight: normal;
font-style: normal;
}
a {
text-decoration: none;
}
p {
font-size: 15px;
font-weight: normal;
line-height: 25px;
}
h1 {
font-size: 40px;
line-height: 77px;
font-weight: 300;
}
h2 {
font-size: 40px;
line-height: 65px;
font-weight: normal;
}
h3 {
font-weight: normal;
font-size: 15px;
line-height: 1.2em;
}
h4 {
font-size: 16px;
line-height: 18px;
font-weight: normal;
}
.btn-main {
display: inline-block;
width: 156px;
border: 2px solid #d80034;
padding-top: 7px;
padding-bottom: 7px;
font-size: 15px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
text-align: center;
color: #d80034;
margin-top: 16px;
margin-bottom: 20px;
letter-spacing: -.01em;
}
.btn-main:focus, .btn-main:hover {
color: #d80034;
}
.section-buttons {
background-color: #eee;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
.section-buttons a {
position: relative;
display: inline-block;
width: 307px;
padding-left: 66px;
padding-top: 1px;
color: #fff;
font-size: 18px;
font-weight: 700;
line-height: 92px;
letter-spacing: -0.05em;
text-transform: uppercase;
text-align: left;
}
.section-buttons a img {
margin-right: 14px;
}
.section-buttons a:first-child {
margin-right: 48px;
}
.section-buttons .btn-facebook,
.section-buttons .btn-twitter {
background-position: 10% 50%;
background-repeat: no-repeat;
}
.section-buttons .btn-facebook {
background-color: #00487b;
background-image: url("images/ico-facebook.png");
}
.section-buttons .btn-twitter {
background-color: #0095c8;
background-image: url("images/ico-twitter.png");
}
.slick-nav {
position: absolute;
bottom: 0;
right: 0;
background-color: #d80034;
width: 21.4%;
height: 300px;
}
.slick-nav:before {
content: '';
position: absolute;
top: 0;
left: 100%;
background-color: #d80034;
height: 100%;
width: 10000px;
}
.slick-arrow {
position: absolute;
content: '';
display: inline-block;
width: 50px;
height: 51px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.slick-prev {
background-image: url("images/ico-slider-left.png");
top: 74px;
left: 24.8%;
}
.slick-next {
background-image: url("images/ico-slider-right.png");
top: 175px;
left: 58.3%;
}
.slick-nav-bar {
position: absolute;
content: '';
display: inline-block;
width: 211px;
height: 2px;
background-color: #fff;
top: 149px;
left: 14.9%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 1199px) {
.slick-nav {
width: 21%;
}
.slick-prev {
left: 15.5%;
}
.slick-next {
left: 56.3%;
}
.slick-nav-bar {
left: 3.1%;
}
}
@media (max-width: 991px) {
.content-slideshow .slide-content {
margin-top: 0;
padding-right: 10px;
}
.content-slideshow .slide-content p {
font-size: 16px;
line-height: 22px;
}
.slick-nav {
width: 24%;
}
.slick-prev {
left: 11%;
}
.slick-next {
left: 52.3%;
}
.slick-nav-bar {
left: -5.4%;
width: 192px;
}
}
@media (max-width: 767px) {
.slick-nav {
position: relative;
width: 100%;
height: 80px;
}
.slick-nav:before {
display: none;
}
.slick-nav-bar {
display: none;
}
.slick-prev,
.slick-next {
top: 15px;
}
.slick-prev {
left: 5%;
}
.slick-next {
right: 5%;
left: auto;
}
.section-buttons {
padding-top: 30px;
padding-bottom: 15px;
}
.section-buttons a {
line-height: 70px;
margin-bottom: 15px;
}
.section-buttons a:first-child {
margin-right: 0;
}
}
@media (max-width: 479px) {
.section-buttons {
padding-left: 15px;
padding-right: 15px;
}
.section-buttons a {
width: 100%;
}
}
body.home header h1 {
font-size: 40px;
line-height: 70px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 37px;
margin-left: 5.7%;
margin-right: 5.7%;
}
body.home .navigation {
margin-bottom: 52px;
margin-left: 5.7%;
}
body.home .navigation:after {
content: '';
display: table;
clear: both;
}
header {
height: auto;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
header h1 {
margin-bottom: 26px;
color: #515151;
margin-left: 5%;
margin-right: 5%;
}
header .header-title {
font-weight: 300;
}
header h1 strong {
white-space: nowrap;
}
.mobile-btn {
content: '';
display: none;
background-image: url("images/ico-hamburger.svg");
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 18px;
}
.mobile-active {
display: block;
}
.navigation {
padding-top: 17px;
margin-bottom: 109px;
margin-left: 5%;
margin-right: 2%;
}
.navigation:after {
content: '';
display: table;
clear: both;
}
.navigation li[class*='current']:after {
position: absolute;
bottom: 0;
left: 0;
content: '';
display: inline-block;
width: 100%;
height: 2px;
background-color: #d80034;
}
.navigation li[class*='current'] a {
color: #d80034;
}
.navigation .container:after {
content: '';
display: table;
clear: both;
}
.navigation .header-logo {
float: left;
margin-top: 13px;
}
.navigation .nav-wrapper {
float: right;
width: calc(100% - 108px);
}
.navigation .header-nav {
padding-left: 42px;
}
.navigation h2 {
margin: 11px 10px 16px 40px;
font-weight: bold;
color: #515151;
text-transform: uppercase;
}
.navigation ul {
list-style-type: none;
}
.navigation ul li {
position: relative;
float: left;
font-size: 15px;
line-height: 21px;
font-weight: bold;
padding-bottom: 5px;
margin-left: 0;
margin-right: 24px;
}
.navigation ul li:hover:after {
position: absolute;
bottom: 0;
left: 0;
content: '';
display: inline-block;
width: 100%;
height: 2px;
background-color: #d80034;
}
.navigation ul li:hover a {
color: #d80034;
}
.navigation ul li:last-child {
margin-right: 0;
}
.navigation ul li a {
color: #515151;
}
.header-links {
padding-bottom: 5.8%;
padding-left: 5.7%;
padding-right: 5.7%;
}
.header-links:after {
content: '';
display: table;
clear: both;
}
.header-link {
float: left;
width: calc(25.8% - 40px);
display: block;
height: auto;
margin-right: 40px;
margin-bottom: 20px;
}
.header-link:nth-child(4n) {
margin-right: 0;
}
.header-link p {
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
position: relative;
display: block;
background-color: #d80034;
margin-bottom: 0;
padding-top: 13px;
padding-bottom: 15px;
text-align: center;
color: #fff;
font-size: 19px;
font-weight: 500;
line-height: 21px;
}
.header-link img {
width: 100%;
}
.header-link .header-link-caption {
background-color: #d80034;
}
body.qualitatsmanagement .header-tabs .header-tabs-nav {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-top: 40px;
}
.header-tabs {
background-color: #d80034;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.tabs-wrap {
display: none;
}
.tabs-wrap.active {
display: block;
}
.header-tabs:after {
content: '';
display: table;
clear: both;
}
.header-tabs .header-tabs-col:first-child {
position: relative;
width: 39.3%;
}
.header-tabs .header-tabs-col:first-child:after {
content: '';
display: table;
clear: both;
}
.header-tabs .header-tabs-nav {
/* top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;*/
list-style-type: none;
width: 100%;
padding: 14px 0;
margin: 0;
}
.header-tabs .header-tabs-nav:after {
content: '';
display: table;
clear: both;
}
.header-tabs .header-tabs-nav li {
/*min-height: 47px;*/
position: relative;
display: block;
}
.header-tabs .header-tabs-nav li:hover,
.header-tabs .header-tabs-nav li.active {
background-color: #ccc;
}
.header-tabs .header-tabs-nav li:hover .header-tabs-btn,
.header-tabs .header-tabs-nav li.active .header-tabs-btn {
color: #333;
font-weight: 600;
}
.header-tabs .header-tabs-btn {
border: none;
outline: none;
background-color: transparent;
display: block;
/* top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;*/
font-size: 15px;
color: #fff;
line-height: 23px;
font-weight: 600;
width: 100%;
text-align: left;
padding: 8px 20px 8px 12.8%;
text-transform: none;
}
.header-tabs-btn.header-tabs-headline,
.header-tabs-btn.header-tabs-headline:hover {
color: #be002e !important;
background-color: #f5f5f5 !important;
text-transform: uppercase;
}
.header-tabs .header-tabs-image {
/* float: right;
*/ width: 60.7%;
flex-shrink: 0;
min-height: 100%;
/*min-height: 333px;*/
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
@media (max-width: 1199px) {
.navigation {
margin-bottom: 80px;
}
.navigation h2 {
font-size: 38px;
line-height: 41px;
margin-bottom: 5px;
margin-top: 20px;
}
}
@media (max-width: 991px) {
.header-tabs {
display: block;
}
header.main h1 {
font-size: 55px;
}
.navigation {
margin-bottom: 50px;
}
.navigation h2 {
font-size: 29px;
line-height: 32px;
margin-left: 20px;
}
.navigation .header-nav {
padding-left: 20px;
}
.header-link p {
font-size: 17px;
line-height: 19px;
}
.header-tabs .header-tabs-btn {
font-size: 17px;
line-height: 20px;
padding: 13px 20px 13px 20px;
text-align: center;
}
body.home .navigation {
margin-left: 0;
}
body.home header.main {
padding-bottom: 2%;
}
body.home header.main h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
header.main {
padding-left: 0;
padding-right: 0;
}
header.main h1 {
font-size: 40px;
line-height: 45px;
text-align: center;
}
.navigation {
margin-left: 0;
margin-right: 0;
}
.navigation .current-menu-item {
background-color: #ccc;
}
.navigation .current-menu-item a {
color: #333;
}
.navigation .header-logo {
position: absolute;
top: 0;
left: 15px;
width: 90px;
}
.navigation .nav-wrapper {
position: relative;
margin-top: 35px;
width: 100%;
height: 66px;
}
.navigation h2 {
display: none;
}
.navigation .mobile-btn {
display: block;
float: right;
margin-right: 20px;
}
.navigation .header-nav {
display: none;
position: absolute;
z-index: 2;
top: 104%;
padding-left: 0;
width: 100%;
}
.navigation ul li {
float: none;
width: 100%;
line-height: 50px;
background-color: #d80034;
opacity: .9;
text-align: center;
border-bottom: 1px solid #fff;
padding-bottom: 0;
}
.navigation ul li a {
display: block;
color: #fff;
}
.navigation ul li[class*='current'] {
background-color: #b8091e;
}
.navigation ul li[class*='current'] a {
color: #fff;
}
.navigation ul li[class*='current']:after {
display: none;
}
.header-links {
margin-left: 0;
}
.header-link {
float: left;
width: calc(50% - 10px);
display: block;
height: auto;
margin-right: 20px;
margin-bottom: 40px;
}
.header-link img {
width: 100%;
}
.header-link:nth-child(2n) {
margin-right: 0;
}
.header-tabs .header-tabs-nav {
width: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
top: 0;
position: static;
padding-top: 15px;
padding-bottom: 15px;
}
.header-tabs .header-tabs-image {
width: 100%;
min-height: 333px;
}
.header-tabs .header-tabs-col:first-child {
width: 100%;
}
body.qualitatsmanagement .header-tabs .header-tabs-nav {
padding-top: 15px;
}
}
@media (max-width: 479px) {
header.main h1 {
font-size: 30px;
}
.navigation {
margin-bottom: 20px;
}
.navigation .header-logo {
width: 70px;
}
.header-links {
margin-left: 0;
margin-right: 0;
}
.header-link {
float: none;
width: 100%;
margin: 0 auto 40px;
}
.header-tabs .header-tabs-btn {
font-size: 15px;
}
}
footer.main {
background-color: #515151;
padding: 53px 2% 53px 4%;
}
footer.main:after {
content: '';
display: table;
clear: both;
}
footer.main p,
footer.main a,
footer.main span {
font-size: 13px;
line-height: 20px;
color: #dddddd;
}
footer.main a,
footer.main span {
display: block;
}
footer.main h4 {
color: #dddddd;
font-weight: 600;
margin-bottom: 17px;
padding-right: 20%;
}
.footer-left,
.footer-center,
.footer-right {
float: left;
}
.footer-left,
.footer-center {
position: relative;
}
.footer-left:before {
position: absolute;
top: 0;
right: 0;
content: '';
display: inline-block;
height: 100%;
width: 1px;
background-color: #FFF;
}
.footer-left {
width: 11%;
padding: 10px 2% 0 0.7%;
}
.footer-left p {
margin-bottom: 20px;
}
.footer-left p:last-child {
margin-top: 19px;
}
.footer-left a {
margin-bottom: 0;
}
.footer-center {
width: 89%;
padding-top: 8px;
padding-left: 2%;
}
.footer-center .footer-center-contact {
float: left;
width: 25%;
padding-right: 5px;
}
.footer-center .footer-center-contact:after {
content: '';
display: table;
clear: both;
}
.footer-center-contact-right {
margin-top: 15px;
}
.footer-right {
width: 27.15%;
padding: 8px 0 0 3.9%;
}
.footer-right h4 {
text-transform: uppercase;
}
.footer-right .footer-email {
width: 100%;
margin-left: 1px;
}
.footer-right .footer-email:after {
content: '';
display: table;
clear: both;
}
.footer-right .footer-email .f-email,
.footer-right .footer-email .f-submit {
line-height: 38px;
border: none;
outline: none;
border-radius: 0;
}
.footer-right .footer-email .f-email {
float: left;
height: 38px;
width: 61.6%;
padding: 0 10px 1px 13px;
font-size: 15px;
margin-bottom: 41px;
}
.footer-right .footer-email .f-submit {
float: right;
width: 38.4%;
padding: 0 10px 1px;
background-color: #d80034;
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
.footer-right .footer-right-newsletter h4 {
margin-bottom: 11px;
}
.footer-right .footer-right-social {
margin-bottom: 19px;
}
.footer-right .footer-right-social:after {
content: '';
display: table;
clear: both;
}
.footer-right .footer-right-social h4 {
margin-bottom: 11px;
}
.footer-right .footer-right-social ul {
float: left;
list-style-type: none;
padding-left: 1px;
}
.footer-right .footer-right-social ul:after {
content: '';
display: table;
clear: both;
}
.footer-right .footer-right-social ul a {
display: block;
position: relative;
width: 42px;
height: 42px;
border: 1px solid #666;
border-radius: 50%;
margin-right: 10px;
}
.footer-right .footer-right-social ul a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.footer-right .footer-right-social li {
float: left;
}
.footer-right .footer-right-social li:last-of-type a {
margin-right: 0;
}
.footer-right .footer-right-social .footer-logo-small {
float: right;
margin-top: -17px;
}
.footer-right .footer-nav {
margin-left: -18px;
}
.footer-right .footer-nav li {
position: relative;
padding-left: 18px;
padding-right: 19px;
margin-left: 0;
}
.footer-right .footer-nav li:after {
content: '';
display: inline-block;
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
background-color: #ccc;
}
.footer-right .footer-nav li:last-child:after {
display: none;
}
.footer-right .footer-nav a {
color: #ccc;
line-height: 15px;
}
@media (max-width: 1199px) {
footer.main h4 {
font-size: 14px;
padding-right: 0;
}
.footer-center .footer-center-contact {
padding-right: 10px;
}
}
@media (max-width: 991px) {
footer.main {
padding-top: 30px;
padding-bottom: 0;
}
footer.main .container {
padding-bottom: 50px;
}
footer.main .footer-center h4 {
margin-bottom: 10px;
}
footer.main h4 {
font-size: 14px;
}
footer.main p {
font-size: 13px;
}
footer.main a {
font-size: 13px;
}
.footer-left {
width: 30%;
}
.footer-left:before {
display: none;
}
.footer-center {
width: 70%;
padding-left: 2%;
padding-right: 2%;
}
.footer-center:before {
left: 0;
}
.footer-right {
width: 100%;
padding-left: 0;
margin-top: 50px;
}
.footer-right h4 {
text-align: center;
}
.footer-right .footer-right-newsletter {
float: left;
width: 33.33%;
padding-right: 0;
}
.footer-right .footer-right-social {
float: left;
width: 33.33%;
text-align: center;
}
.footer-right .footer-right-social ul {
float: none;
display: inline-block;
margin: 0 auto;
padding-left: 0;
}
.footer-right .footer-right-social .footer-logo-small {
float: none;
margin: 10px auto;
}
.footer-right .footer-nav {
float: left;
width: 33.33%;
margin-left: 0;
text-align: center;
}
.footer-right .footer-nav ul {
display: inline-block;
}
.footer-right .footer-nav li {
padding-left: 10px;
padding-right: 10px;
}
.footer-right .footer-email {
margin-left: 0;
}
.footer-right .footer-email .f-email {
font-size: 14px;
}
.footer-right .footer-email .f-submit {
font-size: 12px;
}
.footer-left,
.footer-center {
width: 100%;
}
.footer-left:before,
.footer-center:before {
top: 100%;
left: 0;
display: inline-block;
height: 1px;
width: 100%;
}
.footer-left {
text-align: center;
padding-bottom: 20px;
}
.footer-center {
padding: 23px 0;
}
.footer-center .footer-center-contact {
text-align: center;
padding-left: 10px;
padding-right: 10px;
width: 44%;
margin: 0 3% 30px;
}
.footer-nav {
margin-top: 20px;
}
.footer-nav ul > li {
float: none;
display: inline-block;
}
.footer-right .footer-right-newsletter,
.footer-right .footer-right-social,
.footer-right .footer-nav {
width: 100%;
}
.footer-right .footer-right-newsletter {
padding-right: 0;
}
}
@media (max-width: 767px) {
footer.main {
padding: 20px 10px;
}
.footer-center .footer-center-contact {
margin: 0 0 30px;
padding: 0 17%;
width: 100%;
}
}
#page {
min-width: 320px;
max-width: 1400px;
margin: 0 auto;
border: 1px solid #d9d9d9;
}
main.content {
padding-top: 0;
padding-bottom: 0;
}
div.break {
margin: 36px 0;
}
body.home .page-content {
padding-left: 5.7%;
padding-right: 5.7%;
}
.page-content {
background-color: #eee;
padding-top: 63px;
padding-bottom: 31px;
}
.page-content h2 {
font-weight: 300;
margin-bottom: 14px;
}
.page-content h2 strong {
white-space: nowrap;
color: #d30032;
}
.page-content p {
font-size: 15px;
line-height: 28px;
color: #555;
margin-bottom: 28px;
}
body.home .page-content p:last-child {
margin-top: 69px;
}
body.home .page-content p:last-child:after {
content: '';
display: table;
clear: both;
}
body.home .page-content p:last-child img {
width: calc(50% - 20px);
}
.sections-wrap {
display: none;
}
.sections-wrap.active {
display: block;
}
.sections-pagination {
text-align: center;
}
.sections-pagination > a {
margin: 20px 10px;
}
.sections-pagination .hidden {
display: none;
}
.columns-content {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
padding-left: 5.7%;
padding-right: 5.7%;
}
.columns-content:after {
content: '';
display: table;
clear: both;
}
.columns-content .col {
width: calc(50% - 20px);
}
.columns-content .col-left {
float: left;
padding-top: 73px;
}
.columns-content .col-left h2,
.columns-content .col-left p {
color: #fff;
}
.columns-content .col-left h2 {
margin-bottom: 31px;
line-height: 45px;
}
.columns-content .col-left p {
font-size: 15px;
line-height: 28px;
margin-bottom: 28px;
}
.columns-content .col-left p:last-child {
margin-top: 50px;
}
.columns-content .col-left p:last-child:after {
content: '';
display: table;
clear: both;
}
.columns-content .col-left p:last-child img {
width: calc(50% - 20px);
}
.columns-content .col-right {
float: right;
padding-top: 80px;
}
.columns-content .col-right figure {
margin: 0;
}
.columns-content .col-right .col-caption {
position: relative;
padding: 41px 0 35px 42px;
background-color: #d80034;
color: #fff;
}
.columns-content .col-right .col-caption:after {
content: '';
display: table;
clear: both;
}
.columns-content .col-right .col-caption h2,
.columns-content .col-right .col-caption h3 {
text-transform: uppercase;
font-weight: 700;
}
.columns-content .col-right .col-caption h2 {
float: left;
width: 45%;
font-size: 26px;
line-height: 36px;
padding-right: 10px;
}
.columns-content .col-right .col-caption h3 {
margin-bottom: 11px;
}
.columns-content .col-right .col-caption .col-caption-right {
float: right;
width: 55%;
}
.columns-content .col-right .col-caption td {
font-size: 15px;
line-height: 30px;
}
.columns-content .col-right .col-caption td:first-of-type {
text-transform: uppercase;
font-weight: 700;
}
.columns-content .col-right .col-caption td:last-of-type {
padding-left: 15px;
}
.columns-content .col-right .col-caption:before {
content: '';
position: absolute;
top: 0;
left: 100%;
background-color: #d80034;
height: 100%;
width: 10000px;
}
.columns-content .col-left > h2 > strong {
white-space: nowrap;
}
.content-slideshow {
position: relative;
padding: 80px 5.7% 60px 75px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
}
.content-slideshow .section-heading h2 {
font-size: 60px;
line-height: 65px;
font-weight: 700;
color: #fff;
margin-bottom: 92px;
}
.content-slideshow .slideshow {
position: relative;
width: 77.4%;
background-color: #fff;
padding-top: 13px;
padding-right: 11px;
padding-bottom: 13px;
}
.content-slideshow .slideshow:after {
content: '';
display: table;
clear: both;
}
.content-slideshow .slideshow:before {
content: '';
position: absolute;
top: 0;
right: 100%;
background-color: #fff;
height: 100%;
width: 10000px;
}
.content-slideshow .slide-content {
float: left;
width: 75%;
margin-top: 41px;
padding-left: 5px;
}
.content-slideshow .slide-content p {
font-size: 15px;
line-height: 26px;
font-weight: 500;
margin-bottom: 34px !important;
}
.content-slideshow .slide-content p:last-child {
margin-bottom: 0 !important;
}
.content-slideshow .slide-images {
width: 25%;
float: right;
}
.content-slideshow .slide-images:after {
content: '';
display: table;
clear: both;
}
.content-slideshow .slide-images img {
margin-bottom: 11px;
float: right;
}
.content-slideshow .slide-images img:last-child {
margin-bottom: 0;
}
.content-slideshow .slick-initialized .slick-slide {
outline: none;
}
tbody td a {
color: #fff;
}
.content-with-image:after {
content: '';
display: table;
clear: both;
}
.content-with-image h3 {
font-size: 36px;
font-weight: 700;
line-height: 45px;
color: #d80034;
margin-bottom: 28px;
}
.content-with-image h3 img {
margin-right: 13px;
position: relative;
top: -2px;
}
.content-with-image p {
font-size: 15px;
font-weight: 500;
line-height: 26px;
margin-bottom: 26px;
}
.content-with-image .content-image {
width: 39.4%;
min-height: 550px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.content-with-image .content-text {
padding-top: 72px;
width: 60.6%;
padding-left: 5%;
padding-right: 5%;
}
.content-with-image .content-text .content-image-content p + .inline-list {
margin-top: 29px;
}
.content-with-image-right .content-image {
float: right;
border-left: 2px solid #d80034;
}
.content-with-image-right .content-text {
float: left;
}
.content-with-image-left {
background-color: #f5f5f5;
}
.content-with-image-left .content-image {
float: left;
border-right: 2px solid #d80034;
}
.content-with-image-left .content-text {
float: right;
}
.inline-list ul {
list-style-type: none;
padding-left: 26px;
}
.inline-list ul:after {
content: '';
display: table;
clear: both;
}
.inline-list li {
position: relative;
float: left;
font-size: 17px;
line-height: 34px;
padding-right: 30px;
}
.inline-list li:before {
position: absolute;
top: 7px;
left: -25px;
content: '';
width: 17px;
height: 17px;
display: inline-block;
background-image: url("images/ico-list.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.inline-list li:nth-child(odd) {
width: 55.6%;
}
.inline-list li:nth-child(even) {
width: 44.4%;
}
.content-with-image-left + .content-with-image-left .content-text,
.content-with-image-right + .content-with-image-right .content-text {
border-top: 1px solid #ddd;
}
body.abteilungen-sub .content-with-image-left .content-image {
min-height: 430px;
}
body.abteilungen-sub .content-with-image-left h3 {
font-size: 30px;
font-weight: 500;
line-height: 32px;
margin-bottom: 49px;
}
body.abteilungen-sub .content-with-image-left .content-text {
padding: 66px 3% 10px 4.8%;
}
body.abteilungen-sub .content-with-image-left .content-with-image p {
line-height: 24px;
}
body.abteilungen-sub .content-with-image-left .content-image-content:after {
content: '';
display: table;
clear: both;
}
body.abteilungen-sub .content-with-image-left .content-image-content .col {
margin-top: -57px;
padding-right: 4%;
}
body.abteilungen-sub .content-with-image-left .content-image-content .col p {
line-height: 24px;
margin-bottom: 48px;
}
body.abteilungen-sub .content-with-image-left .content-image-content .col.col-1-2:first-of-type {
width: 50%;
}
body.abteilungen-sub .content-with-image-left .content-image-content .col.col-1-2:last-of-type {
width: 50%;
padding-right: 0;
}
body.abteilungen-sub .content-with-image-left ul,
body.abteilungen-sub .content-with-image-right ul {
list-style-type: none;
padding-left: 26px;
}
body.abteilungen-sub .content-with-image-left ul:after,
body.abteilungen-sub .content-with-image-right ul:after {
content: '';
display: table;
clear: both;
}
body.abteilungen-sub .content-with-image-left ul li,
body.abteilungen-sub .content-with-image-right ul li {
position: relative;
font-size: 17px;
line-height: 34px;
padding-right: 30px;
}
body.abteilungen-sub .content-with-image-left ul li:before,
body.abteilungen-sub .content-with-image-right ul li:before {
position: absolute;
top: 7px;
left: -25px;
content: '';
width: 17px;
height: 17px;
display: inline-block;
background-image: url("images/ico-list.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.double-image:after {
content: '';
display: table;
clear: both;
}
.double-image .double-image-content,
.double-image .double-image-first,
.double-image .double-image-second {
float: left;
}
.double-image .double-image-content {
width: 39.4%;
padding: 40px 3% 20px 5%;
background-color: #d80034;
color: #fff;
}
.double-image .double-image-content h4 {
font-size: 32px;
line-height: 35px;
font-weight: 500;
margin-bottom: 28px;
}
.double-image .double-image-content p {
line-height: 24px;
}
.double-image .double-image-first,
.double-image .double-image-second {
width: 30.3%;
min-height: 300px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
body.qualitatsmanagement .content-with-image .content-text {
padding-top: 37px;
}
.quality-content {
background-color: #fff;
padding-top: 66px;
}
.quality-content h4 {
font-size: 25px;
line-height: 27px;
font-weight: 500;
margin-bottom: 29px;
}
.quality-content ul {
padding-left: 25px;
list-style-type: none;
}
.quality-content ul li {
position: relative;
font-size: 15px;
line-height: 34px;
}
.quality-content ul li:before {
position: absolute;
top: 8px;
left: -26px;
content: '';
width: 17px;
height: 17px;
display: inline-block;
background-image: url("images/ico-list.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
body.stellenangebote .quality-content {
padding-top: 63px;
padding-bottom: 52px;
}
body.stellenangebote .quality-content h3 {
font-size: 36px;
font-weight: 600;
line-height: 45px;
color: #d80034;
margin-bottom: 29px;
}
body.stellenangebote .quality-content p {
font-size: 15px;
line-height: 26px;
margin-bottom: 26px;
}
body.stellenangebote .quality-content p:last-of-type {
margin-bottom: 48px;
}
body.stellenangebote .quality-content h4 {
font-size: 26px;
font-weight: 600;
line-height: 26px;
}
body.stellenangebote .content-with-image .content-text {
padding-top: 63px;
}
body.stellenangebote .content-with-image .content-text h3 {
font-size: 34px;
line-height: 45px;
}
body.stellenangebote .content-with-image .content-image-content strong {
font-size: 15px;
font-weight: 600;
line-height: 26px;
}
body.stellenangebote .content-with-image .content-image-content ul {
padding-left: 27px;
list-style-type: none;
}
body.stellenangebote .content-with-image .content-image-content ul li {
position: relative;
font-size: 15px;
line-height: 26px;
}
body.stellenangebote .content-with-image .content-image-content ul li:before {
position: absolute;
top: 3px;
left: -26px;
content: '';
width: 17px;
height: 17px;
display: inline-block;
background-image: url("images/ico-list.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
body.stellenangebote .content-with-image:last-of-type .content-text {
padding-bottom: 52px;
}
body.stellenangebote .content-with-image-right:last-of-type p {
margin-bottom: 1px;
margin-top: 24px;
}
body.stellenangebote .content-with-image-right:last-of-type p:last-of-type {
margin-bottom: 25px;
}
body.ausbildung main.content:after,
body.ausbildung-aktuelles main.content:after,
body.ausbildung-sub main.content:after {
content: '';
display: table;
clear: both;
}
body.ausbildung .page-sidebar,
body.ausbildung-aktuelles .page-sidebar,
body.ausbildung-sub .page-sidebar {
float: left;
width: 39.3%;
background-color: #d80034;
}
body.ausbildung .page-sidebar figure,
body.ausbildung-aktuelles .page-sidebar figure,
body.ausbildung-sub .page-sidebar figure {
margin: 0;
}
body.ausbildung .page-sidebar figure img,
body.ausbildung-aktuelles .page-sidebar figure img,
body.ausbildung-sub .page-sidebar figure img {
width: 100%;
}
body.ausbildung .page-sidebar-content,
body.ausbildung-aktuelles .page-sidebar-content,
body.ausbildung-sub .page-sidebar-content {
padding: 56px 20% 55px 12.2%;
color: #fff;
}
body.ausbildung .page-sidebar-content h5,
body.ausbildung .page-sidebar-content h6,
body.ausbildung .page-sidebar-content td,
body.ausbildung-aktuelles .page-sidebar-content h5,
body.ausbildung-aktuelles .page-sidebar-content h6,
body.ausbildung-aktuelles .page-sidebar-content td,
body.ausbildung-sub .page-sidebar-content h5,
body.ausbildung-sub .page-sidebar-content h6,
body.ausbildung-sub .page-sidebar-content td {
color: #fff;
}
body.ausbildung .page-sidebar-content h5,
body.ausbildung-aktuelles .page-sidebar-content h5,
body.ausbildung-sub .page-sidebar-content h5 {
font-size: 26px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
margin-bottom: 31px;
}
body.ausbildung .page-sidebar-content h6,
body.ausbildung-aktuelles .page-sidebar-content h6,
body.ausbildung-sub .page-sidebar-content h6 {
font-size: 15px;
font-weight: 500;
line-height: 24px;
margin-bottom: 26px;
}
body.ausbildung .page-sidebar-content td,
body.ausbildung-aktuelles .page-sidebar-content td,
body.ausbildung-sub .page-sidebar-content td {
font-size: 15px;
font-weight: 400;
line-height: 24px;
}
body.ausbildung .page-sidebar-content td a,
body.ausbildung-aktuelles .page-sidebar-content td a,
body.ausbildung-sub .page-sidebar-content td a {
color: #fff;
}
body.ausbildung .page-sidebar-content td a:hover,
body.ausbildung-aktuelles .page-sidebar-content td a:hover,
body.ausbildung-sub .page-sidebar-content td a:hover {
color: #fff;
}
body.ausbildung .page-content,
body.ausbildung-aktuelles .page-content,
body.ausbildung-sub .page-content {
float: right;
width: 60.7%;
background-color: #fff;
padding: 63px 2% 30px 5%;
}
body.ausbildung .page-content h3,
body.ausbildung-aktuelles .page-content h3,
body.ausbildung-sub .page-content h3 {
font-size: 36px;
font-weight: 700;
line-height: 45px;
color: #d80034;
margin-bottom: 28px;
}
body.ausbildung .page-content p,
body.ausbildung-aktuelles .page-content p,
body.ausbildung-sub .page-content p {
font-size: 15px;
font-weight: 400;
line-height: 28px;
margin-bottom: 24px;
}
body.ausbildung-aktuelles .subpage-heading h2,
body.ausbildung-sub .subpage-heading h2 {
font-size: 36px;
font-weight: 700;
line-height: 45px;
color: #d80034;
margin-bottom: 24px;
}
body.ausbildung-aktuelles .subpage-content p,
body.ausbildung-sub .subpage-content p {
margin-bottom: 24px;
}
body.ausbildung-aktuelles .subpage-content h5,
body.ausbildung-sub .subpage-content h5 {
font-size: 20px;
line-height: 24px;
}
body.ausbildung-aktuelles .subpage-content ul,
body.ausbildung-sub .subpage-content ul {
list-style-type: none;
padding-left: 23px;
margin-bottom: 24px;
}
body.ausbildung-aktuelles .subpage-content ul:after,
body.ausbildung-sub .subpage-content ul:after {
content: '';
display: table;
clear: both;
}
body.ausbildung-aktuelles .subpage-content ul li,
body.ausbildung-sub .subpage-content ul li {
position: relative;
font-size: 17px;
line-height: 24px;
}
body.ausbildung-aktuelles .subpage-content ul li:before,
body.ausbildung-sub .subpage-content ul li:before {
position: absolute;
top: 3px;
left: -24px;
content: '';
width: 17px;
height: 17px;
display: inline-block;
background-image: url("images/ico-list.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
body.ausbildung-aktuelles .slick-initialized .slick-slide,
body.ausbildung-sub .slick-initialized .slick-slide {
outline: none;
}
body.ausbildung-aktuelles .slideshow,
body.ausbildung-sub .slideshow {
text-align: center;
width: 94.4%;
}
body.ausbildung-aktuelles .slideshow .slick-dots,
body.ausbildung-sub .slideshow .slick-dots {
display: inline-block;
margin: 30px auto 0;
padding-left: 0;
list-style-type: none;
}
body.ausbildung-aktuelles .slideshow .slick-dots:after,
body.ausbildung-sub .slideshow .slick-dots:after {
content: '';
display: table;
clear: both;
}
body.ausbildung-aktuelles .slideshow .slick-dots li,
body.ausbildung-sub .slideshow .slick-dots li {
float: left;
}
body.ausbildung-aktuelles .slideshow .slick-dots li:before,
body.ausbildung-sub .slideshow .slick-dots li:before {
display: none;
}
body.ausbildung-aktuelles .slideshow .slick-dots li.slick-active button,
body.ausbildung-sub .slideshow .slick-dots li.slick-active button {
background-color: #d80034;
}
body.ausbildung-aktuelles .slideshow .slick-dots li:last-of-type button,
body.ausbildung-sub .slideshow .slick-dots li:last-of-type button {
margin-right: 0;
}
body.ausbildung-aktuelles .slideshow .slick-dots button,
body.ausbildung-sub .slideshow .slick-dots button {
border: none;
outline: none;
width: 9px;
height: 9px;
margin-right: 7px;
padding: 0;
border-radius: 50%;
background-color: #999;
text-indent: -9999px;
}
.slide-content {
text-align: left;
margin-bottom: 54px;
}
body .table-wrap {
max-width: 100%;
overflow-y: auto;
width: 94.4%;
}
body .tablepress-table-name,
body .tablepress {
min-width: 708px;
}
body .tablepress-table-name {
background-color: #353e40;
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: #fff;
padding: 9px 17px;
margin-bottom: 0;
}
body .tablepress {
border: 1px solid #eee;
border-collapse: collapse;
}
body .tablepress .column-1 {
width: 32.25%;
}
body .tablepress .column-2 {
width: 20.42%;
}
body .tablepress .column-3 {
width: 25.49%;
}
body .tablepress .column-4 {
width: 21.84%;
}
body .tablepress thead th {
background-color: #eee;
color: #d80034;
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
padding: 12px 19px 14px;
border-right: 1px solid #ddd;
border-bottom: none;
}
body .tablepress thead th:last-child {
border-right: none;
}
body .tablepress tbody tr:nth-child(odd) {
background-color: #f9f9f9;
}
body .tablepress tbody tr:nth-child(even) {
background-color: #fff;
}
body .tablepress tbody tr td {
text-align: center;
vertical-align: middle;
padding: 18px 23px;
line-height: 20px;
border: 1px solid #eee;
}
body .tablepress tbody tr td strong {
font-size: 16px;
}
body .tablepress tbody tr td:first-child {
font-size: 14px;
text-align: left;
}
body .tablepress-id-2 tbody tr td:first-child {
font-size: 16px;
}
body .tablepress-id-2 td:first-child {
font-weight: 700;
}
body .tablepress-id-2 .row-1 td:last-child {
text-align: left;
}
body .tablepress-id-2 .row-2 td {
background-color: #eee;
color: #d80034;
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
padding: 12px 19px 14px;
border-right: 1px solid #ddd;
border-bottom: none;
}
body .tablepress-id-2 .row-2 td:last-child {
border-right: none;
}
body .tablepress-id-1 tbody tr td:first-child {
font-size: 16px;
}
body .tablepress-id-1 td:first-child {
font-weight: 700;
}
body .tablepress-id-1 .column-1 {
width: 52.5%;
}
body .tablepress-id-1 .column-2 {
width: 25.53%;
}
body .tablepress-id-1 .column-3 {
width: 21.97%;
}
.contact-content {
padding-top: 68px;
padding-bottom: 41px;
}
.col.col-1-4 {
float: left;
width: 25.7936%;
font-size: 15px;
line-height: 18px;
font-weight: 500;
color: #363e40;
}
.col.col-1-4:last-child {
width: 22.6192%;
}
.col.col-1-4 p span {
display: inline-block;
font-size: 16px;
line-height: 18px;
}
.col.col-1-4 p {
font-size: 15px;
margin-bottom: 18px;
line-height: 18px;
}
.col.col-1-4 a {
color: #363e40;
}
.col.col-1-2 {
float: left;
}
.col.col-1-2:first-of-type {
width: 46%;
}
.col.col-1-2:last-of-type {
width: 54%;
}
.contact-additional-content {
background-color: #f5f5f5;
padding-top: 50px;
}
.contact-additional-content .col-1-4 p {
margin-bottom: 18px;
}
.contact-companies {
padding-top: 21px;
padding-bottom: 40px;
background-color: #f5f5f5;
}
.contact-companies .contact-companies-wrapper {
margin-left: -20px;
margin-right: -20px;
}
.contact-companies .contact-companies-wrapper:after {
content: '';
display: table;
clear: both;
}
.contact-companies .company {
float: left;
width: calc(50% - 40px);
margin: 20px;
border: 1px solid #ddd;
background-color: #fff;
padding: 29px 2.2% 26px;
}
.contact-companies .company-heading {
border-bottom: 1px solid #ddd;
padding-bottom: 19px;
}
.contact-companies .company-heading:after {
content: '';
display: table;
clear: both;
}
.contact-companies .company-heading img {
float: left;
margin-right: 22px;
}
.contact-companies .company-heading .company-heading-inner-wrapper {
display: table;
width: 72%;
height: 70px;
}
.contact-companies .company-heading .company-heading-inner-wrapper div {
display: table-cell;
vertical-align: middle;
}
.contact-companies .company-heading h4 {
font-size: 24px;
font-weight: 600;
line-height: 30px;
color: #363e40;
margin: 0;
}
.contact-companies .company-info {
margin-top: 25px;
font-size: 15px;
line-height: 22px;
font-weight: 500;
}
.contact-companies .company-info:after {
content: '';
display: table;
clear: both;
}
.contact-companies .company-info span {
display: block;
}
.contact-companies .company-info div:first-child {
float: left;
width: 57.8%;
}
.contact-companies .company-info div:last-child {
float: right;
width: 42.2%;
}
.contact-additional:after {
content: '';
display: table;
clear: both;
}
.contact-additional h3 {
font-size: 29px;
font-weight: 500;
line-height: 30px;
color: #d80034;
margin-bottom: 35px;
}
.contact-additional .contact-additional-content {
background-color: #fff;
padding-top: 0;
border-bottom: 1px solid #ddd;
padding-bottom: 42px;
}
.contact-additional .contact-additional-content:after {
content: '';
display: table;
clear: both;
}
.contact-additional .contact-additional-content figure {
float: left;
width: 26%;
margin: 0;
border: 2px solid #d80034;
border-radius: 50%;
}
.contact-additional .contact-additional-content div {
float: right;
width: 74%;
padding-top: 8px;
padding-left: 5%;
}
.contact-additional .contact-additional-content div p {
margin-bottom: 24px;
font-size: 15px;
font-weight: 500;
line-height: 24px;
}
.contact-additional .contact-additional-content div p:last-child {
margin-bottom: 0;
}
.contact-additional .contact-additional-footer {
padding-top: 26px;
}
.contact-additional .contact-additional-footer:after {
content: '';
display: table;
clear: both;
}
.contact-additional .contact-additional-footer h5 {
float: left;
width: 30.8%;
font-size: 16px;
font-weight: 600;
line-height: 22px;
color: #d80034;
}
.contact-additional .contact-additional-footer > span {
float: left;
width: 24%;
}
.contact-additional .contact-additional-footer div {
float: left;
width: 45.2%;
padding-left: 5.6%;
}
.contact-additional .contact-additional-footer div span {
display: block;
}
.contact-additional .contact-additional-footer span {
font-size: 15px;
font-weight: 500;
line-height: 22px;
}
.contact-additional-image {
min-height: 447px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.contact-additional-left .contact-additional-image {
float: left;
width: 50.15%;
border-right: 2px solid #d80034;
}
.contact-additional-left .contact-additional-image + div {
float: right;
width: 49.85%;
padding: 58px 2.5% 10px 3.6%;
}
.contact-additional-right .contact-additional-image {
float: right;
width: 50%;
border-left: 2px solid #d80034;
}
.contact-additional-right .contact-additional-image + div {
float: left;
width: 50%;
padding: 58px 2.5% 10px 4.9%;
}
.story-year {
display: table;
}
.story-year .story-content {
display: table-cell;
vertical-align: top;
width: 60.7%;
border-right: 2px solid #d80034;
padding: 52px 3% 33px 5%;
}
.story-year .story-content h3 {
font-size: 55px;
font-weight: 700;
line-height: 57px;
color: #d80034;
margin-bottom: 24px;
}
.story-year .story-content p {
margin-bottom: 25px;
}
.story-year .story-image {
display: table-cell;
vertical-align: top;
width: 39.3%;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: top center;
}
.story-year:nth-child(even) {
background-color: #f5f5f5;
}
.struktur-content {
margin-top: 100px;
margin-bottom: 49px;
}
.struktur-content .container {
position: relative;
}
.struktur-content .btn-main {
position: absolute;
top: 0;
left: 2%;
margin-top: 0;
}
.struktur-companies {
border-top: 1px solid #ccc;
display: block;
}
.struktur-companies:after {
content: '';
display: table;
clear: both;
}
.struktur-companies a {
display: inline-block;
float: left;
width: 20%;
border-right: 1px solid #ccc;
padding: 30px 1% 27px;
font-size: 14px;
font-weight: 600;
line-height: 18px;
color: #666;
text-align: center;
text-transform: uppercase;
}
.struktur-companies a:last-child {
border-right: none;
}
.struktur-companies img {
display: block;
margin: 0 auto 27px;
}
.persons {
padding-top: 90px;
padding-bottom: 94px;
}
.person {
display: none;
}
.person .btn {
float: right;
}
.person:after {
content: '';
display: table;
clear: both;
}
.person .person-content p {
font-size: 15px;
font-weight: 500;
line-height: 26px;
margin-bottom: 26px;
}
.person figure {
float: right;
width: 26.2%;
margin: 0;
}
.person figure img {
width: 100%;
}
.person .person-heading {
margin-bottom: 35px;
}
.person .person-heading:after {
content: '';
display: table;
clear: both;
}
.person .person-heading h3 {
display: inline-block;
float: left;
font-size: 40px;
font-weight: 700;
line-height: 38px;
padding-top: 1px;
padding-right: 26px;
margin-bottom: 0;
color: #d80034;
text-transform: uppercase;
border-right: 2px solid #d80034;
}
.person .person-heading p {
float: left;
max-width: 60%;
margin-left: 29px;
margin-bottom: 0;
}
.person .person-heading p strong,
.person .person-heading p span {
display: block;
}
.person .person-heading p strong {
font-size: 18px;
line-height: 21px;
color: #363e40;
}
.person .person-heading p span {
font-size: 15px;
line-height: 20px;
}
.person.active {
display: block;
}
.persons-thumbs {
margin-bottom: 100px;
}
.person-thumb {
float: left;
width: 12.5%;
height: 12.5vw;
background-color: #CCC;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
text-indent: -9999px;
cursor: pointer;
}
.person-thumb:nth-child(2n) {
background-color: #c7c7c7;
}
.person-thumb.active {
background-color: transparent;
}
.person-thumb.active:after, .person-thumb.active:before {
content: '';
position: absolute;
opacity: 0.85;
}
.person-thumb.active:after {
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #d30032;
background-image: url("images/ico-plus.png");
background-repeat: no-repeat;
background-position: center center;
}
.person-thumb.active:before {
top: -16px;
left: 0;
right: 0;
margin: 0 auto;
width: 0;
height: 0;
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-bottom: 16px solid #d30032;
}
.comments-area {
text-align: left;
}
.comments-area ul {
padding-left: 0;
}
.comments-area ul li:before {
display: none;
}
.error404 .page-content {
background: #fff;
padding: 70px 0 80px;
text-align: center;
}
.error404 h1 {
font-size: 50px;
font-weight: 700;
margin-bottom: 10px;
}
.error404 h2 {
font-size: 26px;
line-height: 36px;
margin-bottom: 30px;
}
.default-content h1 {
font-size: 35px;
line-height: 40px;
}
.default-content .post {
max-width: 80%;
margin-bottom: 30px;
}
.default-content .post-title {
margin: 0;
font-size: 30px;
line-height: 35px;
}
.default-content .post-entry p {
margin: 0;
}
.person-content {
float: left;
width: 73%;
padding-right: 8%;
}
.gallery-list {
float: left;
width: 27%;
}
.gallery-slide {
border: 0;
outline: 0;
}
.gallery-thumb {
margin: 0 0 20px;
}
.gallery-thumb figure {
margin: 0;
float: none;
width: 100%;
}
.gallery-thumb h3 {
font-size: 20px;
font-weight: 700;
line-height: 24px;
margin: 7px 0 0;
}
.post-content-full {
display: none;
}
.post-content-full.visible,
.post-show-full .post-content-full {
display: block;
}
.post-show-full .post-content-short {
display: none;
}
.post-show-full .btn[data-show-more] {
display: none;
}
@media (max-width: 1199px) {
.container {
padding-left: 15px;
padding-right: 15px;
}
.columns-content .col-right .col-caption {
padding-left: 20px;
}
.columns-content .col-right .col-caption h2 {
font-size: 25px;
width: 40%;
}
.columns-content .col-right .col-caption h3 {
font-size: 22px;
}
.columns-content .col-right .col-caption .col-caption-right {
width: 60%;
padding-top: 5px;
}
.columns-content .col-right .col-caption td {
font-size: 15px;
}
body.abteilungen-sub .content-with-image-left ul li,
body.abteilungen-sub .content-with-image-right ul li {
width: 100%;
}
.inline-list li:nth-child(odd),
.inline-list li:nth-child(even) {
width: 100%;
}
body .table-wrap {
width: 100%;
}
}
@media (max-width: 991px) {
.columns-content .col-left {
padding-top: 74px;
}
.columns-content .col-left h2 {
font-size: 32px;
line-height: 37px;
}
.columns-content .col-right .col-caption h2 {
width: 100%;
}
.columns-content .col-right .col-caption .col-caption-right {
width: 100%;
}
.error404 .page-content {
padding: 30px 0 40px;
}
.error404 h1 {
font-size: 36px;
}
.error404 h2 {
font-size: 20px;
line-height: 30px;
}
.double-image .double-image-content h4 {
font-size: 28px;
line-height: 30px;
margin-bottom: 15px;
}
.double-image .double-image-content p {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
}
@media (max-width: 767px) {
.page-template.home .navigation {
margin-bottom: 40px;
margin-left: 0;
margin-right: 0;
}
.page-content {
padding-top: 30px;
text-align: center;
}
.page-content h2 {
font-size: 29px;
line-height: 32px;
}
.default-content {
text-align: left;
}
.columns-content .col-left {
width: 100%;
text-align: center;
}
.columns-content .col-right {
width: 100%;
}
.columns-content .col-right img {
width: 100%;
}
.columns-content .col-right .col-caption,
.columns-content .col-right table {
text-align: center;
}
.columns-content .col-right .col-caption {
padding-left: 0;
}
.columns-content .col-right table {
margin: 0 auto;
}
.columns-content .col-right .col-caption:before {
display: none;
}
.content-slideshow {
text-align: center;
}
.content-slideshow .container {
padding-top: 30px;
padding-bottom: 40px;
}
.content-slideshow .section-heading h2 {
font-size: 32px;
line-height: 37px;
margin-bottom: 30px;
}
.content-slideshow .slideshow {
width: 100%;
padding: 10px;
}
.content-slideshow .slideshow:before {
display: none;
}
.content-slideshow .slide-content,
.content-slideshow .slide-images {
float: none;
width: 100%;
}
.content-slideshow .slide-content p {
font-size: 17px;
line-height: 24px;
}
.content-slideshow .slide-images {
margin-top: 10px;
text-align: center;
}
.content-slideshow .slide-images img {
float: left;
margin-left: 10px;
}
.content-slideshow .slide-images img:first-child {
margin-left: 0;
}
.error404 .page-content br {
display: none;
}
.error404 h1 {
font-size: 36px;
}
.error404 h2 {
font-size: 20px;
line-height: 30px;
}
.content-with-image .content-image {
width: 100%;
border: none;
min-height: 300px;
}
.content-with-image .content-text {
width: 100%;
padding-top: 30px;
padding-bottom: 20px;
text-align: center;
}
.content-with-image .content-text h3 {
font-size: 25px;
line-height: 28px;
}
.content-with-image .content-text p {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.stellenangebote .quality-content {
padding-top: 30px;
padding-bottom: 20px;
}
body.stellenangebote .quality-content h3 {
font-size: 25px;
line-height: 28px;
margin-bottom: 20px;
}
body.stellenangebote .quality-content p {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.stellenangebote .content-with-image:last-of-type .content-text {
padding-top: 30px;
padding-bottom: 20px;
}
body.stellenangebote .content-with-image .content-text {
padding-top: 30px;
padding-bottom: 20px;
}
body.stellenangebote .content-with-image .content-text h3 {
font-size: 25px;
line-height: 28px;
margin-bottom: 20px;
}
body.stellenangebote .content-with-image .content-text p {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.stellenangebote .content-with-image .content-image-content ul {
text-align: left;
}
body.stellenangebote .content-with-image .content-image-content ul li {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.stellenangebote .content-with-image .content-image-content ul li:before {
top: 0;
}
body.stellenangebote a:hover, body.stellenangebote a:focus {
color: #555;
}
body.qualitatsmanagement .quality-content {
text-align: left;
}
body.qualitatsmanagement .quality-content ul li {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.qualitatsmanagement .quality-content ul li:before {
top: 0;
}
.inline-list ul {
text-align: left;
}
.inline-list ul li {
width: 100%;
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
.inline-list ul li:nth-child(odd) {
width: 100%;
}
.inline-list ul li:before {
top: 0;
}
.double-image .double-image-content {
padding: 30px 5% 10px;
width: 100%;
text-align: center;
}
.double-image .double-image-first,
.double-image .double-image-second {
width: 50%;
min-height: 200px;
}
body.abteilungen-sub .content-with-image-left h3 {
margin-bottom: 10px;
}
body.abteilungen-sub .content-with-image-left .content-text {
padding: 30px 5% 20px;
}
body.abteilungen-sub .content-with-image-left .content-image {
min-height: 300px;
}
body.abteilungen-sub .content-with-image-left .content-image-content .col {
padding: 0;
margin-top: 0;
}
body.abteilungen-sub .content-with-image-left .content-image-content .col p {
margin-bottom: 20px;
}
body.abteilungen-sub .content-with-image-left .content-image-content .col.col-1-2:first-of-type,
body.abteilungen-sub .content-with-image-left .content-image-content .col.col-1-2:last-of-type {
width: 100%;
}
body.abteilungen-sub .content-with-image-right ul {
text-align: left;
}
body.abteilungen-sub .content-with-image-right ul li {
width: 100%;
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.abteilungen-sub .content-with-image-right ul li:nth-child(odd) {
width: 100%;
}
body.abteilungen-sub .content-with-image-right ul li:before {
top: 0;
}
body.ausbildung .page-content,
body.ausbildung-aktuelles .page-content,
body.ausbildung-sub .page-content {
width: 100%;
padding: 30px 5% 10px;
}
body.ausbildung .page-content h2,
body.ausbildung-aktuelles .page-content h2,
body.ausbildung-sub .page-content h2 {
font-size: 28px;
line-height: 32px;
}
body.ausbildung .page-content h3,
body.ausbildung-aktuelles .page-content h3,
body.ausbildung-sub .page-content h3 {
font-size: 25px;
line-height: 28px;
}
body.ausbildung .page-content p,
body.ausbildung-aktuelles .page-content p,
body.ausbildung-sub .page-content p {
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.ausbildung .page-content ul,
body.ausbildung-aktuelles .page-content ul,
body.ausbildung-sub .page-content ul {
text-align: left;
}
body.ausbildung .page-content ul li,
body.ausbildung-aktuelles .page-content ul li,
body.ausbildung-sub .page-content ul li {
width: 100%;
font-size: 14px;
line-height: 18px;
margin-bottom: 16px;
}
body.ausbildung .page-content ul li:nth-child(odd),
body.ausbildung-aktuelles .page-content ul li:nth-child(odd),
body.ausbildung-sub .page-content ul li:nth-child(odd) {
width: 100%;
}
body.ausbildung .page-content ul li:before,
body.ausbildung-aktuelles .page-content ul li:before,
body.ausbildung-sub .page-content ul li:before {
top: 0;
}
body.ausbildung .page-content .table-wrap .tablepress-table-name,
body.ausbildung-aktuelles .page-content .table-wrap .tablepress-table-name,
body.ausbildung-sub .page-content .table-wrap .tablepress-table-name {
font-size: 16px;
text-align: left;
}
body.ausbildung .page-content .slick-dots li,
body.ausbildung-aktuelles .page-content .slick-dots li,
body.ausbildung-sub .page-content .slick-dots li {
width: auto;
}
body.ausbildung .page-content .slick-dots li:nth-child(odd),
body.ausbildung-aktuelles .page-content .slick-dots li:nth-child(odd),
body.ausbildung-sub .page-content .slick-dots li:nth-child(odd) {
width: auto;
}
body.ausbildung .page-sidebar,
body.ausbildung-aktuelles .page-sidebar,
body.ausbildung-sub .page-sidebar {
width: 100%;
text-align: center;
}
body.ausbildung .page-sidebar h5,
body.ausbildung-aktuelles .page-sidebar h5,
body.ausbildung-sub .page-sidebar h5 {
font-size: 25px;
line-height: 36px;
}
body.ausbildung .page-sidebar .page-sidebar-content,
body.ausbildung-aktuelles .page-sidebar .page-sidebar-content,
body.ausbildung-sub .page-sidebar .page-sidebar-content {
padding: 40px 5%;
}
body.ausbildung .page-sidebar table,
body.ausbildung-aktuelles .page-sidebar table,
body.ausbildung-sub .page-sidebar table {
margin: 0 auto;
}
.person-content {
width: 100%;
}
.gallery-list {
width: 100%;
}
}
@media (max-width: 479px) {
.page-content p:last-child img {
width: 100%;
margin: 0 0 20px;
}
.columns-content .col-left p:last-child img {
width: 100%;
margin: 0 auto 20px;
}
.columns-content .col-right {
padding-top: 20px;
}
.columns-content .col-right .col-caption {
padding: 20px;
}
.columns-content .col-right .col-caption h2 {
padding: 0;
font-size: 20px;
margin-bottom: 5px;
}
.columns-content .col-right .col-caption h3 {
font-size: 17px;
margin-bottom: 10px;
}
.columns-content .col-right .col-caption td {
font-size: 14px;
}
body.home .page-content {
padding-left: 0;
padding-right: 0;
}
body.home .page-content h2,
body.home .page-content p {
padding-left: 5.7%;
padding-right: 5.7%;
}
body.home .page-content p:last-child {
padding-left: 0;
padding-right: 0;
}
body.home .page-content p:last-child img {
width: 100%;
}
.content-slideshow {
text-align: center;
}
.content-slideshow .slide-images img {
width: calc(50% - 10px);
}
body.ausbildung-aktuelles .subpage-content h5,
body.ausbildung-sub .subpage-content h5 {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 1199px) {
.story-year .story-image {
background-position: center;
vertical-align: middle;
}
.col.col-1-4 {
padding-right: 10px;
}
.col.col-1-4 .col.col-1-2 {
width: 100%;
margin-bottom: 18px;
}
.contact-additional-content p,
.contact-content p {
font-size: 14px;
line-height: 20px;
}
.contact-companies .contact-companies-wrapper {
margin-left: -10px;
margin-right: -10px;
}
.contact-companies .company {
padding: 2%;
margin: 10px;
width: calc(50% - 20px);
}
.contact-companies .company-heading h4 {
font-size: 20px;
}
.contact-companies .company-info {
font-size: 12px;
margin-top: 15px;
}
.contact-additional-right .contact-additional-image,
.contact-additional-left .contact-additional-image {
width: 50%;
}
.contact-additional-right .contact-additional-image + div,
.contact-additional-left .contact-additional-image + div {
width: 50%;
padding: 3%;
}
.contact-additional h3 {
font-size: 26px;
margin-bottom: 20px;
}
.contact-additional .contact-additional-footer h5,
.contact-additional .contact-additional-footer span {
font-size: 13px;
line-height: 20px;
}
.contact-additional .contact-additional-footer h5 {
width: 34%;
}
.contact-additional .contact-additional-footer > span {
width: 31%;
}
.contact-additional .contact-additional-footer div {
width: 35%;
}
}
@media (max-width: 991px) {
.story-year .story-content {
padding: 40px 3% 25px;
}
.story-year .story-content p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.story-year .story-content h3 {
font-size: 35px;
line-height: 35px;
margin-bottom: 20px;
}
.person {
margin: 70px 0;
}
.person .person-heading {
margin-bottom: 25px;
}
.person .person-heading h3 {
float: none;
border-right: 0;
font-size: 30px;
line-height: 30px;
}
.person .person-heading p {
float: none;
margin: 10px 0 0;
}
.person .person-content > p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
.persons-thumbs {
margin-bottom: 50px;
}
.person-thumb.active:after {
background-size: 50%;
}
.struktur-content {
margin-top: 20px;
}
.struktur-content .btn-main {
position: static;
margin-bottom: 30px;
}
.struktur-companies a {
padding: 20px 1%;
font-size: 12px;
}
.struktur-companies img {
max-width: 60px;
margin-bottom: 15px;
}
.contact-additional-content .col.col-1-4,
.contact-content .col.col-1-4 {
float: none;
display: inline-block;
vertical-align: top;
width: 49.5%;
text-align: center;
margin-bottom: 15px;
padding: 0;
}
.contact-additional-content .col.col-1-4:last-child,
.contact-content .col.col-1-4:last-child {
width: 49.5%;
}
.contact-companies {
padding-top: 0;
}
.contact-companies .company-heading h4 {
font-size: 18px;
line-height: 22px;
}
.contact-companies .company-heading img {
margin-right: 5%;
max-width: 23%;
}
.contact-companies .company-info div:first-child, .contact-companies .company-info div:last-child {
width: 100%;
}
.contact-additional-image {
min-height: 390px;
}
.contact-additional h3 {
font-size: 20px;
}
.contact-additional .contact-additional-content {
padding-bottom: 20px;
}
.contact-additional .contact-additional-content div {
padding-top: 0;
}
.contact-additional .contact-additional-content div p {
font-size: 12px;
line-height: 18px;
margin-bottom: 10px;
}
.contact-additional .contact-additional-footer h5, .contact-additional .contact-additional-footer > span, .contact-additional .contact-additional-footer div {
width: 100%;
padding: 0;
margin: 0 0 5px;
}
}
@media (max-width: 767px) {
.story-year .story-content,
.story-year .story-image {
width: 100%;
display: block;
height: auto;
text-align: center;
}
.story-year .story-content {
border-right: 0;
padding-left: 15px;
padding-right: 15px;
}
.story-year .story-image {
border-bottom: 2px solid #d80034;
}
.story-year .story-image img {
width: 100%;
}
.person {
margin: 15px 0 40px;
}
.person figure {
width: 100%;
margin-bottom: 20px;
}
.person .person-content {
width: 100%;
padding: 0;
}
.person-thumb {
width: 25%;
height: 25vw;
margin-bottom: 20px;
}
.persons-thumbs {
margin-bottom: 30px;
}
.struktur-companies a {
width: 100%;
border-right: 0;
border-bottom: 1px solid #ccc;
}
.struktur-companies img {
display: inline-block;
vertical-align: middle;
margin: 0 20px 0 0;
}
.struktur-companies span {
display: inline-block;
vertical-align: middle;
max-width: 170px;
text-align: left;
}
.hide-desktop {
display: block;
}
.hide-mobile {
display: none;
}
.contact-additional-content .col.col-1-4,
.contact-content .col.col-1-4 {
width: 100%;
margin-bottom: 20px;
}
.contact-additional-content .col.col-1-4:last-child,
.contact-content .col.col-1-4:last-child {
width: 100%;
}
.contact-content {
padding-top: 45px;
padding-bottom: 5px;
}
.contact-additional-content {
padding-top: 25px;
}
.contact-additional-content .col.col-1-4 {
margin-bottom: 0;
}
.contact-companies {
padding-top: 20px;
}
.contact-companies .contact-companies-wrapper {
margin: 0;
}
.contact-companies .company {
margin: 7px 0;
width: 100%;
padding: 15px;
}
.contact-companies .company-heading h4 {
font-size: 14px;
line-height: 20px;
}
.contact-companies .company-heading img {
max-width: 58px;
}
.contact-companies .company-heading .company-heading-inner-wrapper {
height: 58px;
}
.contact-additional h3 {
line-height: 24px;
}
.contact-additional .contact-additional-footer {
padding-top: 20px;
}
.contact-additional-image {
min-height: 0;
height: 100vw;
max-height: 390px;
}
.contact-additional-right .contact-additional-image,
.contact-additional-left .contact-additional-image {
width: 100%;
border: 0;
}
.contact-additional-right .contact-additional-image + div,
.contact-additional-left .contact-additional-image + div {
width: 100%;
padding: 5%;
border-bottom: 2px solid #d80034;
}
}
.cookie-wrapper {
background-color: #d80034;
color: #fff;
text-align: center;
position: relative;
}
.not-visible {
display: none;
}
.cookie-wrapper p {
font-size: 13px;
line-height: 1.2em;
padding: 15px 24px 16px 24px;
letter-spacing: 0.01em;
margin-bottom: 0;
width:calc(100% - 90px);
display:inline-block;
float: left;
}
.close-cookie {
height: 24px;
cursor: pointer;
font-size: 13px;
background-color: #fff;
color: #d80034;
padding: 0px 13px;
line-height: 24px;
display: inline-block;
vertical-align: top;
margin-top: 17px;
}
@media (max-width: 768px) {
.cookie-wrapper {
text-align: left;
}
.cookie-wrapper p {
float:none;
display:block;
width:100%;
}
.close-cookie {
margin-left: 24px;
margin-top: 0;
margin-bottom: 15px;
}
}
.footer-nav ul li{
margin-left: 0;
padding: 0 0.5rem;
}
/************************** KARRIERE PAGES ********************************/
/* Tabs */
body.karriere .header-tabs .header-tabs-nav,
body.karriere-sub .header-tabs .header-tabs-nav {
padding: 41px 0;
list-style-type: none;
}
body.karriere .header-tabs .header-tabs-nav li:before,
body.karriere-sub .header-tabs .header-tabs-nav li:before{
display: none;
}
body.karriere .navigation li:before,
body.karriere-sub .navigation li:before{
display: none;
}
/* body.karriere .header-tabs .header-tabs-btn,
body.karriere-sub .header-tabs .header-tabs-btn {
padding-bottom: 5px;
} */
body.karriere .full-width {
display: flex;
flex-direction: row;
}
body.karriere .page-content {
flex: 0 0 60.7%;
max-width: 60.7%;
order: 2;
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 0px;
}
body.karriere .page-sidebar {
flex: 0 0 39.3%;
max-width: 39.3%;
background-color: #d80034;
color: #ffffff;
}
body.karriere .page-sidebar img {
width: 100%;
}
body.karriere .page-content h3 {
color: #d30032;
font-size: 36px;
font-weight: 700;
line-height: 45px;
}
body.karriere .page-content p {
margin-bottom: 24px;
}
/* Karriere content */
body.karriere .default-content {
background-color: #ffffff;
padding: 67px 8% 36px 8%;
position: relative;
z-index: 500;
}
body.karriere .extra-content {
padding: 68px 8% 41px 8%;
background-color: #eeeeee;
}
body.karriere .extra-content h3 {
margin-bottom: 33px;
}
/* Karriere sidebar */
body.karriere .page-sidebar figure {
margin: 0;
max-height: 840px;
overflow: hidden;
border-right: 2px solid #d30032;
}
body.karriere .page-sidebar-content {
padding: 57px 20% 55px 12.5%;
}
body.karriere .page-sidebar a {
color: #ffffff;
}
body.karriere .page-sidebar p {
margin-bottom: 28px;
}
body.karriere .page-sidebar-content h5 {
font-size: 26px;
font-weight: 700;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 24px;
}
/* Karriere Sub Page */
body.karriere-sub .quality-content {
padding-top: 65px;
padding-bottom: 40px;
}
body.karriere-sub p{
line-height: 26px;
margin-bottom: 27px;
}
body.karriere-sub h3 {
color: #d30032;
font-size: 36px;
font-weight: 700;
line-height: 45px;
margin-bottom: 36px;
}
/* Karriere Accordions Section */
.karriere-accordion {
background-color: #eeeeee;
padding: 74px 0;
}
.karriere-accordion_header {
background-color: #ffffff;
}
/* Accordions grid */
.karriere-accordion_header,
.karriere-accordion_row,
.karriere-accordion_content {
display: flex;
padding: 19px 0;
}
.karriere-accordion_header.events {
padding: 20px 0;
}
.karriere-accordion_row {
padding: 20px 0;
border-width: 0 0 1px 0;
border-style: solid;
border-color: #cccccc;
align-items: center;
}
.karriere-accordion_header span {
color: #d30032;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.karriere-accordion_title {
flex: 0 0 40%;
max-width: 40%;
padding: 0 21px;
font-size: 15px;
line-height: 20px;
}
.karriere-accordion_row .karriere-accordion_title {
padding: 0 18px;
}
.karriere-accordion_item {
flex: 0 0 17.3333%;
max-width: 17.3333%;
padding: 0 10px;
font-size: 15px;
line-height: 20px;
}
.karriere-accordion_item:last-child {
flex: 0 0 8%;
max-width: 8%;
}
/* Events Accordion Grid */
.karriere-accordion_title.events {
flex: 0 0 52%;
max-width: 52%;
}
.karriere-accordion_item.events {
flex: 0 0 19%;
max-width: 19%;
}
.karriere-accordion_item.events:nth-child(3) {
padding-left: 29px;
}
.karriere-accordion_item:last-child.events {
flex: 0 0 10%;
max-width: 10%;
padding: 0 8px;
}
.karriere-accordion_item:last-child.events .karriere-accordion_icon {
margin: 0 0 0 31px;
}
.karriere-accordion_item:last-child.events .karriere-accordion_icon.active {
margin: 7px 0 0 31px;
}
.karriere-accordion_content {
padding: 0;
background-color: #ffffff;
}
.karriere-accordion_img {
flex: 0 0 36.9%;
max-width: 36.9%;
background-size: cover;
background-repeat: no-repeat;
border-width: 0 2px 0 0;
border-style: solid;
border-color: #d30032;
background-color: #d30032;
}
.karriere-accordion_img img{
width:100%;
}
.karriere-accordion_content figure {
margin: 0;
}
.karriere-accordion_description {
flex: 0 0 63.1%;
max-width: 63.1%;
padding: 59px 3% 47px 3.5%
}
.karriere-accordion_description.events {
padding: 59px 3% 30px 3.5%
}
.karriere-accordion_description h5 {
color: #d30032;
font-size: 26px;
font-weight: 700;
line-height: 35px;
margin-bottom: 36px;
}
.karrier-accordion_wrapper.events h5 {
margin-bottom: 29px;
}
.karriere-accordion_icon {
display: block;
width: 11px;
height: 11px;
border-width: 3px 3px 0 0;
border-color: #555555;
border-style: solid;
margin: 0 auto;
transform: rotate(135deg);
transition: all 0.2s;
cursor: pointer;
}
.karriere-accordion_icon.active {
border-color: #d30032;
transform: rotate(-45deg);
}
.karrier-accordion_wrapper {
display: none;
}
.karriere_apply_btn {
display: inline-block;
border: 2px solid #d80034;
padding: 7px 26px;
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
text-align: center;
color: #d80034;
margin-top: 7px;
margin-bottom: 20px;
letter-spacing: -.01em;
}
.karriere_apply_btn:hover {
color: #d80034;
}
/* karriere left accordion side */
.karriere-accordion_contact {
color: #ffffff;
padding: 58px 3% 30px 9.5%;
}
.karriere-accordion_contact a {
color: #ffffff;
}
.karriere-accordion_contact h5{
font-size: 26px;
font-weight: 700;
line-height: 26px;
text-transform: uppercase;
margin-bottom: 21px;
}
/* Body Karriere ul list */
.karriere-accordion_description ul {
padding-left: 27px;
list-style-type: none;
margin-top: -5px;
margin-bottom: 22px;
}
.karriere-accordion_description ul li {
position: relative;
font-size: 15px;
line-height: 26px;
}
.karriere-accordion_description li:before {
position: absolute;
top: 5px;
left: -26px;
content: '';
width: 17px;
height: 17px;
display: inline-block;
background-image: url(images/ico-list.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center
}
.karriere-accordion_description ul ul li:before{
top: 10px;
left: -15px;
content: '';
width: 5px;
background: #000;
height: 5px;
border-radius: 50%;
}
/* Ordered list deafult styles */
ol {
padding: 0;
counter-reset: item;
list-style-type: none;
}
ol li {
display: block;
position: relative;
padding-left: 31px;
margin-bottom: 24.5px;
letter-spacing: -0.0278em;
}
ol li:before {
content: counter(item);
counter-increment: item;
color: #d50e3d;
height: 19px;
width: 19px;
border: 1px solid #d50e3d;
border-radius: 50%;
text-align: center;
position: absolute;
top: 0;
left: 1px;
font-size: 13px;
padding-right: 0px;
}
.karriere_mobile {
padding: 7px 21px;
display: none;
}
.karriere_mobile_item,
.karriere_mobile_title {
padding: 7px 0;
}
.karriere_mobile_title {
color: #d30032;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.karriere_mobile_item {
margin-bottom: 5px;
}
@media (max-width: 1260px) {
.karriere-accordion_title {
flex: 0 0 30%;
max-width: 30%;
}
.karriere-accordion_item {
flex: 0 0 20%;
max-width: 20%;
}
.karriere-accordion_item:last-child {
flex: 0 0 10%;
max-width: 10%;
}
}
@media (max-width: 1024px) {
.karriere-accordion_title {
flex: 0 0 25%;
max-width: 25%;
padding: 0 21px;
}
.karriere-accordion_item {
flex: 0 0 21.6666%;
max-width: 21.6666%;
}
.karriere-accordion_item:last-child {
flex: 0 0 10%;
max-width: 10%;
}
/* Accordion grid events */
.karriere-accordion_title.events {
flex: 0 0 40%;
max-width: 40%;
padding: 0 21px;
}
.karriere-accordion_item.events {
flex: 0 0 25%;
max-width: 25%;
}
.karriere-accordion_item.events:nth-child(3) {
padding-left: 10px;
}
}
@media (max-width: 992px) {
body.karriere .page-sidebar-content {
padding: 57px 7% 55px 7%;
}
body.karriere .page-sidebar-content h5 {
font-size: 25px;
line-height: 36px;
}
/* Accordion grid */
.karriere_mobile {
display: block;
}
.karriere-accordion_title {
flex: 0 0 86%;
max-width: 86%;
padding: 0 21px;
}
.karriere-accordion_item {
display: none;
}
.karriere-accordion_item:last-child {
display: block;
flex: 0 0 14%;
max-width: 14%;
text-align: center
}
/* Accordion grid events */
.karriere-accordion_title.events {
flex: 0 0 86%;
max-width: 86%;
}
.karriere-accordion_item.events:last-child {
flex: 0 0 14%;
max-width: 14%;
text-align: center
}
.karriere-accordion_icon,
.karriere-accordion_item:last-child.events .karriere-accordion_icon,
.karriere-accordion_item:last-child.events .karriere-accordion_icon.active {
margin: 0 auto;
}
/* Accordion content */
.karriere-accordion_contact {
padding: 58px 4% 30px 4%;
}
.karriere-accordion_contact h5,
.karriere-accordion_description h5 {
font-size: 20px;
line-height: 20px;
}
}
@media (max-width: 767px) {
body.karriere .full-width {
flex-direction: column;
}
body.karriere .page-content,
body.karriere .page-sidebar {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
body.karriere .page-content {
order: 1;
}
body.karriere .page-sidebar {
order: 2;
padding: 0;
}
body.karriere .page-content h3,
body.karriere-sub h3 {
font-size: 25px;
line-height: 28px;
}
body.karriere .page-content p {
font-size: 14px;
line-height: 18px;
}
body.karriere .page-sidebar figure {
max-height: 500px;
}
body.karriere .default-content {
padding: 30px 5% 10px;
text-align: center;
}
body.karriere .extra-content {
padding: 30px 5% 10px;
}
/* Accordion grid */
.karriere-accordion_title {
flex: 0 0 70%;
max-width: 70%;
}
.karriere-accordion_item:last-child {
flex: 0 0 30%;
max-width: 30%;
}
/* Accordion grid events */
.karriere-accordion_title.events {
flex: 0 0 70%;
}
.karriere-accordion_item.events:last-child {
flex: 0 0 30%;
max-width: 30%;
}
/* Accordion content */
.karriere-accordion_content {
flex-direction: column;
}
.karriere-accordion_img,
.karriere-accordion_description {
flex: 0 0 100%;
max-width: 100%;
text-align: center;
}
.karriere-accordion_img {
order: 2;
border-width: 2px;
}
.karriere-accordion_description {
order: 1;
}
.karriere-accordion_description ul li,
ol li {
text-align: left;
}
}
@media(max-width: 500px) {
.karriere-accordion_title {
flex: 0 0 80%;
max-width: 80%;
}
.karriere-accordion_item:last-child {
flex: 0 0 20%;
max-width: 20%;
}
.karriere-accordion_title.events {
flex: 0 0 80%;
}
.karriere-accordion_item.events:last-child {
flex: 0 0 20%;
max-width: 20%;
}
}
/* karriere form*/
body.karriere .wpcf7-form {
padding:1px 0 0 1px;
}
body.karriere .wpcf7-form > p {
/* margin-bottom: 48px; */
line-height: 26px;
}
body.karriere .wpcf7-form > div {
padding-bottom: 48px;
font-size: 15px;
line-height: 26px;
}
body.karriere .wpcf7-form .main-form {
padding-bottom: 33px;
}
body.karriere .wpcf7-form strong {
display: inline-block;
margin-bottom: 3px;
line-height: 26px;
}
body.karriere .main-form strong {
letter-spacing: -0.03em;
margin-bottom: 5px;
}
body.karriere .main-form label+br {
display: none;
}
.main-form label {
margin: 0 0 14px 0;
}
.main-form label:nth-of-type(odd) {
margin: 0 1.69% 14px 0;
}
body.karriere .main-form label {
display: inline-block;
/* font-size: 15px; */
/* line-height: 24px; */
width: 48.8%;
}
body.karriere .wpcf7-form label {
font-size: 15px;
line-height: 24px;
}
body.karriere .wpcf7-form-control {
width: 100%;
height: 40px;
border: 2px solid #cccccc;
outline: none;
padding: 5px 17px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
}
body.karriere .select-wrapper {
position: relative;
display: block;
}
body.karriere .select-wrapper .wpcf7-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
cursor: pointer;
}
body.karriere .select-wrapper:before {
display: block;
content: '';
position: absolute;
width: 20px;
height: 20px;
right: 16px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #cccccc transparent transparent transparent;
}
/* body.karriere span[class*='wpcf7-form-control-wrap file'] {
font-size: 0;
display: inline-block;
appearance: initial;
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 4;
top: 0;
left: 0;
} */
body.karriere .custom-select strong {
margin-bottom: 5px;
}
body.karriere .custom-select label {
display: block;
margin-top: 6px;
}
body.karriere .wpcf7-form .custom-file {
padding-bottom: 15px;
}
.custom-file-wrapper {
margin-top: -2px;
margin-bottom: -14px;
}
.custom-file-wrapper + p {
font-size: 13px;
line-height: 26px;
}
.file-wrap {
position: relative;
display: inline-block;
height: 40px;
border: 2px solid #d30032;
text-align: center;
padding: 7px 24px;
margin-right: 12px;
margin-bottom: 15px;
line-height: 22px;
}
/* [class*='file-wrap'] span:nth-child(2) {
text-align: center;
cursor: pointer;
color: #d30032;
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
} */
.file-wrap + p {
color: #555555;
font-size: 13px;
font-weight: 400;
line-height: 26px;
}
strong ~ .select-wrapper {
margin-top: 6px;
}
body.karriere .wpcf7-form .form-acceptance {
padding-bottom: 24px;
position: relative;
}
body.karriere .form-acceptance .wpcf7-form-control-wrap {
position: static;
}
body.karriere .wpcf7-acceptance {
border: none;
padding: 0;
}
body.karriere .wpcf7-list-item {
margin: 0;
}
body.karriere .wpcf7-acceptance label {
width: 100%;
}
/* Custom checkbox */
body.karriere input[type="checkbox"] {
opacity: 1;
position: absolute;
top: 7px;
left: 1px;
width: 13px;
height: 13px;
z-index: 50;
cursor: pointer;
}
body.karriere .form-acceptance label {
display: block;
position: relative;
padding-left: 20px;
font-size: 13px;
font-weight: 400;
line-height: 26px;
}
body.karriere input[type="checkbox"]:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 13px;
height: 13px;
background: white;
position: absolute;
border: 1px solid #cccccc;
top: 0px;
left: 0px;
}
body.karriere input[type="checkbox"]:checked:before {
border-color: #d30032;
background-color: #d30032;
}
body.karriere .wpcf7-submit {
width: 133px;
height: 40px;
border: 2px solid #d30032;
background: transparent;
color: #d30032;
font-size: 14px;
font-weight: 700;
line-height: 22px;
text-transform: uppercase;
margin-bottom: 26px;
}
body.karriere .wpcf7-submit:disabled {
border-color: #cccccc;
color: #cccccc;
}
body.karriere input[type="submit"] ~ span {
font-size: 13px;
line-height: 26px;
}
body.karriere span.wpcf7-not-valid-tip {
position: absolute;
top: 27px;
left: 0;
width: 300px;
}
body.karriere .custom-file-wrapper span.wpcf7-not-valid-tip {
position:static;
margin-top: -10px;
}
body.karriere .wpcf7-response-output {
display: block;
padding: 25px 25px;
margin: 25px 25px;
text-align: center;
}
@media(max-width: 1200px) {
.main-form label:nth-of-type(odd) {
margin: 0 1.5% 14px 0;
}
}
@media (max-width: 992px) {
body.karriere .main-form label {
width: 100%;
}
.main-form label:nth-of-type(odd) {
margin: 0 0 14px 0;
}
.file-wrap {
min-width: 153px;
}
}
@media(max-width: 767px) {
.file-wrap {
display: block;
}
body.karriere .wpcf7-submit {
display: block;
margin: 0 auto;
}
body.karriere .main-form label {
text-align: left;
}
}
/* Ajax form */
.karriere-search {
margin-top: -7px;
padding-bottom: 68px;
}
.k-search {
display: flex;
flex-direction: row;
}
.k-search_wrapper {
display: flex;
flex-direction: column;
}
.k-search_wrapper:first-child {
flex: 0 0 30.6%;
max-width: 30.6%;
margin-right: 16px;
}
.k-search_wrapper:last-child {
flex: 0 0 27.5%;
max-width: 27.5%;
position: relative;
}
.k-search_label {
font-size: 15px;
font-weight: 400;
line-height: 26px;
}
.k-search_input {
height: 40px;
border: 2px solid #cccccc;
background: transparent;
font-size: 15px;
font-weight: 400;
line-height: 26px;
color: #999999;
outline: none;
}
#k-search_text {
background-image: url('./images/icon-search.png');
background-repeat: no-repeat;
background-position: 16px center;
padding: 1px 37px;
}
#k-search_select {
padding: 1px 14px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
}
.k-search_swrapper:before {
display: block;
content: '';
position: absolute;
width: 20px;
height: 20px;
right: 14px;
bottom: 20px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #cccccc transparent transparent transparent;
}
#k-search_select option {
height: 40px;
/* width: 150px !important; */
font-size: 15px;
line-height: 26px;
cursor: pointer;
background: #eeeeee;
padding: 5px 0;
}
::placeholder {
color: #999999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999999;
}
::-ms-input-placeholder {
color: #999999;
}
@media (max-width: 992px) {
.k-search_wrapper:first-child {
flex: 0 0 40%;
max-width: 40%;
margin-right: 16px;
}
.k-search_wrapper:last-child {
flex: 0 0 30%;
max-width: 30%;
position: relative;
}
}
@media (max-width: 767px) {
.k-search_wrapper:first-child {
flex: 0 0 100%;
max-width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.k-search_wrapper:last-child {
flex: 0 0 100%;
max-width: 100%;
position: relative;
}
.k-search {
flex-direction: column;
}
}
input, select {
-webkit-appearance: none;
-webkit-border-radius:0;
border-radius: 0;
}
/* file input */
.progress-bar-wrapper {
background-color: #eceef1;
height: 6px;
}
.progress-bar {
background-color: #c5cad4;
height: 100%;
width: 0%;
}
input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.input-btn {
/* background-color: $color-main; */
color: #555;
text-transform: uppercase;
padding: 5px 17px;
text-align: center;
margin: 10px 0;
display: inline-block;
cursor: pointer;
border: 2px solid #d30032;
cursor: pointer;
color: #d30032;
font-size: 14px;
font-weight: 700;
}
.file-upload-box-wrapper {
/* .wpcf7-form-control-wrap {
margin-bottom: 25px;
} */
}
.file-wrapper {
/* @include cf(); */
width: 80%;
padding: 12px 6px;
border: 1px solid transparent;
display: flex;
/* &.add-border {
border: 1px solid #8d9195;
} */
/* @include mq(sm) {
width: 100%;
} */
/* + span.wpcf7-not-valid-tip {
margin-top: 20px;
margin-bottom: 30px;
} */
}
@media (max-width: 768px) {
.file-wrapper{
width: 100%;
margin: 0 auto;
}
}
.file-wrapper.add-border{
border:1px solid #8d9195;
}
.extension-wrapper {
flex: 0 0 13%;
min-width: 42px;
max-width: 85px;
font-size: 20px;
align-self: center;
text-align: center;
}
.extension-wrapper span {
min-width: 42px;
min-height: 24px;
background-color: #a5aab2;
color: #fff;
border-radius: 4px;
display: inline-block;
padding: 0 2px;
}
.file-details {
width: calc(87% - 23px);
margin-right: 20px;
margin-left: 10px;
min-height: 47px;
}
.file-name {
text-transform: none;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.success {
font-size: 14px;
font-weight: 600;
border: 1px solid #8d9195;
color: #3a4048;
padding: 2px 11px;
}
.delete-file {
cursor: pointer;
flex: 0 0 10%;
max-width: 23px;
margin-right: 20px;
width: 23px;
align-self: center;
height: 23px;
border:1px solid #d30032;
text-align: center;
}
.custom-file-wrapper{
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.custom-file-wrapper .wpcf7-form-control-wrap{
flex:0 0 100%;
max-width:100%;
width:100%;
overflow:hidden;
margin-bottom: 10px;
}
.visible-input-item{
order:0;
}
.wpcf7-checkbox{
border:none!important;
font-size:13px;
}
.wpcf7-checkbox input{
outline: none;
}
.wpcf7-checkbox .wpcf7-list-item-label{
padding-left: 4px;
display:inline-block;
}
.form-acceptance a{
text-decoration: underline;
}
.form-acceptance .wpcf7-checkbox{
padding:0;
position:absolute;
left:0;
top:0;
}
.form-acceptance .wpcf7-list-item-label{
display:none;
}
.jobs-stored__content{
display:none;
}
main.content .table-wrap h2,
main.content table:not(.tablepress) {
min-width: 708px;
}
main.content .table-wrap h2 {
background-color: #353e40;
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: #fff;
padding: 9px 17px;
margin-bottom: 0;
}
main.content table:not(.tablepress) {
border: 1px solid #eee;
border-collapse: collapse;
border-color: #eee !important;
}
main.content table:not(.tablepress) td p {
margin:0;
line-height:inherit;
}
main.content table:not(.tablepress) td:first-child {
width: 32.25%;
}
main.content table:not(.tablepress) td:nth-of-type(2) {
width: 20.42%;
}
main.content table:not(.tablepress) td:nth-of-type(3) {
width: 25.49%;
}
main.content table:not(.tablepress) td:nth-of-type(4) {
width: 21.84%;
}
main.content table:not(.tablepress) thead th, main.content table:not(.tablepress) thead td {
background-color: #eee;
color: #d80034;
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
padding: 12px 19px 14px;
border-right: 1px solid #ddd;
border-bottom: none;
}
main.content table:not(.tablepress) thead th:last-child, main.content table:not(.tablepress) thead td:last-child {
border-right: none;
}
main.content table:not(.tablepress) tbody tr:nth-child(odd) {
background-color: #f9f9f9;
}
main.content table:not(.tablepress) tbody tr:nth-child(even) {
background-color: #fff;
}
main.content table:not(.tablepress) tbody tr td {
text-align: center;
vertical-align: middle;
padding: 18px 23px;
line-height: 20px;
border: 1px solid #eee;
}
main.content table:not(.tablepress) tbody tr td strong {
font-size: 16px;
}
main.content table:not(.tablepress) tbody tr td:first-child {
font-size: 14px;
text-align: left;
}
main.content .col-caption table:not(.tablepress) {
border:none!important;
}
main.content .col-caption table:not(.tablepress) {
min-width:unset!important;
}
main.content .col-caption table:not(.tablepress) tbody tr {
background-color:transparent!important;
}
main.content .col-caption table:not(.tablepress) tbody tr td{
text-align:left;
border:none!important;
}
.columns-content .col-right .col-caption table:not(.tablepress) td:first-of-type{
padding: 0;
}
.columns-content .col-right .col-caption table:not(.tablepress) td:last-of-type{
padding: 0 0 0 15px;
width: 100%;
}
.columns-content .col-right .col-caption .col-caption-right h2{
width: 100%;
}