@charset "UTF-8";

html{color:#000;background:#FFF;height:100%;margin:0;padding:0;}
body{font-family:'Source Sans Pro', sans-serif;color: #000000;min-height:100%;height:100%;line-height: 1.6em;margin:0;padding:0;font-size:16px;}
#loader{position: fixed; opacity:.9; z-index:9999; background:#FFFFFF url('../images/ajax-loader.gif') no-repeat center center;width:100%;height:100%; text-align:center;}

h1 {color:#009770;margin-bottom:20px;}
h1.mb30 {margin-bottom:30px;}
h2 {color:#009770;text-transform:uppercase;font-size:23px;font-weight:700;margin-bottom:10px;padding-top:20px;}
h3 {color:#000000;text-transform:none;font-size:18px;font-weight:700;}
h3 small {color:#000000;font-size:16px;display:block;font-weight:700;margin-top:10px;margin-bottom:20px;}
h4 {font-size: 16px;font-weight: 700;margin-top:0;}
img, fieldset {border-style:none;}

a {text-decoration:underline;}
a:link {color:#2c9258; background-color:inherit; text-decoration:none;}
a:visited {color:#2c9258; background-color:inherit;}
a:hover, a:link:hover, a:visited:hover {color:#fff; background-color:#009770; text-decoration:none;}
a:active {color:#fff; background-color:#009770; text-decoration:none;}
a:hover.nobg {color:#000; background-color:inherit;}
img.lazyload {opacity: 1;}
.image-center-inner .image a > img {display: inline;}
.image-center-inner .image {text-align:center;}
.align-center {text-align:center;}

.greybox {background:#D3D3D3;padding:30px 0 20px 0; margin-bottom:30px;margin-top:0;}
.greyinfobox {background:#D3D3D3;padding:10px; border-radius:5px;width:250px;display: inline-block;}
.greenbox {background:#009770;padding:20px 0;color:#FFFFFF;}
.greenbox h2 {color:#FFFFFF;}
.greenboxshadow {background:#009770;-webkit-box-shadow: -5px 5px 5px 0px rgba(102,102,102,1);
-moz-box-shadow: -5px 5px 5px 0px rgba(102,102,102,1);
box-shadow: -5px 5px 5px 0px rgba(102,102,102,1);border-radius:8px;padding-bottom:60px;}

.backgroundbox {background-image: url(../images/background-its.jpg);background-repeat: no-repeat;background-position: top center;
background-size: cover;padding-top:15px;padding-bottom: 15px;}

.backgroundbox h1 {color:#FFFFFF;font-size:50px;font-weight: 500;}
.backgroundbox h2 {color:#FFFFFF;font-size:23px;margin: 0 0 50px 0;padding: 0;text-transform: none;font-weight: 500;}
.backgroundbox h3.h3black {font-size:18px;}

/*Klassen zB für Ausrichtung der Headlines header*/
.center, .text-center {text-align:center;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt90 {margin-top:90px;}
.mt170 {margin-top:170px;}
.fleft {float:left;}
.fright {float:right;}
.ta-right {text-align:right;}
.padright100 {padding-right:100px;}
.padright220 {padding-right:220px;}
.mb30 {margin-bottom:30px;}
.mb-30 {margin-bottom:-30px;}
.mb90 {margin-bottom:90px;}
.fs63 {font-size:63px!important;line-height:.5em!important;}
a.raquo:before {content:"\00BB"; padding-left:5px;padding-right:5px;}
.text-shadow {text-shadow: 0 0 5px white;}
.imgresize60 img {width:60px;height:auto;}
.green {color:#009770}
.uppercase {text-transform:uppercase;}
.llh1 {text-align:center;color:#FFFFFF;font-size:50px;margin-top:20px;margin-bottom:15px;}
.llh2 {font-size:22px;}
.greencapitals {color: #009770;text-transform: uppercase;font-size: 23px;font-weight: 700;margin-bottom: 10px;margin-top: 10px;display:block;}
.w800 {width:800px;}

.navbar {border-radius: 0;margin-bottom:0;}
.navbar.navbar-top {height:85px;}
.navbar-default .navbar-collapse {border:0;}
.navbar-default {background-color: #FFFFFF;-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);}
.navbar-nav {float:right;}
.navbar-nav > li.active {font-weight:700;}
.navbar-default .navbar-nav > li > a {color: #000000;text-decoration:none;text-transform:uppercase;padding-left: 20px !important;padding-right: 20px !important;cursor:pointer;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000000;background-color: transparent;}
.navbar-header-main .navbar-brand {line-height:normal;height: auto;margin-top:3px}
.navbar-header-main .navbar-brand.navbar-brand-image > img {}
.nav-link-text {font-size:16px;}
.navbar-header-main .navbar-brand:hover {opacity:1!important}

.navbar-collapse.show {background: #009770;;z-index:9;margin-top:20px;}
.navbar-mainnavigation .navbar-toggler {position:absolute;right:20px;top:16px;}

.dropdown-menu {padding:15px 0;border: 1px solid rgba(0, 0, 0, 0.15);border-top:none;z-index:99;min-width:190px;}
.dropdown-menu[aria-labelledby="nav-item-20"] {min-width:245px;}
.dropdown-menu > li > a {padding:7px 20px; text-decoration:none;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background:#009770;}

.inhalt {position:relative;min-height:100%;}
main {}

.header-img {text-align: center;margin-bottom:20px;}
.header-img img {width:100%;height:auto;max-width: 1920px;}

#sidebar {position: absolute;right: 0px;top: 297px;color: #FFFFFF;font-size: 30px;
background: #E5E5E5 none repeat scroll 0% 0%;border-top-left-radius: 8px;border-bottom-left-radius: 8px;
width: 47px;height:170px;overflow: hidden;box-shadow: 4px 2px 10px 0px #333333;transition: width 0.5s ease-in-out 0s;}
#sidebar.active {width:299px;background:#eeeeee;}
.button {position:absolute;background:#e5e5e5;height:100px;}
.contacttext {opacity:0;position:absolute;left:70px;background:#eeeeee;height:100px;font-size: 21px;}
.contacttext ul li {}
.contacttext li {list-style:none;margin:25px 0 0 0;}
.contacttext a:link {color:#666666; background-color:inherit; text-decoration:none;}
.contacttext a:visited {color:#666666; background-color:inherit;}
.contacttext a:hover, .contacttext a:link:hover, .contacttext a:visited:hover {color:#fff; background-color:#009770; text-decoration:none;}
.contacttext a:active {color:#fff; background-color:#009770; text-decoration:none;}
#sidebar.active .contacttext {opacity:1;}

#sidemenu {position:absolute;top:0;height:170px;color:#FFFFFF;font-size:30px;background:#009770;
  width:47px;overflow:hidden;
-webkit-box-shadow: 4px 9px 10px 0px rgba(187,187,187,1);
-moz-box-shadow: 4px 9px 10px 0px rgba(187,187,187,1);
box-shadow: 4px 9px 10px 0px rgba(187,187,187,1);}
#sidemenu ul li {display:inline-block;}
#sidemenu li {list-style:none;margin:20px 0;text-align: center;}


.col-md-8 ul {margin:15px 25px;}
.col-md-4 {margin-bottom:20px;}
.col5 {position: relative;float:left;width: 20%;padding-left:15px;padding-right:15px;margin-bottom: 30px;}

iframe.googlemap {margin-top:40px;}
header {position:relative;z-index:10;}

.headertextbox {position:absolute;bottom:40px;right:15px;}
.headertext {margin: 0 0 30px 0;}

.greenboxshadow .header {padding:0px 25px 20px 25px;text-align:center;text-transform:uppercase;font-weight:700;}
.greenboxshadow .head {color:#FFFFFF;font-size:24px;padding-top: 20px;line-height:1em;} 
.greenboxshadow .subhead {color:#000000;font-size:18px;margin-top: 10px;text-transform:none;margin-top:0;} 
.greenboxshadow .text {background:#74cc9a;padding:20px 20px;min-height: 220px;}
.greenboxshadow h2 {color:#000000;text-transform:none;font-size:16px;}
.greenboxshadow h2:first-child {margin-top:0;}

.greenboxshadow.boxright {padding-bottom:0;margin-top:20px;}
.greenboxshadow.boxright .header {padding:5px 20px 15px 20px;text-align:center;text-transform:uppercase;font-weight:700;}
.greenboxshadow.boxright .head {height: 40px;padding-top: 10px;line-height:1em;font-size:23px;display:inline-block;width:100%}
.greenboxshadow.boxright .subhead {color:#000000;font-size:16px;text-transform:none}
.greenboxshadow.boxright .text {background:#74cc9a;;padding:20px 20px 5px 20px;min-height: 10px;}
.greenboxshadow.boxright .subtext {background: #009770;padding:10px 20px;min-height: 40px;color:#000000;font-size:16px;text-align:center;font-weight:700;}
.greenboxshadow.boxright .hotline {color:#FFFFFF;font-size:24px;}
.greenboxshadow a:link, .greenboxshadow a:active, .greenboxshadow a:visited, .greenboxshadow a:link {color:#FFFFFF;font-weight:bold;}
.greenboxshadow a:link.pluslink, .greenboxshadow a:active.pluslink, .greenboxshadow a:visited.pluslink, .greenboxshadow a:link.pluslink {background: #009770;color:#FFFFFF;font-weight:bold;}
.greenboxshadow a.pluslink:after {position: relative;top: 0;color:#FFFFFF;}
.greenboxshadow a.pluslink:hover {background:#FFFFFF;color:#009770;}
.greenboxshadow a.pluslink:hover:after {color:#009770;}
.greenboxshadow ul {margin-left:10px;}
.greenboxshadow ul li {margin-bottom:10px;}


.greenbox .head {font-size:24px;font-weight:bold;color:#FFFFFF;}
.greenbox .hotline {background:#d3d3d3;margin:10px 0 20px 0;padding:5px 10px;color:#009770;font-size:24px;font-weight:700;display: inline-block;border-radius:5px;}

.greyinfobox p, a:link > .greyinfobox {color:#009770;text-transform:uppercase;text-decoration:none;font-weight:700;text-align:center;margin-bottom: 20px;}
a:hover > .greyinfobox {opacity:.9;}

a.greenlink {background:#009770;font-size: 16px;padding:5px 20px 3px 10px;border-radius:5px;color:#FFFFFF;display:inline-block;font-weight:700;margin-top:10px;
background:#009770;-webkit-box-shadow: -5px 5px 5px 0px rgba(102,102,102,1);
-moz-box-shadow: -5px 5px 5px 0px rgba(102,102,102,1);
box-shadow: -5px 5px 5px 0px rgba(102,102,102,1);}
a.greenlink:hover {opacity:.9}
a.greenlink:before {content:"\00BB";padding-right:10px;}
.col-md-4 a.greenlink {margin-top:30px;}

a.pluslink {display:table;margin-top:20px;margin-left:auto;margin-right:auto;background: #FFFFFF;padding: 4px 15px 7px 15px;line-height:1em;text-transform: uppercase;color: #009770;font-size:16px;box-shadow:0 0 3px #999999;border-radius: 4px;}
a.pluslink:after {position:relative;top:2px;content:"\00BB"; color:#439acd;padding-left:5px;font-size:20px;}
a.pluslink:hover {background::#009770;color:#FFFFFF;text-decoration:none;}
a.pluslink:hover:after {color:#FFFFFF;}
a.pluslink.workshop:after {color:#FFFFFF;top:0;}

a.greenpluslink {display:none;margin-top:20px;background: #009770;padding: 4px 15px 7px 15px;line-height:1em;text-transform: uppercase;color: #FFFFFF;font-size:14px;box-shadow:0 0 3px #999999;border-radius: 4px;}
a.greenpluslink:after {position:relative;top:2px;content:"\00BB"; color:#FFFFFF;padding-left:5px;font-size:20px;}
a.greenpluslink:hover {background:#FFFFFF;color:#009770;text-decoration:none;}
a.greenpluslink:hover:after {color:#009770;}

.c-after .image {max-width:123px;}
.c-after .gallery-row {align-items:center;}
.rightinfobox {margin-top:25px;}
.rightinfobox h3 {color:#009770;text-transform:uppercase;font-size:24px;font-weight:700;margin-top: 20px;text-align:center}
.rightinfobox h3 small {color:#000000;font-size:16px;display:block;font-weight:700;margin-top:10px;margin-bottom:20px;}

.whiteblock {background-image: url(../images/white-opacity-bg.png);padding:115px 15px 15px 15px;margin-top:-130px;min-height: 340px;}
.whiteblock a, .whiteblock a:link {color:#FFFFFF;}
.partnerlogos .row {margin-left:-7px;margin-right:-15px;}
.partnerlogos .col-md-2 {padding:0;display:table;}
.partnerlogos .image {display:table-cell;vertical-align:middle;}
.partnerlogos img {width:158px; height:auto;padding-right:15px;}
.partnerlogos img:last-child {padding-right:0;}
.partnerlogos h2 {text-align:center;}

.column {column-count: 2;column-gap: 60px;-moz-column-count: 2;-moz-column-gap: 30px;-webkit-column-count: 2;-webkit-column-gap: 30px;}

.frame-carouselnoheader {padding:0}
.frame-carouselnoheader .frame-container {padding:0;max-width:100%;}
.frame-carouselnoheader .carousel-header {display:none;}
.frame-carouselnoheader .carousel .carousel-backgroundimage {background-position:top!important;}

/*Partner */
.frame-img50 figure.image {display:table-cell;vertical-align:middle;}
.frame-img50 figure.image img{max-width:150px;margin-left: 0;}

/*leistungen*/
.frame-icon99 {text-align:center;margin-bottom:20px;}
.frame-icon99 h3 {margin-top:0;}
.frame-icon99 img {width:99px;height:auto;}

.flexslider .slides > li { 
  @include transition(opacity 1s ease);
}

.headergrau {border:0;border-radius:0;box-shadow:none;margin:0;position:relative;}
.headergrau .caption-text {position:absolute;text-align:center;background:transparent;width:600px!important;max-width:100%;left:calc(50% - 300px);top:20%;z-index:9;text-shadow:0 0 3px #333333;}
.headergrau h2 {font-size:66px;color:#FFFFFF;padding:0;}
.headergrau h1 {font-size: 22px;font-weight: 700;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);color:#FFFFFF;}
.headergrau .caption-text a {border-radius: 4px;background: #FFFFFF;padding: 5px 15px;text-transform: uppercase;color: #333333;font-size:14px;box-shadow:0 0 3px #999999;text-shadow:none;font-weight:700;}
.headergrau .caption-text a:after {position:relative;top:0;content:"\00BB"; color:#009770;padding-left:5px;font-size:20px;}
.headergrau .caption-text a:hover {color:#009770;text-decoration:none;}
.headergrau .caption-text a:hover:after {color:#333333;}

.center-right {text-align:center;}
.center-right h2 {text-transform:none;}
.center-right h4 {margin-top:20px;margin-bottom:5px;}

.footer-section {clear:both;color: #FFFFFF;font-size:80%;margin-top: 0px;padding: 18px 0px 12px 0;background: #656565 none repeat scroll 0% 0%;width:100%;min-height:110px;}
.footer-section .container {padding-left:30px;padding-right:30px;}
.footer-section p {display: inline-block;}
.footer-section ul {float:none;margin:0;padding: 0;}
.footer-section ul li {list-style:none;float:left;margin-left:-15px;margin-right:30px;text-transform:uppercase;}

.footer-section a:link, .footer-section a:visited, .footer-section a:active, .footer-section a:focus {color:#FFFFFF;text-decoration:none;padding: 15px;display: inline-block;}
.footer-section a:hover {background:transparent;text-decoration:underline;color:#FFFFFF!important;}

.container.soforthilfe {background:#FFFFFF url("/fileadmin/images/bg-soforthilfe.jpg") no-repeat top center;}
.container.soforthilfe .image {margin-bottom:0;}

div.tx-powermail {font-weight: normal; font-size: 100%;; width: auto; margin-top: 30px;}
.tx-powermail .row-fluid {margin-left:-15px;}
.tx-powermail .container-fluid {padding-left:0;}

.tx-powermail .btn-primary {background:#009770;margin-top:15px;padding-left:10px;}
.tx-powermail .btn-primary:hover {opacity:.9;border:1px solid #009770;}
.row-fluid .col-md-6:first-child:last-child {width:100%}
.powermail_fieldwrap {margin-bottom: 15px;}
.tx-powermail input, .tx-powermail button, .tx-powermail textarea, .tx-powermail select, .tx-powermail optgroup, .tx-powermail option, .tx-powermail .powermail_checkbox  {border: 1px solid #cccccc;padding-left:3px;}
.tx-powermail label {display: block;width: 200px; float: left;clear: left; color: #009770;font-weight:normal;}
.powermail_label {color: #009770;text-transform:uppercase;padding-right: 10px;font-weight:normal;}
.powermail_textarea {width:100%;border-radius: 4px;}
.powermail_select {padding:5px 3px;}
.powermail_fieldwrap_10 {width:100%}
.powermail_fieldwrap_10 input {width:48%;clear:both}
.powermail_fieldset {background: none; border: none; margin-top: 25px;}
.powermail_fieldset fieldset {padding: 0;}
.powermail_legend {display: none;}
.checkbox label {width:100%!important;}
.powermail_fieldwrap_type_submit {clear:both;margin-top:15px;}
.formError .formErrorContent, .formError .formErrorArrow div {background: #CB0614; font-size: 90%}
span.mandatory, .red {color: red; font-weight: bold; padding-left: 5px;}
.powermail_form_2 textarea {max-width:388px;}
.powermail_fieldwrap_type_text {clear:both;padding-top:20px;}

.form-control:focus {border-color: #009770;box-shadow:none;}
.tx-powermail .layout1 label {width:350px;}
.starthinweis {position:relative;margin-top:-100px;text-align:center;z-index:9;}
.starthinweis .infobox {position:relative;width:560px;padding:0;margin:auto;background:white;border-radius:8px;box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.5);padding:20px;}
}

@media screen and (min-width: 1600px) {
.footer-section ul {float:right;margin-right:50px;}
.footer-section ul li {float:right;margin-left:30px;}
}

@media (min-width: 1400px) {
  .frame-container-default {max-width: 1140px;}
}

@media screen and (min-width: 992px) {
  .contentcontainer[data-container-identifier="container_2_columns_left"] {grid-template-columns: 2fr 1fr;}
  /*Partner */
.frame-img50 {margin-bottom:50px;}
.frame-img50 figure.image {height:110px;}
.frame-img50 figure.image img{max-height:110px;}
  .navbar-mainnavigation .navbar-nav {justify-content: flex-end;}
}

@media screen and (max-width: 1199px) {
.col5 {width: 33%;}
.container {width:100%!important;max-width:100%;}
.navbar>.container {justify-content:flex-start;}
.headertextbox {right:70px;}
.container.soforthilfe {background-size:80%;}
.greenboxshadow.boxright .head {font-size:19px;}
#sidebar {top: 257px;}
.starthinweis {margin-top:-50px;}
}

@media screen and (max-width: 1100px) {
.headergrau h1.start span.headline2 {width:300px;}
.bubble.start {margin-left:-90px;}.starthinweis {margin-top:20px;}

}

@media screen and (max-width: 991px) {
.navbar-nav {float:left;margin-top:0;width:100%;}
.userlike {margin-right:50px!important;}
.navbar-toggle {margin-right:0;margin-top:15px;}
.navbar.navbar-top {height:70px;}
.navbar-nav .open .dropdown-menu {background: #74cc9a;margin-right:-30px;}
.navbar-default .navbar-nav > li > a, .navbar-nav > li.active, .navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color: #FFFFFF;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background:#009770;color:#FFFFFF;}

.greenboxshadow.boxright .head {font-size:23px;}
.navbar-header-main .navbar-brand.navbar-brand-image {padding:0;}
.navbar-header-main .navbar-brand.navbar-brand-image > img {max-height: 100%;}
.navbar-header-main .navbar-brand.navbar-brand-image > img {height:65px;width:auto;}
.tx-ws-flexslider .caption-text {line-height:34px;}
.tx-ws-flexslider .caption-text p {font-size:40px;}
.backgroundbox h2 {font-size:16px;}
.powermail_fieldwrap_10 input {width:100%;margin-right:15px;}
#sidebar {top: 257px;}
}

@media screen and (max-width: 850px) {
.greenboxshadow .header {padding:10px;}
.w800 {width:100%;}
}

@media screen and (max-width: 767px) {
.greenboxshadow {padding-bottom:30px;}
.greenboxshadow .head {font-size:24px;height: auto;display:inline-block;padding-top: 20px;width: auto;}
.greenboxshadow .text {min-height:100px;}
.tx-ws-flexslider .caption-text {line-height:28px;top:10%;}
.tx-ws-flexslider .caption-text p {font-size: 35px;}
.tx-ws-flexslider .caption-text p:first-child {font-size: 18px;}
#sidebar {top: 157px;}
  .headergrau .caption-text {left:auto;}
  .headergrau h2 {font-size:50px;}
}


@media screen and (max-width: 600px) {
.backgroundbox h2 {margin-right:50px;}
.tx-ws-flexslider .wsflexslider-style2 .caption-text p {font-size:20px;color:#FFFFFF;}
.tx-ws-flexslider .wsflexslider-style2 .caption-text p:first-child {display:none;}
.column {column-count: 1;-moz-column-count: 1;-webkit-column-count: 1;}
.starthinweis .infobox {width:100%;}
}

@media screen and (max-width: 480px) {
.dispnone480 {display:none;}
#sidebar {top: 50px;}
.tx-ws-flexslider .caption-text {top:0;line-height:25px;}
}

@media screen and (max-width: 470px) {
.container > .navbar-toggle {margin-top:20px;}
.footer-section {min-height:230px;}
.tx-ws-flexslider .caption-text {top:5%;line-height:22px;}
.tx-ws-flexslider .caption-text p {font-size: 26px;}
.tx-ws-flexslider .caption-text p:first-child {display:none;}

}