/* Allgemein */


@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:PTF-Caption;src:url("../fonts/PTF-Caption.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");}



.vmag-container, .site-header { backgr ound: #ffffff; }


body { font-size: 16px;font-family: 'Open Sans'; color: #282828;  }

a { color: hsla(0, 60%, 25%, 1); }

a:hover { color: hsla(0, 60%, 65%, 1); fon t-weight:bold;  }

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

strong { font-family: 'OpenSansBold';  }

.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-top:-30px;margin-left:20px; margin-bottom:-20px; } }
	

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


	
.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%; }








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


/* Polizei */


#propk-compass {height: 420px;  } 
@media (max-width: 600px) {#propk-compass { height: 710px; }}   
@media (max-width: 450px) {#propk-compass { height: 740px; }} 
@media (max-width: 350px) {#propk-compass { height: 940px; }} 




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

/*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;  }

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


/* abo */


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


/* 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; }





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


/* Mediadaten  */

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




/* Contact Form 7 */



#wpcf7-f1616-p1619-o1 { background:hsla(25, 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(25, 0%, 99%, 1);border:1px solid hsla(25, 0%, 78%, 1);border-bottom:3px solid hsla(25, 0%, 78%, 1); color: #012; font-size: 14px;  }

.wpcf7 .wpcf7-submit { background:hsla(25, 90%, 60%, 1);width:20%;  }



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

/* 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: #f7a76e;  }
.vmag-current-date { color:#002233;  } 
	
.vmag-newsticker-wrapper { display:none; }
	
.mailicon { font-size:20px;color:#fff;position:absolute; margin: 23px 92px 0px!important;  }	
		

	
/* Berlin-Block	 */
	
/* Abstand links	 */
.postpadding { padding-left:10px;  }	
	
	
	
/* Artikelüberschriften */

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

	
	
	
/* ============================================================================    */
	
/* cookie-meldung */

    
/*     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; font-size: 18px;  }
 
.categoryblock {  width:100%;display:block; padding: 10px 0 8px 10px!important; color:#eee; }


.textcolor {  color:#333; }

h4.block-title {  color:#333!important; font-family:Roboto; font-size: 18px;  }
h4.block-title a {  color:#333; }


/*font-size:20px; text-transform:uppercase;font-family: Roboto; font-weight: 500;*/


.salmon { background:  hsla(25, 90%, 70%, 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.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; }


h4.ortsteile { border-bottom:  5px solid #F7A76E!important; border-top:  1px solid #F7A76E!important;color:#333!important; font-size: 14px!important; }



/* Wordpress Widgets */



/* Berlin-Block */
#vmag_block_posts_style1-2  { background: #333333; color:#bbbbbb; margin-bottom:35px; }
#vmag_block_posts_style1-2   .block-header{ background: #ffffff; }


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





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

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


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

#vmag_block_posts_style3-5 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;  }



.vmag-home-aside, #secondary {  font-family: Roboto; }
#secondary .widget-title {font-family: Roboto;font-size: 18px;text-transform: none; }


/* 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 h3.featured-large-font a:hover {  color:#fdd;  }

.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;
}



/* 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-8 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; }



/* 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 { font-family:Roboto; font-weight:500; 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-34 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-34 { padding-bottom:80px; }

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

div.video-textbox {  max-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;
    }


  .shoppingmapframe {   width:100%; }  

   .shoppingmapframe   div{width:100%;height:300px;}

  .shoppingmapframe img {  display:block; width:50%; overflow:scoll;  }  
   
 
/* widget Stadtbilder Untertitel */

/* Logo */

.logo { font-family:PTF-Caption!important;font-size:36px;color:#111111;text-shadow:0px 0px 1px #f5f5f5; text-decoration:none;margin-left:0px;text-align:left;  position:relative; z-index:1;display:inline-block; }

.logo:hover {  color:#111; }

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


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

.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: #b81414;   }
  }

.nav-wrapper { width: 89%;  }

.site-header .main-navigation li a { padding: 0 11.5px;   font-size:13px; font-family:Open Sans; text-shadow: 0px 0px 0px hsla(40, 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(0, 80%, 40%, 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(45, 100%, 70%, 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 #f7a76e; }
    
 .nav-wrapper .current-menu-item a:before,
.nav-wrapper .current-menu-ancestor a:before {
   /*   border-top: 4px solid #c32828; */  }
 

/*   nav-wrapper Zeile 1143 in style.css auskommentiert - hier wirkungslos */
     
  /*    
 .site-header .main-navigation .vmag-search-form-primary .search-form {
   border-top: 1px solid #f7a76e;}
   */   
      
    
 /* nur die striche über den Menüpunkten  - Ende */   
  
 
 
/*.site-header .main-navigation ul li ul li { border-top:2px solid  #c32828;  }
 */  

.menu-item { background:  hsla(0, 80%, 40%, 1); }
ul.menu li.menu-item  a { color: #eee!important;  }

/* Textfarbe im Submenu */

.site-header .main-navigation ul li ul li a:hover {
    color:  #fb9!important; border-color: #c32828; }
    
    /*     submenu - in responsive.css  ---   ANFANG */
    
.site-header .main-navigation li a:hover { border-color: #c32828 ;}


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


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

.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-color: #c32828!important; 
	}


.sub-toggle {  background:hsla(0, 80%, 40%, 1); top:2px; height:22px;font-size:24px; color: #f7a76e;	}
			

			
.sub-toggle-children {
		background-color:#fa6b1e; } /* wird in style.php oben definiert */
	
	
.nav-toggle span { background-color:#ffffff!important; }

			
			
			
			
/*     submenu - in responsive.css  --- ENDE */
    
		
		


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




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


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



#banner-menu  {    }

.banner-nav #site-navigation {  background:#f7a76e; }
.banner-nav #site-navigation li { background:#f7a76e; }
.banner-nav #site-navigation li a { padding:0px; }

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

.banner-nav .sub-toggle { position:relative; top:-40px; background: #ed7621!important;  height: 50px!important;width: 70px!important;right: 2px!important;top: 3px!important;font-size:44px;  border:5px solid #f00!important; z-index:1000;  }
.banner-nav .sub-toggle:hover { background: #f00!important;    }


.toggletitle { position:absolute;  left:50px; top:5px;  font-weight:bold;  }

	
	@media  (max-width: 640px) {
.banner-nav .nav-toggle span { background:#f2f2ed; background-color:#ffffff!important;  }
   .banner-nav .nav-toggle { background: #ed7621;  	}  } 
 	
/* 	alle drei Menübalken - unter dem Banner */
.site-header .banner-nav .main-navigation ul li:hover > ul { display:block; position:relative; top:0px; }


/* oberer rand jedes menübalkens und des banners */
.site-header .banner-nav .main-navigation li a:hover:before { background: #ed7621; border: 1px solid #ed7621; }   

 .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:#eee; border-color: #ed7621;   display:block;width:100%;  }

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



.site-header .banner-nav  .main-navigation li a { text-transform: none; font-size:16px; border: 0px solid #fff; }

.site-header .banner-nav .main-navigation li a:hover { background: #ed7621; 
    border:0px solid #fff;  color: #b81414!important;  }  


.site-header .banner-nav .main-navigation li.current_page_item a { color: #eee; background: #ed7621;  }	

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

		
/* 	Menü 1	 */
		
.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: #ed7621; padding-bottom: 2px; }
ul#banner-menu li ul  li  { width:inherit; width:100%; display:block; border-bottom: 0px solid #ed7621;    margin-bottom:5px; padding:0 0 0px; max-height:100px;  }

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


/* Menü 2 */

.banner-nav .nav-wrapper ul#banner-menu2 li {   }		
		
ul#banner-menu2 li ul  { width:inherit; width:100%; display:block; background: #ed7621; padding-bottom: 2px; }
ul#banner-menu2 li ul  li  { width:inherit; width:100%; display:block; border-bottom: 0px solid #ed7621;    margin-bottom:5px; padding:0 0px;  }

ul#banner-menu2 li ul  li a span, ul#banner-menu2 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 Tempelhof  */


.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!important;   }

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/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;
  background-image: url(/News-Aktuell/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;  }  

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;  }  
 
    
 
   
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:30px;top:-14px; position:relative; right:0px;  overflow:visible;}

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

.fahrrad-button {position:absolute;right:237px;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:#111;text-shadow:0px 0px 1px #caa; }
.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:-18px; 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, figcaption { font-size:11px;margin: 5px 0 0px 0; }


.wp-caption { margin-left:0px; }



.entry-meta { border-top:1px solid #ddd;  border-bottom:1px solid #ddd; padding: 20px 0 -20px 0px; margin: 10px 0 20px 0;background:  hsla(25, 60%, 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-weight:bold; }

  
/*  ===============================================================================  */
/*  Print und MMS  */
/* ==============================================================================    */



/* CANVAS */

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

.butterfly:hover { background: url(https://www.tempelhof-schoeneberg-zeitung.de/Aktuelle-News/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.tempelhof-schoeneberg-zeitung.de/Aktuelle-News/wp-content/themes/vmag/images/printer24.png) no-repeat;  }

.printpost:hover { background:url(https://www.tempelhof-schoeneberg-zeitung.de/Aktuelle-News/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; font-size:14px; }
.offer .titel { font-family:"OpenSansBold"; text-transform:uppercase;font-size:16px; }
.offer .text {   }


/*   jobs */
  
.post-482 h1.entry-title, .post-8852 h1.entry-title {  background:#f7a76e;padding:5px 10px;  }
.post-482 h3.entry-title, .post-8852 h3.entry-title  {  font-size: 16px!important; background: #ddd;padding:5px 10px; }


.post-482 h3.gray {  background: #dddddd; }
.post-482 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-482 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;  } 


/*   coaching  */

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

.borderorange  { border-top:5px solid #ffcc33!important; }

 
/*   wohnen */
  
.post-8829 h1.entry-title {  background:#f7a76e;padding:5px 10px; }
.post-16203 h1.entry-title {  background:#f7a76e;padding:5px 10px; }
 .post-8829 h3.entry-title  {  font-size: 16px!important; background: #32CD32;padding:5px 10px; }
 .post-16203 h3.entry-title  {  font-size: 16px!important; background: #32CD32;padding:5px 10px; }

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

/*   wellness */
  
.post-9103 h1.entry-title {  background:#4dc6d8;padding:5px 10px; }
 .post-9103 h3.entry-title  {  font-size: 16px!important; background:#4dc6d8;padding:5px 10px; }

  
/*  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-11137 h1.entry-title { color:green; background:#ddbb33;padding:5px 10px; }
 .post-11137 h3.entry-title  {  font-size: 16px!important; background:#aaaa88;padding:5px 10px; }
 
 .post-11137 h2.entry-title  {  font-size: 22px!important; color: #eeeeee!important; background:#666655;padding:15px 10px; }
 
.post-11137 h3.gray {  background-color: #bbb; }
.post-11137 h3.blue {  background:#0d2477; color:#ccc!important; padding:6px 10px;  font-size: 15px!important;text-shadow:0px 0px 1px #222; }
  





/* 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:block; right:0px;  }

.AnzeigeRahmen a { border:1px solid  #ccc; 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.schrift { width:100%;display:block; cursor:pointer;  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;}


.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; }


 
/*  ============================================================================  */
/* 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; padding:0px; font-family:Roboto;  }

.vmag-top-footer  { background: #191d22!important; }
.site-footer { background: #191d22; border-top:45px solid hsla(25, 60%, 75%, 1); }

#footer-menu li { background: #191d22;  }

.footer-navigation { margin-bottom:30px!important; margin-top:10px; font-size:15px; border-top:2px solid #633;  padding-top:4px;}



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

.footer-navigation li:hover { background-color:#663333!important;  }

.site-info { display:block; width:100%; }


@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);}
.site-info {  font-size:13px; }

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

/* 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%; } } 



/* Shopping Banner / Einkaufsstrassen */
/* ------------------------ */


/* Widget - Shopping - Icons  */

.widget-shopping-icons {  max-width:1200px; width:100%; position:relative;
background:#ffefe5; border-radius:15px; padding:10px;  margin:20px 0; border:8px solid #ff5e00;  }

.shoplogo { max-width:150px; width:100%; display:inline-block; margin:30px 0px 10px 10px; vertical-align:top; }
.shoplogo img { max-width:100px; width:100%;   }

.shoptitle { font-size:32px; font-weight: bold; vertical-align:top;  margin:40px 20px 0px 0px; display:inline-block;  }


div.realtime-subtitle { width:90px; font-size: 12px; display:inline-block; text-align:center; border-radius:3px; background:#ddd; padding:10px; margin:10px; } 

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

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



ul.shopping-sitemenue  {  list-style: none; }

ul.shopping-sitemenue  li { display:inline-block; width:200px; vertical-align:top;  }


ul.shopping-sitemenue li span { display:block;  background-color:#fce2cf; border: 1px solid #888;  padding: 3px; text-align:center; }

ul.shopping-sitemenue li span.focus {background-color:#f7a76e; color: #fff; background-color: #9e635c;  }

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

.shopping-pic {  border:1px solid #888888;float:left; margin:10px 20px 0px 0; }

.shopping-entry {  display: block; width: 100%; }
.shopping-entry div.image { display:inline-block; margin-right:40px; vertical-align:top; }

.shopping-entry div.text { display:inline-block;  margin-right: 60px; }

.shopping-entry div.maplink { display:inline-block; vertical-align:top; }

.shopping-entry div.maplink img { display:inline-block; vertical-align:top; margin-bottom:10px; }

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

/* 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; }







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

/* 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;  }
       
}





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


=====================================================================
=====================================================================
=====================================================================
PLUGINS
=====================================================================
=====================================================================
=====================================================================



printomatic-css ---  plugins/print-o-matic/css/style-css
=====================================================================

.printomatic {
	cursor: pointer;
}

.pom-default {
	background-image: url('print-icon.png');
   	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.pom-small {
	background-image: url('print-icon-small.png');
   	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

.pom-small-black {
	background-image: url('print-icon-small-black.png');
   	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

.pom-small-grey {
	background-image: url('print-icon-small-grey.png');
   	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

.pom-small-white {
	background-image: url('print-icon-small-white.png');
   	background-repeat: no-repeat;
	width: 17px;
	height: 16px;
}

.printomatictext {
	cursor: pointer;
}

.printomatictext:hover {
	text-decoration: underline;
}









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

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

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













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






.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:120px;}
.servicetab2{margin-top:25px;vertical-align:top;display:inline-block;width:180px;}
.servicetab3{margin-top:25px;vertical-align:top;display:inline-block;width:280px;}




    
.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 */

.mediabox-link { display:inline-block;  margin: 0; width:100%;height:100%; }

.mediabox {
  width: 180px;
  height: 180px;
  display:inline-block;
  
  position: relative;overflow: hidden;
  margin: 0 18px 18px 0; 
  background-color:  hsla(25, 90%, 70%, 1); 
  border-radius: 135px;
  border:4px solid hsla(0, 80%, 40%, 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:#411; 
		    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(25, 90%, 90%, 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; }





/* ================================================================================== */
/* Anzeigen - Preissystem  */


table.anzeigenpreise { border:1px solid #555; }

table.anzeigenpreise .title { text-align:left;background:#ddd;  }


table.anzeigenpreise th, td { padding:8px; box-shadow:0 0 1px #777;  }



.preissystem-logo { position:relative; top:-80px; right: 20px; }

.preissystem-title { background: #fb6501; padding:3px; font-style:italic; color:#fff; display:inline-block; } 





/* ================================================================================== */
/* 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%; }




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


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








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




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

/*Tabby - Fair direct Delivery*/

.tabs-fairdirectdelivery {  }

.tabs-fairdirectdelivery  .tab-map { width: 150px;height:100px; display:inline-block; 
    background-image: url('/Aktuelle-News/Bilder/banner/food/map150.jpg' )!important;  
}
.tabs-fairdirectdelivery  .map  { display:none; }

.tabs-fairdirectdelivery  .tab-burger { width: 150px;height:100px; display:inline-block; 
    background-image: url('/Aktuelle-News/Bilder/banner/food/burger150.jpg' )!important;  
}
.tabs-fairdirectdelivery  .burger  { display:none; }


.tabs-fairdirectdelivery  .tab-pizza { width: 150px;height:100px; display:inline-block; 
    background-image: url('/Aktuelle-News/Bilder/banner/food/pizza150.jpg' )!important;  
}
.tabs-fairdirectdelivery  .pizza  { display:none; }


.tabs-fairdirectdelivery  .tab-sushi { width: 150px;height:100px; display:inline-block; 
    background-image: url('/Aktuelle-News/Bilder/banner/food/sushi150.jpg' )!important;  
}
.tabs-fairdirectdelivery  .sushi  { display:none; }


.tabs-fairdirectdelivery  .tab-curry { width: 150px;height:100px; display:inline-block; 
    background-image: url('/Aktuelle-News/Bilder/banner/food/curry150.jpg' )!important;  
}
.tabs-fairdirectdelivery  .curry  { display:none; }

.tabs-fairdirectdelivery  .tab-sweets { width: 150px;height:100px; display:inline-block; 
    background-image: url('/Aktuelle-News/Bilder/banner/food/sweets150.jpg' )!important;  
}
.tabs-fairdirectdelivery  .sweets  { display:none; }




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

/* 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; }

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

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


/* 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 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; }

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

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; }


.logo {display:inline-block; font-size:34px;  }


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 -85px 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; }

.site-title-wrapper {  width:800px; }
.logo {  font-size:32px; }

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

}


  @media  (max-width: 900px) {
#cookiewarnungClose {
   width:90%;
   left: -2%;   }  

  }
  

/* tablets  ----------- */

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

.wetter-c { left:0px; }

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; }



.site-title-wrapper {  width:700px;text-align:left; }
.logo { font-size:30px; margin-left:-10px; }



}



/* 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; }

.site-title-wrapper {  width:580px;text-align:left; }
.logo { width:580px;font-size:32px; li ne-height:45px; margin-left:-10px; }

.site-description { margin-top:10px;margin-left:0px; }

.site-title-wrapper {  width:620px;text-align:left; }
.logo {  width:620px;font-size:32px;line-height:38px; margin-left:-10px; }



}


@media  (max-width: 540px) {
.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; }

.site-title-wrapper {  width:450px;text-align:left; }
.logo { width:450px;font-size:32px;margin-left:-10px; }

  
#cookiewarnungClose {
   width:70%;
   left: -12%;   }  
  }


@media  (max-width: 410px) { 
#map {position: relative;top: 0;left: -22px;width: 300px;height: 550px;font-size:11px;  }
.header-icons { right:-152px; }

.wetter-button-header { display:none; }
.autobahn-button { display:none; }
.sos-button { display:none; } 


.site-title-wrapper {  width:350px;text-align:left; }
.logo { width:350px;font-size:32px;margin-left:-10px; }



}

@media  (max-width: 340px) {
.header-icons { right:-194px; }    

  
#cookiewarnungClose {
   width:70%;
   left: -15%;   }  
  
}