@charset 'UTF-8';
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}.mm-menu{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba( 0,0,0, 0.3 )}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:20px;line-height:var(--mm-line-height);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:0;margin:0;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{color:inherit;text-decoration:none}[dir=rtl] .mm-menu{direction:rtl}.mm-panels,.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panel,.mm-panels{-webkit-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels{overflow:hidden}.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;width:100%;padding:0 20px;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:not(.mm-hidden){display:block}.mm-panel:after,.mm-panel:before{content:'';display:block;height:20px}.mm-panel_has-navbar{padding-top:44px;padding-top:var(--mm-navbar-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;display:none;width:100%;padding:10px 0 10px 10px}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-sizing:border-box;box-sizing:border-box;width:44px;padding:0}.mm-btn:after,.mm-btn:before{border-color:rgba(0,0,0,.1);border-color:var(--mm-color-button);border-width:2px;border-style:solid}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.3);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text-dimmed);border-bottom-width:1px;border-bottom-style:solid;text-align:center;display:none;height:44px;height:var(--mm-navbar-size);padding:0 44px;margin:0;position:absolute;top:0;left:0;right:0;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12px;padding:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);padding-left:0;padding-right:0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none}.mm-navbar__title{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn{position:absolute;top:0;bottom:0;z-index:1}.mm-navbar__btn:first-child{text-align:left;left:0}.mm-navbar__btn:last-child{text-align:right;right:0}.mm-panel_has-navbar .mm-navbar{display:block}[dir=rtl] .mm-navbar__btn:first-child{text-align:right;right:0;left:auto}[dir=rtl] .mm-navbar__btn:last-child{text-align:left;left:0;right:auto}.mm-listitem,.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:rgba(0,0,0,.75);color:var(--mm-color-text);border-color:rgba(0,0,0,.1);border-color:var(--mm-color-border);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{color:inherit;display:block;padding-top:12px;padding-top:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-bottom:12px;padding-bottom:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{-webkit-tap-highlight-color:rgba(255,255,255,.4);tap-highlight-color:rgba(255,255,255,.4);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);tap-highlight-color:var(--mm-color-background-emphasis);background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:54px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listitem_divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight);font-size:75%;text-transform:uppercase;min-height:20px;min-height:var(--mm-line-height);padding:6.5px;padding:calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px}.mm-listitem_spacer{padding-top:44px;padding-top:var(--mm-listitem-size)}.mm-listitem_spacer>.mm-btn_next{top:44px;top:var(--mm-listitem-size)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:54px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}
.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{display:none;position:fixed;right:auto;z-index:0}.mm-menu_offcanvas.mm-menu_opened{display:block}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(3,2,1,0);overflow:hidden;display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}
.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-menu_position-right{left:auto;right:0}.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-80vw,0,0);transform:translate3d(-80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}}.mm-menu_position-bottom,.mm-menu_position-front,.mm-menu_position-top{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{z-index:2}.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}.mm-menu_position-bottom.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-front.mm-menu_opened~.mm-wrapper__blocker,.mm-menu_position-top.mm-menu_opened~.mm-wrapper__blocker{z-index:1}.mm-menu_position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu_position-front.mm-menu_position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu_position-bottom,.mm-menu_position-top{width:100%;min-width:100%;max-width:100%}.mm-menu_position-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu_position-top{height:80vh;min-height:140px;max-height:880px}.mm-menu_position-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);top:auto}.mm-menu_position-bottom{height:80vh;min-height:140px;max-height:880px}.mm-wrapper_opening .mm-menu_position-bottom,.mm-wrapper_opening .mm-menu_position-front,.mm-wrapper_opening .mm-menu_position-top{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}:root{--mb-button-size:60px;--mb-bar-width:0.6;--mb-bar-height:4px;--mb-bar-spacing:10px;--mb-animate-timeout:0.4s}.mburger{background:0 0;border:none;border-radius:0;color:inherit;display:inline-block;position:relative;box-sizing:border-box;height:var(--mb-button-size);padding:0 0 0 var(--mb-button-size);margin:0;line-height:var(--mb-button-size);vertical-align:middle;appearance:none;outline:0;cursor:pointer}.mburger b{display:block;position:absolute;left:calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));width:calc(var(--mb-button-size) * var(--mb-bar-width));height:var(--mb-bar-height);border-radius:calc(var(--mb-bar-height)/ 2);background:currentColor;color:inherit;opacity:1}.mburger b:nth-of-type(1){bottom:calc(50% + var(--mb-bar-spacing));transition:bottom .2s ease,transform .2s ease,width .2s ease}.mburger b:nth-of-type(2){top:calc(50% - (var(--mb-bar-height)/ 2));transition:opacity .2s ease}.mburger b:nth-of-type(3){top:calc(50% + var(--mb-bar-spacing));transition:top .2s ease,transform .2s ease,width .2s ease}.mm-wrapper_opened .mburger b:nth-of-type(1){bottom:calc(50% - (var(--mb-bar-height)/ 2));transform:rotate(45deg)}.mm-wrapper_opened .mburger b:nth-of-type(2){opacity:0}.mm-wrapper_opened .mburger b:nth-of-type(3){top:calc(50% - (var(--mb-bar-height)/ 2));transform:rotate(-45deg)}.mburger--collapse b:nth-of-type(1){transition:bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay:.2s,0s,0s}.mburger--collapse b:nth-of-type(2){transition:top .2s ease,opacity 0s ease;transition-delay:.3s,.3s}.mburger--collapse b:nth-of-type(3){transition:top .2s ease,transform .2s ease}.mm-wrapper_opened .mburger--collapse b:nth-of-type(1){bottom:calc(50% - var(--mb-bar-spacing) - var(--mb-bar-height));margin-bottom:calc(var(--mb-bar-spacing) + (var(--mb-bar-height)/ 2));transform:rotate(45deg);transition-delay:calc(var(--mb-animate-timeout) + .1s),calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s)}.mm-wrapper_opened .mburger--collapse b:nth-of-type(2){top:calc(50% + var(--mb-bar-spacing));opacity:0;transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s)}.mm-wrapper_opened .mburger--collapse b:nth-of-type(3){top:calc(50% - (var(--mb-bar-height)/ 2));transform:rotate(-45deg);transition-delay:calc(var(--mb-animate-timeout) + .3s),calc(var(--mb-animate-timeout) + .3s)}.mburger--spin b:nth-of-type(1){transition-delay:.2s,0s}.mburger--spin b:nth-of-type(2){transition-duration:0s;transition-delay:.2s}.mburger--spin b:nth-of-type(3){transition-delay:.2s,0s}.mm-wrapper_opened .mburger--spin b:nth-of-type(1){transform:rotate(135deg);transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s)}.mm-wrapper_opened .mburger--spin b:nth-of-type(2){transition-delay:calc(var(--mb-animate-timeout) + 0s)}.mm-wrapper_opened .mburger--spin b:nth-of-type(3){transform:rotate(225deg);transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .2s)}.mburger--squeeze b:nth-of-type(1){transition-delay:.1s,0s}.mburger--squeeze b:nth-of-type(2){transition-delay:.1s}.mburger--squeeze b:nth-of-type(3){transition-delay:.1s,0s}.mm-wrapper_opened .mburger--squeeze b:nth-of-type(1){transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s)}.mm-wrapper_opened .mburger--squeeze b:nth-of-type(2){transition-delay:calc(var(--mb-animate-timeout) + 0s)}.mm-wrapper_opened .mburger--squeeze b:nth-of-type(3){transition-delay:calc(var(--mb-animate-timeout) + 0s),calc(var(--mb-animate-timeout) + .1s)}.mburger--tornado b:nth-of-type(1){transition:bottom .2s ease,transform .2s ease;transition-delay:.2s}.mburger--tornado b:nth-of-type(2){transition:opacity 0s ease,transform .2s ease;transition-delay:.1s,.1s}.mburger--tornado b:nth-of-type(3){transition:top .2s ease,transform .2s ease;transition-delay:0s}.mm-wrapper_opened .mburger--tornado b:nth-of-type(1){transform:rotate(-135deg);transition-delay:calc(var(--mb-animate-timeout) + 0s)}.mm-wrapper_opened .mburger--tornado b:nth-of-type(2){opacity:0;transform:rotate(-135deg);transition-delay:calc(var(--mb-animate-timeout) + .4s),calc(var(--mb-animate-timeout) + .1s)}.mm-wrapper_opened .mburger--tornado b:nth-of-type(3){transform:rotate(-225deg);transition-delay:calc(var(--mb-animate-timeout) + .2s)}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.franke-pahl.de/wp-content/themes/frankepahl/assets/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.franke-pahl.de/wp-content/themes/frankepahl/assets/css/fonts/slick.eot);
src: url(https://www.franke-pahl.de/wp-content/themes/frankepahl/assets/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.franke-pahl.de/wp-content/themes/frankepahl/assets/css/fonts/slick.woff) format('woff'), url(https://www.franke-pahl.de/wp-content/themes/frankepahl/assets/css/fonts/slick.ttf) format('truetype'), url(https://www.franke-pahl.de/wp-content/themes/frankepahl/assets/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}img.bigimg {
position: relative; 
margin-bottom: -100px; 
margin-top:-150px;
}
.page-id-39040 input, textarea{
color:#fff !important;
}
.wpcf7 button {
background-color: #fff !important; 
color:#000 !important;
}
.wpcf7-list-item-label a{
color:#fff !important;
}
ul.abstand li, ol.abstand li{
margin:10px 0;	
}
.bb span {
padding: 0 !important;  box-shadow: none !important;
webkit-box-shadow: none !important;
}
h2.title {
text-align: left;
}
h3.title {
text-align: left;
}
section.dunkel {
background:#333 !important;
color:#fff !important;
}
section.dunkel div.column, section.dunkel div.column a, section.dunkel .btn, section.dunkel input, section.dunkel textarea{
color:#fff !important;	
}
img.contentImageLeftToRight{
float:right; 
border-radius: 200px 40px 200px 40px; 
-webkit-filter: drop-shadow(5px 5px 5px #999); 
filter: drop-shadow(5px 5px 5px #999);
}
img.contentImageLeftToRightLogo{
float:right; 
border-radius: 40px 40px 200px 40px; 
-webkit-filter: drop-shadow(5px 5px 5px #999); 
filter: drop-shadow(5px 5px 5px #999); }
div.highlight_cta{
float:left;	
width:auto !important;
padding: 30px; 
margin: 5px 20px 25px 0; 
background: #ffffff;
line-height:90px;
border-top:20px #004a95 solid;
box-shadow: 8px 8px 7px lightblue;
border-bottom:0 !important;
}
div.highlight_cta a{
line-height:30px;
color:#004a95;
}
a.highlight_cta{
display:inline;
padding: 30px; 
margin: 50px 10px; 
background: #ffffff;
line-height:90px;
white-space: nowrap;
border-top:20px #004a95 solid;
box-shadow: 8px 8px 7px lightblue;
border-bottom:0 !important;
}
a.highlight_cta:hover { }
a.highlight_cta2{
color:#004a95 !important;
font-weight:normal;
text-decoration:underline;
display:inline;
padding: 30px; 
margin: 50px 10px; 
background: #ffffff;
line-height:90px;
white-space: nowrap; border-bottom:0 !important;
}
a.highlight_cta2:hover {
//box-shadow: 8px 8px 17px #004a95;
}
div.benefiticon {
clear:left;
width:70px; text-align:center; 
height:100px; 
float:left; 
margin:15px 20px 20px 0 
}
.onlymobile {display:none !important;}
@media only screen and (max-width: 1025px) {
img.bigimg {
position: relative; 
margin-bottom: -50px; 
margin-top:-10px;
}
.onlydesktop {display:none !important;}
div.benefiticon {
width:100% !important;
}
}
@media only screen and (max-width: 800px) {
img.bigimg {
position: relative; 
margin-bottom: -50px; 
margin-top:-10px;
}
.onlymobile {display:block !important;}
a.highlight_cta{
display:table;
padding: 15px; 
margin: 10px 10px; 
background: #004a95;
color: #fff !important;
line-height:40px;
white-space: nowrap;
border-top:1px #004a95 solid;
box-shadow: 6px 6px 7px #999;
}
a.highlight_cta2{
display:table;
width:100%;
padding: 10px; 
margin: 10px 10px; 
background: #ffffff;
line-height:30px;
white-space: nowrap; }
}
div.frc-captcha .frc-icon { width: 30px !important;
height: 30px !important;
color:#000 !important;
}
div.frc-content, .frc-text, .frc-button{
color:#000 !important;
}
.frc-captcha {
margin-top: 30px;
}
table.vergleichstabelle {
margin:20px 0 20px 0;
}
table.vergleichstabelle td {
padding:15px 20px 15px 10px;
}
table.vergleichstabelle td {
border:1px dashed #777;
background:#eee;
}
table.vergleichstabelle, th, td{
border-collapse: collapse !important;
}
div.highlight{
padding:20px; 
margin:20px 0; 
background:#ddd;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 100;
src: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-100.eot);
src: local(''),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-100.eot?#iefix) format('embedded-opentype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-100.woff2) format('woff2'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-100.woff) format('woff'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-100.ttf) format('truetype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-100.svg#Poppins) format('svg');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-300.eot);
src: local(''),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-300.eot?#iefix) format('embedded-opentype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-300.woff2) format('woff2'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-300.woff) format('woff'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-300.ttf) format('truetype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-300.svg#Poppins) format('svg');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-regular.eot);
src: local(''),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-regular.eot?#iefix) format('embedded-opentype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-regular.woff2) format('woff2'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-regular.woff) format('woff'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-regular.ttf) format('truetype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-regular.svg#Poppins) format('svg');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-500.eot);
src: local(''),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-500.eot?#iefix) format('embedded-opentype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-500.woff2) format('woff2'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-500.woff) format('woff'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-500.ttf) format('truetype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-500.svg#Poppins) format('svg');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-600.eot);
src: local(''),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-600.eot?#iefix) format('embedded-opentype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-600.woff2) format('woff2'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-600.woff) format('woff'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-600.ttf) format('truetype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-600.svg#Poppins) format('svg');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-700.eot);
src: local(''),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-700.eot?#iefix) format('embedded-opentype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-700.woff2) format('woff2'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-700.woff) format('woff'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-700.ttf) format('truetype'),
url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/fonts/poppins-v19-latin-700.svg#Poppins) format('svg');
}
html { font-size: 18px;
}
body {
font-family: 'Poppins', sans-serif;
background: #f6f6f6;
-webkit-font-smoothing: antialiased;
position: relative;
z-index: -4; }
* {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.2;
}
*:focus {
outline: none;
}
.outer {
width: 100%;
text-align: center;
margin: 0 auto;   
}
.outer:not(.slidertop):not(.kontakt) + .outer:not(.slidertop):not(.bild):not(.referenzen2):not(.kompass) {
padding-top: 100px;
}
.outer.grau:not(.slidertop):not(.kontakt) + .outer.grau:not(.slidertop):not(.kontakt) {
padding-top: 0;
}
.outer.weiss:not(.slidertop):not(.kontakt) + .outer.weiss:not(.slidertop):not(.kontakt) {
padding-top: 0;
}
.outer.blau:not(.slidertop):not(.kontakt) + .outer.blau:not(.slidertop):not(.kontakt) {
padding-top: 0;
}
section.outer:not(.kontakt):not(.jobportal):not(.bild):not(.referenzen2):not(.cta) {
padding-bottom: 100px;
} 
section.weiss.outer.textfeld + section.weiss.outer.textfeld,
section.grau.outer.textfeld + section.grau.outer.textfeld,
section.blau.outer.textfeld + section.blau.outer.textfeld
{
margin-top: -30px;
}
section.outer.jobportal + script + script + section.outer,
section.outer.jobportal + script + section.outer,
section.outer.jobportal + section.outer
{
padding-top: 30px;
}
header + section.outer:not(.slidertop) {
padding-top: calc(80px + 16vw)!important;
padding-bottom: 8vw;
}
header + section.outer:not(.slidertop)::after,
header + footer::after
{
content: "";
position: absolute;
top: 0;
left: 0;
padding-top: 270px!important;
background: linear-gradient(180deg, rgba(0,74,149,0.5) 0%, rgba(0,74,149,0.5) 45%, rgba(255,255,255,0) 100%);
width: 100%;
z-index: 1;
}
.inner {
width: 100%;
max-width: 1470px;
padding: 0 30px;
margin: 0 auto;
}
.clearfix:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}
ul li {
list-style-type: none;
}
a {
text-decoration: none;
}
strong {
font-weight: 700;
}
.outer.grau:not(.jobportal) {
background-color: #f6f6f6;
}
.outer.weiss:not(.jobportal) {
background-color: white;
}
.outer.blau:not(.jobportal) {
background-color: #004a95;
}
img {
border-style: none;
max-width: 100%;
height: auto;
}
img.svg, svg, .img svg {
width: 100%;
height: 100%;
}
p:empty {
height: 0;
} .bckgrnd {
background-position: center top;
background-size: cover;
background-repeat: no-repeat;
}
.page-id-8 .bckgrnd {
background-position: center !important;
}
.page-id-1349 .bckgrnd {
background-position: center !important;
}
.hb {
display: unset;
background-color: #004a95;
}
.btn, .page-numbers {
display: inline-block;
text-transform: uppercase;
font-weight: 600;
font-size: 0.78rem;   
border: 1px solid;
padding: 15px;
margin-bottom: 10px;
position: relative;
text-align: left;
}
.btn {
padding-right: 40px;
}
.page-numbers { display: inline; }
.btn.blau {
border-color: white;
color: white;
}
.btn.weiss, .page-numbers {
border-color: black;
color: black;
}
.btn.weiss:hover, .page-numbers:hover, .page-numbers.current {
color: #007fc7;
border-color: #007fc7;
}
.btn.weiss:hover::after {
border-top-color: #007fc7;
border-right-color: #007fc7;
}
.btn::after {
content: "";
width: 9px;
height: 9px;
border-top: 1px solid;
border-right: 1px solid;
margin-left: 11px;
display: inline-block;
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotateZ(45deg);
}
.btn.blau::after {
border-top-color: white;
border-right-color: white;
}
.btn.weiss::after {
border-top-color: black;
border-right-color: black;
}
.thema {
padding: 10px 15px;
background-color: #004a95;
color: white;
font-weight: 300;
font-size: 1.39rem;
display: inline-block;
margin: 0 auto 40px;
}
.thema.inv, .outer.blau .thema {
background-color: white;
color: #004a95;
} .std.uberschrift, 
.std .uberschrift, 
.std .uberschrift, 
h2.std, 
.std h2, 
h3.std, 
.std h3, 
h4.std, 
.std h4,
h5.std,
.std h5,
h6.std, 
.std h6 {
font-size: 2.22rem;
font-weight: 800;
margin-bottom: 50px;    
}
h2 {font-size: 2.0rem !important;}
h3 {font-size: 1.8rem !important;}
h4 {font-size: 1.4rem !important;}
h5 {font-size: 1.4rem !important;}
h6 {font-size: 1.2rem !important;}
.std h1.upper,
.std h2.upper,
.std h3.upper,
.std h4.upper,
section.kontakt h1,
section.kontakt h2,
section.kontakt h3,
section.kontakt h4,
section.kontakt h5
{
text-transform: uppercase;
font-size: 2.78rem;
}
.std.text, p.std, .std p {
font-size: 1rem; 
line-height: 1.34;
}
.std ul li ul {
margin-left: 16px;
}
.std ul li ul li:last-child {
padding-bottom: 20px;
}
.std ul li {
font-size: 1rem;
line-height: 1.667rem;
margin-left: 1em;
}
.std ul:not(.responsive-tabs__list) li:before {
content: "•";
color: #007fc7;
display: inline-block;
width: 1em;
margin-left: -1em;
}
.std ul li ul { }
.std ul li ul li:before {
content:"-\00a0\00a0";
line-height: unset;
}
.outer.blau .std ul li:before,
.outer.bild .std ul li:before
{
color: white;
}
.std ul li > a,
.std p > a {
font-weight: 600;
color: #1784b7;
border-bottom: 1px solid #1784b7;
}
.std h1 > a,
.std h2 > a,
.std h3 > a,
.std h4 > a,
.std h5 > a,
.std h6 > a {
color: #1784b7;
border-bottom: 1px solid #1784b7;
}
.std ul li > a:hover,
.std p > a:hover {
color: #004a95;
border-color: #004a95;
}
.std p + h1,
.std p + h2,
.std p + h3,
.std p + h4,
.std p + h5,
.std p + h6,
.std ul + h1,
.std ul + h2,
.std ul + h3,
.std ul + h4,
.std ul + h5,
.std ul + h6,
.std ol + h1,
.std ol + h2,
.std ol + h3,
.std ol + h4,
.std ol + h5,
.std ol + h6
{
padding-top: 50px;
}
.std p + p {
margin-top: 1rem;
}
.std ul + p {
padding-top: 15px!important;
}
.std p + ul,
.std p + ol {
padding-top: 15px;
}
.std p + .btn {
margin-top: 40px;
}
.std p + p > img {
margin-top: 20px;
max-width: 100%;
object-fit: contain;
}
.outer.blau .std h2, 
.outer.blau .std h1, 
.outer.blau .std h3, 
.outer.blau .std h4, 
.outer.blau .std h5, 
.outer.blau .std h6, 
.outer.blau .std p, 
.outer.blau .std ul, 
.outer.blau .std li,
.outer.blau .std a:not(.btn),
.outer.blau h2.std, 
.outer.blau h1.std, 
.outer.blau h3.std, 
.outer.blau h4.std, 
.outer.blau h5.std, 
.outer.blau h6.std, 
.outer.blau p.std, 
.outer.blau ul.std, 
.outer.blau li.std,
.outer.blau a.std:not(.btn)
{
color: white;
} 
bold {
font-weight: 700;
}
.std .center {
margin-left: auto;
margin-right: auto;
}
.std h1:not(.title) + p,
.std h2:not(.title) + p,
.std h3:not(.title) + p,
.std h4:not(.title) + p,
.std h5:not(.title) + p,
.std h6:not(.title) + p {
padding-top: 10px;
}
.std ol li::marker {
font-weight: 700;
padding-right: 10px;
}
.std ol {
padding-left: 30px;
} .std ol li {
padding-bottom: 5px;
line-height: 1.667rem;
} header.nav {
position: absolute;
width: 100%;
z-index: 2;
top: 0;
}
header.nav .premenu {
display: flex;
justify-content: space-between;
}
header.nav .premenu ul {
display: flex;
}
header.nav .premenu ul li {
padding: 15px;
padding-left: 0;
}
header.nav .premenu ul li:first-child,
header.nav .premenu ul li:last-child {
padding-left: 0;
}
header.nav .premenu ul a {
color: white;
text-decoration: none;
list-style-type: none;
font-weight: 300;
vertical-align: middle;
font-size: 1rem;
}
header.nav .premenu ul a img,
header.nav .premenu ul a .img {
float: left;
width: 26px;
height: 26px;
}
header.nav .premenu ul a span {
padding: 0 15px 0 15px;
vertical-align: middle;
}
header.nav .premenu ul li:hover a span,
header.nav .premenu ul li:hover a {
text-decoration: underline;
}
header.nav .premenu ul li:last-child a span,
header.nav .premenu ul li:last-child {
padding-right: 0;
}
header.nav .premenu ul:last-child li:last-child a span {
padding-left: 7px;
}
header.nav .premenu ul a {
border-right: 2px solid white;
}
header.nav .premenu ul li:last-child a {
border-right: none;
}
header.nav .premenu ul:last-child li:not(:last-child) a {
padding-right: 15px;
}
.nav.topmenu {
background-color: white;
width: 100%;
display: flex;
align-items: center;
}
.nav.topmenu .logo {
width: 297px;
height: 57px;
margin-left: 35px;
margin-top: 3px;
}
.nav.topmenu nav {
flex-grow: 2;
}
.nav.topmenu nav .navigation {
place-content: flex-end;
}
.nav.topmenu  {
float: right;
}
.nav.topmenu  ul {
display: flex;
}
.nav.topmenu  ul li a {
text-transform: uppercase;
color: #575656;
font-weight: 600;
font-size: 0.89rem;
margin: 0 10px;
padding: 50px 15px 45px 9px;
display: block;
}
.nav.topmenu  ul li {
border-bottom: 5px solid white;
}
.nav.topmenu  ul li:hover,
.nav.topmenu  ul li.current_page_item,
.nav.topmenu  ul li.current-page-ancestor
{
color: #004a95;   
border-bottom: 5px solid #004a95;
}
.nav.topmenu ul > li > ul {
display: none;
}
.nav.topmenu .sub-menu {
border-top: none;
padding-right: 0;
transition: max-height .3s;
}
.nav.topmenu ul {
list-style-type: none;
flex-direction: column;
margin: 0;
padding: 0 15px;
display: flex;
border-top: 1px dotted #dadada;
width: 100%;
box-sizing: border-box;
}
.nav.topmenu ul > li > ul > li.current-anchor > a, 
.nav.topmenu ul > li > ul > li.current_page_item > a, 
.nav.topmenu ul > li > ul > li.current_page_ancestor > a, 
.nav.topmenu ul > li:hover > ul > li:hover > a {
color: #004a95;
}
@media (min-width: 1024px) {
.nav.topmenu ul > li:not(.megamenu) {
position: relative;
}
.nav.topmenu .navigation {
float: right;
position: relative;
padding-right: 10px;
justify-content: flex-end;
border-right: 2px solid #fff;
}    
.nav.topmenu .navigation > .menu-item:hover >.sub-menu,
.nav.topmenu .navigation .menu-item:not(.megamenu) > .sub-menu > .menu-item:hover > .sub-menu    {
opacity: 1;
pointer-events: auto;
bottom: 0;
transform: translateY(calc(100% + 5px));
margin-top: -7px;
}
.nav.topmenu .navigation .menu-item.megamenu .sub-menu {
transform: translateY(100%);
}
.nav.topmenu li.megamenu .sub-menu {
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
column-count: 2;
right: -124px;
}
.nav.topmenu .sub-menu {
opacity: 0;
position: absolute;
pointer-events: none;
left: 0;
background-color: hsla(0,0%,100%,.9);
display: block;
min-width: 100%;
padding: 7px 0;
}
.nav.topmenu ul {
flex-direction: row;
padding: 0;
width: auto;
border-top: none;
}
.nav.topmenu .sub-menu .menu-item {
display: inline-block;
width: 100%;
text-align: left;
border-bottom: none;
padding: 11px 34px;
}  
.nav.topmenu .sub-menu .menu-item > .sub-menu{
transform: unset!important;
left: 100% !important;
right: unset;
bottom: unset!important;
left: 167px;
top: 0;
}
.nav.topmenu .menu-item {
text-align: left;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#navstandard > .navigation > .menu-item-has-children > a::after {
content:" >";
transform: rotate(90deg);
position: absolute;
margin-left: 4px;
}
.nav.topmenu .sub-menu .menu-item a {
display: inline-block;
height: auto;
line-height: 1.5;
border: none;
font-weight: 500;
position: relative;
padding: 0;
width: 100%;
}
.nav.topmenu .sub-menu .menu-item a:hover::before {
bottom: -6px;
opacity: 1;
}
.nav.topmenu .sub-menu .menu-item a::before {
content: "";
height: 2px;
position: absolute;
width: 100%;
bottom: -10px;
opacity: 0;
left: 0;
background-color: #004a95;
transition: bottom .3s,opacity .3s;
}
.nav.topmenu .sub-menu .menu-item-has-children::after {
content: ">";
font-size: 1.15rem;
font-weight: 100;
line-height: 0;
padding: 0;
position: absolute;
margin: 0;
top: 50%;
right: 25px;
left: unset;
}
}
#navmobile ul li.current_page_item a,
#navmobile  ul li a:hover {
color: #004a95;
font-weight: 700;
}
.mm-btn:after, .mm-btn:before {
}
#navmobile .mm-btn_next:hover:after, 
#navmobile .mm-btn_prev:hover:after, 
#navmobile .mm-btn_next:hover:before,
#navmobile .mm-btn_prev:hover:before
{
border-color: #004a95!important;
}
.nav.topmenu .lupe {
padding: 30px 40px;
border-left: 2px solid #e0e0e0;
margin-left: 35px;
margin-right: 5px;
position: relative;
cursor: pointer;
}
.nav.topmenu .lupe:hover path {
fill: #007fc7!important;
}
.nav.topmenu .lupe:hover polygon {
fill: #007fc7!important;
}
#mainburger {
display: none;
}
.lupe input {
position: absolute;
bottom: calc(-100% - 30px);
right: -5px;
height: 100%;
background: white;
box-shadow: 0 0 7px 1px rgba(0, 0, 0, .5);
padding: 20px;
}
.lupe .button {
width: 100%;
height: 100%;
position: absolute;
background-position: center;
background-repeat: no-repeat;
background-size: 30%;
top: 0;
left: 0;
cursor: pointer;
padding: 15px;
}
.lupe .button svg, .lupe .button img {
width: 100%;
height: 100%;
}
.in {
opacity: 0;
height: 50px;
width: 0;
background-color: red;
}
.button:active {
opacity: 0.7;
}
.in:focus {
opacity: 1;
width: 400px;
max-width: calc(100vw - 40px);
} section.slidertop.outer {
position: relative;
}
section.slidertop .imgwrap {
width: 100%;
padding-bottom: calc(41% + 200px);
position: relative;
}
section.slidertop .imgwrap.noslick {
padding-bottom: calc(25% + 300px);
}
section.slidertop .bckgrnd {
width: 100%;
height: 100%;
}
section.slidertop .inner .text {
color: white;
font-size: 2.78rem;
font-weight: 700;
max-width: 610px;
text-align: left;
text-transform: uppercase;
padding-top: 25vw;
z-index: 3;
position: relative;
margin-left: 1px;
}
section.slidertop .inner .textsliderslicknoslick .text {
padding-top: calc(21% + 100px);
}
.sliderwrapouter .slick-dots {
bottom: 45px!important;
left: 63vw;
transform: translateX(-50%);
max-width: fit-content;
z-index: 3;
}
.slick-dots li button:before {
font-size: 52px!important;
color: white!important;
border: 5px solid transparent;
background-image: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/dot.svg);
content:"";
background-size: contain;
background-repeat: no-repeat;
width: 14px;
height: 14px;
}
.slick-dots li.slick-active button:before {
border: 5px solid rgba(255, 255, 255, 0.4);
border-radius: 25px;
opacity: 1;
}
.bb {
display: inline-block;
font-size: 2.78rem;
font-weight: 700;
padding: 0 10px;
margin: 0;
}
.bb span {
display: inline;
color: #ffffff;
line-height: 1.2;
padding: 0;
background: #004a95;
-webkit-box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
-moz-box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
box-decoration-break: clone;
}
section.slidertop .gradient {
background: linear-gradient(180deg, rgba(0,74,149,0.5) 0%, rgba(0,74,149,0.5) 45%, rgba(255,255,255,0) 100%);
padding-bottom: 24.48%;
width: 100%;
position: absolute;
z-index: 1;
}
section.slidertop .schraege {
position: absolute;
z-index: 1;
bottom: -1px;
width: calc(100% + 2px);
height: 100%;
background-position: bottom;
background-repeat: no-repeat;
background-size: 100%;
}
section.slidertop .textslider,
section.slidertop .textslider .inner,
section.slidertop .textslider .textsliderslicknoslick {
height: 100%;
}
section.slidertop .textslider .morewraps {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 0 0 5rem;
}
section.slidertop .textslider .morewraps > img {
width: auto !important;
margin: 2rem 0 0;
}
@media only screen and (max-width: 730px) {
section.slidertop .textslider .morewraps {
padding: 0;
}
}
.sliderwrapouter, 
.sliderwrapouternoslick {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.textslider {
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
section.textzentral p {
max-width: calc(1180px + 60px);
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
}
section.textzentral h3 {
max-width: 890px;
margin-left: auto;
margin-right: auto;
text-transform: none;
font-size: 2.22rem;
}
section.textzentral ul li { }
section.textzentral.link {
text-align: left;
}
section.textzentral.link p {
max-width: unset;
margin: unset;
}
section.textzentral.links * {
text-align: left;
}
section.textzentral.links p {
max-width: 100%;
}
section.textzentral.links h3 {
margin-left: 0;
margin-right: 0;
}
section.textzentral ul + p,
section.textzentral ol + p {
margin-top: 1rem;
} section.kacheln {
padding-bottom: 135px;
}
section.kacheln .inner {
padding-bottom: 25px;
}
section.kacheln .outerwrap {
display: flex;
flex-wrap: wrap;
margin: 0 -33px;
justify-content: center;
}
section.kacheln .outerwrap .wrap {
position: relative;
display: block;
width: calc(50% - 66px);
max-width: 670px;
padding: 47px;
margin: 33px;
text-align: -webkit-right;
width: 100%;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}
section.kacheln .outerwrap .wrap .ratio {
padding-bottom: 53.24%; 
position: relative;
transition: all 0.3s ease-out;
}
section.kacheln .outerwrap .wrap .ratio .hover {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
section.kacheln p + .outerwrap {
padding-top: 60px;
}
section.kacheln .inner .wrap h3 {
text-decoration: none;
text-transform: uppercase;
right: 45px;
top: 45px;
display: inline;
font-size: 1.78rem;
font-weight: 700;
color: #ffffff;
padding: 0;
background: #004a95;
-webkit-box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
-moz-box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
box-decoration-break: clone;
line-height: 1.2;
}
section.kacheln .bckgrndwrap {
position: absolute;
width: calc(100% + 2px);
height: calc(100% + 2px);
display: flex;
left: -1px;
flex-direction: column;
top: -1px;
}
section.kacheln .bckgrndwrap .white {
background-color: white;
height: 28%;
}
section.kacheln.weiss .bckgrndwrap .white {
background-color: #f6f6f6;
}
section.kacheln .bckgrndwrap .bckgrnd {
height: 72%;
background-size: cover!important;
}
section.kacheln .inner .wrap p:not(.cta),
section.kacheln .inner .wrap .btn {
display: none;
}
@media(min-width: 1471px) {
section.kacheln:not(.nohover) .inner .wrap:hover {
background: #004a95!important;
transition: all 0.2s ease-in;
}
}
section.kacheln:not(.nohover) .inner .wrap:hover p,
section.kacheln:not(.nohover) .inner .wrap:hover .btn {
display: block;
}
section.kacheln:not(.nohover) .inner .wrap:hover .btn:hover,
section.kacheln:not(.nohover) .inner .wrap:hover .btn:hover::after
{
color: #007fc7;
border-color: #007fc7;
}
section.kacheln:not(.nohover) .inner .wrap:hover p:not(.cta) {
padding: 20px 0;
font-size: 1rem;
line-height: 1.625rem;
font-weight: 300;
}
section.kacheln:not(.nohover) .inner .wrap:hover h3 {
text-align: left;
position: relative;
display: inline;
color: #004a95;
top: unset;
right: unset;
margin-left: 0;
background: #ffffff;
box-shadow: 10px 0 0 #ffffff, -10px 0 0 #ffffff;
}
@media(min-width: 1470px) {
section.kacheln:not(.nohover) .inner .wrap:hover .bckgrndwrap {
display: none;
}
}
section.kacheln:not(.nohover) .inner .wrap:hover .hover {
position: absolute;
width: 100%;
height: 100%;
text-align: start;
color: white;
top: 50%;
left: 0;
transform: translateY(-50%);
height: min-content;
}
section.kacheln:not(.nohover) .inner .wrap:hover .hover {
flex-direction: column;
}
section.kacheln .inner .wrap.whatsapp {
background: #004a95;
}
section.kacheln .inner .wrap.whatsapp .abs {
position: absolute;
text-align: center;
width: 100%;
top: 50%;
left: 0;
transform: translatey(-50%);
}
section.kacheln .inner .wrap.whatsapp .abs svg,
section.kacheln .inner .wrap.whatsapp .abs img {
width: 70px;
height: 70px;
}
section.kacheln .inner .wrap.whatsapp .cta {
font-size: 2.39rem;
font-weight: 700;
text-transform: uppercase;
max-width: 500px;
color: white;
margin: 40px auto 0;
}
section.kacheln .inner .wrap.whatsapp img {
width: 63px;
height: 62px;
}
section.kacheln .below {
display: none;
}
section.kacheln .btn {
margin: 0;
} section.textbild {
background-color: white;
}
section.textbild .inner {
display: flex;
text-align: left;
overflow: hidden;
}
section.textbild .inner .bild {
flex-basis: 50%;
margin-left: -80px;
margin-right: 50px;
margin-top: 0px;
}
section.textbild.mitthema .inner .bild {
margin-top: 50px;
}
section.textbild .inner .bild > img {
width: calc(100% - 80px);
object-fit: contain;
float: right;
}
section.textbild .inner .inhalt {
flex-basis: 50%;
margin-left: 30px;   
}
section.textbild .inner .inhalt p {
padding: 0;
padding-bottom: 1px; }
section.textbild .inner .inhalt h1 + p,
section.textbild .inner .inhalt h2 + p,
section.textbild .inner .inhalt h3 + p,
section.textbild .inner .inhalt h4 + p {
padding-top: 10px;
}
section.textbild .inner .inhalt p + .btn {
margin-top: 35px;
}
section.textbild .inner .inhalt p + h1,
section.textbild .inner .inhalt p + h2,
section.textbild .inner .inhalt p + h3,
section.textbild .inner .inhalt p + h4 {
margin-top: 70px;
}
section.textbild .inner .inhalt .thema {
margin: 0 0 40px;
}
section.textbild .inner.v2 {
flex-direction: row-reverse;
}
section.textbild .inner.v2 .bild {
margin-right: -80px;
margin-left: 50px;
}
section.textbild .inner.v2 .bild > img {
width: calc(100% - 80px);
object-fit: contain;
float: left;
}
section.textbild .inner.v2 .inhalt {
margin-right: 30px;
margin-left: 0;
} .outer.jobportal + .outer.jobportal2 {
padding-top: 50px!important;
}
section.jobportal {
position: relative;
padding-top: 250px!important;
padding-bottom: 300px;
overflow: hidden;
} input {
position: relative;
z-index: 1;
}
section.jobportal .bckgrnd {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -2;
height: calc(100% - 1px);
background-position-y: 1px; }
section.jobportal::before {
content: "";
width: 127%;
height: 33vw;
position: absolute;
left: 50%;
top: 0;
transform: rotate(-7deg) translate(-50%, -100%);
z-index: -1;
}
section.jobportal::after {
content: "";
width: 127%;
height: 15vw;
position: absolute;
left: 50%;
bottom: 0;
transform: rotate(-7deg) translateX(-50%);
z-index: -1; 
}
section.jobportal.weiss::before, section.jobportal.weiss::after {
background-color: white;
}
section.jobportal.grau::before, section.jobportal.grau::after {
background-color: #f6f6f6;
}
section.jobportal h1,
section.jobportal h2,
section.jobportal h3,
section.jobportal h4 {
color: white;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
font-size: 2.78rem;
}
section.jobportal .suche {
display: flex;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
}
section.jobportal .suche .wrap.job {
flex-basis: 70%;
}
section.jobportal .suche .wrap {
background-color: white;    
}
section.jobportal .suche .wrap.job input,
section.jobportal .suche .wrap.ort input {
height: 65px;
width: calc(100% - 65px);
padding-left: 20px;
background-color: white;
}
section.jobportal .suche .wrap .icon {
width: 65px;
height: 45px;
float: left;
background-position: center;
background-size: 40%;
background-repeat: no-repeat;
border-right: 1px solid #c0c0c0;
margin: 10px 0;
}
section.jobportal .suche .wrap .icon img * ,
section.jobportal .suche .wrap .icon svg * {
fill: #007fc7!important;
}
section.jobportal .suche .wrap.ort {
flex-basis: 25%;
margin: 0 30px;
}
section.jobportal .suche .searchicon {
display: block;
border: 1px solid white;
background-color: rgba(0, 0, 0, 0);
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 75%;
flex-basis: 65px;
border-radius: 0;
}
section.jobportal .suche .searchicon:hover {
border-color: #007fc7;
}
option {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
} section.jobportal2 {
background-color: white;
padding-bottom: 90px;
}
section.jobportal2 .inner {
max-width: 1325px;
margin-left: auto;
margin-right: auto;
}
section.jobportal2 .inner .wrap {
display: flex;
justify-content: space-between;
text-align: start;
border-bottom: 1px solid #8f8f8f;
padding-bottom: 30px;
margin-bottom: 30px;
flex-wrap: wrap;
}
section.jobportal2 .inner .wrap .title::before {
content: "\25A0 ";
color: #007fc7;
display: inline-block;
width: 1.5em;
font-size: 1.11rem;
vertical-align: top;
}
section.jobportal2 .inner .wrap .title {
flex-basis: 55%;
text-transform: uppercase;
font-size: 1.39rem;
font-weight: 700;
align-self: center;
}
section.jobportal2 .inner .wrap .title::after {
content:" (m/w/d)";
text-transform: none;
font-size: 0.83rem;
font-weight: 300;
}
section.jobportal2 .inner .wrap .ort {
font-size: 1.39rem;
align-self: center;
} section.karriere {
padding-top: 95px;
padding-bottom: 170px;
position: relative;
}
section.karriere .bckgrnd {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
section.karriere h1, 
section.karriere h2, 
section.karriere h3, 
section.karriere h4, 
section.karriere h5, 
section.karriere p {
color: white;
max-width: 1225px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
section.karriere .std p {
font-weight: 300;
padding-top: 30px;
padding-bottom: 40px;
}
section.karriere .inner .wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
section.karriere .inner .wrap .quarter {
flex-basis: calc(25% - 23px);
background-color: white;
padding-top: 50px;
padding-bottom: 40px;
}
section.karriere .inner .wrap .quarter h3 {
color: #008eca;
text-transform: uppercase;
font-weight: 700;
font-size: 1.39rem;
margin: 35px 15px;
}
section.karriere .inner .wrap .quarter .img {
height: 80px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
section.karriere .inner .wrap .quarter .btn {
margin: auto;
} .sliderbilderslickwrapouter .slick-track {
margin-left: 0;
} 
section.referenzen1 .slick-initialized .slick-slide {
height: fit-content;
}
section.referenzen1 .inner {
text-align: start;
}
section.referenzen1 * {
overflow: visible;
}
section.referenzen1 .inner .thema {
margin-left: 0; 
margin-bottom: 50px;
}
section.referenzen1 .inner .slider.referenzen {
width: calc(133.33% + 75px);
width: calc(100% + 50px);
}
section.referenzen1 .inner .slider.referenzen .wrap {
margin-right: 50px;
margin-top: 50px;
margin-bottom: 30px;
}
section.referenzen1 .inner .slider.referenzen .wrap .img {
padding-bottom: 126.28%;
}
section.referenzen1 .arrows .box {
float: right;
width: 48px;
height: 48px;
border: 1px solid black;
cursor: pointer;
}
section.referenzen1 .arrows .box:hover,
section.referenzen1 .arrows .box:hover .arrow {
border-color: #007fc7;
}
section.referenzen1 .arrows .box.prev {
margin-right: 20px;
}
section.referenzen1 .arrows .box .arrow {
width: 20px;
height: 20px;
border-top: 1px solid black;
border-left: 1px solid black;
margin: 13px 0px 13px 16px;
}
section.referenzen1 .arrows .box.prev .arrow {
transform: rotate(-45deg);
}
section.referenzen1 .arrows .box.next .arrow {
transform: rotate(135deg);
margin-left: 8px;
} section.referenzen2 {
background-color: #ececec;
padding-top: 0!important;
overflow: visible;
}
section.referenzen2 .inner {
position: relative;
padding: 95px 30px;
overflow: visible;
}
section.referenzen2 .inner .wrap {
overflow: visible;
}
section.referenzen2 .inner .logoslidewrap img {
padding-left: 30px;
padding-right: 30px;
transform: translateY(-50%);
margin-top: 50px;
margin-bottom: -50px;
max-height: 100px;
filter: grayscale(1);
transition: filter 0.4s;    
}
section.referenzen2 .inner .logoslidewrap img:hover {
filter: none;
transition: filter 0.4s;
}
.logoslidewrap .slick-slide {
height: unset;
}
section.referenzen2 .inner .prev {
position: absolute;
top: 50%;
left: -5vw;
width: 25px;
height: 25px;
border-bottom: 2px solid;
border-left: 2px solid;
transform: rotateZ(45deg) translatey(-50%);
overflow: visible;
cursor: pointer;
}
section.referenzen2 .inner .next {
position: absolute;
top: 50%;
right: -4vw;
width: 25px;
height: 25px;
border-top: 2px solid;
border-right: 2px solid;
transform: rotateZ(45deg) translatey(-50%);
overflow: visible;
cursor: pointer;
}
.logoslide.prev, .logoslide.next {
border-color: grey!important;
}
.logoslide.prev:hover, .logoslide.next:hover {
border-color: #007fc7!important;
} section.kontakt .std{
color: white;
}
section.kontakt {
padding-top: 135px!important;
padding-bottom: 135px;
position: relative;
}
section.kontakt .bckgrnd {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -3;
}
section.kontakt .std p {
max-width: 1200px;
margin: auto;
} section.cta {
background-color: #333333;
color: white;
padding-top: 100px;
padding-bottom: 80px;
}
section.cta * {
color: white;
}
section.cta .inner {
display: flex;
justify-content: space-between;
}
section.cta .inner .half {
width: calc(50% - 75px);
text-align: start;
}
section.cta .inner .half .uberschrift {
margin-bottom: 60px;
font-size: 2.78rem;
text-transform: uppercase;
}
section.cta .inner .half .contact .name, section.dunkel .inner .half .contact .name {
font-size: 1.39rem;
padding-bottom: 20px;
}
section.cta .inner .half .contact .info {
padding-bottom: 20px;
}
section.cta .inner .half .contact .info > p {
font-size: 1.11rem;
}
section.cta .inner .half .contact .info a:hover {
color: #008eca;
}
section.cta .inner .half .contact .info .img {
float: left;
margin-right: 30px;
margin-bottom: 10px;
width: 22px;
height: 22px;
} body footer {
background: black;
}
body footer > .inner {
padding-top: 55px;
padding-bottom: 55px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
body footer .logo a {
display: block;
height: 90px;
}
body footer .logo a img,
body footer .logo a svg {
width: auto;
height: 100%;
}
body footer .certificate img {
display: block;
width: auto;
max-height: 110px;
max-width: 100%;
}
@media (max-width: 990px) {
body footer .certificate img {
margin: 0 auto;
}
}
body footer .social-media {
}
body footer .social-media ul {
list-style: none;
padding: 0;
margin: 0;
}
body footer .social-media li {
float: left;
margin: 0 0 0 18px;
}
body footer .social-media li:first-child {
margin-left: 0;
}
body footer .social-media a {
display: block;
width: 45px;
height: 45px;
font-size: 0;
border: 2px solid #fff;
border-radius: 25px;
background-position: center center;
background-size: 30px auto;
background-repeat: no-repeat;
}
body footer .social-media .facebook a {
background-image: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/facebook.svg);
background-size: auto 30px;
}
body footer .social-media .instagram a {
background-image: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/instagram.svg);
background-size: auto 30px;
}
body footer .social-media .xing a {
background-image: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/xing.svg);
background-size: 24px auto;
}
body footer .social-media .linkedin a {
background-image: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/linkedin.svg);
background-size: 24px auto;
}
body footer .social-media .youtube a {
background-image: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/youtube.svg);
background-size: 30px auto;
} section.aufzahlung .inner h1,
section.aufzahlung .inner h2,
section.aufzahlung .inner h3,
section.aufzahlung .inner h4,
section.aufzahlung .inner h5,
section.aufzahlung .inner h6 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
section.aufzahlung .inner h3 {
text-transform: none;
}
section.aufzahlung .inner .wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 40px 0 0;
}
section.aufzahlung .inner .wrap .grau {
width: calc(33.33% - 20px);
min-height: 150px;
background-color: #f6f6f6;
border-radius: 75px;
display: flex;
text-align: start;
align-items: center;
margin-bottom: 40px;
}
section.aufzahlung.typblau .inner .wrap .grau,
section.aufzahlung.typgrau .inner .wrap .grau
{
min-height: 100px;
}
section.aufzahlung.typgrau .inner .wrap .grau:nth-child(3n+2):not(:last-child),
section.aufzahlung.typblau .inner .wrap .grau:nth-child(3n+2):not(:last-child),
section.aufzahlung.typhellblau .inner .wrap .grau:nth-child(3n+2):not(:last-child),
section.aufzahlung.typhellblau2 .inner .wrap .grau:nth-child(3n+2):not(:last-child)
{
margin-left: 30px;
margin-right: 30px;
}
section.aufzahlung.typgrau .inner .wrap .grau:nth-last-child(2),
section.aufzahlung.typblau .inner .wrap .grau:nth-last-child(2),
section.aufzahlung.typhellblau .inner .wrap .grau:nth-last-child(2),
section.aufzahlung.typhellblau2 .inner .wrap .grau:nth-last-child(2)
{
margin-right: 30px;
}
section.aufzahlung.typgrau .inner .wrap .grau:nth-child(3n),
section.aufzahlung.typblau .inner .wrap .grau:nth-child(3n),
section.aufzahlung.typhellblau .inner .wrap .grau:nth-child(3n),
section.aufzahlung.typhellblau2 .inner .wrap .grau:nth-child(3n)
{
margin-right: 0;
}
section.aufzahlung .inner .wrap .grau .blau {
width: 100px;
height: 100px;
border-radius: 50px;
background-color: #187fb2;
display: table;
}
section.aufzahlung .inner .wrap .grau .blau .img {
background-position: center;
background-repeat: no-repeat;
height: 58px;
margin: 21px;
width: 58px;
}
section.aufzahlung .inner .wrap .grau p {
padding: 7px 20px;
}
section.aufzahlung.typblau {
}
section.aufzahlung.typblau .wrap .grau {
height: 100px;
border-radius: 50px;
background-color: #004a95;
color: white
}
section.aufzahlung.typblau .wrap .grau .blau {
background-color: white;  
}
section.aufzahlung.typgrau2 .inner .wrap {
padding: 0;
padding-top: 30px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau {
width: calc(25% - 23px);
display: unset;
position: relative;
padding: 60px 10px 10px 10px;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:not(:nth-child(4n + 4)) {
margin-right: 15px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:not(:nth-child(4n + 1)) {
margin-left: 15px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau .blau {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
section.aufzahlung.typgrau2.zwei .inner .wrap .grau,
section.aufzahlung.typhellblau.zwei .inner .wrap .grau
{
width: calc(50% - 35px);
margin-left: 0;
margin-right: 0;
}
section.aufzahlung.typhellblau.zwei .inner .wrap .grau {
padding: 40px;
}
section.aufzahlung.typhellblau.zwei .inner .wrap .grau p {
line-height: 2;
}
section.aufzahlung.typgrau2.zwei .inner .wrap .grau:first-child,
section.aufzahlung.typhellblau.zwei .inner .wrap .grau:first-child
{
margin-right: 70px;
}
section.aufzahlung.typhellblau .inner .wrap .grau,
section.aufzahlung.typhellblau2 .inner .wrap .grau
{
background-color: #1784b7;
color: white;
text-align: center;
flex-direction: column;
padding: 30px;
display: flex;
}
section.aufzahlung.typhellblau2 .inner .wrap .grau {
background-color: white;
color: black;
}
section.aufzahlung.typhellblau .inner .wrap .blau,
section.aufzahlung.typhellblau2 .inner .wrap .blau
{
background-color: unset;
margin-bottom: 20px;
}
section.aufzahlung.typhellblau .inner .wrap .grau .blau .img,
section.aufzahlung.typhellblau .inner .wrap .grau .blau .img
{
height: 75px;
width: unset;
} section.texttitle .thema {
margin-left: 0;
}
section.texttitle .inner .wrap {
display: flex;
}
section.texttitle .inner .wrap .title {
width: calc(50% - 60px);
margin-right: 60px;
font-size: 2.22rem;
font-weight: 800;   
text-align: left;
}
section.texttitle .inner .wrap .text {
width: 50%;
text-align: left;
}   
@media(min-width: 1025px) {
section.texttitle.textonly .inner .wrap .text:first-child {
padding-right: 50px;
margin-right: 50px;
}
}
section.texttitle.textonly .thema {
margin-left: auto;
margin-right: auto;
} section.hervorhebung.grau .inner {
background-color: white;
}
section.hervorhebung.weiss .inner {
background-color: #f6f6f6;
}
section.hervorhebung .inner {
padding: 50px;
display: flex;
max-width: 1420px;
}
section.hervorhebung .inner h1,
section.hervorhebung .inner h2,
section.hervorhebung .inner h3,
section.hervorhebung .inner h4,
section.hervorhebung .inner h5,
section.hervorhebung .inner h6 {
margin-right: 130px;
text-align: left;
}
section.hervorhebung p {
flex-basis: 70%;
padding: 0;
text-align: left;
}
section.hervorhebung.v2 .inner {
text-align: left;
}
section.hervorhebung.v2 h2,
section.hervorhebung.v2 h1,
section.hervorhebung.v2 h3,
section.hervorhebung.v2 h4,
section.hervorhebung.v2 h5,
section.hervorhebung.v2 h6
{
flex-basis: 50%;
margin-right: 0;
padding-right: 50px;
}
section.hervorhebung.v2 ol,
section.hervorhebung.v2 ul,
section.hervorhebung.v2 p {
flex-basis: 50%;
}
section.textbild .hervorhebung {
background-color: #f6f6f6;
padding: 40px;
}
section.textbild .hervorhebung h1,
section.textbild .hervorhebung h2,
section.textbild .hervorhebung h3,
section.textbild .hervorhebung h4,
section.textbild .hervorhebung h5,
section.textbild .hervorhebung h6 {
padding-top: 0;
margin-top: 0!important;
margin-bottom: 30px;
}
section.textbild .hervorhebung p:empty:before {
display: none;
}
section.textbild p + .hervorhebung,
section.textbild ul + .hervorhebung,
section.textbild ol + .hervorhebung
{
margin-top: 35px;
} section.post-footer {
padding: 25px 0 !important;
background: black;
border-top: 2px solid #fff;
}
section.post-footer .inner {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
section.post-footer .copyright {
font-size: 1rem;
font-weight: 300;
color: #fff;
line-height: 1;
}
section.post-footer nav ul {
list-style: none;
}
section.post-footer nav ul > li {
float: left;
}
section.post-footer nav ul > li:after {
display: block;
content: "|";
float: left;
margin: 0 5px;
font-size: 1rem;
font-weight: 300;
color: #fff;
line-height: 1;
}
section.post-footer nav ul > li:first-child:after {
display: none;
}
section.post-footer nav ul > li > a {
font-size: 1rem;
font-weight: 300;
color: #fff;
line-height: 1;
text-decoration: none;
border-bottom: 1px solid transparent;
}
section.post-footer nav ul > li > a:hover {
border-color: #fff;
} .wpcf7-form {
overflow: hidden;
}
.wpcf7 .row {
display: flex;
flex-direction: row;
justify-content: flex-start;
width: 100%;
margin: 0 0 28px;
text-align: left;
}
.wpcf7 .row .column {
width: 100%;
position: relative;
}
.wpcf7 .row.columns-2 .column {
width: calc(50% - 16px);
margin-right: 32px;
}
.wpcf7 .row.columns-3 .column {
width: calc(33.33% - 20px);
margin-right: 30px;
}
.wpcf7 .row.columns-2 .column:nth-child(2n) {
margin-right: 0;
}
.wpcf7 .row.columns-3 .column:nth-child(3n) {
margin-right: 0;
}
.wpcf7 .row.send {
margin: 45px 0 0;
}
.wpcf7 .row.columns-2.send .column {
width: auto;
}
.wpcf7 .row.columns-2.send .column:first-child {
padding: 0 61px 0 0;
}
.wpcf7 .row .column > label {
display: block;
font-size: 15px;
font-weight: 400;
color: white;
line-height: 1;
position: absolute;
top: 27px;
right: 11px;
z-index: 2;
transition: all 0.1s ease-out;
}
.wpcf7 .row .column > label.focus {
font-size: 10px;
top: 36px;
right: 5px;
}
.wpcf7 .row.textarea .column > label {
top: 9px;
right: 11px;
}
.wpcf7 .row.textarea .column > label.focus {
top: 5px;
right: 5px;
}
.wpcf7 .row .column.column-label-default > label {
position: relative;
top: auto;
right: auto;
margin: 0 0 10px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="date"],
.wpcf7 textarea {
width: 100%;
max-width: 100%;
border: 1px solid white;
padding: 15px;
background-color: rgba(0, 0, 0, 0);
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
}
.wpcf7 .wpcf7-input-file {
padding: 15px;
border: 1px solid #dadada;
border-radius: 2px;
}
.wpcf7 span.wpcf7-not-valid-tip {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
color: #db3a34;
margin: 5px 0 0;
}
.wpcf7-acceptance {
display: block;
}
.wpcf7-acceptance > span,
.wpcf7-radio > span {
display: block;
margin: 0;
}
.wpcf7-radio.horizontal > span {
display: inline-block;
margin: 0 25px 0 0;
vertical-align: top;
}
.wpcf7-radio.horizontal > span:last-child {
margin-right: 0;
}
.wpcf7-acceptance > span > label,
.wpcf7-radio > span > label {
display: block;
}
.wpcf7-acceptance > span > label input[type="checkbox"],
.wpcf7-radio > span > label input[type="radio"] {
display: none;
}
.wpcf7-acceptance > span > label input[type="checkbox"] + span,
.wpcf7-radio > span > label input[type="radio"] + span {
display: block;
vertical-align: top;
font-size: 12px;
font-weight: 400;
line-height: 1.63;
text-align: left;
position: relative;
cursor: pointer;
padding: 0 0 0 40px;
}
.wpcf7-radio > span > label input[type="radio"] + span {
font-size: 15px;
padding: 2px 0 2px 40px;
}
.wpcf7-acceptance > span > label input[type="checkbox"] + span a,
.wpcf7-radio > span > label input[type="radio"] + span a {
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid #ccc;
}
.wpcf7-acceptance > span > label input[type="checkbox"] + span a:hover,
.wpcf7-radio > span > label input[type="radio"] + span a:hover {
color: #008eca;
border-color: #008eca;
}
.wpcf7-acceptance > span > label input[type="checkbox"] + span:before,
.wpcf7-radio > span > label input[type="radio"] + span:before {
display: block;
content: "";
width: 24px;
height: 24px;
position: absolute;
top: 3px;
left: 0;
background: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/Vektor-Smartobjekt_1.svg) no-repeat center center #fff;
background-size: 14px 14px;
border: 1px solid #008eca;
}
.wpcf7-acceptance > span > label input[type="checkbox"]:checked + span:before,
.wpcf7-radio > span > label input[type="radio"]:checked + span:before {
background-color: #008eca;
border-color: #008eca;
}
.wpcf7-radio > span > label input[type="radio"] + span:before {
border-radius: 14px;
top: 50%;
transform: translateY(-50%);
}
.wpcf7 form .wpcf7-response-output {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
padding: 15px;
margin: 35px 0 0;
border: 0;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.blocked .wpcf7-response-output,
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors {
color: #fff;
border: 0;
background: #db3a34;
}
.wpcf7 form.sent .wpcf7-response-output {
color: #fff;
border: 0;
background: #97cc04;
}
.wpcf7 button {
background-color: rgba(0, 0, 0, 0);
cursor: pointer;
border-color: #008eca;
}
.wpcf7 button:hover {
color: #008eca;
}
.ajax-loader {
height: 0!important;
} section.kacheln2 .inner > h1,
section.kacheln2 .inner > h2,
section.kacheln2 .inner > h3,
section.kacheln2 .inner > h4,
section.kacheln2 .inner > h5,
section.kacheln2 .inner > h6
{
max-width: 1240px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
section.kacheln2 p + .outerwrap {
margin-top: 80px;
}
section.kacheln2 .outerwrap {
display: flex;
flex-wrap: wrap;
place-content: center;
padding-bottom: 30px;
padding-top: 30px;
}
section.kacheln2 .outerwrap .innerwrap {
width: calc(50% - 40px); 
display: flex;
flex-direction: column;
}
section.kacheln2 .outerwrap .innerwrap a:not(.btn) {
display: block;
width: 100%;
overflow: hidden;
height: 0;
padding-bottom: 43.23%;
margin-bottom: 20px;
width: 100%;
}
section.kacheln2 .outerwrap .innerwrap:nth-child(odd):not(:last-child) {
margin-right: 40px;
}
section.kacheln2 .outerwrap .innerwrap:nth-child(even) {
margin-left: 40px;
}
@media(min-width: 1281px) {
section.kacheln2 .outerwrap .innerwrap + .innerwrap + .innerwrap {
margin-top: 115px;
}
}
section.kacheln2 .inner .outerwrap h1,
section.kacheln2 .inner .outerwrap h2,
section.kacheln2 .inner .outerwrap h3,
section.kacheln2 .inner .outerwrap h4,
section.kacheln2 .inner .outerwrap h5,
section.kacheln2 .inner .outerwrap h6 {
text-decoration: none;
text-transform: uppercase;
font-size: 1.78rem;
font-weight: 700;
display: inline;
color: #ffffff;
line-height: 1.2;
padding: 0;
background: #004a95;
-webkit-box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
-moz-box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
box-shadow: 10px 0 0 #004a95, -10px 0 0 #004a95;
box-decoration-break: clone;
}
section.kacheln2 .outerwrap .innerwrap h1,
section.kacheln2 .outerwrap .innerwrap h2,
section.kacheln2 .outerwrap .innerwrap h3,
section.kacheln2 .outerwrap .innerwrap h4,
section.kacheln2 .outerwrap .innerwrap h5,
section.kacheln2 .outerwrap .innerwrap h6 {
margin-bottom: 0;
}
section.kacheln2 .outerwrap .innerwrap p {
max-width: 530px;
margin: auto;
padding: 0;
}
section.kacheln2 .outerwrap .innerwrap h1 + p,
section.kacheln2 .outerwrap .innerwrap h2 + p,
section.kacheln2 .outerwrap .innerwrap h3 + p,
section.kacheln2 .outerwrap .innerwrap h4 + p,
section.kacheln2 .outerwrap .innerwrap h5 + p,
section.kacheln2 .outerwrap .innerwrap h6 + p {
margin-top: 40px;
}
section.kacheln2 .outerwrap .innerwrap .btn {
margin: 40px auto 0;
margin-left: auto;
margin-right: auto;
}
section.kacheln2 .inner .outerwrap .textheight {
min-height: 90px;
flex-grow: 1;
position: relative;
padding-bottom: 90px;
} section.kacheln3 h1,
section.kacheln3 h2,
section.kacheln3 h3,
section.kacheln3 h4,
section.kacheln3 h5,
section.kacheln3 h6 {
max-width: 1240px;
margin: 0 auto 10px;
}
section.kacheln3 .outerwrap {
display: flex;
flex-wrap: wrap;
place-content: center;
padding-bottom: 30px;
}
section.kacheln3 .outerwrap .innerwrap {
width: calc(50% - 40px);
display: flex;
flex-direction: column;
}
section.kacheln3 .outerwrap .innerwrap .background {
display: block;
width: 100%;
height: 0;
padding-bottom: 43.23%;
margin-bottom: 0;
width: 100%;
position: relative;
margin-top: 110px;
}
section.kacheln3 .outerwrap .innerwrap:nth-child(odd):not(:last-child) {
margin-right: 40px;
}
section.kacheln3 .outerwrap .innerwrap:nth-child(even) {
margin-left: 40px;
}
section.kacheln3 .inner .outerwrap h1,
section.kacheln3 .inner .outerwrap h2,
section.kacheln3 .inner .outerwrap h3,
section.kacheln3 .inner .outerwrap h4,
section.kacheln3 .inner .outerwrap h5,
section.kacheln3 .inner .outerwrap h6 {
text-decoration: none;
text-transform: none;
font-size: 1.78rem;
font-weight: 700;
line-height: 1.3;
}
section.kacheln3 .outerwrap .innerwrap p {
max-width: 530px;
margin: auto;
padding: 0;
text-align: center;
}
section.kacheln3 .outerwrap .innerwrap .grey {
background-color: #f6f6f6;
padding: 40px 10px;
flex-grow: 1;
position: relative;
padding-bottom: 100px;
}
section.kacheln3 .outerwrap .innerwrap .icon {
width: 100px;
height: 100px;
border-radius: 50px;
position: absolute;
top: 0;
left: 50%;
background-color: #007fc7;
transform: translate(-50%, -50%);
background-size: 50%;
padding: 25px;
}
section.kacheln3 .outerwrap .innerwrap .grey .btn {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
} section.kacheln2.kacheln4 .outerwrap .innerwrap {
display: flex;
flex-direction: column;
}
section.kacheln4 .inner .outerwrap h1, 
section.kacheln4 .inner .outerwrap h2, 
section.kacheln4 .inner .outerwrap h3, 
section.kacheln4 .inner .outerwrap h4, 
section.kacheln4 .inner .outerwrap h5, 
section.kacheln4 .inner .outerwrap h6 {
display: inline;
}
section.kacheln4 .inner .outerwrap .textheight {
min-height: 90px;
margin-top: -50px;
flex-grow: 1;
position: relative;
padding-bottom: 90px;
padding-left: 35px;
padding-right: 35px;
}
section.kacheln2 .outerwrap .innerwrap .btn {
margin: unset!important;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
} section.kacheln5 .inner .outerwrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 40px;
}
section.kacheln5 .inner .outerwrap .innerwrap {
width: calc(50% - 40px);
padding: 50px;
background-color: #f6f6f6;
margin-top: 80px;
min-height: 520px;
text-align: left;
max-width: 670px;
}
section.kacheln5 .inner .outerwrap .innerwrap:nth-child(odd) {
margin-right: 80px;
} section.jobportal3.versiongrau .inner .outerwrap {
background-color: #f6f6f6;
padding: 55px 0;
}
section.jobportal3.versionblau .inner .outerwrap {
background-color: #004a95;
color: white;
} section.jobportal3.versionkompakt .inner .outerwrap {
background-color: white;
color: white;
box-shadow: 0 6px 24px 0 rgba(76, 86, 92, 0.25);
}
section.jobportal3.versiongrau.versionkompakt .inner .suche .first .wrap{
border-radius:0px;
padding: 15px 15px 15px 35px;
height:60px;
border-bottom:1px solid #8f8f8f;
}
section.jobportal3.versiongrau.versionkompakt .inner .suche .first .wrap .icon{
left:10px;
}
section.jobportal3.versiongrau.versionkompakt .inner .suche .icon{
width:20px;
height:20px;
}
section.jobportal3.versiongrau.versionkompakt .inner .suche{
margin-top:0px;
}
section.jobportal3.versiongrau.versionkompakt .inner .suche .searchicon{
border-radius:0px;    
height:60px;
}
section.jobportal3.versiongrau.versionkompakt .inner .outerwrap{
padding: 30px 0;
}
section.jobportal3.versiongrau.versionkompakt .inner .suche .searchicon.mobile{
margin-top:10px;
margin-bottom:0px;
}
.joblisting_icon img{  
padding-right:5px;
position:relative;
top:3px;
}
.joblisting_icon_sec{ } section.jobportal3 .inner .outerwrap h1,
section.jobportal3 .inner .outerwrap h2,
section.jobportal3 .inner .outerwrap h3,
section.jobportal3 .inner .outerwrap h4,
section.jobportal3 .inner .outerwrap h5,
section.jobportal3 .inner .outerwrap h6 {
padding: 0 20px;
}
section.jobportal3.versiongrau .inner .suche {
max-width: 1170px;
margin: 30px auto 0;
padding: 0 20px;
}
section.jobportal3.versiongrau .inner .suche .first {
display: flex;
flex-direction: row;
justify-content: space-between;
}
section.jobportal3.versiongrau .inner .suche .icon {
width: 38px;
height: 38px;
}
section.jobportal3.versiongrau .inner .suche .first .wrap {
display: flex;
flex-direction: row;
width: 100%;
height: 100px;
padding: 30px 30px 30px 68px;
position: relative;
background: #ffffff;
border-radius: 50px;
}
section.jobportal3.versiongrau .inner .suche .first .wrap .icon {
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%);
}
section.jobportal3.versiongrau .inner .suche .first .wrap.ort {
margin: 0 30px;
}
section.jobportal3.versiongrau .inner .suche .first .wrap .km {
background-color: transparent;
direction: rtl;
}
option {
direction: ltr;
}
section.jobportal3.versiongrau .inner .suche .searchicon {
height: 100px;
border-radius: 50px;    
background-color: #004a95;
width: 190px;
font-weight: 700;
color: white;
cursor: pointer;
flex: 0 0 auto;
}
section.jobportal3.versiongrau .inner .suche .searchicon:hover {
background-color: #187fb2;
}
section.jobportal3.versiongrau .inner .suche .searchicon.mobile {
display: none;
margin: 50px auto 20px;
}
section.jobportal3.versionblau .inner .suche .searchicon {
background-color: #007fc7;
color: white;
}
section.jobportal3.versiongrau .inner .suche .second {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 45px;
}
section.jobportal3.versiongrau .inner label input[type="checkbox"] {
display: none;
}
section.jobportal3.versiongrau .inner label input[type="checkbox"] + span {
display: block;
vertical-align: top;
font-size: 18px;
font-weight: 400;
line-height: 1.63;
text-align: left;
position: relative;
cursor: pointer;
padding: 0 0 0 40px;
}
section.jobportal3.versiongrau .inner label input[type="checkbox"] + span a {
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid #ccc;
}
section.jobportal3.versiongrau .inner label input[type="checkbox"] + span a:hover {
color: #004795;
border-color: #004795;
}
section.jobportal3.versiongrau .inner label input[type="checkbox"] + span:before {
display: block;
content: "";
width: 24px;
height: 24px;
position: absolute;
top: 3px;
left: 0;
background: url(//www.franke-pahl.de/wp-content/themes/frankepahl/assets/images/Vektor-Smartobjekt_1.svg) no-repeat center center #fff;
background-size: 14px 14px;
}
section.jobportal3.versiongrau .inner label input[type="checkbox"]:checked + span:before {
background-color: #004a95;
border-color: #004a95;
}
section.jobportal3.versionblau .inner label input[type="checkbox"]:checked + span:before {
background-color: #007fc7;
border-color: #007fc7;
}
section.jobportal3 .inner .suche .first .wrap input:focus ~ .icon svg * {
fill: #004a95!important;
}
section.jobportal .suche .wrap.job input, section.jobportal .suche .wrap.ort input {
height: 100%;
width: calc(100% - 65px);
padding-left: 20px;
background-color: white;
}
section.jobportal3 .inner .suche .first .wrap.ort input, section.jobportal3 .inner .suche .first .wrap.job input {
width: 100%;
padding: 0 20px;
position: relative;
-webkit-appearance: none;
}
section.jobportal .suche .searchicon {
text-indent: -9999px; overflow: hidden; }
section.jobportal3 .inner .suche .first .wrap.ort input { border-right: 1px solid #ececec;
}
section.jobportal3 .inner .suche .first .wrap.ort .km { border-left: 0 !important;
margin-left: 10px !important;
}
section.jobportal3 .inner input[type="checkbox"] + span,
section.jobportal3 .inner input[type="radio"] + span {
padding-left: 34px !important; }
section.jobportal3 .inner .suche .first .wrap.job input::placeholder{ color: black;
} section.bewerbung .inner .outerwrap {
display: flex;
}
section.bewerbung .inner .outerwrap .innerwrap {
width: calc(100% / 6);
display: flex;
flex-direction: column;
padding: 35px;  
position: relative;
justify-content: space-between;
overflow: visible;
}
section.bewerbung .inner .outerwrap .innerwrap:not(:first-child) {
box-shadow: inset 2em 0em 20px -20px rgba(0, 0, 0, .4);
}
section.bewerbung .inner .outerwrap .innerwrap .icon {
width: 60px;
height: 60px;
margin: auto;
margin-top: 15px;
margin-bottom: 20px;
}
section.bewerbung .inner .outerwrap .innerwrap p {
color: white;
padding-bottom: 80px;
flex-grow: 1;
}
section.bewerbung .inner .outerwrap .innerwrap .step {
color: #1d4a96;
background-color: white;
padding: 10px;
width: 100%;
max-width: 165px;
margin: auto;
}
section.bewerbung .inner .outerwrap .innerwrap:last-child .kreis {
display: none;
}
section.bewerbung .inner .outerwrap .innerwrap:not(:last-child) .kreis {
position: absolute;
background-color: white;
width: 40px;
height: 40px;
border-radius: 20px;
right: 0;
top: 50%;
transform: translate(50%, -50%);
z-index: 1;
box-shadow: 0 0 20px 0px rgba(0, 0, 0, .5);
}
section.bewerbung .inner .outerwrap.buttons {
justify-content: center;
}
section.bewerbung .inner .outerwrap.buttons {
margin-top: 4vw;
}
section.bewerbung .inner .outerwrap.buttons .btn {
margin: 15px 8px 0;
}
.outer.weiss + .outer.kompass {
background-color: white;
padding-bottom: 160px;
}    
.outer.grau + .outer.kompass {
background-color: #f6f6f6;
padding-bottom: 160px;
} section.kompass .inner .first,
section.kompass .inner .second {
max-width: 880px;
margin: auto;
color: white;
font-size: 32px;
font-weight: 700;
}
section.kompass .inner p {
margin: 25px;
display: inline-block;
}
section.kompass .inner .first {
display: flex;
}
section.kompass .inner .first .side {
position: relative;
}
section.kompass .inner .first .side:first-child {
margin-right: 160px;
}
section.kompass .inner .first .side .basis {
position: relative;
max-width: 360px;
margin-bottom: 60px;
}
section.kompass .inner .first .side .model {
padding-bottom: 60px;
}
section.kompass .inner .first .side .model .submodel {
font-size: 28px;
font-weight: 400;
margin-left: -42px;
margin-right: -42px;
}
section.kompass .inner .first .side .model .submodel:nth-last-child(2) {
margin-top: 15px;
}
section.kompass .inner .first .side .model .submodel p {
margin: 20px;
}
section.kompass .kreis {
position: absolute;
background-color: white;
width: 40px;
height: 40px;
border-radius: 20px;
bottom: 0;
top: unset;
right: 50%;
transform: translate(50%, 50%) rotate(90deg);
z-index: 1;
box-shadow: 0 0 20px 0px rgba(0,0,0,.5);
}
section.kompass .second .kreis {
top: 0;
bottom: unset;
transform: translate(50%, -50%) rotate(90deg);
width: 80px;
height: 80px;
border-radius: 40px;
}
section.kompass .inner .second {
position: relative;
max-width: 750px;
margin-top: 80px;
padding: 20px 0;
box-shadow: inset 0em 1.5em 20px -20px rgba(0,0,0,.4);
}
section.kompass .inner .second.mobile {
display: none;
}
.entries .entry .text p {
padding: 30px 20px!important;
border-top: 0;
background-color: #f5f5f5;
border-bottom: 1px solid #d6d7d7;
}
.entries .entry h4 {
color: #004a95;
cursor: pointer;
font-weight: 700;
padding: 25px 15px 15px 15px;
font-size: 1rem;
background: white;
border-bottom: 1px solid #d6d7d7;
position: relative;
margin-bottom: 0;
}
.entries .entry h4:after {
content: ">";
margin-right: 10px;
font-size: 30px;
position: absolute;
right: 15px;
top: 50%;
color: #7c7c7c;
font-weight: 100;
transform: translateY(-50%) rotate(90deg);
transition: transform 0.4s;
}
.entries .entry.show h4:after {
transform: translateY(-50%) rotate(-90deg);
transition: transform 0.4s;
} section.histo .inner {
position: relative;
}
section.histo .inner .outestwrap {
overflow-x: scroll;
position: relative;
height: 400px;
}
section.histo.hor .inner .outerwrap {
display: flex;
justify-content: space-around;
position: absolute;
}
section.histo.hor .inner .outerwrap .innerwrap {
width: 200px;
margin: 20px 41px;
position: relative;
}
section.histo .inner .outerwrap .innerwrap .morewraps {
display: flex; 
height: 100%;
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(odd) .morewraps {
flex-direction: column;
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(odd) .morewraps .jahr,
section.histo.hor .inner .outerwrap .innerwrap:nth-child(even) .morewraps .text {
min-height: 80px;
display: flex;
align-items: flex-end;
place-content: center;
flex-grow: 1;
}
section.histo.hor .inner .outerwrap .innerwrap .morewraps .jahr,
section.histo.hor .inner .outerwrap .innerwrap .morewraps .text {
height: calc(50% - 40px);
}
section.histo .inner .outerwrap .innerwrap:nth-child(even) .morewraps .text {
flex-grow: 1;
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(even) .morewraps .jahr,
section.histo.hor .inner .outerwrap .innerwrap:nth-child(odd) .morewraps .text {
min-height: 80px;
flex-grow: 1;
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(even) .morewraps {
flex-direction: column-reverse;
}
section.histo .inner .outerwrap .innerwrap .morewraps .text,
section.histo .inner .outerwrap .innerwrap .morewraps .text p, 
section.histo .inner .outerwrap .innerwrap .morewraps .text li
{
font-size: 14px;
line-height: 1.2;
}
section.histo .inner .outerwrap .innerwrap .morewraps .text li::before {
content: "-";
color: black;
}
section.histo .inner .outerwrap .innerwrap .morewraps .text p + p,
section.histo .inner .outerwrap .innerwrap .morewraps .text p + ul,
section.histo .inner .outerwrap .innerwrap .morewraps .text p + ol
{
padding: 0;
}
section.histo .inner .outerwrap .innerwrap .morewraps .jahr {
color: white;
text-decoration: none;
text-transform: uppercase;
display: inline;
font-size: 1.78rem;
font-weight: 700;
line-height: 1.6;
padding: 0 8px;
font-size: 31px;
position: relative;
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(odd) .morewraps .jahr > span {
background-color: #004a95;
padding: 3px 10px 15px;
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(even) .morewraps .jahr > span {
background-color: #004a95;
padding: 10px 10px 3px;
}
section.histo .inner .outerwrap .innerwrap .kreis {
position: absolute;
background-color: white;
width: 25px;
height: 25px;
border-radius: 20px;
z-index: 1;
box-shadow: 0 0 20px 0px rgba(0,0,0,.5);
right: 50%;
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(odd) .kreis,
section.histo.ver .inner .outerwrap .innerwrap .kreis
{
bottom: 0;
transform: translate(50%, 50%) rotate(90deg); 
}
section.histo.hor .inner .outerwrap .innerwrap:nth-child(even) .kreis {
top: 0;
transform: translate(50%, calc(-100% - 2px)) rotate(-90deg);
}
section.histo.hor .inner .outerwrap .innerwrap .morewraps .mid {
height: 100px;
position: relative;
margin-bottom: 15px;
}
section.histo.hor .inner .outerwrap .innerwrap .morewraps .mid .pfeil {
position: absolute;
width: 280px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
section.histo .inner .arrow {
position: absolute;
top: 50%;
width: 80px;
height: 80px;
border-radius: 40px;
background-color: #f6f6f6;
cursor: pointer;
box-shadow: 0 0 20px 0px rgba(0,0,0,.2);
}
section.histo .inner .arrow.prev {
left: -5%;
transform: rotate(180deg) translatey(50%);
}
section.histo .inner .arrow.next{
right: -5%;
transform: translatey(-50%);
}
section.histo .inner .outestwrap::-webkit-scrollbar {
display: none;
}
section.histo .inner .outestwrap {
-ms-overflow-style: none; 
scrollbar-width: none; 
} section.histo.ver .inner .outerwrap {
display: flex;
flex-direction: column;
margin: auto;
position: relative;
margin-top: 14vw;
}
section.histo.ver .inner .outerwrap .innerwrap .morewraps {
flex-direction: column;
}
section.histo.ver .inner .outerwrap .innerwrap .morewraps .mid {
height: 100px;
position: relative;
margin-bottom: 15px;
}
section.histo.ver .inner .outerwrap .innerwrap .mid .pfeil {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
width: 180px;
}
section.histo.ver .inner .outerwrap .innerwrap .morewraps .jahr > span {
background-color: #004a95;
padding: 10px;
}
section.histo.ver .inner .outerwrap .innerwrap {
max-width: 740px;
display: flex;
position: relative;
margin: 1.5vw auto;
}
section.histo.ver .inner .outerwrap .innerwrap .spacer,
section.histo.ver .inner .outerwrap .innerwrap .morewraps
{
width: 50%;
}
section.histo.ver .inner .outerwrap .innerwrap .morewraps .jahr {
padding: 0;
margin-bottom: 60px;
}
section.histo.ver .inner .outerwrap .innerwrap .morewraps .kreis2 {
position: absolute;
top: 50%;
background-color: #1784b7;
border-radius: 20px;
width: 26px;
height: 26px;
border: 8px solid white;
} section.histo.ver .inner .outerwrap .innerwrap:nth-child(odd) {
flex-direction: row-reverse;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(odd) .morewraps {
padding-left: 70px;
text-align: left;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(odd) .morewraps .kreis {
left: 0;
transform: translate(-50%, -50%) rotate(180deg);
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(odd) .morewraps .kreis2 {
left: -83px;
transform: translatey(-73%);
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(odd) .morewraps .jahr > span {
padding-left: 25px;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(odd) .morewraps .kreis {
left: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(180deg);
} section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps {
padding-right: 70px;
text-align: right;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps .kreis {
right: 0;
top: 50%;
transform: translate(50%, -50%);
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps .jahr > span {
padding-right: 25px;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps .kreis2 {
right: -83px;
transform: translatey(-50%);
}
section.histo.ver .inner .outerwrap .pfeilaussen {
position: absolute;
width: 20px;
height: calc(100% + 7vw);
margin-top: calc(-7vw);
top: 0;
left: 50%;
transform: translatex(-50%);
background-color: #f6f6f6;
}
section.suche .entry {
border: 1px solid grey;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
padding: 30px 50px;
display: block;
background-color: #f8fbff;
}  
section.suche h1 {
margin-bottom: 60px;
}
section.suche h4 {
margin-bottom: 15px;
margin-top: 10px;
}
section.suche .entry .btn {
margin-top: 15px;
}
section.suche .entry:hover {
background-color: #f2f8ff;
}
section.suche .entry * {
color: black;
}
section.suche .entry .label {
background-color: #e6e6e6;
color: #555555;
display: inline-block;
margin: 20px 0;
}
.pagination {
margin-top: 40px;
} .awards-info .container > .text h2 {
font-family: "Poppins", sans-serif;
font-weight:600;
margin-bottom:25px;
}
.awards-info .container > .text * {
color:#fff;
}
.awards-wrapper {
display:block;
margin:0 -10px;
}
.awards {
height: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
}
.awards .awards-row {
display:table-row;
width:100%;
height:100%;
}
.awards .award {
padding: 10px;
vertical-align: top;
flex: 0 1 33.33%;
}
.awards .award .award-inner {
height:100%;
position:relative;
cursor:pointer;
background:#fff;
-webkit-transition:opacity 0.2s ease-out;
-moz-transition:opacity 0.2s ease-out;
-o-transition:opacity 0.2s ease-out;
transition:opacity 0.2s ease-out;
}
.awards .award .award-inner a.award-link {
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}
.awards .award.show-detail .award-inner {
opacity:0.35;
}
.awards .award .award-image {
display:block;
width:100%;
height:0;
padding-bottom:72.08%;
position:relative;
overflow:hidden;
background-color:#ddd;
border-bottom:1px solid #ddd;
}
.awards .award .award-image img {
display:block;
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
width:auto;
height:100%;
position:absolute;
top:-9999px;
right:-9999px;
bottom:-9999px;
left:-9999px;
margin:auto;
}
.awards .award .award-image-text {
display:table;
width:100%;
height:259px;
background-color:#333;
overflow:hidden;
}
.awards .award .award-image-inner-text {
display:table-cell;
height:100%;
padding:25px;
vertical-align:middle;
font-family: "Poppins", sans-serif;
font-size:20px;
font-weight:600;
line-height:26px;
text-align:center;
text-transform:uppercase;
overflow:hidden;
text-overflow:ellipsis;
}
.awards .award .award-excerpt {
padding:25px 25px 40px;
}
.awards .award .award-excerpt .text * {
text-align:center;
}
.awards .award .award-excerpt .text h4 {
margin-bottom:20px;
}
.awards .award .award-excerpt > button {
display:block;
position:absolute;
bottom:15px;
right:15px;
color: white;
background-color: #004a95;
padding:0;
margin:0;
border:0;
cursor:pointer;
vertical-align:top;
width:16px;
height:16px;
line-height:1;
-webkit-appearance:none;
border-radius:0;
}
.awards .award .award-full-content {
display:none;
position:absolute;
top:0;
left:10px;
right:10px;
z-index:2;
padding:25px;
margin:0 0 50px;
background:#fff;
-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
}
.awards .award .award-full-content .award-image-text {
width:35%;
float:left;
margin:0 25px 25px 0;
}
.awards .award .award-full-content .award-image {
width:35%;
padding-bottom:25.24%;
float:left;
margin:0 25px 25px 0;
border:1px solid #ddd;
}
.awards .award .award-full-content .text {
overflow:hidden;
margin:0 0 25px;
}
.awards .award .award-full-content .text h4:first-child {
font-size:22px;
line-height:30px;
}
.awards .award .award-full-content > button {
display:block;
position:absolute;
bottom:15px;
right:15px;
color:#004b98;
padding:0;
margin:0;
border:0;
cursor:pointer;
vertical-align:top;
width:16px;
height:16px;
line-height:1;
-webkit-appearance:none;
border-radius:0;
} section.downloads .innerwrap {
display: flex;
max-width: 960px;
width: 100%;
margin: auto;
margin-top: 85px;
}
section.downloads .side {
margin: 2vw;
text-align: left;
}
section.downloads .side.left img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
section.downloads .side.left {
max-width: 400px;
max-height: 600px;
flex: 0 0 33%;
text-align: center;
}
section.downloads .side.right {
flex: 0 1 67%;
}
section.downloads .side.right h1,
section.downloads .side.right h2,
section.downloads .side.right h3,
section.downloads .side.right h4,
section.downloads .side.right h5,
section.downloads .side.right h6 {
margin-bottom: 20px;
}
section.downloads .side.right h1 + p,
section.downloads .side.right h2 + p,
section.downloads .side.right h3 + p,
section.downloads .side.right h4 + p,
section.downloads .side.right h5 + p,
section.downloads .side.right h6 + p {
padding-top: 0;
}
section.downloads .side.right > a.btn {
margin-bottom: 0;
margin-top: 40px;
} .custom-text h1,
.custom-text h2,
.custom-text h3,
.custom-text h4,
.custom-text h5,
.custom-text h6 {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 35px;
}
.custom-text p {
margin-top: 0 !important;
margin-bottom: 25px;
}
.custom-text ul,
.custom-text ol {
padding-top: 0 !important;
margin-bottom: 25px;
}
.custom-text ol {
padding-left: 18px;
}
.custom-text *:not(div) + h1,
.custom-text *:not(div) + h2,
.custom-text *:not(div) + h3,
.custom-text *:not(div) + h4,
.custom-text *:not(div) + h5,
.custom-text *:not(div) + h6 {
padding-top: 0 !important;
margin-top: 45px;
}
.custom-text img {
display: block;
max-width: 100%;
height: auto;
margin-top: 0 !important;
object-fit: none !important;
}
.custom-text .alignleft {
float: left;
margin-right: 25px;
margin-bottom: 25px;
}
.custom-text .alignright {
float: right;
margin-left: 25px;
margin-bottom: 25px;
}
.custom-text .alignright {
margin-left: auto;
margin-right: auto;
}
.custom-text *:not(div):last-child {
margin-bottom: 0;
} .job-content-right{
position:relative;
}
@media(max-width:1024px){
.re7je-stellenangebote-table .re7je-table-cell:nth-child(2){
padding-left:0px;
}
}
section.texttitle.jobs_headline .inner .wrap .text{
padding-top:0px;
}
section.slidertop.slidertop_jobs .imgwrap.noslick{
padding-bottom: 260px;
}
section.slidertop.slidertop_jobs .gradient{
padding-bottom: 260px;
}
.jobheader_inner h1{
text-align:left;
}
.facts-outer{
display:flex;
flex-flow:wrap;
}
.facts{
display:flex;
flex-wrap: wrap;
width: 79%;
margin-top: 0.75rem;	
}
.jobheader_outer{
padding-left:30px;
padding-right:30px;
}
.jobheader{
display: flex;
padding: 20px;
position: relative;
margin-bottom: 20px;
overflow: hidden;
max-width:1410px;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 33%);
}
.facts_item{
padding-left:0px;
text-align:left;
}
.facts .job-info{ 
width:50%;
}
.fact-right{
width:21%;
display:flex;
flex-flow:wrap;
align-items:flex-end;
justify-content: flex-end;
}
.job-content{
display:flex;
flex-flow:wrap;
background:white;
padding-top:20px;
text-align:left;
align-items: flex-start;
position:relative;
}
.job-content-left{
width:65%;
background:white;
overflow: hidden;
padding:0px 30px 30px 0px;
}
.job-content-left *{
line-height:1.5;
}
.job-content-right{
width:calc(35% - 50px);
margin-left:50px;
background:white;
overflow: hidden;
}
.job-content-left h2{
margin-top:30px;
margin-bottom:30px;
font-weight:normal;
}
.job-content-left ul{
padding-left:20px;
}
.job-content-left ul li{
list-style-type:disc;
}
.job-content-left .btn.weiss{
margin-top:30px;
background-color: #004a95;
border-radius: 4px;
color: white;
border: 0px;
text-align: center;
padding-right: 15px;
}
.job-content-left .btn.weiss:hover{
opacity:0.9;
}
.job-content-left .btn.weiss:after{
display:none;
}
.job-content-right-headline {
text-align:center;
}
.job-content-right .job-contact-person{
margin-top:20px;
text-align:center;
padding:10px;
}
.job-contact-person-data{
display:block;
width:100%;
margin:30px auto;
}
.jcpd_item{
display:flex;
flex-flow:wrap;
margin:10px 0px;
}
.jcpd_left{
width:30%;
}
.jcpd_right{
width:70%;
}
.job-content-right .btn.weiss {
margin-top:1ch;
background-color: #004a95;
border-radius: 4px;
color: white;
border: 0px;
text-align: center;
padding-right: 15px;
}
.job-content-right .btn.weiss:hover {
opacity:0.9;
}
.job-content-right .btn.weiss:after {
display:none;
}
.facts-outer svg{
filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(100%) contrast(98%);
}
.facts-outer svg path {
stroke: #ffffff;
stroke-width: 3px;
}
.jobheader .job-info .icon{
background:none;
}
.facts-right-ln2 .btn.weiss{
background-color: #004a95;
border-radius:4px;
color: white;
border:0px;
text-align:center;
padding-right:15px;
}
.facts-right-ln2 .btn.weiss:hover{
opacity:0.9;
}
.facts-right-ln2 .btn.weiss:after{
display:none;
}
.jobs_related_wrap{
padding-top:40px;
}
.mobout{
display:none;
}
.re7ico{
height:fit-content;
position:relative;
top:4px;
margin-right:3px;
margin-left:2px;
}
.re7ico_2{
margin-left:3px;
}
@media(max-width:920px){
.job-content-right{
width:calc(35% - 20px);
margin-left:20px;
padding-left:0px;
padding-right:0px;
}
.job-content-right .job-contact-person{
padding-left:10px;
padding-right:10px;
}
section.slidertop.slidertop_jobs .gradient{
padding-bottom:200px;
}
section.slidertop.slidertop_jobs .imgwrap.noslick{
padding-bottom: 200px;
}
.jcpd_left, .jcpd_right{
width:100%;
}
.jcpd_left{
font-weight:600;
}
}
@media(max-width:700px){
.re7ico{
top:2px;
}
.job-content-left{
width:100%;
padding-right:0px;
}
.job-content-left p, .job-content-left li, .job-content-right p, .job-content-right span {
font-size:14px;
}
.job-content-right h3{
font-size:16px;
}
.job-content-left .btn.weiss, .facts-right-ln2 .btn.weiss, .job-content-right .btn.weiss{
font-size:15px;
}
.job-content-left .btn.weiss{
margin-left:auto;
margin-right:auto;
display: block;
max-width:250px;
}
.job-content-right{
width:100%;
margin-left:0px;
margin-top:20px;
}
.jobheader_outer {
padding-left: 20px;
padding-right: 20px;
}
.facts{
width: 100%;
}
.fact-right{
width:100%;
align-items: center;
justify-content: center;
}
.mobin{
display:none;
}
.mobout{
display:block;
}
}
.job-content-right-inner{    
padding:30px 30px;
background: #f6f6f6;
}
.job_images_thumbs{
display:flex;
flex-flow:wrap;
margin-top:0px;
margin-bottom:20px;
}
.job_images_thumb{
width:calc(16.66% - 10px);
margin:5px;
}
.jobvideo{
margin-top:30px;
}
@media(max-width:700px){
.job_images_thumb{
width:calc(33.333% - 10px);
margin:5px;
}  
.jobvideo iframe{
width:100% !important;
height:100% !important;
}
}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}@keyframes loading{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.lightbox{width:100%;height:100%;position:fixed;top:0;background-color:rgba(0,0,0,.6);cursor:pointer;opacity:1;visibility:visible;transition:opacity .2s ease-in-out,visibility 0s ease-in-out;z-index:9998;-webkit-backface-visibility:hidden;backface-visibility:hidden}.lightbox:after,.lightbox:before{content:'';display:block;position:absolute;width:24px;height:24px;border-radius:50%;background-color:#fff;z-index:9999;top:calc(50% - 12px);left:calc(50% - 12px);opacity:0;transition:opacity .1s ease-in-out;mix-blend-mode:difference;animation:loading .6s ease-in-out 0s infinite alternate both paused}.lightbox:before{animation-direction:alternate-reverse}.lightbox--hidden{transition:opacity .2s ease-in-out,visibility .2s ease-in-out;opacity:0;visibility:hidden}.lightbox--hidden .lightbox-container{transition-duration:0s}.lightbox--loading:after,.lightbox--loading:before{opacity:1;animation-play-state:running}.lightbox:not(.lightbox--hidden):not(.lightbox--loading) .lightbox-container{opacity:1}.lightbox-container{position:absolute;z-index:9999;top:50%;left:50%;transform:translate(-50%,-50%);cursor:default;opacity:0;transition:opacity .2s ease-in-out}.lightbox-container:focus{outline:0}.lightbox-img{border-radius:3px;display:block}.lightbox-close{width:30px;height:30px;padding:0;margin:0;position:absolute;right:0;bottom:calc(100% + 2px);border:0;background:0 0;color:rgba(255,255,255,.7);transition:color .2s ease-in-out}.lightbox-close::-moz-focus-inner{border:0}.lightbox-close:after,.lightbox-close:before{content:'';display:block;width:30px;height:2px;position:absolute;top:calc(50% - 1px);left:0;background-color:currentColor;transform-origin:center}.lightbox-close:before{transform:rotate(45deg)}.lightbox-close:after{transform:rotate(-45deg)}.lightbox-close:hover{color:#fff;cursor:pointer}.lightbox-close:focus{color:#fff;outline:#fff solid 1px;outline-offset:0}.lightbox-info{width:100%;margin:0;position:fixed;left:0;bottom:-25px;font:16px sans-serif;text-align:center;color:#fff}@media (min-width: 1024px) {
#navmobile {
display: none;
}
}
@media (max-width: 1630px) { section.referenzen2 .inner .prev {
left: 0;
}
section.referenzen2 .inner .next {
right: 17px;
} section.histo .inner .arrow {
top: auto;
bottom: 0;
z-index: 9;
width: 50px;
height: 50px;
}
section.histo .inner .arrow.prev {
left: 50%;
margin-left: -60px;
}
section.histo .inner .arrow.next {
right: 50%;
margin-right: -60px;
}
}
@media (max-width: 1470px) { .outer:not(.slidertop):not(.kontakt) + .outer:not(.slidertop):not(.bild):not(.referenzen2):not(.kompass) {
padding-top: 8vw;
}
section.outer:not(.kontakt):not(.jobportal):not(.bild):not(.referenzen2):not(.cta) {
padding-bottom: calc(22px + 5vw);
}
.std.uberschrift, .std .uberschrift, .std .uberschrift, h2.std, .std h2, h3.std, .std h3, h4.std, .std h4 {
margin-bottom: 3.5vw;
}
.std p + .btn {
margin-top: calc(15px + 1vw);
}
section.weiss.outer.textfeld + section.weiss.outer.textfeld, section.grau.outer.textfeld + section.grau.outer.textfeld, section.blau.outer.textfeld + section.blau.outer.textfeld {
margin-top: -1vw;
} section.kacheln:not(.nohover) .inner .wrap:hover .hover {
display: none;    
}
section.kacheln:not(.nohover) .inner .wrap:hover .white {
display: block;
}
section.kacheln:not(.nohover) .inner .wrap .hover h3 {
display: none;
}
section.kacheln:not(.nohover) .inner .below {
display: block;
text-align: left;
max-width: 670px;
margin: 0 35px 35px;
}
section.kacheln:not(.nohover) .inner .below p {
margin: 4vw 0;
}
section.kacheln:not(.nohover) .bckgrndwrap .white {
height: 0;
}
section.kacheln:not(.nohover) .bckgrndwrap .bckgrnd {
height: 100%;
}
section.kacheln2 .inner > h1,
section.kacheln2 .inner > h2,
section.kacheln2 .inner > h3,
section.kacheln2 .inner > h4,
section.kacheln2 .inner > h5 {
margin-bottom: 2vw;
}
section.kacheln2 p + .outerwrap {
margin-top: 6vw;
} section.jobportal {
padding-top: 17vw!important;
padding-bottom: 20vw;
}
section.karriere {
padding-top: 7vw;
padding-bottom: 12vw;
} section.referenzen2 .inner {
padding-bottom: 130px;
}
section.referenzen2 .inner .prev {
left: calc(50% - 60px);
top: 75%;
}    
section.referenzen2 .inner .next {
right: calc(50% - 40px);
top: 75%;
} section.kontakt {
padding-top: 9vw!important;
padding-bottom: 9vw;
} section.aufzahlung.typgrau .inner .wrap .grau,
section.aufzahlung.typblau .inner .wrap .grau,
section.aufzahlung.typhellblau:not(.zwei) .inner .wrap .grau,
section.aufzahlung.typhellblau2 .inner .wrap .grau
{
width: calc(50% - 30px);
margin-left: 0!important;
margin-right: 0!important;
}
section.aufzahlung.typblau .inner .wrap .grau:nth-child(2n),
section.aufzahlung.typgrau .inner .wrap .grau:nth-child(2n),
section.aufzahlung.typhellblau:not(.zwei) .inner .wrap .grau:nth-child(2n),
section.aufzahlung.typhellblau2 .inner .wrap .grau:nth-child(2n)
{
margin-left: 30px!important;
}
section.aufzahlung.typgrau2 .inner .wrap .grau {
width: calc(33% - 20px);
}
section.aufzahlung.typgrau2 .inner .wrap .grau:not(:nth-child(4n + 4)) {
margin-right: unset;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:not(:nth-child(4n + 1)) {
margin-left: unset;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-child(3n+2):not(:last-child) {
margin-left: 30px;
margin-right: 30px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-last-child(2) {
margin-right: 30px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-child(3n) {
margin-right: 0;
}
section.hervorhebung .inner {
margin: 0 30px;
max-width: calc(100% - 60px);
} section.bewerbung .inner .outerwrap:not(.buttons) {
flex-direction: column;
align-items: center;
}
section.bewerbung .inner .outerwrap .innerwrap:not(:last-child) .kreis {
bottom: 0;
top: unset;
right: 50%;
transform: translate(50%, 50%) rotate(90deg);
}
section.bewerbung .inner .outerwrap .innerwrap:not(:first-child) {
box-shadow: inset 0 2em 20px -20px rgb(0 0 0 / 40%);
}
section.bewerbung .inner .outerwrap .innerwrap {
max-width: 500px;
width: 100%;
}
section.bewerbung .inner .outerwrap .innerwrap p {
padding-bottom: 4vw;
}
section.bewerbung .inner .outerwrap .innerwrap .icon {
margin-top: 0;
}
section.bewerbung .inner .outerwrap.buttons {
flex-wrap: wrap;
}
}
@media (max-width: 1280px) { html {
font-size: 16px;
} header.nav .premenu ul a img, header.nav .premenu ul a .img {
width: 18px;
height: 18px;
}
.nav.topmenu .logo {
width: 50px;
overflow: hidden;
}
.nav.topmenu .logo svg, 
.nav.topmenu .logo img {
width: 300px;
} section.textbild .inner {
flex-direction: column;
}
section.textbild .inner.v2 {
flex-direction: column;
}
section.textbild .inner .inhalt {
margin-left: 0;
}
section.textbild .inner .bild,
section.textbild .inner.v2 .bild {
margin-bottom: 30px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
}
section.textbild .inner .bild > img,
section.textbild .inner.v2 .bild > img {
max-width: 800px;
margin: auto;
width: 100%;
height: auto;
float: unset;
display: block;
}
section.textbild.mitthema .inner .bild {
margin-top: 0;
} section.jobportal .suche {
flex-wrap: wrap;
}
section.jobportal .suche .wrap.job {
flex-basis: 100%;
margin-bottom: 30px;
}
section.jobportal .suche .wrap.ort {
margin-left: 0;
flex-grow: 1;
} section.karriere .inner .wrap .quarter {
flex-basis: calc(50% - 15px);
margin-bottom: 30px;
}
section.karriere .inner .wrap {
max-width: 800px;
margin: auto;
} section.cta .inner {
flex-direction: column;
}
section.cta .inner .half {
margin-left: auto;
margin-right: auto;
max-width: 900px;
width: 100%;
}
section.cta .inner .half:first-child {
margin-bottom: 30px;
} section.kacheln2.typgrau .outerwrap .innerwrap,
section.kacheln2 .outerwrap .innerwrap,
section.kacheln4 .outerwrap .innerwrap
{
width: 100%;
max-width: 670px;
margin-left: 0!important;
margin-right: 0!important;
}
section.kacheln2 .outerwrap .innerwrap:not(:last-child),
section.kacheln4 .outerwrap .innerwrap:not(:last-child)
{
margin-bottom: 8vw;
}
section.kacheln4 .inner .outerwrap .textheight {
min-height: unset;
margin-bottom: calc(50px + 5vw);
}
section.kacheln2 .outerwrap .innerwrap .btn,
section.kacheln2 .outerwrap .innerwrap h1 + p,
section.kacheln2 .outerwrap .innerwrap h2 + p,
section.kacheln2 .outerwrap .innerwrap h3 + p,
section.kacheln2 .outerwrap .innerwrap h4 + p,
section.kacheln2 .outerwrap .innerwrap h5 + p,
section.kacheln2 .outerwrap .innerwrap h6 + p 
{
margin-top: 3vw;
} body footer .inner {
flex-direction: column;
}
body footer .logo a {
margin-bottom: 30px;
}
section.post-footer .inner {
flex-direction: column;
}
section.post-footer .inner .copyright {
margin-bottom: 20px;
}
body footer .social-media {
margin-top: 40px;
} section.aufzahlung.typgrau2 .inner .wrap .grau:nth-child(3n+2):not(:last-child) {
margin-left: 30px;
margin-right: 30px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-last-child(2) {
margin-right: 30px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-child(3n) {
margin-right: 0;
} section.jobportal3.versiongrau .inner .outerwrap {
padding: 4vw 0;
}
section.jobportal3.versiongrau .inner .suche .first {
flex-direction: column;
}
section.jobportal3.versiongrau .inner .suche .first .wrap.ort {
margin: 30px 0;
}
section.jobportal3.versiongrau .inner .suche .first .searchicon {
margin: auto;
}
section.jobportal3.versiongrau .inner .suche .second {
flex-direction: column;
}
section.jobportal3.versiongrau .inner .suche .searchicon.mobile {
display: block;
}
section.jobportal3.versiongrau .inner .suche .searchicon.desktop {
display: none;
} section.kacheln5 .inner .outerwrap .innerwrap {
width: 100%;
min-height: unset;
margin-top: 40px;
}
section.kacheln5 .inner .outerwrap .innerwrap:nth-child(odd) {
margin-right: 0;
} section.textbild .hervorhebung {
padding: calc(2vw + 15px);
}
section.textbild .hervorhebung h1, section.textbild .hervorhebung h2, section.textbild .hervorhebung h3, section.textbild .hervorhebung h4, section.textbild .hervorhebung h5, section.textbild .hervorhebung h6 {
margin-bottom: calc(5px + 2vw);
}
}
@media (max-width: 1024px) { html {
font-size: 14px;
} .in:focus {
right: -65px;
}
#navmobile {
z-index: -10;
}
#navstandard {
display: none;
}
#mainburger {
display: block;
color: #004a95;
}
#mainburger:hover {
color: #007fc7;
}
.topmenu.nav .wrap {
flex-grow: 2;
}
.nav.topmenu .lupe {
float: right;
border-left: none;
margin-left: 0;
}
.nav.topmenu .logo {
margin-left: 0;
}
.lupe input {
bottom: -100%;
}
.nav.topmenu .logo {
width: 250px; 
}
.nav.topmenu .logo svg, .nav.topmenu .logo img {
width: 220px;
} section.texttitle.textonly .inner .wrap .text + .text {
margin-top: 5.5vw;
} section.jobportal2 .inner .wrap .title {
flex-basis: 100%;
margin-bottom: 10px;
}
section.jobportal2 .inner .wrap .title::before {
content: "";
width: 0;
} section.aufzahlung.typgrau .inner .wrap .grau {
width: 100%;
max-width: 550px;
}
section.aufzahlung.typgrau .inner .wrap .grau:nth-child(2n) {
margin-left: 0!important;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-child(3n+2):not(:last-child) {
margin-left: unset;
margin-right: unset;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-last-child(2) {
margin-right: unset;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-child(3n) {
margin-right: unset;
}
section.aufzahlung.typgrau2 .inner .wrap .grau,
section.aufzahlung.typgrau2 .inner .wrap .grau {
width: calc(50% - 15px);
margin-left: 0;
margin-right: 0;
}
section.aufzahlung.typgrau2:not(.zwei) .inner .wrap .grau:nth-child(2n),
section.aufzahlung.typhellblau:not(.zwei) .inner .wrap .grau:nth-child(2n)
{
margin-left: 30px!important;
} section.texttitle .inner .wrap {
flex-direction: column;
}
section.texttitle .inner .wrap .title,
section.texttitle .inner .wrap .text {
max-width: unset;
width: unset;
}
section.texttitle .inner .wrap .title {
margin-bottom: 30px;
}
section.aufzahlung .inner .wrap .grau {
margin-bottom: 20px;
} section.hervorhebung .inner {
flex-direction: column;
}
section.hervorhebung.v2 h2,
section.hervorhebung.v2 h1,
section.hervorhebung.v2 h3,
section.hervorhebung.v2 h4,
section.hervorhebung.v2 h5,
section.hervorhebung.v2 h6
{
padding-right: 0;
} section.kompass .inner .second.mobile {
display: block;
margin-bottom: 80px;
width: 100%;
}   
section.kompass .inner .second.mobile > p {
display: block;
}
section.kompass .inner .second.desktop {
display: none;
}
section.kompass .inner .first {
flex-direction: column;
max-width: 360px;
width: calc(100% - 84px);
}
section.kompass .inner .first .side:first-child {
margin-right: 0;
}
section.kompass .second .kreis {
display: none;
}
section.kompass .inner .first .side:last-child {   
display: flex;
flex-direction: column-reverse;
}
section.kompass .inner .first .side:last-child .model {
padding-bottom: 0;
padding-top: 60px;
display: flex;
flex-direction: column-reverse;
margin-bottom: 60px;
}
section.kompass .inner .first .side:last-child .model .submodel:nth-last-child(2) {
margin-top: 0;
}
section.kompass .inner .first .side:last-child .model .submodel:nth-child(2) {
margin-top: 15px;;
}
section.kompass .inner .first .side:last-child .model .kreis,
section.kompass .inner .first .side:last-child .basis .kreis
{
top: 0;
bottom: unset;
transform: translate(50%, -50%) rotate(270deg);
} section.kacheln3 .outerwrap .innerwrap {
width: 100%;
max-width: 670px;
margin-left: 0!important;
margin-right: 0!important;
} .awards .award {
flex-basis: 50%;
}
}
@media (max-width: 800px) {
header.nav .premenu ul:first-child li a span {
display: none;
}
header.nav .premenu ul:first-child a {
padding-left: 12px;
}
section.aufzahlung.typgrau2.zwei .inner .wrap .grau,
section.aufzahlung.typhellblau.zwei .inner .wrap .grau,
section.aufzahlung.typgrau2.zwei .inner .wrap .grau:first-child,
section.aufzahlung.typhellblau.zwei .inner .wrap .grau:first-child
{
width: 100%;
margin-right: 0;
} section.histo.ver .inner .outerwrap .innerwrap {
margin: 80px 0 1.5vw;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) {
flex-direction: row-reverse;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps {
padding-right: 00px;
padding-left: 70;
text-align: left;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps .jahr > span {
padding-right: 10px;
padding-left: 25px;
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps .kreis {
right: unset;
left: 0;
top: 50%;
transform: translate(-50%, -50%) rotate(180deg);
}
section.histo.ver .inner .outerwrap .innerwrap:nth-child(even) .morewraps .kreis2 {
left: -83px;
right: unset;
transform: translatey(-73%);
}
section.histo.ver .inner .outerwrap .innerwrap .spacer, 
section.histo.ver .inner .outerwrap .innerwrap .morewraps {
width: unset;
}
section.histo.ver .inner .outerwrap .innerwrap {
max-width: 370px;
}
section.histo.ver .inner .outerwrap .pfeilaussen {
left: 0;
}
section.histo.ver .inner .outerwrap .innerwrap .morewraps .jahr {
margin-bottom: 30px;
font-size: 25px;
}
}
@media (max-width: 730px) { .textslider {
position: relative;
}
section.slidertop .inner .text,
section.slidertop .inner .textsliderslicknoslick .text {
padding-top: 30px;
max-width: unset;
font-size: 2rem;
}
.slick-slide {
height: unset;
}
section.slidertop .schraege {
display: none;
}
.textslider {
top: -40px;
}
.sliderwrapouter .slick-dots {
left: 50vw;
} section.karriere p {
padding-left: 0;
padding-right: 0;
} section.kacheln:not(.nohover) .inner .wrap:hover:not(.whatsapp) .hover {
position: relative;
transform: none;
height: min-content;
} section.aufzahlung.typblau .inner .wrap .grau {
width: 100%;
}
section.aufzahlung.typhellblau:not(.zwei) .inner .wrap .grau,
section.aufzahlung.typhellblau2 .inner .wrap .grau,
section.aufzahlung.typhellblau:not(.zwei) .inner .wrap .grau:nth-child(2n),
section.aufzahlung.typhellblau2 .inner .wrap .grau:nth-child(2n)
{
width: 100%;
margin-left: 0!important;
max-width: 400px;
}
section.aufzahlung.typblau .inner .wrap .grau:nth-child(2n) {
margin-left: 0!important;
} section.kacheln5 .inner .outerwrap .innerwrap {
padding: 7vw
}
}
@media (max-width: 650px) { html {
font-size: 12px;
}   
.inner {
padding: 0 20px
}
.std.uberschrift, .std .uberschrift, .std .uberschrift, h2.std, .std h2, h3.std, .std h3, h4.std, .std h4 {
font-size: 1.8rem;
margin-bottom: 25px;
} section.karriere .inner .wrap {
max-width: 400px;
}
section.karriere .inner .wrap .quarter {
flex-basis: calc(100%);
margin-bottom: 30px;
} section.aufzahlung.typgrau2 .inner .wrap .grau {
width: 100%;
height: unset;
padding-bottom: 40px;
}
section.aufzahlung.typgrau2 .inner .wrap .grau:nth-child(2n) {
margin-left: 0!important;
} .wpcf7 .row {
flex-direction: column;
}
.wpcf7 .row.columns-2 .column {
width: 100%;
margin: 0 0 16px;
}
.wpcf7 .row.columns-2.send .column:first-child {
padding: 0;
}
.std h1.upper, .std h2.upper, .std h3.upper, .std h4.upper,
section.kontakt h1, section.kontakt h2, section.kontakt h3, section.kontakt h4, section.kontakt h5,
section.jobportal h1, section.jobportal h2, section.jobportal h3, section.jobportal h4,
section.cta .inner .half .uberschrift {
font-size: 2.2rem;
}
section.textzentral h3,
section.kacheln .inner .wrap.whatsapp .cta {
font-size: 1.8rem;
} .awards .award {
flex-basis: 100%;
}
}
@media (max-width: 490px) { .nav.topmenu .logo {
width: 51px;
padding-left: 15px;
} section.kacheln .outerwrap .wrap {
padding: 25px;
}
section.kacheln .inner .wrap.whatsapp .ratio {
padding-bottom: 0;
}
section.kacheln .inner .wrap.whatsapp .abs {
position: unset;
transform: unset;
}
header.nav .premenu ul:last-child {
display: none;
} section.downloads .innerwrap {
flex-direction: column;
}
section.downloads .side.right,
section.downloads .side.left {
width: 100%;
margin: 0 auto 35px;
}
section.downloads .side.right {
text-align: center;
}
section.downloads .side.left {
max-width: 250px;
}
}
@media (max-width: 410px) {
section.jobportal3.versiongrau .inner .suche .first .wrap {
padding: 20px;
}
section.jobportal3.versiongrau .inner .suche .first .wrap .icon {
display: none;
}
section.jobportal3 .inner .suche .first .wrap.job input  {
padding: 0;
}
section.jobportal3 .inner .suche .first .wrap.ort input {
padding-left: 0;
}
}
@media (max-width: 400px) { section.jobportal2 .inner .wrap .ort {
flex-basis: 100%;
margin-bottom: 10px;
} body footer .logo a img, body footer .logo a svg {
width: 100%;
height: unset;
}
section.suche h4 {
margin-top: 0;
}
section.suche .entry {
padding: 25px;
}
section.suche .entry .btn {
margin-bottom: 0;
}
}