/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 
 Blau: #009ee3
 Orange: #d25005 
 Schrift: #666666
 *:not(html) {
    -webkit-transform: translate3d(0, 0, 0);
}
 */

*, *:before, *:after {
    vertical-align: top;
}

html 	{		}

body 	{
	margin:0 auto;
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
	color: #666666;
	background-color: #F2F1EC;
}

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

body, .links, .rechts {
	height: 100%;
	width: 100%;
}

html.hide-header .powered-by {
	display: none !important;
}

.daten-seminar {
	margin-top:20px;
}

.caption.none.img-responsive {
	width: 100% !important;
}

.webform-component--sepa-lastschriftmandat--sepa {
	font-size:13px !important;
	color: #666 !important;
	border: none !important;
	margin-top:0px !important;
}

.webform-component-markup {
	font-size: 16px;
	background-color: transparent;
	color: #d25005;
	border-radius: 0px;
	border-bottom: transparent;
	border-color: transparent;
	border-bottom: none;
	border-top: 1px solid #d25005;
	border-radius: 0px;
	width: 100%;
	margin-top: 20px;
	display: inline-block;
}

.webform-component-markup {
	padding: 10px 15px 0px 0;
}

#node-893 h2 {
	border-bottom: none;
	color: #d25005;
	margin-bottom: 20px;
	margin-top: 0px;
	font-size: 1.5em;
}

#popup-text {
	margin: 10px 0 0 !important;
}

.region-content {
	padding-top: 25px;
}

#wallsio-load-more-button {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
	display: block;
	margin: 0 auto;
}
/*
height: 300px;
overflow-y: scroll;
*/
#newstuff {
	width: 300px;
	position: absolute;
	right: -300px;
	top:153px;
	display:block;
}

#newstuff h6 {
	font-size: 1.4em;
	color:#666;
}

#block-block-9 {
	clear: both;
	margin-right: 54px !important;
	margin-top: -20px !important;
}

#newstuff .ns-content .views-row {
	margin-bottom: 15px;
}

#newstuff .ns-content .views-row .views-field-title {
	font-size: 1.2em;
}

#newstuff .ns-content .views-row .views-field-changed {
	font-size: 0.85em;
}

.btn-orange 	{	background-color: #d25005; color: #FFF; font-style: normal !important; margin-top: 0px !important;}

.page-node-132 .caption p, .page-node-374 .caption p, .page-node-172 
.caption p, .page-node-145 .caption p,  .page-node-161 .caption p,  
.page-node-185 .caption p, .page-node-354 .caption p, .page-node-675 .caption p {
	display: none !important;
}

#block-views-seminare-block h3,  #block-views-seminare-block caption {
	display:none !important;
}

#block-views-seminare-block td.views-field-field-seminardatum {
	width:123px;
}

#block-views-seminare-block td.views-field-field-referent {
	width:150px;
}

#block-views-seminare-block td.views-field-views-conditional, #block-views-seminare-block-6 td.views-field-views-conditional {
	width:20px;
	padding:5px;
}

#block-block-3 a {
	padding-left:10px;
}

.views-field-field-absol-image img {
	height:auto !important;
	width: 100%;
}

/* ###  ALLGEMEIN ### */

	a 			{	color: #d25005; outline:0;		}
	a:hover		{	color: #d25005; outline:0;	} 
	a:focus 	{	outline: 0; 				}
	h1, h2, h3, h4, h5, h6 { color: #069ee3; font-weight: 400; font-family: 'Fira Sans', sans-serif; }
	h1, .h1 	{	font-size: 1.5em; }

/* MAIN */
	#main-area {
		background: #fff;
		width: 1030px;
		margin: 0 auto;
		display: block;
		left: -100px;
		position: relative;
	}
/* ### HEADER ### */

	#navbar {
		position: absolute;
		width: 100%;
		display: table;
	}

	#navbar .nav-rechts {
		width: 200px; display: table-cell;
	}
	
	#navbar .nav-rechts .slogan {
		font-size: 0.8em;
		font-weight: 500;
		color: #000;
		margin-left: 30px;
		padding-right: 20px;
		text-align: left;
		width: 100%;
		display: inline-block;
	}
	
	.nav-rechts a.logo {
		float: right;
		margin: 0px 40px 0px 0px;
	}

	#navbar .nav-links section {
		display: table-cell;
		margin:20px 2px;
		float: right;
	}
	
	.nav-rechts, .nav-links {
		display: inline-block;
		padding: 0px;
		margin: 0px;
		vertical-align: top;
	}
	.nav-links {
		width:640px;
	}
	
	/* ### SUCHE ### */
		#navbar .nav-links #block-search-form input {
			background: url("/sites/default/files/layout/suche_button2.png") no-repeat scroll 0 0;
		    border: 0 none;
		    float: right;
		    height: 35px;
		    margin: 0 15px 0 0;
		    outline: medium none;
		    padding: 0 15px;
		    transition: all 0.5s ease 0s;
		    box-shadow: none;
		    border:none;
		    width: 25px;
		}
		
		
		#navbar .nav-links #block-search-form input:focus {
			background-color: #fff;
		    background-image: none;
		    border-radius: 15px;
		    box-shadow: 0 0 5px 4px rgba(255, 103, 0, 0.2);
		    height: 25px;
		    margin: 2px 25px 0 10px;
		    outline: 0 none;
		    width: 150px;
		}
		
		#search-block-form .input-group-btn {
			display: none;
		}


/* Nabar + Main Area */
	.nav-rechts, .rechts 	{	width: 350px; display: table-cell;	}
	.nav-rechts img {
		width: 350px;
		max-width: 350px;
	}
	.links 		{					}



/* CONTENT BEREICH */
	.rechts, .links {
		display: table-cell;
		background: #fff;
		padding: 0px;
		margin:0px;
		vertical-align: top;
		padding-top: 135px;
		min-height: 900px;
	}
	.navbar.container, .container {
		width: 100%;
		max-width: 100%;
	}
	
	.row, .col-sm-9 {	margin:0px;	padding: 0px 0px 0px 0px;					}
	.col-sm-3 		{	width: 34%; display: inline-block; vertical-align: top; }
	.col-sm-6 		{	width: 61.5%;	padding: 0px; display: inline-block; 		}
	.col-sm-9 		{	width: 94%;	}

	
	/* RECHTS */
	.rechts 		{	width: 200px;	}
	.rechts nav 	{	float: right; width: 200px; }
	.rechts .well 	{	background-color: transparent; border: none; box-shadow: none; right: 0px; padding-top: 20px; }
	
	/* Menü Rechts */
	


	/* LINKS */	
	#block-system-main 	{	max-width: 520px; width: 500px;		}
	body #lightbox.lightbox2-orig-layout #outerImageContainer #lightboxImage { display: block !important; }

	/* Menü allgemein */

	.nav > li > a	{	color: #216fb4; padding: 10px 15px 10px 8px; letter-spacing: 0.6px;	}
	.nav > li > a:focus, .nav > li > a.active-trail, .nav > li > a:hover {	background-color: transparent; color: #d25005; }
	span.caret 		{	display: none;	}

	a.active-trail, 
	.dropdown-menu > li > a.active-trail,
	.dropdown-menu > .active > a, 
	.dropdown-menu > .active > a:hover, 
	.dropdown-menu > .active > a:focus {
		color: #d25005;
		background-color: transparent;
	}


/* ### HAUPTMENÜ LINKS */

	#block-system-main 					{	margin-bottom: 10px;	}
	#block-system-main p 				{	line-height: 1.6;		}
	#block-system-main-menu ul.menu li 	{	font-weight: 500;		}
	
	#block-system-main-menu ul.menu li ul.dropdown-menu {	display: none; 			}
	#block-system-main-menu ul.menu li.active-trail ul.dropdown-menu {
		display: block;
		position: relative;
		min-width: auto;
		border: none;
		background-color: transparent;
		box-shadow: none;
		font-size: 1em;
		float: none;
	}	
	
	#block-system-main-menu ul.menu li .dropdown-menu > li > a {
		white-space: normal;
		font-size: 0.9em;
		padding: 10px 20px;
		
	}
	#block-system-main-menu ul.menu li .dropdown-menu > li > a:hover,
	#block-system-main-menu ul.menu li .dropdown-menu > li > a:focus {
		background-color: transparent;
		color: #d25005;
	}


