/****** LikeCMS CSS Builder, last build: 2017-07-13 18:54:45 ******/


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

@charset "utf-8";

/* ================ */
	/* Main-Color: #d30132 */
/* ================ */

/* ========== RESET ========== */
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, button, textarea
{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 {vertical-align:middle;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; font-size: 1em; width: 100%; background: transparent;} 
.clear {clear:both; margin: 0; padding:0;}
img {line-height:0;}
button {background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; color: #000; font-weight: normal; line-height: 1.2; list-style: none outside none; margin: 0; padding: 0; text-align: left; text-decoration: none; text-indent: 0; cursor:pointer;}

/* ========== GRID ========== */
* {-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 15px; margin: 0 auto; position:relative;}.container-fluid {padding: 0 15px; margin: 0 auto;}.row {margin: 0 -15px;}
@media (min-width: 768px) {.container {width: 95%;}}
@media (min-width: 1050px) {.container {width: 90%;}}
@media (min-width: 1250px) {.container {width: 1100px;}}
@media (min-width: 1800px) {.container {width: 1170px;}}
@media (min-width: 2000px) {.container {width: 1170px;}}

.tab4:nth-of-type(3n+1) {clear:both;}
.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 15px; 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) {
	.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) {
	.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) {
	.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;}
}



/* ========== ALLGEMEIN ========== */
body {font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; color:#000; line-height:1.4;}
@media (max-width: 1024px) {html,body {font-size:15px;}}

.clear {clear:both; line-height:0; height:0px;}
.section_padding {padding:60px 0px;}
@media (max-width: 1024px) {.section_padding {padding:50px 0px;}}
@media (max-width: 768px) {.section_padding {padding:30px 0px;}}

/* ========== FORMS ========== */
input {
	font-family: 'Open Sans', sans-serif;
	border:none;
	background:#FFF;
	width:100%;
	padding:0px 15px;
	height:40px;
	line-height:40px;
	display:block;
	font-size:14px;
	margin-bottom:20px;
	border:solid 1px #c4c4c4;
	-webkit-appearance: none;
    border-radius: 0;
}
textarea {width:100%; outline:none; border:solid 1px #c4c4c4; resize: none; font-size:14px; font-family: 'Open Sans', sans-serif; padding:15px;}
input[type=submit] {
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	cursor: pointer;
	width:auto; height:auto;
	margin:20px auto 0px auto;
	line-height:1;
	padding:15px 18px;
	font-size:18px;
	font-weight:600;
	color:#666;
}
input[type=submit]:hover {background:#d30132; color:#FFF; border-color:#d30132;}
select {font-family: 'Open Sans', sans-serif; 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 #d30132; 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;}

button {background:#FFF; line-height:1.2; padding:10px; color:#333; font-size:18px;}
button a {color:#333;}

/* ========== SCHRIFT ========== */
h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif;}
p {margin-bottom:20px;}
h1 {font-size:40px; color:#000; margin-bottom:30px; line-height:1.2; font-weight:600; text-align:left;}
h2 {position:relative; font-size:25px; color:#000; font-weight:400; margin-bottom:20px;}
h3 {color:#000; font-size:21px; font-weight:400; line-height:1.4; margin-bottom:10px; text-transform:uppercase;}
h4 {font-weight:600; font-size:18px; color:#000;}
a {color:#ff641e;}
a:hover {color:#d95215;}

#subpage_headline {padding:30px 0px; background:#FFF;}
#subpage_headline h1 {margin:0px; color:#000; letter-spacing:1px;}

.button {
	display:inline-block;
	margin-top:20px;
	background:#FFF;
	border-radius:3px;
	color:#686868;
	line-height:1;
	padding:30px;
	font-size:20px;
	font-weight:600;
}
.button:hover {background:#7db713; color:#FFF;}
@media (max-width: 768px) {.button {padding:20px 30px; font-size:16px;}}

.readmore {
	display: inline-block;
	border:solid 2px #dedede;
	line-height:1.3;
	padding:12px 18px;
	color:#666;
	transition:all 0.3s;
	text-transform:uppercase;
	font-family: 'Oswald', sans-serif;
}
.readmore:hover {border-color:#d30132; background:#FFF; color:#d30132;}

@media (max-width: 768px) {
	h1 {font-size:30px;}
	h2 {font-size:23px;}
	h3 {font-size:30px;}
	h4 {font-size:20px;}
}
@media (max-width: 480px) {
	h1 {font-size:24px; line-height:1.3;}
	h2 {font-size:20px; margin-bottom:20px;}
	h2:before, .point_white:before {width:25px; height:25px;}
	h3 {font-size:22px;}
	h4 {font-size:16px;}
}


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

/* Header */
.header {
	background:#FFF;
	height:140px;
	position:relative;
	/*top:0; left:0; right:0;*/
	z-index:500;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);
	border-bottom:solid 5px #d30132;
}
#headerpic {position:relative; width:100%;}
#headerpic img {width:100%;}
.header_container {position:relative; height:100%;}

.header .mainmenu {float:right;}
.header .logo {position:relative; float:left; height:100%; width:auto; z-index:3000;}
.header .logo a {display:block; margin-top:13%; height:70%;}
.header .logo img {height:100%;}


/* Mainmenu */
.mainmenu {position:relative; height:100%; padding-top:50px;}
.mainmenu ul {list-style-type:none; display:block; height:100%;}
.mainmenu ul>li {
	position:relative;
	display:block;
	float:left;

	height:40px;
	line-height:40px;

	width:auto;
	/*line-height:80px;
	height:80px;*/
	padding:0px 15px;
	color:#000;
	transition:all 0.5s;
	margin:0;
	z-index:500;
}
.mainmenu li a {display:block; color:inherit!important; height:100%; text-transform:uppercase; font-size:14px;}
.mainmenu li ul {
	position:absolute;
	left:0;
	top:99%;
	background:#CCC;
	border-top:solid 1px #d30132;
	padding:8px 0px;
	min-width:150px;
	height:auto;
}
.mainmenu ul li ul li {height:auto; line-height:1.2; display:block; margin:0px; padding: 5px 15px;}
.submenu {
	opacity: 0;
	visibility: hidden;
	transition:all 0.3s;
}
.mainmenu ul li:hover > .submenu {
  opacity: 1;
  visibility:visible;
}
.mainmenu li:hover {background:#CCC;}
.mainmenu ul li.active {background:#d30132; color:#FFF; font-weight:400;}
a#pull {display:none;}


/* Sprachauswahl */
.sprachauswahl {float:right; margin-top:57px; margin-left:20px; z-index:3000;}
.sprachauswahl ul {list-style-type:none;}
.sprachauswahl ul li {float:left; padding:0px 5px; border-right:solid 1px #CCC;}
.sprachauswahl ul li a {color:#999;}
.sprachauswahl ul li a.active, .sprachauswahl ul li a:hover {color:#d30132;}


/* Content */
#content ul {margin:20px;}
#content table {border-collapse: collapse; border-top:3px solid #d30132;}
#content table thead {}
#content table thead td {}
#content table thead tr {background:#e3e4e5; font-weight:600;}
#content table tr {}
#content table td {padding:7px 10px; border:solid 2px #FFF;}
#content tbody tr {background:#e3e4e5;}


/* Teaserboxen */
#teaserboxen {margin:0px -2px;}
.teaserbox {float:left; width:25%; padding:10px; color:#000; font-size:14px;}
.teaserbox:hover {color:#000;}
.teaserbox_inner {border:solid 1px #CCC;}
.teaserbox .teaserbox_image {width:100%; line-height:0;}
.teaserbox .teaserbox_image img {width:100%;}
.teaserbox .teaserbox_text {padding:20px;}
.teaserbox .teaserbox_text h4 {font-weight:400; margin-bottom:10px;}


/* Article */
article {width:100%;}
article img {width:100%; margin-bottom:20px;}


/* Contact */
.contactbox_start {max-width:800px; margin:0 auto;}

/* GoogleMap */
#googlemap {line-height:0;}
#googlemap iframe {width:100%; height:350px;}



/* Footer */
.footer {background:#d30132; padding:50px 0px;}
.footer h4 {color:#FFF; font-weight:400; margin-bottom:15px;}
.footer p {color:#FFF; font-size:15px; line-height:1.2; text-align:left;}
.footer_logo {text-align:left; width:120px;}
.footer_logo img {width:100%;}

ul.footmenu {list-style-type:none; margin-bottom:20px;}
ul.footmenu li {}
ul.footmenu li a {font-size:15px; display:block; color:#FFF; font-weight:300;}
ul.footmenu li a.info {text-transform:uppercase;}
ul.footmenu li a:hover {color:#ccc7c6;}

/* Scroll Icon */
.scrollicon {
    text-align:center;
    text-decoration:none;
    width:40px;
    height:40px;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
	z-index:3000;
	border:solid 1px #FFF;
	background:#454545;
}
.scrollicon .fa {
    line-height:1;
	color:#FFF;
    display:block;
    padding-top:8px;
    font-size:20px;
}
@media (min-width: 1024px) {
	.scrollicon {bottom:40px; right:60px;}
}

.scrollicon:hover {background:#4a4848;}
.scrollicon:hover .fa {color:#FFF;}



/* ========== RESOLUTIONS ========== */
@media (max-width: 1000px) {
	.header {height:100px;}
	.header .logo {}
	.header .mainmenu {float:none;}
	.mainmenu {width:100%; height:auto; /*overflow:scroll;*/ padding-top:0px; top:40px;}
	.mainmenu>ul {display:none; background:#FFF; border-bottom:solid 1px #CCC; position:absolute; top:60px; height:auto; margin:0 -20px; left:0px; right:0px;}
	.submenu ul {border-bottom:0; margin:0!important;}
	.mainmenu ul li {display:block; width:100%; height:auto; line-height:1; border-top:dotted 1px #666; padding:0; float:none;}
	.mainmenu ul li a {padding:15px 20px; height:auto; line-height:1;}
	.mainmenu ul li:hover {color:#000; background:none!important;}
	a#pull {
		display:block;
		cursor:pointer;
		z-index:500;
		margin:17px auto;
		height:25px;
		line-height:20px;
		text-align:left;
		font-size:18px;
		color:#000;
		position:absolute;
		right:0px;
		top:0px;
	}
	a#pull img {width:25px; float:left; margin-right:10px;}
	.content_icon .icon {font-size:30px;}
	.mainmenu ul li ul {
		position:relative!important;
		left:inherit;
		top:inherit;
		width:auto!important;
		padding:0px;
		background:#CCC;
	}
	.mainmenu ul li ul li {font-size:13px; padding:2px 5px;}
	.mainmenu ul li ul li a {padding:6px 15px;}
	.submenu {
		opacity: 1;
		visibility: visible;
		transition:none;
		display:none;
	}
	.level2 ul {background:#413e3e;}
	.level3 ul {background:#504e4e;}
	.level3 ul a {margin-left:20px;}

	.mainmenu ul li:hover > .submenu {
	  
	}
	.submenu_background {display:none;}

	.sprachauswahl {margin-top:20px;}
}

@media (max-width: 768px) {
	
	body {background:none;}
	.header_section2 {background:none; margin-top:50px;}
	h1 {font-size:30px;}

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

	.teaserbox {width:50%; margin-bottom:30px;}
	
}

@media (max-width: 480px) {

	h1 {font-size:24px;}	
	h2 {font-size:20px;}
	p {font-size:15px;}
	.content_icon .icon {display:none;}
}



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