/*	Author: Sascha Milivojevic (info@hey-sascha.de):
   
		------------------------------------------------------
   
		kunststiftung.de v1 stylesheet
  
		----------------------------------------------------*/
		
/*	CSS Imports
  
		----------------------------------------------------*/
 /*	CSS Imports
  
		----------------------------------------------------*/
    
/* ibm-plex-sans-300 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 300;
  -webkit-font-feature-settings: 'ss02';
  -moz-font-feature-settings: 'ss02';
  -ms-font-feature-settings: 'ss02';
  font-feature-settings: 'ss02';
  src: url('../fonts/ibm-plex-sans-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'),
       url('../fonts/ibm-plex-sans-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v6-latin-300.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}
/* ibm-plex-sans-300italic - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: italic;
  font-weight: 300;
  -webkit-font-feature-settings: 'ss02';
  -moz-font-feature-settings: 'ss02';
  -ms-font-feature-settings: 'ss02';
  font-feature-settings: 'ss02';
  src: url('../fonts/ibm-plex-sans-v6-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans Light Italic'), local('IBMPlexSans-LightItalic'),
       url('../fonts/ibm-plex-sans-v6-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v6-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v6-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v6-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v6-latin-300italic.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

/* ibm-plex-mono-700 - latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ibm-plex-mono-v4-latin-700.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Mono Bold'), local('IBMPlexMono-Bold'),
       url('../fonts/ibm-plex-mono-v4-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-mono-v4-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-mono-v4-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-mono-v4-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-mono-v4-latin-700.svg#IBMPlexMono') format('svg'); /* Legacy iOS */
}
/* ibm-plex-mono-700italic - latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/ibm-plex-mono-v4-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Mono Bold Italic'), local('IBMPlexMono-BoldItalic'),
       url('../fonts/ibm-plex-mono-v4-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-mono-v4-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-mono-v4-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-mono-v4-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-mono-v4-latin-700italic.svg#IBMPlexMono') format('svg'); /* Legacy iOS */
}     
    
    
 /* ibm-plex-sans-700 - latin */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  -webkit-font-feature-settings: 'ss02';
  -moz-font-feature-settings: 'ss02';
  -ms-font-feature-settings: 'ss02';
  font-feature-settings: 'ss02';
  src: url('../fonts/ibm-plex-sans-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'),
       url('../fonts/ibm-plex-sans-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ibm-plex-sans-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ibm-plex-sans-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ibm-plex-sans-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ibm-plex-sans-v6-latin-700.svg#IBMPlexSans') format('svg'); /* Legacy iOS */
}

		

/*	Browser CSS reset
  
		----------------------------------------------------*/

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, ins, kbd, q, s, samp,
		small, strike, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, input,
		table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;}
		
		img {
				vertical-align: bottom;}
		
		:focus {
				outline: 0;}
		
		ol, ul {
				list-style: none;}
		
		table {
				border-collapse: collapse;
				border-spacing: 0;
				font-size: 1em;}
		
		caption, th, td {
				text-align: left;
				font-weight: normal;}
		
		blockquote:before, blockquote:after, q:before, q:after {
				content: "";}
		
		blockquote, q {
				quotes: "" "";}


