@import url('https://fonts.googleapis.com/css?family=Overpass:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Istok+Web');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
html {
	height: 101%;
}
body {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
}
h1 {
	font-family: 'Istok Web', sans-serif;
	font-size: 27px;
	color: #826e59;
}
h2 {
	font-family: 'Istok Web', sans-serif;
	font-size: 25px;
	color: #826e59;
	margin: 10px 0;
}
h3 {
	font-family: 'Istok Web', sans-serif;
	font-size: 20px;
	color: #826e59;
	margin: 10px 0;
}
a {
	color: #826e59; 
}
a:hover,
a:focus {
	color: #c2b3a0; 
	text-decoration: none;
}
#backtotop {
	background: url(../images/oben.png) no-repeat center center;
	background-size: contain;
	height: 40px;
	width: 40px;
	bottom: 40px;
}
#edit-preview {
	display: none;
}
.cc_container {
background: #BAAE9D;
}
.file > span a{
    color: #826e59; 
}
.file .glyphicon:before {
 	content: "\e142";
	color: #826e59;
	padding: 0 5px 0 0;
}
.field--name-field-artikel-anhang .file-size {
	display: none;
}
.file > span:first-child {
    border-left: none;
}
.file > span {
    background: transparent;
    color: #c2b3a0;
    border: none;
	font-weight: normal;
	font-size: 16px;
}
.redaktion {
	display: none;
}
.user-logged-in .redaktion {
	display: block;
}
.edit .page-header,
.add .page-header{
	padding: 0;
}
.edit .field--name-field-projekt-inhalt,
.add .field--name-field-projekt-inhalt {
	background: transparent;
	padding: 0;
}
.form-control {
	height: auto;
}
.home-text {
	color: #826e59;
	text-align: justify;
	padding: 5px 0;
}
.home-text.unten {
	padding: 5px 0 15px 0;
	font-size: 13px;
}
.home-text.oben {
	font-size: 13px;
}
.field--name-field-artikel-kontakt > .field--label {
	margin: 20px 0 10px 0;
	font-size: 20px;
	color: #826e59;
	font-weight: normal;
}
.btn-primary {
	border-radius: 0;
	background: #826e59;
	color: #fff;
	border: none;
	margin: 0 0 15px 0;
	box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus {
    color: #826e59;
    background-color: #c2b3a0;
    border: none;
}
.page-header {
    padding-bottom: 0;
    margin: 20px 0 10px 0;
    border-bottom: none;
}
.region-content {
	margin: 0 -15px;
}
/* Menü */
.navbar-brand {
	width: 245px;
	padding: 15px 0 0 15px;
	margin: 0;
	height: auto;
}
.navbar-default {
    background-color: #ffff;
    border-color: #fff;
	margin: 0 -15px;
}
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-toggle {
	padding: 0;
	margin: 52px 15px 15px 15px;
}
.navbar-toggle .icon-bar {
    width: 24px;
    height: 3px;
    border-radius: 1px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #826e59;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border-color: #826e59;
	border-bottom: 1px solid #826e59;
}
.navbar-default .navbar-nav > li > a {
    color: #826e59;
    font-size: 20px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #BAAE9D;
    background-color: #fff;
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    color: #BAAE9D;
    background-color: #fff;
}
.navbar-nav > li > a {
    padding: 6px 15px 6px 50px;
}
.navbar-nav .open .dropdown-menu,
.dropdown-menu {
    min-width: 100%;
    font-size: 16px;
    background-color: #c2b4a1;
    border-radius: 0;
    box-shadow: none;
	border-color: transparent;
	z-index: 1300;
}
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover,
.navbar-nav > li > a.is-active,
.navbar-nav > .dropdown-menu > li > a.is-active,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus {
    color: #826e59;
    background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.dropdown-menu > li > a {
	color: #fff;
	padding: 4px 50px;
}
/* Startseite Projekte Slider */
#Front-page-carousel .carousel-indicators {
display: none;
}
/* Projekte */
.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  transition: opacity ease-out .3s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
  z-index: 999;
}
.carousel.fade .item:first-child {
  top: auto;
  position: relative;
}
.carousel.fade .item.active {
  opacity: 1;
  z-index: 1000;
}
.carousel-indicators {
	position: relative;
	bottom: 0;
	left: 0%;
	width: auto;
	margin: 3px -2px;
	background: none;
	text-align: left;
}
.carousel-indicators li {
	float: left;
	width: 50%;
	height: auto;
	cursor: pointer;
	background: none;
	border: 0;
	border-radius: 0;
	overflow: hidden;
	margin: 2px 0;
	padding:0 2px;
}
.carousel-indicators li img {
	min-height: 85px;
}
.carousel-indicators .active {
	width: 50%;
	height: auto;
	margin: 2px 0;
	background: none;
}
.carousel-indicators .active img {
	opacity: 0.5;
}
.carousel-control.left,  .carousel-control.right {
	background:transparent;
}
.carousel-control {
	top: 10%;
	background: red;
}
.projekt-zusatzinfo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px;
  background: rgba(195,180,161, 0.8);
	z-index: 1200;
	color: #fff;
}
.projekt-list-item {
	position: relative;
	margin: 0 0 30px 0;
}
.projekt-titel {
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(195,180,161, 0.8);
	width: 100%;
	padding: 3px 10px;
}
.partner-link a,
.projekt-titel a{
	color: #fff;
}
.partner-link a:hover,
.projekt-titel a:hover{
	text-decoration: none;
}
.projekt-link a:hover,
.projekt-link a:focus{
	color: #fff;
}
.projekte-text {
	padding: 15px 0;
}
.projekt-list {
	position: relative;
}
.field--name-field-projekt-inhalt {
	padding: 15px;
	background: rgba(195,180,161, 0.8);
}
.zurueck {
	margin: 15px 0;
	text-align: right;
}
.pager li > a, .pager li > span {
	padding: 0;
	background-color: transparent;
	border: none;
	font-size: 60px;
}
.pager > .next {
	position: absolute;
	bottom: -5%;
	right: 0;
	opacity: 0.7;
	text-shadow: -1px -1px 4px #fff;
}
.pager > .previous {
	position: absolute;
	bottom: -5%;
	left: 0;
	opacity: 0.7;
	text-shadow: -1px -1px 4px #fff;
}
.pager li > a:focus, 
.pager li > a:hover {
	background-color: transparent;
	opacity: 1;
}
/* Partner */
.partner-list-item {
	border: 1px solid rgba(195,180,161, 0.8);
	margin: 0 0 20px 0;
	width: 100%;
}
.partner-list-item img{
	width: 130px;
}
.partner-link {
	background: rgba(195,180,161, 0.8);
	width: 100%;
	padding: 3px 10px;
}
.partner-logo {
	padding: 6% 25%;
}
.artikel-bilder img{
	padding: 0 0 20px 0;
}
.footer {
    margin-top: 15px;
	padding: 5px 0;
    font-size: 12px;
	border-top: 1px solid #826e59;
}

