/* =============================================================================
 * body
 * ========================================================================== */

html, 
body {
    font-size: 18px;
}

body {
    color: #4A4A4A;
    font-family: 'Maven Pro', sans-serif;
    line-height: 1.5rem;
    font-weight: normal;
}

/* HEADER*/
.header {background-color: #fff;}

/* HEADER*/
#bottom {background-color: #ffffff; color: #4A4A4A; border-top: 1px solid #9B9B9B; margin-top: 50px;}
#bottom .inside{ color: #4A4A4A; font-size: 16px;} 
#bottom .inside a{ color: #4A4A4A; font-size: 16px;} 


@media only screen and (min-width: 768px) { 
.header.original .logo {
    width: 150px;
}}

.header.original .logo {width: 160px;}

.header.cloned {box-shadow: none}

.logo a {background-image:url(../cto_layout/img/logo-dr-henn.svg)!important; margin-top: 10px;}

.kindernephrologie .logo a {background-image:url(../cto_layout/img/Kindernephrologie-Leipzig.svg)!important; margin-top: 10px;}

.header .mainmenu ul li a, .header .mainmenu ul li ul a.active, .header .ce_search_label i, .header .mod_langswitcher .mod_langswitcher_inside, .header .header_metanavi a, .header .mod_socials 
{color: #879F2F; text-transform: uppercase; font-size: 18px;}

.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active
{color: #4a4a4a}

.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active
{   color: #4A4A4A;}
h1, h2, h3, h4, h5, h6 {font-family: 'Overpass', sans-serif;} 

h1{color: #4A4A4A; font-size: 32px; font-weight: bold; text-transform: uppercase;}
h1:after {border-bottom: 1px solid #879F2F;}

h2 {font-size: 24px; max-width: 60%;} 

p, li {max-width: 605px;}
p a {color: #879F2F;}{color: #879F2F;}
p a:hover {text-decoration: underline;}

p a{background: url(../dr-henn/arrow.svg) no-repeat 0% 80% ; padding: 0px 0px 0px 30px; margin-bottom: 10px; font-weight: bold;}
.links p a{background: none; padding: 0px; margin-bottom: 10px; font-weight: bold;}

.center {text-align: center;}

.ce_text {margin-bottom: 40px;}

a.phone {background: url(../dr-henn/phone-call.svg) no-repeat 0% 50% ; padding-left: 28px!important; }
a.pointer {background: url(../dr-henn/pointer.svg) no-repeat 0% 50% ; padding-left: 28px!important; }

.specialbox {background-color: #FAFAFA;
    border-radius: 50px;
    padding: 50px;
    max-width: 90%; 
   margin-top: 50px; margin-left: 70px;
 } 

 .specialbox h2 {color: #4A4A4A; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 1.5; max-width: 60%;}

 .image_container img {border-radius: 20px; width: auto;}


/* .specialbox .image_container.float_right {margin-top: 90px;  }*/
/* .specialbox .image_container img {width: 398px!important; height: auto;}*/

@media only screen and (max-width: 767px) {
.specialbox {
    background-color: #FAFAFA;
    border-radius: 50px;
    padding: 50px;
    max-width: 100%; 
    margin-top: 20px; 
    margin-left: 0px;
  } 

 .specialbox .image_container.float_right {margin-top: 0px;  }
 .specialbox .image_container img {width: 398px!important; height: auto;}

}
.center-img img {margin: 0 auto!important;}

#main .mod_article {margin-top: 50px;}


.ce_teambox .function {color: #879F2F;}


/* Nav Landingpage */

.mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .mainmenu ul ul li a.active, .mainmenu ul ul li a.trail:not(.megamenu)
{background: #879F2F!important; }

.mlist .submenu:hover  {
    background: #ffffff!important;
    opacity: 100;
    color: #879F2F;
    box-shadow: 1px 8px 15px rgb(0 0 0 / 10%) 
   /* margin-top: 10px;*/
  }

.mlist .submenu .active  {
    background: #ffffff!important;
    opacity: 100;
    color: #879F2F;
    box-shadow: 1px 8px 15px rgb(0 0 0 / 10%) 
   /* margin-top: 10px;*/
  }

@media only screen and (max-width: 767px) {
    h1 {font-size: 24px;}
   .specialbox h2 { font-size: 18px;  max-width: none;  }
   .specialbox {  
      background: none;
      border-radius: 0px;
      padding: 0px;
      margin-top: 0px;
      margin-left: 0px;}
     
}

#nav-open-btn {margin-top: 0px;}


.nav-list li{
   background: url(../dr-henn/arrow.svg) no-repeat 0% 50%!important ; padding: 0px 0px 0px 40px; margin-bottom: 10px; font-weight: bold;
}

.nav-list li a{ color: #879F2F; }




.mainmenu ul ul {border-top: 0px;}

.mainmenu ul ul li a
{padding: 0.5rem 1.5rem !important; text-transform: unset;}

/* Sprechzeiten */
      .sprechzeiten h3 {color: #879F2F;  padding:70px 0 5px 0;width: 200px; margin: 0 auto; text-transform: uppercase; font-size: 24px; font-weight: bold;}
      .sprechzeiten p {margin-top: 20px; font-size: 17px; line-height: 25px; font-weight:300; margin-left: 120px; text-transform: uppercase;} 
      .sprechzeiten .day {color: #879F2F; text-transform: uppercase;} 
      .sprechzeiten {
    background-color: #fff;
    position: absolute;
  width: 487px!important;
        height: 687px;
    top: 190px;
    right:0px;
    background: url(../dr-henn/bg-sprechzeiten.svg) no-repeat;

}

@media only screen and (max-width: 767px) {
      .sprechzeiten h3 {color: #879F2F;  padding:20px 0 5px 0;width: 93%; margin: 0 auto; text-transform: uppercase; font-size: 24px; font-weight: bold;}
      .sprechzeiten p {margin-top: 0px; font-size: 17px; line-height: 25px; font-weight:300; margin-left: 20px; text-transform: uppercase;} 
      .sprechzeiten .day {color: #879F2F; text-transform: uppercase;} 
      .sprechzeiten {
    background-color: #fff;
    position: relative;
  width: 487px!important;
        height: auto;
    top: 0px;
    right:0px;
    background: none;}
}


input.submit[type="submit"], button.submit[type="submit"] {background-color:  #879F2F;}
input.submit[type="submit"]:hover, button.submit[type="submit"]:hover {background-color:  #677925;}


.notruf {background-color: #EB4B5F; border-radius: 5px; width: 150px; height: 40px;     position: absolute;
    right: 38px;
    z-index: 20;}
.notruf a {background: none; border: none; padding: 5px 20px;}


@media only screen and (max-width: 767px) {
 .header .mod_langswitcher { display: none; }
  .header.cloned .logo {width: 100px;}
}

#nav-open-btn:before {background: url(../dr-henn/mobile-navigation.svg) no-repeat; font-size: 0px;}
#nav-open-btn:before {color: #879F2F; }


@media only screen and (max-width: 767px) { 
#offcanvas-top, #contentwrapper, #top-wrapper, #footer, #bottom, .header, .mod_customcataloglist.cc_immorealty_slider .content-outside, .mod_customcataloglist.cc_cardealer_slider .content-outside {padding: 0 10px;} }

.newsteaser-v4 .info {display: none;}

.team-right .teambox_inside {width: 400px!important; float: right; } 
.team-left .teambox_inside {width: 400px!important;  }

.ce_text ul li, .ce_list ul li {margin-bottom: 10px;} 

.red {color: #EB4B5F; font-weight: bold;}

#footer a:hover, #bottom .inside a:hover {color: #879F2F; }
footer {display: none;}

.mm-menu.mm-theme-dark {background: #879F2F;}
.mm-listview > li > a, .mm-listview > li > span {padding: 30px 10px 30px 20px}
.mm-listview {font-size: 18px;}
.mm-navbar {display: none;}

.cookiebar {background: #879F2F!important;}

@media only screen and (min-width: 767px) { 
 .pic .image_container {width: 120px;}
 .pic {width: 560px!important;} 
}


.ce_gallery .image_container i.fa.fa-plus-circle {
    display: none!important;
/*    position: relative!important;*/
/*    top: 10px!important;
}*/

.fa-plus-circle {display: none!important;}
.ce_gallery .content {background-color: #879F2F!important}