ov/* Farben 
 * 
 * Blau: #333399
 * Grau: #ccc
 * 
 */

/*Standard-Tags */
a, a:focus, a:hover, a:visited {
	text-decoration: none;
}

a {
	color: #333399;
	font-weight: 700;
}

.page-header {
    border-bottom: 4px solid #333399;
    margin-bottom: 0px;
    background: #333399;
    color: white;
    padding-left: 15px;
    padding-bottom: 6px;
    padding-top: 6px;
    font-size: 30px;
 }

body {
    background-image: url(hintergrund6.png);
    background-repeat: repeat;
    background-attachment: fixed;
    overflow-x: hidden;
}

.block-title {
	color: white;
	background-color: #333399;
	font-weight: 700;
	word-wrap: break-word;
	padding: 15px;
}

p, ul {
	word-wrap: break-word;
}

a span {
	color: #333399;
	word-wrap: break-word;
}

span {
	font-weight: bold;
}

h2 {
	margin-top: 0px;
	font-size: 18px;
    color: #333399;
    word-wrap: break-word;
}

p img {
	height: auto;
	width: 60%;
	padding: 10px;
}


.field-content {
	overflow: hidden;
}


/* Divs Grunddefinitionen */
@media (min-width: 768px) {
	.container-fluid {
		padding-right: 0px;
		padding-left: 0px;
	}
}

.hg2-container {
	padding-left: 10%;
    padding-right: 10%;
    margin-right: auto;
    margin-left: auto;
}

section#block-kaiser-views-block-kontakt-block-1 {
	background: rgba(255,255,255,0.7);
  /*  padding: 15px; */
}

section#block-kaiser-views-block-kontakt-block-1 div.form-group {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

section#block-kaiser-views-block-stellenanzeigen-block-1 {
	margin-top: 30px;
	background: rgba(255,255,255,0.7);
}

section#block-kaiser-views-block-stellenanzeigen-block-1 div.form-group {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.region.region-content {
    margin-bottom: 30px;
}

article.stellenanzeige.full.clearfix, article.leistung.full.clearfix, article.referenzprojekt.full.clearfix, article.page.full.clearfix, form#contact-message-kontakt-form {
	background-color: white;
    padding: 15px;
}

/* Navbar Design */ 
a.name.navbar-brand {
	display: none;
}

div#navbar-collapse {
	min-height: 76px;
    background: white;
    border-bottom: 4px solid #333399;
    padding-left: 15px;
    padding-right: 15px;
}

a.logo.navbar-btn.pull-left img {
	max-height: 7vh;
}

.navbar-btn {
	margin: 8px;
}

@media (min-width: 768px) {
.navbar-nav {
    float: left;
    margin-top: 26px;
    margin-left: 50px;
    margin-bottom: 0px;
}}

.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.is-active {
    background-color: #333399 !important;
    color: white !important;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: white;
    background-color: #333399;
    border: none;
}

/*Helper Drupal-Menü*/
nav.toolbar-lining.clearfix {
    background-color: white;
}

/* Sandwich / Navbar Toggle */ 
.navbar {
	border: 0px solid green;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #333399;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
	background-color: white;
}

.navbar-default .navbar-toggle {
    border-color: #333399;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #333399;
}

.navbar-toggle {
    border-radius: 0px;
    border: 2px solid transparent;
}

/* Slideshow 
.page-header{
	display: none;
}*/ 

.view.view-slideshow h2 {
	background-color: #333399;
	margin-bottom: 0px;
	margin-top: 30px;
    padding: 10px;
}

.view.view-slideshow span {
	color: white;
	padding: 4px;
}

/*Statisch einblenden bzw Slider raus*/
@media (min-width: 768px) {
	.slideshow-statisch {
		display: none;
	}
	
	.slideshow-hg {
		display: block;
		max-height: 75vh;
	}
}

@media (max-width: 768px) {
	.slideshow-statisch {
		display: block;
 	   	margin-bottom: 15px;
	}
	
	.slideshow-statisch h2>a>span {
    	display: none;
	}
	
	.slideshow-hg {
		display: none;;
	}
}



/* Aktuelles auf Startseite  */ 
.view-aktuelles {
	padding: 5px 15px 15px 15px;
	background-color: white;
}

