@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400');
body, body p {
	color: #323232;
	font-family: 'Raleway', Calibri, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.9em;
	font-weight: 400!important;
	}

.logoSlider
{
	    width: 275px;
    margin-bottom: 20px;
	margin-left:5px;
}

.weitereLeistungen
{
	margin-top: 25px;
    margin-bottom: 33px;
    background-color: #292c2d;
    padding-top: 23px;
    text-align: center;
}

.weitereLeistungen h4
{
	color:#fff;
}

 #spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
  }

 /* WebKit and Opera browsers */
  @-webkit-keyframes spinner {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
  }

  /* all other browsers */
  @keyframes spinner {
    from {
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
  }

.feature-bg-box .icon i:before {
    color: #465055 !important;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
	font-weight:normal;
	font-size:18px;
	margin-top:-15px;
}

.grid-section img
{
	/*max-width:100%;*/
}

.clients.angle-box li:after {
    border-bottom: 0px solid #ddd;
}

.clients.angle-box li:before {
    border-right: 0px solid #ddd;
}

.nur-Bildhintergrund
{
	background-size:100% auto;
	background-position:center center;
	border-top: 4px solid #be7206;
	
}

div[style="background-image:url(/media/1636/istock-493334040_compressed.jpg);"] {
	
filter: hue-rotate(155deg) grayscale(0.4);
	
	
}

div[style="background-image:url(/media/1636/istock-493334040_compressed.jpg);"] > div {
	filter: hue-rotate(205deg) grayscale(0);
}

.nur-Bildhintergrund .Boxfarbe-1, .nur-Bildhintergrund .Boxfarbe-2
{
	margin:60px 0px;
}

a:hover, a:focus {
	color: #6cbbc5;
	}
li.notClickable > a {
    cursor: default!important;
}
.menuzord-menu, .menuzord-menu:hover {
	transition: 0.4s ease all;
	}

.menuzord-menu li .indicator {
	margin-left: 3px;
	display: inline-block!important;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	visibility: hidden;
	font-size: 0px;
	text-rendering: auto;
	}

.menuzord-menu li .indicator:before {
	content: "\f0d7";
	font-size: 20px;
	margin-left: 8px;
	visibility: visible;
	}

.menuzord-menu.menuzord-right {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 1.2em;
	}

.menuzord-menu > li > a {
	font-size: 0.8em;
	}

.menuzord-menu > li > a {
	transition: 0.4s ease all;
	}

.menuzord-menu > li:hover > a {
	color: #c2d9dc;
	background: rgba(82, 117, 129, 0.51);
	transition: 0.4s ease all;
	}
/**stickymenu***/

.l-navbar-wrapper_has-sticky .menuzord-menu > li.active > a, .l-navbar-wrapper_has-sticky .menuzord-menu > li:hover > a {
	color: #59ccdb;
	}

.l-navbar-wrapper_has-sticky .menuzord-menu > li:hover > a {
	background: rgba(193, 223, 233, 0.51);
	}

.btn-dark-solid {
	color: #fff;
	background: #125863;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, Arial, Helvetica, sans-serif;
	}

#footer.dark {
	background: #465055;
	}

#footer.dark {
	color: #465055;
	}

#tb-preloader {
	position: fixed;
	z-index: 999999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	background: #455153;
	}

.tb-preloader-wave:before, .tb-preloader-wave:after {
	position: absolute;
	display: inline-block;
	width: 60px;
	height: 60px;
	content: "";
	-webkit-animation: preloader-wave 1.6s linear infinite;
	animation: preloader-wave 1.6s linear infinite;
	border-radius: 50%;
	background: #fafafa;
	}

.accordion.time-line > dt > a:hover:after, .accordion.time-line > dt > a.active:after, .accordion.time-line > dt > a.active:hover:after, .toggle.time-line > dt > a:hover:after, .toggle.time-line > dt > a.active:after, .toggle.time-line > dt > a.active:hover:after, .btn-dark-solid:hover, .btn-dark-solid:focus, .btn-theme-color, .btn-theme-border-color:hover, .btn-light-solid:hover, .feature-border-box:hover .icon, .price-col.feature .p-btn:hover, .side-social-link a:hover, .widget-social-link a:hover, .widget-tags a:hover, .sale-label, .stock .status, .lift-off:hover, .menuzord-menu ul.dropdown li:hover > a, .menuzord-menu > li > .megamenu .megamenu-row li:hover a, .travel-form.icon-tabs .nav-pills > li > a:hover, .travel-form.icon-tabs .nav-pills > li.active:hover > a, .travel-form.icon-tabs .nav-pills > li.active > a, .travel-form.icon-tabs .nav-pills > li.active > a:focus {
	background: #1f6885;
	}

div#sticky-wrapper, .logo-brand {
	transition: 0.4s ease all;
	}

.page-title.background-title:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(to bottom right, #9cc5d6, #63a0bd);
	opacity: .6;
	}

