body {
    font-family: 'Open Sans', sans-serif;
    color: #465767;
    position:relative;
}

h1,h2 {
    font-family: 'Lucida Grande',sans-serif;    
    color:#465767;
}

h3,h4 {    
    font-family: 'Open Sans', sans-serif;
    color:#465767;
}

a {
    color:#0083FF;
}

p {
  /*color:#191919;*/
  color:#465767;
  line-height: 1.8;
  letter-spacing: 0.01rem;
}
ins {
    font-size:0.66rem;
    line-height: 2;
}

.clr {
    clear:both;
    display:block;
    height:0;
}
.container,
.container-fluid {
  /* Stop beeing responsive */
  min-width: 1114px;
  max-width: 1114px;
}

.material-icons {
    font-size:1.4rem !important;
}
.sec-list .comments-readmore,
.topic-list .comments-readmore,
.content-wrap .comments-readmore {
    display: none;
}
.sec-list .comments,
.topic-list .comments,
.content-wrap .comments {
    float:right;
    text-align: right;
    padding:6px 6px 2px;
    margin-top:-8px;
}
.comments .count {
    display:inline-block;
    vertical-align: top;
    font-size: 0.8rem;
}

.meldungen .sec-list .jcomments-links {
    display:none;
}

#top {
    display:flex;
}
.sticky {
    position: fixed;
    width:100%;
    z-index:19;
    top:0;
    background-color: #465767;
}
.sticky .navtop {
    display: none;
}
.sticky .nk-head {
    margin-bottom:0;
}
.sticky .nk-head .logo {
    height:50px;
    width:14%;
    margin-right:6%;
}
.sticky .logo .nkmod,
.sticky .logo .nkmod > div {
    height:50px !important;
}



.topad {
    height:auto;
    margin-top:8px;
    width:100%;
}
.topad .nkmod {
    text-align: right;
}
.topad .nkmod p {
    margin-bottom:.2rem;
    line-height: auto;
}
.topad .nkmod img {
    max-width:100%;
    height:auto;
}
.topad .topad1 .nkmod {
    text-align: left;
}
.topad .topad1 > div,
.topad .topad2 > div {
    margin:0;
    border:0px solid red;
}
.topad .topad1 {
    float:left;
    width:600px;
}
.topad .topad2 {
    float:right;
    width:210px;
    margin-left:32px;
}
.topad .topad3 {
    float:right;
    width:210px;
}
.navtop {
    position:relative;
    border-top:1px solid #A2ABB3;
    min-height:30px;
}
.navtop .mod_date > div {
    font-size:0.86rem;
    padding:4px 0 5px;
}
.nkmod_support {
    position: absolute;
    top:12px;
    right:20px;
    width:auto;
    color:#fff;
    z-index:9;
    background-color:#cc0000;
    border-radius: 20px 20px 20px 0;
}
.nkmod_support p {
    margin:0;
    padding:0 0 0 20px;
    text-align: center;
}
.nkmod_support p a {
    font-family: 'Lucida Grande',sans-serif;
    display: block;
    /*padding:7px 30px 8px 25px;*/
    padding:6px 20px 7px 30px;
    color:#ffffff;
    font-weight: 600;
    text-decoration: none;    
    background:url(images/nac-mond-weiss.svg) no-repeat;
    background-color:transparent;
    background-size:7%;
    background-position: 4px 50%;
}

.nkmod_support_sp {
    position: absolute;
    top:12px;
    right:20px;
    width:auto;
    color:#fff;
    z-index:9;
    background-color:#cc0000;
    border-radius: 20px 20px 20px 0;
}
.nkmod_support_sp p {
    margin:0;
    padding:0 0 0 20px;
    text-align: center;
}
.nkmod_support_sp p a {
    font-family: 'Lucida Grande',sans-serif;
    display: block;
    /*padding:7px 30px 8px 25px;*/
    padding:6px 20px 7px 8px;
    color:#ffffff;
    font-weight: 500;
    text-decoration: none;    
    /*background:url(images/nac-mond-weiss.svg) no-repeat;*/
    background-color:transparent;
    background-size:7%;
    background-position: 4px 50%;
}
.nkmod_support_sp_st {
    display:none;
}
.sticky .nkmod_support_sp_st {
    position: absolute;
    display:block;
    top:44px;
    right:0px;
    width:auto;
    color:#fff;
    z-index:9;
    background-color:#cc0000;
    border-radius: 0px 20px 20px 20px;
}
.sticky .nkmod_support_sp_st p {
    margin:0;
    padding:0 0 0 20px;
    text-align: center;
}
.sticky .nkmod_support_sp_st p a {
    font-family: 'Lucida Grande',sans-serif;
    display: block;
    /*padding:7px 30px 8px 25px;*/
    padding:6px 20px 7px 8px;
    color:#ffffff;
    font-weight: 500;
    text-decoration: none;    
    /*background:url(images/nac-mond-weiss.svg) no-repeat;*/
    background-color:transparent;
    background-size:7%;
    background-position: 4px 50%;
    font-size: .92rem;
}
#wrap {    
    height:140px;
}
#navwrap {
    position: relative;
}
.nk-head {
    position:relative;
    padding:0px;        
    background-color: #465767;     
    display: flex;
    margin-bottom:0px;    
}
.nk-head .logo {
    width:20%;
    background-color:rgba(255, 255, 255, 0);
    height:110px;
}
.nk-head .gifhead {
    display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
}

.nk-head .logo .nkmod,
.nk-head .logo .nkmod > div {
    position:relative;
    height:110px;
}
.nk-head .logo .nkmod img {
    position:absolute;
    bottom:10px;
    left:10px;
    width:62%;
}
.sticky .nk-head .logo {
    margin-right:6%;
}
.sticky .nk-head .gifhead {
    display:none;
}

.sticky .nk-head .logo > a {
    display: block;
    padding-left:24px;
    background-image: url('images/nac-mond-weiss.svg');
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 5px 55%;
}
.sticky .nk-head .logo .nkmod img {
    bottom:12px;
    left:10px;
    width:48%;
}
.nk-head .navbar {
    position:static;
    align-items: flex-end;
    padding-bottom:0;
    width:80%;
}
.sticky .nk-head .navbar {
    padding-top:0;
}
.nk-head .navbar-collapse {
    /*position:relative;*/
    position:static;
}
.navbar-nav {
    flex-direction: row;
    position:relative;
}
.navbar-nav .nav-link {
    padding: .5rem 1rem .3rem;
    font-weight:normal;
    font-size:0.94rem;
}
.dropdown {
    position:static;
}
.mod_datetime {
    font-size:0.9rem;
}
.navbar-nav > li {
    padding: 0 2px;
}
.navbar-nav > li > a {
    color: #fff;
}
.dropdown:hover > .dropdown-menu {
    display: block;
    margin:0;
    width:100% ;
}
.dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.dropdown-toggle::after {
    display:none;
}
.horizontalMenu .withmodule {
    position:static !important;
}
.horizontalMenu .withmodule .modules-wrap {
    position: absolute;
    top:100%;
    left:0;
    display:none;
    width:100%;
    background:rgba(255, 255, 255, 0.5);
}
.horizontalMenu .withmodule.hover .modules-wrap {
    display:block;
}
.horizontalMenu .modules-wrap .topicwrap {
    padding:12px 10px;
}
.horizontalMenu .modules-wrap .topic {
    float:left;
    width:24%;
    border:0px solid red;
}
.horizontalMenu .modules-wrap .topic h4 {
    font-size: 0.9rem;
    color:#464646;
}
.horizontalMenu .modules-wrap .topic .img {
    width:98%;
    margin:6px;
    height:140px;background-color:#eee;
}
.horizontalMenu .modules-wrap .topicwrap::after {
    content: " ";
    display: block;
    clear:left;
    height:0;
}


/* div general */

/* Multi Rotator Ad Frame */
div[id^='jsemrp_'] {
  margin-bottom:24px !important;
}


/* Overlay */
div[id^='aolp-overlay'] {
    background: url("images/bg_blanc50.png") repeat scroll 0 0 !important;
}

/* Breadcrumbs */
.breadcrumb-wrap {
    width:100%;
    height:50px;
    margin-bottom:20px;
}
.sidebar-space {
    width:100%;
    height:40px;
    margin-bottom:0px;
}

.breadcrumb-wrap.home {
    margin-bottom:0;
}

.breadcrumb-wrap.home > div {
    display: none;
}

.breadcrumb {    
    padding:20px 0 0;
    height:auto;    
    background-color: transparent;
    border-bottom: 1px solid #a2abb3;
    white-space: nowrap;
    border-radius: 0;
    margin:0;
    min-height:50px;
}
.home .breadcrumb {
    border-bottom: 0;
}
.breadcrumb li {    
    padding:0 0 6px;
    margin:0;
}
.breadcrumb-item a,
.breadcrumb-item {
    color: #6c757d;
    font-size: 0.8rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: .5rem;
    color: #6c757d;
    content: ">";
}


/* Home page content */

#content {    
    margin-bottom:80px;
}
.featured .leading {
    background-color:transparent;
    margin-bottom:32px;
}
.featured .leading .leading-title {
    padding: 0px 0 14px;
}
.featured .items-row {
    margin-bottom:10px;
}
.featured .leading .featured-image {
    margin-bottom:1.2em;
    padding:0;
}
.featured .leading .featured-image iframe {
    width:805px !important;
    height:456px !important;
}
.featured .leading .featured-book {
    float:left;
    margin: 0 1.6rem 0 0 ;
    padding:0;
}
.featured .leading .content-wrap {
    padding:0px 0px 0px;
    background-color: #F5F6F7;
}
.featured .leading .content-wrap .book {
    padding-top:30px;
    margin-bottom:-2px;
}
.featured .leading .content-wrap .book::after {
    content: "";
    clear:both;
    height:1px;
    display: block;;

}
.featured .leading .content-wrap p {
    margin-left:15px;
    margin-right: 15px;    
}

.featured .content-wrap .mtt {
    position:relative;
    border: 0px solid black;
    padding: 20px;
    background-color: #e9f3ea;
    margin-bottom: 40px;
    margin-top: 40px;
}
.featured .content-wrap .mtt .logo {
    position: absolute;
    right: 20px;
    top: -14px;
    width: 120px;
    height: 80px;
    background: url(/images/mtt.png) no-repeat;
    background-size: 120px;
}
.featured .mtt .sec-list > h4 {
    font-size: 1rem;
    font-weight: 500;
    color: #000000;
}
.featured .mtt .sec-list > h3 {
    font-size: 1.3rem;
    color: #e73277;
    font-weight: bold;
    margin: 0 0 25px;
}

.featured .mtt .sec-list > div {
    margin-bottom: 12px;
}

p.text_autor,
span.text_autor {
    font-style: italic;
}
.featured .leading .content-wrap::after {
    clear:both;
    content: " ";
    display:block;
    height:1px;
}
.featured .leading .content-wrap a,
.featured .leading .content-wrap a:link,
.featured .item .content-wrap a,
.featured .item .content-wrap a:link,
.nk-list .sec-list .sec-item-content a,
.nk-list .sec-list .sec-item-content a:link,
.nk-regional .sec-list .sec-item-content a,
.nk-regional .sec-list .sec-item-content a:link,
.nk-news .sec-list .sec-item-content a,
.nk-news .sec-list .sec-item-content a:link,
.nk-topic .topic-list .topic-content a,
.nk-topic .topic-list .topic-content a:link {
    color:#000;
}
.featured .leading .content-wrap p > a:nth-child(2),
.featured .item .content-wrap p > a:nth-child(2) {
    color: #0083FF !important;
}
.featured .item .content-wrap .mtt p > a:link {
    color: #0083FF !important;
}
.featured .item .content-wrap.hsm p > a:nth-child(2) {
    color: #ffffff !important;
}

.featured .item .content-wrap .sec-title a,
.featured .item .content-wrap .sec-title a,
.featured .item .content-wrap .sec-link a {
    color:#465767;
}
.featured .item .content-wrap .mtt p > a:link {
    color: #0083FF !important;
}

.featured .leading .content-wrap a:hover,
.featured .leading .content-wrap a:active,
.featured .item .content-wrap a:hover,
.featured .item .content-wrap a:active,
.nk-list .sec-list .sec-item-content a:hover,
.nk-list .sec-list .sec-item-content a:active,
.nk-regional .sec-list .sec-item-content a:hover,
.nk-regional .sec-list .sec-item-content a:active,
.nk-news .sec-list .sec-item-content a:hover,
.nk-news .sec-list .sec-item-content a:active,
.nk-topic .topic-list .topic-content a:hover,
.nk-topic .topic-list .topic-content a:active,
.nk-media .media-list .content a:hover,
.nk-media .media-list .content a:active,
.nk-default .default-list .content a:hover,
.nk-default .default-list .content a:active {
    text-decoration: none;
    color:auto;
}
.featured .leading h2.item-title {
    margin:0 0 4px 0;
    padding:0;
    font-size:1.08rem;
    color:#cc0000;
}
.featured .leading p.text_titel,
.featured .leading .text_titel {
    margin:0;
    padding:6px 0;
    font-size:1.6rem;
    font-weight: 700;
    color:#465767;
}
.featured .jcomments-links {
    text-align:right;
    padding-bottom:10px;
}
.featured h2.sec-title,
.nk-media h2.tagtitle {
    font-size:1.6rem;
    color:#465767;
    font-weight:600;
    margin-bottom:1.7rem;
    padding-bottom:6px;
    border-bottom:1px solid;
}
.featured span.sec-link,
.nk-media span.tag-link {    
    display: inline-block;
    margin-left:6px;
}
.featured span.sec-link a,
.nk-media span.tag-link a {
    display:block;
    padding:0 10px;
    color:#506070;
}
.featured .sec-list > div {
    margin-bottom:40px;
}
.featured .sec-list > div::after {
    content:" ";
    clear:both;
    display:block;    
    height:0px;
    margin-bottom:0px;
}
.featured .sec-list .sec-item-img,
.nk-list .sec-list .sec-item-img,
.nk-topic .topic-list .topic-img,
.nk-default .default-list .img {
    width:42.2%;
    display:block;
    float:left;
}