/* ### KACHELN ### */

	/* Allgemeine Darstellung */	

		.view-kacheln .views-row {
			width: 250px;
			height: 250px;
			margin: 5px 10px 5px 0px;
			display: inline-block;
		}

		.view-kacheln .views-row-3, .view-kacheln .views-row-6, .view-kacheln .views-row-9, .view-kacheln .views-row-12,
		.view-kacheln .views-row-15, .view-kacheln .views-row-18, .view-kacheln .views-row-21, .view-kacheln .views-row-24, .views-row-27,
		.view-kacheln .views-row:nth-child(3n+0) {
			margin-right: 0px;
		}

		.view-kacheln .views-field a 			{	color: #FFF;	}
		.view-kacheln .views-field a:hover 		{	color: #FFF; text-decoration: none;	}
		.view-kacheln .views-row .views-field 	{	display: table;	}

		.kachel_text .kachel_titel h2,
		.kachel_titel .titel h2,
		.view-kacheln .kachel_kurztext:hover .titel h2,
		.view-kacheln .titel h2,
		.kachel_text .kachel_titel a {
			font-size: 1.26em;
			color: #FFF !important;
			margin: 0px !important;
			bottom: 0;
			line-height: 1.43;
		    width: 100%;
		    font-weight: 500;
			letter-spacing: 0.2px;
		}


	/* Menüpunkt Allgemein - TITEL */	
		.views-field .kachel_text .kachel_titel {			
			position: absolute;			
			color: #FFF;
			width: 100%;
			bottom:0px;
			vertical-align: bottom;
		}
		
		.views-field .kachel_view .kachel_titel,
		.views-field .kachel_inhalt .kachel_titel,
		.views-field .kachel_link .kachel_titel {
			position: absolute;			
			color: #FFF;
			width: 100%;
			background-color: rgba(210,80,5,0.9);
			bottom:0px;
			vertical-align: bottom;
		}
	
		.views-field .kachel_text .kachel_titel .titel,
		.views-field .kachel_view .kachel_titel .titel,
		.views-field .kachel_inhalt .kachel_titel .titel,
		.views-field .kachel_link .kachel_titel .titel {
			width: 100%;
			padding: 10px 15px;
			vertical-align: bottom;
			bottom: 0px;
			position: relative;	
		}
		
		
		.views-field .kachel_view .kachel_titel a,
		.views-field .kachel_inhalt .kachel_titel a,
		.views-field .kachel_link .kachel_titel a {
			color: #FFF;
			width: 100%;
			height: 100%;
			display: inline-block;
			text-decoration: none;
		}
		
		
	/* Ausnahme - Startseite */
		.front .views-field .kachel_titel 			{	min-height: 75px;	}
		.front .views-field .kachel_titel .titel 	{	position: absolute;	}
		
		
			
	
		
		
		
	/* Inhalt erst bei hover anzeigen, jetzt ausblenden */
		.views-field .kachel_link:hover .kachel_titel {
			display: none;
		}
		.views-field .kachel_link .kachel_kurztext {
			display: none;
		}
		.views-field .kachel_link a:hover { text-decoration: none;}
		/*.views-field .kachel_view:hover .kurz .kachel_viewtext,*/
		.views-field .kachel_view:hover .kurz .kachel_titel,

		.views-field .kachel_view .kurztext {
			display: none;
		}

		
	
	
		html.js body.html.front.logged-in.one-sidebar.sidebar-first.page-node.page-node-.page-node-135.node-type-page.admin-menu.lightbox-processed div#main-area div.links div.main-container div.row section.col-sm-9 div.region.region-content section#block-views-kacheln-block.block.block-views.contextual-links-region.clearfix div.view.view-kacheln.view-id-kacheln.view-display-id-block.view-dom-id-d6249671818eae72d8afe3b184c67e25 div.view-content div.views-row.views-row-1.views-row-odd.views-row-first div.views-field.views-field-views-conditional span.field-content div.kachel_text div.kachel_titel {
			position: absolute; bottom: 0px;
		}
		
	/* Menüpunkt - Bild */

	
		#block-views-inhalt-block-2 .views-field .field-content .kachel_inhalt,
		.views-field .kachel_link:hover .kachel_kurztext {
			display: block;
			background-color: rgba(210,80,5,0.5);		
			width: 100%;
			height: 100%;
			bottom: 0px;
			position: absolute;
			font-size: 1em;
		}
		
		.views-field .kachel_link:hover .kachel_kurztext .titel {
			position: absolute;
			width: 100%;
			bottom:0px;
			left: 0px;
			padding: 10px 15px;
		}
		
		.views-field .kachel_link:hover .kachel_kurztext a {
			display: block;
			width: 100%;
			color: #FFF;
			padding: 20px;
			height: 100%;
		}
	
	
	/* Menüpunkt - Nur Text */

		.views-field .kachel_inhalt .inhalt 				{	position: absolute;	width: 100%; bottom:0px; height: 100%;	}	
		.views-field .kachel_inhalt .kachel_inhaltstext 	{	color: #FFF; padding: 20px;	}		
		.views-field .kachel_inhalt .kachel_inhaltstext a 	{	text-decoration: underline;	}
		
		
		
	
	/* Menüpunkt - View */
		.view-kacheln .views-row {
			position: relative;
		}
		
		
		.kachel_view .kachel_titel,
		.views-field .kachel-view .kachel_titel,
		.views-field .kachel-view .kachel_viewtext {
			position: absolute;
			bottom: 0px;
			color: #FFF;
		}
		.views-field .kachel_viewtext a {
			color: #FFF;
			text-decoration: underline;
		}
		
		.views-field .kachel_viewtext .block-views .views-row {
			background-color: transparent;
			height: auto;
			width: auto;
			display: block;
		}
		
		.views-field .kachel_view .inhalt {
			position: absolute;
			height: 100%;
			width: 100%;
			bottom:0px;
		}
		
		.views-field .kachel_view .view-kacheln-inhalt .view-header {
			font-weight: 500;
			color: #FFF;
			padding: 0px 0px 10px 0px;
		}
		
		.views-field .kachel_view .kachel_viewtext {			
			color: #FFF;
			padding: 20px;
			vertical-align: bottom;
			position: absolute;
			top:0px;
			font-size: 1em;
		}
			
		.views-field .kachel_view .block-views .view-kacheln-inhalt .view-content .views-row {
			padding:0px;
		}

		.views-field .kachel_view:hover .kurztext {
			z-index: 9998;
		}

		.views-field .kachel_view:hover .kurztext {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			top:0px;
			font-size: 1em;
			background-color: rgba(210,80,5,0.5);
			z-index: 9999;
		}
		.views-field .kachel_view:hover .kurztext a {
			width: 100%;
			height: 100%;
			display: block;
			color: #FFF;
			text-decoration: none;
			z-index: 9999;
		}
		
		.views-field .kachel_view:hover .kurz .kurztext .titel {
			vertical-align: bottom;
			position: absolute;
			bottom: 0px;
			width: 100%;
			padding: 10px 15px;
		}
		
		
	/* View: Nächste Seminare */
		.block-views .view-kacheln-inhalt .view-content .views-row {	padding: 10px 0px; margin:0px;	}
		
		
	/* Menüpunkt - Anmeldung */
		.view-seminare .view-header .kachel_text.anmeldung 		{	background-color: #d25005; 	}
		.view-seminare .view-header .kachel_text.anmeldung a 	{
			color: #FFF; height: 100%; width: 100%; display: inline-block;
			font-size: 1.26em;

			margin: 0px !important;
			bottom: 0;
			line-height: 1.43;
			font-weight: 500;
			letter-spacing: 0.2px;

		}

		.bluebg {
			background: url('/sites/default/files/bilder/kachel/kachel_blau.jpg');
		}

		.orangebg {
			background: url('/sites/default/files/bilder/kachel/kachel_orange.jpg');
		}

/* Menüpunkt Facebook */
/* OBSOLETE????
#block-views-kacheln-block .view-kacheln .views-row.views-row-8 .views-field-views-conditional-2 .kachel_inhalt .kachel_titel {
	width: 100%;
	padding: 10px;
}
#block-views-kacheln-block .view-kacheln .views-row.views-row-8 .views-field-views-conditional-2 .kachel_inhalt .kachel_inhaltstext {
	padding: 0px;
	position: absolute;
}
		
		.views-field .kachel_inhalt .kachel_titel  	{	padding: 10px 15px;		} 
		.view-kacheln .views-row .views-field-views-conditional-1 .field-content div.kachel_link {
			width: 250px;
			height: 250px;
			position: relative;
		}
		.views-field-views-conditional-2 .kachel_inhalt {
			width: 250px;
			height: 250px;
			position: relative;
		}


#block-views-kacheln-block .fb_iframe_widget iframe {
	width: 250px !important;
	
}
#block-views-kacheln-block .fb_iframe_widget,
#block-views-kacheln-block .fb_iframe_widget span {
	width: 250px !important;
	height: 250px !important;
	overflow: scroll;
}
.view-kacheln .views-row .field-content {	margin: 0px; background-color: transparent;width: 100%;height: 100%; }	
	
.view-kacheln .views-row .views-field-nothing {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.view-kacheln .views-row .views-field-nothing .kachel_titel {
	position: absolute;
	background-color: rgb(210,80,5,0.9);
	color: #FFF;
	height: 75px;
	width: 100%;
	bottom:0px;
	padding: 10px;
	font-size: 1.4em;
	vertical-align: bottom;
}*/


	
		
/* Termine Stipendiaten */


	.view-seminartermine .view-header 					{ 	position: relative; 	}
	.view-seminartermine .view-header .kachel-text 	{	width: 66%; display: inline-block; }
	.view-seminartermine .view-header .kachel 			{	float: right;			}
		
	.view-seminartermine .view-header .kachel_text,
	.view-seminare .view-header .kachel_text {
		width: 250px;
		height: 250px;
		background-color: #009ee3;
		position: relative;
	}
	.view-seminartermine .view-header .kachel_text div.kachel_titel,
	.view-seminare .view-header .kachel_text .kachel_titel {
		color: #FFF;
		vertical-align: bottom;
		width: 100%;
		bottom:0px;
		padding: 10px 15px;
		position: absolute;
		font-weight: 500;
		line-height: 1.43;		
	}
	
	.view-seminartermine .view-header .kachel_text div.kachel_titel {
		font-size: 1.35em;
	}
		
		
	
		
		
	
/* Allgemeine Seiten */

	
	h1.page-header 							{	display: none;	}

	.page-header { border:none; }
	/* Alternative Headline */
	.field-name-field-titel-webseite h1, h1.pageheader, #block-views-ampel-block h1 {
		border-bottom: none;
		color: #d25005;
		margin-bottom: 20px;
		margin-top: 0px;
	}
	.field-name-field-titel-webseite h1, #block-views-ampel-block h1 {
		display: block;
	}

	.front #block-system-main 				{	display:none; 					}
	#block-system-main .field-name-body 	{	max-width: 510px;					}	
	
	#block-system-main .field-name-body h2 	{	font-size: 1.35em; color: #d25005;	}
	#block-system-main .field-name-body h3 	{	font-size: 1.2em; color: #d25005;	}




/* Video-Seite */
	.node-videos .field-name-body 	{	margin-bottom: 20px;	}



/* Menschen-Seiten */	
	
	/* OBSOLETE???? .page-absolventen div.links .view-absolventen .view-header,
	.page-referenten div.links .view-referenten .view-header	 { margin-bottom: 20px; } */

/* ### Aufsichtsrat / Team / Referenten / Volontäre / Stipendiaten ### */


ul.quicktabs-tabs {
	padding: 0px;
}

ul.quicktabs-tabs li a { color: #666; }
ul.quicktabs-tabs li.active a {
	color: #d25005;
	text-decoration: none;
}

.quicktabs-wrapper .view .view-empty {
	font-style: italic;
}

.view-absolventen .view-content .views-row, 
.view-referenten .view-content .views-row,
.view-menschen .view-content .views-row,
.view-inhalt .view-content .views-row {
	background-color: #ccc;
    display: inline-block;
    height: 250px;
    margin: 5px 10px 5px 0;
    width: 250px;
    position: relative;
}



.view-inhalt .view-content .views-row .views-field-title,
.view-absolventen .view-content .views-row .views-field-title,
.view-referenten .view-content .views-row .views-field-title,
.view-menschen .view-content .views-row .views-field-title {
	position: absolute;
	background-color: rgba(210,80,5,0.7);
	width: 100%;
	bottom:0px;
	padding: 10px;
	vertical-align: bottom;
}



.menschen_titel .titel h2 {
	font-size: 1.6em;	
	color: #FFF !important;
	margin: 0px !important;
}
.menschen_titel .menschen_inhalt {
	color: #FFF;
	margin-top: 5px;
}

.menschen_hover {
	padding:30px;
}

.menschen_hover p {
	margin: 0px;
}

.page-node-161 .menschen_hover p, 
.page-node-145 .menschen_hover br {
	margin-top:10px;
}

.block .view-absolventen .view-content .views-row .views-field-nothing,
.block .view-referenten .view-content .views-row .views-field-nothing,
.block .view-menschen .view-content .views-row .views-field-nothing,
.block-views .view-inhalt .view-content .views-row .views-field-nothing {
	display: none;
}

.block .view-absolventen .view-content .views-row .views-field-nothing a,
.block .view-referenten .view-content .views-row .views-field-nothing a,
.block .view-menschen .view-content .views-row .views-field-nothing a,
.block-views .view-inhalt .view-content .views-row .views-field-nothing a {
	color: #FFF;
	display: inline-block;
	width: 100%;
	height: 100%;
}


.block .view-absolventen .view-content .views-row .views-field-nothing a:hover,
.block .view-referenten .view-content .views-row .views-field-nothing a:hover,
.block .view-menschen .view-content .views-row .views-field-nothing a:hover,
.block-views .view-inhalt .view-content .views-row .views-field-nothing a:hover {
	text-decoration: none;
}

.block .view-absolventen .view-content .views-row:hover .views-field-title,
.block .view-referenten .view-content .views-row:hover .views-field-title,
.block .view-menschen .view-content .views-row:hover .views-field-title,
.block-views .view-inhalt .view-content .views-row:hover .views-field-title {
	display: none;
}


.block .view-absolventen .view-content .views-row:hover .views-field-nothing,
.block .view-referenten .view-content .views-row:hover .views-field-nothing,
.block .view-menschen .view-content .views-row:hover .views-field-nothing {
	display: block;
	background-color: rgba(210,80,5,0.7);
	color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom:0px;
	padding: 0px;
}

.block .view-inhalt .view-content .views-row:hover .views-field-nothing {
	display: block;
	background-color: rgba(210,80,5,0.7);
	color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom:0px;
}

.block .view-inhalt .view-content .views-row:hover .views-field-nothing .kachel_inhalt {
	display: block;
	color: #FFF;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom:0px;
	padding: 30px;
}

.block .view-inhalt .views-field-nothing a div.kachel_titel .titel h2{
	bottom: 0;
    position: absolute;
    vertical-align: bottom;
    width: 100%;
	padding: 10px;
}





/* Detailsseite Menschen */	
	
	/* Subheadline / Orange Position */
	.node-absolventen .field-name-field-position-ifp 			{	color: #d25005; margin-bottom: 15px; 	}
	/* Tätigkeit */	
	.node-absolventen .field-name-field-funktion 				{	font-weight: 500; margin-bottom: 20px; }
	/* Testimonial */
	.node-absolventen .field-name-field-testimonial-menschen 	{ 	font-style: italic; margin-bottom: 20px; }
	/* LInk Tipps */
	.node-absolventen .field-name-field-link-tipps				{	margin-top: 10px; }
	/* Rechte Spalte - Video */
	.node-type-absolventen .views-field .views-field-field-youtube-link {
		position: absolute;
		right: -230px;
		top: -20px;
	}

	
/* Social Stream Page NID 128 - Nachrichten */
	.dcsns-toolbar .filter .link-all 	{ 	height: 28px; 			}
	.dcsns-toolbar 						{	margin-bottom: 20px;	}
	


/* Weiterbildung - 3 aktuellsten Seminare */
	
	#block-views-seminare-block-6 .view-seminare .view-content div.table-responsive table { margin-bottom: 5px; }
	#block-views-seminare-block-6 .view-seminare .view-footer { text-align: right; font-style: italic; margin-bottom: 15px; }


/* Seminardetailseite */

	.page-seminardetails .view-seminare .view-header .kachel .kachel_view,
	.page-seminardetails .view-seminare .view-header .kachel .kachel_text {
		width: 250px;
		height: 250px;
		display: block;
		position: relative;
	}
	
.node-absolventen {
	display: block;
	min-height: 340px;
	clear: both;
} 

.page-seminardetails-1021 .node-absolventen, .page-seminardetails .node-absolventen {
	clear: none;
} 

	
	/* Referent */
	.node-ifp-seminare .field-name-field-referent .node-absolventen				{ 	display: block; margin: 20px 0px; }
	.node-ifp-seminare .field-name-field-referent .node-absolventen header h2 	{ 	display: none; }
	.node-ifp-seminare .field-name-field-referent .node-absolventen .field-name-field-absol-image 	{ float: left; margin-right: 20px; }
	.node-ifp-seminare .field-name-field-referent .node-absolventen .field-name-title-field h3 		{ margin-top: 0px; }
	.node-ifp-seminare .field-name-field-referent .node-absolventen .field-name-title-field h3 a 	{ color: #d25005; }
	.node-type-ifp-seminare .view-kacheln .views-row .views-field-views-conditional-1 span.field-content .kachel_link a span.kachel_titel {
		min-height: auto;
	}
	
	/* 1. Seite */
	.view-seminare .views-row .views-field-title 			{	color: #d25005; padding-bottom: 20px;		}
	.view-seminare .views-row .views-field-body				{	margin-bottom: 20px; }
	.view-seminare .views-row .views-field .views-label 	{	font-weight: 500; display: inline;			}
	.view-seminare .views-row .views-field .field-content 	{	display: inline;							}
	.view-seminare .views-row .views-field-field-absol-image, .views-field-field-referent-1 .field-name-field-absol-image {	float: left; margin: 5px 10px 10px 0px;	}
	.view-seminare .views-row .views-field-field-referent, .views-field-field-referent-1 .field-name-field-titel-webseite {	margin: 5px 0px;							}
	.view-seminare .views-row .views-field-field-kurs-nr 	{	clear: both; margin-top:20px;				}
	.view-seminare .views-row .views-field-field-referent a, .views-field-field-referent-1 .field-name-field-titel-webseite a { 	font-weight: 500; font-size: 1.2em; color:#009ee3; 		}
	.view-seminare .views-row .views-field-nothing a.btn, .btn-orange, 	.view-seminare .views-row .views-field-php a.btn, .ausgebucht .btn {	background-color: #d25005; color: #FFF; margin-top: 20px;	}
	.view-seminare .view-header .kachel 					{	float: right; margin: 0px 0px 20px 20px;	}
	.view-seminare .view-header .kachel .kachel_text,
	.view-seminare .view-header .kachel .kachel_view		{ 	margin-bottom: 10px; }

	#block-system-main .views-field-field-referent-1 .field-name-body {
   	 max-width: 100%;
	}

	.ausgebucht {
		margin-top: 10px;
	}

	.views-field-field-referent-1 {
		display: inline;
	}

	.views-field-field-referent-1 .clearfix:after {
		clear: none !important;
	}

.btn-gray {
	color: #111 !important;
}
	/* View: Formular darstellen */
	
	.webform-client-form {	margin-top: 0px; 	}
	.datenschutz{
		margin-bottom: 30px;
		margin-top:10px;
	}
	.strong { font-weight: bold; }
	.node-webform .field-name-field-kurze-beschreibung fieldset,
	.node-webform .field-name-field-kurze-beschreibung,
	.page-seminar-anmeldung .view-seminare .view-content .views-row .views-field-webform-form-body fieldset,
	.page-seminar-anmeldung .view-seminare .view-content .views-row .views-field-webform-form-body {
		margin-top: 20px;
		display: inline-block;
	}
	
	
	
	.form-control {
		height: 25px;
		padding: 1px 5px;
	}
	
	.panel {
		box-shadow: none;
	}
	
	/* Date */
		.webform-client-form .webform-datepicker .form-item 	{	width: 80px; display: inline-block;	}
		.webform-client-form .webform-datepicker 				{	width: 60%; display: inline-block;	}
		.webform-client-form .webform-datepicker .form-group 	{	margin-bottom: 0px;					}
	
	/* File */
		.webform-client-form .webform-component-file			{ 	margin-bottom: 20px; 	}
		.webform-client-form .webform-component-file .form-managed-file	{ width: 60%; display: inline-block; margin-bottom: 10px; }
		.webform-client-form .webform-component-file .form-managed-file input.form-control	{ height:34px;padding: 0px; width: 300px;	}
			
	.page-seminar-anmeldung .view-seminare .views-row .views-field span.views-label {
		display: inline-block;
		width: 100px;
		font-weight: 500;
	}
	
	.page-seminar-anmeldung .view-seminare .views-row .views-field .field-content {
		display: inline-block;
	}
	
	
	/* Prüffeld nicht sichtbar machen */
	.webform-client-form .webform-component-display.webform-component--prueffeld,
	.webform-client-form .webform-component-textfield.webform-component--prueffeld {
		display: none;
	}
	
	.webform-client-form fieldset {
		border-color: transparent;
		border-bottom: none;
		border-top: 1px solid #d25005;
		border-radius: 0px;
		width: 100%;
		margin-top: 20px;
		display: inline-block;
	} 
	
	.webform-client-form fieldset legend.panel-heading {
		background-color: transparent;
		color:#d25005;	
		border-radius: 0px;
		border-bottom: transparent;
	}
	
	.webform-client-form fieldset .panel-body {
		width: 100%;
	}
	
	.webform-client-form label {
		width: 30%;
		vertical-align: top;
		display: inline-block;
	}
	
	.webform-client-form .form-checkboxes label,
	.webform-client-form .form-radios label {
		width: 90%;
	} 
	
	.webform-client-form .form-textarea-wrapper,
	.webform-client-form .form-checkboxes,
	.webform-client-form .form-radios,
	.webform-client-form input {
		width: 60%;
		display: inline-block;
	}
	
	.webform-client-form input.webform-calendar {
		width: auto;
		display: inline-block;
	}
	
	.webform-client-form .form-checkboxes input,
	.webform-client-form .form-radios input {
		width: 30px;
	}	
	
	.btn-default:hover {
		background-color: #d25005;
		color:#FFF;
		border-color: transparent;
	}
	
	
	/* Progress Bar */
	.webform-progressbar					{	padding-bottom: 20px;	}
	.webform-progressbar-page .webform-progressbar-page-label { margin: 0 -5em; display: inline-block; }
	.webform-progressbar-inner 				{ 	background-color: #d25005; 	}
	.webform-progressbar-page, .webform-progressbar-outer 	{ border: 1px solid #d25005; }	
	.webform-progressbar-page.current,
	.webform-progressbar-page.completed 	{  	background-color: #d25005; 	}
	
	

	.ui-widget, .ui-widget-content									{	font-size: 1em; color: #666;	}
	
	/* TAZ Kurse */
	#webform-client-form-317.webform-client-form fieldset 				{	border: none; margin:0px;	}
	#webform-client-form-317.webform-client-form .accordion-tab-content fieldset:first-child 	{	border-top: 1px solid #d25005;	}
	#webform-client-form-317.webform-client-form .accordion-tab-content fieldset:last-child 	{	border-bottom: 1px solid #d25005;	}
	#webform-client-form-317.webform-client-form h3.ui-accordion-header a {
		color: #d25005;
	}	
	
	#webform-client-form-317.webform-client-form .ui-accordion fieldset legend.panel-heading {
		width: 28% !important;
		display: inline;
		padding: 0px;
	}
	#webform-client-form-317.webform-client-form .ui-accordion fieldset .panel-body {
		padding: 0px; width: 72%;
	}
	#webform-client-form-317.webform-client-form .ui-accordion fieldset .panel-body .form-item {
		width: 160px;
		display: inline-block;
	}
	#webform-client-form-317.webform-client-form .ui-accordion fieldset .panel-body .form-item input {
		width: 93%;
	}
	
	#webform-client-form-317.preview .ui-accordion fieldset .panel-heading .panel-title {
		font-size: 0.6em;
	}
	
	#webform-client-form-317 .form-actions { padding-top: 20px; }

	/* Accordion */
	.ui-widget-content {
		border: 0;
	}
	.accordion-container h3 {
				
	}
	
	.accordion-container .ui-accordion-content .form-item label {
		font-size:0.9em;	
	}
	
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: none;
		border: none; 
		border-radius: 0;
		border-top: 1px solid #d25005;
	}
	
	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
		color: #d25005;
	}
	


/* ### Suche ### */

	.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
		background-color: #d25005; 
		border-color: #d25005; 
	}
	.page-search #block-system-main ol.search-results li.search-result h3.title {
		font-size: 1.1em;
	}
	.page-search404 #block-system-main h2 { font-size: 1.1em; }
	
	.page-search #block-system-main h2,
	.page-search #block-system-main ol.search-results li.search-result p.search-info { display: none;	}
	
	#block-system-main #search-form .input-group-btn button.btn.btn-primary {
		padding: 2px 5px 1px;
		background-color: #d25005; 
		border: 1px solid #d25005; 
	}
	