.aktuelles-link {
	font-weight: 700;
    margin-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.aktuelles-bild img {
	margin: auto;
	max-width: 70%;
}

.view-aktuelles div.view-content > div:nth-last-of-type(n+2) {
	margin-top: 0px;
	padding-bottom: 10px;
	border-bottom: 1px #333399 solid;
}

div.view-aktuelles {
	margin-top: 0px;
}

.view-aktuelles h2 {
	margin-top: 10px;
}


/*Stellenanzeige */ 
li.node-readmore {
    padding-top: 20px;
}

.stellenanzeige {
    margin-bottom: 15px;
}

.stellenanzeige a {
	font-weight: 300;
}

.field.field--name-field-stellenanzeige-mail.field--type-email.field--label-above {
	padding: 10px;
	border: 1px solid #ccc;
}

span.icon.glyphicon.glyphicon-file.text-primary {
	color: #333399;
	padding-bottom: 10px;
    padding-top: 10px;
}

span.file-link {
	font-size: 14px;
	color: #333399;
}

span.file-size {
	color: #ccc;
}

/*Leistungen */
.col-leistungen {
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}
 
.row-leistungen.col-sm-12 {
    padding: 0px;
    margin-top: 10px;
}
 
@media (max-width: 768px) {
	.col-leistungen.col-sm-3 {
    	padding-left: 0px;
    	padding-right: 0px;
	}
}
 
.leistung-bild img {
	margin: auto;
	padding: 5px;
}

.leistung-titel {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-bottom: 0px;
	padding-top: 25px;
	padding-bottom: 30px;
	background: rgba(255,255,255,0.8);
	margin-top: 0px;
}

.leistung-bild {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-bottom: 25px;
	background: rgba(255,255,255,0.8);
}

.field.field--name-field-leistung-image.field--type-image.field--label-hidden.field--item img {
	float: right;
	padding: 10px
}

/* Referenzen */ 
.referenzen-rows {
    background-color: white;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.referenz-bild {
	display: inline-flex;
}

.referenz-bild img {
	margin: auto;
}

.referenz-titel {
    position: absolute;
    left: 0;
    right: 0;
    padding: 20px;
    padding-top: 0px;
    margin-top: 0px;
}

.field.field--name-field-referenzbilder.field--type-image.field--label-hidden.field--items {
    display: inline-flex;
}

a.colorbox.cboxElement img {
    padding: 2px;
    /*opacity: 0.8;*/
}

.views-field.views-field-title h3>a {
	background: rgba(255,255,255,0.8);
	padding-left: 140px;
	padding-right: 140px;
	padding-bottom: 40px;
	padding-top: 40px;
	color: #333399;
	display: block;
}

@media (max-width: 768px) {
	.views-field.views-field-title h3>a {
	    padding-bottom: 20px;
	    padding-top: 20px;
	    padding-left: 20px;
	    padding-right: 20px;
	    font-size: 12px;
	}
}


.pager li > a, .pager li > span {
    border-radius: 0px;
}


/* Downloads */

.view-downloads h3 {
	margin-top: 30px;
	border-bottom: 2px solid #333399;
}

.view-downloads .views-field-field-download {
	margin-bottom: 15px;
}


/* Kontaktformular */ 
label.control-label.js-form-required.form-required {
	font-size: 16px;
    color: #333399;
    word-wrap: break-word;
}

.form-control {
    border-radius: 0px;
	border-color: #ccc; 
}

.btn-primary {
    color: white;
    background-color: #333399;
    border-color: #ccc;
    border-radius: 0px;
}

.btn-primary:hover, .btn-primary:focus  {
    color: #333399;
    font-weight: bold;
    background-color: white;
    border-color: #333399;
    border-radius: 0px;
}

button#edit-preview {
	color: #333399;
    background-color: white;
    border-color: #333399;
    border-radius: 0px;
}

button#edit-preview:hover, button#edit-preview:focus {
	color: white;
	font-weight: bold;
    background-color: #333399;
    border-color: #ccc;
    border-radius: 0px;
}

.captcha {
	margin-bottom: 20px;
}

/* Downloads */
.view-downloads {
	background: rgba(255,255,255,0.7);
    padding: 15px;
}

.view-downloads span {
	font-weight: bold;
}

/* Über uns */
.field--name-field-einfache-seite-bild .img-responsive {
	margin: 0% 0% 5% 5%;
	float: right;
}

.field--name-field-einfache-seite-bild p img{
	width: auto;
}

.field.field--name-body p img {
	width: auto;
}

/*Footer */ 
.footer {
	background-color: #333399;
	border: 0px;
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 10px;
}

nav#block-kaiser-footer {
	text-align: center;
}

@media (min-width: 768px) {
	nav#block-kaiser-footer ul {
		display: inline-flex;
	}
}

nav#block-kaiser-footer ul > li {
	margin-left: 15px;
	margin-right: 15px;
}

.nav > li > a {
	color: white;
	text-align: center;
	font-size: 17px;
}

.nav > li > a:hover, .nav > li > a:focus {
	color: #333399;
	background-color: white;
}