* {
	line-height:140%;
	margin:0;
	padding:0;
	font-size:16px;
	}


body {
  	cursor: auto;
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	font-weight: 600;
  	line-height: 1.5;
  	margin: 0;
  	padding: 0;
	}

.kopf {
	position: sticky; 
	position: -webkit-sticky; 
	top: 0; 
	z-index:300; 
	background:#fff;
	}
body.bunt {
	background:	url(../Images/symbole/neu-symbole_bunt3.svg);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
	background-attachment:fixed;
	height: 100vh;
	}
body.bunt .streifen_u {
	background:	url(../Images/symbole/neu-symbole_bunt_unten2.svg);
	height:3vh;
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:cover;
	}

body.lila {
	background:	url(../Images/symbole/neu-symbole_lila.svg) !important;
	}
body.lila .streifen_u {
	background:	url(../Images/symbole/neu-symbole_lila_unten.svg) !important;
	height:5vh;
	background-repeat:no-repeat !important;
	background-position:center bottom!important;
	background-size:cover !important;
	}

body.tuerkis {
	background:	url(../Images/symbole/neu-symbole_tuerkis.svg) !important;
	}
body.tuerkis .streifen_u {
	background:	url(../Images/symbole/neu-symbole_tuerkis_unten.svg) !important;
	height:5vh;
	background-repeat:no-repeat !important;
	background-position:center bottom!important;
	background-size:cover !important;
	}

body.gruen {
	background:	url(../Images/symbole/neu-symbole_gruen.svg) !important;
	}
body.gruen .streifen_u {
	background:	url(../Images/symbole/neu-symbole_gruen_unten.svg) !important;
	height:5vh;
	background-repeat:no-repeat !important;
	background-position:center bottom!important;
	background-size:cover !important;
	}

body.orange {
	background:	url(../Images/symbole/neu-symbole_orange.svg) !important;
	}
body.orange .streifen_u {
	background:	url(../Images/symbole/neu-symbole_orange_unten.svg) !important;
	height:5vh;
	background-repeat:no-repeat !important;
	background-position:center bottom!important;
	background-size:cover !important;
	}

body.rot {
	background:	url(../Images/symbole/neu-symbole_rot.svg) !important;
	}
body.rot .streifen_u {
	background:	url(../Images/symbole/neu-symbole_rot_unten.svg) !important;
	height:5vh;
	background-repeat:no-repeat !important;
	background-position:center bottom!important;
	background-size:cover !important;
	}



.bereichoben .large-12.cell img.image-embed-item {
	width:100% !important;
	}
.flaeche {
	width:94vw;
	background: #fff;
	margin:3vh 3vw 0 3vw;
	padding:0 3vw 6vh 3vw;
	}
.fuss {
	width:100%;
	padding-top:100px;
	padding-bottom:80px;
	margin:0 auto;
	background:#164194;
	}	
#logo {
	position:absolute;
	right:0;
	max-width:220px;
	padding:25px 0 20px 0;
	z-index:100;
	}
#zusatz {
	position:absolute;
	right:280px;
	max-width:224px;
	padding:25px 0 20px 0;
	z-index:80;
	}
#barrierefrei {
	position:absolute;
	left:5px;
	top:15px;
	display:block;
	width:50px;
	height:50px;
	background:	url(../Images/barrierefrei.png);
	background-position:center 2px;
	background-repeat:no-repeat;
	background-size:40px;
	z-index:110;
	}
.video-embed video {
	width:100%;
	}

/**************************/
.inhalt {
	padding-top:40px;
	}
html {
    scroll-padding-top: 50px;
	}

h1 {
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	font-weight: 600;
	color:#164194;
	font-size:2.5em;
	font-style:normal;
	text-transform:none;
	}
h2 {
	font-family: canada-type-gibson, sans-serif;
	color:#164194;
	font-weight:600;
	font-size:2.0em;
	font-style:normal;
	}
h3 {
	color:#000;
	font-family: canada-type-gibson, sans-serif;
	font-size:1.6em;
	font-style:normal;
	font-weight:600;
	}
