/* Margenta=c00044

Schrift ? #31282d
hover #7c6a55
q color: #97897b
*/

/* Source+Sans+Pro: 400, 400 it, 700; Amiri:400, 400 it, 700;  */

/* Import mmenu.css */ @import url('mmenu.css'); 
/* Import fonts.css (inkl. icons.css) */ @import url('fonts.css'); 
/* Import creatix24.css (inkl. demo.css) */ @import url('creatix24.css'); 


a:link, a:visited { text-decoration: none; line-height: 1.2em;}



/* Header */
header#header { height: 155px; background: white url(../images/avs_logo.gif) right top no-repeat; }
		@media screen and (max-width: 480px) {header#header {padding-top: 175px; background: url(../images/avs_logo2.gif) left bottom no-repeat; background-size: contain;}}
header#header h1, header#header h2 {display: none;}

div#intro {display: block}
	@media screen and (max-width: 480px) {div#intro  {margin-top:-40px; width: 100%; }}
div#intro img {width: 100%;}
		@media screen and (max-width: 480px) {div#intro img {display: none;}}
div#intro>q  {display: block; padding: 0 40px; margin-top: -40px; font-family: 'Amiri', serif; font-size: 1.5em; line-height: 1.1em; color: #97897b; }
		@media screen and (min-width: 480px) {div#intro>q  {display: none;}}

/* Main Content */
@media screen and (max-width: 480px) {
		article.col-8  {background: url(../images/coaching_mobil.jpg) center top no-repeat; 
		background-size: contain;padding-top: 250px;}
		#content {padding: 0 20px;}}

@media screen and (max-width: 420px) {article.col-8  {padding-top: 220px; margin-top: -15px;}}
@media screen and (max-width: 370px) {article.col-8  {padding-top: 200px;}}

#container {min-width: 320px; max-width: 1150px; margin: 0 auto; background-color: #fff; }
	@media (min-width: 480px) {#container { margin: 25px auto; padding: 0 20px;}
										#content {padding-top: 35px; }}

article>section img {width: 100%; padding-bottom: 12px; }
article ul { line-height: 1.2em; list-style-image: url(../images/arrow_red.gif); }

/* Aside */

aside#aside2 {padding-left: 45px;}
	@media (max-width: 768px) {aside#aside2 {padding-left: 10px;}}
	
dl#dl-title {color: #c00044; font-size: 1.4em; margin: 1.5em 0 0.5em 0; background: url(../images/arrow_dl.gif) center center no-repeat; background-size: contain;}
dl#dl-title dd {text-align: right;}
dl#vorher-nachher {border: 2px dotted #c00044;background-color: #d1ccc6; }
dt, dd {width: 50%; padding: 4px 15px; border-bottom: 2px dotted #fff; float: left;}
@media (max-width: 768px) {dl#vorher-nachher dt, dl#vorher-nachher dd {height: 55px;}}
dt:last-of-type, dd:last-of-type {border-bottom:0;}
dt{clear: left;}
	
i {color: #c00044;}

/* Kundenstimmen */
article.col-8 section {padding: 0;}
blockquote {margin-bottom: 1.0rem; padding: 20px; padding-bottom: 70px;}
blockquote.quote4 {padding-top: 100px; padding-bottom: 20px;}
blockquote.quote5 {padding-top: 90px; padding-bottom: 20px; margin-bottom: 40px;}
blockquote.quote1, blockquote.quote2, blockquote.quote3, blockquote.quote4, blockquote.quote5, blockquote.quote6, blockquote.quote7 {background: center center no-repeat;  }

blockquote.quote1 {background: url(../images/quote/quote1.gif); background-size:  100% 100%;}
blockquote.quote2 {background: url(../images/quote/quote2.gif); background-size:  100% 100%;}
blockquote.quote3 {background: url(../images/quote/quote3.gif); background-size:  100% 100%;}
blockquote.quote4 {background: url(../images/quote/quote4.gif); background-size:  100% 100%;}
blockquote.quote5 {background: url(../images/quote/quote5.gif); background-size:  100% 100%;}
blockquote.quote6 {background: url(../images/quote/quote6.gif); background-size:  100% 100%;}
blockquote.quote7 {background: url(../images/quote/quote7.gif); background-size:  100% 100%;}

@media screen and (min-width: 480px) { 
	article.col-8 section.pad50 {padding-right: 50px;}
	article.col-8 section.top-40 {margin-top: 0px;}
	article.col-8 section.top-70 {margin-top: -70px;}
	#quote-l {display: block; width: 72px; height: 45px; background: url(../images/quote/quotes-l.gif) no-repeat; position: relative; left: -72px; top: -45px;}
}
#container>footer {border-top: 1px solid #97897b; padding: 15px 0; margin-top: 40px; text-align: center; }
#container>footer a {color: #000; text-decoration: none; }

/* Nav Styling */
nav#menu {font-family: 'Amiri', serif; line-height: 1em; padding-top: 2px;}
nav#menu a {color: #97897b;	line-height: 100%; text-decoration: none;font-size: 26.84px;}
nav#menu a:hover {color: #c00044;}
nav#menu a.aktiv {color: #c00044; font-weight: 400}
nav#menu a.x-extern {background: url(../images/arrow.gif) left center no-repeat; background-size: contain; font-size: 22px; font-style: italic; font-weight: normal;  padding-left: 27px;}
	@media (max-width: 480px) {nav#menu a.x-extern {font-size: 90% !important;  }}
a.menu_button {  margin-top: 10px; background-color: #fff;}