@import url("../fonts/gentiumbasic/gentiumbasic.css");
@import url("../fonts/ubuntu/ubuntu.css");

body { font-family: gentium_basicregular,Georgia,serif; font-size:15px;      }
/*
#Bereich1 {  float: left; display: inline; margin-left: 0px; margin-right: 0px; min-height:20px !important;   border:0px solid #f00;   }

*/ 
#content {background-image: url(../images/streifen40.gif) !important; background-repeat: repeat-y; }





#cookieChoiceInfo {position:fixed;font-family: UbuntuMedium, arial,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;  }



h1, h2, h3, h4 { font-family: UbuntuMedium, arial,sans-serif; text-transform:uppercase; font-weight:normal; margin:0px; padding:0px; line-height:120%; }
h1 { font-size:30px;line-height:100%;margin:12px 0px 20px 0px ;}
.infostart h1 { margin:12px 0px 15px 0px ;}

h2 {font-size:18px; line-height:120%; color:#000; margin:14px 0px 25px 0px ; padding: 0px;}
.startcolor   {min-height:350px;}
.startcolor.css25    {min-height:280px;}
.startcolor h2 {margin:14px 0px 20px 0px !important ;}
.marginalabstOben { height:62px;}
h3 {}
h4 {}
h5 {}
p { padding:0px 0px 20px 1px; margin:0px;letter-spacing:0px; line-height:21px;}
.bu p {  font-size:14px; padding:0px  ;  margin:0px;  }
#Bereich1 p span.hochstr:last-child { display:none;  }
a:hover { text-decoration:none; color:#000;}
strong { font-weight:normal; color:#AF002B; font-size:12px; line-height:100%; font-family: UbuntuBold, arial,sans-serif; text-transform:uppercase;}
.trans { }

#Bereich1 a, #Bereich2 a { font-weight:normal; color: #AF002B !important; font-size:12px; line-height:100%; font-family: UbuntuMedium, arial,sans-serif; text-transform:uppercase;  
              background-image:url(../images/pfeil_s.png); background-repeat:no-repeat; padding-right:20px; padding-top:2px; background-position:right 0px; background-size:10px; }
#Bereich1 .startcolor .innermehr a,#Bereich2 .startcolor .innermehr a { color:#fff !important;}

#Bereich2 .bildstrCell a { background-image:none; padding-left:0px;}
.titelUtitel  { margin:12px 0px 25px 0px ; padding:0px;}
.titelUtitel h1 { margin:0px 0px 10px 0px ; padding:0px;}
.titelUtitel h2 {margin:0px; padding:0px;}

.miniAdresse p { font-family: UbuntuMedium, arial,sans-serif; font-size:12px; line-height:130%;color:#fff;}
.miniAdresse p span { padding-left:13px;}
.miniAdresse p span span {white-space:nowrap; padding-left:0px;}
.Bildstrecke { margin-bottom:25px;}

#respM { cursor:pointer; display: none; float: right; width: 30px;  margin: 10px 7px 0px 0px;}
#respM div {background-color:#fff; height:4px; margin-bottom:6px;}
/*#Bereich3 .touchcarousel-container { width:100% !important; height:350px !important; }
*/
#Bereich3 .touchcarousel .touchcarousel-item  img { min-height:348px; width:auto !important;   }

#Bereich2 .abs   h2 { margin-bottom:10px; }
#Bereich2 .abs:first-child  h2 { margin-bottom:25px }

/*---------------------Audio--------------------------------------*/
#Bereich1 .Audioplayer   {  margin-bottom:15px; padding-bottom:15px;}
#Bereich1 .Audioplayer .col-lg-4 { margin-bottom:0px !important; }
.clear { clear:both;}
.clearfix { clear:both;}
/*--------------------------Ausstellungen--------------------------*/
#Bereich1 .AOverview { margin:0px 0px 20px 0px; }
#Bereich1 .AOverview .bild { margin:3px 0px 0px 0px; }
#Bereich1 .AOverview  img { width:100%;}
#Bereich1 .AOverview .text { margin:0px 0px 0px 0px; padding-left:20px; }
#Bereich1 .AOverview .text h2 { margin:0px 0px 0px 0px;  }
#Bereich1 h3.overline { color:#AF002B; font-size:14px; text-transform:uppercase; margin:0px 0px 5px 0px ; padding:0px;}

/*-----------------------------Termine ---------------------------------*/
#Bereich1 div.termin { margin:0px 0px 20px 0px ;}
#Bereich1 div.termin .datum { margin:0px 0px 0px 0px  !important; padding:0px !important; font-family: UbuntuMedium, arial,sans-serif; color:#000; font-size:13px; }
#Bereich1  h3 { text-transform:none; display:inline;margin:0px 0px 20px 0px  !important; padding:0px 0px 20px 0px !important; font-family: UbuntuMedium, arial,sans-serif; color:#AF002B; font-size:16px;  }
#Bereich1 div.termin h3.art {color:#000; padding-right:2px !important;  text-transform:uppercase;}
#Bereich1 div.termin p.beschreibung { margin:0px 0px 5px 0px  !important; padding:0px !important; }
#Bereich1 div.termin p.tags {color:#787878; font-size:13px;  line-height:130%;margin:0px 0px 0px 0px  !important;}
#Bereich2 .filter,#Bereich2 .filter2 { cursor:pointer; font-family: UbuntuMedium, arial,sans-serif; color:#000; font-size:12px; text-transform:uppercase; }
#Bereich2 .filter.aktiv,#Bereich2 .filter:hover { color:#AF002B !important;}
#Bereich2 .filter2.aktiv,#Bereich2 .filter2:hover { color:#AF002B !important;}
#Bereich1 .termin .hochstr:last-child { display:none;}
#Bereich1 .abstand5 { height:5px;}
#Bereich2 .Filterliste .hochstr:last-child { display:none;}

/*----------verteilerabsatz---------------------*/
#Bereich1 .verteiler { margin-bottom: 25px; width:50%;     }
#Bereich1 .verteiler:nth-child(2n)  {   }

#Bereich1 .verteiler h3 { margin: 0px 0px 5px 5px ; padding:0px; color:#000; font-size:12px; text-transform:uppercase;}
#Bereich1 .verteiler a { margin: 0px;   padding:0px; color:#AF002B !important; font-size:12px !important;}
#Bereich1 .verteiler a:hover {color:#000 !important; }
#Bereich1 .verteiler img.p100 { width:92%; margin-bottom:8px;  }


#Bereich2 .verteiler { margin-bottom:20px;}
#Bereich2 .verteiler a { margin: 0px;   padding:0px; color:#AF002B !important; font-size:12px !important;}
#Bereich2 .verteiler a:hover {color:#000 !important; }
#Bereich2 .verteiler div { clear:both;}
#Bereich2 .verteiler h3 { margin: 0px 0px 7px 5px ; padding:0px; font-size:12px; }
#Bereich2 .verteiler .button {  margin: 0px; padding:0px; font-size:12px; color:#AF002B !important }
#Bereich2 .verteiler .bu {  margin: 0px !important; padding:0px !important;}
#Bereich2 .verteiler img { width:100%; }
#Bereich2 .verteiler .bildstrCell.bu { padding-left:12px !important;}

/*Lieblingsstücke*/
.LSOverview  {margin:10px 0px 10px 0px; }
.LSOverview h2 {margin:0px 0px 5px 0px; }
.LSOverview h3 {margin:0px 0px 0px 0px; display: inherit!important;}
.LSOverview .button {margin:20px 0px 0px 0px;clear:both; }
.LSOverview .abstandLS {margin:0px 0px 0px 10px;}
/*---------------------------Menüs -------------------------------*/
        /*Hauptmenü auf Schwarz*/
#menue1 {background-color: #5e5e5e; background-color: #787878;height: 47px;font-size:13px;}
#menue1 .inner { padding: 14px 17px 0px 15px; }
#menue1 ul, #menue1 ul li { margin:0px; padding:0px; list-style:none;}
#menue1 ul li { float:left; display:block; font-family: UbuntuMedium, arial,sans-serif; text-transform:uppercase; color:#303030; 
             margin:0px 5px 0px 15px;
}
#menue1 ul li a { color:#303030; text-decoration:none }
#menue1 ul li a:hover,#menue1 li:hover { color:#fff; }
    #menue1 ul li.lang { float:right; white-space:nowrap  }
    #menue1 ul li.lang a.aktiv{ color:#fff;  }


        /*unsichtbares Menü auf rot für vorletzte Breite*/
#menue2 {  height:100px; text-transform:uppercase;  font-size:18px;font-family: UbuntuMedium, arial,sans-serif;}
    #menue2 .pfeilhoch { height:20px;  background-color:transparent;  background-image:url('../images/pfeil_menue_hoch.png'); background-repeat:no-repeat; background-position: left bottom;}
#menue2 .inner { padding: 16px 0px 0px 15px;   overflow: visible; }
#menue2 ul, #menue2 ul li { /*margin:0px; padding:0px; list-style:none; */}
#menue2 ul li { /*position: relative;float:left; display:block; text-transform:uppercase; color:#919191;   margin:22px 30px 0px 15px;*/}
#menue2 ul li a {/*color:#919191; text-decoration:none */ }
#menue2 ul li a:hover,#menue2 li:hover { /*color:#fff;*/ }
#menue2.mPart1 {    }
.mPart2 { display:none ;}
/*#menue2 ul li ul { display:none;} responsives zusatzmenü
#ulmainmenue   a.aktiv { color:#fff !important;  }

#menue2 ul li ul { width:200px; background-color:#fff; border:1px solid #f00; font-size:12px; margin:0px; padding:0px; position: relative; left:0px;}
#menue2 ul li ul li {color:#000; float:left;margin:0px; padding:0px;}
#menue2 ul li:hover ul { display:inherit;}*/


#menue3 { margin-top:40px; margin-right:0px; }
#menue3 ul, #menue3 ul li { line-height:100%;margin:0px; padding:0px; list-style:none;font-size:18px; font-weight:normal;font-family: UbuntuMedium, arial,sans-serif; text-transform:uppercase;}
    #menue3 ul li ul li { font-size:12px; padding:7px 0px ; }
    #menue3 ul li ul  { margin-top:25px; }
    #menue3 ul { margin-top:0px; }
    #menue3 ul a { color:#000; }
    #menue3 ul a.aktiv { color:#fff; }
    #menue3 ul a:hover { color:#fff; text-decoration:none; }


#submenue { padding-top:0px !important;   clear:both;}
#submenue ul { margin: 0px 0px 0px 0px; line-height:135% !important; padding:0px; list-style:none;font-size:12px; text-transform:uppercase;font-family: UbuntuMedium, arial,sans-serif;}
#submenue ul li { padding:5px 0px 5px 0px;}
#submenue ul li a.aktiv { color:#000 !important; background-image:none;}
#submenue ul li a { background-position:right 0px; padding-left:0px; padding-right:22px; background-size:10px; padding-top:2px; }
#submenue ul li a { color:#AF002B !important; }
#submenue ul li a:hover { color:#000 !important; }


/*---------------------------Menüs -------------------------------*/


.abstand50 { height:45px;}

.inner {overflow: hidden; }
.innerEckchen { width:16px; height:16px; background-color:#f00;  position: absolute; top:35px; right:-8px; z-index:99; 
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);}


.col-lg-4, .col-lg-2, .col-lg-6  { position:relative;   }

.group1 {   position:relative;  }
.group1.seite { display:table;display: inherit; }
.group1.seite .col-lg-2,.group1.seite .col-lg-4,.group1.seite .col-lg-6 { display: table-cell; display:inherit;
                                                                     float:inherit; float:left; 
                                                                     height:100%; }

#submenueInSeite {}

.group1 .col-lg-4 .inner,
.group1 .col-lg-2 .inner,
.group1 .col-lg-6 .inner,
.group1 .col-lg-10 .inner { position:relative;  min-height:220px; position:relative; margin:25px 25px 0px 25px;  }

.group2 { min-height:280px; position:relative;}
.group2 .col-lg-4 .inner,
.group2 .col-lg-2 .inner,
.group2 .col-lg-6 .inner { position:relative;min-height:200px; position:relative; margin:25px 25px 0px 25px ; }
.col-lg-2 #menue3.inner { }

.group3 { min-height:280px;  position:relative;}
.group3 .col-lg-4 .inner,
.group3 .col-lg-2 .inner,
.group3 .col-lg-8 .inner,
.group3 .col-lg-6 .inner { position:relative;color:#919191; min-height:400px; position:relative; margin:25px 25px 0px 25px ; }


.col-lg-4 .innermehr,
.col-lg-2 .innermehr,
.col-lg-6 .innermehr {    position:absolute;bottom:0px;  margin:0px 0px 20px 26px; height:20px; }

/*.css38 .innermehr { margin-left:0px!important;}*/
.css26 .innermehr { margin-left:0px!important; }
#StartseiteZ1 .inner { min-height:235px;}
#StartseiteZ2 .inner { min-height:215px;}

.group3 .footer1 {height: 90px;}
.group3 .footer1 .footerinner,.group3 .footer2 .footerinner {margin:24px 25px 0px 25px ; color:#919191;font-family:UbuntuMedium, arial,sans-serif; font-size:12px; }
.group3 .footer2 {height: 335px;}

.footer1 input { padding-left:10px; float:left; line-height:normal !important; -webkit-appearance: none; -moz-appearance:none;  font-family: gentium_basicregular,Georgia,serif; font-size:15px;    height:36px; width:80%;border:1px solid #fff; border-right:1px solid #e0e0e0; margin:0px;}

.footer1 input.button {  margin:0px; width:40px; border:1px solid #fff;   
     -webkit-appearance: none; -moz-appearance:none; background-image:url(../images/pfeil_grau.png); background-repeat:no-repeat;
     background-position:13px 10px; height: 40px;
    background-color:#FFF;    
}
.footer1 input.button:hover {background-image:url(../images/pfeil_s.png); }


.footer2 ul { font-size:14px; margin:0px 0px 0px 0px ; padding:0px; list-style:none;font-family:UbuntuMedium, arial,sans-serif; color:#919191; line-height:110%;}
.footer2 a { color:#919191;}
.footer2 a:hover { color:#fff; text-decoration:none;}
.footer2 a.aktiv { color:#d6d6d6; text-decoration:none;}
.footer2 ul li { text-transform:uppercase; padding:2px 0px 4px 0px; }
.footer2 ul li ul li { text-transform: none; font-size:12px; }


#StartseiteZ1 .innermehr a,#StartseiteZ2 .innermehr a { color:#000; text-decoration:none;font-family:UbuntuMedium, arial,sans-serif; font-size:14px;background-position: right;background-repeat:no-repeat;  padding:0px 25px 0px 0px;background-image:url(../images/pfeil_s.png ); background-size:10px; text-transform:uppercase;  }
#StartseiteZ2 .innermehr a, #StartseiteZ1 .color .innermehr a {    color: #fff; background-image:url(../images/pfeil_grau.png ); }


 #Bereich1 a.button, #Bereich2 a.button { background-size:inherit; color:#AF002B; text-decoration:none;font-family:UbuntuMedium, arial,sans-serif; font-size:12px;background-position: right;background-repeat:no-repeat;  padding:0px 25px 0px 0px !important;background-image:url(../images/pfeil_s.png ); text-transform:uppercase;   }
 #Bereich1 a.button:hover, #Bereich2 a.button:hover {   color:#000;}
#Bereich1 a.bildlink,#Bereich2 a.bildlink { background-image:none!important;}


.color h2 { color:#fff;}
.color .innermehr a { background-image:url(../images/pfeil.png );  color:#fff;   }

.color-tuerkis, .color-tuerkis .innerEckchen {background-color: #45a1a3; } 
.color-schwarz {background-color: #161a1a;}
.color-grau {background-color: #545454;}
.color-dunkelgrau {background-color: #303030;}
.color-menuegrau { background-color:#303030;}
.color-rot1 {background-color: #af002b;}
.color-rot2 {background-color: #bd4d45; }
.color-rot3 {background-color: #cd7a6c; }
.color-hellgrau {background-color: #f3f3f3; }

#Bereich2 .color  img { width:100% ; margin-left:0px; }
.color .inner ,.color .inner a { color:#fff;}

.color-hellgrau .inner ,
.color-hellgrau .inner a,
.color-hellgrau .inner h2 { color:#000 !important;}

#logo {text-align: center; }
#logo img { margin: 32px 0px 36px 0px; }
.noMinH ,.noMinH .inner { min-height:inherit !important;}


#Bereich1  .abs:nth-child(2n+1)  {    }
#Bereich1 .grid-new { background-color: red; min-width:10%;} 
#Bereich1 .col-lg-6 { background-color:#fff;} 
#Bereich1 .col-lg-4 { background-color: #fff;}

  .bildstr   { float: none; position:relative; display:table;  clear:both;  width:100%; }
  .bildstr .bildstrRow  {float: none; position:relative; display:table-row;   }
 .bildstr .bildstrRow .bildstrCell  {float: none; position:relative; display:table-cell;  }


  .bildstr  .bu {   padding:0px 0px 0px 15px;  vertical-align:bottom;}
  .bildstr  .bu p {  font-size:13px; padding:0px  ;  margin:0px; line-height:15px !important;    }
  .bildstr  .bu p.bsopen {font-family:UbuntuMedium, arial,sans-serif; font-size:13px;color:#AF002B; text-transform:uppercase; background-image:url(../images/pfeil_s.png); float:left; padding-right:22px; padding-top:10px; padding-bottom:2px; background-position: right 7px; background-size:12px; background-repeat:no-repeat; }
  .bildstr .bsopen a { color:#AF002B !important;   }

.bildgross img {   padding:0px ; margin:0px 0px 15px 0px;}
.bildgross p { margin:0px  0px 7px 0px; padding:0px; line-height:100%;}
.bildgross .butitel {   padding:0px 0px 0px 0px;}
.bildgross .butitel h3 {  font-size:14px; padding:0px  ;  margin: 0px 0px 7px 0px; font-weight:normal !important; color:#545454;   }


/*buchbare mitte*/
#Bereich1 .buchbare  h3.thema {text-transform:none; display:inline;margin:0px 0px 20px 0px  !important; padding:0px 0px 20px 0px !important;
                                font-family: UbuntuMedium, arial,sans-serif; color:#AF002B; font-size:16px;   }
#Bereich1 div.buchbare p { padding:0px !important; margin:5px 0px 10px 0px  !important;}
#Bereich1  .buchbare div { margin-bottom:40px !important;}
#Bereich1 .buchbare a  { background-position:right 0px; padding-left:0px; padding-right:22px; background-size:10px; padding-top:2px; color:#AF002B; }
#Bereich1 .buchbare a:hover  { text-decoration:none; color:#000;}


#Bereich1 .pub  { margin-bottom:15px;   }
#Bereich1 .pub  img { max-width:100%}
#Bereich1 .pub div { background-color: transparent !important;}
#Bereich1 .pub .col-lg-4  { text-align:right; padding-right:15px;  }
#Bereich1 .pub  .col-lg-8.linie { border-bottom:1px solid   #d6d6d6; min-height:1px;  }

/*#inhRechts .isotope {  float: left; width:auto !important; height:auto !important;  }
 
.col-lg-4.color-hellgrau img { float:left;   margin:0px 15px 15px 0px;}
.col-lg-4.color-hellgrau  img:first-child  {    }
.col-lg-4.color-hellgrau  img:nth-child(2n+3)  { margin-bottom:17px;  }
*/
@media  (min-width: 1000px) and (max-width:1240px) {
    body { background-color:     }
    #content {background-image: url(../images/streifen25.gif) !important; background-repeat: repeat-y; }
    .marginalabstOben { height:50px;}
    p { font-size:14px; line-height:120%;          }
    h1 { font-size:24px;line-height:100%; }
    h2 {font-size:16px; line-height:120%; }
    .miniAdresse p span span {  padding-left:13px;}

                    /*---------------------Audio--------------------------------------*/
#Bereich1 .Audioplayer  {   }
#Bereich1 .Audioplayer  .col-lg-4 {   margin-bottom:5px !important; }
#Bereich1 .Audioplayer img { width:90% !important; }


    #menue1 { font-size:12px;}
    #menue1 .inner { padding: 14px 12px 0px 15px; }
    #menue1 ul li { margin:0px 15px 0px 10px;}

    #menue2 { font-size:15px;}
    #menue2 .inner { padding: 14px 0px 0px 15px; }
    #menue2 ul li {  margin:22px 22px 0px 10px;}
    #menue2 ul li ul li {  margin:0px 0px 0px 0px;}

    #menue3 ul li { font-size:14px; margin-top:0px; }

    .group1 .col-lg-2 .inner,
    .group1 .col-lg-4 .inner,
    .group1 .col-lg-6 .inner,
    .group1 .col-lg-8 .inner,
        .group2 .col-lg-2 .inner,
        .group2 .col-lg-4 .inner,
        .group2 .col-lg-6 .inner,
        .group2 .col-lg-8 .inner,
    .group3 .col-lg-4 .inner,
    .group3 .col-lg-2 .inner,
    .group3 .col-lg-6 .inner,
    .group3 .col-lg-8 .inner { min-height:180px;   margin:10px 15px 0px 15px ;margin:5px 20px 0px 20px; }

    #inhLinks .inner { padding-top:20px;    }
    #inhRechts .inner {padding-top:20px;}
    .group1 { min-height:240px; position:relative;   }
    .group2 { min-height:240px; position:relative;  }
    .group3 { min-height:460px;  position:relative; }

    .col-lg-2 .innermehr,
    .col-lg-4 .innermehr,
    .col-lg-6 .innermehr {     margin:0px 0px 10px 16px ; height:20px;   }

    .group3 .col-lg-2 .inner,
    .group3 .col-lg-4 .inner,
    .group3 .col-lg-6 .inner,
    .group3 .col-lg-8 .inner { position:relative;color:#919191; min-height:400px; position:relative; margin:25px 25px 0px 25px ; }

          #menue3 ul li ul li{font-size: 11px;padding: 7px 0px 7px 0px;}
    
                  .bildstr { margin-bottom:40px;}
        .bildstrCell {width:48%; margin:10px 2% 0px 0px !important; padding:0px !important;}
        .bildstrCell img  {width:90%;}
        .bsopen  {  background-size:10px !important; background-position:right 18px !important;}
        .bsopen a { font-size:11px !important; }

    .marginalabstOben { height:60px;}
          .group1 .inner { min-height:206px !important; position:relative;   }

}



@media (orientation:portrait) and (min-width:635px) and (max-width:999px) {
    body {  background-color:     }
     #Bereich2 {height:auto !important; }
    #logo {text-align: left; }
    #logo img { margin: 32px 0px 36px 40px; }


    #menue1 { }
    #menue1 .inner { padding: 14px 25px 0px 35px; }
    #menue1 ul li { margin:0px 15px 0px 10px;}

    #menue2 { font-size:18px;  height:auto; }
    #menue2 .inner { padding: 35px 0px 35px 35px; }
    #menue2 ul li { float:inherit;  margin:1px 0px 1px 10px;}

        #menue3 ul li  { }
        #menue3 ul li ul   { display: inherit !important; }

    .group1 .col-lg-2 .inner,
    .group1 .col-lg-4 .inner,
    .group1 .col-lg-6 .inner,
    .group1 .col-lg-8 .inner,
        .group2 .col-lg-2 .inner,
        .group2 .col-lg-4 .inner,
        .group2 .col-lg-6 .inner,
        .group2 .col-lg-8 .inner,
    .group3 .col-lg-4 .inner,
    .group3 .col-lg-2 .inner,
    .group3 .col-lg-6 .inner,
    .group3 .col-lg-8 .inner { min-height: 190px;  margin:10px 30px 0px 30px ; }

        .group1.seite .col-lg-2 .inner,
    .group1.seite .col-lg-4 .inner,
    .group1.seite .col-lg-6 .inner,
    .group1.seite .col-lg-8 .inner,
        .group2.seite .col-lg-2 .inner,
        .group2.seite .col-lg-4 .inner,
        .group2.seite .col-lg-6 .inner,
        .group2.seite .col-lg-8 .inner,
    .group3.seite .col-lg-4 .inner,
    .group3.seite .col-lg-2 .inner,
    .group3.seite .col-lg-6 .inner,
    .group3.seite .col-lg-8 .inner {    margin:10px 30px 30px 30px ; }

    .sf-menu li { clear:both; float:inherit;}
    .sf-menu li ul { display:none !important;}

    .group1 .col-lg-2 .inner { min-height:235px;}
 

    .group1 { min-height:240px; position:relative;   }
    .group2 { min-height:240px; position:relative;}
    .group3 { min-height: inherit; }

    .col-lg-2 .innermehr,
    .col-lg-4 .innermehr,
    .col-lg-6 .innermehr {     margin:0px 0px 35px 31px ; height:20px;   }

    .group3 .col-lg-2 .inner,
    .group3 .col-lg-4 .inner,
    .group3 .col-lg-6 .inner,
    .group3 .col-lg-8 .inner { 
        position:relative;color:#919191; min-height: inherit; position:relative; margin:25px 30px 20px 25px ; 
    }
    .group1.seite { display: inherit; }
.group1.seite .col-lg-2,.group1.seite .col-lg-4,.group1.seite .col-lg-6 { display: inherit; float:left; height:100%; }

     #menue2.mPart1 { width:66.6% !important; float:left;}
    
    .mPart2 { display: inherit;background-color: #af002b; width:33.3%; float:left; height:161px;}
    .mPart2 .inner { margin:25px  0px 20px 25px !important ; }

    .group1.seite .col-lg-2 { display:none;} /*Menüspalte*/
     #menue3 ul li {  font-size:12px; padding:7px 0px 5px 0px ; }
    .mPart2 .inner #menue3 ul { margin-top:0px;}
       .footer2    div:nth-child(3n+1)  {  clear:both !important;  }

        .bildstr { margin-bottom:40px;}
        .bildstrCell {width:48%; margin:10px 2% 0px 0px !important; padding:0px !important;}
        .bildstrCell img  {width:100%;}

                /*---------------------Audio--------------------------------------*/
#Bereich1 .Audioplayer  {   }
#Bereich1 .Audioplayer  .col-lg-4 {   margin-bottom:5px !important; }
#Bereich1 .Audioplayer img { width:90% !important; }

}

@media    (min-width:100px) and (max-width:634px) {



    body { background-color:      }
    p {  font-size: 28px; line-height: 135%;  }
    .innermehr { margin: 0px 0px 55px 31px; height: 50px; }
        .innermehr a { font-size: 16px; }

    #content { background-image:none !important; background-repeat: repeat-y;width: 100%;    }
    .container-12,.container { padding-left: 0px !important; margin: 0px;    }
        .group {padding-left: 15px !important;margin: 0px;}

  /* #carousel {   height:177px !important; }
    #carousel img { height:177px; width:auto; }
    #carousel .touchcarousel-item{   }
 */

    .sf-menu   { clear:both; float:inherit; width:98%;}
    .sf-menu li { padding:0px !important; clear:both; float:inherit; width:100%; background-color: transparent !important; }
    .sf-menu li ul {   width:100%; float:inherit; position:relative; background-color: transparent; }
    .sf-menu .pfeilhoch { display:none;}
    #menue2 .sf-menu li   a  { color:#919191 !important ;}
    #menue2 .sf-menu li   a.aktiv  { color:#af002b !important ;}
    #menue2 .sf-menu  li ul { display:none; }

    #respM {display: inherit;} 
    #menue2 ul li ul {display: inherit;   }
    p {        font-size: 15px;        line-height: 120%;    }
    h1 {        font-size: 24px;        line-height: 100%;        margin: 10px 0px 10px 0px;    }
    h2 {        font-size: 16px;        line-height: 120%;        margin: 10px 0px 15px 0px;    }
    
    #menue1 {        font-size: 12px;        height: auto; min-height:40px;        margin: 0px;        padding: 0px;    }
    #menue1 .inner {     padding: 10px 0px 5px 15px;        }
    #menue1 ul li {      margin: 2px 10px 5px 10px;            display: none;        }
    #menue1 ul li.lang { display: inherit; float: left; white-space: nowrap; }

    #menue2 {display: none;height: auto;}
        #menue2 .inner {padding: 15px 0px 15px 15px;        }
        #menue2 ul li {font-size: 12px;float: inherit;margin: 1px 0px 1px 10px;padding: 2px 0px 2px 0px;        }

    #menue3 {display: none;    }
        #menue3 ul, #menue3 ul li {font-size: 12px;margin: 0px;        }
            #menue3 ul li {font-size: 12px;padding: 7px 0px 7px 0px;}
        #menue3 ul {margin-top: 0px;        }

    #menue2 .pfeil { cursor:pointer; z-index:99999; position:relative; float: right;background-image: url(../images/pfeil.png);width: 18px;height: 22px;
        margin-right: 5px;background-position: 0px 0px;background-size: 55%;background-repeat: no-repeat;
    }
        #menue2 .pfeil.rauf {-moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform-origin: 30% 25%;
            -ms-transform-origin: 30% 25%;
            -o-transform-origin: 30% 25%;
            -webkit-transform-origin: 30% 25%;
            transform-origin: 30% 25%;
        }

        .AOverview .text { padding-left:0px !important ; margin-top:20px !important;}
        .bildstr { margin-bottom:40px;}
        .bildstrCell {width:100%; margin:10px 0px 0px 0px !important; padding:0px !important;}
        .bildstrCell img  {width:100%;}
    .marginalabstOben { display:none;    }
    #menue2 ul li ul li .pfeil {display: none;}
    #menue2.mPart1 {width: 100.0% !important;        float: left;    }

    .mPart2 {display: inherit;background-color: #af002b;width: 100.0%;float: left;height: auto;}
    .mPart2 .inner {margin: 25px 0px 20px 15px;}
    #logo {text-align: left;}
    #logo img {            margin: 20px 0px 20px 20px;            width: 70%;        }

    .group1.seite {        display: inherit;    }
    .group1.seite .col-lg-2, .group1.seite .col-lg-4, .group1.seite .col-lg-6 {display: inherit; float: left;height: 100%;}

    .innerEckchen {width: 35px;height: 35px;top: inherit;bottom: -16px;right: 35px;z-index: 99;   }

   .footer2    div:nth-child(3n+1)  {  clear:both !important;  }

    .group3 .col-lg-2 .inner,
        .group3 .col-lg-4 .inner,
    .group3 .col-lg-6 .inner,
        .group3 .col-lg-8 .inner { min-height: inherit; padding-bottom:15px;  }
    #submenueInSeite {
     display:none;}

        /*---------------------Audio--------------------------------------*/
#Bereich1 .Audioplayer  {   }
#Bereich1 .Audioplayer  .col-lg-4 { width:100%; margin-bottom:5px !important; }
#Bereich1 .Audioplayer img { width:100% !important; }

}


@media only screen and (max-width:634px) and  (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ration: 1.5) {
    /*    #content { background-image:none;  }
         .group {padding-left: 0px;margin: 0px;}*/

            /*---------------------Audio--------------------------------------*/
#Bereich1 .Audioplayer   {  }
#Bereich1 .Audioplayer img { width:100% !important; }


    .carousel {   height:177px !important; }
    .carousel img { height:177px; width:auto; }
    .carousel .touchcarousel-item{   }
}