h4 {
	color:#000;
	font-family: canada-type-gibson, sans-serif;
	font-size:1.15em;
	font-style:normal;
	font-weight:600;
	}
h5 {
	font-family: canada-type-gibson, sans-serif;
	color:#164194;
	font-weight:600;
	font-size:1.15em;
	font-style:normal;
	line-height:170%;
	}
p, table td{
	color:#000;
	font-family: canada-type-gibson, sans-serif;
	font-weight:400;
	font-size:1.15em;
	font-style:normal;
	line-height:170%;
	}
p a, .inhalt ul li a, h5 a {
	font-size:100%;
	color:#000;
	border-bottom:1px dotted;
	}
p a:hover, .inhalt ul li a:hover, h5 a:hover {
	color:#000;
	border-bottom:none
	}
h1 {
	margin:25px 20px 30px 10px;
	}
h2 {
	margin:8px 20px 10px 10px;
	}
h3 {
	margin:3px 10px 5px 10px;
	}
h4 {
	margin:10px 20px 0 10px;
	}
h5 {
	margin:10px 100px 0 10px;
	}
p {
	margin:30px 100px 25px 10px;
	line-height:180%;
	}

a[href^="mailto:"]{
    background-image: url("../Icons/icon_mail.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
	background-position: left 7px;
 	padding:8px 0 0 22px;

	} 
a[href^="tel:"]{
    background-image: url("../Icons/icon_tel.svg");
    background-repeat: no-repeat;
    background-size: 14px 14px;
	background-position: left 7px;
 	padding:8px 0 0 22px;
	} 

.inhalt ul  {
	padding-left:7px;
 	list-style-type: square;
 	list-style-position: outside;
	margin-top:-20px;
	}
.inhalt ul li {
	color:#000;
	font-family: canada-type-gibson, sans-serif;
	font-weight:400;
	font-size:1.15em;
	font-style:normal;
	margin:10px 0 10px 0;
	padding:1px 10px 1px 3px;
	line-height:180%;
	}

hr {
	border-bottom:1px solid #9c9d9f;
	margin:0 10px;
	padding:0;
	}

h2 .header {
	display:block;
	font-family: canada-type-gibson, sans-serif;
	color:#fff;
	font-size:2.0em;
	margin:20px 0 0 0 !important;
	padding:0 5px 0 30px !important;
	text-transform:uppercase;
	line-height:1.1em;
	}
p .header {
	display:block;
	font-family: canada-type-gibson, sans-serif;
	color:#fff;
	font-size:1.2em;
	margin:20px 0 0 0;
	padding:0 0 0 30px;
	line-height:1.4em;
	}
#stark {
	width:285px;
	padding:35px 5px 0 0;
	margin-left:70px;
	}
#stark2 {
	width:245px;
	padding:35px 5px 0 10px;
	margin-left:105px;
	}
#spende {
    position:absolute;
    width:220px;
	margin:-40px 0  0 -20px;
	z-index:1 !important;
	}
.startbox {
	background:#f7a709;
	}
.startbox .ce-textpic.ce-right.ce-intext img{
    z-index:1000;
  	animation-name: stretch;
  	animation-duration: 1.2s; 
  	animation-timing-function: ease-out; 
  	animation-delay: 0s;
  	animation-direction: alternate;
  	animation-iteration-count: infinite;
  	animation-fill-mode: none;
  	animation-play-state: running;
	margin-right:30px;
	margin-top:20px;
	}
@keyframes stretch {
  0% {
    transform: scale(.9);
   }
  100% {
    transform: scale(1.0);
  }
}

.youarehere {
	display:block;
	text-align:left;
	font-size:0.85em;
	font-weight:500;
	padding:8px 10px;
	margin-top:4px;
	}
.youarehere a{
	font-size:100%;
	color:#164194;
	font-weight:500;
	}
.youarehere a:hover{
	color:#000;
	}

.fett, strong{
	font-weight:500;
	font-size:100%;
	}
.callout p {
	margin:5px 10px 15px 10px;
	line-height:150%;
	}
.grau, .frame-custom-20 {
	background-color:#eceded !important;
	margin:20px 50px 0 15px;
	padding-bottom:15px;
	}
