/* CSS Document */
html, body { height: 100%; padding: 0px; margin: 0px; }
body { color: #363636; font-family: 'Muli', sans-serif; font-weight: 400; font-size: 14px; text-align: center; line-height: 1.4; }

h1 { font-size: 28px; font-family: 'Muli', sans-serif; font-weight: 400; margin-bottom: 20px; margin-top: 0px; padding: 0px; text-transform: uppercase; color: #161616; }
h2 { font-size: 22px; font-family: 'Muli', sans-serif; font-weight: 400; margin-bottom: 15px; margin-top: 0px; padding: 0px; text-transform: uppercase; color: #161616; }
h3 { font-size: 20px; font-family: 'Muli', sans-serif; font-weight: 400; margin-bottom: 10px; margin-top: 0px; padding: 0px; text-transform: uppercase; color: #161616; }
h4 { font-size: 15px; font-family: 'Muli', sans-serif; font-weight: 400; margin-bottom: 10px; margin-top: 0px; padding: 0px; text-transform: uppercase; color: #161616; }
h5 { font-size: 14px; font-family: 'Muli', sans-serif; font-weight: 400; margin-bottom:  5px; margin-top: 0px; padding: 0px; text-transform: uppercase; color: #161616; }

a { color: #363636; text-decoration: underline; }
a:hover, a:active { color: #161616; text-decoration: none; }

nav { 
background: #d9d9d9; /* Old browsers */
background: -moz-linear-gradient(top,  #d9d9d9 0%, #c3c3c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d9d9d9 0%,#c3c3c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#c3c3c3',GradientType=0 ); /* IE6-9 */
color: #fff; border-radius: 0px; border: none; }

.navbar-brand { display: block; } 
.navbar { border-radius: 0px; z-index: 5; margin-bottom: 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
#navbar { padding: 0px;}
#navbar li.mainmenu { letter-spacing: 1px; }
#navbar li.mainmenu a { font-size: 16px; padding: 14px 16px; display: block; color: #1B1B1B; text-decoration: none;  }
#navbar li.mainmenu a:hover, #navbar li a:active { font-size: 16px; padding: 14px 16px; display: block; color: #fff; text-decoration: none; background-color: #012676; }
#navbar li.mainmenu.active a { font-size: 16px; padding: 14px 16px; display: block; color: #fff; text-decoration: none; background-color: #012676;  }

.navbar-toggle { background-color: #161616; margin: 30px 15px 2px 0; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 0px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 0px; }
.navbar-toggle .icon-bar { position: relative; transition: all 500ms ease-in-out; background-color: #fff;  }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }
.nav>li>a:focus{background: #d9d9d9; /* Old browsers */
background: -moz-linear-gradient(top,  #d9d9d9 0%, #c3c3c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d9d9d9 0%,#c3c3c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#c3c3c3',GradientType=0 ); /* IE6-9 */}
.nav .open>a, .nav .open>a:focus{background: #d9d9d9; /* Old browsers */
background: -moz-linear-gradient(top,  #d9d9d9 0%, #c3c3c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#c3c3c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #d9d9d9 0%,#c3c3c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #d9d9d9 0%,#c3c3c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#c3c3c3',GradientType=0 ); /* IE6-9 */}

.dropdown:hover .dropdown-menu { display: block; }
.dropdown-menu { border-radius: 0; padding: 0px; box-shadow: none; background-color: #012676; border: 0px; }
#navbar li.mainmenu .dropdown-menu li.submenu { color: #fff; clear: both; width: 100%; margin: 0px; border: 0px; }
#navbar li.mainmenu .dropdown-menu li.submenu a { font-size: 16px; color: #fff; display: block; border: 0px; padding: 5px 16px; }
#navbar li.mainmenu .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 16px; color: #1B1B1B; background: none; background-color: #D9D9D9; display: block; border: 0px; padding: 5px 16px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu { color: #fff; clear: both; width: 100%; margin: 0px; border: 0px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a { font-size: 16px; color: #fff; display: block; border: 0px; padding: 5px 16px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 16px; color: #1b1b1b; background: none; background-color: #74b0e4; display: block; border: 0px; padding: 5px 16px; background-color: #d9d9d9; }

img.interkey_logo { opacity: 0.7; margin-top: 7px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}
img.interkey_logo:hover { opacity: 1; margin-top: 7px;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
}

.logozeile { text-align: left; padding: 15px 0px 0px 0px; color: #959595; margin-bottom: 15px; }

.carousel, .carousel-inner { max-height: 400px; }

.text_small { font-size: 13px; }

.main_content { margin: 35px auto; text-align: left; min-height: 300px; }

.ansprechpartner { min-height: 425px;}
.ansprechpartner img { 
    margin-bottom: 15px;
    width: 200px;
    height: 275px;
    object-fit: cover;
}

.partnerlogo { height: 166px; text-align: center; margin-bottom: 20px; overflow: hidden; border: 1px solid #CCC; position: relative;}
.partnerlogo img { max-width: 150px; max-height: 130px; position: absolute; top: 83px; left:50%;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.leistungen_index { margin-bottom: 40px;}
.leistungen_index a { text-decoration: none; }

.taetigkeit_inhalt { background-color: #d5e4f2; padding: 15px 40px; }

.projekte { border-bottom: 1px dashed #363636; padding-bottom: 15px; margin-bottom: 15px; }
.projekte_logo { border: 1px solid #999; padding: 15px; height: 100px; margin-bottom: 10px; }
.projekte_logo img { position: absolute; top: 50px; left: 50%; max-width: 85%; max-height: 80px;
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	}

footer { background-color: #d9d9d9; z-index: 99; width: 100%; border: none; font-size: 14px; line-height: 1.2; }
footer h4 { font-size: 18px; }
footer .container { text-align: left; }
footer .container .row div { padding: 15px; }
.dark_gray { background-color: #012676; color: #fff; min-height: 140px; }
.dark_gray h4 { font-size: 18px; color: #fff;}

form#form fieldset { border: 0px; padding: 0px; }
form#form fieldset input , form#form fieldset textarea { color: #000000; }
form#form ol { list-style-type: none; margin: 0; padding: 0; }
form#form li { float: left; margin: 0; padding: 0; list-style-image: none; min-height: 75px; min-width: 230px; }
form#form label { display: block; line-height: 34px; font-weight: 300; }

form#form input[type=button], form#form input[type=submit] { background-color: #012676; color: #fff; cursor: pointer;  color: #fff; padding: 7px 15px; width: auto; border: 1px transparent; }
form#form input[type="text"], form#form select { background-color: #fff; border: 1px solid #012676; padding: 3px 6px; width: 210px; margin-right: 20px; }
form#form textarea { width: 440px; resize: none; overflow: auto; background-color: #fff; border: 1px solid #012676; padding: 3px 6px; }
form#form .captcha { margin-top: 10px; }

.pixel_image_viewer_background , .pixel_info_viewer_background {
	background-color: #000000;
	opacity: 0.6;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2147483645;
}
.pixel_image_viewer_img , .pixel_image_viewer_img_next {
	max-height: 95%;
	max-width: 95%;
	position: fixed;
	top: 50%;
	left: 50%;
	border: 1px solid #cccccc;
	z-index: 2147483646;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.pixel_image_viewer_left {
	height: 120px;
	width: 60px;
	position: fixed;
	top: 50%;
	left: 0px;
	border: 1px solid #cccccc;
	z-index: 2147483647;
	margin-top: -60px;
	color: #ffffff;
	font-size: 75px;
	cursor: pointer;
	background-color: #666666;
}
.pixel_image_viewer_right {
	height: 120px;
	width: 60px;
	position: fixed;
	top: 50%;
	right: 0px;
	border: 1px solid #cccccc;
	z-index: 2147483647;
	margin-top: -60px;
	color: #ffffff;
	font-size: 75px;
	cursor: pointer;
	background-color: #666666;
}
.pixel_image_viewer_close, .pixel_info_viewer_close {
	height: 26px;
	width: 100px;
	position: fixed;
	bottom: 50%;
	left: 50%;
	-webkit-transform: translate(-100%,-0%);
	-ms-transform: translate(-100%,-0%);
	transform: translate(-100%,-0%);
	border: 1px solid #cccccc;
	z-index: 2147483647;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	background-color: #666666;
}
.pixel_image_viewer_title {
	height: 26px;
	min-width: 300px;
	position: fixed;
	bottom: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-0%);
	-ms-transform: translate(-50%,-0%);
	transform: translate(-50%,-0%);
	border: 1px solid #cccccc;
	z-index: 2147483647;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	background-color: #666666;
}
.pixel_info_viewer_center {
	max-height: 95%;
	position: fixed;
	top: 50%;
	left: 50%;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	z-index: 2147483646;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.right{z-index: 9}

.logo-small {
    width: 300px;
}

.img-surrounder img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.produkte-listing {
    margin: 10px 0 20px 0;
    overflow: auto;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

input[type=checkbox], input[type=radio] {
    margin: 10px 0 0;
}

.produkte-listing:last-of-type{
    border:0;
}

.dont-show-last-hr hr:last-of-type {
    display:none;
}

.pagination>.active>a, 
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    background-color: #161616;
    border-color: #161616;
}

.btn-download {
    background-color: #161616;
    color: #fff;
    text-decoration: none;
}

.btn-download:hover,
.btn-download:focus {
    background-color: #363636;
    color: #fff;
}

.downloadtitel {
    margin-top: 3px;
    min-height: 48px;
}

.carousel .item.active { display: block; }
.carousel .item { height: 350px; background-position: center; background-size: cover; }

@media (max-width: 767px) {
.navbar { border: none; position: absolute; }
nav { background-color: transparent; background: transparent; color: #363636; border: none; border-radius: 0px; position: absolute; right: 20px; top: -20px; padding: 0px; }
#navbar { border-radius: 0px; z-index: 5; background-color: #fff; border: 1px solid #161616; padding: 0px; width: 300px; overflow: hidden; right: 0; position: absolute; background-color: #fff; }
#navbar li.mainmenu { letter-spacing: 0px; }
#navbar li.mainmenu a { font-size: 13px; padding: 5px 0px; display: block; color: #363636; text-decoration: none;  }
#navbar li.mainmenu a:hover, #navbar li a:active { font-size: 13px; padding: 5px 0px; display: block; color: #fff; text-decoration: none; background-color: #161616; }
#navbar li.mainmenu.active a { font-size: 13px; padding: 5px 0px; display: block; color: #363636; text-decoration: none; background-color: #efefef;  }
.dropdown-menu { position: relative; width: 100%; text-align: center; background-color: #efefef; margin-bottom: 7px; }
#navbar li.mainmenu .dropdown-menu li.submenu { color: #363636; clear: both; width: 100%; margin: 0px; border: 0px; }
#navbar li.mainmenu .dropdown-menu li.submenu a { font-size: 13px; color: #363636; display: block; border: 0px; padding: 5px 0px; }
#navbar li.mainmenu .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 13px; color: #fff; background: none; background-color: #363636; display: block; border: 0px; padding: 5px 0px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu { color: #fff; clear: both; width: 100%; margin: 0px; border: 0px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a { font-size: 13px; color: #363636; display: block; border: 0px; padding: 5px 0px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 13px; color: #fff; background: none; background-color: #363636; display: block; border: 0px; padding: 5px 0px; }
.carousel, .carousel-inner { height: 5px; background-color: #161616; }
.carousel .item { display: none; }
.carousel-control { display: none;}
.main_content { margin: 40px auto; }
h1 {
	font-size: 24px;
	}
    
h3 {
    font-size: 18px;
    }
	
form#form textarea {
	width: 100%;
	}
	
form#form input[type="text"], form#form select {
	width: 100%;
	}
	
.salutation {
	width: 100%;
	}
	
.pixelcaptcha {
	width: 100%;
	}
	
.partnerlogo img {
	max-width: 118px;
	}
    
.navbar-nav .open .dropdown-menu {
    display: block !important;
}

.dropdown:hover .dropdown-menu {
    display: none;
    background-color: #F1F1F1;
}
 
.wordbreak, .wordbreak > h1, .wordbreak > h2,
.wordbreak > h3, .wordbreak > h4, .wordbreak > h5,
.wordbreak > a, .wordbreak > p, .wordbreak > span {
    word-break: break-word;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
.logozeile h3 { font-size: 30px; }
#navbar li.mainmenu a { font-size: 14px; padding: 14px 5px;  }
#navbar li.mainmenu a:hover, #navbar li a:active { font-size: 14px; padding: 14px 5px; }
#navbar li.mainmenu.active a { font-size: 14px; padding: 14px 5px;  }
#navbar li.mainmenu .dropdown-menu li.submenu a { font-size: 14px; padding: 5px 5px; }
#navbar li.mainmenu .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 14px; padding: 5px 5px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a { font-size: 14px; padding: 5px 5px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 14px; padding: 5px 5px; }	
}
@media (min-width: 992px) and (max-width: 1199px) {
#navbar li.mainmenu a { font-size: 14px; padding: 14px 10px;  }
#navbar li.mainmenu a:hover, #navbar li a:active { font-size: 14px; padding: 14px 10px; }
#navbar li.mainmenu.active a { font-size: 14px; padding: 14px 10px;  }
#navbar li.mainmenu .dropdown-menu li.submenu a { font-size: 14px; padding: 5px 10px; }
#navbar li.mainmenu .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 14px; padding: 5px 10px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a { font-size: 14px; padding: 5px 10px; }
#navbar li.mainmenu.active .dropdown-menu li.submenu a:hover, .dropdown-menu li.submenu a:active { font-size: 14px; padding: 5px 10px; }
}