/* ### Sitemap ### */

	#site-map .site-map-menus .site-map-box-menu h2.title {
		font-size: 1.2em;
		color: #d25005;
	}
	
/* ### Alert ### */

	.alert-block { border-color: transparent; }
	
	div.error, table tr.error { background-color: #ffe6d7;
    color: #d25005; }


/* ### Footer Menu ### */

	footer #block-menu-menu-footer-menu 						{	margin-bottom: 0px; padding-left:28px; display: inline-block; width: 75%;	}
	footer #block-menu-menu-footer-menu ul.menu 				{	width: auto;					}	
	footer #block-menu-menu-footer-menu ul.menu li 				{	display: inline-block;			}
	footer #block-menu-menu-footer-menu ul.menu li a 			{	padding: 10px 5px 10px 0px; background: none; color: #666;	}
	footer #block-menu-menu-footer-menu ul.menu li a.active		{	color:#d25005; }
	footer #block-menu-menu-footer-menu ul.menu li a:after 		{	content: "|"; margin-left: 5px;	}
	footer #block-menu-menu-footer-menu ul.menu li.last a:after {	content: "";					}


/* ### Footer - Boiler Plate ### */

	.footer 			{	border-top: none; margin-top: 50px; padding: 20px 0px 0px 0px; width: 100%; 				}
	#block-block-1 		{	padding:10px 20px; background-color: #ddd; border-top: 2px solid #d15006; font-size: 0.9em; }


/* ### Footer - Social Media ### */
	
	#block-block-3 {
		width: 25%;
		display: inline-block;
		text-align: right;
		float: right;
		padding-right: 28px;
	}
	
	.addtoany_list a span.a2a_img {
		background-image: url("/sites/default/files/layout/share-grau.png") !important;
		background-size: 23px 23px;
		width: 23px;
		height: 23px;
	}
	#a2apage_dropdown #a2apage_mini_services a.a2a_i:nth-child(7),
	#a2apage_dropdown #a2apage_mini_services a.a2a_i:nth-child(8) { display: none; }
	
	
	
