@import url(../../datei/css/uikit/uikit.css);
@import url(../../datei/css/navi/navi.css);
html, body{position:relative; font-size:16px;line-height:30px; color:#000; font-family: 'Raleway', sans-serif;}
h1, h2, h3, h4, h5,h6{font-family: 'Raleway'; margin: 0;padding: 0;color: #504f4f;font-weight: 600; letter-spacing: 1px; text-transform:uppercase;}
.inhalt{padding-bottom:4rem;padding-top:4rem}
.header-inhalt{position:relative;padding-top:20px;padding-bottom:20px;z-index:1000; background:#fff; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);}
	a{color: #504f4f;}
	a:hover{color: #F4BC16;}
.center{text-align:center;}
.box-header:after { display: block; content: "";background: #F4BC16; width: 40px; height: 2px; margin-top: 13px;}
h2{text-transform:none;line-height: 40px}
/*h2.box-header:after {width: 80px;margin-left: auto;margin-right: auto;margin-top: 20px;}*/
h3.untertitel{margin-top:0;padding-top:0; color:#F4BC16; margin-bottom:3.5rem}
.gray {background: #f7f6f3;}
.gelb{background: #F4BC16;}
.titel-inhalt {padding-top:2rem;padding-bottom:2rem;}
.termin-inhalt {padding-top:1rem;padding-bottom:1rem;}
.termin-inhalt span{font-size:26px}
.termin-inhalt a:hover{color:#000; text-decoration:none}
.box-schatten{webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset;
}
#startseite hr{margin-top:50px; margin-bottom:50px}
#kontakt h4{margin-bottom:2rem}
.position-left-mitte{bottom:0%; left:20%}
.slider-content-box
{
	width: 460px;
	max-height: auto;
	white-space: normal;
	background: rgba(38, 38, 40, 0.7);
	
}
.slider-content-box h2
{
	color: #FFF;
	border-bottom: 1px solid #F4BC16;
	padding: 21px 30px 20px;
	background: rgba(38, 38, 40, 0.68);
}
.slider-content-box h2 a
{
	color: #FFF;
}
.slider-content-box h2 a:hover
{
	text-decoration: underline;
	opacity: 1;
}
.slider-content-box p
{
	font-family: 'Raleway';
	font-size: 16px;
	color: #FFF;
	line-height: 26px;
	padding: 23px 30px 40px;
}
.slider-content-box .more
{
	margin-left: 30px;
}
.slider-content-box.uk-position-bottom { left:20%; bottom:28%}
.slider-content-box.uk-position-right {top:35%; right:12%; bottom:28%}
.slider-content-box.uk-position-left {top:35%; left:20%; bottom:28%}

#teaser h4{color:#F4BC16}
#teaser p{color:#fff;}
#teaser a:hover{color:#fff;}
.text-large{font-size:1.33rem}
ul.list{list-style: none;}
li.icon-check{margin-bottom:8px;}
li.icon-check:before, li.icon-dot-circle-o:before, li.icon-check-square-o:before {
    color: #F4BC16;
    padding-right: 15px;
    margin-left: -30px;
    vertical-align: text-top;
}
.service-block .service-icon::before {
    float: left;
    font-size: 48px;
    color: #F4BC16;
    border: 1px solid #E2E6E7;
    padding: 19px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.uk-subnav-pill > .uk-active > a {background-color:#F4BC16; color:#504f4f}
.google-map{width:100%;max-height:400px;}
.google-map .dlh_googlemap{padding-bottom:20%}
#impressum  ul.list  { padding-left: 0px;}
.kontaktform input, .kontaktform select, .kontaktform textarea {
    max-width: 100%;
    width: 90%;
    border: 0 none;
    padding: 0 10px;
    background: #fff;
    color: #666;
    border: 1px solid #e5e5e5;
    transition: .2s ease-in-out;
transition-property: color,background-color,border;}
.kontaktform input, .kontaktform select{height: 40px;vertical-align: middle;display: inline-block;font-size:16px; color:#666; margin-bottom:20px}
.kontaktform select[multiple], .kontaktform select [size], .kontaktform textarea {padding-top: 4px; padding-bottom: 4px; vertical-align: top;}
.kontaktform textarea{ font-family: 'Roboto', sans-serif; font-size:16px; color:#666; margin-bottom:20px}
.kontaktform fieldset{border:none; margin-bottom:4px;}
.kontaktform  input.submit{cursor: pointer; background:#4e4e4e; color:#fff;  width:50%; border:none; text-align:center; margin-bottom:0}
.kontaktform  input.submit:hover{background:#F4BC16}
.kontaktform  .checkbox{height: 20px;width: 24px;}

.service-content{margin-left: 128px;}
.footer-inhalt{background:#4e4e4e; padding-bottom:3rem;padding-top:3rem; }
.footer-inhalt, .footer-inhalt a, .footer-inhalt h5{color:#f5f1dc;}
.footer-bottom{background:#313131; padding-bottom:8px; padding-top:8px;}
.footer-navi ul{margin: 0; list-style: none;}
.footer-navi ul li, .footer-navi ul  li  a {display:inline-block; }
.footer-navi ul  li  a{color: #f5f1dc; padding-left:20px; text-transform:uppercase; font-size:13px}
.footer-navi  ul  li  a.active {color:#fff;}
#mbmcookie {position: fixed; bottom:0; width:500px; right: 5%; font-size:14px; line-height:22px; background: #F4BC16; padding:  20px;z-index:1000000 }
#mbmcookie a.button {cursor: pointer; background: #444; padding: 8px 20px; color:#fff; margin-left: 10px; border-radius: 5px; font-weight: bold; float: right;}
#mbmcookie p.cookiemessage {display: block; padding: 0; margin: 0;}
#mbmcookie a:hover{color:#000}
#mbmcookie a.button:hover {background-color: #000;color:#fff}
@media (min-width: 1200px){
 .uk-card-body {
    padding: 80px 80px;
}
#teaser .uk-grid {
    margin-left: -40px;
    margin-right: -40px;
}
}
@media only screen and (max-width : 768px) {
	.logo{width:50%; margin-bottom:10px;}
	.start-slider{display:none;}
	#mbmcookie {width:85%}
}
@charset "UTF-8";

@font-face {
  font-family: "streamline-small";
  src:url("../../datei/css/fonts/streamline-small/fonts/streamline-small.eot");
  src:url("../../datei/css/fonts/streamline-small/fonts/streamline-small.eot?#iefix") format("embedded-opentype"),
    url("../../datei/css/fonts/streamline-small/fonts/streamline-small.woff") format("woff"),
    url("../../datei/css/fonts/streamline-small/fonts/streamline-small.ttf") format("truetype"),
    url("../../datei/css/fonts/streamline-small/fonts/streamline-small.svg#streamline-small") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "streamline-small" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="sl-small-"]:before,
[class*=" sl-small-"]:before {
  font-family: "streamline-small" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  vertical-align: middle;
  speak: none;
  line-height: 1;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sl-small-helmet:before {
  content: "a";
  height: 48px;
  line-height: 46px;
}
.sl-small-wallet:before {
  content: "b";
  height: 48px;
  line-height: 52px;
}
.sl-small-roller:before {
  content: "c";
  height: 48px;
  line-height: 48px;
}
.sl-small-driller:before {
  content: "d";
  height: 48px;
  line-height: 38px;
}
.sl-small-bubble-check:before {
  content: "e";
  height: 48px;
  line-height: 48px;
}
.sl-small-shield:before {
  content: "f";
  height: 48px;
  line-height: 48px;
}
.sl-small-truck:before {
  content: "g";
  height: 48px;
  line-height: 34px;
}
.sl-small-house-1:before {
  content: "h";
  height: 48px;
  line-height: 38px;
}
.sl-small-eco:before {
  content: "i";
  height: 48px;
  line-height: 48px;
}
.sl-small-garage:before {
  content: "j";
  height: 48px;
  line-height: 38px;
}
.sl-small-conversation:before {
  content: "k";
  height: 48px;
  line-height: 48px;
}
.sl-small-phone:before {
  content: "l";
  height: 48px;
  line-height: 48px;
}
.sl-small-location:before {
  content: "m";
  height: 48px;
  line-height: 52px;
}
.sl-small-mail:before {
  content: "n";
  height: 48px;
  line-height: 38px;
}
.sl-small-wrench:before {
  content: "o";
  height: 48px;
  line-height: 48px;
}
.sl-small-measure:before {
  content: "p";
  height: 48px;
  line-height: 48px;
}
.sl-small-bucket:before {
  content: "q";
  height: 48px;
  line-height: 48px;
}
.sl-small-globe:before {
  content: "r";
  height: 48px;
  line-height: 48px;
}
.sl-small-house-2:before {
  content: "s";
  height: 48px;
  line-height: 44px;
}
.sl-small-briefcase:before {
  content: "t";
  height: 48px;
  line-height: 38px;
}
.sl-small-quote:before {
  content: "u";
  height: 48px;
  line-height: 52px;
}
.sl-small-clock:before {
  content: "v";
  height: 48px;
  line-height: 48px;
}
.sl-small-fax:before {
  content: "w";
  height: 48px;
  line-height: 44px;
}
.sl-small-key:before {
  content: "x";
  height: 48px;
  line-height: 48px;
}
.sl-small-pencil:before {
  content: "y";
  height: 48px;
  line-height: 44px;
}
.sl-small-hammer:before {
  content: "z";
  height: 48px;
  line-height: 46px;
}
.sl-small-wrenches:before {
  content: "A";
  height: 48px;
  line-height: 48px;
}
.sl-small-screwdriver:before {
  content: "B";
  height: 48px;
  line-height: 48px;
}
.sl-small-ruler:before {
  content: "C";
  height: 48px;
  line-height: 48px;
}
.sl-small-stationery:before {
  content: "D";
  height: 48px;
  line-height: 48px;
}
.sl-small-faq:before {
  content: "E";
  height: 48px;
  line-height: 44px;
}
.sl-small-bubble:before {
  content: "F";
  height: 48px;
  line-height: 48px;
}
.sl-small-person:before {
  content: "G";
  height: 48px;
  line-height: 48px;
}
.sl-small-team:before {
  content: "H";
  height: 48px;
  line-height: 38px;
}
.sl-small-camera:before {
  content: "I";
  height: 48px;
  line-height: 48px;
}
.sl-small-picture:before {
  content: "J";
  height: 48px;
  line-height: 44px;
}
.sl-small-cart-1:before {
  content: "K";
  height: 48px;
  line-height: 48px;
}
.sl-small-cart-2:before {
  content: "L";
  height: 48px;
  line-height: 48px;
}
.sl-small-photo:before {
  content: "M";
  height: 48px;
  line-height: 48px;
}
.sl-small-video:before {
  content: "N";
  height: 48px;
  line-height: 48px;
}
.sl-small-speaker:before {
  content: "O";
  height: 48px;
  line-height: 50px;
}
.sl-small-lock:before {
  content: "P";
  height: 48px;
  line-height: 48px;
}
.sl-small-trophy:before {
  content: "Q";
  height: 48px;
  line-height: 48px;
}
.sl-small-chat:before {
  content: "R";
  height: 48px;
  line-height: 48px;
}
.sl-small-list:before {
  content: "S";
  height: 48px;
  line-height: 48px;
}
.sl-small-poster:before {
  content: "T";
  height: 48px;
  line-height: 48px;
}
.sl-small-documents:before {
  content: "U";
  height: 48px;
  line-height: 48px;
}
.sl-small-forklift:before {
  content: "V";
  height: 48px;
  line-height: 38px;
}
.sl-small-building:before {
  content: "W";
  height: 48px;
  line-height: 48px;
}
.sl-small-fence:before {
  content: "X";
  height: 48px;
  line-height: 48px;
}
.sl-small-lab:before {
  content: "Y";
  height: 48px;
  line-height: 48px;
}
.sl-small-watering-can:before {
  content: "Z";
  height: 48px;
  line-height: 40px;
}
.sl-small-trowel:before {
  content: "0";
  height: 48px;
  line-height: 48px;
}
.sl-small-shovel:before {
  content: "1";
  height: 48px;
  line-height: 48px;
}
.sl-small-cone:before {
  content: "2";
  height: 48px;
  line-height: 48px;
}
.sl-small-lightbulb:before {
  content: "3";
  height: 48px;
  line-height: 48px;
}
.sl-small-door:before {
  content: "4";
  height: 48px;
  line-height: 48px;
}
.sl-small-bricks:before {
  content: "5";
  height: 48px;
  line-height: 34px;
}
.sl-small-brush-1:before {
  content: "6";
  height: 48px;
  line-height: 48px;
}
.sl-small-brush-2:before {
  content: "7";
  height: 48px;
  line-height: 48px;
}
.sl-small-percent:before {
  content: "8";
  height: 48px;
  line-height: 48px;
}
.sl-small-gears:before {
  content: "9";
  height: 48px;
  line-height: 48px;
}
.sl-small-tick:before {
  content: "!";
  height: 48px;
  line-height: 42px;
}
.sl-small-plan:before {
  content: "@";
  height: 48px;
  line-height: 48px;
}
.sl-small-megaphone:before {
  content: "#";
  height: 48px;
  line-height: 48px;
}
.sl-small-calculator:before {
  content: "$";
  height: 48px;
  line-height: 48px;
}
.sl-small-trolley:before {
  content: "%";
  height: 48px;
  line-height: 48px;
}
.sl-small-payment:before {
  content: "^";
  height: 48px;
  line-height: 48px;
}
.sl-small-construction:before {
  content: "&";
  height: 48px;
  line-height: 48px;
}
.sl-small-scissors:before {
  content: "*";
  height: 48px;
  line-height: 48px;
}
@charset "UTF-8";

@font-face {
  font-family: "template";
  src:url("../../datei/css/fonts/template/fonts/template.eot");
  src:url("../../datei/css/fonts/template/fonts/template.eot?#iefix") format("embedded-opentype"),
    url("../../datei/css/fonts/template/fonts/template.woff") format("woff"),
    url("../../datei/css/fonts/template/fonts/template.ttf") format("truetype"),
    url("../../datei/css/fonts/template/fonts/template.svg#template") format("svg");
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: "Raleway";
  src:url("../../datei/css/fonts/template/fonts/Raleway-Regular.ttf");
  
  src:url("../../datei/css/fonts/template/fonts/Raleway-Regular.ttf") format("truetype");
    
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "template" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "template" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-angle-left:before {
  content: "\61";
}
.icon-angle-right:before {
  content: "\62";
}
.icon-angle-up:before {
  content: "\63";
}
.icon-angle-down:before {
  content: "\64";
}
.icon-dot-circle-o:before {
  content: "\65";
}
.icon-envelope:before {
  content: "\66";
}
.icon-bus:before {
  content: "\67";
}
.icon-check:before {
  content: "\68";
}
.icon-check-square-o:before {
  content: "\69";
}
.icon-eye:before {
  content: "\6a";
}
.icon-home:before {
  content: "\6b";
}
.icon-map-marker:before {
  content: "\6c";
}
.icon-globe:before {
  content: "\6d";
}
.icon-fax:before {
  content: "\6e";
}
.icon-telephone:before {
  content: "\6f";
}
.icon-target:before {
  content: "\70";
}