/****** LikeCMS CSS Builder, last build: 2018-11-20 12:52:45 ******/


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

@charset "utf-8";

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.5.0');
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*--------------------------------------------------------------
# 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
{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;}
ul {margin:20px;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
/* 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: 1170px;}}
@media (min-width: 1800px) {.container {width: 1170px;}}
@media (min-width: 2000px) {.container {width: 1600px;}}

.tab4:nth-of-type(3n+1) {clear:both;}
.large0,.large1,.large10,.large11,.large12,.large2,.large3,.large4,.large5,.large6,.large7,.large8,.large9,.medium0,.medium1,.medium10,.medium11,.medium12,.medium2,.medium3,.medium4,.medium5,.medium6,.medium7,.medium8,.medium9,.mobile0,.mobile1,.mobile10,.mobile11,.mobile12,.mobile2,.mobile3,.mobile4,.mobile5,.mobile6,.mobile7,.mobile8,.mobile9,.tab0,.tab1,.tab10,.tab11,.tab12,.tab2,.tab20,.tab3,.tab4,.tab5,.tab6,.tab7,.tab8,.tab9{position:relative;min-height:1px;padding:0 15px;display:block}.mobile0,.mobile1,.mobile10,.mobile11,.mobile12,.mobile2,.mobile3,.mobile4,.mobile5,.mobile6,.mobile7,.mobile8,.mobile9{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,.tab10,.tab11,.tab12,.tab2,.tab20,.tab3,.tab4,.tab5,.tab6,.tab7,.tab8,.tab9{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,.medium10,.medium11,.medium12,.medium2,.medium3,.medium4,.medium5,.medium6,.medium7,.medium8,.medium9{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,.large10,.large11,.large12,.large2,.large3,.large4,.large5,.large6,.large7,.large8,.large9{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}}

.flexrow {
	display:flex;
	display:-webkit-flex;
	align-items: stretch;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin:-15px;
}
.flexrow .col {
	flex:1;
	padding:15px;
}

@media(max-width:1000px) {
	.flexrow .col {width:50%;}
}

@media(max-width:768px) {
	.flexrow {display:block;}
	.flexrow .col {width:100%;}
}


/*--------------------------------------------------------------
# Typo
--------------------------------------------------------------*/
html, body, input, textarea, select {font-family: 'Muli', sans-serif;}
h1, h2, h3, h4, h5, h6, .btn, input[type="submit"] {font-family: 'Muli', sans-serif;}
h1, h2, h3, h4, h5, h6, .btn {font-weight:700; line-height: 1.2; display: block; margin-bottom:20px;}
html, body {line-height:1.4; font-size:18px;}
input, textarea, select {font-size:90%;}

p {margin-bottom:20px;}
h1 {font-size: 34px;}
h2 {font-size: 30px; margin-top:30px;}
h3 {font-size: 25px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
strong {font-weight:700;}
a {text-decoration:none;}
hr {height:1px; background:none; border-bottom:dotted 1px #666; margin:20px 0px;}
ul {margin:20px;}

/* Button */
.btn, input[type="submit"] {
	font-size:90%;
	padding:10px 30px;
	background:#dbab00;
	color:#FFF;
	transition:all 0.3s;
	text-transform:uppercase;
	display:inline-block;
	margin-top:40px;
	border:solid 2px #dbab00;
	position:relative;
	z-index:200;
	cursor:pointer;
}
.btn_round {border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;}
.btn_outline {background:none; border:2px solid #dbab00;}
.btn:hover, input[type="submit"]:hover {color:#FFF; background:#e9bf28; border-color:#e9bf28;}
.center_btn { width:100%; text-align:center; }

/* White Color */
.white_color {color:#FFF;}
.white_color h1, .white_color h2, .white_color h3, .white_color h5, .white_color h5, .white_color h6 {color:#FFF;}
.white_color .underline:after {background:#FFF;}
.white_color p {color:#FFF;}
.white_color hr, .white_color .btn_outline {border-color:#FFF;}

/* Center Text */
.center_text {text-align:center;}
.center_text h1 {text-align:center;}
.center_text p {text-align:center;}
.center_text ul {margin:20px auto; width:300px; text-align:left;}



@media(max-width:768px){
	html, body {font-size:14px;}
	h1 {font-size:30px;}
	h2 {font-size:30px;}
	h3 {font-size:18px;}
	h4 {font-size:18px;}
	h5 {}
	.btn, input[type="submit"] {margin-top:20px;}

}
@media(max-width:450px){
	h1 {font-size:20px;}
	h2, article h2 {font-size:20px;}
	h3 {font-size:18px;}
	h4 {font-size:18px;}
	h5 {}
}



/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
.section_padding {padding:20px 0px;}
@media(min-width:768px) {.section_padding {padding:40px 0px;}}
@media(min-width:1000px) {.section_padding {padding:60px 0px;}}
@media(min-width:1400px) {.section_padding {padding:80px 0px;}}

.section_bg {background:#a04b2e; color:#FFF;}
.familie .section_bg {background:#aea696;}
.section_bg p, .section_bg h1, .section_bg h2, .section_bg h3 {color:#FFF;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form {max-width:800px;}
input, textarea, select {
	width:100%;
	display:block;
	height:45px;
	padding:0px 10px;
	color:#333;
	background:#FFF;
	border:solid 1px #CCC;
	outline:none;
	transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	margin-bottom:10px;
}
input:focus, textarea:focus, select:focus {background:#FFF;}
textarea {height:auto; padding:10px; resize:none;}
label {display:inline-block;}
input[type="submit"] {display:inline-block; width:auto; margin-top:20px; line-height:inherit;}
input[type="checkbox"], input[type="radio"] {
	width:25px;
	height:25px;
	display:inline-block;
	margin:0px 10px 0px 0px;
}
input[type="radio"] {-webkit-appearance:radio;}
input[type="checkbox"] {-webkit-appearance:checkbox;}

.check_section {position: relative; display:block; margin:10px 0px;}
.check_section input[type="checkbox"], .check_section input[type="radio"] {
	position:absolute;
	left:0px;
	top:0px;
}
.check_section label {padding-left:40px;}
.check_section li {position:relative; display:inline-block; margin:5px 10px 5px 0px; list-style-type:none;}



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
	height:auto;
}
#header .image {width:100%; line-height:0; position:relative;}
#header .image img {width:100%;}
#header .image .overlay_top {
	position: absolute;
	top:0px;
	height:50%;
	left:0;
	right:0;
	/*background:rgba(0,0,0,0.3);*/
}
#header .image .overlay_bottom {
	position: absolute;
	bottom:0px;
	height:50%;
	left:0;
	right:0;
	/*background:rgba(255,255,255,0.3);*/
}



/*--------------------------------------------------------------
# Mainmenu
--------------------------------------------------------------*/
a#pull {
	cursor:pointer;
	display:flex;
	display:-webkit-flex;
	justify-content: space-between;
	align-items:center;
	text-align:center;
	justify-content:left;
	padding:20px;
	z-index:4000;
	transition:all 0.6s;
	background:#FFF;
}
a#pull .text {font-size:16px; line-height:1; margin-left:10px; color:#000; font-weight:700; text-transform:uppercase;}
a#pull .pull_button {display:inline-block; width:30px;}
a#pull .pull_button span {
	display:block;
	width:100%;
	height:2px;
	background:#000;
	margin-bottom:6px;
	border-radius:100px;
	transition:all 0.3s;
	position:relative;
}
a#pull span:nth-of-type(3) {margin-bottom:0px;}

a.nav_active .pull_button span:nth-of-type(2) {
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	visibility:hidden;
}
a.nav_active .pull_button span:nth-of-type(1) {
	transform:rotate(-45deg);
	top:8px;
}
a.nav_active .pull_button span:nth-of-type(3) {
	transform:rotate(45deg);
	bottom:8px;
}


#mainmenu {background:#ebe9e6;}
#mainmenu ul {margin:0px;}
#mainmenu>.container>ul {margin:0px;}
#mainmenu>.container>ul>li {/*border-top:dotted 1px #999;*/}
#mainmenu>.container>ul>li>a {
	padding:10px 40px 10px 20px;
}
#mainmenu ul>li>a {
	font-size:16px;
	display:block;
	color:#333;
	border-bottom:dotted 1px #999;
	font-weight:600;
}

#mainmenu>.container>ul>li>ul {background:#dedbd4; margin-bottom:0px;}
#mainmenu>.container>ul>li>ul>li>a {
	padding:10px 20px 10px 30px;
	font-size:15px;
}

#mainmenu>.container>ul>li>ul>li>ul {margin:5px 0px; display:none;}
#mainmenu>.container>ul>li>ul>li>ul>li>a {
	padding:0px 5px 0px 80px;
	font-size:13px;
}
#mainmenu>.container>ul>li>ul>li>ul>li>a:before {
	font-family: 'FontAwesome';
	content:"\f10c";
	/*font-size:20px;*/
	display:inline-block;
	margin-right:10px;
}

.trigger {
	display:none;
}
#mainmenu>.container>ul>li.haschildren {position:relative;}
#mainmenu>.container>ul>li.haschildren>.trigger {
	display:block;
	position: absolute;
	height:43px;
	top:0;
	bottom:0;
	right:0px;
	width:40px;
	z-index:3000;
}
#mainmenu>.container>ul>li.haschildren>.trigger:before {
	font-family: 'FontAwesome';
	content:"\f107";
	display:block;
	position: absolute;
	height:100%;
	top:0;
	bottom:0;
	right:0px;
	width:40px;
	color:#333;
	font-size:30px;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items: center;
	z-index:2000;
}

#mainmenu .container {
	position:relative;
	overflow-y: auto;
	display:none;
}
#mainmenu .active {margin-right:0px;}
.sub-menu {display:none;}

@media(min-width:900px) {
	a#pull {display:none;}
	#mainmenu {background:#FFF; z-index:3000;}
	#mainmenu .container {display:block!important; overflow-y:visible;}
	.sub-menu {
		display:block!important;
		opacity:0;
		-webkit-opacity:0;
		-moz-opacity:0;
		visibility:hidden;
		transition:all 0.3s;
	}
	#mainmenu .container>ul {
		display:flex;
		display:-webkit-flex;
	}
	#mainmenu ul>li>a {
		text-transform:uppercase;
		border:none;
		font-size:16px;
		transition:all 0.3s;
	}
	#mainmenu>.container>ul>li>a {padding:10px 20px;}
	#mainmenu ul>li.haschildren>a {
		padding-right:30px;
	}
	#mainmenu>.container>ul>li.haschildren>a>.trigger {width:30px;}
	#mainmenu>.container>ul>li.haschildren>a>.trigger:before {width:30px; font-size:25px;}
	
	#mainmenu>.container>ul>li.haschildren {position:relative;}
	#mainmenu>.container>ul>li>ul {
		position:absolute;
		top:100%;
		left:0;
		width:auto;
		min-width:200px;
		background:#8f4127;
		margin-bottom:0px;
		z-index:3000;
	}
	#mainmenu>.container>ul>li>ul>li {transition:all 0.3s;}
	#mainmenu>.container>ul>li>ul>li>a {color:#FFF; transition:all 0.3s; padding:10px 20px;}
	#mainmenu>.container>ul>li>ul>li>a:hover {background:rgba(255,255,255,0.2);}
	#mainmenu>.container>ul>li:hover>a {background:#a04b2e; color:#FFF;}
	#mainmenu>.container>ul>li:hover>a>.trigger:before {color:#FFF;}
	#mainmenu>.container>ul>li>a.active {background:#a04b2e; color:#FFF;}

	#mainmenu>.container>ul>li:hover>.sub-menu {
		opacity:1;
		-webkit-opacity:1;
		-moz-opacity:1;
		visibility:visible;
	}

	.familie #mainmenu>.container>ul>li:hover>a, .familie #mainmenu>.container>ul>li>a.active {
		background:#aea696;
	}
	.familie #mainmenu>.container>ul>li>ul {background:#9a9282;}
}