/* ### Footer Sitemap ### */

	.footer #block-menu-menu-footer-untermenu, #block-block-7 {
		margin-top: 0px;
		border-top: 2px solid #d25005;
		background-color: #ecebe6;
		padding-bottom: 1px;
		padding-left: 8px;
	}
	 #block-block-7 { 
		 padding: 20px;
		 padding-top:0px;
		 padding-left: 28px;
		 color:#666;
		 font-size: 1em;		 		 
		 line-height: 1.6em;		 		 
	}
	 #block-block-7 h2 { 
		 font-size:1em;
		 color: #666;		
		 font-weight: 600;
	}	
	.footer #block-menu-menu-footer-untermenu ul.menu li {
		display: inline-block;
		font-weight: 500;
		font-size: 0.9em;
		vertical-align: top;
	}
	
	
	.footer #block-menu-menu-footer-untermenu ul.menu li.journalistenschule {	width: 15%; }
	.footer #block-menu-menu-footer-untermenu ul.menu li.ausbildung			{	width: 16%; }
	.footer #block-menu-menu-footer-untermenu ul.menu li.nachrichten 		{	width: 12%; }
	.footer #block-menu-menu-footer-untermenu ul.menu li.menschen 			{	width: 11%; }
	.footer #block-menu-menu-footer-untermenu ul.menu li.weiterbildung		{	width: 15%; }
	.footer #block-menu-menu-footer-untermenu ul.menu li.projekte 			{	width: 16%; }
	.footer #block-menu-menu-footer-untermenu ul.menu li.videos 			{	width: 12%; }
	
	.footer #block-menu-menu-footer-untermenu ul.menu li a 					{	height: 60px;padding: 20px; color: #666;	}
	.footer #block-menu-menu-footer-untermenu ul.menu li a:hover,
	.footer #block-menu-menu-footer-untermenu ul.menu li a:focus,
	.footer #block-menu-menu-footer-untermenu ul.menu li a.active-trail		{	color:#d25005; background-color: transparent; }

	
	.footer #block-menu-menu-footer-untermenu ul.menu li .dropdown-menu {
		display: block;
		position: relative;
		background-color: transparent;
		box-shadow: none;
		border: none;
		font-size: 1em;
	}
	
	.footer #block-menu-menu-footer-untermenu ul.menu li .dropdown-menu li {
		display: inline-block;
		width: 100%;
	}
	
	.footer #block-menu-menu-footer-untermenu ul.menu li .dropdown-menu li a {
		padding: 4px 20px;
		height: auto;
		white-space: normal;
	}
	


	.dropdown-menu > li > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
		background-color: transparent;
	}
	.dropdown-menu > li > a:hover {
		color: #d15006;
	}

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

	#block-block-6 {
		position: relative;
		margin-bottom: 20px;
		top: -34px;
		right: -317px;
	}
	#block-views-seminare-block .view-header {
		margin-bottom: 20px;
	}
}


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

	.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
		 white-space: normal !important;
	}

	#block-views-seminare-block .view-header {
		margin: 40px 0px;
	}

	.view-absolventen .view-content .views-row,
	.view-referenten .view-content .views-row,
	.view-menschen .view-content .views-row,
	.view-inhalt .view-content .views-row {
		height: auto;
		margin: 5px 10px 5px 0;
		width: 47%;
	}
	.content_bottom {
		width: 100% !important;
	}
	.view-inhalt .caption {
		margin-bottom: 0px;
	}

}




