@charset "utf-8";
/* CSS Document */

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
}

body {
  margin: 0;
  font-size: .9em;
  font-family: 'Lato', Arial;
  line-height: 1.5em;
  color: #777;
}

a {color: #e30613; text-decoration: none; font-family: 'Lato', Arial;}


h1 {margin-bottom: 30px; margin-left: 0px; clear: both;font-weight: 300;font-size: 32px; text-transform: uppercase; line-height: 36px; color: #000;}
h2 {margin-bottom: 10px; margin-left: 0px; clear: both;font-weight: 300;font-size: 16px; text-transform: uppercase; line-height: 22px; color: #000;}

.text-normal {  color: #777;  }
.text-black {  color: #000;  }

img {
  /*max-width: 100%;*/
  width: 100%;
  height: auto;
}


.icon-markup img { width: 16px; }


/* Box-sizing polyfill for IE6 and IE7 */
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  *behavior: url(../js/boxsizing-pocketgrid.htc);
}



.outerhead {
 /*background-color: #000;*/
 background: #000 url(../images/homeback.jpg);
 background-repeat: no-repeat;
 background-position: center center; 
 background-size: cover;  
}

.homeslider {
  position: absolute;
  top: 0;
  left: 0;  
  }

.divmax1170 { max-width: 1170px; margin: 0px auto;}

/*Header + Navigation*/

.header {
 border: 0px solid red;
 height: 544px;
 position: relative;
}

.header-us {height: 350px;}

.outertopnav {
 position: relative;
 top: 0px;
 z-index: 10000;
 -webkit-transition: ease-in-out, top .35s ease-in-out; /* Safari 3.1 to 6.0 */
 transition: ease-in-out, top .35s ease-in-out;  
 /*background: #e30613;*/
 padding-top: 20px;
}

.outerfooter {  background: #e9e9e9 ; margin-top: 30px; padding: 50px 0px;}
.footer-locations { position: relative;}
.footer-locations .locationnav-logo {background: none;}
.mainnav{ color: #fff; padding: 0px 0px 10px 0px;}

.mobile-language {color: #fff; font-size: 14px;font-weight: 700; position: absolute; top: 105px;z-index: 100000;padding: 0px 0px 0px 16px;}
.mobile-language a {color: #fff;padding: 0px 3px 0px 3px;}
.mobile-language {display: none;}
.mobile-language.mobile-language-open {display: block;}

.sm .jqhomebutton {margin-top: 45px;}
.sm .jqsupportbutton a {padding: 10px 0px 10px 20px; font-size: 18px; font-weight: 700;}

.locationnav{
 position: absolute;
 bottom: 0px;
 width: 100%;
}


.locationnav-logo {
 width: 50%;
 height: 100%;
 background: #fff;
 text-align: center;
 font: 0/0 a;
}

.locationnav-logo:before {    
    content: ' ';
    display: inline-block;
    vertical-align: middle; 
    height: 100%;
}

.locationnav-logo-center {
    display: inline-block;
    vertical-align: middle;       
    font: 16px/1 Arial, sans-serif;
    padding: 0px 25px;
    height: 60px;
}


.helper {    display: inline-block;    height: 100%;    vertical-align: middle;}
.locationnav-logo img {    vertical-align: middle; }

/*.topnav, .supportnav {background: #e30613;  }*/
.topnav {padding: 10px 0px;}
.topnav-open {background: #e30613;}
.outercontent {padding: 40px 0px 0px 0px;}

#menu-icon {
    color: #fff;
    width: 56px;
    height: 56px;
    background: #8dc63f url(../images/menu-icon.png) no-repeat 0px 0px;
    padding: 0px 0px 0 0px;
    cursor: pointer;
    border: 0px;
    display: block;
  margin-left: 20px;
}

#menu-icon.menu-icon-active {background: url(../images/menu-icon-active.png)}

.mobile-button {    display: block;    width: 56px;    height: 56px;    padding: 0px 0px;}
.mobile-logo { position: absolute;    right: 10px;    bottom: 20px; max-width: 60%;}


.supportplustop {border: 0px solid #ccc; }
.logo { padding-right: 20px; padding-left: 20px; text-align: right; position: relative; height: 75px; display: none;}
.logo img {position: absolute; right: 15px; top: 0;}


#main-menu    { display: none; min-width: 320px; width: 100vw;position: absolute;background: #e30613;}
.sm {text-transform: uppercase;}
.supportnav  { display: none; position: relative;}
#support-nav {position: absolute; bottom: 0;left: 65px;}
.language {position: absolute; bottom: 0;left: 0px;padding: 5px 0px 5px 7px;}
.language a.language-act, .mobile-language a.language-act {font-weight: 700; text-decoration: underline;}

/*Slick Slider*/
.slick-prev, .slick-next {width: 50px; height: 90px; color: #fff;font-size: 20px;}
.slick-next {right: 0px;}
.slick-prev {left: 0px;z-index: 100;}
.slick-next::before, .slick-prev::before {content: '';}
.locgal-nav .slick-prev, .locgal-nav .slick-next {color: #f00;}
.locgal-nav .slick-next {right: -50px;}
.locgal-nav .slick-prev {left: -50px;}

/*Content Elemente*/
.homecontentbox-2sp-h1 { padding: 0px 40px 40px 15px; font-size: 32px; text-transform: lowercase; line-height: 34px;}
.homecontentbox-2sp-teaser { padding: 0px 15px 0px 15px; font-size: 16px; text-transform: uppercase; line-height: 22px; }
.homecontentbox-1sp-headline { padding: 50px 0px 5px 15px; font-size: 16px; text-transform: uppercase; line-height: 22px;color: #000; }
.homecontentbox-1sp-more, .infobox-grau-more { padding: 20px 0px 20px 0px; font-size: 16px; text-transform: uppercase; line-height: 22px; text-align: center; }
.homecontentbox-1sp-more a, .infobox-grau-more a {padding: 5px 10px 5px 10px; background: #e9e9e9; color: #e30613; text-decoration: none;}
.homecontentbox-1sp-more p, .infobox-grau-more p {padding: 5px 10px 5px 10px; background: #e9e9e9; color: #e30613; text-decoration: none; display:inline-block;margin-right: 2%;}

.content-center-headline {padding: 50px 0px 15px 15px;font-size: 16px;text-transform: uppercase;line-height: 22px;width: 50%;color: #000;}
.content-center-25 .content-center-headline {width: 25%;}
.content-center-50 .content-center-headline {width: 50%;}
.content-center-75 .content-center-headline {width: 75%;}
.content-center-100 .content-center-headline {width: 100%;}

.homenews-flex { position: relative; background: #e9e9e9;}
.homenews-flex-headline { display: block; padding: 5px 15px 5px 15px; font-size: 16px; line-height: 22px;  font-weight: 700;}
.homenews-flex-headline a {text-decoration: none; color: #777;}
.homenews-flex-text { display: block; padding: 5px 15px 35px 15px; font-size: 16px; line-height: 22px; color: #999;}
.homenews-flex-link { position: absolute; bottom: 0; right: 0;display: block; padding: 5px 15px 5px 15px; font-size: 16px; line-height: 22px; color: #e30613;}
.homenews-flex-link a {text-decoration: none; color:  #e30613;}
div.homenews-flex:nth-child(1),div.homenews-flex:nth-child(2),div.homenews-flex:nth-child(3),div.homenews-flex:nth-child(4),div.homenews-flex:nth-child(5) {margin-bottom: 25px;}
  
.highlights-element {position: relative; height: 400px; background: #e9e9e9;}
.highlights-element-image {width: 100%;position: relative;}
.highlights-element-image-image {float: right;width: 100%;height: 300px;}
.highlights-element-text {width: 100%; color: #fff; padding: 12px 10px 10px 20px; height: 300px; color: #000;}
.highlights-element-text h1 {padding: 0px 30px 0px 30px; text-decoration: none; font-size: 16px; line-height: 19px; text-transform: uppercase; margin: 0;}
.highlights-element-image img {width: unset; max-width: 100%;}
/*.highlights-element-text-date, */
.highlights-element-text-desc {display: none;}
.highlights-element-text-head, .highlights-element-text-date {text-align: center;}

.highlights-element-link {position: absolute; right: 30px; top: 30px;}
.highlights-element-link a {padding: 5px 15px 5px 15px; background: #e30613; color: #fff; text-decoration: none;}
.highlights .slick-prev, .highlights .slick-next { color: #e30613; top: 86%;}

.footer-imprint { padding: 30px 15px 30px 20px; font-size: 14px; line-height: 22px; color: #999;;background: url(../images/footer-back-mkk.png) no-repeat right bottom;}
.footer-logo { padding: 30px 0px 30px 15px; text-align: left;}

#accordion {background: #e9e9e9;}
#accordion h3, #accordion2 h3 { background: #e30613; color: #fff; margin: 2px 0px;padding: 2px 0px 2px 10px;font-size: 16px;font-weight: 300;}
#accordion h3:hover, #accordion2 h3:hover { background: #b62a29;}
/*
#accordion h3::before, #accordion2 h3::before { content: "+ ";}
#accordion h3.ui-state-active::before, #accordion2 h3.ui-state-active::before { content: "– ";}
*/

#accordion h3 .room-title::before, #accordion2 h3 .room-title::before { content: "+ ";}
#accordion h3.ui-state-active .room-title::before, #accordion2 h3 .room-title.ui-state-active::before { content: "– ";}

/*#accordion {margin-top: 0px;}*/

.gallerynav {padding: 20px 55px 15px 55px;background: #e9e9e9 none repeat scroll 0% 0%;}
.gallerynav img  {padding: 10px;}
.gallerynav .slick-prev, .gallerynav .slick-next {    color: #f00;  }
.locationgallery0nav img, .locationgallery1nav img, .locationgallery2nav img, .locationgallery3nav img, .locationgallery4nav img, .locationgallery5nav img, .locationgallery6nav img, .locationgallery7nav img  {padding: 10px;}
.locationgallery8nav img, .locationgallery9nav img, .locationgallery10nav img, .locationgallery11nav img, .locationgallery12nav img, .locationgallery13nav img, .locationgallery14nav img, .locationgallery15nav img  {padding: 10px;}

.gallery-element img {max-height: 100%;}
.gallery-element-caption {padding: 5px 5px 5px 5px;background: #e9e9e9;position: relative;}
.gallery-element-caption span {position: absolute;    right: 7px;    top: 4px;}

.locationgallery0nav .gallery-element,
.locationgallery1nav .gallery-element,
.locationgallery2nav .gallery-element,
.locationgallery3nav .gallery-element,
.locationgallery4nav .gallery-element,
.locationgallery5nav .gallery-element,
.locationgallery6nav .gallery-element,
.locationgallery7nav .gallery-element,
.locationgallery8nav .gallery-element,
.locationgallery9nav .gallery-element,
.locationgallery10nav .gallery-element,
.locationgallery11nav .gallery-element,
.locationgallery12nav .gallery-element,
.locationgallery13nav .gallery-element,
.locationgallery14nav .gallery-element,
.locationgallery15nav .gallery-element,
.gallerynav .gallery-element {opacity: 0.5;}

.locationgallery0nav .gallery-element.slick-current,
.locationgallery1nav .gallery-element.slick-current,
.locationgallery2nav .gallery-element.slick-current,
.locationgallery3nav .gallery-element.slick-current,
.locationgallery4nav .gallery-element.slick-current,
.locationgallery5nav .gallery-element.slick-current,
.locationgallery6nav .gallery-element.slick-current,
.locationgallery7nav .gallery-element.slick-current,
.locationgallery8nav .gallery-element.slick-current,
.locationgallery9nav .gallery-element.slick-current,
.locationgallery10nav .gallery-element.slick-current,
.locationgallery11nav .gallery-element.slick-current,
.locationgallery12nav .gallery-element.slick-current,
.locationgallery13nav .gallery-element.slick-current,
.locationgallery14nav .gallery-element.slick-current,
.locationgallery15nav .gallery-element.slick-current,
.gallerynav .gallery-element.slick-current {opacity: 1;}
.gallerydllink { text-align: right;    padding: 0px 10px 5px 0px;    background: #e9e9e9;    font-size: 12px; margin-top: -4px;}

.location-fact {padding: 0px 15px 20px 15px;}
.location-fact i.fa{color: #e30613;}
.location-teaser {padding: 0px 15px 0px 15px;}
.location-teaser strong, .location-teaser b {text-transform: uppercase; color: #000;}

/*Ariadnepfad*/
.outerariadne {background: #e9e9e9;}
.ariadne ul { list-style-type: none; display: inline-block; padding: 5px 0px;}
.ariadne ul li {  float: left;  color: #999;}
.ariadne ul li a {  text-decoration: none;  color: #999;  padding: 0px 0px 0px 0px;}
.ariadne ul li a:hover {color: #e30613;}
.ariadne .fa {  margin: 0px 10px;  color: #999;}
.ariadne {padding: 0px 0px 0px 15px;}

/*Supportnav*/
.supportnav ul { list-style-type: none; display: inline-block; padding: 5px 0px;}
.supportnav ul li { float: left;  color: #fff;}
.supportnav ul li a { text-decoration: none;  color: #fff;  padding: 0px 5px 0px 10px;font-size: 15px;}
.supportnav ul li a:hover { color: #e30613; }
  
.language a {  text-decoration: none;  color: #fff;  padding: 0px 3px 0px 3px;font-size: 15px;}
.language a:hover { color: #e30613; }

/*Accordion Content*/
.ui-accordion-content {  background: #e9e9e9;  padding: 20px 20px;  }
.locgal-nav {margin: 30px 50px 0px 50px; display: none;}
.locgal-detail-image {}
.locgal-detail-descr {color: #f00; padding: 10px 0px 10px 0px}

/*Location Slider*/
.room-title {width: 25%;display: inline-block;}
.room-size {width: 20%;display: inline-block;text-align: right;}
.room-rows {width: 15%;display: inline-block;text-align: right;}
.room-parlament {width: 15%;display: inline-block;text-align: right;}
.room-bankett {width: 15%;display: inline-block;text-align: right;}
.location-accordion-header {background: #929292; color: #fff;padding: 4px 0px 5px 10px; font-size: 14px;margin: 50px 0px 0px 0px;}
.locgal-detail-image > span {display: inline-block; width: 100%; color: #666; padding: 3px 0px 3px 5px;text-align: center;background: #929292; color: #fff;}

.location-accordion-header h3 .room-title {width: 25%;}

.contacts-hidden {    max-height: 0;    transition: max-height 0.50s ease-out;    overflow: hidden;}
.contacts-hidden.show {    max-height: 1300px;    transition: max-height 0.75s ease-in; }
.contact-flex {    background: #e9e9e9;    height: 445px;  margin-bottom: 15px; position: relative;}
.contact-flex-headline {font-weight: bold;padding: 10px 10px 0px 10px;display: block;color: #000;}
.contact-flex-text {padding:0px 10px;display: inline-block;}
.contact-flex-mail, .contact-flex-card {color: #f00;padding:0px 10px 10px 10px;display: inline-block;}
.contact-flex-card {position: absolute;    top: 7px;}
.contact-flex-card .fa-address-card::before {font-size: 22px;}


.hr-download-flex {    background: #e9e9e9;    height: 345px;  margin-bottom: 15px; position: relative;}
.hr-download-flex-headline {font-weight: bold;padding: 10px 10px 0px 10px;display: block;color: #000;}
.hr-download-flex-text {padding:0px 10px;display: inline-block;}
.hr-download-flex-mail, .contact-flex-card {color: #f00;padding:0px 10px 10px 10px;display: inline-block;}
.hr-download-flex-file {padding:0px 10px;position: absolute;    bottom: 7px;}




.show-contacts::before {  content:"+ " ;  }
.show-contacts-active::before {  content:"– " ;  }
/*.room-title::before {  content:"+ " ;  }
.room-title-active::before {  content:"- " ;  }*/


.show-infobox-grau::before {  content:"+ " ;  }
.show-infobox-grau-active::before {  content:"– " ;  }
.infobox-grau {    max-height: 450px;    transition: max-height 0.50s ease-out;    overflow: hidden;}
.infobox-grau.show {    max-height: 3500px;    transition: max-height 0.75s ease-in; }
.infobox-grau li {margin-left: 15px;}


.content-center .tx-dce-pi1 {width: 100%; padding: 0px 15px;}
.content-center .tx-dce-pi1 .contact-flex  {width: 100%; margin-right: 0%;}

.homeslider-gallery-element { background-repeat: no-repeat; background-position: center center;  background-size: cover;   height: 550px;}
#locationslider.homeslider {height: 550px;}

/*Location Content Boxen*/
.locationcontent-flex {background: #e9e9e9; margin-top: 40px;position: relative;height: 440px;}
.locationcontent-flex-category {display: inline-block; width: 100%;padding: 5px 0px 5px 15px; font-size: 16px; text-transform: uppercase; line-height: 22px; color: #000;background: #fff;}
.locationcontent-flex-headline {display: inline-block; width: 100%;padding: 5px 0px 5px 15px; font-size: 16px; text-transform: uppercase; line-height: 22px; color: #000;}
.locationcontent-flex-text {display: inline-block;padding: 5px 0px 5px 15px;}
.locationcontent-flex-link {display: inline-block;padding: 5px 5px 4px 5px; color: #fff; width: 100%;text-align: center;position: absolute;bottom: 0;left: 0}
.locationcontent-flex-link a {text-decoration: none; color:#e30613; background: #fff;padding: 5px 15px 6px 15px;text-transform: uppercase;}
.locationcontent-flex-linkinside {display: inline-block;padding: 5px 5px 4px 5px; color: #fff; width: 100%;text-align: center;position: absolute; bottom:-1px; left: 0;}
.locationcontent-flex-linkinside a {text-decoration: none; color:#e30613; background: #fff;padding: 5px 15px 5px 15px;text-transform: uppercase;}

/*.locationcontent-flex.locationcontent-flex-imagesonly {height: unset;}
geändert von Bernhard */
.locationcontent-flex.locationcontent-flex-imagesonly {height: 247px;overflow: hidden;background: #fff;}
.locationcontent-flex.locationcontent-flex-imagesonly img {height: 100%; width: auto;}

.locationcontent-flex33 {background: #e9e9e9; margin-top: 40px;position: relative;}
.locationcontent-flex33-category {display: inline-block; width: 100%;padding: 5px 0px 5px 15px; font-size: 16px; text-transform: uppercase; line-height: 22px; color: #000;background: #fff;}
.locationcontent-flex33-headline {display: inline-block; width: 100%;padding: 5px 0px 5px 15px; font-size: 16px; text-transform: uppercase; line-height: 22px; color: #000;}
.locationcontent-flex33-text {display: inline-block;padding: 5px 0px 5px 15px;}
.locationcontent-flex33-link {display: inline-block;padding: 5px 5px 4px 5px; color: #fff; width: 100%;text-align: center;}
.locationcontent-flex33-link a {text-decoration: none; color:#e30613; background: #fff;padding: 5px 15px 6px 15px;text-transform: uppercase;}


/*News*/
.news .header {height: unset;}
.news-list-item {}
.news-list-item { margin: 0 0 30px 0; padding: 0px 0 0px 0; border-top: 1px solid #e30613; border-bottom: 1px solid #e30613; background: #e9e9e9;}
.news-list-item h3 {font-size: 16px;line-height: 22px;margin-bottom: 10px;font-weight: 300;text-transform: uppercase;}
.news-list-item img {max-width: 100%; width: 100%; height: auto; margin: 0;}
.news-list-item a {color: #000; text-decoration: none;}
.news-list-item-date-desktop {display: none;}
.news-list-item-date-mobile {display: block;}
.news-list-item-header {border: 0px solid #ccc; padding: 15px;}
.news-list-item-date {border: 0px solid #ccc; padding: 5px 15px;}


/*Veranstaltungen*/
.va-list-item {max-height: 660px; margin: 0 0 10px 0; padding: 0px 0 0px 0; border-top: 1px solid #e30613; border-bottom: 1px solid #e30613; background: #e9e9e9;}
.va-list-item {position: relative; color: #000;font-size: 16px;transition: max-height 0.50s 0.25s ease-out;overflow: hidden;}
.va-list-item h3 {font-size: 20px; text-transform: uppercase; font-weight: 400; line-height: 28px;}
.va-list-item img {width: unset; height: auto;}
.va-list-item a {color: color: #e30613; text-decoration: none;}
.va-list-item.va-list-item-hide {max-height: 0;    transition: max-height 0.50s 0.75s ease-out;    overflow: hidden; border: 0;margin: 0;}
.va-filter { margin: 0 0 10px 0; background: #e30613; color: #fff; font-size: 16px;}
.va-filter form {float: left;}
.va-list-item-header {padding:10px;}
.va-list-item-date {padding:10px;}
.va-list-item-cat {padding: 10px 10px 35px 10px;}
.va-list-item-img {padding:10px;}
.va-filter input[type=submit] {width: 40px; text-transform: uppercase;}
.va-filter .vaSearchfield {width: 70%;}

.va-ticket-link {position: absolute;right: 0;bottom: 0;background: #e30613; padding: 5px 15px;}
.va-ticket-link a {color: #fff;}

.va-filter-filter,  .va-filter-search, .va-filter-month, .va-filter-location, .va-filter-btn {padding: 5px 10px;} 
.fulltextsearch {float: left; padding: 2px 5px; color: #666; margin-right: 3px; font-size: 15px;}
.va-filter-btn {padding: 0px 5px; color: #fff; font-family: 'Lato', Arial; float: left; border: 1px solid #fff;}
.select-month, .select-location {width: 160px; padding: 2px; color: #666; font-family: 'Lato', Arial;}
.vaSearchButton {background: none;color: white;font-size: 10px;}  


.news-single-img {    float: left;    margin: 20px 0px 20px 0px;    padding: 0; width: 100%; overflow: auto;}
.news-single-subheader {padding: 10px 0px; font-weight:bold;}
.news-single-backlink a {text-decoration: none; color:  #e30613;}
.news-list-morelink a {text-decoration: none; color:  #e30613;}
.news-single-imgcaption {    padding:0;    margin: 0;    display: none;}
.news-single-moreimages .news-single-img img {margin: 10px 0 10px 0;}

.news-single-item h2 {font-size: 16px;line-height: 22px;font-weight: 300; color: #000; text-transform: uppercase;}
.news-single-files {color: #e30613;margin: 20px 0px 20px 0px;}
.news-single-files a {margin: 0px 5px 0px 5px;}

.infobox-grau {background: #e9e9e9; padding: 15px}
.infobox-grau b {color: #000;}
.infobox-grau-links {width: 100%; padding: 0px 20px 0px 0px;}
.infobox-grau-rechts {width: 100%;}
.infobox-grau-rechts img {max-width: 100%; width: unset; height: auto;}
.infobox-grau-rechts h3 {color:#fff; background: #e30613; padding: 5px 5px; display: block; margin-top: 20px;font-size: .9em;font-weight: normal;}
.infobox-grau-rechts h3 a {color:#fff;}
.infobox-grau-rechts h4 {color:#fff; background: #929292; padding: 5px 5px; display: block; margin-top: 20px;font-size: .9em;font-weight: normal;}


.linkcentered {    padding: 20px 0px 20px 0px;    font-size: 16px;    text-transform: uppercase;    line-height: 22px;    text-align: center;}
.linkcentered a {    padding: 5px 10px 5px 10px;    background: #e9e9e9;    color: #e30613;    text-decoration: none;    display: inline-block;}

.textBoxGrey {background: #e9e9e9; padding: 15px;margin-bottom: 50px;}
.textBoxGrey h1 {color: #000; text-transform: uppercase; font-size: 16px;font-weight: normal;margin-bottom: 15px;}
.textBoxGrey b {color: #000;}

.textBoxWhite {margin-top: 30px; padding: 0px 15px 0px 15px;}

.textBoxFlex {padding: 0px 15px; margin: 0px 0px 20px 0px;}
.textBoxFlex h2 {    font-size: 16px;    text-transform: uppercase;    line-height: 22px;    color: #000; font-weight: 300;}

.spacerBox0 {height: 0px;}
.spacerBox15 {height: 15px;}
.spacerBox30 {height: 30px;}
.spacerBox50 {height: 50px;}

.footer-logo {width:auto;float:right;padding-right:12px;}
.footer-logo img {max-width: 100%;height: auto;width: unset;}

input { width: 260px;    padding: 2px;    color: #666;    font-family: 'Lato', Arial; border: 1px solid #666; margin: 3px 0px;}
textarea { width: 260px;    padding: 2px;    color: #666;    font-family: 'Lato', Arial; border: 1px solid #666; margin: 3px 0px;}
select { padding: 2px;    color: #666;    font-family: 'Lato', Arial; border: 1px solid #666; margin: 3px 0px;}
div.csc-mailform ol li.csc-form-element-textblock { color: #000;    font-family: 'Lato', Arial; margin: 25px 0px 10px 0px;font-size: 16px;}
.mailform-date, .mailform-anzahl {width: 116px;}
div.csc-mailform ol li.csc-form-element-submit {margin-top: 15px;}

.footer-navigation {position:relative;margin: 40px 0px 10px 0px; color: #e30613; font-size: 14px;}
.footernavlist-div {position: absolute; right: 5px;}
.footernavlist {list-style-type: none;}
.footernavlist li {float: left;}
.footerfacebook-div {position: absolute; left: 15px;}

.sm-simple a span.sub-arrow {right: 22px;background: none;font: unset; font-size: 24px;line-height: 32px;}


.dreidlogo {position: absolute; right: 20px; bottom: 20px; width: 180px; height: 70px;}
.dreidlogo a {display: inline-block; float: right; width: 70px; margin-left: 10px;}
#locationslider .slick-list {height: 100%;}
#locationslider.homeslider {height: 455px;}

#homeremark {margin-bottom: -40px;}
ul.csc-uploads span.csc-uploads-fileName { text-decoration: none; }

.cntNextMonth {text-align: center; padding: 5px 0px 0px 0px;margin: 5px 0px 30px 0px;}
.nextmonth {background: #e30613;padding: 5px 15px;color:#fff;}

.chairs {background: #666; margin: 3px 0px 0px 0px; padding: 1px 0px 0px 0px; color: #fff; max-width: 220px; overflow: auto;}
.chairsImg {float: left;}
.chairsText {float: left; line-height: 20px;}
.va-list-item .chairs img {height: 100%; width: auto; vertical-align: middle; margin: -2px 0px 0px 0px;}

#printlink {display: none;}

.nlregform { margin: 10px 15px 40px 15px; display: block;}
.nlregform label {display: block; width: 120px; height: 25px; float: left;}
.nlregform input[type=radio] {width: 20px;}
.nlregform input[type=text] {background: #ddd; border: 0px;padding: 5px;}
.nlregform .formtextlabel {padding: 5px 0px;}
.nlregform button[type=submit] {display: block; width: 100px; height: 30px; padding: 0px 10px; border: 0px solid #f00; background: #e30613; color: #fff; margin-top: 15px;}

/*******************************
        MQ480
********************************/



@media screen and (min-width: 480px) {

.locationnav-logo { width: 25%;}
.locationnav-logo-center { height: 50px;     padding: 0px 15px;}
.locationcontent-flex {width: 48%; margin-right: 2%; margin-top: 30px; height: 440px;}
.locationcontent-flex33 {width: 48%; margin-right: 2%; margin-top: 30px; height: 360px;}
.locationcontent-flex33-link {display: inline-block;padding: 5px 5px 4px 5px; color: #fff; position: absolute;bottom:0; left: 0;right: 0;margin-left: auto;margin-right: auto;width: 115px;}
.locationcontent-flex-left {width: 48%; margin-right: 1%; margin-left: 0%; }
.locationcontent-flex-right {width: 48%; margin-right: 0%;margin-left: 1%; }

.divmax1170 { padding: 0px 0px; }
.ariadne {padding: 0px 0px 0px 15px;}
.location-fact { padding:  0px 15px 20px 15px;}
.location-teaser {padding: 0px 15px 0px 15px;}

.content-center-headline {padding: 50px 0px 15px 10px;}
.content-center .tx-dce-pi1 {width: 48%; margin-right: 2%; float: left; padding:0;}
.content-center .tx-dce-pi1 .contact-flex  {width: 100%; margin-right: 0%;}

/*.logo { width: 50%;}*/

div.homenews-flex:nth-child(1) {width: 49%; margin-right: 1%;margin-bottom: 25px;}
div.homenews-flex:nth-child(2) {width: 49%; margin-left: 1%;margin-bottom: unset;}
div.homenews-flex:nth-child(3) {width: 49%; margin-right: 1%;margin-bottom: 25px; clear: left;}
div.homenews-flex:nth-child(4) {width: 49%; margin-left: 1%;;margin-bottom: unset;}
div.homenews-flex:nth-child(5) {width: 49%; margin-right: 1%; clear: left;;margin-bottom: unset;}
.homenews-flex  { height: 350px;}

.footer-imprint {}
.footer-imprint-left {width: 40%;margin-bottom: 30px;}
.footer-imprint-right {width: 60%;}

.footer-logo{width: 50%;}

.homecontentbox-2sp-h1 { padding: 0px 15px 30px 15px;}


.contact-flex {width: 48%;margin-right: 2%;height: 425px;}

.hr-download-flex {width: 48%; margin-right: 2%; height: 320px;}



.highlights-element {height: 300px;}
.highlights-element-image {width: 50%;position: relative;}
.highlights-element-image-image {float: right;width: 83%;height: 300px;}
.highlights-element-text {width: 50%; color: #fff; padding: 20px 10px 10px 20px; height: 300px; color: #000;}
.highlights-element-text-head, .highlights-element-text-date {text-align: left;}
.highlights-element-link {position: absolute; right: 40px; bottom: 30px;top: unset;}
.highlights .slick-prev, .highlights .slick-next {top: 50%;}
.highlights-element-text h1 {padding: 0px 0px 0px 0px;font-size: 20px; line-height: 24px;}

.dreidlogo {height: 80px;}
.dreidlogo a {width: 80px;}



}

/*******************************
        MQ768
********************************/

@media screen and (min-width: 768px) {

h1, h2 {margin-left: 0px; }

.divmax1170 { padding: 0px 15px 0px 15px;}

.content-center {display: flex; justify-content: center;flex-wrap: wrap;}
.content-center .tx-dce-pi1 {width: 23%; margin-right: 2%; float: left;}
.content-center .tx-dce-pi1 .contact-flex  {width: 100%; margin-right: 0%;}
.content-center-headline {padding: 50px 0px 15px 0px;}

.header, .header-us, .homeslider, .homeslider-gallery-element { height: 600px; }
#locationslider.homeslider {height: 600px;}

.supportplustop {display: block; width:55%;height: 75px;}
.language { padding: 5px 0px 5px 5px;}
.mobile-language.mobile-language-open {display: none;}


.topnav, .supportnav, .outertopnav, #main-menu {background: none;  } /* geändert von Bernhard: background: unset in background: none */
.topnav {padding: 0px; position: absolute; bottom: 0;}
.mainnav{padding: 0px 0px 0px 0px;}
.sm .jqlanguagebutton {display: none;}
.sm .jqhomebutton {display: none;}
.sm .jqsupportbutton {display: none;}
.mobile-logo {display: none;}

.outertopnav { position: fixed; top: 0px; padding-top: 30px; background: rgba(0,0,0,0.30); box-shadow:0px 0px 70px 70px rgba(0,0,0,0.30); -webkit-transition: ease-in-out, padding-top .35s ease-in-out; transition: ease-in-out, padding-top .35s ease-in-out;}

.outertopnav.scrolleddown {
 background: rgba(0, 0, 0, 0.7);
 top: 0px;
 padding-top: 10px;
 -webkit-transition: ease-in-out, padding-top .35s ease-in-out; /* Safari 3.1 to 6.0 */
 transition: ease-in-out, padding-top .35s ease-in-out; 
 box-shadow:0px 0px 70px 70px rgba(0,0,0,0.0);
 /*background: rgb(0, 0, 0);
 background: rgba(0, 0, 0, 0.6);*/
 
}

.outerariadne.scrolleddown {
 position: fixed;
 top: 85px;
 width: 100%;
 -webkit-transition: ease-in-out, top .35s ease-in-out; /* Safari 3.1 to 6.0 */
 transition: ease-in-out, top .35s ease-in-out; 
 z-index: 1000;
}


.locationnav{ height: 70px; }

.locationnav-logo {
 width: 12.5%;
 background: #fff;
 border: 0px solid #ccc;
}


.logo {/*border: 0px solid #c00;*/ width: 45%;height: 75px; padding-right: 20px; padding-left: 20px; text-align: right; position: relative; display: block;}
.logo img {position: absolute; right: 0; top: unset; width: unset; max-width: 100%; bottom: 9px;width:359px;height:68px;} /* width und height eingetragen von Bernhard */


.supportnav  { display: block !important; width: 100% ;height: 30px; border: 0px solid #ccc; position: absolute; bottom: 30px;}

#menu-icon {
  display: none; /* hide menu icon initially */
}

#main-nav {      line-height: 0;        }
#main-menu {      display: inline-block;      width: auto;      position: relative;    }    


/*Content Elemente*/
.outercontent {padding: 40px 0px 0px 0px;}
.homecontentbox-2sp { width: 50%;}
.homecontentbox-2sp-h1 { padding: 0px 40px 40px 115px; font-size: 32px; text-transform: lowercase; line-height: 34px;}
.homecontentbox-2sp-teaser { padding: 0px 115px 0px 0px; font-size: 16px; text-transform: uppercase; line-height: 22px; }
.homenews-flex  { width: 50%; height: 440px;}
div.homenews-flex:nth-child(3) {width: 32%; margin-right: 1%; clear: left;}
div.homenews-flex:nth-child(4) {width: 32%; margin-left: 1%; margin-right: 1%;}
div.homenews-flex:nth-child(5) {width: 32%; margin-left: 1%;clear: none;margin-right: 0;}




.location-fact {width: 40%; padding: 0px 40px 0px 0px;}
.location-fact img {margin-bottom: 30px;}
.location-teaser {width: 60%;; padding: 0px 20px 0px 10px;}


.ui-accordion-content {  background: #e9e9e9;  padding: 30px 60px;  }
.locgal-nav {margin: 30px 30px 0px 0px; display: block;}
.locgal-detail-image {}
.locgal-detail-descr {width: 25%;padding: 0px 0px 0px 15px}

.contact-flex {width: 23%;margin-right: 2%;background: #e9e9e9;height: 350px;}
.contact-flex-headline {font-weight: bold;padding: 10px 10px 0px 10px;display: inline-block;}
.contact-flex-text {padding:0px 10px;display: inline-block;}
.contact-flex-mail, .contact-flex-card {color: #f00;padding:0px 10px 10px 10px;display: inline-block;}

.hr-download-flex {width: 23%; margin-right: 2%; height: 265px;}

.ariadne {padding: 0px 0px 0px 0px;}

.footer-logo { padding: 30px 0px 30px 0px; text-align: right;width: auto;}

/*News*/

.homecontentbox-1sp-headline {padding: 50px 0px 5px 0px;}
.news-latest-container {    padding: 0px;}

.news-list-item { margin: 0 0 10px 0; padding: 0px 0 0px 0; border-top: 1px solid #e30613; border-bottom: 1px solid #e30613; background: #e9e9e9;}

.news-list-item-img, .news-list-item-header, .news-list-item-date, .news-list-item-cat {border: 0px solid #ccc; padding: 15px;}

.news-list-item-img {width: 25%;}
.news-list-item-header {width: 60%;}
.news-list-item-date {width: 15%;}
.news-list-item-date-desktop {display: block;}
.news-list-item-date-mobile {display: none;}

/*.news-list-item-cat {width: 25%;}*/


/*Veranstaltungen*/
.va-list-item { margin: 0 0 10px 0; padding: 0px 0 0px 0; border-top: 1px solid #e30613; border-bottom: 1px solid #e30613; background: #e9e9e9; max-height: 350px;}
.va-list-item img {max-width: 100%; width: 100%; height: auto;}
.va-list-item-img, .va-list-item-header, .va-list-item-date, .va-list-item-cat {border: 0px solid #ccc; padding: 15px;}
.va-list-item-cat {padding-bottom: 35px;}


.va-list-item-img {width: 17%;}
.va-list-item-header {width: 33%;}
.va-list-item-date {width: 25%;}
.va-list-item-cat {width: 25%;}

.va-filter { margin: 0 0 10px 0; padding: 0px 0 0px 0; background: #e30613; color: #fff; font-size: 16px;}
.va-filter-filter {width: 17%; padding: 21px 12px;}
.va-filter-search {width: 33%; padding: 17px;}
.va-filter-month {width: 25%; padding: 21px;}
.va-filter-location {width: 25%; padding: 21px;}

.infobox-grau-links {width: 75%;}
.infobox-grau-rechts {width: 25%;}

 .locationcontent-flex {height: 470px;}
 .locationcontent-flex-left {width: 49%; margin-right: 2%; margin-left: 0%}
 .locationcontent-flex-right {width: 49%; margin-right: 0%;; margin-left: 0% }

 .locationcontent-flex33 {height: 370px;}
 .locationcontent-flex33-left {width: 32%; margin-right: 2%; }
 .locationcontent-flex33-middle {width: 32%; margin-right: 2%; }
 .locationcontent-flex33-right {width: 32%; margin-right: 0%; }
 .locationcontent-flex33-category {padding: 5px 0px 5px 0px;}

.locationcontent-flex.locationcontent-flex-imagesonly {height: 240px;overflow: hidden;}

.textBoxWhite {padding: 0px 15px 0px 0px;}
.textBoxWhite10 {padding: 0px 10% 0px 10%;}
.textBoxWhite20 {padding: 0px 20% 0px 20%;}


.textBoxFlex {padding: 0px 0px; margin: 0px 0px 0px 0px;}
.textBoxFlex33 {width: 33%; padding-right: 3%;}
.textBoxFlex40 {width: 40%; padding-right: 3%;}
.textBoxFlex50 {width: 50%; padding-right: 2%;}
.textBoxFlex60 {width: 60%; padding-right: 2%;}
.textBoxFlex66 {width: 66%; padding-right: 2%;}

.news-single-item {padding: 0 10%;}
.news-single-moreimages .news-single-img img {    float: left;    width: 48%; margin: 10px 1% 10px 1%;}
.news-single-moreimages .news-single-imgcaption {padding: 0; margin: 0;}

.footer-imprint {width: 65%;}
.footer-imprint-left {width: 40%;margin-bottom: 0px;}
.footer-imprint-right {width: 60%;}
.footer-logo {width: 35%;}
.footerfacebook-div {position: absolute; left: 0;}
.footernavlist-div {position: absolute; right: 0;}


.highlights-element-image {width: 45%;position: relative;}
.highlights-element-image-image {float: right;width: 83%;height: 300px;}
.highlights-element-text {width: 55%; color: #fff; padding: 20px 10px 10px 40px; height: 300px; color: #000;}
.highlights-element-text-date, .highlights-element-text-desc {display: block;}
.highlights-element-text h1 {padding: 0px 0px 0px 0px; text-decoration: none; font-size: 26px; line-height: 30px; text-transform: uppercase;}
.highlights-element-text-desc {padding-right: 40px;}

.sm-simple a span.sub-arrow {display: none;}

.locationgallery0, .locationgallery1, .locationgallery2, .locationgallery3, .locationgallery4, .locationgallery5, .locationgallery6, .locationgallery7 {width: 75%;}
.locationgallery8, .locationgallery9, .locationgallery10, .locationgallery11, .locationgallery12, .locationgallery13, .locationgallery14, .locationgallery15 {width: 75%;}
.locgal-detail-descr {color: #f00; padding: 0px 0px 0px 15px}


.nlregform {width: 50%; margin: 10px 0px 40px 0px; display: block;}
.nlregform label {display: block; width: 120px; height: 25px; float: left;}

}


/*******************************
        MQ1024
********************************/

@media screen and (min-width: 1024px) {

.header, .header-us, .homeslider, .homeslider-gallery-element { height: 800px; }
#locationslider.homeslider {height: 800px;}
.outercontent .divmax1170 { max-width: 1170px; margin: 0px auto; padding: 0px 15px 0px 15px;}
.outerfooter .divmax1170 { max-width: 1170px; margin: 0px auto; padding: 0px 15px 0px 15px;}
.homecontentbox-1sp-headline { padding: 50px 0px 5px 0px;}
.locationcontent-flex-category {padding: 5px 0px 5px 0px;}
.locationcontent-flex {height: 500px;}
.locationcontent-flex.locationcontent-flex-imagesonly img {height: auto; width: 100%;}
.locationcontent-flex.locationcontent-flex-imagesonly {height: 245px;}

.topnav, .supportnav {background: none;  }

.footer-imprint {width: 50%;}
.footer-imprint-left {width: 40%;}
.footer-imprint-right {width: 60%;}
.footer-logo {width: 50%;}

.highlights-element-image {width: 40%;position: relative;}
.highlights-element-image-image {float: right;width: 87%;height: 300px;}
.highlights-element-text {width: 60%; color: #fff; padding: 20px 10px 10px 40px; height: 300px; color: #000;}


}



/*******************************
        MQ1170
********************************/

@media screen and (min-width: 1170px) {

.logo {padding-right: 0px; padding-left: 0px;}
.footer-imprint { padding-left: 0px;background: url(../images/footer-back-mkk.png) no-repeat right bottom; }
.divmax1170 { padding: 0px 15px 0px 15px;}
.locationcontent-flex.locationcontent-flex-imagesonly {height: 279px;}


}

/*******************************
        Spezial
*******************************
        MQ600
********************************/

@media screen and (max-width: 600px) {

.room-title {width: 100%;}
.room-size {width: 24%;text-align: left;}
.room-rows {width: 24%;text-align: right;}
.room-parlament {width: 24%;text-align: right;}
.room-bankett {width: 24%;text-align: right;}
.location-accordion-header h3 .room-title {width: 100%;}

}



/*******************************
        Spezial
*******************************
       KV Anpassung
********************************/

@media screen and (max-height: 1000px) and (min-width: 1024px) {

.header, .header-us, .homeslider, .homeslider-gallery-element { height: 600px; }
#locationslider.homeslider {height: 600px;}

}


/*******************************
        MQ600
********************************/

@media screen and (max-width: 480px) {

.h1small {font-size: 20px;margin-left: 10px;}
.csc-frame-frame1 .csc-header h1 {font-size: 24px;margin-top: 30px;padding-left: 10px;}
}


@media screen and (min-width: 768px) and (max-width: 1023px) {

.chairsText {width: 120px;}

}


/*******************************
        Banner
********************************/

.adbanner {width: 100%;}
.adbannerMobile {display: block;}
.adbannerDesktop {display: none;}

@media screen and (min-width: 481px) {
.adbannerMobile {display: none;}
.adbannerDesktop {display: block;}
}

/*********************************
 Footer Links max-width 450 px
*********************************/

@media only screen and (max-width: 650px) {
  .footerfacebook-div {
    position: relative;
  }
  .footernavlist-div {
    position: relative;
    left: 15px;
  }
}


/*******************************
        3D Filme
********************************/
  .featherlight .featherlight-content {    width: 300px;    height: 168px; padding: 0; border: 0;}

@media only screen and (min-width: 480px) {
  .featherlight .featherlight-content {    width: 420px;    height: 236px;}
}

@media only screen and (min-width: 768px) {
  .featherlight .featherlight-content {    width: 680px;    height: 384px;}
}

@media only screen and (min-width: 1024px) {
  .featherlight .featherlight-content {    width: 900px;    height: 506px;}
}
 
/* Ende */