﻿
@import url('../fonts/fonts.css');
@import url('font-awesome.css');

/*@import url('../fonts/ptsans_bold_macroman/stylesheet.css');*/
@import url('../fonts/ptsans_bolditalic_macroman/stylesheet.css');
@import url('../fonts/ptsans_italic_macroman/stylesheet.css');
@import url('../fonts/ptsans_regular_macroman/stylesheet.css');
@import url('../fonts/ptsanscaption_bold_macroman/stylesheet.css');
@import url('../fonts/ptsanscaption_regular_macroman/stylesheet.css');
@import url('../fonts/ptsansnarrow_bold_macroman/stylesheet.css');
@import url('../fonts/ptsansnarrow_regular_macroman/stylesheet.css');

@font-face {
  font-family: 'pt_sansbold';
   src:  url('../fonts/PT_Sans/PTSans-Bold.ttf')  format('truetype') ;  
}

/* Übergreifende Formate */
body {font-family:'pt_sansregular';color:#000;} 
* {   margin:0; padding:0; font-weight:normal;}
label   {font-weight:normal}

*  {       -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;}
h1, h2, h3, h4, h5 {font-family:'pt_sansregular'; margin:0px; padding:0px; line-height:100%; }
h1  { font-size:35px;margin-bottom:5px;}
h2  { font-size:27px; font-size: 18px;margin-bottom: 3px;font-family: pt_sansregular, sans-serif;}
h3  { font-size:24px; margin-bottom:10px; font-family:pt_sansregular, sans-serif;}
h4  { font-size:18px; margin-bottom:0px; font-family:pt_sansregular, sans-serif; line-height:120%;}
h5 { font-size:15px; margin-bottom:3px; margin-top:5px; font-family:pt_sansregular, sans-serif; line-height:120%;}
small p{font-size:11px !important;}
small p strong,small p b { font-family:'pt_sansbold' !important; font-weight:normal !important}
label {font-family: 'pt_sansregular', sans-serif!important;font-size:13px;  }
h3 span  {font-family:pt_sansregular,sans-serif !important; }
.Titelzeilen { margin-bottom:15px;}


#newsletterSubmit {
  background-color: #000;
  border: none;
  color: white;
  padding:  2px 10px 2px 10px;
  text-decoration: none;  
  cursor: pointer;
  margin-top:10px;
}

#cookieChoiceInfo {position:fixed;font-family: Arial,helvetica,sans-serif ;   z-index:9999999999999999999999999999; width:100%;background-color:#eee;margin:0; left:0; bottom:0;padding: 10px 0px 10px 0px;z-index:1000;text-align:center; font-size:15px; line-height:130%;
                          -webkit-box-shadow: 0px -2px 25px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:    0px -2px 10px 0px rgba(50, 50, 50, 0.5);box-shadow:         0px -2px 10px 0px rgba(50, 50, 50, 0.5);
       }
       #cookieChoiceInfo a { color:#000; text-decoration:underline;}
       #cookieChoiceInfo a#cookieChoiceLink {}
       #cookieChoiceInfo a#cookieChoiceDismiss { position:absolute; top:10px; right:10px; margin:0px;  }

.indieserseite   {  line-height:110% !important;margin-top:10px !important;}
.indieserseite a { text-decoration:none !important; font-size:15px; margin-bottom:3px; font-family:pt_sansregular,sans-serif;  }