/* 	==========================================================================
   	Allgemeines
   	========================================================================== */
   
		html, body { 
				height: 100%;}
		
		body {
			  font-size: 12px;
				font-family: 'IBM Plex Sans';
				color: #000;
				background-color: #fff;}
                
        
				
		::selection {background: #000; color: #fff;}
		::-moz-selection {background: #000; color: #fff;}
		
		.mod_navigation a {
				text-decoration: none;}
				
		p {
				clear: left;
				font-family: 'IBM Plex Sans';
				font-size: 17px;
				line-height: 25px;
				margin: 0 0 21px 0;}
				
		.ce_text ul {
				margin-left: 48px;
				margin-bottom: 21px;}
		
		.ce_text ul li {
				clear: left;
				font-family: 'IBM Plex Sans';
				font-size: 17px;
				line-height: 25px;
				list-style-type: disc;
				list-style-position: outside;}
					
		em, i {
				font-style: italic;}
				
		.box p {
				clear: left;
				font-family: 'IBM Plex Sans';
				font-size: 15px;
				line-height: 21px;
				margin: 0 0 21px 0;}
				
		h1 {
				font-family: 'IBM Plex Mono';
				font-size: 13px;
				line-height: 16px;
				text-align: left;
				padding-bottom: 2px;
				margin: 0;
				font-weight:bold;
				border-bottom: 2px solid #dd2026;
				background-color: #fff;}
				
		h2 {
				font-family: 'IBM Plex Mono';
				font-weight: bold;
				font-size: 20px;
				line-height: 28px;
				text-align: left;}

		.box h2 {
				font-size: 15px;
				line-height: 21px;
				margin-bottom: 0px;
				font-family: 'IBM Plex Mono';}
				
		h3 {
				font-family: 'IBM Plex Mono';
				font-size: 20px;
				line-height: 28px;
				margin-bottom: 25px;
				text-align: left;}
				
		.box h3 {
				margin-top: 12px;
				font-size: 15px;
				line-height: 21px;
				margin-bottom: 21px;
				font-family: 'IBM Plex Mono';}
				
		.box h3, .box p, .box h2 {
				padding: 0 12px;}
				
		#portrait h3, #portrait p, #portrait h2 {
				padding: 0;}
				
		h4 {
				font-family: 'IBM Plex Mono';
				font-size: 11px;
				line-height: 16px;
				text-align: left;
				padding-bottom: 2px;
				border-bottom: 2px solid #dd2026;
				background-color: #fff;}
				
		#portrait h4, #info h4 {
			border-bottom: 2px solid #000;}
				
		.box h4 {
				font-size: 13px;
  			font-style: normal;
  			font-weight: bold;}
				
		h5 {
				float: left;
				font-family: 'IBM Plex Mono';
				font-size: 13px;
				line-height: 19px;
				font-weight: bold;
				text-align: left;
				width: 200px;
				padding-top: 12px; }
				
		p a {
				color: #000;
				text-decoration: underline;}
				
		.white a, .detail a, .inhalte a {
			color: #000;
			text-decoration: underline;}
			
				
		.white a:hover, .detail a:hover, .inhalte a:hover {
			color: #000;
			text-decoration: none;}
				
		p.back {
				margin-left: 36px;}
				
		.relevance, p.url {
			display: none;}
			
		p.header {
			padding-top: 24px;}
			
		p.error {
			color: #dd2026;}
			
		p.confirm {
			color: green;
			font-size: 20px;}
      
    p.information {
      font-family: 'IBM Plex Sans';
      font-size: 18px;
      margin-bottom: 60px;
      font-style: italic;
      text-transform: uppercase;
      color: 000;
      padding: 20px 36px;
      background-color: #f3f3f1;}
			
		.caption {
			font-size: 10px;
			text-align:right;
			padding-right: 2px;
      background-color: #f3f3f1;}
      
    hr {
      display: block;
      clear:left;
      background-color: #bbb;
      border: none;
      height: 1px;
      width: 100%;
      margin: 24px 0;}
      
    hr.black {
      height: 2px;
      background-color: #000;
      margin-bottom: 40px;}
		
/* 	==========================================================================
   	Layout
   	========================================================================== */
	 
	 	#menu {
	 		width: 100%;
			height: 43px;
			background-color: #dd2026;
			top:0;
			position:fixed;
			z-index: 1000;}
			
	 	.head {
	 		width: 100%;
	 		padding-top: 10px;
			height: 30px;
			background-color: #dd2026;}
				
		.mlogo {
			margin-top: 5px;
			float:left;
			width: 250px;}
			
		.mlogo img {
			max-width: 100%;
			width: auto\9; /* ie8 */}
		
    .ce_html5 video {
      width:100%;
      height:auto;}	
    
		.mnavilink {
			float: right;
			cursor: pointer;
			width: 22px;
			margin-right: 18px;}
				
		.mnavi {
			width: 100%;
			clear: left;
			float: left;
			background-color: #939292;
			border-bottom: 2px solid #dd2026;}
			
		#mnavi {
			display: none;}
			
		.container, .content, .top, .detail, #fullwidth, .inhalte  {
			float: left;}	
			
		#window {
			margin-left: 24px;}
			
		.footer .container, .subnavi .container, .foerderer .container{
			margin-top: 0;}
					
		.logo {
			width: 400px;
			margin-top: 8px;}
			
		.main {
			float: left;
			margin-top: 24px;}
			
  
 		.top, .detail  {
		 	margin: 0 12px 0 12px;}
		 	
		.detail {
			background-color: #f3f3f1;
			margin-bottom: 48px;}
        .inhalte  {
            margin-bottom: 48px;}
		
		.footer {
			width: 100%;
			clear: left;
			float: left;
			background-color: #f3f3f1;}
			
		.foerderer {
			width: 100%;
			clear: left;
			float: left;
			background-color: #fff;
			margin-top: 96px;}		

		.foerderer .container{
			margin-left: 24px;
			padding: 24px 0;}

		.footer .container {
			margin-left: 24px;
			padding-top: 12px;}
			
		.subnavi .container {
			margin-left: 24px; }
			
		.foerderer .content, .footer .content, .subnavi .content, .head .content {
			float: right;}
			
		.subnavi {
			padding: 10px 0;
			width: 100%;
			height: auto;
			clear: left;
			float: left;
			background-color: #939292;}
			
		.content .box{
			float: left;
			margin: 0 12px 24px 12px;}
			
		.content .box .ce_text {
			background-color: #F3F3F1;
			padding-bottom: 12px;}
			
		#mein-slider {
    		width: 100%;
    		height: 200px;}			
			
		#portrait {
			background-color: #fff;;}
			
		.white, .right {
			float: left;}
			
		.right {
			padding-bottom: 24px;}
			
		.content .white .row {
			float: left;}
			
		.ce_gallery ul li .image_container {
			width: 100%;} 

		.box img, .logo img, .top img, .detail img, .white img, #portrait img, .ce_gallery ul li .image_container img, .inhalte img {
			max-width: 100%;
			width: auto\9; /* ie8 */} 
			
		.search {
			clear: both;}
			
		.search input.text, .mod_search input.text {
			border: 1px solid black;
			font-size: 13px;
			padding: 2px 2px 2px 5px;
			width: 191px;
			float:left;
			font-weight: bold;
			margin: 6px 12px 0 0;}
				
		.search .submit, .mod_form .submit, .mod_search .submit, .hangar .submit {
			font-size: 13px;
			font-weight: normal;
			display: block;
			float:left;
			text-decoration: none;
			padding: 2px 2px 2px 5px;
			width: auto;
			border: none;
			width: 86px;
			margin: 6px 0 0 0;
			background-color:  #939292;
			color: #fff;
			cursor: pointer;}
            
        #anmeldung .submit { font-size: 13px;
			font-weight: normal;
			display: block;
			float:left;
			text-decoration: none;
			padding: 2px 2px 2px 5px;
			width: auto;
			border: none;
			width: 146px;
			margin: 6px 0 0 0;
			background-color:  #000;
			color: #fff;
			cursor: pointer;}

				
		.pagination {
			clear: left;
			margin: 24px 12px;}
	
		.pagination ul li {		
			margin-right: 12px;
			margin-bottom: 12px; }	
			
		.pagination ul li, .pagination ul li a, .pagination ul li span.current {
			float: left;
			font-family: 'IBM Plex Sans';
			text-decoration: none;
			display: block;
			padding: 2px 5px;
			background-color: #dd2026;
			color: #fff;
			font-size: 14px;
			line-height: 23px;}
			
		.pagination ul li span.current {
			float: left;
			font-family: 'IBM Plex Sans';
			font-weight: bold;
			text-decoration: none;
			display: block;
			padding: 2px 5px;
			background-color: #dd2026;
			color: #000;
			font-size: 14px;
			line-height: 23px;}
			
		.stoerer {
			position: absolute;
			z-index: 1000;
			right: 0;
			width: 160px;
			margin-top: -25px;
			margin-right: 12px;}
			
		.stoerer img {
			max-width: 100%;
			width: auto\9; /* ie8 */} 
			
		img.social {
			margin: 48px 36px 0 12px;}
/* 	==========================================================================
   	Newsletter & Patenschaftsformular
   	========================================================================== */			

		.mod_subscribe input.text, .mod_unsubscribe input.text {
			border: 1px solid black;
			font-size: 13px;
			padding: 2px 2px 2px 5px;
			width: 250px;
			font-weight: bold;
			margin: 12px 0;}
			
			
		.checkbox_container label {
			display: inline !important;
			font-size: 13px;
			line-height: 19px;
			margin-right: 12px;}
			
		.checkbox_container span {
			display: block;}
			
		input.checkbox{
			margin-right: 12px;}
			
		.mod_subscribe .submit, .mod_unsubscribe .submit {
			font-size: 13px;
			font-weight: normal;
			display: block;
			float:left;
			text-decoration: none;
			padding: 2px 2px 2px 5px;
			width: auto;
			border: none;
			margin: 12px 0 24px 0;
			background-color:  #dd2026;
			color: #fff;}

			
/* 	==========================================================================
   	Newsletter & Patenschaftsformular
   	========================================================================== */			

			
		.ce_form .pate input.text {
			float:left;
			border: 1px solid black;
			font-size: 14px;
			padding: 2px 2px 2px 5px;
			width: 250px;
			font-weight: bold;
			margin: 12px 0;}
			
		.ce_form .pate label {
			display: block;
			float:left;
			clear: left;
			width: 200px;
			font-size: 14px;
			margin-top: 12px;}
			
		.ce_form .pate .radio_container label {
			display: inline !important;
			font-size: 15px;
			float: none;}
		
		fieldset {
			height: 60px;
			margin: 0;
			padding: 0;}
      
    .hangar fieldset {
      height: auto;}
			
		fieldset legend {
			font-size: 0;}
      
    .hangar fieldset legend {
      clear: left;
			font-size: 17px;
			line-height: 25px;}
      
    #fragebogen-bildende-kunst .headline p, #fragebogen-literatur .headline p, #fragebogen-musik .headline p {
      font-family: 'IBM Plex Sans';
      font-size: 17px;}
      
    #fragebogen-bildende-kunst span.mandatory, #fragebogen-literatur span.mandatory, #fragebogen-musik span.mandatory {
      display: none;}
			
		.ce_text .pate .radio_container {
			font-size: 15px;}
			
		.ce_form .pate  .radio_container span {
			display: block;}
			
		.ce_form .pate  input.radio{
			margin-right: 12px;
			margin-bottom: 12px;}
			
		.ce_form .pate textarea {
			width: 250px;
			padding: 2px 2px 2px 5px;
			font-size: 15px;
			border: 1px solid #000;
			float: left;}
			
		.ce_form .pate .submit {
			font-size: 13px;
			font-weight: normal;
			display: block;
			float:left;
			clear: left;
			text-decoration: none;
			padding: 2px 2px 2px 5px;
			width: auto;
			border: none;
			margin: 12px 0 24px 0;
			background-color:  #dd2026;
			color: #fff;}
			
/* 	==========================================================================
   	Tags
   	========================================================================== */			
		.mod_newsreader .tags {
			padding: 24px 36px;
			margin-bottom: 48px;}
			
		.mod_tagcloud {
			margin: 0 12px 24px 12px;}
			
		.mod_tagcloud h2 {
			font-size: 13px;
  		line-height: 18px;
			margin-bottom: 12px;}
		
		.tags ul li {
			float: left;}	
			
		.tags ul li, .tags ul li a {
			font-family: 'IBM Plex Sans';
			text-decoration: none;
			display: block;
			padding: 2px 5px;
			background-color: #dd2026;
			color: #fff;
			font-size: 14px;
			line-height: 23px;}
			
		.tags ul li {	
			margin-right: 12px;
			margin-bottom: 12px; }
			
/* 	==========================================================================
   	Publikationen Layout
   	========================================================================== */
   	
   	.portraitliste {
		 	position: static;
			z-index: 0;}
   	
   	.portraitliste .teaser {
			margin: 0 5px;
   		z-index: 1000;
   		background-color: #fff;
    	background-color: hsla(0, 0%, 100%, 0.8);
   		position: absolute;
   		bottom: 5px;
			padding: 12px;}
			
		.portraitliste h2 a {
			text-decoration: underline;
			color: #000;} 
			
/* 	==========================================================================
   	Publikationen Layout
   	========================================================================== */
		.publiste {
			padding-bottom: 12px;
			background-color: #f3f3f1;}
			
		.publiste hr{
			padding: 0;
			margin: 5px 0;}
			
		.publiste .image_container {
			text-align: center;}
						
		.publiste h2 {
			margin-top: 12px;
			font-size: 15px;
			line-height: 21px;
			margin-bottom: 0px; 
			text-align: left;}
			
		.publiste h2 a{
			text-decoration: underline;
			color: #000;}
			
		.publiste h3 {
			font-family: 'IBM Plex Sans';
			font-size: 15px;
			line-height: 21px;
			margin-bottom: 21px;}
			
		.publiste h4 {
			font-size: 13px;
			font-style: normal;
			font-weight: bold;}
			
		.publiste p {
			font-size: 15px;
			line-height: 21px;}
			
		.publiste .teaser {
			padding: 0 36px;}

			
/* 	==========================================================================
   	Programm Layout
   	========================================================================== */
		.white .programmliste {
			margin-bottom: 48px;}   	
  
		.programmliste {
			padding-bottom: 12px;
			background-color: #f3f3f1;}
			
		.box .programmliste {
			position: relative;
			margin-bottom: 24px;}
			
		.programmliste .image_container {
			text-align: center;}
						
		.programmliste h2, .box h2 {
			margin-top: 12px;
			font-size: 15px;
			line-height: 21px;
			margin-bottom: 0px; 
			text-align: left;}
			
		.programmliste h2 a, .box h2 a{
			text-decoration: underline;
			color: #000;}
			
		.programmliste h2 a:hover, .box h2 a:hover{
			text-decoration: none;
			color: #000;}
			
		.programmliste h3, .box h3 {
			font-family: 'IBM Plex Mono';
			font-size: 15px;
			line-height: 21px;
			margin-bottom: 21px;}
			
		.programmliste h4, .box h4 {
			font-size: 13px;
			font-style: normal;
			font-weight: bold;}
			
		.programmliste p, .box p {
			font-size: 15px;
			line-height: 21px;}
			
		.programmliste .teaser {
			padding: 0 36px;}
			
		.box .programmliste .teaser {
			padding: 0 12px;}
			
		.box .programmliste h3, .box h3 {
			margin-top: 0;}
/* 	==========================================================================
   	Stipendiaten Layout
   	========================================================================== */
    
    

		.mod_newsarchive h1 {
			display: none;}
			
		.layout_latest {
			padding-bottom: 12px;
			background-color: #f3f3f1;
			text-align: center;
			height: 250px;}
			
		.box .layout_latest {
			padding-bottom: 0;}
			
		.layout_latest h2 {
			font-size: 15px;
			line-height: 21px;
			margin-bottom: 0px;
			padding: 0 12px; 
			text-align: center;
			font-weight: normal;}
			
		.layout_latest h2 a{
			text-decoration: underline;
			color: #000;}
			
		.layout_latest .image_container {
			margin-top: 12px;
			margin-bottom: 12px;
			height: 162px;
			overflow: hidden;}
		
		.row img {
			width: 124px;}
			
		.mod_newsreader {
			background-color: #f3f3f1;}
			
		.mod_newsreader h2 {
			margin-bottom: 24px;}
			
		.mod_newsreader h3 {}
			
		.mod_newsreader .image_container {
			text-align: center;}
		
		.mod_newsmenu, .stiparchiv {
			margin-left: 12px;
      margin-bottom: 24px;}
			
		.mod_newsmenu h2 {
			font-size: 13px;
  		line-height: 18px;
			margin-bottom: 12px;}
			
		.mod_newsmenu ul {
			margin-top: 12px;
			margin-bottom: 12px;}
			
		.mod_newsmenu ul li {
			float:left;
			margin-right: 12px;
			margin-bottom: 12px;}
			
		.mod_newsmenu  ul li, .mod_newsmenu  ul li a {
			font-family: 'IBM Plex Sans';
			text-decoration: none;
			display: block;
			padding: 2px 5px;
			background-color: #dd2026;
			color: #fff;
			font-size: 14px;
			line-height: 23px;}	
			
		.mod_newsmenu ul li span.active {
			float: left;
			font-family: 'IBM Plex Sans';
			text-decoration: none;
			display: block;
			padding: 2px 5px;
			background-color: #dd2026;
			color: #000;
			font-size: 14px;
			line-height: 23px;}
      	
			
			
/* 	==========================================================================
   	Hauptnavigationselemente
   	========================================================================== */			
		#nav {
			margin-top: 18px;
			float: left;
			width: 263px;}
			
		#nav ul.level_1 {
			width: 200px;
			padding: 12px 0 12px 0;
			border-top: 1px solid #000;
			border-bottom: 1px solid #000;}	
			
		#nav ul.level_2 {
			width: 188px;
			margin: 0px 0 12px 12px;}
			
		#nav ul.level_1 li, #nav ul.level_1 li a {
			font-family: 'IBM Plex Mono';
			text-decoration: none;
			color: #000;
			font-size: 16px;
			line-height: 23px;}
		
		#nav ul.level_1 li.active, #nav ul.level_1 li a.trail {	
			color: #dd2026;	}
			
		#nav ul.level_2 li, #nav ul.level_2 li a {
			font-family: 'IBM Plex Mono';
            text-transform:uppercase;
			color: #000;
			font-size: 15px;
			line-height: 22px;}
			
		#nav ul li a:hover {
			color: #dd2026;	}
			
		#nav ul li.underline {
			margin-bottom: 6px;
			padding-bottom: 6px;
			width: 200px;
			border-bottom: 1px solid black;}
			
		#nav ul li.red a {
			color: #68C3AB; } 
			
		#nav ul li.red a:hover {
			color: #dd2026;	}

/* 	==========================================================================
   	Subnavigationselemente
   	========================================================================== */			
		.subnavi ul li{
			float: left;
			text-align:left;}	
			
		.subnavi ul li, .subnavi ul li a {
			font-family: 'IBM Plex Sans';
			text-decoration: none;
			color: #fff;
			font-size: 14px;
			line-height: 23px;}
			
		.subnavi ul li a:hover {
			color: #dd2026;	}
      
/* 	==========================================================================
   	Subnavigationselemente
   	========================================================================== */
     
    .hangar h2 {
      margin: 0px 0 30px 0;}	
    
    .hangar label {
      display: block;
      font-size: 17px;
      margin-bottom: 15px;}
      
    .hangar fieldset label {
      float: left;
      padding-left: 5px;
      margin-bottom: 9px;
      width: auto;
      width: calc(100% - 50px); }
      
    .hangar fieldset {
      display: block;
      margin: 2px 0;}
      
    .hangar legend {
      display: block;
      margin: 10px 0;}
      
    .hangar fieldset span {
      display: block;
      margin: 0;
      clear: left;
      height: auto;}
      
    .hangar fieldset legend span {
      display: inline;}
      
    .hangar input.text {
      margin: 10px 0 24px 0;
      width: 264px;
      border: 1px solid black;
      font-size: 14px;
      line-height: 20px;
      padding: 3px;}
      
    .hangar input.z4 {
      width: 50px;}
      
    .hangar input.z2 {
      width: 25px;}
      
    .hangar input.z6 {
      width: 75px;}
      
    .hangar fieldset input.radio {
      float: left;
      width: 15px;
      height: 15px;
      margin-top: 5px;}
      
    .hangar input.upload {
      margin: 10px 0 20px 0;}
      
    .hangar select {
      font-family: 'IBM Plex Sans';
      font-size: 14px;
      padding: 3px;
      line-height: 24px;
      margin-bottom: 24px;
      border: 1px solid black;}	
      
    .ce_form .formular select {
      width: 240px; }
      
    .hangar textarea {
      border: 1px solid black;
      font-family: 'IBM Plex Sans';
      font-size: 14px;
      line-height: 20px;
      margin: 10px 0 20px;
      padding: 3px;}
      
    .hangar textarea.address, .hangar textarea.techinfo {
      width: 264px;
      height: 60px;}
      
    .hangar textarea.docu {
      width: 528px;;
      height: 200px;}

/* 	==========================================================================
		large desktops
   	========================================================================== */
@media screen and (min-width: 1580px) {
		.mobile {
		 	display: none;}

		.container {
/**/	   width: 1556px;
			width: 1535px;
			margin-top: 55px;}
			
		.logo {
			margin-left: 24px;}
			
		.content {
			width: 1272px;}
			
		.top, .white {
			width: 848px;}
			
		.right {
			margin: 0 12px;
			width: 400px;}
			
		.detail {
			width: 776px;
			padding: 24px 36px;}
        
        .inhalte .ce_text { padding: 24px 36px;}
			
		.mod_newsreader .ce_text {
			padding: 24px 36px;}
			
		.mod_newsreader .ce_download, .mod_newsreader .ce_downloads {
			padding: 0 36px;}

		.content .box {			
			width: 400px;}
			
		.sitemap ul li, .subnavi ul li {
			width: 188px;
			margin: 0 12px;}
			
		.row  {
			width: 188px;
			margin: 0 12px 24px 12px;}	
			
		.foerderer img {
			width: 16%;}	
			
		.publiste, .portraitliste {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 400px;
			margin: 0 8px 24px 12px;}
}

/* 	==========================================================================
		medium desktops
   	========================================================================== */

@media screen and (min-width: 1280px) and (max-width: 1579px){
		.mobile {
		 	display: none;}

		.container {
/**/	width: 1256px;
			width: 1235px;
			margin-top: 55px;}
			
		.logo {
			margin-left: 24px;}
			
		.content {
			width: 972px;}

		.content .box {			
			width: 296px;}	
			
		.top, .white {
			width: 640px;}
			
		.right {
			width: 296px;
			margin: 0 12px;}
			
		.detail {
			width: 568px;
			padding: 24px 36px;}
            
        .inhalte .ce_text {padding: 24px 36px; }
			
		.mod_newsreader .ce_text {
			padding: 24px 36px;}
			
		.mod_newsreader .ce_download, .mod_newsreader .ce_downloads {
			padding: 0 36px;}

		.sitemap ul.level_1 li, .subnavi ul li {
			width: 136px;
			margin: 0 12px;}	
			
		.row  {
			width: 136px;
			margin: 0 12px 24px 12px;}	
			
		.foerderer img {
			width: 24%;}
			
			
			
		.publiste, .portraitliste {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 296px;
			margin: 0 8px 24px 12px;}


}	
/* 	==========================================================================
   	tablets landscape format & small desktops
   	========================================================================== */
@media screen and (min-width: 1024px) and (max-width: 1579px){
		.mobile {
		 	display: none;}

		.container {
			width: 979px;
			margin-top: 55px;}
			
		.logo {
			margin-left: 24px;}
			
		.content {
			width: 716px;}
			
		.content .box {			
			width: 328px;
			margin-bottom: 0;}
			
		.top, .white, .right {
			width: 716px;}
			
		.detail {
			width: 644px;
			padding: 24px 36px;}
            
        .inhalte .ce_text {padding: 24px 36px; }
			
		.right {
			width: 692px;
			margin: 0px 12px;}
			
		.mod_newsreader .ce_text {
			padding: 24px 36px;}
			
		.mod_newsreader .ce_download, .mod_newsreader .ce_downloads {
			padding: 0 36px;}
			
		.sitemap ul.level_1 li, .subnavi ul li  {
			width: 152px;
			margin: 0 12px;}
			
		.row  {
			width: 152px;
			margin: 0 12px 24px 12px;}		
			
		h5 {}
			
		.foerderer img {
			width: 24%;}
			
		.box .portraitliste, .box .programmliste {
			position: relative;
			display: inline-block;
			vertical-align: top;
			z-index: 1;
			width: 328px;}
			
		.white .publiste, .white .portraitliste {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 328px;
			z-index: 1;
			margin: 0 8px 24px 12px;}
			
		p, .ce_text ul li {
			font-size: 15px;
			line-height: 22px;}
}			

/* 	==========================================================================
   	tablets portrait format
   	========================================================================== */
@media screen and (min-width: 768px) and (max-width: 1023px){	
		.mobile {
		 	display: block;}
		 	
		#menu {
			display: none;}
			
		#window {
			margin-left: 12px;}
		
		.container {
			width: 744px;}
			
		.logo {
			margin-left: 24px;}	
			
		.content {
			width: 744px;}
			
		.subnavi .content {
			padding:0;
			margin:0;}
			
		#nav {
			display: none;}
					
	 .search {			
			width: 350px;
			margin-left:12px;}

		.content .box {			
			width: 350px;
			margin: 0 8px 0 12px;}
			
		.white {
			width: 744px;}
		
		.top {
			width: 720px;}
			
		.detail {
			width: 648px;
			padding: 24px 36px;}
        .inhalte .ce_text {    
        padding: 24px 36px; }
			
		.mod_newslist {
			margin-left: 0px;}
		
		.mod_newsreader {
			width: 720px;
			margin-left: 12px;}
			
		.mod_newsreader .ce_text {
			padding: 24px 36px;}
			
		.mod_newsreader .ce_download, .mod_newsreader .ce_downloads {
			padding: 0 36px;}
			
		.sitemap ul.level_1 li  {
			width: 162px;
			margin: 0 12px 24px 12px;}
			
		.subnavi ul li {
			width: 162px;
			margin: 0 12px 0 12px;}
			
		.row  {
			width: 162px;
			margin: 0 12px 24px 12px;}
			
		.mnavi ul.level_1 li, .mnavi ul.level_1 li a {
			width: 372px;}
						
		.foerderer .container, .foerderer img, .mnavi .container, .head .container {
			margin-left: 24px;}
			
		.footer .container, .subnavi .container	{
			margin-left: 12px;}
			
		.foerderer img {
			width: 18%;
			margin: 24px;}
		
		.footer h5 {
			display: none;}	
			
		.mnavilink {
			margin-right: 24px;}
						
		.publiste, .portraitliste {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 350px;
			margin: 0 8px 24px 12px;}
			
		.white .programmliste {
			margin-left: 12px;
			width: 720px;}

}

/* 	==========================================================================
   	smartphone format
   	========================================================================== */
@media screen and (min-width: 200px) and (max-width: 767px){
		.mobile {
		 	display: block;}
		 	
		#menu {
			display: none;}
			 		
		#window {
			margin-left: 0;}
			
		.mnavilink {
			margin-right: 24px;}
	
		.container {
			margin: 0;
			width: 310px;}
			
		.logo {
			margin-left: 12px;
			width: 286px}
			
		.content {
			margin: 0;
			width: 310px;}
			
		#nav {
			display: none;}
					
		.content .box {			
			width: 286px;
			margin-bottom: 0;
			margin-top: 0;}	
			
		.top, .white {
			width: 298px;
			margin-left: 12px;}
			
		.detail {
			width: 274px;
			padding: 24px 12px;}
		.inhalte .ce_text {padding: 24px 12px; }	
		.mod_newsreader .ce_text {
			padding: 24px 12px;}
			
		.mod_newsreader .ce_download, .mod_newsreader .ce_downloads {
			padding: 0 12px;}
			
		.detail p, .white p, .detail h2, .detail h3, .white h2, .white h, .inhalte p, .inhalte h2, .inhalte h3 {
			font-size: 14px;
			line-height: 20px;}
            
        .inhalte p {}
			
		.ce_text ul {
				margin-left: 24px;
				margin-bottom: 21px;}
		
		.ce_text ul li {
				clear: left;
				font-family: 'IBM Plex Sans';
				font-size: 14px;
				line-height: 20px;
				list-style-type: disc;
				list-style-position: outside;}
			
		.sitemap ul.level_1 li, .subnavi ul li  {
			width: 136px;
			margin: 0 12px 0 0;}
		
		.row  {
			margin-bottom: 24px;
			width: 137px;}
			
		.white .mod_newslist .even {
			margin-right: 24px;}
			
		.mnavi ul.level_1 li, .mnavi ul.level_1 li a {
			width: 143px;}
			
		.foerderer .container, .footer .container, .subnavi .container, .mnavi .container, .head .container {
			margin-left: 12px;}
			
		.foerderer img {
			width: 75%;
			margin: 24px 0;}
			
		h5 {
			width: 286px;}	
			
		h4 {
			font-size: 10px;}
			
		.search input {
			margin-left: 12px;
			width: 264px;}
			
		.search .submit {
			margin-left: 12px;}
		
		p.back {
				margin-left: 12px;}	
				
		.programmliste {
			width: 100%;}	
				
		.tags {
			margin: 0 0 24px 0;}
			
		.programmliste .teaser {
			padding: 0 24px;}
			
		.box .portraitliste, .box .programmliste {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 286px;}
			
		.white .publiste, .white .portraitliste {
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 286px;
			margin: 0 0 24px 0;}
			
		.mod_newsmenu {
			margin-top: 24px;}
			
		.mod_newsreader .tags {
			padding: 12px;}
}

/* 	==========================================================================
   	Sitemap
   	========================================================================== */			
		.sitemap ul.level_1 {}
			
		.sitemap ul.level_1 li {
			margin-top: 12px;}
			 
		.sitemap ul li, .sitemap ul li a {
			float: left;
			font-family: 'IBM Plex Sans';
			font-weight: bold;
			text-decoration: none;
			color: #000;
			font-size: 11px;
			line-height: 16px;}
					
		.sitemap ul li a:hover, .sitemap span.active {
			color: #DD2026;	}

		.sitemap ul.level_2 li, .sitemap ul.level_2 li a{
			font-weight: normal;
			margin: 0;}	
			
/* 	==========================================================================
   	mobile Navigation
   	========================================================================== */			
		.mnavi ul.level_1 li {
			padding-top: 10px;}
			 
		.mnavi ul li, .mnavi ul li a {
			float: left;
			height: 30px;
			display: block;
			font-family: 'IBM Plex Sans';
			text-decoration: none;
			color: #fff;
			text-align: left;
			font-size: 14px;
			line-height: 23px;}
			
		#subnavi ul li, #subnavi ul li a {
			color: #000;
			font-style: italic;
			font-family: 'IBM Plex Sans';}
			
		.mnavi ul li.active {
			color: #dd2026;}
			
		.box .portraitliste {
			margin: 0 0 24px 0;}
			
		.portraitliste h4 {
				font-family: 'IBM Plex Sans';
				font-size: 13px;
				line-height: 16px;
				font-weight: bold;
				text-align: left;
				padding-bottom: 2px;
				border-bottom: 2px solid #dd2026;
				background-color: #fff;}
				
		.ce_downloads, .ce_download {
			margin: 0 0 24px 0;}
			
		.ce_downloads ul li {
			margin-bottom: 4px;}
			
		.ce_downloads ul li, .ce_downloads ul li a{
			font-size: 12px;
			line-height: 18px;}	
            
        #webprojekte #window .main #nav, #webprojekte #window .main .content { }
        #webprojekte #window { width: calc(100vw - 80px) !important; }
        #webprojekte #window .main { width: 100%; }
        #webprojekte #window #fullwidth { width: calc(100% - 320px) !important; background-color: #01F1C3; margin-top: 18px;}
        #webprojekte #window #fullwidth p, #webprojekte #window #fullwidth h1, #webprojekte #window #fullwidth h2, #webprojekte #window #fullwidth h3, #webprojekte #window #fullwidth h4 { max-width: 950px;}
        .ce_image { margin-bottom: 20px;}
        #webprojekte #window #fullwidth .caption {background-color: #01F1C3; }
@media screen and (max-width: 1023px) {        
        #webprojekte #window #fullwidth {  width:100% !important; }  }
        
        /*{ 
            width: calc(100%- 300px) !important;
            background-color: #327563;}    */
            
        .facebook { height: 48px;}