/*
dunkelblau
#00507b;

gelb
#ffb404;

buttons bg: f8b414

dunkler?
eba500


rot
#9e1b1c
 
*/
* { 
	margin: 0; 
	padding: 0; 
}

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
body { 
background:#ffffff;

}


a img {
	border: none;
} 
a:focus { 
    outline: none; 
}  
.clear {clear:both;margin:0;padding:0;height:1px;}

.clearfix:after {content: '';display: table;clear: both;}
.hidden {display:none;}




html, body { height:100%; }
 
#wrapper { min-height:100%; }


* html #wrapper { height:100%; }

 .anchor{
  display: block;
  height: 160px; /*same height as header*/
  margin-top: -160px; /*same height as header*/
  visibility: hidden;
}

#wrapper {
position: relative;
background:#fff;
width:100%; 

min-height:100%;
margin:64px auto 0px auto; 
overflow:hidden;
}
	
#headerwrapper{position:fixed;top:0;width:100%;z-index:1000;
/*height:64px;background-color:#fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

*/

height:90px;
background-image:url('../images/header-schatten.png');
background-repeat: repeat-x;
background-size:auto 80px;
}	



#headerbar {position: relative; width:100%; margin:0px auto 0px auto; ;height:80px;
}


#logocontainer { position:absolute; top:0px; left: 50%; margin-left: -70px; padding:0px 0px 0px 0px; width:140px; height:80px; z-index:10000;

}


#logo    { 
width:100%;  display:block;
height:80px;
background-image:url('../images/logo-klein-schatten.png');
background-repeat:no-repeat;
background-size:auto 80px; background-position:center center;
}
 
 
 
#search {position:absolute;  right:auto; left: 50px; top:10px;}



 #search span.lupe {display:block;  width:36px; height:36px; background-image:url('../images/lupe.png');
background-repeat:no-repeat;
background-size:100% auto; background-position:center center;}

#searchcontainer {display:none;position:fixed; left:0px; top:70px; top:69px; top:63px;background: #fff; height:160px; padding:30px 20px 20px 20px;width:100%; z-index:100;}
 
.searchinput {max-width:330px; width:100%; height:40px; background:#fff;border:1px solid #22293C;padding-left:5px; float:left; display:block;padding-top:5px;
border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; margin-bottom:20px; }
 

 .closesearch {  display:block; display:none;
width:18px; height:18px; margin:0px;position:absolute; right: 2px; top:5px;z-index:1000;}
.closesearch:hover , .closesearch:focus {  cursor:pointer;}
 




#page  {
width:100%;
display:block;
position: relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
} 
 
.breadcrumbs {display:none;}


 .imagecontainer {width:100%; max-width:1280px;}

.imagecontainer div.headerlogo {width:33.333333%; padding:10px;float:left; }
.imagecontainer img {width:100%; height:auto;max-width:260px;margin:0px auto 0px auto; }
 
 #mainmenu {display:none}
 
 
.blockcontent {width:100%;   max-width:1100px; padding:10px 20px 10px 20px; padding:10px 20px 10px 20px;} 

.block.image .blockcontent {padding:0px 0px 0px 0px;}

.block.image .blockcontent img {width:100%; height:auto;}




.toggle_inner {width:100%;  padding:0px 0px 0px 0px;} 
 
.block {width:100%;  display:block;margin:0;padding:0px 0px 48px 0px;}

 .block.footer {background:#00507b;
    padding: 0px 0px 20px 0px;}

 .block.footer .blockcontent {width: 100%;
 
    margin: 0px auto 0px auto;
    position: relative;
    padding:24px 0px 0px 0px;
    
}
 

div.footernav , div.footersubnav , div.footercopy , div.socialmedia , div.footerspenden {width:100%;
  display: flex;
  justify-content: left;padding-left:10px;
} 

div.socialmedia {  padding-top:20px; padding-bottom:20px;}
 div.footernav {  padding-top:0px; padding-bottom:5px;}
 div.footersubnav {  padding-bottom:24px;}
 div.footerspenden {  padding-bottom:24px;}

 
 
div.socialmedia i {display:inline-block; margin-right:20px;}


div.socialmedia span {display:inline-block; margin-right:20px; width:40px; height:40px;

background-repeat:no-repeat;
background-size:100% auto; 
background-position:center center
}