.featured .sec-list .sec-item-img iframe,
.nk-list .sec-list .sec-item-img iframe,
.nk-topic .topic-list .topic-img iframe {
    width:340px !important;
    height:220px !important;
}

.featured .sec-list .sec-item-img figcaption,
.nk-list .sec-list .sec-item-img figcaption,
.nk-topic .topic-list .topic-img figcaption {
    display:none;
}

.nk-list.kolumnen .sec-list .sec-item-img {
    float:right;
}
.featured .sec-list .sec-item-img .item-image,
.nk-list .sec-list .sec-item-img .item-image,
.nk-regional .sec-list .sec-item-img .item-image,
.nk-list .sec-list .sec-item-img .featured-image,
.nk-topic .topic-list .topic-img .item-image {
    padding:0 0 0;
}

/* Regional / International */

.nk-list.regional {
    margin-left:-15px;
    margin-right:-15px;
}
.nk-list.regional .sec-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.nk-list.regional .sec-list .item {
    flex: 1 0 33%;
    margin: 0px;
    padding:20px;
}
.nk-list.regional .sec-list .sec-item-img {
    width:100%;
    float:none;
}
.nk-list.regional .sec-list .sec-item-img .item-image {
    margin-bottom: 1rem;
}
.nk-list.regional .sec-list .sec-item-img img {
    width:100%;
    height:auto;
}
.nk-list.regional .sec-list .sec-item-content {
    width:100%;
    float:none;
    padding:0;
}


.regrow {
    border:2px solid orange;
}
.regrow::after {
    content: "";
    clear:both;
    height:0;
    display:block;    
}
.nk-regional .sec-list .sec-item-img {
    border:2px solid green;
}

.featured .sec-list .sec-item-img a,
.nk-list .sec-list .sec-item-img a,
.nk-regional .sec-list .sec-item-img a,
.nk-topic .topic-list .topic-img a {
    display:block;
}
.featured .sec-list .sec-item-img img,
.nk-list .sec-list .sec-item-img img,
.nk-regional .sec-list .sec-item-img img,
.nk-topic .topic-list .topic-img img {
    max-width:100%;
}
.featured .sec-list .sec-item-content {
  width:57.7%;
  display:block;
  float:right;
  padding:1px 8px 0 32px;
}
.nk-list .sec-list .sec-item-content,
.nk-topic .topic-list .topic-content,
.nk-default .default-list .content {
    width:57.7%;
    display:block;
    float:right;
    padding:1px 8px 14px 36px;
}
.nk-news .sec-list .sec-item-content {
    display:block;
    margin-right:61px;
    margin-left: 61px;
    margin-bottom:10px;
    padding:20px 8px 20px 0;    
    border-bottom:1px solid #c0c9d1;
}
.nk-news.forum .sec-list .sec-item-content {
    border-bottom:1px solid #cee8f6 !important;
}
.nk-news .sec-list .sec-item-content:last-child {
    border-bottom:0;
}
.featured .sec-list .sec-item-content h3,
.nk-list .sec-list .sec-item-content h3,
.nk-list .sec-list .desc h3,
.nk-news .sec-list .sec-item-content h3,
.nk-topic .topic-list .topic-content h3,
.nk-media .media-list .content h3,
.nk-default .default-list .content h3 {
    font-size:0.92rem;
    margin-bottom:0.1rem;
    color:#cc0000;
    line-height: 1.4;
}
.nk-news .sec-list .sec-item-content h3 {
    color:#333;    
    margin-bottom: 0;
    font-weight:600;
}
.nk-news.meldungen .sec-list .sec-item-content h3 {
    font-size:1.24rem !important;
    font-weight:700;
    color:#465767;
    margin-bottom:0.8rem;
}
.nk-news.forum .sec-list .sec-item-content h3 {
    font-weight: bold;
    color:#59a7a0;
}
.featured .sec-list .sec-item-content .text_titel,
.featured .sec-list .sec-item-content .text_titel_ohne_autor,
.featured .kol-item.main .text_titel,
.nk-list .sec-list .sec-item-content .text_titel,
.nk-list .sec-list .desc .text_titel,
.nk-news .sec-list .sec-item-content .text_titel,
.nk-topic .topic-list .topic-content .text_titel,
.nk-media .media-list .content .text_titel,
.nk-default .default-list .content .text_titel,
.nk-list .sec-list .sec-item-content .text_titel_ohne_autor,
.nk-media .media-list .content .text_titel_ohne_autor,
.nk-default .default-list .content .text_titel_ohne_autor,
.nk-news .sec-list .sec-item-content .text_titel_ohne_autor,
.nk-topic .topic-list .topic-content .text_titel_ohne_autor {
    font-size:1.24rem !important;
    font-weight:700;
    color:#465767;
    margin-bottom:0.6rem;
}
.nk-news.meldungen .sec-list .sec-item-content .text_titel,
.nk-news.meldungen .sec-list .sec-item-content .text_titel_ohne_autor {
    display: none;
}
.featured .sec-list .sec-item-content p,
.nk-list .sec-list .sec-item-content p,
.nk-news .sec-list .sec-item-content p,
.nk-topic .topic-list .topic-content p,
.nk-media .media-list .content p,
.nk-default .default-list .content p,
.featured .kol-item.main p,
.featured .news-first p,
.page.contact p {
    font-size:0.88rem;
    margin:0.2rem 0;
    color: #191919;
    line-height: 1.7;
}
.featured .news-first .text_titel,
.featured .news-first .text_titel_ohne_autor {
    display:none;
}
.featured .news-list {
    padding:0px 0 0px;
    background-color:#eceeef;
    margin-bottom:40px;
}
.featured .kol-list {
    padding: 0;
    background-color:#f7f7f7;
    margin-bottom:40px;
}
.featured .kol-item.main {
    padding: 0;
}
.featured .kol-item.main::after {
    content:" ";
    clear:both;
    display:block;
    height:0px;
}
.featured .kol-item.main .kol-img {
    float:right;
    display:block;
    width:36%;
}
.featured .kol-item.main .kol-img.left {
    float:left;        
    text-align: center;
}
.featured .kol-item.main .kol-img img {
    max-width:100%;
    height:280px;
    width:auto;    
}
.featured .kol-item.main .kol-content {
    padding:20px 12px 30px 30px;
    float:left;
    display:block;
    width:64%;
}
.featured .kol-item.main .kol-content.right {
    padding:20px 12px 20px 30px;
    float:right;        
}
.featured .kol-list h3 {
    font-size:0.92rem;
    margin-bottom:0.06rem;
    color:#cc0000;
}
.featured .news-list::after {
    content:" ";
    clear:both;
    display:block;
    height:0px;
}
.featured .news-list-first {
    margin:0;
    padding-bottom:0;    
}
.featured .news-list-first::after {
    clear:both;
    content: "";
    height:0;
    display:block;
}
.featured .news-list .sep {
    height:24px;
    margin:0 20px 14px;
    padding:0;    
    border-bottom: 1px solid #ddd;
}
.featured .news-first {
    float:right;            
    width:57.8%;
    padding:18px 22px 0px 30px;
    text-align:left;   
}
.featured .news-img {
    float:left;
    width:42.2%;
    text-align:left;
}
.featured .news-first label {
    display:block;
    font-size:0.92rem;
    font-weight: 600;
    color: #111111;;
    padding:0 0 2px;
    margin-bottom:0;    
}
.featured .news-first h3 {
    font-size:1.24rem;
    font-weight: 700;
    color:#465767;
    padding:0 0 14px;
    margin-bottom:0rem;
    border-bottom:0;
}
.featured .news-left {
    float:left;
    width:50%;
    padding:10px 20px;
}
.featured .news-right {
    float:right;
    width:50%;
    padding:10px 20px;
}
.featured .news-date {
    font-size:0.88rem;
    color:#cc0000;
}
.featured .news-item label {
    display:block;
    font-size:0.8rem;
    font-weight: 600;
    color: #111111;;
    padding:0 0 2px;
    margin-bottom:0;    
}
.featured .news-item h3 {
    font-size:0.96rem;
    line-height: 1.4;
    font-weight: 600;
    color:#465767;
    padding:0 0 14px;
    margin-bottom:1rem;  
}
.featured .items-row h2.item-title {
    margin:0;
    padding:0;
    font-size:1rem;
    color:red;
}
.comments-link {
    padding:0;
    background:none;
}
.featured .contentbanner {
    max-width:100%;
    height:auto;
}

/* BLOGNEWS */

.nk-news.blognews .sec-list .sec-item {
    margin-right: 1px;
    margin-left: 1px;
    margin-bottom: 10px;
    padding: 20px 0px 20px 0;
    border-bottom: 1px solid #c0c9d1;
}
.nk-news.blognews .sec-list .sec-item .sec-item-img {
    float:left;
    width: 48%;
}
.nk-news.blognews .sec-list .sec-item .sec-item-img .item-image img {
    max-width: 100%;
    height: auto;
}
.nk-news.blognews .sec-list .sec-item .sec-item-content {
    margin:0;
    padding:0;
    float:right;
    width: 49%;
    border-bottom: 0;
}
.nk-news.blognews .sec-list .sec-item .meta {
    margin:0;
    padding: 4px 0;
    clear:both;
    display: block;
}
.nk-news.blognews .sec-list .sec-item::after,
.nk-news.blognews .sec-list .sec-item .meta::after {
    content: " ";
    display:block;
    height: 0;
    clear: both;
}
.nk-news.blognews .sec-list .sec-item .sec-item-content .readmore {
    padding: 6px 0;
    color: #0083FF;
}
/* HSM */

.featured .leading .hsm {
    background-color: rgba(137, 105, 255, 0.5);
    padding:14px 12px 0;
}
.featured .leading .hsm h2 {
    color: #000
}
.featured .leading .hsm .content-wrap {
    background-color: transparent;
}
.featured .leading .hsm .content-wrap a,
.featured .leading .hsm .content-wrap p > a:nth-child(2) {
    color: #ffffff !important;
}
.featured .leading .hsm .content-wrap a:hover {
    color: #eee;
}

.featured .content-wrap.hsm {
    background-color: rgba(137, 105, 255, 0.5); /*#8969ff;*/    
    padding:20px 20px 2px;
    margin-bottom:30px;
}
.featured .content-wrap.hsm h2 {
    color:#000;
}
.featured .content-wrap.hsm .sec-item-content h3 {
    color:#ffffff;
}
.featured .content-wrap.hsm .sec-item-content p {
    color:#000;
}
.featured .content-wrap.hsm .sec-item-content p a {
    color:#ffffff;
}
.featured .content-wrap.hsm .sec-item-content p a:hover {
    color:#eee;
}

.body .profile {
    margin-left:-56px;
    margin-right:-56px;
}

.body .profile .text_besetzung {
    border: 0px solid #707070 !important;
    padding: 16px 0px 0px 22px !important;
    background-color: #eceeef;
  }

.body .profile .text_titel {
    display:block !important;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: .5rem;
    line-height:1.6;
}

.profile > div > img,
.profile > div > a img {
    float:right;
    margin:-16px 0px 0px 0;
    width:230px;
    height:auto;
}

.profile > div::after {
    content: '';
    display:block;
    height: 0;
    clear:both;
}
.profile > div > .info,
.profile > div > a .info {
    margin-bottom: 0rem;
    padding-bottom:1rem;
}
.profile > div > a:hover {
    text-decoration: none;
}

.profile h4 {
    font-size: 1.04rem;
    color: #cc0000;
    padding-top:.5rem;
    margin-bottom:0;
}

/* Topics */

.nk-topics {
    margin:0;
}
.nk-topics .header {
    margin:0 0 30px;
    padding:0 0 40px;
    border-bottom:1px solid #e1e4e6;
}
.nk-topics .desc {
    margin: 0 30px 0 60px;
    font-size:0.88rem;
}
.nk-topics .items .item {
    background-color: #f5f6f7;
    margin-bottom:30px;
}
.nk-topics .items .item::after {
    content: "";
    clear: both;
    height:0;
    display:block;
}
.nk-topics .items .item .img {
    float:right;
    width: auto;
    /*
    background-color: red;
    background-blend-mode: screen;    
    */
}
.nk-topics .items .item .img img {
    max-width: 100%;
    height:auto;
}
.nk-topics .item h3 {    
    margin-left: 60px;
    padding:30px 0 0;
    font-size: 2rem;        
}
.nk-topics .item h3 a {    
    font-weight: 700;
    color: #465767;
}
.nk-topics .item .body {    
    font-size: .88rem;    
    margin-left: 60px;
    margin-right:33%;
    padding:6px 0 20px;        
}


/* NK Lists */

.nk-list .leading,
.nk-list .list-intro,
.nk-topic .topic-intro,
.nk-news .news-intro,
.nk-ftopic .intro {
    padding: 0px 0 30px;
}

