/* 

bootstrap breakpoints: 

Extra small devices
Phones (<768px)

Small devices
Tablets (≥768px)
@media (min-width: 768px) 

Medium devices
Desktops (≥992px)
@media (min-width: 992px)

Large devices
Desktops (≥1200px)
@media (min-width: 1200px) 

*/

/**
 * Retina Logo
 **/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
    .logo_frei_apothekenkosmetik a {
        background-image: url("/images/FreiOel_Logo_retina.png"); 
        background-size: 99px 73px;  
        background-position: center center;
        width: 99px;
        height: 73px;
        display: block;
    }
    .logo_frei_apothekenkosmetik a img {
        display: none;
    }
}


@media (max-width: 1200px) {
	
	.carousel-inner {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
	.carousel-control.left {
		left: -5%;
	}
	.carousel-control.right {
		right: -5%;
	}
	
	#mainmenu .level_0 > li.active > a {
		/*padding: 7px 11px 5px;*/
	}

}


@media (min-width: 992px) {
	
.bx-prev.disabled,
.bx-next.disabled {
	display: block !important;
}

	.slideshow_frontpage_wrapper {
		/*
		position: relative;
		min-height: 520px;		
		*/
	}
	.slideshow_frontpage_wrapper .item {
		/* min-height: 520px; */
	}
	
	
	.nav-child {
		/* display: none; */
	}
	
	.blog .blog_image_area {
		/*min-height: 365px;*/
	}
	
	/* Gewinnspiel */
	
	fieldset.adresse_fieldset {
		width: 460px;
	}
	 
	fieldset.adresse_fieldset .form-group {
		width: 230px;
		float: left;
	}

	fieldset.adresse_fieldset .input-group {
		display: block;
	}

	fieldset.adresse_fieldset .form-group  .input-group-addon {
		width: auto;
		display: block;
	}

	form fieldset.adresse_fieldset .form-group .form-control {
		width: 220px;;
	}

	.adresse #gewinnspiel_strasse,
	.adresse #gewinnspiel_plz,
	.adresse #gewinnspiel_country {
		margin-right: 10px;
	}

	.adresse #gewinnspiel_hausnummer,
	.adresse #gewinnspiel_ort {
		margin-left: 10px;
	}

	.adresse #gewinnspiel_hausnummer-lbl,
	.adresse #gewinnspiel_ort-lbl {
		margin-left: 10px;
	}
	
	/** 
	 * Hero sections / Produktfilter / Descriptions : Der graue Bereich unterhalb der Headings
	 **/ 
	 
		.hero_section,
		.hero_above_component,
		.produktserie_categories_wrapper,
		.fullwidth_section.description,
		.fullwidth_section.contact_form_description {
			min-height: 120px; /* ~height */
		}
		 
		.hero_section_large {
			min-height: 195px; /* ~height */
		}
		 
		.fullwidth_section.headings {
			min-height: 130px; /* ~height */
		}
		
		#topbar .module_search   form .input-group .form-control {
			width: 225px;
		}
	
	.show_responsive {
		display: none;
	}
  

} /* min-width: 992px */