@media (min-width: 540px) {
	.view-content {
		-webkit-display: flex;
		-moz-display: flex;
		-ms-display: flex;
		-o-display: flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.views-row {
		width: 46%;
		margin: 0 20px 20px 0;
		background: #fff;
	}
	.partner-list-item {
		margin: 0;
	}
	.pager > .next {
		bottom: -3%;
	}
	.pager > .previous {
		bottom: -3%;
	}
}
@media (min-width: 768px) {
	body {
		margin: 15px 0;
	}
	.home-text.unten {
	font-size: 14px;
	}
	.home-text.oben {
		font-size: 19px;
	}
	.page-header {
    	margin: 0 0 10px 0;
	}
	.strich {
		height: 100vh;
		border-right: 2px solid #BAAE9D;
		-moz-border-image: -moz-linear-gradient(top, #BAAE9D 52%, #fff 100%);
		-webkit-border-image: -webkit-linear-gradient(top, #BAAE9D 52%, #fff 100%);
		border-image: linear-gradient(to bottom, #BAAE9D 52%, #fff 100%);
		border-image-slice: 1;
		width: 40px;
		position: absolute;
	}
	.navbar-default {
    background-color: transparent;
    border-color: transparent;
	}
	.navbar-right {
    margin-right: 0;
	}
	.navbar {
		margin-bottom: 0;
	}
	.navbar-toggle {
    	display: block;
		margin: 15px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, 
	.dropdown-menu > li > a {
    padding: 3px 20px;
	}
	.navbar-header {
		width: 100%;
		border-bottom: 2px solid #BAAE9D;
		-moz-border-image: -moz-linear-gradient(left, #BAAE9D 52%, #fff 100%);
		-webkit-border-image: -webkit-linear-gradient(left, #BAAE9D 52%, #fff 100%);
		border-image: linear-gradient(to right, #BAAE9D 52%, #fff 100%);
		border-image-slice: 1;
	}
	.navbar-collapse.collapse {
        display: none!important;
		padding: 10px 0;
    }
	.navbar-collapse.collapse.in {
		display: block !important; 
		z-index: 1200;
	}
	.navbar-nav>li {
        float: none;
    }
	.navbar-collapse {
		position: absolute;
		top: 50%;
		right: 20px;
		z-index: 10;
		background: #fff;
	}
	.navbar-nav > li > a {
    	padding: 6px 15px;
	}
	.logo {
		width: 30%;
		margin: 0 0 0 6%;
		padding: 4px;
	}
	/* Projekte */
	.pager > .next {
		top: 31%;
		right: -5px;
	}
	.pager > .previous {
		top: 31%;
		left: -25px;
	}
	.region-content {
		padding: 15px 15px 30px 7%;
	}
	#user-login-form,
	.region-content h1,
	.projekte-text,
	.home-text {
		padding: 15px 0 0 36%;
	}
	.home-text.unten {
		padding: 5px 0 0px 36%;
	}
	.view-partner .view-content,
	.view-projekte .view-content {
		padding: 0 0 0 36%;
	}
   .projekt-list-view {
		margin: 0 0 0 36%;
    	position: relative;
	}
	.views-row {
		width: 45%;
		margin: 0 20px 15px 0;
	}
	.views-row .field-content {
		margin: 0;
	}
	.projekt-list-item {
		margin: 0 15px 15px 0;
		width: 46%;
		float: left;
	}
	.carousel-indicators {
		text-align: left;
		left: inherit;
		float: right;
		width: 30%;
		margin: -5px 0 0 0;
	}
	#Front-page-carousel .carousel-inner {
		margin: 0;
	}
	.carousel-inner {
		float: right;
		width: 64%;
		margin: 0 0 0 40px;
	}
	.carousel-indicators li {
		margin: 5px 0;
		padding: 0 5px;
	}
	.carousel-indicators li img {
		min-height: 55px;
	}
	.carousel-indicators .active {
		margin: 5px 0;
	}
	.projekt-zusatzinfo {
	 	width: 40%;
		z-index: 1100;
	}
	.projekt-link {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 60%;
		padding: 5px;
		background: rgba(195,180,161, 0.8);  
		text-align: right;
		z-index: 1100;
	}
	.artikel-inhalt {
		float: right;
		width: 64%;
	}
	.artikel-bilder {
		float: right;
		width: 36%;
		padding: 0 45px 0 0;
	}
	.footer {
		text-align: right;
		padding: 5px 15px 5px 10%;
		border-top: none;
	}
}
@media (min-width: 992px) {
	.region-content {
		margin: 0;
	}
	.highlighted {
		padding: 0 0 0 40%;
	}
	.strich {
		width: 132px;
		position: relative;
	}
	.logo {
		margin: 0 0 0 4.9%;
	}
	.home-text.oben {
		font-size: 111%;
		padding: 0 0 0px 36%;
	}
	.home-text.unten {
		font-size: 80%;
		padding: 10px 0 0px 36%;
	}
	/* Menü */
	.navbar-default {
		margin: 0;
	}
	.navbar-default .navbar-nav > li:hover > .dropdown-menu {
   		display: block;
	}
	.navbar-collapse.collapse {
        display: block!important;
		padding: 15px 0 0 0;
		border-bottom: 2px solid #BAAE9D;
		-moz-border-image: -moz-linear-gradient(left, #BAAE9D 52%, #fff 100%);
		-webkit-border-image: -webkit-linear-gradient(left, #BAAE9D 52%, #fff 100%);
		border-image: linear-gradient(to right, #BAAE9D 52%, #fff 100%);
		border-image-slice: 1;
    }
	.navbar-collapse.collapse.in {
		display: none !important; 
	}
	.navbar-nav>li {
        float: left;
    }
	.navbar-toggle {
    	display: none;
	}
	.navbar-header {
		border-bottom: transparent;
	}
	.navbar-collapse {
		position: static;
		top: 100%;
		right: 20px;
		z-index: 10;
		background: transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.dropdown-menu > li > a {
		padding: 4px 15px;
	}
	.projekt-zusatzinfo {
	 	width: 30%;
	}
	.projekt-link {
		width: 70%;
	}
	.artikel-bilder {
		padding: 0 40px 0 0;
	}
	.footer {
		margin: 20px 0 0 0;
	}

}
@media (min-width: 1100px) {
	.strich {
		width: 168px;
	}
	.logo {
		margin: 0 0 0 7.5%;
	}
}
@media (min-width: 1200px) {
	.logo {
		margin: 0 0 0 6.1%;
	}
	.pager > .next {
		top: 35%;
		right: 0;
	}
	.pager > .previous {
		top: 35%;
		left: -30px;
	}
	.home-text.oben {
		font-size: 155%;
	}
	.home-text.unten {
		font-size: 112%;
	}
	.projekte-list-item {
		width: 47%;
	}
}
@media (min-width: 1300px) {
	.footer {
		padding-left: 15px; 
	}
	.logo {
		width: 32%;
		margin: 0 0 0 4.2%;
	}
	#Front-page-carousel{
		width: 100%;
		padding: 0 0 0 0%;
	}
	.views-row {
		width: 30%;
	}
}
@media (min-width: 1400px) {
	.logo {
		margin: 0 0 0 3.7%;
	}
}
@media (min-width: 1500px) {
	.logo {
		width: 35%;
		margin: 0 0 0 2.7%;
	}
}
@media (min-width: 1600px) {
	.logo {
		width: 31%;
		margin: 0 0 0 7.1%;
	}
	.strich {
		width: 234px;
	}
	.pager > .next {
		top: 39%;
		right: 10px;
	}
	.pager > .previous {
		top: 39%;
		left: -35px;
	}

}
@media (min-width: 1700px) {
	.logo {
		margin: 0 0 0 6.1%;
	}
}
@media (min-width: 1800px) {
	.logo {
		margin: 0 0 0 5.1%;
	}
	.pager > .previous,
	.pager > .next {
		top: 40%;
	}
	.pager > .next {
		right: 20px;
	}
}
@media (min-width: 1900px) {
	.logo {
		margin: 0 0 0 4.3%;
	}
}