@charset "UTF-8";
/* CSS Document */

/* Boxmodell anpassen */
html {
	box-sizing: border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* für alle */
	/* Hauptmenue */
	div.menue-open {
		position: absolute;
		display: none;
		top: 13.6rem;
		background-color: #5e585b;
		width: 100%;
		text-align: center;
		max-width: 140rem;
		height: 60rem;
		z-index: 99;
	}

	a.mainmenue:link, a.mainmenue:visited {
		color: white;
		font-size: 3rem;
		padding-top: 1rem;
		font-weight: 700;
		display: block;
		text-decoration: none;
		text-align: center	
	}
	
	a.mainmenue:hover, a.mainmenue:focus, a.mainmenue:active {
		color: #bc3f77;
	}

	a.mainbox:link, a.mainbox:visited {
		display: inline-block;
		text-align: center;
		font-weight: 700;
		width: 20rem;
		color: #bc3f77;
		text-decoration: none;
		padding: 0.7rem 2.9rem;
		border: 2px solid white;
		border-radius: 1rem;
		margin-top: 1.8rem;
	}
	
	a.mainbox:hover, a-mainbox:focus, a.mainbox:active {
		color: white;
		background-color: #bc3f77;	
	}
	
	div.new-box-line {
		display: none;	
	}

.main-content {
	max-width: 100rem;
	margin: 0 auto;	
}

div.wrapper-express {
	background-color: silver;
	margin: 0 auto;	
	margin-bottom: -6rem;
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.section-wrapper-main {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	
	-webkit-flex-flow: row wrap;
}

.section-wrapper-express {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	
	-webkit-flex-flow: row wrap;
	max-width: 100rem;
	margin: 0 auto;
}

/*	.picarea {
		position: relative;
		padding-top: 8rem;
		border: 1px solid red;
	}  */

.picarea-bottom {
	position: relative;
	padding-top: 4rem;
	margin-bottom: -7rem;	
}

footer section.wrapper {
	max-width: 100rem;
	margin: 0 auto;	

	margin-top: 6rem;
	
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	
	-webkit-flex-flow: row wrap;
}

section.lastline {
	max-width: 96rem;
	margin: 0 auto;	
	margin-top: 6rem;
}

section.clear {
	clear: both;	
}

/*** Bildbereich ***/
.picarea img {
	width: 100%;	
}

.picarea-bottom img {
	width: 100%;	
}

/*** Text-Abstände ***/
h1, h3 {
	margin: 3rem 2rem;
}

h4 {
	margin-left: 2rem;	
	margin-top: 0;
	margin-bottom: 0;
}

h4.footer {
	margin-left: 0;
	margin-top: 1rem;
	margin-bottom: 1.7rem;
}

p {
	margin: 0 2rem;
}

/* Breakpoint Phones <640px */
@media screen and (max-width: 39.99em) {
	div.logo-start {
		position: absolute;
		top: 3rem;
		left: 1rem;
		width: 15rem;
		z-index: 90;
	}
	
	div.new-box-line {
		display: block;	
	}

 	img.logo-start {
		width: 6rem;
	}
	
	.logo-name-start {
		position: absolute;
		color: #bc3f77;
		font-size: 1.7rem;
		top: 7rem;
		left: -2rem;	
		width: 35rem;
	}
	
	.fachrichtung-start {
		position: absolute;
		font-size: 1.3rem;
		text-align: left;
		top: 10rem;
		left: -2rem;
		width: 20rem;	
	}

	.nav-start p {
		display: inline-block;	
		font-size: 1.6rem;
		padding-top: 0rem;	
		color: #bc3f77;
	}

	.nav-start {
		float: right;
		margin-right: -3.2rem;	
	}

	a.box-lnk-start:link, a.box-lnk-start:visited {
		position: absolute;
		display: block;
		text-align: center;
		color: #bc3f77;
		text-decoration: none;
		padding: 0.7rem 1.3rem;
		border: 2px solid #bc3f77;
		border-radius: 1rem;
		left: 1rem;
		top: 23rem;
	}
	
	a.box-lnk-start:hover, a.box-lnk-start:focus, a.box-lnk-start:active {
		color: #bc3f77;
		background-color: white;	
		text-decoration: none;
	}

	.logo {
		float:left;
		width: 8rem;	
		margin-left: 1rem;
		margin-bottom: -2rem;
		margin-right: -1rem;
	}
	
	.logo img {
		width: 8rem;
	}
	
	.logo-name p {
		float: left;
		font-size: 1.7rem;
		padding-top: 1.4rem;
		width: 14rem;	
	}

	.nav p {
		display: inline-block;	
		font-size: 1.4rem;
		padding-top: 3rem;	
		color: #bc3f77;
	}

	.nav {
		float: right;
		margin-right: 1rem;	
	}

	
	input#responsive-nav {
		display: none;
	}

	label.responsive-nav-label {
		position: relative;
	    display: block;
		text-align: left;
		padding-top: 1.4rem;
		padding-left: 2rem;
		cursor: pointer;
		color: white;
	}
  
	label.responsive-nav-label span {
	  margin-right: 10px;  
	}
	
	input#responsive-nav[type=checkbox]:checked ~ nav {
	  position: relative;
	  color: red;
	  top: 30;
	}
	
	nav.submenue {
		height: 5rem;
		background-color: #8b8488;
		margin-top: 2rem;
	}
	
	nav.submenue-empty {
		height: 2rem;
		background-color: white;
		margin-top: 2rem;
	}

	nav ul {
		display: none;
	}


	.footer article {
		padding-left: 2rem;
		width: 35rem;
	}
	
	.hebamme {
		position: absolute;
		top: 4.2rem;
		left: 0rem;
		width: 25rem;
		z-index: 90;
	}

	p.pic-hebamme-head {
		color: #bc3f77;
		font-size: 1.5rem;
		font-weight: 600;	
	}
	
	p.pic-hebamme-txt {
		font-size: 1.3rem;	
	}
	
	hr.hebamme-line {
		margin-left: 2rem;
		border: none;
		width: 11rem;
		height: 3px;
		color: black;
		background: black;
		display: none;
	}


	a.box-lnk-hebamme:link, a.box-lnk-hebamme:visited {
		position: relative;
		display: block;
		text-align: center;
		font-size: 1.0rem;
		color: #bc3f77;
		text-decoration: none;
		padding: 0.6rem 0.5rem;
		width: 13rem;
		border: 2px solid #bc3f77;
		border-radius: 1rem;
		left: 2rem;
		top: 0.3rem;
	}
	
	a.box-lnk-hebamme:hover, a.box-lnk-hebamme:focus, a.box-lnk-hebamme:active {
		color: #bc3f77;
		background-color: white;	
		text-decoration: none;
	}

}