.nk-media .intro {
    padding: 0px 0 10px;
    margin-bottom:40px;
    border-bottom:1px solid #e1e4e6;
}

.nk-topic .header,
.nk-list .header,
.news .header,
.page .header,
.nk-ftopic .header,
.nk-media .header,
.nk-default .header {    
    background-color: #f5f6f7;    
    margin-bottom:22px;
}
.page.newsletter .header {    
    background-color: #d9edff;    
}
.nk-news .header {
    background-color: #eef7fc;
}
.nk-list.kolumnen .header {
    background-repeat: no-repeat;
    background-position: right center;
    margin-bottom:42px;
}

.nk-topic .header h1,
.nk-topics .header h1,
.nk-list .header h1,
.nk-news .header h1,
.news .header h1,
.fest .header h1,
.page .header h1,
.nk-media .header h1,
.nk-default .header h1,
.nk-schedule .header h1 {
    margin-left:60px;
    margin-right:30px;
    padding-top:2rem;
    font-size:2rem;
    font-weight:700;
    color:#465767;    
    margin-bottom: 1rem;
}
.nk-default .header h1 {
    padding-bottom: 2.2rem;
}
.nk-list .header h3 {
    font-size:0.92rem;
    padding-top:2rem;
    margin-bottom:0.1rem;
    color:#cc0000;
    line-height: 1.4;
}

.nk-news .header .desc,
.nk-schedule .header .desc {
    margin-left:60px;
    margin-right:40px;
    padding-bottom:10px;
}
.nk-news .desc.mob {
    display: none;
}
.nk-list .header .desc,
.page.charts .header .desc,
.page.digital .header .desc,
.page.newsletter .header .desc {
    margin-left:60px;
    margin-right:25%;
    padding-bottom:40px;
    font-size:0.88rem;
}
.nk-news .header .desc p,
.nk-list .header .desc p,
.page.charts .header .desc p,
.page.newsletter .header .desc p {
    font-size:0.92rem;
}
.page .latest {
    margin:0;
    padding:0;
}
.page .latest a:hover {
    text-decoration: none;
}
.page .latest .item {
    margin:0 0 16px;
    padding:10px 0 6px;
    border-bottom:1px solid #999;
}
.page .latest .item h3 {
    font-size:1.04rem;
    font-weight: 600;
    color: #465767;
    line-height: 1.4;
}
.page .latest .item h4 {
    font-size:.88rem;
    font-weight:bold;
    color:#333;
}
.page .latest .item .date {
    margin:0px;
    padding:6px 0 16px;
    font-size:.8rem !important;
}

.page ul {
    padding:0 0 0 4px;
    list-style-type: none !important;
}
.page ul:not(.advpoll-answer-wrapper) li,
.news ul:not(.advpoll-answer-wrapper) li {
    padding:0 0 0 16px;
    margin:20px 0;
    background-image: url('images/arrow-right-24x14.svg');
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: left .4rem;
    list-style-type: none;
}
.page ul.advpoll-answer-wrapper li {
    padding:0 0 0 16px;
    margin:20px 0;
}
.page.charts ul li {
    background-image: none !important;
}
.page .teiler {
    font-weight: bold;
    border-bottom: 1px solid #788490;
    font-size:1.3rem !important;
}
ul.default {
    list-style-type: none;
    margin-bottom: 2px;
    padding-bottom: 10px;
}
ul.default li {
    background-image: none !important;
    margin: 14px 0 !important;
    padding: 0 0 0 14px !important;
    line-height: 1rem;
}
ul.default > li:before {
    content:"·";
    font-size:30px;
    vertical-align:middle;
    line-height:20px;
    padding-right: 14px;
    padding-bottom: 3px;
}
span.or {
    color:#e95d0f !important;
}
span.red {
    color: #cc0303;
}
span.lightgreen {
    color: #6edb01;
}
span.lightblue {
    color: #339cff;
}

.header span.gr {
    color: #59a7a0 !important;
}
.news .header {
    min-height: 160px;
    margin-bottom:30px;
}
.news .header::after,
.nk-schedule .header::after {
    content: "";
    display:block;
    height:1px;
    clear:both;
}
.news.forum .header {
    background-color: #f5fafa;
    padding-bottom:32px;
}
.nk-schedule .header {
    background-color: #edeff0;
    padding-bottom:0;
    margin-bottom:30px;
}

.news .header h2 {
    margin-left:61px;
    padding-top:1.5rem;
    font-size:1rem;
    font-weight:500;
    color:#333;    
}
.news.forum .header h2 {
    padding-top:1.8rem;
    color: #59a7a0;
}
.news .header h1 {
    margin-left:61px;
    padding-top:0.2rem;
    font-size:2rem;
    font-weight:700;
    color:#465767;    
    margin-bottom:1.8rem;
}
.news .header h4 {
    margin:0;
    padding:0;
    margin-left:61px;
    font-size:1rem;
    font-weight: 300;
    font-style: italic;
}
.news .header .image .item-image {
    float:none !important;
}
.news .header .image .img_caption {
    background-color: #f5f6f7;
}
.news .header .image p.img_caption {
    font-size:.82rem;
    padding:4px 8px;
    margin-bottom:4px;
    font-style: italic;
}
.nk-topic .header .img,
.nk-list .header .img,
.nk-news .header .img,
.page .header .img,
.nk-ftopic .header .img,
.nk-media .header .img,
.nk-schedule .header .img,
.fest .header .img {
    float:right;
    margin:0;
    padding:0;
}
.nk-topic .header .img img,
.nk-list .header .img img,
.nk-news .header .img img,
.page .header .img img,
.nk-media .header .img img,
.nk-ftopic .header .img img,
.nk-schedule .header .img img,
.fest .header .img img {
    padding:0;
    margin:0;
    height:170px;
}
.desk .kolumnen .subinfo {
    display:none;
}

.nk-news .leading {
    margin-bottom:36px;
    padding: 20px 0 40px;
    background-color: #f5f6f7;
}
.nk-news .leading-wrap {
    padding-top: 10px;
}
.nk-list .leading .leading-header h2,
.nk-news .leading .leading-header h2 {
  margin: 0;
  padding: 0;
  font-size: 1.04rem;
  color:#cc0000;
}
.nk-list .leading .leading-title h3,
.nk-news .leading .leading-title h3 {
  margin: 8px 0 10px;
  padding: 0;
  font-size: 1.7rem;
  font-weight: 700;
}
.nk-list .leading .leading-content {
    margin-top:25px;
    padding:0 0 20px;
    background-color: #f5f6f7;
}
.nk-list .leading .leading-img {
    padding:0px 0 25px;
}
.nk-list .leading .leading-inner-content {
    padding:0px 20px 0px;
}

.nk-list .leading .leading-img img {
    width:100%;
}

.nk-news .leading .leading-img {
    width:48%;
    float:left;
    padding:0 20px 20px 0;
}

.nk-topic .topic-intro .content,
.nk-media .intro .content {
    margin: 0 60px 20px;    
}
.nk-topic .items-desc {
    margin:0;    
    padding:0;
    font-size:1.5rem;
    font-weight: 600;
    margin:40px 0 .2rem;
    color:#465767;    
}
.nk-topic .topic-intro p {
    font-size:0.88rem;
    margin:0.2rem 0;
    color: #191919;
    line-height: 1.7;
}
.nk-topic .topic-intro .text_titel,
.nk-list .header .desc .text_titel  {
    font-size:1.6rem;
    font-weight: 700;
    color:#465767;
    margin-bottom: 0.8rem;
}

.page.blanc .text_titel  {
    font-size:1.8rem;
    font-weight: 700;
    color:#465767;
    margin-bottom: 1.4rem;
}
.page.blanc .body  {
    margin-left:0 !important;
    margin-right:20px !important;
}
.nk-list .leading .leading-content a,
.nk-news .leading .leading-content a,
.nk-topic .topic-intro .content a {
    text-decoration: none;
    color:#000;
}
.nk-list .leading .leading-content a:hover,
.nk-news .leading .leading-content a:hover,
.nk-topic .topic-intro .content a:hover {
    color:#000;
}
.nk-list .leading .leading-content .readmore-link,
.nk-news .leading .leading-content .readmore-link {
    display:none;
}
.nk-list .leading .leading-content .text_titel,
.nk-news .leading .leading-content .text_titel {
    font-size:2rem;
    font-weight:700;
    color:#465767;
    margin-bottom: 1.5rem;
}
.nk-list .leading .leading-content .text_autor,
.nk-news .leading .leading-content .text_autor {
    font-size:1.04rem;
    color:#8c96a1;
    margin-bottom: 1.8rem;
}
.nk-list .leading .jcomments-links,
.nk-news .leading .jcomments-links {
    text-align:right;
    margin-top:-20px;
    padding-bottom:10px;
}
.nk-list .item,
.nk-news .item,
.nk-topic .topic {
    background-color:transparent;
    margin:0 0 30px;
}
/*
.nk-list.kolumnen .kol-leading {
    background-color: #f5f6f7;
    margin-bottom:40px;
}
.nk-list.kolumnen .kol-leading::after {
    display:block;
    content: " ";
    height:0;
    clear:both;
}
.nk-list.kolumnen .kol-img {
    float:left;
    width:30%;
}
.nk-list.kolumnen .kol-img img {
    max-width: 100%;
}
.nk-list.kolumnen .kol-desc {
    width:70%;
    float:right;
    padding:30px;
}
.nk-list.kolumnen .kol-desc p {
    font-size:0.88rem;
}
*/
.nk-list.kolumnen .item {
    position: relative;
    background-color: #f5f6f7;
    margin-bottom:30px;
}
.nk-list.kolumnen .item.blanc {
    background-color: transparent;
    margin-right:60px;
    margin-left:60px;
    margin-bottom:10px;
}
.nk-list.kolumnen .sec-list .catmore {
    position: absolute;
    left:0;
    bottom:16px;
    text-align:left;
    padding:0 0 0 36px;
    font-size:.9rem
}
.nk-news.forum .header {
    background-color: #f5fafa;
}


.nk-list .sec-list .item::after,
.nk-news .sec-list .item::after,
.nk-media .media-list .item::after,
.nk-default .default-list .item::after {
    clear:both;
    content: " ";
    display:block;
}
.nk-list.kolumnen .sec-list .sec-item-img {
    width:31%;
}
.nk-list.kolumnen .sec-list .sec-item-content {
    float:none;
    width:100%;        
    padding:18px 33% 36px 36px;
}
.nk-list.kolumnen .sec-list .blanc .sec-item-content {
    padding:10px 0;
}
.nk-list.kolumnen .sec-list .sec-item-content p {
    line-height: 1.6;
    font-size:0.92rem;
    margin-bottom:12px;
}
.nk-list.kolumnen .sec-list .sec-item-img .item-image {
    padding:0
}

/* Media */

.nk-media .media-list .item,
.nk-media .tag-list .item {
    margin-bottom:50px;
}
.nk-default .default-list .item {
    margin-bottom:1.8rem;
}

.nk-media .tag-list > a:hover,
.nk-default .tag-list > a:hover {
    text-decoration: none;
}
.nk-media .media-list .img,
.nk-media .tag-list .img {
    float:left;
    width:31%;
    margin-bottom:20px;    
}
.nk-media .media-list .img img,
.nk-default .default-list .img img {
    width:100%;
}
.nk-media .media-list .img .podcast-img {
    display:block;
    padding-top:42px;
    background-image: url('images/dertheaterpodcast.jpg');
    background-repeat: no-repeat;
    background-size: 100%;    
    position:relative;
}
.nk-media .media-list .content,
.nk-media .tag-list .content {
    float:right;
    width:68%;
    padding:1px 20px 10px;    
}
.nk-media .tag-list .content p {
    font-size:.9rem;
}
.nk-media .media-list .med,
.nk-default .default-list .med {
    clear:both;
    display:block;
}
.nk-media .readmore {
    display: block;
    text-align:right;
}
.nk-topic .items-more,
.nk-list .items-more {
    margin-top:30px;
    margin-bottom:80px;
}
.nk-topic .items-more .item-wrap,
.nk-list .items-more .item-wrap {
    margin-bottom:36px;
}
.nk-topic .items-more img,
.nk-list .items-more img {
    max-width:100%;
}
.nk-topic .items-more .img,
.nk-list .items-more .img {
    margin-bottom:8px;
}
.nk-topic .items-more .img .no-img,
.nk-list .items-more .img .no-img {
    width: 460px;
    height:320px;
    background-color:#f8f9fa;
}
.nk-topic .items-more .title a,
.nk-list .items-more .title a {
    display: block;
    font-size: 0.88rem;
    font-weight: bold;
    padding:0;
    color: #465767;
}
.nk-topic .items-more .cat,
.nk-list .items-more .cat {
    display:block;
    margin:6px 0 0px;
    padding:0;
  font-size: 0.80rem;
  padding:0;
  color: #465767;
}
.nk-topic .items-more .date,
.nk-list .items-more .date,
.nk-list .items-more .regie,
.nk-list .items-more .autor {
  font-size: 0.80rem;
  padding:0;
  color: #465767;
}
.nk-list .items-more .defhead {
    font-size:0.88rem;
    margin-bottom:0.1rem;
    color:#cc0000;
    line-height: 1.4;
  }
.nk-list .items-more .defautor {
    font-size: 0.80rem;
    padding:0;
    color: #465767;
  }
