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

Additional Typography to complement Foundation

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

p a 				{ border-bottom: 1px dotted; }
p a:hover 		    { border-bottom: 2px solid; }
p a.button  		{ border: 0; }

img { border-radius: $global-radius;}
	img.alignleft,
	img.left 		{ float: left; margin:5px 15px 5px 0; }
	img.alignright,
	img.right 		{ float: right; margin:5px 0 5px 15px; }
	img.aligncenter,
	img.center 		{ display: block; margin:0 auto 10px; }

h1 		{ font-weight: bold; }
h2 		{ margin-top: rem-calc(24); }
	.blog-index h2 { margin-top: 10px; }
h3 		{ margin-top: rem-calc(22); }

article dl dt 	{ line-height: 1.3; }
article dl dd 	{ line-height: 1.6; margin-bottom: rem-calc(12); margin-left: rem-calc(24); }



dl.accordion 	{ border-top: 1px solid $grey-2;  }
.accordion dd 	{ border-bottom: 1px solid $grey-2;  }
dd.accordion-navigation span { padding-right: 12px; }
dd.accordion-navigation span:before { content: "\E766" }
dd.accordion-navigation.active span:before { content: "\E764" }
dd.accordion-navigation.active span:before { content: "\E764" }


td 		{ vertical-align: top; }

pre 	{ overflow: auto; }
code 	{ font-size: rem-calc(14); line-height: 1.5; }

blockquote {
	font-style: italic;
	position: relative;
	border: none;
	margin: 0 30px 30px 30px;
	color: #4b4b4d
}
 
	blockquote p {font-style: italic; color: $grey-10; }
 
	blockquote:before {
		display:block;content:"\00BB";
		font-size:80px;
		position:absolute;
		left:-25px;
		top:-40px;
		color:#4b4b4d
	}
	blockquote:after {
		display:block;
		content:"\00AB";
		font-size:80px;
		position:absolute;
		right:-10px;
		bottom:-40px;
		color:#4b4b4d;
	}

	blockquote cite:before{content:"\2014 \0020"}
 
	blockquote cite a,blockquote cite a:visited {color: #555}

cite { padding-top: 5px; }

.alert-box 			{
						font-family: $header-font-family;
						text-shadow: 0px 1px 1px rgba(0,0,0,0.9);
					} 
	.alert-box p 	{ margin-bottom: 0; } 
	.alert-box a 	{
						text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
						color: #fff;
						border-bottom: 1px dotted #fff;
					}
	.alert-box a:hover {
						border-bottom: 1px solid #fff;
					}

button, .button { letter-spacing: 1px; }

mark { background-color: scale-color($warning-color, $lightness: 60%);}

.subheadline 			{ font-size: rem-calc(16); margin: 0; text-transform: uppercase; }
.teaser 			{ font-size: rem-calc(20); }
.big-teaser 		{ font-style: italic; font-weight: 300; }
.big-teaser a 		{ font-style: italic; font-weight: 400; }


	/* Bigteaser Schriftgröße auf kleinen Bildschirmen veringern */
	@media only screen {
		.big-teaser {
			font-size: rem-calc(20);
		}
	}
	@media only screen and (min-width: 40.063em) {
		.big-teaser 		{
			font-size: rem-calc(29);
		}
	}


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

Additional typographical elements

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

.sans 				{ font-family: $font-family-sans-serif; }
.serif 				{ font-family: $font-family-serif; }

.font-size-h1	{ font-size: $font-size-h1; }
.font-size-h2	{ font-size: $font-size-h2; }
.font-size-h3	{ font-size: $font-size-h3; }
.font-size-h4	{ font-size: $font-size-h4; }
.font-size-h5	{ font-size: $font-size-h5; }
.font-size-p 	{ font-size: $font-size-p; }






@font-face {
    font-family: 'entypo';
    src: url('../fonts/entypo.eot');
    src: url('../fonts/entypo.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo.woff') format('woff'),
         url('../fonts/entypo.ttf') format('truetype'),
         url('../fonts/entypo.svg#entypo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'entypo-social';
    src: url('../fonts/entypo-social.eot');
    src: url('../fonts/entypo-social.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo-social.woff') format('woff'),
         url('../fonts/entypo-social.ttf') format('truetype'),
         url('../fonts/entypo-social.svg#entypo-social') format('svg');
    font-weight: normal;
    font-style: normal;
}

.entypo { font-family:'entypo'; }
	.entypo-social { font-family:'entypo-social'; }
	.entypo-32 { font-size: em-calc(32); }
	.entypo-29 { font-size: rem-calc(29); }
	.entypo-48 { font-size: em-calc(48); }
	.entypo-64 { font-size: em-calc(64); }