@font-face {font-family:Roboto;src:url("../fonts/Roboto-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;}

@font-face {font-family:Roboto Bold;src:url("../fonts/Roboto-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;  }
@font-face {font-family:Roboto Medium;src:url("../fonts/Roboto-Medium.ttf") format("truetype");font-weight:bold;font-style:normal;  }


@font-face {font-family:Open Sans;src:url("../fonts/OpenSans-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;}

@font-face {font-family:OpenSansBold;src:url("../fonts/OpenSans-Bold.ttf") format("truetype");font-weight:bold;font-style:normal;}




@font-face {font-family:ModerneFraktur;src:url("../fonts/ModerneFraktur.ttf") format("truetype");font-weight:normal;font-style:normal;}



@font-face {font-family:FontAwesome;src:url("../fonts/fontawesome-webfont.ttf") format("truetype");font-weight:normal;font-style:normal;}

@font-face {font-family:FiraRegular; src:url("../fonts/FiraSans-Regular.ttf") format("truetype");}
@font-face {font-family:FiraSemiBold; src:url("../fonts/FiraSans-SemiBold.ttf") format("truetype");}



/* Admin - Wordpress */


select.actions #cat .level-1 { font-size: 10px!important;   }
select.postform  option.level-1  { font-size: 10px!important; color:red; }



/* Allgemein */
body { font-size: 16px;font-family: 'Open Sans'; color: #333;   }

strong { font-family: 'OpenSansBold';  }

.vmag-container, .site-header { background: #ffffff; width:100% }


a { color: hsla(80, 100%, 25%, 1); }

a:hover { color: hsla(80, 90%, 40%, 1)!important;  }

div.entry-content h2 { font-size: 16px; }
h2 { font-size: 24px; }


/* ============================================================================    */

/*Tabby Tab*/
.responsive-tabs .responsive-tabs__list__item {color: #111; }
.responsive-tabs .responsive-tabs__list__item:hover { color: #555; }
.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover { color: #555;  }



.flaggentabs .responsive-tabs .responsive-tabs__list__item {
	background: #eee!important ; color: #555!important; 
}
.flaggentabs  .responsive-tabs .responsive-tabs__list__item--active,
.flaggentabs  .responsive-tabs .responsive-tabs__list__item:hover {
	color: #000!important; 
	background: #fff!important ;background: #fff!important ;
}








/* ============================================================================    */


/* abo */

.abowerbung { width:100%; max-width:100%; position:relative; top:-10px; }



.comment-author .avatar {
display: none;
}

/* Top-Menü - Anzeigen */

div.topnav { position:relative;z-index:100; top: 0px; width:100%; he igth:10px; background-color:#333!important; color: #eee;font-size: 13px; text-shadow: 0px 0px 1px #777; text-align:right; padding-right:10px;  font-family: Verdana; }

.topnav ul { display:inline-block;  margin:auto; }
.topnav ul li { display:inline  }
.topnav ul li span { color:#f74;text-shadow: 0px 0px 1px #444;  }
.topnav ul li a { color: #eee;  }
.topnav ul li a:hover { color: #aef; }


/* ============================================================================    */

/* Smartcity -   Header Info/Ad  */

/*aus style .site-header .header-ad-wrapper */
	
.site-header .header-info-wrapper { 
    float: right;
    width: auto;
    max-width: 728px; }  

.header-info-wrapper section h4.widget-title { 
        height:0px; 
        background-color: none; 
        border:0px solid white; }

 a.visitinfo {  display:inline-block; 
                z-index:20; 
                position:relative;
                right:10px;
                margin-top:30px;  }	      

/* aus responsive .site-header .header-ad-wrapper*/

@media (max-width: 1000px) {
.site-header .header-info-wrapper {
	float: left; margin-left:20px;margin-top:-20px;margin-bottom:-20px; } }
	

@media (max-width: 768px) {
.site-header .header-info-wrapper {
	float: left; margin-left:10px;;margin-top:-30px; } }

	
.headerInfo { max-width: 345px; display:inline-block;
	      border:1px solid #888; 
	      border-radius:1px; 
	      padding:5px; 
	      margin:-30px auto 0px;  
	      box-shadow:0px 0px 2px inset #f4f4f4; 
	      background:#fdfdfd; 
	      text-align:center; }

.headerInfo span { font-weight:bold; 
		   display:block; 
		   margin:0px 0px 5px 0px; }

.headerInfo .schalter { display:inline-block; 
			border:1px solid #aaa; 
			border-radius:1px; 
			padding:5px; 
			margin:0px;
			z-index:20; 
			position:relative; 
			font-size:14px;  }
			
.headerInfo .schalter a { color:#555;  }


.headerInfo .schalter:hover { background:#ededed; 
			      box-shadow:0px 0px 2px inset #e4e4e4; 
			      cursor:pointer;  }
			      
.headerInfo .schalter a:hover { color:#222;  }


/* ============================================================================    */

/* Smartcity */

div.luftbanner {  border:1px solid #777;padding: 0px; margin:30px 0 40px 0; }
div.luftbanner span { display:inline-block;padding: 10px 0 5px 10px;width:100%; color:#000;background:#fffff5;font-size:13px; font-weight:bold; }


div.luftbanner a { padding:0;margin:0; display:inline-block; background:#3399fe; width:100%; }


div.mietenbanner {  border:1px solid #777;padding: 0px; margin:30px 0 40px 0; }
div.mietenbanner span { display:inline-block;padding: 10px 0 5px 10px;width:100%; color:#000;background:#fffff5;font-size:13px; font-weight:bold; }


div.mietenbanner a { padding:0;margin:0; display:inline-block; background:#5A4830; width:100%; }


div.laermbanner {  border:1px solid #777;padding: 0px; margin:30px 0 40px 0; }
div.laermbanner span { display:inline-block;padding: 10px 0 5px 10px;width:100%; color:#000;background:#fffff5;font-size:13px; font-weight:bold; }


div.laermbanner a { padding:0;margin:0; display:inline-block; background:#9A8584; width:100%; }


/* ============================================================================    */


/* Mediadaten  */

.mediadaten-tarif { margin:40px 0px; }




/* Contact Form 7 */





#wpcf7-f47150-p47155-o1 { background:hsla(80, 0%, 88%, 1); text-align:center;padding: 20px 0; }

.wpcf7 input,.wpcf7 textarea  { width:80%; }


.wpcf7 .anmerkung { font-size:12px; color:#555; }


.wpcf7 .screen-reader-response { display:none;  }

.wpcf7 .screen-reader-response ul li { display:none; }

.wpcf7 .wpcf7-not-valid-tip{ color: #a00; margin-left: 10px;  }

.wpcf7 .wpcf7-validation-errors { color: #a00; margin-bottom:10px;  }


.wpcf7 .wpcf7-mail-sent-ok { color: #a00;  }

.wpcf7 .wpcf7-file { width:80%; border-radius:3px; }



.wpcf7 .wpcf7-form-control { background:hsla(80, 0%, 99%, 1);border:1px solid hsla(80, 0%, 78%, 1);border-bottom:3px solid hsla(80, 0%, 78%, 1); color: #012; font-size: 14px;  }

.wpcf7 .wpcf7-submit { background:hsla(80, 100%, 35%, 1);width:20%;  }



/* ============================================================================    */

/* rss */
 
.widget_rss li { list-style-type:none;border-bottom: 1px solid #ddd;margin-bottom: 5px;   }

.widget_rss li a { line-height:20px;line-height:26px; }
border-bottom: 1px solid blue; 
ul li a.rsswidget { font-size: 13px; color:#444; font-weight:bold; }


/* logo */

.site-header .site-branding {  float: left;  max-width: 98.5%; }
.boxed_layout .site-header .site-branding {  max-width: 98.5%; }

/* Datum */

.datum { float:left; margin:15px 0 0 20px; color:#222; }



/* sliderblock */

.featured-article .post-caption h3 a { text-transform: none; }




/* header - menu */

.vmag-top-header {  background-color:hsla(80, 90%, 40%, 1); background-color: #85c20a;  }
.vmag-current-date { color:#002233;  } 

	
.vmag-newsticker-wrapper { display:none; }
	

.mailicon { font-size:20px;color:#fff;position:absolute; margin: 23px 15px 0px!important;  }	
	
	
	
/* Berlin-Block	 */
	
/* Abstand links	 */
.postpadding { padding-left:10px;  }	



/* Artikelüberschriften */

#primary .entry-title { text-transform: none; }



	
/* ============================================================================    */

   
/*     cookie neu */
.cookieframe { position:relative; 
display:block; 
width: 99%; 
margin:auto;margin-bottom:20px;margin-top:5px; 
border:1px solid #003399; border-radius:5px; 
background-color: #eeeeee; 
transition: all 1s linear;} 


.cookieinfo2 { position:relative;  
margin: 10px 45px -5px 45px; 
color: #111; 
font-size:13px; 
line-height:21px; }

.cookieinfo2 a { color: #2e4600; 
  line-height:21px;
  text-decoration:underline; 
  -webkit-transition: font-size .5s ease;
  -moz-transition: font-size .5s ease;
  -o-transition: font-size .5s ease;
  transition: font-size .5s ease; }
  
.cookieinfo2 a:hover { color: #486b00!important;font-size:16px; line-height:21px; }
.cookieframe .small { font-size:11px;line-height:13px; }

.cookieframe img { float:right;  margin-right: 5px; margin-top: 5px; }

.pfeil { position:absolute; 
top:50%;; left: 0px;
transform: translateY(-50%);
   width: 0; height: 0px; 
   border-left: 28px solid #003399; 
   border-top: 40px solid transparent; 
   border-bottom: 40px solid transparent; }  
 
.hidden {
  display: none; }

.visuallyhidden {
  opacity: 0; }

button.weg { display: block; 
    margin: 0 auto; 
    padding:9px; 
    background-color: #dddddd;  
    box-shadow: none;
    col or: #ffffff; 
    text-shadow:none; 
    font-size:15px; 
    border:0px solid #0033ff; 
    border-radius:5px; 
    position:relative; 
    margin-right:1.4%; 
    top:-64px; 
    -webkit-transition:all 0.5s ease;  
    -moz-transition: all 0.5s ease; 
    -o-transition:all 0.5s ease;  
    transition: all 0.5s ease; }  


button.weg:hover { background-color: #cccccc; 
                   padding:12px; margin-bottom:-6px;
                   top:-70px; }    
    
    
    
 @media only screen and (max-width:630px) {    
button.weg { margin-right:2.2%;  }
     }  
    
 /* ============================================================================    */
/*    Background Werbung */
  

 

.bild {	max-width:450px;width:100%;margin:none;
		opacity: 0;
		transform: translateY(50%);
		transition: all 0.9s ease-in-out; }
		
.visible { opacity: 1;
		   transform: translateY(5%); } 
  
  

.parallaxanzeige { 
  width:100%;
  position: relative;
  border:0px solid brown;
  top:340px;
  display:block;
  margin-bottom:355px; }

.anzeigenrahmen { width:100%;
        height:340px;
        position:absolute;
        top:-312px;
        margin: 0 auto;
        text-align:center;
        background-color: ivory;
        border-radius: 2px;  border:1px solid #aaa; }
        
      
.font11 { position:absolute; top:325px; right:3px; font-size:11px;line-height:13px; float:right;}       
        
     
#animate {
  position: relative; 
  z-index:3;
  background-color: white;
  margin:auto;
  display:block;
  top:30px; border:1px solid #fff;width:100%; }

.anim-content { top:30px; position:relative;  }
  
  
button.bewegen { display: block; top:-2px;
    padding:9px 12px; 
    background-color: #a9afb5;
    box-shadow: none;
    color: #fff; 
    text-shadow:none; 
    font-size:14px; 
    border-radius:2px;
    border:none;
    position:relative; 
    -webkit-transition:all 0.5s ease;  
    -moz-transition: all 0.5s ease; 
    -o-transition:all 0.5s ease;  
    transition: all 0.5s ease; }  

button.bewegen:hover { background-color: #898f95;cursor:pointer; }       
    
#bewegerunter { display:none; 
visibility: 0; transition-timing-function: linear;}

#bewegehoch { display:block; 
visibility: 1.0; transition-timing-function: linear;}

button.kreuz { display: inline-block; 
    padding:2px 8px 5px 8px; 
    background-color: #a9afb5;
    box-shadow: none;
    color: #fff; 
    text-shadow:none; 
    font-size:16px; 
    border-radius:2px;
    border:1px solid #aaa;
    position:relative; 
    float:right;
    top:-311px; z-index:2;
    -webkit-transition:all 0.5s ease;  
    -moz-transition: all 0.5s ease; 
    -o-transition:all 0.5s ease;  
    transition: all 0.5s ease; }  

button.kreuz:hover { background-color: #898f95;cursor:pointer; }       

@media  (max-width: 400px) {
	.visible {
		opacity: 1;
		transform: translateY(25%);}
	} 



/* ============================================================================    */


/* Kategoriefarben */

.block-header h4.block-title  { padding: 15px;display:block;color:#eee;  }

.block-header h4.block-title a { display:block; color:#eee;  }
.block-header h4.block-title:hover {   }

 
.categoryblock {  width:100%;display:block; padding: 10px 0 8px 10px!important; color:#eee; }

.textcolor {  color:#333; }

h4.block-title {  color:#333!important;  }
h4.block-title a {  color:#333; }

 h3.large-font a { font-family: 'Roboto Bold' ;  }
 h3.small-font a { font-family: 'Roboto Bold' ;  }
 
  
.green { background-color:  hsla(80, 90%, 40%, 1); }


h4.red { background-color:  hsla(0, 80%, 40%, 1); color:#eee!important; }
h4.teal { background-color:  hsla(180, 100%, 25%, 1);color:#eee!important;  }
h4.darkorange { background-color:  hsla(22, 100%, 50%, 1);color:#eee!important; }
h4.blue { background-color: hsla(221, 100%, 30%, 1);color:#eee!important; }

h4.ortsteile { border-bottom:  5px solid hsla(80, 90%, 40%, 1)!important; border-top:  1px solid hsla(80, 90%, 40%, 1)!important;color:#333!important; font-size: 14px!important; }



h4.coralborder { border-bottom:  5px solid hsla(5, 100%, 30%, 1)!important; border-top:  1px solid hsla(5, 100%, 30%, 1)!important;color:#333!important; }

h4.blueborder { border-bottom:  5px solid hsla(220, 80%, 30%, 1)!important; border-top:  1px solid hsla(220, 80%, 30%, 1)!important;color:#333!important; }

/* ------------------------------------- */

/* display-posts */

.my-grid-layout .listing-item { background-color: #fdfdfd; display:inline-block; }

.my-grid-layout .image { display:block;  }
.my-grid-layout .title { display:block; } 
.my-grid-layout .date { display:block; font-size: 0.8em; background-color: #f5f5f5;} 
.my-grid-layout .excerpt { display:block; margin-bottom:20px; padding-bottom: 10px; border-bottom: 1px solid #aaa; }


/* ------------------------------------- */





/* Wordpress Widgets */

/* sliderblock */

.slider-caption h3 a { text-transform: none; font-size: 24px; }
.featured-article .post-caption h3 a { text-transform: none;  }


/* Slider */

.slider-caption h3.featured-large-font  { padding-top:5px; color:#fff; font-size:1.2em; }
.slider-caption .post-meta span { font-size:1em; background:#aaa;padding:0 3px; }



/* sliderblock anpassung der Bildgrößen */

.featured-article .post-caption h3 a { text-transform: none; }

.site-content .homepage-slider-section .widget_vmag_featured_slider .slider-section {
  /* float: left;*/
    width: 66.1%;
   /* position: relative;*/
    max-height: 380px;
    /*box-shadow:0px 2px 0px #ccc;*/
}

.site-content .homepage-slider-section .widget_vmag_featured_slider .featured-post-section {
   /* float: right;*/
    width: 33%;box-shadow:0px 2px 0px #ccc;
}



/* Berlin-Block */

#vmag_block_posts_style1-6  { background: #333333; color:#bbbbbb; margin-bottom:35px; }
#vmag_block_posts_style1-6   .block-header{ background: #ffffff; }
#vmag_block_posts_style1-6  .postpadding { padding-left:10px; }


#vmag_block_posts_style1-6 a  { color:#dddddd; }
#vmag_block_posts_style1-6  a:hover {  }



/* Berlin - Brandenburg */
#vmag_block_posts_style1-7  { background-color:hsla(73, 69%, 87%, 1) ; color:#111; margin-bottom:35px; }
#vmag_block_posts_style1-7   .block-header{ background-color: #ffffff; }

#vmag_block_posts_style1-7 a  { color:#111; }


/* SmartCity - SmartCountry */
#vmag_block_posts_style3-10  { background-color:hsla(46, 69%, 92%, 1) ; color:#bbbbbb; margin-bottom:35px; }
#vmag_block_posts_style3-10   .block-header{ background-color: #ffffff; }

#vmag_block_posts_style3-10 a  { color:#111111; }




.widget_rss h4.widget-title {  border-bottom: 5px solid hsla(0, 0%, 50%, 1)!important; border-top: 1px solid  hsla(0, 0%, 50%, 1)!important;padding: 10px 0 8px 10px!important;  }

section #text-5 .widget_text h4.widget-title { background: hsla(42, 10%, 70%, 1);  width:100%;display:block; padding: 10px 0 8px 10px!important; color:#fff!important;  }



section#custom_html-3 h4.widget-title  { border-bottom: 5px solid hsla(220, 80%, 30%, 1)!important; border-top: 1px solid  hsla(220, 80%, 30%, 1)!important;padding: 10px 0 8px 10px!important;  }


section#custom_html-4 h4.widget-title {  border-bottom: 5px solid hsla(0, 0%, 50%, 1)!important; border-top: 1px solid  hsla(0, 0%, 50%, 1)!important;padding: 10px 0 8px 10px!important;  }



/* Anzeige Sidebar */

/*
section#text-13 h4.widget-title { background: hsla(220, 80%, 30%, 1)!important;   color:#fff!important; padding: 10px 0 8px 10px!important;}*/

section#text-13 h4.widget-title { border-bottom: 5px solid hsla(220, 80%, 30%, 1)!important; border-top: 1px solid  hsla(220, 80%, 30%, 1)!important;padding: 10px 0 8px 10px!important;  }


section#text-29 h4.widget-title  { border-bottom: 5px solid hsla(220, 80%, 30%, 1)!important; border-top: 1px solid  hsla(220, 80%, 30%, 1)!important;padding: 10px 0 8px 10px!important;  }

section#vmag_medium_ad-11  { margin: -40px  0 0px 20px;  }

section#vmag_medium_ad-12 h4.block-title {  color:#444444!important;  }



/* Newsticker - andere Zeitungen */


/* Widget Homepage */

section#simple-links-2 {  padding:0 0 20px 0;  color: #333;  }

section#simple-links-2 h4  {  width:100%;display:block; padding: 10px 0 8px 10px!important;  border-bottom:  5px solid hsla(220, 80%, 30%, 1)!important; border-top:  1px solid hsla(220, 80%, 30%, 1)!important;color:#333!important;  }



section#simple-links-2 li {padding:0 0 10px 10px; border-bottom:1px solid #cccccc; margin:0 0 10px 0px;  }

section#simple-links-2 li a { font-weight:600; }

section#simple-links-2 li span.additional-field{ float:none;margin-left:-5px; }

section#simple-links-2 li p strong {  font-weight:600; }


/* ----------------------------------------------------------------------------- */


/* sidebar simple links */

section#simple-links-3 {  padding:0 0 20px 0;  color: #333;  }

section#simple-links-3 h4  {  width:100%;display:block; padding: 10px 0 8px 10px!important;  border-bottom:  5px solid hsla(220, 80%, 30%, 1)!important; border-top:  1px solid hsla(220, 80%, 30%, 1)!important;color:#333!important;  }



section#simple-links-3 li {padding:0 0 10px 10px; border-bottom:1px solid #cccccc; margin:0 0 10px 0px;  }

section#simple-links-3 li a { font-weight:600; }

section#simple-links-3 li span.additional-field{ float:none;margin-left:0px; }

section#simple-links-3 li p strong {  font-weight:600; }


/* ----------------------------------------------------------------------------- */




/* Kalenderseite */


div.entry-content ul.simple-links-list  {  display:inline-block; padding-top: 10px; margin:20px 0 20px 0;  color: #333;  }

div.entry-content ul.simple-links-list a { font-weight:600; }

/* div.entry-content ul.simple-links-list .link-description em { fon t-weight:600; } */

div.entry-content li.simple-links-item {  padding:0px 0px 10px 0px; border-bottom:1px solid #cccccc; margin:0 0 10px 0px; list-style-type:none; position:relative; left:-20px; }

div.entry-content li.simple-links-item p { margin:0; }


div.entry-content  li.simple-links-item span.additional-field{ float:none; margin-left:0px; font-style:italic; }


/* ============================================================================    */

/* display posts */

.my-grid-layout {   }

.my-grid-layout img { display:inline-block; }
 .my-grid-layout a { font-size: 16px; font-weight:bold; }
 
  .my-grid-layout span.date { display:block;width:100%; background-color:#f7f5f5; font-size:0.9em; font-style:italic; }
.my-grid-layout .excerpt {  display:inline-block;  }
.my-grid-layout .listing-item { margin-bottom:20px; border-top: 5px solid #eee; }

/* Anzeigio */


.anzeigio-title { margin: 20px 0 10px 0; } 

.anzeigio-description { margin: 0px 0 20px 0; }





/* Youtube Channel Großbild  */

section#text-3 h4.widget-title { border-bottom:  5px solid hsla(20, 90%, 50%, 1); border-top:  1px solid  hsla(20, 90%, 50%, 1)!important; color:#333;background:#fff; padding: 10px 0 8px 10px;}

/* Youtube Funk */

section#text-25 h4.widget-title { border-bottom: 5px solid hsla(0, 0%, 0%, 1)!important; border-top: 1px solid  hsla(0, 0%, 0%, 1)!important;padding: 10px 0 8px 10px!important;  }

section#text-25 { padding-bottom:80px; }

/*.video-window { float:left; display:inline-block;vertical-align:top; max-width:700px;width:100%; margin-bottom:40px  }*/

div.video-textbox {  font-family: Arimo, sans-serif;ma x-width:340px;width:100%;display:inline-block;vertical-align:top;margin-left:20px;font-size:16px;line-height: 26px; color:#333; border:0px solid gold; }


.video-textbox  b {  }



.video-textbox div { font-size:13px; line-height: 18px; margin-top:20px; }


div.video-largetextbox {  max-width:1100px;width:100%;display:inline-block;vertical-align:top;padding:10px 20px 0px 20px;margin-bottom:-50px; font-size:16px;line-height: 26px; color:#333; border:0px solid gold; }





/* Youtube Channel Großbild  */

section#text-3 h4.widget-title { border-bottom:  5px solid hsla(20, 90%, 50%, 1); border-top:  1px solid  hsla(20, 90%, 50%, 1)!important; color:#333;background:#fff; padding: 10px 0 8px 10px;}



div.video-textbox {  width:340px;display:inline-block;vertical-align:top;margin-left:20px;font-size:16px;line-height: 26px; color:#333; border:0px solid gold; }

.video-textbox div { font-size:13px; line-height: 18px; margin-top:20px; }


div.video-largetextbox {  max-width:1100px;width:100%;display:inline-block;vertical-align:top;padding:10px 20px 0px 20px;margin-bottom:-50px; font-size:16px;line-height: 26px; color:#333; border:0px solid gold; }



.video-box { display:inline-block; width:700px; }

.video-container {
	position:relative;
	padding-bottom:56.25%!important;
	padding-top:30px;
	height:0;
	overflow:hidden;
	
}

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




/* Youtube Videos - Smooth Load */


    .youtube-player {
        position: relative;
        padd ing-bottom: 56.23%;padding-bottom: 36%;
        /* Use 75% for 4:3 videos */
        height: 0;
        overflow: hidden;
        width: 100%;
	max-width: 700px;
	display:inline-block;float:left;
	vertical-align:top;
        background: #000;
        margin: 5px;margin-bottom:40px; 
    }
    
    
   .youtube700 { max-width:700px;padding-bottom:56%;  } 
    
    
    .youtube-player iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: transparent;
    }
    
    .youtube-player img {
        bottom: 0;
        display: block;
        left: 0;
        margin: -66px auto;
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        hei ght: auto;
        cursor: pointer;
        -webkit-transition: .4s all;
        -moz-transition: .4s all;
        transition: .4s all;
    }
    
    .youtube-player img:hover {
        -webkit-filter: brightness(75%);
    }
    
    .youtube-player .play {
        height: 72px;
        width: 72px;
        left: 50%;
        top: 50%;
        margin-left: -36px;
        margin-top: -36px;
        position: absolute;
        background: url("//i.imgur.com/TxzC70f.png") no-repeat;
        cursor: pointer;
    }



/* widget Stadtbilder Untertitel */


section#text-26  { border: 0px solid gold; width:100%; display:block;color:#333; float:left;font-family: Roboto; font-weight: 500; background:#fff; position:relative; top:-50px;padding-bottom:35px;margin-bottom:-35px; }


/* Logo */

.logo { font-family:ModerneFraktur!important;font-size:44px;text-shadow:0px 0px 1px #f7f7f7; text-decoration:none;ma rgin-left:20px; color:#123; position:relative; z-index:1;  text-align:left; font-weight:normal!important; }

a.logo:hover {  color:#123!important; }

.logo-subtitle, .site-description { font-size:14px;font-weight:normal;font-family:'sans serif',Verdana;color:#321;display:block;position:relative; top:-5px; }




.site-branding { margin-left:20px!important; }

.site-description { margin-left:16px!important;float:left; margin-top:10px;}



.widget.vmag_block_posts_carousel ul li.single-post .post-thumb:before { opacity: 0.2; }
/*
.widget.vmag_block_posts_carousel .single-post .post-caption {
background-color: #000; opacity: 0.5;  t op: 0%; bottom:-5px; }*/


/* ============================================================================    */


/* Hauptmenü */

#site-navigation {  background: #023;  }

.nav-wrapper { width: 89%; }

.site-header .main-navigation li a { padding: 0 13.5px;font-family:Open Sans; text-shadow: 0px 0px 0px hsla(220, 100%, 100%, 0.6);  }

.site-header .main-navigation .icons-wrapper {padding: 0 20px 0 0px;}

.site-header .main-navigation .clearfix { width:80px; }


#site-navigation .homeicon {  background:hsla(200, 100%, 10%, 1); }
#site-navigation .homeicon a { padding:0px 4px;  }
#site-navigation .homeicon a img { padding-top:21px;  }


/* nur die striche über den Menüpunkten #4db2ec - Anfang */

.site-header .main-navigation li a:hover:before {
   border-top:4px solid hsla(80, 90%, 40%, 1); }

   
.main-navigation .current_page_item > a:before,
.main-navigation .current-menu-item > a:before,
.main-navigation .current_page_ancestor > a:before,
.main-navigation .current-menu-ancestor > a:before {
    border-top: 4px solid hsla(80, 90%, 40%, 1); }
      
   
   
   

 .nav-wrapper .current-menu-item a:before,
.nav-wrapper .current-menu-ancestor a:before {
     /* border-top: 4px solid hsla(80, 90%, 40%, 1); */  }
      
      
   /*   nav-wrapper Zeile 1152 in style.css auskommentiert - hier wirkungslos */



.menu-item { background: hsla(200, 100%, 10%, 1);  }
ul.menu li.menu-item  a { color:#eee!important; }





/* Textfarbe im Submenu */

.site-header .main-navigation ul li ul li { border-top:1px solid  #102a37; }



.site-header .main-navigation ul li ul li a:hover {
    color: #102a37;  border-color: #102a37;}


/*     submenu - in responsive.css  ---   ANFANG */
    
.site-header .main-navigation li a:hover {  border-bottom: 2px solid #85c20a!important; border-color: #85c20a!important; }
.site-header .main-navigation li a:hover { color: #85c20a!important; }


.site-header .main-navigation li.current_page_item a {
	color: #102a37; border-color:  #102a37; }	

.site-header .main-navigation li.current-menu-item ul li > a:before { border-top:none; }	
	

.site-header .main-navigation ul li ul li a:hover {
		border-bottom: 2px solid #85c20a!important; border-color:#85c20a; color:#85c20a!important; 
	}
	
	

.sub-toggle-children {
		background-color:#85c20a!important; } /* wird in style.php definiert */
	
		
.sub-toggle {  background: hsla(200, 100%, 10%, 1); top:2px; height:22px;	}
			

.nav-toggle span { background-color:#ffffff!important; }

.icons-wrapper a.icon-random   { color:#eee!important; }
.vmag-search-in-primary { color:#eee; }

	
.fa-arrow-right { font-size:30px; background:green; }


.sub-wrap .sub-toggle,
.sub-wrap .sub-toggle-children {
    color: #85c20a!important;
    height: 40px!important;
    line-height: 20px!important;
    top: -5px!important;
    width: 40px!important;
    border:1px solid #85c20a!important;
    font-size:1.5em;
}


.stadtbilder img {  margin: 0px 0px 10px 0px;   border: 1px solid #aaa; padding:3px; }



/* ============================================================================    */



#banner-menu  {    }

.banner-nav #site-navigation {  background:#ffd429; }
.banner-nav #site-navigation li {  background:#ffd429; background: hsla(24, 100%, 58%, 1); }
.banner-nav #site-navigation li a { padding:0px; }

.banner-nav .nav-toggle { background:#c1a01a;  }
.banner-nav .nav-toggle span { background:#f2f2ed; }

.banner-nav .sub-toggle { background:#c1a01a; height: 30px;width: 40px;right: 0px;top: -40px;line-height: 20px;font-size:30px;	}



	
	
	
.site-header .banner-nav .main-navigation ul li:hover > ul { display:block; position:relative; top:0px; }



.site-header .banner-nav .main-navigation li a:hover:before { border-color:hsla(18, 76%, 57%, 1) ;  }     
 .nav-wrapper .banner-nav .current-menu-item a:before,
.nav-wrapper .banner-nav .current-menu-ancestor a:before { border-color: #b8aea5; }

.banner-nav ul.menu li.menu-item  a { color:#222; border-color:#e5c543; display:block;width:100%; border-color: hsla(24, 80%, 50%, 1) ; }


.site-header .banner-nav .main-navigation ul li ul li a:hover { color: #555; border-color:#e5c543;  }

.site-header .banner-nav  .main-navigation li a { text-transform: none; font-size:16px;}
.site-header .banner-nav .main-navigation li a:hover { border-color:#e5c543;   }
.site-header .banner-nav .main-navigation li a:hover { color: #555;  }


.site-header .banner-nav .main-navigation li.current_page_item a {
	color: #222; border-color:#e5c543; }	


.site-header .banner-nav .main-navigation ul li ul li a:hover {
		border-color:#bbb!important; }

		
		
		
.banner-nav .nav-wrapper  { position:relative; display:block; width:100%;  }
.banner-nav .nav-wrapper ul#banner-menu li {   }		
		
ul#banner-menu li ul  { width:inherit; width:100%; display:block;  background:#e5c543; background:hsla(14, 96%, 62%, 1) ; padding-bottom: 20px; }





ul#banner-menu li ul  li  { width:inherit; width:100%; display:block; border-bottom:0px solid #e5c543; box-shadow: 0px 1px 3px #c1a01a; backgr ound:#e5c543;margin-bottom:5px; padding:0 20px;  }

ul#banner-menu li ul  li a span, ul#banner-menu li ul  li a img {vertical-align:middle; margin-right:20px; }


























/* ============================================================================    */

/* Slider Fullwidth -  Homepage Fullwidth Second */


/* StadtImpressionen unten */
.slider-fullwidth { border:40px solid white; }

.slider-fullwidth .slider-caption {  }
.slider-fullwidth .slider-caption h3.featured-large-font a { padding-top:5px; color:#333; font-size:1.2em; }
.slider-fullwidth .slider-caption .post-meta  {  }
.slider-fullwidth .slider-caption .post-meta span { font-size:1em; background:#aaa;padding:0 3px; }

.slider-caption .bildunterschrift {  opacity:0; }  /* in Sliderarea Header unsichtbar */
.slider-fullwidth .slider-caption .bildunterschrift {  opacity:1; padding-bottom:5px; border-bottom:1px solid #999; }


/* Stadtbilder Category Slider unten - Homepage Fullwidth Second */

#vmag_category_posts_slider-11   { border:0px solid red!important; display:inline-block;  }

#vmag_medium_ad-11 {  border:0px solid red; display:inline-block; margin: -60px 0 0 40px;border-top:0px; }

 #vmag_medium_ad-11  h4.block-title {  border:0px; }



/* ============================================================================    */


/* Useful Icons - Sidebar */

.usefulicons { width:100%; max-width:302px;padding:30px 0px 15px 36px;border:2px solid #bbb;background:#fff; display:inline-block;margin:0px 20px 0px 0;position:relative; left:0px;border-radius: 6px;vertical-align:top; text-ali gn:center; }


.useful-title { display:block; text-align:center;margin: -20px 0px 15px -36px; color:#000;  }


.useful { position: relative;vertical-align:top;margin-right:18px; 
	  -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	  box-shadow: 
	  inset 0 0 5px 1px rgba(0, 0, 0, 0.3);
	  display: inline-block;   }
 
.icon-sos { width: 67px; height: 56px;
	  background: url('../images/sos.png') 0 4px no-repeat;margin-bottom:20px;  }

.icon-vbb { width: 135px; height: 56px;
	  background: url('../images/vbb.jpg') 6px 6px no-repeat;margin-bottom:20px; }


/*.icon-wetter { width: 160px; height: 85px;margin-bottom:20px; }*/



.icon-stau { width: 67px; height: 85px;
	    background: url('../images/autobahnstau.jpg') 2px 12px no-repeat;margin-bottom:20px; }

    
	 
.icon-sbahn { width: 52px; height: 52px;height: 85px;
	  background: url('../images/s-bahn.png') 6px 24px no-repeat;margin-bottom:12px;  }    
	    

	 
.icon-bvg { width: 52px; height: 52px;height: 85px;
	  background: url('../images/bvg.png') 8px 27px no-repeat;margin-bottom:12px;  }    
	    
	    
/* ============================================================================    */
	    

/* Wettertool */

.wetterframe { border:0px solid #eee;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-khtml-border-radius:1px; position:absolute;background:#fff;right:15px;top:15px;white-space:nowrap; width:130px;height:65px;overflow:hidden;  }


/* VBB */
.vbb { border-bottom:1px solid #d00;display:inline-block; position:absolute;top:44px; left:90px; }
.vbb-bezirke { text-align:left; position:relative;display:inline-block;top:5px; left:55px; font-size:9px;line-height:11px; }
.vbb-bezirke a {text-decoration:none;color:#000; }
.vbb-bezirke a:hover {text-decoration:underline; }



/* ============================================================================    */


/* SmartCity Infopoint Bezirk Pankow  */


.bezmeldungen { display:inline-block; background: #f5f8fc;  border:2px solid #89a!important; border-radius:15px; padding:0px 10px; vertical-align:top;margin:10px 0; }

.bezmeldungen a { color: #333;  }
.bezmeldungen ul  li {  }
.bezmeldungen ul  { list-style-type:none; padding-bottom:25px!important; }
/* ============================================================================    */

ul.bvvsitze { list-style-type:none; border:0px solid red; padding:0px!important; text-align:center; }
ul.bvvsitze li { display:inline-block; width:110px; margin:3px 0px!important; background-color: #eee;text-align:left;  }
ul.bvvsitze li.bgno { background-color: transparent; }

/* ============================================================================    */



/* Widget - Realtime - Icons  */

.widget-realtime-icons {  max-width:1200px; width:100%; position:relative;
background:#f0fde2; border-radius:15px; padding:10px;padding-right:0px;  margin:20px 0; border:8px solid #b0f764;  }
/* ----------------------------------------- */

/*Luft*/

a.aqicn-realtime  {  height: 70px; width:70px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.aqicn-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.aqicn-realtime img { width:40px;height:40px; text-align:center; margin-top:15px;  } 

	

a.breeze-realtime  {  height: 70px; width:170px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.breeze-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.breeze-realtime img { width:150px;height:40px; text-align:center; margin-top:15px;  } 


a.clouds-realtime  {  height: 70px; width:140px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.clouds-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.clouds-realtime img { width:117px;height:40px; text-align:center; margin-top:15px;  } 

	

a.hotspot-realtime  {  height: 70px; width:170px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.hotspot-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.hotspot-realtime img { width:147px;height:40px; text-align:center; margin-top:15px;  } 

a.radioaktiv-realtime  {  height: 70px; width:140px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.radioaktiv-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.radioaktiv-realtime img { width:120px;height:40px; text-align:center; margin-top:15px;  } 



a.laerm-realtime  {  height: 70px; width:120px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.laerm-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.laerm-realtime img { width:100px;height:40px; text-align:center; margin-top:15px;  } 


/*SOS Health*/


/* Widget - Health SOS Nummern  */

.widget-health-icons {  max-width:1200px; width:100%; position:relative;
background:#e2f0fd; border-radius:15px; padding:5px;  margin:0px 0; border:4px solid #64b0f7;  }

a.sos-nr  {  cursor:pointer; font-family:'FiraRegular'; line-height: 1.3em; padding-top:5px; color:#f00; height: 70px; width:120px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.sos-nr:hover  { background:#fff; border:1px solid #ccc; }

/* ---------------------------------- */	
/* Shopping */

.widget-shopping-icons {  max-width:1200px; width:100%; position:relative;
background:#fbe3bb; border-radius:15px; padding:5px;  margin:0px 0; border:4px solid #FFBD00;   }

a.shopping-icon  {  cursor:pointer; font-family:'Roboto'; font-size: 11px; line-height: 1.6em; padding-top:15px; color:#012; height: 70px; width:90px;   
  margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; 
  background-image: url(/Aktuelle-News-Berlin-Pankow/wp-content/themes/vmag/images/yellow60-button.png) ; background-repeat: no-repeat ;background-position: 13px 13px;   }
a.shopping-icon:hover  {  border:1px solid #ccc; }





/* ---------------------------------- */
/* Bezirk */

.widget-bezirk-icons {  max-width:800px; width:100%; position:relative;
background:#d1e1eb; border-radius:15px; padding:5px;  margin:0px 0; border:4px solid #eb3645;   }

a.bezirk-icon  {  cursor:pointer; font-family:'Roboto'; font-size: 12px; font-weight:bold; color: #244; line-height: 1.3em; padding-top:17px; color:#012; height: 68px; width:70px;
  margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top;
  bac kground-image: url(/Aktuelle-News-Berlin-Pankow/wp-content/themes/vmag/images/blue60-button.png) ; background-repeat: no-repeat ;background-position: 13px 13px;   }

a.twoLines { padding-top:15px; }
a.threeLines { padding-top:10px; }

a.bezirk-icon:hover  {  border:1px solid #ccc; color: #246!important; }





/* ----------------------------------------- */
/*Verkehr*/

a.sos-realtime  {  height: 70px; width:70px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px;  text-align:center; vertical-align:top; border:1px solid #888;   }
a.sos-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.sos-realtime img { width:60px;height:46px; text-align:center; margin-top:10px; margin-left:-10px; } 

	 
   
a.sbahn-realtime  { height: 70px; width:70px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px; text-align:center;  vertical-align:top; border:1px solid #888;   }
a.sbahn-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.sbahn-realtime img { width:40px;height:40px; text-align:center; margin-top:15px; } 


   
a.bvg-realtime  { height: 70px; width:70px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px; text-align:center; vertical-align:top; border:1px solid #888;  }

a.bvg-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.bvg-realtime img {width:33px; height:34px; text-align:center; margin-top:15px; } 

   
a.fahrrad-realtime  { height: 70px; width:70px; margin:10px;border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px; text-align:center;  vertical-align:top; border:1px solid #888;  }

a.fahrrad-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.fahrrad-realtime img { width:40px;height:40px;margin-top:15px;  }  



/*
div.vbb-realtime  { height: 70px; width:140px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px; text-align:center; vertical-align:top; border:1px solid #888;  }
div.vbb-realtime:hover  { background:#fff; border:1px solid #ccc; }
*/

a.vbb-realtime  { height: 70px; width:70px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px; text-align:center; vertical-align:top; border:1px solid #888;  }

a.vbb-realtime:hover  { background:#fff; border:1px solid #ccc; } 
a.vbb-realtime img { width:40px;height:46px; margin-top:12px; }


/*  
div.vbb-realtime img { width:40px;height:46px; margin-top:15px; }

div.vbb-realtime span { width:55px;  font-size:9px;line-height:11px;  display:inline-block;  text-align:left; margin-top:15px;}
div.vbb-realtime span a {text-decoration:none;color:#213; text-shadow:0px 0px 1px #8c8; }
div.vbb-realtime span a:hover {text-decoration:underline; }
*/    
 
   
a.autobahn-realtime  { height: 70px; width:70px; margin:10px; border-radius:15px; border:1px solid #aaa; background:#fff; display:inline-block;  margin-right:20px; text-align:center; vertical-align:top; border:1px solid #888;  }
a.autobahn-realtime:hover  { background:#fff; border:1px solid #ccc; }
a.autobahn-realtime img { width:50px;height:50px; margin-top:10px;  }  

 /* ----------------------------------------- */
  
  


/* ============================================================================    */


/* Header - Icons */

/*
.header-icons { width:480px; height:40px;top:-8px; position:relative; right:0px;  overflow:visible; border:0px solid #aaa; }

.sos-button {position:absolute;right:400px;top:2px; width:60px;height:46px;  }
	 
.sbahn-button { position:absolute;right:350px;top:8px; width:40px;height:40px; }    
	 
.bvg-button { position:absolute;right:310px;top:10px;width:33px; height:34px;  }  */



.header-icons { width:480px; height:30px;top:-14px; position:relative; right:0px;  overflow:visible; border:0px solid #aaa; }

.sos-button {position:absolute;right:380px;top:6px; width:60px;height:46px;  }
	 
.sbahn-button { position:absolute;right:335px;top:10px; width:40px;height:40px; }    
	 
.bvg-button { position:absolute;right:290px;top:12px;width:33px; height:34px;  }    

.fahrrad-button {position:absolute;right:238px;top:10px; width:40px;height:40px;  }   
  


.vbb-button {position:absolute;right:190px;top:8px; width:40px;height:46px;  }


.vbb-buttontext {position:absolute;right:160px; top:6px; display:block; width:130px;  font-size:9px;line-height:11px;  display:inline-block; width:95px; text-align:left; }
 .vbb-buttontext a {text-decoration:none;color:#000; }
.vbb-buttontext a:hover {text-decoration:underline; }
 
.autobahn-button { position:absolute;right:137px;top:2px;width:50px;height:50px;}

/*.wetter-button { position:absolute;float:right; right:3px;top:-20px; white-space:nowrap; width:130px;height:68px;overflow:hidden; border:0px;  }*/


.wetter-button-header { position:absolute;float:right; right:-50px;top:-17px; white-space:nowrap; width:200px;height:185px; }
.wetter-button {  position:relative;left:0px; height:70px;overflow:hidden;  }
.wetter-c { position:relative;left:38px; right:18px;top:0px; font-size:10px; color: #333; }





/* ============================================================================    */
/* ============================================================================    */

/* Content */

/* ============================================================================    */


/*  ============================================================================  */
/* Copyright Artikelbild */
/* ============================================================================    */


.copyright-articlepic, .wp-caption-text { font-size:11px;margin: 5px 0 0px 0; }


.entry-meta { border-top:1px solid #ddd;  border-bottom:1px solid #ddd; padding: 20px 0 -20px 0px; margin: 10px 0 20px 0; background:hsla(80, 90%, 95%, 1); }


.diams { margin: 20px auto; text-align:center; }

div.anzeige {  width: 100%; display:inline-block;border-top:1px solid #333; 
  
  margin:10px 0 0 0px;  padding: 5px 20px; background: #555; font-style:italic;color:#eee; font-we ight:bold; }


  
 
div.anzeigegelb { border-top:1px solid hsla(45, 80%, 50%, 1);background: hsla(45, 100%, 41%, 1); }
 
  
  
  
  
/*  ===============================================================================  */
/*  Print und MMS  */
/* ==============================================================================    */



/* CANVAS */

.butterfly {position:relative; display:inline-block; float:right; right: 37px;top:0px; vertical-align:top; background: url(https://www.pankower-allgemeine-zeitung.de/Aktuelle-News-Berlin-Pankow/wp-content/themes/vmag/images/mms-butterfly24.png) no-repeat;  cursor:pointer; width:19px; height:24px;cursor:pointer; }

.butterfly:hover { background: url(https://www.pankower-allgemeine-zeitung.de/Aktuelle-News-Berlin-Pankow/wp-content/themes/vmag/images/mms-butterfly24hover.png) no-repeat;  }


/* PRINT POST */

.printpost { display:inline-block; width:26px; height:24px; float:right;vertical-align:top; position:relative;top:0px;right:22px;background:url(https://www.pankower-allgemeine-zeitung.de/Aktuelle-News-Berlin-Pankow/wp-content/themes/vmag/images/printer24.png) no-repeat;  }

.printpost:hover { background:url(https://www.pankower-allgemeine-zeitung.de/Aktuelle-News-Berlin-Pankow/wp-content/themes/vmag/images/printer24hover.png) no-repeat;  }


/*  ==============================================================================  */
/* Aufzählungen im Post */
/* ============================================================================    */


.entry-content ul { list-style-type: disc; list-sty le-image: url('sqpurple.gif'); margin: 0px 0px 20px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding:0px 10px 0px 20px; }
  
 .entry-content ul li, ol li {  margin: 10px; }
  

 .entry-content ol { list-style-type: decimal;  margin: 0px 0px 20px 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding:0px 10px 0px 20px; }
   
  
/*  =============================================================================  */
/*   Kurznachrichten */
/* ============================================================================    */
  
  
.stripe-green { display:block; width:100%; padding: 5px 10px; margin:20px 0;
  color:#fff; font-style:italic; font-weight:bold; background:hsla(102, 100%, 25%, 1);   } 

.stripe-orange {display:block; width:100%; padding: 5px 10px; margin:20px 0;
  color:#fff; font-style:italic; font-weight:bold; background:hsla(29, 100%, 56%, 1) } 
  
.stripe-red {display:block; width:100%; padding: 5px 10px; margin:20px 0;
  color:#fff; font-style:italic; font-weight:bold; background:hsla(8, 100%, 52%, 1) } 
  
  
  
 /* ============================================================================    */
 /*  Anzeigen aufgeben - Allgemein  */
  /* ============================================================================    */


.aaaBox { position:relative; top:0px; display:block;
        border-top:1px solid #fad200; border-bottom:5px solid #fad200;  
        padding:8px 0px 8px 0;  margin-bottom:40px;
        text-align:center;font-size: 28px;    }
        
.aaaBox span { position:relative; top:8px;  }
.aaaBox a { display:block;  width:100%; max-width:1070px; 
        color:#222222; }
 .aaaBox a:hover { background-color: #f5f5f5; color:#555522; }
   
  
 /* ============================================================================    */
 /*  Anzeigen - Stellenanzeigen - Immobilien */
  /* ============================================================================    */

  
 div.offer {  display:block; border:1px solid #ccc; margin:20px 0px; padding:5px; width:100%; max-width:610px;border-top:5px solid #cccccc; }
.offer .titel {  font-family:Roboto Bold;  text-transform:uppercase;font-size:16px; }
.offer .text {   }


/*   jobs */
  
.post-43891 h1.entry-title, .post-58159 h1.entry-title {  background:#81b21f ;padding:5px 10px; }
.post-43891 h3.entry-title, .post-58159 h3.entry-title  {  font-size: 16px!important; background:#a7d775;padding:5px 10px; }




.post-43891 h3.gray, .post-58159 h3.gray {  background: #dddddd; }
.post-43891 h3.blue, .post-58159 h3.blue {  background: hsla(200, 100%, 10%, 1); color:#ccc!important; padding:6px 10px;  font-size: 15px!important;text-shadow:0px 0px 1px #222; }
.post-43891 h3.darkgray {  background-color: #333; color:#ccc!important; padding:6px 10px;  font-size: 15px!important;text-shadow:0px 0px 1px #222; text-transform:none!important;  }



.borderyellow  { border-top:5px solid #DAA520!important; }
.markedyellow { background:#FFD700;border-top:5px solid #DAA520!important;  } 


/* Kontaktformular - Anzeige Aufgeben */

.wpcf7-form input,.wpcf7-form textarea, .wpcf7-form   { border:0px solid blue; width:610px;  }
.preis input[type="radio"] { width:20px; position:relative; top:3px; margin-right:10px; }
.preis span.wpcf7-list-item  {  display:block;line-height:28px;  }


.AnzeigeRahmen { position:relative; width:100%; }
.AnzeigeAufgeben { position:absolute; display:inline-block; right:0px;  }
.AnzeigeRahmen a { border:1px solid  #bbb; position:relative; top:-91px; background-color:#ffda24; color:#012;padding:5px 15px; border-top-right-radius:6px;border-top-left-radius:3px; -webkit-border-top-right-radius:6px;-webkit-border-top-left-radius:3px; text-decoration:none; }


.AnzeigeUnten {  display:block;position:relative; height:40px; width:100%; background-color:#3e5c7a; background-image: linear-gradient(to right, hsla(210, 33%, 36%, 1) 20%, hsla(210, 33%, 77%, 1) 90%); }
.AnzeigeUnten a { width:100%;display:block; cursor:pointer; } 
  
.AnzeigeUnten a.schrift { font-size: 18px; position:absolute; top:0px; background-color:#ffda24; color:#012;padding:6px 8px 5px 8px; text-decoration:none; display:block; width:300px; height:40px;}

.AnzeigeUnten a.schrift:hover  {color:#700!important;}


.AnzeigeUnten .pfeil { position:absolute; top:20px; left: 300px;
   width: 0; height: 0; border-left: 38px solid #ffda24; border-top: 20px solid transparent; border-bottom: 20px solid transparent; }


/*   coaching  */

.post-66385 h1.entry-title {  background:#ffcc33;padding:5px 10px; }
.post-66385 h1.entry-title {  background:#ffcc33;padding:5px 10px; }
 .post-66385 h3.entry-title  {  font-size: 16px!important; background: #ddd;padding:5px 10px; }
  .post-66385 h3.entry-title  {  font-size: 16px!important; background: #ddd;padding:5px 10px; }

.borderorange  { border-top:5px solid #ffcc33!important; }
 
/*   wohnen */
  
.post-43893 h1.entry-title {  background:#32CD32;padding:5px 10px; }
.post-66276 h1.entry-title {  background:#32CD32;padding:5px 10px; }
 .post-43893 h3.entry-title  {  font-size: 16px!important; background: #32CD32;padding:5px 10px; }
  .post-66276 h3.entry-title  {  font-size: 16px!important; background: #32CD32;padding:5px 10px; }

.post-43893 h3.gray {  background: #dddddd; }
.post-66276 h3.gray {  background: #dddddd; }
.post-43893 h3.blue {  background: hsla(200, 100%, 10%, 1); color:#ccc!important; padding:6px 10px;  font-size: 15px!important;text-shadow:0px 0px 1px #222; }
  
 
.bordergreen  { border-top:5px solid #228B22!important; }
.markedgreen { background:#90EE90;border-top:5px solid #228B22!important; } 


  
/*  kleinanzeigen */

.post-43889 h1.entry-title {  background:#00CED1;padding:5px 10px; }
.post-43889 h3.entry-title  {  font-size: 16px!important; background: #00CED1;padding:5px 10px; }

.post-43889 h3.gray {  background: #dddddd; }
.post-43889 h3.blue {  background: hsla(200, 100%, 10%, 1); color:#ccc!important; padding:6px 10px;  font-size: 15px!important;text-shadow:0px 0px 1px #222; }
 
 
.bordercyan  { border-top:5px solid #008B8B!important; }
.markedcyan { background:#00FFFF;border-top:5px solid #228B22!important; } 

 
 /*   mobilität / auto und mobiles */
  
.post-60425 h1.entry-title { color:green; background:#ddbb33;padding:5px 10px; }
 .post-60425 h3.entry-title  {  font-size: 16px!important; background:#aaaa88;padding:5px 10px; }
 
 .post-60425 h2.entry-title  {  font-size: 22px!important; color: #eeeeee!important; background:#666655;padding:15px 10px; }
 
.post-60425 h3.gray {  background-color: #bbb; }
.post-60425 h3.blue {  background:#0d2477; color:#ccc!important; padding:6px 10px;  font-size: 15px!important;text-shadow:0px 0px 1px #222; }
  

 
 
 
  
/*  ============================================================================  */
/* Twitter */
/* ============================================================================    */



.twitterbox{ position: relative;  display:block; margin-bottom: 30px; }

    
 .twittertitel { position:relative; padding: 10px 0 8px 10px;  background: hsla(203, 89%, 53%, 1); color:#eee; cursor:pointer;  }   
   .twittertitel img { position:absolute; right:10px; top:0px; }
    
.twitterbox { position: relative; display: block; background:#fff; width:100%;  }
.twitterbox:focus .twitterbox-content { display: block; }
.twitterbox-content { position: relative; z-index: 1; display: none;  }

.twitterfoot { font-size:11px; }  


/* bundespolizei */

 .twittertitel-bp { position:relative; padding: 10px 0 8px 40px;  background: hsla(221, 76%, 15%, 1); color:#eee; cursor:pointer;  }   
   .twittertitel-bp img { position:absolute; right:10px; top:0px; }
    
   .twittertitel-bp img.bp-logo { position:absolute; display:inline-block; left:5px; top:3px; width:26px; height:32px; }
 
/* polizei berlin */

.twittertitel-pberlin { position:relative; padding: 10px 0 8px 45px;  background: hsla(203, 89%, 53%, 1); color:#eee; cursor:pointer;  }  
.twittertitel-pberlin img { position:absolute; right:10px; top:0px; }
      
.twittertitel-pberlin img.pberlin-logo { position:absolute; display:inline-block; left:5px; top:3px; width:32px; height:32px; }


/* katwarn */

/* polizei berlin */

.twittertitel-katwarn { position:relative; padding: 10px 0 8px 45px;  background: hsla(220, 98%, 32%, 1); color:#eee; cursor:pointer;  }  
.twittertitel-katwarn img { position:absolute; right:10px; top:0px; }
      
.twittertitel-katwarn img.katwarn-logo { position:absolute; display:inline-block; left:5px; top:3px; width:32px; height:32px; }

/* ----------------------------------------------- */

/* S-Bahn / Stadtbahn */


.twittertitel-sbahn{ position:relative; padding: 10px 0 8px 45px;  background:hsla(359, 82%, 41%, 1); color:#eee; cursor:pointer;  }  
.twittertitel-sbahn img { position:absolute; right:10px; top:0px; }
      
.twittertitel-sbahn img.sbahn-logo { position:absolute; display:inline-block; left:5px; top:3px; width:32px; height:32px; }

      
.twittertitel-sbahn img.stadtbahn-logo { position:absolute; display:inline-block; left:5px; top:7px; width:32px; height:22px; }


/* U-Bahn */



.twittertitel-bvg{ position:relative; padding: 10px 0 8px 45px;  background:#fff300; color:#333; cursor:pointer;  }  
.twittertitel-bvg img { position:absolute; right:10px; top:0px; }
      
.twittertitel-bvg img.ubahn-logo { position:absolute; display:inline-block; left:5px; top:3px; width:32px; height:32px; }

.twittertitel-bvg img.tram-logo { position:absolute; display:inline-block; left:5px; top:3px; width:32px; height:32px; }
    
.twittertitel-bvg img.bus-logo { position:absolute; display:inline-block; left:5px; top:3px; width:32px; height:32px; }
    
/* ----------------------------------------------- */






/*  =====================================================  */
/* Related Articles */


.related-posts-wrapper {  }
.related-posts-wrapper .post-thumb { height:100%; max-height:100px;overflow:hidden; }


/*  =====================================================  */
/* footer */


footer .vmag-container   { background-color: #191d22;  }

.site-footer { background-color: #191d22; border-top:45px solid hsla(200, 60%, 75%, 1); border-top:45px solid hsla(80, 70%, 41%, 1);   }

.vmag-top-footer { background-color: #191d22!important;  }

.footer-navigation { margin-bottom:30px!important; margin-top:10px;  font-size:15px;  border-top:3px solid #130;  }


.footer-navigation li { background-color:#191d22; border:1px solid #81b21f; padding:5px; width: 115px; vertical-align:top; border-radius: 5px; margin-top:15px; }

.footer-navigation li:hover { background-color:#233008;  }



@media (max-width: 480px) {
	.vmag-top-footer.footer_column_two .vmag-footer-widget,
	.vmag-top-footer.footer_column_three .vmag-footer-widget,
	.vmag-top-footer.footer_column_four .vmag-footer-widget {
		width: 100%; margin-left:-2px;	} }





/* Copyright */

.copyright-text { color:hsla(45, 100%, 55%, 1); }


/*  =====================================================  */


/* Buchkarussell */


  .embed-container {
  position: relative; top:0px;
  padding-bottom: 380px; 
  height: 0; 
  overflow: hidden; 
  width: 100%; 
  he ight: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

@media (max-width: 1024px) {  .embed-container {padding-bottom:350px; }}
@media (max-width: 900px) {  .embed-container {padding-bottom:320px; }} 
@media (max-width: 820px) {  .embed-container {padding-bottom:280px; }}
@media (max-width: 660px) {  .embed-container {padding-bottom:240px; }}
@media (max-width: 560px) {  .embed-container {padding-bottom:200px; }}  
@media (max-width: 480px) {  .embed-container {padding-bottom:170px;  }} 

 
 
  .embed-books {
  position: relative; top:0px;
  padding-bottom: 400px; 
  height: 0; 
  overflow: hidden; 
  width: 100%; 
  height: auto;
} 

.embed-books iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

@media (max-width: 560px) {  .embed-books {padding-bottom:420px; border:0px solid green; }}  
@media (max-width: 480px) {  .embed-books {padding-bottom:440px; border:0px solid black;  }} 
@media (max-width: 400px) {  .embed-books {padding-bottom:480px; border:0px solid red;  }} 
 
 


/* Shopkarussell */



h3.shoptitle { margin: 20px 0px 20px 0; }


  .embed-shops {
  position: relative; top:0px;
  padding-bottom:60%; 
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;bor der:1px solid red;
}
.embed-shops iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}



@media (max-width: 1024px) {.embed-shops {padding-bottom:60%; } } 
@media (max-width: 980px)  {.embed-shops {padding-bottom:63%; } } 
@media (max-width: 900px)  {.embed-shops {padding-bottom:70%; } } 
@media (max-width: 800px)  {.embed-shops {padding-bottom:76%; } }     
@media (max-width: 768px)  {.embed-shops {padding-bottom:56%; } }      
@media (max-width: 640px)  {.embed-shops {padding-bottom:70%; } }  
@media (max-width: 540px)  {.embed-shops {padding-bottom:75%; } } 
@media (max-width: 500px)  {.embed-shops {padding-bottom:80%; } } 
@media (max-width: 480px)  {.embed-shops {padding-bottom:92%; } }
@media (max-width: 360px)  {.embed-shops {padding-bottom:97%; } } 




/* Aufklappbox für Archivtexte */

p.showarchive {
padding: 10px 0 10px 10px;margin:-40px 0 40px -20px;
}
.msg_list {
margin: 0;
padding: 0px;
width: 100%; max-width:740px;
}
.msg_head {
padding: 15px 0;
cursor: pointer;
position: relative;
border-top: 5px solid #eeeeee;
background: #f8f8f8;

margin:1px;
}
.msg_body {
padding: 5px 0px 10px;

} 

/* Archiv */



.widget_archive h4.widget-title { }

.widget_archive select {width: 100%; height:40px;padding: 3px;margin-bottom:5px;
	border: solid 1px #e0e0e0;outline: 0;
	font-size: 14px; color:#333;
	background: #fff ;
      -webkit-appearance: none;  -moz-appearance: none;  appearance: none;
	background-image:url(../images/pfeil24.jpg);
	background-position: right; background-repeat: no-repeat; }
	
.widget_archive option {background: #fff;border-bottom:1px solid #f8f8f8;  height:20px;padding: 2px 5px;margin-bottom:5px; }

select::-ms-expand { display:none; }
.lt-ie10 select { background-image: none; }








section,  { display: block; }
figure { margin: 0; }
.flipbox { width: 310px; height: 310px; position: relative;  margin: 0 auto 0px; border: 5px solid #CCC;
-webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px;-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
#card { width: 100%; height: 100%; position: absolute; 
-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-transform-origin: right center; -moz-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center;  }
#card.flipped { -webkit-transform: translateX( -100% ) rotateY( -180deg ); -moz-transform: translateX( -100% ) rotateY( -180deg ); -o-transform: translateX( -100% ) rotateY( -180deg ); transform: translateX( -100% ) rotateY( -180deg ); }
#card figure  { display: block; height: 100%; width: 100%; text-align:center; position: absolute;
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }
#card .front  { background: white; }
#card .back { background: white; -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg );
-o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); }
/* themen     */
#card figure div a .title {  color: #033; font-weight:bold; font-size:22px; line-height:26px;text-decoration:none;margin: 20px 0 0 0; }
#card figure div a { font-size:10px;color:#025; line-height:1.8em;text-decoration:none;}   
#card figure div .paz { color:#000;font-family:ModerneFraktur;font-size:1.3em; }  




=====================================================================
=====================================================================
=====================================================================

/* Drehbanner / Triptichon / Singlebanner */

=====================================================================



/* Triptichon: Anfang */


.triptichon { 
  display:inline-block; vertical-align:top;border:1px solid #eee; padding:10px 10px 5px 10px;box-shadow: 0px 0px 3px #aaa;margin:10px 0px; text-align:center;background:#fff; white-space:nowrap; } 

.rahmengroesse {
   width: 200px; height: 250px; } 
   
   

.rahmengroesse img {width:100%; height:100%;}
   
   
   
.rahmen {
   position: relative; display:inline-block;  
    /*width: 200px; height: 250px; */
   -o-perspective-origin: 150% -150%; -webkit-perspective-origin: 150% -150%; -moz-perspective-origin: 150% -150%; -o-perspective-origin: 150% -150%;
   
   -webkit-perspective: 3000px;
   -moz-perspective: 3000px;
   -ms-perspective: 3000px;
   -o-perspective: 3000px;
   perspective: 3000px;
   
}
.karte {
   width: 100%; height: 100%; border:0px solid #fff;
   position: relative;
   -webkit-transform-style: preserve-3d;
   -webkit-transition: 0.8s ease;
   -moz-transform-style: preserve-3d;
   -moz-transition: 0.8s ease-out;
   -ms-transform-style: preserve-3d;
   -ms-transition: 0.8s ease;
   -o-transform-style: preserve-3d;
   -o-transition: 0.8s ease;
   transition: 0.8s ease-out;
   
}
.rahmen:hover .karte {
   -webkit-transform: rotateY(-180deg);
   -moz-transform: rotateY(-180deg);
   -ms-transform: rotateY(-180deg);
   -o-transform: rotateY(-180deg);	
   transform: rotateY(-180deg);				
}
.gesicht {
   position: absolute;border:0px solid red; 
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   backface-visibility: hidden;
   width: 100%;    height: 100%; 
   
  
}
.no-hide .gesicht {
   -webkit-backface-visibility: visible;
   -moz-backface-visibility: visible;
   -ms-backface-visibility: visible;
   -o-backface-visibility: visible;
   backface-visibility: visible;
}
.vonvorn {
   background: #ffffff!important;
   z-index: 10;
}


.vonhinten {
   -webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   transform: rotateY(180deg);
   background: #ffffff;
}
.rahmen:hover .vonvorn {
   z-index: 0;
} 


span.mail { 
  margin-top:15px;display:block;font-size:10px;line-height:13px; }
span.fon { 
  font-size:12px;line-height:13px;  }



/* Triptichon: Ende */



/* Triptichon - Variation:  singlebanner  -  Anfang  */


.triptichon-single { 
   display:inline-block; vertical-align:top;border:0px solid #e0e; box-shadow: 0px 0px 3px #aaa;margin:10px 0; text-align:center;background:#ffffff; } 



.rahmen-singlebanner {
   position: relative; display:inline-block;  margin:10px 10px 5px 10px;
   width: 620px; height: 250px; background:#ffffff;
      
   -o-perspective-origin: 150% -150%; -webkit-perspective-origin: 150% -150%; -moz-perspective-origin: 150% -150%; -perspective-origin: 150% -150%;
   
   -webkit-perspective: 3000px;
   -moz-perspective: 3000px;
   -ms-perspective: 3000px;
   -o-perspective: 3000px;
   perspective: 3000px;
   
}

.rahmen-singlebanner:hover .karte {
   -webkit-transform: rotateX(180deg);
   -moz-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);	
   transform: rotateX(180deg);	   
	
}


.rahmen-singlebanner img {width:100%; height:100%;}


.vonhinten-singlebanner { width:100%; height:100%;
   -webkit-transform: rotateX(180deg);
   -moz-transform: rotateX(180deg);
   -ms-transform: rotateX(180deg);
   -o-transform: rotateX(180deg);
   transform: rotateX(180deg);
   background: #ffffff;
}
.rahmen-singlebanner:hover .vonvorn {
   z-index: 0;
} 

	  /* variante: fahrradbanner - mobilitaet */


.fahrrad { width: 370px; height: 75px;  }






/* Triptichon - Variation:  singlebanner  -  Ende  */



/* Triptichon: Variation - Drehkachel Anfang */

.werbekachel-aussenrahmen {
display:block;  position: relative;  margin: 0 auto 0px; }


.werbekachel {
    width:100%; max-width:302px;display:block;border: 1px solid #CCC;
    margin: 0px 0 0px 0; padding:0px;height:302px; }
.werbekachel img {  width:100%; max-width:300px;  }


/* Triptichon: Variation - Drehkachel Ende */




=====================================================================
=====================================================================
=====================================================================

/* Mediaqueries */

=====================================================================



/* tablets  ----------- */
@media  (max-width: 1000px) {

.werbekachel  {  width: 280px; height: 280px;   }

.rahmen-singlebanner { width: 550px; height:226px; margin:10px 10px 5px 10px;   }
           
.triptichon {  padding: 7px 7px 0px 7px;     }
.rahmengroesse {  width: 182px; height: 228px;  }
 
}

/* tablets  ----------- */
@media  (max-width: 900px) {

.werbekachel  {  width: 250px; height: 250px; }

.rahmen-singlebanner {  width: 490px; height:200px; margin:5px 5px 0px 5px;  }  
      
.rahmengroesse { width: 160px; height: 200px;  }
   
  
}

@media  (max-width: 800px) {

.werbekachel  {  width: 230px; height: 230px;  }
.rahmen-singlebanner { width: 465px; height:188px;  }      
.rahmengroesse {  width: 150px; height:188px; }
    
}


/* smartphones ----------- */
@media  (max-width: 768px) {

.werbekachel  {  width: 300px; height: 300px;  }

.rahmen-singlebanner { width: 620px; height: 250px; margin:10px 10px 5px 10px;  }
      
.triptichon {  padding: 10px 10px 5px 10px;  }
.rahmengroesse { width: 200px; height: 250px;  }
       
}




/* smartphones ----------- */
@media  (max-width: 640px) {
  
 .rahmen-singlebanner { width: 500px; height:202px; margin:5px 5px 0px 5px;  } 
     
.triptichon {  padding: 3px 3px 0px 3px;  }
.rahmengroesse { width: 165px; height:206px;  }
       
}



@media  (max-width: 540px) {
  
.rahmen-singlebanner { width: 380px; height:153px;  }
      
.rahmengroesse { width: 125px; height:156px; }
  
}


@media  (max-width: 410px) { 
 
.rahmen-singlebanner { width: 340px; height:137px;  } 
      
.rahmengroesse { width: 112px; height:140px; }
      
  
}


@media  (max-width: 350px) {

.rahmen-singlebanner { width: 290px; height:117px;  } 
      
 .rahmengroesse { width: 96px; height:120px;  }
       
}


/* ================================================================================== */
/* ================================================================================== */
/* ================================================================================== */

/* ========= ehemalige service.css ===================================================== */
/* ========= eingebunden in custom.css für bessere performance ========================= */

/* ================================================================================== */







/* ========================================================================= */
/* Bezirksübersicht - Bürgerämter */

/*.bezirk-map {position:relative;background:url(/Aktuelle-News-Berlin-Pankow/Bilder/service/bezirk/pankow-karte.png) no-repeat 0px 10px;max-width:710px;width:100%; height:530px;  }

.cardtab{position:absolute;right:0px;bottom:0px;border:1px solid #aaa;width:180px;line-height:26px;color:#444;padding:0px;background:#ffffff;  }

.cardtab1{width:100%;display:inline-block;border-bottom:1px solid #aaa;padding-left:7px;  background:#f2fff7; background: #d9d9d9; }
.cardtab2{width:100%;display:inline-block;border-bottom:1px solid #aaa; padding-left:7px;background:#fcfcfc; }



.cardtab3{width:100%;display:inline-block;border-bottom:1px solid #aaa; padding-left:7px;background:#ecec8c;color:#444; }
.cardtab4{width:100%;display:inline-block;border-bottom:1px solid #a76; padding-left:7px;background:#ec9c6c;color:#432; }



.cardtab-ortsteile{position:relative;right:0px;bottom:0px;border:1px solid #ccc;width:100%; max-width:500px;line-height:26px;color:#444;padding:0px;  }


.cardtab-ortsteile label { width:360px; display:inline-block; }


*/



.bezirk-map {position:relative;max-width:450px;width:100%; he ight:535px; padding:10px; border:1px solid #555555;  }


.cardtab{position:relative;right:0px;bottom:0px;border:1px solid #aaa;width:100%; max-width:600px;line-height:26px;color:#444;padding:0px;background-color:#ffffff; font-size: 14px; }

.cardtab1{width:49%;display:inline-block;border-bottom:1px solid #aaa;padding-left:9px; background-color: #d9d9d9;  }
.cardtab2{width:49%;display:inline-block;border-bottom:1px solid #aaa; padding-left:7px;background-color:#fcfcfc; }



.cardtab3{width:100%;display:inline-block;border-bottom:1px solid #aaa; padding-left:7px;background-color:#ecec8c;color:#444; }
.cardtab4{width:100%;display:inline-block;border-bottom:1px solid #a76; padding-left:7px;background-color:#ec9c6c;color:#432; }



.cardtab-ortsteile{position:relative;right:0px;bottom:0px;border:1px solid #ccc;width:100%; max-width:500px;line-height:26px;color:#444;padding:0px;  }


.cardtab-ortsteile label { width:360px; display:inline-block; }

	



/* Bürgerämter */
.bezirk-subtitel { color:#000; font-size:20px;  margin:30px 0px 20px 0; }


.amttitel { color:#000; font-size:14px; padding: 4px 4px 4px 16px;}
.am-orange { background:hsla(40,80%,60%,1);  }
.am-rosa { background:hsla(360,70%,70%,1);  }
.am-violett { background:hsla(300,50%,60%,1);  }
.am-gruen { background:hsla(110,50%,60%,1); }


.servicetab{ margin:10px 0 40px;}


.servicetab1{line-height:15px;vertical-align:bottom;display:inline-block;width:140px;}
.servicetab2{margin-top:25px;vertical-align:top;display:inline-block;width:220px;}
.servicetab3{margin-top:25px;vertical-align:top;display:inline-block;width:320px;}




    
.servicemap1 { background: url(/Aktuelle-News-Berlin-Pankow/Bilder/service/bezirk/thumbs/pankowortsteile.png) no-repeat 10px 10px; border:10px solid #ddd; width:115px; height:140px; display:inline-block; z-index:1; cursor: pointer; }
.servicemap1-hover { background: url(/Aktuelle-News-Berlin-Pankow/Bilder/service/bezirk/pankowortsteile.png) no-repeat; width: 740px; height:840px; position:relative; top:-145px;z-index:20;left:0px; border:10px solid #ddd;z-index:120; }


  
.servicemap2 { background: url(/Aktuelle-News-Berlin-Pankow/Bilder/service/bezirk/thumbs/pankowplz.png) no-repeat no-repeat 10px 10px; border:10px solid #ddd; width:115px; height:140px; display:inline-block;   }
.servicemap2-hover { background: url(/Aktuelle-News-Berlin-Pankow/Bilder/service/bezirk/pankowplz.png) no-repeat; width: 474px; height:540px; position:fixed; top:-145px;z-index:120; left:0px;}


.servicemap3 { background: url(/Aktuelle-News-Berlin-Pankow/Bilder/service/bezirk/thumbs/pankowparkraum.jpg) no-repeat 10px 10px; border:10px solid #ddd; width:115px; height:140px; display:inline-block;  }
.servicemap3-hover { background: url(/Aktuelle-News-Berlin-Pankow/Bilder/service/bezirk/pankowparkraum.jpg) no-repeat; width: 820px; height:812px; position:fixed; top:-145px;z-index:120; left:0px; }


.servicemap { height:160px;display:block; margin: 0 0 30px 0;  }
.servicemap-titel {vertical-align:top;margin:20px 0 0 10px; display:inline-block;width:50%; color:#222; }



       
    
.onclick-menu { position: relative; display: inline-block; }
.onclick-menu:focus .onclick-menu-content { display: block; }
.onclick-menu-content { position: relative; z-index: 1; display: none; }

.mapinfo { font-size:11px; margin: 0 0 20px 0px;  }


/*#map_canvas{border:3px solid#ece2e2;border-radius:1px;-moz-border-radius:1px;-khtml-border-radius:1px;-webkit-border-radius:1px;}
.map-content{margin:-15px 0 5px 0;padding:0px;display:inline-block;min-width:330px;}
.map-content h3{display:block;font:1.3em Helvetica,Arial,'sans-serif';line-height:1.4em;}
.pic-thumb{float:right;vertical-align:top;width:80px;margin:3px;padding:2px;border:1px solid#ddd;position:relative;top:-10px;}*/




/* ========================================================================= */
/* SOS */

div.sos {font-size:22px;}

table.sos { width:100%;background: #fff; border:1px solid #aaa;border-bottom:none; margin:10px 0 40px; }  

table.sos td {width:40%; vertical-align:top;padding:4px 4px 4px 16px;border:none;border-bottom:1px solid #aaa; color:#222; }


div.sos div { font-size:24px;color:#000; padding: 4px 4px 4px 16px; }
.sostitel-rot{background:hsla(0,90%,70%,1);}
.sostitel-rosa{background:hsla(0,90%,90%,1);}
.sostitel-gelb{background:hsla(50,70%,65%,1);}
.sostitel-blau{background:hsla(180,60%,65%,1);}
.sostitel-marine{background:hsla(210,90%,65%,1);}
.sostitel-violett{background:hsla(260,70%,65%,1);}

/* ========================================================================= */
/* Wochenmärkte */

.marktart { color:#000; font-size:20px;  margin:20px 0px; }

.markttitel { color:#000; font-size:14px; padding: 4px 4px 4px 16px;}

.mt-orange { background:hsla(40,80%,60%,1);  }
.mt-lila { background:hsla(230,50%,60%,1 );  }
.mt-gruen { background:hsla(110,50%,60%,1); }
.mt-gelb { background:hsla(70,50%,60%,1);  }
.mt-tuerkis { background:hsla(180,50%,60%,1); }
.mt-violett { background:hsla(300,50%,60%,1);  }
.mt-rosa { background:hsla(360,70%,70%,1);  }

    
div.markt { border:1px solid #ddd;  margin:10px 0 40px; padding:15px; color:#222; vertical-align:top;  }  

.markt1 { width:120px;display:inline-block;  }
.markt2 { width:70%;display:inline-block;vertical-align:top; }

/* ========================================================================= */
/* News Gesundheit */

.newsbegin {  width: 100%; padding:10px 0px;margin:20px -15px;  display:block;  position:relative;top:10px;left:0px; font-size: 14px; font-weight: normal; text-transform: uppercase;border-top: 8px solid #eeeeee;  color:#347;   }

.newsend {  width: 100%; padding:10px 0px;margin: 0 -15px; display:block;  position:relative;top:10px;left:0px; border-top: 8px solid #eeeeee;  color:#347;   }
.newsdate { color:#444; display:inline-block; width: 120px; vertical-align:top; }
.newstitle { color:#444; display:inline-block; max-width:490px; width:100%; font-weight:bold; }
.newsfeed { color:#444; display:inline-block;  margin: 5px 0; max-width:490px; width:100%;  }
.newsdivider {  height:1px; border-top:1px dotted #ddd; margin: 0 -15px; }


/* ========================================================================= */
/* rss */

.rss-gesundheit {}
.rss-gesundheit ul { margin: 0px 25px 0px -15px; }
.rss-gesundheit ul li { margin-bottom: 20px; list-style-type:none; }
.rss-gesundheit ul li a.rsswidget { font-size:13px;font-weight:bold;text-decoration:none; color:#444; }
.rss-gesundheit ul li a.rsswidget:after {content: "\A"; white-space: pre; }
.rss-gesundheit ul li span.rss-date { font-size:10px;  }


/* ========================================================================= */
/* Aufklappanzeige */


.anzeigen-titel{background:hsla(70,70%,36%,.2);font-size:16px;font-weight:normal;color:#012;text-shadow:2px 2px 3px#fff;margin:10px 0px;padding:0px 15px;box-shadow:1px 1px 2px hsla(70,70%,36%,.2);}
.stellenanzeige{display:inline-block;width:180px;border:1px solid#ddd;border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;padding:5px;margin:3px;background:#fffff5;font-size:11px;line-height:14px;}



/* Anzeige immobilien */

/* wenn keine dyn aufklappfunktion */

.anzeigentext-offen {max-width:694px;width:100%; 
  height:110px; display:inline-block;position:relative; top:-10px;left:-10px; background:#fff;
  padding:15px 10px; border:3px solid hsla(40, 69%, 67%, 1); border-top:0px solid #fff;   
 -webkit-border-bottom-left-radius:4px;  -webkit-border-bottom-right-radius:4px; 
 -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; 
  border-bottom-left-radius: 4px; border-bottom-right-radius:4px; 
  
  -webkit-transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
  -moz-transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
  -ms-transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
  transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
} 
  
/* wenn bei dyn aufklappfunktion */

.anzeigentext {
  height:0px;background:#fff; overflow:hidden;max-width:694px;width:100%; position:relative; top:-20px;left:0px; border:3px solid hsla(40, 69%, 67%, 0.0);border-top:0px solid hsla(50, 69%, 67%, 0.5); padding:0px 10px; font-size: 13px; 
  
  -webkit-transition:0.9s height, 0.9s border, 0.9s padding;
  -moz-transition:0.9s height, 0.9s border, 0.9s padding;
  -ms-transition:0.9s height, 0.9s border, 0.9s padding;
  transition:0.9s height, 0.9s border, 0.9s padding;
}

.anzeigentext.zugeklappt {
  height:130px; display:inline-block;position:relative; top:-20px;left:0px; background:#fff;
  padding:15px 10px; border:3px solid hsla(50, 69%, 57%, 1); border-top:0px solid #fff;   
 -webkit-border-bottom-left-radius:4px;  -webkit-border-bottom-right-radius:4px; 
 -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; 
  border-bottom-left-radius: 4px; border-bottom-right-radius:4px; 
  
  -webkit-transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
  -moz-transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
  -ms-transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
  transition:0.7s height, 0.7s padding, 0.7s border, 0s visibility 0.7s;
} 


  

.vertikal-tab { background:hsla(50, 89%, 67%, 1); bor der:3px solid hsla(40, 69%, 47%, 1);
  /*border-bottom:0px solid #fff;*/   border-bottom:3px dashed hsla(50,69%,57%,0.7);   
  
 -webkit-border-top-left-radius:1px;  -webkit-border-top-right-radius:1px; 
 -moz-border-radius-topleft:1px; -moz-border-radius-topright:1px; 
  border-top-left-radius: 1px; border-top-right-radius:1px; 
 
  
  
  font-size: 12px; color:#222; text-decoration:none; padding:4px 20px;margin:8px 0px 0px 0px; max-width:694px;  width:100%;display:block; font-weight:bold;}

  
span.anzeige { display:inline-block; font-size:13px; color:hsla(220, 60%, 100%, 1);     background:hsla(50, 89%, 97%, 1);    position:relative;  font-style:italic; text-shadow: 0px 0px 3px #eee; color: hsla(220,69%,30%,1);  padding:14px 8px 10px;  margin:0px 10px 0 -16px;
  
  -webkit-border-radius:1px;  -webkit-border-radius:1px; 
 -moz-border-radius:1px; -moz-border-radius:1px; 
  border-radius: 1px; border-radius:1px; 
  
}


.anzeigentext div { margin: 0 0 5px 0px;  }
.anzeige-hinweis { float:right;right:0px;font-size:10px;font-weight:normal; color:hsla(50,69%,27%,1); position:relative;top:16px;   }
.arrow {
width: 0; height: 0;float:right; margin: 12px 20px 0 0; 
border-top: 12px solid hsla(50, 69%, 27%, 0.7);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position:relative; vertical-align:bottom;left:10px;top:6px;
}





/* ================================================================================== */
/* css Media Buttons - Anzeigio  */




.anzeigio-allmediaboxes { text-align:center; margin: 10px 0 40px; }


.anzeigio-mediabox { 
  width: 160px;  height: 160px;  display:inline-block;  margin: 0 20px 20px 0;    position: relative;overflow: hidden;
  background-color: hsla(195, 40%, 84%, 1);  border-radius: 45px;  border:2px solid #123;
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);   vertical-align:top; text-align:center;  } 



.anzeigio-mediabox span { font-size: 18px; color:#222;font-family:OpenSansBold; display:inline-block; padding-top:65px; }
.anzeigio-mediabox span.twolines {padding-top:60px; }
.anzeigio-mediabox span.threelines {padding-top:45px; }


.anzeigio-mediabox div.slideIn {
 left: -175px;width: 170px; height:170px; border-radius: 40px;border:4px; margin: 0;padding-top: 0px; position:absolute;top:0px;  opacity: 1; background:hsla(20, 100%, 50%, 1); color: #000; padding-top:65px; font-size: 20px; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;	transition: all 0.5s;  cursor: default; }
.anzeigio-mediabox:hover .slideIn { left: -4px; }


.anzeigio-mediabox::after { width: 100%;  height: 100%;border-radius: 135px;  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
.anzeigio-mediabox:hover { transform: scale(1.05, 1.05);}








/* css Media Buttons - Mediaunterlagen */



.mediabox {
  width: 180px;
  height: 180px;
  display:inline-block;
  margin: 0 20px 20px 0;  
  position: relative;overflow: hidden;
  
  background-color:  hsla(80, 90%, 40%, 1);
  border-radius: 135px;
  border:4px solid  hsla(200, 100%, 10%, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); 
  vertical-align:top; text-align:center; } 
  
 div.slideIn img.klick { position:absolute; top:130px; left:78px;  }
  
   
  .mediabox span { font-size: 18px; font-family: 'Open Sans',Roboto, sans-serif; color:#033; 
		    display:inline-block; padding-top:70px; }
  .mediabox span.twolines {padding-top:60px; }
  .mediabox span.threelines {padding-top:45px; }


  
  
.mediabox div.slideIn {
	left: -180px;width: 180px; height:180px; border-radius: 130px;border:4px;
	margin: 0;padding-top: 0px; position:absolute;top:0px;
	opacity: 0.9;	
	background:hsla(80, 90%, 80%, 1);
	color: #000; padding-top:70px; font-size: 16px; font-family: 'Open Sans',Roboto, sans-serif;
	-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;	transition: all 0.5s; }
.mediabox:hover .slideIn { left: -4px; }

.mediabox::after { width: 100%; height: 100%;border-radius: 135px;
		    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }

.mediabox:hover { transform: scale(1.05, 1.05); }



/* ================================================================================== */
/* Bezahl Buttons Homepage */


div.bezahlen {  max-width:1090px; width:100%; text-align:center; }

div.bezahlen img { max-width:320px; width:100%;  }


div.bezahlen .bezahlen-links {margin-right:46px;margin-bottom:10px;  }
div.bezahlen .bezahlen-mitte {margin-right:46px; margin-bottom:10px;  }
div.bezahlen .bezahlen-rechts { margin-bottom:10px; }


/* ================================================================================== */
/* Umweltbanner - Luft, Mietspiegel, Lärm - Homepage */

.umweltbanner { margin: 10px 0; max-width:1090px; width:100%; text-align:center; }
.umweltbanner img { margin-right: -3px; margin-bottom: 10px; max-width:355px;width:100%; }



/* Kontaktformular */


input[type=submit] {  font-size:16px;  }

/* ================================================================================== */
/* Tabelle in Wordpress Beitrag  */

.winner { max-width:900px; width:100%; }
.winner td {  border:1px solid #777;padding: 6px; background: #f5f5f5;}


/* ================================================================================== */
/* css Drehbanner */




/* ================================================================================== */
/* ================================================================================== */
/* ================================================================================== */



/* displays  ----------- */

@media  (max-width: 1228px) {
div.video-textbox {  width:320px;border:0px solid red; line-height:22px; }
.video-box { display:inline-block; width:650px; }

}


@media  (max-width: 1024px) {
div.bezahlen {  max-width:1015px; width:100%;  }
div.bezahlen img { max-width:300px; width:100%;  }
div.bezahlen .bezahlen-links {margin-right:26px;margin-bottom:10px;  }
div.bezahlen .bezahlen-mitte {margin-right:26px; margin-bottom:10px;  }
div.bezahlen .bezahlen-rechts { margin-bottom:10px; }

.logo { width: 1000px; display:block;  }


div.video-textbox {  width:320px;border:0px solid red; line-height:22px; }
.video-box { display:inline-block; width:600px; }

#cookiewarnungClose {
   width:90%;
   left: 0%;   }        

.bganzeigebild { background-position: 15% center; background-size: 50%; } 
}



/* für Smartphone-Menü ab theme-version 125 */
@media only screen and (max-width: 1005px){
button.btn-transparent-toggle.nav-toggle.hide{
    display: block;position:relative; top:-5px; }
}


/* tablets  ----------- */
@media  (max-width: 980px) {
.usefulicons { width:246px;margin:40px 10px 20px 0; }
.menu-item {  padding:3px 3px 8px 3px; }
#site-navigation .homeicon {background: hsla(200, 100%, 10%, 1); }
#site-navigation .homeicon a img { padding-top:0px;  }

.site-header .main-navigation ul li ul li { line-height:28px; }
.site-header .main-navigation ul li ul li a { line-height:28px; font-size:13px; }

.site-header .main-navigation ul li ul { border-bottom: 1px solid #eee; }

div.bezahlen {  max-width:960px; width:100%;   }
div.bezahlen img { max-width:265px; width:100%;  }
div.bezahlen .bezahlen-links {margin-right:30px;margin-bottom:10px;  }
div.bezahlen .bezahlen-mitte {margin-right:30px; margin-bottom:10px;  }
div.bezahlen .bezahlen-rechts { margin-bottom:10px; }

div.video-textbox {  width:280px;border:0px solid red; line-height:22px; }
.video-box { display:inline-block; width:560px; }

}


/* tablets  ----------- */
@media  (max-width: 900px) {
.usefulicons { width:246px;display:block; margin:40px 10px 20px 0; }

.mailicon { margin: 10px 10px 0px;  }	

div.bezahlen {  max-width:880px; width:100%; }
div.bezahlen img { max-width:220px; width:100%;  }
div.bezahlen .bezahlen-links {margin-right:20px;margin-bottom:10px;  }
div.bezahlen .bezahlen-mitte {margin-right:20px; margin-bottom:10px;  }
div.bezahlen .bezahlen-rechts { margin-bottom:10px; }

.logo { width: 800px; display:block;font-size:45px; line-he ight:50px;  }


div.video-textbox {  max-width:880px;width:100%; margin-left:0px;}
.video-box { display:inline-block; width:100%; max-width:880px; }

.bganzeigebild { background-position: 7% center; background-size: 60%;   } 
}

@media  (max-width: 800px) {

#cookiewarnungClose {
   width:90%;
   left: -2%;   }  

}



/* tablets  ----------- */
@media  (max-width: 768px) {
.usefulicons { width:246px;margin:40px 10px 20px 0;  }
.mailicon { margin: 10px -10px 0px;  }	

.wetter-c { left:0px; }
 .wetter-button-header { display:none; }
.header-icons { right:-112px; }  
 

div.bezahlen {  max-width:748px; width:100%;  }
div.bezahlen img { max-width:190px; width:100%;  }
div.bezahlen .bezahlen-links {margin-right:10px;margin-bottom:10px;  }
div.bezahlen .bezahlen-mitte {margin-right:10px; margin-bottom:10px;  }
div.bezahlen .bezahlen-rechts { margin-bottom:10px; }

.logo { width: 700px; display:block;font-size:45px;  }

.bganzeigebild { background-size: 90%;  }

}


/* smartphones ----------- */
@media  (max-width: 640px) {
.usefulicons { width:246px;display:block; margin:40px 10px 20px 0; }


.datum {  margin:0px 0 0 5px; }
.wetter-button-header { top:-36px; }
.wetter-c { left:0px;  }

div.bezahlen {  max-width:620px; width:100%;  text-align:center;  }
div.bezahlen img { max-width:320px; width:100%;}
div.bezahlen .bezahlen-links {margin-right:0px;margin-bottom:10px;  }
div.bezahlen .bezahlen-mitte {margin-right:0px; margin-bottom:10px;  }
div.bezahlen .bezahlen-rechts { margin-bottom:10px; }


.logo { width: 600px; display:block;margin-left:-10px;font-size:42px; }

.site-description { margin-left:3px!important;  }

}


@media  (max-width: 540px) {
  
 .mailicon { margin: 10px -30px 0px;  }
 
 .header-icons { right:-32px; }

.wetter-button-header { right:-22px; }
.wetter-c { left:0px;  }

div.bezahlen {  max-width:520px; width:100%;  text-align:center;  }
div.bezahlen img { max-width:320px; width:100%;}
div.bezahlen .bezahlen-links {margin-right:0px;margin-bottom:10px;  }
div.bezahlen .bezahlen-mitte {margin-right:0px; margin-bottom:10px;  }
div.bezahlen .bezahlen-rechts { margin-bottom:10px; }

.logo { width: 470px; display:block;margin-left:-20px; font-size:44px; }

 #cookiewarnungClose {
   width:70%;
   left: -12%;   }     
   
.bganzeigebild { background-size: 88%; background-position: center  60%;  } 
 
  }


@media  (max-width: 410px) { 
#map {position: relative;top: 0;left: -22px;width: 300px;height: 550px;font-size:11px;  }
 .mailicon { margin: 10px -45px 0px;  }	 
 
.header-icons { right:-112px; } 
 
 .wetter-button-header { display:none; }
.autobahn-button { display:none; }
.sos-button { display:none; } 
  
.logo { width: 400px; display:block;margin-left:-20px; font-size:40px;  }
.site-description { margin-left:-13px!important;  }

 .bganzeigebild { background-size: 94%; background-position: center 85%;  }

}

@media  (max-width: 340px) {
  .header-icons { right:-162px; } 
  .logo { width: 300px; display:block;margin-left:-20px; font-size:36px;  }
  
#cookiewarnungClose {
   width:70%;
   left: -15%;   }     
    
}



/*.entry-content { width:130%; }*/