section	{
	width: 100%;
	padding: 0;

}
section>div	{
	padding:5em 1em 13rem 1rem;
}

/*------------------------------------------------------------
Farben
rgba(98,179,43,1) #63b32b grün
rgba(239,241,237,1) #eff1ed weiß
rgba(92,135,40,1) #5c8728 dunkelgrün
rgba(188,189,139,1) #bcbd8b beige
rgba(55,61,32,1) #373d20 olive
------------------------------------------------------------*/

html	{
	background: rgb(239,241,237); /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, rgba(239,241,237,1), rgba(188,189,139,0.25)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, rgba(239,241,237,1), rgba(188,189,139,0.25)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, rgba(239,241,237,1), rgba(188,189,139,0.25)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, rgba(239,241,237,1), rgba(188,189,139,0.25)); /* Standard syntax */
}

body	{

}
main	{
	padding-bottom: 10rem;
}

p	{
  hyphens: auto;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
}
/*------------------------------------------------------------*/


header	{
	color: rgba(239,241,237,1);
	background: rgba(98,179,43,1);
	padding: 0.5rem 0rem;
}
header .container	{
	text-align: justify;
	line-height:0;
}
header .container:after{
	 content: '';
	 display: inline-block;
	 width: 100%;
	 height: 0;
	 font-size:0;
	 line-height:0;
}
a.logotype>h1, a.logotype:hover>h1	{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	margin:0.5rem 0 0 2rem;
	padding:0;
	font-size: 3.5rem;
	letter-spacing: 0;
	line-height: 0;
}
.logotype>h1:before	{
	display: block;
	content: '';
	background-image: url('../images/logo-koerperbau-lemgo.svg');
	background-size: 1rem 2rem;
	height: 2rem;
	width: 1rem;
	margin:0 0 0 -2rem;
}
a.internal, a.external, a.email, a.phone	{
	color: rgb(92,135,40);
	text-decoration: none;
}
a.internal:hover, a.external:hover, a.email:hover, a.phone:hover	{
	color: rgb(98,179,43);
	text-decoration: underline;
}
a.external:before	{
	content:"\29C9\00a0";
}
a.cta	{
	color: rgba(98,179,43,1);
	font-weight: 700;
	letter-spacing: 0.05rem;
	text-decoration: none;
}
a.cta:hover	{
	color: rgba(98,179,43,0.8);
	text-decoration: underline;
}
nav	{
	display: inline-block;
	vertical-align: baseline;
}
nav:before	{
	content:"\00a0";
}
nav ul	{
	list-style: none;
	padding:0;
	margin:0;
}
nav ul li	{
	display: inline-block;
	padding: 0;
	margin:0;
}
nav ul li a	{
	display:block;
	color: rgba(239,241,237,0.8);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	font-size: 1.25rem;
	padding: 1.5rem 1rem;
}
nav ul li a:hover	{
	color: rgba(239,241,237,1);
	background-color: transparent;
}
nav ul li a.active	{
	color: rgba(239,241,237,0.9);
	font-weight: 700;
}
.navtel	{
	color: rgba(239,241,237,1);
	font-weight: 700;
	letter-spacing: 0.15rem;
}
.navtel:before	{
	 content:"\260f\00a0";
	 font-weight: 300;
	 font-size: 2rem;
	 vertical-align: -0.2rem;
}
/* #philosophie	{
} */
.topofpage, .history	{
	display: block;
	position: absolute;
	margin: -6rem 0 0 2%;
	background-image: url('../images/top.svg');
	background-size:40px 40px;
	height: 40px;
	width: 40px;
}
.history	{
	position: relative;
	margin: 0 0 0 2%;
	transform: rotate(270deg);
}
.topofpage abbr, .history abbr	{
	display: none;
}
.stoerer {
	position:relative;
	width:100%;
	height:150px;
	text-align: center;
}
.stoerer img	{
	max-height:95%;
}
.stoerer img:hover	{
	opacity: 1.0;
}

