/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Rock+Salt|Sriracha&display=swap');
@import url('https://fonts.googleapis.com/css?family=Chelsea+Market|Open+Sans|Rock+Salt|Sriracha&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Shadows+Into+Light+Two&display=swap');

a {color: #008bc8;}

body {font-family: 'Sriracha', cursive; font-weight: lighter;font-size: 16px; color: #999;}

h1, h2, h3 {font-family: 'Sriracha', cursive; color: #555;}

h4 {font-family: 'Chelsea Market', cursive;}

h1, h2, h3 {margin-top: 0px;}

h2 {font-size: 1.4em;}

.footer,
.footer p,
#header .header-column {font-family: 'Sriracha', cursive; font-size: 1.2em;}


.field--name-node-title h2 a {color: #008bc8;}
.field--name-node-title h2 a:hover {color: #95c11f;}

p,
.field--name-body,
.field--name-field-beschreibung
 {font-family: 'Sriracha', cursive; font-weight: 100;font-size: 21px;line-height: 1.4em;}
 
 #block-angetriebendurchdrupal p {font-size: 0.6em;}
 
 .field--name-body
 {}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
	color: #008bc8;
	font-size: 0.9em;
	padding: 6px 10px;
	display: inline-block;
}

#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus {
	background: none;color: #95c11f;
}

article .content {margin-top: 20px;}

#header .lines {border-top: 0px solid #777; border-bottom: 2px dashed #ccc;}

.page-header {
background-color: none;
border-bottom: none;
border-top: none;
margin: 0 0 0px 0;
min-height: 50px;
padding: 10px 0;
position: relative;
text-align: left;
color: #555;
font-size: 2em;
text-transform: none;
}

.bs-2col-stacked {margin-top: 20px;}

.footer {
    margin-top: 42px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 0px solid #7aaf38;
    }
    
    #block-kasper-footer {
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-bottom: 5px;
    border-bottom: 2px dashed #ccc;
    }
    
    @media (min-width: 268px) {
.header-container.container .lines .container {
    width: 100%;
} 
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #fff;
    color: #7aaf38;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #7aaf38;
    background-color: #fff;
    }
    
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #7aaf38;
    text-decoration: none;
    background-color: #fff;
}

.view-display-id-block_1 .views-row {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px dotted #7aaf38;}

.block-title {color: #7aaf38; text-transform: uppercase; font-size: 1.6em; font-weight: 400; font-family: 'Open Sans Condensed', sans-serif; border-bottom: 2px solid #7aaf38; margin-top: 0px;}

.bs-region--left {margin-bottom: 20px;}

.view-aktuelles .views-row {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px dotted #7aaf38; }
.view-aktuelles .views-row:last-child,
.view-veranstaltungen .views-row:last-child,
.view-landesnetzwerke .views-row:last-child {margin-bottom: 20px; padding-bottom: 0px; border-bottom: 0px dotted #7aaf38; }

.block-block-content0c934d9d-bb49-44ce-a9a5-303af41a935f,
.block-block-content38c5b41f-bbcd-460a-b217-16b18c4d3171 {margin-bottom: 20px;}

#edit-submit {margin-top: 20px;}

.field--type-file .field--item .file {background-color: #e8f3da;}
.field--type-file .field--item .file:hover {background-color: #7aaf38;}

.field--type-file .file > span {
background: #e8f3da;
color: #000;
border: none;
font-size: 1.4em;
padding: 20px;
}

.field--type-file .file:hover > span {
background: #7aaf38;
color: #fff;
border: none;
}

.field--type-file .file:hover a {text-decoration: none;}
.field--type-file .file .text-primary {
color: #7aaf38;
}
.field--type-file .file:hover .text-primary {
color: #e8f3da;
}

span.text {
	background: #fff;
	color: #777;
	float: right;
	margin-left: 8px;
	font-family: 'Sriracha', cursive;
	font-size: 1,1em;
	text-transform: uppercase;
}

.node--type-referenz {margin-top: 40px;}

.field--name-field-bag-veroeffentlichungen .field--label {color: #777; font-size: 1.6em;margin-bottom: 20px; text-transform: uppercase;}

.field--name-field-fach-veroeffentlichungen .field--label {color: #777; font-size: 1.6em;margin-bottom: 20px; margin-top: 40px; text-transform: uppercase;}

.page-node-type-referenz h2 {font-size: 2em;}
.page-node-type-referenz .field--name-node-title {margin-top: 30px;}
.page-node-type-referenz .node--view-mode-full .field--name-body {margin-top: 0px; margin-bottom: 10px; padding-bottom: 0px; border-bottom: 0px dotted #555;}
.page-node-type-referenz .node--view-mode-full .field--name-field-beschreibung {margin-top: 0px; margin-bottom: 20px; padding-top: 0px; border-top: 0px dotted #555;}

.page-node-type-referenz .field--name-dynamic-token-fieldnode-2nd-image {margin-bottom: 40px; margin-top: 40px;}

.page-node-type-referenz .field--name-field-images {margin-bottom: 30px;}

.path-arbeitsproben .field--name-node-title {margin-top: 5px;}

.view-arbeitsproben .views-row {margin-top: 30px; padding-bottom: 0px; border-bottom: 2px dashed #ccc;}
.view-arbeitsproben .views-row:last-child {margin-top: 30px; border-bottom: 0px dashed #ccc;}

.view-arbeitsproben .field--name-body {margin-top: 0px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 0px dotted #555;}

.page-node-type-referenz h1.page-header {display: none;}

.dropdown-menu > li > a {padding-left: 10px;}

.field--name-field-link:before {content: "\f0c1";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 21px;
padding-right: 0.5em;}
.field--name-field-link a {font-size: 21px;}


/* Home Concept */
.home-concept {
	background: transparent url(../img/home-concept.png) no-repeat center 0;
	width: 100%;
	overflow: hidden;
}

.home-concept strong {
	display: block;
	font-family: 'Sriracha', cursive; color: #555;
	font-size: 1.2em;
	font-weight: normal;
	position: relative;
	margin-top: 30px;
}

.home-concept .row {
	position: relative;
}

.home-concept .process-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 0 0;
	width: 160px;
	margin: 135px auto 0 auto;
	padding-bottom: 50px;
	position: relative;
	z-index: 1;
}

.home-concept .process-image img {
	border-radius: 150px;
	margin: 7px 8px;
	width: auto;
	height: auto;
	max-width: 145px;
	max-height: 145px;
}

.home-concept .our-work {
	margin-top: 52px;
	font-size: 1.8em;
}

.home-concept .project-image {
	background: transparent url(../img/home-concept-item.png) no-repeat 100% 0;
	width: 350px;
	margin: 15px 0 0 -30px;
	padding-bottom: 45px;
	position: relative;
	z-index: 1;
}

.home-concept .sun {
	background: transparent url(../img/home-concept-icons.png) no-repeat 0 0;
	width: 60px;
	height: 56px;
	display: block;
	position: absolute;
	left: 10%;
	top: 35px;
}

.home-concept .cloud {
	background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0;
	width: 116px;
	height: 56px;
	display: block;
	position: absolute;
	left: 57%;
	top: 35px;
}

/* Responsive */

@media (min-width: 300px) {
.navbar-nav {
    	margin: 0;
    	margin-top: 10px;
	}
	.navbar-nav > li {
    float: left;
}
	}
	
@media (max-width: 991px) {
	.home-concept {
		background: none;
	}

	.home-concept .project-image {
		margin: 20px auto 0 auto;
	}

	.home-concept .process-image {
		margin-top: 0;
		padding-bottom: 25px;
	}
}

@media (max-width: 479px) {
	.home-concept .project-image {
		background-position: 0 0;
		margin-left: auto;
		max-width: 160px;
	}

	.home-concept .fc-slideshow {
		max-width: 145px;
		height: 145px;
	}

	.home-concept .fc-slideshow img {
		max-height: 145px;
		max-width: 145px;
	}

	.home-concept .our-work {
    font-size: 1.2em;
	}
}