html{margin:0;padding:0;}
body {font-family:"TT Norms W01 Regular",Arial, Helvetica, sans-serif;margin:0;padding:0; font-size:18px;line-height:140%;}

h1,h2,h5 {font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;}
p {font-family:"TT Norms W01 Regular",Arial, Helvetica, sans-serif;}

/*div {border:1px solid #f00!important;}*/

.abstand10 {height:10px;clear:both;}
.abstand30 {height:30px;clear:both;}
.abstandGross {height:50px;clear:both;}


a {color:#3B256E; text-decoration:none;}
h3 a {color:#fff; text-decoration:none!important;}
h3 .arrowsright {display:none;}
h3 a .arrowsright {display:inherit;}
h3 a:hover .arrowsright span {padding-right:10px;}

strong {font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;font-weight:normal;}
em  {font-family:"TT Norms W01 Italic",Arial, Helvetica, sans-serif; font-style:normal;}

div {border:0px solid #f00;}

#Bereich1 h5 {font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;color:#3B256E;font-size:18px;}
#Bereich1 a { text-decoration:underline;font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;/* font-family:"TT Norms W01 Medium";*/}

.text-right {text-align:right;}
.clear {clear:both;}

#header {margin-bottom:60px;}
#header h2 { color:#3B256E; text-transform:uppercase;margin-top:-5px;margin-bottom:20px;}

#toTop {position:fixed; padding:0px; right:10px; bottom:10px;  text-align:center; font-size:40px; 
                color:#fff; background-color:#3B256E;}
#toTop i{line-height:0; color:#fff!important; }
#toTop a{ text-decoration:none; color:#fff!important; display:block;padding:20px 10px 24px 10px;}
/*------------------------------------------------------*/
.KlappElement { margin-left:0px;}
h3.klapptitel { background-color:#3B256E; padding:20px; cursor:pointer; text-transform:none!important;   }
h3 span.klappinfo { float:right; font-weight:normal;  font-family:'source_sans_probold','Source Sans Pro',Helvetica, Arial, sans-serif;}
.klapptext { padding:20px 20px  0px 20px ; border:1px solid #3B256E; color:#3B256E; margin-bottom:5px;   }
.klapptext p { }
.abstand4 { height:4px;}



/*------------------------------------------------------*/
footer   {margin-top:40px;}
footer , footer a {color:#fff!important;font-size:14px;}
footer , footer h3 { font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;font-size:14px;}
footer , footer p {margin-bottom:10px; line-height:110%;}


#lang  {padding:0px 0px 0px 0px ; font-size:14px; text-transform:uppercase;font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif; }
#lang .liste div { padding: 7px 10px 0 10px; display:inline-block; }
#lang .liste div.aktiv {background-color:#3B256E;color:#fff;}
#lang .liste div.aktiv a { color:#fff;}
#lang .liste i {font-size:20px;}
#lang .liste div:hover {background-color:#3B256E; }
#lang .liste div:hover a { color:#fff!important;}



#menue,#respM {height:100%; background-color:#3B256E;list-style:none;font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;font-size:18px;
        text-transform:uppercase;padding:15px 10px 15px 10px ;}
#menue ul,#respM ul {list-style:none;margin:0; padding:0;width:100%}
#menue ul li a,#respM ul li a {color:#fff; }
#menue ul li,#respM ul li {list-style:none;margin:2px 0; padding:8px 15px 4px 13px; width:100%;line-height:110%;}
#menue ul li.aktiv,#respM ul li.aktiv { background-color:#fff;margin:5px 0 5px 0;}
#menue ul li.aktiv a,#respM ul li.aktiv a {color:#3B256E; }

#respM {display:none;position:fixed; right:0px;z-index:8; background-color:#3B256E;   width:200px;color:#fff; top:0px;}
#respM .close {position:relative; float:right; margin:8px 10px 20px 0;font-size:40px;}
#respMOpen img {margin-right:10px; width:30px;}

#respM #MainMenuUL {height: calc(100% - 100px);overflow: auto;}

.NormH #menue  {height:auto;}


#SubMenue  { border:5px solid #3B256E;list-style:none;font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;font-size:18px;
        text-transform:uppercase;padding:15px 10px 15px 10px ;padding-bottom:200px;margin-bottom:40px;
         overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#SubMenue ul {list-style:none;margin:0; padding:0;width:100%}
#SubMenue h4 {background-color:#3B256E;color:#fff;font-size:18px; margin:-15px -10px 10px -10px;padding:5px 0px 7px 10px ;}
#SubMenue ul li {line-height:100%; margin-top:20px;}
#SubMenue a.toSite::after {
     content: '\f105'; /* angle-right */
     content: '\f054'; /* chevron-right */
    font-family: 'FontAwesome'; 
    margin-left: 0.5em; 
} 
#SubMenue hr {border:3px solid #3B256E;opacity: 1;}
#Bereich2 #SubMenue {font-size:16px!important; text-transform:none!important;line-height:140%;}
#Bereich2 #SubMenue h4 {font-size:18px!important; text-transform:uppercase!important;}

 .NormH  #SubMenue{margin-top:40px!important;}


 #SubMenue.textNormal {text-transform:none!important; padding-bottom:20px!important;}


#Bereich2 h2 { overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;}

.Text1Bild  { margin:0px 0px 50px 0px;}
.Text1Bild .Bildrahmen {float:left;margin:5px 30px 10px 0px; width:33.3333%;}
.Text1Bild .Bildrahmen img {width:100%;}
.Text1Bild h3 {margin-bottom:0;}
.absHeaderBT {min-height:350px;}

.abs41 .Bildrahmen {margin:inherit; width:100%;}
.abs41 .col-4 {padding-left:0;}

.abs h3 {font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#3B256E;color:#fff;font-size:16px; 
         padding:9px 0px 7px 10px ;margin-bottom: 10px;}

#Kalender h3, #Ausstellungen h3 {font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;text-transform:uppercase;background-color:#3B256E;color:#fff;font-size:16px; 
         padding:9px 0px 7px 10px ;margin-bottom: 10px;}
#Kalender p.overline ,#Ausstellungen p.overline {  margin-bottom:  0px!important;}
#Kalender h4,#Ausstellungen h4 {font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;  color:#3B256E; font-size:20px;  margin-bottom: 10px;}

#breadcrump { text-transform:uppercase;font-size:14px;font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif;}
#breadcrump a {padding:0px 10px 0px 10px ;float:left;}
#breadcrump span {font-size:30px;color:#3B256E;display:inline-block;float:left; margin-top:7px;}
#breadcrump ul ,#breadcrump ul  li{list-style:none; margin:0; padding:0;}
#breadcrump ul  li {list-style:none; margin:0; padding:0; float:left;}

.abs.verteiler50p  {/*width:48%; float:left;margin-right:2%;*/ }
.absIntrotext {margin-bottom:40px;}

#intro .rsContent .iframeblende { position:absolute; left:0px; border:none;  top:0px; z-index:9;}

.intro360 div {position:relative;}
.intro360 .iframeblende {position:absolute;left:0; top:0;}
.intro360 .infotext a::after {
     content: '\f105'; /* angle-right */
     content: '\f054'; /* chevron-right */
    font-family: 'FontAwesome'; 
    margin-left: 0.5em; 
} 

#Kursauflistung p {line-height:100%;}
 

#Bereich2 .royalSlider {height:450px;}
#Bereich2 .royalSlider .rsContainer {height:450px;}
#Bereich2 .rsMinW .rsBullet {background-color:#3B256E;}
#Bereich2 .rsMinW .rsBullet.rsNavSelected { background-color:#fff;}

#Bereich2 .absHeaderBild img {width:100%;}
#Bereich1 .abs3 {margin-bottom:40px;}



#Bereich2 .block , #Bereich2 .row , #Bereich2 { height:100%;}

.absBildstrecke  {margin:40px 0;}
.absBildstrecke .touchcarousel .touchcarousel-wrapper{border-top:4px solid #3B256E;border-bottom:4px solid #3B256E; }
.absBildstrecke .touchcarousel { height:138px;}

.absBildstrecke .touchcarousel.black-and-white .arrow-icon.right {margin-right: -10px; background-image:none; width:30px;text-align:right;font-size:30px;}
.absBildstrecke .touchcarousel.black-and-white .arrow-icon.left {margin-left: -10px;background-image:none; width:30px;text-align:left;font-size:30px;}

.absBildstrecke .touchcarousel.black-and-white .arrow-icon.right::after {
      content: '\f054'; /* chevron-right */
    font-family: 'FontAwesome'; 
     }
.absBildstrecke .touchcarousel.black-and-white .arrow-icon.left::after {
      content: '\f053'; /* chevron-right */
    font-family: 'FontAwesome'; 
    }

#FilterLeisteKalender a { text-decoration:none;}
#FilterLeisteKalender .setFilter { margin-bottom:3px;}

#absAusstHeader h1 { line-height:100%!important; font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif!important;font-weight:normal!important;color:#3B256E;font-size:50px;}
#absAusstHeader h2 { font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif!important;font-weight:normal!important;color:#000;font-size:26px; text-transform:none;}
#absAusstHeader p {margin:0;}

.angebot {min-height:20px!important;}
.angebot .pubbestellen {background-color:#fff;color:#3B256E!important;border:3px solid #3B256E; border-radius:0!important; }
.angebot .pubbestellen a {color:#3B256E!important;text-decoration:none!important;font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif!important;}
.btn-default {background-color:#fff;color:#3B256E!important;border:3px solid #3B256E; border-radius:0!important; text-transform:uppercase;
              font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif!important; text-decoration:none!important; }
.btn-default:hover {color:#fff!important;background-color:#3B256E!important;border:3px solid #3B256E; border-radius:0!important; }


/*Verteilerabsatz Bild links, text rechts*/
.abs11 i {position:absolute;right:0;bottom:10px;font-size:18px; background-color:#3B256E;color:#fff;padding:10px 12px 9px 14px ;}

/*Titel/Text*/
#Bereich1 .abs38 {margin-bottom:20px;}
#Bereich1 .abs38 h2 {font-family: "TT Norms W01 Bold",Arial, Helvetica, sans-serif; color:#3B256E;font-size:32px;text-transform:uppercase;}




.absFlaeche {background-color:#3B256E;color:#fff!important;height:100%;position:relative;}
.absFlaeche.mitHover:hover {opacity:0.7;}
.absFlaeche a { color:#fff;display:block;}
.absFlaeche .inner {padding:20px;position:absolute;width:100%; height:100%; }
.absFlaeche .inner h1 {font-size:24px;}

.absVHg, .absFlaeche {clear:both;}


.abs.s_drittel   {width:32%;float:left;margin-right:2%; height:270px;margin-bottom:2%;}
.abs.s_drittel.lastColumn { margin-right:0; border:none; }
.abs.s_drittel.lastColumn::after {  content: "";  display: block;  clear: both!important;}

.abs.s_halb {width:49%;float:left;margin-right:2%; height:360px; margin-bottom:50px;}
.abs.s_halb.lastColumn { margin-right:0; border:none; }
.abs.s_halb.lastColumn::after {  content: "";  display: block;  clear: both!important;}

/*Vertikaler verteilerabsatz*/
.abs42   {height:auto!important;margin-bottom:50px!important;}
.abs42 h4  { font-family:"TT Norms W01 Bold",Arial, Helvetica, sans-serif!important;color:#3B256E;margin-bottom:15px;}
.abs42 .Bildrahmen  {width:100%; height:auto;margin-bottom:20px;}


/*Ausstellungsübersicht*/
.AOverview .AAbb img{ width:100%;}
.AOverview .overline{ margin:0}
.AOverview h2{color:#3B256E;margin:0}
.AOverview h3{color:#000;background-color:transparent;padding:0; margin:0;}
.AOverview .btn{padding:15px 20px 15px 20px ;font-size:20px;}
 

.absFlaeche i {position:absolute; bottom:0; right:0px; background-color:#fff;color:#3B256E;font-size:20px;padding:15px 20px 15px 22px ;}

.absVHg.s_drittel,.absFlaeche.s_drittel,.absVHg.s_halb,.absFlaeche.s_halb {clear:inherit;}

.absVHg   { height:800px;position:relative;}
.absVHg.s_drittel   { height:270px;position:relative;}
.absVHg.s_halb   { height:360px;position:relative;}

.absVHg .bgImg { position:absolute; top:0;left:0;height:100px;width:100%; }
.absVHg .weiter {position:absolute; bottom:0; top:0px;bottom:inherit;background-color:#fff;color:#3B256E;font-size:20px;padding:20px 20px 5px 0px;height:auto;max-width:80%;}
.absVHg .weiter h2 { font-size:24px;  overflow-wrap: break-word; 
    word-wrap: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
.absVHg i {position:absolute; bottom:0; right:0px; background-color:#fff;color:#3B256E;font-size:20px;padding:15px 20px 15px 22px ;}
.absVHg:hover {opacity:0.7;}

#Bearbeitungsrahmen .abs {min-height:20px!important;}


/*Menü in Marginal*/
.abs47  { background-color:#fff;  }
#Bereich2 .abs47 #SubMenue h4 {margin-bottom:20px!important;}
.abs47 p {   color:#3b256e6e;      font-family: "TT Norms W01 Bold",Arial, Helvetica, sans-serif;  font-size: 18px; text-transform: uppercase; }
/*.abs47 p:not(:has(a)) { padding: 10px;}*/

.abs47 p a  {  color:#3B256e;   display: block;  }



.bildpresse {position:relative;border:2px solid #3B256E; height:100%; }
.bildpresse .downloadpress {position:absolute; top:-2px;left:-2px;}
.bildpresse .bu {font-size:14px; line-height:100%;}
.bildpresse p {padding:10px 10px 0px 10px ;}


#breadcrump  {  line-height:140%;}
#breadcrump .mpfad span {border:4px solid #3B256E; width:30px; }
#breadcrump a {padding-right:10px;}

/*// Small devices (landscape phones, 576px and up)*/
    /*body {border-top:10px solid #f00}*/
/*header text/bild*/
.abs26 {min-height:auto;}
.abs26 h2{padding-top:20px;}
 
#absAusstHeader h1 { font-size:20px;}
#absAusstHeader p { font-size:20px;}
.abs.s_drittel   {width:100%; }
.abs.s_halb {width:100%;  }

@media (min-width: 576px) {  
    #absAusstHeader h1 { font-size:30px;}
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  
    /*header text/bild*/
    .abs26 {min-height:380px;}
    .abs26 h2{padding-top:0px;}

    #absAusstHeader h1 { font-size:40px;}
    .abs.s_drittel   {width:32%; }
    .abs.s_halb {width:49%; height:360px;}
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  
    #absAusstHeader h1 { font-size:50px;}

}

/*// X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  
    .abs26 {min-height:400px;}

}

/*// XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {  

}

 
/*Besondere Max-Width-Regeln*/
@media (max-width: 767px) {  
    .inh3.abs38.s_halb{ height:auto!important; margin-bottom:0!important;}
    .absVHg.weiter.s_halb {margin-bottom:10px!important;}
#breadcrump  {  line-height:100%;bottom: -2px!important;  margin-left: -10px!important;font-size:11px;}
#breadcrump .mpfad span {border:4px solid #3B256E; width:15px; margin-top:2px; }
#breadcrump a {padding-right:5px;}

       #header {margin-bottom:20px;}
 
       #Bereich2 .royalSlider {height: auto;}

}