@media screen and (min-width: 769px)	{
	.stoerer {
		position:absolute;
		top: 8rem;
		right: 2rem;
		width:200px;
		height:200px;
	}
	.stoerer img	{
	  position:absolute;
	  max-height:90%;
	  top:50%;
	  left:50%;
	  opacity: .9;
	  transform: translate(-50%, -50%);
	  -webkit-transform: translate(-50%, -50%);
	  transform-origin: 0 0;
	  -webkit-transform-origin: 0 0;
	  transition: opacity .35s ease-in-out;
	}
	.stoerer img:hover	{
		opacity: 1.0;
	}
}



/*------------------------------------------------------------*/


blockquote	{
	margin: 0;
}

blockquote p	{
	position: relative;
	padding: 1rem;
	border-radius: 0.5rem;	
	box-shadow: 0 0 1.5rem rgba(55,61,32,.1);
}

blockquote p:after	{
	content: "";
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -2.5rem;
	right: 3rem;
	width: 0;
	border-width: 2.5rem 2rem 0rem 0rem;
	border-style: solid;
}

blockquote a	{
	text-decoration: none;
}

cite	{
	margin-top: 4rem;
	font-style: normal;
	text-align: right;
	display: block;
}


/*------------------------------------------------------------*/


#leistungen {
    color: #eff1ed;
    background: 0 0;
    background: rgb(116,203,0);
	background: radial-gradient(circle, rgba(116,203,0,1) 0%, rgba(60,145,0,1) 100%);
    padding-bottom: 3rem;
/*    min-height: 100vh; */
}
@media screen and (min-width: 769px)	{
/*	#leistungen	{
		color: rgba(239,241,237,1);
		background: transparent url(../images/koerperbau_hebammen_2020.jpg) no-repeat; 
		background-attachment: fixed;
		background-position: center;
		background-size: cover;
		}
	#leistungen .kopfbild	{
			 display: none;
		}
	#leistung .btn	{
		width: 89%;
		margin:0;
		}	
	} */
}
#leistungen h2	{
}


/*------------------------------------------------------------*/


#kursbuchung	{
}

div.kursliste {
	display: flex;
	flex-flow: row wrap;
}
.kursliste div	{
	margin: 1%;
	background: rgba(0,0,0,0.01);
}
.kursliste div:nth-child(4n+1) {
	flex: 0 1 98%;
}
.kursliste div:nth-child(4n+2) {
	flex: 0 1 98%;
}
.kursliste div:nth-child(4n+3) {
	margin-bottom: 10%;
	flex: 0 1 48%;
}
.kursliste div:nth-child(4n+4) {
	margin-bottom: 10%;
	flex: 0 1 48%;
	visibility: visible;
	text-align: right;
	color: red;
	text-decoration: underline;
}
.kursliste div span {
	white-space: nowrap;
}

		
@media screen and (min-width: 769px) {

		.kursliste div:nth-child(4n+1) {
			flex-basis: 38%;
		}
		.kursliste div:nth-child(4n+2) {
			flex-basis: 28%;
		}
		.kursliste div:nth-child(4n+3) {
			margin-bottom: 1%;
			flex-basis: 13%;
		}
		.kursliste div:nth-child(4n+4) {
			margin-bottom: 1%;
			flex-basis: 13%;
		}


}		





/*------------------------------------------------------------*/


#koerperbau	{
	background: rgba(98,179,43,1);
	color: rgba(239,241,237,1);
	padding-bottom: 3rem;
}
@media screen and (min-width: 769px)	{
	#koerperbau	{
		background: rgba(98,179,43,1);
	}
}
#koerperbau p	{
	font-size: 2.0rem;
	max-width: 640px;
	margin: 1rem auto;
  	width: 90%;
}
#koerperbau a, #koerperbau a:hover	{
	color: rgba(239,241,237,1);
}


/*------------------------------------------------------------*/


