/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Hansenmika UG
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

body.et_fixed_nav.et_boxed_layout #page-container {
	padding-top: 160px !important;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'ITC Avant Garde Gothic W01 Md',Helvetica,Arial,Lucida,sans-serif;
}

#main-header .et_menu_container {
	width: 98% !important;
}

@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	} 
}
 
.et_mobile_menu {
overflow: scroll !important;
 
max-height: 83vh;
 
}

#main-header {
	width: 100% !important;
	top: -5px !important;
}

#main-header .container {
	margin-left: 0px !important;
    padding-left: 40px !important;
}

.container.et_menu_container {
	height: 80px !important; 
}

#main-header .et_search_form_container {
	top: 60px;
}

.header-image-wrapper {
	height: 80px;
    background-image: url('/wp-content/uploads/2020/09/aldiamed-header.jpg');
	background-position: 50%;
	background-size: 100%;
	background-size: cover;
}

.header-logo {
	left: 10px;
	max-height: 40%;
	max-width: 55%;
	top: 20px;
	position: absolute;
	margin: auto;
}

.header-slogan{
	right: 20px;
	top: 50px;
	max-height: 50%;
	max-width: 60%;
	position: absolute;
	display: none;
}

@media(min-width: 450px) {	
	
	body.et_fixed_nav.et_boxed_layout #page-container {
		padding-top: 203px !important;
	}

	.header-slogan{
		max-width: 45%;
		max-height: 52%;
		top: 10px;
		display: block
	}
	
	.header-logo{
		left: 30px;
		max-width: 45%;
		max-height: 55%;
		top: 10%;
	}
	

	.header-image-wrapper {
		height: 123px;
	}
}

#et_mobile_nav_menu .et_mobile_menu {
	border-top-color: #004c9a !important;
}

#et-qigation {
	font-weight: 500 !important;
	padding-top: 33px !important;
}

@media (max-width: 980px) {
	#et_search_icon::before {
		font-size: 25px !important;
	}
	
	.mobile_menu_bar::before {
		font-size: 50px;
		color: #004c9a !important;
	}
	
	#et_top_search {
		right: 10% !important;
		top: 18px !important;
    	margin: 0 45px 0 0;
	}
	
	#et-top-navigation {
		padding-top: 16px !important;
	}
	
	.mobile_menu_bar
	{
		padding-bottom: 10px !important;
	}
	
	.et_pb_column_2_tb_header  {
		top: -65px;
		z-index: 99;
		width: 50% !important;
		left: 15px;
	}
	
	
}


@media (min-width: 981px) {	

	#menu-item-361 {
		position: absolute;
		right: 0;
	}
	
	#menu-item-852 {
		display: none !important; 
	}
	
	#main-footer .footer-widget {
		width: 14.5% !important;
	}
		
	#main-footer .footer-widget {
		width: 16% !important;
	}
	
	.et_pb_gutters3 .footer-widget {
		margin-right: 4%;
		margin-bottom: 5.5%;
	}
	
	#et-top-navigation {
		padding-top: 33px !important;
	}
	
}

#et-top-navigation {
	float: left !important;
	width: 100%;
}

#page-container,
#top-menu-nav,
#top-menu {
	width: 100% !important;
}

#et_top_search {
	position: absolute;
	right: 17%;
}

#footer-bottom {
	display: none !important;
}

body {
	background: linear-gradient(0deg, rgba(223,242,253,1) 0%, rgba(255,255,255,1) 90%) !important;
}

.et_pb_section_1_tb_header{
	position: relative;
}

#et-main-area {
	background-color: #fff;
}

#footer-widgets .footer-widget li:before {
	border: none !important;
}

#footer-widgets .footer-widget li{
	padding-left: 0;
}
	
#footer-widgets h4 {
	font-size: 1.2rem;
}

#home-top-slider .et_pb_slide {
    padding: 0 2% !important;
}
	


@media (max-width: 767px){
	#footer-widgets .footer-widget, 
	.et_pb_gutters1 #footer-widgets .footer-widget {
		width: 50%!important;
	}  
	#footer-widgets ul,
	#footer-widgets .textwidget{
		font-size: 0.9rem !important;
	}
}

#footer-widgets .textwidget {
	font-size: 0.94rem !important;
}


#to-top-anchor {
	font-size: 63px;
	position: absolute;
	right: 0px;
}

#menu-hauptmenue {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 10px !important;
}
#menu-hauptmenue .menu-item-object-page {
	padding: 0 6px 0 0 !important;
}

#menu-hauptmenue li+li:before {
  	content: ' | ' !important;
	margin-right: 5px;
}

#menu-hauptmenue .menu-item-object-page a {
	padding-bottom: 0 !important;
}

.et_pb_menu__search-button {
	padding-left: 14px !important;
    margin-top: 7px !important;
}

