/*
Theme Name: Mammazentrum 05 26
Theme URI: https://www.mammazentrum-hamburg.de
Description: MZHH ist eine so schlichte wie elegante Themenadaption für die gleichnamige Praxis in Hamburg.
Author: Martin Zitzlaff | Individuelle Designleistungen, Hamburg
Author URI: https://www.idel.org/
Template: zuki
Version: 3.15
Tags: Zuki Child Theme
*/



@import url('../zuki/style.css');

/* --- Header Top Navigation --- */
#header-top-nav {
	display: block;
	clear: both;
	overflow: hidden;
	text-align: center;
	padding: 5px 10px 0px !important;
}

#stoerer {
	background-image: url(https://mammazentrum-hamburg.de/stoerer-02-24.png);
	height: 80px; 
	width: 80px; 
	position: absolute; 
	top: 120px;
	right: 30px;
	background-size: 80px 80px;
	z-index: 999;
}

#dkg { 
	background-image: url(https://mammazentrum-hamburg.de/dkg-500x80.png);
	float: left;
	height: 26px; 
	width: 162px;  
	background-size: 162px 26px;
	background-repeat: no-repeat; 
	background-attachment: scroll;
	position: absolute; 
	left: 15px;
	z-index: 300; }

.ubermenu-skin-white {
  border-top: none !important;
  border-bottom: none !important;
}

#text-29 a {
	color: #ff00ff;
	text-decoration: underline;
	font-weight: 400;
}

#pink a {
	font-weight: 600;
	color: #ff00ff !important;
}


#masthead {
	padding-top: 5px;
}

#text-24 img {
	width: 50% !important;
	height: 50% !important;
}

.site-content {
	width: 100% !important;
}

h1, h2, h3, h4, h5, h6, nav {
	font-family: "formata-condensed",sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: -0.0025em !important;
	color: #555;
  }
  
strong {
	font-family: "formata-condensed",sans-serif !important;
	font-weight: 400;
 	font-size: 110%;
  }  
 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #555;
  }  

body {
	font-family: "Open Sans",sans-serif !important;
}


a:hover {
    color: #00214f !important;
	}
	
.size-thumbnail {
	margin-top: 0 !important;
}	
	
h3 {
	margin-bottom: 5px !important;
}	
	
h3 a:hover {
    color: #00214f !important;
	}	

#site-nav a {
    font-family: "formata-condensed",Verdana,Arial,sans-serif;
    color: #555;
    font-size: 150% !important;
    }  
    
#site-nav ul li {
	margin: 0px 10px;
	padding: 0px !important;
}    

#menu-hauptmenu ul {
	padding: 0px !important;
	margin: 0px !important;
}  
    
#site-nav ul li a:hover {
	color: #00214f;
	border-bottom: none;
	}    
	
.story, .entry-content, .entry-content p {
	font-family: "Open Sans",sans-serif !important;
	font-weight: 300;
}	

.entry-content, .entry-summary {
	max-width: 1200px;
}

footer .entry-cats, footer .entry-tags {
	display: none !important;
}

/* --- Zuki Recent Posts Big One --- */
.rp-big-one {
	position: relative !important;
	border: none !important;
}
.front-content .rp-big-one {
	margin-bottom: 10px !important;
}
.front-content .rp-big-one:last-of-type {
	margin-bottom: 10px !important;
}
.front-fullwidth .rp-big-one .entry-thumb,
.front-content .rp-big-one .entry-thumb {
	padding-bottom: 0 !important;
}

#featured-content {
	margin-bottom: 0 !important;
}

#featured-content .rp-big-one .story {
	top: 210px;
	left: 10px;
	padding: 0 25px 0 0 !important;
	max-width: 28%;
	background-color: rgba(255,255,255,0) !important;
}

.flexslider .rp-big-one {
	margin-bottom: 15px;
}

.front-fullwidth .rp-big-one .story {
	padding: 0 0 10px !important;
}

.rp-big-one-content .entry-author, .rp-big-one-content .entry-date {
	display: none !important;
}


.rp-medium-two .story .entry-author, .rp-medium-two .story .entry-date  {
	display: none !important;
}


.widget-area .widget p {
	margin: 10px 30px 10px 2px !important;
}

.archive-menu-toggle {
	margin: 10px !important;
}

#front-fullwidth-top {
	border-top: none;
}

#text-9 {
	text-align: center;
	padding: 10px 0 10px 0;
	}
	
#text-12 {
	border-bottom: 1px solid #DDD !important;
	padding: 0 0 20px 0;
	}
	
#text-14 {
	margin: -15px 0 0 0;
	padding: 15px 0 0 0;
	}		
	
#text-15, #text-16, #text-17, #text-18, #text-20, #text-21, #text-22 {
	padding: 0;
	}	
	
#text-23 {
	padding: 0 !important;
}
	