#ueberuns	{
	background: rgba(239,241,237,1);
	padding-bottom: 3rem;
}
#hebamme ul	{
	list-style-type: none;
	padding-left: 0;
}
#hebamme li	{
	display: inline;
	background: rgba(55,61,32,0.1);
}
#hebamme li:before	{
	content:"\25B8\00a0";
}
#hebamme li:after	{
	content:"\00a0";
}
#hebamme li:hover	{
	background: rgba(55,61,32,0.2);
	transition: background .35s ease-out;
}
img.portrait, .kopfbild, img.sibling	{
	width: 100%;
}
.flyout {
	 position: relative;
	 overflow: hidden;
	 transform: translateZ(0);
}
.flyout__media {
	 display: block;
	 min-width: 100%;
	 max-width: 100%;
	 height: auto;
}
.flyout__overlay {
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 padding: 10px;
	color: rgba(55,61,32,1);
	 transform: translateY(100%);
	 transition: transform .35s ease-out;
}
.flyout:hover .flyout__overlay {
	 transform: translateY(0);
}
.flyout__overlay__title {
	 margin: 0;
	 padding: 0 0 12px;
	 transform: translateY( calc(-100% - 10px) ); /* +10px overlay padding */
	 transition: transform .35s ease-out;
}
.flyout:hover .flyout__overlay__title {
	 transform: translateY(0);
}
.flyout::before {
	 content: ' ';
	 position: absolute;
	 top: 0;
	 right: 0;
	 bottom: 0;
	 left: 0;
	 background: transparent;
	 transition: background .35s ease-out;
}
.flyout:hover::before {
	 background: rgba(239,241,237,0.9);
}
figcaption	{
	font-size: 1.3rem;
}
#geschwister	{
	background: rgba(188,189,139,0.2);
	text-align: center;
	padding: 0.1rem;
}
#geschwister ul	{
	list-style: none;
	padding: 0;
}
#geschwister ul li	{
	display: inline-block;
	padding: 0.75rem;
}
#geschwister a img.sibling	{
	filter: sepia(100%) opacity(67%);
	transition: all .35s ease-in-out;
}
#geschwister a img.sibling:hover	{
	filter: sepia(0%) opacity(100%);
	transition: all .35s ease-in-out;
}
#geschwister .selbst	{
}


/*------------------------------------------------------------*/


#notfallsprechstunde	{
	color: rgba(239,241,237,1);
	background-color: rgba(98,179,43,1);
	padding-bottom: 3rem;
}

@media screen and (min-width: 769px)	{
	#notfallsprechstunde	{
		background: rgba(98,179,43,1) url() no-repeat; 
		background-attachment: fixed;
		background-position: center right;
		}
	}

#notfallsprechstunde p	{
	font-size: 2.0rem;
	max-width: 640px;
	margin: 1rem auto;
  	width: 90%;
}
#notfallsprechstunde a, #notfallsprechstunde a:hover	{
	color: rgba(239,241,237,1);
}

/*------------------------------------------------------------*/


#kontakt	{
}
fieldset{
	background: rgba(188,189,139,0.25);
}
.contactform-alert	{
	padding: 1rem;
	margin: 1rem;
	font-size: 2rem;
	display: block;
	color: rgb(255,0,0);
	background: rgba(255,0,0,0.1);
	border: 1px solid rgb(255,0,0);
}
.contactform-input	{
	background: rgba(239,241,237,0.75);
}
.buttontoggle	{
	display: block;
	margin-right: 5rem;
	margin-left: 5rem;
}
input[type=checkbox]#datenschutz	{
	display: inline-block;
	margin-right: 1.5rem;	
	margin-left: -3rem;
}
#honigtopf	{
	display:none;
	}


/*------------------------------------------------------------*/

.gallery>h4	{
	margin-block-start: 0;
}

/*------------------------------------------------------------*/



footer	{
	color: rgba(55,61,32,0.4);
	background: rgba(55,61,32,0.15);
	margin: 0;
	padding:1em 1em 5rem 1rem;
}
footer p, footer table	{
	font-size: 1.3rem;
}
footer table, footer th, footer td	{
	border: 0;
	padding: 0;
	margin: 0;
}
footer table	{
	width: 100%;
	border-collapse: collapse;
}
#facebook, #youtube, #instagram, #pinterest, #snapchat, #whatsapp	{
	min-height:50px;
	padding: 0px;
}
#facebook	{
	background: rgb(59,89,152);
}
#youtube	{
	background: rgb(205,32,31);
}
#instagram	{
	background-image: linear-gradient(-135deg,#1400c8,#b900b4,#f50000);
}
#pinterest	{
	background: rgb(189,8,28);
}
#snapchat	{
	background: rgb(255,252,0);
}
#whatsapp	{
	background: rgb(37,211,102);
}
.social	{
	width: 100%;
	margin-top: 1rem;
	opacity: 0.67;
	transition: opacity .35s ease-in-out;
}
.social:hover	{
	opacity: 1.0;
	transition: opacity .35s ease-in-out;
}


