.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}

/* =============================================================================
 * Reset global
 * ========================================================================== */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline;
*zoom: 1;
}
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }
html {
-webkit-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%;

-ms-word-break: normal;
word-break: normal;
word-break: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;

}
button, input, select, textarea { }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: yellow; color: black; }
pre { margin: 1em 0; font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }
code, kbd, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 75%; }
sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; top: -0.25em; }
sub { bottom: -0.2em; }
ol, ul { list-style: none; }
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 20px; }
nav ul, nav ol { list-style: none; list-style-image: none; }
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic;/* 2 */
}

svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
legend { border: 0; /* 1 */
padding: 0; white-space: normal; /* 2 */
*margin-left: -7px;
/* 3 */
}
button, input, select, textarea { font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle;
/* 3 */
}
button, input { line-height: normal;outline: 0;}
button { cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */
*overflow: visible;
/* 3 */
}
input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */
*overflow: visible;
/* 3 */
}

button[disabled] { cursor: default; }
input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}
input[type="search"] { -webkit-appearance: textfield; border-radius: 0px;  -webkit-appearance: none;
  -webkit-border-radius: 0px;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea { overflow: auto; /* 1 */
vertical-align: top;/* 2 */
}
table { border-collapse: collapse; border-spacing: 0; }


:root {
    --dvi-lightgray: #B6B7BC;
    --dvi-color-footertext: #BABAC7;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    height: 100%;
    color: #403F41;
    font-size: 1.125rem;
    line-height: 1.375em;
    letter-spacing: .01em;
    font-weight: 300;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
}

body {
    background: #fff;

    a, input, button {
        &:focus {
            border: 1px solid var(--dvi-color-footertext) !important;
        }
    }

    a.invisible {
        color: #000000;
    }
}

#main {
    margin: 0px;
    padding: 0;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
}

#container {
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
    min-height: 300px;
    display: block;
}

body.mobmenu.mobile #overall,
body.mobmenu.mobile #mmenuelogo {
    width: 50%;
    margin-left: 50%;
}

body.mobmenu.mobile #container,
body.mobmenu.mobile #headerimg,
body.mobmenu.mobile #headerslider .bx-wrapper {
    margin-left: -50%;
}

body.mobmenu.mobile #headerslider .headerslidercontent {
    left: -50%;
    margin-left: -50%;
}

#overall .overallextern li.dv-immobilien-gruppe-gmbh {
    display: none
}

body.mobmenu.mobile #header {
    position: absolute;
}


#container > .inner {
}

a:hover, a:focus {
    unicode-bidi: normal;
}

#left {
    width: 20%;
    float: left;
}

#right {
    width: 18%;
    float: right;
}

div.col50 {
    width: 50%;
    clear: both;
    padding-right: 2%;
    padding-left: 2px;
}

div.col50l, div.col50r {
    width: 50%;
    float: left;
}

div.col50l {
    padding-right: 2%;
    padding-left: 2px;
}

div.col50r {
    padding-left: 2%;
    padding-right: 2px;
}


.col55l {
    width: 55%;
    float: left;
    padding-left: 2%;
}

.col45r {
    width: 45%;
    float: right;
    padding-left: 3%;
}


.col50r.abstandoben {
    padding-top: 77px;
}

.archivslot {
    padding: 1.375rem 0 0 0;
    border-top: 1px solid #403F41;
    margin-top: 0rem;
}

#main .block {
    overflow: hidden;
}

#boemmelnavi {
    position: fixed;
    right: 0.375em;
    top: 0%;
    z-index: 1;
    max-width: 33px;
    bottom: 0%;
    display: table;
    height: 100%;
}

#boemmelnavi .navinner {
    display: table-cell;
    vertical-align: middle;
}

#boemmelnavi .navinner ul {
    margin: 0;
    padding: 0;
}

#boemmelnavi .navinner li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}

#boemmelnavi .navinner a {
    padding: 0;
    margin: 0.1rem 0 1.1rem 0;
    display: block;
    outline: 0;
    border-radius: 50%;
    border: solid 1px transparent;
    text-indent: -9999px;
}


#boemmelnavi .navinner i {
    background: var(--dvi-lightgray);
    color: #000;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    outline: 0;
    border-radius: 50%;
    vertical-align: middle; /*! line-height: 13px; */
    padding: 5px;
    margin: 6px; /*! margin-bottom: 1rem; */
}


#boemmelnavi .navinner ul li.current a,
#boemmelnavi .navinner ul a:hover {
    border: solid 1px var(--dvi-lightgray);
}


#boemmelnavi .navinner li.keinesprungmarke {
    display: none
}


#navisection {
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
}

img {
    max-width: 100%;
    height: auto;
}

/* Icons global für Introbereiche und Buttons */

@font-face {
    font-family: 'layouticons';
    src: url('../../files/dvi/fonts/layouticons.ttf?193pfx') format('truetype'),
    url('../../files/dvi/fonts/layouticons.woff?193pfx') format('woff'),
    url('../../files/dvi/fonts/layouticons.svg?193pfx#layouticons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.layouticons {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'layouticons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 5.5rem;
    color: #B6B6BB;

}


.back-icons:before, .icon_e90d:before {
    content: "\e930";
}

.pfeil-rechts-icons:before, .icon_e90c:before {
    content: "\e931";
}

.top-icons:before {
    content: "\e932";
}

.home-icons:before {
    content: "\e934";
}

.mail-icons:before {
    content: "\e938";
}

.pfeil-klein-icons:before {
    content: "\e939";
}

.externer-link-icon:before {
    content: "\e940";
}

.xing-icons:before {
    content: "\e933";
}

.in-icons:before {
    content: "\e935";
}

.fb-icons:before {
    content: "\e936";
}

.yt-icons:before {
    content: "\e937";
}

.insta-icons:before {
    content: "\ea92";
}

.flv-icon:before {
    content: "\e941";
}

.pdf-icon:before {
    content: "\e942";
}

.jpg-icon:before {
    content: "\e943";
}

.mov-icon:before {
    content: "\e944";
}

.wmv-icon:before {
    content: "\e945";
}

.zip-icon:before {
    content: "\e946";
}

.pfeilschmal-icon:before {
    content: "\e947";
}

.x-icon:before {
    content: "\e948";
}


.introheader .ce_image {
    padding-bottom: 2.75rem;
}

.sprungmarken {
    margin: 0 0 30px 0;
    padding: 2px 0;
}

.sprungmarken a {
    color: #575756;
    margin: 0 8px 8px 0;
    display: inline-block;
    font-weight: bold;
    padding: 0 0 0 8px;
    border-left: 2px solid #575756;
    font-size: 15px;
}

.sprungmarken a:first-child {
    padding: 0px;
    border: 0;
}

.sprungmarken a:hover {
    color: #d1b643;
}

.sprungmarkebox {
    position: relative;
    padding-top: 0;
    padding-bottom: 4.125rem;
}

.sprungmarkebox .ce_image:first-child {
    padding-bottom: 2.75rem;
}

.sprungmarke {

}

.sprungmarkena {
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    display: inherit;

}


.articleboxrand {
    padding: 2.75rem 6.875rem 4.125rem 6.875rem !important;
}

.articleboxrand .seitenintro {
    padding: 0;
}


.pdf_link {
    text-align: right;
    padding-right: 3px;
}

.pdf_link a.icon {
    color: #575756;
    margin-left: 10px;
    margin-top: 1px;
    display: inline-block;
}

.pdf_link a.icon:hover {
    color: #d1b643;
}


/*farben*/
.blaubg {
    background: #004993;
}

.hellgraubg {
    background: #F5F5F5;
}

.weissbg {
    background: #ffffff;
}

.braunbg {
    background: #EBE3D8;
}

/* Abstände innen */
.rand0px, .padding0 {
    padding: 0px !important;
}

.rand10px {
    padding: 10px;
}

.rand20px {
    padding: 20px;
}

.rand30px {
    padding: 30px;
}

.rand40px {
    padding: 40px;
}

.rand60px {
    padding: 60px;
}

.rand100px {
    padding: 100px;
}

.rand20pxobenunten {
    padding: 20px 0;
}

.rand40pxobenunten {
    padding: 40px 0;
}

.rand40pxoben {
    padding: 40px 0 0;
}

.rand60pxobenunten {
    padding: 60px 0;
}

.rand20pxunten70px {
    padding: 20px 20px 70px 20px;
}

.rand60pxaussen {
    padding: 0 60px;
}

.paddingoben0px {
    padding-top: 0px !important;
}

.paddingunten0px, .zh-bottom-0 {
    padding-bottom: 0px !important;
}

.paddingoben20px {
    padding-top: 20px !important;
}

.zh-top-0_5 {
    padding-top: 0.687rem !important;
}

.zh-bottom-0_5 {
    padding-bottom: 0.687rem !important;
}

.zh-top-1 {
    padding-top: 1.375rem !important;
}

.zh-bottom-1 {
    padding-bottom: 1.375rem !important;
}

.zh-top-1_5 {
    padding-top: 2.062rem !important;
}

.zh-bottom-1_5 {
    padding-bottom: 2.062rem !important;
}

.zh-left-1_5 {
    padding-left: 2.062rem !important;
}

.zh-right-1_5 {
    padding-right: 2.062rem !important;
}

.zh-top-2 {
    padding-top: 2.75rem !important;
}

.zh-bottom-2 {
    padding-bottom: 2.75rem !important;
}

.zh-top-3 {
    padding-top: 4.125rem !important;
}

.zh-bottom-3 {
    padding-bottom: 4.125rem !important;
}

.zh-top-4 {
    padding-top: 5.5rem !important;
}

.zh-bottom-4 {
    padding-bottom: 5.5rem !important;
}

.zh-top-5 {
    padding-top: 6.875rem !important;
}

.zh-bottom-5 {
    padding-bottom: 6.875rem !important;
}

.logosetrand {
    padding: 0 4.5rem;
}


/* Abstände aussen */
.marginunten0px {
    margin-bottom: 0px !important;
}

.marginunten10px {
    margin-bottom: 10px !important;
}

.marginunten20px {
    margin-bottom: 20px !important;
}

.marginunten25px {
    margin-bottom: 25px !important;
}

.marginunten30px {
    margin-bottom: 30px !important;
}

.marginunten40px {
    margin-bottom: 40px !important;
}

.marginunten50px {
    margin-bottom: 50px !important;
}

.marginunten60px {
    margin-bottom: 60px !important;
}

.marginoben0px {
    margin-top: 0px !important;
}

.marginoben10px {
    margin-top: 10px !important;
}

.marginoben20px {
    margin-top: 20px !important;
}

.marginoben25px {
    margin-top: 25px !important;
}

.marginoben30px {
    margin-top: 30px !important;
}

.marginoben40px {
    margin-top: 40px !important;
}

.marginoben50px {
    margin-top: 50px !important;
}

.marginoben60px {
    margin-top: 60px !important;
}


.intropadding {
    padding: 100px 0px 60px 0px;
}

/* Bereich auf Breite begänzen  */
.wrapper600px {
    max-width: 600px;
    margin: 0 auto;
}

.wrapper800px {
    max-width: 800px;
    margin: 0 auto;
}

.wrapper1000px {
    max-width: 1000px;
    margin: 0 auto;
}

.wrapper1140px {
    max-width: 1140px;
    margin: 0 auto;
}


/* sonsite Helferlein */
.vollebreite, .fullwidth {
    width: 100% !important;
    max-width: 100% !important;
}

.rund {
    border-radius: 50%;
    display: inline-block;
}

.center {
    text-align: center;
    margin: 0 auto;
}

.centered {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

.visible {
    overflow: visible !important;
}

.invisible {
    display: inline;
    height: 0;
    left: -1000px;
    overflow: hidden;
    position: absolute;
    top: -1000px;
    width: 0;
    color: black;
}

#footer .invisible,
#headersuche label.invisible,
.overallintern .invisible {
    color: white;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.textalign_left {
    text-align: left;
}

.textalign_right {
    text-align: right;
}

/* Elemente und sonstige Anpassungen */

.trennliniegrau {
    border-bottom: 1px solid #ccc;
    box-shadow: 0 10px 5px -7px rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.punktedrunter::after {
    content: ". . .";
    display: block;
    line-height: 3px;
    margin: 10px 0 30px 0;
    font-size: 50px;
    height: 3px;
}

.downloadbox {
    background: #F5F5F5;
}

.downloadbox h3 {
    padding: 0 0 1.375rem 0;
    margin-bottom: 0;
    text-align: center;
}

.ansprechpartnerimpressum {
    background: #EBE3D8;
    padding: 2.75rem;
    text-align: center;
    margin-bottom: 4.215rem;
}

.ansprechpartnerimpressum h3 {
    padding: 0 0 2.75rem 0;
    margin-bottom: 0;
}

.kontaktformularbox {
    padding: 2.75rem;
    margin-bottom: 0;
    background: #F5F5F5;
}

.boxfakten {
    padding: 1.375rem 2.062rem 4.125rem 2.062rem;
}

.boxfakten ul {
    margin-bottom: 0 !important;
}

.boxfakten h3 {
    padding-bottom: 2.062rem;
}

.datenschutzbox h5 {
    font-size: 1.125rem;
}

.datenschutzbox .rs-column.-large-first {
    margin-right: 2.75rem;
}

.datenschutzbox .rs-column.-large-col-2-1 {
}


.rs-columns.scol .rs-column.-large-col-2-1 {
    width: 49%;
}

.rs-columns.scol .rs-column {
    margin-right: 2%;
}

.rs-columns.scol .rs-column.-large-last {
    margin-right: 0;
}


#main .inside .fullwidth.mod_article .inner {
    max-width: inherit;
    margin: 0;
}

#main .inside .maxwidth700px.mod_article .inner {
    max-width: 700px;
}

#main .inside .maxwidth800px.mod_article .inner {
    max-width: 800px;
}


.teaserheader img {
    display: block;
    max-width: 100%;
    height: auto;
}


.resetcontainer .container {
    width: 100%;
    margin: 0 !important;
    padding: 0;
}

.reset_row_margin.row {
    margin: 0 auto !important;
}


.dlh_googlemap iframe {
    width: 100%;
    height: 150px;
}

.img-circle img {
    border-radius: 50%;
}

.text-center .img-responsive {
    margin: auto;
}


/* HEADER */
#mobileheader {
    display: none;
}

body.mobile #mobileheader {
    display: block;
    width: 100%;
    background: #fff;
    padding: 1rem;
    position: relative;
    min-height: 120px;
    max-width: 1200px;
    margin: 0 auto;
}


#toggle {
    display: none;
    position: absolute;
    right: 2rem;
    text-align: right;
    top: 2rem;
    z-index: 500;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
}

#toggle span {
    display: block;
    width: 100%;
    height: 5px;
    border-radius: 2px;
    background: #494B52;
    margin-bottom: 6px;
}

body.mobile #toggle {
    display: block;
}


#overall {
    width: 100%;
    background: #494B52;
    padding: 0;
}

#overall .inner {
    padding: 10px 10px;
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
}

#overall .overallbox {
    position: relative;
    padding: 0px 0;
    width: 100%;
    display: table;
}

#overall .overallnavigation {
    position: relative;
    display: none;
    padding: 1.375rem 0;
    width: 100%;
}

#overall .overallnavigation .navinner { /*! max-width: 400px; *//*! display: table; */
    padding-right: 30px;
    float: left;
}

#overall .overallnavigation.open-menu {
    display: table
}


#overall .overallintern {
    float: left;
}

#overall .overallintern ul {
    margin: 0;
    padding: 0;
}

#overall .overallintern li {
    padding: 0px 8px 2px 0;
    border-right: 1px solid #6D6E70;
    line-height: 14px;
    float: left;
    margin-right: 8px;
}

#overall .overallintern li a, #overall .overallintern li span {
    font-size: 0px;
    color: #fff;
}

#overall .overallintern a:hover, #overall .overallintern span:hover {
    color: #ccc !important;
}

#overall .overallintern span.active {
    color: #ccc;
}

#overall .overallintern li.layouticons::before {
    font-family: none;
    content: '';
}

#overall .overallintern li > a.layouticons::before, #overall .overallintern li > span.layouticons::before {
    font-family: 'layouticons';
    vertical-align: middle;
    font-size: 1.3rem;
    line-height: 1.3rem;
}


#overall .overallextern ul {
    margin: 0;
    padding: 0;
}

#overall .overallextern li {
    padding: 0px 0 0.5em 0; /*! float: left; *//*! width: 50%; */
}