@media (max-width: 991px) {
	/* PM RH 24.03.2015: Dadurch verschiebt sich der Content nicht mehr nach utnen, das Menu überlappt den Header also: Ich aber auch besser. */
		ul.slimmenu {
			z-index: 9999;
			position: absolute;
			top: 73px;
			-webkit-box-shadow: 0px 5px 7px -2px #BFBCBC;
    		-moz-box-shadow: 0px 5px 7px -2px #BFBCBC;
    		box-shadow: 0px 5px 7px -2px #BFBCBC;
		}

		#abovecomponent {
			width: 100%;
			padding: 0;
		}
		.header_wrapper .container {
			width: 100% !important;
		}

		.header_wrapper {
			position: fixed !important;
		    width: 100%;
		    background-color: #fff;
		}

		.box {
			max-width: 100%;
		}
		body img,
		body .positioning_wrapper img {
			max-width: 300px !important;
		}
		body #abovecomponent .slider img {
			max-width: 100% !important;
		}
		body .bx-wrapper img {
			width: 100%;
		}

	/* Gewinnspiel */
		.gewinnspiel .gewinnspiel_top img {
			float: none !important;
			margin: 0 auto !important;
			display: block;
		}

	/* hautnah */
		.hautnah #abovecontent .moduletable .row {
			height: auto;
		}
		.aktuelles_bg .aktuelles_txt {
			float: none;
			margin-top: 50px;
		}
		.aktuelles_bg .aktuelles_txt .aktuelles_news {
		    padding-bottom: 0px;
		    border-bottom: 0px;
		    display: block;
		    text-decoration: underline;
		    text-align: center;
		    margin-top: 50px !important;
		}
		.aktuelles_bg .aktuelles_txt .aktuelles_news:hover {
		    text-decoration: none;
		}
		.hautnah #abovecontent .moduletable .row .positioning_wrapper {
			margin-top: 0 !important;
		}

	/* Überschriften */
	.fullwidth_section.headings hgroup,
	.fullwidth_section.contact_form_headings hgroup {
		margin-bottom: 20px;
	}

	.hautnah #abovecontent .container,
	.hautnah #abovecontent .positioning_wrapper {
		height: auto;
		background-image: none;
	}
	.hautnah #abovecontent .container img {
		margin: 0 auto !important;
		margin-bottom: 20px !important;
		display: block;
		float: none !important;
	}
	.productpage #abovecontent .produktserie_headings .container,
	.info_special #abovecontent .produktserie_headings .container {
		height: auto !important;
		min-height: 100% !important;
		background-image: none !important;
	}
	.page_product_lines .moduletable .container {
		height: auto !important;
		background-image: none !important;
	}
	.page_product_lines .moduletable .container .product_overview_section_image {
		position: static !important;
		margin: 0 auto;
		margin-top: 10px;
		display: block;
	}
	.page_product_lines .moduletable .container .row .pull-right {
		float: none !important;
	}

	/* Buttons */
		body a.white_button,
		body button.white_button {
			display: block;
			width: 90% !important;
			margin-left: auto !important;
			margin-right: auto !important;
			margin-bottom: 30px;
		}

		.productpage .link_to_products {
			display: none;
		}

		/* Bilder der Startseite ausblenden */
			.page_start #component_wrapper .moduletable {
				padding: 50px 0 75px 0;
			}
			.page_start #component_wrapper .slider {
				padding: 0;
			}
			.page_start #component_wrapper .nummer_eins {
				padding: 0px 0 75px;
			}
			.page_start #component_wrapper .moduletable img {
				float: none !important;
				display: block !important;
				position: static !important;
				margin: 0 auto !important;
				position: static !important;
			}
			.page_start #component_wrapper .moduletable .positioning_wrapper {
				float: none !important;
			}

			.page_start #component_wrapper .nummer_eins .oelverlauf{
				display: none !important;
			}

			.page_start #component_wrapper .figuroel .container {
				background-image: none !important;
				color: #fff;
				height: auto !important;
		}
		.page_start .figuroel .container .tropfen {
			position: static !important;
			margin: 0 auto;
		}
		.page_start .figuroel {
			background-color: #a5cb6d;
			border-bottom: 0;
		}
		.page_start .figuroel a.white_button,
		.page_start .figuroel button.white_button {
			background-color: transparent;
			border-color: #fff;
			color: #fff;
		}
		.page_start .figuroel a.white_button:hover,
		.page_start .figuroel button.white_button:hover {
			background-color: #fff;
			color: #bce194;
		}
	/* Logo */
		body #mainmenu .logo_frei_apothekenkosmetik img {
		    margin-left: 0px;
		}
	
	
	/* den ganzen Header neu positionieren. PM RH, 24.03.2015 */
		#topbar .container .row {
			margin-left: -10px;
			margin-right: -10px;
			width: 75%;
			float: right;
		}
				
		/* Logo */
			#topbar .logo_frei_apothekenkosmetik  {
				  position: absolute;
				  top: 70px;
				  left: 0;
				  width: auto;
			}
			#topbar .logo_frei_apothekenkosmetik img {
				height: auto!important;
				max-width: 100%;
				margin: 0;
				float: none;
				display: inline;
			}
				
		.mean-container .mean-bar .subtitle {
			font-size: 14px;
		}
		/* Sekundäres Menü */
			.menu_secondary {
				text-align: right;
				margin-top: 20px;
			}
			.menu_secondary a {
				line-height: inherit;
				margin-left: 10px;
				margin-right: 0px;
				/*font-size: 16px;*/
			}
		
		/* Suche */
			#module_95.module_search {
				text-align: right;
			}
			.module_search .navbar-form-custom .input-group {
				margin: 20px 0 0;
			}
			.module_search .navbar-form-custom .input-group {
				max-width: inherit;
			}
	
		/* Sprachauswahl anders positionieren. PM RH, 24.03.2015 */
			/*#module_128.module_language {
				  position: absolute;
				  top: 55px;
				  right: 0px;
				  width: 100%;
				  text-align: right;
				  padding-right: 25px;
			}	*/
			body .module_language .mod-languages {
				margin-top: 10px;
				float: right;
			}
			body .module_language .mod-languages a {
				/*display: block;*/
    			float: none;
    			text-align: right;
			}		
			body .module_language .mod-languages .pretext,
			body .module_language .mod-languages .pretext p {
				display: inline-block;
			}
			body .module_language .mod-languages * {
				font-size: 13px;
				font-weight: normal;
			}
			body #topbar {
			    margin: 0px;
			}
					
		.content_wrapper {
			padding-top: 118px;
		}
			
	
	
	.navbar-form-custom,
	.mod-languages.frei_layout {
		margin-top: 0;
	}
	
	#mainmenu li.start_menu_link_parent {
		margin-right: 0;
	}
	#mainmenu li.apotheken_menu_link_parent {
		position: static;
	}
	
	#mainmenu .level_0 > li > a {
		/*font-size: 13px;*/
		padding-right: 8px;
		border-right: 1px solid white;
	}
	
	.nav-child {
		/* display: block; */
	}
	
	/* Slider Home */
	
	.slider_section_home .carousel {
		padding: 0 10px;
	}

	#component .carousel-control.left ,
	#component .carousel-control.right {
	right: 0px;
	display: none;
	}
	
	#component ol.carousel-indicators {
	bottom: -5px;
	right: 5px;
	}

	/* Buttons */
	a.white_button,
	a.blue_button {
		display: block;
		margin-top: 40px;
		text-align: center;
	}
	
	/* Gewinnspiel */

	button.gewinnspiel_submit {
		margin: 0 auto;
		float: none !important;
		display: block;
		margin-top: 20px;
	}
	
	/* Bilder in Beiträgen */
	
	.item-page-default-layout .item-image img {
	margin: 50px auto 50px;
	display: block;
	}
	
	/* hero section */
	
	.hero_above_component {
	}
	
	.hero_above_component .hero_image {
	}
	
	.hero_above_component .scroll_to_explore {
	}
	
	.hero_above_component .hero_box {
	}
	
	/** Alles was mit den Absolut-positionierten Elementen in den Modulinhalten und dem Parallax zu tun hat **/
	
		.scrollable {
			display: none!important;
			opacity: 0!important;
		}
		
		.positioning_wrapper {
			width: auto!important;
			height: auto!important;
			padding-left: 10px;
			padding-right: 10px;
			min-height: initial!important;
		}
		
		.positioning_wrapper * {
			position: static!important;
			width: auto!important;
			max-width: 100%!important;
			margin-left: 0!important;
			height: auto!important;
			text-align: left;
		}
		
		p > br {
			content: "&nbsp;";
			width: 5px;
			display: inline-block;
		}
		
		.produktserie_description p {
			
		}
		
		.product_detail_view .product_detail_image_wrapper  { 
			margin-top: 0!important ;
		}

	.show_responsive {
		display: block;
	}

	


	/* Homepage */
		.page_start .prinzip_section .positioning_wrapper {
			margin-top: 20px !important;
		}
		.page_start #component_wrapper .prinzip_section .positioning_wrapper img {
			margin-bottom: 50px !important;
		}

	/* Suche */
		.search .navbar-form .input-group input {
			height: 43px;
		}

	/* Global */
		.container {
		    width: 100% !important;
		}
		/*h1 {
			font-size: 35px !important;
			word-wrap: break-word;
		}
		h2.section_heading,
		.item-page-default-layout .article_content_col h2.section_heading,
		.fullwidth_section.headings h2,
		h2 {
			font-size: 35px !important;
		}
		h3 {
			font-size: 30px !important;
		}
		h5 {
			font-size: 13px;
		}
		p,
		span,
		li {
			font-size: 15px !important;
		}
		small {
			font-size: 13px;
		}
		.a.white_button,
		button.white_button {
			font-size: 13px;
		}*/
		body .produktserie_headings .container hgroup {
			float: none;
		}
		form fieldset.rechtliches_fieldset label small,
		.gewinnspiel_bottom small {
			/*font-size: 25px !important;*/
		}


	/* Suche */
		#mainmenu .search {
			margin-left: 0;
		}
		.search.responsive .navbar-form {
			left: -15px;
		    width: 106%;
		    background-color: #fff;
		    border: 0;
		}
		.search.responsive .navbar-form .input-group {
			width: 80%;
		    margin: 0 auto;
		    padding: 20px 0;
		    background-color: #fff;
		    display: block;
		}
		body .search .navbar-form .input-group input {
			height: 50px;
			border-color: #193a68;
			border-radius: 50px;
			padding: 6px 23px;
		}

	/* Produktübersicht */
		/*.fullwidth_section.produktserie_headings h1 {
			font-size: 50px;
		}
		.fullwidth_section.produktserie_headings h2 {
			font-size: 35px !important;
		}*/
		body .produktserie_headings .container hgroup p:last-of-type {
		    margin-top: 0px;
		    margin-bottom: 30px;
		}

	/* Footer */
		#footer .moduletable {
			float: none;
		}
		.footer_menu h3 {
			display: none;
		}
		/*.footer_menu li a {
			font-size: 20px;
		}
		#footer p,
		#footer a {
			font-size: 20px;
		}*/
		#footer a:hover {
			text-decoration: none !important;
		}
		#footer .footer_menu li a:hover {
			text-decoration: underline !important;
		}
		.footer_menu li {
		    padding: 20px 0;
		}
		#footer .menu_top_topics li a {
			font-weight: bold;
		}
	/* Ausblenden einiger Menüpunkte */
		#footer .item-246,
		#footer .weitere_links {
			display: none;
		}
	
	/* Aktuelles */
		.blog_view_pm.aktuelles .item_wrapper, .contact_category_list .cat-list {
		    display: block;
		}
		.blog_view_pm.aktuelles .item_wrapper .blog_content_area .blog_content_wrapper,
		.contact_category_list .cat-list .item-title .contact_item_content {
			position: static;
		}
}

