@font-face {font-family: 'Raleway';src: url('../fonts/raleway_regular/Raleway-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/raleway_regular/Raleway-Regular.woff') format('woff'), url('../fonts/raleway_regular/Raleway-Regular.ttf')  format('truetype'), url('../fonts/raleway_regular/Raleway-Regular.svg#Raleway-Regular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Raleway';src: url('../fonts/raleway_semibold/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/raleway_semibold/Raleway-SemiBold.woff') format('woff'), url('../fonts/raleway_semibold/Raleway-SemiBold.ttf')  format('truetype'), url('../fonts/raleway_semibold/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');font-weight: bold;font-style: normal;}

body, html { font-family: 'Raleway', sans-serif;line-height: 30px;font-size: 14px; }
ol, ul {list-style:none}

a,
a:visited,
a.active,
a:hover,
a:focus {color:#318c2c;outline:none;text-decoration: none;}

.projects_detail > a,
.projects_detail > a:hover,
.projects_detail > a:focus,
.projects_detail > a:visited {color:#000;}
.projects_detail .grid .row div:nth-child(4),
.projects_detail .grid .row div:nth-child(7),
.projects_detail .grid .row div:nth-child(10),
.projects_detail .grid .row div:nth-child(13),
.projects_detail .grid .row div:nth-child(16),
.projects_detail .grid .row div:nth-child(19) { clear:left }

p.bodytext, p {margin-bottom:20px;}

h1,h2,h3 {font-weight:bold;}
h2,h3 {line-height:30px;}
h1 {font-size:32px;margin:0 0 40px 0;}
h2 {font-size:24px;margin:0 0 40px 0;}
h3 {font-size:19px;margin:0 0 30px 0;}
h4 {font-size:16px;margin:0 0 30px 0;}

/* RTE STYLE */
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.contenttable TD {vertical-align:top;}

ul.kleeblatt {margin-bottom:20px;}
    ul.kleeblatt li {background: url(../img/bulletpoints.svg) no-repeat 0 8px;background-size:15px 15px;padding-left: 30px;}

ul.houseWithTree {margin-bottom:20px;}
    ul.houseWithTree li {background: url(../img/bulletpoints_lkwb.svg) no-repeat 0 8px;background-size:15px 15px;padding-left: 30px;}

/* TEXT COLOR */
.cGreen {color:#318c2c;}
.dgray-box .cGreen {color:#FFF;}

b, strong {font-weight:bold;}

/* EXTENSION BOOTSTRAP */
.row.row-eq-height {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}

/* LAYOUTS AND COMPLEMENTARY ELEMENTS STYLE DEFINITION (BUTTONS, BUTTONSACTION, TEXTCOLOR */
.coPad {padding:55px 0;}

.runder_button {border-radius:50px;padding:10px 40px;text-transform:uppercase;margin-top:30px;display:inline-block;font-weight:bold;border:2px solid #318c2c;color:#318c2c;}
.runder_button:hover {background-color:#318c2c;color:#FFF;}

.button .btn.btn-primary {color: #fff;background-color: #318c2c;border: #318c2c;padding: 9px 18px;}

.more,.more:hover {color:#318c2c;padding-bottom:3px;border-bottom:2px solid #318c2c;}
.careermore,.careermore:hover, .careermore:visited, .careermore:focus {color: #000;display: block;width: 100%;height: 100%;padding: 35px;}

.green-box {background-color:#318c2c;}
.green-box a, .green-box a:hover {color: white;}
.green-box h1, .green-box h2, .green-box h3, .green-box h4, .green-box p {color: white;}
.green-box .runder_button {border:2px solid white; color: white;}
.green-box .runder_button:hover {background-color: white; color:#318c2c;}

.gray-box {background-color:#eeeeee;}

.dgray-box {background-color:#4a4a48;color:#fff;}
.dgray-box h1, .dgray-box h2, .dgray-box h3, .dgray-box h4, .dgray-box p {color:#FFF;}
.dgray-box .runder_button {border:2px solid #318c2c;color:#FFF;}
.dgray-box .runder_button:hover {background-color:#318c2c;color:#4a4a4a;}

header button.navbar-toggle .icon-bar {background: #575756;}
.navbar-toggle {margin-top:15px;}
.navbar-toggle .icon-bar {display: block;width: 28px;height: 2px;border-radius: 1px;}


/* CUSTOM STYLES */
#startSlider {position:relative;}
body > header {background:rgba(73,73,73,0.4);position:absolute;width:100%;z-index:3;top:0;-webkit-transition:background-color, 0.5s, linear;-moz-transition: background-color, 0.5s, linear;-o-transition: background-color, 0.5s, linear;-ms-transition: background-color, 0.5s, linear;transition: background-color, 0.5s, linear;}
header .header-bar {text-transform:uppercase;color:#fff;padding:20px 0 5px 5px;font-size:11px;font-weight:bold;border-bottom: 1px solid rgba(255, 255, 255, 0.3);letter-spacing:1px;line-height:0;z-index: 3;position: relative;}
header .header-bar a {color:#FFF;}
header .header-bar .rightOfHeaderBar { float: right; display: flex;}
header .header-bar .rightOfHeaderBar a img {width: 15px;}
header .header-bar .rightOfHeaderBar a ~ a { margin-left: 10px; }
header .header-bar .rightOfHeaderBar a i {font-size:14px;}
header .mobile_breadcrumb {display:none;}
header .sticky_logo {display:none;opacity:0;float:left;transition:opacity 0.25s ease-in;margin-top:-10px;}
header .mobile_logo {display:none;}
header .menu-wrap {transition: background-color 1s ease;width:100%;}
header .menu-wrap #nav-bar {text-transform:uppercase;margin:30px 0 0;float:right;padding:0;}
header .menu-wrap #nav-bar li,
header .menu-wrap #nav-bar li.lvl_1 {position:relative;float:left;margin-right: 16px;font-size:16px;font-weight:bold;line-height:20px;}
header .menu-wrap #nav-bar li a {color:#FFF;padding-bottom:25px;display:block;}
header .menu-wrap #nav-bar li.lvl_1:hover > a.lvl1,
header .menu-wrap #nav-bar li:hover > a,
header .menu-wrap #nav-bar li > a.active {border-bottom:5px solid #318c2c;padding-bottom:20px;}
header .menu-wrap #nav-bar li ul li.active a.active,
header .menu-wrap #nav-bar li ul li:hover > a {border-bottom:3px solid #318c2c;padding:5px 10px 2px 10px;}
header .menu-wrap #nav-bar li a i {margin-left:5px;}
header .menu-wrap #nav-bar li .sub-menu {display:none;position:absolute;background-color:rgba(255,255,255,0.8);z-index:9999;padding:15px 30px 10px 30px;}
header .menu-wrap #nav-bar li:hover .sub-menu {display:block;}
header .menu-wrap #nav-bar li:hover .sub-menu.open { display: block; }
header .menu-wrap #nav-bar li:hover .sub-menu.close { display: none; }
header .menu-wrap #nav-bar li .sub-menu li {float:none;width:100%;margin-bottom:6px;}
header .menu-wrap #nav-bar li .sub-menu li a {color:#000;font-weight:bold;padding:5px 10px;}

#toolbar {padding:15px 0;color:#FFF;}
#toolbar a {width:100%;padding:0;text-align:center;display:block;margin-top:0;}
#toolbar .search {float:right;}
#toolbar .search .search-label {float:left;margin-right:20px;font-size:16px;}

#breadcrumbs {border-bottom: 1px solid #318c2c;padding:15px 0;}
#breadcrumbs .rootline {color:#318c2c;font-weight:bold;}

#contact h2 {text-align:center;}
#contact p a {color:#318c2c;}
#contact .runder_button {margin:0 0 30px 0;display:block;border:2px solid #318c2c;text-align:center;}
#contact .runder_button:last-child {margin:0;}
#contact .contact-column {border-right:1px solid #318c2c;}
#contact .contact-column:last-child {border:none;}
#contact .contact-column h4 {color:#318c2c;}

.applicationtitle {margin: 40px 0 0 0;}
.powermail_fieldwrap_stelle {display: none;} /* in frontend not visible, but necessary for database */

.formlist .row {margin-bottom:25px;}
.formlist .form {
    background:#fff;
    padding:25px 15px;
    position:relative;
    height:100%;
    margin-bottom:40px;
}
.formlist .form_link {
    position: absolute;
    bottom:15px;
    padding-top:20px;
    border-top:3px solid #318c2c;
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .formlist .form_link {
        padding-top:10px;
    }
}

.benefits .heroimg {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.benefits h3 {
    text-transform: uppercase;
}

.benefits .benefitswrapper {
    background-color: #eee;
    margin: 8px 0;
    padding: 8px;
}

.benefits .benefitsflex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.benefits .benefit {
    flex: 33.33333%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
}

#footernav .footer_logo {margin:0 0 25px 0;}
#footernav .footer_logo a {display:block;}
#footernav ul.footer_nav {list-style:none;padding:0;}
#footernav ul.footer_nav li {line-height:40px;text-transform: uppercase;}
#footernav ul.footer_nav li a {color:#FFF;}
#footernav .col-md-3:last-child, #footernav .col-sm-6:last-child {border-left:1px solid #FFF;padding-left:80px;}

footer {background:#4a4a4a;color:#fff;margin-top:5px;padding:15px 0;}
footer .text-white {font-size:12px;}
footer .quicklinks {margin:0;float:right;}
footer .quicklinks li {float:left;padding:0 5px; font-size:17px;}
footer .quicklinks li a {color:#fff;}
footer .quicklinks li a:hover {color: #318c2c;}
footer .footerlogo {float: initial;}
footer .footerlogo img {width: 200px;height: auto;}

/* HTML: TOOLBOX */
#toolbox {position: fixed;left: 0;top: 30%;z-index: 3;border-radius: 0 15px 15px 0;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4);border: 1px solid #318c2c;transform:translate3D(-100%,0,0);overflow:hidden;border-left:none;}
#toolbox.push {transition:all 0.5s ease-in;transform:translate3D(0,0,0);}
#toolbox .toolbox_opener {background:rgba(255,255,255,0.8);}
#toolbox .toolbox_opener .toolbox_logo {width:60px;}
#toolbox .toolbox_opener.opn .toolbox_logo {width:80px;margin:0 auto;}
#toolbox .toolbox_opener .toolbox_logo a {display:block;padding:10px;}
#toolbox .toolbox_opener .toolbox_notices {border-top: 1px solid #318c2c;padding-top: 5px;text-align:center;display:none;}
#toolbox .toolbox_opener.opn .toolbox_notices {display:block;}
#toolbox .toolbox_opener .toolbox_notices a {font-size: 16px;font-weight: bold;color: #318c2c;text-align: center;line-height: 24px;}
#toolbox .toolbox_magic {background-color:rgba(72,72,72,0.4);opacity:0;display:none;transition:all 0.75s ease-in;padding:10px 5px;}
#toolbox .toolbox_magic.opn {display:block;opacity:1;}
#toolbox .toolbox_magic ul {padding-left:0;}
#toolbox .toolbox_magic ul li {float:none;}
#toolbox .toolbox_magic ul li a.runder_button {border:2px solid #FFF;color:#FFF;width:100%;text-align:center;padding:0 40px;margin-top:15px;}

/* HTML: STICKY-MENU */
header.sticky {background-color:rgba(255,255,255,0.8);position:fixed;top:0;-webkit-transition:background-color 0.5s ease-in;-moz-transition: background-color 0.5s ease-in;-o-transition: background-color 0.5s ease-in;-ms-transition: background-color 0.5s ease-in;transition: background-color 0.5s ease-in;}
header.sticky .header-bar {display:none;}
header.sticky .sticky_logo {display:block;opacity:1;transition:all 0.75s ease-in;margin-top:5px;position: absolute;right: 1%;max-width:150px;}
header.sticky .menu-wrap #nav-bar li a {color:#000;}

/* EXT: SEARCH */
#toolbar .tx-kesearch-pi1 {float:left;width:260px;}
#toolbar .tx-kesearch-pi1 #form_kesearch_pi1{margin:0;}
#toolbar .tx-kesearch-pi1 .kesearchbox input[type="text"]#ke_search_sword {border-radius:50px;width:100%;border:2px solid #046d31;color:#000;padding:0 20px;outline:none;}
#toolbar .tx-kesearch-pi1 .clearer {line-height:0;}

/* Powermail*/
.powermail_form .btn-group { display: flex; margin: 0 -15px 30px -15px; gap: 5px; flex-wrap: wrap;}
.powermail_form .btn-group .btn { padding: 6px 8px; }

.powermail_form fieldset .powermail_fieldwrap label {text-align:left;}
.powermail_form fieldset .powermail_fieldwrap input[type="submit"] {border-radius: 50px;padding: 10px 40px;text-transform: uppercase;display: inline-block;font-weight: bold;border: 2px solid #318c2c;color: #FFF;background-color:#318c2c;}

.powermail_form .tabnavi {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #318c2c;}
.powermail_form .tabnavi button {margin-right:20px;}
.powermail_form .tabnavi .runder_button {background-color:transparent;margin-top:0;font-size:19px;}
.powermail_form .tabnavi .runder_button:focus {outline:none;}
.powermail_form .tabnavi .runder_button.active,
.powermail_form .tabnavi .runder_button:hover {background-color:#318c2c;color:#FFF;}

/* Powermail Woge */
.powermail_form fieldset legend,
#form_lkwb .powermail_form fieldset legend { font-weight: bold; color: #318c2c; border-bottom: none; margin: 0 -15px 15px; font-size: 24px; }
.powermail_form fieldset .powermail_fieldwrap label {text-align:left;}
.powermail_form fieldset .powermail_fieldwrap input[type="submit"] {border-radius: 50px;padding: 10px 40px;text-transform: uppercase;display: inline-block;font-weight: bold;border: 2px solid #318c2c;color: #FFF;background-color:#318c2c;}
.powermail_form fieldset .powermail_fieldwrap.powermail_fieldwrap_zumhaushaltgehrenkinderverwandteetc {font-weight:bold;font-size:19px;margin-bottom:20px;}
.powermail_form fieldset .powermail_fieldwrap.powermail_fieldwrap_person1,
.powermail_form fieldset .powermail_fieldwrap.powermail_fieldwrap_person2,
.powermail_form fieldset .powermail_fieldwrap.powermail_fieldwrap_person3 {font-size:16px;font-weight:bold;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.2);margin-top:30px;margin-bottom:20px;}
.powermail_form fieldset .powermail_fieldwrap .checkbox {float:left;margin-right:25px;}
.powermail_form fieldset .powermail_fieldwrap .checkbox input[type="checkbox"] {top:50%;transform:translateY(-50%);}

.powermail_fieldwrap_type_submit::before {
    content: "Eingaben überprüfen!" !important;
    height: auto;
    width: 100px;
    visibility: hidden;
    position: relative;
}

.validationerror.powermail_fieldwrap_type_submit::before {
    content: "Bitte überprüfen Sie Ihre Eingaben!" !important;
    height: auto;
    width: calc(100% - 30px);
    visibility: visible;
    position: relative;
    color: #A94442;
    padding: 5px 10px;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    margin: 15px;
}



/* EXT: NEWS */
.news .article .news-list-image {overflow:hidden;}
.news .article .news-list-image img {-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.news .article:hover .news-list-image img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.news .article {background:#fff;overflow:hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;position: relative;width:100%;padding-bottom: 15px;margin-bottom: 15px;}
.news .article .news-list-text {padding:35px;}
.news .article .news-list-text h3 {margin-bottom:30px;padding-bottom:0;}
.news .article .news-list-text .news-list-date {color:#318c2c;}

.news .article.careerarticle { box-shadow: 0px 0px 6px -2px #aaa; }
.news .article.careerarticle .news-list-text {padding:0;}

.news .flex-direction-nav a {opacity:1;width:45px;height:49px;z-index:2;}
.news .flex-direction-nav .flex-prev {background:url(/fileadmin/templates/img/flex_prev.png);left:-15px;}
.news .flex-direction-nav .flex-prev::before {content:"\f104";font:normal normal normal 28px/1 'FontAwesome';color:#FFF;position: absolute;top: 3px;}
.news .flex-direction-nav .flex-next {background:url(/fileadmin/templates/img/flex_next.png);right:-15px;}
.news .flex-direction-nav .flex-next::before {content:"\f105";font:normal normal normal 28px/1 'FontAwesome';color:#FFF;position: absolute;top: 3px;}

/* EXT: NEWS SINGLE */
.news-single .footer {border-top:none;margin-top:0;padding:0 0 10px 0;border-bottom:1px solid #318c2c;margin-bottom:10px;}
.news-single .footer p {margin-bottom:0;}

/* DCE: DEFAULT SLIDER */
.defaultSlider {position:relative;}
.defaultSlider .green-bar {position: absolute;top: 50%;height: 30px;background: #338926;width: 100%;}
.defaultSlider .flex-direction-nav a {opacity:1;width:45px;height:49px;z-index:2;}
.defaultSlider .flex-direction-nav .flex-prev {background:url(/fileadmin/templates/img/flex_prev.png);left:-15px;}
.defaultSlider .flex-direction-nav .flex-prev::before {content:"\f104";font:normal normal normal 28px/1 'FontAwesome';color:#FFF;position: absolute;top: 3px;left:15px;}
.defaultSlider .flex-direction-nav .flex-next {background:url(/fileadmin/templates/img/flex_next.png);right:-15px;}
.defaultSlider .flex-direction-nav .flex-next::before {content:"\f105";font:normal normal normal 28px/1 'FontAwesome';color:#FFF;position: absolute;top: 3px;right:15px;}

/* DCE: SLOGANS */
.slogans h4 {color:#318c2c;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #318c2c;}
.slogans .spece {margin-top:55px;}

/* DCE: KOPFBILDER PORTAL */
.portal .portal_content {position:absolute;top:25%;left:50%;transform:translateX(-50%);z-index:2;text-align: center;width:900px;}
.portal .portal_content .watermark {position: relative;margin:0 auto;width:80%;}
.portal .portal_content .catchphrase {position: relative;color: white;font-size:28px;padding:22px 0;border-top:1px solid #FFF;}

/* DCE: KOPFBILDER UNTERSEITEN */
#slider .groupSlide .flexslider .slides li img.mobil {display:none;}
#slider .groupSlide .group_content {position:absolute;bottom:10%;left:0;z-index:2;width:100%;}
#slider .groupSlide .group_content .watermark {width:50%;float:left;}
#slider .groupSlide .flexslider .flex-control-nav {width:auto;position:absolute;bottom:0;z-index:2;right:0;padding:30px 10px;}
#slider .groupSlide .flexslider .flex-control-nav li {margin:10px 0;display:block;}
#slider .groupSlide .flexslider .flex-control-nav li a {background:#FFF;}
#slider .groupSlide .flexslider .flex-control-nav li a.flex-active {background:#318c2c;}

#slider .champ-slider .flex-direction-nav a {top: 57.5%;}

/* DCE: UNTERNEHMENSNAVIGATION */
#box-nav {position:absolute;top:65%;z-index:2;width:100%;}
#box-nav .firmgroup {position:relative;padding:20px;background:rgba(72,72,72,0.4);border:1px solid #FFF;height:130px;overflow:hidden;}
#box-nav a {display:block;}
#box-nav .group_logo {opacity:0;margin-top:-20%;height: 100%;width: 100%;}
#box-nav .group_logo img {margin:0 auto;max-height:100%;width:auto;}
#box-nav .group_verb {font-size:32px;text-align:center;color:#FFF;font-weight:bold;position: absolute;bottom:37%;left: 50%;transform: translate(-50%);width: 100%;hyphens:auto;padding: 5px 5px 5px 5px;}

/* DCE: BESTANDSMAP */
#estate_inventory {position:relative;}
#estate_inventory.mapPad {padding:6% 0 0;}
#lkwb #estate_inventory.mapPad {padding:4% 0 0;}
#estate_inventory .buttPad {padding:30px 0;}
#estate_inventory .imageMap {position:absolute;top:0;z-index: 2;}
#lkwb #estate_inventory .filteredmap {filter:drop-shadow(2px 2px #FFF) drop-shadow(-2px -2px #FFF);}

#estate_inventory .runder_button {margin:10px 0;width:100%;border:2px solid #FFF;text-align:center;cursor:pointer;padding:8px 40px;}
#estate_inventory .runder_button.hover,
#estate_inventory .runder_button:hover,
#estate_inventory .runder_button.active {background:#FFF;color:#4a4a48;}
#houselist {min-height: 90px;}
#houselist .grid-item {margin-bottom:30px;}

/* DCE: Formular */
.form h4 {font-weight:bold;margin:0 0 20px 0; line-height:30px;}

/* PROJECTS-LIST */
.project_slider ul.slides:after {content: " ";float: none;clear: both;display: block;}
.bestand {background:#fff;overflow:hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0;position: relative;width:100%;}
.bestand img {-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.bestand .bestand_text {padding: 0 25px 25px 25px;}
.bestand .bestand_text ul {padding: 0;}
.bestand .bestand_text ul li {line-height: 30px;}
.bestand .bestand_text h3 {border-bottom:3px solid #338926;padding:0 0 10px 0;font-weight:600;font-size:19px;margin: 20px 0 35px;}
.grid-item {margin-bottom:25px;}

/* Bestandsliste als Slider */
.bestandslisteSlider { position: relative; margin-bottom: 25px; }
.bestandslisteSlider .green-bar { position: absolute; top: 50%; height: 30px; background: #338926; width: 100%; }
.bestandslisteSlider .flex-direction-nav {  }
.bestandslisteSlider .flex-direction-nav a::before { font: normal normal normal 28px/1 'FontAwesome'; color: #FFF; position: absolute; top: 3px; }
.bestandslisteSlider .flex-direction-nav .flex-prev { background: url(/fileadmin/templates/img/flex_prev.png); opacity: 1; left: -15px; width: 45px; height: 49px; }
.bestandslisteSlider .flex-direction-nav .flex-prev::before { content:'\f104' !important; left: 15px; }
.bestandslisteSlider .flex-direction-nav .flex-next { background: url(/fileadmin/templates/img/flex_next.png); opacity: 1; right: -15px; width: 45px; height: 49px; }
.bestandslisteSlider .flex-direction-nav .flex-next::before { content:'\f105' !important; right: 15px; }

/* HEADERSLIDER */

.flexslider {border:none;position: relative;margin:0;}

/* DCE: CONTACT */
#lkwb .contact .contact-filter { display: none; }
.contact .contact_img img{margin:0 auto;}
.contact .contact-filter {display: flex;justify-content: center;margin:50px 0;}
.contact .contact-filter .runder_button{cursor: pointer;border-radius: 50px;padding: 0 60px;text-transform: uppercase;display: inline-block;font-weight: bold;border: 2px solid #318c2c;color: #318c2c;margin:0 5% 50px 0;}
.contact .contact-filter .runder_button:hover,
.contact .contact-filter .runder_button.active{background:#338926;color:#fff;}
.contact .contact-filter .runder_button:last-child{margin-right:0;}

.contact .contact-list {
    display: grid;
    grid-template-columns: auto;

    @media (min-width: 768px) {
        grid-template-columns: auto auto;
    }

    @media (min-width: 992px) {
        grid-template-columns: auto auto auto;
    }

    @media (min-width: 1200px) {
        grid-template-columns: auto auto auto auto;
    }
}
.contact .grid-item {margin-bottom:30px; display: none;}
.contact .person {max-width:263px;margin:0 auto;position:relative;}
.contact .grid-item .overlay {position:absolute;height:100%;width:110%;top:0;left:-5%;}
.contact span.bold {font-weight:600;}
.contact .overlay .overlay_bottom i {width:14px;margin-right:5px;}
.contact .overlay a {color:white;}
.contact .overlay .overlay_top .watermark {background: url(/fileadmin/templates/img/deco_bg_right_bottom.png) no-repeat top right;}
.contact .overlay .overlay_top {border-bottom:1px solid #338926;position: absolute;top:10%;left:0;opacity:0;width:100%;background-color: #4a4a4a;padding-left: 30px;color:#fff;text-transform: uppercase;
    -webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}
.contact .grid-item:hover .overlay .overlay_top {top:79%;opacity:1;transform:translateY(-100%);}
.contact .overlay .overlay_bottom {position: absolute;bottom:0;left:0;opacity:0;width:100%;background:rgba(114, 114, 114, 0.4);padding-left: 30px;color:#fff;
    -webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */

    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}

.contact .grid-item:hover .overlay .overlay_bottom {bottom:5%;opacity:1;}

/* BOX-NAV */
.box-nav img {background: white;padding: 15px;border-radius: 10px;}

/* BUTTONS */
#houselist .gray-bestand-box {background: #eee;padding: 130px 0 0 0;position: relative;overflow: hidden;}

/* LKWB */

    /* MENU */
    #lkwb ul.kleeblatt li {background:url(../img/bulletpoints_lkwb.svg) no-repeat 0 8px;background-size:15px 15px;}
    #lkwb header .menu-wrap #nav-bar li:hover a,
    #lkwb header .menu-wrap #nav-bar li a.active {border-bottom:5px solid #76b82a;padding-bottom:20px;}

    /* Hintergrundfarben und Button */
    #lkwb .green-box {background-color:#76b82a;}

    #lkwb .dgray-box {background-color:#575756;}
    #lkwb .dgray-box .runder_button {border:2px solid #76b82a;}
    #lkwb .dgray-box .runder_button.active,
    #lkwb .dgray-box .runder_button:hover{background-color:#76b82a;}
    #lkwb #breadcrumbs {border:1px solid #76b82a;}

    #lkwb #contact .contact-column {border-right:1px solid #004f9f;}
    #lkwb #contact .contact-column:last-child {border-right:none;}
    #lkwb #contact .runder_button {border:2px solid #004f9f;color: #004f9f;}
    #lkwb #contact .runder_button:hover {background-color:#004f9f;color:#FFF;}

    #lkwb footer {background:#575756;}

    /* Schriftfarben */

    #lkwb #breadcrumbs .rootline {color:#76b82a;}
    #lkwb #contact .contact-column h4 {color:#004f9f;}
    #lkwb #houselist {min-height:30px;}

/* Contact Person Fix */
.email-contact { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%; }

/* Slider Ausstattungsstandard */

.champ-slider .flex-prev {
    left: 10px;
    opacity: 1;
    overflow: visible;
}

.champ-slider .flex-next {
    right: 10px;
    opacity: 1;
    overflow: visible;
}

@media(max-width:992px) {
    #estate_inventory.sic-map .dgray-box .imageMap {
        position: relative;
        margin: auto;
    }
    #estate_inventory.sic-map .dgray-box {
        height: auto !important;
    }
    #estate_inventory.sic-map .iventory_buttons {
        display: block !important;
    }
}

/* Regel um zu verhindern, dass der "Home"-Menü Button dauerhaft als "active" markiert ist */
header .menu-wrap #nav-bar .menu li:first-child:has(~ .active) > a {border: none;}
/* Damit der erste Menu-button den Hover Effekt bekommt */
header .menu-wrap #nav-bar .menu li a:hover {border-bottom:5px solid #318c2c !important;}

.jobswrap {max-width: 100%; position: relative;overflow: hidden;}
.jobswrap > img {position: absolute; left: 0;top: 0;width: 100%; height: auto;z-index: -1;}
.jobswrap .contentwrap {position: relative; width: 100%; height: 100%; top: 0;left: 0; min-height: 500px;}
.jobswrap .joblogo { width: 100%; display: flex; justify-content: flex-end; padding-top: 20px;margin-bottom: 5vw;}
.jobsinnerwrap {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.jobsinnerwrap .fancybox {
    padding: 5% 10px;
    background: rgba(255, 255,255, 0.9);
    box-shadow: 0 2px 4px #4a4a4a;
    width: 100%;
    min-height: 130px;
    max-width: 100%;
    text-align: center;
    color: #318c2c;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}
.jobswrap h1 {
    text-align: center;
    font-size: 50px;
    background: rgba(73,73,73,0.4);
    padding: 20px;
    color: white;
    margin: 0 10%;
    margin-bottom: 2vw;
}

.page-jobs #toolbar {
    display: none;

}
.page-jobs #breadcrumbs {
    display: none;

}
.page-jobs main {
    margin-top: 112px;
}

@media(min-width:1599px) {
    .menu {
        display: flex;
        padding: 0;
        width: 100%;
        flex-wrap: wrap;
    }

}

@media(max-width:1599px) {
    .portal .portal_content {width:800px;}
    #box-nav {top: 70%}
    #box-nav .firmgroup {height: 80px}
    #box-nav .group_verb {font-size:24px;}
}

@media(max-width:1550px){
    header.sticky .sticky_logo{left:1%;}
}

@media(max-width:1320px) {
    .portal .portal_content {width:700px;}
    .portal .portal_content .catchphrase {font-size:24px;}
}

@media(max-width:1300px) {
    header .menu-wrap #nav-bar {margin:25px 0 0;}
    #toolbox {top:25%;}
    .stickyicons {top:25%;}
    #slider .groupSlide .group_content .watermark {width:35%;float:right;}
}

@media(max-width:1200px) {
    header .menu-wrap #nav-bar li.last,
    header .menu-wrap #nav-bar li.last.lvl_1 {margin-right:0;}
    #box-nav {display: none}
    #box-nav .firmgroup {height:100px;}
    #footernav .col-md-3:last-child, #footernav .col-sm-6:last-child {padding-left:40px;}
    #estate_inventory.mapPad {padding:80px 0 0;}
        #estate_inventory .imageMap {width:480px;}
    #toolbox .toolbox_magic {background-color:rgba(72,72,72,0.8);}
    .portal .portal_content .watermark {width:75%;}
    .gray-bestand-box {padding:150px 0 0 0;}
}

@media(max-width:1024px) {
    header .menu-wrap #nav-bar li,
    header .menu-wrap #nav-bar li.lvl_1 {margin-right:35px;font-size:15px;}
    .portal .portal_content {width:750px;top:18%;}
    #box-nav {top:63%;}
    #estate_inventory .runder_button {padding:8px 25px;}
    #estate_inventory.mapPad {padding:6% 0 0;}
    #lkwb #estate_inventory.mapPad {padding:3% 0 0;}
    .flex-direction-nav .flex-next::before {content:"\f105";font:normal normal normal 28px/1 'FontAwesome';color:#FFF;position: absolute;top: 3px;left:15px;}
    .flex-direction-nav .flex-prev::before {content:"\f105";font:normal normal normal 28px/1 'FontAwesome';color:#FFF;position: absolute;top: 3px;right:15px;}
    .jobswrap > img {    /*hier geändert*/
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        z-index: -1;
        /*
        width: auto;
        height: max-content;
        */
    }
    .jobswrap .joblogo {  /*hier hinzugefügt*/
        position: absolute;
        top: 0;
    }

    .contentwrap {
        padding-top: 15px;
    }

    .jobswrap h1 {
        font-size: 24px;
    }
    .jobsinnerwrap .fancybox {
        font-size: 20px;
    }
}

form.application .form-group {margin: 0;margin-bottom: 10px;}
form.application {margin: 0 -30px;}
form.application .checkbox {margin-left: 20px;}


.applicationfile input {
    height: 150px;
    opacity: 0;
}
.applicationfile {
    position: relative;
}
.applicationfileoverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #eee;
    z-index: -1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed #ccc;
    font-weight: bold;
    padding: 15px;
}

.button.button-browserback {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 24px;
    background-color: #ccc;
    color: #fff;
    font-weight: bold;
}

.applicationfileremove {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 7px 14px;
    cursor: pointer;
}

.application .form-control {
    background-color: #eee;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.powermail_form .powermail_captchaimage {
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
.powermail_form.application .powermail_fieldwrap_type_captcha .powermail_captcha .flex_captcha_field, .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_field_error_container {
    width: 555px;
}

.powermail_form.application .powermail_fieldwrap_type_captcha .powermail_captcha, .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_field_error_container {
    width: 100%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_captcha .flex_captcha_field, .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_field_error_container {
        width: 455px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_captcha .flex_captcha_field, .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_field_error_container {
        width: 345px;
    }
}
@media screen and  (max-width: 768px) {
    .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_captcha .flex_captcha_field, .powermail_form.application .powermail_fieldwrap_type_captcha .powermail_field_error_container {
        width: 100%;
    }
}

.captcha_img {
    padding: 7px 15px 0 15px;
}

.flex_captcha_field {
    width: 74.4%;
}

.powermail_form.application .powermail_captcha {
    padding: 0 15px;
}
.powermail_form .powermail_fieldwrap_type_captcha .powermail_captcha, .powermail_form .powermail_fieldwrap_type_captcha .powermail_field_error_container {
    width: 100%;
}

.control-label {
    width: 100%;
}

.powermail_form.application fieldset .powermail_fieldwrap label {
    text-transform: uppercase;
}

@media(max-width:992px){
    h1{font-size:28px;margin:0 0 30px 0;}
    header.sticky {position:fixed;padding: 6px 0;height:80px;background:rgba(255,255,255,0.9);}
    header.sticky .sticky_logo {display: none;} /*hier hinzugefügt*/
    header .navbar-toggle {display:block;}
    header .mobile_breadcrumb {display:block;padding-left:10px;margin:20px 0;}
    header .mobile_breadcrumb p{margin-bottom:5px;}
    header .mobile_logo {float: left;transition: opacity 0.25s ease-in;width: 40%;top: 3px;position: relative;display:block;}
    /*header .mobile_logo img{max-width:100%;}*/
    header .mobile_logo a img.img-responsive {max-height: 66px; width: auto}
    header .menu-wrap #nav-bar {padding:20px;border-top:2px solid #318c2c;margin:0;background: rgba(255, 255, 255, 0.9);width:100%;position: fixed;right: -100%;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
    header #nav-bar {position:absolute;height: -moz-calc(100% - 60px);
        height: -webkit-calc(100% - 60px);
        height: calc(100% - 60px);
        top:80px;overflow-y:scroll;}
    header #nav-bar h3 {margin: 0 0 15px 0;}
    header .menu-wrap #nav-bar .mobile_breadcrumb {margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom:1px solid rgba(0,0,0,0.15);}
    header .menu-wrap #nav-bar .menu {padding-left:0;}
    header .menu-wrap #nav-bar .menu li a {font-size:19px;color:#000;padding:25px;display:block;border-bottom:1px solid #318c2c;}
    header .menu-wrap #nav-bar .menu li a.active,
    header .menu-wrap #nav-bar .menu li a:focus,
    header .menu-wrap #nav-bar .menu li a:visited,
    header .menu-wrap #nav-bar .menu li a:hover {border-bottom:5px solid #318c2c;padding: 25px 25px 20px 25px;}
    header .menu-wrap #nav-bar li.lvl_1:hover > a.lvl1,
    header .menu-wrap #nav-bar li:hover > a, header .menu-wrap #nav-bar li > a.active {padding-bottom:15px;}
    header .menu-wrap #nav-bar .menu li .sub-menu {position:relative;background:#318c2c;padding:0 20px;}
    header .menu-wrap #nav-bar .menu li .sub-menu li {margin-bottom:0;}
    header .menu-wrap #nav-bar .menu li .sub-menu li a {color:#FFF;border-bottom:1px solid #FFF;padding:10px;}
    header .menu-wrap #nav-bar .menu li .sub-menu li a.active,
    header .menu-wrap #nav-bar .menu li .sub-menu li a:hover {padding:10px;background-color:#318c2c;}
    header .menu-wrap #nav-bar .menu li .sub-menu li.last a:hover {padding:10px;}
    header .menu-wrap #nav-bar li:last-child a{border-bottom:none;}
    header .menu-wrap #nav-bar li.last.lvl_1 {margin-bottom:50px;}
    header .menu-wrap #nav-bar li, header .menu-wrap #nav-bar li.lvl_1 {float:none;margin:0;text-align:center;}
    header .header-bar {display:none;}

    #lkwb header .menu-wrap #nav-bar {border-top:2px solid #76b82a;}
    #lkwb header .menu-wrap #nav-bar .menu li a {border-bottom:1px solid #76b82a;}
    #lkwb header .menu-wrap #nav-bar .menu li a.active,
    #lkwb header .menu-wrap #nav-bar .menu li a:focus,
    #lkwb header .menu-wrap #nav-bar .menu li a:visited,
    #lkwb header .menu-wrap #nav-bar .menu li a:hover {border-bottom:5px solid #76b82a;padding:25px 25px 20px 25px;}
    #lkwb header .menu-wrap #nav-bar .menu li .sub-menu {position:relative;background:rgba(118,184,42,0.5);padding:20px;}
    #lkwb header .menu-wrap #nav-bar .menu li .sub-menu li a.active,
    #lkwb header .menu-wrap #nav-bar .menu li .sub-menu li a:hover {padding:10px;background-color:#76b82a;}

    #box-nav .group_verb {font-size:21px;}
    .contact .contact-filter{display:inline-block;margin:40px 0;}
    .contact .contact-filter .runder_button {width: 15%;text-align: center;margin: 0 5px;padding:15px 30px;display:initial;}
    .contact .grid .grid-item {margin-bottom:25px;}
    .contact .grid-item:hover .overlay .overlay_top {top:75%;}
    .contact .grid-item:hover .overlay .overlay_bottom {bottom:9%;}
    .contact .grid-item.active .overlay .overlay_top {opacity:1;transform:translateY(-100%);}
    .contact .grid-item.active .overlay .overlay_bottom {bottom:5%;opacity:1;}
    #footernav ul.footer_nav {display:none;}
    #footernav .footer_logo {display: flex;justify-content: center;margin-bottom:55px;}
    #footernav.coPad {padding:35px 0;}
    #toolbar .search {float:none;}
    #toolbar .search .search-label {float:none;}
    #toolbar .search .tx-kesearch-pi1 {float:none; width:auto;}

}

@media(max-width:769px) {
    .button.button-browserback {
        position: relative;
        bottom: unset;
        right: unset;
    }
}

@media (max-width: 992px) {
    header .menu-wrap #nav-bar.open{right: 0;}
}

@media(max-width:768px){
    .coPad {padding:35px 20px;}
    #startSlider .portal_content {display:none;}
    #estate_inventory .interactiveMap{left:0;}
    .searchbar .col-md-6 {margin-bottom:15px;}
    .row.row-eq-height {display:inline;}
    .contact .contact-filter {margin:20px 0;}
    .contact .contact-filter .runder_button { display:inline-block; width:auto; margin-bottom: 1em }
    #contact .contact-column {border:none;}
    #lkwb #contact .contact-column {border:none;}
    .contact {text-align:center;}
    .contact .grid {margin-top:20px;}
    .contact .grid-item:hover .overlay .overlay_top {top:80%;text-align: left;}
    .contact .grid-item:hover .overlay .overlay_bottom {bottom:4%;text-align: left;}
    #box-nav {display:none;}

    #footernav .col-md-3:last-child, #footernav .col-sm-6:last-child {border:none;padding-left:15px;}
    footer .text-white .optional {display:none;}
    footer .container .col-md-6{display: flex;justify-content: center;}
    footer .container .col-md-6 .quicklinks{padding:0;}
    #slider .groupSlide .flexslider .slides li img.mobil {display:block;}

    #estate_inventory .imageMap {width:60%;left:50%;transform:translateX(-50%);}
    #estate_inventory .iventory_buttons {display:none;}
    #estate_inventory.mapPad {padding:19% 0 0;}
    #estate_inventory .dgray-box {height:150px;}
    #houselist {min-height: 120px;}

    #lkwb #estate_inventory.mapPad {padding:18% 0 0;}
    #lkwb #houselist {min-height:150px;}
    .gray-bestand-box {padding:150px 0 0 0;}

    .formlist .form_link {position: relative;bottom:0;}

}


@media(max-width:736px){
    body, html {line-height: 25px;font-size: 14px;}
    header {min-height: 80px;}
    h1 {font-size:24px;margin:0 0 30px 0;}
    h2 {font-size:19px;margin:0 0 20px 0;}
    h3 {font-size:17px;margin:0 0 20px 0;}
    h4 {font-size:14px;margin:0 0 20px 0;}
}

@media(max-width:600px){

    header .menu-wrap #nav-bar .mobile_breadcrumb { display: none; }
    header #nav-bar h3 { margin: 0 0 10px 0; }
    header .menu-wrap #nav-bar .menu li a { font-size: 19px; color: #000; padding: 15px; display: block; border-bottom: 1px solid #318c2c; }
    header .menu-wrap #nav-bar .menu li a.active,
    header .menu-wrap #nav-bar .menu li a:focus,
    header .menu-wrap #nav-bar .menu li a:visited,
    header .menu-wrap #nav-bar .menu li a:hover { border-bottom: 5px solid #318c2c; padding: 15px 15px 10px 15px; }
    #estate_inventory.mapPad { padding: 25% 0 0; }
    #estate_inventory .imageMap { width: 100%; }
    #estate_inventory .imageMap .hovercolor { max-width: 30px !important; }

    #startSlider,
    #slider { margin-top: 80px; }
    #slider .groupSlide .group_content .watermark { display: none; }
    #toolbar a { width: 80%; margin: 0 auto; font-size: 16px; padding: 10px 0; margin-bottom: 10px; }
    #toolbar .search { width: 80%; margin: 0 auto; font-size: 16px; }
    #toolbar .tx-kesearch-pi1 .kesearchbox input[type="text"]#ke_search_sword { padding: 10px; }
}

@media(max-width:375px){
    .contact .grid-item:hover .overlay .overlay_top {top:62%;}
    .contact .grid-item:hover .overlay .overlay_bottom {bottom:26%;}
}

/*Map Interaktion*/
#lkwb .imageMap .city .hover { filter: brightness(0) saturate(100%) invert(62%) sepia(79%) saturate(422%) hue-rotate(45deg) brightness(90%) contrast(87%); }
#lkwb .imageMap .city .hovercolor:hover { filter: brightness(0) saturate(100%) invert(62%) sepia(79%) saturate(422%) hue-rotate(45deg) brightness(90%) contrast(87%); }
#lkwb .sic-map .dgray-box .city.hover .runder_button { background-color: #76b82a !important; color: #4a4a48; }

.imageMap .city .hover path { fill: white !important; }
.imageMap .city .hovercolor:hover path { fill: white !important; }
.sic-map .dgray-box .city.hover .runder_button { background: #FFF; color: #4a4a48;}

header .header-bar .rightOfHeaderBar {display: none;}

/*Sticky Icons*/
.stickyicons {transition: all 0.5s ease-in;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); position: fixed; left: 100%; top: 50%; transform: translateY(-85%); z-index: 1000;}
.stickyicons .stickyicon {border-radius: 15px 0 0 15px;background: rgba(255,255,255,0.8); margin: 4px; width: 100%; left: -55px;position: relative;transition: 0.2s ease-in-out;border: #318c2c 1px solid;}
.stickyicons .stickyicon a {border-radius: 15px 0 0 15px;display: block; color: #fff; text-transform: uppercase;font-weight: bold;}
.stickyicons .stickyicon .stickyiconinner {display: flex; width: 100%; align-items:center;}
.stickyicons .stickyicon a:hover {color: #fff;background: #318c2c;}
.stickyicons .stickyicon a:hover i:before {color: white;}
.stickyicons .stickyicon:hover {left: -100%;}
.stickyicons .stickyicon .stickyiconinner i {height: 40px;width: 40px;margin: 5px; margin-right: 12px;padding: 4px 6px;margin-right: 12px;font-size: 30px;}
.stickyicons .stickyicon .stickyiconinner .fa-phone {padding: 6px 9px;}
.stickyicons .stickyicon .stickyiconinner .fa-instagram {font-size: 36px;padding: 2px 6px;}
.stickyicons .stickyicon .stickyiconinner .fa-facebook {padding: 6px 12px;font-size: 30px;}
.stickyicons .stickyicon .stickyiconinner .fa-envelope-o {padding: 5px 7px;font-size: 29px;}
.stickyicons .stickyicon .stickyiconinner i:before {color: #4a4a49;}
@media (max-width: 1300px) {
    .stickyicons {top: 50%;}
}
@media only screen and (max-width: 1024px) {
    .flex-direction-nav .flex-prev::before, .flex-direction-nav .flex-next::before {
        content:"" !important;
    }
}