/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  /*
  * @section global typography settings
  *
  * vertical rhythm settings (based on em-unit)
  * -------------------------------------------
  * basefont-size:  14px (87.5%)
  * line-height  :  21px (factor: 1.5) */
  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * {
    font-size: 100%;
  }

  /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */
  textarea,
  pre,
  code,
  kbd,
  samp,
  var,
  tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* font-size: 14px; */
  body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 87.5%;
    color: #000;
	font-weight: 400;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: 400;
    margin: 0;
  }

  h1 {
    /* font-size: 48px; */
    font-size: 342.85714%;
    line-height: 0.875;
    margin: 0 0 0.4375em 0;
	
	/* font-size: 21px; */
    font-size: 150%;
    line-height: 1.25;
    margin: 0 0 0.65625em 0;
  }

  h2 {
    /* font-size: 32px; */
    font-size: 228.57143%;
    line-height: 1.3125;
    margin: 0 0 0.65625em 0;
	
	 /* font-size: 18px; */
    font-size: 128.57143%;
     margin: 0 0 0.75em 0;
	  line-height: 1.25;
	  
	  font-size: 150%;
    line-height: 1.25;
    margin: 0 0 0.65625em 0;
  }

  h3 {
    /* font-size: 24px; */
    font-size: 171.42857%;
    line-height: 0.875;
	line-height: 1.25;
    margin: 0 0 0.875em 0;
	
	font-size: 128.57143%;
    line-height: 1.25;
	margin: 0 0 0.65625em 0;
  }
  
  

  h4 {
    /* font-size: 21px; */
    font-size: 150%;
    line-height: 1;
    margin: 0 0 1em 0;
  }

  h5 {
    /* font-size: 18px; */
    font-size: 128.57143%;
    line-height: 1.16667;
    margin: 0 0 1.16667em 0;
  }

  h6 {
    /* font-size: 14px; */
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }
  
  h1.title {
	/* font-size: 21px; */
    font-size: 150%;
    line-height: 1.25em;
     margin: 0 0 0.65625em 0;
	  }
	  