@media (max-width: 768px) {
	
	/* Slider */
		.page_start .slider {
			display: none;
		}

	.product_detail_view .backBtn, .product_detail_view .backBtnHistory {
	    margin: 20px 0 20px 0;
	}
	/* Filter */
		body .produktserie_categories .filter {
		    max-width: 100%;
		    border: 0px;
		    border-radius: 0;
		    padding: 0px;
		    margin: 0 auto;
		}
		.produktserie_categories .filter .category_filter{
		    width: 100% !important;
		    border: 1px solid #ccd2dc;
		    border-radius: 60px;
		    padding: 0px;
		    margin: 0 auto;
		    margin-bottom: 10px;
		}
		.produktserie_categories a.radio.frei_radio {
		    padding: 20px 10px !important;
		    border-left: 0px !important;
		}
		.produktserie_categories a.radio.frei_radio.show_all_categories {
		    display: block !important;
		    width: 100%;
		    /*max-width: 697px;*/
		    border: 1px solid #ccd2dc;
		    border-radius: 60px;
		    padding: 0px 30px;
		    margin: 0 auto;
		    text-align: center;
		}
		.filter .filter_wrapper {
		    display: block;
		    margin-right: 0px;
		    width: 50%;
		    float: left;
		    text-align: center;
		}
		.filter .category_filter.button-group div:first-of-type a {
		 	border-top-left-radius: 60px;
		    border-bottom-left-radius: 60px;
		    padding-left: 25px;
		    border-right: 1px solid #ccd2dc;
		}
		.filter .category_filter.button-group div:nth-of-type(2) a {
		 	border-top-right-radius: 60px;
		    border-bottom-right-radius: 60px;
		    padding-right: 25px;
		    border: 0px solid #ccd2dc;
		    border-left: 0;
		 }
		.filter .filter_wrapper a {
		    width: 100%;
		}
		.produktserie_categories .filter h3 {
		    margin-right: 0px;
		    margin-bottom: 30px;
		    /*font-size: 25px !important;*/
		}
		.produktserie_single .produktserie_categories_wrapper {
			padding: 15px;
		}
		.produktserie_categories .filter {
			display: block;
		}
		.produktserie_categories a.radio.frei_radio {
			margin-right: 0;
		}
		.produktserie_single .catItemImageBlock img {
		    max-width: 180px;
		}
		.produktserie_single .single_product {
		    margin-bottom: 20px;
		}
		.produktserie_single .catItemTitle a {
			display: inline-block;
			padding: 15px 30px;
			font-size: 16px;
		}
		.produktserie_single .single_product {
		    width: 100%;
		    left: 0 !important;
		}
		.produktserie_single .single_product .catItemTitle {
		    padding-top: 0;
		    height: auto;
		}

		/* Produktdetail */
			.product_detail_view .product_custom_field.subtitel {
				/*font-size: 35px;*/
			}
			.product_detail_view .product_custom_field {
				/*font-size: 20px;*/
			}
			.produktdetail_extrafields .flex_item h4 {
				/*font-size: 35px;*/
				margin-bottom: 10px;
			}
			.produktdetail_extrafields .flex_item {
				margin-bottom: 65px;
			}
			/*.show_more {
				font-size: 25px;
			}
			.bx-wrapper p {
				font-size: 16px !important;
			}*/


	/* Artikelübersicht und Unternehmen */
		.blog_view_pm.aktuelles .items-leading div:nth-of-type(2n),
		.contact_category_list .contacts div:nth-of-type(2n) .cat-list {
			flex-direction: row;
    		-webkit-flex-direction: row;
		}
		.blog_view_pm.aktuelles .item_wrapper,
		.contact_category_list .cat-list {
			display: block;
			margin-bottom: 0;
		}
		.spacer {
			display: none;
		}
		.blog_view_pm.aktuelles .item_wrapper .blog_content_area .blog_content_wrapper,
		.contact_category_list .cat-list .item-title .contact_item_content {
			position: static;
			margin-top: 20px;
		}

	/* Gewinnspiel */
		.gewinnspiel_top img {
			float: none !important;
			display: block;
			margin: 0 auto;
		}

	/* Kontaktformular */
		.g-recaptcha {
			float: none;
		}

	/* descriptions ausblenden */
	
	#produktserien_content {
		width: 100%;
	}
	#produktserien_content .row {
		margin: 0;
	}

	.flex_wrapper {
		display: block;
	}

	.product_detail_view .product_detail_nav_area {
		position: static;
	}

	.productpage.view_item img {
		margin: 0 auto; 
	}

	.fullwidth_section.description {
		display: none;
	}

	.aktuelles_bg .aktuelles_txt .aktuelles_news {
		display: block;
		text-decoration: underline; 
		border-bottom: 0;
		margin-top: 30px;
		text-align: center;
	}

	/* Bilder in der Aggregation Blog */
	
	.blog_image_area .pull-left.item-image {
		float: none! important;
	}
	.blog_image_area .pull-left.item-image img {
		display: block;
		margin: 0 auto 50px;
	}
	
	/* Produktkategorienfilter */
	
	.category_separator {
	float: none;
	border: none;
	}
	
	.category_separator.button-group.show_all_group {
	border: none;
	}
	
	.category_separator.button-group {
	border-bottom: 1px solid #bababa;
	}
	
	a.radio.frei_radio {
	margin: 10px 0 10px 0;
	}
	
	a.radio.frei_radio.show_all_categories {
	margin: 10px 0 10px 0;
	}
	
	/* Slider Home */
	
	#component ol.carousel-indicators {
	bottom: -5px;
	right: 5px;
	}
	
	#searchForm .searchintro {
		margin-left: 0;
	}
	#searchForm .blue_button {
		padding: 10px 25px;
		float: none;
	}
	#searchForm .input-group .form-control,
	#searchForm .input-group .form-control:last-child,
	#searchForm .btn-toolbar .input-group,
	#searchForm .pull-left {
		float: none!important;
		width: auto!important;
	}
	
	.hidden_small {
		display: block;
	}

	/* Search */
		.responsive_search {
			z-index: 99999;
		}

	/* Search overview */
		.view_search #component button {
		    margin-left: 0px;
		}

	/* Alle Bilder nicht mehr floaten */
		img {
			float: none !important;
		}
}
@media (min-width: 481px) {
	.hidden_big {
		display: none;
	}
}
@media (max-width: 660px) {
	* {
		word-wrap: break-word;
	}
	.produktserie_single .single_product {
		position: static !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	}
	body .produktserie_headings .container hgroup {
	    margin-top: 20px;
	}
	.search.responsive .navbar-form {
	    width: 112%;
	}
}