.page-title.dark {
	filter: hue-rotate(-12deg);
	}

.page-content.p-bot-0 {
	background: #ffffff;
    box-shadow: 0px -8px 18px 13px rgba(0, 0, 0, 0.1);
    padding-top: 30px;
	}

.banner-23 {
	/*/images/kkback.jpg*/
       background-image: url(../media/1650/dsc046094e99.jpg?width=2000) !important;
    filter: hue-rotate(-12deg);
    background-size: cover;
    background-position: top center;
}

#fullscreen-banner:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right,#a3babf,#000000);
    opacity: .0;
}

.k1, .k2, .k3 {
	font-family: "Gill Sans", "Gill Sans MT", Calibri, Arial, Helvetica, sans-serif;
	}

.k1 {
	font-weight: 900;
	color: #000000;
	font-size: 17px;
	font-family:'Raleway', Calibri, Arial, Helvetica, sans-serif;
	}

.k2 {
	font-weight: 400;
	color: #333333;
	font-size:17px;
	font-family:'Raleway', Calibri, Arial, Helvetica, sans-serif;
	}

.k3 {
	font-weight: 200;
	color: #333333;
	font-size:17px;
	font-family:'Raleway', Calibri, Arial, Helvetica, sans-serif;
	}

.homeContainerBoxes {
	margin-bottom: 60px;
	}

.marginTop80 {
	margin-top: 80px;
	}

.rechtliches {
	padding: 20px 0px 40px 0px;
	}

.rechtliches a {
	color: #ffffff;
	}

ul.ulStart li:before {
	content: "\f105";
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: 400;
	/* line-height: 1; */
	
	-webkit-font-smoothing: antialiased;
	/* float: left; */
	
	padding-right: 10px;
	color: #a5b9c3;
	margin-left: -15px;
	font-size: 16px;
	}

ul.ulStart li {
	list-style: none;
	}

.banner-title.light-txt {
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
	}

.rechtliches a:hover, .rechtliches a:active {
	color: #d9e1e4;
	}

.ulStart {
	margin: 0px;
	padding: 0px;
	margin-left: 14px;
	color:#fff !important;
	}

.startContent .text-uppercase h5 {
	margin-top: 30px;
	font-size: 18px;
	margin-bottom: 15px;
	}

.heading-title-alt {
    margin-bottom: 0px;
}

.muendlich, .schriftlich {
	padding-bottom: 65px;
	}

.muendlich {
	background-color: #465055;
	/*  box-shadow: 0px -8px 18px 0px rgba(0, 0, 0, 0.1);*/
	
	}

.schriftlich {
	background-color: #a5b9c3;
	/*box-shadow: 0px -8px 18px 0px rgba(0, 0, 0, 0.1);*/
	
	}

.btn-default:hover {
	    color: #fff!important;
    background-color: #465055;
    border-color: #a5b9c3;
	}

.divider {
	border-color: #a5b9c3 !important;
	margin: 10px 0;
	}
	
.schriftlich .divider
{
border-color: #465055 !important
}

.schriftlich  ul.ulStart li:before {
    color: #465055;
}

.d-round i {
	background-color: #465055;
	color: #ffffff;
	font-size: 20px;
	}

.half-txt {
	color: #333333;
	}

a, .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a, .portfolio-with-title .portfolio-title h4 a:hover, .f-link:hover, #footer .f-list li a:hover, .featured-item.border-box:hover .icon i, .post-single .post-cat li a:hover, .post-single .post-desk h4 a:hover, .post-single .post-desk a.author:hover, .post-list .post-single .post-cat li a, .portfolio-description a:hover, .portfolio-title a:hover, .post-sub-title, .team-member .s-link a:hover, .t-s-link a:hover, .price-col.feature h1, .widget-category li a:hover, .widget-comments li a:hover, .blog-classic .blog-post h4 a:hover, .post-meta li a:hover, .widget-latest-post .w-desk a:hover, .comments-list .comment-author a:hover, .comments-list .comment-item-data a:hover, .product-title h5 a:hover, .comments-list .comment-info a:hover, .portfolio-with-title.blog-m .portfolio-title .date a:hover, .comments-list .comment-info .comment-author a:hover, .icon-tabs .nav-pills > li > a:hover, .icon-tabs .nav-pills > li.active > a, .icon-tabs .nav-pills > li.active > a:focus, .icon-tabs .nav-pills > li.active > a:hover, .cd-nav .cd-primary-nav li.selected a, .no-touch .cd-nav .cd-primary-nav a:hover, .intro-portfolio a:hover {
	color: #465055;
	}

.menuzord-menu ul.dropdown li a {
	padding: 10px 19px 10px 22px;
	}
	

#logoNormal, #logoMobil {
	display: none;
	}

.l-navbar-wrapper_has-sticky #logoWeiss {
	display: none;
	}

