/* roboto-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-v32-latin-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/roboto-v32-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		url('../fonts/roboto-v32-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		url('../fonts/roboto-v32-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		url('../fonts/roboto-v32-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/roboto-v32-latin-500.eot'); /* IE9 Compat Modes */
	src: url('../fonts/roboto-v32-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v32-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		url('../fonts/roboto-v32-latin-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		url('../fonts/roboto-v32-latin-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		url('../fonts/roboto-v32-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-v32-latin-700.eot'); /* IE9 Compat Modes */
	src: url('../fonts/roboto-v32-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('../fonts/roboto-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
		url('../fonts/roboto-v32-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
		url('../fonts/roboto-v32-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
		url('../fonts/roboto-v32-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


.db {
	border: 3px solid red;
}

/*
	GRAU: #E7E7E1
	GRÜN: #BCCF00
	ROT: #E40427
*/

body, html {
	overflow-x: hidden;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
	line-height: 18pt;
	color: #000000;
	background: #f2f2f2;
}

h1 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 28pt;
	line-height: 36pt;
	color: #000000;
}

h2 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 20pt;
	line-height: 28pt;
	color: #000000;
}

h3, h4 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 18pt;
	line-height: 24pt;
	color: #000000;
}

h5 {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 15pt;
	line-height: 20pt;
	color: #000000;
}

@media (max-width: 992px) {
	body {
		-webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
	}
}


a,a:active,a:visited,a:link {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #BCCF00;
	text-decoration: underline;
}

a.btn-customy,a.btn-customy:active,a.btn-customy:visited,a.btn-customy:link {
	color: #000;
	letter-spacing: 1px;
	padding: 3px 20px;
	transition: ease .5s;
	border: 1px solid #BCCF00;
	border-radius: 3px;
	text-decoration: none;
	background-color: transparent;
}
a.btn-customy:hover {
	color: #fff;
	letter-spacing: 1px;
	padding: 3px 20px;
	transition: ease .5s;
	border: 1px solid #BCCF00;
	border-radius: 3px;
	text-decoration: none;
	background-color: #BCCF00;
}

/* HEADER */
.row-header {
	background: #000;
	padding: 30px;
	color: #fff;
}

.row-header-mobile {
	background: #000;
	padding: 3px 30px;
}

.row-header h1,a,a:active,a:visited,a:link,a:hover {
	color: #fff;
	text-decoration: none;
}

.row-header-mobile h1,a,a:active,a:visited,a:link,a:hover {
	color: #fff;
	text-decoration: none;
}

img.logo{
	max-width: 250px !important;
}

.uebex-link-header {
	min-height: 100% !important;
	position: relative;	
}
.uebex-link {
	position: absolute;
	top: 100%;
	right: 0;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.margin-header {
	margin-top: 200px;
}

/* PRODUKTEGALERIE */
.row-product-image {
	background: #fff;
	padding: 10px;
}
.row-product-text {
	background: #fff;
	padding: 10px;
	margin-top: 5px;
}

.row-kontakt {
	background: #fff;
	padding: 30px;
}

/* KONTAKT */
.col-kontakt {
	background: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(204,204,204,1);
	-moz-box-shadow: 0px 0px 8px 3px rgba(204,204,204,1);
	box-shadow: 0px 0px 8px 3px rgba(204,204,204,1);
	padding:30px;
}

/* FOOTER */

img.logo-footer {
	max-width: 300px !important;
}
img.x-logo {
	max-width: 50px !important;
	margin-left: 3px;
}
.row-footer {
	background: #000;
	padding: 30px;
}

a.link-footer,a.link-footer:active,a.link-footer:visited,a.link-footer:link {
	color: #fff;
	text-decoration: none;
}
a.link-footer:hover {
	color: #fff;
	text-decoration: underline;
}


/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
	.margin-header {
		margin-top: 240px;
	}
	
	.uebex-link-header a h1 {
		font-size:20pt;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) {}

/* X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1400px) {}