/* LWL Kulturstiftung Custom CSS */

/*------------------------------------------------------------------------
|	Overall  															 |
------------------------------------------------------------------------*/

.container {
	width:100%;
}

.maincontent {
	max-width:inherit;
	width:100%;
}

.layout-main-content {
	max-width:1440px;
	margin:0 auto;
	float:none;
	clear:left;
}

.article {
	max-width:1080px;
	margin:0 auto;
}

/*------------------------------------------------------------------------
|	Typography 															 |
------------------------------------------------------------------------*/

body {
	line-height:25px;
}

p {
	margin-bottom:25px;
}

h1, h2 {
	color: #A52022;
}

h2 {
	font-size:32px;
	margin-bottom:32px;
}

.banner-cookie h2 {
  color:#fff;
}

/*------------------------------------------------------------------------
|	Header (logo and navigation)									 	 |
------------------------------------------------------------------------*/

.layout-breadcrumbs {
	width:100%;
	max-width:1440px;
	margin:0 auto;
	float:none;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:15px 0 10px;
}

.kulturstiftung-header {
	height: 75px;
}

#kulturstiftung-logo {
	display:block;
	background-image: url("/filer/canonical/1558529451/168370/");
	background-repeat: no-repeat;
	height:61px;
	width:200px;
}

.layout-breadcrumbs #main-slider, .kulturstiftung-header + .zoomable, .kulturstiftung-header + figure {
	order:4;
	width:100%;
	margin-bottom:0;
}

.layout-breadcrumbs .breadcrumb {
	width:100%;
	max-width:1080px;
	margin:0 auto;
	order:5;
	padding:0 0 0.5em;
}

#topnav{
	margin-bottom: 0px;
	padding-top:5px;
}

#topnav li.active a, #topnav li.activeparent a {
	color:#00315E;
	font-weight:normal;
	border-bottom:7px solid #00325F;
}


.navbar-toggle{
	position:absolute;
	top:20px;
	right:0px;
	margin:0;
}

.layout-sidebar .navbar-toggle {
	display:none;
}

.navbar-toggle .icon-bar {
	background-color: #00559d;
}

.navbar-toggle-text{
	display:none;
}

.sidenav-item{
	width:100%;
}

.sidenav-item {
	padding-left: 40px;
}
.sidenav-toplevel-item {
	padding-left: 0;
}

#topnav li a{
	color:#333333;
	font-size:21px;
	border-bottom:5px solid white;
	padding:0.83em 1em;
}

#topnav .open>a, #topnav .open>a:focus, #topnav .open>a:hover, #topnav .dropdown-menu>li>a  {
	background-color: #1A355B;
	color: #fff;
	border-bottom: 5px solid #1A355B;
}

#topnav .dropdown-menu>li>a {
	padding:0.4em 1em;
	border:0;
}

#topnav .dropdown-menu>li.active>a::after {
	content:"";
	display:block;
	border-bottom:3px solid #fff;
}

.navbar-nav>li>.dropdown-menu {
	background-color: #1A355B;
	border:none;
	min-width:100%;
}

.dropdown-toggle .caret{
	border: none;
	margin-left:0.5em;
	width:8px;
	height:12px;
	background-image:url("/media/filer_public/91/4a/914a9299-fd65-4e76-8792-784de3c6c864/lwl_kulturstiftung_pfeil_schwarz.svg");
	background-repeat:no-repeat;
	background-size:cover;
	transform:rotate(90deg);
	transform-origin:center;
	-webkit-transform:rotate(90deg);
	transition:transform 0.5s ease, -webkit-transform 0.5s ease;
}

#topnav .open .dropdown-toggle .caret{
	background-image:url("/media/filer_public/93/48/9348ef8e-4ab0-4ea7-8392-9e76b8edafd4/lwl_kulturstiftung_pfeil_weiss.svg");
	transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
}

#sidenav {
	position: fixed;
	top: 85px;
	background-color: #e1e1e1;
	width: 100%;
	z-index: 1000;
}

.navbar-collapse.in {
	overflow-y:inherit;
}

@media (min-width: 768px) {
	.layout-breadcrumbs {
		display:flex;
	}
	.navbar-nav>li {
		float: left;
	}
}

@media (min-width: 1080px) {
	.kulturstiftung-header {
		width:100%;
		height:71px;
	}
	#kulturstiftung-logo {
		position:absolute;
		left:50%;
		margin-left:-540px;
	}
	.layout-topnav {
		position:absolute;
		right:50%;
		margin-right:-540px;
	}
}



/*------------------------------------------------------------------------
|	Slider															 	 |
------------------------------------------------------------------------*/

.flexslider .flexslider-image {
	width:100%;
}

.flex-slider-main .flex-slider-caption {
	padding-bottom:30px;
	min-height:0;
}

.flex-slider-main .flex-slider-caption-title {
	font-size:24px;
}

.flex-slider-main .flex-slider-caption:active .flex-slider-caption-title,
.flex-slider-main .flex-slider-caption:focus .flex-slider-caption-title,
.flex-slider-main .flex-slider-caption:hover .flex-slider-caption-title {
	text-decoration: none;
}

.flex-slider-main .flex-slider-caption-text {
	font-size:14px;
}

@media (min-width: 480px) {
	.flex-slider-main .flex-control-paging {
		bottom:10%;
	}
	.flex-slider-main .flex-direction-nav {
		bottom:14%;
	}
}
/*------------------------------------------------------------------------
|	Text															 	 |
------------------------------------------------------------------------*/

