/* CSS Document */

.top-bar {
    border-bottom: 1px solid #e7c8d4;
}


@media only screen and (min-width: 767px) { 
	header#homepage {		padding: 160px 0 0; }
    header#nopicsubpage {	padding: 40px 0 0; }
}

@media only screen and (max-width: 767px) { 
	header#homepage {		padding: 20px 0 0; !important;  }
    header#nopicsubpage {	padding: 2em 0 !important; } 
}

header#nopicsubpage .page_title { margin:0; }
header#homepage.homeslide-4 .row .columns .logo-postionwrap {
    margin: 0 0 160px;
}

.image_wrap { width:100%; padding:0.5em; border-top:1px solid #aaa; margin:2.5em 0; }
.columns > .image_wrap { margin:0; }
.image_wrap .image {}
.image_wrap .image img {width:100%;}
.image_wrap .description { width:100%; border-top:1px dotted #aaa; font-size:0.9em; line-height:1.5em; margin:0.5em 0 0; padding:1em 0.2em; }
.image_wrap .description a,
.image_wrap_add .description a { color:#6F859C; !important; text-decoration:underline; } 

.teaser h1 { font-family:Arial, Helvetica, sans-serif; font-size:2em; font-weight:bold; }

section.teaser {}
section.teaser.lightgrey { background-color:#efefef; }
section.teaser.verylightborder { background:#fcfcff; border-top:1px solid #dce3ed; border-bottom:1px solid #dce3ed; }
.noborder { border:0px; !important } 

h1.erkrankung,
h3.erkrankung,
h1.erbgaenge { font-family:Arial, Helvetica, sans-serif;  margin:0 0 0.5em 0; }
h1.erkrankung { font-size:2.5em; font-weight:normal; }
h3.erkrankung { font-size:1.5em; font-weight:normal; }
h1.erbgaenge { font-size:1.8em; font-weight:bold; }
.row.genetik.intro .erkrankungstyp { border:1px solid #dce3ed; padding:1em 2em; margin:1.5em 0; }

.row.genetik.syndrome,
.row.genetik.ursachen,
.row.erbgaenge { margin-top:3em; }

.row.erbgaenge .row.vererbungsmuster h1,
.row.erbgaenge .row.vererbungsmuster h5 { text-align:center; }



/* LeEr 2017-08-02  */

.teaser {
	padding: 16px 20px;
	margin:2em 0px 2em 0px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-ms-border-radius: 3px; 
	-o-border-radius: 3px; 
	border-radius: 3px; 
}

.row.teaser.spenderin,
.row.teaser.empfaengerin {
	margin-top:1em;	
}

.teaser.spenderin h3,
.teaser.empfaengerin h3 {
	margin-top:0;
} 

/*
.teaser.spenderin {
	background:#d4dde6;
	border: 1px solid #BBD0ED;
}

.teaser.empfaengerin {
	border: 1px solid #b4c9e4;
	background: #b6dff3; 
  	background: -moz-linear-gradient(top,  #b6dff3 0%, #acd2e5 100%); 
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6dff3), color-stop(100%,#acd2e5)); 
  	background: -webkit-linear-gradient(top,  #b6dff3 0%,#acd2e5 100%); 
  	background: -o-linear-gradient(top,  #b6dff3 0%,#acd2e5 100%); 
  	background: -ms-linear-gradient(top,  #b6dff3 0%,#acd2e5 100%); 
  	background: linear-gradient(to bottom,  #b6dff3 0%,#acd2e5 100%); 
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6dff3', endColorstr='#acd2e5',GradientType=0 ); 
}
*/

ol.numbered { list-style-type: decimal; }

ul.side-nav li.divider, 
ul.linklist li.divider,
.kinderwunschblog.teaser.v001.wrap, 
.sidecol_item001 { border-top: 1px solid #e6e6e6; }

.sidecol_item001 { margin-top:1em; padding-top:1em; }
.sidecol_item001 .text { }
.sidecol_item001 .image img { max-height:128px; }
.sidecol_item001 .text p, 
.sidecol_item001 .text h5 { margin-bottom:5px; line-height:1.3em; }

.kinderwunschblog.teaser.v001.wrap .text h5,
a.kiwublog_teaser:hover { color:#78bbde; } /*no change on hover here*/
.kinderwunschblog.teaser.v001.wrap { padding-top:0.8em; }
.kinderwunschblog.teaser.v001.wrap .image .teaserpic { width:100%; max-width:250px; height:5.5em; margin:0 0 1em 0; background:#e6e6e6; }
.kinderwunschblog.teaser.v001.wrap .text .sieheauch .text { font-style:italic; }
.kinderwunschblog.teaser.v001.wrap .text .sieheauch .text,
.kinderwunschblog.teaser.v001.wrap .text .sieheauch .logo { float:left; }
.kinderwunschblog.teaser.v001.wrap .text .sieheauch .logo { width:11em; margin:0 0.1em 0 0.5em; }
.kinderwunschblog.teaser.v001.wrap .text h5 { margin:0.3em 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.1em; }
.kinderwunschblog.teaser.v001.wrap .text p,
.kinderwunschblog.teaser.v001.wrap .text ul {  }
@media all and (max-width: 800px) {}




.teaser.empfaengerin,
.top-bar {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9ebf1+0,f7e0e9+100 */
background: #f9ebf1; /* Old browsers */
background: -moz-linear-gradient(top,  #f9ebf1 0%, #f7e0e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9ebf1 0%,#f7e0e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9ebf1 0%,#f7e0e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9ebf1', endColorstr='#f7e0e9',GradientType=0 ); /* IE6-9 */
}


.teaser.spenderin {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,e6e6e6+100 */
background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top,  #f7f7f7 0%, #e6e6e6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7f7f7 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}

.teaser .icon.edpatient {
	width:100%;
	margin:2em 0 0 0;
}

.headline.empfaengerin 	{ color:#b28898; }
.headline.spenderin 	{ color:#7e8f9e; }

.teaser.empfaengerin,
.teaser.empfaengerin a,
.teaser.empfaengerin h1,
.teaser.empfaengerin h3,
#jedertagzaehlt h1,
#jedertagzaehlt p,
#jedertagzaehlt a { color:#b28898; } 
.teaser.spenderin,
.teaser.spenderin a,
.teaser.spenderin h1,
.teaser.spenderin h3	{ color:#7e8f9e; }

.teaser.empfaengerin a,
.teaser.spenderin a {  }

.teaser.kiwublog { width:100%; border:1px solid #a1daf8; background:url(../img/teaser/kinderwunsch-blog/kiwublog_teaser_bg.jpg) no-repeat; background-position:top -10% right -70%; }
.teaser.kiwublog .logo_wrap { width:50%; }
.teaser.kiwublog h1,
.teaser.kiwublog h3 { width:70%; color: #a1daf8 }
.teaser.kiwublog p { width:70%; color:#6F859C; }
.teaser.kiwublog h3 { margin:0.5em 0; font-size:1.3em; }

.teaser.i20 { border:1px solid #D4DDE6; }
.teaser.i20 .anmeldung {}
.teaser.i20 .anmeldung .tablerow { border-top: 1px dashed #D4DDE6; clear:both; } 
.teaser.i20 .anmeldung .tablerow .text,  
.teaser.i20 .anmeldung .tablerow .bto { display:inline-block; float:left;} 
.teaser.i20 .anmeldung .tablerow .text { font-size:1.2em; padding:1.2em 0.8em 0 0; } 
.teaser.i20 .anmeldung .tablerow .bto {} 


.button.i20 { 
	color: #6F859C;
	border:1px solid #D4DDE6;
	text-shadow: 0 1px 1px #FFFFFF;
	
	background: #eaf1fb; 
  	background: -moz-linear-gradient(top,  #eaf1fb 0%, #d9e0e8 100%); 
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf1fb), color-stop(100%,#d9e0e8)); 
  	background: -webkit-linear-gradient(top,  #eaf1fb 0%,#d9e0e8 100%); 
  	background: -o-linear-gradient(top,  #eaf1fb 0%,#d9e0e8 100%); 
  	background: -ms-linear-gradient(top,  #eaf1fb 0%,#d9e0e8 100%); 
  	background: linear-gradient(to bottom,  #eaf1fb 0%,#d9e0e8 100%); 
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf1fb', endColorstr='#d9e0e8',GradientType=0 ); 
  }

.button.i20:hover, .button.i20:focus { 
	color:#FFF;
	text-shadow: none;

	background: #d8e5f8; 
  	background: -moz-linear-gradient(top,  #d8e5f8 0%, #bbc6d5 100%); 
  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e5f8), color-stop(100%,#bbc6d5)); 
  	background: -webkit-linear-gradient(top,  #d8e5f8 0%,#bbc6d5 100%); 
  	background: -o-linear-gradient(top,  #d8e5f8 0%,#bbc6d5 100%); 
  	background: -ms-linear-gradient(top,  #d8e5f8 0%,#bbc6d5 100%); 
  	background: linear-gradient(to bottom,  #d8e5f8 0%,#bbc6d5 100%); 
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e5f8', endColorstr='#bbc6d5',GradientType=0 ); 
  }



#teaser_kiwuab a,
#teaser_kiwuab p,
#teaser_kiwuab h3 { /* color:#8c7180; */ }
#teaser_kiwuab a.button { margin:0 0 2em 0; color:#997987; }
#teaser_kiwuab { margin-bottom:2em; }



.kiwuab_teaser_billboard.date {
	font-size:1.4em; border:1px solid #dce3ed; width:100%; text-align:center; font-weight:bold; line-height:1.3em; /*  background:#f1f4f7; */
}

.kiwuab_teaser_billboard.date .label {
	font-weight:normal; font-size:0.7em; color:#a0aab4; background:none;
}

.kiwuab_teaser_billboard.date .time {font-weight:normal; }

/*----------*/
table.legaloverview {}
table.legaloverview tr.forbidden { background:#f2cddb; }
table.legaloverview tr.allowed { background:#d1eccc; }
table.legaloverview tr.forbidden td { color:#9a1915; }
table.legaloverview tr.allowed td { color:#3cba3c; font-weight:bold; }

table.legaloverview tr td.text { padding-top:0.6em; }
table.legaloverview tr td.flag { }
table.legaloverview tr td.flag img { width:2em; }

/* flag icon inside paragraph text flow: */
img.insidetext { display:inline-block; height:1em; margin:0 0.5em; }

/* big version on subpage */

table.legaloverview.big th,
table.legaloverview.big td { border:1px solid #999; text-align:center; width:13%}
table.legaloverview.big th {font-size:0.9em; font-weight:normal; padding:0.5em 0.2em;}
table.legaloverview.big td.country { text-align:right; width:22% }
table.legaloverview.big td.allowed img.icon, 
table.legaloverview.big td.forbidden img.icon { width:20px; opacity:60%; }
table.legaloverview.big td.allowed { background:#d1eccc; }
table.legaloverview.big td.forbidden { background:#f2cddb; }
table.legaloverview.big th.spermdonation, 
table.legaloverview.big th.eggdonation { font-weight:bold; }

ol.decimal { list-style-type: decimal; }
ol.smaller li { font-size:0.9em; }

/*mobile side nav*/

nav#sideMenu .languageselect { margin-top:2em; } 
nav#sideMenu .languageselect img { width:3em; margin:0 0.3em 0 0; }
nav#sideMenu ul#sideMainNav li a.em { font-weight:bold; }
#sidebar .nav-bar li a { color:#153c66; }
#sidebar .nav-bar li a:hover { color:#fff;  }
.nav-bar > li.active:hover { background:#c19bac; cursor:default; }
.nav-bar > li:hover { background:#c19bac; }

#treatmentcost_form p,
#treatmentcost_form ul {
	display:block;
	clear:both;
	text-align:left;
	padding:0;
}

#treatmentcost_form p {
	margin:0 0 0.5em 0;
	margin-top:1em;
	white-space:normal;
}

#treatmentcost_form p.label, 
#treatmentcost_form label {
	background:none;
	font-size:1em; 
	line-height:1.6em;
	font-weight:normal;
	color:#6F859C;
}

#treatmentcost_form .form_bto_save { margin:2em 2em; float:right; }