#overall .overallextern li a, #overall .overallextern li span {
    font-size: 1.0em;
    line-height: 1.375em;
    color: #C2C4C6;
}

#overall .overallextern a:hover, #overall .overallextern span:hover {
    color: #fff !important;
}

/*#overall .overallextern a:visited, #overall .overallextern span:visited  { color: #5CCDF7; }*/


#overall .unternehmensgruppe {
    float: left;
    line-height: 1.375em;
    padding: 2px 10px 2px 0;
    color: #C2C4C6;
    font-size: 1em;
    cursor: pointer;
}

#overall .newsletter-overall {
    float: left;
    line-height: 1.375em;
    padding: 2px 0px 2px 10px;
    border-left: 1px solid #6D6E70;
    font-size: 1em;
}

#overall .newsletter-overall a {
    color: #C2C4C6; /*! font-size: 1.1rem; */
}


.mod_changelanguage {
    float: right;
    line-height: 1;
    padding: 0 10px;
}

.mod_changelanguage ul {
    display: inline-block;
    margin: 0;
    padding: 0 0 0 0px;
    vertical-align: text-bottom;
    border-left: 1px solid #6D6E70;
}

.mod_changelanguage ul li {
    display: inline-block;
    padding-left: 10px; /*! border-left:1px solid #ccc; */
}

.mod_changelanguage ul li a, .mod_changelanguage ul li span {
    text-decoration: none;
    color: #ccc;
    font-size: 18px;
    text-transform: lowercase;
    line-height: 24px;
}

.mod_changelanguage ul li span.active, .mod_changelanguage ul li a:hover {
    color: #646464;
}

#overall #headersuche {
    float: right;
    padding: 0 0px 0 8px; /*! border-left: 1px solid #6D6E70; */
}

#overall #headersuche input[type="search"] {
    border: none;
    background: #C2C4C6;
    padding: 2px 5px;
    font-size: 1em; /*! line-height: 1.375em; */
    color: #403F41;
    vertical-align: middle;
    margin: 0;
    float: left;
    height: 28px;
}

#overall #headersuche button {
    background: #C2C4C6;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 1.375rem;
}

#overall #headersuche button::before {
    font-family: 'layouticons';
    font-size: 1em;
    color: #403F41; /*! padding: 3px; */
    line-height: 1.375rem;
    vertical-align: middle;
}

#overall #headersuche button:hover::before {
    color: #646464;
}

#overall .close {
    padding: 0;
    position: absolute;
    top: 20px;
    right: 0px;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    z-index: 20;
}

#overall .close::after {
    content: "\e948";
    font-family: 'layouticons';
    font-size: 1em;
    color: #C2C4C6;
    vertical-align: middle;
}

#header {
    margin: 0 auto;
    width: 100%;
    padding: 0; /*! line-height: 0; */
    clear: both;
    display: block;
    clear: both;
    z-index: 11;
    position: relative;
}

#header .inside {
    margin: 0 auto;
    z-index: 20;
    max-width: 1200px;
    min-height: 210px;
    width: 100%;
    position: relative;
}


#mmenuelogo {
    width: 100%;
    padding: 0;
    line-height: 0; /*!  background:#fff; display: inline-block;*/
    position: relative;
    z-index: 10;
}

#mmenuelogo.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 500;
    background: #fff;
}

#mmenuelogo .inner {
    padding: 0;
}

#mmenuelogo .navbox {
    margin: 0 auto;
    z-index: 20; /*! max-width: 1200px; */
    width: 100%;
    position: relative;
    padding-top: 50px;
    background: #ccc;
    display: table;
}

#mmenuelogo #navbox2 .close {
    padding: 0;
    position: absolute;
    top: 15px;
    right: 10px; /*! width: 40px; */ /*! height: 40px; */
    cursor: pointer;
}

#mmenuelogo #navbox1 .close::after,
#mmenuelogo #navbox2 .close::after {
    content: "\e948";
    font-family: 'layouticons';
    font-size: 20px; /*! padding-left: 6px; */
    vertical-align: middle;
}

.megamenue-intro {
    position: absolute;
    right: 0;
    top: 120px;
    width: 600px;
}

#mmenuelogo #navbox1 .close {
    display: none;
}

#logo {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

#logo .inner {
    top: 0px;
    position: absolute;
    left: 35px;
    z-index: 400;
    line-height: 0;
    -webkit-box-shadow: 0 6px 6px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 6px 2px rgba(0, 0, 0, 0.2);
}


#mmenuelogo.open-menu {
    background: #fff;
}

#logo a {
    display: block;
}

#logo img {
}

header .inside {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}

header .inside .inner {
}

#headerimg {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%; /*! margin-top: -142px; */
}

#headerimg .inside {
    position: relative;
}

#headerimgcontent {
    position: absolute;
    bottom: 2.75rem;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    z-index: 5;
}

#topnavibox {
    width: 100%;
}


/* END HEADER */


.fluid-width-video-wrapper {
    position: initial !important;
}

.videoiframe {
    z-index: 60 !important;
}

.lazy {
    display: none;
}


.ce_image .image_container,
.ce_text .image_container {
    position: relative;
    line-height: 0;
}

.image_container .caption {
    bottom: 10px;
    left: 10px;
    position: absolute;
    background: rgba(255, 255, 255, 0.60);
    font-size: 9px;
    line-height: 9px;
    padding: 3px 3px;
    clear: both; /*! color: #3c3c46; */
    width: inherit;
}

figure.float_left {
    float: left;
}

figure.float_right {
    float: right;
}


/**
 * mod_breadcrumb
 **/
.mod_breadcrumb ul {
    margin: 0 0 10px 0;
    display: flex;
    padding: 0;
    font-size: 13px;
    list-style-type: none
}

.mod_breadcrumb li {
    float: left;
    padding: 0px 5px 5px 0;
}

.mod_breadcrumb li::after {
    content: "/";
    margin: 0 0 0 8px;
}

.mod_breadcrumb ul li.last::after {
    display: none;
}

.mod_breadcrumb > *:first-child {
    padding-left: 0;
    display: none;
}

.mod_breadcrumb a {
    text-decoration: none;
}

.mod_breadcrumb a:hover {
}

.mod_breadcrumb .active {
    color: inherit;
}

.nobreadcrumb .mod_breadcrumb {
    display: none;
}


/* ce_hyperlink mit Icon */
/* -------------------------------------------------------------------------------------------------- */


.ce_hyperlink {
    display: block;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 2.75rem;
    max-width: 800px;
}

.ce_hyperlink.last {
    padding-bottom: 0;
}

.ce_hyperlink a {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.6em;
}

.ce_hyperlink a.extern::after {
    content: "\e940";
    font-family: 'layouticons';
    font-size: 2.1rem;
    vertical-align: middle;
    font-weight: normal;
    padding-left: 6px;
}

.ce_hyperlink a::after {
    content: "\e931";
    font-family: 'layouticons';
    font-size: 1.7rem;
    vertical-align: middle;
    font-weight: normal;
    padding-left: 6px;
}

.ce_hyperlink a:hover {
    color: #63c1e0;
}


/* Forms */
/* -------------------------------------------------------------------------------------------------- */


input, select, textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #8C9AA3;
    border-radius: 0;
    box-sizing: border-box;
    line-height: 115%;
    margin: 0;
    padding: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
}

#main input::-moz-placeholder, textarea::-moz-placeholder {
    color: #bfbfbf;
    font-style: italic;
}

#main fieldset {
    margin: 0;
    padding: 0;
}

#main label {
    font-weight: normal;
    line-height: 125%;
    margin-bottom: 0;
}

#main input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: inherit;
}

span.mandatory {

    display: inline;
    font-weight: bold;
    padding-left: 2px;
}

span.mandatory2 {
    display: inline;
    font-weight: bold;
    margin-left: -22px;
    padding-right: 5px;
}


/* RadioButtons*/
.radio_container legend {
    display: block;
    overflow: hidden;
}

.radio_container span {
    display: inline-block;
    margin-right: 20px;
}

.radio_container.vertikal span {
    display: block;
    margin: 0;
}

.radio_container input {
    border-radius: 100%;
    box-shadow: none;
    padding: 0;
}

/* Checkboxen */
.checkbox_container legend {
    display: block;
    overflow: hidden;
}

.checkbox_container span {
    display: inline-block;
    /*! margin-right: 20px; */
}

.checkbox_container.vertikal span {
    display: block;
    margin: 0;
}

.checkbox_container input {
    box-shadow: none;
    padding: 0;
}

.ce_form .widget {
    margin: 0;
    padding-bottom: 1.375rem;
}

.ce_form .widget p.error {
    margin: 0;
    padding-bottom: 0px;
    color: red;
}

/* Buttons ------------------------------------------------- */
.submit_container input {
    width: auto !important;
}

.submit {
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
}


#main .ce_form input, #main .ce_form select, #main .ce_form textarea {
    background: #fff none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    line-height: 115%;
    margin: 0;
    padding: 5px;
    width: 100%;
    color: #494B52;
}

#main .ce_form select {
    padding: 3px 5px;
}


#main .ce_form input[type="submit"],
#main .ce_form button.submit, #newsletterform button.submit, .mod_event_reader_subscribe button.submit {
    color: #403F41;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    padding: 10px 15px;
    text-align: center;
    display: inline-block;
    margin-bottom: 4px;
    cursor: pointer;
    background: none;
    font-weight: 700;
}

#main .ce_form button[type="submit"]:after, #newsletterform button[type="submit"]:after, .mod_event_reader_subscribe button.submit:after {
    content: "\e931";
    font-family: 'layouticons';
    font-size: 22px;
    vertical-align: middle;
    padding-left: 6px;
    font-weight: initial;
}

#main .ce_form input[type="submit"],
#main .ce_form input.submit { /*-webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease; transition: All 0.4s ease;*/
}

#main .ce_form input[type="submit"]:hover,
#main .ce_form input.submit:hover { /*opacity: 0.7; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease; transition: All 0.4s ease;*/
}

/* end Buttons ------------------------------------------------- */


/* end Forms -------------------------------------------------------------------------------------------------- */

#main .checkbox_container span,
#main .radio_container span {
    /*! margin-right: 12px; */
}

#main input[type="checkbox"],
#main input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: inherit;
}

#main input[type="checkbox"]:checked + label,
#main input[type="radio"]:checked + label {
}

#main .mod_search a {
    text-decoration: none;
    font-weight: 700;
}

#main .mod_search a:hover,
#mainsuche a:active {
}

#main .mod_search button {
    background: #C2C4C6;
    display: inline-block;
    width: 20px;
    height: 22px;
}

#main .mod_search button::before {
    /*content: "\e90c";*/
    font-family: 'dvicons';
    font-size: 1.7rem;
    font-weight: inherit;
    color: #403F41;
}

#main .mod_search button:hover::before {
    color: #646464;
}

.ce_image.logoschatten {
    margin: 0 auto;
    text-align: center;
}

.ce_image.logoschatten .image_container {
    padding: 3px 20px 20px 20px;
    display: inline-block;
    text-align: center;
}

.ce_image.logoschatten .image_container a {
    display: block;
}

.ce_image.logoschatten .image_container img {
    -webkit-box-shadow: 0 6px 6px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 6px 6px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.ce_image.logoschatten .image_container .caption {
    background: inherit;
    font-size: 1em;
    text-transform: uppercase;
    /*! line-height: 18px; */
    padding: 10px 8px;
    clear: both;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}


/* Listen */
.main ul, .ce_text ul, .ce_list ul, .ce_textarea ul, .ce_text ol, .ce_list ol, .ce_textarea ol {
    margin: 0 0 15px 0;
    padding: 0 0 0 20px;
}

.main ul li, .ce_text ul li, .ce_list ul li, .ce_textarea ul li {
    list-style-position: outside;
    list-style-type: disc;
}

.main ul li, .ce_text li, .ce_list li, .ce_textarea li, .ce_text ol, .ce_list ol, .ce_textarea ol {
    line-height: 1.2222em;
    padding-bottom: 1.375rem;
}

.main ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.ce_text ol, .ce_list ol, .ce_textarea ol {
    list-style: outside none decimal;
    padding-left: 25px;
}

/* end Listen */
.qq-upload-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}


hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #b2b9c4 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 1.25em 0;
    overflow: visible;
}

hr.dotted {
    border-top-color: #717c8e;
    border-top-style: dotted;
}

/* vertical-centered */
.vertical-centered-box {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.vertical-centered-box > div {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    float: none;
}


/* FOOTER */
#footer {
    background-color: #494B52;
    text-align: center;
    overflow: hidden;
    padding: 2.75rem 0 4.125rem 0;
    margin-top: 0px;
    clear: both;
}

#footer .inside {
    max-width: 1200px;
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    padding: 0 2.062rem;
    position: relative; /*! padding-bottom: 3rem; */
}

#footer h4,
#footer h2 {
    font-style: normal;
    font-weight: 300;
    margin: 0;
    color: var(--dvi-color-footertext);
    font-size: 1.125rem;
    padding: 0 0 2.75rem 0;
    text-transform: inherit;
}


#footer ul li.moban {
    display: none
}

#footer ul {
    padding: 0 0 0 0px;
    margin: 0;
}

#footer ul li {
    padding: 0 0 8px 0px;
    margin: 0;
    line-height: 100%;
}

#footer ul a, #footer ul span {
    color: var(--dvi-color-footertext);
    font-size: 1.125rem;
    line-height: 100%;
    padding: 3px 0;
    min-height: 24px;
}

/*#footer a:visited, #footer span:visited  { color: #5CCDF7; }*/

#footer a:hover,
#footer span:hover {
    color: #fff;
}


.footercopyright {
    margin: 0 auto;
    text-align: center;
    max-width: 1200px; /*! height: 1.375rem; */
}

.footercopyright span {
    font-style: normal;
    font-weight: 300;
    color: #6D6E70;
    font-size: 1.125rem;
    float: right;
    padding: 0px 14% 0px 0;
    vertical-align: middle;
    line-height: 1.375rem;
    color: var(--dvi-color-footertext);
}


#footer .ueber_uns_social_media {
    position: absolute;
    bottom: 0;
    left: 30px;
}

#footer .social_media_icons .social_links {
    display: inline-block;
    border-right: 1px solid #6D6E70;
    padding: 0 2px 0 0;
    font-size: 2.4em;
}

#footer .social_media_icons .social_links:first-child {
    border-left: 1px solid #6D6E70;
    padding-left: 2px;
}

#footer .social_media_icons .social_links.icon {
    color: #6D6E70;
    font-size: 40px;
}

#footer .social_media_icons a.social_links:hover {
    color: #5CCDF7 !important;
}


#footer .top-link {
    width: 100%;
    display: none;
    padding: 12px 0;
    clear: both;
    background: #19577e;
    text-align: center;
}

#footer .top-link.einblenden {
    display: block;
}

#footer .top-link a {
    color: #fff;
    padding: 10px;
}

#footer .footernavi {
    /*! display:inline-flex; */
    padding: 0 1% 0 0;
    vertical-align: top;
    max-width: 250px;
    width: 19%;
    float: left;
    color: #fff;
}

#footer .footernavi.last {
    padding: 0;
    float: right;
}

/* ToTop Button */
#to_the_top {
    display: none;
    position: fixed;
    cursor: pointer;
    z-index: 10;
    width: 40px;
    height: 40px;
    bottom: 40px;
    right: 30px;
    line-height: 0;
}

#to_the_top.top-icons::before {
    color: #6D6E70;
    font-size: 40px;
}

/* END FOOTER */


/* --- Umsetzung Markus Schindler --- */


/* --- Umsetzung Marxup --- */

.all-visible {
    display: block !important;
}


/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/files/dvi/fonts/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDpCEobdNZUSdy4Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/files/dvi/fonts/ieVi2ZhZI2eCN5jzbjEETS9weq8-33mZGCQYb9lecyU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/files/dvi/fonts/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9QPFUew.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/files/dvi/fonts/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/files/dvi/fonts/ieVg2ZhZI2eCN5jzbjEETS9weq8-19eDtCYobdNZUSdy4Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
/* =============================================================================
 * Typography global
 * ========================================================================== */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Condensed', sans-serif;
  line-height:125%;
  padding:0 0 0 0;
  font-weight: normal;
  color: #494B52;
}


h1 {
  font-size:2.222em;
  margin:0 0 1.375rem 0;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1em;
  text-transform: uppercase;
}

h2 {
  font-size: 1.167em;
  line-height: 1.1em;
  margin:0 0 1.375rem 0;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
}


