/* 
Theme Name:		 Hebamme Anke Goße
Theme URI:		 http://childtheme-generator.com/
Description:	 Hebamme Anke Goße is a child theme of Merlin, created by ChildTheme-Generator.com
Author:			 LEpixel
Author URI:		 http://childtheme-generator.com/
Template:		 merlin
Version:		 1.0.3
Text Domain:	 hebamme-anke-gosse
*/



html {height:100%; background-image:url('../../../wp-content/uploads/hintergrund-ringelblume-70.jpg'); background-position:top center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed} /* for Android */

body {height:100%; margin:0; font-family:'Sarabun', sans-serif; color:#645642; line-height:24px; background-image:url('../../../wp-content/uploads/hintergrund-ringelblume-70.jpg'); background-position:top center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed}

/* body.home {background-image:url('../../../wp-content/uploads/hintergrund-ringelblume-einfarbig.jpg')} */

.site {max-width:1200px; background:#FFFCF6; border:1px solid #888; border-top:0px solid transparent}



h1, h2, h3, h4, p, a, ul, li, dd, dt {font-family:'Sarabun', sans-serif!important}
h1.page-title {color:#645642; font-size:24px; font-weight:300; border-bottom:0px solid transparent; display:inherit; text-align:center}
/* --- h1.page-title:before {content:'\00BB'; margin-right:10px; color:#F45E00; font-size:30px}
h1.page-title:after {content:'\00AB'; margin-left:10px; color:#F45E00; font-size:30px} --- */
@media (max-width:767px) {
h1.page-title {margin-bottom:30px}
#content h2, #content a {-ms-word-wrap: break-word; word-wrap: break-word}
}
@media (min-width:768px) {
h1.page-title {margin-bottom:60px}
}
.home h1.page-title {display:none}
h2 {color:#645642; font-size:20px; font-weight:400; margin:45px 0 25px 0; clear:none}
h3 {color:#645642; font-size:18px; font-weight:400; margin:45px 0 25px 0; clear:none}
h2:first-child {margin-top:0}
p, a {font-size:16px; line-height:30px; font-weight:300}
a:hover, a:active, a:focus {outline:0}
a:link, a:visited {color:#F45E00}
#content a {border-bottom:1px solid transparent; transition:border-bottom 0.3s}
#content a:hover {border-bottom:1px solid #F45E00}
#content p {margin:0 0 25px 0}
#content ul {margin:0 0 20px 10px}
#content li {font-weight:300; line-height:35px; list-style-type:none; position:relative}
#content li:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f0da"; margin-left:-18px; top:0px; color:#F45E00; position:absolute}
strong {font-weight:500}
img {vertical-align:middle}




/* --- HEADER--- */

.header-bar-wrap {border-bottom:0px solid transparent; padding:0}
.header-main {padding:0}

.site-branding {width:260px; height:auto}
@media (max-width:960px) {
.site-branding {margin:15px 0px 10px 40px}
.main-navigation-menu {float:none; clear:both; width:auto; margin:0px 0px 15px 0; text-align:center}
}
@media (min-width:961px) {
.site-branding {margin:15px 0px -20px 40px}
/*.main-navigation-menu {float:right; width:auto; margin:35px 40px 0 0}
}*/
.main-navigation-menu {float:right; width:auto; margin:15px 0px 0px 0px}
}
.site-branding {float:left; max-width:100%; position:relative; z-index:999}


.primary-navigation {color:#656565; background:transparent}
.main-navigation-menu a:link, .main-navigation-menu a:visited {color:#656565}
.main-navigation-menu li.current-menu-item a,
.main-navigation-menu li.current-page-ancestor a,
.parent-pageid-308 li.menu-item-16 a, .page-id-308 li.menu-item-16 a,
.parent-pageid-24 li.menu-item-710 a, .page-id-24 li.menu-item-710 a,
.parent-pageid-40 li.menu-item-44 a, .page-id-40 li.menu-item-44 a,
.parent-pageid-30 li.menu-item-502 a, .page-id-30 li.menu-item-502 a {background:transparent; color:#F45E00!important}
.main-navigation-menu a {font-size:16px; font-weight:400; padding:10px 20px; text-transform:none}
.main-navigation-menu a:hover {color:#F45E00}
.main-navigation-menu li.menu-item:hover a {background:transparent}
.main-navigation-menu ul {background:#555}
.main-navigation-menu ul a {min-width:150px}

.main-navigation-toggle {width:100%}
.main-navigation-toggle:hover {background-color:#F45E00}
.main-navigation-toggle::after {float:none}


#header-img, #header-home-img {display:none; background-size:cover; position:relative}
@media (max-width:767px) {
#header-img {height:140px; background-position:center center}
}
@media (max-width:380px) {
#header-home-img {height:140px; background-position:center center}
}
.parent-pageid-24 #header-img {display:block; background-image:url('../../../wp-content/uploads/header-schwangerschaft.jpg')}
.parent-pageid-40 #header-img {display:block; background-image:url('../../../wp-content/uploads/header-nuetzliches.jpg')}
.parent-pageid-308 #header-img {display:block; background-image:url('../../../wp-content/uploads/header-uebermich.jpg')}
.parent-pageid-30 #header-img {display:block; background-image:url('../../../wp-content/uploads/header-kurse.jpg')}
.page-id-56 #header-img {display:block; background-image:url('../../../wp-content/uploads/header-kontakt.jpg')}
.page-id-3 #header-img {display:block; background-image:url('../../../wp-content/uploads/header-datenschutz.jpg')}
.page-id-306 #header-img {display:block; background-image:url('../../../wp-content/uploads/header-impressum.jpg')}

.home #header-home-img {display:block; background-image:url('../../../wp-content/uploads/header-startseite.jpg'); /* -webkit-filter: grayscale(40%) brightness(115%) contrast(85%);*/ /* Safari 6.0 - 9.0 */
/* filter: grayscale(40%) brightness(115%) contrast(85%) */}
.home #home-text {color:#fff; text-shadow:1px 1px #645642; width:50%; font-size:24px; line-height:40px; font-style:italic; margin:0 0 50px 50px; position:absolute; bottom:0; background-color:rgba(0,0,0,0.2); padding:20px 40px; border-radius:5px}


.header-widget,
#nav_menu-2, #nav_menu-3, #nav_menu-4, #nav_menu-5 {display:none}
@media (max-width:767px) {
.parent-pageid-308 .header-widget, /* Über mich */
.parent-pageid-24 .header-widget, /* Begleitung */
.parent-pageid-30 .header-widget, .page-id-30 .header-widget, /* Kurse */
.parent-pageid-40 .header-widget {float:none; margin:40px 0 0 0px; display:block} /* Nützliches */
.header-widget li.current-menu-item a {line-height:36px}
}
@media (min-width:768px) {
.parent-pageid-308 .header-widget, /* Über mich */
.parent-pageid-24 .header-widget, /* Begleitung */
.parent-pageid-30 .header-widget, /* Kurse */
.parent-pageid-40 .header-widget {float:none; margin:45px 0 0 45px; display:block} /* Nützliches */
}

.parent-pageid-308 #nav_menu-4, /* Über mich */
.parent-pageid-24 #nav_menu-2, /* Begleitung */
.parent-pageid-30 #nav_menu-5, /* Kurse */
.parent-pageid-40 #nav_menu-3 {display:block} /* Nützliches */

@media (max-width:767px) {
.header-widget li {}
}
@media (min-width:768px) {
.header-widget li {float:left; margin-right:25px}
.header-widget li a {display:block}
}
.widget_meta ul li a::before, .widget_pages ul li a::before, .widget_nav_menu ul li a::before {content:''}
.header-widget a:link, .header-widget a:visited {color:#8C6638}
.header-widget a {text-transform:uppercase; padding:7px 5px; font-size:18px; font-weight:200; display:inline-block} /* inline-block notwendig, sonst unter a Problem mit padding-right, was dann runter rutscht */
.header-widget a:hover {color:#F45E00}
.header-widget li.current-menu-item a {color:#F45E00; font-weight:400}
.header-widget li.menu-item-296 a {text-transform:none}

.header-widget li a:after {display:block; content:''; border-bottom:1px solid transparent}
.header-widget li.current-menu-item a:after {display:block; content:''; border-bottom:1px solid #F45E00; animation:borderBottom 0.8s ease-in}
@keyframes borderBottom {
	0% { transform: scaleX(0) }
	100% { transform: scaleX(1) }
}








/* --- CONTENT --- */

@media (max-width:767px) {
.site-content {padding:30px 5px 50px 5px}
#content .wp-block-image img {width:100%}
}
@media (min-width:768px) {
.site-content {padding:50px 50px 60px 50px}
}

#content .wp-block-image img,
.home #content img {-webkit-filter: grayscale(100%) /*brightness(115%) contrast(85%)*/; /* Safari 6.0 - 9.0 */
filter: grayscale(100%) /*brightness(115%) contrast(85%)*/; border-radius:3px; transition:filter 0.5s}
.home #content img {max-width:350px}
#content .wp-block-image img {max-width:300px; border:8px solid #fff}
#content .wp-block-image img:hover,
.home #content img:hover {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%)}
#content .abstand1 {margin-bottom:50px}


@media (max-width:767px) {
#content .has-2-columns .wp-block-column {flex-basis:100%}
#content .system2 .wp-block-column {margin-bottom:30px}
#content .has-2-columns .wp-block-image {text-align:center}
}
@media (min-width:768px) {
#content .has-2-columns .wp-block-column:first-child {flex-basis:65%}
#content .has-2-columns .wp-block-column:nth-child(2) {flex-basis:35%}
#content .system2 .wp-block-column:first-child {flex-basis:35%}
#content .system2 .wp-block-column:nth-child(2) {flex-basis:65%}
#content .bildhoch {margin-left:50px}
}
#content .system1 {margin-bottom:50px}
#content .wp-block-column p:last-child {margin-bottom:0}
#content .wp-block-column {margin-bottom:0}

#content figure {margin-top:5px}

#content .bilddreh:first-child {transform:rotate(-4deg)}
#content .bilddreh:nth-child(2) {transform:rotate(4deg)}
#content .bilddreh:nth-child(3) {transform:rotate(-2deg)}
#content .bilddreh:nth-child(4) {transform:rotate(2deg)}
#content .bildquer img {width:100%; height:auto; max-width:350px}
#content .bildhoch img {width:calc(100%/1.25); max-width:220px; height:auto}
#content .has-2-columns .bildquer img, #content .has-2-columns .bildhoch img {margin-top:20px}
#content figure {position:relative; z-index:999} /* wegen Mouse-Hover, wenn p auch position:relative */
#content .bildquer .aligncenter img {width:100%; height:auto; max-width:450px}
@media (min-width:768px) {
#content .bildquer .aligncenter img {margin-bottom:25px}
}
#content .wp-block-image {margin-bottom:5px}
@media (max-width:767px) {
#content .wp-block-image figure {float:none; margin:0 auto 35px auto}
#content .bildergalerie .wp-block-column {margin:0 auto}
}
@media (min-width:768px) {
.wp-block-image .alignright {margin-left:40px}
}
#content .bildergalerie {margin-top:30px}
#content .bildergalerie img {max-height:320px; width:auto; max-width:inherit}
#content .bildergalerie .wp-block-image {text-align:center}
#content .bildergalerie .wp-block-column {display:table}

#content .hinweis {background-color:#F5F1E6; padding:10px 20px; border-left:5px solid #F45E00}
#content blockquote { padding-left:0em; border-left: 0px solid #303030}

.home #content #startseite-bereiche {margin:50px 0 60px 0}
.home #content #startseite-bereiche:after {clear:left; content:''; display:block}
@media (max-width:767px) {
.home #content .startseite-bereich {text-align:center; margin-bottom:40px}
.home #content #startseite-bereiche .startseite-bereich a {display:block}
.home #content #startseite-bereiche .startseite-bereich img {border-radius:10px; width:85%; height:auto; margin:0 auto}
.home #content #startseite-bereiche .startseite-bereich p {text-align:center; margin:0px auto}
}
@media (min-width:768px) {
.home #content #startseite-bereiche .startseite-bereich a {display:inline-block}
.home #content #startseite-bereiche .startseite-bereich {width:33%; float:left; text-align:center}
.home #content #startseite-bereiche .startseite-bereich img {border-radius:10px; width:85%; height:auto}
.home #content #startseite-bereiche .startseite-bereich a.line:after {content:""; background:#645642; position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:50%; height:2px}
.home #content #startseite-bereiche .startseite-bereich p {margin:5px auto}
}
.home #content #startseite-bereiche .startseite-bereich a {color:#645642; font-weight:400; margin-top:5px; border-bottom:0px solid transparent; position:relative; padding-bottom:5px}
.home #content #startseite-bereiche .startseite-bereich a:hover {border-bottom:0px solid transparent}
.home #content #startseite-bereiche .startseite-bereich p {width:80%; font-size:14px; line-height:24px}

.page-id-53 #content p {position:relative; margin-left:30px; margin-bottom:40px}
.page-id-53 #content p:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f02d"; content3:"\f518"; position:absolute; top:1px; margin-left:-25px}

.parent-pageid-30 #content ul {margin-top:30px}
.parent-pageid-30 #content li {position:relative; margin-left:0px; margin-bottom:25px}
.parent-pageid-30 #content li:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f073"; position:absolute; top:0px; margin-left:-25px; color:#645642}
.parent-pageid-30 #content ul a {color:#645642; border-bottom:1px solid #645642}

.parent-pageid-30 #secondary #custom_html-3 {margin-top:15px}
@media (min-width:881px) {
.parent-pageid-30 .content-area {width:70%; border-right:1px solid #ddd}
}
@media (max-width:880px) {
#sidebar-toggle {display:none}
.sidebar {display:block!important; max-width:inherit; position:relative; width:100%; box-shadow:0 0 0; background-color:transparent; padding:0 1.2em}
}
@media (min-width:881px) and (max-width:1039px) {
.sidebar {width:26%}
}






/* --- FOOTER --- */

.site-footer {border-top:0px solid transparent; background-color:#EE7122; margin-top:150px; padding:70px 0; font-size:16px}
@media (min-width:768px) {
.site-footer {background-image:url('../../../wp-content/uploads/footer-spirale.jpg'); background-repeat:no-repeat; background-position:center center}
}

#footer-content {max-width:1200px; width:100%; margin:0 auto; padding:0 40px 0 60px; color:#fff}
#footer-content p {margin:0}
#footer-content .footer-strong {font-size:18px; font-weight:500; margin-bottom:10px}
#footer-content .footer-block {float:left}
@media (max-width:767px) {
#footer-content {padding:0}
#footer-content .column1,
#footer-content .column2,
#footer-content .column3,
#footer-content .column4 {width:100%}
#footer-content a {line-height:36px}
#footer-content .column1,
#footer-content .column3 {margin-bottom:40px}
#footer-content a {line-height:36px}
}
@media (min-width:768px) {
#footer-content {padding:0 40px 0 60px}
#footer-content .column1 {width:32%}
#footer-content .column2 {width:22%}
#footer-content .column3 {width:22%}
#footer-content .column4 {width:24%}
}

#footer-content ul {margin:0; padding:0}
#footer-content li {list-style-type:none; display:block}
.footer-navigation {float:none; margin-bottom:0px}
.footer-navigation-menu li {float:none}
#footer-content a {border-bottom:1px solid transparent; transition:border-bottom 0.3s}
#footer-content a:hover {border-bottom:1px solid #fff}
#footer-content a:link, #footer-content a:visited, #footer-content a {color:#fff}
.footer-navigation-menu a {display:initial; padding:0; font-size:16px; text-transform:none}
#footer-content p.footer-mobil:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f3cd"; margin:0 11px 0 3px}
#footer-content p.footer-email:before {font-family:"Font Awesome 5 Free"; content:"\f0e0"; margin-right:8px}

#footer-content .column4 a {border-bottom:1px solid #fff}
#footer-content .column4 p.footer-termine {margin-bottom:5px; position:relative; margin-left:25px}
#footer-content .column4 p.footer-termine:before {font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f073"; position:absolute; top:0px; margin-left:-25px; color:#fff}