@media(max-width:768px) {
	#mainmenu>.container {padding:0px;}
}


/*--------------------------------------------------------------
# Pics
--------------------------------------------------------------*/
.pics {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
}
.pics .image {width:50%; height:auto; line-height:0;}
.pics .image img {width:100%;}

@media(min-width:700px) {
	.pics .image {width:25%;}
}



/*--------------------------------------------------------------
# Googlemap
--------------------------------------------------------------*/
#googlemap {}
#googlemap iframe {width:100%; height:300px;}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {padding:20px 0px; background:#a04b2e; color:#FFF;}
#footer ul {margin:0px; list-style-type:none;}
#footer ul li {display:block;}
#footer ul li a {color:#FFF;}

.familie #footer {background:#aea697;}

@media(min-width:768px) {
	#footer {padding:60px 0px;}
}


/*--------------------------------------------------------------
# Scrolltop
--------------------------------------------------------------*/
.scrolltop {
	position:fixed;
	bottom:50px;
	right:50px;
	z-index:4000;
	width:50px; height:50px;
	background:#2e2e2e;
	cursor:pointer;
	text-align:center;
	padding-top:9px;
	display:none;
	transition:all 0.3s;
	/*border-radius:100%;*/
}
.scrolltop .fa {color:#FFF; font-size:30px;}

@media (max-width: 1024px) {
  .scrolltop {bottom:20px; left:20px;}
}



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