img.kalenderbutton {
	margin:0 50px 0 15px;
	padding-bottom:20px;
	}
.kasten  {
	border:14px solid #fff;
	width:100%;
	height:373px;
	margin-bottom:0;
	transition: all 0.3s ease;
	}
.kasten img {
	padding-top:45px;
	padding-bottom:20px;
	max-width:120px;
	height:auto;
	}
.kasten h3.iconhead {
	color:#fff;
	margin:0 auto;
	}
.kasten:hover  {
	background:#eceded;
	border:5px solid #fff;
	transition: all 0.3s ease;
	}
.frame-custom-30 {
	background-color:#164194 !important;
	margin:20px 10px 0 10px;
	padding:25px 20px;
	}
.frame-custom-30 h2, .frame-custom-30 p{
	color:#fff !important;
	}
.frame-custom-40 h2 a {
	display:inline-block;
	background-color:#164194 !important;
	margin-top:60px;
	padding:10px 20px;
    color:#fff;
	}
.frame-custom-40 h2 a:hover{
	background-color:#eceded !important;
    color:#164194;
	}
/**************************/
.fruehfoerderung h1, .kindergaerten h1, .hilfen h1, .logopaedie h1, .jugendarbeit h1, .ambulantwohnen h1, .wohnbereiche h1, .senioren h1 {
	margin:25px 20px 2px 10px;
	font-family: canada-type-gibson, sans-serif;
	font-weight:600;
	font-size:2.0em;
	text-transform:uppercase;
	}

.fruehfoerderung h1, .fruehfoerderung h2, .fruehfoerderung .fett, .fruehfoerderung .frame-custom-20 h2, .fruehfoerderung .frame-custom-20 h3, .fruehfoerderung .frame-custom-20 p, .fruehfoerderung .frame-custom-20 a {
	color:#6ab6c0;
	}
.kindergaerten h1, .kindergaerten h2, .kindergaerten .fett, .kindergaerten .frame-custom-20 h2, .kindergaerten .frame-custom-20 h3, .kindergaerten .frame-custom-20 p, .kindergaerten .frame-custom-20 a{
	color:#77498e;
	}
.hilfen h1, .hilfen h2, .hilfen .fett, .hilfen .frame-custom-20 h2, .hilfen .frame-custom-20 h3, .hilfen .frame-custom-20 p, .hilfen .frame-custom-20 a{
	color:#6ab6c0;
	}
.logopaedie h1, .logopaedie h2, .logopaedie .fett, .logopaedie .frame-custom-20 h2, .logopaedie .frame-custom-20 h3, .logopaedie .frame-custom-20 p, .logopaedie .frame-custom-20 a{
	color:#52ae32;
	}
.jugendarbeit h1, .jugendarbeit h2, .jugendarbeit .fett, .jugendarbeit .frame-custom-20 h2 , .jugendarbeit .frame-custom-20 h3, .jugendarbeit .frame-custom-20 p, .jugendarbeit .frame-custom-20 a{
	color:#d60d47;
	}
.ambulantwohnen h1, .ambulantwohnen h2, .ambulantwohnen .fett, .ambulantwohnen .frame-custom-20 h2, .ambulantwohnen .frame-custom-20 h3, .ambulantwohnen .frame-custom-20 p , .ambulantwohnen .frame-custom-20 a{
	color:#f7a70b;
	}
.wohnbereiche h1, .wohnbereiche h2, .wohnbereiche h3, .wohnbereiche .fett, .wohnbereiche .frame-custom-20 h2, .wohnbereiche .frame-custom-20 h3, .wohnbereiche .frame-custom-20 p, .wohnbereiche .frame-custom-20 a{
	color:#e28f2a !important;
	}	
.senioren h1, .senioren h2, .senioren .fett, .senioren .frame-custom-20 h2, .senioren .frame-custom-20 h3 , .senioren .frame-custom-20 p, .senioren .frame-custom-20 a{
	color:#52ae32;
	}

.fruehfoerderung .frame-type-menu_pages ul li a {
	background:#4085c6;
	}