h3 {
  font-size:2.222em;
  margin:0 0 1rem 0;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1em;
  text-transform: uppercase;
}

h4 {
  font-size: 1.167em;
  line-height: 1.1em;
  margin:0 0 1rem 0;
  font-style: normal;
  font-weight: 300;
  text-transform: uppercase;
}



h5 {
font-size: 0.83em;
margin:0 0 0.5em 0;
  font-weight: 700;
}

h6 {
font-size: 0.75em;
margin:0 0 0.5em 0;
}


.seitenintro .headline2 h4{
color: #494B52;
line-height: 115%;
text-transform: uppercase;
font-size: 1.313em;
margin:0 0 0.8em 0;
}



h3.boldgrau,.boldgrau h3 {
color: #494B52;
}

h3.headlinebig,
.seitenintro .headline1 h3 {
font-size:2.625em;
margin:0 0 0.2em 0;
text-align: center;
text-transform: uppercase;
}

h3.headlinegraubox,h3.introue {
  font-size:2.222em;
  margin:0;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1em;
  text-transform: uppercase;
}

h3.headlineslot {
  font-size:2.222em;
  margin:0 0 1rem 0;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1em;
  text-transform: uppercase;
  text-align:center;
}
/*h3.headlineslot::after {
content: ". . .";display: block;
line-height: 3px;
margin:10px 0 30px 0;
font-size: 50px;
height: 3px;
}*/





/* =============================================================================
 * Links
 * ========================================================================== */
/* Addresses outline displayed oddly in Chrome */
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}

a { text-decoration: none; color: #494B52;}

.main .ce_text a { text-decoration:underline;}

.main p {margin: 0 0 1.375rem 0;}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #494B52 !important; font-style: normal;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
color: #494B52 !important;font-style: normal;  
}
input::-moz-placeholder,
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #494B52 !important; font-style: normal; 
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {  
color: #494B52 !important; font-style: normal; 
}



.hidden-false,.hidden-true {display:none;}



:root{
    --dvi-color-icon:#888990;
}