/* Breakpoint Tablet oder kleine Desktop */
@media screen and (min-width: 40em) {
	.logo-start {
		position: absolute;
		top: 7rem;
		left: 4rem;
		width: 15rem;
		z-index: 90;
	}
	
	.logo-name-start {
		position: absolute;
		color: #bc3f77;
		font-size: 2.7rem;
		top: 25rem;
		left: 3rem;	
		width: 35rem;
	}
	
	.fachrichtung-start {
		position: absolute;
		font-size: 1.5rem;
		text-align: left;
		top: 30rem;
		left: 3rem;
		width: 35rem;	
	}

	a.box-lnk-start:link, a.box-lnk-start:visited {
		position: absolute;
		display: block;
		text-align: center;
		color: #bc3f77;
		width: 18rem;
		text-decoration: none;
		padding: 0.7rem 2.9rem;
		border: 2px solid #bc3f77;
		border-radius: 1rem;
		left: 5.1rem;
		top: 40rem;
	}
	
	a.box-lnk-start:hover, a.box-lnk-start:focus, a.box-lnk-start:active {
		color: #bc3f77;
		background-color: white;	
		text-decoration: none;
	}
	
	.logo {
		float: left;
		margin-left: 2rem;
	}
	
	.logo img {
		padding: 1rem;	
	}
	
	.logo-name br {
		display: none;	
	}
	
	.logo-name {
		float: left;
		margin-left: 0.7rem;
	}

	
	.nav {
		float: right;
		margin-right: 2em;	
	}
	
	.nav p {
		display: inline-block;	
		font-size: 2.2rem;
		padding-top: 4.7rem;	
		color: #bc3f77;
	}
	
	.logo img {
		width: 100%;
	}
	
	.logo-name p {
		font-size: 2.2rem;
		padding-top: 4.7rem;	
	}

	input#responsive-nav {
		display: none;
	}

	label.responsive-nav-label {
		position: relative;
	    display: block;
		text-align: left;
		padding-top: 1.4rem;
		padding-left: 2rem;
		cursor: pointer;
		color: white;
	}
  
	label.responsive-nav-label span {
	  margin-right: 10px;  
	}
	
	nav.submenue {
		height: 5rem;
		background-color: #8b8488;
		margin-top: 2rem;
	}
	
	.three-col {
		max-width: 32.5rem;	
		margin-top: 3rem;
	}
	
	article.leistungen, article.sprechzeiten, article.contact, article.links {
		padding-left: 2rem;
		padding-right: 0rem;
		width: 32.5rem;
	}
	
	.hebamme {
		position: absolute;
		top: 9rem;
		left: 4rem;
		width: 35rem;
		z-index: 90;
	}

	p.pic-hebamme-head {
		color: white;
		font-size: 2.0rem;
		font-weight: 600;	
	}
	
	p.pic-hebamme-txt {
		font-size: 2.0rem;	
	}
	
	hr.hebamme-line {
		margin-left: 2rem;
		border: none;
		width: 11rem;
		height: 4px;
		color: black;
		background: black;
	}


	a.box-lnk-hebamme:link, a.box-lnk-hebamme:visited {
		position: relative;
		display: block;
		text-align: center;
		color: white;
		width: 18rem;
		text-decoration: none;
		padding: 0.7rem 2.9rem;
		border: 2px solid #bc3f77;
		border-radius: 1rem;
		left: 2rem;
		top: 1rem;
	}
	
	a.box-lnk-hebamme:hover, a.box-lnk-hebamme:focus, a.box-lnk-hebamme:active {
		color: #bc3f77;
		background-color: white;	
		text-decoration: none;
	}


}