.kinder.und jugend .frame-type-menu_pages ul li a, .lila .frame-type-menu_pages ul li a{
	background:#77498e;
	}
.hilfen .frame-type-menu_pages ul li a, .tuerkis .frame-type-menu_pages ul li a {
	background:#6ab6c0;
	}
.logopaedie .frame-type-menu_pages ul li a {
	background:#b4c941;
	}
.jugendarbeit .frame-type-menu_pages ul li a, .rot .frame-type-menu_pages ul li a {
	background:#d60d47;
	}
.ambulantwohnen .frame-type-menu_pages ul li a {
	background:#e0b347;
	}
.wohnbereiche .frame-type-menu_pages ul li a, .orange .frame-type-menu_pages ul li a {
	background:#e28f2a;
	}	
.senioren .frame-type-menu_pages ul li a, .senioren .frame-type-uploads ul li a, .gruen .frame-type-menu_pages ul li a {
	background:#52ae32;
	}
.inhalt .frame-type-menu_pages ul li a { 
	background:#164194;
	}




.fruehfoerderung h1, 
.kindergaerten h1, 
.hilfen h1, 
.logopaedie h1,
.jugendarbeit h1, 
.ambulantwohnen h1,
.wohnbereiche h1,	
.senioren h1 {
	margin-bottom:0;
	}

.fruehfoerderung h2, 
.kindergaerten h2, 
.hilfen h2, 
.logopaedie h2,
.jugendarbeit h2, 
.ambulantwohnen h2,
.wohnbereiche h2,	
.senioren h2 {
	margin-top:0;
	color:#000;
	font-size:1.6em;
	}
.frame-custom-20  h2,
.fruehfoerderung .frame-custom-20  h2, 
.kindergaerten .frame-custom-20  h2, 
.hilfen .frame-custom-20  h2, 
.logopaedie .frame-custom-20  h2,
.jugendarbeit .frame-custom-20  h2, 
.ambulantwohnen .frame-custom-20 h2,
.wohnbereiche .frame-custom-20 h2,
.senioren .frame-custom-20  h2 {
	padding:15px 10px 0 10px!important;
	text-transform:uppercase;
	font-size:1.3em;
	}
.frame-custom-20 h3,
.fruehfoerderung .frame-custom-20  h3, 
.kindergaerten .frame-custom-20  h3, 
.hilfen .frame-custom-20  h3, 
.logopaedie .frame-custom-20  h3,
.jugendarbeit .frame-custom-20  h3, 
.ambulantwohnen .frame-custom-20 h3,
.wohnbereiche .frame-custom-20 h3,
.senioren .frame-custom-20  h3 {
	padding:0 10px 10px 15px !important;
	text-transform:uppercase;
	font-size:1.2em;
	}
.frame-custom-20  p,
.fruehfoerderung .frame-custom-20  p, 
.kindergaerten .frame-custom-20  p, 
.hilfen .frame-custom-20  p, 
.logopaedie .frame-custom-20  p,
.jugendarbeit .frame-custom-20  p, 
.ambulantwohnen .frame-custom-20 p,
.wohnbereiche .frame-custom-20 p,
.senioren .frame-custom-20 p {
	padding:15px 5px 10px 18px !important;
    margin:0;
	line-height:140%;
	font-size: 1.05em;
	}
.frame-custom-20  h4 {
	padding:15px 5px 10px 18px !important;
    margin:0;
	}
.frame-type-menu_pages ul {
	list-style:none;
	margin: 30px 50px 0 5px;
	}
.frame-type-menu_pages ul li{
	padding-right:0;
	}

.frame-type-menu_pages ul li a{
	width:100%;
	display:block;
	color:#fff;
	padding: 4px 20px 3px 20px!important;
	font-weight: 500;
	text-transform:uppercase;
	letter-spacing:0.05em;
	border:none;
	}
.frame-type-menu_pages ul li a:hover{
	color:#ccdbe9;
	}


.frame-type-uploads ul {
	list-style:none;
	margin: 10px 0 0 0;
	width:auto;
	text-align:left;
	}