.et_pb_menu__search-container {
	padding-top: 7px !important;
}

.footer-link-element {
	text-align: center;
}

/** HOME **/

/* buttons fixed to the bottom */

.gq_r_fixed_buttons .et_pb_column {
	padding-bottom:30px;
}

.gq_r_fixed_buttons .et_pb_button_module_wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.home-slider .slider-logo-text-wrapper {
	text-shadow: none !important;
}

.home-slider .et_pb_slider_container_inner {
	display: block;
}

.slider-logo-text-wrapper {
    top: 20px;
    left: 3%;
    position: absolute;
	text-align: left;
}

.slider-logo-text-wrapper img{
    margin-left: -5px;
}

.slider-logo-text-wrapper p{
	margin-bottom: 0;
}

.slider-logo-text-wrapper h1 {
	color: #E3094F !important;
	font-size: 35px !important;
}

@media(max-width: 370px) {
	
	.slider-logo-text-wrapper h1 {
		font-size: 30px !important;
		padding-bottom: 0;
		margin-bottom: 0;
	}

	.slider-logo-text-wrapper {
		top: 10px;
	}
	
	h1,h2 {
		font-size: 30px !important;
	}
	
}

.slider-logo-text-wrapper img {
	max-width: 70%;
}
.slider-logo-text-wrapper p {
	padding-bottom: 0;
}

.slider-logo-text-wrapper .info-text{
	max-width: 300px;
    max-height: 175px;
	font-size: 18px;
}

@media (max-width: 980px) {	
	.slider-logo-text-wrapper h1{
		/*display: none !important;*/
	}
}

@media(min-width: 767px) {
	.slider-logo-text-wrapper .info-text{
		max-width: 350px;
	}
}
@media (min-width: 981px) and (max-width: 1188px) {

	.home-slider .et_pb_slide_content .quote {
		top: 70px !important;
		right: 80px !important;
	}
	
}

.home-slider .et_pb_slide_content .quote {
	max-width: 250px;
    max-height: 175px;
    text-align: left;
    top: 50px;
    right: 0;
    position: absolute;
	display: none;
}

.home-slider .et_pb_slide_content .info-quote {
	max-width: 350px;
    max-height: 175px;
    text-align: left;
    top: 50px;
    right: 50px;
    position: absolute;
	display: block;
	margin-left: 20px !important;
}

@media(min-width: 767px) {

	.home-slider .et_pb_slide_content .info-quote {
		display: block;
	}

	.slider-logo-text-wrapper {
		top: 50px;
	}
	
	.slider-logo-text-wrapper img {
		max-width: 100%;
	}

	.slider-logo-text-wrapper h1 {
		color: #E3094F !important;
		font-size: 50px !important;
	}

	.slider-logo-text-wrapper .info-text{
		font-size: 20px;
	}
}

@media(min-width: 981px) {
	.home-slider .et_pb_slide_content .quote {
		right: 150px;
		display: block;
		text-shadow: none !important;
	}
}

#teaser-element .et_pb_text_inner {
	position: initial;
}


#teaser-element .et_pb_image_wrap {
	width: 80%;
	height: auto;
}

#teaser-element .et_pb_blurb_container {
	padding-left: 10px;
	padding-right: 10px;
}

.teaser-link {
	padding: 5px 30px;
	background: #2C70AE;
	color: #fff;
	position: absolute;
	bottom: 5%;
	right: 5%;
}

.et_pb_text_inner {
	height: 100%;
}

#teaser-element-tablet .et_pb_column{
	margin-right: 0 !important;
}

@media(max-width: 767px) {
	#teaser-element_alternative .et_pb_image {
		width: fit-content;
	}
}

#teaser-element-tablet .et_pb_column {
	width: 50%;
    box-shadow: none !important;
	padding-bottom: 0;
	margin-bottom: 0;
}

#teaser-element-tablet img {
	max-width: 70%;
}

#teaser-element-tablet .et_pb_button_module_wrapper {
	position: absolute;
	top: 130%;
}

#teaser-element-tablet .teaser-element .et_pb_text_inner {
	height: 100%;
	width: 98%;
	position: absolute;
	left: 10px;
	top: 25px;
	background-color: #E0F2FE;
}

#teaser-element-tablet .teaser-element {
	background: #E0F2FE;
}

#teaser-element-tablet .teaser-element .et_pb_text_inner p:last-of-type{
	text-align: right;
	padding-right: 50px;
}

/** footer css sprite **/
.product-link {
	display: inline-block;
	position: relative;
	width: 135px;
	height: 135px;
}

.product-link span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/wp-content/uploads/2020/08/product-sprite-icons.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.product-link:hover span {
	background-position: 0 -144px;
}


.faq-link {
	display: inline-block;
	position: relative;
	width: 135px;
	height: 135px;
}

