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

/* FARBDEFINITIONEN 

Logo: #C3CED8

STS: dr. barbara wiegele BASIS: #5C6F82, DUNKEL: #BBC8D3, HELL: #DDE4EA
HK1: über mich           BASIS: #ED7E23, DUNKEL: #F9D3AC, HELL: #FBEAD8
HK2: schwerpunkte        BASIS: #4D855C, DUNKEL: #C7D7C0, HELL: #E3EBD7
HK3: therapie            BASIS: #E0B406, DUNKEL: #E3CB8C, HELL: #F1E4C3, UD: #FCF8E7
HK4: coaching            BASIS: #B7541D, DUNKEL: #E6C5B3, HELL: #F2E0D7, UD: #F2EDEA
HK5: seminare            BASIS: #377AB8, DUNKEL: #BBD1E7, HELL: #DAE7F2, UD: #EBF2F8
HK6: kontakt             BASIS: #8D3287, DUNKEL: #E1CADF, HELL: #EFE2EE

TYPO FLXT: 

*/


/* BODY */
body {font-family: 'Roboto', sans-serif; font-weight:300; color: #3B3B3B; overflow-y: scroll;}
p {font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1em; }

/* ABSTÄNDE CLEAR ETC */
.abstand2px {height: 2px;}
.abstand8px {height: 8px;}
.abstand1em {height: 1em;}
.clear_both {clear:both;}
.abstand7pro {height:7%;}


/* SLICKNAV */
.slicknav_menu {display:none;}

/* LOGOBEREICH – A */
#bereich_aa {background-color:#FFF;}
#bereich_ab {margin: 0 auto 0 auto; max-width: 1028px;}
#bereich_ac {background-color: #fff; margin-left:auto; margin-right:auto; max-width: 1024px;}
.firmenlogo {height:auto; margin: 7.32421875% 0 4.296875% 1.953125%; max-width: 37.890625%;}

/* KAPITEL-VISUAL – B*/
#bereich_ba_start, #bereich_ba1, #bereich_ba2, #bereich_ba3, #bereich_ba4, #bereich_ba5, #bereich_ba6 {background-image:url(../bilder/logo_ud_o.png); background-repeat:no-repeat; background-position: top center;}
#bereich_ba_start {background-color:#BBC8D3;}
#bereich_ba1 {background-color:#F9D3AC;}
#bereich_ba2 {background-color:#C7D7C0;}
#bereich_ba3 {background-color:#E3CB8C;}
#bereich_ba4 {background-color:#E6C5B3;}
#bereich_ba5 {background-color:#BBD1E7;}
#bereich_ba6 {background-color:#E1CADF;}



#bereich_bb {background-color:#CCC; margin: 0 auto 0 auto; width: 1028px;}
.keyvisual {height:auto; max-width:100%;}

/* INHALTSBEREICH – C*/
#bereich_ca_start, #bereich_ca_1, #bereich_ca_2, #bereich_ca_3, #bereich_ca_4, #bereich_ca_5, #bereich_ca_6 {margin: 2px 0 0 0; padding: 0 0 0.3% 0; background-image:url(../bilder/logo_ud_u.png); background-repeat:no-repeat; background-position: top center;}
#bereich_ca_start {background-color: #DEE2E8;}
#bereich_ca_1 {background-color: #FBEAD8;}
#bereich_ca_2 {background-color: #E3EBD7;}
#bereich_ca_3 {background-color: #F1E4C3;}
#bereich_ca_4 {background-color: #F2E0D7;}
#bereich_ca_5 {background-color: #DAE7F2;}
#bereich_ca_6 {background-color: #EFE2EE;}





#bereich_cb {background-color: #FFF; margin: 0 auto 0 auto; max-width: 1028px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}
#bereich_cc {margin: 0 auto 0 auto; max-width: 1024px;}

/* NAVIGATION */
#navstart, #nav_1, #nav_2, #nav_3, #nav_4, #nav_5, #nav_6 {border-left: 2px solid #FFF; border-right: 2px solid #FFF;}
#navstart {background-color: #DEE2E8;}
#nav_1 {background-color: #FBEAD8;}
#nav_2 {background-color: #E3EBD7;}
#nav_3 {background-color: #F1E4C3;}
#nav_4 {background-color: #F2E0D7;}
#nav_5 {background-color: #DAE7F2;}
#nav_6 {background-color: #EFE2EE;}




.nav ul {color:#666; font-family: 'Roboto Condensed', sans-serif; font-size: 1.0625em; font-weight:400; letter-spacing:0.06em; list-style:none; margin:0; padding:0.7em 1em 1em 1em;}
.nav li {display:inline; margin: 1em 1em 0 1em;}
.nav a:link, .nav a:visited {color: #666; padding: 1em 0 0.3em 0; text-decoration:none;}
.nav a:hover {border-bottom: 0.7em solid #999; }
.nav a.kap1 {border-bottom: 0.7em solid #ED7E23;}
.nav a.kap2 {border-bottom: 0.7em solid #4D855C;}
.nav a.kap3 {border-bottom: 0.7em solid #E0B406;}
.nav a.kap4 {border-bottom: 0.7em solid #B7541D;}
.nav a.kap5 {border-bottom: 0.7em solid #377AB8;}
.nav a.kap6 {border-bottom: 0.7em solid #8D3287;}




/* ARTICLE */
#headline {display: none;}
.article_sp_li {float: left; width: 22.27626%;}
.article_sp_li_foto {height: auto; width: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;}

.article_sp_re {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border: 1px solid #C3CED8; border-radius: 10px; float: right; width: 75%; margin-bottom: 2%;}


.article_lfd {width: 94%; margin: 0 auto 0 auto;}
.article_zwlinie {height: 3px; border-bottom: 1px solid #C3CED8;}


.article_lfd h2 {font-size: 1em; font-weight: 500; letter-spacing: 0.02em; padding-top:0.5em;}
.aufzaehlung {padding-left: 10%; padding-bottom: 0.5em;}
.aufzaehlung li {padding-bottom: 0.5em; font-weight:300;}

.aufzaehlung_ohne {padding-left: 10%; padding-bottom: 0.5em; }
.aufzaehlung_ohne li {padding-bottom: 0.5em; font-weight:300; list-style: none; }
.aufzaehlung_ohne a:link, .aufzaehlung_ohne a:active {text-decoration:none; color: #3B3B3B; }
.aufzaehlung_ohne a:hover {text-decoration:underline; }

.fltxt_std {padding: 1.375em 0 1.5em 0.5em; }
.testdiv {background-color:#666; height: 5%; }


/* ZITATBEREICH STARTSEITE */
.article_a {height: auto; margin: 0 1.5625% 1.5625% 1.5625%; padding: 2% 0 0 0;}
.article_b {height: auto; margin: 0 3.6965% 1.8% 3.6965%; padding: 10.28% 0 0 0;}
.article_mittig {margin: 5% auto 0 auto; width: 94%;}

.spalte_li, .spalte_mi, .spalte_re {float: left; height: auto; text-align:center; width: 33.333%;}
.logo_hk {height: auto; max-width: 42%;}

.zitat_li_a, .zitat_mi_a, .zitat_re_a {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin: 10.6% auto 12% auto; width: 88%; padding: 0.3em 0.3em 0.5em 0.3em; }
.zitat_li_a {border: 1px solid #E0B406; background-color: #FCF8E7;}
.zitat_mi_a {border: 1px solid #B7541D; background-color: #F2EDEA;}
.zitat_re_a {border: 1px solid #377AB8; background-color: #EBF2F8;}
.zitat_txt {color: #313A44; font-family: 'Roboto', sans-serif; font-weight: 400; letter-spacing: 0.02em; font-size: 0.9em; line-height: 1.6em; }
.zitat_autor {color: #808080; font-weight: 400; font-size: 0.75em; letter-spacing: 0.03em; text-align:right; margin-right: 1em;}


/* ADRESSBEREICH STARTSEITE */

#adresse_sts_a {background-color:#BBC8D3; margin: 1px 0 0 0;}
#adresse_sts_b {margin: 0 auto 0 auto; max-width: 1024px;}
#adresse_sts_c {padding: 1% 3% 1% 3%;}
.adressblock_sts_li {color: #333; float: left; width: 24%; font-family: 'Roboto', sans-serif; font-size:0.8em; font-weight:400; letter-spacing:0.1em}
.adressblock_sts {color: #666; float: left; width: 18%; font-family: 'Roboto Condensed', sans-serif; font-size:0.8em; font-weight:400; letter-spacing:0.06em;}
.adressblock3_sts {color: #666; float: left; width: 33%; font-family: 'Roboto Condensed', sans-serif; font-size:0.8em; font-weight:400; letter-spacing:0.06em;}
.adressblock_sts a:link, .adressblock_sts a:visited {color: #666; text-decoration:none;}
.adressblock3_sts a:link, .adressblock_sts a:visited {color: #666; text-decoration:none;}
.adressblock_sts a:hover {text-decoration:underline;}
.adressblock3_sts a:hover {text-decoration:underline;}

#namensleiste_sts, #namensleiste_1, #namensleiste_2, #namensleiste_3, #namensleiste_4, #namensleiste_5, #namensleiste_6 {color:#FFF; font-family: 'Roboto', sans-serif; font-weight:400; letter-spacing: .8em; font-size: 0.9em; text-align:center; padding: 0.7% 0 0.9% 0; margin-top:1px;}
#namensleiste_sts {background-color: #5C6F82;}
#namensleiste_1 {background-color: #ED7E23;}
#namensleiste_2 {background-color: #4D855C;}
#namensleiste_3 {background-color: #E0B406;}
#namensleiste_4 {background-color: #B7541D;}
#namensleiste_5 {background-color: #377AB8;}
#namensleiste_6 {background-color: #8D3287;}

















/* BILDSCHIRME KLEINERGLEICH 1028 PX */
@media only screen and (max-width: 1028px) {
	
#bereich_bb {height:auto; max-width:100%;}
#bereich_ca_start, #bereich_ca_1, #bereich_ca_2, #bereich_ca_3, #bereich_ca_4, #bereich_ca_5, #bereich_ca_6 {background-image:none; background-color:#FFF; }


} /* ENDE BILDSCHIRME KLEINER 1024 PX









/* BILDSCHIRME KLEINERGLEICH 900 PX */
@media only screen and (max-width: 900px) {

.firmenlogo {height:auto; margin: 7.32421875% 0 4.296875% 3%; max-width: 45%;}
nav ul {font-size: 1em; letter-spacing:0.04em; list-style:none; margin:0; padding:0.7em 0.8em 1em 0.8em;}
.zitat_txt {color: #313A44; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 0.8em; letter-spacing: 0.01em; line-height: 1.5em; }
.zitat_autor {font-size: 0.6875em; text-align:right; margin-right: 0.8em;}

.adressblock_sts_li {letter-spacing:0em}
.adressblock_sts {letter-spacing:0;}

#namensleiste_sts, #namensleiste_1, #namensleiste_2, #namensleiste_3, #namensleiste_4, #namensleiste_5, #namensleiste_6 {letter-spacing: .5em; font-size: 0.8em; padding: 0.7% 0 0.9% 0; margin-top:1px;}




} /* ENDE BILDSCHIRME KLEINER 800 PX


/* BILDSCHIRME KLEINERGLEICH 800 PX */
@media only screen and (max-width: 800px) {
nav ul {font-size: 0.9375em; letter-spacing:0.01em; list-style:none; margin:0; padding:0.7em 0.6em 1em 0.6em;}
.adressblock_sts_li {display:none;}
.adressblock_sts {letter-spacing:0; width: 26%;}
.adressblock3_sts {letter-spacing:0; width: 48%;}
#namensleiste_sts, #namensleiste_1, #namensleiste_2, #namensleiste_3, #namensleiste_4, #namensleiste_5, #namensleiste_6 {letter-spacing: .4em; font-size: 0.76em; padding: 0.7% 0 0.9% 0; margin-top:1px;}


}





/* BILDSCHIRME KLEINERGLEICH 720 PX */
@media only screen and (max-width: 720px) {

.slicknav_menu {display:block;}
.firmenlogo {height:auto; margin: 7.32421875% 0 4.296875% 3.5%; max-width: 48%;}
#navstart, #nav_1, #nav_2, #nav_3, #nav_4, #nav_5, #nav_6 {display:none;}
#bereich_cb {-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;}
.spalte_li, .spalte_mi, .spalte_re {float: none; display:block; width: 100%;}
.zitat_li_a, .zitat_mi_a, .zitat_re_a {margin: 5% auto 9% auto; width: 76%; padding: 0.3em 0.3em 0.5em 0.3em; }
p.zitat_txt {letter-spacing: 0.25em; font-size: 0.875em; line-height: 2em; }
p.zitat_autor {font-size: 0.875em; letter-spacing: 0.1em; margin-right: 2em;}
.adressblock_sts_li {display:none;}
.adressblock_sts {width: 26%; letter-spacing:0;}
.adressblock3_sts {width: 48%; letter-spacing:0;}
#adresse_sts_b {max-width: 94%; margin-left:auto; margin-right:auto;}
.aufzaehlung {padding-left: 0; margin-left:0;}
.aufzaehlung_ohne {padding-left: 0; margin-left:0;}
.article_sp_li {float:none; width: 36%; margin-bottom: 6%;}
.article_sp_re {float:none; width: 100%; margin-bottom: 2%;}





}




/* BILDSCHIRME KLEINER 600 PX */
@media only screen and (max-width: 600px) {
.firmenlogo {height:auto; margin: 7.32421875% 0 4.296875% 4%; max-width: 60%;}
.zitat_li_a, .zitat_mi_a, .zitat_re_a {margin: 8% auto 10% auto; width: 76%; padding: 0.3em 0.3em 0.5em 0.3em; }
p.zitat_txt {letter-spacing: 0.1em; font-size: 0.875em; line-height: 2em; }
p.zitat_autor {font-size: 0.875em; letter-spacing: 0.05em; margin-right: 2em;}
.adressblock_sts, .adressblock3_sts {display: block; float:none; width: 100%; font-size:0.8em; font-weight:400; letter-spacing:0.1em; text-align:center;}
#namensleiste_sts, #namensleiste_1, #namensleiste_2, #namensleiste_3, #namensleiste_4, #namensleiste_5, #namensleiste_6 {font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.2em; font-size: 0.8em; padding: 2% 0 2.2% 0; margin-top:1px;}

}







/* BILDSCHIRME KLEINER 400 PX */
@media only screen and (max-width: 400px) {

#bereich_ac {margin: 8% 5% 8% 4%; }
.firmenlogo {height:auto; margin: 0; max-width: 100%;}
p.zitat_txt {letter-spacing: 0.03em; font-size: 0.8em; line-height: 1.6em; }
p.zitat_autor {font-size: 0.8em; letter-spacing: 0.03em; margin-right: 2em;}
#namensleiste_sts, #namensleiste_1, #namensleiste_2, #namensleiste_3, #namensleiste_4, #namensleiste_5, #namensleiste_6 {font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.2em; font-size: 0.8em; padding: 2% 5% 2.2% 5%; margin-top:1px;}


}