/* Newsliste & JobListe --- */
.mod_newslist{
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.layout_latest_jobs,
.nachrichtenliste{
flex: 1 0 50%;
 box-sizing: border-box;
position: relative;
}


.nachrichtenliste{display:none;}
.nachrichtenliste.first{display:block;}

.layout_latest_jobs,.nachrichtenliste{background: #F7F6F5;}

.layout_latest_jobs:nth-child(4n+4),
.layout_latest_jobs:nth-child(4n+1){background: #F4EFEA;}

/*.nachrichtenliste.mandantactive:nth-child(4n+2),*/
/*.nachrichtenliste.mandantactive:nth-child(4n+1) {background: #F4EFEA;}*/


/*
.nachrichtenliste.erstaufruf:nth-child(3n+2),
.nachrichtenliste.erstaufruf:nth-child(6n) {background: #F4EFEA;}
.nachrichtenliste.erstaufruf:nth-child() {background: #ccc;}
*/



.layout_latest_jobs,
.nachrichtenliste{
    position: relative;
}

.layout_latest_jobs .inner,
.nachrichtenliste .inner{
    width: 100%;
    padding:2.75rem 2.75rem 4.125rem 2.75rem;
    display: inline-block;
    text-align: center;
}

.layout_latest_jobs .job-icon{display: block;margin-bottom: 1.9rem;}
.layout_latest_jobs  a.job-icon-link{display: block; line-height:1;}
.layout_latest_jobs .job-icon::before{
	  content: "\e902";
    font-family:'dvicons';
    font-size: 5.5rem;
	color:var(--dvi-color-icon);

}
.layout_latest_jobs.fac .job-icon::before{content: "\e907";}
.layout_latest_jobs.stu .job-icon::before{content: "\e906";}
.layout_latest_jobs.sch .job-icon::before{content: "\e911";}

.nachrichtenliste .image_container {
    padding: 0 0 2.062rem 0;
    line-height: 0;
}
.nachrichtenliste .image_container img{border-radius: 50%;width: 9rem;}

.layout_latest_jobs h3 a,.nachrichtenliste h3 a{/*! font-size: 40px; *//*! line-height: 115%; */}
.layout_latest_jobs h4,.nachrichtenliste h4,.layout_short h4{/*! font-size: 24px; *//*! line-height: 115%; */margin-bottom: 1.375rem; text-transform: uppercase;}
.nachrichtenliste h4::after,.layout_short h4::after{/*content: ". . .";display: block;*/}

.layout_latest_jobs .teaser,.nachrichtenliste .teaser,.layout_short .teaser{}

.layout_latest_jobs .teaser p,.nachrichtenliste .teaser p{margin-bottom:0 !important;}
.layout_short .teaser p:last-child{}

.layout_latest_jobs .teasermore,.nachrichtenliste .teasermore {
    position: absolute;
    bottom: 1.375rem;
    right: 0;
    left: 0;
}
.layout_latest_jobs .teasermore a,.nachrichtenliste .teasermore a,.archivliste .teasermore a,.layout_short .teasermore a,.faktenelement.projektbeispiel .teasermore a,
.event .more a
{
    font-size: 1.1rem;
font-weight: 700;
    padding-right:0px;
}

.layout_latest_jobs .teasermore a::after,.nachrichtenliste .teasermore a::after,.archivliste .teasermore a::after,
.layout_short .teasermore a::after,.faktenelement.projektbeispiel .teasermore a::after,.event .more a::after{
	  content: "\e931";
    font-family:'layouticons';
    font-size: 1.7rem;vertical-align: middle;font-weight:normal;
    padding-left: 6px;
}



/* end Newsliste & JobListe --- */

/* ArchivListe --- */

.mod_newsarchive h1{display: none;}
.archivbox h1{display: block; text-align: center; margin: 1.375rem 0;}
.archivboxtrenner{ border-top: 1px solid #403F41; }

.archivbox .pagination{/*! display: inline-block; */ text-align: center;margin: 0 auto;}

.archivliste .inner{
border-bottom: 1px solid #403F41; margin-bottom:2.062rem;
padding-bottom:2.062rem;
}
.archivliste .image_container {
    padding: 0 0 10px 0;
}
.archivliste .image_container img{width: 100%;}
.archivliste h3 a{font-size: 40px;line-height: 115%;}
.archivliste h4{font-size: 24px;line-height: 115%;margin-bottom: 22px;}
/*.archivliste h4::after{content: ". . .";display: block;}*/




#mobarchiv .archivmenue,#mobbackbox,#mobpressebox{display:none;}


.archivmenue {
    padding: 10px 0 10px 0;
}
.archivmenue h3{/*! font-size: 24px; *//*! line-height: 115%; *//*! margin-bottom: 15px; */text-align: left;}
.archivmenue ul{padding:0;margin: 0;}
.archivmenue ul li{/*! display:block; */ /*! margin-bottom: 5px; */}
.archivmenue ul ul li{list-style-position: inside;padding-left: 1.375rem;padding-bottom: 5px;}

.archivmenue ul li a,.archivmenue ul li span{font-weight: 500;}
.archivmenue ul ul li a,.archivmenue ul ul li span{padding:0 0 5px 0;font-size: 16px;font-weight: 300;}
.archivmenue ul.level_1 li.submenu > a::before,
.archivmenue ul.level_1 li.submenu > span::before{content: "\e939";font-family:'layouticons';font-size:1em;padding: 0 5px 0 0;vertical-align: middle;}

/* Pagination News / Archiv / Suche --- */
.mod_newslist .pagination,.mod_newsarchive .pagination,.mod_search .pagination {padding:0 0 10px 0;}
.mod_newslist .pagination p,.mod_newsarchive .pagination p,.mod_search .pagination p{display: none;}
.mod_newslist .pagination ul,.mod_newsarchive .pagination ul,.mod_search .pagination ul{margin: 0 !important;padding: 0 !important;text-align: center;margin: 0 auto;display: inline-block;}
.mod_newslist .pagination ul li,.mod_newsarchive .pagination ul li,.mod_search .pagination ul li{display:block; float: left;  /*! margin-right: 3px; */text-align: center;padding-bottom: 0;}
.mod_newslist .pagination ul li.previous,.mod_newsarchive .pagination ul li.previous,.mod_search .pagination ul li.previous{}
.mod_newslist .pagination ul li.first,.mod_newsarchive .pagination ul li.first,.mod_search .pagination ul li.first{display: none;}
.mod_newslist .pagination ul li.last,.mod_newsarchive .pagination ul li.last,.mod_search .pagination ul li.last{ display: none;}
.mod_newslist .pagination ul li a,.mod_newsarchive .pagination ul li a,
.mod_newslist .pagination ul li span,.mod_newsarchive .pagination ul li span,
.mod_search .pagination ul li span,.mod_search .pagination ul li a
{padding: 2px 8px;display: block; font-size: 18px; font-weight: 400; line-height: 1em;border-left: 1px solid #B6B7BC;}
.mod_newslist .pagination ul li a,.mod_newsarchive .pagination ul li a,.mod_search .pagination ul a{color: #B6B7BC;}
.mod_newslist .pagination ul li span,.mod_newsarchive .pagination ul li span,.mod_search .pagination ul li span{}
.mod_newslist .pagination ul li.previous a,.mod_newsarchive .pagination ul li.previous a,
.mod_search .pagination ul li.previous a{display:block;font-size: 0px;border: none;}
.mod_newslist .pagination ul li.previous a::before,
.mod_newsarchive .pagination ul li.previous a::before,
.mod_search .pagination ul li.previous a::before{content: "\e947";font-family:'layouticons';
    font-size: 18px;padding: 0px;vertical-align: middle;    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
    line-height: 1em;}
.mod_newslist .pagination ul li.next a,
.mod_newsarchive .pagination ul li.next a,
.mod_search .pagination ul li.next a{display:block;font-size: 0px;}
.mod_newslist .pagination ul li.next a::after,
.mod_newsarchive .pagination ul li.next a::after,
.mod_search .pagination ul li.next a::after{content: "\e947";font-family:'layouticons';
    font-size: 18px;padding: 0px;vertical-align: middle;line-height: 1em;}

.mod_newsarchive .pagination ul li span.news-previous,
.mod_newsarchive .pagination ul li span.jobs-previous,
.mod_newsarchive .pagination ul li a span.news-next,
.mod_newsarchive .pagination ul li a span.jobs-next,
.mod_newslist .pagination ul li span.news-next,
.mod_newslist .pagination ul li span.jobs-next,
.mod_search .pagination ul li span.news-next,
.mod_search .pagination ul li span.jobs-next,
.mod_search .pagination ul li span.news-previous,
.mod_search .pagination ul li span.jobs-previous
{display: none !important;}


/* end ArchivListe --- */



/* NewsArchiv VerteilerSeite --- */
#newsarchivbox .inner{ position: relative; margin: 0 auto; text-align: center;}
#newsarchivbox .morenews{display: inline-block;cursor: pointer;}
#newsarchivbox .morenews::after {content: "\e90c";font-family:'dvicons';font-size: 80px;}
#newsarchivbox .newsarchiv{position: absolute; bottom: 0; right: 0;}
#newsarchivbox .newsarchiv a{display: block;}
#newsarchivbox .newsarchiv a::after{content: "\e905";font-family:'dvicons';font-size: 50px;}




/* Presse --- */
.presseliste .nachrichtenliste {
float:left;
width: 22%;
margin: 0 3% 15px 0;
}
.presseliste .nachrichtenliste:nth-child(4n) {
margin: 0 0 50px 0;
clear: right;
}
.presseliste .nachrichtenliste .image_container {
    float:none;
    margin: 0;
}
.presseliste .nachrichtenliste h3{font-size: inherit;line-height: 100%;}
.presseliste .nachrichtenliste h3 a{ font-size: 14px; text-decoration: none; color: #575756;line-height: 100%; }
.presseliste .nachrichtenliste .teaser p {
  font-size: 14px;
}
.presseliste .nachrichtenliste a.more {
    display:none;
}
/* end  --- */

.news-previous,.news-next,
.jobs-previous,.jobs-next{display: none;}

/* NewsDetails --- */
.newsdetails.mod_newsreader{padding:0 2.062rem;}
.newsdetails.mod_newsreader .layout_full{border-top: 1px solid #403F41;border-bottom: 1px solid #403F41;padding: 1.375rem 0;width:55%;float: left;}
.newsdetails.mod_newsreader h1 {}
.newsdetails.mod_newsreader h2 {margin-bottom: 0.375rem}
.newsdetails.mod_newsreader .teaser{ font-weight: 700 }
.newsdetails.mod_newsreader p.info{ }
.newsdetails.mod_newsreader p.info time { }
.newsdetails.mod_newsreader .image_container { margin-bottom:1.375rem; }
.newsdetails .news-previous,.newsdetails .news-next{display: inline-block;font-weight: 700;}

.pressekontaktbox{float:right;border-top: 1px solid #403F41;width: 40%; padding: 1.375rem 0 0 0;}


.mod_newsreader .pagination {padding: 15px 35px;clear: both;}
.newsdetails .pagination {padding: 10px 0;width: 55%;clear: both;}
.mod_newsreader .pagination p{display: none;}
.mod_newsreader .pagination ul{margin: 0 !important;padding: 0 !important;line-height: 20px;font-size: 12px;}
.mod_newsreader .pagination ul li{display: none;padding: 0;}
.mod_newsreader .pagination ul li.previous{display:block; float: left;}
.mod_newsreader .pagination ul li.next{display:block; float: right;}
.mod_newsreader .pagination ul li.previous a{display:block;color: #A9AAAE;}
.mod_newsreader .pagination ul li.previous a::before{content: "\e931";font-family:'layouticons';font-size: 16px;padding-left: 6px;vertical-align: sub;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;}

.mod_newsreader .pagination ul li.next a{display:block; color: #A9AAAE;}
.mod_newsreader .pagination ul li.next a::after{content: "\e931";font-family:'layouticons';font-size: 16px;padding-left: 6px;vertical-align: sub;}

.backbox p.back { margin:1.375rem auto 1.375rem auto !important; padding: 0; text-align: center; }
.newsdetails .backbox {max-width:55%; display: block;}
.backbox p.back a { font-size:0px; line-height:0; padding:0px; text-align: center;  text-decoration: none}
.backbox p.back a::after{content: "\e930";font-family:'layouticons';font-size: 5.5rem;line-height: 5.5rem; display:block;padding:2.75rem;}
.backbox p.back a:hover { color: #575756;}
/* end NewsDetails --- */

/* JobDetails --- */
.jobdetails.mod_newsreader{}

.jobdetails.mod_newsreader .pagination-top{width: 1200px;}
.jobdetails.mod_newsreader .image_container{line-height: 0}

.jobdetails .jobs-previous,.jobdetails .jobs-next{display: inline-block;}

.jobdetails .jobdetailsintro{background: #F5F5F5; padding: 1.375rem 2.75rem 0 2.75rem; text-align: center;overflow: hidden;}

.jobdetails-info .jobdetailsintrobox{padding:0 2.75rem 1.375rem;display: inline-block;}

.jobdetails-info .jobdetailsintrobox h4{ font-size:24px; text-transform: uppercase;}
.jobdetails-info .jobdetailsintrobox h5,
.jobdetails-info .jobdetailsintrobox h3
{ font-size: 18px; font-weight: bold;}

.jobdetails-info .spalteintro{width: 40%; float: left; padding-right:20px }
.jobdetails-info .spalteprofil{width: 30%;float: left;padding-right:20px}
.jobdetails-info .spalteangebot{width: 30%;float: left;}

.jobdetails-info .ansprechpartnerbox{width:100%;padding: 22px 0;float: none;display: inline-block;text-align: center;}
.jobdetails-info .ansprechpartnerimage{padding-bottom:1.375rem;}
.jobdetails-info .ansprechpartnerimage img{border-radius:50%;}

.jobdetails-info .bewerbenbox{width:100%;padding:0 0 1.375rem 0;float: none;display: inline-block;text-align: center;font-weight: 700;}
.jobdetails-info .bewerbenbox .teasermore a::after{
	  content: "\e931";
    font-family:'layouticons';
    font-size:1.7rem;vertical-align: middle;
    padding-left: 6px;
    font-weight:normal;
}
.jobdetails .pagination ul li{padding:0;font-weight: 700;}

.jobdetails .jobadresseueberschrift{text-align: center;}


/* HeaderSlider bxSlider inner --- */
.slideboxinner {position:relative;margin:0 auto;}
.slideimg{ }

#headerslider {margin: 0 auto;text-align: center;max-width:1200px; margin-top: -148px;}
#headerslider{position: relative;}

#headerslider .headerslidercontent{
    position: absolute;
    bottom: 2.75rem;
    right: 0%;
    left: 0%;
}

#headerslider .image_container{}
#headerslider .image_container img{width:100%;height: auto; max-width:1200px;}


.teasertexte{ width:40%; text-align:center;padding:0px;position:absolute; top:30%; left:30%; right:30%;}
.textausrichtung_1 { position:absolute; top:10%; left:7%;}
.textausrichtung_2 { position:absolute; top:10%; right:7%;}
.textausrichtung_3 { position:absolute; bottom:10%; left:7%;}
.textausrichtung_4 { position:absolute; bottom:10%; right:7%;}
.teasertext1{font-size: 3rem; line-height: 125%; color: #fff;text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.6);}

/* end HeaderSlider bxSlider inner */



/* Contao Slider */
.ce_sliderStart {
    position: relative; margin-bottom:20px;overflow: visible;
}
.slider-control {
    top:0;
    height: 100%; /*für center Pfeile über dem Slider */
    left: 0;
    position: absolute;
    width: 100%;
}
.content-slider { overflow: hidden; visibility: hidden; position: relative;z-index:5; }
.slider-wrapper { overflow: hidden; position: relative; }
.slider-wrapper>* { float: left; width: 100%; position: relative; z-index:10; }
.slider-control a, .slider-control .slider-menu { position: absolute; display: inline-block;z-index: 20;}
.slider-control a{ border-radius: 4px; /*color: #008bcf;background:#008bcf;*/padding:10px;top:30%;text-decoration: none;font-size: 0px; }
.slider-control .slider-prev { left: 0;padding:8% 2%; }
.slider-control .slider-prev:after { font: 28px/28px "dvicons"; content: "\f137"; }
.slider-control .slider-next { right: 0;padding:8% 2%; }
.slider-control .slider-next:after { font: 28px/28px "dvicons"; content: "\f138"; }
.slider-control .slider-menu { top: 90%; width: 50%; left: 50%; margin-left: -25%; text-align: center;z-index: 20; }
.slider-control .slider-menu b { color: #bbb; cursor: pointer;font-size: 30px;  }
.slider-control .slider-menu b.active { color: #666; }


#homeslider .slider-control .slider-menu b {
    margin: 0 10px;
}

.slider-control b span {
  width: 10px;
  height: 10px;
display: inline-block;
  background:#008bcf;
}
.slider-control b.active span {
  background:#95d1da;
}
#homeslider .slider-control .slider-menu {
    /*font-size: 50px;
    line-height: 30px;*/
}

.ce_sliderStart .mejs-container {
    text-align:left;
    vertical-align: middle;
}
#homeslider .ce_sliderStart figure, #homeslider .ce_sliderStart img { line-height: 0px }
#homeslider .ce_sliderStart nav { width: 100%; top: 50%; position: absolute; margin-top: -30px }
#homeslider .ce_sliderStart nav .slider-prev, #homeslider .ce_sliderStart nav .slider-next { width: 40px; height: 33px; padding: 7px 0 0; text-align: center; background-color: #fff; -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 0 0 rgba(0,0,0,0.2); border-radius: 3px; font-size: 25px; font-weight: bold; color: #3a4a5c }
#homeslider .ce_sliderStart nav .slider-prev { margin-left: 20px }
#homeslider .ce_sliderStart nav .slider-next { margin-right: 20px }
/* end Contao Slider */


/* DropDownLinks
.mod_quicklink{padding: 0 45px 0 20px;display: inline-block;}
.mod_quicklink .select{padding:5px 5px 4px 5px; border:#C6CCD1 1px solid; cursor: context-menu;font-size: 20px;
color: #403F41; vertical-align: middle;margin:0 3px 0 0;float: left;height: 40px; width: inherit;}
.mod_quicklink .select option{padding:5px; border:none; cursor:inherit;}
.mod_quicklink button {
    background: #403F41;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.mod_quicklink button::before{
      font-family:'dvicons';
    font-size: 26px;
    line-height: 40px;
	color:#ffffff;
}
.mod_quicklink button:hover::before{
	color:#646464;
}

*/

.mod_quicklink{display: inline-block; margin:0 25px 0 5px;min-width: 320px;overflow: visible !important;}
.mod_quicklink .linkselectbox {
    background: #f8f8f8;
    color: #403F41;
    margin:0 0px 0 0;
    height: 40px;
    cursor: pointer;
    position:relative;
    text-align: left;
    /*! */ font-size: 18px;
    font-weight: 300;
    /*! z-index: 1; */
}
.mod_quicklink.standortnavi{margin:0 auto;text-align: center;width: 100%;}
.mod_quicklink.standortnavi .linkselectbox{display: inline-block;min-width: 320px;}
.mod_quicklink.standortnavi .selectbox {
    white-space:normal;
}
.mod_quicklink.standortnavi .selectboxen {
    /*! max-width:290px; */
}


.mod_quicklink .linkselectbox:after {
    font-family:'layouticons';
    font-size: 25px;
    line-height: 1.6em;
    color:#ffffff;
    content:"\e939";
    background: #403F41;
    right: 0px;
    top: 0px;
    position: absolute;
    pointer-events: none;
    width: 40px;
    padding: 0 0 0px 0;
    height: 40px;
    text-align: center;
}

/* IE10 und IE11 Font-Size Hack! */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mod_quicklink .linkselectbox:after {
    font-size: 25px;
}
}

.mod_quicklink .linkselectbox.open:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mod_quicklink .selectboxintro {
    padding:10px 45px 10px 15px;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 100%;
    text-transform: uppercase;
}
.mod_quicklink .selectboxen {
    padding:10px 0px;background: #f8f8f8; position:absolute;top:100%; left:0;
    width: 100%;
    display: none;
    z-index: 1;
    white-space: nowrap;
}



.mod_quicklink.open-menu .selectboxen {
    display: block;
}
.mod_quicklink  .linkselectbox.open .selectboxen {
    display: block;
}


.mod_quicklink .selectbox {padding: 3px 15px;}
.mod_quicklink .selectbox a{color: #403F41;text-transform: uppercase;}
.mod_quicklink .selectbox:hover {background: #403F41;transition: all 300ms ease-in-out;}
.mod_quicklink .selectbox:hover a,.mod_quicklink .selectbox:hover{color: #fff;}


.mod_quicklink form{position: relative;}

.mod_quicklink select {
    padding: 5px 5px 4px 5px;
    background: #f8f8f8;
    color: #403F41;
    border:#fff;margin:0 0px 0 0;float: left;height: 40px;
    border-radius: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    min-width: 250px;
}
.mod_quicklink select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #444;
}
.mod_quicklink select::-ms-expand {
    display: none;
}




.mod_quicklink form:before {
    content: '';
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background: #403F41;
    position: absolute;
    pointer-events: none;
    display: block;
}

.mod_quicklink form:after {
    font-family:'dvicons';
    font-size: 26px;
    line-height: 40px;
    color:#ffffff;
    content:"\e918";

    color: #fff;

    right: 0px;
    top: 0px;

    position: absolute;
    pointer-events: none;
    width: 40px;
    padding: 0 0 5px 0;
    height: 40px;
    text-align: center;
}

.mod_quicklink form.open-menu:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mod_quicklink .selectboxen {
    /*! width: inherit; */
}



#mandantennewsfilter .selectbox{/*! max-width:320px; */white-space: normal;}



@media screen\0 {
    .mod_quicklink form:after {
        width: 38px;
        text-indent: 15px;
        right: 0;
    }
}
@media screen and (min--moz-device-pixel-ratio:0) {
    .mod_quicklink select { padding-right: 50px; }
    /*.mod_quicklink:before { right: 6px; }
    .mod_quicklink:after {
        text-indent: 14px;
        right: 6px;
        top: -5px;
        width: 36px;
    }*/

}

/* end DropDownLinks */




/* Suche Main ------------------------------------------------- */

#main .mod_search h4 {text-align:center; margin-bottom: 50px;}
#main .mod_search h4 span.ergebnisskeyword{font-weight: 700;}

#main .mod_search .ergebnissbox {    border-top: 1px solid #494B52; padding: 10px 0; text-align:left;}
#main .mod_search .ergebnissbox h5 a{ font-size:18px; color:#494B52;border-bottom: 1px solid #494B52;padding: 0 0 3px 0;font-weight: 700;}
#main .ergebnissbox .relevance {
    font-size: 12px;
}
#main .ergebnissbox p.url {
display:none;
}
#main .ergebnissbox span.highlight {
    font-weight: 700;
}


#main .mod_search fieldset {
    width: 50%;
    clear: both;
    display: block;
    padding: 1.4em 0.1em;
}
#main .mod_search .pagination{

    margin: 0 auto;
    text-align: center;
}

/* end Suche Main ------------------------------------------------- */


/* Newsletter Form */
#newsletterform .widget {
    width:50%;float: left; padding-bottom:20px;
}
#newsletterform .widget:nth-child(odd){padding-right:2%; padding-left:2px;}
#newsletterform .widget:nth-child(even){padding-left:2%; padding-right:2px;}

#newsletterform .submit_container {width:100%; clear:both;}

#newsletterform legend,
#newsletterform label{ font-weight: 700;padding-bottom: 4px;}
#newsletterform input, #newsletterform select {
    background: #fff none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    line-height:115%;
    margin: 0;
    padding: 5px;
    width: 100%;
    color: #494B52;
    height:36px;
}
#newsletterform .submit_container {
    text-align: center;
}


/* Downloads */
.ce_downloads{display:block; margin:0 auto; text-align:center;}
.main .ce_downloads ul{padding:0 2.75rem; margin: 0 auto;max-width:500px;text-align: center; }
.main .ce_downloads ul li{padding:8px 8px 8px 8px; background: #fff;margin-bottom:1.375rem;list-style-type:none !important;/*! position: relative; */}
.main .ce_downloads ul li:last-child{margin-bottom:0;}
.ce_downloads ul li span.size{ display: none;}
.ce_downloads ul li a{ display:block;/*! text-align: center; */position: relative;vertical-align: middle;/*! line-height: 1.23rem; */}
.ce_downloads img.mime_icon{display: none;}
.ce_downloads a::before{font-family:'layouticons';/*! line-height: 1.375rem; *//*! font-size: 1.2em; *//*! vertical-align: middle; *//*! float: left; */position: absolute;left: 0px;/*! bottom: 10px; */}
.ce_downloads a.pdf::before{content: "\e942";}
.ce_downloads a.jpg::before{content: "\e943";}
.ce_downloads a.zip::before{content: "\e946";}
/*
.ce_downloads a.pdf::before{content: "\e931";}
.ce_downloads a.pdf::before{content: "\e931";}
.ce_downloads a.pdf::before{content: "\e931";}
.ce_downloads a.pdf::before{content: "\e931";}
*/



.enclosure p{padding:0; margin: 0 0 12px 0;font-size: 14px;line-height: 200%;}
.enclosure img.mime_icon{padding:0; margin: 0 6px 0 0;vertical-align: text-bottom;}


#jobanlagen{text-align:center;}
#jobanlagen span.size{display:none}
#jobanlagen a{ font-weight:700}

#jobanlagen img.mime_icon{display: none;}
#jobanlagen a::before{font-family:'layouticons';line-height: 1.375rem;font-size: 1.2em;vertical-align: middle;padding-right: 8px;}
#jobanlagen a::before{content: "\e942";}

.bewerbenadresse{text-align:center;padding: 0 0 2.75rem 0;}



.seitenintro {padding:0 6.875rem 0 6.875rem;margin: 0 auto;}
.seitenintro .introicon{margin:0 auto 2.062rem auto;text-align: center;    font-size: 5.5rem;
    line-height: 5.5rem;}
.seitenintro .introicon::before{
    font-family:'dvicons';

	   color:var(--dvi-color-icon);
}
.seitenintro .headline1,.seitenintro .headline2 {text-align: center;}
.seitenintro .teasertextintro {}
.seitenintro .teasertextintro .inner p:only-of-type{margin-bottom:0;}
.seitenintro .teasertextintro p.last{margin-bottom:0 !important;}
.seitenintro .teasertextintro p:last-child{margin-bottom:0 !important;}


.seitenintro .teasermore{
    font-size:1.1rem;
    font-weight: 700;
    padding-top:2.75rem;
    text-align: center;
}
.seitenintro .teasermore a::after,
.seitenintro .teasermore span.mehrtext::after,
.seitenintro .teasermore span.wenigertext::after{
    font-family:'layouticons';
    font-size:1.7rem;
    vertical-align: middle;
    font-weight:normal;
}
.seitenintro .teasermore a.intern::after,
.seitenintro .teasermore span.mehrtext::after{
	   content: "\e931";
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;padding-bottom:10px;font-weight:normal;
}
.seitenintro .teasermore span.wenigertext::after{
    content: "\e931";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;padding-top: 6px;font-weight:normal;
}

.seitenintro .teasermore a.intern_lp::after{
    content: "\e931";
    display: inline-block;padding-left: 6px;
    padding-bottom: 3px;
    font-weight:normal;
    }

.seitenintro .teasermore a.extern::after {
    content: "\e940";
    font-family: 'layouticons';
    font-size: 2.1rem;
    vertical-align: bottom;
    padding-left: 6px;font-weight:normal;
    }

.seitenintro .teasermore span.wenigertext,
.seitenintro .teasermore span.mehrtext{
cursor: pointer;
}

.seitenintro .teasermore.wenigertext span.mehrtext,
.seitenintro .teasermore span.wenigertext{
display:none;
}
.seitenintro .teasermore.wenigertext span.wenigertext{
display:inline-block;
}

.seitenintro .teasertextfull{display: none;padding-top:0rem;}
.seitenintro .teasertextfull.open{}


.pressekontaktbox .seitenintro,.archivslot .seitenintro{padding: 0; text-align:left;}

.pressekontaktbox .seitenintro .headline1,
.pressekontaktbox .seitenintro .headline2,
.pressekontaktbox .seitenintro .teasertextintro .inner p,
.archivslot .seitenintro .headline1,
.archivslot .seitenintro .headline2,
.archivslot .seitenintro .teasertextintro .inner p{
    text-align: left;
}




.togglebox {display:none;padding-top:0;width:100%;clear: both;}




.togglenavi{width:100%;text-align: center;clear: both;padding-bottom:0rem;}
.togglenavi .mehrweniger{text-align: center;}
.togglenavi .mehrweniger span{font-size:1.1rem; font-weight: 700; /*! padding-bottom: 12px; */ cursor: pointer;}
.togglenavi .mehrweniger span.mehrlesen{}
.togglenavi .mehrweniger span.wenigerlesen,
.togglenavi .mehrweniger.active span.mehrlesen{ display:none;     }
.togglenavi .mehrweniger.active span.wenigerlesen{ display:inline-block;}

.togglenavi .mehrweniger span.mehrlesen::after,
.togglenavi .mehrweniger span.wenigerlesen::after{
    font-family:'layouticons';
    font-size: 1.7rem;vertical-align: middle;font-weight:normal;
    }
.togglenavi .mehrweniger span.mehrlesen::after{
    content: "\e931";
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;padding-bottom: 6px;font-weight:normal;
    }
.togglenavi .mehrweniger span.wenigerlesen::after{
    content: "\e931";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: inline-block;padding-top: 6px;font-weight:normal;
    }


.timelineelement {width: 100%;clear: both;}
.timelineelement .innen{display: flex; flex-flow: row nowrap;}

.timelineelement .bildbox img{width: 100%;}
.timelineelement.bildrechts .innen{ flex-flow:row-reverse nowrap;}
.timelineelement .bildbox{ flex: 1 0 50%;line-height: 0;}
.timelineelement .timelineteaserbox{flex: 1 0 50%;line-height: normal;overflow: hidden;}
.timelineelement.bildrechts .timelineteaserbox .rand{padding:1.375rem 1.375rem 1.375rem 2.062rem;display: inline-block;}
.timelineelement.bildlinks .timelineteaserbox .rand{padding:1.375rem 2.062rem 1.375rem 1.375rem;display: inline-block;}
.timelineelement:first-child .timelineteaserbox .rand{padding:0.0em 0 1.375rem 1.375rem;}
.timelineelement .timelineteaserbox h3{font-size: 1.17em;font-weight: 700; margin: 0 0 0 0;}
.timelineelement:first-child .timelineteaserbox h3{margin: -5px 0 0 0;}
.timelineelement .timelineteaserbox p{margin:0;font-size: 0.95rem;}
.timelineelement.bildrechts .timelineteaserbox h3,
.timelineelement.bildrechts .timelineteaserbox .teasertext{text-align: right;}

.faktenelement {width: 100%;clear: both;}
.faktenelement .innen{display: flex;flex-flow:row nowrap;}
.faktenelement.bildrechts .innen{display: flex;flex-flow:row-reverse nowrap;}
.faktenelement .bildbox img{/*! width: 100vw; *//*! height: 100vw; */}
.faktenelement.bildlinks .bildbox{ width:600px;/*! height:600px; */line-height: 0;flex: 1 0 50%;}
.faktenelement.bildrechts .bildbox{ width:600px;/*! height:600px; */line-height: 0;flex: 1 0 50%;}
.faktenelement .faktenteaserbox{width:600px;/*! height:600px; */line-height: normal; background:#F7F6F5;flex: 1 0 50%;}
.faktenelement.bildrechts .faktenteaserbox .rand{padding:1.5rem;/*! font-size: 80%; */}
.faktenelement.bildlinks .faktenteaserbox .rand{padding:1.375rem 2.75rem;}
.faktenelement:first-child .faktenteaserbox .rand{padding:1.5rem;}
.faktenelement .faktenteaserbox h3{font-size: 1.17em;font-weight: 300; margin: 0 0 2.062rem 0;}


#main .faktenelement .faktenteaserbox ul{
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    }
#main .faktenelement .faktenteaserbox li{
    list-style-type: none;
    /*display: inline-flex;*/
    padding-bottom: 1.0rem;
    padding-left:1rem;
    }
#main .faktenelement .faktenteaserbox li::before{
    content: "+";
    font-size: 1.2rem;
    position: absolute;
    left:0;
    }


section.teaser {
    text-align: center;
    }

section.teaser h2, .facts_box h2, aside h2 {
    font-size: 2.222em;
    line-height: 1.1em;
    }

section.teaser h3 {
    font-size: 1.167em;
    line-height: 1.1em;
    margin-bottom: 1rem;
    text-align: center;
    font-weight: 300;
    }

section.teaser .col_2 {
    text-align: center; background: #F5F5F5;
    }

.col2_teaser .col_2 {
        width: 600px;
    height: 600px;
    /*! height: calc(546px - 7.875rem); */
    /*! width: calc(600px - 5.0rem); */
    padding: 5.5rem 2.75rem 4.125rem 2.75rem;
    /*! overflow: hidden; */
    }
.col2_teaser .col_2 .icon::before{
width: 5.5rem;
height: 5.5rem;
}

.col2_teaser .col_1 {
    width: 600px;
    height: 600px;
    overflow: hidden;
    }

.col2_teaser {
    display: flex;
    flex-flow: row-reverse nowrap;
    }

.col2_teaser.links {
    flex-flow: row nowrap;
    }

.col2_teaser .icon{padding-bottom:2.0625rem;}


.col2_teaser a{
    font-size: 1.1rem;font-weight: 700;
    }
.col2_teaser a::after{
    font-family:'layouticons';font-size:1.7rem;
    display: inline-block;padding-left: 6px;vertical-align: middle;
    font-weight:normal;
}

.col2_teaser a.intern_lp::after{
    content: "\e931";
    }

.col2_teaser a.extern::after {
    content: "\e940";
    }



/* Onlineformular */



/* Teilnameform */
#jobform div.widget{padding:0 0 30px 0;}
#jobform div.widget.widget-text{ float:left; width:49.9%; padding:0 20px 30px 0;}
#jobform div.widget.widget-textarea{ float:none; width:98%; padding:0 0px 30px 0;}

#jobform div.widget.clear{ float:none; clear:both;}
#jobform div.widget-pagebreak{ float:none; clear:both;width:98%; padding:0 0px 30px 0;text-align: right;}
#jobform div.widget label{padding:0px 0 4px 0px; }

#jobform div.widget-pagebreak button{ padding:10px 20px;text-align:center;}

#jobform p.error {
    color: #f66;
    float: right;
    display: inline-block;
    width: 63%;
    margin-bottom: 5px;
    font-size: 12px;text-align: right;
}
#jobform input.error{ border:1px solid #ff6666}

#jobform button.back::before {
    font-family:'layouticons';
	content: "\f060";
    vertical-align: text-bottom;
    font-size: 24px;
    padding-right: 8px;
}
#jobform button.continue::after {
    font-family:'layouticons';
	content: "\f061";
    vertical-align: text-bottom;
    font-size: 24px;
    padding-left: 8px;
}
#jobform button.continue,#jobform button.back{background:none; /*! color: #ff6666 */line-height: 24px;}
#jobform button.continue:hover,#jobform button.back:hover{color: #d1b643}
#jobform .radio_container legend { font-weight:bold;padding-bottom: 4px;}
#jobform .radio_container label,#jobform .widget-checkbox label{ font-weight:normal;}

#jobform .uploadfeld .qq-upload-button {
    display: block;
    width: 175px;
    padding: 15px 0;
    text-align: center;
    background: #004993;
    color: #fff;
}
#jobform .uploadfeld .qq-uploader {
    position: relative;
    width: 50%;
}


