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


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

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


/* rss */
 
.widget_rss li { list-style-type:none; }

.widget_rss li a { line-height:20px;line-height:26px; }

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: hsla(200, 60%, 70%, 1); bor der-bottom:5px solid hsla(200, 100%, 10%, 0.1); }
.vmag-current-date { color:#002233;  } 

.nav-toggle span { background: #ddd; }
	
	
.vmag-newsticker-wrapper { display:none; }
	

/* cookie-meldung */


  
.cookie {  position:absolute; top:0px;left:0px;display:inline-block;z-index:100; }

.cookiewarn {
  width:0px; overflow:hidden;height:16px;
  position:relative; top:-2px;left:0px; font-size:10px;color:#345;
  
  padding: 1px 0px 0px 0px; display:inline-block;background: hsla( 200, 60%, 75%, 1);
  -webkit-transition:0.9s width, 0.9s padding;
     -moz-transition:0.9s width, 0.9s padding;
      -ms-transition:0.9s width, 0.9s padding;
          transition:0.9s width, 0.9s padding;
}
.cookiewarn.hidden {
  width:520px; 
  position:relative; top:-2px;left:0px;
  display:inline-block;   padding:1px 0px 0px 0px;background: hsla(200, 60%, 75%, 1);
  
  
  -webkit-transition:0.7s width, 0.7s padding, 0s visibility 0.7s;
     -moz-transition:0.7s width, 0.7s padding, 0s visibility 0.7s;
      -ms-transition:0.7s width, 0.7s padding, 0s visibility 0.7s;
          transition:0.7s width, 0.7s padding, 0s visibility 0.7s;
} 
  
  
.okay {  font-size: 10px; color:#345; text-decoration:none; position:relative;top:-6px;left: -2px; padding:3px 4px 1px 4px; background: hsla( 200, 60%, 75%, 1); }
  
  .okay:hover { color:#333; }









	
	

/* Kategoriefarben */

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


.textcolor {  color:#eee; }

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


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

    
.gold { background:hsla(42, 100%, 30%, 1); }


.green { background:  hsla(88, 100%, 30%, 1);}
.forestgreen { background:  hsla(138, 100%, 30%, 1); }
.turquoise { background:  hsla(175, 100%, 30%, 1);}
.crimson { background:  hsla(349, 100%, 30%, 1);}
.darkblue { background:  hsla(210, 100%, 30%, 1); }

.violet { background:  hsla(256, 100%, 30%, 1); }
.purpur { background:  hsla(318, 100%, 30%, 1); }
.orchid {background: hsla(270, 100%, 30%, 1); }
.blue {background: hsla(220, 80%, 30%, 1); }
.yellow {background:   hsla(50, 80%, 40%, 1); }
.cyan {background:  hsla(180, 80%, 30%, 1); }
.orange {background:  hsla(20, 80%, 50%, 1); }


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.violetborder { border-bottom:  5px solid hsla(256, 100%, 30%, 1)!important; border-top:  1px solid hsla(256, 100%, 30%, 1)!important; color:#333!important; }






/* Wordpress Widgets */



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


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






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



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

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



.logo { font-family:ModerneFraktur!important;font-size:55px;color:#320;text-shadow:0px 0px 3px #f5f5f5; text-decoration:none;margin-left:20px; color:#002233; }

.logo:hover {  color:#224455; }

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




.widget.vmag_block_posts_carousel ul li.single-post .post-thumb:before { opacity: 0; }

.widget.vmag_block_posts_carousel .single-post .post-caption {
background-color: #000; opacity: 0.5;  t op: 0%; bottom:-5px; }




/* Hauptmenü */

#site-navigation {  background: hsla(200, 100%, 10%, 1);  }

.nav-wrapper { width: 89%;  }

.site-header .main-navigation li a { padding: 0 13.5px; }

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

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


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





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

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





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





/* 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;   }
	 
.sbahn-button { position:absolute;right:350px;top:8px;  }    
	 
.bvg-button { position:absolute;right:310px;top:10px;  }    

.vbb-button {position:absolute;right:260px;top:4px;   }

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

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



/* 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(200, 60%, 95%, 1);  }


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

div.anzeige {  width: 100%; display:inline-block;border-top:1px solid hsla(220, 80%, 50%, 1); 
  
  margin:10px 0 0 0px;  padding: 5px 20px; background: hsla(220, 60%, 50%, 1); 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(/wp-content/themes/sight/images/mms-butterfly24.png) no-repeat;  cursor:pointer; width:19px; height:24px;cursor:pointer; }

.butterfly:hover { background: url(/wp-content/themes/sight/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(/wp-content/themes/sight/images/printer24.png) no-repeat;  }

.printpost:hover { background:url(/wp-content/themes/sight/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) } 
  
  
  
  
  
  
  
  
  
/*  =====================================================  */
/* 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; }  


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


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





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


footer .vmag-container   { background-color: hsla(200, 100%, 8%, 1); }



.site-footer { background-color: hsla(200, 100%, 8%, 1); border-top:45px solid hsla(200, 60%, 75%, 1);    }


.vmag-top-footer { background-color: hsla(200, 100%, 8%, 1);   }



/* Copyright */

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





/* Buchkarussell */



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

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




@media (max-width: 1280px) { 
  .embed-container {
padding-bottom:34%;  }     
} 

@media (max-width: 1024px) { 
  .embed-container {
padding-bottom:42%;   }     
} 

@media (max-width: 980px) { 
  .embed-container {
padding-bottom:45%; }     
} 

@media (max-width: 800px) { 
  .embed-container {
padding-bottom:55%;  }     
}  
    
@media (max-width: 768px) { 
  .embed-container {
padding-bottom:64%;  }     
}  
    
@media (max-width: 640px) { 
  .embed-container {
padding-bottom:92%;   }  
}  


@media (max-width: 560px) { 
  .embed-container {
padding-bottom:112%;  }   
} 

@media (max-width: 500px) { 
  .embed-container {
padding-bottom:158%;  }     
} 

@media (max-width: 480px) { 
  .embed-container {
padding-bottom:192%;  }   
     }
} 

@media (max-width: 360px) { 
  .embed-container {
padding-bottom:210%;   } 

} 











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

.rahmen {
   position: relative;margin: 10px 0 20px 0; 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: 1000px;
   -moz-perspective: 1000px;
   -ms-perspective: 1000px;
   -o-perspective: 1000px;
   perspective: 1000px;
   
}
.karte {
   width: 100%; height: 100%; border:1px 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;
   -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: #aaaaaa;
   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;
} 


.titlehinten { 
  background:#f5f5f5;padding: 10px 0 10px ;color:#333;font-size:16px;line-height:28px; }
  
.formathinten { 
  background:#f5f5f5; display:block; text-align:center;padding: 20px 0 5px 0 ;font-size:12px;line-height:15px;color:#333; }
  
.linie {
  height:4px;margin:3px 40px ;background:#15a; border:none; border-radius:1px; }


.formathintenblau  { 
  background:#15a;text-align:center;padding: 50px 0 15px ;color:#fff;font-size:21px;line-height:28px; } 


.formatblauweiss { 
  display:block; margin-top:-18px; padding:0px 0px 15px 0; background:#fafafa;font-size:16px;line-height:24px; }

.formatblauweiss a { 
  color:#000;text-decoration:none; }


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


.triptichon { 
  width:660px; height:300px; display:block; vertical-align:top;border:1px solid #eee; padding:12px 2px;box-shadow: 0px 0px 3px #aaa;margin:0px; text-align:center;background:#fff; } 


/* Triptichon: Ende */



/* Triptichon - Variation:  singlebanner  -  Anfang  */

.rahmen-singlebanner {
   position: relative;margin: 20px 0 20px 0; display:inline-block;  
   width: 620px; height: 250px;
      
   -o-perspective-origin: 150% -150%; -webkit-perspective-origin: 150% -150%; -moz-perspective-origin: 150% -150%; -o-perspective-origin: 150% -150%;
   
   -webkit-perspective: 1000px;
   -moz-perspective: 1000px;
   -ms-perspective: 1000px;
   -o-perspective: 1000px;
   perspective: 1000px;
   
}

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

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


.titlehinten-singlebanner { display:block; background:#f5f5f5;padding: 10px 0 0px ;color:#333;font-size:16px;line-height:28px; }

.mail-singlebanner { margin-top:15px;display:block;font-size:12px;line-height:15px; }


.left-singlebanner { display:inline-block;vertical-align:top; width: 286px;height:220px;    text-align:center;border:0px solid blue; }
.right-singlebanner {  display:inline-block;vertical-align:top; width: 286px;height:220px;
text-align:center; border:0px solid blue; padding:20px; box-shadow:0px 0px 6px #acd;}
			
.right-singlebanner a { font-size:18px; color:#000000;line-height:22px; }		
		

/* Triptichon - Variation:  singlebanner  -  Ende  */



/* Triptichon: Variation - Drehkachel Anfang */

.werbekachel-aussenrahmen {
display:inline-block; padding:4px 6px; position: relative;  margin: 0 auto 0px; border: 5px solid #CCC;
-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}


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


/* Triptichon: Variation - Drehkachel Ende */