@media only screen and (max-width: 1200px) {
	#newstuff{
		position: relative;
		right: 0;
		top: 0;
		display: block;
		right: 21px;
	}
}

/* Desktop (Landscape) = Design for a width of 1198px - da left -100px diese Ausnahme noch erstellt
================================================== */

@media only screen and (min-width: 1049px) and (max-width: 1198px) {
	
	html, body 				{	margin: 0 auto; overflow-x: hidden;	}

	#main-area { left: 0px; }
	.main-container 	{	width: 830px; padding: 0px 20px;	}

}


/* Tablet (Landscape) = Design for a width of 1024px
================================================== */

@media only screen and (min-width: 850px) and (max-width: 1048px) {
	
	html, body 				{	margin: 0 auto; overflow-x: hidden; font-size: 13px;	}

	/* Ausrichtung */
	#main-area 		{ 	width: 100%; left:0px; 	}
	.nav-links		{	width: 100%; 			}
	.main-container {	width: auto;			}
	.main-container 	{	width: 830px; padding: 0px 20px;	}
	/* Content */
	.field-name-body img 			{	max-width: 100%; height: auto !important;	}
	.field-name-body object, .field-name-body iframe 	{	width: 100% !important;	}
	.col-sm-9 #block-system-main .field-name-body		{	max-width: 65%;			}
	
	
	/* Seminare */
	.block-views .view-seminare {	width: 97%;		}
	
	/* Kacheln */
	/*
	.view-seminartermine .view-header .kachel_text, 
	.view-seminare .view-header .kachel_text,
	.view-absolventen .view-content .views-row, 
	.view-referenten .view-content .views-row, 
	.view-menschen .view-content .views-row, 
	.view-inhalt .view-content .views-row,
	.view-kacheln .views-row {
		height: 31%;
		width: 31%;
	}
	*/
	aside .view-kacheln .views-row {
		width: 100%;
		height: 100%;
	}
	
	.view-kacheln .views-row .views-field {
		display: block;
	}
	
	.views-field .kachel_view:hover .kurz .kurztext .titel,
	.views-field .kachel_link:hover .kachel_kurztext .titel,
	.views-field .kachel_text .kachel_titel .titel,
	.views-field .kachel_view .kachel_titel .titel, 
	.views-field .kachel_inhalt .kachel_titel .titel, 
	.views-field .kachel_link .kachel_titel .titel {
		padding: 5px 10px;
	}
	
	
	.kachel_titel .titel h2{
		font-size: 1.2em;
	}
	 .view-kacheln .kachel_kurztext:hover .titel h2{
		font-size: 1.2em;
	}
	 .view-kacheln .titel h2 {
		font-size: 1.2em;
	}
	
	.views-field .kachel_view .kachel_viewtext {
		font-size: 0.9em;
	}
	
	.front .view-kacheln .views-row .views-field .kachel_titel {
		min-height: 60px;
	}
	
	.views-field .kachel_view .kachel_viewtext .view-kacheln-inhalt,
	.views-field .kachel_inhalt .kachel_inhaltstext p {
		margin: 0 0 5px;
	}
	
	
	.block .view-inhalt .view-content .views-row:hover .views-field-nothing .kachel_inhalt,
	.views-field .kachel_inhalt .kachel_inhaltstext,
	.views-field .kachel_link:hover .kachel_kurztext a,
	.views-field .kachel_view .kachel_viewtext { padding: 15px;  }
	

	
	/* Menschen-Seiten */
	.menschen_hover {
		padding: 15px;
		font-size:0.9em;
	}
	.view-inhalt .view-content .views-row .views-field-title, 
	.view-absolventen .view-content .views-row .views-field-title, 
	.view-referenten .view-content .views-row .views-field-title, 
	.view-menschen .view-content .views-row .views-field-title {
		font-size: 0.9em;
	}
	
	/* Tabelle Stipendiaten 
	
	.table-responsive table.views-table {
		width: 80% !important;
	}*/
	
	
	/* Videos */
	.node-type-absolventen .views-field .views-field-field-youtube-link iframe {

	}
	
	/* Seminare */
	.page-seminardetails .view-seminare .view-header .kachel .kachel_text,
	.page-seminardetails .view-seminare .view-header .kachel .kachel_view {
		width: 31%;
		height: 31%;
	}
	
	
	/* Footer */
	.footer #block-menu-menu-footer-untermenu ul.menu li {
		width: 30% !important;
	}
	.footer #block-menu-menu-footer-untermenu ul.menu li ul li {
		width: 100% !important; 
	}
	

}






/* Tablet (Landscape) = Design for a width of 1024px
================================================== */