.books .items-more .img {
    border-bottom:1px solid #707070;
    padding-bottom:14px;
    margin-bottom:10px;
    min-height:188px;
}
.books .items-more .author {
    font-size: 0.88rem;
    margin:0;
    padding:0;
}
.books .items-more .reviewfrom {
    font-size: 0.88rem;
    margin:0;
    padding:0;
    font-style: italic;
}
.icons_right {
    text-align: right;
    margin-top:-10px;
}
.icons_right p > a {
    display:inline-block;
    margin:0 10px;
}
.icons_right p > a > img {
    height: 24px;
    width: auto;    
}


/* Preview */

#theater-theater > div::after {
    clear:both;
    content: "";
    display:block;
    height:30px;
}

#theater-theater #dsort {
    float:right;
}
#theater-theater #month {
    float:left;
    margin-bottom:20px;
}
#theater-theater #year {
    clear:left;
    float:left;
}
#theater-theater #show {
    float:right;
    padding:12px 14px;
    background-color: #6b7885;
    border-radius: 3px;
    color:#ffffff;
    font-size:1rem;
}
#theater-theater select {
    border:1px solid #6b7885;
    padding:14px 20px;
    font-size:.9rem;
    width:320px;
}
#theater-theater > h3 {
    display: none;
}
#theater-theater table {    
    width:100% !important;
    border-collapse:separate;
    border-spacing:0 10px;
}
#theater-theater table tr {
    background-color: #f5f6f7;
}
#theater-theater table tr td {
    padding:14px 10px;

}

/* Weblinks, FAQs */

.fbContent_core {
    padding-top:0;
}
.page .fbContent_qFaqItemInner {
    padding:0;
}
.fbContent_qListItem {
    border: 0;
    padding: 10px 0px 10px 0px
}
.page .qFaqItem_answer {
    padding: 0 30px;
}
.nk-weblinks,
.faqlist {
    margin:0;
    padding:0;
    list-style-type: none;
}
.nk-weblinks > li,
.page .faqlist .qListItem_header {
    background-image: none !important;
    margin:0;
    padding:0 !important;
    margin-bottom:12px;
    border-radius:0px;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    -ms-transition: background-color 1s, color 1s;
    -o-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    background-color: #f5f6f7;    
}
.nk-schedule .schedule-item {
    background-image: none !important;
    margin:0;
    padding:0 !important;
    margin-bottom:12px;
    border-radius:0px;
    -webkit-transition: background-color 1s, color 1s;
    -moz-transition: background-color 1s, color 1s;
    -ms-transition: background-color 1s, color 1s;
    -o-transition: background-color 1s, color 1s;
    transition: background-color 1s, color 1s;
    background-color: #f5f6f7;    
}
.nk-weblinks ul li {
    background-image: none !important;
    margin:0 !important;
    padding:0;
}
.nk-weblinks > li.open,
.page .faqlist .faq_open .qListItem_header,
.nk-schedule .schedule-item.open {
    -webkit-transition: background-color 2s, color 1s;
    -moz-transition: background-color 2s, color 1s;
    -ms-transition: background-color 2s, color 1s;
    -o-transition: background-color 2s, color 1s;
    transition: background-color 2s, color 1s;
    background-color: #465767;        
}
.nk-weblinks > li ul,
.faqlist > li ul {
    -webkit-transition: max-height 0.6s, padding 0.2s;
    -moz-transition: max-height 0.6s, padding 0.2s;
    -ms-transition: max-height 0.6s, padding 0.2s;
    -o-transition: max-height 0.6s, padding 0.2s;
    transition: max-height 0.6s, padding 0.2s;
    overflow: hidden;
    background-color: #ffffff;
    max-height: 0;
    margin:0;
    padding:0;    
    list-style-type: none;
}
.nk-schedule .schedule-item .content {
    -webkit-transition: max-height 0.6s, padding 0.2s;
    -moz-transition: max-height 0.6s, padding 0.2s;
    -ms-transition: max-height 0.6s, padding 0.2s;
    -o-transition: max-height 0.6s, padding 0.2s;
    transition: max-height 0.6s, padding 0.2s;
    overflow: hidden;
    width:100%;
    background-color: #ffffff;
    max-height: 0;
    margin:0;
    padding:0;    
    list-style-type: none;
}
.nk-weblinks > li.open ul,
.faqlist > li.open ul {
    -webkit-transition: max-height 2s, padding .2s;
    -moz-transition: max-height 2s, padding .2s;
    -ms-transition: max-height 2s, padding .2s;
    -o-transition: max-height 2s, padding .2s;
    transition: max-height 2s, padding .2s;
    overflow: hidden;    
    max-height: 20000px;
    margin:0;
    padding:14px 0px;    
}
.nk-schedule .schedule-item.open .content {
    -webkit-transition: max-height 2s, padding .2s;
    -moz-transition: max-height 2s, padding .2s;
    -ms-transition: max-height 2s, padding .2s;
    -o-transition: max-height 2s, padding .2s;
    transition: max-height 2s, padding .2s;
    overflow: hidden;
    width:100%;
    max-height: 2000px;
    margin:0;
    padding:0;    
}
.nk-schedule .schedule-item .content .inner {
    padding:20px;
}
.nk-weblinks > li > a,
.faqlist .qListItem_header a {
    color:#465767;
    font-weight: normal;
    display: block;
    padding:20px 30px;
}
.nk-weblinks > li.open > a,
.faqlist .faq_open .qListItem_header a,
.nk-schedule .schedule-item.open > a {
    color:#ffffff;    
}
.nk-weblinks > li > a:hover,
.faqlist > li > a:hover,
.nk-schedule .schedule-item.open > a:hover {
    text-decoration: none;
}
.nk-weblinks > li > a::before,
.faqlist .qListItem_header > a::before {
    float: right;
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    font-weight: normal;    
    margin: -4px 0px 0 0;
    content: "\f107";
}
.nk-schedule .schedule-item > a::before {
    float: right;
    font-family: 'FontAwesome';
    font-size: 1.8rem;
    font-weight: normal;    
    margin: -8px 0px 0 0;
    content: "\f107";
}

.faqlist > li > a::before {
    margin: -10px 0px 0 0;
}
.nk-weblinks > li.open > a::before,
.faqlist .faq_open .qListItem_header > a::before,
.nk-schedule .schedule-item.open > a::before {
    content: "\f106";
}
.nk-weblinks > li .title {    
    font-size:1.2rem;
    font-weight: normal;    
}
.nk-weblinks > li .badge {    
    padding:8px 6px 8px;
    margin-left:18px;
    border-radius: 16px;
    background-color:#465767;
    color:#ffffff;
    width:32px;
    font-size:.9rem;
    font-weight: normal;
    display: inline-block;
    line-height: 14px;
}
.page .faqlist li ul li {
    background-image: none !important;
    padding:0 20px;
    margin:0;
}
.nk-weblinks > li > ul li {    
    padding:6px 30px;     
}
.nk-weblinks > li > ul li a {
    display:block;
    padding:6px 0px;     
}
.nk-weblinks > li > ul li p {
    display:none;    
}

/* Digitaler Spielplan */

.nk-schedule .schedule-cat {
    margin-bottom:30px;
}
.nk-schedule .schedule-cat h4 {
    margin:0 0 16px 0;
    padding:5px 2px;
    font-size:1.4rem;
    font-weight:600;
    border-bottom:1px solid #798691;   
}
.nk-schedule .schedule-item {

}
.nk-schedule .schedule-item a.title {
    display: block;
    margin:0;
    padding:12px;
    background-color: #f5f6f7;
    color: #465767;
}
.nk-schedule .schedule-item a.title:hover {
    text-decoration: none;
}
.nk-schedule .schedule-item.open a.title {
    background-color: transparent;    
    color:#ffffff;
}

/* Regional */

#app #article_container #system-message-container {
    display:none;
}

/* Search */

.search {
    padding: 0;
}
.search h1 {
    font-size:1.8rem;
    margin:0 0 2rem;
    padding:0;
    font-weight: 600;
}
.btn-toolbar {
    justify-content: left;
    margin: 0 0 30px;
    padding: 0 0 4px;
    border-bottom:1px solid #666;
}
#searchForm .group1 {
    width:90%;
}
#searchForm .group2 {
    width:10%;
}
#searchForm .group1 input {
    border:0;
    width: 100%;
    font-size: 1.4rem;
    color: #465767;
    padding-left: 10px;
}
#searchForm .group2 button {
    background-color: transparent;
}
#searchForm .group2 button i {
    font-size:1.5rem;
    color: #465767;
}
#searchForm .phrases-box label {        
    width:32%;
}
#searchForm .phrases-box label input {        
    margin-right:12px;
}
#searchForm .ordering-box {    
    display:none;
}
#searchForm .ordering-box label {    
    border:1px solid blue;
}
#searchForm .countresults {    
    margin:0;
    padding:12px 0 0;    
    text-align: right;
}
#searchForm .countresults p {    
    margin:0;
}
.search .search-results {
    margin-left:65px;
    margin-right:65px;
}
.search .search-results .result {
    margin:12px 0;
    padding: 12px 0 24px;
    border-bottom: 1px solid #d5ebf7;
}
.search .search-results .result-category {
    font-weight:bold;
    font-size:0.88rem;
    padding: 0 0 6px;
    color:#000;
}
.search .search-results .result-title,
.search .search-results .result-title a {
    color: #465767;
    font-size:1.1rem;
    font-weight: 600;
}
.search .search-results .result-title {
    padding:0 0 6px;
}
.search .search-results .result-text {
    font-size:.88rem;
    line-height: 1.8;
}
.search .search-results .highlight {
    color: #cc0000;
}
.element-invisible {
    display: none;
}


/* Glossary */
#glossarysearchmethod input {
    margin: 20px 10px 20px 22% !important;
}
#glossarysearchmethod input:nth-child(1) {
    margin: 20px 10px 20px 0 !important;
}
#com_glossary .glossaryalphabet {
    text-align: left;
    padding: 15px 0px 25px;
}
#com_glossary #filter_search {
    width:100%;
    padding: 6px;
}

table#glossarylist tbody th, table#glossarylist tbody td, table#glossarylist tbody th a, table#glossarylist tbody td a,table#glossarylist tbody td em {
    color:#0083FF;
}


/* Side column */

#aside {
    padding-top:10px;
    padding-left: 18px !important;
    padding-right: 18px !important;
}

#aside .ad {
    padding:0;
    margin:1px 0 6px;
    font-size:0.64rem;
    color:#6c757d;
    border-top:1px solid #a2abb3;
}

#aside ins p {
    text-align: left;
    margin:0 0 2px 6px;
}
#aside ins a {
    display: block;
    width:100%;
    text-align: center;
}


/* MAIN CONTENT  */

.featured .nkmod,
.nk-list .nkmod,
.page .nkmod,
.nk-topic .nkmod {
    margin:0 0 0 0;
}
.nk-news .nkmod,
.nk-news [class^="nkmod"],
.latest .nkmod,
.latest [class^="nkmod"] {
    margin: 0px -61px 0px -61px;
}
.nk-topics .nkmod {
    margin: 10px 0 40px 0;
}
.featured .nkmod > p,
.page .nkmod > p,
.nk-list .nkmod > p,
.nk-news .nkmod > p,
.nk-topics .nkmod > p,
.nk-topic .nkmod > p,
.latest .nkmod > p {
    margin:0;
    line-height:0 !important;
}
.featured .nkmod ins,
.page .nkmod ins,
.nk-list .nkmod ins,
.nk-news .nkmod ins,
.nk-topics .nkmod ins,
.nk-topic .nkmod ins,
.latest .nkmod ins {
    padding-top:20px;
}
.featured .nkmod ins div,
.page .nkmod ins div,
.nk-list .nkmod ins div,
.nk-news .nkmod ins div,
.nk-topics .nkmod ins div,
.nk-topic .nkmod ins div,
.latest .nkmod ins div {
    margin-bottom:50px !important;    
}
.featured .nkmod ins img,
.page .nkmod ins img,
.nk-list .nkmod ins img,
.nk-news .nkmod ins img,
.nk-topics .nkmod ins img,
.nk-topic .nkmod ins img,
.latest .nkmod ins img {
    max-width: 100%;
    height: auto;
}
#content::after {
    content: " ";
    display: block;
    clear:both;
    height:0;
}
.page.feat .page-top {
    margin-bottom:30px;
    padding-bottom:20px;
    background-color: #f5f6f7;
}
.page .page-top {
    background-color: #f5f6f7;
    margin-bottom:30px;
}
.page.feat .page-top.img {
    margin-bottom:50px;
    padding-bottom:0;
}
.page .page-top .page-header {
    padding-top:40px;
}
.page .page-top .page-header,
.page .page-top .intro,
.page .body,
.page .bodyplus {
    margin-left:56px;
    margin-right:56px;
    margin-bottom:8px;
}
.page.charts .body {
    margin-left:0;
    margin-right:0;
}
.page.service .page-header {
    margin-left:0;
    margin-right:0;    
    padding-top:0;
}
.page.service .body {
    margin-left:0;
    margin-right:30px;    
}
.page.kolumnen .page-top {
    background-color: #f5f6f7;
    margin-bottom:20px;
}
.page .body {
    margin-bottom:50px;
}
.page:not(.blanc) .body .text_titel,
.page .body .text_autor,
.page .body .text_titel_ohne_autor,
.news .body .text_titel,
.news .body .text_autor,
.news .body .text_titel_ohne_autor {
    display:none;
}

