/*
Theme Name: Axel Springer Akademie
Theme URI: 
Description: Base Template | Freunde der Interaktion
Author: Freunde der Interaktion GmbH
Author URI: freundederinteraktion.de
Version: 0.9


  _____   .___.__ 
_/ ____\__| _/|__|
\   __\/ __ | |  |
 |  | / /_/ | |  |
 |__| \____ | |__| 
           \/     

*/



body,
html {
	margin: 0;
	padding: 0;

}







/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/











/*------------------------------------*\
    IMAGES
\*------------------------------------*/






/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {}

@media only screen and (min-width:480px) {}

@media only screen and (min-width:768px) {}

@media only screen and (min-width:1024px) {}

@media only screen and (min-width:1140px) {}

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










	/*------------------------------------*\
    MISC
\*------------------------------------*/




/*
* 16 / 9 
************
*/
	.square {
		position: relative;
	}

	.square:before {
		display: block;
		content: "";
		width: 100%;
		padding-top: 100%;
	}

	.square>* {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}




	/*
* Clearfix
************
*/
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}

	.clearfix {
		display: inline-block;
	}

	html[xmlns] .clearfix {
		display: block;
	}

	* html .clearfix {
		height: 1%;
	}





	/*------------------------------------*\
    PRINT
\*------------------------------------*/


	@media print {
		* {
			background: transparent !important;
			color: #000 !important;
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " ("attr(href) ")";
		}

		abbr[title]:after {
			content: " ("attr(title) ")";
		}

		.ir a:after,
		a[href^="javascript:"]:after,
		a[href^="#"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		thead {
			display: table-header-group;
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}

		@page {
			margin: 0.5cm;
		}

		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}