/****** LikeCMS CSS Builder, last build: 2020-01-24 12:58:30 ******/


/*** 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%;}
	.mobile0 {display:block;}

}
@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;}
	.mobile0 {display:block;}
}
@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;}
	.mobile0 {display:block;}
}
@media (min-width: 1600px) {.container {width: 1300px;}}
@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";

/* Main Color: #ed8502 */

/* ========== ALLGEMEIN ========== */
html,body {width:100%; font-family: 'Open Sans', sans-serif; background:#FFF; color:#333; font-size:16px;}
.clear {clear:both;}
.section_padding {padding:80px 0px;}
* {transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
@media (max-width: 1000px) {.section_padding {padding:40px 0px;}}

h1 {font-size:40px; font-weight:400; line-height:1.3; margin-bottom:20px; text-transform: uppercase;}
h2 {display:block; font-size:23px; font-weight:400; padding-bottom:15px; text-align:left; color:#000;}
h3 {display:block; font-size:18px; font-weight:400; padding-bottom:15px; text-align:left; color:#000;}
h4 {font-size:18px; font-weight:600; margin-bottom:20px; text-transform: uppercase;}
p {margin-bottom:20px; font-size:16px; font-weight:300; color:#333;}
strong {}
a {text-decoration:none; color:#ed8502; font-weight:400;}
a:hover {color:#d27705;}
hr {height:2px; background:none; border-bottom:dotted 1px rgba(255,255,255,0.6); width:100%; margin:10px 0px;}
mark {color:#ed8502;}

.headline {margin-bottom:30px;}
.subpage h1 {text-align:left; text-transform: uppercase; font-weight:400; margin:0px;}
.subpage h3 {text-align:left;}

@media (max-width: 1000px) {
	h1 {font-size:30px;}
}
@media (max-width: 600px) {
	h1 {font-size:23px;}
	p {font-size:14px;}
}

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

/* ========== 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;
	float:none;
}
input:focus {
	outline:solid 1px #ed8502;
}
button {outline:none; border:none; cursor:pointer;}

.input_holder {margin-bottom:20px; display:block;}
.input_holder input {border:solid 1px #c4c4c4; outline:none;}
.input_holder input:focus, .input_holder textarea:focus {border:solid 1px #ed8502; 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:#ed8502; outline:none; border:none; height:35px; line-height:35px; color:#FFF; cursor:pointer;}
.input_holder input[type=submit]:hover {background:#5a0d00;}


/* ========== HEADER ========== */
.header {
	height:auto;
	background:#333;
	background-image:url("../img/headerpic.jpg");
	background-position: center;
	background-size: cover;
	border-bottom:solid 1px #FFF;
}
.logo {max-width:100px; width:100%; margin-top:25px; float:left;}
.logo img {width:100%;}

.headerpic_subpage {width:100%;}
.headerpic_subpage img {width:100%;}

/* Mainmenu */
.mainmenu {float:right; z-index:1000;}
.mainmenu ul {display:block; list-style-type: none;}
.mainmenu ul li {display:block; float:left; margin-left:30px;}
.mainmenu ul li a {color:#FFF; font-weight:600; font-size:16px; text-transform: uppercase; line-height:180px; display:block;}
.mainmenu ul li a:hover, .mainmenu ul li a.active {color:#ed8502;}
a#pull {display:none;}

.submenu {
	background:#383636;
	position:relative;
	padding:20px 0px;
	border-bottom:solid 1px #FFF;
}
.submenu ul {display:block; list-style-type: none; float:right;}
.submenu ul li {display:block; float:left; margin-left:30px;}
.submenu ul li a {color:#FFF; font-weight:400; font-size:16px; line-height:1.0; display:block;}
.submenu ul li a:hover {color:#ed8502;}

@media (max-width: 1000px) {
	.header {height:70px;}
	.logo {max-width:40px; width:100%; margin-top:14px; float:left; border:solid 1px #ed8502; line-height:0;}

	.mainmenu {}
	.mainmenu ul {width:100%; position:absolute; left:0; right:0; top:70px; background:#383636; display:none; z-index:1000;}
	.mainmenu ul li {float:none; margin:0px; border-bottom:dotted 1px #CCC;}
	.mainmenu ul li a {line-height:1.2; padding:10px 20px; font-weight:400; text-align:right; font-size:14px;}
	.mainmenu ul li a:hover {color:#FFF;}
	a#pull {
		display:block;
		cursor:pointer;
		z-index:500;
		margin:25px auto;
		height:25px;
		line-height:20px;
		text-align:right;
		font-size:18px;
		color:#FFF;
		position:absolute;
		right:20px;
	}
	a#pull img {width:25px; float:left; margin-right:10px;}

	.submenu {padding:0px 0px;}
	.submenu ul li a {line-height:1.3; padding:5px 0px;}

	.headerpic_subpage {display:none;}
}


/* ========== SLIDER ========== */
.swiper-container {width: 100%; height:auto; overflow:hidden;}
.swiper-slide {width:100%;}
.swiper-slide img {width:100%;}


/* ========== WELCOME ========== */
.welcome h1 {text-align:center;}
.welcome p {text-align:center;}

/* ========== SHOP TEASER ========== */
.shop_teaser {background:#383636; color:#FFF;}
.shop_teaser_image {width:100%; line-height:0;}
.shop_teaser_image img {width:100%;}
.shop_teaser_text {padding:30px 0px;}
.shop_teaser_headline {font-size:40px; font-weight:400; text-transform: uppercase; display:block; margin-bottom:20px;}
.shop_teaser_nr {font-size:30px;}

@media (max-width: 800px) {
	.shop_teaser_headline{font-size:25px;}
	.shop_teaser_nr {font-size:25px;}
	.shop_teaser_image {margin:0 -20px; width:auto;}
}


/* ========== OFFERS ========== */
.offers {
	background:#6a6565;
	background-image:url("../img/schattenrind.png");
	background-repeat:no-repeat;
	background-position:right top;
	color:#FFF;
}
.offerbox {margin-bottom:20px;}
.offerbox_icon {/*background:#FFF;*/ width:25px; height:25px; border-radius:100%; float:left; margin-top:3px;}
.offerbox_icon .fa {color:#ed8502; font-size:18px; display:block; margin-top:7px; margin-right:10px;}
.offerbox h2 {color:#FFF;}
.offerbox p {color:#FFF; margin-left:25px;}
.offerbox:hover h2 {color:#ed8502;}


/* ========== TERMINE ========== */
.termine {max-width:1000px; width:100%;}
.cat {margin-bottom:30px;}
.catlist {}
.termin {margin-bottom:10px;}
.order_button {background:#666; line-height:1; color:#FFF; padding:5px 8px; font-size:14px; float:right;}
.order_button:hover {background:#ed8502;}
.termine h2 {border-bottom:dotted 1px #999; padding-bottom:5px; margin-bottom:10px;}


/* ========== PRODUCTS ========== */
.products {font-size:14px;}
.product {margin-bottom:30px; padding-bottom:20px; border-bottom:dotted 1px #666;}
.product_image {width:100%; margin-bottom:20px;}
.product_image img {width:100%;}
.price {font-size:25px; font-weight:600;}
.product h2 {text-transform: uppercase; font-weight:600; margin-bottom:10px; padding:0px;}
.button {height:30px; line-height:30px; padding:0px 10px; font-size:14px; font-weight:400; background:#ed8502; color:#FFF; display:inline-block; margin-top:20px;}
.button .fa-shopping-cart {color:#FFF; display:inline-block; margin-right:5px; font-size:16px;}
.button:hover {background:#d07503; color:#FFF;}

.button_with_arrow {
	display:block;
	color:#FFF;
	margin-top:10px;
}
.button_with_arrow .fa {
	font-size:13px; background:#ed8502;
	border-radius:100%;
	display:inline-block; width:20px; height:20px;
	padding:4px 0px 0px 6px;
	margin: 0px 10px 0px 0px;
}

.teaserbox {margin-bottom:30px;}
.teaserbox_image {margin:20px -20px 0px -20px;}
.teaserbox_image img {width:100%;}

select {
	height:30px;
	margin:-1px 0px 0px 0px;
	padding:0px;
	outline:none;
	border:solid 1px #CCC;
	width:200px;
	background: transparent;
	background: url("../img/select-arrow.png") no-repeat right #FFF;
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    line-height:30px;
}
select::-ms-expand {
    display: none;
}


/* ========== RIGHT COLUMN ========== */
.right_column {}
.right_column h4, .right_column p {color:#FFF;}
.right_cbox {background:#585555; color:#FFF; padding:20px; margin-bottom:1px;}
.cart_container {background:#383636;}

.cart, .cart_mobile {border:solid 1px #FFF; padding:15px;}
.cart .fa-shopping-cart, .cart_mobile .fa-shopping-cart {color:#FFF; font-size:23px; display:inline-block; margin-right:5px; margin-left:-2px;}
.cart_mobile {display:none;}

@media (max-width: 1000px) {
	.cart_container {position:fixed; bottom:-1px; left:0px; right:0px; z-index:400; padding:10px; border-top:solid 1px #FFF; height:40px;}
	.cart_mobile .button_with_arrow {
		display:block;
		width:auto;
		padding:0px 12px;
		line-height:39px;
		background:#ed8502;
		position:absolute; right:0px; bottom:0px;
		height:39px;
		text-transform: uppercase;
		font-size:14px;
	}
	.cart_mobile {display:block; padding:0px; color:#FFF!important; border:none;}
	.cart_mobile a {color:#FFF!important;}
	.cart_mobile .fa-shopping-cart {font-size:20px;}
	.cart {display:none;}
}


/* ========== ORDERING PROCESS ========== */
.ordering_process {margin-bottom:30px;}
.ordering_process_row {margin:0px -1px; display:flex; flex-direction: row;}
.ordering_box_container {padding:0px 1px; -webkit-flex: 1; flex: 1;}
.ordering_box {border-bottom:solid 10px #CCC; margin-bottom:20px; padding:0px 20px 20px 0px;}
.ordering_box_headline {color:#999; line-height:30px; font-weight:600; font-size:18px;}
.ordering_nr {display:inline-block; width:30px; height:30px; font-size:15px; background:#999; border-radius:100%; padding-left:11px; color:#FFF; margin-right:8px;}

@media (max-width: 1300px) {
	.ordering_box_text {display:none;}
	.ordering_box_active .ordering_box_text {display:inline-block;}
	.ordering_box_container {-webkit-flex:none; flex:none;}
	.ordering_box_active {-webkit-flex: 1; flex: 1;}
	.ordering_nr {margin:0px; width:25px; height:25px; padding-left:9px; line-height:2.0; font-size:12px;}
	.ordering_box {padding: 0px 5px 10px 5px;}
	.ordering_box_active .ordering_nr {margin-right:5px;}
}

.ordering_box_active .ordering_box {border-color:#ed8502;}
.ordering_box_active .ordering_box_headline {color:#383636;}
.ordering_box_active .ordering_nr {background:#383636;}
.delete_button .fa {color:#ed8502;}

/* Ordering List */
.ordering_list {}
.ordering_list_head {border-bottom:solid 1px #999; border-top:solid 1px #999; padding:5px 0px;}
.ordering_list_content .list_row {padding:5px 0px; border-bottom:dotted 1px #999;}
.ordering_list .text_right {text-align:right;}

/* Pricing */
.pricing {margin-top:30px;}
.bill {border-top:solid 1px #999; padding-top:10px;}
.endprcie {color:#ed8502; font-weight:700; font-size:20px;}

/* Ordering Navigation */
.ordering_navigation {margin-top:50px; margin-bottom:40px;}
.ordering_navigation ul {list-style-type: none;}
.ordering_navigation ul li {float:left; width:33.333333333%; padding:1px;}
.ordering_navigation ul li a {background:#383636; display:block; color:#FFF; text-align:center; height:30px; line-height:30px; text-transform:uppercase; font-size:14px;}
.ordering_navigation ul li a:hover {background:#ed8502; color:#FFF;}
.ordering_navigation ul li a:hover .fa {color:#FFF;}
.ordering_navigation .clean:hover {background:#383636;}
.ordering_navigation ul:before,.ordering_navigation ul:after { clear:both; content:" "; display:table; }
.ordering_navigation .fa {display:inline-block; margin-right:10px; color:#ed8502;}
.ordering_navigation .fa-chevron-right {margin-right:0px; margin-left:10px;}

/* Ordering Check */
.ordering_checkbox {border-top:dotted 1px #999; padding:15px 0px 25px 0px; position:relative;}
.ordering_check input[type=radio] {display:inline-block; width:auto; margin-right:10px; padding:0; height:auto; float:left;}
.ordering_check input[type=checkbox] {display:inline-block; width:auto; margin-right:10px; padding:0; height:auto; float:left;}
.ordering_check label {font-size:16px; line-height:1.2; width:auto; max-width:80%;}
.ordering_checkbox .infotext {text-transform:uppercase; display:block; font-size:12px; margin-top:15px; margin-bottom:5px;}
.adress_form {max-width:600px; margin-top:20px;}
.ordering_checkbox select {
	height:35px;
	margin:0px;
	width:100%;
}
.ordering_checkbox h4 {margin-bottom:10px;}



/* ========== PARALLAX IMAGE ========== */
.parallax_image {
	background-image:url("../img/parallax-image.jpg");
	background-size:cover;
	background-attachment: fixed;
	background-position:bottom;
	height:400px;
}
.parallax_shop {background-image:url("../img/parallax-image-shop.jpg");}
@media (max-width: 1000px) {.parallax_image {height:200px;}}
@media (max-width: 768px) {.parallax_image {height:150px;}}


/* ========== FOOTER ========== */
.footer {background:#383636; padding:50px 0px; color:#CCC; font-weight:300; border-top:solid 1px #FFF; font-size:14px;}
.footer .logo {margin:0px 0px 10px 0px; max-width:90px;}
.footmenu {}
.footmenu ul {list-style-type: none;}
.footmenu ul li a {color:#CCC; font-size:14px;}
.footmenu ul li a:hover {color:#ed8502;}

.footer_icon {/*background:#FFF;*/ width:25px; height:25px; border-radius:100%; float:left; margin-top:3px;}
.footer_icon .fa {color:#ed8502; font-size:18px; display:block; margin-top:3px; margin-right:10px;}
.footer h4 {color:#CCC;}

@media (max-width: 1000px) {.footer .logo {border:none; margin-right:20px;}}
@media (max-width: 768px) {
	.footer {padding-bottom:80px;}
	.footer .logo {border:none; margin-right:20px;}
	.footmenu {border-top:solid 1px #FFF; margin: 30px 0px;}
	.footmenu ul li {border-bottom:dotted 1px #666;}
	.footmenu ul li a {padding:6px 0px; display:block;}
	.footmenu ul li a:hover {color:#CCC;}
}


/* Scroll Icon */
.scrollicon {
    text-align:center;
    text-decoration:none;
    position:fixed;
    width:40px;
    height:40px;
    border-radius:100%;
    bottom:50px;
    right:20px;
    display:none;
	z-index:3000;
	background:#ed8502;
}
.scrollicon .fa {font-size:18px; color:#FFF; margin-top:8px;}
.scrollicon:hover {background:#cc7303;}
@media (min-width: 1024px) {.scrollicon {bottom:60px; right:100px;}}


/* ========== RESOLUTIONS ========== */
@media (max-width: 1000px) {
	
}

@media (max-width: 768px) {
	
	
}

@media (max-width: 480px) {

	
}



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