@media only screen and (min-width: 700px) and (max-width: 849px) {
	
	html, body 		{	margin: 0 auto; overflow-x: hidden; font-size: 13px;	}
	#newstuff{
		position: relative;
		right: 0;
		top: 0;
		display: block;
	}
	/* Ausrichtung */
	#main-area 		{ 	width: 100%; left:0px; 	}
	.rechts nav		{	width: 100%; float: none; }
	.links			{	padding-top: 0px; 		}
	.nav-links		{	width: 100%; 			}
	.rechts, .links {   display: inline-block; min-height: 10px; width: 100%; }
	.main-container {	width: auto;			}
	.well			{	margin-bottom: 30px;	}
	
	/* Main Menü links */
	#block-system-main-menu ul.menu 							{	position: relative; 	}
	#block-system-main-menu ul.menu li							{	display: inline-block; 	}
	#block-system-main-menu ul.menu li.active-trail ul.dropdown-menu { position: absolute; }
	#block-system-main-menu ul.menu li ul.dropdown-menu			{ 	position: absolute; padding:0px; margin:0px; 	}
	#block-system-main-menu ul.menu li ul.dropdown-menu li 		{	display: inline-block; 	}
	#block-system-main-menu ul.menu.nav > li.expanded			{ 	position: initial; 		}
	#block-system-main-menu ul.menu li ul.dropdown-menu li a 	{	padding: 2px 6px;		}
	#block-system-main-menu ul.menu li ul.dropdown-menu li.first a {	padding-left:6px; 	}
	/* Content */
	.field-name-body img 			{	max-width: 100%; height: auto !important;	}
	.field-name-body object, .field-name-body iframe 	{	width: 100% !important;	}
	.col-sm-9 #block-system-main .field-name-body		{	max-width: 65%;			}
	
	
	/* Seminare */
	.block-views .view-seminare {	width: 97%;		}
	
	/* Kacheln */
	/*
	.view-seminartermine .view-header .kachel_text, 
	.view-seminare .view-header .kachel_text,
	.view-absolventen .view-content .views-row, 
	.view-referenten .view-content .views-row, 
	.view-menschen .view-content .views-row, 
	.view-inhalt .view-content .views-row,
	.view-kacheln .views-row {
		height: 31%;
		width: 31%;
	}*/
	
	aside .view-kacheln .views-row {
		width: 100%;
		height: 100%;
	}
	
	.view-kacheln .views-row .views-field {
		display: block;
	}
	
	.views-field .kachel_view:hover .kurz .kurztext .titel,
	.views-field .kachel_link:hover .kachel_kurztext .titel,
	.views-field .kachel_text .kachel_titel .titel,
	.views-field .kachel_view .kachel_titel .titel, 
	.views-field .kachel_inhalt .kachel_titel .titel, 
	.views-field .kachel_link .kachel_titel .titel {
		padding: 5px 10px;
	}
	
	.kachel_titel .titel h2, .view-kacheln .kachel_kurztext:hover .titel h2, .view-kacheln .titel h2 {
		font-size: 1.2em;
	}
	
	.views-field .kachel_view .kachel_viewtext {
		font-size: 0.9em;
	}
	
	.front .view-kacheln .views-row .views-field .kachel_titel {
		min-height: 60px;
	}
	
	.views-field .kachel_view .kachel_viewtext .view-kacheln-inhalt,
	.views-field .kachel_inhalt .kachel_inhaltstext p {
		margin: 0 0 5px;
	}
	.block .view-inhalt .view-content .views-row:hover .views-field-nothing .kachel_inhalt,
	.views-field .kachel_inhalt .kachel_inhaltstext,
	.views-field .kachel_link:hover .kachel_kurztext a,
	.views-field .kachel_view .kachel_viewtext { padding: 15px;  }
	

	
	/* Menschen-Seiten */
	.menschen_hover {
		padding: 15px;
		font-size:0.9em;
	}
	.view-inhalt .view-content .views-row .views-field-title, 
	.view-absolventen .view-content .views-row .views-field-title, 
	.view-referenten .view-content .views-row .views-field-title, 
	.view-menschen .view-content .views-row .views-field-title {
		font-size: 0.9em;
	}
	
	/* Videos */
	.node-type-absolventen .views-field .views-field-field-youtube-link iframe {

	}
	
	/* Seminare */
	.page-seminardetails .view-seminare .view-header .kachel .kachel_text,
	.page-seminardetails .view-seminare .view-header .kachel .kachel_view {
		width: 31%;
		height: 31%;
	}
	
	
	/* Footer */
	.footer #block-menu-menu-footer-untermenu ul.menu li {
		width: 30% !important;
	}
	.footer #block-menu-menu-footer-untermenu ul.menu li ul li {
		width: 100% !important; 
	}


	#webform-client-form-317.webform-client-form fieldset 				{	margin-bottom:20px;	}
	
	
	
}







/* Tablet (Portrait) = Design for a width of 770px / Mean Menu aktiv 
================================================== */

@media only screen and (min-width: 569px) and (max-width: 699px) {
     
	html, body 			{	margin: 0 auto; overflow-x: hidden; font-size: 12px;	}

	/* Ausrichtung */
	#main-area 			{ 	width: 100%; left:0px; margin-top:20px;		}
	.rechts nav			{	width: 100%; float: none; 	}
	.nav-links			{	width: 100%; 				}
	.rechts, .links 	{   display: inline-block; min-height: 10px; width: 100%; padding-top:75px; }
	.links				{	padding: 0px 5px 0px; 			}
	.main-container 	{	width: auto;				}
	.nav-rechts a.logo,#navbar .nav-rechts .slogan 	{	float: none; margin-left:15px;	}
	#newstuff{
		position: relative;
		right: 0;
		top: 0;
		display: block;
	}
	
	/* Main Menü links */
	#block-system-main-menu ul.menu 							{	position: relative; 	}
	#block-system-main-menu ul.menu li							{	display: inline-block; 	}
	#block-system-main-menu ul.menu li ul.dropdown-menu			{ 	position: absolute; padding:0px; margin:0px; top:25px; 	}
	#block-system-main-menu ul.menu li ul.dropdown-menu li 		{	display: inline-block; 	}
	#block-system-main-menu ul.menu.nav > li.expanded			{ 	position: initial; padding-bottom:40px; 		}
	#block-system-main-menu ul.menu li ul.dropdown-menu li a 	{	padding: 2px 8px 2px 4px; font-size: 0.9em;		}
	#block-system-main-menu ul.menu li ul.dropdown-menu li.first a {	padding-left:4px; 	}
	.nav > li > a {	padding: 5px 10px 5px 4px; }
	
	#block-system-main-menu ul.menu li.active-trail ul.dropdown-menu {
		position: absolute;	
	}
	
	/* Content */
	.field-name-body img 	{	max-width: 100%; height: auto !important;	}
	.field-name-body object, .field-name-body iframe 	{	width: 100% !important;	}
	.col-sm-9 #block-system-main .field-name-body		{	max-width: 97%;			}

	.col-sm-6 				{	display: inline-block; padding: 0;  width: 64%; vertical-align: top;	}
	.col-sm-3				{	display: inline-block; padding-right: 0px; }
	
	.main-container			{	padding: 0 10px; 		}
	.rechts .well			{ 	padding: 70px 10px 0px 20px; }
	
	/* Seminare */
	.block-views .view-seminare {	width: 97%;		}
	
	/* Kacheln */
	/*
	.view-seminartermine .view-header .kachel_text, 
	.view-seminare .view-header .kachel_text,
	.view-absolventen .view-content .views-row, 
	.view-referenten .view-content .views-row, 
	.view-menschen .view-content .views-row, 
	.view-inhalt .view-content .views-row,
	.view-kacheln .views-row {
		height: 31%;
		width: 31%;
	} */
	
	aside .view-kacheln .views-row {
		width: 100%;
		height: 100%;
	}
	
	.view-kacheln .views-row .views-field {
		display: block;
	}
	
	.views-field .kachel_view:hover .kurz .kurztext .titel,
	.views-field .kachel_link:hover .kachel_kurztext .titel,
	.views-field .kachel_text .kachel_titel .titel,
	.views-field .kachel_view .kachel_titel .titel, 
	.views-field .kachel_inhalt .kachel_titel .titel, 
	.views-field .kachel_link .kachel_titel .titel {
		padding: 5px 10px;
	}
	
	.kachel_titel .titel h2, .view-kacheln .kachel_kurztext:hover .titel h2, .view-kacheln .titel h2 {
		font-size: 1.2em;
	}
	
	.views-field .kachel_view .kachel_viewtext {
		font-size: 0.9em;
	}
	
	.front .view-kacheln .views-row .views-field .kachel_titel {
		min-height: 60px;
	}
	
	.views-field .kachel_view .kachel_viewtext .view-kacheln-inhalt,
	.views-field .kachel_inhalt .kachel_inhaltstext p {
		margin: 0 0 5px;
	}
	.views-field .kachel_inhalt .kachel_inhaltstext,
	.views-field .kachel_link:hover .kachel_kurztext a,
	.views-field .kachel_view .kachel_viewtext { padding: 15px;  }
	

	
	/* Menschen-Seiten */
	.menschen_hover {
		padding: 15px;
		font-size:0.9em;
	}
	.view-inhalt .view-content .views-row .views-field-title, 
	.view-absolventen .view-content .views-row .views-field-title, 
	.view-referenten .view-content .views-row .views-field-title, 
	.view-menschen .view-content .views-row .views-field-title {
		font-size: 0.9em;
	}
	
	/* Videos */
	.node-type-absolventen .views-field .views-field-field-youtube-link iframe {
		
	}
	
	/* Seminare */
	.page-seminardetails .view-seminare .view-header .kachel .kachel_text,
	.page-seminardetails .view-seminare .view-header .kachel .kachel_view {
		width: 31%;
		height: 31%;
	}
	
	/* Formulare */
	
	.form-item-mailchimp-lists-mailchimp-ifp-newsupdate-mergevars-fname, .form-item-mailchimp-lists-mailchimp-ifp-newsupdate-mergevars-lname {
		width: 100% !important;
		margin: 0px !important;
		display: block !important;
		margin-top: 20px !important;		
	}
	
	/* Footer */
	.footer #block-menu-menu-footer-untermenu ul.menu li {
		width: 32% !important;
	}
	.footer #block-menu-menu-footer-untermenu ul.menu li ul li {
		width: 100% !important; 
	}

	#webform-client-form-317.webform-client-form fieldset 				{	margin-bottom:20px;	}

}