#instafeed {
    font-size: 1.3rem
}

#instafeed a {
    opacity: .8;
    transition: opacity .35s ease-in-out
}

#instafeed a:hover {
    opacity: 1;
    transition: opacity .35s ease-in-out
}

#instafeed a img	{
	width:100%;
	height:100%;
}


#map {
	width: 100% !important;
	height: 200px !important;
	}
img.partner	{
	height: auto; 
	width: auto; 
	max-width: 45%; 
	max-height: 50px;
	padding: 2%;
	margin: auto;
}
.nobr {
	white-space : nowrap;
	font-weight: 700;
}


/*------------------------------------------------------------*/



.text>ul {
  list-style: circle outside;
}
.textvideo {
	float: left;
	margin: 2rem 2rem 2rem 0rem;
}


::-moz-selection	{
	background: rgba(92,135,40,0.75);
	color: rgba(239,241,237,1);
}
::selection	{
	background: rgba(92,135,40,0.75);
	color: rgba(239,241,237,1);
}

.nurmobile	{
	display: none;
}

/*------------------------------------------------------------*/



@media screen and (max-width: 768px) {
	section>div	{
		padding:2em 1em 5rem 1rem;
	}
	header .container	{
		text-align: center;
		padding: 1,5rem 0;
	}
	.a.logotype>h1, nav	{
		display: block;
	}
	nav ul	{
		padding-top: 1.5rem;
	}
	#leistungen	{
		height: auto; 
	}
	#leistungen .kopfbild	{
		 display: block;
	}
	#leistungen h1	{
		margin-top: auto;
	}
	#leistung, #hebamme	{
		padding: 2rem 0rem;
	}
	#hebamme a, #hebamme a:hover	{
		text-decoration: none;
	}
	.flyout, .flyout__overlay, .flyout:hover .flyout__overlay, .flyout__overlay__title, .flyout:hover .flyout__overlay__title, .flyout::before {
		transition-property: none !important;
		transform: none !important;
		animation: none !important;
	}
	.flyout__overlay {
		display: inline-block;
		position: relative;
		min-width: 225px;
		max-width: 40%;
	}
	.flyout:hover::before {
		background: transparent;
	}
	.flyout__media	{
		display:inline-block;
		min-width: 15%;
		max-width: 300px;
		min-height: 15%;
		max-height: 300px;
	}
	#instagram	{
		margin-bottom: 3rem;
	}
	footer p, footer table	{
		font-size: 1.5rem;
	}
	.row h4.col-12	{
		margin-top: 2.0833%;
	}
	.social, #instafeed a	{
		opacity: 1.0;
	}
	#instafeed .col-2	{
		width: 45%;
		padding: 0 1.04165%;
		margin-left: 2.083333%;
	}
	.nurmobile	{
		display: initial;
	}
}
@media screen and (max-width: 400px) {
	nav ul li	{
		width:100%;
	}
		nav ul li a	{
		padding: 2rem;
	}
	.flyout__overlay {
		max-width: 100%;
	}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/*	#leistungen	{
		color: rgba(55,61,32,1);
	} */
	#leistungen h1	{
		margin-top: auto;
	}
	#leistungen,#koerperbau	{
		background-image:none;
	}
	.row [class^='col-3'], .row [class*=" col-3"] {
		width: 45%;
		margin: 2.0833% 0 0 0;
		padding: 0;
	}
	#leistung	{
		margin: 2.5%;
	}
	#hebamme a, #hebamme a:hover	{
		text-decoration: none;
	}
	.flyout, .flyout__overlay, .flyout:hover .flyout__overlay, .flyout__overlay__title, .flyout:hover .flyout__overlay__title, .flyout::before {
		transition-property: none !important;
		transform: none !important;
		animation: none !important;
	}
	.flyout__overlay {
		display: inline-block;
		position: relative;
		min-width: 225px;
		max-width: 40%;
	}
	.flyout:hover::before {
		background: transparent;
	}
	.flyout__media	{
		display:inline-block;
		min-width: 15%;
		max-width: 300px;
		min-height: 15%;
		max-height: 300px;
	}
}