.body table td {
    vertical-align: top;
}
.body table td:nth-child(1) {
    padding-right:40px;
}
.body table td:nth-child(2) {
    padding-right:40px;
}
.page .body .textad {
    margin-left:-56px;
    margin-right:-56px;
    padding-top:0;
    padding-bottom:0;
}
.page .body .textad > p {
    margin-bottom:0;
    line-height: 0;
}
.page .body .textad ins {
    margin-top:6px;
}
.page .body .textad ins a img {
    max-width:100%;
    height:auto;
}
.page .body .textad ins div {
    margin-top:8px !important;
    margin-bottom:40px !important;
}
.news .body {
    margin: 0 61px 80px 61px;    
}
.news.presse .text_titel,
.news.presse .text_titel_ohne_autor {
    display:none;
}
.news .body .wf_caption,
.page p:not(.imgwrap) .wf_caption {
    margin-right:28px;
    margin-bottom:16px;
    background-color: #f5f6f7;
    font-size: 0.88rem;
    font-style: italic;
}

.news .body .wf_caption span {
    padding-left:4px;
}
.page .body p {
    color:#465667;
}

.page .body p audio {
    width:100% !important;
}

.page .body p img {
    max-width:100%;
}
.page .page-top .intro {
    padding-bottom:20px;
}
.page.anmo .page-top .intro .text_datum {
    display: none;
}
.page.service .intro {
    margin-left:0;
    margin-right: 0;   
}
.service.mediadaten .page-top,
.service.mediadaten .body .narrow {
    margin-right: 100px;
    margin-left:100px;
}
.page.kolumnen .page-top .intro {
    padding-bottom:10px;
}
.page .page-top .intro::after {
    content: " ";
    clear:both;
}
.page .page-top .page-header h2 {
    margin: 0;
    padding: 0;
    font-size: 1.04rem;
    color:#cc0000;
}
.page.service .page-header h2,
.page.faq h2,
.page.links h3,
#com_glossary h1 {
    font-size:1.9rem;
    font-weight:700;
    color:#465767;
    margin-bottom: 1.5rem;
}
.page .page-top .intro p {
    font-size:1.1rem;
    color:#465767;
    line-height: 1.7;
}
.page .page-top.introless .intro p {
    font-size:1rem;
}
.page.service .page-top {
    background-color: transparent;
}
.page.service .page-top .intro p {
    font-size:1rem;
    color:#465767;
    line-height: 1.6;
}
.page .page-top .intro p.text_titel,
.page .page-top .intro p.start_titel {
    font-size:2rem !important;
    font-weight:700;
    color:#465767;
    line-height: 1.4;
    margin-bottom: 1.5rem;
}
.page.headless .intro p {
    display:none;
}

.page.headless p iframe {
    width:100%;
    height:380px;
}
.page p iframe {
    max-width: 100% !important;
}
.page.headless .intro p.text_titel_ohne_autor,
.page.headless .intro p.text_titel {
    display:inline;
}

.page .page-top .intro .imgwrap {
    margin-left:0;
    margin-right:0;
    display:block;
}
.page .page-top .intro .imgwrap .wf_caption {
    width:100% !important;
}

.page .page-top .intro iframe {
    width:100%;
    min-height:360px;
}

.page.service .text_titel,
.page.service .intro .text_titel,
.page.service .intro .text_titel_ohne_autor,
.page.service .text_titel_ohne_autor {
    font-size:1.5rem;
    font-weight:700;
    color:#465767;
    margin-bottom: 1.5rem;
}

.page.service table:not(.mediadaten),
table.default {
    width:100% !important;
}
.page.service table:not(.mediadaten) td {
    padding:4px;
    font-size:0.88rem;
}
.page.service table:not(.mediadaten) td p {
    margin:0 0 .88rem;
    padding:0;    
    font-size:0.88rem;
    line-height: 1.6;
}
.page.service table:not(.mediadaten) td:nth-child(1) {
    padding:4px 0;    
}
.page.service table:not(.mediadaten) td:nth-child(1) img {
    width:60px;
    height:auto;
    display:block;
    margin: 10px 0 6px;
}
.page.service table:not(.mediadaten) td:nth-child(1) strong {
    display:block;
    margin-bottom: 20px;
    margin-right:12px;
}
.page.service table:not(.mediadaten) td:nth-child(2) {
    padding:4px;
}
table.default td {
    padding: 4px 4px 4px 0 !important;
}
table.default td:nth-child(1) {
    padding: 4px 30px 4px 0 !important;
}

.page .page-top .intro .text_titel_ohne_autor,
.page .text_titel_ohne_autor {
    font-size:2rem !important;
    font-weight:700;
    color:#465767;
    margin-bottom: 1.5rem;
}
.page .page-top .intro .text_autor {
    font-size:1.04rem;    
    margin-bottom: 1.8rem;
}

.page .body .text_zwischentitel,
.news .body .text_zwischentitel {
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0.04rem;
}
.page .body .zwischentitel_gross,
.news .body .zwischentitel_gross {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.6;
    margin: 2rem 0 .8rem;
    /*letter-spacing: 0.04rem;*/
}
.page .body .text_besetzung {
    border:1px solid #707070;
    padding: 16px 22px 20px;
}
.page .body span.text_besetzung {
    display:block;
}
.page .body .text_besetzung .wf_caption {
    margin-right:18px;
    margin-bottom:8px;
}
.page .body .text_rundschau,
.news .body .text_rundschau {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.04rem;
}
.page .zitat {
    float: left;
    width: 48%;
    margin-left: -100px;
    margin-right: 30px;
    padding:24px 20px 20px 46px;
    background-color: #f5f6f7;
    font-weight:300;
    margin-bottom:10px;
    background-image: url('images/zitat.png');
    background-repeat: no-repeat;
    background-position: 10px 24px;
    background-size: 28px;
}
.page .zitat td {
    vertical-align: bottom;
    padding-right:14px;
}
.page .item-image {
    background-color: #f5f6f7;
}
.page .item-image {
    margin-bottom: 28px;
    float:none !important;
}
.page .item-image.pull-none img,
.page .item-image.pull-left img,
.page .item-image.pull-right img {
    width:100%;
}
.page p.img_caption {
    margin:0;
    padding:6px 12px;
    font-size:0.96rem;
    font-style: italic;
    color:#465767;
}
.page h2.cat-title {
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom:6px;
    border-bottom:1px solid #114e56;
    margin-bottom:1.2rem;
}
.page span.sub-title {
    display:inline-block;
    font-size:0.88rem;
    font-weight: normal;
    vertical-align: middle;
    margin-left:20px;
}
.page .imgwrap {
    margin-top:3.4rem;
    margin-bottom: 3.4rem;
    margin-left:-56px;
    margin-right:-56px;
    background-color: #f5f6f7;
    display:block;
}
.page .rl_tabs {
    margin-left:-56px;
    margin-right:-56px;
}
.page .tab-pane .imgwrap {
    margin-top:.4rem;
    margin-bottom: .4rem;
    margin-left:0px;
    margin-right:0px;
}
.page .imgwrap .wf_caption {
    font-size:0.7rem;
    width: auto !important;
    max-width: none !important;
}
.page .imgwrap span span {
    margin: 0;
    padding: 6px 12px;
    font-size: 0.86rem;
    font-style: italic;
    color: #465767 !important;
    background-color: #ECEEEF80 !important;
}
.page .imgwrap span img {
    width:805px !important;
    height:auto;
}
.page.contact h3 {
    font-size:1.6rem;
    font-weight:700;
    color:#465767;
    margin-bottom: 2.2rem;
}
.page.contact .contact_img {
    float:left;
    width:23%;
}
.page.contact .contact_desc {
    float:right;
    width:76%;
    padding-right:20px;
}
.page.contact .contact_desc h5 {
    font-size:1.3rem;
    font-weight:600;
    color:#465767;
    margin-top:1.2rem;
    margin-bottom: .6rem;
}
.page.contact .wrap {
    margin-bottom:40px;
}
.page.contact .contact {
    background-color: #f5f6f7;
    margin-bottom:30px;
}
.page.contact .wrap::after,
.page.contact .contact::after {    
    display: block;
    content: " ";
    clear:both;
    height: 0;    
}

/* Ads */

.closead {
    float:right;
    width:14px;
    height:14px;
    background:url('images/close.png') no-repeat;
    background-size:cover;
    margin-right:4px;
    margin-top:4px;
    opacity: 0.8;
}
.closead:hover {
    cursor:pointer;
    opacity: 1;
}  

.aolp-box-inner .nkmod p {
    margin-bottom:0;
    line-height: 0;
}

.basead {
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
}
.basead.hidden {
    display:none;
}
.basead .col-md-9 {
    background-color: transparent;
}
.basead .nkmod {    
    max-width:800px;
}
.basead .nkmod p {
    margin-bottom:2px;
}
.basead .nkmod ins {
    margin:0;
}

/* Adspirit */

ins.extend {
    height: 90px;
    margin-right:auto;
    margin-left:auto;
    display:block !important;
    margin-bottom:8px;
}
ins.extend div[id^="asmrsdiv"] {
    background-color: transparent;
    height:90px !important;
}
#aside ins.extend a {
    display: block;
    width: 100%;
    height: 90px;
}
#aside ins.extend a::after {
    display: block;
    content: "Zum Spielplan";
    font-size:.82rem;
    height: 24px;
    position: absolute;
    bottom: 0;
    width:100%;
  }



/* Charts */

#theater-charts ul {
    margin:0;
    padding:0;
}

#theater-charts li {
    margin:0 0 16px;
    padding:0;
    width:100%;
    list-style-type: none;
    display: inline-table;
    background-color: #f5f6f7;    
}

#theater-charts li > div {
    display: table-cell;
    vertical-align: middle;    
}
#theater-charts li > div.no {
    width:10%;
    text-align: center;
    font-size: 1.3rem;    
    font-weight: bold;
}
#theater-charts li > div.img {
    width:20%;
}
#theater-charts li > div.info {
    width:50%;
    padding-left:20px;
    font-size:0.88rem;
}
#theater-charts li > div.info a {
    color:#465767;
}
#theater-charts li > div.prev {
    width:20%;
    text-align: center;
    font-size: 1.3rem;    
}

.page.charts .page-top,
.page.newsletter .page-top {
    display:none;
}


/* Field layout */

.fields-container {
    line-height: 1.66;
    /*
    background-color:#f7f7f7;
    border:1px solid #eeeeee;
    padding:12px 10px;
    */
}
.fields-container.besetzung {
    border:1px solid #465767;
    padding:16px 18px;
}
.stueck {
    display:block;
    font-weight: bold;
}
.schauspieler::before,
.premiere::before,
.dauer::before,
.web::before {
    content: '';
    display:block;
    line-height:0;
}

/* Content plus */

.plus > h3 {
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #465767;
    padding: 0 0 7px;
    margin: 0 0 30px;
}

/* Slides */

.slideswrap {
    margin-bottom:100px;
}
.splide__slide img {
    max-width: 100%;
}
.slideswrap .slide-content {
    font-size:1rem;
}
.slideswrap .slide-content h3 {
    margin:12px 2px 4px;
    padding:0;
    font-size:0.88rem;
    font-weight:bold;    
}
.slideswrap .slide-content p {
    margin:0;
    padding:0;
    font-size:0.8rem;
    line-height: 1.6;
}
.slideswrap .slide-content .date {
  font-size: 0.80rem;
  color: #465767;

}
.slideswrap .slide-content a {
    color: #465767;
}
.slideswrap .slide-content a:hover {
    text-decoration: none;
}

.splide__slide__container {
    height:auto !important;
}

.splide__slide__container > a {
    display:block;
    width:100%;
    height:175px;
    text-align: right;
}
.splide__slide__container > a > img {
    max-height:100%;
    width:auto;
}

.splide__arrow {
    top:35%;
    width:3em;
    height:5.5em;
    border-radius:0;
}
.splide__arrow--next {
    right: 0;
    border-top-left-radius:45px;
    border-bottom-left-radius:45px;
}
.splide__arrow--prev {
    left: 0;
    right: 0;
    border-top-right-radius:45px;
    border-bottom-right-radius:45px;
}

.body .accordion-group .accordion-heading {
    padding:0px;
    margin-bottom:10px;
}

.body .accordion-group .accordion-heading > a {
    padding:14px;
    background-color: transparent;
    display: block;
    max-width: 100%;
    margin-bottom: 4px;
    background-color: #f5f6f7;
}

.body .rl_sliders.accordion > .accordion-group {
    border:0;
}
.body .rl_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner {
    border-top: 0;
}

.body .accordion-group h2 {
    font-size:1.2rem;
    margin-left:10px;
}

.body .accordion-group ul {
    margin: 0 10px 20px 10px;
    
}
.body .accordion-group ul li {
    margin: 16px 10px 0;
    padding: 0 20px 10px 20px;
}

.body .accordion-group .collapse {
    -webkit-transition: max-height .6s;
    -moz-transition: max-height .6s;
    -ms-transition: max-height .6s;
    -o-transition: max-height .6s;
    transition: max-height .6s;
    overflow: hidden;
    max-height: 0;
    margin:0;    
    display:none;
}
.body .accordion-group.active .collapse {
    -webkit-transition: max-height 1.4s;
    -moz-transition: max-height 1.4s;
    -ms-transition: max-height 1.4s;
    -o-transition: max-height 1.4s;
    transition: max-height 1.4s;
    overflow: hidden;
    max-height: 2000px;
    display:inline;
}
.accordion-inner.panel-body > .nn_sliders-title {
    display:none;
}