.flexslider .slides img {
	float: right !important;
	max-width: 70%;
}
	
	
#featured-content .flex-direction-nav li a.flex-next:after {
	content: '\f431';
	-moz-transform: rotate(90deg);
	 -webkit-transform: rotate(-90deg);
	 	  -o-transform: rotate(-90deg);
	 	 -ms-transform: rotate(-90deg);
	 	 	 transform: rotate(-90deg);
}
#featured-content .flex-direction-nav li a.flex-prev:after {
	content: '\f431';-moz-transform: rotate(90deg);
	 -webkit-transform: rotate(90deg);
	 	  -o-transform: rotate(90deg);
	 	 -ms-transform: rotate(90deg);
	 	 	 transform: rotate(90deg);
}

.rp-big-one .entry-cats {
	display: block !important;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: 0.1em;
	display: none !important;
}	

.rp-medium-two .entry-cats, .entry-header .entry-cats {
	text-transform: uppercase;
	font-style: normal !important;
	font-weight: normal !important;
	letter-spacing: 0.1em;
	font-size: 75%;
	margin: 0 0 5px 0;
	padding: 10px 0 0 0 !important;
}	

.textwidget .entry-cats a {
	text-transform: uppercase;
	font-style: normal !important;
	font-weight: normal !important;
	letter-spacing: 0.1em;
	font-size: 85%;
	padding: 0 !important;
	margin: 0 0 -5px 0 !important;
}	
.entry-cats-hard {
	padding: 10px 0 5px 0 !important;
}	

.entry-cats-hard a {
	text-transform: uppercase;
	font-style: normal !important;
	font-weight: 400 !important;
	letter-spacing: 0.1em;
	font-size: 85%;
}	


.rp-big-one .entry-title a {

}


.entry-header h2.entry-title {

}

h2 a {

}

.entry-title {
	margin: 2px 0 10px 0 !important;
}

.entry-content {
	margin: 0;
	padding: 0;
}

.entry-content p {
	margin: 0 0 10px 0;
}

.entry-header .entry-author, .entry-header .entry-date {
	display: none !important;
}

.widget-area .widget {
    border-bottom: none !important;
}

#zuki_recentposts_big_two-3 .entry-author, #zuki_recentposts_big_two-3 .entry-date {
	display: none;
} 

#zuki_recentposts_big_two-3 h2 {
	font-size: 235% ;
} 

#zuki_recentposts_big_two-3 .story {
	margin: 0 !important;
	padding: 0 !important;
}

#footerwidgets-wrap {
	background-color: #d3dfea;
	padding: 0 10px 10px 15px;
}

#footer-one, #footer-two, #footer-three, #footer-four, #footer-five {
	border-top: 0px;
}

#footerwidgets-wrap h3 {
	font-size: 125% !important;
	text-transform: none;
	padding-bottom: 10px;
}

.front-fullwidth .rp-big-two p.summary,
.front-content .rp-big-two p.summary {
	text-align: left;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
}
	
.front-fullwidth .rp-big-two p.summary {
	max-width: 1150px;
	margin: 0 0 10px 0;
	bottom: 0;
}

.entry-summary {
	margin: 0;
	padding: 0;
	font-size: 16px !important;
	font-size: 1rem !important;
	font-weight: 300;
}

.entry-details {
	display: none;
}

.category-wir-sind-fuer-sie-da h2 {
	padding: 0 0 5px 0 !important;
}

article {
	padding-bottom: 20px !important;
}

.archive .entry-thumbnail {
	padding: 15px 0 15px 0;
}

.archive .entry-title {
	padding: 0 !important;
}

h1.archive-title {
	font-family: "Open Sans",sans-serif !important;
	font-style: normal;
	letter-spacing: 0.1em !important;
	font-size: 75%;
	padding-bottom: 5px !important;
	color: #00214f;
}

.enhancedcategory_XXX {
	border-top: 1px solid #DDD;
}

.enhancedcategory h1 {
	font-size: 250%;
	color: #00214f !important;
	margin: 20px 0 20px !important;
	padding-top: 15px;
}

.archive-header {
	padding-bottom: 0;
}

.subhead {
	padding: 0 0 10px 0;
}

#dres {
	background-color: #d3dfea;
	padding: 15px;
}

#blog-sidebar  {
	border-top: none !important;
}

#rev-slider-widget-3 {
	padding: 10px 0 20px 0;
	margin: 0;
	border-bottom: 1px solid #DDD !important;
}

#menu-social a:hover {
	background-color: #00214f !important;
	color: #FFF !important;

}

#featured-content .flex-direction-nav li a.flex-next:hover:after,
#featured-content .flex-direction-nav li a.flex-prev:hover:after {
	color: #00214f;
}

.akkordeon {
	font-family: "formata-condensed",sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: -0.0025em !important;
}

	
#primary.site-content.cf, .enhancedcategory {
	max-width: 800px !important;
	display: block;
	float: none;
    margin-left: auto !important;
    margin-right: auto !important;
}

article.enhancedcategory {
	border-bottom: none;
	padding-bottom: 0 !important;
}

	
	.category .entry-thumbnail {
	display: none;
	}
	
	.category-magazin .entry-thumbnail {
	display: block;
	}