/* Breakpoint große Desktop */
@media screen and (min-width: 62em) {

	.logo-start {
		position: absolute;
		top: 7rem;
		left: 4rem;
		width: 15rem;
		z-index: 90;
	}

	.logo {
		float: left;
		margin-left: 2rem;
	}
	
	.logo img {
		padding: 1rem;	
	}
	
	.logo-name {
		float: left;
		margin-left: 0.7rem;
	}
	
	.nav {
		float: right;
		margin-right: 2em;	
	}
	
	.nav p {
		display: inline-block;	
		font-size: 2.2rem;
		padding-top: 4.7rem;	
		color: #bc3f77;
	}
	
	.nav-start p {
		display: inline-block;	
		font-size: 2.2rem;
		padding-top: 1.7rem;	
		color: #bc3f77;
	}

	.nav-start {
		float: right;
		margin-right: 0.2rem;	
	}

	input#responsive-nav,
	label.responsive-nav-label {
		display: none;
	}

	nav.submenue {
		height: 5rem;
		background-color: #8b8488;
		text-align: center;
		color: white;
		margin-top: 2rem;
	}
	
	a.submenue:link, a.submenue:visited {
		text-decoration: none;
		color: white;	
	}
	
	a.submenue:hover, a.submenue:focus, a.submenue:active, a.submenue-active:link, a.submenue-active:visited {
		text-decoration: none;
		color: black;	
	}

	ul.submenue {
		margin-left: -4rem;	
	}
	
	li.submenue {
		display: inline-block;
		list-style: none;
		font-size: 1.5rem;
		padding-right: 0.7rem;
		padding-left: 0.3rem;
		border-right: 1px solid white;
		margin-top: 1.2rem;
	}
	
	li.sublast {
		display: inline-block;
		list-style: none;
		font-size: 1.5rem;
	}
	
	.one-col {
		width: 100%;
		max-width: 100.0rem;	
		margin-top: 3rem;
		margin-left: 2rem;
	}
	
	.two-col {
		max-width: 47.5rem;	
		margin-top: 3rem;
	}

	.three-col {
		max-width: 32.5rem;	
		margin-top: 3rem;
	}

	.footer article {
		padding-left: 2rem;
		padding-right: 1.4rem;
		width: auto;
	}
	
	article.links {
		margin-top: 4rem;	
	}
	
		.hebamme {
		position: absolute;
		top: 9rem;
		left: 4rem;
		width: 35rem;
		z-index: 90;
	}

	p.pic-hebamme-head {
		color: white;
		font-size: 2.0rem;
		font-weight: 600;	
	}
	
	p.pic-hebamme-txt {
		font-size: 2.0rem;	
	}
	
	hr.hebamme-line {
		margin-left: 2rem;
		border: none;
		width: 11rem;
		height: 4px;
		color: black;
		background: black;
	}


	a.box-lnk-hebamme:link, a.box-lnk-hebamme:visited {
		position: relative;
		display: block;
		text-align: center;
		color: white;
		width: 18rem;
		text-decoration: none;
		padding: 0.7rem 2.9rem;
		border: 2px solid #bc3f77;
		border-radius: 1rem;
		left: 2rem;
		top: 1rem;
	}
	
	a.box-lnk-hebamme:hover, a.box-lnk-hebamme:focus, a.box-lnk-hebamme:active {
		color: #bc3f77;
		background-color: white;	
		text-decoration: none;
	}

}