/* CSS FOR SPECIAL CONTENT CSS ELEMENTS */

			
/* general layout elements */

	/* title slider and navi */

	.content_home_title_box { background-color:#f6f4ef; margin-bottom:10px; }
	.content_home_title_navi { float:right; width:25%; padding:30px; position:relative; overflow:hidden; }
	.content_home_title_navi h2 { display:block; margin-top:10px; margin-bottom:20px; font-size:33px; color:#4fb59c;  }
	.content_home_title_navi a { color:#8e929d; display:block; margin-bottom:5px; position:relative; }
	.content_home_title_navi a:after { content:"\203A"; position:absolute; right:10px; top:0px; color:#8e929d; }
	.content_home_title_navi a:hover { color:#4fb59c; text-decoration:none; }
	.content_home_title_box { position:relative; }
	.content_home_title_box:after { z-index:999;  content: " "; position:absolute; right:25%; top:0px; bottom:0px; width:30px; background-image:url(/gfx/teaser_startpage_gradient_left.png); background-repeat:no-repeat; background-size: 100% 100%; }
	.content_home_title_teaser { float:left; width:75%; }

	@media (max-width: 1100px) {
		.content_home_title_box:after { right:35%; }
		.content_home_title_teaser { width:65%; }
		.content_home_title_navi { width:35%; }
	}

	@media (max-width: 650px) {
		.content_home_title_teaser { width:100%; }
		.content_home_title_navi { width:100%; border-top:10px solid #fff; padding:20px; }
		.content_home_title_box:after { display:none; }
		.content_home_slide { height: 450px !important; }
	}
	
	/* slider */
	.content_home_slide { position:relative; border:1px solid #fff; margin: 0px; padding:0px; width: 100%; height: 550px; background: #efefef; }
	.content_home_slide ul li { margin:0px; padding:0px; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; list-style: none; }
	.content_home_slide .dots { position: absolute; left: 0; right: 0; bottom: 20px; width: 100%; z-index: 3; text-align: center; }
	.content_home_slide .dots li { display: inline-block; margin: 0 5px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; opacity: 0.4; cursor: pointer; transition: background .5s, opacity .5s; list-style: none; }
	.content_home_slide .dots li.active { background: #fff; opacity: 1; }
	.content_home_slide .arrow { cursor:pointer; }
	.content_home_slide .arrow_left { z-index:3; top: 40%; left:14px; opacity:0.4; color:#fff; font-size:50px; text-decoration:none; position:absolute; }
	.content_home_slide .arrow_left:after {	content:"\2039"; }
	.content_home_slide .arrow_left:hover { opacity:1; }
	.content_home_slide .arrow_right { z-index:3; top: 40%; right:25px; opacity:0.4; color:#fff; font-size:50px; text-decoration:none; position:absolute; }
	.content_home_slide .arrow_right:after { content:"\203A"; }
	.content_home_slide .arrow_right:hover { opacity:1; } 
	.content_home_slide_overlay { position:absolute; width:100%; height:80%; position:absolute; left:0px; bottom:0px; z-index:9999; opacity:0.7 }
	
	/* small article teaser box for magazine, blog overview etc. */
	.article_teaser_box { background-color:#f6f4ef; color:#8e9092; margin-bottom:30px; font-size:13px;   }
	.article_teaser_box:hover { box-shadow:0px 0px 10px rgba(0,0,0,0.2); }
	.article_teaser_box_content { padding:30px; }
	.article_teaser_box_content .max_height { position:relative; height:120px; overflow:hidden; }
	.article_teaser_box_content .max_height:after { content: " "; position:absolute; left:0px; bottom:0px; width:100%; height:50px; background-image:url(/gfx/box_ragged_fadeout.png); background-repeat:repeat; }
	.article_teaser_box strong { font-size:19px; display:block; margin:0px; margin-bottom:20px; }
	.article_teaser_box .img_container { background: url() no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:240px; width:100%; }
	.article_teaser_box .btn { margin-top:20px; font-size:15px; }
	
	.article_teaser_box .btn-rounded { display:inline-block; margin-top:20px; font-size:15px; width:auto; font-style: italic; padding:5px; padding-left:15px; padding-right:15px; background-color:rgba(79,180,155,0.8); border-radius:3px; -moz-border-radius:3px; color:#fff; margin:auto; margin-top:10px; text-shadow:none; border:0px; box-shadow:none; background-color:Red; }
	.article_teaser_box .btn-rounded:hover { background-color:rgba(79,180,155,1); text-decoration:none; }
	.article_teaser_box .catalog_button { display:inline-block; margin-top:10px; font-size:15px; width:auto; font-style: italic; padding:5px; padding-left:15px; padding-right:15px; background-color:rgba(79,180,155,0.8); border-radius:3px; -moz-border-radius:3px; color:#fff; margin:auto; margin-top:10px; text-shadow:none; }
	.article_teaser_box small { display:block; margin-top:10px; text-align:right; }


	@media (max-width: 750px) {
		.article_teaser_box { text-align:center; }
	}

	/* centered header */
	.content_header { margin-bottom:40px; margin-top:20px; text-align:center; line-height:1.5; }
	.content_header h1 { margin:0px; font-family:"Origo"; font-size:54px; text-align:center; }
	.content_header small { font-size:20px; margin-top:10px; width:70%; margin:auto; display:block; }
	.content_header .img-rounded { width:120px; height:120px; background-color:#fff;  border-radius:999px; -moz-border-radius:999px; background-position:50% 50%; background-size: 120% auto;  }
	.content_header .search_form { width:80%; padding-top:20px; display:block; margin:auto; }

	@media (max-width: 650px) {
		.content_header small { width:90%; }
	}

	/* search box for content */
	.content_rounded_search_box { width:100%; position:relative; height:40px; background-color:#f4f4f4; border:none; border-radius:22px; -moz-border-radius:22px; }
	.content_rounded_search_box input::-webkit-input-placeholder { color: #ccc; font-style:italic; }
	.content_rounded_search_box input::-moz-placeholder { color: #ccc; font-style:italic; }
	.content_rounded_search_box input:-ms-input-placeholder { color: #ccc; font-style:italic; }
	.content_rounded_search_box input:-moz-placeholder { color: #ccc; font-style:italic; }
	.content_rounded_search_box input { width:100%; height:100%; padding-left:20px; padding-right:55px; background-color:transparent; border:none; outline: none; }
	.content_rounded_search_box button { position:absolute; right:10px; padding-left:10px; top:0px; height:40px; border:0px; background-color:transparent; border-left:1px solid #fff; color:#4fb59c;  }


	/* standalone content box shadow */
	
	.content_box_shadow { width:100%; margin:0px; background-color:#fff; box-shadow:1px 1px 4px rgba(0,0,0,0.1); border-radius:3px; border:1px solid #e6e1e0; padding:40px; }
	.content_box_shadow input { margin-bottom:20px; }

	@media (max-width: 650px) {
		.content_box_shadow { border:0px; margin-top:-25px; margin-bottom:-25px; padding:20px; padding-top:30px; padding-bottom:30px; font-size:14px; box-shadow:none; }
	}
	

/* magazin */
	.content_magazin_container { margin-top:20px; }
	.content_magazin_article { font-size:16px; padding-right:40px; padding-left:40px; margin-bottom:30px; line-height:1.6; }
	.content_magazin_article h1 { margin:0px; font-family:"Origo"; font-size:54px; text-align:center; margin-top:40px; margin-bottom:10px; }
	.content_magazin_article h1:first-child { margin-top:0px; }
	.content_magazin_article img { width:100%; height:auto; margin:0px; margin-top:10px; margin-bottom:10px; }
	.content_magazin_article address { font-size:12px; text-align:right; color:#fff; margin-right:20px; margin-top:-40px; margin-bottom:20px; text-shadow:0px 0px 3px rgba(0,0,0,0.9); }
	.content_magazin_article small { color:#ccc;display:block; margin:0px; margin-top:-15px; margin-bottom:20px; text-align:center;  }

	/* product set */
	.content_magazin_article_products { }
	.content_magazin_article_products .container_title {  color:#8e9092; text-align:center; font-size:20px; padding:20px; width:100%; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin:40px 0px 20px 0px; }
	.content_magazin_article_products small { margin:0px;  }
	.content_magazin_article_products img { margin-top:-12px; margin-bottom:20px; }
	
	/* sidebar */
	.content_magazine_sidebar {}
	.content_magazine_sidebar .container_title { color:#8e9092; text-align:center; font-size:20px; padding:20px; padding-top:30px; width:100%; }	

	/* footer bar */
	.content_magazine_subbar { margin-top:40px; border-top:1px solid #e3e3e3; }
	.content_magazine_subbar .container_title { color:#8e9092; text-align:center; font-size:20px; padding:30px; width:100%;  }
	
	@media (max-width: 750px) {
		.content_magazin_article { padding:0px; }
	}

	
	
/* blog directory */

	.article_teaser_box_blog_article .max_height { height:240px;  }
	.article_teaser_box_blog_article { border:1px solid #f6f4ef; }


/* company */

	.container_about { }
	.container_about_content { background-color:#fff; border:1px dotted #fff; border-radius:3px; -moz-border-radius:3px;  padding:40px; font-size:15px; line-height:1.8; }
	.container_about_content img { width:100%; height:auto; margin-top:30px; margin-bottom:30px; }
	.container_about_content .about_box { display:block; margin-bottom:30px; margin-top:20px; text-align:center;  }
	.container_about_content .about_box h2 { color:#d0b6aa; margin-bottom:10px; }
	.container_about_content .about_box span { }
	.container_about_content .about_box_details {  text-align:center; color:#8e9092;   width:80%; margin:auto; margin-bottom:30px; }
	.container_about_content .about_box_details h3 { color:#84cbb9; font-family:"Origo";  margin:0px;  margin-bottom:5px; }

	.container_about_content_colum { font-size:13px; width:100%; -webkit-column-count:2; -moz-column-count:2; column-count:2; column-gap:40px; -moz-column-gap:40px; -webkit-column-gap:40px; margin-top:0px; line-height:1.5; }	
	.container_about_sidebar .article_teaser_box { background-color:#fff; }
	
	@media (max-width: 650px) {
		.container_about_content { margin:-15px; margin-top:-25px; margin-bottom:-25px; padding:15px; padding-bottom:25px; padding-top:25px; font-size:14px; }
		.container_about_content .about_box { text-align:left; }
		.container_about_content .about_box_details {  text-align:left; width:100%; }
		.container_about_content_colum { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	}
	
/* startpage */

	/* main and sub teaser for article */
	.start_article_teaser { position:relative; overflow:hidden; }
	.start_article_teaser img { width:100%; height:50%; position:absolute; left:0px; bottom:0px;  }
	.start_article_teaser_ragged { width:100%; height:37px !important; position:absolute; left:0px; top:0px; }
	
	.start_article_teaser_overlay { position:absolute; left:10%; width:80%; bottom:0px; min-height:65%; padding-bottom:40px; vertical-align:middle; text-align:center; color:#fff;  text-shadow:2px 2px 5px rgba(0,0,0,0.5); }	
	.start_article_teaser_overlay { font-family:"Open Sans"; color:#fff; font-size:16px; text-align:center; }
	.start_article_teaser_overlay strong { font-family:"Origo"; font-size:48px; line-height:1; display:block; }		
	.start_article_teaser_overlay .btn { font-size:16px; width:auto; font-style: italic; padding:8px; padding-left:16px; padding-right:16px;  }
	
	.start_article_teaser_main { width:100%; height:500px; position:relative; background-color:#ccc; margin-bottom:20px; background: url() no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.start_article_teaser_main .start_article_teaser_overlay { min-height:48%; width:90%; left:5%;}
	.start_article_teaser_main .start_article_teaser_overlay strong { font-size:65px; }
	.start_article_teaser_main .start_article_teaser_overlay { font-size:16px; }
	.start_article_teaser_main .start_article_teaser_overlay span { display:inline-block; width:65%; margin:auto; }
	
	.start_article_teaser_sub { width:100%; position:relative; background-color:#ccc; margin-bottom:10px; background: url() no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.start_article_teaser_sub_big { height:440px; margin-bottom:20px; }
	.start_article_teaser_sub_small { height:210px; margin-bottom:20px;  }
	.start_article_teaser_sub_small .start_article_teaser_overlay { text-align:left; padding-bottom:20px; }
	.start_article_teaser_sub_small .start_article_teaser_overlay strong { font-size:44px; margin:0px; line-height:1.5; }
	.start_article_teaser_sub_small img { width:100%; height:150%; }
	.start_article_teaser_sub_small .gradient { position:absolute; left:0px; right:0px; top:0px; bottom:0px; background-color: rgba(0,0,0,0.2); }
	.start_article_teaser_sub_big .start_article_teaser_overlay { text-align:left !important; min-height:30px; }

	.start_article_teaser_container_left { padding-right:10px; }
	.start_article_teaser_container_right { padding-left:10px; }
	
	@media (max-width: 1000px) {
		.start_article_teaser_container_left { padding-right:15px; }
		.start_article_teaser_container_right { padding-left:15px; }
	}
		
	
	/* brush headline */
	.content_headline_brush { z-index:2; position:absolute; width:100%; height:250px; left:0%; top:0px; margin-top:-165px; padding-top:40px; text-align:center; background: url('/gfx/brush_1.png') no-repeat center center; }
	.content_headline_brush h2 { font-family:"Origo"; font-size:58px; display:block; color:#d0b6aa; }
	.content_headline_brush small { font-family:"Open Sans"; font-size:18px; display:block; color:#8e9092; }


	/* shopping teaser grid */
	.product_grid { width:100%; position:relative; background-color:#ccc; margin-top:10px; margin-bottom:10px; background: url() no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	.product_grid .overlay { position:absolute; width:80%;  z-index:9999; }
	.product_grid .overlay strong { font-family:"Origo"; color:#fff; font-size:55px; display:block; text-shadow:2px 2px 30px rgba(0,0,0,0.8); }		
	.product_grid .btn { font-size:16px; width:auto; font-style: italic; padding:8px; padding-left:16px; padding-right:16px;  }

	.product_grid_1_1_parent { padding-right:10px; }
	.product_grid_1_1 { height:630px; }
	.product_grid_1_1 .overlay { top:30px; left:40px;  }
	.product_grid_1_2_1_parent { padding-left:10px; }
	.product_grid_1_2_1 { height:290px; padding-bottom:20px; }
	.product_grid_1_2_1 .overlay { top:30px; right:40px; text-align:right; }
	.product_grid_1_2_2_parent { padding-right:10px; }
	.product_grid_1_2_2 { height:320px; }
	.product_grid_1_2_2 .overlay { bottom:20px; left:0px; width:100%; text-align:center; }

	.product_grid_1_2_3_parent { padding-left:10px; }
	.product_grid_1_2_3 { height:320px; }
	.product_grid_1_2_3 .overlay { bottom:20px; left:0px; width:100%; text-align:center; }


	@media (max-width: 1000px) {
		.product_grid_1_1_parent { padding-left:15px; padding-right:15px; }
		.product_grid_1_2_1_parent { padding-right:15px; padding-left:15px; }
		.product_grid_1_2_2_parent { padding-right:15px; }
		.product_grid_1_2_3_parent { padding-left:15px; }
	}

	@media (max-width: 1000px) {
		.product_grid { overflow:hidden; } 
		.product_grid .overlay strong { font-size:44px; }
	}

	/* mini catalog */
	.mini_catalog_container { background-color:#f6f4ef; width:100%; padding:40px; margin-top:10px; }
	.mini_catalog_colum { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-rule: 1px outset #fff; -moz-column-rule: 1px outset #fff; column-rule: 1px outset #fff; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; }
	.mini_catalog { }
	.mini_catalog_items a { position:relative; display:inline-block; background-color:#fff; padding-top:3px; padding-bottom:3px; padding-right:11px; color: #707275; margin:3px; margin-left:16px; background-image:url(/gfx/marker1_back.png); background-repeat:repeat; background-size: 100% auto; font-size:13px; font-weight:bold; }
	.mini_catalog_items a:hover { color: #4fb59c; text-decoration:none; }
	.mini_catalog_items a:after { content:" "; position:absolute; left:0px; top:0px; bottom:0px; margin-left:-16px; width:16px; background-image:url(/gfx/marker1_begin.png); background-repeat:no-repeat; background-size: 100% 100%; }

	.mini_catalog strong { display:block; margin-bottom:5px; }
	.mini_catalog strong a { text-decoration:none; color:#bdb6ae; font-size:32px; font-family:"Origo"; background:none; background-color:transparent; margin:0px; }
	.mini_catalog strong a:hover { color: #4fb59c; text-decoration:none; }
	.mini_catalog_items { margin-bottom:20px;  }
	.mini_catalog_top_shops { position:relative; background-color:#fff; width:100%; margin:20px 0px 20px 0px;  color: #707275; font-size:12px; text-align:center;  }
	.mini_catalog_top_shops img { margin:4px; }

	@media (max-width: 650px) {
		.mini_catalog_container { padding:25px;  }
		.mini_catalog_colum{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
		.mini_catalog_items a { margin:7px; }
	}
	
	/* ragged box */
	.content_box_ragged { position:relative; background-color:#f6f4ef; padding:40px; margin-top:60px; }
	.content_box_ragged:after { content: " "; position:absolute; left:0px; top:0px; width:100%; height:33px; background-image:url(/gfx/teaser_startpage_gradient_top.png); background-repeat:no-repeat; background-size: 100% 100%; }
	.content_box_ragged h2 { color:#d0b6aa; font-size:58px; font-family:"Origo"; text-align:center; margin-bottom:10px; }
	.content_box_ragged small { display:block; text-align:center; width:80%; padding-left:20px; padding-right:20px; margin:auto; margin-bottom:50px; font-size:16px; } 
	.content_box_ragged .img-rounded { width:190px; height:190px; background-color:#fff;  border-radius:999px; -moz-border-radius:999px; background-position:50% 50%; background-size: 120% auto; margin:auto; }
	.content_box_ragged strong { color:#bdb6ae; font-size:32px; margin-top:15px; margin-bottom:10px; font-family:"Origo"; text-align:center; display:block; }
	.content_box_ragged strong a { color:#bdb6ae; text-decoration:unterline; }
	.content_box_ragged .blog_box { margin-bottom:20px; text-align:center; color:#8e9092; font-size:13px; }
	.content_box_ragged .blog_box_content { height:150px; overflow:hidden; margin-bottom:0px; }
	.content_box_ragged .fadeout { position:relative; }
	.content_box_ragged .fadeout:after { content: " "; position:absolute; left:0px; bottom:0px; width:100%; height:50px; background-image:url(/gfx/box_ragged_fadeout.png); background-repeat:repeat; }
	.content_box_ragged .button_box { text-align:center; margin-top:20px; }
	.content_box_ragged .button_box .btn { margin-bottom:10px; }

	@media (max-width: 650px) {
		.content_box_ragged { padding:25px; padding-top:40px; }
		.content_box_ragged small { width:95%; padding:0px;  }
	}
	
	/* about box */
	.start_about_box { margin-top:40px; padding:40px; color:#8e9092;  }
	.start_about_box h2 { color:#d0b6aa; text-align:center; margin-bottom:10px; }
	.start_about_box small { display:block; width:60%; text-align:center; margin:auto; margin-bottom:30px;  font-size:16px; line-height:1.8; }
	.start_about_box .details_box {  text-align:center; margin-bottom:15px; font-size:16px; line-height:1.8; background-image:url(/gfx/about_background.jpg); background-size: 100% auto; background-repeat:no-repeat; }
	.start_about_box .details_box img { margin-top:30px; margin-bottom:10px; }

	.start_about_box .details_box h3 { color:#84cbb9; font-size:38px;font-family:"Origo";  margin:0px;  margin-bottom:5px; }
	.start_about_box .details_box span { display:block; width:90%; margin:auto; font-size:15px;  }
	.start_about_box .button_box { text-align:center; margin-top:40px;  }
	.start_about_box .colum_container { margin-top:20px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; }
	.start_about_box .button_box_international { margin-bottom:-30px; background-color:#f7f6f4; padding:20px; border-radius:3px; -moz-border-radius:3px; font-weight:bold; }
	.start_about_box .button_box_international a { display:inline-block; margin:3px; background-color:#fff; color:#57afa5; border-radius:3px; -moz-border-radius:3px; padding:2px 7px 2px 7px; font-size:13px;  white-space: nowrap;  }
	.start_about_box .button_box_international a:hover { text-decoration:none; background-color:#57afa5; color:#fff; }
	@media (max-width: 950px) {
		.start_about_box .colum_container { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
	}
	@media (max-width: 650px) {
		.start_about_box { padding:15px; }
		.start_about_box small { width:95%; padding:0px; }
		.start_about_box .colum_container { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	}