/* normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { background-color: transparent; color:#60bae9; }
a:active, a:hover { outline: 0; color:#0099d8;}
abbr[title] { border-bottom: 1px dotted; }
b, strong, .bold { font-weight:700; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
hr { box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp {font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; -webkit-appearance: none; border-radius: 0;}
select { border-radius: 0;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; border-radius: 0;-webkit-appearance: none !important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
legend { border: 0;  padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0;}
td, th { padding: 0; }
::-moz-selection {background: #b7e6f8; text-shadow: none; }
audio, canvas, iframe, svg, video { vertical-align: middle; }
img { vertical-align: top; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.hidden, .invisible { display: none !important; }
.clearfix:before, .clearfix:after { content: " ";  display: table; }
.clearfix:after, .clear { clear: both; }
/* nur safari */
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
svg:not(:root) { overflow: hidden; }

/* allgemein */
* { margin:0; padding:0; border:0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html,body { height:100%; width:100%; font-size: 100%}
html { font-size:100%; }
a {text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; display:inline-block; }
*:focus  { outline: 0; }
ul, ol { margin: 0; padding: 0 ; }
nav ul, ul { list-style: none; list-style-image: none;list-style-position: outside;}
.home-li li::before {position:relative;}
main li {position:relative; padding-left:12px;margin-bottom:10px;}
main li:before {position: absolute;left: 0;top:13px;content:"\e906";font-family: 'icomoon' !important;color:#60bae9;font-size:30px;}
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}


/************** ICON SITES *****************/
@font-face { font-family: 'icomoon'; src:  url('fonts/icomoon.eot?b2v1di'); src:  url('fonts/icomoon.eot?b2v1di#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?b2v1di') format('truetype'), url('fonts/icomoon.woff?b2v1di') format('woff'), url('fonts/icomoon.svg?b2v1di#icomoon') format('svg'); font-weight: normal;  font-style: normal; }
[class^="icon-"], [class*=" icon-"], .icon { font-family: 'icomoon' !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;}

.icon-achtung:before, .icon-arbeiten:before, .icon-betreutwohnen:before, .icon-betreuung:before, .icon-bws:before, .icon-dokument:before, .icon-fair:before, .icon-freizeit:before, .icon-gemeinnutzig:before, .icon-hierarchien:before, .icon-konzept:before, .icon-mehrfach:before, .icon-ok:before, .icon-ort:before, .icon-pdf:before, .icon-pflege:before, .icon-spandau:before, .icon-weissensee:before, .icon-spezial:before, .icon-stern:before, .icon-wegzuuns:before, .icon-zeitfurdich:before, .icon-zeitinarbeit:before, .icon-pfeil:before, .icon-pfeil-kl:before, .icon-kontrast:before, .icon-dot:before, .icon-partner:before, .icon-zhausamsee:before {color:#009ad8;font-size:4em;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.icon-achtung:before {content: "\e900";}
.icon-arbeiten:before {content: "\e901";}
.icon-betreutwohnen:before {content: "\e902";}
.icon-betreuung:before {content: "\e903";}
.icon-bws:before {content: "\e904";}
.icon-dokument:before {content: "\e905";}
.icon-fair:before {content: "\e907";}
.icon-freizeit:before {content: "\e908";}
.icon-gemeinnutzig:before {content: "\e909";}
.icon-hierarchien:before {content: "\e90a";}
.icon-konzept:before {content: "\e90c";}
.icon-mehrfach:before {content: "\e90d";}
.icon-ok:before {content: "\e90e";}
.icon-ort:before {content: "\e90f";}
.icon-pdf:before {content: "\e911";}
.icon-pflege:before {content: "\e914";}
.icon-partner:before {content: "\e910";}
.icon-spandau:before {content: "\e915";color:#e55259;}
.icon-weissensee:before {content: "\e919";color:#e55259;}
.icon-spezial:before {content: "\e916";}
.icon-stern:before {content: "\e917";}
.icon-wegzuuns:before {content: "\e918";}
.icon-zeitfurdich:before {content: "\e91a";}
.icon-zeitinarbeit:before {content: "\e91b";}
.icon-pfeil:before {content: "\e913";}
.icon-pfeil-kl:before {content: "\e912";}
.icon-kontrast:before {content: "\e90b";}
.icon-dot:before {content: "\e906";}
.icon-zhausamsee:before {content: "\e91c";}

/************** FONTS *****************/
@font-face {font-family: 'sansbold';src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),url('fonts/opensans-bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sanslight';src: url('fonts/opensans-light-webfont.woff2') format('woff2'),url('fonts/opensans-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'sansreg';src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),url('fonts/opensans-regular-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montlight';src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),url('fonts/montserrat-light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}
@font-face {font-family: 'montthin';src: url('fonts/montserrat-thin-webfont.woff2') format('woff2'),url('fonts/montserrat-thin-webfont.woff') format('woff');font-weight: normal;font-style: normal;}

body { font-family: 'sansreg', sans-serif; font-weight: 400; color:#fff; font-size:16px; line-height:26px; background:#000;}

h1, h2, h3, h4, h5, h6 { text-transform:uppercase;font-family:'montlight';font-weight:300;}
h1 {font-size:40px; line-height:46px; letter-spacing:1px;margin-bottom:20px;}
h2 {font-size:30px; line-height:36px; letter-spacing:1px;margin-bottom:20px;}
h3 {font-size:25px; line-height:28px; letter-spacing:1px;margin-bottom:15px;}
h4 {font-size:20px; line-height:24px; letter-spacing:1px;margin-bottom:15px;}

/* COLORZ */
.blue {color:#0099d8;}
.gray {color:#4b5959;}
.grayhell {color:#eaebed;}
.graywhite {color:#f9f9fa;}
.yellow {color:#fecf00;}
.dnklblau {color:#005ba9;}
.green {color:#bbce00;}
.red {color:#e55259;}
.grayfoot {color:#394545;}

.space {padding-bottom:80px;}
.mobile {display:none;}
.off {display:block;}
.poff {display:block;}
.pmobile {display:none;}
.flleft {float:left;}
.flright {float:right;}
/********** HEADER **********/
header {position:relative; width:100%;margin-bottom:10px;}
header #loga {float:left;position:relative;width:188px;height:90px;margin:20px 0 15px;}
header #logo {position:relative;width:188px;height:90px;background:url('../methodpix/BWS_LogoW.svg') no-repeat;text-indent:-3000px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}

ul#skip {position: absolute;top: -6000px;left: -6000px;height: 1px;width: 1px;}
.invisible {width: 0;height: 0;left: -1000px;top: -1000px;position: absolute;overflow: hidden;display: inline;}

/* ## CONTAINER ## */
.wrap {opacity:0;}
.headwhite, .allwhite, .allhellmini, #bghellgraystart, .bghellgraystart, .bghellgray, .bgred {width:100%;position:relative;}
.headwhite {background:#000;}
.allwhite {background:#000;margin-bottom:80px;}
.allhellmini {padding:50px 0 30px;background:#000;}
#bghellgraystart, .bghellgraystart {background:#000;padding:0;}
#bghellgraystart {z-index:999;}
.bghellgray {background:#000;padding:80px 0 50px;margin-bottom:60px;}
.bgred {background-color:#e55259;margin-bottom:80px;}

.center {max-width:1200px; margin:0 auto; position:relative; padding:0 20px;}
.centerkl {max-width:800px; margin:0 auto; position:relative; padding:0 20px;}

/* allgemein */
.transit, input.submit {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.loading {position:fixed; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height:80px; background:url(../methodpix/logoicon.png) no-repeat center center; -webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; -webkit-animation-name: pulse; 	animation-name: pulse;	-webkit-animation-iteration-count: infinite;}
@-webkit-keyframes pulse {  0% { -webkit-transform: scale(0.7); } 50% { -webkit-transform: scale(1.0); } 100% { -webkit-transform: scale(0.7); } }
@keyframes pulse {  0% { transform: scale(0.7); } 50% { transform: scale(1.0); } 100% { transform: scale(0.7); } }
.no-js .wrap {opacity:1;}
.no-js .loading {display:none;}

/*service*/
.service {float:right;z-index:998;position:relative;margin-top:15px;}
.zuUG, .platzanfrage, header .mod_search, .logout {font-size:14px;float:right;margin-left:20px;}
.zuUG li {float:right;margin-left:8px;}
.zuUG li a {color:#000;padding:15px 10px;background:#fff;}
.zuUG li a:hover {color:#fff;background:#0099d8;}
.platzanfrage a, .logout a {text-align:center;color:#fff;position:relative;padding:15px 10px;margin:0 1% 2% 0;white-space: nowrap;}
.platzanfrage a {background-color:#0099d8;}
.logout a {background-color:#e55259;}
.platzanfrage a:hover, .logout a:hover {background-color:#000;}
.kontrast {float:right;}
.kontrast a {position:relative;width:26px;height:26px;margin-top:12px;background:url('../methodpix/kontrastw.svg') no-repeat;text-indent:-1000px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.kontrast a:hover {background:url('../methodpix/kontrast1w.svg') no-repeat;}

/* suche */
header .mod_search {position:relative;}
header .mod_form {float:right;}
.mod_search input {width:70px;color:#000;background:#fff;padding:19px 10px 11px;}
.mod_search input:focus {color:#0099d8;background:#fff;}
.mod_search label {display:none; height:0;}
.mod_search .widget {clear:none;}
.mod_search .widget-text, .mod_search .widget-submit {float:left;}
.mod_search .submit {position:relative; background:#fff url('../methodpix/lupe1.svg') no-repeat center center; width:26px;height:50px;text-indent:-10000px;}
.mod_search .submit:hover {background::#fff url('../methodpix/lupe.svg') no-repeat center center;}
input::-webkit-input-placeholder {color: #000;}
input:-moz-placeholder {color: #000; opacity:1;}
input::-moz-placeholder {color: #000; opacity:1;}
input:-ms-input-placeholder {color: #000;}
#article-263 .mod_search input {padding:0 6px 0 10px;}
#article-263 .mod_search .formbody, #article-263 .mod_search .header, #article-263 .mod_search .info {float:left;width: 100%;}
#article-263 .mod_search .formbody {margin-bottom:20px;}
#article-263 .mod_search .info {margin-bottom:25px;}
.even, #article-263 .mod_search .odd {margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #eaebed;}
.even h3 .relevance, .odd h3 .relevance {font-size: 16px;}

/********** HEADERBILD **********/
.header_image {position:relative;float: left;}
.header_image img {position:relative; width:100%; height:auto;}
.slogan {position:absolute;top:10%;right:10%;z-index:100;}
.slogan1 {line-height:44px;letter-spacing:1.7px; display:none;color:#0099d8;}
.slogan h2 {margin-bottom:6px;}
.slogan2 {font-family:'sansreg';font-weight:400;font-size:20px;line-height:30px;display:none;color:#000;max-width:450px;}
.slogan3 {margin-top:40px;display:none;}
.slogan3 a {font-size:20px;color:#fff;padding:20px 5px 20px 25px;background:#0099d8;line-height:24px;}
.slogan3 a:hover {color:#fff;background:#000;}
.slogan3 p  {float:left;}
.slogan3 a:after {content:"\e913";font-family: 'icomoon';font-size: 40px;margin-left:30px;}
.slogan3 li:hover a:after {color:#fff;}

.mod_breadcrumb li { display: inline-block; } 
.mod_breadcrumb li:after { content: " • "; }

/* navigation */
#navi {width:100%;float:left;}
#subnavi {width:100%;float:left;}
.navigation {position:relative;z-index:990;font-weight:300;color:#000;letter-spacing:0.5px;}
.main_nav li {float:left; margin-right:1%; position:relative;width:19%;}
.main_nav li:last-child {margin-right:0;}
.main_nav li a {background:#fff;padding:25px 12px 20px;color:#000; display:block;text-align:center;height:160px;}
.main_nav p {font-size:14px;margin:0;line-height:22px;}
.main_nav li h3, .main_nav li h4 {margin-top:10px;font-size:15px;margin-bottom:5px;letter-spacing:0;line-height:20px;}
.main_nav li:hover a, .main_nav li.trail a {background:#0099d8; color:#fff;}
.main_nav li.active .active {padding:25px 12px 20px; background:#0099d8; color:#fff;display:block;text-align:center;height:160px;}
.main_nav .level_2 {display:none;}

.betreuungsangebote .main_nav .betreuungsangebote .level_2, .haus .main_nav .betreuungsangebote .level_2 {position:absolute;display:none;transition: transform 250ms ease-in-out;background:#fff;}
.betreuungsangebote .main_nav .betreuungsangebote:hover .level_2, .haus .main_nav .betreuungsangebote:hover .level_2 {display:block;opacity: 1;animation-name: fadeInOpacity;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 0.4s;}
 @keyframes fadeInOpacity {0% {opacity: 0;} 100% {opacity: 1;}}
.main_nav .level_3, .betreuungsangebote .main_nav .betreuungsangebote .level_2 li.scroll, .haus .main_nav .betreuungsangebote .level_2 li.scroll {display:none;}

.main_nav .level_2 li.active .active {padding:15px 20px;height:auto;}
.main_nav .level_2 {position:absolute;display:none;transition: transform 250ms ease-in-out;background:#fff;}
.main_nav .level_2 li {border-bottom:1px solid #9acae3; font-size:16px;line-height:40px;display:block;width:100%; margin-right:0;white-space:nowrap;}
.main_nav .level_2 li:first-child {border-top:1px solid #fff;}
.main_nav .level_2 li:last-child {border-bottom:none;}
.main_nav .level_2 li a { color:#000; background:rgba(255,255,255,0.9); padding:15px 20px;height:auto;}
.main_nav .level_2 li.trail a { color:#fff; background:#0099d8;}
.main_nav .level_2 li a:hover { color:#fff; background:#0099d8; }

.main_nav .home {display:none;}
.main_nav .pflege a:before, .main_nav .betreuungsangebote a:before, .main_nav .uberuns a:before, .main_nav .weg a:before, .main_nav .arbeitgeber a:before {font-family:'icomoon';font-size:40px;text-align:center;color:#0099d8;}
.main_nav .pflege a:before {content:"\e914";font-family:'icomoon';}
.main_nav li.active .pflege:before {content:"\e914";font-family:'icomoon';font-size:40px;text-align:center;}
.main_nav li.active .uberuns:before {content:"\e904";font-family:'icomoon';font-size:40px;text-align:center;}
.main_nav li.active .betreuungsangebote:before {content:"\e903";font-family:'icomoon';font-size:40px;text-align:center;}
.main_nav li.trail .betreuungsangebote:before {content:"\e903";font-family:'icomoon';font-size:40px;text-align:center;color:#fff;}
.main_nav li.active .weg:before {content:"\e917";font-family:'icomoon';font-size:40px;text-align:center;}
.main_nav .betreuungsangebote a:before, .main_nav .betreuungsangebote .active span:before {content:"\e903";}
.main_nav .uberuns a:before {content:"\e904";}
.main_nav .weg a:before {content:"\e918";}
.main_nav .arbeitgeber a:before {content:"\e901";}
.main_nav .pflege:hover a:before, .main_nav .betreuungsangebote:hover a:before, .main_nav .uberuns:hover a:before, .main_nav .weg:hover a:before, .main_nav .arbeitgeber:hover a:before {color:#fff;}
.main_nav .submenu a:before, .main_nav .submenu span:before {display:none;}

.betreuungsangebote #subnavi .main_nav li.haus {display:none;}
#subnavi .main_nav li h4 {margin-top:10px;font-size:15px;margin-bottom:5px;letter-spacing:0;}
#subnavi .main_nav li a {padding:5px 10px;height:70px;}
.sticky {position:fixed!important;width:100%;margin-top:0!important;top:0;opacity:0;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.sticky:hover, #minihamburg:hover .sticky {opacity:1;}
#minihamburg {display:block;opacity:0;position:fixed;top:20px;right:40px;width:50px;height:30px;z-index:997;}
.show {opacity:1!important;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;} 
.intern .main_nav li a, .intern .main_nav li.active .active {height:auto;}/* hamburger */
label.hamburg {display:none;z-index:999;background:none; width:59px; height:50px; position:absolute; top:50px; right:34px; cursor:pointer; margin-left:auto; margin-right:auto;border-radius:4px;}
input#hamburg {display:none}
.line { position:absolute; left:2px; height:6px; width:55px; background:#fff;display:block; transition:0.5s; transform-origin:center;}
label.hamburg:hover .line {background: #0099d8;}
.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }
.line:nth-child(1).rotated {transform: translateY(12px) rotate(-45deg); -webkit-transform: translateY(12px) rotate(-45deg); -moz-transform: translateY(12px) rotate(-45deg); -o-transform: translateY(12px) rotate(-45deg);transition-duration:0.2s;}
.line:nth-child(2).rotated {opacity:0;}
.line:nth-child(3).rotated {transform: translateY(-12px) rotate(45deg); -webkit-transform: translateY(-12px) rotate(45deg); -moz-transform: translateY(-12px) rotate(45deg); -o-transform: translateY(-12px) rotate(45deg);transition-duration:0.2s;}

.breadcrumb {position:relative;width:100%;float:left;}
.breadcrumb li {color:#fff;font-size:13px;padding:16px 0 24px;}
.breadcrumb li:before {display:none;}

.onscroll { opacity: 1; -webkit-transition: opacity .7s ease-in, margin-top .7s ease-out; transition: opacity .7s ease-in, margin-top .7s ease-out; }
.onscroll-hidden { opacity: 0; margin-top:0; }

.go_top {position:fixed; right:20px; bottom:20px; width:35px; height:35px; background:#60bae9; z-index:999; text-align:center; display:none;}
.go_top:hover {background:#003b61;}
.go_top .arrow {width:18px; height:18px; border-top:3px solid #fff; border-left:3px solid #fff; position:absolute; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg); top:12px; left:9px;}

/********** MAIN **********/
main {position:relative;width:100%;}
img {width:100%; height:auto;}

.zweidritt {float:left;width:65%;}
.eindritt {float:right;width:30%;}
.zweidritt h1 {margin:20px 0 40px;color:#fff;}

.left {width:50%; float:left;}
.right {width:45%; float:right;}

.bgred {background:#e55259 url('../methodpix/redbg.png') no-repeat top left;}
.bgred .left {padding:50px 60px;color:#fff;}
.redbutt {background:#fff;color:#fff;padding:0 15px 10px;text-align:center;margin-top:10px;}
.redbutt:after {content: "\e912";font-family: 'icomoon';font-size: 40px;top:22px;position: relative;padding-left:10px;}

.dreistart a {width:32%;color:#000;float:left;border:1px solid #e0e4e4;text-align:center;padding:12px 15px;background:#000;margin-bottom:20px;margin-right:2%;}
.ce_rsce_iconteaser:last-child a {margin-right:0;}
.dreistart a:hover {background:#0099d8;color:#fff;}
.dreistart .dreistarticon {margin-bottom:10px;}
.dreistart a:hover .icon:before {color:#fff;}

/* ANGEBOTE & AKTUELL */
.angebot a {width:32%;background:#000;float:left;margin-bottom:20px;color:#000;margin-right:2%;}
.ce_rsce_dreier:last-child a {margin-right:0;}
.news a, .hauser a {width:49%;background:#000;float:left;margin-bottom:20px;color:#fff;}
.news a:nth-child(1), .hauser a:nth-child(1) {margin-right:2%;}
.angebottxt, .aktuelltxt {width:100%;padding:30px 20px 30px;}
.angebottxt h4, .aktuelltxt h4 {margin-bottom:20px;color:#fff;}
.angebottxt p, .aktuelltxt p {color:#000;margin-bottom:20px;}
.angebotpix, .aktuellpix, .ce_rsce_dreinur .nurpix {overflow:hidden;}
.angebotpix img, .aktuellpix img, .ce_rsce_dreinur .nurpix img {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.angebot a:hover, .news a:hover {background:#0099d8;color:#fff;}
.angebot a:hover p, .angebot a:hover h4, .news a:hover p, .news a:hover h4, .hauser a:hover h4, .hauser a:hover p {color:#fff;}
.angebot a:hover img, .news a:hover img, .ce_rsce_dreinur a:hover img, .hauser a:hover img {transform: scale(1.05,1.05);}
.angebot a:hover .kapbutt, .news a:hover .kapbutt, .hauser a:hover .kapbutt {background-color:#000;color:#fff;}
.angebot a:hover .kapbutt p, .news a:hover .kapbutt p {color:#fff;}

.kapbutt, .kapbutthell a {color:#fff;padding:8px 10px;background-color:#0099d8;width:60%;margin-top:20px;text-align:center;}
.kapbutt p, .kapbutthell p, .kapbuttgreen p {color:#fff;;margin:0;}
.kapbutt p:after, .kapbutthell a:after, .kapbuttgreen a:after {content: "\e913";font-family: 'icomoon';font-size:20px;top:4px;position: relative;padding-left:10px;}
.kapbutt:hover {background-color:#000;}
.kapbutthell a:hover, .kapbuttgreen a:hover {background-color:#fff;color:#000;}
.aktuell a:hover .kapbutt {background-color:#000;color:#fff;}
.aktuell a:hover .kapbutt p {color:#fff;}
.date {font-size:12px;color:#7a868d;}
.kapbuttgreen a {color:#fff;padding:8px 10px;background-color:#bbce00;width:60%;margin-top:20px;text-align:center;}

/*  ## HAUSER  ##*/
.hauser a .kapbutt {background-color:#e55259;}
.hauser a:hover {background:#e55259;color:#fff;}
.hauser a:hover .kapbutt p {color:#fff;}
.hauser a li:before {color:#e55259;}
.hauser a:hover li:before {color:#fff;}

/* .mehrlinx  */
.mehrlinx a, .mehrlinx .active span {float:left; margin-right:1%; position:relative;width:19%;padding:2px 10px;}
.mehrlinx li:before {display:none;}
.mehrlinx h3, .mehrlinx h4 {text-align:center;position:relative;font-size:16px;}
.mehrlinx h3 {color:#fff;}
.mehrlinx a:hover h3, .mehrlinx .active span {color:#0099d8;}

/* DREI ARGUMENTE  */
.argument {width:32%;margin-right:1%;background: #f9f9fa;padding:20px 10px 10px;float: left;margin-bottom:10px;text-align:center;}
.ce_rsce_iconargument:last-child .argument {;margin-right:0;}
.argument h4 {margin-top:10px;}
.argument h4, .argument p {color:#000;}

.haus .icon-pflege:before, .haus .icon-betreutwohnen:before, .haus .icon-freizeit:before, .haus .icon-zhausamsee:before {color:#e55259;}
.haus .icon-mehrfach:before {color:#bbce00;}

/* DREI Teaser mit Link  */
.ce_rsce_dreinur a, .ce_rsce_rotteaser a {float:left;text-align:center;margin-bottom:20px;margin-right:2%;}
.ce_rsce_dreinur a {width:32%;color:#4b5959;background:#f9f9fa;}
.ce_rsce_dreinur:last-child a {margin-right:0;}
.ce_rsce_dreinur h4, .ce_rsce_rotteaser h4 {padding:15px 15px 0;}
.ce_rsce_dreinur a:hover {background:#0099d8;color:#fff;}
.ce_rsce_dreinur h4:hover {color:#fff;}
.ce_rsce_dreinur h4:after, .ce_rsce_rotteaser h4:after {content: "\e913";font-family: 'icomoon';font-size:20px;top:4px;position: relative;padding-left:10px;}
.ce_rsce_dreinur .nurpix, ce_rsce_rotteaser .nurpix {overflow:hidden;}

.lino {border-top:1px solid #dde9ec;margin:60px auto;width:60%;}
.ce_rsce_lino {float:left;width:100%;position:relative;}

/* Rot Teaser mit Link  */
.ce_rsce_rotteaser a {width:100%;color:#fff;background:#e55259;}
.ce_rsce_rotteaser a:hover {background:#4b5959;}
 
/* ACCORDION */
.ce_rsce_team {width:24%;position:relative;float:left;}
.ce_rsce_team {margin:0 1% 2% 0;}
.ce_rsce_team:last-child {margin:0 0 10% 0;}
.ce_rsce_gesch {width:46%;position:relative;float:left;}
.ce_rsce_gesch {margin:0 4% 3% 0;}
.ce_accordion {position:relative;margin-bottom:20px;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.toggler {background:#eaebed;color:#4b5959;text-align:center;padding:15px 50px 15px 15px;;width:100%; top:0;font-size:16px;cursor:pointer;-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;position:relative;}
.toggler:hover {background:#0099d8;color:#fff;}
.accbox:hover .togglerxx, .ce_accordion .toggler.on, .ce_accordion.on, .accbox:hover .ce_accordion {background:#4b5959;color:#fff;}
.toggler.on {border-bottom:none;}
.toggler:after {content: "\e913";font-size:30px;font-family: 'icomoon' !important; position:absolute;top:20px;right:16px;-moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg);-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.toggler.on:after {-moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); -webkit-transform: rotate(270deg);}
.accordion {position:relative;color:#fff;padding:30px 15px 15px; border-bottom:1px solid #60bae9;background:#4b5959;}
.middle {margin-left:25%;}


/* ACCORDION Hauser */
.haus .ce_accordion .toggler.on {background:#e55259;color:#fff;}
.haus .toggler:hover {background:#e55259;color:#fff;}
.haus main li:before {color:#e55259;}
.haus .accordion {color:#000;background:#f9f9fa; border-bottom:1px solid #e55259;}

.haus #mehrfach .toggler {background:#bbce00;color:#fff;}
.haus #mehrfach .toggler.on {background:#bbce00;color:#fff;}
.haus #mehrfach .toggler:hover {background:#bbce00;color:#fff;}
.haus #mehrfach li:before {color:#bbce00;}
.haus #mehrfach .accordion {border-bottom:1px solid #bbce00;}

.belegt {background:#fab900;padding:20px 15px;color:#fff;}
.belegt .icon {text-align:center;margin-bottom:10px;}
.belegt .icon:before {color:#fff;}

/* KONTAKT */
.kontbox {width:50%;margin:0 auto;}
.kontbox h2 {margin:50px 0 40px;}
.form_box {margin:15px 0 20px;}
#kontaktformular input, #kontaktformular select { width:100%; border:1px solid #eaebed; height:30px; line-height:30px; padding-left:5px; margin-bottom:10px;}
#kontaktformular label{height:30px; line-height:30px;display:block;}
#kontaktformular textarea {width:100%; height:150px; padding:5px; border:1px solid #eaebed; margin-bottom:10px; -webkit-appearance: none; border-radius: 0;}
#kontaktformular input.captcha {width:50px; margin-right:10px;}
#kontaktformular button, .newslet button {border:1px solid #0099d8; color:#fff; background:#0099d8; float:none; width:150px; margin-top:20px;padding:12px 30px;}
#kontaktformular button:hover, .newslet button:hover {background:#4b5959;}
.captcha_text { line-height:30px;}

.haus #kontaktformular input, .haus #kontaktformular select {border:1px solid #eaebed;}
.haus #kontaktformular textarea {border:1px solid #eaebed;}
.haus #kontaktformular button {border:none;color:#fff; background:#e55259; float:none; width:150px; margin-top:20px;padding:12px 30px;}
.haus #kontaktformular button:hover {background:#4b5959;}


.anfragl {float:left;}
.anfragr {float:right;}
.anfragl, .anfragr {margin-top:20px;width:49%;}
.anfragl h4, .anfragr h4 {margin-top:20px;}

/* LOGIN */
.logbox {width:50%;margin:0 auto;}
.mod_login .widget-text input, .mod_login .widget-password input {width:100%; border:1px solid #eaebed; height:30px; line-height:30px; padding-left:5px; margin-bottom:10px;background: #eaebed;color:#000;}
.mod_login label {height:30px; line-height:30px;display:block;}
#login button {border:none; color:#fff; background:#0099d8; float:none; width:150px; margin-top:20px;padding:12px 30px;}
#login button:hover {background:#4b5959;}
#login .error {color:#e55259;}
.logout {}
/* .intern .newsbox a {border-bottom:1px solid #e55259;} */

/* NEWS */
.newsbox {width:62%;margin:0 auto;padding:0 30px;}
.newsbox .right {padding:20px 20px 0 15px;}
.sitenews .allwhite, .newsreader .allwhite {margin-bottom:20px;}
.sitenews .kapbutt {margin-top:20px;}
.sitenews .aktuell a {width:100%;background-color:#fff;color:#000;float:left;margin-bottom:20px;}
.sitenews .aktuell h3 {margin-bottom:20px;color:#4b5959;}
.sitenews .aktuell a:hover {background-color:#0099d8;color:#fff;}
.sitenews .aktuell a:hover h3, .sitenews .aktuell a:hover p {color:#fff;}
.newsreader main .image_container {margin-bottom:20px;}
.whitebg {background-color:#fff;padding:20px 30px;}
.mod_newsarchive a {margin-bottom:40px;}
select option, select {background:#fff;}

.refstyle {background:#fff;}
.refstyle h1 {text-align:left;margin:40px 0 30px 0;padding:5px 15px;}
.refstyle p {padding:5px 15px;}
.refstyle .left {margin-bottom:50px;}
.refstyle .refbutt {text-align:center;}
.refstyle .refbutt a {color:#fff;padding:5px 15px;background-color:#60bae9;width:30%;margin:40px 15px 80px;}
.refstyle .refbutt a:hover {color:#fff;background-color:#525e65;}
.back {display:none;}
.referenzhead {text-align:center;color:#fff;}

/* ##### Kalender #####*/
.mod_calendar {margin:50px 2% 50px 4%;width:44%;float:left;}
.mod_calendar .current {padding:10px;background:#0099d8;color:#fff;}
.mod_calendar .head a {padding:10px;background:#eaebed;width:100%;}
.mod_calendar .head a:hover {padding:10px;background:#0099d8;color:#fff;}
.mod_calendar .label, .mod_calendar .days {padding:10px;border: 1px solid #eaebed;}



/********** FOOTER **********/
footer {position:relative;width:100%;padding:50px 0;background:#000;float:left;}
.fooleft {width:48%;padding:0 0 20px;margin-right:2%;float:left;}
.fooleft p {width:90%;}
.fooright {width:48%;float:right;text-align:right;}
.fooleft{}
.fooleft, .fooright {color:#fff;margin-bottom:10%;}
.fooright a {color:#fff;}
.fooright a:hover {color:#60bae9;}
.fooright li a {margin-bottom:15px;padding:6px 0;}
.foologoleft {width:60%;float:left;padding:0 15px 0 0;}
.foologoright {width:40%;float:right;}
.mini {font-size:12px;}



/*#############nooooooo###########*/

.dreier a, .aktuell a {width:32%;color:#ffffff;float:left;/* margin-bottom:20px; */}
.dreier a {padding:20px 10px 10px;}
.dreier a {text-align:center;text-transform:uppercase;}
.dreier a:nth-child(1), .dreier a:nth-child(2), .aktuell a:nth-child(1), .aktuell a:nth-child(2) {margin-right:2%;}
.dreier a:hover {background-color:rgba(64, 75, 81, 0.4);border-radius:10px;}

.mod_newsmenu a {list-style-type:none;padding:15px;}
.mod_newsmenu li::before {display:none;}
.archiv .newsbox {width:100%;}
.mod_newsarchive {margin-top:80px;}
.mod_newsarchive a {margin-right:2%;}
.mod_newsarchive a:last-child {margin-right:0;}

.info {margin-top:30px;}
.info .infoicon, .info .infohead {float:left;}
.info .infoicon {width:10%;margin-bottom:20px;}
.info .infohead {width:90%;word-wrap: break-word;}

.anfragepix, .anfragetxt {float:left;height:auto;}
.anfragepix {padding-right:2%;}
.anfragetxt {padding:10% 20px 3%;color:#fff;}

.txtcenter {text-align:center;}
.haus .specbutt {float: left;width:100%;text-align: center;}
.haus .specbutt a {margin:30px 0;background-color:#e55259;color:#fff;padding:10px 50px;text-transform:uppercase;text-align:center;}
.haus .specbutt a:hover {background-color:#4b5959;color:#fff;}

/* NOFOUND */
#article-262 p {color:#525e65;}
/* NEWSLETTER */
#checkboxnl {width: 22px !important;height: 22px !important;float: left;margin-right: 10px;margin-top: 0 !important;}
#checkboxnl {text-align:left;}


/****************************** MEDIAX **********************/

@media (max-width: 1440px) {
    .slogan {display:none;}
    .slogan {top:3%;background:rgba(255,255,255,0);}
    .slogan3 {margin-top:12px;}
}

@media (max-width: 1180px) {
    .slogan {background:rgba(255,255,255,0.6);padding:6px 12px;}
    .slogan2 {font-size:16px;line-height:22px;}
    .slogan3 a {font-size:16px;padding:10px 20px;line-height:20px;}
}

@media (max-width: 1024px) {
    .off, #subnavi {display:none;}
    .mobile {display:block;}
    .main_nav .home {display:block;}
	.navigation {position:fixed;margin-top:0; top:120px; right:0; width:100%; max-height:100%;display:none;overflow: hidden; bottom:0;}
    label.hamburg {display: block;}
	.overflowbox { position: relative; top:0; height: calc(100% - 10px); max-height: 100%; overflow:auto; background:#eaebed; }
	.main_nav {margin-top:0;position: relative; margin-bottom:20px; font-weight:400;font-size:22px;}
	.main_nav li {float:none; margin-right:0;width:100%;}
	.main_nav li:hover .level_2, .main_nav .level_2 li {display:none;}
	.main_nav .level_2 li:first-child {border-top:none;}	
	.main_nav li a {background:none;color:#000;border-bottom: 1px solid #9acae3;height:auto;}
	.main_nav li a:hover {color:#fff; background:#0099d8;}
	.main_nav li.active .active {padding-left:40px;color:#fff;background:#0099d8;}
	.main_nav .level_2 li.active .active { padding-left:30px;}
	.main_nav li.active .level_2, .main_nav li.trail .level_2 {display:block; position:relative; width:100%;}
	.main_nav .level_2 li, .main_nav .level_2 li:last-child {border:none; text-transform:none; font-size:16px; line-height:50px;}	
	.main_nav .level_2 li a {color:#4b5053;padding: 25px 20px;background:none;background:#fff;}
	.main_nav .level_2 li.trail a {color:#fff; background:#0099d8;}
	.main_nav .level_2 li a:hover {color:#fff; background:#0099d8; }
	.main_nav .pflege a:before, .main_nav .betreuungsangebote a:before, .main_nav .uberuns a:before, .main_nav .weg a:before, .main_nav .arbeitgeber a:before {display:none;}
	#navi {margin-top:0;}
	#logo {margin-bottom:20px;}
	#minihamburg {display:none;}
	.left {width:100%; float:none; padding-right:0;margin-bottom:20px;}
	.right {width:100%; float:none; padding:0;}
	.bghellgraystart {padding:0;}
	
	.vierer .ce_rsce_vierklein, .ce_rsce_minilink, .ce_rsce_team {width:49%;margin-bottom:3%;}
	.vierer .ce_rsce_vierklein:nth-child(1), .vierer .ce_rsce_vierklein:nth-child(3), .ce_rsce_minilink:nth-child(1), .ce_rsce_minilink:nth-child(3) {margin-right:2%;}
	.vierer .ce_rsce_vierklein:nth-child(2), .ce_rsce_minilink:nth-child(2), .vierer .ce_rsce_vierklein:nth-child(4), .ce_rsce_minilink:nth-child(4) {margin-right:0;}
	.blaubox {padding:30px 30px 30px;}
	.newsbox {width:80%;}
	.kontbox {width:80%;}
	.anfrageleft h1 {font-size:30px;}
}

@media (max-width: 990px) {
    
    .info .infoicon {width:15%;}
    .info .infohead {width:75%;}
    .anfrageleft, .anfrageright {width:100%;}
    .anfragehead {margin-bottom:0;padding:3% 20px 3% 0;}
	.anfrageleft h1 {text-align:center;}
	.anfragepix, .anfragetxt {float:none;margin: 0 auto;text-align:center;}	
	.anfragepix {width: 330px;}
    .anfragetxt {margin-bottom:20px;padding:3% 20px 3%;}
    .angebot a, .argument, .ce_rsce_dreinur a {width:48%;}   
}

@media (max-width: 845px) {
    .slogan2 {max-width:100%;}
    header {margin-bottom:20px;}
    .kapbutt, .kapbutthell a { width: 100%;}
}
@media (max-width: 768px) {
    .slogan {display:none;}
	.navigation {width:100%; }
	.main_nav .level_2 {text-transform:none;}
	h1 {font-size:34px; line-height:36px; }
	h2 {font-size:25px; line-height:26px; }
	h4 {font-size:18px; line-height:20px; }
	.anfrage1 {max-width:90%;}
	.dreier a {width:48%;}
	.aktuell a, .foomid, .fooright {width:48%;}
	.headtxtblau {padding:40px 30px 20px;}
	.icon-haus:before, .icon-sonder:before, .icon-miethaus:before, .icon-kran:before, .icon-2014:before, .icon-598:before, .icon-276:before {font-size:120px;}
    .partner_box .left {float:none; width:100%;margin-bottom:20px;}
	.partner_box .right {float:none; width:100%;}
    .logbox {width:70%;}
    
	.refstyle .refbutt a {width:60%;}
	.kontbox {width:100%;}
	.mehrlinx li {width:48%;}
    .mehrlinx a {width:100%; padding: 10px 10px;}
}
@media (max-width: 730px) {
    .ce_rsce_viergross, .aktuell a, .angebot a, .ce_rsce_gesch, .zweierdiv, .zweier section, .newsbox, .dreistart a, .news a, .argument, .ce_rsce_dreinur a, .hauser a, .logbox {width:100%;}
    .ce_rsce_viergross {margin-bottom:30px;margin-right:0;}
    .newsbox {padding:0;}
    .zweidritt {width:100%;}
    .eindritt {display:none;}
}
@media (max-width: 650px) {
    header #logo {position:relative; top:0; width:150px; height:80px;}
    header #loga {width:150px; height:80px;}
    .dreier a {width:100%;}
	header .mod_search {display:none;}
	header .zuUG {display:none;}
}
@media (max-width: 600px) {
    .slogan {display:none;}
    .info .infoicon, .info .infohead {width:100%;text-align:center;}
    .vierer {text-align:center;}
    .vierer a {width:80%;}
    .vierer a:nth-child(1), .vierer a:nth-child(3) {margin-right:0;}

}
@media (max-width: 500px) {
    .vierer a {width:100%;}
	h1, h2 {font-size:26px; line-height:32px; }
	h3 {font-weight:400; }
	.navigation {font-size:18px; }
	.main_nav li { line-height:30px;}	
    .main_nav li.active .active, .karriere .main_nav li.active .active { padding-left:20px;}
	.main_nav li a, .main_nav .level_2 li.active .level_3, .main_nav .level_2 li.trail .level_3 { padding-left:20px;}
	.main_nav .level_2 li.active .active, .main_nav .level_2 li a { padding-left:40px;}
	.dreier a, .fooleft, .fooright {width:100%;}
	.fooleft {border-bottom: 1px solid #dfe0c9;}
	.fooright {float:left;text-align:left;}
	.bigpic {width:100%;}
	.vierer .ce_rsce_vierklein, .ce_rsce_minilink {width:100%;margin-right:0;}
	.slogan {top:60%;}
}
@media (max-width: 460px) { 
    .mehrlinx li, .ce_rsce_team {width:100%;}
    .allanfrage {background:#49555c;}
    .breadcrumb li {padding: 6px 0 6px;}
}
@media (max-width: 440px) { 
.kontrast {display:none;}
.poff {display:none;}
.pmobile {display:block;}
label.hamburg {top:20px;right: 20px;}
.platzanfrage {width: 100%;margin:0;}
.platzanfrage a {margin: 0 0 0 0;width: 100%;}
.logout {width: 100%;margin:0;}
.logout a {margin: 0 0 0 0;width: 100%;}
#Mehrfachbehinderung h3 {font-size:22px;}
}