ul.ce-uploads li{
	margin:6px 0!important;
	background:#eceded;
	}
.frame-type-uploads ul li div a{
	color:#000;
	padding:10px 0 0 20px!important;
	font-weight: 500;
	border:none;
	}
.frame-type-uploads ul li a:hover{
	color:#000;
	}
.frame-type-uploads ul li a img{
	height:100px;
	background:#fff;
	padding-right:0;
	}
.ce-uploads span {
  	display: block;
	padding:20px;
	}

.frame-custom-20 a {
	border-bottom:1px dotted;
	}
.frame-custom-20 a:hover {
	border-bottom:none;
	}
.bilder  {
	margin-top:60px;
	}
.bilder img {
	margin:5px 5px 25px 5px;
	}
.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
    margin-bottom: 0;
	}

/*#############################
######## Accordeon ##########
#############################*/

ul.tinyaccordion {
	list-style-type:none;
	margin-top:40px;
	margin-left:0;
	margin-right:0
	}
ul.tinyaccordion li.acc-li {
	margin: 0;
	padding:0;
	}
ul.tinyaccordion li.acc-li .grid-x{
	margin: 0;
	padding:0 ß;
	}
ul.tinyaccordion li.acc-li h3 {
	display:block;
	background:#eceded !important;
	margin: 4px 0 0 0;
	padding: 5px 10px 0 10px;
	color: #164194;
  	font-weight: 500;
  	font-size: 1.20em;
	cursor:pointer;
	}
ul.tinyaccordion li.acc-li h3.acc-selected  {
	color: #fff;
	background:#164194 !important;
	}
ul.tinyaccordion header h1 {
	display:none;
	}

/*#############################
######## Formular  ##########
#############################*/

#bewerbungsformular-430 {
	max-width: 600px;
	margin:  20px auto;
}

#bewerbungsformular-430 .btn-primary {
	border: 1px solid #164194;
}

#bewerbungsformular-430 textarea {
	min-height: 100px;
}

#bewerbungsformular-430 input[type=text], #bewerbungsformular-430 input[type=email], #bewerbungsformular-430 input[type=tel], #bewerbungsformular-430 textarea, #bewerbungsformular-430 select {
	background: #eceded;
}
input::placeholder, textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #0a0a0a;
  opacity: 1; /* Firefox */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #0a0a0a;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */
  color: #0a0a0a;
}

#bewerbungsformular-430 label {
	display: none;
}
#bewerbungsformular-430 .checkbox {
	text-align: left;
	padding: 0 10px 10px;
	background: #eceded;
	border: 1px solid #cacaca;
	border-top:  none;
}
#bewerbungsformular-430 .checkbox label {
	display: block;
}

#bewerbungsformular-430 #c471 {
	background: #eceded;
	border: 1px solid #cacaca;
	border-bottom:  none;
	padding: 10px;
}

#bewerbungsformular-430 p {
	text-align: left;
	margin: 0;
}



/*#############################
######## Footer    ##########
#############################*/

.fuss p {
	font-size:1.0em;
	color:#fff !important;
	font-weight:400;
	margin:10px 20px 15px 0;
	line-height:150%;
	}
.fuss p a {
	background-image:none;
	padding-left:0;
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #eceded;
	font-size:100%;
	}	
.fuss p a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:none;
	}
.fuss .fett{
	font-weight:600;
	font-size:100%;
	}
.fuss img {
	max-width:200px;
	max-height:100px;
	width:auto;
	margin:10px 0 10px 0;
	}
.fuss .socialmedia a img {
	max-width:40px;
	margin:2px 20px 10px 0;
	opacity:1;
	}
.fuss .socialmedia a:hover img {
	opacity:0.8;
	}


/*#############################
######## News      ##########
#############################*/

.page-navigation p {
	display:none;
	}
.f3-widget-paginator {
	margin:8px;
	}
.f3-widget-paginator li a {
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	background:#164194;
	color:#fff !important;
	font-weight:500 !important;
	font-size:0.9em !important;
	text-transform:uppercase;
	padding:2px 8px 0 8px!important;
	margin-right:4px !important;
	text-decoration:none;
	border:none !important;
	}
