@charset "utf-8";

@media screen {
    /* Aufbau:
    .bg_transp
    .bg_fff_box
    .bg_fff
        .inhalt.heading
        .inhalt
            .row.group
                .col .colteaser img
                .col .col_inner p
      */
    
    /* col_inner: Textelemente auffüllen, damit leere Spalte 0px hoch wird */ 
    .col_inner p:first-child,
    .col_inner ul:first-child,
    .col_inner h1:first-child,
    .col_inner h2:first-child,
    .col_inner h3:first-child,
    .col_inner h4:first-child,
    .col_inner h5:first-child,
    .col_inner h6:first-child {
        padding-top: 18px;
    }
    .col_inner p:last-child,
    .col_inner h1:last-child,
    .col_inner h2:last-child,
    .col_inner h3:last-child,
    .col_inner h4:last-child,
    .col_inner h5:last-child,
    .col_inner h6:last-child,
    .col_inner ul:last-child {
        padding-bottom: 8px;
    }
    /* Heading-Box */
    .heading {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    /* OPTION "OHNE" ------------------ */
    .bg_transp .col  { background-color: #fff;}
    .bg_transp .inhalt  { }
    .bg_transp .heading {
        margin-bottom: 15px
    }
    .bg_transp .nur_bild {
        margin-bottom: 20px;
    }
    .bg_transp .col { /* reihen-abstand via col */
        margin-bottom: 20px;
    }
    /* Inner */
    .bg_transp .col_inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    
   	/*  Option "Kasten"   ------------------ */
     .bg_fff_box { /* Kasten-Abstand */
        margin-bottom: 20px;
    }
    .bg_fff_box .inhalt {
        background-color: #fff;
        padding-left: 20px;
        padding-right: 20px;
    }
    .bg_fff_box .heading {
        padding-top: 18px;
    }
    .bg_fff_box .heading + .heading {
        padding-top: 0px;
    }
    .bg_fff_box .nur_bild {
        padding: 20px;
    }
    

   	/*  OPTION "WEISS"  ------------------ */
     .bg_fff {
        background-color: #fff;
    }
    .bg_fff .inhalt  {
        padding-left: 20px;
        padding-right: 20px;
    }
    .bg_fff .heading {
        padding-top: 38px;
    }
    .bg_fff .heading + .heading {
        padding-top: 0px;
    }    
    .bg_fff .inhalt.nur_bild { /* nur bild wird "fluid" */
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    .bg_fff .nur_bild img {
        width: 100%;
    }
    /* Auffüllung rechts für breite Spalten */
    .bg_fff .col_9 .col_inner p {
        padding-right: 20px;
    }

    
   	/* *** T Y P O G R A P H Y   ------------------ */
    /* Grundelemente  ------------------ */
    strong { font-weight: bold; }
 
    em, .italic { font-style: italic; }
    
    strong em{ font-weight: bold; font-style: normal; }
    
    /* kapitälchen */
    .kapitaelchen {
        font-family: 'Suhmo_SC';
        text-transform: lowercase;
    }
    /* Buttons */
	a.button,
    .col_inner p a.button,
	.col_inner p a.button_download,
    .formbutton {
		background-color: #fff;
		border: 1px solid #333;
		display: inline-block;
		font: bold 14px/20px "Brandon";
		letter-spacing: 1px;
		min-width: 130px;
		padding: 10px 15px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		transition: all 0.3s linear 0s;
	}
    .col_inner p a.button:hover,
    .col_inner p a.button_download:hover,
    .col_inner p a.button:focus,
    .col_inner p a.button:active,
    .formbutton:hover {
        background-color: #333;
        color: #fff;
	}
	.button_download {}
	
    /* BIG */
    .slidertext_titel,
    h1.big,
    h2.big{
        font-size: 3em;
        font-weight: 100;
    }
    p.big {
        font-size: 1.4444em;
        line-height: 1.4;
        font-weight: 100;
        margin: 0.25em 0 .5em 0;
    }
    .inverse,
	.big.inverse {
        color: #fff;
        background-color: #5c5953;
        padding: 5px 20px;
        margin: 0 -20px;
    }
    hr,
    hr.trenner,
    .col_inner hr {
        overflow: hidden;
        border: none;
        background: #333;
        height: 1px;
        margin-top: 1.4em;
    }

    .bg_transp .col_inner hr {
        margin-left: -20px;
        margin-right: -20px;
    }
    .col_inner p {}

   	/* kleine Schrift für kleine Spalten */
    .marginal_l { /* 16px */
		font-size: 88.88888%;
        line-height: 1.6;
    }
    .marginal { /* 15px */
		font-size: 83.33333%;
        line-height: 1.6;
    }
    .marginal_s { /* 14px */
        font-size: 77.7777%;
        line-height: 1.6;
    }
    .marginal_s h6 {
        font-size: 92.3%; /* 12px */
    }
    
    
    /* Listen-Formate  ------------------ */
    ul.auflistung {
         list-style-type: none;
    }
    ul.auflistung > li {
        margin-left: 0;
        padding-left: 0.5em;
        text-indent: -0.5em;
    }
    ul.auflistung > li:before { content:"\B7\A0"; }

    ul.auflistung_horiz {
        list-style-type: none;
        margin-left: 0;
    }
    ul.auflistung_horiz > li {
        display: inline-block;
        margin: 0 .25em .25em 0;
    }
    ul.auflistung_horiz > li:last-child { border-right: none; }
    ul.auflistung_horiz li a { text-decoration: none; }
	
    .col_inner ol { }
    .col_inner ol li {}
  
    /* Bilder  ------------------ */
    /* Teaser */
	#teaserbild {
		overflow: hidden;
		display: block;
        max-height: 720px;
    }
    #teaserbild img,
    .teaserbild {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    /* als css-klasse in texteditor abrufbar */
    .nur_bild img,
    .col_inner img {
        max-width: 100%;
        height: auto;
    }
    .nur_bild img {
        display: block;
    }

    
    /* H O M E ------------------ */
	.img_feed {}
    #instafeed {}/* target für Instafeed */
	.img_feed a img {
		display: block;
		width: 100%;
		height: auto;
	}

	/* P R O G R A M M ------------------ */
	
    /* Reihen (#p_1854) */
	.rr_content {display: none;}
	.edit_border_left .inhalt.rr_content {/* webEdition-editor ansicht*/
		display: block; }
	.reihen_content { }
	
	.inhalt.rr_header { padding: 0; }
	.rr_header.current_rr_nav {	}
	
	.reihen_nav {
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
		background-color: #ccc;
		color: #000;
        cursor: pointer;
 		font-size: .5em;
        transition: all .5s linear 0s;
		padding: 20px;
	}
	.current_rr_nav .reihen_nav {
		font-size: 1.25em;
		padding-top: 20%;
	}
	.current_rr_nav .reihen_nav.musikreihe {
		padding-top: 7%;
	}
    .reihen_nav h1,
    .reihen_nav h2 {
		padding: 0px!important;
	}
	.reihen_nav .ffffont_over { color: #000; transition: all .3s linear 0s; }
	.current_rr_nav .reihen_nav .ffffont_over { color: #fff; }

    .openstage { background-image: url("../_img/nav_img/os_nav.png"); }
	.openstage:hover,
	.current_rr_nav .openstage { background-color: #ec6500; }
	
    .songslam {background-image: url("../_img/nav_img/songsl_nav.png"); }
	.songslam:hover,
	.current_rr_nav .songslam { background-color: #4364AD; }
	
	.poetryslam { background-image: url("../_img/nav_img/ps_nav.png"); }
    .poetryslam:hover,
	.current_rr_nav .poetryslam { background-color: #7EAD26; }
	
	.scienceslam {background-image: url("../_img/nav_img/sisl_nav.png"); }
 	.scienceslam:hover,
	.current_rr_nav .scienceslam { background-color: #24B8CD; }

 	.kulturcafe:hover,
	.current_rr_nav .kulturcafe { background-color: #E7314B; }
	.musikreihe { }
	
	.liedgut:hover,
	.current_rr_nav .liedgut {background-color: #8cd627; }
  
    .retrorockt:hover,
	.current_rr_nav .retrorockt{background-color: #ffc400; }
  
    .indieblendend:hover,
	.current_rr_nav .indieblendend {background-color: #9d7903; }

  
    /* REIHEN_neu */
    /* #p_1863 
    .reihen_nav_neu { margin: 0 -20px; cursor: pointer;}
    .reihen_content_neu {display: none;}
    .rr_col.col { margin-left: 0; width: 24%; display: inline-block; float: none;}
    .active_rr_col.rr_col.col {width: 100%; float: left;}*/
    /*.active_rr_col .reihen_content_neu {display: block;}*/
    
    

    /* Lesungen  #p_9 */
    p.sponsorbild {
        color: #888;
        font-size: 14px;
        font-style: italic;
        text-align: right;
    }
	p.sponsorbild img {
        margin-left: 1em;
        vertical-align: middle;
        max-height: 2.75em;
        width: auto;
    }
    .col_inner p.sponsorbild a { border: none; } /* Reset wegen Textlink */
	.col_inner p.sponsorbild a:hover { background-color: transparent; }

    /* ROXY ------------------ */
    
    /* ROXY ORGANIGRAMM */
    /*#p_1978 > div.bg_fff:nth-child(6) {
        background-color: #efece8;
        min-height: calc(100vh - 200px);}
    #p_1978 > div.bg_fff:nth-child(6) .col { background-color: #efece8;} */
    .orga_header {        
        position: absolute;
        left: 0;
        width: 100%;
        margin-top: -5.5%;
    }
    /*.orga_header + h6 { padding-top:40px; }*/

	ul.orga_nav { }
    ul.orga_nav li { }
    .col_inner ul.orga_nav li a {
        display: block;
        padding: 10px;
        background-color: transparent;
        border: 0;
        cursor: pointer;
       color: #CF7CA5;
	}
    .col_inner ul.orga_nav li a:hover,
    .col_inner ul.orga_nav li a.orga_nav_active {background-color: #CF7CA5; color: #FFF;}
    
    .organigr_block {
        box-sizing: border-box;
        position: relative;
        float: left;
        margin: 0 0 40px 2%;
        width: 32%;
        min-height: 160px;
        font-size: 15px;
        line-height: 1.5;
        border: 1px solid #333;
    }
    .organigr_block:first-child { margin-left: 0;}
    .organigr_block > div {padding: 0 20px;}
    .organigr_block h6 { color: #CF7CA5; letter-spacing: 2px;}
    .organigr_block ul { list-style: none; margin: 0 0 .75em 0;}
    .organigr_block ul li { margin: 0;}

    .organigr_institut { }
    .organigr_struktur,
    .organigr_aufgaben,
    .organigr_mitmachen {
        box-sizing: border-box;
        display: none;
        border-top: 1px dashed #333;
	}
    
    /* ROXY INFOGRAFIKEN */
    table.infografik_mitarbeiter { border-collapse: collapse; font-size: 88.888%; margin: 1em 0; width: 100%; }
    table.infografik_mitarbeiter td {
        border-top: 1px solid #333;
        padding: .5em 1.5em 0 0;
        vertical-align: top;
    }
    table.infografik_mitarbeiter td:last-child { padding-right: 0; }
    .icn_arb {
        width: 11px; height: 30px;
        display: block;
        float: left;
        background: transparent url("../_img/icons/icn-arbeiter.png") center center no-repeat;
        background-size: contain;
        margin: 0 6px 10px 0;
    }
    .icn_arb:nth-child(even) { background-image: url("../_img/icons/icn-arbeiter_w.png");}
    img.infografik {margin-top: 1em;}
    
    
    
    
    /* TEAM */
	.colbild {
		display: block;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.colbild img {
        display: block;
		width: 100%;
		height: auto;
	}
	.coltext {
		display: block;
		width: 100%;
        font-size: 88.88888%;
		word-wrap: break-word;
	}
    
    /* FÖRDERER */
    #p_17 .bg_transp .col {
        background-color: transparent;
    }
    .col_inner .foerderer a {
        float: left;
        margin-left: 2%;
        display: block;
        text-decoration: none;
		border: none;
		padding: 0;
    }
    .foerderer-haupt a { width: 23.5%; }
    .foerderer-projekt a { width: 15%; }
    .foerderer-weitere a { width: 10.75%; }
    .foerderer a img { display: block; }
    
    .foerderer-label {
        float: left;
        width: 23.5%;
        text-align: right;
        font-size: 15px;
    }
    .foerderer-label em {
        color: #FFF;
        background-color:#74726c; /* #7FCCDF */
        position: relative;
        padding: 5px 8px;
    }
    .foerderer-label em:after {
        border-color: #74726c transparent;
        border-style: solid;
        border-width: 15px 15px 0 0;
        content: "";
        display: block;
        position: absolute;
        right: -15px;
        top: 5px;
        width: 0px;
    }
	
    /* JUBILÄUM */
	/* Timeline */
	/*
	#p_853 .bg_transp .col {
		background-color: transparent;
	}
	*/
	div.timeline_25jahr {
		clear: both;
		position: relative;
		padding-bottom: 1.6em;
	}
	div.timeline_25jahr:before {
		position: absolute;
		left: 50%;
		top: 0;
		content: ' ';
		display: block;
		width: 4px;
		height: 100%;
		margin-left: -2px;
		background: #999;
	}
	/* Jahreszahl */
	.timeline_25jahr h6 {
		clear: both;
		position: relative;
		text-align: center;
		font-size: 1em;
	}
  .timeline_25jahr h6:first-child { padding-top: 0;}
	.timeline_25jahr h6 > span {
		background-color: #999;
		border-radius: 50%;
		color: #fff;
		display: inline-block;
		line-height: 60px;
		height: 60px;
		width: 60px;
		text-align: center;
	}
	.timeline_25jahr ul {
		margin-left: 0;
		position: relative;
		list-style: none;
	}
	.timeline_25jahr ul li {
		border-top: 1px solid #999;
		line-height: 1.2;
		margin: 0 0 0.5em;
		min-height: 30px;
		padding: 0.5em 0 0;
		position: relative;
		width: 42%;
	}
	.timeline_25jahr ul li:nth-child(odd) {
		float: right;
		padding-left: 8%;
		background-position: 5% 7px;
	}
	.timeline_25jahr ul li:nth-child(even) {
		float: left;
		margin-top: 1.6em;
		text-align: right;
		padding-right: 8%;
		background-position: 95% 7px;
	}
	.timeline_25jahr ul li:nth-of-type(2n+1) { clear: both; }
	.timeline_25jahr li strong { color: #ff6676; }
	/* Timeline-Icons */
	.tlicon { background-repeat: no-repeat; background-size: 30px auto; }
	.tlico-1 { background-image: url(../_img/icons/tlico-1.png);}
	.tlico-2 { background-image: url(../_img/icons/tlico-2.png);}
	.tlico-3 { background-image: url(../_img/icons/tlico-3.png);}
	.tlico-4 { background-image: url(../_img/icons/tlico-4.png);}
	.tlico-5 { background-image: url(../_img/icons/tlico-5.png);}
	.tlico-6 { background-image: url(../_img/icons/tlico-6.png);}
	.tlico-7 { background-image: url(../_img/icons/tlico-7.png);}
	.tlico-8 { background-image: url(../_img/icons/tlico-8.png);}
	.tlico-9 { background-image: url(../_img/icons/tlico-9.png);}
	.tlico-10 { background-image: url(../_img/icons/tlico-10.png);}
	.tlico-11 { background-image: url(../_img/icons/tlico-11.png);}

	
    /* F Ö R D E R V E R E I N  ------------------ */
	#p_1680 .bg_transp .nur_bild {padding: 20px;}
	#p_1680 .akkordeon dt a span { color: #888; }

    
    /* LINKS (Footer-Seiten)  ------------------ */
    /* Anfahrt */
    #map_canvas {
        display: block;
        height: 360px;
        width: 100%;
    }
    /* foyer-screen ------------------ */
	body#p_1891  { font-size: 175%; }
	#p_1891 #header,
	#p_1891 #footer { display: none; }
	#p_1891 .inhalt { max-width: 1800px;}

	#p_1891 .bx-wrapper { margin-top: 60px;}
	#p_1891 #slider ul, #p_1891 #slider ul li {max-height: 768px;}
	#p_1891 .slidertext_datum,
	#p_1891 .slidertext_option {font-size: 100%;}
	#p_1891 #slider .bx-controls { display: none; }
	
    
    /* Select Text  --------------------------- 
    ::selection			{ background: #B8C8CC;}
    ::-moz-selection	{ background: #B8C8CC;}
    img::selection		{ background: transparent;}
    img::-moz-selection	{ background: transparent;}
	*/
}