.faq-link span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/wp-content/uploads/2020/08/faq-sprite-icons.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.faq-link:hover span {
	background-position: 0 -144px;
}


.contact-link {
	display: inline-block;
	position: relative;
	width: 135px;
	height: 135px;
}

.contact-link span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/wp-content/uploads/2020/08/contact-sprite-icons.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.contact-link:hover span {
	background-position: 0 -144px;
}

.doc-link {
	display: inline-block;
	position: relative;
	width: 135px;
	height: 135px;
}
.doc-link span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(/wp-content/uploads/2020/08/doc-sprite-icons.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

.doc-link:hover span {
	background-position: 0 -144px;
}


@media (max-width: 1200px) {
	#footer-element .et_pb_column.et_pb_column_1_4{
		width: 20% !important;
	}
	
	.product-link {
		display: inline-block;
		position: relative;
		max-width: 112px;
		height: 112px;
	}

	.product-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/product-sprite-icons112.png) no-repeat;
		background-position: 0 0;
	}

	.product-link:hover span {
		background-position: 0 -122px;
	}


	.faq-link {
		display: inline-block;
		position: relative;
		max-width: 112px;
		height: 112px;
	}

	.faq-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/faq-sprite-icons112.png) no-repeat;
		background-position: 0 0;
	}

	.faq-link:hover span {
		background-position: 0 -122px;
	}


	.contact-link {
		display: inline-block;
		position: relative;
		max-width: 112px;
		height: 112px;
	}

	.contact-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/contact-sprite-icons112.png) no-repeat;
		background-position: 0 0;
	}

	.contact-link:hover span {
		background-position: 0 -122px;
	}

	.doc-link {
		display: inline-block;
		position: relative;
		max-width: 112px;
		height: 112px;
	}
	.doc-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/doc-sprite-icons112.png) no-repeat;
		background-position: 0 0;
	}

	.doc-link:hover span {
		background-position: 0 -122px;
	}
}

@media (max-width: 1023px) {
	
	#footer-element .et_pb_column.et_pb_column_1_4{
		width: 25% !important;
		margin-right: 0;
	}
	
	.product-link {
		display: inline-block;
		position: relative;
		max-width: 90px;
		height: 90px;
	}

	.product-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/product-sprite-icons90.png) no-repeat;
		background-position: 0 0;
	}

	.product-link:hover span {
		background-position: 0 -100px;
	}


	.faq-link {
		display: inline-block;
		position: relative;
		max-width: 90px;
		height: 90px;
	}

	.faq-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/faq-sprite-icons90.png) no-repeat;
		background-position: 0 0;
	}

	.faq-link:hover span {
		background-position: 0 -100px;
	}


	.contact-link {
		display: inline-block;
		position: relative;
		max-width: 90px;
		height: 90px;
	}

	.contact-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/contact-sprite-icons90.png) no-repeat;
		background-position: 0 0;
	}

	.contact-link:hover span {
		background-position: 0 -100px;
	}

	.doc-link {
		display: inline-block;
		position: relative;
		max-width: 90px;
		height: 90px;
	}
	.doc-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/doc-sprite-icons90.png) no-repeat;
		background-position: 0 0;
	}

	.doc-link:hover span {
		background-position: 0 -100px;
	}
}

@media(max-width: 479px) {
	#footer-element .et_pb_column.et_pb_column_1_4 {
		width: 25% !important;
	}
	
	#footer-element .et_pb_text_inner a{
		font-size: 13px !important;
	}
	
	#footer-element .et_pb_text_inner{
		line-height: 1em !important;
	}
}

@media(max-width: 639px) {
	.product-link {
		display: inline-block;
		position: relative;
		max-width: 56px;
		height: 56px;
	}

	.product-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/product-sprite-icons56.png) no-repeat;
		background-position: 0 0;
	}

	.product-link:hover span {
		background-position: 0 -66px;
	}


	.faq-link {
		display: inline-block;
		position: relative;
		max-width: 56px;
		height: 56px;
	}

	.faq-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/faq-sprite-icons56.png) no-repeat;
		background-position: 0 0;
	}

	.faq-link:hover span {
		background-position: 0 -66px;
	}


	.contact-link {
		display: inline-block;
		position: relative;
		max-width: 56px;
		height: 56px;
	}

	.contact-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/contact-sprite-icons56.png) no-repeat;
		background-position: 0 0;
	}

	.contact-link:hover span {
		background-position: 0 -66px;
	}

	.doc-link {
		display: inline-block;
		position: relative;
		max-width: 56px;
		height: 56px;
	}
	.doc-link span {
		position: absolute;
		top: 0; left: 0; bottom: 0; right: 0;
		background: url(/wp-content/uploads/2020/08/doc-sprite-icons56.png) no-repeat;
		background-position: 0 0;
	}

	.doc-link:hover span {
		background-position: 0 -66px;
	}
}