.f3-widget-paginator li a:hover, .f3-widget-paginator li.current {
	padding:2px 8px 0 8px!important;
	margin-right:4px !important;
	text-decoration:none;
	border:none !important;
	color: #29338c !important;
	background:	#eceded !important;
	}    
.news-list-category, .news-list-date {
	display:table-cell;
	width:100%;
	color:#000;
	font-family: canada-type-gibson, sans-serif;
	font-weight:400;
	font-size:1.0em;
	font-style:normal;
	line-height:170%;
	border-bottom:1px solid #fff;
	padding-top:5px;
	padding-bottom:5px;
	}
.news-list-category {
	text-align:left;
	}
.news-list-date {
	text-align:right;
	}
.news .news-list-view .teaser-text h4 span{
	color:#000;
	font-family: canada-type-gibson, sans-serif;
	font-size:1.2em !important;
	font-style:normal;
	font-weight:600;
	padding-top:10px;
	}
.news .news-list-view .teaser-text p span{
	color:#000;
	font-family: canada-type-gibson, sans-serif;
	font-size:1.15em !important;
	font-style:normal;
	font-weight:400;
	}
.news .news-list-view .teaser-text p {
	margin:0 !important;
	padding:0 !important;
	}
.news .article h3 {
	padding:0 100px 0 0!important;
	}
.news .article .teaser-text p {
	margin:0 !important;
	padding:0 100px 0 10px!important;
	font-weight:500;
	}
.news-single .article .news-img-wrap {
	width: auto;
	margin: 0 15px 30px 15px;
	}
.news .article .news-img-wrap img { 
	margin:0 25px 0 0;
	}
.news .footer span {
    border-right: none;
	}
.news-single .footer {
    border-top: none;
	}
.footer .news-list-category {
	width:auto;
	padding-right:0;
	display:block;
	}
.newsdetail {
	background-color:#eceded;
	margin:40px auto;
	border:15px solid #fff;
	padding:30px 0;
	}
.newsdetail p {
	margin:30px 0 25px 0;
	line-height:180%;
	padding:1px 10px 1px 10px;
	}
.news-img-wrap {
	position: relative;
	}
.news-img-wrap .tagswrap {
	position: absolute;
	text-align: left;
	height: 100%;
	padding-top: 5px;
	}
.news-img-wrap .tags, .newsdetail .tags {
	display: inline-block;
	background-color: #d50e46;
	background-image: url(../Images/stern.svg);
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: 5px 5px;
	color: white;
	padding: 3px 12px 3px 21px;
	margin: 5px 0 0;
	font-size: smaller;
	}
.newsdetail .tagswrap {
	margin-bottom: 20px;
	}
.newsdetail .tags {
	font-size: inherit;
	background-position: 5px 7px;
	}
.newsdetail .large-4 {
	padding-left: 0;
	}
/*********************************************/
@media only screen and (max-width: 1400px)  {




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

#zusatz {
	position:absolute;
	right:250px;
	max-width:180px;
	padding:0 0 20px 0;
	margin-top:-5px;
	z-index:80;
	}
#bewirbdich {
	margin-top:300px;
	padding-right:10px;
	padding-bottom:10px;
	}
#stark2 {
	width:255px;
	padding:35px 5px 0 10px;
	margin-left:0;
	}
.news .news-list-view .teaser-text h4 span{
	font-size:1.1em !important;
	}

#spende {
    position:relative;
    width:180px;
	margin:30px 0  0 -10px;
	z-index:1 !important;
	}
iframe#film {	
	height:600px;
	}

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

.kopf {
	position: sticky; 
	position: -webkit-sticky; 
	top: 42px; 
	height:110px;
	z-index:3000; 
	background:#fff;
	}
.flaeche {
	width:94vw;
	background: #fff;
	margin:40px 3vw 0 3vw;
	padding:0 3vw 6vh 3vw;
	}

#zusatz {
	position:absolute;
	right:280px;
	max-width:224px;
	padding:25px 0 20px 0;
	z-index:80;
	}
