/****** LikeCMS CSS Builder, last build: 2022-10-25 14:09:24 ******/


/*** project-files/css/reset.css ***/

/* ============================================
================== RESET ======================
===============================================*/
@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, div
{margin:0; padding:0; border:0; outline:0;}
mark {background:none;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section
{display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; text-decoration:none;}
hr { display:block; height:1px; border:0; border:none; padding:0;}
input, select {vertical-align:middle;}
.clear {clear:both; margin: 0; padding:0;}
img {line-height:0;}


/*** project-files/css/grid.css ***/

@charset "utf-8";

/* ============ Grid ============ */

body {margin: 0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after { clear:both; content:" "; display:table; }

/* Container */
.container {padding: 0 20px; margin: 0 auto; position:relative;}
.container-fluid {padding: 0 20px; margin: 0 auto;}
.row {margin: 0 -20px;}

.mobile0, .tab0, .medium0, .large0, .mobile1, .tab1, .medium1, .large1, .mobile2, .tab2, .medium2, .large2, .mobile3, .tab3, .medium3, .large3, .mobile4, .tab4, .medium4, .large4, .mobile5, .tab5, .medium5, .large5, .mobile6, .tab6, .medium6, .large6, .mobile7, .tab7, .medium7, .large7, .mobile8, .tab8, .medium8, .large8, .mobile9, .tab9, .medium9, .large9, .mobile10, .tab10, .medium10, .large10, .mobile11, .tab11, .medium11, .large11, .mobile12, .tab12, .medium12, .large12, .tab20
{position: relative; min-height: 1px; padding: 0 20px; display:block;}

.mobile0, .mobile1, .mobile2, .mobile3, .mobile4, .mobile5, .mobile6, .mobile7, .mobile8, .mobile9, .mobile10, .mobile11, .mobile12 {float: left;}

.mobile12 {width: 100%;}
.mobile11 {width: 91.66666667%;}
.mobile10 {width: 83.33333333%;}
.mobile9 {width: 75%;}
.mobile8 {width: 66.66666667%;}
.mobile7 {width: 58.33333333%;}
.mobile6 {width: 50%;}
.mobile5 {width: 41.66666667%;}
.mobile4 {width: 33.33333333%;}
.mobile3 {width: 25%;}
.mobile2 {width: 16.66666667%;}
.mobile1 {width: 8.33333333%;}
.mobile0 {display:none;}

@media (min-width: 768px) {
	
	.container {width: 95%;}

	.tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8, .tab9, .tab10, .tab11, .tab12, .tab20
	{float: left;}
	.tab12 {width: 100%;}
	.tab11 {width: 91.66666667%;}
	.tab10 {width: 83.33333333%;}
	.tab9 {width: 75%;}
	.tab8 {width: 66.66666667%;}
	.tab7 {width: 58.33333333%;}
	.tab6 {width: 50%;}
	.tab5 {width: 41.66666667%;}
	.tab4 {width: 33.33333333%;}
	.tab3 {width: 25%;}
	.tab2 {width: 16.66666667%;}
	.tab1 {width: 8.33333333%;}
	.tab0 {display:none;}

	.tab20 {width: 20%;}

}
@media (min-width: 1050px) {

	.container {width: 90%;}

	.medium1, .medium2, .medium3, .medium4, .medium5, .medium6, .medium7, .medium8, .medium9, .medium10, .medium11, .medium12 {float: left;}.medium12 {width: 100%;}
	.medium11 {width: 91.66666667%;}
	.medium10 {width: 83.33333333%;}
	.medium9 {width: 75%;}
	.medium8 {width: 66.66666667%;}
	.medium7 {width: 58.33333333%;}
	.medium6 {width: 50%;}
	.medium5 {width: 41.66666667%;}
	.medium4 {width: 33.33333333%;}
	.medium3 {width: 25%;}
	.medium2 {width: 16.66666667%;}
	.medium1 {width: 8.33333333%;}
	.medium0 {display:none;}
}
@media (min-width: 1250px) {

	.container {width: 1070px;}

	.large1, .large2, .large3, .large4, .large5, .large6, .large7, .large8, .large9, .large10, .large11, .large12
	{float: left;}
	.large12 {width: 100%;}
	.large11 {width: 91.66666667%;}
	.large10 {width: 83.33333333%;}
	.large9 {width: 75%;}
	.large8 {width: 66.66666667%;}
	.large7 {width: 58.33333333%;}
	.large6 {width: 50%;}
	.large5 {width: 41.66666667%;}
	.large4 {width: 33.33333333%;}
	.large3 {width: 25%;}
	.large2 {width: 16.66666667%;}
	.large1 {width: 8.33333333%;}
	.large0 {display:none;}
}
@media (min-width: 2000px) {.container {width: 1400px;}}



/*** project-files/css/forms.css ***/

/* ============================================
================== FORMULARE ==================
===============================================*/
#form { margin: 30px 0px 0px 0px; padding:0;}
.input_box {display:table; width:100%; margin-bottom: 20px; }
label { color:#333; font-size:1.2em; float:left; width:30%; }
input {float: left; display: block; width: 70%; font-size: 15px; line-height: 1.4; border: 1px solid #aaa; padding: 5px 10px; font-family: Verdana, Geneva, sans-serif;}
textarea { display:block; width:70%; border: 1px solid #aaa; padding: 5px 10px; font-size: 15px; line-height: 1.4; font-family: Verdana, Geneva, sans-serif;}
input:after { content:" "; clear:both;}
input:focus, textarea:focus {outline: 1px solid #33c441;}

input[type=submit]
{
	line-height: 1;
	display: inline-block;
	background: #716d65;
	color: #fff;
	font-size: 20px;
	padding: 5px 8px;
	text-shadow: none;
	cursor: pointer;
	border: none;
	width: auto;
	font-family: 'Oswald', sans-serif;
	font-size:1.2em;
	margin-left:30%;
}

input[type=submit]:hover { background:#33c441;}
.required { color:#C00;}

@media only screen and (max-width:1024px)
{
	label { float:none; width:100%; font-size:1.0em;}
	input { float:none; width:100%; font-size:14px; margin-top: 5px !important;}
	textarea { float:none; width:100%; margin-top: 5px !important;}
	input[type=submit] {margin: 0;}
}

@media only screen and (max-width:1000px)
{
	label { font-size:1.2em; width:30%;}
	input { font-size:14px; width:70%;}
	textarea { float:none; width:70%;}
	input[type=submit] {margin-left:30%;}
}

@media only screen and (max-width:760px)
{
	label { float:none; width:100%; font-size:1.0em;}
	input { float:none; width:100%; font-size:14px; margin-top: 5px !important;}
	textarea { float:none; width:100%; margin-top: 5px !important;}
	input[type=submit] {margin: 0;}
}


/*** project-files/css/main.css ***/

@charset "utf-8";

/* ========== ALLGEMEIN ========== */
html,body {width:100%; font-family: 'Open Sans', sans-serif; background:url(../img/bodybg.jpg) no-repeat fixed top; background-size:cover;}
.clear {clear:both;}
.container_padding {padding-top:80px; padding-bottom:80px;}

h1 {font-size:50px; text-transform:uppercase; font-weight:300; line-height:1.3; margin-bottom:20px;}
h2 {background:#FFF; display:block; font-size:33px; text-transform:uppercase; font-weight:300; padding:15px 0px; text-align:center;}
h3 {font-size:24px; text-transform:uppercase; font-weight:400; margin-bottom:10px;}
h4 {}
p {margin-bottom:20px; font-size:20px; font-weight:300;}
strong {}
a {text-decoration:none;}
a:hover {}
hr {height:2px; background:none; border-bottom:dotted 1px rgba(255,255,255,0.6); width:100%; margin:10px 0px;}

ol, ul {}
ol li, ul li {}

*{
	z-index: 2;
}

/* ========== FORMS ========== */
input {
	font-family: 'Open Sans', sans-serif;
	outline:none;
	border:none;
	background:#FFF;
	width:100%;
	padding:0px 15px;
	height:35px;
	line-height:35px;
	display:block;
	font-size:14px;
}
input:focus {
	outline:solid 1px #961600;
}
button {outline:none; border:none; cursor:pointer;}

.input_holder {margin-bottom:20px;}
.input_holder input {border:solid 1px #c4c4c4; outline:none;}
.input_holder input:focus, .input_holder textarea:focus {border:solid 1px #961600; outline:none;}
.input_holder textarea {width:100%; outline:none; border:solid 1px #c4c4c4; resize: none; font-size:14px; font-family: 'Open Sans', sans-serif; padding:15px;}
.input_holder input[type=submit] {background:#961600; outline:none; border:none; height:35px; line-height:35px; color:#FFF; cursor:pointer;}
.input_holder input[type=submit]:hover {background:#5a0d00;}


/* ========== Slides ========== */
.slide {
	width:100%;
	height:auto;
	position:relative;
}
.scrollbg {width:100%; border-top:solid 5px #FFF; line-height:0;}
.scrollbg img {width:100%;}

/* ========== SITE ========== */

/* Starttext */
.starttext {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	line-height:1;
	text-align:center;
}
.starttext_inner {display:table; position:absolute; top:0; left:0; right:0; bottom:0; height:100%; width:100%; text-align:center;}
.starttext_content {display:table-cell; vertical-align:middle; text-align:center;}
.starttext a {color:#FFF; font-size:90px;}
.starttext a:hover {color:#ac1306;}
.starttext h1 {color:#FFF; text-align:center;}
img.logoteaser {width:40%;}

/* Header */
.header {background:rgba(0,0,0,0.8); border-bottom:solid 5px #FFF; height:60px; position:fixed; top:0; left:0; right:0; z-index:500;}
.header_section2 {line-height:0; height:auto; margin-top:60px;}
.header_section2 img.logo_small {width:100%; line-height:0;}

.header .mainmenu {float:left;}
.header .logo {float:right; padding-top:15px; width:160px;}
.header .logo img {width:100%;}

/* Mainmenu */
.mainmenu {}
.mainmenu ul {list-style-type:none; display:block;}
.mainmenu ul li {float:left; display:block; height:100%;}
.mainmenu ul li a {
	display:block;
	color:#FFF;
	height:100%;
	line-height:60px;
	padding:0px 20px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:300;
	transition:all 0.5s;
}
.mainmenu ul li a:hover {background:rgba(172,19,6,0.5);}
.mainmenu ul li a.active {background:#ac1306;}
a#pull {display:none;}

/* Content */
.blackbg:after{background:rgba(0,0,0,0.7);}
.blackbg p, .blackbg2 p {color:#FFF;}
.greybg:after{background:#e8e8e8;}
.table_holder {margin-top:40px;}
section {position: relative;}
section:after{
	position: absolute;
	display: block;
	z-index: -1;
	content: " ";
	top: 60px;
	bottom: 0;
	width: 100%;
}

section:before {
  display: block;
  content: " ";
  margin-top: -60px;
  height: 60px;
  visibility: hidden;
}

/* News */
.news {border-top:solid 5px #FFF;}
.news:after {top: 0;}
.newsbox {}
.newsbox .newsdate {margin:0px; color:#CCC;}
.newsbox h3 {color:#FFF;}

/* Services */
.servicebox {position:relative;}
.servicebox_img {width:100%; position:relative; line-height:0.8;}
.servicebox_img img {width:100%;}
.servicebox_nr {
	position:absolute;
	bottom:0px;
	top:0;
	width:30%;
	text-align:center;
	right:0;
	background:rgba(255,255,255,0.6);
}
.servicebox_nr p {position:absolute; right:0; bottom:0; color:#ac1306; font-size:80px; margin:0px; padding-bottom:20px; padding-right:15px; text-align:center;}
.servicebox_text {margin-top:5px;}
.servicebox_text p {color:#FFF; text-transform:uppercase; font-weight:700; text-align:right;}

.servicebox:hover {cursor:pointer;}
.servicebox:hover .servicebox_nr {background:rgba(0,0,0,0.6);}
.service_contentbox {}
.service_contentbox h3, .service_contentbox p {color:#FFF;}

/* References */
.reference_box {
	margin-bottom:40px;
	padding:40px;
	text-align:center;
	background:#fff;
}

/* Trigger */
.trigger_content {
	display:none;
	position:relative;
	width:325%;
}
#trigger_content_servicebox2 {margin-left:-113%;}
#trigger_content_servicebox3 {margin-left:-225%;}

@media (max-width: 768px) {
	.trigger_content {width:100%;}
	#trigger_content_servicebox2 {margin-left:0;}
	#trigger_content_servicebox3 {margin-left:0;}
}


/* Footer */
.prefooter {border-bottom:solid 1px #FFF; border-top:solid 1px #FFF; line-height:0;}
.prefooter img {width:100%;}
.footer {background:#2e2e2e;}
.footer p {color:#FFF; font-size:16px; text-align:center;}
.footer p.impressum {margin-bottom:5px;}
.footer a {color:#FFF;}
.footer a:hover {text-decoration:unerline;}
.footer h3 {color:#FFF;}
.footer_logo {margin-top:40px!important; text-align:center;}
.footer_logo img {}
.footercontent {padding:30px 0px; border-top:solid 5px #FFF;}

/* Scroll Icon */
.scrollicon {
    text-align: center;
    text-decoration:none;
    width:50px;
    height:50px;
    border-radius:50%;
    background:rgb(0,0,0);
    opacity:0.5;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
	z-index:3000;

}
@media (min-width: 1024px) {
	.scrollicon {bottom:60px; right:100px;}
}
.scrollicon:hover {background:#000; opacity:1;}
.scrollicon:hover .icon {color:#FFF;}
.scrollicon .icon {
    line-height:1;
	color:#ababab;
    display:block;
    padding-top:8px;
    font-size:30px;
}


/* ========== RESOLUTIONS ========== */
@media (max-width: 1200px) {
	.starttext a {font-size:70px;}
}

@media (max-width: 1024px) {
	.blackbg {background:#2e2e2e;}
	.prefooter {border-top:solid 1px #FFF; border-bottom:solid 1px #FFF;}
	.starttext a {font-size:60px;}
}

@media (max-width: 1000px) {
	.header {height:60px;}
	.header .logo {width:120px; padding-top:18px; float:none; position:absolute; right:20px; top:0px;}
	.mainmenu {width:100%;}
	.mainmenu ul {display:none; background:#2e2e2e; border-bottom:solid 5px #FFF; position:relative; margin:0px -20px;}
	.mainmenu ul li {float:none; width:100%; height:auto; line-height:1; border-top:dotted 1px #666;}
	.mainmenu ul li a {padding:20px; height:auto; line-height:1;}
	.mainmenu ul li a:hover {background:none;}
	.mainmenu ul li a.active {background:none;}
	a#pull {
		display:block;
		cursor:pointer;
		z-index:500;
		margin:15px auto;
		height:25px;
		line-height:25px;
		text-align:left;
		font-size:18px;
		color:#FFF;
		text-align:left;
	}
	a#pull img {width:25px; float:left; margin-right:10px;}
}

@media (max-width: 768px) {

	body {background:none;}
	.starttext {display:none;}
	.header_section2 {background:none; margin-top:50px;}
	h1 {font-size:30px;}

	.container_padding {padding-top:40px; padding-bottom:40px;}
	h2 {font-size:25px;}
	h3 {font-size:18px;}
	p {font-size:16px;}

	.scrollbg {display:none;}

}

@media (max-width: 480px) {

	h1 {font-size:24px;}
	h2 {font-size:20px;}
	p {font-size:15px;}
}



/*** project-files/fonts/open-sans.css ***/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/*** project-files/fonts/icomoon.css ***/

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?ujfb4f');
	src:url('../fonts/icomoon.eot?#iefixujfb4f') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?ujfb4f') format('truetype'),
		url('../fonts/icomoon.woff?ujfb4f') format('woff'),
		url('../fonts/icomoon.svg?ujfb4f#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow_down:before {
	content: "\e600";
}
.icon-arrow_top:before {
	content: "\e601";
}



/*** project-files/css/site.css ***/