/* Mediadaten */

.mediadaten p {    
    font-weight:300;
}
.mediadaten .narrow p {
    font-size:1.08rem;    
}
.page .body h1 {
    font-size:2rem;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom:20px;
}
.page .body strong {
    font-weight: bold;
}
table.mediadaten {
    width:100% !important;
    height:auto;
}
table.mediadaten thead {
    background-color:#465767;
}
table.mediadaten .head {
    background-color:#dadde0;
    padding:16px;
    display: block; 
    font-size:1.4rem;
    border:0;    
    background-image: url('images/pfeil-unten-e.svg');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: top 34px right 34px;
}
table.mediadaten .head.nl {
    background-color: #d9edff;
}
table.mediadaten .head.fest {
    background-color: #f2ffe6;
}
table.mediadaten .head.openp {
    background-color:#465767;
    color:#ffffff;
    background-image: url('images/pfeil-oben-e-w.svg');
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: top 34px right 34px;
}
table.mediadaten .head.openp p {
    color:#ffffff;
}
table.mediadaten .head td {
    display:inline-block;
    font-size:1.1rem !important;
    vertical-align: middle;
}
table.mediadaten .head td:nth-child(1) {
    width:70%;
    padding-left:45px;
}
table.mediadaten .head td:nth-child(2) {
    padding:0;    
}
table.mediadaten .head td p {
    line-height: 1.4;
}
table.mediadaten thead td {
    color:#ffffff;
    padding:16px 16px;
    font-size:.8rem;
}
table.mediadaten tbody tr {
    border-bottom:1px solid #ccc;
}
table.mediadaten tbody tr.desktop {
    border-bottom:0;
}
table.mediadaten tbody tr:not(.screenshot):hover {
    cursor: pointer;
}
table.mediadaten tbody td {
    padding:11px 16px 9px;
    font-size:.88rem;
}
table.mediadaten tbody td p {
    margin: 0;
    padding:0;    
    font-size:.88rem;
    line-height: 1.8;
}
.mediadaten table td,
.mediadaten table td p {
    line-height: 1.8;
    font-weight: 300;
}

.mediadaten img {
    max-width: 100%;
    height: auto !important;
}
.mediadaten p.rand_rechts {
    background: linear-gradient(to right, transparent 80%, #999 80% 80.5%, transparent 80.5% 100%);
}
.mediadaten p.border_right {
    border-right: 1px solid #b1b9bf;
    margin-right:20px;
}
.screenshot {
    /*display:none;*/    
}
.screenshot.open {
    /*display:table-row;*/
}

table.mediadaten .screenshot {
    display:block;
    border-bottom:0;    
    background-color:#eceeef;
    margin-bottom:20px;    
}

table.mediadaten .screenshot.fest {
    background-color: #f2ffe6;
}

table.mediadaten .screenshot.open {
    border-bottom:1px solid #ccc;
}
table.mediadaten .desktop > td {
    padding-top:22px;
}
table.mediadaten .screenshot > td {
    padding:0 10px;
} 

table.mediadaten .medrow {
    display: table;
    width:100%;
    margin:20px 0px 0;
    border-bottom:1px solid #a7afb7;
}
table.mediadaten .screenrow {
    padding-bottom:20px;
}

table.mediadaten .medcol {
    display: table-cell;    
    vertical-align: top;
    padding-bottom:20px;
}
table.mediadaten .medcol p {
    line-height:1.4;
    padding:5px 0;
}

table.mediadaten .medrow div:nth-child(1) {
    width: 16%;
}
table.mediadaten .medrow div:nth-child(2) {
    width: 30%;
    vertical-align: top;
}
table.mediadaten .medrow div:nth-child(3) {
    width: 20%;
    vertical-align: top;
}
table.mediadaten .medrow div:nth-child(4) {
    width: 34%;
    vertical-align: top;
}

table.mediadaten .screenshot > td > div {
    -webkit-transition: max-height .6s;
    -moz-transition: max-height .6s;
    -ms-transition: max-height .6s;
    -o-transition: max-height .6s;
    transition: max-height .6s;
    overflow: hidden;
    max-height: 0;
    margin:0 60px;
}
table.mediadaten .screenshot.open > td > div {
    -webkit-transition: max-height 1.4s;
    -moz-transition: max-height 1.4s;
    -ms-transition: max-height 1.4s;
    -o-transition: max-height 1.4s;
    transition: max-height 1.4s;
    overflow: hidden;
    max-height: 2000px;
}

.mediagruen {
    color: #3ad632;
}
.medrow .mediagruen,
.medrow .mediaviolett {
    display: inline-block;
    width:110px;
}

.mediaviolett {
    color: #ff00f5;
}


/* Quiz */

#jq_quiz_container p img {
    max-width:100%;
    height:auto;
}

div.incorrect_answer {
    background-position: left middle;
    background-color: #FFCCCC;
    border: 1px solid #666666;
    font-weight: normal;
    min-width: 200px;
    font-size: 18px;
    vertical-align:middle;
    min-height: 40px;
    padding: 10px 20px 0 70px;
    /*	opacity: 0.75;*/
    z-index: 1000;
    background-position: 2% 8%;
    background-size: 32px;
}

div.correct_answer {
    background-position: left middle;
    background-color: #CCFFCC;
    border: 1px solid #666666;
    font-weight: normal;
    min-width: 200px;
    font-size: 18px;
    vertical-align:middle;
    min-height: 40px;
    padding: 10px 20px 0 70px;
    /*	opacity: 0.75;	*/
    z-index: 1000;
    background-position: 2% 8%;
    background-size: 32px;
}



/* X X X */

.large-icon {
    font-size: 13em !important;
}
.contact .contact-address {
    padding: 0 1.5rem;
}
.navbar .mod-languages {
    padding-bottom: 0.425rem;
    padding-top: 0.425rem;
}
.lang-inline {
    list-style: outside none none;
    margin: 0;
}
.lang-inline > li {
    display: inline;
    margin-left: 8px;
}
.login {
    margin: 0 auto;
    max-width: 330px;
    padding-top: 1em;
}
.tags.inline {
    padding-left: 0;
}
.tags.inline li {
    display: inline;
}

.autocomplete-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.autocomplete-suggestion {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.autocomplete-suggestion:hover, .autocomplete-suggestion:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.autocomplete-suggestion.active, .autocomplete-suggestion:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

/* SIDEBAR */

#aside .module,
#aside .featured {
    clear: both;
    width:100%;
    display:block;
}
#aside .featured {
    margin-bottom:30px;
    padding:10px;
    background-color:#eef7fc;
}
#aside .twitterfeed {
    margin-bottom:30px;
    padding:2px;
    background-color:#eceeef;
}
#aside .twitterfeed h3 {
    display: block;
    padding: 8px 20px 4px;
    font-size: 1rem;
    font-weight: 501;
}
#aside .nkmod {
    margin-bottom:24px;
}
.module.comments {
    padding:10px;
    background-color:#f5f6f7;
    margin-bottom:30px;
}
.module .more {
    float:right;
    font-size: 0.88rem;
    font-weight: normal;
    display:block;
    color:#a2abb3;
    margin-top: 3px;
}
#aside .module::after {
    content:" ";
    clear:both;
    display:block;
    height:0px;
    margin-bottom:30px;
}

#aside ul.mostread {
    list-style-type: none;
    margin:0;
    padding:0;
}
#aside .mostread li {
    margin:0;
    padding:6px 0 6px;
    border-bottom:1px solid #dadde0;    
}
#aside .mostread li:last-child {
    border-bottom:0;
}
#aside .nkmod img {
    width: 100%;
    height: auto;
    background-color: #eceeef;
}
#aside .nkmod.fest img {
    background-color: #f2ffe6;
}
#aside .nkmod p.imgwrap {
    background-color:#f5f6f7;
}
#aside .nkmod p.imgwrap span span {
    display: block;
    padding:2px 12px;
    font-size: 1rem;
    font-weight:bold;
}
.moduletable h3,
#aside .featured h3,
.module h3,
#aside .nkmod h3 {
    font-size:1rem;
    font-weight:700;
    margin:0 0 10px;
    padding:0 0 4px 0;
    border-bottom:1px solid #dadde0;
}

.moduletable h3 a,
#aside .featured h3 a,
.module h3 a,
#aside .nkmod h3 a {
    color: #465767;    
}
.moduletable h3 a:hover,
#aside .featured h3 a:hover,
.module h3 a:hover,
#aside .nkmod h3 a:hover {
    color: #465767;    
    text-decoration: none;
}
ul.jcomments-latest {
    list-style-type: none !important;
    padding: 0 2px;
}
ul.jcomments-latest .comment {
    padding:6px 0 6px !important;
    border-bottom:1px solid #dadde0;
}
ul.jcomments-latest .comment .article {
    display: block;
    font-size:.78rem;
    font-weight:600;
}
#aside ul.mostread .category {
    display: block;
    font-size:.8rem;
    font-weight:500;
}
ul.jcomments-latest .comment a,
#aside ul.mostread a  {
    font-size:0.88rem;
    color:#465767;    
}
#aside ul.mostread a  {
    display:block;
    line-height:1.4;
    font-weight:600;
}
#aside .podcast-preview a {
    display: block;
    position:relative;
}
#aside .podcast-preview .titleinimg,
.nk-media .media-list .titleinimg {    
    position:absolute;
    bottom:0;
    font-size:1.1rem;
    color: #ffffff;
    font-weight:600;
    line-height: 1.2;
    padding:8px;
}
div[class^='nacmeldungen_'] ul {
    list-style-type: none;
    padding:0;
    margin:0;
}
div[class^='nacmeldungen_'] ul li {
    border-bottom: 1px dotted #ccc;
    padding: 5px 0;
    overflow: auto;
}
div[class^='nacmeldungen_'] .nactitle {
    line-height:1.2;
    display: block;
    padding-bottom:6px;
}
.nacmeldungen_mod10293 .topside {
    font-size:0.8rem;
    color:#465767;
    font-weight:300;
    display:block;
    padding-top:4px;
}
.nacmeldungen_mod10293 .bottomside a {
    font-size:0.88rem;
    color:#465767;
    font-weight:600;
}


/* Ads */

#aside .nkad .nkmod {
    margin-bottom:0;
}
#aside .nkad .nkmod p {
    margin-bottom:0;
    line-height:0;
}
#aside .nkad .nkmod p ins div {    
    margin-bottom:36px !important;    
}

/* Comments */

.page.pagehead .page-header {
    background-color:#f5f6f7;
}
.page.pagehead .page-header h1 {
    font-size:2rem;
    font-weight: 700;
    padding:30px 0 82px 60px;
}
.page ul.jcomments-latest_page li {
    background-image: none;
    padding:16px 18px;
    border:1px solid #465767;
}
.page ul.jcomments-latest_page .comment a {
    font-size:.88rem;
    line-height:1.7;
    color:#000;
    text-decoration: none;
}
.page ul.jcomments-latest_page .comment a:hover {
    text-decoration: none;
}
.page ul.jcomments-latest_page .comment .title {
    color:#465767;
    font-size:1.2rem;
    font-weight: 600;
    margin-bottom:4px;
}
.page ul.jcomments-latest_page .comment .date {
    float:right;
    margin-top:6px;
    color:#6b7885;
    font-weight: 300;
}
.page ul.jcomments-latest_page .comment .author {
    color:#465767;
    font-size:1rem;
    font-weight: 600;
    margin-top:6px;
}
#jc {
    margin:40px 0 80px;
}
#jc #comments {
    margin-bottom:40px;
}
#jc .rbox {
    margin: 0;
    padding: 12px 12px;
}
#jc #comments > span {
    display:none;
}
#jc #comments .comments-list {
    margin-left: 14px;
    height:auto;
}
#jc #comments-list-footer {
    margin: 0 0 10px 14px !important;
}
#jc #comments .comment-body {
    padding: 4px 4px 6px;
    line-height: 1.5;
    font-size: 0.92rem;
}
#jc > h3 {
    font-size:1.4rem;
    font-weight:600;
    margin-bottom:2.4rem;
}
#jc > h4 {
    font-size:1rem;
    font-weight:bold;
    margin-bottom: 1.4rem;
}
#jc #comments-form p {
    margin-left:0 !important;
}
#jc #comments-form input {
    border:1px solid #707070 !important;
    padding:16px 4px !important;
    width:auto;
    border-radius: 0 !important;
}
#jc #comments-form textarea {
    border:1px solid #707070;
    padding:16px 4px !important;
    width:100%;
}
#jc #comments-form label {
    font-size:0.92rem;
    font-weight: 600;
}
#jc span {
    border:0;
}
#jc #comments-form .row {
    margin-bottom: 14px;
}
#jc #comments-form .row > div > input {
    width :100%;
}
#jc #comments-form .grippie {
  color: #ccc;
  padding: 10px;
  height: auto;
  width:100%;
  margin-bottom: 12px;
  background: none;
  background-color: #f5f6f7;
}
#jc #comments-form .grippie .counter {
  font-style: italic;
  font-size:0.8rem;
}
#jc #comments-form #comments-form-buttons {
    margin-left:0 !important;
}
#jc #comments-form .btn,
#jc #comments-report-form .btn,
#jc #comments-form .btn div {
    background:none;
}
#jc #comments-form .btn div {
    padding:0;
}
#jc .visually-hidden {
    display:none;
}
#jc #comments-form .btn,
#jc #comments-report-form .btn {
    display: block;
    height: auto;
    line-height: rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #465767;
    padding: 10px 24px !important;
    border: none;
    background-color:#dadde0;
}