#logo {
	position:absolute;
	right:0;
	max-width:260px;
	padding:20px 0 20px 0;
	z-index:100;
	}

.news .news-list-view .teaser-text h4 span{
	font-size:1.0em !important;
	}
h2 .header {
	display:block;
	font-size:1.7em;
	margin:20px 0 0 0 !important;
	padding:0 10px 0 10px !important;
	line-height:1.1em;
	}
p .header {
	display:block;
	font-size:1.2em;
	margin:20px 0 30px 0;
	padding:0 0 30px 10px !important;
	line-height:1.3em;
	float:right;
	width:90%;
	}
p {
	margin:30px 20px 25px 10px;
	}
.newsdetail {
	border:0;
	padding:30px 0;
	}
.wohnbereiche .frame-custom-20 h2{
	font-size:1.0em;
	}
img.kalenderbutton {
	margin:0 10px 0 15px;
	padding-bottom:0;
	}
}



/**********************************************/
@media only screen and (max-width: 640px) {
body {
	background-size:120px 106px;
  	padding-top: 0;
	}
.flaeche {
	width:94vw;
	background: #fff;
	margin:40px 3vw 0 3vw;
	padding:0 0 6vh 0;
	}

#logo {
	position:absolute;
	max-width:220px;
	padding:40px 0 25px 20px;
	margin:0;
	}
#zusatz {
	position:absolute;
	right:230px;
	max-width:170px;
	padding:50px 0 20px 0;
	z-index:80;
	}
#barrierefrei {
  	left: 5px;
  	top: 10px;
    width: 45px;
  	height: 45px; 
	}
.kasten  {
	height:200px;
	}
.kasten img {
	padding-top:20px;
	padding-bottom:10px;
	max-width:100px;
	}

h1 {
	font-size:2.0em;
	margin:0 0 25px 0;
	padding:0 20px;
	}
h2 {
	font-size:1.7em;
	margin:30px 0;
	padding:0 20px;
	}
h3 {
	font-size:1.2em;
	margin:25px 0 12px 0;
	padding:0 20px;
	}
h2 a {
	margin:20px auto 30px auto;
	}
p {
	font-size:1.0em;
	margin:20px 0;
	padding:0 20px;
	}
h5 {
	font-size:1.0em;
	margin:20px 0;
	padding:0 20px;
	}
.inhalt ul li{
	font-size:1.0em;
	margin:20px 0;
	padding:0 3px;
	}
h2 .header {
	font-size:1.7em;
	margin:20px 0 0 0 !important;
	padding:0 5px 0 0 !important;
	text-transform:uppercase;
	line-height:1.1em;
	}
p .header {
	display:block;
	width:100%;
	font-size:1.2em;
	line-height:1.4em;
	}
.ce-headline-right {
	text-align:left;
	padding:20px;
	margin:0;
	}
.startbox .ce-textpic.ce-right.ce-intext img{
	width:150px;
	margin-right:20px;
	margin-top:0;
	float:right;
	}

#stark2 {
	width:220px;
	padding:35px 5px 0 15px;
	margin-left:0px;
	}
#spende {
	display:none;
	}

.fuss img {
	margin:5px 0 20px 20px;
	}
.f3-widget-paginator {
	margin:16px;
	padding-top:20px;
	}
.ig {
	margin-right:1px;
	}
iframe#film {	
	border:5px solid #eceded;
	margin:0;
	width:100%;
	height:250px;
	}
.news .article h3 {
	padding:0 10px 0 10px!important;
	}
.news .article .teaser-text p {
	margin:0 !important;
	padding:0 10px 0 10px!important;
	font-weight:500;
	}
.fuss .socialmedia {
	margin:0 10px 20px 20px;
	}

}


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

#zusatz {
	position:absolute;
	right:220px;
	max-width:130px;
	padding:65px 0 0 0;
	z-index:80;
	}



}

/************ Abfrage für IE11 ******/
        
@media all and (-ms-high-contrast:none) {
    .large-3 img {
	max-width:274px;
	}
    .large-6 img {
	max-width:580px;
	}
    .large-4 img {
	max-width:342px;
	}

}