#jobform div.widget-pagebreak.keinzurueck button.back{ display: none;}

#jobform div.widget.uploadfeld p.error {
    color: #f66;
    /*! float: left; */
    /*! display: inline-block; */
    width: 100%;
    margin: 8px 0;
    font-size: 16px;
    text-align: left;
}


/* Kontaktform */
#formular legend,
#formular label{ font-weight: 700;padding-bottom: 4px;}
#formular .radio_container label,
#formular .widget-checkbox label{ /*! font-weight:normal; */}
#formular .widget-captcha{width:60%;}
#formular span.captcha_text{padding:5px 0;display: block;}
#formular .submit_container{ text-align: center;}
#formular .submit_container input{background: none;border: none;padding: 0;font-size: 18px;font-weight: bold;}
#formular .checkbox_container label {width: 95%;display: inline-table;}
#formular div.plz{width:25%;display: inline-block;}
#formular div.ort{width:70%; float: right;display: inline-block;}
#formular div.strasse{width:75%; display: inline-block;}
#formular div.hausnr{width:20%; float: right;display: inline-block;}
#formular div.datum{width:48%; display: inline-block;margin-right: 2%;}
#formular div.datum_von{width:23%; display: inline-block; /*! float: left; */margin-right: 1%;}
#formular div.datum_bis{width:23%; display: inline-block;float: right;}
#formular .radio_container span {display: block;width:50%;float: left;margin: 0;}
#formular .radio_container span:nth-child(2) {padding-left:18px;}
#formular .radio_container span input[type="radio"]{vertical-align: middle;
  display: inline-block;width:20px;/*! float: left; */margin: 0px 10px 0px 0;}
#formular .radio_container span label{ /*! font-weight: bold; */}

#formular .qq-upload-button {
    display: block;
    width: 100%;
    padding: 5px;
    text-align: left;
    background: #fff;
    border-bottom: 1px solid #DDD;
    color:initial;
    min-height: 100px;
}

#formular .uploadfeld{margin-top: -10px;}


/* Element Kontaktperson */
.kontaktperson {text-align:center;display: inline-block;width: 30%;vertical-align: top;}
.kontaktperson .innen{padding: 0 1.375rem;display: inline-block;}
.kontaktperson .kontaktpersonimg{/*! float: left; */padding: 0 0 15px 0;}
.kontaktperson .kontaktpersonimg img{border-radius: 50%;}
.kontaktperson .kontaktpersontext h5{font-weight: 700; margin-bottom: 4px}
.kontaktperson .kontaktpersontext{padding:0px;}
.kontaktperson .kontaktpersontext p{margin-bottom:0px;}

.ansprechpartnerbox .kontaktpersontext p{margin-bottom:0px;}

/* SocialMedia Box */
.socialcontentbox {/*! min-width: 200px; */margin: 0 auto;text-align: center;}
.socialcontentbox .social_links{display: inline-block;border-right: 1px solid #6D6E70;padding: 0 2px 0 0;}
.socialcontentbox .social_links:first-child{border-left: 1px solid #6D6E70;padding-left: 2px;}
.socialcontentbox .social_links.icon{color:#6D6E70; font-size: 40px;}
.socialcontentbox .social_links.icon:hover{ color: #5CCDF7; }





/*     --ce_gallery with responsive grid
------------------------------------------------- */
.ce_gallery>ul { margin: 0; padding: 0; overflow: hidden; list-style: none }
.ce_gallery>ul li { /*! float: left; */ list-style-type: none;}
.ce_gallery>ul li.col_first { /*! clear: left */ }
.ce_gallery ul { overflow: hidden }

.ce_gallery ul li { position: relative; /*! float: left; */ /*! margin-bottom: 2%; */ list-style-type:none !important;}
.ce_gallery ul.cols_1 li { position: relative; /*! float: left; */ margin-right: 0; /*! margin-bottom: 3%; */ margin-left: 0; display: flex;}
.ce_gallery ul.cols_2 li { width: 49%; margin-right: 1%; margin-left: 1% }
.ce_gallery ul.cols_3 li { width: 32%; margin-right: 1%; margin-left: 1% }
.ce_gallery ul.cols_4 li { width: 23.4%; margin-right: 1%; margin-left: 1% }
.ce_gallery ul.cols_5 li { width: 18.3%; margin-right: 1%; margin-left: 1% }
.ce_gallery ul.cols_6 li { width: 15%; margin-right: 1%; margin-left: 1% }
.ce_gallery ul.cols_8 li { width: 10.75%; margin-right: 1%; margin-left: 1% }
.ce_gallery.gallery1 ul li { position: relative; float: left; margin-right: 0; margin-bottom: 2%; margin-left: 0 }
.ce_gallery.gallery2 ul li { width: 49%; margin-right: 1%; margin-left: 1% }
.ce_gallery.gallery3 ul li { width: 32%; margin-right: 1%; margin-left: 1% }
.ce_gallery.gallery4 ul li { width: 23.4%; margin-right: 1%; margin-left: 1% }
.ce_gallery.gallery5 ul li { width: 18.3%; margin-right: 1%; margin-left: 1% }
.ce_gallery.gallery6 ul li { width: 15%; margin-right: 1%; margin-left: 1% }
.ce_gallery.gallery8 ul li { width: 10.75%; margin-right: 1%; margin-left: 1% }
.ce_gallery ul li.col_first { margin-left: 0 }
.ce_gallery ul li.col_last { margin-right: 0 }

.mediadownload ul li{padding-bottom: 0;border-top: 1px solid #403F41; padding:1.375rem 0; width: 100%;clear: both;display:flex;text-align: left;}
ul.mediathek li{padding-bottom: 0;border-top: 1px solid #403F41; padding:1.375rem 0; width: 100%;clear: both;display: inline-block;}
ul.mediathek li .image_container,.mediadownload ul li .image_container {padding-right:10px; flex: 0 0 40%;}
ul.mediathek li .image_container,.mediadownload ul li .bildinfo { flex: 0 0 60%;}
ul.mediathek li .image_container img,.mediadownload ul li .image_container img{max-width: inherit;width: 100%;}
ul.mediathek li.row_last,.mediadownload ul li:last-child  {border-bottom: 1px solid #403F41;padding-bottom:1.375rem; margin-bottom: 1.375rem;}
ul.mediathek + .pagination{
    margin-top: 2rem;
}
.main .mediadownload ul{margin:0}

.mediadownload ul li a.downloadlink {font-size: 1.1rem;font-weight: 700; padding:0.5em 0;}





#cboxTitle{font-size: 0.7rem;padding-left: 5px;bottom: -20px;top: inherit;/*! margin-bottom: 22px; */width: 100%;text-align: center;}
#cboxCurrent{display: none !important;}
#cboxContent {margin-bottom:20px !important;}

/* Pagination mediathek --- */
.ce_gallery.mediathek .pagination{padding:0 0 1.375rem 0;text-align: center;}
.ce_gallery.mediathek .pagination p{display: none;}
.ce_gallery.mediathek .pagination ul{margin: 0 !important;padding: 0 !important;text-align: center;margin: 0 auto;display: inline-block;}
.ce_gallery.mediathek .pagination ul li{display:block; float: left;  margin-right: 0px;text-align: center;padding-bottom: 0;}
.ce_gallery.mediathek .pagination ul li.previous{}
.ce_gallery.mediathek .pagination ul li a,
.ce_gallery.mediathek .pagination ul li span{color: #B6B7BC;padding: 2px 8px;/*! height: 30px; *//*! width: 30px; */display: block; font-size: 18px; font-weight: 400;line-height: 1em;border-left: 1px solid #B6B7BC;}
.ce_gallery.mediathek .pagination ul li span.current{color:#403F41;}
.ce_gallery.mediathek .pagination ul li .active{color:#403F41;display: inline-block;padding-right: .4rem;padding-left: .4rem;}
.ce_gallery.mediathek .pagination ul li.previous a{display:block;font-size: 0px;border: none;}
.ce_gallery.mediathek .pagination ul li.previous a::before{content: "\e947";font-family:'layouticons';font-size: 18px;/*! margin: 0 4px 0 0; */vertical-align: middle;    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
line-height: 1em;
text-align: left;
}
.ce_gallery.mediathek .pagination ul li.next a{display:block;font-size: 0px;}
.ce_gallery.mediathek .pagination ul li.next a::after{content: "\e947";font-family:'layouticons';font-size: 18px;/*! margin: 0 0 0 4px; */vertical-align: middle;/*! text-align: right; */line-height: 1em;}
.ce_gallery.mediathek .pagination ul li span.news-previous, .ce_gallery.mediathek .pagination ul li span.jobs-previous,
.ce_gallery.mediathek .pagination ul li a span.news-next, .ce_gallery.mediathek .pagination ul li a span.jobs-next,
.ce_gallery.mediathek .pagination ul li span.news-next, .ce_gallery.mediathek .pagination ul li span.jobs-next {
    display: none !important;
    }

/*     --ce_dlh_googlemaps
------------------------------------------------- */
.ce_dlh_googlemaps .routinglink input { width: inherit;}



/*     adresse3spalter
------------------------------------------------- */
.adresse3spalter{ max-width:800px; margin:0 auto; text-align: center;padding-bottom:2.75rem;}
.adresse3spalter h3{padding-bottom:2.062rem;}
.adresse3spalter p{margin:0;}
.adresse3spalter .spalte{ padding-right:60px;display: inline-block;vertical-align: top;text-align: left;width: 30%;}
.adresse3spalter .spalte:last-child{padding-right:0px;}



/*
.hintergrundbg_1{background: rgba(0,0,0,0.60); }
.hintergrundbg_2{background: rgba(255,255,255,0.50); }
.hintergrundbg_3{background: rgba(0,0,0,0.60); }
.hintergrundbg_4{background: rgba(255,255,255,1.0); }

.teasertexte.texthintergrundbg_2,
.teasertexte.texthintergrundbg_2{color:#fff;}
.teasertexte.texthintergrundbg_3,
.teasertexte.texthintergrundbg_3{color:#fff;}
.teasertexte.texthintergrundbg_5,
.teasertexte.texthintergrundbg_5{color:#fff;}
*/

/* --- Umsetzung CodeSache.de - Markus Schindler --- */

/* --- Umsetzung CodeSache.de - Markus Schindler --- */


/* Reset für mobile */
body.mobile #overlay.open-menu {
visibility: hidden;
opacity: 0;
}
body.mobile #mmenuelogo #navbox1 .close{display: block;cursor: pointer;padding: 0; position: absolute; top:20px; right: 10px;z-index: 110;}


/* generell wenn mobile */


/* Navi mob  */
body.mobmenu.mobile #navbox1 .level_2 {
display: none;
}

body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li a:hover,
body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li span.active,
body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li.submenu:hover > a,
body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li a.trail,
body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li span.forward {
background: none;
}

body.mobmenu.mobile #navbox1 .level_1 li:hover > ul  { display:none}

body.mobmenu.mobile #navbox1 .navinner {height: inherit;background: #fff;margin-top:0px; padding-top:10px;}

body.mobmenu.mobile #navbox1 .hauptmenu {
position: inherit;
right: inherit;
bottom: inherit;
}
body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li {
float: inherit;
margin-right: inherit;
}


body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li:hover,
body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li.active {
border-left:5px solid #5CCDF7;
}

body.mobmenu.mobile #navbox1 .hauptmenu ul.level_2 li {
float: inherit;
padding-left: 1.375rem;
border-left:none !important;
}
body.mobmenu.mobile #navbox1 .hauptmenu ul.level_3 li {
border-left:none !important;
}

body.mobmenu.mobile #navbox1 .hauptmenu ul.level_2 li {
float: inherit;
padding-left: 21px;
border-left:none;
}

/* linien */

body.mobmenu.mobile #navbox1 .hauptmenu ul.level_1 li a{
display: block;
}
body.mobmenu.mobile #navbox1 .hauptmenu .level_1 > li {
background: white !important;
margin-top:-2px;
}
body.mobmenu.mobile #navbox1 .hauptmenu .level_3 a,#navbox1 .hauptmenu .level_2 a{
border-left:1px solid #403F41;
background: white !important;
margin-top:-2px;
}
body.mobmenu.mobile #navbox1 .hauptmenu .level_2 > li a{
border-bottom:1px solid #403F41;
}
body.mobmenu.mobile #navbox1 .hauptmenu .level_2  li.last a.last{
border-bottom:none;
}
body.mobmenu.mobile #navbox1 .hauptmenu .level_3,
body.mobmenu.mobile #navbox1 .hauptmenu .level_2{
margin-top: 1px !important;
}