/* Tablet (Portrait) = Design for a width of 770px / Mean Menu aktiv 
================================================== */

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

	html, body 						{	margin: 0 auto; overflow-x: hidden; width: 100%; height: 100%; padding:0px;background: #fff	}
	
	/* Header */
	#main-area #navbar .nav-rechts	{	width: 45%;	}
	.nav-links, .main-container 	{	width: 100%; padding: 0px;	}
	.rechts {
		display: none;
	}
	.links {
		width: auto;
		margin: 5px;
		position: relative;
		padding-top: 0px;
		display: inline-block;
	}
	
	#navbar {
		position: absolute;
		top:-152px;
	}
	#newstuff{
		position: relative;
		right: 0;
		top: 0;
		display: block;
	}
	/* Header */
		#navbar .nav-rechts .slogan 	{	margin-left: 10px;		}
		#main-area #navbar .nav-rechts .logo img { width: 100%; height: auto; }
		.nav-rechts a.logo				{	margin: 15px 10px 0; float: left;	}
		#navbar .nav-links section		{	margin-top: 15px;		}
	
	/* Drop-Down-Menü */
		.dropdown-menu {
			position: relative;
			background-color: transparent;
			font-size: 1em;
			box-shadow: none;
			border: none;
		}	
	
	/* Inhalt */
		#main-area				{	width: 100%; left: 0; padding: 0 5px; 	}
		.col-sm-6, .col-sm-3	{	width: 100%; padding:0px;				}
		.field-name-body img 	{	max-width: 100% !important;				}
		.field-name-body object, .field-name-body iframe 	{	width: 100% !important;	}
		.field-name-field-titel-webseite h1, h1.pageheader	{	margin-top:10px;		}
	
	
	/* Kacheln */
		.img-responsive 						{	width: 100%;		}
		#block-views-kacheln-block 				{	width: 100%; margin:0px; padding:0px; 	}
		.view-kacheln .views-row 				{	height: auto; margin: 2px; width: 48.7%;	}	
		.view-kacheln .views-row .kachel_titel 	{	text-align: left;	}
		.view-kacheln .views-row .views-field 	{	display: block;		}
		
		/* Menschen */
	/*
		.view-absolventen .view-content .views-row, 
		.view-referenten .view-content .views-row, 
		.view-menschen .view-content .views-row, 
		.view-inhalt .view-content .views-row	{	width: 49.6%; height: auto; margin: 0px; }
	*/
	/* Tabellen */
		/* Allgemein 
		table, thead, tbody, th, td, tr 		{		display: block; 	}
		thead tr 			{		position: absolute; top: -9999px; left: -9999px; 				}	
		td 					{		border-top: 0; position: relative; margin-left: 70px;  			}
		td:before 			{ 		position: absolute; top:0; left:0; width:70px;padding: 8px; border-top: 1px solid #dddddd;
									line-height: 1.42857; padding: 8px; vertical-align: top; }
		
		.table-striped > tbody > tr:nth-child(2n+1) > td:before,
		.table-striped > tbody > tr:nth-child(2n+1) > th:before {
			background-color: #f9f9f9;
		}
		.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
			white-space: normal;
			word-wrap: break-word;
		}
	
		/* Anhänge 
		.field-name-field-anhang .table-responsive 			{ 	display: block; position: relative; }
		.field-name-field-anhang .table 					{	width: 100%; max-width: 470px; 		}
		.field-name-field-anhang td:nth-of-type(1):before 	{ 	content: "Anhang"; margin-left: -70px; margin-top: 0px; top:-1; }
		.field-name-field-anhang td:nth-of-type(2):before 	{ 	content: "Größe"; margin-left: -70px; margin-top: 0px; 			}
		
		/* Seminar-Auflistung 
		.view-seminare .table-responsive 		{ 	display: block; position: relative; }
		.view-seminare .table 					{	width: 100%; max-width: 470px; 		}
		.view-seminare td 						{	margin-left: 80px;  				}
		.view-seminare td:before 				{	width:80px;							}	
		.view-seminare td:nth-of-type(1):before { 	content: "Datum"; margin-left: -80px; margin-top: 0px; top:-1; 	}
		.view-seminare td:nth-of-type(2):before { 	content: "Referent"; margin-left: -80px; margin-top: 0px; 		}
		.view-seminare td:nth-of-type(3):before { 	content: "Titel"; margin-left: -80px; margin-top: 0px; 			}
		.view-seminare td:nth-of-type(4):before { 	content: "Kategorie"; margin-left: -80px; margin-top: 0px; 		}
		.view-seminare td:nth-of-type(5):before { 	content: "Status"; margin-left: -80px; margin-top: 0px; 		}
*/
			
	/* Footer */
		footer #block-menu-menu-footer-menu 						{	padding-left: 5px;			}
		.footer #block-menu-menu-footer-untermenu ul.menu li 		{	width: 32% !important;		}
		.footer #block-menu-menu-footer-untermenu ul.menu li ul li 	{	width: 100% !important; 	}
		#webform-client-form-317.webform-client-form fieldset 				{	margin-bottom:20px;	}
}


/* Mobile (Landscape) / Mean Menu aktiv 
================================================== */

    /* Note: Design for a width of 480px */

@media only screen and (max-width: 480px) {
	body { background: #fff; }
	/* html, body 				{	margin: 0 auto; overflow-x: hidden; width: 100%; height: 100%; padding:0px;	} */
	
	/* Header */
	#main-area #navbar .nav-rechts	{ width: 45%; }
	.nav-links,
	.main-container {
		width: 100%;
		padding: 0px;
	}
	.rechts {
		display: none;
	}
	.links {
		width: auto;
		margin: 5px;
		position: relative;
		padding-top: 0px;		
		display: inherit;
	}
	#newstuff{
		position: relative;
		right: 0;
		top: 0;
		display: block;
		width: 100%;
	}
	#main-area #navbar .nav-rechts .logo img { width: 100%; height: auto; }
	
	#main-area	{	width: 100%; left: 0; }
	
	/* Header */
		#navbar 						{	position: absolute; top:-150px;	}	
		#navbar .nav-rechts .slogan 	{	margin-left: 15px; position: absolute; top: 75px;			}
		.nav-rechts a.logo				{	margin: 5px 5px 0;			}

		#navbar .nav-links #block-search-form input:focus { width: 80px;	}
	
	/* Drop-Down-Menü */
		.mean-container .mean-nav ul li a {
			font-size: 1em !important;
		}
		.mean-container .mean-nav ul li a.mean-expand:hover {
			height: 20px !important;
		}
		.dropdown-menu {
			position: relative;
			background-color: transparent;
			font-size: 1em;
			box-shadow: none;
			border: none;
		}	
	
	.quicktabs-wrapper .caption img {
		width: 100% !important;
		height:100%;
		min-height: 300px !important;
	}
	.quicktabs-wrapper .caption {
		margin-bottom: 0px;
	    width: 100% !important;
	}

	.quicktabs-wrapper .views-row {
		margin-bottom: 20px !important;
	}	
	 
	/* Inhalt */
		#main-area				{	width: 100%; left: 0; padding: 0 5px; 				}
		.col-sm-6, .col-sm-3	{	width: 100%; padding:0px;							}
		.field-name-body img 	{	max-width: 300px !important;	height: 100% !important;	}
		.field-name-body object, .field-name-body iframe 	{	width: 100% !important;	}
		.field-name-field-titel-webseite h1, h1.pageheader	{	margin-top:10px;		}
	
	/* Kacheln */
		.img-responsive 						{	width: 100%;		}
		.front .views-field .kachel_titel		{	min-height: 85px;	}
		#block-views-kacheln-block 				{	width: 100%; margin:0px; padding:0px; 	}
		.view-kacheln .views-row 				{	width: 100%; height: 100%;	margin:0px;	}	
		.view-kacheln .views-row .kachel_titel 	{	text-align: left;	}
		.view-kacheln .views-row .views-field 	{	display: block;		}
		
		/* Menschen */
		.view-absolventen .view-content .views-row, 
		.view-referenten .view-content .views-row, 
		.view-menschen .view-content .views-row, 
		.view-inhalt .view-content .views-row	{	width: 100%; height: auto; margin: 0px; }
	
		/* Ausnahme: Überschrift */
		.view-kacheln .views-row {
			background-color: #009ee3;
			margin-bottom: 5px;
		}
		
		.view-kacheln .views-row .views-field-views-conditional .kachel_titel			{	min-height: 100%; 	}
		.view-kacheln .views-row .views-field-views-conditional .kachel_bild 			{ 	min-height: 17px; 	}
		.view-kacheln .views-row .views-field-views-conditional .kachel_bild img		{ 	display:  none;		}
		.view-kacheln .views-row .views-field-views-conditional .kachel_text .kachel_titel,
		.view-kacheln .views-row .views-field-views-conditional .kachel_titel .titel 	{ 	position: relative;	}
	
		/* Überschrift */
		.kachel_text .kachel_titel h2, .kachel_titel .titel h2, .view-kacheln .kachel_kurztext:hover .titel h2, .view-kacheln .titel h2 {
			font-size: 1.7em;
		}
		/* Überschrift */		

	
	.views-field-views-conditional-2 .kachel_inhalt,
	.view-kacheln .views-row .views-field-views-conditional-1 .kachel_link,
	.view-seminartermine .view-header .kachel_text, .view-seminare .view-header .kachel_text, .view-kacheln .views-row .views-field-views-conditional .kachel_text {
		height: 100%;
		width: 100%;
	}
	
	.view-kacheln .views-row .kachel_bild img {
		width: 100%;
		height: auto;
	}
	
	
	/* Tabellen */
		/* Allgemein */
		/*
		table, thead, tbody, th, td, tr 		{		display: block; 	}
		thead tr 			{		position: absolute; top: -9999px; left: -9999px; 				}	
		td 					{		border-top: 0; position: relative; margin-left: 70px;  			}
		td:before 			{ 		position: absolute; top:0; left:0; width:70px;padding: 8px; border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top; }
		
		.table-striped > tbody > tr:nth-child(2n+1) > td:before,
		.table-striped > tbody > tr:nth-child(2n+1) > th:before {
			background-color: #f9f9f9;
		}
		.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
			white-space: normal;
			word-wrap: break-word;
		}
	*/
		/* Anhänge */
		.field-name-field-anhang .table-responsive 			{ 	display: block; position: relative; }
		.field-name-field-anhang 					{	width: 100%; max-width: 300px; 		}
		.field-name-field-anhang td:nth-of-type(1):before 	{ 	content: "Anhang"; margin-left: -70px; margin-top: 0px; top:-1; }
		.field-name-field-anhang td:nth-of-type(2):before 	{ 	content: "Größe"; margin-left: -70px; margin-top: 0px; 			}
		
		
		/* Seminar-Auflistung */
		/*
		.view-seminare .table-responsive 		{ 	display: block; position: relative; }
		.view-seminare td 						{	margin-left: 80px;  				}
		.view-seminare td:before 				{	width:80px;							}	
		.view-seminare td:nth-of-type(1):before { 	content: "Datum"; margin-left: -80px; margin-top: 0px; top:-1; 	}
		.view-seminare td:nth-of-type(2):before { 	content: "Referent"; margin-left: -80px; margin-top: 0px; 		}
		.view-seminare td:nth-of-type(3):before { 	content: "Titel"; margin-left: -80px; margin-top: 0px; 			}
		.view-seminare td:nth-of-type(4):before { 	content: "Kategorie"; margin-left: -80px; margin-top: 0px; 		}
		.view-seminare td:nth-of-type(5):before { 	content: "Status"; margin-left: -80px; margin-top: 0px; 		}
		*/

	/* Footer */
		footer #block-menu-menu-footer-menu 						{	padding-left: 5px; width: 100%;	}
		footer #block-menu-menu-footer-menu ul.menu li a			{	padding: 5px 5px 5px 0px;		}
		#block-block-3												{	float: none; width: 100%; padding: 6px; text-align: left;	}
		.footer #block-menu-menu-footer-untermenu ul.menu li 		{	width: 49% !important;			}
		.footer #block-menu-menu-footer-untermenu ul.menu li ul li 	{	width: 100% !important; 		}
	
		.page-seminardetails .kachel 	{	display: none !important; 		}
		
		.view-seminare .views-row .views-field-field-absol-image {	float: none !important; 		}
		#album-20 { width:100% !important; }
		#album-20 img {     max-width: 100% !important; width: 100% !important; max-height: 220px !important;}
		
		.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
			white-space: normal !important;
		}
		
		.page-node-129 .col-sm-3 {
		    padding-left: 0px !important;
		    padding-right: 17px;
		}
	.form-item-mailchimp-lists-mailchimp-ifp-newsupdate-mergevars-fname, .form-item-mailchimp-lists-mailchimp-ifp-newsupdate-mergevars-lname {
		width: 100% !important;
		margin: 0px !important;
		display: block !important;
		margin-top: 20px !important;
	}

	#webform-client-form-317.webform-client-form fieldset 				{	margin-bottom:20px;	}
	#webform-client-form-317.webform-client-form .ui-accordion fieldset legend.panel-heading {
		width: 100% !important;
		margin-bottom:10px;
	}
	#webform-client-form-317.webform-client-form .ui-accordion fieldset .panel-body {
		width: 100% !important;
	}
	
	#webform-client-form-317.webform-client-form .ui-accordion fieldset .panel-body .form-item input {
		width: 100% !important;
	}
	#webform-client-form-317.webform-client-form .ui-accordion fieldset .panel-body .form-item {
		width: 230px;
	}	
	.webform-progressbar-page .webform-progressbar-page-label {
		margin: 0 !important;		
	}	
	.webform-progressbar-page-label:nth-child(2) {
		left: -50px;
	}
	.webform-progressbar {
		width: 60%;
		margin-bottom:20px;
	}
	.content_bottom {
		width: 100% !important;
	}

	#block-views-inhalt-block-1 .caption {
		margin-bottom: 0px;
	}
	.view-inhalt .view-content .views-row .views-field-title {
		position: relative !important;
	}
	.view-inhalt .view-content .views-row {
		margin-bottom: 20px;
	}
}