.l-navbar-wrapper_has-sticky #logoNormal {
	display: block;
	}

.dark .border-top {
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	}

.bildHeadline {
	padding: 13px 30px 13px 30px!important;
	background: rgba(53, 92, 103, 0.57);
	display: inline-block;
	}

.menuzord-menu ul.dropdown li:hover > a {
	background: #92c3cb;
	}

.menuzord-menu > li > a {
	color: #ffffff;
	}

.l-navbar-wrapper_has-sticky .menuzord-menu > li > a {
	color: #465055;
	}

.menuzord-menu > li.active > a, .menuzord-menu > li:hover > a {
	color: #c2d9dc;
	}

.Hintergrundfarbe-1, .Hintergrundfarbe-2, .Hintergrundfarbe-3, .Hintergrundfarbe-4 {
	padding: 60px 0px;
	padding-bottom: 70px;
	}

.Hintergrundfarbe-1 {
	background-color: #cedee5;
	}

.Hintergrundfarbe-2 {
	background-color: #f1f6f8;
	}

.Hintergrundfarbe-3 {
	background-color: #f7fafb;
	}


.Boxfarbe-1 {
	background-color: #ffffff;
	padding: 35px 45px;
	box-shadow: -2px 5px 9px 4px rgba(0, 0, 0, 0.07);
	}

.Boxfarbe-2 {
	background-color: #f1f6f8;
	padding: 35px 45px;
	border-top: 1px solid rgba(191, 207, 213, 0.78);
	border-right: 1px solid rgba(180, 198, 206, 0.69);
	}

.paddingBottom {
	padding-bottom: 60px;
	}

h1, h2, h3, h4, h5, h6 {
	color: #465055;
	}

.clients.angle-box.grid-4 li {
	width: 21%;
	background-color: #fff;
	min-height: 135px;
	}

.muendlich h2, .muendlich h3, .muendlich h4, .muendlich h5 {
	color: #ffffff;
	}

.schriftlich h2, .schriftlich h3, .schriftlich h4, .schriftlich h5 {
	color: #465055;
	}



.page-content {
	padding-bottom: 0px;
	padding-top: 0px;
}



img[src="/media/1641/image1.png"] {
	width: 200%!important;
}

img[src="/media/1638/dat-logo.png"] {
	position: relative!important;
	bottom: 51px!important;
}

img[src="/media/1625/image4.png"] {
	max-width: 100%;
}

img[src="/media/1619/logo_umwelt-campus-birkenfeld_pantone.png"] {
    position: relative;
    width: 132%!important;
    top: 21px;
    left: -18px;
}





 .grid-section:first-child > div:first-child {
   
   padding-top: 60px;
}

.paddingBottom {
	padding-top: 50px;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media (min-width:992px)
{
	.muendlich
	{
		min-height: 425px;
	}
}

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

	.nur-Bildhintergrund
	{
		background-size:auto 100%;
		background-position:center center;
	}

	img[src="/media/1637/std_1508.jpg"] {
		max-width: 89%!important;
	}
	
}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {}
/* Small Devices, Tablets */

@media screen and (max-width:768px) {
	.banner-23 {
   
    background-position: center 46px;
}
	
	div#sticky-wrapper {
    
    height: auto !important;
}
	
	.menuzord-responsive .menuzord-menu.scrollable {
    overflow-y: auto;
    overflow-x: hidden;
	}
	.menuzord-menu > li > a {
		color: #465055;
		}
	#logoMobil {
		display: block;
		}
	#logoWeiss, #logoNormal {
		display: none;
		}
	.text-center.responsive-img.coming-soon-logo img {
		width: 268px;
		margin-bottom: -20px;
		}
	.banner-box h1, .banner-title h1 {
    font-size: 1.9em;
}
	.banner-box h3, .banner-title h3, h3 {
		font-size: 1.3em;
		/* margin-top: 15px; */
		
		}
	
	.full-banner .banner-box h3, .full-banner .banner-title h3 {
		font-size: 1.1em;
	    margin-top: 15px;
		
		}
	
	h2 {
		font-size: 1.5em;
		}
	.h4, h4 {
		font-size: 16px;
		}
	.Boxfarbe-1, .Boxfarbe-2 {
		padding: 35px 30px;
		}
	.copyright-sub-title {
		margin-left: 30px;
		margin-right: 30px;
		}
	.menuzord {
		overflow: hidden!important;
		}
	}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {}
/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}
/* Small Devices, Tablets */

@media only screen and (min-width: 769px) {
	.l-navbar-wrapper_has-sticky .logo-brand {
		height: 68px;
		margin-top: 6px;
		}
	.menuzord-menu.menuzord-right {
		float: right;
		margin-top: 8px;
		}
	h3.text-uppercase {
		padding-top: 10px;
		}
	
	img[src="/media/1611/pilosophie3.png"] {
	width: 75%;
}
	}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}
/* Large Devices, Wide Screens */

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