#jc #comments-footer {
    display:none;
}

#jc #comments-form-reset {
    display:none !important;
}

/* Blogbox Adelante*/
.nkmod_ad.box {
    background-image: url("/images/banners/_blogbox/ADL_blogbox.jpg");    
    background-position: 0px 0%;
    background-repeat: no-repeat;
    border: 0px solid #f00001;
    padding: 0px;
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: left;
    margin-bottom: 2em;
}
.nkmod_ad.box img {
    max-width: calc(100% - 20px);
    height: auto;
    padding: 6px;
    margin: 14px 10px 0;
}
.nkmod_ad.box a {    
    font-family: "GuarujaNeueRegular",sans-serif;
    color: #000000;
    text-align: left;
    font-weight: 400 ;
    text-decoration: underline;
}
.nkmod_ad a:hover, 
.nkmod_ad a:focus {
    color: #f00001;    
    text-decoration: underline;
}
.nkmod_ad ul {
    list-style-type: none;
    padding: .6rem .8rem;
    margin: 1rem 1rem 0.6rem;
    background-color: rgba(255, 255, 255, 0.95);
    font-size: .92em;
    line-height: 1.2em;
}
.nkmod_ad ul.feedlist li {
    font-size: .92em;
    line-height: 1.2em;
    margin-bottom: 1em;
}


/* Pagination */

.pagination {
    justify-content: center;
}
div.pagination {
    margin-top:50px;
}
.pagination .page-item.active .page-link {
    background-color: #465767;
    border-color: #465767;    
}
.pagination .page-link {
    color: #465767;
    border:0;
}
.pages_counter {
    text-align: center;
}

/* FOOTER */

.navplus {
    background-color: #dadde0;
    padding:30px 0 50px;
}
.navplus .nav-link {
    display: block;
    padding: .3rem 1rem;
}
.sitemap {
    background-color:#eceeef;
    padding:30px 0 50px;
}
.sitemap h4 {
    font-size:1.1rem;
    padding:2px 15px 6px;
}
.sitemap a,
.navplus a {
    color: #465767;
}
.sitemap .menu {
    list-style-type: none;
    margin:0;
    padding:0;
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
}
.navplus .menu_menu3 {
    list-style-type: none;
    margin:0;
    padding:0;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.navplus .menu_menu1 {
    list-style-type: none;
    margin:0;
    padding:0;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
.sitemap .menu > li {
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}
.sitemap .menu ul > li {
    list-style: ">";
    font-size:0.74rem;
    margin:0;
    padding:5px 0 5px 6px;
}
.sitemap .item a {
    white-space: normal;
    font-size:0.8rem;
}
.sitemap .item a img {
    display:none;
}
.navplus .item a {
    white-space: normal;
    font-size:1rem;
}
.sitemap .menu > li > a {
    font-weight:500;
}
.sitemap .menu ul > li > a {
    color:#485969;
    font-size:0.74rem;
}
.sitemap .nav-link {    
    padding: .3rem 1rem;
}
.sitemap .menu .nav-child {
    padding-left:32px;
}
.facebook::before {    
    content: "\f09a";
    font-family: FontAwesome;        
    font-size:0.98rem;
    display: inline-block;
    width:22px;
}
.twitter::before {    
    content: "\f099";
    font-family: FontAwesome;        
    font-size:0.98rem;
    display: inline-block;
    width:22px;
}
.instagram::before {    
    content: "\f16d";
    font-family: FontAwesome;        
    font-size:0.98rem;
    display: inline-block;
    width:22px;
}
footer {
    padding:50px 0;
}
footer .support {
    margin-bottom: 80px;
}
footer .support > div {
    text-align: center;
    margin: 8px 0;
}

#mod-eu-cookies #eu-cookies-settings button,
#mod-eu-cookies #eu-cookies-accept button,
#mod-eu-cookies #eu-cookies-more-info button {
    border-color: #007bff !important;
    background-color: #007bff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


.text_autor {
}
.text_titel_ohne_autor {
}
.text_datum {
    font-style: italic;
}
.text_besetzung {
}
.text_rundschau {
}
.text_abstand {
}
.text_abstand_bild {
}
.mond_rot {
}
.mond_blau {
}
.text_mehr {
}
.start_erklaerung {
}
.start_weiter {
}
.start_titel {
}
.text_hauptfarbe {
}
.text_bild {
}
.mond_blau_ohnetitel {
}
.mond_spende_text {
}
.nk-button {
}
.tf_datum {
}

ul.sigProSleek li.sigProThumb {
    padding: 0 0 0 2px;
}

@media print {
    #aside {
        display:none;
    }
    #head .nkmod_support,    
    .page .plus,
    .news .plus,
    .sitemap,
    .navplus,
    .page .body .textad {
        display:none;
    }
    .nkmod,
    #jc h4,
    #jc form,
    #jc #comments-list-footer,
    .support,
    #aside .featured,
    #aside .module,
    #aside .moduletable,
    #aside .twitterfeed {
        display:none;
    }     
    .logo .nkmod {
        display:block;
    }    
    .sticky .navtop {
        display: block;
    }    
    .sticky {
        position: static;
        width:auto;
        z-index:auto;
        top:auto;
        background-color: #465767;
    }
    .sticky .nk-head {        
        height:110px;        
        margin-bottom:0;
        position:relative;                
    }    
    .sticky .nk-head .logo {
        height:110px;
        width:20%;
        margin-right:auto;                        
    }
    .sticky .nk-head .logo .nkmod,
    .sticky .nk-head .logo .nkmod > div {
        height:110px !important;
        position: relative;                
    }
    .sticky .nk-head .logo .nkmod img {
        position: absolute;
        bottom: 10px;
        left: 10px;
        width: 62%;             
    }
    .sticky .nk-head .gifhead,
    .nk-head .gifhead {
        display: block;        
        position:absolute;
        height:110px;
        overflow:hidden;
        top:0;
        left:0;        
        z-index: 0;
    }    
    .sticky .nk-head .gifhead img,
    .nk-head .gifhead img {
        margin:0;
        padding:0;
        display: inline;
    }        
  }

/* Spenden Popup */

.spendenpop {
    display:none;
    position:fixed;
    width:760px;
    bottom:-180px;
    left:-4px;
    right:0;
    z-index:999;
    margin:0 auto;
    padding:0;
}
.spendenpop.visible {
    display:block;
}  
.donate {
    height:auto;
    width:100%;    
    background-color:#cc0000;
    border-radius: 20px 20px 20px 0;
    border:0px solid #666;
    margin:10px 0 28px;
    -webkit-box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.75);
}
.donate20 {
    padding-top:2px;
    text-align:center;
}
.donate20 a {
    display: inline-block;
    float:none;
    font-weight: 600;
    color:#e2001a;
    padding:8px 16px;
    background-color: #ffffff;
    border-radius: 20px 20px 20px 0px;
    font-size:1.2rem;
}
.dtable {
    width:100%;
}
.donate .inner {
    height: auto;
    padding:10px 0px 36px;
}
.donate .col1 {
    height: auto;
    margin-bottom:14px;
}
.spendenpop .dtable {
    background-image: none;
    padding-top:10px;
}
.donate .inner h2 {
float:none;
text-align: center;
font-size:1.6rem;
font-weight:600;
letter-spacing:0.02em;
margin-top:18px;
padding:0 24px;
font-family: 'Lucida Sans', sans-serif;
color:#ffffff;
}
.donate .col1 p {
margin:0;
padding:8px 24px 8px 24px;
text-align:justify;
line-height:22px;
font-weight:400;
font-size:0.96em;
color:#fff;
}
.spendenpop .donate .col1 p {
line-height:1.4em;
font-size:1.24em;
padding: 8px 24px 8px 24px;
text-align:center;
}
.donate .col2 {
margin:0;
height:41px;
padding:0;
/*padding-left:68%;*/
}
.donate .don2 {
float:left;
padding-top:10px;
}
.donate .don3 {
float:left;
padding-top:10px;
margin-left:12px;
}
.donate .don1 p {
margin:0;
padding:0;
padding-top:76px;
font-size:0.8em;
color:#3f5c6a;
font-weight:400;
}
.donate .don2 a,
.donate .don3 a {
display:block;
float:left;
margin-bottom:0px;
}
.donate .don2 a img,
.donate .don3 a img {
height:22px;
}
.donate .don3 a:hover {
cursor: pointer;
}

.closedonate {
    float:right;
    margin-top:6px;
    margin-right:6px;
    width:36px;
    height:36px;
    background:url('images/close_w.png') no-repeat;
    background-size:cover;
}
.closedonate:hover {
    cursor:pointer;
}
 
.basecampaign {
    position: fixed;
    bottom:calc(50vh - 300px);
    left:0;
    width:100%;
    max-width: 1280px;
    transform: none;
    min-width: 1100px;
    z-index:99;
}
.basecampaign .donate.hidden {
    display:none;
}
.campaignpop .donate {    
    position: relative;
    width:100%;    
    height: auto;
    background-color:#cc0000;
    border-radius: 0;
    margin:0;
    -webkit-box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.75);
    background:url('images/23_NAC_Spe_banderole_visual_desktop.jpg') no-repeat;
    background-size: contain;
}
.campaignpop .donate > img {
    width: 100%;
    height: auto;
}
.campaignpop .dtable {
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.campaignpop .dtable .inner {
    padding: 10px 12% 20px;
}
.campaignpop .dtable .inner .h1 {
    margin: 0.2em 0 .8rem;
}
.campaignpop .dtable .inner .h2 {
    margin: 0.2em 0 .8rem;
    text-align: right;
}
.campaignpop .dtable .inner .h1 h2,
.campaignpop .dtable .inner .h2 h2 {
    display: inline-block;
    float:none;
    font-weight: 600;
    color:#cc0000;
    margin:0;
    padding:10px 20px;
    background-color: #ffffff;
    border-radius: 28px 28px 0px 28px;
    font-size:1.5rem;
}
.campaignpop .dtable .inner .h2 h2 {
    border-radius: 28px 28px 28px 0px;
}
.campaignpop .dtable .desc {
    padding-top:12px;
}
.campaignpop .dtable .links {
    padding-top:14px;
    text-align: center;
}
.campaignpop .dtable .desc p {
    color: #ffffff;
    font-size: 1.08rem;
    text-align: center;
    line-height: 1.4;
}
.campaignpop .dtable .links > a {
    background-color: #465767;
    color: #ffffff;
    margin: 0 12px;
    padding: 10px 30px;
    border-radius: 24px;
    -webkit-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.45);
    -moz-box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.45);
    box-shadow: 2px 2px 8px -2px rgba(0,0,0,0.45);
    font-size: 1.1rem;
    font-weight: 600;
    white-space: nowrap;
}
.campaignpop .dtable .links > a:hover {
    text-decoration: none;
    background-color: #586776;
}

.campaignpop .closedonate {
    float:none;
    position: absolute;
    top: 10px;
    right:10px;
    z-index:99;
}

/* Spenden slide */

.dslide {
    position:relative;
    clear:left;
    /*background-color:#cc0000;*/
    background-color:#e2001a;
    display:none;
    width:100%;
    height:auto;
}
.dslideinner {
    padding:4px 26px 14px;
}
.dslideinner p a {
    color:#fff;
    text-decoration: underline;
}
.xclose a {
    color:#ffffff;
}
.dslideinner form label {
    padding:8px 0 12px 2px;
    margin-bottom:2px;
    color:#ffffff;
    font-size:0.96em;
}
.dslideinner input {
    margin-bottom:0;
}
.dslideinner form input[type=number] {
    width:70px;
    text-align:center;
}
.dslideinner p {
    padding-top:12px;
    font-weight:400;
    color:#ffffff;
    letter-spacing: 0.01em;
    padding-left:2px;
    font-size:0.96em;
}
.donatesubmit {
    position:absolute;
    top:43px;
    left:120px;
}
.dslide .xclose {
    position:absolute;
    right:14px;
    bottom:4px;
    font-weight:bold;
}
.dfooter {
    padding:4px 12px 8px;
    background-color:#e7e7e7;
}
.dfooter p a {
    color:#3f5c6a;
    font-weight:600;
    font-size:0.96em;
    padding-left:2px;
}
.dfooter p a:hover {
    color:#df0300;
}
.arrowright {
    background:url("/images/donation/pfeil-rot.png") no-repeat right 2px;
    padding-right:22px;
}

@media only screen and (min-width: 1200px) {
    .campaignpop .dtable .inner {
        padding: 16px 20%;
    }
    .basecampaign {
        position: fixed;
        bottom: calc(50vh - 300px);
        left: 50%;
        width: 100%;
        max-width: 1280px;
        transform: translateX(-50%);
        min-width: 1100px;
        z-index:99;
    }
    .campaignpop .dtable .inner .h1 h2,
    .campaignpop .dtable .inner .h2 h2 {
        padding:12px 20px;
    }

}

/* -------------------- */
/* Festival Filter */
/* -------------------- */

/* Festival head */

.fest .header {
    background-color: #f2ffe6;
}
.fest .header h1 {
    padding-top: 3rem;
}
.fest .news-intro .desc {
    padding: 2rem 4px 0;
}
.header span.gr_light {
    color: #6edb01 !important;
}
.filter-head {
    font-size: 1.2rem;
    font-weight: bold;
    border-bottom: 1px solid #465767;
    padding-bottom:4px;
    margin-bottom: 10px;
}
.filter-head > span {
    color: #00cb2f;
}
.fest-head .subtitle {
    font-style: italic;
}

