/*======================================
Theme Name: Melodi
Theme URI: https://divicake.com/
Description: Software und Scanner sorgen dafür, dass das benötigte medizinische Material zur richtigen Zeit am richtigen Ort ist, dass Bestellung und Anlieferung zeitnah geschehen - unkompliziert, kostenbewusst, verlässlich.
Version: 1.0
Author: Deep Impact AG
Author URI: https://deep-impact.ch
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
 body{
     font-size: 18px;
     line-height:1.5;
     font-style: normal;
     font-weight: normal;
}
.single-post p{
	padding-bottom:1.7em;
}
 .et_pb_column .et_pb_module h1 {
     font-size: 45px;
     font-weight:700;
}
 .et_pb_column .et_pb_module h2 {
     font-size: 39px;
     font-weight:600;
}
 .et_pb_column .et_pb_module h3 {
     font-size: 22px;
}
 .et_pb_column .et_pb_module h4 {
     font-size: 20px;
}
 .et_pb_column .et_pb_module h5 {
     font-size: 18px;
     font-weight:600;
}
 .et_pb_column .et_pb_module h6 {
     font-size: 16px;
}
 .dark-green{
     color:#979C4B;
}
 .circle_iconbox.et_pb_blurb .et_pb_image_wrap{
     transition: box-shadow .3s;
     height: 180px;
     align-items: center;
     justify-content: center;
     display: flex;
}
 .circle_iconbox.et_pb_blurb:hover .et_pb_image_wrap{
     background: #FFFFFF;
     box-shadow: 0px 15px 27px rgba(0, 0, 0, 0.1);
}
 .et_pb_sticky--top{
     box-shadow: 5px 8px 30px rgba(0, 0, 0, 0.1);
}
 .slick-slide{
     opacity:0.5;
}
 .slick-center{
     opacity:1;
}
 .wdcl_image_carousel_0 .slick-dots {
     text-align: right;
     transform: translateY(50px);
     width: auto;
     right: 80px;
}
 .left_iconbox{
     transition: box-shadow .3s;
     height: 100%;
}
 .left_iconbox:hover{
     box-shadow: 0px 10px 0px 0px #3C618C, 0px 44px 98px rgba(0, 0, 0, 0.12);
     -webkit-box-shadow:0px 10px 0px 0px #3C618C, 0px 44px 98px rgba(0, 0, 0, 0.12);
     -moz-box-shadow: 0px 10px 0px 0px #3C618C, 0px 44px 98px rgba(0, 0, 0, 0.12);
}
 .left_iconbox:hover h3{
     color:#3C618C;
}
 .menu_cta {
     padding: 0 !important;
}
 .menu_cta a {
     background-color: #979C4B;
     color: rgba(255,255,255,1) !important;
     padding: 20px 40px !important;
     align-self: center;
     max-height: 50px;
     border-radius:50px;
     margin-left:20px;
}
 .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_cta a, .et_pb_sticky--top .et_pb_menu_0_tb_header.et_pb_menu ul li.menu_cta a{
     color: rgba(255,255,255,1) !important;
}
 .top-news .et_pb_ajax_pagination_container{
     width:100%;
}
 .top-news .et_pb_post{
     width:100%;
     display:flex;
     justify-content:space-between;
     align-items: center;
     background: #EAF4FF;
     padding: 10px 15px;
     border-radius: 50px;
}
 .top-news .et_pb_post .entry-title{
     padding-left:10px;
     margin: 0;
     padding-right: 0;
     padding-bottom: 0;
}
 .top-news .et_pb_post .post-content{
     margin-left:auto;
}
 .top-news .et_pb_post a.more-link{
     background-color: #979C4B;
     color: #ffffff;
     padding: 10px 20px;
     align-self: center;
     border-radius:50px;
	 white-space:nowrap;
}
 .top-news-mob{
     width: 100%;
     text-align: center;
}
 .top-news-mob .et_pb_post a.more-link{
     background-color: #979C4B;
     color: #ffffff;
     padding: 10px 20px;
     align-self: center;
     border-radius:50px;
     max-width: 200px;
     margin: 0 auto;
}
 #vorteile{
     background-position:100% 50%;
}
 footer .widget_nav_menu, footer .menu-footer-container{
     width: 100% !important;
     margin:0 !important;
}
 footer ul{
     width: 50%;
     display: flex;
     justify-content: space-between;
     margin: 0 auto;
}
 #mobile_menu2{
     padding-left: 0;
     padding-bottom: 0;
     padding-right: 0;
     top: 83px;
}
 #mobile_menu2 .menu_cta a{
     border-radius:0;
     margin: 0;
     padding: 15px !important;
     text-align: center;
}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a.mPS2id-highlight{
	color:#ffffff !important;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(151,156,75,1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(151,156,75,1);
	box-shadow: 0px 5px 0px 0px rgba(151,156,75,1);
}
.et_pb_sticky .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a.mPS2id-highlight{
	color:#979C4B !important;
}
 @media all and (max-width: 980px) {
    /*** wrap row in a flex box ***/
     .custom_row {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-flex-wrap: wrap;
        /* Safari 6.1+ */
         flex-wrap: wrap;
    }
    /*** custom classes that will designate the order of columns in the flex box row ***/
     .first-on-mobile {
         -webkit-order: 1;
         order: 1;
    }
     .second-on-mobile {
         -webkit-order: 2;
         order: 2;
    }
     .third-on-mobile {
         -webkit-order: 3;
         order: 3;
    }
     .fourth-on-mobile {
         -webkit-order: 4;
         order: 4;
    }
    /*** add margin to last column ***/
     .custom_row:last-child .et_pb_column:last-child {
         margin-bottom: 30px;
    }
}
/* Grosse Bildschirme über (1405px) */
 @media only screen and ( min-width: 1405px ) {
    /* hier dein css einfügen */
     #home{
         background-size: 1110px;
    }
     .et_pb_column .et_pb_module h1 {
         font-size: 40px;
         font-weight:700;
    }
     .et_pb_column .et_pb_module h2 {
         font-size: 30px;
    }
}
/* Laptops & Desktops zwischen (1100-1405px) */
 @media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {
    /* hier dein css einfügen */
     #home{
         background-size: 960px;
    }
     .et_pb_column .et_pb_module h1 {
         font-size: 40px;
         font-weight:700;
    }
     .et_pb_column .et_pb_module h2 {
         font-size: 30px;
    }
}
/* custom*/
 @media only screen and ( min-width: 981px ) and ( max-width: 1200px ) {
    /* hier dein css einfügen */
     #home{
         background-size: 820px;
    }
     .et_pb_column .et_pb_module h1 {
         font-size: 35px;
         font-weight:700;
    }
     .et_pb_column .et_pb_module h2 {
         font-size: 25px;
    }
     .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a{
         font-size:14px;
    }
     .et_pb_fullwidth_menu--with-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li{
         padding-left: 8px;
         padding-right: 8px;
    }
}
/* Tablets in Landscape-Modus zwischen (981-1100px) */
 @media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
    /* hier dein css einfügen */
     #home{
         background-size: 720px;
    }
}
/* Tablets in Portrait-Modus zwischen (768-980px) */
 @media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* hier dein css einfügen */
     #home{
         background-position: 50% -410px;
         background-size: 1010px;
    }
}
/* Smartphones in Landscape-Modus zwischen (480-768px) */
 @media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* hier dein css einfügen */
	.wdcl-carousel .slick-arrow {
		width: 50px !important;
		height: 50px !important;
			top:55% !important;

	}
	 .wdcl-carousel .slick-arrow.slick-prev{
		 left:-10px!important; 
	 }
	 	 .wdcl-carousel .slick-arrow.slick-next{
		 right:-10px!important; 
	 }

	 	 .wdcl-carousel img{
		 width:290px !important;
		 margin: 0 auto;
	 }
     #home{
         background-position: 50% -410px;
         background-size: 1010px;
    }
     footer ul{
         width: 100%;
         display: block;
         margin: 0 auto;
         text-align: center;
    }
     footer ul li{
         display: inline-block;
         padding: 0 6px;
    }
     body{
         font-size: 14px;
         line-height:1.5;
         font-style: normal;
         font-weight: normal;
    }
     .et_pb_column .et_pb_module h1 {
         font-size: 29px;
         font-weight:700;
    }
     .et_pb_column .et_pb_module h2 {
         font-size: 23px;
         font-weight:600;
    }
     .et_pb_column .et_pb_module h3 {
         font-size: 18px;
    }
     .et_pb_column .et_pb_module h4 {
         font-size: 16px;
    }
     .et_pb_column .et_pb_module h5 {
         font-size: 15px;
         font-weight:600;
    }
     .et_pb_column .et_pb_module h6 {
         font-size: 14px;
    }
     .wdcl_image_carousel_0 .slick-slide {
         width: 436px;
    }
     .wdcl_image_carousel_0 .slick-dots {
         text-align: center !important;
         transform: translateY(50px);
         width: 100%;
         right: auto;
    }
}
/* Smartphones im Portrait-Modus zwischen (0-479px) */
 @media only screen and ( max-width: 479px ) {
.wdcl-carousel .slick-arrow {
    width: 50px !important;
    height: 50px !important;
	top:55% !important;
}
	 	 .wdcl-carousel .slick-arrow.slick-prev{
		 left:-10px!important; 
	 }
	 	 .wdcl-carousel .slick-arrow.slick-next{
		 right:-10px!important; 
	 }
	 .wdcl-carousel img{
		 width:290px !important;
		 margin: 0 auto;
	 }
     footer ul{
         width: 100%;
         display: block;
         margin: 0 auto;
         text-align: center;
    }
     footer ul li{
         display: inline-block;
         padding: 0 6px;
    }
     .wdcl_image_carousel_0 .slick-dots {
         text-align: center !important;
         transform: translateY(50px);
         width: 100%;
         right: auto;
    }
     #home{
         background-position: 50% -410px;
         background-size: 1010px;
    }
    /* hier dein css einfügen */
     body{
         font-size: 14px;
         line-height:1.5;
         font-style: normal;
         font-weight: normal;
    }
     .et_pb_column .et_pb_module h1 {
         font-size: 29px;
         font-weight:700;
    }
     .et_pb_column .et_pb_module h2 {
         font-size: 23px;
         font-weight:600;
    }
     .et_pb_column .et_pb_module h3 {
         font-size: 18px;
    }
     .et_pb_column .et_pb_module h4 {
         font-size: 16px;
    }
     .et_pb_column .et_pb_module h5 {
         font-size: 15px;
         font-weight:600;
    }
     .et_pb_column .et_pb_module h6 {
         font-size: 14px;
    }
     .wdcl_image_carousel_0 .slick-slide {
         width: 436px;
    }
}