div.socialmedia span.footer_youtube {background-image:url('../images/footer_youtube.png');}
div.socialmedia span.footer_facebook {background-image:url('../images/footer_facebook.png');}
div.socialmedia span.footer_instagram {background-image:url('../images/footer_instagram.png');}
div.socialmedia span.footer_newsletter {background-image:url('../images/footer_mail.png');}


.footerspenden p {float:right;padding-left:14px;}

.footerspenden img {width:36px;height:auto; height:55px; }

 

.footer ul {list-style-type:none; float:left;}
.footer ul li {list-style-type:none; float:left; padding:0px 0px 0px 0px; margin:0;}
.footer ul li:last-of-type {margin-right:0px;}

.footer ul li a:after {display:inline-block; content:"|"; padding-left:10px;padding-right:10px;}
.footer ul li.last a:after { content:""; padding:0px;}




  .block.fullwidth {padding:0;}
 .block.fullwidth .blockcontent {
    width: 100%;
    max-width: 100%;
    padding: 0px 0px 0px 0px;
    display: block;
}
 
 
 
 h5 a, a h5, .threecols .frame-type-textpic h5  { background:#f8b414; display:inline-block; padding:10px; margin-top:22px; }

 
.morelink{ background:#f8b414; display:inline-block; padding:10px; }
  
.singlecol {width:100%;   padding:0px 0px 0px  0px;}
.singlecol.standalone {padding:0px 0px 30px  0px;}
  
  
.col66 {width:100%;padding-bottom:40px; }
.col33 {width:100%;}

 
input.formsubmit {background:#f8b414; display:inline-block; padding:10px;color:#fff; font-weight:bold;border:none; font-size: 16px;}

input.formsubmit:hover {  }
 

 

.fullwidth img {width:100%; display:block;    height: auto;}
.colcontainer img,
.boxes img 
 {width:100%; display:block;     height: auto;}


 

#arrow_up {position:fixed; right:20px; bottom:20px; display:none; z-index:1000;width:40px; height:40px; background:transparent;}
#arrow_up a {display:block;width:40px; height:40px;
background-image:url('../images/icons/button_up.svg');
background-repeat:no-repeat;
background-size:40px 40px;;
background-position:center; 
transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
}
#arrow_up a:hover, #arrow_up a:focus  { background-image:url('../images/icons/button_up_hover.svg'); } 


 
  
.threecols   .box  img ,
 .threecols > .blockcontent > div.frame-type-textpic  img,
  .threecols > .blockcontent > div.frame-type-textmedia  figure
 {width:100%; height:auto;max-width:340px;max-width:540px;}



/*3er Kachel themen*/

.threecols .blockcontent  {width:100%;
margin:0px auto 0px auto;
clear:both;   padding: 0px; 


    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    
    
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
 
  -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content:flex-start; 
  
   
}
 
 
 
.threecols .blockcontent {max-width:1180px; padding:0px 0px 0px 20px;}
 
 .threecols div.col3 ,  .threecols > .blockcontent > div.frame-type-textpic,  .threecols > .blockcontent > div.frame-type-textmedia {
    width: 100%  ;/*max-width:340px;*/
    position: relative;
  margin-bottom: 15px;
    padding:0px; margin-right:20px;
}

.leftcol, .rightcol {width:100%; padding-bottom:20px;}
.rightcol img {width:100%; height:auto; max-width:300px;}
 
 
 .col50 .frame-type-textpic > a ,
  .boxes .frame-type-textpic > a {display:block;padding:0px; margin-bottom:30px;
    transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    
    
    
    }
 
 .col50 .frame-type-textpic  > a:hover ,
 .col50 .frame-type-textpic > a:focus , 
 .boxes .frame-type-textpic  > a:hover ,
 .boxes .frame-type-textpic > a:focus {    
 	
/* 	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px  rgba(0,0,0,0.2);*/
    
    transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    
    }
    
  
  
  
  
  
 
.imageleft , .imageright{ width:100%;  padding-bottom:30px; }
 

.block.image.first {padding-bottom:0px;}


.projektseite .spendenlink {margin-top:40px;}


.spendenlink {
background-color:#9e1b1c  ; display:inline-block; padding:10px; margin-top:22px;
font-weight:700;
font-family:'FFMetaWebProBook','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif  ;
color: #fff !important;
line-height: 40px;
display: inline-block;
cursor: pointer;
}
 

.linkbox  {background:#f8b414; display:inline-block; padding:10px; margin-top:22px;
font-weight:700;
font-family:'FFMetaWebProBook','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif  ;
color: #fff !important;
line-height: 40px;
display: inline-block;
cursor: pointer;
}

.spendenlink a, .linkbox a { font-weight:700;
font-family:'FFMetaWebProBook','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif  ;
color: #fff !important;  font-size:20px; font-weight:400; line-height:20px; }




/*a.redlink{
background-color:#9e1b1c  ;
padding: 0px 20px 0px 10px;
    
background-image:url('../images/pfeil_tr.png');
background-repeat:no-repeat;
background-size:39px auto;
background-position:right 20px top 3px ;  padding: 0px 70px 0px 10px;
font-weight:700;
font-family:'FFMetaWebProBook','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif  ;
color: #fff !important;
line-height: 40px;
display: inline-block;
cursor: pointer;
}

a.redlink:hover  { background-image:url('../images/pfeil_hover_tr.png');}*/

    
    
    .news-single .article .news-img-wrap , .contentelements .frame-type-textpic,
     .news-single  .ce-column {
   /* float: left;*/
    width: 100%; 
    max-width:610px;
    margin: 0 25px 0 0 ; margin: 20px 0px 20px 0 ;
}

.news .article .news-img-wrap img , .contentelements .frame-type-textpic img,
  .news-single  .ce-column img, 
  .singlecol .ce-gallery img {
    /* float: left;*/
    height: auto;
    width: 100%;
}
.news-single .teaser-text p {
  
    color: #00507b;
}

.contentelements img { max-width:610px;}


.news-single  figcaption, .news-img-caption , figcaption.image-caption {
font-size: 18px;
line-height: 24px;
margin-bottom: 16px;
font-family: 'FFMetaWebProLight','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
color: #888;display: block;
}
 
span.copyright {display:block; text-align:right; font-size: 14px;}


.block.special  > .blockcontent .ce-gallery  img {width:100%; height:auto;}



.ce-gallery .video-embed, .ce-gallery .youtube-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-embed iframe, .youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.video-embed  iframe {position:absolute; width:100% !important; height: 100% !important; }



.iframenotice {display:none; border: 1px solid #00507b; padding:10px;font-size:18px;margin-top:20px;margin-bottom:20px;}

  .video-embed .iframenotice , .youtube-embed iframenotice{
  position: absolute;
  top: 0;
  left: 0;/*
  width: 100%;
  height: 100%;*/
  z-index:2;
}






.resultrow {padding-bottom:30px;}
.page-navigation {width:100%; display:block; padding: 20px 0px 20px 0px;}

 .page-navigation p{   margin-top: 16px;}
 

 
 .articlefooter {padding-top:20px;}
 
 .news-backlink-wrap {float:left; padding-right:30px;line-height:32px; }
 
  
 .share  {display:block; ;position:relative; width:100%; height:50px;}
 
 .articlefooter .share  {float:left;position:relative; width:260px; height:50px;}
 
 .singlecol .share  {display:block;position:relative;}
  
  
.openshare {cursor:pointer; position:absolute; height:32px; line-height:32px; top:0px; left:0px; width:auto; }


.articlefooter .openshare {text-align:right;width:80px;  }
  
.openshare  a ,   .openshare  i ,   .openshare {color:#00507b ;}
  
   
.sharelinks {display:none; position: absolute; top:0px; left:80px;width:170px; height:50px; }
 
.articlefooter .sharelinks {left:90px; }


 .sharelinks a {float:left; display:block; width:32px; height:32px;color:#00507b ;padding-right:16px; line-height:32px;}
 
 .sharelinks a i {font-size:24px;color:#00507b ;opacity:0.8;}
 .sharelinks a:hover i {opacity:1}
 
  .sharelinks.opened {display:block;}
  
  .newsdetail .shareblock,   .newsdetail .threecols  {display:none;}
.newsdate {display:block; width: 100%; color: #8b0e13}


.spendenmobil {
width:50px; height:50px; display:block;
position:fixed; top:2px; right:10px; z-index:1000;
background-image:url('../images/spenden.png');
background-repeat:no-repeat;
 background-size:auto 36px;
background-position:center center ;
}




 
 /* Fullscreen overlay for modal background */
#active-popup {
  background-color: rgba(52,73,94, 0.7);
  position: absolute;
  width: 100%;
 /* height: 100% !important;*/
  top: 0;
  left: 0;
  z-index: 999; 
}

/* Modal container */
#popup-container {

  height: 90%; 
  
  width: 90%;
  
 max-width:1600px; 
 min-height:500px;
 
   margin: 0 auto;
   
  margin-top: 5%;
  
  position: fixed;
  
  left: 5%;
  
  z-index: 2000;
  
  top: 0px;
  
  
  
  display: none;
  background:transparent;

  overflow:auto;
  padding:15px 7px 0px 7px;
 
}


.modal-content {
  position: relative;
  text-align: center;
}


#popup-window { position: relative;   background: #f8b414; padding:30px; min-height:430px;
    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;}
  
  
#popup-container h1 { color: #00507b; }

#popup-container p ,#page #popup-container li, #popup-container li{ color: #000; font-family: 'FFMetaWebProLight','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; margin-bottom:4px;
font-size: 20px;
 
line-height: 28px;}
  
#page #popup-container ul { margin: 16px 0px 16px 20px; }

#page #popup-container li { padding: 0px 0px 3px 0px}


#popup-container input.emailinput {border:1px solid #000; }


/* Close button */
#popup-container a.close.button {
 
    position: absolute;
 
  top: -15px;
  right: -7px;
  
  top: 0px;
  right: 0px;
  
  
  z-index: 2100;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 5px 2px 6px;
  line-height: 1em;
  text-align: center;
  background: #f8b414;
  border: 4px solid #fff;
  cursor: pointer;
  color:#fff; 
}
a.close {cursor:pointer;}

.splash-bg {background:#fff; padding:20px;    min-height:370px;  

-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}



/*nl formular cleverreach*/


.cr_site{margin:0;padding:75px 0 0 0;text-align:center;background-color:#eeeeee;}
.cr_font{font-size: 14px;font-family: Arial;}
.cr_body h2, .cr_header h2{font-size:22px;line-height:28px;margin:0 0 10px 0;}
.cr_body h1, .cr_header h2{font-size:28px;margin-bottom:15px;padding:0;margin-top:0;}
.wrapper, .cr_page{margin:0 auto 10px auto;text-align:left;border-radius:4px;}
.cr_header{text-align:center;background: transparent !Important;}
.cr_body label{float:none;clear:both;display:block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}

.cr_button{display:inline-block;font-family:'Helvetica', Arial, sans-serif;width:auto;white-space:nowrap;height:32px;margin:5px 5px 0 0;padding:0 22px;text-decoration:none;text-align:center;font-weight:bold;font-style:normal;font-size:15px;line-height:32px;cursor:pointer;border:0;-moz-border-radius:4px;border-radius:4px;-webkit-border-radius:4px;vertical-align:top; }

.cr_button{background-color:#333;color:#ffffff;}
.cr_button:hover,.cr_button-small:hover{opacity:0.7;filter:alpha(opacity=70);}
.powered{padding:20px 0;width:560px;margin:0 auto;}
.formbox{line-height:150%;font-family:Helvetica;font-size:12px;color:#333333;background-color:#ffffff;border-radius: 6px 6px 6px 6px;padding:20px;padding:0px 20px 20px  0px;}
.cr_ipe_item label{line-height:150%;font-size:14px;}
.cr_ipe_item textarea {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;padding: 5px;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item select {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #aaa;display: block;margin: 0;padding: 5px;width: 100%;font-family: Helvetica;font-size: 16px;}
.cr_ipe_item input.cr_ipe_radio, input.cr_ipe_checkbox {-moz-binding: none;-moz-box-sizing: border-box;background-color: -moz-field !important;border: 2px inset threedface !important;color: -moz-fieldtext !important;cursor: default;height: 13px;padding: 0 !important;width: 13px;}
.cr_ipe_item input.cr_ipe_radio{-moz-appearance: radio;border-radius: 100% 100% 100% 100% !important;margin: 3px 3px 0 5px;}
.submit_container{/*text-align:center*/text-align:left}
.cr_ipe_item{ padding:1px 10px; margin:1px 10px; }
.cr_ipe_item.inactive {display:none;}
.imprint{font-size:0.8em;}
.cr_captcha{padding-left:130px;}
.cr_error{font-size:1.1em;padding:10px;}
.clever_form_error{background-color:#f99; color:#000; border:1px solid #f22 !important}
.clever_form_note {margin:26px 0 0 3px;position:absolute;display:inline; padding: 2px 4px; font-weight:bold;background-color:#f2ecb5; color:#000; font-size:12px !important;  }
.cr_site {background-color:#eee;}
.cr_header {color:#000000;}
.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint{color:#000;}
 
.cr_site {background-color:#eee;}
.cr_header {color:#000000;}
.cr_body {background-color:#ffffff;font-size:12px;color:#000000;}
.cr_hr {background-color:#ccc;}
.cr_site a {color:#0084ff;}
.imprint {color:#000;}

.cr_ipe_item {
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

.cr_button {background-color:#8b0e12;}

.imagediv  {  max-width:610px; width:100%; margin-bottom:20px;padding-right:20px; }
.imagediv img {width:100%; height:auto; max-width:610px; }


.boxes{
   
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -moz-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between; 
	
 
	
}

/*.boxes.overview , .boxes.downloads  , .boxes.textboxes  , .boxes.themen   {	 
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start; }
	
.boxes.overview.special, .team .contentwrapper.first .boxes.overview {	 
		-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between; }*/
	
 
 .boxes div.frame-type-textpic {
 width:100%; }
 

#showLess , #loadMore {  
display:none; 
background:#f8b414;  padding:10px; margin-top:22px; 
font-weight:700;
font-family:'FFMetaWebProBook','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif  ;
color: #fff !important;
line-height: 40px;
 
cursor: pointer;

margin: 0px 20px 0px 20px ;
}
 

.buttonline {width: 100%; padding: 20px 0px 20px 0px; width: 100%; text-align:center; }


/* aus alter spendenformular.css*/


.projektfilterheading{width:33.333333%;float:left; }

.projektfiltercontainer{width:66.666667%;float:left; }

.projektfilter {width:100%;}
.projektfilter div {width:50%; float:left;  }

.projektfilter div.filterland {width:40%; padding-right:10px; }

.projektfilter div.filterschwerpunkt {width:40%;  padding-left:10px;  }

.projektfilter div.filtersubmit {width:20%; float:right; padding-left:20px;  }
 
 
 
#c715 ,#c716, #c721 ,#c722 {width:100%; padding:0; margin:0;}

.projektfilter .sbHolder ,
.projektfilter .sbToggle{width:100%;}


.projektfilter .sbSelector {line-height: 42px;height: 42px;font-size: 18px;}


.projektfilter .sbHolder {height: 42px;  }


.projektfilter label {padding-left: 10px;
padding-bottom: 4px;
font-size: 18px;
display: block;
}

#page .projektfilter  .sbOptions   { top: -17px !important; width:100%;}
#page .projektfilter  .sbOptions li  {   width:100%;}





.projektfilter .submitbutton, .btn-primary {	

font-weight:700;
font-size:18px;
font-family:'FFMetaWebProBook','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif  ; 


margin: 0px; 
padding: 5px 35px 5px 15px; 
background: #8b0e13 url(../images/spendenformular/pfeil_tr.png) right 3px   no-repeat ;
color:#fff;
display:block;
width:120px;
height:40px;
border: #8b0e13 1px solid; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
 
 cursor:pointer;
text-align:left;
}

.projektfilter .submitbutton_hover, .btn-primary:hover {	
 font-weight:700;
font-size:18px;
font-family:'FFMetaWebProBook','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif  ; 

	
margin: 0px; 
padding: 5px 35px 5px 15px; 
background: #8b0e13 url(../images/spendenformular/pfeil_hover_tr.png) right 3px   no-repeat ;
color:#fff;
display:block;
width:120px;
height:40px;
border: #8b0e13 1px solid; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:pointer;
text-align:left;
}


 select , .sbSelector, .sbOptions li a {font-size:16px;}
 


@media all and (min-width: 510px){ 

.cr_page {width:360px; float:left; }

.half {float:left; width:50%; margin: 0px 0px 10px 0px;} 
.half.first {padding-right:10px;}
.half.last {padding-left:10px;}

.cr_body .half label{float:left;clear:none;display:block;width:auto;margin-top:8px;text-align:left;font-weight:bold;position:relative;}

}


@media all and (min-width: 900px){ 
	
	.imagediv  {float:right;}
}


 
 
/***************************************************************************************************/ 
/***************************************************************************************************/ 

@media all and (min-width: 360px){ }



@media all and (min-width: 380px){ 
	
	
.spendenmobil {position:fixed; top:5px;
 background-size:auto 48px;
}
	
  
  div.footernav , div.footersubnav , div.footercopy , div.socialmedia , div.footerspenden {width:100%;padding-left:0px;
  display: flex;
  justify-content: center;
} 
	

  div.footerspenden {padding-left: 108px;}	
	
#headerwrapper{position:fixed;top:0;width:100%;z-index:1000;
/*height:64px;background-color:#fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

*/

height:100px;height:57px;
background-image:url('../images/header-schatten.png');
background-repeat: repeat-x;
background-size:auto 100px;
}	



#headerbar {position: relative; width:100%; height:64px; margin:0px auto 0px auto;/* background-color:#fff*/;height:100px;height:57px;
}


#logocontainer { position:absolute; top:0px; left: 50%; margin-left: -90px; padding:0px 0px 0px 0px; width:180px; height:100px; z-index:10000;

}


#logo    { 
width:100%;  display:block;
height:100px;
background-image:url('../images/logo-schatten.png');
background-repeat:no-repeat;
background-size:auto 100px; background-position:center center;
}
 

#search { top:16px;}
#searchcontainer { top:69px;top:64px;}
 }
 

 
@media all and (min-width: 480px){}


 
@media all and (min-width: 540px){}
  
 

 
@media all and (min-width: 640px){ 
	

.leftcol, .rightcol {float:left; width:50%;}

.leftcol { padding:70px 12px 0px 0px; }
	
 
#wrapper {
position: relative;
width:100%;
margin:90px auto 0px auto; 
}
 
 
#headerwrapper{position:fixed;top:0;width:100%;height:147px;z-index:1000;/*background-color:#fff;*/ z-index:1000;    
 height:147px;
background-image:url('../images/header-schatten.png');
background-repeat: repeat-x;
background-size:auto 147px; 

 }	
 

#headerbar {position: relative; height:147px; margin:0px auto 0px auto; /*background-color:#fff; */width:100%;max-width:1100px; }
 
 .mmactive #headerbar ,  .mmactive #headerwrapper  {height:127px; }
 
 
 
#logocontainer { position:absolute; top:0px; left: 50%; margin-left: -140px; padding:0px 0px 0px 0px; width:260px; height:147px; z-index:10000;}


#logo    { 

width:100%;  display:block;
height:147px;
background-image:url('../images/logo-schatten.png');
background-repeat:no-repeat;
background-size:auto 147px; background-position:center  center;
}




#search {top:34px; left:60px;}
 
.threecols .blockcontent {max-width:1180px; padding:0px 0px 0px 20px;}


.threecols div.col3,  .threecols > .blockcontent > div.frame-type-textpic ,  .threecols > .blockcontent > div.frame-type-textmedia {
width: calc((100% / 2) - 20px); margin-right:20px;
}



.imageleft,.bottom > .col50 > div:first-of-type { width:50%;  padding-right:20px;float:left; padding-bottom:0px;}
.imageright,.bottom  > .col50 > div:last-of-type { width:50%;  padding-left:20px;float:left;padding-bottom:0px;}


.singlecol {width:610px; margin:0px auto 0px auto;}
.singlecol.standalone {padding:0px 0px 50px  0px;}




 .boxes div.frame-type-textpic  {width: calc((100% / 2) - 10px);  margin-bottom: 10px;}

 
 
}


/***************************************************************************************************/ 
/***************************************************************************************************/ 


@media all and (min-width: 768px){
	
	
#popup-container {height: 80%;  width: 80%; left:10%;}

 
.buttonrow {float:left;width:50%;clear:none;padding:98px 0px 0px 0px}
  

.threecols .blockcontent {max-width:1180px; padding:0px 0px 0px 20px;}


.threecols div.col3 ,  .threecols > .blockcontent > div.frame-type-textpic,  .threecols > .blockcontent > div.frame-type-textmedia  {
width: calc((100% / 3) - 20px); margin-right:20px;
}



.mediathek .threecols > .blockcontent > div.frame-type-textpic:nth-of-type(odd)  {
width: calc(65% - 20px); margin-right:20px;clear:both; 
}
.mediathek .threecols > .blockcontent > div.frame-type-textpic:nth-of-type(even)  {
width: calc(35% - 20px); margin-right:0px; padding-bottom: 40px;
}

 .boxes div.frame-type-textpic  {width: calc((100% / 3) - 15px); margin-bottom: 10px;}
 
 

}
 
/***************************************************************************************************/ 
/***************************************************************************************************/ 
 @media all and (min-width: 1024px){
 
 
 .petition .col50.left {width: 66%;}
.petition .col50.right {width: 34%;}
.petition .colcontainer {padding-left: 0px;}


  
#headerwrapper{ height:147px; 
background-size:auto 147px;  }	
 
#headerbar {  height:147px; }
 
 

.spendenmobil {display:none;
transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;


width:60px; height:60px; 
position:fixed;top:auto;bottom:350px; right:20px; z-index:1000;
background-image:url('../images/spenden.png');
background-repeat:no-repeat;
background-size:auto 50px;
background-position:center center ;
}

.spendenmobil.visible {display:block;
transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}


#mainmenu { padding-left:20px; position:absolute;bottom:0;}

 

#search {position:absolute; right: 20px;right: 40px; left:auto;top:44px;}



#searchcontainer {display:none;position:absolute;
right:0px; left:auto; top:66px;top:40px; background: #fff;  
height:160px; padding:30px 20px 20px 20px;width:350px;

 z-index:100;}
 
 
#logocontainer { position:absolute; top:0px; left: 0px; margin-left:0;padding:0px 0px 0px 0px; width:260px; height:147px; z-index:10;}


#logo    { 
width:260px; display:block;
height:147px; padding-bottom:0px;
background-image:url('../images/logo-schatten.png');
background-repeat:no-repeat;
background-size:auto 147px;
background-position:top left -24px  ;
}


	
.mediathek .threecols > .blockcontent > div.frame-type-textpic:nth-of-type(odd)  {
width: calc(45% - 20px); margin-right:20px;clear:both; 
}
.mediathek .threecols > .blockcontent > div.frame-type-textpic:nth-of-type(even)  {
width: calc(35% - 20px); margin-right:0px; padding-bottom: 40px;
}




 .boxes div.frame-type-textpic  {width: calc((100% / 4) ); margin-bottom: 10px; padding: 0px 20px 40px 20px;}
.boxes {padding: 0px 20px 0px 20px !important;}

 }
 
 
 
@media all and (min-width: 1180px){
	


	


#popup-container {
	
height: 65%; 
  width: 80%;
 max-width:1600px; 
 min-height:380px;
   margin: 0 auto;
  margin-top: 5%;
  position: fixed;
  left: 10%;
  z-index: 2000;
  top: 200px;
  display: none;
  background:transparent;
 
}



	
 
.threecols .blockcontent {max-width:1180px; padding:0px 0px 0px 40px;}
.threecols div.col3 ,  .threecols > .blockcontent > div.frame-type-textpic,  .threecols > .blockcontent > div.frame-type-media  {
width: calc((100% / 3) - 40px); margin-right:40px; margin-bottom:35px;
}

 
  
#arrow_up { right:10px; bottom:10px; }
 
 

 
#page  {
width:100%; 
padding:0px 0px 0px 0px;
display:block;
position: relative;
margin:0px auto 0px auto;
}
  

.block {width:100%;  display:block;margin:0;    padding:0px 0px 64px 0px;  padding:0px 0px 36px 0px;}
 
 

.blockcontent {width:100%;  
max-width:1100px;
margin:0 auto 0px auto; display:block; clear:both;padding:0px 0px 0px 0px;}

.block.image .blockcontent {padding:0px 0px 0px 0px;}



.blockpad {width:100%;  padding:0px 0px 96px 0px;}


.colcontainer {padding:0px 0px 0px 40px;} 




.block.special > .blockcontent {padding: 0px 40px 0px 40px;}
.petition .block.special > .blockcontent {padding: 0px 0px 0px 0px;}

.block.special  > .blockcontent .ce-gallery {float:left; width:66.66667%; padding-right:15px;}
.block.special  > .blockcontent .ce-bodytext {float:left; width:33.333333%; padding-left:15px;}
.block.special  > .blockcontent .ce-gallery  img {width:100%; height:auto;}
 
.block.special  > .blockcontent h3 {margin-top:0px;}
 
 
 
.block.special.invers  > .blockcontent .ce-bodytext {float:left; width:66.66667%; padding-right:15px;}
.block.special.invers   > .blockcontent .ce-gallery {float:left; width:33.333333%; padding-left:15px;}
 
 
.col50 {width:50%;float:left;padding-right:40px;}
 
 .col50 .frame-type-textpic > a ,
  .boxes .frame-type-textpic > a { margin-bottom:0px;}
 
.col66 {width:65%;float:left;}
.col33 {width:35%;float:left;}


.col66.right {padding:0px 0px 0px 15px;}
.col66.left {padding:0px 15px 0px 0px ;}

.col33.right {padding:0px 0px 0px 15px;}
.col33.left {padding:0px 15px 0px 0px ;}


}



 
@media all and (min-width: 1440px){
 
#searchcontainer {display:none;position:relative;
left:-200px;    top:8px;

background: #fff;  
height:160px; padding:30px 20px 20px 20px;width:350px;
 z-index:100;}
 
 
#search {width:20px; height:60px;}
 
 } 
 
 
 
  
   
     .fadeInLoad {
        border: 1px solid #48484A;
        font-size: 40px;
        animation: fadeInLoad 5s;
    }
    @keyframes fadeInLoad {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    
    
   
 
 
@media all and (-ms-high-contrast:none) {
     #sm_menu_ham { display:none !important; } /* IE10 */
     *::-ms-backdrop, #sm_menu_ham { display:none !important; } /* IE11 */
}

#barcontainer {width: 33.333333%; float:left; }

#container { 
  margin: 5px 0px 4px 0px;
  width: 100%;
  height: 45px;
  position: relative;
}

#spendenvolumen_anzeige {padding-left: 1px;font-size: 16px;} 
#spendenziel {display:block; text-align:right;width: 100%; font-size: 16px;font-weight:bold; } 


/* NEWS Einzelseiten

.news-single .frame-default .ce-image  img {width:100%;height:auto;}

.ce-textpic.ce-left .ce-gallery {width:50%; float:left; padding-right:10px;}
.ce-textpic.ce-left  .ce-bodytext {width:50%; float:left; padding-left:10px;}
.ce-textpic.ce-left   .ce-column  {padding-bottom:20px;}


div[data-ce-columns="2"] .ce-row {width:100%;}
div[data-ce-columns="2"] .ce-column {width:50%;float:left;  }

.ce-column img {width:100%; height:auto;}
.ce-textpic.ce-left figcaption {padding-right:16px;}
.news-single .frame-default .ce-image,   .news-single .frame-default .ce-textpic ,   .news-single .frame-default > p   { padding-bottom:32px;}
.news-single .frame-default   .ce-column, .news-single .frame-default p {padding-left:0px; padding-right:0px;}
 
.news-single .frame-space-before-medium {padding-top:32px;}*/
  


/* 
.blockcontent.breadcrumbs { width:100%; display:block;padding:32px 0px 32px 0px; padding:42px 0px 60px 0px;height:143px ;height:107px }

.breadcrumbs ul {list-style-type:none;}

.breadcrumbs li {float:left;  padding:4px 20px 0px 20px; font-size:16px; line-height:16px;  background-image:url('../images/listenpunkt_magenta.png');
background-repeat:no-repeat;
background-size:6px 6px;
background-position:left 0px  top 8px;
}

.breadcrumbs li:first-of-type {background-image:none;}

.breadcrumbs span, .breadcrumbs a , .breadcrumbs li {font-size: 16px;   }

.breadcrumbs a:hover , 
.breadcrumbs a:focus {color:#9A9188;}

.breadcrumbs span {display:inline-block; padding: 0px 8px 0px 8px;}
*/