/**/
body.mobmenu.mobile #navbox1 .hauptmenu .level_1 > li > span::before,
body.mobmenu.mobile #navbox1 .hauptmenu .level_1 > li > a::before{
border-bottom:none;
content: " ";
width: 14px;
overflow: hidden;
height: 1px;
display: inline-block;
top: 20px;
position: relative;
left: -2px;
}


body.mobmenu #navbox1 .hauptmenu .level_1 > li.open > span::before,
body.mobmenu #navbox1 .hauptmenu .level_1 > li.open > a::before,
body.mobmenu.mobile #navbox1 .hauptmenu .level_1 > li:hover > span::before,
body.mobmenu.mobile #navbox1 .hauptmenu .level_1 > li:hover > a::before {
content: " ";
border-bottom: 1px solid black;
width: 14px;
overflow: hidden;
height: 1px;
display: inline-block;
top: 20px;
position: relative;
left: -8px;
}


body.navihell.mobmenu #navbox1 .hauptmenu ul.level_1 li a,
body.navihell.mobmenu #navbox1 .hauptmenu ul.level_1 li span.active,
body.navihell.mobmenu #navbox1 .hauptmenu ul.level_1 li span.forward{color:#403F41;}

#mmenuelogo.open-overall #navbox1 .hauptmenu ul.level_1 li a,
#mmenuelogo.open-overall #navbox1 .hauptmenu ul.level_1 li span.active,
#mmenuelogo.open-overall #navbox1 .hauptmenu ul.level_1 li span.forward {color:#403F41;}

/* Navi i auf/zu  */

body.mobmenu #navbox1 .hauptmenu ul.level_1 {
width: 80%;
margin: 0;
}

body.mobmenu #navbox1 .hauptmenu ul.level_1 li{ margin-top: 0px; line-height:14px;}
body.mobmenu #navbox1 .hauptmenu ul.level_1 span.active{line-height: initial; margin-top: 0px;}


body.mobmenu #navbox1 .navinner {margin-top:0;}


body.mobmenu #navbox1 .hauptmenu ul.level_1 a{
white-space: normal;
line-height: initial;
}


body.mobmenu #navbox1 .hauptmenu i{
height: 30px;
width: 30px;
display: inline;
position: absolute;
background: none !important;
top: 15px;
right: 3px;
cursor:pointer;
font-style: normal;font-size: 12px;
}

body.mobmenu #navbox1 .hauptmenu i:after {
vertical-align: middle;
display: inline-block;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
content: "\e947";font-family: 'layouticons';margin-left: 10px; vertical-align: bottom;font-size: 1.4em; line-height: 1.4em;}

body.mobmenu #navbox1 .hauptmenu li.open > i:after {
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
content: "\e947";font-family: 'layouticons'; }



/* end Navi i auf/zu  */


body.mobmenu #navbox1 .hauptmenu .level_1 li:hover > ul,
body.mobmenu #navbox1 .hauptmenu .level_2 ul,
body.mobmenu #navbox1 .hauptmenu .level_3 ul,
body.mobmenu #navbox1 .hauptmenu .level_2 ul,
body.mobmenu #navbox1 .hauptmenu .level_3 ul{
display: none;
}
body.mobmenu #navbox1 .hauptmenu .level_1 li.open > ul,
body.mobmenu #navbox1 .hauptmenu .level_2 li.open > ul,
body.mobmenu #navbox1 .hauptmenu .level_3 li.open > ul{
display: block;
}
/* end Navi mob ------------------------------- */









/* end max-width: 1899px */

@media only screen and (max-width:1599px) {
#container {
margin:0 auto;
width:100%;
/*! position: absolute; */
/*! top: 228px; */
padding: 0;
}
.mejs-container {
width:100% !important;
height:auto !important;
padding-top:57%;
}
.mejs-overlay, .mejs-poster {
width:100% !important;
height:100% !important;
}
.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
width:100% !important;
height:100% !important;
}

}
/* end max-width: 1599 */

/* 1300px --------------------------------------------------------------------------------- */
@media only screen and (max-width:1300px) {

}
/* end max-width: 1300 */

/* 1200px --------------------------------------------------------------------------------- */
@media only screen and (max-width:1200px) {

html { font-size:calc(1rem + 1.8 * (100vw - 1000px) / (1200 - 1000)); }
#header { width:100%; max-width:inherit; position: relative;}
#wrapper { min-height:auto; height:auto; }
#logo {
}
#logo img { width:300px; }
#logo .inner {
padding:0px;
}
#navbox2 .inner { padding:20px 16px 20px 15px; }
#mmenuelogo .close { right:10px; }



/* Module */
.seitenintro {padding: 0 4.125rem 0 4.125rem;}
.togglebox .faktenelement .innen{background: #F7F6F5;}
/*.togglebox .faktenelement.bildlinks .bildbox{padding-left:1.5rem;}*/
/*.togglebox .faktenelement.bildrechts .bildbox{padding-right:1.5rem;}*/
  
.dlh_googlemap { width:100% !important; height:30rem !important;}

.jobdetails-info .spalteintro {
    width:100%;
    float:none;
    padding:0 0 1.375rem 0;
}
.jobdetails-info .spalteprofil, .jobdetails-info .spalteangebot {
    width: 49%;
}
.nachrichtenliste .image_container img{}

    .pagiunten{display: none;}
    
.newsdetails.mod_newsreader .layout_full {
    border-top: 1px solid #403F41;
    border-bottom: none;
    padding: 1.375rem 0;
    width: 100%;
    float:inherit;
    display: flex;
flex-flow: row nowrap;
} 
.newsdetails .pagination {
    padding: 10px 0;
    width: 100%;
    clear: both;
}
#mobarchiv #archivmenue {display:block;border-top: none;padding: 0;}
.pressekontaktbox #archivmenue {display:none;}
    .newsdetails.mod_newsreader .layout_full img{width: 100%}
    
.newsdetails.mod_newsreader .layout_full .fulltext{display: flex;flex-flow: row nowrap;}
.newsdetails.mod_newsreader .layout_full .fulltextinnen{flex: 1 0 70%;}
.newsdetails.mod_newsreader .layout_full #mobarchiv{flex: 1 0 30%; padding-left:2rem;}

.newsdetails.mod_newsreader .backbox{display:none;}
#mobbackbox,#mobbackbox .backbox,#mobpressebox{display:block;max-width: inherit;}
#mobbackbox{padding:2.75rem 0 1.375rem 0; border-top: 1px solid #403F41;}

.pressekontaktbox {
float: inherit;
border-top: 1px solid #403F41;
width: 100%;
padding: 1.375rem 0 0 0; display:none;
}

#mobpressebox .pressekontaktbox{display:block;border-top:none;border-bottom: 1px solid #403F41;}

ul.mediathek li .image_container, .mediadownload ul li .image_container {min-width: inherit;}


    
  .col2_teaser .col_2 {
    height: 50vw;
    width: 50vw;
    padding-top: calc(4.125rem + 24.75 * (100vw - 1000px) / 200);
    padding-bottom: calc(2.75rem + 24.75 * (100vw - 1000px) / 200);
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 80%;
    }
  
  .col2_teaser .col_1 {
    width: 50vw;
    height: 50vw;
    }

.timelineelement {padding: 0 2.062rem; }



/* News */
/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 1200px */
/* ---------------------------------------------------------------------------------------- */

/* 1023px --------------------------------------------------------------------------------- */
@media only screen and (max-width:1023px) {

html { font-size:calc(0.9rem + 1.6 * (100vw - 800px) / 200); }
#logo img { width:260px; }
  
.seitenintro .teasermore a{line-height: 150%;}
  
article.mobpadding,div.mobpadding {padding-left:2rem;padding-right:2rem;}
article.xxxfull {padding-left:0rem;padding-right:0rem;}

.articleboxrand .seitenintro{padding-left:0rem;padding-right:0rem;}


#footer .footernavi {
    display:block;
  text-align: center;
    padding: 0 0 1px 0;
    vertical-align: top;
    max-width:inherit;
    width: 100%;
    float: inherit;
}  
  
  #footer .footernavi.last {
    padding: 0;
    float:left;
}

#footer h4,#footer ul li {display:none}
#footer ul li.moban {display:block}

#footer .ueber_uns_social_media {
    position: inherit;
    bottom: inherit;
    left: inherit;
  text-align: center;
  padding: 2rem 0 0rem 0;
}


#mm-section{margin: 5px 3.875rem 0 0;}

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 1023px */
/* ---------------------------------------------------------------------------------------- */




/* 880px OHNE Extras für Tablet ---------------------------------------------------------------------------------- */
@media only screen and (max-width:880px) {

html {
letter-spacing:0.025rem;
}
#logo img { width:200px; }
#logo .inner {left:0}
#header .inner {}
#mobileheader #logo .inner {
}



/* fullwidth für IMGs */
.fullwidth .image_container img {
width:100%;
}
.bx-wrapper .bx-controls-direction a {
width:40px;
height:40px;
}
.bx-wrapper .bx-controls-direction a::before {
font-size:40px;
}
#mm-section {
display:none;
}

.layout_latest_jobs h3{font-size:1.2em;}
.layout_latest_jobs h4{font-size:1.0em;}

/* ---------------------------------------------------------------------------------------- */
}
/* end 880px OHNE Extras für Tablet */
/* ---------------------------------------------------------------------------------------- */



@media only screen and (min-width:881px) {


body.mobile header {max-width: 1200px;}

body.mobile #overall,
body.mobile #navbox1,
body.mobile #logo
{
display:none;
}
body.mobmenu #overall,
body.mobmenu #navbox1,
body.mobile #mobilelogo #logo
{
display:block;
}

body.mobile #mobileheader #mobilelogo{
position:absolute;top:10px; left:10px; width:270px;
}
body.mobile #mobileheader #logo .inner {
top:inherit;
position: inherit;
left:inherit;
z-index: 400;
}

body.mobile #overall .inner {border-bottom:5px solid #5CCDF7;}
body.mobile #overall,
body.mobile #navbox1,
body.mobile #navbox2 {
display:none;
}

body.mobmenu.mobile #overall,
body.mobmenu.mobile #mmenuelogo #navbox1
{display:block;}

body.mobmenu.mobile #mmenuelogo{/*! background:#E5EAEF; *//*! width: 95%; */ /*margin-left:5%; position: absolute; top: 53px; */}
body.mobmenu.mobile #mmenuelogo.fixed{position:inherit !important;}

body.mobmenu.mobile #overall{
/* width: 95%;margin-left:5%;
position: absolute; */
/*! top: 0; */
}
body.mobmenu.mobile #navbox2 {
display: none;
position: inherit;
top: inherit;
}

body.logotext span {
font-size: 19px;
letter-spacing: 0.3px;
}



/* ---------------------------------------------------------------------------------------- */
}
/* end min-width: 881px */
/* ---------------------------------------------------------------------------------------- */



/* 880px MIT mobile Extras für Tablet ---------------------------------------------------------------------------------- */
@media only screen and (max-width:880px) {

/* Header --------------------------

#header .innen{position: absolute;top: 0;left: 0;width: 100%;}*/

body.mobile #mobileheader {
    min-height: 110px;
}


#mmenuelogo #logo {
display:none;
}
#overall .inner {border-bottom:5px solid #5CCDF7;}

#overall,
#navbox1,
#navbox2 {
display:none;
}

body.mobmenu #overall,
body.mobmenu #mmenuelogo #navbox1
{display:block;}

body.mobmenu #mmenuelogo{background: #fff;/*!width: 50%;margin-left:50%; position: absolute; *//*! top: 53px; */}
#mmenuelogo.fixed{position:inherit !important;}

body.mobmenu #overall{
/*! width: 50%;margin-left:50%;
position: absolute; */
/*! top: 0; */
}
body.mobmenu #navbox2 {
display: none;
position: inherit;
top: inherit;
}







body.navihell.mobmenu #navbox1 .hauptmenu ul.level_1 li a,
body.navihell.mobmenu #navbox1 .hauptmenu ul.level_1 li span.active,
body.navihell.mobmenu #navbox1 .hauptmenu ul.level_1 li span.forward{color:#403F41;}

#mmenuelogo.open-overall #navbox1 .hauptmenu ul.level_1 li a,
#mmenuelogo.open-overall #navbox1 .hauptmenu ul.level_1 li span.active,
#mmenuelogo.open-overall #navbox1 .hauptmenu ul.level_1 li span.forward {color:#403F41;}


/* end Navi mob ------------------------------- */



#mobileheader {
display: block;
width: 100%;
background: #fff;
padding: 1rem;
position: relative;
min-height: 80px;
}

body.mobile #mobileheader #mobilelogo {
position:absolute;top:10px; left:10px; width:230px;
}
body.mobile #mobileheader #logo .inner {
top:inherit;
position: inherit;
left:inherit;
z-index: 400;
}

#overall .overallnavigation {
position: relative;
display: none;
padding: 1.375rem 0 0rem 72px;
}
#overall .close {
top: 20px;
right: inherit;
left:0px;
}
#overall .close::after {font-size: 1.3em;}

#overall .overallnavigation .navinner {
max-width: inherit;
display: table;
padding:0 0 1.3rem 0;
float: inherit;
}
#toggle {
display: block;
}


#headerslider {margin-top:inherit;}


/* end Header ----------------------------------------------------------------------------------------  */



/* ---------------------------------------------------------------------------------------- */
}
/* end 880px MIT mobile Extras für Tablet */
/* ---------------------------------------------------------------------------------------- */





/* 768px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:768px) {

/* Abstände */
.rand10px { padding:10px; }
.rand20px { padding:20px; }
.rand30px { padding:30px; }
.rand40px { padding:40px; }
.rand60px { padding:40px; }
.rand20pxobenunten { padding:20px 0; }
.rand20pxunten70px { padding:20px 20px 70px 20px; }
.rand60pxaussen { padding:0 60px; }
.intropadding { padding:100px 0px 60px 0px; }
/* end Abstände */

#overall .overallextern li a, #overall .overallextern li span,
#overall .unternehmensgruppe{font-size: 1.3em; }
#overall .overallintern {min-width:70px;}



  /* Module */
.seitenintro {padding: 0 2.75rem 0 2.75rem;}

.faktenelement .innen {
display: block !important;
flex-flow:inherit !important;
}


.faktenelement .bildbox {
width: 100% !important;
height: inherit !important;
flex: 1 0 100% !important;padding:0 !important;
}

.faktenelement .faktenteaserbox {
width: 100% !important;
height: inherit !important;
flex: 1 0 100% !important;
}

.faktenelement .bildbox img{
width: 100% !important;
}






.rs-column.-small-col-1-1 {
display:block;
}
/* Footer*/
#footer { margin:0; padding:20px; }
#footer .inside { padding:0; }
#footernavi { display:inline-block; float:none; }
#footer .navigationbox { padding-right:30px; display:block; }
footer nav > ul > li > a, footer nav > ul > li > span { font-size:13px; }
footer nav > ul > li, footer nav > ul > li { margin-bottom:10px; }
#footer .footernavi {
    display:block;
    padding: 0 1% 0 0;
    vertical-align: top;
    max-width:inherit;
    width: 100%;
    float: inherit;
}  
  
/* end Footer*/
/* NewsTeaser */
/* NewsDetails */
.mod_newsreader .layout_full {
padding:30px 0 0;
}
/* End NewsTeaser */
.ce_gallery ul.cols_4 li {
width:45%;
margin-right:5%;
margin-bottom:5%;
margin-left:0%;
}

    .ce_gallery ul.cols_4 li .image_container img { width:100% }