@media (max-width: 480px) {
	
	body img,
	body .positioning_wrapper img {
		max-width: 200px !important;
	}
	
	#slider_related_products_wrapper #slider_related_products a.related_product_link img {
		width: 100%!important;
	}
	
	a.download_icon {
		padding: 0 0px 0 30px;
	}
	.hidden_small {
		display: none !important;
	}
	.hidden_big {
		display: block !important;
	}

	form fieldset.rechtliches_fieldset .input-group-addon,
	form fieldset .input-group-addon {
		position: static;
		white-space: initial;
		width: auto;
	}

	form .input-group-addon {
		display: block;
	}

	form .input-group {
		width: 100%;
	}

	form #contact_message,
	form .input-group .form-control,
	form .input-group .form-control:last-child {
		width: 100% !important;
	}

	form .group-description {
		margin-left: 0;
	}
	
	#component_outer_wrapper form .form-group {
		margin-bottom: 10px;
	}
	
	h2 img.pull-right {
	float: none!important;
	display: block;
	margin: 0 auto;
	}
	.module_search .navbar-form-custom .form-control {
		width: 50%;
	}

	body .search .navbar-form {
	    position: absolute;
	    right: 3px;
	    padding: 0;
	    top: 50px;
	    width: 0;
	    z-index: 999;
	    margin-bottom: 0;
	    margin-top: 0;
	    overflow: hidden;
	    -webkit-transition: all .3s ease-in-out;
	    -moz-transition: all .3s ease-in-out;
	    -o-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}
	body .search .navbar-form .input-group input {
	    height: 43px;
	}
	
}