#sub a {
	font-family: "formata-condensed",Verdana,Arial,sans-serif;
	font-weight: normal;
	color: #555;
	font-size: 20px;
	font-size: 1.25rem;
	padding: 0 5px 0 5px;
	}
	
blockquote 	{
	font-style: italic;
	margin: 5px 60px 5px 15px !important;
}

.entry-content ul { 
	list-style-type: circle; 
	color: #00214f;
	font-weight: 400;
}

.entry-content li { 
	padding-bottom: 10px;
}

#zuki_recentposts_medium_two-3 {
	padding-bottom: 0px;
}


/* Minimum width of 250 pixels (smartphones portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 250px) {

#menu-top-menu {
	font-size: 9px !important;
}

#site-title {
	padding: 0 0 0 5px !important;
	}
	
#header-top-nav {
	padding: 0 10 0 10;
}


#site-nav ul li li a {
	font-family: "Open Sans",sans-serif !important;
	font-style: normal;
	font-size: 12px !important;
	font-size: 0.75rem !important;
	padding: 0px 5px 0px 5px !important;
}
	
.sub-menu ul li {
	display: none !important;
}

#nav_menu-1, #nav_menu-2, #nav_menu-3, #nav_menu-4, #nav_menu-5, #nav_menu-7 {
	padding-bottom: 0;}

#dkg { 
	top: 195px;
	}

#rev-slider-widget-5 {
	padding-bottom: 10px;
}

	

}

/* Minimum width of 414 pixels (iPhone 11 ProMax portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 414px) {

#dkg { 
	top: 160px;
	margin-bottom: 10px;
	}

#stoerer-mfa {
	top: 110px;
	}

}



/* Minimum width of 767 pixels (tablets portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 767px) {

#menu-top-menu {
	font-size: 11px !important;
}


.front-fullwidth .rp-medium-two .entry-thumb {
	margin-top: 50px;
	}
	
#header-top-nav {
	padding: 0 10 0 10;
}	

#dkg { 
	top: 100px;
	left: 300px;
	}

 }

/* Minimum width of 1023 pixels (tablets landscape)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1023px) {
	

 #header-top-nav {
	padding: 0 10 0 10;
}

#dkg { 
	top: 170px;
	}


.blog #primary,
	.attachment #primary,
	.single-post #primary,
	.page #primary,
	.error404 #primary,
	.search-no-results #primary,
	.archive #primary ,
	.search-results #primary,
	#front-content-one,
	#front-content-two {
		width: 100%;
		float: none;
	}
	
article .entry-thumbnail img {
	max-width: 800px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#site-title {
	padding: 0 0 0 30px;
}

#site-nav {
	padding: 0;
}

.front-fullwidth .rp-medium-two .entry-thumb {
	max-width: 29% !important;
	float: left !important;
}

.front-fullwidth .rp-medium-two .story {
	padding: 0 0 0 35px;
	float: left !important;
	max-width: 70% !important;
}

.rp-medium-two h3.entry-title a {
	color: #555;
	font-weight: 400;
	margin: 0 !important;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 1.2;
}
	
.summary {
	font-size: 16px !important;
	font-size: 1rem !important;
	font-weight: 300;
	margin: 0 !important;
	padding: 0 !important;
}

article {
	padding: 0 0 20px 0;
	margin: 10px 0 10px 0 !important;
	border-bottom: 1px solid #DDD;
}

article .rp-big-two {
	padding: 0 !important;
	margin: 0 !important;
}

#zuki_recentposts_big_two-3 {
	padding: 0;
	margin-top: -18px;
}

/* Direction Nav */
.flex-direction-nav a  { 
	top: 47% !important; 
}

.rp-big-two-content .entry-thumb {
	max-height: 600px;
	overflow: hidden;
}

.featured-posts .slides {
	bottom: 0 !important;
}

#sub a {
	font-size: 24px;
	font-size: 1.5rem;
	padding: 0 15px 0 15px;
	}
	
#site-nav ul li li a {
	font-family: "Open Sans",sans-serif !important;
	font-style: normal;
	font-size: 12px !important;
	font-size: 0.75rem !important;
	padding: 0px 5px 0px 5px !important;		
}	

	
}	

/* Minimum width of 1260 pixels (laptops 13")
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) {

	
	.front-fullwidth widget-area {
		max-width: 300px !important;
	}
	
	.front-fullwidth .rp-medium-two .entry-thumb {
	max-height: 215px;
	overflow: hidden;
	margin-top: 0px;
	}
	
	.rp-big-one {
	max-height: 500px;
	bottom: 0 !important;
	overflow: hidden;
	}
	
	.rp-big-one-content .story {
	bottom: 0 !important;
	}

	#site-nav li li:hover > a {
		border-bottom: none;
		background: #d3dfea;
	}
	
	.sub-menu ul li {
	display: inline !important;
	}

	#dkg { 
	left: 15px;
	}
	
}

/* Minimum width of 1360 pixels (laptops 15")
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1360px) {

	
}	

@media (max-width: 1022px) {
    .site-content .post {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    article .entry-header h2.entry-title {
        margin-top: 15px !important;
    }

}