.btn.bgColorWhite {  color:#fff !important; border:1px solid #fff !important;}

.spanli { width:70px; float:left;}

#inhalt.bdw .bdwbildhoch {  width:70% !important; display:table-cell;  }
#inhalt.bdw .bdwbildhoch img { width:100%; margin-bottom:15px; height:auto; max-height: inherit; padding-right:15px !important;}
#inhalt.bdw .bdwBuRechts   {display:table-cell; vertical-align:bottom;  }
#inhalt.bdw .bdwBuunten   { margin-top:10px; }

#inhalt .bdwListe .bild { margin-top:3px;padding-right:0px;}
#inhalt .bdwListe .bild img {width:100%;}
#inhalt .bdwListe .overline { font-size:13px;}
#inhalt .bdwListe h3  { margin:0px 0px 5px 0px ;}
#inhalt .bdwListe p  { font-size:13px;margin:0px;}
#inhalt .bdwListe h3 a { text-decoration:none;}
.subbild { margin-bottom:5px;}


#inhalt.bdw .bdwbildbreit   img { max-width:100%; margin-bottom:0px; height:auto; max-height: inherit;  }
#bdw-slider-1 .rsArrow  {  }
#slider.rsMinW  { }

#filtergewaehlt ,#filtergewaehlt a { font-size:14px !important;}
#filtergewaehlt a { text-decoration:none !important;}
/*#filtergewaehlt .strich:last-of-type {display:none !important}*/

#ausstHeader { margin: 0px 0px 30px 0px;}
#ausstHeader h2 { margin:0px 0px 5px 0px ; }
#ausstHeader h3 { margin:0px 0px 8px 0px ; }
#ausstHeader h1 { margin:0px 0px 5px 0px !important; }
#ausstHeader p.inst { font-size:20px; margin:10px 0px 0px 0px !important; }
#ausstHeader p { font-size:20px !important; margin:0px 0px 0px 0px !important; }

#meineListe   { border:1px solid #c4c4c4; padding:10px;}
#meineListe div { width:100% !important;}
#meineListe .merkenT,#meineListe .merkenT2 , #meineListe .abstand10, #meineListe .btnaktion{ display:none;}
#meineListe .kurztext, #meineListe .kurzinfos, #meineListe .buchen{ display:none;}
#meineListe .col-lg-3, #meineListe .col-lg-4 { }
#meineListe img { display:none;}
#meineListe p { font-size:13px;margin:0px 0px 0px 0px !important;}
#meineListe .row { margin-bottom:10px !important;}
#meineListe .rot {color:#000;font-weight:normal;}
#meineListe h4 {font-size:13px;}
#meineListe .datum, #meineListe .uhrzeit{ display:inline;font-size:13px;}

.abstand20 { height: 20px; }
.abstand10 { height: 10px; }
.abstand15 { height: 15px; }
.abstand5 { height: 5px; }
.abstand4 { height: 4px; }

.ChangeBorder { } /*Class für das ändern der wechselnden Farben aus dem Slider*/
.text-right {text-align:right;}
.float-right {float:right;}
.rot {color:#960000;}
.ChangeBgColor {}
p {font-size:14px; line-height:130%; }

p strong {font-family:'pt_sansbold'; font-weight:normal;}
p.overline { margin:0px 0px 0px 0px !important;font-family:pt_sansbold;}


.SPbgColor { background-color:#f5f5f5;}

#Events .eintrag {margin-bottom:25px; padding-bottom:15px;}
#Events .eintrag img {margin-top:2px !important; margin-bottom:0px;}
#Events .eintrag .btn {margin-top:0px;}
#Events .eintrag p {margin-bottom:5px;}
#Events .eintrag p.overline, .absvideo p.overline { font-size:16px; font-family:pt_sansbold; }
#Events .eintrag h3, .abs73 h3, .absvideo h3 {margin-bottom:5px; font-size:24px; font-family:'pt_sansregular'; margin-top:2px;}
#Events .eintrag h4 {margin-top:0px;margin-bottom:12px; font-size:16px; line-height:110%;  font-family:'pt_sansregular';}
#Events .eintrag .bu {margin-top:10px !important;}

#s_einzelsp3 .newsletter label {font-weight:normal;font-family:'pt_sansregular',  sans-serif; [;font-family: 'pt_sansregular';];}

.event { margin-bottom:48px;}
.event.inner { }
.event.rubrik.inner  { margin-bottom:28px;}
.event.rubrik.inner  h2 { font-size:14px;   font-family:'pt_sansregular'; float:left;
                          margin:20px 0px 2px 0px ;line-height:100%;padding:0px; padding:4px 6px 3px 0px;
                          border-bottom:1px solid #111; border-top:1px solid #111;border-right:1px solid #111; text-transform: uppercase; letter-spacing:0.03em;}

.event.inner .kopf { margin-bottom:24px;}
.event.inner h3 { font-family:'pt_sansregular'; font-size:14px; margin-bottom:4px; font-weight:normal; letter-spacing:0.03em;}  /*overline*/
.event.inner h4 { font-family:'pt_sansregular'; [;font-family: 'pt_sansregular';]; font-size:30px; font-weight:normal; margin-bottom:4px;}  /*titel*/
.event.inner h5 { font-family:'pt_sansregular'; font-size:14px; margin-top:4px; font-weight:normal; line-height:120%; letter-spacing:0.03em;}  /*untertitel*/

.event.inner .hoch { margin-bottom:10px;  width:50%; padding-right:10px; float:left;}
.event.inner .hoch img {width:100%; margin-bottom:10px;}

.event.inner .bildquer { margin-bottom:10px;  width:100%; padding-right:0px;}

.event p.angaben { font-size:10px; margin-top:10px;}
.event .btn { float:right; font-family:'pt_sansregular', serif; border-radius:0px; border:1px solid #111; color:#111; padding:3px 12px 3px 12px ; font-size:14px; }
.event .btn:hover { background-color:#009DE0;color:#fff;}

/* Logo */
#logo { margin:20px 0px 20px 0px; line-height:45px; padding-left:0px;  font-size:40px;}
/*#logo .strich { font-family:'robotoblack';   padding-right:10px;}*/
/*#logo .lm { font-family:'robotomedium', sans-serif; padding-right:1px; }
#logo .lk { font-family:'pt_sansregular',  sans-serif; [;font-family: 'pt_sansregular';]; }*/
#logo .rubrik { font-family:'pt_sansregular', sans-serif;[;font-family: 'pt_sansregular';]; padding-left:5px;font-size:22px;  }
/*#logo a { color:#111 !important;}

.logo strong {font-family:'robotomedium', sans-serif; font-weight:normal;padding-right:1px; }*/
#logo a { color:#111 !important;}
#logo a:hover { color:#111 !important; text-decoration:none;}
.logo a {font-family:'pt_sansregular',  sans-serif; [;font-family: 'pt_sansregular';] ;color:#000; }
#logo img {max-width:220px;margin-bottom:8px;}

#Kalender .eintrag { margin-top:10px;margin-bottom:5px;}
#Kalender .eintrag p { font-size:14px; margin: 0px 0px 5px 0px;}
#Kalender .eintrag p.kurzinfos {font-size:14px;}
#Kalender strong {   font-weight:normal !important;}
#Kalender .datumli {  margin:2px 0px 0px 0px;padding:0px;}
#Kalender .datum {font-size:18px; line-height:100%;  margin:0px 0px 7px 0px;}
#Kalender .uhrzeit {font-size:14px;margin:0px 0px 10px 0px; line-height:100%;}
#Kalender img { float:left; width:110%; margin:0px 0px 0px 0px;}
#Kalender .kurzinfos img { float:left; width:auto; margin:0px 0px 0px 0px;}
#Kalender hr {margin:0px 0px 15px 0px ; border:none; border-bottom:1px solid #111;  }
#Kalender hr:first-of-type { }
#Kalender .btn { margin-top:5px;margin-bottom:10px;}

#Angebote  { border:0px solid #f00;}
#Angebote .btn { margin-top:5px;margin-bottom:10px;}
#Angebote .eintrag { margin-top:10px;margin-bottom:15px;}
#Angebote .eintrag h4 { margin-top:1px;margin-bottom:5px;}
#Angebote .eintrag p { font-size:14px; margin: 0px 0px 5px 0px;}
#Angebote .strich:last-of-type {display:none !important}
#Angebote hr {margin:0px 0px 15px 0px ; border:none; border-bottom:1px solid #111;  }

#Institute .eintrag img, #Ausstellungen .eintrag img { margin-top:4px; margin-bottom:20px; width:100%}
#Institute .eintrag  p,#Ausstellungen .eintrag  p { font-size:14px;}
#Institute .eintrag img {margin-top:6px !important; margin-right:0px;margin-bottom:10px;}
#Institute .eintrag .bild {padding-right:0px;}
#Institute .eintrag     { margin-bottom:20px;  }
#Institute .eintrag   p.small   { margin:0px; padding:0px;    line-height:120% !important;  font-size:11px; }
#Institute .eintrag small p:after { content:" | ";}
#Institute hr { margin:5px 0px 17px 0px;}
#Ausstellungen .eintrag .utitel { margin:0px;}
#Ausstellungen .eintrag h3 { margin-bottom:5px; margin-top:8px;}
#Ausstellungen .mkasten h4 { font-family:'pt_sansregular', sans-serif;  font-size:18px; line-height:120%; margin-top:5px;}
#Ausstellungen .mkasten p.lfz {font-size:14px; line-height:130%; margin-top:0px;}
#Ausstellungen .eintrag p.lfz { margin:0px 0px 0px 0px ; }


#AusstellungStart .eintrag,                 #s_einzelsp2 .abs84 .eintrag {margin-bottom:30px;}
#AusstellungStart .eintrag  img,            #s_einzelsp2 .abs84 .eintrag  img { width:100%; margin-bottom:8px; margin-top:5px!important;}
#AusstellungStart .eintrag  h2,             #s_einzelsp2 .abs84 .eintrag  h2 { font-size:18px; margin-bottom:2px;font-family:pt_sansregular}
#AusstellungStart .eintrag  h4,             #s_einzelsp2 .abs84 .eintrag  h4 {font-size:15px; margin-top:5px; }
#AusstellungStart .eintrag  p,              #s_einzelsp2 .abs84 .eintrag  p {font-size:14px; margin:0px 0px 4px 0px ; ; line-height:130%;}
#AusstellungStart .eintrag  p.untertitel ,  #s_einzelsp2 .abs84 .eintrag  p.untertitel {font-size:15px; margin:0px 0px 2px 0px ; line-height:120%;}
#AusstellungStart .eintrag  p.lfz ,        #s_einzelsp2  .abs84 .eintrag  p.lfz {font-size:13px; line-height:130%; margin-bottom:5px;}
#AusstellungStart .eintrag .atext p,       #s_einzelsp2  .abs84 .eintrag .atext p {font-size:13px;}


/*------auswahlkalender auf programmkalender*/
.MiniKalenderMonat {font-family: 'pt_sansregular', sans-serif; font-size:18px; text-transform:uppercase; color:#000; font-weight:normal; text-align:center; width:100%; margin-bottom:10px; line-height: normal;  width:98%;}
:root .MiniKalenderMonat  { }
.MiniKalenderMonat .weiter { font-weight:normal; float:right;font-size:28px; line-height:20px; margin-right:10px; }
.MiniKalenderMonat .zurueck { font-weight:normal;float:left;font-size:28px; line-height:20px; margin-right: 10px; }


.MiniKalender {font-family:'PTSansNarrowRegular', 'Arial Narrow', sans-serif;  width:96%;  border-spacing:0;  border-collapse:collapse;  font-size:1.1em; line-height:normal;    margin-bottom:25px;  }
:root .MiniKalender { font-stretch: condensed;}
.MiniKalender .Wochentage {  width:100%;  text-align:center; color:#000;  color:#003b60;}

.MiniKalender .tag {    text-align:center; padding:0px ; }
.MiniKalender .tag a { padding:0px 0px 0px 0px; color: #000;   border:none; display:block; text-decoration:none !important; }
.MiniKalender .tag a:hover { background-color:#000; color:#FFF !important;}

.MiniKalender .Wochentage .tag { border:none;  padding: 0px 0px 0px 0px;   }

.MiniKalender .tag.nm a { color:#999;}
.MiniKalender .tag.schwarz { background-color:#bbe0e8; color: #000; }
.MiniKalender .Woche { cursor:pointer;  }
.MiniKalender .Woche:hover { }

.MiniKalender .Woche.aktuelleWo {  }
.MiniKalender .Woche.aktuelleWo .tag { background-color:#000; color:#fff;  }
.MiniKalender .Woche.aktuelleWo .tag.nm { background-color:#000; color:#fff; border:none !important;  }
.MiniKalender .Woche.aktuelleWo .tag a {  color:#fff; font-weight:700; }
.MiniKalender .Woche.aktuelleWo .tag.nm a {color:#ffed00; }
    

.MiniKalender .tag.gewaehlt {  color: #FFF; text-align:center;}
.MiniKalender .tag.gewaehlt a {background-color:#000; color: #fff  ;  font-weight:700;    }

.MiniKalender .WochenWahl {width:13%;  text-align:left; font-size:28px;}
.MiniKalender .WochenWahl a { text-decoration:none; display:block;  line-height:100%;   text-decoration:none !important; }

.MiniKalender .tag.aktuell { color: #c83c88 !important; font-weight:700; text-align:center;  }
.MiniKalender .tag.aktuell a {  color: #000 !important; text-decoration:none;  }
/*.MiniKalender .Woche.aktuelleWo .tag.aktuell { text-align:center; }
.MiniKalender .selWeek:hover td, .MiniKalender .selWeek:hover td a { background-color:#09f; color:#ffed00 !important;}

/*-----------------------------------------*/

/* Spalten Inhaltsseiten */
       
	    #s_einzel { min-height:1000px; border-right: 1px solid #f5f5f5; }
        #s_einzelsp2 { min-height:1000px; border-right: 1px solid #f5f5f5; background-color:#f5f5f5; padding-top:55px; margin-top:-45px;}
        #s_einzelsp3 { min-height:1000px;padding-top:10px;}
            #s_einzelsp3 p { margin-bottom:5px;font-size:13px; }
         #Bereich1   .block.SPbgColor p{ font-size:13px;}
            #Bereich1 .block.col-lg-4 p{ font-size:13px;}
#Bereich1 .block.col-lg-9 p {font-size:16px; }
#Bereich1 .block.col-lg-9 h1 {font-size:42px;  }

	    #s_einzel h1 { font-size: 42px; margin-bottom: 30px; }
       
	    #s_einzel p,.s_einzel p { font-size: 16px; line-height: 140%!important; margin-bottom: 15px; }
		#s_einzelsp2 p { font-size: 13px; line-height: 140%; margin-bottom: 15px; }
        #s_einzelsp2    h4 a{ text-decoration:underline; font-family:pt_sansregular,serif !important; font-size:16px;}
		
        #s_einzelsp3 h3,#s_einzelsp2 h3 { margin-top:0px; margin-bottom:8px;}
  
        #s_einzelsp2 .mkasten,#s_einzelsp3 .mkasten { margin-bottom:20px; clear:both; font-size: 14px; line-height: 140%; margin-top: 5px;}
        #s_einzelsp2 .mkasten a,#s_einzelsp3 .mkasten a { color:#111;}
        #s_einzelsp2 .mkasten img,#s_einzelsp3 .mkasten img {margin: 5px 15px 8px 0px !important;}

#s_einzelsp3 .mlinks h4{ margin:0px 0px 5px 0px !important; padding:0px !important;  }

#s_einzelsp3 .mlinks .mkasten{ margin:0px !important; padding:0px !important;  }
#s_einzelsp3 .mlinks .mkasten a{ text-decoration:underline; font-family:pt_sansregular,sans-serif !important;}
#s_einzelsp3 .mlinks .mkasten h4 a{ text-decoration:underline; font-family:pt_sansregular,serif !important; font-size:18px;}


#s_einzelsp3 .mkasten.verteilerklein img { margin-top:3px;}
#s_einzelsp3 .mkasten.verteilerklein p { font-size:13px; line-height:100%;}
#s_einzelsp3 .mkasten.verteilerklein h5 { font-size:17px; line-height:110%;margin-bottom:5px}

#s_einzelsp3 .mkasten.listeMarginal p {font-size:13px; margin-bottom:5px;}
#s_einzelsp3 .mkasten.listeMarginal h5 {font-size:13px; margin-bottom:0px;  font-family:'pt_sansregular';}
#s_einzelsp3 .mkasten.listeMarginal p .Uhr {font-size:13px; margin-bottom:5px;  }
#s_einzelsp3 .mkasten.listeMarginal a{text-decoration:none;}
#s_einzelsp3 .mkasten.listeMarginal a:hover{text-decoration:underline;}

#footer { height:50px;}
    #footer .links {margin-top:15px;}
    #footer .links a { margin:0px 10px 0px 0px ; color:#fff;}

.bdwindexlabel   {clear:both;}
.bdwindexlabel span{ float:left; width:70px;}
.bdwindexlabel a {}
.bdwBuunten { clear:both; }
.bdwBuRechts {}
.bdwBuunten p, .bdwBuRechts p{font-size:11px !important;}


#bdwModal   { top:40px;}
#bdwModal .modal-content { border-radius:0px;}

@media (min-width: 1366px) {
  .container {
    width: 1172px;width: 1300px;
  }
}




/* Menu */ 
#navtopwrapper { background-color:#fff; color:#111;border-bottom:1px solid #ccc;}
    .nav-menu { display: block;position: relative;list-style: none;margin: 0;padding: 0;z-index: 15;}    
    .nav-menu .container { display:none;}    
    /* a top level navigation item in the mega menu */
    .nav-item {list-style: none;display: inline-block;padding: 0;margin: 0;  }
        .nav-item .container { box-shadow: 5px 5px 5px rgba(17, 17, 17, 0.36);}
        /* first descendant link within a top level navigation item */
    .nav-item > a {position: relative;display: inline-block; padding: 0.5em 1em; margin: 0 0 -1px 0; border-bottom: 1px solid #ccc;
                   font-family:pt_sansregular,sans-serif !important; font-size:15px; color:#111; }    
    /* focus/open states of first descendant link within a top level    navigation item */
    .nav-item > a:focus,
    .nav-item > a.open { border: 1px solid #dedede; }    
    /* open state of first descendant link within a top level        navigation item */
    .nav-item > a.open { background-color: transparent; border-bottom: none; z-index: 1; }    
    /* sub-navigation panel */
    .sub-nav { position: absolute; display: none; top: 2.2em; margin-top: -1px; padding: 0.5em 1em; border: 1px solid #dedede; background-color: #fff; z-index:999999999999;}    
    /* sub-navigation panel open state */
    .sub-nav.open { display: block; }    
    /* list of items within sub-navigation panel */
    .sub-nav ul { display: inline-block; vertical-align: top; margin: 0 1em 0 0; padding: 0; }    
    /* list item within sub-navigation panel */
    .sub-nav li { display: block; list-style-type: none; margin: 0; padding: 0; }
    .nav-item h3 { font-size:22px; }
    .nav-item h4 { font-size:15px; font-family: 'pt_sansregular', sans-serif; font-style:normal; margin:0px; padding:0px;}
    .nav-item p { font-size:14px; }
    .nav-item strong {font-family:pt_sansregular,sans-serif;font-style:normal;}

/*resp Menü*/
#respMenue { display:none ;margin:5px; float:right;   cursor:pointer;}
#respMenue:hover {color:#e1001e;}

#respMenueCont { display:none;padding-top:40px; background-color:#111!important; width:100%; position:fixed;  z-index:9999; }
    #respMenueCont ul  { list-style:none; }
    #respMenueCont ul li {   border-bottom:1px solid #ccc;  width:100%;}
    #respMenueCont ul li a {  padding:18px 10px 10px 17px ;color:#fff; display:block;font-size:20px;}
#respDEEN { display:none; float:left; padding:10px; color:#fff!important;}
#respDEEN a {  color:#fff!important;}

#respPath { display:none; padding:9px 0px 0px 0px;   margin-right:40px; overflow:hidden; white-space:nowrap; }

/* Slider */
#startslider,#seitenslider   {background-color: #92000f;margin-bottom:4px; overflow:hidden}
#startslider h1,#seitenslider h1 { margin:0px 0px 0px 0px !important; padding:0px;   font-size:24px; }
#startslider h2,#seitenslider h2 { margin:2px 0px 0px 0px ; padding:0px;font-size:16px;line-height:120%; font-weight:normal !important; font-family: 'pt_sansregular', sans-serif; }
#startslider h2.Lfz,#seitenslider h2.Lfz { margin:20px 0px 00px 0px ;}
    #startslider .slidertext {position:absolute; bottom:15px;}

    #startslider .slidermehr,#seitenslider .slidermehr {height:100%;margin:235px 0px 0px 10px;float:left;}

#slider .sliderbild   {  overflow-x:hidden ;}
#slider .sliderbild img { height:270px; margin-top:0px;}
#slider  {    height:270px; }
#slider .sliderbu div { position: absolute; bottom: 5px; right:5px; text-align:right; width:95%; }
#Caroussel, #Caroussel .touchcarousel-item img { height:60px;}


#weitere img {width:auto; height:60px; margin: 0% 1% 0% 0%; float:left; white-space:nowrap }  
#weitere   { height:70px; overflow:hidden; margin-bottom:50px; }  

 
.nav-menu .infokasten { border:5px solid #ff6a00; padding:10px;}
.nav-menu .mThemen img{ margin-bottom:5px; }
.nav-menu .mThemen p{ margin:0px; line-height:110%;}


#navtopwrapper .nav-item .container {margin:0px; padding:0px;}
#navtopwrapper .navmargin  { padding:20px; }
#navtopwrapper .strich {padding:0px 10px 0px 10px;}
#navtopwrapper p {line-height:130%;}
#navtopwrapper h4{ margin-bottom:4px; margin-top:10px;}
#navtopwrapper hr { margin:5px 0px 5px 0px ; }
#navtopwrapper .mThemen .bild{ padding-right:0px;}
#navtopwrapper .sub-nav {left:0px;}
#navtopwrapper .nav-item  a {background-color: #fff !important; color:#111;}
#navtopwrapper .nav-item  .BGColorNav a {background-color: transparent !important; color:#111;}

#navtopwrapper .nav-item  a.open {background-color: transparent !important;}
#navtopwrapper li a { background-color:transparent !important;}

#navtopwrapper .ausstListe   { float:left;   width:49%; margin-right:1%; min-height:55px; }
#navtopwrapper .ausstListe p   { line-height:120%;}
#navtopwrapper .ausstListe img { float:left; margin-right:10px; margin-bottom:10px; height:65px;}

#navtopwrapper .DatepickerWrapper  a   {background-color: transparent !important;}
#navtopwrapper .DatepickerWrapper  a.ui-state-highlight  {background-color: #111 !important;}
#navtopwrapper .DatepickerWrapper  a.ui-state-hover  {background-color: #fff !important; color:#111;}
#navtopwrapper .ui-datepicker-title .ui-datepicker-month,#navtopwrapper .ui-datepicker-title .ui-datepicker-year { font-size:18px; font-family:'pt_sansregular'; [;font-family: 'pt_sansregular';]; }

#navtopwrapper p small{line-height:90% !important; font-size:12px;}

.crump.logo img {height:20px;}
.crump {padding-right:15px;}
.crump i { padding-right:5px;}
.crump a {   color:#111;}



#navtopwrapper .ui-datepicker-trigger{
    border:none !important;
    background:none !important;
 }
#inhalt a {  color:#111; text-decoration:underline;border-bottom:0px  solid #000096;  }
#inhalt a:hover { color:#960000;}/*border-bottom:1px  solid #000096;*/
#inhalt a:before {} /*content:"\f178  \00a0";font-family:fontAwesome;*/
#inhalt a[href^="http://"]:before,#s_einzel a[href^="https://"]:before { }/*content:"\f08e \00a0";font-family:fontAwesome;*/
#inhalt  a[href ^="mailto:"]:before { } /*content:"\f003  \00a0";font-family:fontAwesome;*/

/*
#s_einzel a:before { content:"\e163 \00a0";font-family:'Glyphicons Halflings';}
#s_einzel a[href^="http://"]:before,#s_einzel a[href^="https://"]:before { content:"\e164 \00a0";font-family:'Glyphicons Halflings';}
    */

.bookm a { border:none; text-decoration:none !important; margin-bottom:10px; display:block;}

.btn {font-size:14px; border-radius:0px; border:1px solid #000 !important; color:#111 !important; text-decoration:none !important;   padding:3px 15px 4px 15px; background-color:transparent}
.btn:hover {  background-color:#960000 ;color:#fff;border:1px solid #000;color:#fff !important}
.btn-xs { font-size:13px; padding:1px 10px 1px 10px !important; margin-bottom:4px;  }
.form-control, .input-group-addon {border-radius:0px;}
.form-control {transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}

#submenu { margin:0px; padding:0px; list-style:none;}
#submenu li { margin:0px; padding:0px 0px 0px 0px ; list-style:none;}

p.bu,div.bu, .bu p { line-height:120% !important; font-size:10px!important ;font-family:'pt_sansregular'; margin-bottom:10px; }

#s_einzel .no-padding {padding:0px !important;}
#s_einzel .no-margin {margin: 0px; !important;}

#s_einzelsp2 p.setFilter  { line-height:120% !important;font-size:13px; margin:0px 0px 5px 0px; clear:both;}
#s_einzelsp2 p.setFilter i {font-size:18px; margin: 0px 5px 2px 2px;float:left;}
#s_einzelsp2 p.setFilter a { text-decoration:none;}
#s_einzelsp2 .setFilter:before  {  }/*content:"\f003\00a0";font-family:fontAwesome;*/

#bdwindex ul { margin:0px; padding:0px; list-style:none;}
#bdwindex ul li { margin:0px; padding:0px 0px 0px 0px;}
#bdwindex ul li ul li{ margin:0px; padding:0px 0px 0px 10px;}
#bdwindex ul li ul li a{ text-decoration:none;}

.bdwindex .form-control { border:1px solid #000; padding:2px 10px 1px 10px ;   }
.btn-default {padding: 2px 10px 2px 10px !important;font-size:13px; margin-top:4px;}
.btn-lg {padding: 10px 20px 10px 20px !important;font-size:14px;}


.form-control { border-color:#000; padding:0px 10px 0px 10px !important; height:30px; font-size:13px;}
.input-group-addon { border-color:#000;color:#000; background-color:#fff}

 .label {
    border: 1px solid #000;
    border-radius: 0em;
    color: #000;
    font-family:'pt_sansregular'; font-size:12px; font-weight: normal;
  }
.label-info {
  background-color: #fff;
}
.label-info[href]:hover {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 0em;
    color: #fff;
    font-family:'pt_sansregular'; font-size:12px; font-weight: normal;
  }
.label-info[href]:focus   {
    background-color: #000;
    border: 1px solid #000;
    border-radius: 0em;
    color: #fff;
    font-family:'pt_sansregular'; font-size:12px; font-weight: normal;
  }


/*Einzelabsatztypen*/
#s_einzelsp3 .abs80 { margin-bottom:30px;}

/*Werbung*/
.imgFullWidth a img {     width: 100% !important;    height: auto !important;margin-bottom:40px !important;}
#Bereich3 .imgFullWidth a img {     width: 100% !important;    height: auto !important;margin-bottom:20px !important; margin-top:20px !important; }





  #Bereich1 .royalsliderStart  .rsArrowRight {position:absolute; z-index:99999999; display:inherit; right:0px; top:90px;
                         width:40px!important; height:40px!important; opacity:1!important; visibility:visible!important; 
                         font-family:fontAwesome;font-size:30px; color:#000!important; line-height:100%; text-align:right;
    }
     #Bereich1 .royalsliderStart .rsArrowRight:before {content:"\f0da";}

     .royalsliderStart  {padding:0px;}
  #Bereich1 .royalsliderStart .rsSlide  {padding-right:16px!important; padding-left:16px!important;}

   #Bereich1 .royalsliderStart  .rsArrowLeft {position:absolute; z-index:99999999; display:inherit; left:0px; top:90px;
                         width:40px!important; height:40px!important; opacity:1!important; visibility:visible!important; 
                         font-family:fontAwesome;font-size:30px; color:#000!important; line-height:100%; text-align:left;
    }
     #Bereich1 .royalsliderStart .rsArrowLeft:before {content:"\f0d9";}


     #Bereich4  .block   { padding:0px!important;margin:0px!important; width:100%;}



#MobilFilter {         }
#MobilFilter select { padding:4px;width:100%; }

.abstandOben { height:30px;}

#Ausstellungen .ausbild { padding-right:0px;}

#inhalt .youtubeContainer {   margin-bottom:5px; float:left; }
#inhalt .youtubehtml { overflow:hidden; margin-bottom:5px;}
#inhalt .youtubeBu, #inhalt .youtubeBu p { font-size:10px; }

@media (max-width: 1365px) {
    body { }

    /*#slider ,#slider .sliderbild img {    height:200px; }     
    #startslider h1,#seitenslider h1 {  font-size:30px;margin-bottom:5px;}
    #startslider h2,#seitenslider h2 { font-size:13px; }*/
}
 
@media (max-width: 1200px) { /*ipad quer*/
    body {  }
    .nav-item > a {  font-size:15px; color:#111; padding: 0.5em 0.3em 0.5em 0.3em ;}
    .nav-item .mErst { padding-left:1em; }
    #navtopwrapper .ausstListe:nth-child(2n+0)   {     clear:both;}

     #slider  {    height:230px; }
        #slider .sliderbild img {height:230px;        }
    #startslider h1,#seitenslider h1 {  font-size:30px;margin-bottom:5px;}
    #startslider h2,#seitenslider h2 { font-size:13px; }
    #startslider p,#seitenslider p { font-size:13px; }
    #startslider h2.Lfz,#seitenslider h2.Lfz { }
        #startslider .slidermehr,#seitenslider .slidermehr { margin:200px 0px 0px 10px; }

    /*#s_einzelsp2 { float:right; }*/
    .abs78 { width:47%;float:left;margin-right:3%}

        .abs41 { float:left; width:48%; margin-right:2%; }

      /*#vl_seite #s_einzelsp3 { border-top:1px solid #000; padding-top:40px; margin-top:30px;}*/
      #vl_inst  #AusstellungStart .eintrag img { float:left; width:50% ; margin-right:20px; }
   #s_einzelsp3 #Ausstellungen .eintrag, #s_einzelsp2 #Ausstellungen .eintrag { float:left; width:48%; margin-right:2%; }
   
   #s_einzelsp3 #AusstellungStart .eintrag img, #s_einzelsp2 #AusstellungStart .eintrag img{ float:left; width:40%; margin:3px 10px 5px 0px  }

}
@media (max-width: 992px) {
    body { }
    .nav-item > a {  font-size:15px; color:#111; padding: 0.5em 0.5em 0.5em 0.5em ;}
    .nav-item .mErst { padding-left:1em; }
    .nav-item h3 {font-size:20px;}
    #navtopwrapper .ausstListe:nth-child(2n+0)   {     clear:both;}
    #navtopwrapper .ausstListe   { margin:0px 0px 10px 0px  !important; width:100%;min-height: inherit;  }
    #navtopwrapper .ausstListe img { height:47px;   }
    #navtopwrapper .ausstListe p {font-size:14px;margin:0px !important; }

    #slider  {    height:200px; }
        #slider .sliderbild img {height:200px;        }
    #startslider h1,#seitenslider h1 {  font-size:30px;margin-bottom:5px;}
    #startslider h2,#seitenslider h2 { font-size:14px; }
    #startslider h2.Lfz,#seitenslider h2.Lfz { margin: 10px 0px 0px 0px;}
        #startslider .slidermehr,#seitenslider .slidermehr { margin:170px 0px 0px 10px; }

    #startslider.bdwslider h1 { font-size:24px;}

#Caroussel, #Caroussel .touchcarousel-item img { height:50px;}

    #s_einzelsp2 { float:right;}

              #vl_inst  #AusstellungStart .eintrag img { float:left; width:50% ; margin-right:0px; }
     #startslider .slidertext,#startslider .sliderbu { padding-left:20px;}

}

.eweniger ,.emehr,.evweniger ,.evmehr, .etmehr{ font-size:12px; display:block; 
                   /*padding:,1px 4px 1px 4px ; border:1px solid #111;*/ 
                   cursor:pointer;}
/*Slider*/
    #vl_start .rsContent .col-xs-16 {position:relative;}

        iframe { max-width:100%;}


@media (max-width: 767px) {
    body {  }
        #s_einzel { min-height:inherit;}
    
        #vl_seite #s_einzelsp2 { background-color:transparent!important;}
  #vl_start  #s_einzelsp2 {/*opacity:0; height:0px; overflow:hidden;*/}
    #s_einzelsp3 { min-height:inherit;}
  #navtopwrapper {height:41px; padding-top:2px;}
  #navtopwrapper .logo {font-size:25px;}
  #navtopwrapper #respPath {padding-top:0px;}
  #navtopwrapper #respMenue {font-size:14px; margin-right:10px;}

  #vl_start  #Bereich1 .abs73 { border-bottom:0px solid rgba(50, 50, 50, 1);}
  #vl_start #slider {background-color:#111!important;}
    #slider,   #slider .sliderbild  {     position:absolute;  }
    #slider,   #slider .sliderbild img {    height:240px;height:180px; position:relative; right:0px; }
     #startslider h1,#seitenslider h1 {  font-size:22px;margin-bottom:5px; line-height:90%  !important;}
    #startslider h2,#seitenslider h2 { font-size:12px; margin:0px; margin-top: 2px;}
    #startslider h2.Lfz,#seitenslider h2.Lfz { margin: 10px 0px 0px 0px;}
     #startslider .slidertext,#startslider .sliderbu {  bottom:7px;}
             #startslider .slidermehr,#seitenslider .slidermehr { margin:120px 0px 0px 10px; }

   #inhalt p { font-size:14px; line-height:130%!important;}
   #inhalt .eintrag h3 { font-size:23px;}
  #Events .eintrag p.overline { font-size:14px!important; line-height:110%!important; font-weight:normal; font-family:pt_sansbold;}
  #Events .eintrag h4 { font-size:14px!important; line-height:110%; font-weight:normal;}

#Caroussel, #Caroussel .touchcarousel-item img { height:40px;}

#respMenue,#respDEEN { display: inherit ;}
    #menueoben { display:none;    }

    #respPath { display:inherit; }

   
   #s_einzelsp3 #Ausstellungen .eintrag, #s_einzelsp2 #Ausstellungen .eintrag { float:left; width:48%; margin-right:2%; }
   
   #s_einzelsp3 #AusstellungStart .eintrag img, #s_einzelsp2 #AusstellungStart .eintrag img{ float:left; width:40%; margin:3px 10px 5px 0px  }

   .abs41 {width: 100%;margin-right: 0%;}

   /*Verteilerabs*/
    .abs77 .bild { width:30%!important; margin-bottom:0px!important; height:auto!important; margin-top:4px!important;}
    .abs77 h3 {font-size:18px!important;}

    #s_einzelsp2 .ChangeBgColor { background-color:transparent!important;}

    #miniKalender {width:50%; float:left; margin-right:7%;}
    #kalenderwann {width:43%; float:left; margin-right:0%;}
    #logo { display:none; }
    #footer { height:100px;}
    .merkenT,  .merkenT2 { display:none;}
    
    #Kalender .datum, #StartTermineMobil .datum { font-size:14px; margin:0px; margin-right:10px; float:left;}
    #Kalender .uhrzeit, #StartTermineMobil .uhrzeit { font-size:14px;margin:0px;}
    #Kalender .kurzinfos, #StartTermineMobil .kurzinfos { font-size:11px!important;margin:0px;}
    #StartTermineMobil strong.veranstart { font-weight:normal !important;font-family: 'pt_sansregular', sans-serif;}
    #StartTermineMobil .veransttitel {font-family: 'pt_sansregular', sans-serif!important;}


    #Kalender .eintrag ,  #StartTermineMobil .eintrag {margin-bottom:10px!important;}
    
     #Bereich4{ /*display:none;*/ }  
       #s_einzelsp2 { min-height:inherit;}
    #Bereich1 {  }
    #Bereich2 .abs80 .mkasten div {max-width:30%; float:left; margin:0px 15px 0px 0px ; }
    #Bereich2 .abs80 .text-right { float:right !important; }
    #Bereich2 .abs80 {min-height:200px;clear:both;}

    #vl_seite #startsliderWrapper { display:none;}
    /*#Bereich1 .royalsliderStart  {  
        padding-right: 5px !important;
        padding-left: 0px !important;
         
        padding-top: 20px;
        margin-bottom:40px;
    }*/


    #vl_start .Titelzeilen {margin-bottom:0px; margin-top:20px;}
    #vl_start .Titelzeilen h1 {margin-bottom:0px; margin-top:0px;}
    #vl_start #startslider .col-xs-16, 
            #Bereich4 #startslider .col-xs-16      {margin:0px!important; padding:0px!important; z-index:99;}
    #vl_start .rsContent .col-xs-16.sliderbild, 
            #Bereich4 .rsContent .col-xs-16.sliderbild { position:absolute;left:0px; top:0px; z-index:9;overflow: hidden !important;     }
    #vl_start .rsContent .col-xs-16.sliderbild img { left:0px;}
    #vl_start .rsContent .col-xs-16.slidertextContainer, 
            #Bereich4 .rsContent .col-xs-16.slidertextContainer {z-index:99999!important;   position:absolute;left:0px; top:0px; }
    #vl_start .rsContent .slidertext, 
            #Bereich4 .rsContent .slidertext {width:93%; margin-left:7%; background-color:#000; color:#fff; opacity:0.7;  padding:0px 10px 10px 10px ; z-index:9999999;}
    #vl_start .rsContent .slidertext h1 {margin-top:10px!important;}


    #vl_start .rsContent .rsSlide .row { margin:0px !important;}
    #vl_start #startslider .slidermehr a{ color:#fff; font-size:14px;}
    #vl_start #startslider h1 {font-size:22px!important;margin-bottom:10px!important;}
    #vl_start #startslider h2 {font-size:14px!important;}

    #vl_start #s_einzelsp2 { margin-top:0px!important;}

    #vl_start .abs73 { overflow:hidden;  position:relative;  margin-bottom:20px;}
    #vl_start .abs73 .eintrag { overflow:hidden; margin: 0px 0px 2px 0px; }

    #Bereich1 .ChangeBgColor { height:auto !important;}
    #Bereich1 .lfz { margin-bottom:10px!important;    }

    #vl_seitefrei .s_einzel { margin-top:30px; padding-bottom:0px; margin-bottom:0px;}
    #vl_seitefrei .ChangeBgColor { padding-top:0px; background-color:transparent!important;}
    /* #vl_start .royalsliderStart { padding-top:0px !important; }
       #vl_start .royalsliderStart .rsArrowLeft { display:none!important;}
        #vl_start .royalsliderStart .rsArrowLeft { display:none!important;}
   #vl_start .royalsliderStart .rsArrowRight:before {content:"\f105";}*/
   /*#vl_start .royalsliderStart .rsSlide img {margin-left:-20px;margin-right:0px;}*/

    .abs78 h5 { font-size:11px;padding-top:5px!important}
    .abs78 .btn { padding:0px 5px 0px 5px !important; font-size:11px;}
  
     /*#vl_start  #inhalt h1 ,
     #vl_seite  #inhalt h1,       
     #vl_inst #AusstellungStart h3,   
     #vl_buchen h1
     {background-color:#111; font-size:16px!important; color:#fff; padding:6px 15px 6px 10px;  width:100%;font-family:'pt_sansregular';font-size:14px;  }*/
    
     #Kalender h3      {background-color:#111; font-size:16px!important; color:#fff; padding:6px 15px 6px 10px;  width:100%;font-family:'pt_sansregular';font-size:14px;  }
    #Kalender h4 { font-size:14px!important; }/*Titel*/

    /*#vl_start #s_einzelsp2 {display:none!important;}*/
    #vl_start .listeVeranstStart p,
     #vl_start .listeVeranstStart h4.veransttitel { margin: 0px 0px 2px 0px!important; padding:0px;}

    #Ausstellungen .ausbild { padding-right:15px;}
    #Ausstellungen .eintrag { margin-bottom:30px;}
   /*#inhalt .btn.btn-default { background-color:#cf2c2c;color:#fff!important;     margin-top:5px!important;  float:right; border:none!important; white-space:nowrap; display:block;padding:3px 10px 3px 10px; text-decoration:none; text-align:right; }*/

    #Kalender .angebot h4 { font-weight:bold;}
    #Kalender .angebot .infotext { display:none;}

    #vl_ausst #s_einzelsp3,
    #vl_inst #s_einzelsp3 {padding-left:0px!important;margin-top:30px;}

    #vl_seite .bdwtitel { font-size:18px!important; margin-top:10px!important;}
    #vl_seite .overlinebdw2 { font-weight:bold; margin-bottom:3px!important; }

    #vl_start .eintrag .col-lg-16 div {width:100%!important;margin-right:0px!important;}
    
}

@media (max-width: 500px) {
    
    #Caroussel {display:none;}
    #startslider .slidertext, #startslider .sliderbu {    padding-left: 0px;}
    #startslider .container {margin-right:0px; padding-right:0px;}
    #slider .sliderbild {    overflow-x:  inherit;}
    .slidertext h1 {font-size:16px!important;line-height:120%!important;}
    .slidertext h2 {font-size:10px!important;}
    #startslider {margin-top:3px;  }
   #slider .rsArrowRight {position:absolute; z-index:9999; display:inherit; right:10px; top:40%;
                         width:20px!important; height:20px!important; 
                         font-family:fontAwesome;font-size:25px; color:#fff; line-height:100%;
    }


   #slider .slidermehr {margin-right:-10px;}
   #slider .rsArrowRight:before {content:"\f105";}

    h1  { font-size:30px;margin-bottom:5px;}
    #Bereich1 .block.col-lg-9 h1, #s_einzel h1 {font-size:30px;   }



}
.linkColorGrau a {color:#ccc!important;}
