@import url(https://fonts.googleapis.com/css?family=Andada);
@font-face {
    font-family: "lubalin";
    src: url(../fonts/LubalinGraItcTEE.ttf) format("truetype");
}
a:-webkit-any-link {
    text-decoration: none;
    cursor: auto;
}
/*Main CSS Begins*/
.no-padding{
	padding: 0rem !important;
}
.no-padding-left{
	padding-left: 0em !important;
}
.no-padding-right{
	padding-right: 0em !important;
}
.no-margin{
	margin: 0em !important;
}
.no-margin-left{
	margin-left: 0em !important;
}
.no-margin-right{
	margin-right: 0em !important;
}
.margin-center{
	margin: auto !important;
	display: block !important;
	float: none !important;
}
.text-center{
	text-align: center;
}
p{
	margin-bottom: 0px !important;	
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:foucs{
	text-decoration: none;
}
li{
	list-style: none;
}
ul{
	margin: 0px !important;
	padding: 0px !important;
}
/*Main CSS Ends*/

/* DU CSS */
::selection {
    background: #FF5E99;
    color: #fff;
    text-shadow: none;
}
body{
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
	position: relative;
	overflow-x: hidden;
	background: url('../img/DU_AboutUs_Background.jpg') no-repeat;
	background-size:100%
}
.menu>ul{
	position: relative;
	height:142px;
	    display: inline-table;
}
.menu>ul:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.menu>ul>a{
	background: -webkit-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EEE, #FFFFFF, #EEE); /* Standard syntax (must be last) */
	text-align: center;
	vertical-align: middle;
    display: inline-block;
    float: none;
    padding: 15px 0px;
    color:#00AEEF;
    font-weight: 600;
    font-size: 16px;
    box-shadow:2px 5px 2px rgba(140, 140, 140, 0.24);
	font-family: "lubalin", Verdana, Tahoma;
}
.menu>ul>a:nth-of-type(1){
	background: -webkit-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EEE, #FFFFFF, #EEE); /* Standard syntax (must be last) */
	text-align: center;
	vertical-align: middle;
    display: inline-block;
    float: none;
    padding: 15px 0px;
    border-radius:0px 0px 0px 15px;
    font-weight: 600;
    font-size: 16px;
}
.menu>ul>a:nth-of-type(1), .menu>ul>a:nth-of-type(2), .menu>ul>a:nth-of-type(4){
	border-right:#E0E0E0 solid 1px;
    font-weight: 600;
    font-size: 16px;
}
.menu>ul>a:nth-of-type(4){
	border-left:#E0E0E0 solid 1px;
    font-weight: 600;
    font-size: 16px;
}
.menu>ul>a:nth-of-type(5){
	background: -webkit-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#EEE, #FFFFFF, #EEE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#EEE, #FFFFFF, #EEE); /* Standard syntax (must be last) */
	text-align: center;
	vertical-align: middle;
    display: inline-block;
    float: none;
    padding: 15px 0px;
    border-radius:0px 15px 0px 0px;
    font-weight: 600;
    font-size: 16px;
}
.menu>ul>a:nth-of-type(3){
	background: none;
	text-align: center;
	vertical-align: middle;
    display: inline-block;
    float: none;
    box-shadow:2px 5px 2px rgba(140, 140, 140, 0);
}
.menu>ul>a:hover{
    background: -webkit-linear-gradient(#1ABDF1, #84D6F1, #56C3E5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1ABDF1, #84D6F1, #56C3E5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1ABDF1, #84D6F1, #56C3E5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1ABDF1, #84D6F1, #56C3E5); /* Standard syntax (must be last) */
	text-align: center;
	vertical-align: middle;
    display: inline-block;
    float: none;
    padding: 14px 0px;
    color:white;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #ffffff;
	font-family: "lubalin", Verdana, Tahoma;
}
.menu>ul>a:nth-of-type(3):hover{
	background: none;
	text-align: center;
	vertical-align: middle;
    display: inline-block;
    float: none;
    padding: 15px 0px;
    font-weight: 600;
    font-size: 16px;
    border: 0px solid #ffffff;
	font-family: "lubalin", Verdana, Tahoma;
}
.current{
    background: -webkit-linear-gradient(#1ABDF1, #84D6F1, #56C3E5) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1ABDF1, #84D6F1, #56C3E5) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1ABDF1, #84D6F1, #56C3E5) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1ABDF1, #84D6F1, #56C3E5) !important; /* Standard syntax (must be last) */
	text-align: center;
	vertical-align: middle;
    display: inline-block;
    float: none;
    padding: 14px 0px !important;
    color:white !important;
    border: 1px solid #ffffff;
}
.home-details{
	display:flex;
}
.home-details h1{
	font-family: 'Andada', serif;
	color:white;
	padding-left: 5px; 
}
.home-details p{
	color:white;
	font-size:11px;
}
.left-part{
	background: #E53127;
	-webkit-border-radius:50px 0px 0px 0px;
	-moz-border-radius:50px 0px 0px 0px;
	-ms-border-radius:50px 0px 0px 0px;
	border-radius:50px 0px 0px 0px;
	padding:25px;
}
.right-part{
	background: #57607F;
	padding:25px;
	-webkit-border-radius:0px 0px 50px 0px;
	-moz-border-radius:0px 0px 50px 0px;
	-ms-border-radius:0px 0px 50px 0px;
	border-radius:0px 0px 50px 0px;
}
.left-part i{
	left: -31px;
	position: relative;
}
.right-part-img{
	top:20px;
	position: relative;
}
.after-home-details{
	padding: 40px 0px !important;
}
.after-home-details h2, .after-home-details p{
	padding: 0px 40px;
}
.after-home-details h2{
	color:#00AEEF !important;
	font-family: "lubalin", Verdana, Tahoma;
}
.after-home-details p{
	color:#999999;
}
.after-home-details i{
	left: -12px;
	position: relative;
	color: #E53127;
}
.kontakt h1{
	color:#EE3224;
	    font-family: "lubalin", Verdana, Tahoma;
}
.contact-flags h2, .contact-flags h3, .contact-flags h4, .contact-flags p {
	padding:0px 40px;
}
.contact-flags h2{
	font-weight: 600;
	font-size: 20px;
	color:#EE3224;
	    font-family: "lubalin", Verdana, Tahoma;
}
.contact-flags h3{
	font-weight: 600;
	font-size: 16px;
	color: #00b8ec;
}
.contact-flags h4{
	font-weight: 600;
	font-size: 14px;
	color: #999999;
}
.contact-flags p{
	font-weight: 300;
	font-size: 14px;
	color: #999999;
}
.small-logo{
	padding:20px 40px;
}
.produkte>div>h1{
	color: #EE3224;
	    font-family: "lubalin", Verdana, Tahoma;
}
.impressum h1{
	color:#EE3224;
	    font-family: "lubalin", Verdana, Tahoma;
}
.impressum-container{
	padding:0px 20px;
}
.impressum-container h2{
	color:#999999;
	font-weight:600;
	font-size: 16px;
}
.impressum-container>ul{
	padding-bottom:10px !important;
}
.impressum-container>ul:first-of-type{
	padding:10px 0px !important;
}
.impressum-container li{
	color:#999999;
}
.impressum-container .fa{
	padding-right:10px;
	color:#333333;
	font-size: 9px;	
}
.impressum-container>div:first-of-type{
	padding:10px 0px !important;
	color:#999999;
}
.impressum-container>div:first-of-type>p:first-of-type>span{
	font-weight: 600;
}
.impressum-container>div:first-of-type>p:nth-of-type(2)>span{
	font-weight: 600;
}
.impressum-container>div:first-of-type>p:nth-of-type(4)>span{
	font-weight: 600;
}
.impressum-container>div:first-of-type>p{
	padding:10px 0px;
}
.uber-uns h1{
	color: #E82D23;
	padding-left: 15px;
	padding-bottom: 35px;
	font-family: "lubalin", Verdana, Tahoma;
}
.uber-uns h2{
	color: #E82D23;
	padding-top: 35px;
	font-weight: 300;
	font-family: "lubalin", Verdana, Tahoma;
}
.uber-uns h3{
	color: #00AEEF;
	font-weight: bolder;
	margin: 0px;
	padding-bottom: 20px;
	font-family: "lubalin", Verdana, Tahoma;
}
.uber-uns h4{
	color: #999999;
	font-weight: 600;
	margin: 0px;
	padding-bottom: 20px;
}
.uber-uns h4 span{
	color: #E82D23;
	font-weight: 900;
}
.uber-uns p{
	color: #999999;
    font-size: 13px;
}
.uber-list>div>div{
	display: list-item;
	list-style: square;
	color:#999999;
	font-size: 12px;
}
footer{
	background:#0076A3;
	height:100px;
	padding: 20px;
}
footer a, footer a:active, footer a:visited {
    color: #16c1f3;
}
.footer-current a, .footer-current a:active, .footer-current a:visited {
    color: #ffffff;
    font-weight: 600;
}
footer a:hover {
    color: #ffffff;
}

.animate {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.navbar-fixed-left {
position: fixed;
top: 0px;
left: 0px;
border-radius: 0px;
}

.navbar-minimal {
width: 60px;		
min-height: 60px;
max-height: 100%;
background-color: rgb(51, 51, 51);
background-color: rgba(51, 51, 51, 0.8);
border-width: 0px;
z-index: 1000;
}

.navbar-minimal > .navbar-toggler {
position: relative;
min-height: 60px;
border-bottom: 1px solid rgb(81, 81, 81);
z-index: 100;
cursor: pointer;
}

.navbar-minimal.open > .navbar-toggler,
.navbar-minimal > .navbar-toggler:hover {
background-color: rgb(229, 49, 39);
}

.navbar-minimal > .navbar-toggler > span {
position: absolute;
top: 50%;
right: 50%;
margin: -8px -8px 0 0;
width: 16px;
height: 16px;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAxNiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsN2gxNGMwLjU1MiwwLDEsMC40NDgsMSwxcy0wLjQ0OCwxLTEsMUgxQzAuNDQ4LDksMCw4LjU1MiwwLDgKCVMwLjQ0OCw3LDEsN3oiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLDEyaDE0YzAuNTUyLDAsMSwwLjQ0OCwxLDFzLTAuNDQ4LDEtMSwxSDFjLTAuNTUyLDAtMS0wLjQ0OC0xLTEKCVMwLjQ0OCwxMiwxLDEyeiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0ZGRkZGRiIgZD0iTTEsMmgxNGMwLjU1MiwwLDEsMC40NDgsMSwxcy0wLjQ0OCwxLTEsMUgxQzAuNDQ4LDQsMCwzLjU1MiwwLDMKCVMwLjQ0OCwyLDEsMnoiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xLjMzLDI4Ljk3bDExLjY0LTExLjY0YzAuNDU5LTAuNDU5LDEuMjA0LTAuNDU5LDEuNjYzLDAKCWMwLjQ1OSwwLjQ1OSwwLjQ1OSwxLjIwNCwwLDEuNjYzTDIuOTkzLDMwLjYzM2MtMC40NTksMC40NTktMS4yMDQsMC40NTktMS42NjMsMEMwLjg3MSwzMC4xNzQsMC44NzEsMjkuNDMsMS4zMywyOC45N3oiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yLjk5MywxNy4zM2wxMS42NDEsMTEuNjRjMC40NTksMC40NTksMC40NTksMS4yMDQsMCwxLjY2MwoJcy0xLjIwNCwwLjQ1OS0xLjY2MywwTDEuMzMsMTguOTkzYy0wLjQ1OS0wLjQ1OS0wLjQ1OS0xLjIwNCwwLTEuNjYzQzEuNzg5LDE2Ljg3MSwyLjUzNCwxNi44NzEsMi45OTMsMTcuMzN6Ii8+Cjwvc3ZnPgo=);
background-repeat: no-repeat;
background-position: 0 0;
-webkit-transition: -webkit-transform .3s ease-out 0s;
-moz-transition: -moz-transform .3s ease-out 0s;
-o-transition: -moz-transform .3s ease-out 0s;
-ms-transition: -ms-transform .3s ease-out 0s;
transition: transform .3s ease-out 0s;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

.navbar-minimal > .navbar-menu {
position: absolute;
top: -1000px;
left: 0px;
margin: 0px;
padding: 0px;
list-style: none;
z-index: 50;
background-color: rgb(51, 51, 51);
background-color: rgba(51, 51, 51, 0.8);
}
.navbar-minimal > .navbar-menu > li {
margin: 0px;
padding: 0px;
border-width: 0px;
height: 54px;
}
.navbar-minimal > .navbar-menu > li > a {
position: relative;
display: inline-block;
color: rgb(255, 255, 255);
padding: 20px 23px;
text-align: left;
cursor: pointer;
border-bottom: 1px solid rgb(81, 81, 81);
width: 100%;
text-decoration: none;
margin: 0px;
}

.navbar-minimal > .navbar-menu > li > a:last-child {
border-bottom-width: 0px;
}
.navbar-minimal > .navbar-menu > li > a:hover {
background-color: rgb(0, 174, 239);
}
.navbar-minimal > .navbar-menu > li > a > .glyphicon {
float: right;
}

.navbar-minimal.open {
width: 320px;
}

.navbar-minimal.open > .navbar-toggler > span {
background-position: 0 -16px;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}

.navbar-minimal.open > .navbar-menu {
top: 60px;
width: 100%;
min-height: 100%;
}
.copyright{
	    color: #FFFFFF;
    padding: 10px;
    background: rgb(3, 133, 183);
}
.copyright li{
	margin:0px 3px;
    display: inline-block;
    position: relative;
        font-size: 12px;
}
.lang{
	    padding: 15px 118px;
}
.lang li{
	display: inline-block;
	margin:0px 3px;
}
@media screen and (max-width: 1200px) {
	.after-home-details h2{
		padding: 0px 20px;
	}
	.contact-flags h2, .contact-flags h3, .contact-flags h4, .contact-flags p {
    padding: 0px 0px;
}
}
@media screen and (max-width: 991px) {
	.home-details {
    	display:block;
	}
	.after-home-details>div{
		padding:15px !important;
	}
	.after-home-details h2{
		font-size: 20px;
		padding: 0px 20px;
	}
	.after-home-details p{
		padding: 0px 20px;
	}
	.contact-flags h2, .contact-flags h3, .contact-flags h4, .contact-flags p {
    padding: 0px 20px;
}
.contact-flags h2 {
    font-weight: 600;
    font-size: 18px;
    color: #EE3224;
}
}
@media screen and (min-width: 767px) {
	.menu{
		display: block;
	}
	.mobile-menu{
		display:none;
	}
	.copyright>ul:nth-of-type(1){
		display:block;
	}
	.copyright>ul:nth-of-type(2){
		display:none;
	}
}
@media screen and (max-width: 767px) {
	.home-details h1 {
	    font-size: 24px;
	}
	.home-details {
    	display:block;
	}
	.copyright li {
    margin: 3px 3px;
    display: block;
    position: relative;
    font-size: 12px;
}
	footer p{
		text-align: left !important;
	}
	body section{
		margin-top: 50px;
	}
	.right-part{
		padding: 10px 20px 50px;
	}
	.menu{
		display: none;
	}
	.mobile-menu{
		display:block;
	}
	.after-home-details img{
		padding:15px 0px 0px;
	}
	.uber-first-part img{
		padding:15px 0px;
	}
	.navbar-minimal.open {
		width: 100%;
	}
	.navbar-minimal.open > .navbar-menu {
		overflow: visible;
	}
	.navbar-minimal > .navbar-menu > li > a > .desc {
		position: absolute;
		display: inline-block;
		top: 50%;
		/*left: 130px;*/
		margin-top: -20px;
		margin-left: 20px;
		text-align: left;
		white-space: nowrap;
		padding: 10px 13px;
		border-width: 0px !important;
		/*background-color: rgb(51, 51, 51);
		background-color: rgba(51, 51, 51, 0.8);*/
		opacity: 1;
		font-size: 16px;
	}
	.navbar-minimal > .navbar-menu > li > a > .desc:after {
		z-index: -1;
		position: absolute;
		top: 50%;
		/*left: -10px;*/
		margin-top: -10px;
		content:'';
		width: 0;
		height: 0;
		/*border-top: 10px solid transparent;
		border-bottom: 10px solid transparent; 	
		border-right: 10px solid rgb(51, 51, 51);
		border-right-color: rgba(51, 51, 51, 0.8);*/
	}
	.navbar-minimal > .navbar-menu > li > a:hover > .desc {
		left: 60px;
		opacity: 1;
	}
    .produkte nav li {
    	float: left;
	}
	#click_to_open{
		display: none;
	}
	.produkte nav {
	    height: 116px;
	    position: relative;
	    z-index: 2;
	    zoom: 1;
	}
	.produkte nav>ul {
		right:0px;
		left: 0px;
	} 
	.contact-flags{
		padding:10px 0px !important;
	}
	.copyright>ul:nth-of-type(1){
		display:none;
	}
	.copyright>ul:nth-of-type(2){
		display:block;
	}
}
@media screen and (max-width: 376px) {
	.after-home-details h2{
		font-size:20px;
	}
}