/** Produkte **/

.sub-menu {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 195px;
}

.header-info-text {
	max-width: 500px;
	max-height: 175px;
	display: block;
	text-shadow: none !important;
	margin-top: 20px !important;
	margin: auto;
	text-align: center;
	position: relative;
}


.full-image-slider .et_pb_slide_description {
	padding: 1px 0 8% 0;
}

@media(max-width: 400px){
	.header-info-text h2 {
		font-size: 30px !important;
		margin-bottom: 0;
	} 
}

.header-info-text p {
	font-size: 1.2rem;
	font-family: 'ITC Avant Garde Gothic W01 Bk',Helvetica,Arial,Lucida,sans-serif !important;
}

@media(min-width: 1080px) {
	.header-info-text {
		margin-top: 0 !important;
		text-align: left;
		top: 50px;
		position: absolute;
		right: 30px;
	}
	
	.header-info-text p {
		font-size: 1.3rem;
	}
	
	.full-image-slider .header-info-text .et_pb_slide_description {
		padding: 16% 8%;
	}
	
}

@media(min-width: 768px) and (max-width: 1079px) {
	.header-info-text {
		margin-top: 0 !important;
		text-align: left;
		top: 80px;
		position: absolute;
		left: 50%;
	}
	
	.header-info-text p {
		font-size: 1.3rem;
	}
	
	.full-image-slider .header-info-text .et_pb_slide_description {
		padding: 16% 8%;
	}
}

.header-info-text h2 {
	color: #e3094f !important; 
	font-size: 34px;
}


.sub-menu .navbar {
	padding-top: 5px;
}

@media (min-width: 708px) {
	.sub-menu ul li a{
		font-size: 15px !important;
	}
}

@media (min-width: 1093px) {
	.sub-menu ul li.desktop {
		display:inline !important;
	}
	
	.sub-menu ul li.mobile {
		display:none;
	}

	
}

.sub-menu ul li.desktop {
	display:none;
}

.sub-menu ul li.mobile {
	display:inliine;
}

.sub-menu ul li {
	padding-right: 10px;
}


@media (max-width: 619px) {
	.sub-menu ul li.mobile {
		display:inline !important;
	}
	
}

.sub-menu ul li a{
	font-size: 12px;
}

.navbar li a.active{
	color: #e50052 !important;
}

.sub-menu ul {
	width: 90%;
	flex-direction: row !important;
	padding-bottom: 1em;
	padding-top: .5em;
}

.sub-menu ul p {
	display: inline;
    float: right;
	margin-top: -15px;
}

.sub-menu .to-top-link {
	font-size: 40px;
	position: absolute;
	right: 25px;
	top: 5px;
}

.additional-info {
}

/** Mundtrockenheit **/
@media(max-width: 449px) {
	#drymouth-submenu,
	.sub-menu {
		top: 155px !important;
	}
}

@media(max-width: 1099px) {
	#drymouth-submenu .nav-item.desktop {
		display: none !important;
	}
	
	#drymouth-submenu .nav-item.mobile {
		display: block;
	}
}
.drymout-title-row img{
	margin-top: 5px;
}


.text-w-icon .text{
	color: #e3094f;
	font-size: 24px;
	margin: 0 10px;
	padding: 0
}

@media(min-width: 440px) {
	.text-w-icon .text{
		font-size: 34px;
	}
}

@media (max-width: 387px) {
	#mundtrocken-submenu .navbar,
	#mundtrocken-submenu .navbar-nav{
		padding-left: 3px !important;
	}
}

.dry-mouth-list {
	color: #004c9a ;
	font-size: 16px;
}

/** Service & Beratung **/
.info-row  .right-col {
	padding-bottom: 60px !important;
}

#diabetes .et_pb_button_4_wrapper {
	position: relative !important;
}

#gelbeipack .et_pb_button_module_wrapper ,
#spraybeipack .et_pb_button_module_wrapper ,
#contact .et_pb_button_module_wrapper,
.info-row .et_pb_button_module_wrapper{
	position: absolute;
	bottom: 0%;
	right: 0;
}

@media (min-width: 540px) and (max-width: 980px) {
	
	#gelbeipack .et_pb_column,
	#spraybeipack .et_pb_column,
	#contact .et_pb_column,
	.info-row .et_pb_column {
		width: 50% !important;
		padding: 0 10px;
	}
}

/** Suchergebnisse **/

.post-meta {
	display: none !important;
}

/** Fachkreise **/
.doc-check-logout {
	right: 90px;
	position: absolute;
	margin-top: 7px !important;
}

/** Tabelle **/
.aldiamed-table {
	color: #004c9a !important;
}

/**Buttons**/
.more-btn {
	position: absolute;
	bottom: 5%;
	right: 5%;
}