ul.mediathek li .image_container, .mediadownload ul li .image_container {max-width: 180px;}


.timelineelement .innen {
display: block;
flex-flow: inherit;
}
  .timelineelement.bildlinks .bildbox,
  .timelineelement.bildrechts .bildbox{width: 100%;display: inline-block;}
  .timelineelement .timelineteaserbox{width: 100%;display: inline-flex;}
  
  .timelineelement.bildrechts .timelineteaserbox .rand,
  .timelineelement.bildlinks .timelineteaserbox .rand{padding:1.0rem 0 1.5rem ;display:block;}
  .timelineelement.bildrechts .timelineteaserbox h3 { text-align:left; }

.timelineelement.bildrechts .timelineteaserbox h3, .timelineelement.bildrechts .timelineteaserbox .teasertext {
text-align: left;
}


#headerimgcontent,
#headerslider .headerslidercontent{
position: inherit;
padding-top: 2.75rem;
bottom:inherit;
}
  
  
.mod_quicklink {
display: block;
margin: 0 auto 2.062rem auto;
min-width:inherit;
width: 80%;
}
.mod_quicklink.selectbreit .selectboxen {
    width:100%;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: 1.575rem;
}

.layout_latest_jobs, .nachrichtenliste {
flex: 1 0 100%;
}
.mod_newslist .layout_latest_jobs.odd{background: #F7F6F5 !important;}
.mod_newslist .layout_latest_jobs.even{background:#F4EFEA !important;}


.nachrichtenliste:nth-child(odd){background: #F7F6F5 !important;}
.nachrichtenliste:nth-child(even){background:#F4EFEA !important;}



.newsdetails.mod_newsreader .layout_full .fulltext{display:block;flex-flow: inherit;}
.newsdetails.mod_newsreader .layout_full .fulltextinnen{flex: inherit; width:100%} 
.newsdetails.mod_newsreader .layout_full #mobarchiv{flex: inherit; padding-left:0rem;width:100%;border-bottom: 1px solid #403F41; padding-bottom:1.375rem;padding-top: 1.375rem;}
    
.col55l,.col45r{width:100%;float:inherit;padding:0 2.062rem;}

.kontaktperson {display:block;width:100%;vertical-align: top;}
.kontaktperson .innen{padding:0 0 2.75rem 0;display:block;}
    
#formular div.datum,#formular div.datum_von,#formular div.datum_bis{width:100%; display:block;margin:0; float:inherit;}

.col2_teaser {
/*! display: block; */
flex-flow: inherit;
display: block;
width: 100%;
}
.col2_teaser .col_1,
.col2_teaser .col_2{
width:100%;
height: inherit;
}
.col2_teaser .col_1 figure{
max-height:333px;display: flex;
}
.col2_teaser .col_2{
padding:1rem;font-size: inherit;
}


.col2_teaser .col_1 img{
width:100vh;align-items: center;justify-content: center;
height: 30%;
}
    
/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 768px */
/* ---------------------------------------------------------------------------------------- */

/* 767px - ab hier gilt alles als Handy ---------------------------------------------------------------------------------- */
@media only screen and (max-width:767px) {


body.mobmenu.mobile #overall,
body.mobmenu.mobile #mmenuelogo{width: 95%;margin-left:5%;}
body.mobmenu.mobile #container {margin-left:0%;}
body.mobmenu.mobile #header {position: relative; }

body.mobmenu #overlay {
visibility: visible;
opacity: 1;
overflow: auto;
margin-left:5%;
top: 110px;
}

body.mobile #mobileheader #logo .inner {
/*-webkit-box-shadow:none;
box-shadow:none;*/
}


#boemmelnavi {display:none;}


.jobdetails-info .spalteprofil, .jobdetails-info .spalteangebot {
width: 100%;padding:0 0 1.375rem 0;
}

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 767px */
/* ---------------------------------------------------------------------------------------- */



/* 680px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:680px) {


div.col50l, div.col50r, div.col50 {
width:100%;
float:none;
padding:0 0 10px 0;
}
.ce_form .widget {
padding:0 3px 1.375rem 3px;
}
span.mandatory2 {
margin-left:0;
}
#formular .radio_container span {
display:block;
width:100%;
float:none;
margin:0;
padding:0 0 10px 0;
}
#formular .radio_container span:nth-child(2) {
padding-left:0px;
}
#formular div.datum_von, #formular div.datum_bis, #formular div.hausnr, #formular div.strasse, #formular div.plz, #formular div.ort {
width:100%; float:none;
}

.adresse3spalter .innen {
display:block;
width:100%;
  text-align: center;
margin:0 auto;
}
.adresse3spalter .spalte {
padding:0 0 0.3rem 0;
display:inherit;
min-width:50%;
margin:0 auto;
}



/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 680px */
/* ---------------------------------------------------------------------------------------- */

/* 599px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:599px) {
.nachrichtenliste .image_container {
float:inherit;
width:100%;
margin:0 0 15px 0;
}
.image_container.float_left {
float:inherit;
width:100%;
margin:0 0 15px 0;
}
/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 599px */
/* ---------------------------------------------------------------------------------------- */

/* 479px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:479px) {

#logo {
}

#overall #headersuche {
padding: 15px 0px 0 0px;
float: left;
width: 100%;
}
#overall #headersuche input[type="search"] {width: 90%; }



.bx-wrapper .bx-controls-direction a {
width:30px;
height:30px;
}
.bx-wrapper .bx-controls-direction a::before {
font-size:30px;
}
.bx-wrapper .bx-pager { display:none; }
.ce_gallery ul.cols_4 li {
width:100%;
margin-right:0;
margin-bottom:5%;
margin-left:0%;
}
.ce_gallery ul.cols_4 li img {
width:100%;
}
.layout_full .ce_text.rundimg .image_container.float_left {
float:inherit;
width:inherit;
margin:0 0 15px 0;
}
.layout_full .ce_text.rundimg .image_container img { width:inherit; max-width:inherit }
.nachrichtenliste .image_container {
}
.nachrichtenliste .image_container img {
width: 12rem;
}
.image_container.float_left img {
width:100%;
}
/*
h1 {
font-size:1.6em;
margin:0 0 0.3em 0;
}
h2 {
font-size:1.4em;
margin:0 0 0.3em 0;
}
h3 {
font-size:1.2em;margin:0 0 0.3em 0;
} */
    
    
/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 479px */
/* ---------------------------------------------------------------------------------------- */

/* 379px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:379px) {

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 379px */
/* ---------------------------------------------------------------------------------------- */


/* --- Umsetzung CodeSache.de - Markus Schindler --- */

.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}

/**
* BxSlider v4.0 
* http://bxslider.com
*/

#bx-pager { }
#bx-pager img { margin: 0 5px 5px 0; float: left; }
/** RESET AND LAYOUT
===================================*/

.bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0;  *zoom: 1;line-height: 0;}
.bx-wrapper img { width: 100%;height: auto;}
.bx-wrapper iframe { max-width: 100%; display: block; margin: 0; }
/** THEME
===================================*/

.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 6.875rem; width: 100%; }
/* LOADER */

.bx-wrapper .bx-loading { min-height: 50px; background: url("../../files/dvi/img/gfx/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* PAGER */

.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; /*! padding-top: 30px; */ }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom: 1; *display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a { display: block; text-indent: -9999px; width: 16px; height: 16px; margin: 0 5px; outline: 0;border-radius: 50%; border: solid 1px #B6B7BC;}
.bx-wrapper .bx-pager.bx-default-pager a span{ background: #B6B7BC; text-indent: -9999px; display: block; width: 4px; height: 4px; outline: 0;border-radius: 50%;vertical-align: middle;/*! line-height: 13px; */padding: 3px;margin: 4px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { border: solid 1px #888; }


/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction{}

.bx-wrapper .bx-prev { left: 20px;}
.bx-wrapper .bx-next { right: 20px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width:60px; height:60px; /*text-indent: -9999px;*/ z-index: 10; transition: none; }

.bx-wrapper .bx-controls-direction a::before {
    font-family:'dvicons';
    vertical-align: text-bottom;
    font-size: 50px;
	color:#ccc;
}
.bx-wrapper .bx-prev::before { content: "";}
.bx-wrapper .bx-next::before { content: "";}

.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0;  margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; /*background: url("../../files/dvi/images/gfx/controls.png") -86px -44px no-repeat;*/ margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

.bx-controls.bx-has-pager{/*! height: 100%; *//*! position: absolute; *//*! top: 0; *//*! left: 0; *//*! right: 0; *//*! width: 100%; */}


.bx-wrapper .mejs-container {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
}


/* Überschreibungen 3C --- */
/*#navbox2 .untermenu ul.level_1:hover { background: url(../../files/dvi/img/gfx/mrand-r.png) no-repeat 100% 50px;}*/
.error {
    color: darkred;
}

.schach_purple {
    background: #F4EFEA;
}

.jobdetails-info .jobdetailsintrobox {
    width: 100%;
}


body.mobmenu.ie #navbox1 .hauptmenu .level_1 > li.open > span::before, body.mobmenu.ie #navbox1 .hauptmenu .level_1 > li.open > a::before, body.mobmenu.ie.mobile #navbox1 .hauptmenu .level_1 > li:hover > span::before, body.mobmenu.ie.mobile #navbox1 .hauptmenu .level_1 > li:hover > a::before {
    top: 16px;
}

#newsliste {
    flex: 0 0 100%;
}

body.mobile #overlay.open-menu {
    opacity: 1;
    visibility: inherit;
}

.filtercontent {
    margin-top: -7rem;
    /* margin-left: auto !important; */
    width: 100%;
    text-align: center;
    /* padding: 7rem; */
    position: absolute;
}

form a, p a {
    font-weight: 400;
    text-decoration: underline;
}

.filtercontent .selectbox {
    text-transform: uppercase;
}

#formular .checkbox_container span label {
    font-weight: 300;
}

#formular .checkbox_container span label a {
    display: inline-block !important;
    font-weight: 400;
    padding-bottom: 3px;
}

#formular label[for=ctrl_76]{
    width: 0;
    height: 0;
    display: inline;
    margin: 0;
    padding: 0;
    clip-path: circle(0);
}

#formular.bcmg-invitation .formbody {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 1.5em;
}

#formular.bcmg-invitation label {
    display: block;
}

#formular.bcmg-invitation .formbody div:nth-of-type(1),
#formular.bcmg-invitation .formbody div:nth-of-type(7),
#formular.bcmg-invitation .formbody div.submit_container {
    flex: 0 0 100%;
}

#formular.bcmg-invitation .formbody div:nth-of-type(1) select,
#formular.bcmg-invitation .formbody div:nth-of-type(7) select {
    max-width: 50%;
}

#formular.bcmg-invitation .formbody div:nth-of-type(2),
#formular.bcmg-invitation .formbody div:nth-of-type(3),
#formular.bcmg-invitation .formbody div:nth-of-type(4),
#formular.bcmg-invitation .formbody div:nth-of-type(5),
#formular.bcmg-invitation .formbody div:nth-of-type(8),
#formular.bcmg-invitation .formbody div:nth-of-type(9) {
    flex: 0 0 calc(50% - 10px);
}

#formular.bcmg-invitation .widget-radio fieldset label,
#formular.bcmg-invitation .widget-checkbox fieldset label {
    display: inline-block;

}

#main #formular.bcmg-invitation .widget-checkbox fieldset input[type="checkbox"] {
    vertical-align: top;
    margin-right: .4em;
    margin-top: .1em;
}

/* Icon(s) DV Plan SoMe Footer */
@font-face {
    font-family: 'dvplanfont';
    src: url('/files/dvi/fonts/dvplanfont.eot?vy9ph7');
    src: url('/files/dvi/fonts/dvplanfont.eot?vy9ph7#iefix') format('embedded-opentype'),
    url('/files/dvi/fonts/dvplanfont.ttf?vy9ph7') format('truetype'),
    url('/files/dvi/fonts/dvplanfont.woff?vy9ph7') format('woff'),
    url('/files/dvi/fonts/dvplanfont.svg?vy9ph7#dvplanfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.dvplanfont {
    font-family: 'dvplanfont' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 5.5rem;
    color: #a4a5ab;
}

.icon-insta-icon:before {
    content: "\e900";
    color: #fff;
}


@media only screen and (max-width: 1024px) {
    #navbox1 .navinner {
        display: none;
    }

    .mobmenu #navbox1 .navinner {
        display: block;
    }

    #headerslider {
        margin-top: inherit;
    }


    body.mobmenu.mobile #overall, body.mobmenu.mobile #mmenuelogo {
        width: 100%;
        margin-left: inherit;
    }

    #overall .overallnavigation.open-menu .close {
        left: auto;
    }
}

.dlh_googlemap.block {
    width: 1200px;
    height: 600px;
}

.mod_changelanguage li {
    text-transform: lowercase;
    font-weight: 300;
    a{
        color: #fff;
    }
}

.mod_changelanguage li b,
.mod_changelanguage li strong {
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
}

#overall .overallextern li.dv-immobilien-gruppe-gmbh {
    display: list-item;
}

.bcm #navbox1 .hauptmenu ul.level_1 li a,
.mobmenu #navbox1 .hauptmenu ul.level_1 li a {
    padding: 16px 12px;
}

#main .ce_form input[type="submit"],
#newsletterform input[type="submit"] {
    font-family: layouticons, 'Roboto Condensed', sans-serif !important;
}

#main .downloadbox.last {
    margin-top: -6px;
}

.ansprechpartnerimpressum.grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(221px, 1fr));
}

.ansprechpartnerimpressum.grid-4 .kontaktperson {
    width: 100%;
}

.ansprechpartnerimpressum.grid-4 .ce_headline {
    grid-column: 1 / -1;
}

.gallery-grid-2 ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

div.ce_gallery.gallery-grid-2 > ul > li {
    max-height: 600px;
    height: 100%;
    width: auto;
    padding: 0;
    margin: 0;
}
.gallery-grid-2 ul picture, .gallery-grid-2 ul figure{
    width:100%;
    height: 100%;
}

nav.no-headline :where(h1,h2,h3,h4,h5,h6){
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

/* Icons global für Introbereiche und Buttons */
@font-face {
  font-family: 'dvicons';
  src:
  url('../../files/dvi/fonts/dvicons.ttf?yzypwd') format('truetype'),
  url('../../files/dvi/fonts/dvicons.woff?yzypwd') format('woff'),
  url('../../files/dvi/fonts/dvicons.svg?yzypwd#dvicons') format('svg');
  font-weight: normal;
  font-style: normal;
  }



.mls{font-size:22px;color:#B6B6BB;line-height: 60px;vertical-align: top;}


.icon {
  font-family: 'dvicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  font-size:5.5rem;
  color: #b6b7bc; /* #a4a5ab; */

}

@font-face {
  font-family: 'dvicons-extension';
  src:
    url('../../files/dvi/fonts/dvicons-extension.ttf?pa3l7o') format('truetype'),
    url('../../files/dvi/fonts/dvicons-extension.woff?pa3l7o') format('woff'),
    url('../../files/dvi/fonts/dvicons-extension.svg?pa3l7o#dvicons-extension') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon.icon_e913, .seitenintro .introicon.icon_e913::before, 
.icon.icon_e914, .seitenintro .introicon.icon_e914::before,
.icon.icon_e915, .seitenintro .introicon.icon_e915::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dvicons-extension' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kompetenz-icon:before,.icon_e900:before {
  content: "\e900";
}
.projektfelder-icon:before,.icon_e901:before {
  content: "\e901";
}
.karriere-icon:before,.icon_e902:before {
  content: "\e902";
}
.business-parks-icon:before,.icon_e903:before {
  content: "\e903";
}
.shopping-center-icon:before,.icon_e904:before {
  content: "\e904";
}
.euro-rastparks-icon:before,.icon_e905:before {
  content: "\e905";
}
.studenten-icon:before,.icon_e906:before {
  content: "\e906";
}
.fach-fuehrungskraefte-icon:before,.icon_e907:before  {
  content: "\e907";
}
.presse-icon:before,.icon_e908:before {
  content: "\e908";
}
.bildergalerie-icon:before,.icon_e909:before {
  content: "\e909";
}
.csr-icon:before,.icon_e910:before {
  content: "\e910";
}
.schueler-icon:before,.icon_e911:before {
  content: "\e911";
}
.error-icons:before,.icon_e912:before {
  content: "\e912";
}
.kontakt-icon:before,.icon_e90a:before {
  content: "\e90a";
  }
.newsletter-icon:before,.icon_e90b:before {
  content: "\e90b";
  }
.suche-icons:before,.icon_e90c:before {
  content: "\e90c";
  }
.gruppe-icon:before,.icon_e90f:before {
  content: "\e90f";
  } 
  /* Icons Extension */
.icon-anbindung:before,.icon_e913:before {
  content: "\e913";
  }
.icon-lage:before,.icon_e914:before {
  content: "\e914";
  }
.icon-service:before,.icon_e915:before {
  content: "\e915";
  }
.icon-hub:before,.icon_e90d:before {
  content: "\e90d";
}
.icon-rakete:before,.icon_e90e:before {
  content: "\e90e";
}
.icon-joystick:before, .icon_e916:before {
  content: "\e916";
}
.icon-tacho:before,.icon_e917:before {
  content: "\e917";
}
.icon-stift:before,.icon_e918:before {
  content: "\e918";
}
.icon-lampe:before,.icon_e919:before {
  content: "\e919";
}








/*     MenüBox TopNavi
------------------------------------------------- */


#overlay {
    display: block;
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    z-index: 7;
    opacity: 0;
  transition: all 0.4s ease-in-out;
}
#overlay.open-menu {
  visibility: visible;
  opacity: 1;
  overflow: auto;
}