.field-name-field-youtube-link .field-items .field-item, .respowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.field-name-field-youtube-link .field-items .field-item iframe, .respowrapper object, .respowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panel-body {
	padding:0px;
}

.webform-client-form fieldset {
    margin-bottom: 0;
}

h4, .h4 {
    font-size: 1.1em;
}
.panel-heading {
    padding: 10px 15px 10px 0;
}

h2.webform-page {
	color:#d25005;
	font-size: 1.5em;
}

.gelb {
    width: 13px;
    height: 13px;
    background: #FFFF00;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    margin: 5px 0px;
}

.caption p {
    color: #777;
    font-size: 0.95em;
    font-weight: 100;
    letter-spacing: 0.03em;
    padding-top: 8px;
}

.page-node-160 .field-name-field-titel-webseite h1, .page-node-410 .field-name-field-titel-webseite h1 {
	display: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4;
}

.view-ampel .views-field-php {
	width: 26px;
}

.view-ampel .date-display-range {
	display: inline-block;
}

.view-ampeö .field-name-field-kurs-i  {
	display: inline-block;
}

.page-node-410  .col-sm-6 p {
    margin: 0 0 25px;
}

.view-ampel ul, .view-ampel li {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

.view-ampel li {
	padding:10px 0px;
	border-bottom: 1px #ededed solid;
}

.view-ampel .ds-3col-stacked-equal > .group-left {
	width: 53%;
}

.view-ampel .ds-3col-stacked-equal > .group-middle {
	width: 14%;
}

.view-ampel .views-field-nothing {
	width: 60%;
}

.caption {
	margin-bottom:38px;
}

.mean-container a.meanclose {
	text-indent: -9999px !important;
	background: url('http://www.journalistenschule-ifp.de/sites/default/files/xbutton.png') no-repeat 50% 50%;
}
 
#block-mailchimp-lists-ifp-newsupdate {
	max-width: 510px;	
}  
     
#block-mailchimp-lists-ifp-newsupdate h2, #block-views-seminare-block-6 h3 {
    font-weight: 400;
    font-family: 'Fira Sans',sans-serif;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #d25005;    
}

#edit-mailchimp-lists-mailchimp-ifp-newsupdate-title {
	display: none;
}

#block-mailchimp-lists-ifp-newsupdate .btn {
    text-align: right;      
    background-color: #d25005;
    color: #FFF;   
    margin-top: 20px;
    float: right;    
    border-color:#d25005;
}

.content_bottom {
	width: 95%;
}

.page-node-129 .col-sm-3 {
	padding-left: 17px !important;
}

.page-node-359 .views-field-title .field-content {
    color: #FFF;   
}

.page-node-675 .caption  {
	margin-bottom: 0px !important;
}

.form-item-mailchimp-lists-mailchimp-ifp-newsupdate-mergevars-fname, .form-item-mailchimp-lists-mailchimp-ifp-newsupdate-mergevars-lname {
	display: inline-block;
	width: 49%;
}

.form-item-mailchimp-lists-mailchimp-ifp-newsupdate-mergevars-lname {
	margin-left: 10px;
}

#block-block-6 {
	margin-bottom: 20px;
}

.page-node-410 h2.block-title {
    border-bottom: none;
    color: #d25005;
    font-size: 1.3em;	
}

.view-seminare.view-display-id-page_3 .date-display-range {
	display:inline;
}

.view-seminare.view-display-id-page_3 .views-field-field-anmeldeschluss {
	margin: 20px 0px;
	display: block;
}

.view-seminare.view-display-id-page_3 .views-field-field-anmeldeschluss p {
	display: inline;
}

.views-label-field-ermaessigte-gebuehr {
	display: block !important;
}

/*
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	#navbar .nav-links section		{	margin:2px 10px -15px !important; }
	
	/* Force table to not be like tables anymore */
	#block-views-seminare-block table, #block-views-seminare-block thead, #block-views-seminare-block tbody, #block-views-seminare-block th, #block-views-seminare-block td, #block-views-seminare-block tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#block-views-seminare-block thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#block-views-seminare-block tr { border: 1px solid #ececec; }

	#block-views-seminare-block td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
	}

	#block-views-seminare-block td:before {
		font-weight: bold;
		display: inline-block;
		width: 100%;
	}

	/*
	Label the data
	*/
	#block-views-seminare-block td:nth-of-type(1):before { content: "Datum"; }
	#block-views-seminare-block td:nth-of-type(2):before { content: "Referent"; }
	#block-views-seminare-block td:nth-of-type(3):before { content: "Titel"; }

	#block-views-seminare-block td.views-field-field-seminardatum {
		/* max-width: 123px; */
		/* min-width: 123px; */
		width: 100%;
	}

	#block-views-seminare-block td.views-field-views-conditional, #block-views-seminare-block-6 td.views-field-views-conditional {
		width: 40px;
		padding: 5px;
	}

}

#block-block-6 {
	width: 100px;
}