.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%;
  }
}

#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}
@charset "utf-8";
/* CSS Document */
/* CSS Resets */

@font-face {
    font-family: 'Oswald';
    src: url('../../files/ods/template/fonts/Oswald/Oswald-Regular.eot');
    src: url('../../files/ods/template/fonts/Oswald/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../files/ods/template/fonts/Oswald/Oswald-Regular.woff2') format('woff2'),
        url('../../files/ods/template/fonts/Oswald/Oswald-Regular.woff') format('woff'),
        url('../../files/ods/template/fonts/Oswald/Oswald-Regular.ttf') format('truetype'),
        url('../../files/ods/template/fonts/Oswald/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-Regular.eot');
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Regular.woff2') format('woff2'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Regular.woff') format('woff'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Regular.ttf') format('truetype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Regular.svg#FiraSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-Medium.eot');
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Medium.woff2') format('woff2'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Medium.woff') format('woff'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Medium.ttf') format('truetype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Medium.svg#FiraSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-Light.eot');
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Light.woff2') format('woff2'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Light.woff') format('woff'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Light.ttf') format('truetype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-Light.svg#FiraSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans';
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-MediumItalic.eot');
    src: url('../../files/ods/template/fonts/FiraSans/FiraSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-MediumItalic.woff2') format('woff2'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-MediumItalic.woff') format('woff'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-MediumItalic.ttf') format('truetype'),
        url('../../files/ods/template/fonts/FiraSans/FiraSans-MediumItalic.svg#FiraSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-Light.eot');
    src: url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-Light.woff2') format('woff2'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-Light.woff') format('woff'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-Light.ttf') format('truetype'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-Light.svg#FiraSansCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-LightItalic.eot');
    src: url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-LightItalic.woff2') format('woff2'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-LightItalic.woff') format('woff'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-LightItalic.ttf') format('truetype'),
        url('../../files/ods/template/fonts/FiraSansCondensed/FiraSansCondensed-LightItalic.svg#FiraSansCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure,figure img{padding: 0; margin: 0;}

html{width: 100%;}
body{font-family: 'Fira Sans', sans-serif; font-size:16px; font-weight: 300; color: #030303; background:  #fff; width: 100%; overflow-x: hidden;
}
*{box-sizing: border-box;}

.invisible{display: none !important;}


[class*='col-'] {padding: 0 0; float: left;}
.col-100{width: 100%;}
.col-90{width: 90%;}
.col-80{width: 80%;}
.col-70{width: 70%;}
.col-66{width: 66.6%; }
.col-60{width: 60%; }
.col-55{width: 55%;}
.col-50{width: 50%;}
.col-45{width: 45%; margin-right: 5%;}
.col-40{width: 40%; }
.col-35{width: 35%;}
.col-33{width: 33.3%;}
.col-30{width: 30%;}
.col-25{width: 25%;}
.col-20{width: 20%;}
.col-10{width: 10%;}

.clear{clear: both;}

p{margin-bottom: 10px; line-height: 1.3em;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}
nav ul{list-style: none;}

h1{font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 2.55em; text-transform: uppercase;color: #fff; margin-bottom: 50px; background:rgba(0,140,74,1);  display: inline-block; padding: 10px 20px;  margin-top: -150px; position: relative;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}
h2{font-weight: 300;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}
h3{font-family: 'Oswald', sans-serif;font-weight: 300;font-size: 1.2em; margin-bottom: 20px;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}
h4{font-size: 1.25em;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}
h5{font-size: 1.15em; text-decoration: underline; text-transform: uppercase;margin-bottom: 35px;-webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}

#wrapper{width: 100%;}

#left{width: 350px; float: left;}
#container{ float: left;}

#left .inside{text-align: center; border-left: 1px solid #008C4A; border-right: 1px solid #008C4A; margin: 0 10px; background:url(../../files/ods/template/images/background-links.png) #fff no-repeat bottom left;}

#left .inside .logo{padding: 30px 0;}
#left .inside .dekra{text-align: left; margin-top: 100px;padding: 0 30px;}

.head-image{height: 400px; width: 100%; overflow: hidden;border-bottom: 5px solid #008C4A;}

#left .inside nav{text-align: left;margin: 20px 0px 20px 0px;}
#left .inside nav ul li a{display: block; width: 100%; padding: 7px 10px 7px 40px; text-decoration: none; color: #008C4A; font-size: 1.1em; }
#left .inside nav ul li:hover a, #left .inside nav ul li a.active{ background:url(../../files/ods/template/images/nav-arrow.png) #f8f8f8 left center no-repeat;}

.leistungsbereich #left .inside nav.allgemein, [class*='personalservice-'] #left .inside nav.allgemein{margin: 20px 0px 0px 0px; width: 100%; clear: both;position: relative; border-bottom: 1px solid rgba(104,104,104,0.45); border-top: 1px solid rgba(104,104,104,0.45);display: inline-block;}
.leistungsbereich #left .inside nav.allgemein ul li a, [class*='personalservice-']  #left .inside nav.allgemein ul li a{display: block; width: inherit; padding: 7px 5px 7px 5px; text-decoration: none; color: #6E6E6E; font-size: 0.8em;font-family: 'Oswald', sans-serif; font-weight: 300; float: left;}
.leistungsbereich #left .inside nav.allgemein ul li:hover a, [class*='personalservice-'] #left .inside nav.allgemein ul li a.active,
[class*='personalservice-'] #left .inside nav.allgemein ul li:hover a, [class*='personalservice-'] #left .inside nav.allgemein ul li a.active{background: #f8f8f8;color: #008C4A;}
 

#container .mod_article{padding: 20px 50px;}
#container .mod_article ul{margin: 0 0 20px 15px;}
#container #startseite.mod_article{padding: 0px}
#container .mod_article a{color: #008C4A; text-decoration: none;}
#container .mod_article p{line-height: 1.6em;}
#container .mod_article ul li{margin-bottom: 10px;}

.kontaktdaten .kontaktbox{width: 95%; border: 1px solid #008C4A; display: inline-block; min-height: 150px; margin-bottom: 10px; position: relative; padding-bottom: 50px;}
.kontaktdaten .kontaktbox h3{background:#008C4A; color: #fff; display: block; padding: 5px 10px;}
.kontaktdaten .kontaktbox p{padding: 1px 10px;}
.kontaktdaten .kontaktbox p span{width: 100px; float: left; display: block;}
.kontaktdaten .kontaktbox a{color: #008C4A; text-decoration: none; font-weight: 500;}
.kontaktdaten .kontaktbox a.info-button{background: #008C4A; color: #fff !important; display: inline-block; padding: 5px 10px; text-decoration: none; font-weight: 500; position: absolute; right: 0; bottom: 0;}

.start{width: 32%;float: left;margin-right: 1%; display: block; margin-bottom: 1%;}
.background-image {margin: 0 auto;width: 100%;height: 250px;overflow: hidden;cursor: pointer;position: relative;}
.background-image img {opacity: 1;transition: opacity 0.2s ease-in-out; height: auto !important; width: 100% !important;}
.background-image .headline{position: absolute; bottom: 0; left: 0; right: 0; width: 100%; display: block;background-color:rgba(1,60,26,0.70);}
.background-image .headline h2{font-family: 'Oswald', sans-serif; color: #fff; display: block; padding: 5px 10px;}
.start-info { position:absolute; bottom:0; left:0; margin-bottom:-250px; width: 100%;height: 250px;background-color:rgba(38,37,37,0.90);padding: 20px;transition: margin 0.4s ease-in-out; color: #fff; font-size: 0.9em;}
.background-image:hover .start-info {margin-bottom:0;}
.background-image:hover .headline{opacity: 0;transition: opacity 0.2s ease-in-out;}
.start-info h2{font-family: 'Oswald', sans-serif; margin-bottom: 20px;}
.start-info .info-text {margin:0; margin-bottom: 5px;}

.ce_accordionSingle{width: 90%;}
.ui-accordion-header{padding:10px 0;border-bottom: 1px solid rgba(104,104,104,0.1); margin-bottom: 30px;cursor: pointer; font-size: 1.3em;}
.ui-accordion-header-active{color: #008C4A; font-weight: 400;border-bottom: 1px solid rgba(1,60,26,0.5);}
.ui-accordion-content{margin-bottom: 40px;border-bottom: 1px solid rgba(104,104,104,0.4);}

.ce_accordionSingle:nth-child(4){margin-bottom: 100px;}

#container .mod_article .kontaktspalte{border-left: 1px solid rgba(1,60,26,0.5); padding-left: 10px;}
#container .mod_article .kontaktspalte a{color: #008C4A; font-weight: 400; text-decoration: none;}
#container .mod_article .ce_rsce_kontaktspalten .col-60{padding-right: 20px ;}

[class*='personalservice-'] #main .inside{float: left;}
[class*='personalservice-'] #right{width: 300px; float: right;}
[class*='personalservice-'] #right .inside{width: 100% !important;}

.personalservice-unternehmer .boxes4ward_article{width: 98%; height:auto; display: inline-block; padding: 30px 20px; margin-bottom: 10px; background: #D49205; color: #fff; border-radius: 20px;}
.personalservice-unternehmer .boxes4ward_article.first{margin-top: 20px;}
.personalservice-unternehmer .boxes4ward_article a{color: #fff !important; font-weight: 500; text-decoration: none;}
.personalservice-unternehmer .boxes4ward_article h2{color: #fff;}
.personalservice-unternehmer h1,.personalservice-unternehmer h2,.personalservice-unternehmer h3,.personalservice-unternehmer h4,.personalservice-unternehmer h5,.personalservice-unternehmer h6{color: #D49205; margin-bottom: 20px; background:none !important;  display: inherit; padding: 0px;  margin-top: 0px; position: relative;}
.personalservice-unternehmer #main a{color: #D49205; text-decoration: none; font-weight: 500;}
.personalservice-unternehmer #main h3{margin-bottom: 10px;}
.personalservice-unternehmer .infobox{padding: 20px; border: 1px solid rgba(195,195,195,0.92); margin-bottom: 30px;}

.personalservice-bewerber .boxes4ward_article{width: 98%; height:auto; display: inline-block; padding: 30px 20px; margin-bottom: 10px; background: #03542E; color: #fff; border-radius: 20px;}
.personalservice-bewerber .boxes4ward_article.first{margin-top: 20px;}
.personalservice-bewerber .boxes4ward_article a{color: #fff !important; font-weight: 500; text-decoration: none;}
.personalservice-bewerber .boxes4ward_article h2{color: #fff;}
.personalservice-bewerber h1,.personalservice-bewerber h2,.personalservice-bewerber h3,.personalservice-bewerber h4,.personalservice-bewerber h5,.personalservice-bewerber h6{color: #03542E; margin-bottom: 20px; background:none !important;  display: inherit; padding: 0px;  margin-top: 0px; position: relative;}
.personalservice-bewerber #main a{color: #03542E; text-decoration: none; font-weight: 500;}
.personalservice-bewerber #main h3{margin-bottom: 10px;}
.personalservice-bewerber .infobox{padding: 20px; border: 1px solid rgba(195,195,195,0.92); margin-bottom: 30px;}

form .widget-text{width: 90%; height: 30px; line-height: 30px; margin-bottom: 30px;}

form .widget-text label{width: 150px; float: left;}
form .widget-text input{width: 50%; height: 28px; border: none; border: 1px solid rgba(196,196,196,0.3);}
form .widget-textarea{width: 90%; margin-bottom: 50px; height: 200px;}
form .widget-textarea label{width: 150px; float: left;}
form .widget-textarea textarea{width: 100%; border: none; border: 1px solid rgba(196,196,196,0.3); height: 198px;  clear: both;}
form .submit_container{margin: 20px 0;}
form .submit_container input{width: 200px; height: 50px; text-align: center; line-height: 50px; border:  1px solid rgba(196,196,196,0.7); color: #414141; background: #fff; font-size: 1.2em;}

.personalservice-unternehmer form .widget-text input, .personalservice-unternehmer form .widget-textarea textarea{border: 1px solid rgba(212,146,5,0.3);}
.personalservice-unternehmer form .submit_container input{border:  1px solid rgba(212,146,5,0.7);background: #D49205; color: #fff;}

.personalservice-bewerber form .widget-text input, .personalservice-bewerber form .widget-textarea textarea{border: 1px solid rgba(3,84,46,0.3);}
.personalservice-bewerber form .submit_container input{border:  1px solid rgba(3,84,46,0.7);background: #03542E; color: #fff;}


.speiseplan{width: 49%; float: left; margin-right: 1%; margin-top: 1%; position: relative;border-top: 1px solid rgba(104,104,104,0.1);}
.speiseplan .inner-speise{margin-bottom: 20px;}
.speiseplan a.button-speise{border: 1px solid #008C4A; color: #008C4A !important; display: block; padding: 5px; float: left; margin-right: 5px;}

#mietobjekte .boxes4ward_article{clear: both; height: auto; display: inline-block;}
#mietobjekte h3{margin-top: 60px;}
.miete{border: 1px solid rgba(0,140,74,0.5); margin-bottom: 30px; height: auto;}
.mietobjekte-info{float: left; width: 60%; padding: 20px;}
.mietobjekte-info span{float: left; width: 80px; height: 20px; display: block;}
.mietobjekte-info a{border: 1px solid #008C4A; color: #008C4A !important; display: block; padding: 5px; float: left; margin-right: 5px;}
.mietobjekte-bild{width: 40%; overflow: hidden; height: 250px;}
.mietobjekte-bild img{width: 100%; height: auto;}

.stellenangebote{width: 45%; float: left; position: relative;border: 1px solid rgba(0,140,74,0.5); margin: 0 5% 2% 0;padding: 5px 10px;}
.stellenangebote h4, .stellenangebote h4 a{font-weight: 400 !important;}
.stellenangebote span{display: inline-block; float: left;}
.stellenangebote span.more{float: right;}

.stellen-info span{display: block; margin-right: 20px; float: left; height: 15px;}
.stelle h1{text-transform:inherit; margin: 100px 0 50px 0;}
.mod_newsreader .back a{border: 1px solid #008C4A; color: #008C4A !important; display: block; padding: 5px; float: left; margin-right: 5px;}

#personalservice-lausitz .col-50{width: 45%; height: 250px; margin-right: 5%; border: 1px solid rgba(0,140,74,0.5); border-radius: 10px; padding: 30px; background: #03542E; color: #fff; text-align: center;}
#personalservice-lausitz a{display: inline-block; background:#fff ; color: #03542E; padding: 10px 20px; font-weight: 500; margin-top: 20px;}
#personalservice-lausitz .col-50:nth-child(3){ border: 1px solid rgba(212,146,5,0.5);background: #D49205;}
#personalservice-lausitz .col-50:nth-child(3) a{display: inline-block; background:#fff ; color: #D49205; padding: 10px 20px; font-weight: 500;}

#personalservice-lausitz .col-50 h2{font-weight: 400; margin-bottom: 30px;}

#datenschutz [class*='col-']{padding-right: 20px;}

.dlh_googlemap{width: 100% !important;}
/* CSS Document */

.display, .mobil-link{display: none;}
.mobil{display: inherit;}
.mobil-nav{display: none;}

@media screen and (max-width: 1400px){
.head-image{height: 300px; background-position: center -100px !important;}
.kontaktdaten .col-30{width: 45%;}
.stellenangebote{width: 95%;}

h1{font-size: 2.3em;}
}

@media screen and (max-width: 1310px){
.start{width: 48%;}
 h1{font-size: 2.0em;}
}

@media screen and (max-width: 1260px){
[class*="personalservice-"] .col-45{width: 95%;}
h1{font-size: 1.9em;}
}

@media screen and (max-width: 1160px){
#left{width: 250px}
}

@media screen and (max-width: 1060px){
#personalservice-lausitz .col-50{width: 100%; margin-bottom: 20px;}
h1{font-size: 1.8em;}
}

@media screen and (max-width: 975px){

[class*='col-'] {padding: 0 0; float: left;}
.col-100, .col-90, .col-80, .col-70, .col-60,.col-40,.col-35, .col-33,.col-30,.col-20,.col-10{width: 100%; margin: 0; padding: 10px 15px;}	

.display{display:inherit;}
.mobil{display: none;}


button {  display: inline-block;  margin: 0;  border: 1px solid #fff;  background: none; z-index: 4000;}
button span {display: block;}
.button_menu {display:block; background:#03542E; position:absolute; left: 10px;	top: 5px;	cursor:pointer;		color:#fff;		padding:20px 5px 12px 5px;		z-index:4000; width:120px;  height: 54px;}
#header .inside .main-nav, .top-nav{display: none;}
.mobil-nav{display: inherit;}
.mobil-nav ul {	position: absolute;top: 59px;left: 10px;margin-left: 0px;width: 270px;z-index: 9999; background:#03542E;	list-style: none;}	
.mobil-nav ul li {margin:0px !important; max-width:none; -webkit-hyphens: auto;  -moz-hyphens: auto;  -ms-hyphens: auto;  hyphens: auto;}
.mobil-nav ul li a  {min-height:auto; color:#fff !important; background-image:none; text-align:left; width: 270px;	margin:0px;	float:none; display: block; height: auto; border-right: none; text-decoration: none; padding: 10px 20px; font-weight: 300 !important;}
.mobil-nav ul li {display:none; float:none;	}
.mobil-nav ul li:hover a,.mobil-nav ul li.active a{background: #fff; color: #03542E !important;}

#left{width: 2px}
#left .inside{display: none;}

.background-image img{width:110%; height: auto;}
.start-info{display: none;}
.background-image:hover .headline{opacity: 1;transition: opacity 0.2s ease-in-out;}

#container .mod_article {    padding: 20px 10px;}
h1{font-size: 2.0em;}

.miete{width: 100%;}

#container .mod_article .kontaktspalte{border-top: 1px solid rgba(1,60,26,0.5);border-bottom: 1px solid rgba(1,60,26,0.5); border-left: none; padding: 10px 0px; margin-bottom: 20px;}
[class*="personalservice-"] .mod_article{padding-top: 100px !important;}
.head-image{height: 200px; background-position: center -100px !important;}
}
@media screen and (max-width: 800px){
.kontaktdaten .col-30{width: 97%;}
.speiseplan{width: 99%;}
.speiseplan .col-60{width: 60%;}
h1{font-size: 1.7em;}
}

@media screen and (max-width: 700px){
.background-image { height: 170px;}
[class*="personalservice-"] .mod_article{width: 100% !important; clear: both;}
[class*="personalservice-"] #right {    width: 100%;    float: none; clear: both}
#main .inside{width: 100% !important;}

}

@media screen and (max-width: 620px){
.background-image { height: 130px;}
.start-info h2{font-size: 1.1em;}
h1{font-size: 1.4em;}
}

@media screen and (max-width: 520px){
.start{width: 100%; margin-right: 0;}
.background-image { height: 200px;}
}
@media screen and (max-width: 480px){
.mietobjekte-info, .mietobjekte-bild{width: 100%;}
#personalservice-lausitz .col-50{height: 300px;}
.head-image{height: 200px;background-position: center top !important;}
}

@media only screen and (min-width : 976px) {
	.button_menu {		display:none;	}	
	nav {	}
	nav ul {		position:static;}	
	nav ul li {		display:block !important;	}
}

.grid-button {  padding:20px 25px 12px 25px;  cursor: pointer;  user-select: none;}
.grid-button .grid {  width: 6px;  height:6px;  background: #fff;  color: #fff;  /* Not in use when the colors are specified below */  transition: 0.3s;}
.grid-button.close .grid {  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);}
.grid-button.collapse .grid {  box-shadow: -8px 0, -8px 8px, 8px 0, 8px -8px, 0 -8px, -8px -8px, 0 8px, 8px 8px;}
.grid-button.collapse.close .grid {  box-shadow: -6px 0, 0 0 transparent, 6px 0, 0 0 transparent, 0 -6px, 0 0 transparent, 0 6px, 0 0 transparent;}
button span.text {	margin-left:30px;	margin-top:-15px; font-size: 1.3em; text-transform: uppercase;}