#navbox1 {
 margin: 0;width: 100%;

/*! background: #ccc; */

 display: table;

 /*! position: relative; */
}
#navbox1 .navinner{
 margin: 0 auto;

    width: 100%;
    z-index: 100;
    max-width: 1200px;
 /*! background: #ccc; */
 /*! padding: 73px 0 30px 0px; */
 display: table;
 /*! text-align: right; */
 position: relative;
 height: 142px;
}


#navbox1 .hauptmenu{position: absolute;right: 0px;bottom: 26px;}


#navbox2 {
 margin: 0;width: 100%;

background-color: rgba(255,255,255,0.9);
 display: none;
 position: absolute;
 top: 142px;
 z-index: 200;
}
#navbox2.open-menu{
 display: block;}

#navbox2 .inner{
 margin: 1.375rem auto;

    width: 100%;
    /*! z-index: 100; */
    max-width: 1148px;
 /*! background: #ccc; */
 padding:0 0px 0 10px;
 display: table;
 /*! text-align: right; */
 position: relative;
    overflow: hidden;
}



#navbox1 .hauptmenu i{ display:none;}

#navbox1 .hauptmenu ul {  margin: 0; padding: 0;  list-style-type: none;  }
#navbox1 .hauptmenu ul.level_1 { width: 100%;  margin: 0;}
#navbox1 .hauptmenu ul.level_1 li { float: left; margin-right: 25px;}

#navbox1 .hauptmenu ul.level_1 li a,
#navbox1 .hauptmenu ul.level_1 li span.active,
#navbox1 .hauptmenu ul.level_1 li span.forward {color:#403F41; display: inline-block; padding: 5px 12px; white-space: nowrap;
    font-weight: 400; font-size: 18px; line-height: normal; text-decoration: none;   text-transform: uppercase; cursor:pointer;}


#mmenuelogo.fixed #navbox1 .hauptmenu ul.level_1 li a,
#mmenuelogo.open-menu #navbox1 .hauptmenu ul.level_1 li a,
#mmenuelogo.open-menu #navbox1 .hauptmenu ul.level_1 li span.active,
#mmenuelogo.open-menu #navbox1 .hauptmenu ul.level_1 li span.forward {color:#403F41;}

body.navihell #navbox1 .hauptmenu ul.level_1{
    background-color: transparent !important;
}

body.navihell #navbox1 .hauptmenu ul.level_1 li a,
body.navihell #navbox1 .hauptmenu ul.level_1 li span.active,
body.navihell #navbox1 .hauptmenu ul.level_1 li span.forward{color:#ffffff; background-color: transparent !important;}



#navbox1 .hauptmenu ul.level_1 li a:hover, #navbox1 .hauptmenu ul.level_1 li span.active, #navbox1 .hauptmenu ul.level_1 li.submenu:hover > a, #navbox1 .hauptmenu ul.level_1 li a.trail, #navbox1 .hauptmenu ul.level_1 li span.forward {background: url(../../files/dvi/img/gfx/blauecke.png) no-repeat bottom left; }

#navbox1 .hauptmenu ul.level_1 li > ul { /*! position: absolute; */  z-index: 999 }

/*remove blue corner change request*/
#navbox1 .hauptmenu ul.level_1:hover > li.active span {
    background-image: none !important;

}
#navbox1 .hauptmenu ul.level_1:hover > li.active:hover span{

    background-image: url(../../files/dvi/img/gfx/blauecke.png) !important;
}
.mobmenu #navbox1 .hauptmenu ul.level_1:hover > li.active span,.mobmenu #navbox1 .hauptmenu ul.level_1:hover > li.active:hover span{
    background-image: inherit !important;
}

#navbox1 .level_2 {display: none;}

#navbox2 .level_1 li.nav1,
#navbox2 .level_1 li.nav2,
#navbox2 .level_1 li.nav3,
#navbox2 .level_1 li.nav4,
#navbox2 .level_1 li.nav5,
#navbox2 .level_1 li.nav6
{display: none;}

#navbox2 .level_1 li.nav1.open-menu,
#navbox2 .level_1 li.nav2.open-menu,
#navbox2 .level_1 li.nav3.open-menu,
#navbox2 .level_1 li.nav4.open-menu,
#navbox2 .level_1 li.nav5.open-menu,
#navbox2 .level_1 li.nav6.open-menu
{display:block;}


#mm-section {max-width: 360px;float: right;margin: 5px 6.875rem 0 0;text-align: center;/*! display: inline-block; */}

#mm-section .nav1,
#mm-section .nav2,
#mm-section .nav3,
#mm-section .nav4,
#mm-section .nav5,
#mm-section .nav6
{display: none;/*! padding: 5px 6.875rem 0 0; */}

#mm-section .nav1.open-menu,
#mm-section .nav2.open-menu,
#mm-section .nav3.open-menu,
#mm-section .nav4.open-menu,
#mm-section .nav5.open-menu,
#mm-section .nav6.open-menu
{display: block;}

#mm-section .teaserimg {padding-bottom: 1.375em; z-index: 9999;}
#mm-section .teaserimg img{}
#mm-section .mmteaserintro { padding: 0 0px; text-align: center;display: table;}
#mm-section .mmteaserintro h3,
#mm-section .mmteaserintro span
{font-size:2.625em;margin:0;text-align: center;text-transform: uppercase; position: relative;margin-bottom: 10px; display: block; line-height: 1em}
#mm-section .mmteaserintro p{ font-size:1em; line-height: 1.375em; padding:1px 0;}


#navbox2 nav.untermenu {display:block;float: left;max-width:380px;}


#navbox2 .level_1 > li{}
#navbox2 .level_1 li > span.active,
#navbox2 .level_1 li > a.sibling,
#navbox2 .level_1 li > a.submenu,
#navbox2 .level_1 li.submenu > a.trail
{display: block;line-height: 1.375em;font-weight: 400;font-size: 1em;background: url(../../files/dvi/img/gfx/blauecke.png) no-repeat bottom left;padding: 0 0 6px 10px;margin-bottom: 20px;text-transform: uppercase;}


#navbox2 .untermenu ul { /*! position: initial; */ /*! display: inline-block; */ margin: 0; padding: 0; /*! background-color: #3b3b3b; */ /*! list-style-type: none; */ /*! -ms-transition: all 1s ease-in-out; */ /*! -webkit-transition: all 1s ease-in-out; */ /*! -o-transition: all 1s ease-in-out; */ /*! -moz-transition: all 1s ease-in-out; */ /*! transition: all 1s ease-in-out */ }



#navbox2 .untermenu ul.level_2 { min-width: 150px;max-height:300px; /*! background: url(../../files/dvi/img/gfx/mrand-r.png) repeat-y top right; */height: 300px;
	position: relative;border-left: 1px solid #403F41;}
#navbox2 .untermenu ul.level_2 li { width: 100%; margin: 0; padding: 6px 10px 6px 10px;}


/*#navbox2 .untermenu ul.level_1:hover { background: url(../../files/dvi/img/gfx/mrand-r.png) no-repeat 100% 51px;}*/

/*#navbox2 .untermenu ul.level_2 li:hover{ background: url(../../files/dvi/img/gfx/mline-b.png) no-repeat 100% 0px;}*/
#navbox2 .untermenu ul.level_2 li > a,
#navbox2 .untermenu ul.level_2 li span.active,
#navbox2 .untermenu ul.level_2 li > a.trail,
#navbox2 .untermenu ul.level_2 li span.forward { float: none; display: inline; color: #403F41; width: 100%;font-weight: 400;font-size: 1em;line-height: 1.375em;text-transform: uppercase;background: none;padding:1px 0;;margin: 0;}
#navbox2 .untermenu ul.level_2 li a:hover,
#navbox2 .untermenu ul.level_2 li span.active,
#navbox2 .untermenu ul.level_2 li a.trail,
#navbox2 .untermenu ul.level_2 li.submenu:hover > a,
#navbox2 .untermenu ul.level_2 li span.forward:hover {  }
#navbox2 .untermenu ul.level_2 li > ul { min-width: 150px; left: 0; top: 0; margin-left: 100%; width: auto; position: absolute; display: none;}
#navbox2 .untermenu ul.level_2 li:hover > ul  { display:block}


/*#navbox2 .untermenu ul.level_3 { width: 150px; top: 0px; left: 0;background: url(../../files/dvi/img/gfx/mrand-r.png) repeat-y top right;height: 300px;position: relative; border:none; }*/
#navbox2 .untermenu ul.level_3 { width: 150px; top: 0px; left: 0;height: 300px;position: relative; border:none; }
#navbox2 .untermenu ul.level_3 li { width: 100%; /*! position: relative; */ float: none; display: inline-block; margin: 0; padding: 6px 10px 6px 10px; }
#navbox2 .untermenu ul.level_3 li a,
#navbox2 .untermenu ul.level_3 li span.active,
#navbox2 .untermenu ul.level_3 li span.forward { position: relative; float: none; display: block;   line-height: 1.375em;font-size: 1em;white-space:nowrap;padding:1px 0;}
#navbox2 .untermenu ul.level_3 li a:hover,
#navbox2 .untermenu ul.level_3 li span.active,
#navbox2 .untermenu ul.level_3 li a.trail,
#navbox2 .untermenu ul.level_3 li.submenu:hover > a,
#navbox2 .untermenu ul.level_3 li span.forward:hover { }
#navbox2 .untermenu ul.level_3 li > ul { min-width: 150px; left: 0; top: 0; margin-left: 100%; width: auto;display: none; }

#navbox2 .untermenu ul.level_3 li:hover > ul  { display:block}


/*#navbox2 .untermenu ul.level_4 { width: 150px; top: 0px; left: 0;background: url(../../files/dvi/img/gfx/mrand-r.png) repeat-y top right;height: 300px;position: relative;}*/
#navbox2 .untermenu ul.level_4 { width: 150px; top: 0px; left: 0;height: 300px;position: relative;}
#navbox2 .untermenu ul.level_4 li { width: 100%; position: relative; float: none; display: inline-block; margin: 0; padding: 6px 10px 6px 10px }
#navbox2 .untermenu ul.level_4 li a,
#navbox2 .untermenu ul.level_4 li span.active,
#navbox2 .untermenu ul.level_4 li span.forward { position: relative; float: none; display: block;   }
#navbox2 .untermenu ul.level_4 li a:hover,
#navbox2 .untermenu ul.level_4 li span.active,
#navbox2 .untermenu ul.level_4 li a.trail,
#navbox2 .untermenu ul.level_4 li.submenu:hover > a,
#navbox2 .untermenu ul.level_4 li span.forward:hover { }
#navbox2 .untermenu ul.level_4 li > ul { min-width: 150px; left: 0; top: 0; margin-left: 100%; width: auto;display: none;}

#navbox2 .untermenu ul.level_4 li:hover > ul  { display:block}

#navbox2  .inner{

}
#navbox2 ul  li{

    width:100%;
    padding-left:0 !important;
    margin-left: 10px !important;

}
#navbox2 .level_1 ul li{

}

#navbox2 .level_1 ul:hover > li{
    border-right:solid 1px;
}
#navbox2 .level_1 ul > li:hover{

    border-bottom:solid 1px;
    border-right:none;
}
#navbox2 .level_1 ul > li:hover ~ li{
    border-right:solid 1px;
}
#navbox2 .level_1 ul > li:hover ~ li.last::after{
    border-right: solid 1px;
    content: " ";
    height: 100%;
    position: absolute;
    right: -10px;
    margin-top:calc(1.375rem + 6px);

}
#navbox2 .level_1 ul > li.last:hover:after {
    border-right: solid 1px;
    content: " ";
    height: 100%;
    position: absolute;
    right: -10px;
    margin-top:calc(1.375rem + 6px);
    border-bottom:solid 1px;

}

#navbox2 .level_2 ul > li:hover ~ li.last::after,#navbox2 .level_2 ul > li.last:hover:after{
    margin-top:6px;
}
#navbox2 .untermenu ul.level_2 li > ul{
    left:10px;
}
/*     MobMenü
------------------------------------------------- */

/* Navi mob  */


body.mobmenu #navbox1 .level_2 {
display: none;
}

body.mobmenu #navbox1 .hauptmenu ul.level_1 li a:hover,
body.mobmenu #navbox1 .hauptmenu ul.level_1 li span.active,
body.mobmenu #navbox1 .hauptmenu ul.level_1 li.submenu:hover > a,
body.mobmenu #navbox1 .hauptmenu ul.level_1 li a.trail,
body.mobmenu #navbox1 .hauptmenu ul.level_1 li span.forward {
background: none;
}

body.mobmenu #navbox1 .level_1 li:hover > ul  { display:block}

body.mobmenu #navbox1 .navinner {height: inherit;background: #fff;margin-top: 1.375rem;}

body.mobmenu #navbox1 .hauptmenu {
position: inherit;
right: inherit;
bottom: inherit;
}
body.mobmenu #navbox1 .hauptmenu ul.level_1 li {
float: inherit;
margin-right: inherit;position: relative;

}

body.mobmenu #navbox1 .hauptmenu ul.level_1 > li {
border-left:5px solid #fff;
}
body.mobmenu #navbox1 .hauptmenu ul.level_1 li.active{
border-left:5px solid #5CCDF7;
}

body.mobmenu #navbox1 .hauptmenu ul.level_2 li {
float: inherit;
padding-left: 1.375rem;
border-left:none !important;
}
body.mobmenu #navbox1 .hauptmenu ul.level_3 li {
border-left:none !important;
}



body.mobmenu #navbox1 .hauptmenu ul.level_1 li a{
display: block;
}
body.mobmenu #navbox1 .hauptmenu .level_1 > li {
background: white !important;
margin-top:-2px;
}
body.mobmenu #navbox1 .hauptmenu .level_3 a,
body.mobmenu #navbox1 .hauptmenu .level_2 a{
border-left:1px solid #403F41;
background: white !important;
margin-top:-2px;
}
body.mobmenu #navbox1 .hauptmenu .level_2 > li a{
border-bottom:1px solid #403F41;
}
body.mobmenu #navbox1 .hauptmenu .level_2  li.last a.last{
border-bottom:none;
}
body.mobmenu #navbox1 .hauptmenu .level_3,
body.mobmenu #navbox1 .hauptmenu .level_2{
margin-top: 1px !important;
}

/*body.mobmenu #navbox1 .hauptmenu .level_1 > li:hover > span::before,
body.mobmenu #navbox1 .hauptmenu .level_1 > li:hover > a::before,*/
body.mobmenu #navbox1 .hauptmenu .level_1 > li.open > span::before,
body.mobmenu #navbox1 .hauptmenu .level_1 > li.open > a::before{
content: " ";
border-bottom: 1px solid black;
width: 0.9rem;
overflow: hidden;
height: 1px;
display: inline-block;
top: 20px;
position: relative;
left: -5px;
}


/*  end   MobMenü
------------------------------------------------- */

/* 767px - ab hier gilt alles als Handy ---------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {


/* ------------------------------------------------- */
} /* end 767 ------------------------------------------------- */


/* end TopNavi ------------------------------------------------- */

/* --- Umsetzung CodeSache.de - Markus Schindler --- */