.node-type-veranstaltungen h1.title {
	width: 65%;
	margin: 0 0 0 0;
}
  
 /* --- Headline-Specials  -------------------------------------------------------------------------------- */
 
 footer h5 {
	 font-size: 100%;
 }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  ul,
  ol,
  dl {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  ul ul {
    list-style-type: circle;
    margin-top: 0;
  }

  ol ol {
    list-style-type: lower-latin;
    margin-top: 0;
  }

  ol ul {
    list-style-type: circle;
    margin-top: 0;
  }

  li {
    font-size: 100%;
    line-height: 1.5;
    margin-left: 1.2em;
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1.5em 0.8em;
  }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
  p {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
  }

  blockquote,
  cite,
  q {
    font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
    font-style: italic;
  }

  blockquote {
    background: transparent;
    color: #666666;
    margin: 1.5em 0 0 1.5em;
  }

  strong,
  b {
    font-weight: bold;
  }

  em,
  i {
    font-style: italic;
  }

  big {
    /* font-size: 16px; */
    font-size: 114.28571%;
    line-height: 1.3125;
  }

  small {
    /* font-size: 12px; */
    font-size: 85.71429%;
    line-height: 1.75;
  }

  pre,
  code,
  kbd,
  tt,
  samp,
  var {
    font-size: 100%;
  }

  pre {
    font-size: 100%;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  pre,
  code {
    color: #880000;
  }

  kbd,
  samp,
  var,
  tt {
    color: #666666;
    font-weight: bold;
  }

  var,
  dfn {
    font-style: italic;
  }

  acronym,
  abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  mark {
    background: yellow;
    color: black;
  }

  hr {
    color: #fff;
    background: transparent;
    margin: 0 0 0.75em 0;
    padding: 0 0 0.67857em 0;
    border: 0;
    border-bottom: 1px #eeeeee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */
  a {
    color: #000;
    background: transparent;
    text-decoration: underline;
  }

  a:active {
    outline: none;
  }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:hover,
  a:focus {
    color: #999;
    text-decoration: none;
  }
  
 
  /*--- Links: specials ----------------------------------------------------------------------------------------- */
  
  footer a:hover,
  footer a:focus {
    color: #000;
    text-decoration: none;
  }
    


  /* --- images ------------------ */
  img,
  figure {
    margin: 0;
  }

  .flexible {
    margin-bottom: 1.5em;
    max-width: 100%;
    height: auto;
  }

  /* IE6 workaround - 2% space for possible borders */
  * html .flexible {
    width: 98%;
  }

  .bordered {
    margin-bottom: 1.5em;
    border: 2px #eee solid;
    border: 2px white solid;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  }

  /**
  * ----------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
  .highlight {
    color: #cc3300;
  }

  .dimmed {
    color: #888888;
  }

  .box {
    border-radius: 0.3em;
    border-width: 1px;
    border-style: solid;
    border-color: #888;
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2);
    color: #444;
    color: rgba(0, 0, 0, 0.8);
    padding: 1.42857em;
    margin: 0 0 1.5em 0;
  }
  .box > *:last-child {
    margin-bottom: 0;
  }

  .label {
    font-family: Verdana, Geneva, sans-serif;
    padding: 1px 6px 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    white-space: nowrap;
    border-radius: 3px;
    background: #06C;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
  }

  .info {
    background: #f4f4f4;
  }

  .success {
    background: #88cc88;
  }

  .warning {
    background: #cccc88;
  }

  .error {
    background: #cc8888;
  }

  .float-left {
    float: left;
    display: inline;
    margin: 0 1em 1.5em 0;
  }

  .float-right {
    float: right;
    display: inline;
    margin: 0 0 1.5em 1em;
  }

  .center {
    display: block;
    text-align: center;
    margin: 0 auto 1.5em auto;
  }

  /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
  table {
    width: 100%;
    border-collapse: collapse;
    color: #444444;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    margin: 0 0 1.35714em 0;
  }
  table.narrow {
    margin: 0 0 1.42857em 0;
  }
  table.narrow th,
  table.narrow td {
    padding: 0 0.5em;
    line-height: 1.42857;
  }
  table.fixed {
    table-layout: fixed;
  }
  table.bordertable {
    border: 1px #ccc solid;
  }
  table.bordertable thead th {
    background: #e0e0e0;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
  }
  table.bordertable tbody th[scope="row"] {
    background: #f0f0f0;
  }
  table.bordertable tbody th {
    border-right: 1px solid #ccc;
  }
  table.bordertable tbody td {
    border-right: 1px solid #ccc;
  }

  caption {
    font-variant: small-caps;
  }

  th,
  td {
    line-height: 1.5em;
    vertical-align: top;
    padding: 0.71429em 0.5em;
  }

  th *:first-child,
  td *:first-child {
    margin-top: 0;
  }

  th.nowrap,
  td.nowrap {
    white-space: nowrap;
  }

  thead th {
    text-align: left;
    color: #000;
    border-bottom: 2px #000 solid;
  }

  tbody {
    /* highlight row on mouse over */
  }
  tbody th {
    text-align: left;
    border-top: 1px solid #ccc;
  }
  tbody td {
    text-align: left;
    border-top: 1px solid #ccc;
  }
  tbody tr:hover th,
  tbody tr:hover td {
    background: #f8f8f8;
  }
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Views + Nodes
  *
  */
  
  
  
  /*  ++++++++++++++++++ allgemein ++++++++++++++++++++++++ */
  
  /* Sidebar: Views */
 .ym-g23.ym-gr .block-views {font-size: 100%;}
 .ym-g23.ym-gr .block-views h2 {font-size: 124%;}
 
 /* +++++++++++++++++++++ Startseite ++++++++++++++++++++++++++++++++++++ */
 
 /* Text unterhalb der Termin-Galerieansicht */
  .node-startseite .field-name-field-text {clear: both;}
  
  /* ++++++++++++++++++ Downloads: Views Inhaltsspalte ++++++++++++++++++ */
  
 .node-type-page .block-views {margin-bottom: 2.75em;}
  
 .views-field.views-field-field-download-datei ul {list-style-type: none !important; margin-left: 0; margin-bottom: 0.75em; padding-left: 0;}
 .views-field.views-field-field-download-datei ul ul {list-style-type: none !important; margin-left: 0; padding-left: 0;}

 .views-field.views-field-field-download-datei ul li {margin-left: 0; padding-left: 0;}
 .views-field.views-field-field-download-datei ul li img {margin-right: 1em;}
 
 .views-field.views-field-field-download-datei ul li a {text-decoration: none;}
 
 
  /* ++++++++++++++++++ Downloads: Views Sidebar ++++++++++++++++++ */
  
  /* Fussbereich des Blocks mit Hinweis auf Downloadseite */
  .view-footer {
	  margin-top: 1.75em;
  }
    
    

  /* Node-type: Kulturbuero */
  .node-type-kulturbuero .region-sidebar-second .block-views {
	  background: #5EA151;
	  border-top: 13px solid #4E853F;
	  padding: 1.5em 1.5em 1.5em 1.5em;
	  color: #fff;
	   font-size: 90%;
  }
  
  .node-type-kulturbuero .region-sidebar-second .block-views a { color: #fff; }
  .node-type-kulturbuero .region-sidebar-second .block-views a:hover { }
 /* .node-type-kulturbuero .region-sidebar-second .block-views .download-file {margin-bottom: 0.5em;} */
  
  /* Node-type: Kulturorte */
  .node-type-kulturorte .region-sidebar-second .block-views  {
	  background: #CC166C;
	  border-top: 13px solid #A91253;
	  padding: 1.5em 1.5em 1.5em 1.5em;
	  color: #fff;
	  font-size: 90%;
  } 
  
  .node-type-kulturorte .region-sidebar-second .block-views a { color: #fff; }
  .node-type-kulturorte .region-sidebar-second .block-views a:hover { }
  .node-type-kulturorte .region-sidebar-second .block-views .download-file {margin-bottom: 0.5em;}


  /* ++++++++++++++++++ Downloads: Nodes ++++++++++++++++++ */

  ul.download-file {list-style-type: none !important; margin-left: 0; padding-left: 0;}
  ul.download-file li {margin-left: 0; padding-left: 0;}
  ul.download-file li img {margin-right: 1em;}
  ul.download-file li a {text-decoration: none;}
    
    
    
  /* ++++++++++++++++++ Aktuelles: View Uebersicht ++++++++++++++++++ */

/* Startseite */



/* Uebersichtsseite Aktuelles */

   .view-aktuelles-uebersichtsseite-de .views-row { clear: both; height: 150px; font-size: 90%; margin-bottom: 1em; width: 100%; }
   
   .view-aktuelles-uebersichtsseite-de .ym-wbox {padding: 0;}
   .view-aktuelles-uebersichtsseite-de .ym-grid {padding: 0;}

  .view-aktuelles-uebersichtsseite-de .ym-g70 {width: 70%; background: #F5F3F1; height: 150px;}
   .view-aktuelles-uebersichtsseite-de .ym-g30 {width: 30%; background: #F5F3F1; height: 150px; }
  
  .view-aktuelles-uebersichtsseite-de .ym-g70 .ym-gbox-left  {padding: 15px 20px 0px 25px; }
   .view-aktuelles-uebersichtsseite-de .ym-g30 .ym-gbox-right {padding: 0; }
     
   .view-aktuelles-uebersichtsseite-de .ym-g70 .ym-gbox-left a {/* color: #14557E;*/ color: #cb066b; text-decoration: none;}
  .view-aktuelles-uebersichtsseite-de .ym-g70 .ym-gbox-left a:hover {text-decoration: underline;}
   
   .view-aktuelles-uebersichtsseite-de .ym-g70 .ym-gbox-left h3 {font-size: 135%; line-height: 1.25; margin-bottom: 0.5em;}  
    
    .view-aktuelles-uebersichtsseite-de p.teaser {margin-top: 0.5em;}
    
    .view-aktuelles-uebersichtsseite-de span.date-display-single {font-size: 90%;}
    
    
/* ++++++++++++++++++ Videoarchiv: Uebersicht +++++++++++++++++++ */
    

    
    

/* ++++++++++++++++++ Veranstaltungen: View Terminuebersicht ++++++++++++++++++ */

/* Startseite */

.view-veranstaltungen-startseite-galerieansicht  {}

/* Terminuebersicht Kulturkalender */

   .view-veranstaltungen-uebersichtsseite .views-row { clear: both; height: 150px; font-size: 90%; margin-bottom: 1em; width: 100%; }
   
   .view-veranstaltungen-uebersichtsseite .ym-wbox {padding: 0;}
   .view-veranstaltungen-uebersichtsseite .ym-grid {padding: 0;}

  .view-veranstaltungen-uebersichtsseite .ym-g15 {width: 15%; height: 150px; background: #C5BFB3;}
  .view-veranstaltungen-uebersichtsseite .ym-g55 {width: 55%; background: #F5F3F1; height: 150px;}
  .view-veranstaltungen-uebersichtsseite .ym-g30 {width: 30%; background: #F5F3F1; height: 150px; }
  
  .view-veranstaltungen-uebersichtsseite .ym-g15 .ym-gbox-left  {padding: 15px 10px 0px 10px; }
  .view-veranstaltungen-uebersichtsseite .ym-g55 .ym-gbox-left  {padding: 15px 20px 0px 25px; }
  .view-veranstaltungen-uebersichtsseite .ym-g30 .ym-gbox-right {padding: 0; }
     
  .view-veranstaltungen-uebersichtsseite .ym-g15 .ym-gbox-left p.wochentag {text-transform: uppercase; margin-bottom: 0; line-height: 1.5em; font-size: 95%;}
  .view-veranstaltungen-uebersichtsseite .ym-g15 .ym-gbox-left p.datum {font-size: 127%; margin-bottom: 0em; line-height: 1.25em;}
  .view-veranstaltungen-uebersichtsseite .ym-g15 .ym-gbox-left div.bis {margin-bottom: 0.25em; font-size: 95%;}
  .view-veranstaltungen-uebersichtsseite .ym-g15 .ym-gbox-left p.veranstaltungsort {margin-bottom: 0; margin-top: 0.45em; line-height: 1.25em; font-size: 95%;}
  .view-veranstaltungen-uebersichtsseite .ym-g55 .ym-gbox-left a {color: #14557E; text-decoration: none;}
  .view-veranstaltungen-uebersichtsseite .ym-g55 .ym-gbox-left a:hover {text-decoration: underline;}
   
  .view-veranstaltungen-uebersichtsseite .ym-g55 .ym-gbox-left h3 {font-size: 135%; line-height: 1.25; margin-bottom: 0.5em;}
    

    /* Terminuebersicht Kulturkalender Cafe Lisbeth */

   .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .views-row { clear: both; height: 150px; font-size: 90%; margin-bottom: 1em; width: 100%; }
   
   .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-wbox {padding: 0;}
   .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-grid {padding: 0;}

  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g15 {width: 15%; height: 150px; background: #C5BFB3;}
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g55 {width: 55%; background: #F5F3F1; height: 150px;}
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g30 {width: 30%; background: #F5F3F1; height: 150px; }
  
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g15 .ym-gbox-left  {padding: 15px 10px 0px 10px; }
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g55 .ym-gbox-left  {padding: 15px 20px 0px 25px; }
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g30 .ym-gbox-right {padding: 0; }
     
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g15 .ym-gbox-left p.wochentag {text-transform: uppercase; margin-bottom: 0; line-height: 1.5em; font-size: 95%;}
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g15 .ym-gbox-left p.datum {font-size: 127%; margin-bottom: 0em; line-height: 1.25em;}
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g15 .ym-gbox-left div.bis {margin-bottom: 0.25em; font-size: 95%;}
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g15 .ym-gbox-left p.veranstaltungsort {margin-bottom: 0; margin-top: 0.45em; line-height: 1.25em; font-size: 95%;}
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g55 .ym-gbox-left a {color: #14557E; text-decoration: none;}
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g55 .ym-gbox-left a:hover {text-decoration: underline;}
   
  .view-veranstaltungen-cafe-lisbeth-uebersichtsseite-de .ym-g55 .ym-gbox-left h3 {font-size: 135%; line-height: 1.25; margin-bottom: 0.5em;}
    
     /* Terminuebersicht Kulturkalender Cafe Lisbeth – Archiv */

   .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .views-row { clear: both; height: 150px; font-size: 90%; margin-bottom: 1em; width: 100%; }
   
   .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-wbox {padding: 0;}
   .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-grid {padding: 0;}

  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g15 {width: 15%; height: 150px; background: #C5BFB3;}
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g55 {width: 55%; background: #F5F3F1; height: 150px;}
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g30 {width: 30%; background: #F5F3F1; height: 150px; }
  
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g15 .ym-gbox-left  {padding: 15px 10px 0px 10px; }
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g55 .ym-gbox-left  {padding: 15px 20px 0px 25px; }
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g30 .ym-gbox-right {padding: 0; }
     
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g15 .ym-gbox-left p.wochentag {text-transform: uppercase; margin-bottom: 0; line-height: 1.5em; font-size: 95%;}
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g15 .ym-gbox-left p.datum {font-size: 127%; margin-bottom: 0em; line-height: 1.25em;}
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbethe .ym-g15 .ym-gbox-left div.bis {margin-bottom: 0.25em; font-size: 95%;}
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g15 .ym-gbox-left p.veranstaltungsort {margin-bottom: 0; margin-top: 0.45em; line-height: 1.25em; font-size: 95%;}
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g55 .ym-gbox-left a {color: #14557E; text-decoration: none;}
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g55 .ym-gbox-left a:hover {text-decoration: underline;}
   
  .view-veranstaltungen-bersichtsseite-archiv-cafe-lisbeth .ym-g55 .ym-gbox-left h3 {font-size: 135%; line-height: 1.25; margin-bottom: 0.5em;}
    
   
   /* ++++++++++++++++++ Veranstaltungen: View Terminuebersicht Archiv ++++++++++++++++++ */

   .view-veranstaltungen-uebersichtsseite-archiv .views-row { clear: both; font-size: 90%; margin-bottom: 1em; width: 100%; }
   
   .view-veranstaltungen-uebersichtsseite-archiv .ym-wbox {padding: 0;}
   .view-veranstaltungen-uebersichtsseite .ym-grid {padding: 0;}

  .view-veranstaltungen-uebersichtsseite-archiv .ym-g15 {width: 15%; height: 150px; background: #C5BFB3;}
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g55 {width: 55%; background: #F5F3F1; height: 150px;}
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g30 {width: 30%; background: #F5F3F1; height: 150px; }
  
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g15 .ym-gbox-left  {padding: 15px 10px 0px 10px; }
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g55 .ym-gbox-left  {padding: 15px 20px 0px 25px; }
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g30 .ym-gbox-right {padding: 0; }
     
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g15 .ym-gbox-left p.wochentag {text-transform: uppercase; margin-bottom: 0; line-height: 1.5em; font-size: 95%; }
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g15 .ym-gbox-left p.datum {font-size: 127%; margin-bottom: 0em; line-height: 1.25em;}
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g15 .ym-gbox-left div.bis {margin-bottom: 0.25em; font-size: 95%;}
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g15 .ym-gbox-left p.veranstaltungsort {margin-bottom: 0; margin-top: 0.45em; line-height: 1.25em; font-size: 95%;}
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g55 .ym-gbox-left a {color: #14557E; text-decoration: none;}
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g55 .ym-gbox-left a:hover {text-decoration: underline;}
   
  .view-veranstaltungen-uebersichtsseite-archiv .ym-g55 .ym-gbox-left h3 {font-size: 135%; line-height: 1.25; margin-bottom: 0.5em;}
  
  
  
   /* ++++++++++++++++++ Pager Terminuebersicht Archiv ++++++++++++++++++ */  
  
  ul.pager {
  clear: both;
  margin: 0em;
  list-style-image: none !important;
  list-style-type: none !important;
  padding-top: 1em;
  padding-bottom: 0em;
  width: 100%;
  }
  
  ul.pager li {
  display: inline;
  margin: 0 !important;
  padding: 0;
 
  }
    

  /* ++++++++++++++++++ Terminkalender node ++++++++++++++++++ */  
    
.i18n-de p.backlink.en {display: none !important}
.i18n-en p.backlink.de {display: none !important}
  
/* +++++++++++++++++++++++ Sidebar ++++++++++++++++++++++++ */  

  /* ++++++ Text-Links in der Sidebar ++++++ */
  
  .region-sidebar-second a {
	  text-decoration: underline;
  }
  .region-sidebar-second a:hover {
	  text-decoration: underline;
  }
  
  /* ++++++ Downloads Sidebar ++++++ */
  
  .region-sidebar-second .download-file {
	  margin-left: 1.25em;
	  margin-bottom: 0.75em;
  }
  
  .region-sidebar-second .download-file:before { 
  content: '\e807'; 
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: left;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: -1.15em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  
  }
  
  .region-sidebar-second .download-file a {
	  text-decoration: none !important;
  }
  
   .region-sidebar-second .download-file a:hover {
	   text-decoration: underline !important;
	   }
  

/* ++++++++++++++++++ Veranstaltungen: View Block Seitenspalte ++++++++++++++++++ 

  .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte  {
	  background: #CC166C;
	  border-top: 13px solid #A91253;
	  padding: 1.5em 1.5em 1.5em 1.5em;
	  color: #fff;
	  font-size: 90%;
  } */
  
 /* ++++++++++++++++++ Startseite: View Block Seitenspalte ++++++++++++++++++ */

  .node-type-startseite .region-sidebar-second .view-startseite-rechte-spalte,
    .node-type-startseite .region-sidebar-second .view-startseite-rechte-spalte-en {
	  background: #CC166C;
	  border-top: 13px solid #A91253;
	  padding: 1.5em 1.5em 1.5em 1.5em;
	  color: #fff;
	  font-size: 90%;
  } 
  
    /* EN */
 .node-type-startseite .region-sidebar-second .view-startseite-rechte-spalte a,
 .node-type-startseite .region-sidebar-second .view-startseite-rechte-spalte-en a {
	 color: #fff !important;
 }
 
  
 .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte .views-row,
 .node-type-kulturorte .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte .views-row {margin-bottom: 2.25em;}
  
 .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte h4,
 .node-type-kulturorte .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte h4 {font-size: 114%; margin-bottom: 0.5em; line-height: 1.25em;}
 
 .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte h4 a,
 .node-type-kulturorte .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte h4 a {color: #fff; text-decoration: none;}
 
 .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte h4 a:hover,
 .node-type-kulturorte .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte h4 a:hover {text-decoration: underline;} 
 
 .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte .views-field-field-teaser p,
 .node-type-kulturorte .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte .views-field-field-teaser p {margin-bottom: 0.25em; line-height: 1.25em;}
 
 .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte a,
 .node-type-kulturorte .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte a {color: #fff; text-decoration: none;}
 
 .node-type-startseite .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte a:hover,
 .node-type-kulturorte .region-sidebar-second .block-views .view-veranstaltungen-seitenspalte a:hover {text-decoration: underline;}
 
 
/* ++++++++++++++++++ Veranstaltungen: View Block Startseite Galerieansicht + Kulturorte Galerieansicht ++++++++++++++++++ */

.views-responsive-grid.views-responsive-grid-horizontal.views-columns-2 .views-row {
	clear: both;
}


.views-responsive-grid.views-responsive-grid-horizontal.views-columns-2 .views-column-1 {
float: left;
width: 48.75%;
margin-bottom: 0.85em;
margin-right: 0.85em;
position: relative;
z-index: 1;
}

.views-responsive-grid.views-responsive-grid-horizontal.views-columns-2 .views-column-2 {
float: right;
width: 48.75%;
margin-bottom: 0.85em;
position: relative;
z-index: 1;
}

.views-responsive-grid .views-column .bg_title {
position: absolute;
top: 125px;
left: 0px;
z-index: 1000;
background-color: #000;
color: #fff;
font-size: 90%;
opacity: 0.7;
width: 250px; 
height: 33px; 
padding: 5px 0 3px 0;
}

.views-responsive-grid .views-column .bg_title span.datum {
	padding: 0 0 0 5px;
}

.views-responsive-grid .views-column h3.title {font-size: 96%; color: #fff; line-height: 1.25em; padding: 0 0 0 5px;}
.views-responsive-grid .views-column h3.title a {color: #fff; text-decoration: none;}
.views-responsive-grid .views-column h3.title a:hover {text-decoration: underline;}

.box_content {
	width: 250px;
}


   /* ++++++++++++++++++ Videoarchiv: Galerieansicht  ++++++++++++++++++ */

.views-field-field-bild-videoarchiv .bg_title {
position: absolute;
top: 125px;
left: 0px;
z-index: 1000;
background-color: #000;
color: #fff;
font-size: 100% !important;
opacity: 0.7;
width: 250px; 
height: 33px; 
padding: 5px 0 3px 0;
    }
    
.views-field-field-bild-videoarchiv h3.title {font-size: 100% !important; color: #fff; line-height: 1.25em; padding: 10px 0 0 5px; margin-top: 6px;}
.views-field-field-bild-videoarchiv h3.title a {color: #fff; text-decoration: none;}
.views-field-field-bild-videoarchiv h3.title a:hover {text-decoration: underline;} 
    
    
/* ++++++++++++++++++ special Kulturorte: View Block Galerieansicht ++++++++++++++++++ */

.node-type-kulturorte .views-responsive-grid .views-column .bg_title {
top: 124px;
left: 0px;
z-index: 1000;
/* background-color: #000;
opacity: 0.7; */
background-color: transparent !important;
opacity: 1 !important;
width: 250px;
height: 16px;
padding: 5px 0 5px 0;
font-weight: 400 !important;
}
    
    
/* ++++++++++++++++++ special Himmlische Orte: View Block Galerieansicht ++++++++++++++++++ */

.node-type-himmlische-orte .views-responsive-grid .views-column .bg_title {
top: 124px;
left: 0px;
z-index: 1000;
/* background-color: #fff !important; */
opacity: 0.7; 
background-color: transparent !important;  
opacity: 1 !important; 
width: 250px;
height: 16px;
padding: 5px 0 5px 0;
font-weight: 400 !important;
}
    
/* Test */
.node-type-himmlische-orte .views-responsive-grid .views-column .bg_title a { color: #fff !important; /* font-weight: bold; */} 
    
/* Block Seitenspalte */
    
.node-type-himmlische-orte .field-name-field-zusatzinfos,
.view-himmlische-orte-seitenspalte {
background-color: #0a7ac2 !important;
border-top: 13px solid #0066ae !important;
padding: 1.5em 1.5em 1.5em 1.5em !important;
color: #fff !important;
font-size: 90% !important;
 min-height: 266px !important;
}
    
.node-type-himmlische-orte .field-name-field-zusatzinfos a,
.view-himmlische-orte-seitenspalte a {color: #fff !important;}
    
    
/* ++++++++++++++++++ Veranstaltungen: Node Veranstaltungsbeschreibung ++++++++++++++++++ */  

.field-name-field-datum {font-size: 112%; }
.field-name-field-datum-enddatum {font-size: 112%;}
.field-name-field-bis {font-size: 112%;} 
.field-name-field-uhrzeit {font-size: 100%;  margin-top: 0.5em;}
.field-name-field-uhrzeit p {margin: 0 !important;}
.field-name-field-veranstaltungsort {margin-bottom: 1.5em; padding-top: 0.5em; color: #14557E; font-weight: 700;}
.field-name-field-teaser {margin-top: 1.50em; line-height: 1.5em;}
.field-name-field-foto img {margin-bottom: 1.5em;}
.field-name-field-veranstaltungsbeschreibung {margin-top: 1.5em;}
.field-name-field-ics-datei .field-label {margin-bottom: 0.5em;}
    
/* .field-name-field-untertitel {font-family: 'open sans', sans-serif !important;} */
  
  
/* ++++++++++++++++++ Aktuelles: Node  ++++++++++++++++++ */     
   
.node-type-aktuelles .field-type-image { margin-bottom: 1em;}
    
.node-type-aktuelles .field-name-field-datum-news { margin-bottom: 1em;}
    
.node-type-aktuelles .field-name-field-teaser-news { margin-bottom: 1em; line-height: 1.5em;}
    
.node-type-aktuelles .field-name-field-pdf-anhang-news {margin-top: 1.5em; margin-bottom: 2em;}
    
    
    
/* +++++++++++++++++ Videoarchiv: Node +++++++++++++++++++ */
    
    
.field-name-field-bild-videoarchiv {
        margin-bottom: 1em;
    }
  

        
/* +++++ Button Youtube-Video +++++ */
    
.field-name-field-link-videoarchiv {
     margin-bottom: 3em !important;
    margin-top: 2em !important;
    display: block !important;
    }
    
 .field-name-field-link-videoarchiv a {
      background: #1E6EA3;
     color: #fff;
     border-radius: 4px;
     padding: 0.5em;
     text-decoration: none !important;
    }
  
    .field-name-field-link-videoarchiv a:hover {
     background: #999 !important;
     text-decoration: none !important;
    }
  
   
    
/* ++++++++++++++++++ Team ++++++++++++++++++ */  

.view-team {
	width: 100%;
	float: left;
}

.view-team .views-row {
	/* min-height: 200px;
    min-height: 260px; */
    width: 100%;
    clear: both;
}

.view-team img {
	float: left;
	margin-right: 1.5em;
}

.view-team span.file img {margin-right: 0.5em;}

.view-team .funktion p {margin-bottom: 1em;}

.view-team .mailadresse p {margin-bottom: 0.25em;}
    
    

/* Bildwechsel Mouseover */

.view-team .portrait {
    position: relative;
    min-height: 250px !important;
    width: 180px !important;
    float: left !important;
}

.view-team .portrait .foto {
  position: absolute; 
    top: 0;
    left: 0;
}


.view-team .portrait .foto-mouseover {
  position: absolute; 
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .5s;

}

.view-team .portrait .foto-mouseover:hover {
     opacity: 1 !important;
}
  
/* +++++++++++++++ Kulturorte View Bildergalerien ++++++++++++++++++++++++ */


.field-name-field-bildunterschrift-slider {
	font-size: 90%;
	margin-top: 0.5em;
}

 /* Preloader */
 
 .flexslider {
min-height: 175px; background: url('../../images/loader.gif') no-repeat center center !important;
}
 
header .flexslider {
min-height: 280px; background: url('../../images/loader.gif') no-repeat center center !important;
} 

/* +++++++++++++++++++ Sitemap +++++++++++++++++++++++++++ */

/* ++++++++++ Main-Menu +++++++++++++ */

#site-map .site-map-menus .site-map-box-menu ul.site-map-menu {
	list-style:none;
	list-style-image:none;
}

#site-map .site-map-menus .site-map-box-menu ul.site-map-menu li {
	list-style:none;
	list-style-image:none;
}

#site-map .site-map-menus .site-map-box-menu ul.site-map-menu a {
	text-decoration: none;
}

/* erste Ebene  */

#site-map .site-map-menus .site-map-box-menu ul.site-map-menu li.expanded {
	font-size: 124%;
}
  
/* zweite Ebene  */

#site-map .site-map-menus .site-map-box-menu ul.site-map-menu li.expanded ul li.leaf {
	font-size: 80%;
}

#site-map .site-map-menus .site-map-box-menu ul.site-map-menu li ul {
	margin-left: 2em;
}

/* ++++++++ User-Menu ++++++++++ */
.site-map-box-menu.site-map-box-menu-user-menu.site-map-box .site-map-menu li {
	font-size: 124%;
	}
    

/* English */

.page-sitemap.i18n-en .site-map-box-menu.site-map-box-menu-main-menu.site-map-box {display: none !important;}
    
/***************************************************
*
* EU Cookie Compliance
*
**************************************************** */

#sliding-popup {width: 100% !important; padding-top:20px !important; padding-bottom: 5px !important; background-color: #000 !important; opacity: 0.85 !important;}

#sliding-popup .popup-content h2 {font-size: 140% !important; font-weight: 300 !important;}

#sliding-popup .popup-content p {font-size: 105% !important; font-weight: 300 !important;} 

#sliding-popup a {color: #0066B7 !important; }
    
    #sliding-popup .popup-content.info {background: transparent !important;}
    

    
/***************************************************
*
* Newsletter-Registrierung
*
**************************************************** */

/* .kulturkurier-registration-form  {padding: 0px 25px 20px 25px; border: 1px solid #000; }
.form-wrapper p {margin-bottom: 15px !important; font-size: 50% !important;} */
 
 .kulturkurier-registration-form iframe {max-width: 100% !important; height: 600px !important; } 
    
    
}

    
/***************************************************
*
* Veranstaltungs-Registrierung / Webform
*
**************************************************** */

.webform-client-form {margin-top: 3em !important;}

.webform-client-form .form-item {margin-bottom: 2.5em !important;}

.webform-client-form label {margin-bottom: 0.5em !important;}

.webform-client-form input.form-text {padding: 0.5em !important;}

.webform-client-form select.form-select {padding: 0.5em !important; border: 1px solid #999;}


.webform-client-form input.form-submit {padding: 0.75em 1.5em 0.75em 1.5em !important; border: 1px solid #999; background-color: #5ea151; color: #fff;}
.webform-client-form input.form-submit:hover { border: 1px solid #999; background-color: #999; color: #fff; cursor: pointer;}