p.button a {
    display:block;
}
p.button img {
    max-width: 100%;
    height: auto;
}

/* Festival item */
.fest-item {
    border: 0px solid green;
    padding: 20px 0;
    margin-left: 40px;
    border-bottom: 1px solid #465767;
    display:none;
}
.fest-item h4 {
    font-size:1.2rem;
    color: #00cb2f;
    font-weight: bold;
}
.fest-item.init,
.fest-item.active {
    display:block;
}


/* Festival filter */

.festivalwrap {
    background-color: #fff;
    padding: 0;
}
.festivalwrap .filter > h3 {
    padding: 12px;
    font-size:1.2rem;
    font-weight: bold;
    background-color: #eceef0;
}
.festivalwrap .filter::after {
    content: " ";
    clear:both;
    display: block;
    height: 0;
}
.filter .options-left {
    float:left;
    width: 33.33%;
}
.filter .options-middle {
    float:left;
    width: 33.33%;
}
.filter .options-right {
    float:right;
    width:33.33%;
}
.festivalwrap .filter .selectwrap {
    width: 100%;
    padding: 6px 10px 6px 4px;
}

.filter.active .selectwrap > select:has(option:not([value=""]):checked) {
    background-color: rgba(110, 219, 1, 0.4);
    color: #465767;
}
.festivalwrap .filter.active .date-range > input:not(:placeholder-shown) {
    background-color: rgba(110, 219, 1, 0.4);
}

.festivalwrap .filter .selectwrap:nth-child(2) {
    /*padding: 6px 0px 6px 0px;*/
}
.festivalwrap .filter .date-range {
    width: 100%;
    padding: 6px 10px 6px 4px;
}
.festivalwrap .filter .date-range > input {
    padding: 12px 0 14px 12px;
    box-sizing: border-box;
    line-height: normal;
    height: 47px;
    border: 0;
    border-radius: 0;
}

.festivalwrap .filter .filterselect {
    width: 100%;
    border: 0;
    margin: 0;
    background-color: #eceef0;
    padding: 12px 0 12px 12px;
    color: #777;
    -webkit-appearance: none; /* Removes default styling */
    -moz-appearance: none;
    appearance: none;
}
.festivalwrap .filter #loadArticles {
    width: 100%;
    margin: 6px 0 7px;
    padding: 12px 0;
    border: 0px solid black;
    background-color: #465767;
    color: #fff;
}
.festivalwrap .filter .resetwrap {
    text-align: right;
}
.festivalwrap .filter #reset {
    width: 100%;
    margin: 6px 0;
    padding: 10px 0;
    border: 1px solid #465767;
    background-color: #fff;
    color: #465767;
}
.festivalwrap .filter #loadArticles:hover,
.festivalwrap .filter #reset:hover {
    cursor: pointer;
}
.select-hide {
    display: none;
}
.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
} 


/* Festival premium */

.premiumwrap {
    margin-top:20px;
}
.premiumwrap .line {
    font-size:.72rem;
    color:#999;
    margin:6px;
}
.premiumwrap > .inner {
    padding: 20px 20px 2px; 
    background-color:#f2ffe6;
}
.premiumwrap .festival .img {
    margin: 0px 0 12px 0;
    float:left;
    width: 37%;
}
.premiumwrap .festival .img img {
    max-width: 100%;
    height: auto;
}
.premiumwrap .festival .content {
    float:right;
    width: 62%;
    padding: 0 20px;
}
.premiumwrap .festival h3 {
    font-size: 1.2rem;
    color: #465767;
    font-weight: 700;
    letter-spacing: 0.04rem;
    margin: 0.4rem 0 0.3rem;
}
.premiumwrap .festival .date_location {
    font-size:1.1rem;
    font-weight: 200;
    font-style: italic;
    margin: 0 0 .2rem;
}
.premiumwrap .festival .desc p {
    font-size:0.84rem;
    font-weight: 300;
    line-height: 1.5;
}
.festivalwrap .festival .tags,
.premiumwrap .festival .tags {
    padding: 1px 0 10px;
}
.festivalwrap .festival .tags > a,
.premiumwrap .festival .tags > a {
    border: 1px solid #ced2d7;
    padding: 3px 12px 4px;
    font-size: .9rem;
    border-radius: 18px;
}
.festivalwrap .festival .connected,
.premiumwrap .festival .connected {
    padding: 4px 0;
}
.premiumwrap .festival .connected {
    clear:both;
}
.festivalwrap .festival .connected::after,
.premiumwrap .festival::after,
.premiumwrap .festival .connected::after {
    content: " ";
    display: block;
    clear:both;
    height: 0;
}
.festivalwrap .festival .connected > h4,
.premiumwrap .festival .connected > h4 {
    font-size: 1.06rem;
    font-weight: 400;
    margin: 0.6rem 0 0.8rem;
}
.festivalwrap .festival .connected .item,
.premiumwrap .festival .connected .item {
    min-width: 33.5%;
    width: 33.5%;
    /*
    display:block;
    float:left;
    width: 33%;
    margin-right: 0px;
    */
}
.premiumwrap .festival .connected .item .inner,
.festivalwrap .festival .connected .item .inner {
    margin-right: 22px;
}
.festivalwrap .festival .connected .item img,
.premiumwrap .festival .connected .item img {
    width: 100%;
    height: auto;
    margin-bottom: .5rem;
    background-color: lightblue;
}
.festivalwrap .festival .connected .item .title,
.premiumwrap .festival .connected .item .title {
    font-size: .88rem;
    font-weight: 600;
}
.festivalwrap .festival .connected .item a,
.premiumwrap .festival .connected .item a {
    color: #465767;
}
.festivalwrap .festival .connected .item a:hover,
.premiumwrap .festival .connected .item a:hover {
    text-decoration: none;
}
.festivalwrap .festivals {
    background-color: #fff;
    padding: 16px;
}
.festivalwrap #articlesList > h2 {
    color: #6edb01;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 0 6px;
    border-bottom: 1px solid #999;
}
#articlesList > h2 > .sort {
    font-family: 'Open Sans', sans-serif;
    float:right;
    font-weight: 400;
    font-size: 1.1rem;
    display: block;
    padding: 0;
    margin:6px 0 0;
    color: #666;
}
#articlesList > h2 > .sort a {
    color: #666;
}
#articlesList > h2 > .sort > span {
    position: relative;
    display: inline-block;
}
#articlesList > h2 > .sort a.asc::before {
    font-family: 'FontAwesome';
    font-size: 1rem;
    font-weight: normal;    
    content: "\f106";
    display: block; 
    padding: 0 6px 0;
    float:left;
}
#articlesList > h2 > .sort a.desc::before {
    font-family: 'FontAwesome';
    font-size: 1rem;
    font-weight: normal;    
    content: "\f107";
    display: block; 
    padding: 0 6px 0;
    float:left;
}
#articlesList > h2 > .sort a:hover {
    text-decoration: none;
    color: #333;
}
#articlesList > h2 .sep {
    display:inline-block;
    padding: 0 2px 0 10px;
}
.festivalwrap .festival {
    padding-bottom: 20px;
    border-bottom: 1px solid #a0a8b1;
    margin-bottom: 20px;
}
.festivalwrap .festival h3 {
    font-size: 1.16rem;
    color: #6edb01;
    font-weight: bold;
    margin-bottom: .2rem;
}
.festivalwrap .festival h3 > a {
    color: #6edb01;
    text-decoration: none;
}
.festivalwrap .festival h3 > a:hover {
    color: #5fbc01;
    text-decoration: none;
}
.festivalwrap .festival h3:hover {
    cursor: pointer;
}
.festivalwrap .festival h3::after {
    font-family: 'FontAwesome';
    font-size: 0.9rem;
    font-weight: normal;    
    content: "\f054";
    display: inline-block;
    margin-left: .5rem;
}
.festivalwrap .festival .date_location {
    margin-bottom: .6rem;
    font-size: 1.1rem;
    font-style: italic;
    font-weight: 300;
}
.festivalwrap .festival .desc {
    padding-bottom: 1rem;
}
.festivalwrap .festival .desc p {
    font-weight: 300;
    line-height: 1.4;
}


/* Slides */
.premiumwrap .connected .slide,
.festivalwrap .connected .slide {
    width: 100%; 
    overflow: hidden;
    position: relative; 
}
.premiumwrap .connected .slide .slide_inner,
.festivalwrap .connected .slide .slide_inner {
    display: flex;
    transition: transform 0.5s ease-in-out; /* Smooth transition */
    width: 102%;
}


/* Festival controls */
.previous,
.next {
    position: absolute;
    width:50px;
    height:100px;
    z-index: 99;
    background-color: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
}
.previous:hover,
.next:hover {
    cursor: pointer;
}
.previous {
    top: 13%;
    left: 0;
    border-radius: 0 120px 120px 0;
}
.next {
    top: 13%;
    right:0;
    border-radius: 120px 0 0 120px;
}
.previous::before {
    font-family: 'FontAwesome';
    font-size: 2.4rem;
    font-weight: normal;    
    content: "\f104";
    display: block;
    width:100%;
    text-align: center;
    padding-right: .5rem;
}
.next::before {
    font-family: 'FontAwesome';
    font-size: 2.4rem;
    font-weight: normal;    
    content: "\f105";
    width:100%;
    text-align: center;
}
.festival .connected {
    max-height:0;
    overflow:hidden;
    padding: 0 !important;
    -webkit-transition: max-height .2s, padding .2s;
    -moz-transition: max-height .2s, padding .2s;
    -ms-transition: max-height .2s, padding .2s;
    -o-transition: max-height .2s, padding .2s;
    transition: max-height .2s, padding .2s;
}
.festival.open .connected {
    max-height:1000px;
    overflow:hidden;
    padding: 2px 0 20px !important;
    -webkit-transition: max-height .8s ease-in, padding .8s;
    -moz-transition: max-height .8s ease-in, padding .8s;
    -ms-transition: max-height .8s ease-in, padding .8s;
    -o-transition: max-height .8s ease-in, padding .8s;
    transition: max-height .8s ease-in, padding .8s;
}
.festivalwrap .filter {
    margin-top:3rem;
    margin-bottom: 3rem;
    max-height: 3rem;
    overflow: hidden;
    -webkit-transition: max-height .2s, padding .2s;
    -moz-transition: max-height .2s, padding .2s;
    -ms-transition: max-height .2s, padding .2s;
    -o-transition: max-height .2s, padding .2s;
    transition: max-height .2s, padding .2s;
}
.festivalwrap .filter.open {
    max-height:1000px;
    overflow:hidden;
    -webkit-transition: max-height .8s ease-in;
    -moz-transition: max-height .8s ease-in;
    -ms-transition: max-height .8s ease-in;
    -o-transition: max-height .8s ease-in;
    transition: max-height .8s ease-in;
}
.filter .toggle {
    float:right;
    width: 50%;
    padding: 11px 20px;
}
.festival .toggle a,
.filter .toggle a {
    color:#333;
    height:2rem;
    display: block;
}
.festival .toggle a span,
.filter .toggle a span {
    display:block;
    width: 100%;
}
.festival .toggle a::before,
.filter .toggle a::before {
    float: right;
    font-family: 'FontAwesome';
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: normal;    
    margin: 0px;
    content: "\f107";
    text-align: center;
    width: 100%;
    display: block;
}
.filter .toggle a::before {
    text-align: right;
}
.festival.open .toggle a::before,
.filter.open .toggle a::before {
    float: right;
    font-family: 'FontAwesome';
    font-size: 1.6rem;
    font-weight: normal;    
    margin: -4px 0px 0 0;
    content: "\f106";
}
#festivalfinder {
    display: flex;
    position:relative;
    margin: .9rem 0 1rem;
    background-color: #eceef0;
    padding:6px 10px 6px 20px;
}
#festivalfinder #submitsearch,
#festivalfinder #formreset {
    border:0;
    margin: 0 .2rem 0 1rem;
}
#festivalfinder #submitsearch::before {
    font-family: 'FontAwesome';
    font-size: 1.1rem;
    font-weight: lighter;    
    content: "\f002";
    float:right;
    display: block;
    margin: 0rem .2rem .2rem;
}
#festivalfinder input {
    background-color: transparent;
    border:0;
    text-align: right;
    padding-left: 2rem;
    width: 95%;
    font-weight: bold;
    color: #888;
}
#festivalfinder #formreset::before {
    font-family: 'FontAwesome';
    font-size: 1.1rem;
    font-weight: 200;    
    content: "\f057";
    float:right;
    display: block;
    color:#999;
    margin: .1rem .2rem .2rem;
}
#festivalfinder #submitsearch:hover,
#festivalfinder #formreset:hover {
    cursor: pointer;
}
#festivalfinder input:focus-visible {
    border: 0;
    outline: none;
    background-color: transparent;
}

.icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: none; /* Initially hidden */
  }
  
  #festivalfinder input:not(:placeholder-shown) ~ .icon {
    display: inline-block; /* Show icon when input is not showing the placeholder */
  }

/*
#festivalfinder::before {
    font-family: 'FontAwesome';
    font-size: 1.1rem;
    font-weight: lighter;    
    content: "\f002";
    float:right;
    display: block;
    margin: 0rem .2rem .2rem;
}
*/