.introtext {
	max-width:800px;
	margin:0 auto;
}

.article table {

}

.article table th {
	background-color:#fff;
	color:#1A355B;
	font-weight:normal;
	font-size:24px;
}

.article table p {
	margin:0;
}

.article table strong {
	color:#1A355B;
}

.article table a {
	color:#1A355B;
}

.article table a:after {
	content:"";
	display:inline-block;
	width:8px;
	height:12px;
	background-image:url("/media/filer_public/c6/4a/c64a4c6c-123c-4851-b2f2-be067f505570/lwl_kulturstiftung_pfeil_blau.svg");
	background-repeat:no-repeat;
	background-size:cover;
	margin-left:0.5em;
}


/*------------------------------------------------------------------------
|	Image															 	 |
------------------------------------------------------------------------*/

#content > figure {
	max-width:1080px;
	margin:0 auto 2em;
}

figure {
    position:relative;
}
figure figcaption {
    background-color: rgba(0,50,95,.75);
    color: #fff;
    padding:5px 15px;
    font-size:14px;
}

.article-img-caption {
    margin:0;	
}

@media (min-width: 768px) {
	figure figcaption {
	    position: absolute;
	    bottom: 8%;
	    left: 40px;
	    left: 4rem;
	    max-width: 50%;
	}
	.article-img-caption {
	    margin:1rem 0 .5rem;	
	}
}

/*------------------------------------------------------------------------
|	Galerie |
------------------------------------------------------------------------*/
.gallery-wrap {
	max-width:1080px;
	margin:0 auto;
	padding:0 1.5rem 1rem;
}
.gallery-container {
	display:flex;
	flex-wrap:wrap;
}

#content .gallery-container .gallery-item {
	float:none;
	width:50%;
	margin:0;
	padding:15px;
}

.gallery-container .gallery-thumb {
	margin:0;
}

#content .gallery-container .gallery-item img {
	width:100%;
}

@media (min-width: 600px) {
	#content .gallery-container .gallery-item {
		width:calc(100% / 3);
	}
}

@media (min-width: 900px) {
	#content .gallery-container .gallery-item {
		width:25%;
	}
}

/*------------------------------------------------------------------------
|	Unsere gefoerderten Projekte                                          |
------------------------------------------------------------------------*/
.n_bereich{
	text-align: center;
	font-family:"Open Sans Light","Open Sans","trebuchet ms",sans-serif;
	font-size:32px;
}

.article-teaserbox {
	padding:0;
	margin-bottom:2em;
}

.teaserbox{
	display:block;
	background-color: white;
	padding:0px;
	margin:0 -10px;
}

.teaserbox-item{
	flex:auto;
	width:100%;
	padding:10px;
	margin:0px;
	position:relative;
}

@media (min-width: 400px) {
	.teaserbox {
		display: flex;
		flex-wrap: wrap;
	}
	.teaserbox-item {
		width:calc(100% / 2);
	}
}

@media (min-width: 900px) {
	.teaserbox-item {
		/*width:calc(100% / 3);*/
                /*Strange IE bug*/
                width:33%;
	}

}

.teaserbox-item + .teaserbox-item{
	border:0px;
}

.teaserbox-item-image{
	position:relative;
	padding:0;
	width: 100%;
}

.teaserbox-item-image img{
	width:100%;
}

.teaserbox-item-body{
	background: rgba(26,53,91,0.80);
	color:white;
	width:90%;
	padding:10px 10px 10px 30px;
	position:absolute;
	bottom:20px;
}

.article-teaserbox .article-text {
	margin-top:0;
}

.teaserbox-image .article-teaserbox .article-text ol,
.teaserbox-image .article-teaserbox .article-text p,
.teaserbox-image .article-teaserbox .article-text ul {
	font-size: 12px;
}

.teaserbox-image .article-title,
.teaserbox-image .teaserbox-item .article-title a {
	font-size:18px;
	color:white;
}

.teaserbox-text .article-title,
.teaserbox-text .teaserbox-item .article-title a {
	font-size:18px;
	font-weight:normal;
	color:#1A355B;
}

.article-teaserbox .article-title {
	position:relative;
	margin-bottom:0.5em;
}


.teaserbox-item .article-title a::before {
	display:inline-block;
	content:"";
	background-image: url("/media/filer_public/93/48/9348ef8e-4ab0-4ea7-8392-9e76b8edafd4/lwl_kulturstiftung_pfeil_weiss.svg");
	height:12px;
	width:7px;
	background-size: cover;
	position:absolute;
	top:5px;
	left:-15px;
}

.article-text .teaserbox-item-text{
	margin-left: 20px;
}


/*------------------------------------------------------------------------
|	Footer                                                               |
------------------------------------------------------------------------*/

.kulturstiftung-footer-row{
	display: flex;
	max-width:1080px;
	margin:0 auto;
}

.kulturstiftung-footer-col-sm{
	flex: 1;
	padding:10px;
	min-height: 135px;
}

.kulturstiftung-footer-col-sm a{
	color:white;

}
#kulturstiftung-footer{
	background-color: #1A355B;
	width:100%;
	color:white;
	padding:20px;
	font-size:14px;
}
.maincontent > .layout-footer {
		max-width:unset;
}

#kulturstiftung-footer-logo{
        display:none;
	background-repeat: no-repeat;
	background-position: center;
	width:84px;
}

@media (max-width: 800px) {
  
  .kulturstiftung-footer-row {
    display: block;
  }

  #kulturstiftung-footer-logo{
  	width:100%;
  }

}