body { 
	background-color:#000000; 
	overflow: hidden;
	font-family:Tahoma, sans-serif; 
}


@font-face {
	font-family: '"Lucida Sans Unicode"';
	src: url('fonts/gtw.ttf') format('truetype');
}
@font-face {
	font-family: 'Forum';
	src: url('fonts/Forum-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'typewriter';
	src: url('fonts/gtw.ttf') format('truetype');
}
@font-face { 
	font-family: 'OpenSans'; 
	src: url('fonts/Open_Sans_Regular.ttf') format('truetype'); 
}



video {
	position: relative;
}

/******************************/
/* STANDARDFORMATE            */
/******************************/


.folienframe {
	position: relative;
}
.folienframe:before {
	background-color: #FFFFFF;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
/*	padding-top: 50.25%;*/

}
.folienframe > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe .footer {
	background-color:#0C4700;
}


/******************************/
/* PAPER	                  */
/******************************/

.paper {
	position: relative;
}
.paper:before {
	background-color: #FFFFFF;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}
.paper > .content {
	background-image: url("paper_strong.jpg"); /*paper_soft_hell.jpg*/
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: "OpenSans"; /* typewriter */
}

.paper #headline {
	position: absolute;
	margin-left: 0vw;
	font-family: "typewriter";
	text-align: left;
	top: 5vw;
	padding-left: 4vw;
	padding-top: 0vw;
	padding-bottom:0vw;
	padding-right: 0.2vw;
	background-color: #ffffff;
}
.paper #textbox {
	margin-top: 13vw;
	font-family: "typewriter";
	height: 65%;
	border-radius: 0.7vw;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 1vw;
	overflow: hidden;
}
.paper #textbox_single_word {
	font-family: "typewriter";
}
.paper #footer {
	color:#a9a9a9;
	font-family: Verdana;
}
.paper #footer a {
	color:#a9a9a9;
}
.paper #footer_blanc a {
	font-family: Verdana;
	color:#a9a9a9;
}


.kapitelfolie_paper {
	position: relative;
	overflow: hidden;
}
.kapitelfolie_paper:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_paper > .content {
	position: absolute;
	background-image: url("paper_strong.jpg");
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: "typewriter";
}
.kapitelfolie_paper #footer_blanc a {
	color:#a9a9a9;
	font-family: Verdana;
}
.kapitelfolie_paper #headline_kapitel {
	color:#0000000;
}




/******************************/
/* schwarz-weiss              */
/******************************/

.sw {
	position: relative;
}
.sw:before {
	background-color: #FFFFFF;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}
.sw > .content {
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

.sw #headline {
	position: absolute;
	margin-left: 0vw;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	text-align: left;
	top: 5vw;
	padding-left: 4vw;
	padding-top: 0vw;
	padding-bottom:0vw;
	padding-right: 0.2vw;
	background-color: #ffffff;
}
.sw #textbox {
	margin-top: 13vw;
	font-family: "Avenir Next", "Helvetica Neue", Helvetica;
	/* font-family: Palatino, URW Palladio L, serif;*/
	/* font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif; */
	height: 65%;
	border-radius: 0.7vw;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 1vw;
	overflow: hidden;
}
.sw #footer {
	color:#a9a9a9;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.sw #footer a {
	color:#a9a9a9;
}
.sw #footer_blanc a {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	color:#a9a9a9;
}


.kapitelfolie_sw {
	position: relative;
	overflow: hidden;
}
.kapitelfolie_sw:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_sw > .content {
	position: absolute;
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}

.kapitelfolie_sw #footer_blanc a {
	color:#a9a9a9;
	font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.kapitelfolie_sw #headline_kapitel {
	color:white;
}

.kapitelfolie_sw_invers {
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	
}
.kapitelfolie_sw_invers:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_sw_invers > .content {
	position: absolute;
	background-size: 100% 100%;	
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-family:  "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.kapitelfolie_sw_invers #footer_blanc a {
	color:#a9a9a9;
	font-family:  "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.kapitelfolie_sw_invers #headline_kapitel {
	color:black;
}



/******************************/
/* BLAU / BRAUN               */
/******************************/

.folienframe_bluebrown {
	position: relative;
}
.folienframe_bluebrown:before {
	background-color: #FFFFFF;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_bluebrown > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_bluebrown #footer {
	background-color: #5C4033; /*5C3317, 0C4700*/
	color:#FFFFFF;
}
.folienframe_bluebrown #footer a {
	color:#FFFFFF;
}
.folienframe_bluebrown #footer_blanc a {
	color:#5C4033;
}
.folienframe_bluebrown mark a {
	color:#FFFFFF;
}
.folienframe_bluebrown a {
	color:#000000;
}
.folienframe_bluebrown #headline {
	color:#000080;
}
.folienframe_bluebrown mark {
	background-color:#000080; /*5C4033*/
	color:#FFFFFF;
}


.kapitelfolie_bluebrown {
	position: relative;
}
.kapitelfolie_bluebrown:before {
	background-color: #5C4033;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_bluebrown > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_bluebrown #footer_blanc a {
	color:#FFFFFF;
}
.kapitelfolie_bluebrown #headline_kapitel {
	color:#FFFFFF;
}


/******************************/
/* NEON PINK                  */
/******************************/

.folienframe_pink {
  position: relative;
}
.folienframe_pink:before {
	background-color: #FFFFFF;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_pink > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_pink #footer {
	background-color:#FF0066;
	color:#FFFFFF;
}
.folienframe_pink #footer a {
	color:#FFFFFF;
}
.folienframe_pink #footer_blanc a {
	color:#FF0066;
}
.folienframe_pink mark a {
	color:#FFFFFF;
}
.folienframe_pink #headline {
	color:#FF0066;
}
.folienframe_pink mark {
	background-color:#FF0066;
	color:#FFFFFF;
}


.kapitelfolie_pink {
	position: relative;
}
.kapitelfolie_pink:before {
	background-color: #FF0066;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_pink > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_pink #footer_blanc a {
	color:#FFFFFF;
}
.kapitelfolie_pink #headline_kapitel {
	color:#FFFFFF;
}


.folienframe_pink #bildfolie_header {
	background-color: #FF0066;
	color:#FFFFFF;
}

.folienframe_pink #bildfolie_text {
	background-color: #FF0066;
	color:#FFFFFF;
	font-size: 3.5vw;
}

/******************************/
/* Sepia	                  */
/******************************/

.folienframe_sepia {
  position: relative;
}
.folienframe_sepia:before {
	background-color: #FFFFFF;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_sepia > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_sepia #footer {
	background-color:#7F462C;
	color:#FFFFFF;
}
.folienframe_sepia #footer a {
	color:#FFFFFF;
}
.folienframe_sepia #footer_blanc a {
	color:#7F462C;
}
.folienframe_sepia mark a {
	color:#FFFFFF;
}
.folienframe_sepia #headline {
	color:#729722; /* #000080;*/
}
.folienframe_sepia mark {
	background-color: #729722;
	/*  background-color:#7F462C; */
	color:#FFFFFF;
}


.kapitelfolie_sepia {
	position: relative;
}
.kapitelfolie_sepia:before {
	background-color: #7F462C;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_sepia > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_sepia #footer_blanc a {
	color:#FFFFFF;
}
.kapitelfolie_sepia #headline_kapitel {
	color:#FFFFFF;
}



/******************************/
/* graugruen	              */
/******************************/


.folienframe_graugruen {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.folienframe_graugruen:before {
	background-color: #CCCCCC;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_graugruen > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_graugruen #textbox {
	margin-top: -1vw;
	background-color: #FFFFFF;
	height: 75%;
	border-radius: 0.7vw;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 2vw;
}
.folienframe_graugruen #headline {
	margin-top: 1.5vw;
	margin-left:6.9vw; -webkit-transition: font-size .3s;
	margin-right:6.9vw; -webkit-transition: font-size .3s;
	background-color: #647912;
	color:#FFFFFF;
	font-size:4vw;
	border-radius: 0.7vw;
}

.folienframe_graugruen #textbox_wide {
	margin-top: -1vw;
	background-color: #FFFFFF;
	height: 75%;
	border-radius: 0.7vw;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 1vw;
}
.folienframe_graugruen #headline_wide {
	margin-top: 1.5vw;
	margin-left:2.5vw; -webkit-transition: font-size .3s;
	margin-right:2.5vw; -webkit-transition: font-size .3s;
	margin-bottom:3.0vw; -webkit-transition: font-size .3s;
	position:relative;
	height:auto;
	text-align:center; 
	background-color: #647912;
	color:#FFFFFF;
	font-size:4vw;
	border-radius: 0.7vw;
}

.folienframe_graugruen a {
	color:#647912;
}

.folienframe_graugruen mark {
	background-color:#daa520; /*ffd700*/
	color:#FFFFFF;
}

.folienframe_graugruen #footer {
	background-color: #777777; /*5C3317, 0C4700*/
	color:#999999;
	font-size: 2.5vw;
}
.folienframe_graugruen #footer a {
	color:#999999;
}
.folienframe_graugruen #footer_blanc a {
	color:#999999;
	font-size: 2.5vw;
}
.folienframe_graugruen mark a {
	color:#FFFFFF;
}

/* kapitelfolie */


.kapitelfolie_graugruen {
	position: relative;
}
.kapitelfolie_graugruen:before {
	background-color: #647912;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_graugruen > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_graugruen #footer_blanc a {
	color:#999999;
	font-size: 1.8vw;
	font-weight:bold;
	margin-bottom:0.8vw;
	margin-right:0.2vw;
}
.kapitelfolie_graugruen #headline_kapitel {
	color:#FFFFFF;
}



/******************************/
/* SCHWARZER HINTERGRUND       */
/******************************/

.folienframe_black {
	position: relative;
}
.folienframe_black:before {
	background-color: #000000;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_black > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_black #footer {
	background-color:#000000;
	color:#FFFFFF;
}
.folienframe_black #footer a {
	color:#FFFFFF;
}
.folienframe_black #footer_blanc a {
	color:#FFFFFF;
}
.folienframe_black mark a {
	color:#FFFFFF;
}
.folienframe_black #headline {
	color:#FFFFFF;
}
.folienframe_black #textbox {
	color:#FFFFFF;
}
.folienframe_black #textbox_wide {
	color:#FFFFFF;
}
.folienframe_black mark {
	background-color:grey;
	color:#000000;
}

.folienframe_black #bildunterschrift {
	color:#FFFFFF;
}
.folienframe_black #nachweis {
	color:grey;
}



/******************************/
/* graurot	                  */
/******************************/

.folienframe_graurot {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.folienframe_graurot:before {
	background-color: #E6E2E1;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_graurot > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_graurot #footer {
	background-color:#777777;
	color:#E6E2E1;
}
.folienframe_graurot #footer a {
	color:#E6E2E1;
}
.folienframe_graurot #footer_blanc a {
	color:#777777;
}
.folienframe_graurot #literatur a {
	color:#777777;
}


.folienframe_graurot #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#DE5A51; 
	color:#F0EDE8; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:1.2vw; 
	border-radius: 0.0vw;
}
.folienframe_graurot #textbox {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:13vw; -webkit-transition: font-size .3s;
	font-size: 3.0vw; -webkit-transition: font-size .3s;
/*	background-color:#AEFF00;  */
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:0.0vw; 
	border-radius: 0.0vw;
}
.folienframe_graurot mark {
	background-color: #777777; /* FF6C00*/
	/*  background-color:#7F462C; */
	color:#F0EDE8; 
	border-radius: 0.0vw;
}
.folienframe_graurot .code_full {
	position:absolute;
	top:12.3vw; -webkit-transition: font-size .3s;
	height: 65%;
}

.folienframe_graurot #bildfolie_header {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 4.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}

.folienframe_graurot #bildfolie_text {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 2.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}


.folienframe_graurot #linke_spalte {
	width: 40%;
	height: 70%;
	left: 5.7vw;
	top: 13vw;
}
.folienframe_graurot #rechte_spalte {
	width: 40%;
	height: 70%;
	right: 5.7vw;
	top: 13vw;
}






.folienframe_graurot #textbox_wide {
	background-color: inherit;
	height: 75%;
	position:absolute;
	top:13vw; -webkit-transition: font-size .3s;
/*	background-color:#AEFF00;  */
	color:#000000; 
	width:95%;
	padding-left: 2vw;
	padding-right: 2vw;
	padding-top: 0.5vw;
}

.kapitelfolie_graurot {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_graurot:before {
	background-color: #E6E2E1;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_graurot > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_graurot #footer_blanc a {
	color:#777777;
}
.kapitelfolie_graurot #headline_kapitel {
	color:#FFFFFF;
}

.kapitelfolie_graurot_filled {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_graurot_filled:before {
	background-color: #DE5A51;
	color: #F0EDE8;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
	text-align: center;
}
.kapitelfolie_graurot_filled > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_graurot_filled #footer_blanc a {
	color:#F0EDE8;
}
.kapitelfolie_graurot_filled #headline_kapitel {
/*	color:#DE5A51; 
	background-color: #F0EDE8; */
	color:#F0EDE8;
	padding-left:2vw;
	padding-right:2vw;
}



.kapitelfolie_graurot #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#DE5A51; 
	color:#FFFFFF; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_graurot #subheading {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:11.0vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_graurot #subheading_2 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:14.3vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_graurot #project {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:7.5vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#777777;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_graurot #incharge {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:4vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#777777;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}



/******************************/
/* schwarz graurot		      */
/******************************/

.folienframe_schwarz_graurot {
  	position: relative;
  	font-family: "Lucida Sans Unicode";
}

.folienframe_schwarz_graurot:before {
	background-color: #000000;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_schwarz_graurot > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_schwarz_graurot #footer {
	background-color:#000000;
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #footer a {
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #footer_blanc a {
	color:#777777;
}
.folienframe_schwarz_graurot mark a {
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #headline {
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #textbox {
	height: 72%;
	color:#E6E2E1;
}
.folienframe_schwarz_graurot #textbox_wide {
	height: 72%;
	color:#E6E2E1;
}
.folienframe_schwarz_graurot mark {
	background-color:grey;
	color:#000000;
}

.folienframe_schwarz_graurot #bildunterschrift {
	color:#FFFFFF;
}
.folienframe_schwarz_graurot #nachweis {
	color:grey;
}


.folienframe_schwarz_graurot #bildfolie_header {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 4vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}

.folienframe_schwarz_graurot #bildfolie_text {
	position:relative;
	text-align:left; 
	background-color: #DE5A51;
	font-size: 2.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}


.kapitelfolie_schwarz_graurot {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_schwarz_graurot:before {
	background-color: #000000;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_schwarz_graurot > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_schwarz_graurot #footer_blanc a {
	color:#777777;
}
.kapitelfolie_schwarz_graurot #headline_kapitel {
	color:#FFFFFF;
}

.kapitelfolie_schwarz_graurot #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#DE5A51; 
	color:#FFFFFF; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
}



/******************************/
/* grauperlish	                  */
/******************************/

.folienframe_grauperlish {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.folienframe_grauperlish:before {
	background-color: #E6E2E1;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_grauperlish > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.folienframe_grauperlish ::selection {
  background: #FDFF00; /* WebKit/Blink Browsers pink: #ffb7b7, neon pink: #FF66CC, neon yellow: #ccff00, neon green: #A7F432*/
}
.folienframe_grauperlish ::-moz-selection {
  background: #FDFF00; /* Gecko Browsers pink: #ffb7b7*/
}

.folienframe_grauperlish #footer {
	background-color:#777777;
	color:#E6E2E1;
}
.folienframe_grauperlish #footer a {
	color:#E6E2E1;
}
.folienframe_grauperlish #footer_blanc a {
	color:#777777;
}
.folienframe_grauperlish #literatur a {
	color:#777777;
}


.folienframe_grauperlish #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:rgb(78, 93, 132); 
	color:#F0EDE8; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:1.2vw; 
	border-radius: 0.0vw;
}
.folienframe_grauperlish #textbox {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:13vw; -webkit-transition: font-size .3s;
	font-size: 3.0vw; -webkit-transition: font-size .3s;
/*	background-color:#AEFF00;  */
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:0.0vw; 
	border-radius: 0.0vw;
}
.folienframe_grauperlish #textbox_wide {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:13vw; -webkit-transition: font-size .3s;
	font-size: 3.0vw; -webkit-transition: font-size .3s;
/*	background-color:#AEFF00;  */
	color:#000000; 
	width:85%;
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:0.0vw; 
	border-radius: 0.0vw;
}
.folienframe_grauperlish mark {
	background-color: #777777; /* FF6C00*/
	/*  background-color:#7F462C; */
	color:#F0EDE8; 
	border-radius: 0.0vw;
}
.folienframe_grauperlish .code_full {
	position:absolute;
	top:12.3vw; -webkit-transition: font-size .3s;
	height: 65%;
}

.folienframe_grauperlish #bildfolie_header {
	position:relative;
	text-align:left; 
	background-color: rgb(78, 93, 132);
	font-size: 4.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}

.folienframe_grauperlish #bildfolie_text {
	position:relative;
	text-align:left; 
	background-color: rgb(78, 93, 132);
	font-size: 2.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}

.folienframe_grauperlish #black_background {
	background-color: #000000;
}



.folienframe_grauperlish .command {
/*	color: rgb(78, 93, 132); */
	color: #FF0066; 
	font-size: inherit;
}

.kapitelfolie_grauperlish {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_grauperlish:before {
	background-color: #E6E2E1;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_grauperlish > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_grauperlish #footer_blanc a {
	color:#777777;
}
.kapitelfolie_grauperlish #headline_kapitel {
	color:#FFFFFF;
}

.kapitelfolie_grauperlish_filled {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_grauperlish_filled:before {
	background-color: rgb(78, 93, 132);
	color: #F0EDE8;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
	text-align: center;
}
.kapitelfolie_grauperlish_filled > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_grauperlish_filled #footer_blanc a {
	color:#F0EDE8;
}
.kapitelfolie_grauperlish_filled #headline_kapitel {
/*	color:rgb(78, 93, 132); 
	background-color: #F0EDE8; */
	color:#F0EDE8;
	padding-left:2vw;
	padding-right:2vw;
}



.kapitelfolie_grauperlish #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:rgb(78, 93, 132); 
	color:#FFFFFF; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_grauperlish #subheading {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:11.0vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_grauperlish #subheading_2 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:14.3vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#000000; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_grauperlish #project {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:7.5vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#777777;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_grauperlish #incharge {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:4vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#777777;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.folienframe_grauperlish #nachweis {
	color:grey;
	font-size: 2vw;
	line-height: 110%;
}




/******************************/
/* gelbschwarz	                  */
/******************************/

.folienframe_gelbschwarz {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.folienframe_gelbschwarz:before {
	background-color: #ffe700;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.folienframe_gelbschwarz > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.folienframe_gelbschwarz #footer {
	background-color:#383633;
	color:#ffe700;
}
.folienframe_gelbschwarz #footer a {
	color:#ffe700;
}
.folienframe_gelbschwarz #footer_blanc a {
	color:#383633;
}
.folienframe_gelbschwarz #literatur a {
	color:#383633;
}

.folienframe_gelbschwarz a {
	color:#383633;
}

.folienframe_gelbschwarz #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#383633; 
	color:#ffe700; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:1.2vw; 
	border-radius: 0.0vw;
}
.folienframe_gelbschwarz #textbox {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:13vw; -webkit-transition: font-size .3s;
	font-size: 3.0vw; -webkit-transition: font-size .3s;
	background-color:#ffe700;
	color:#383633; 
	padding-bottom: 0.0vw; 
	padding-left: 8vw;
	padding-right:0.0vw; 
	border-radius: 0.0vw;
}
.folienframe_gelbschwarz mark {
	background-color: #545250; /* FF6C00*/
	/*  background-color:#7F462C; */
	color:#ffe700; 
	border-radius: 0.0vw;
}
.folienframe_gelbschwarz mark a {
	color:#ffe700;
}
.folienframe_gelbschwarz .code_full {
	position:absolute;
	top:12.3vw; -webkit-transition: font-size .3s;
	height: 65%;
}

.folienframe_gelbschwarz #bildfolie_header {
	position:relative;
	text-align:left; 
	background-color: #ffe700;
	font-size: 4.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #F0EDE8;
}

.folienframe_gelbschwarz #bildfolie_text {
	position:relative;
	text-align:left; 
	background-color: #ffe700;
	font-size: 2.5vw;
	padding-left: 4vw;
	padding-right: 1vw;
	color: #383633;
}

.folienframe_gelbschwarz #textbox_wide {
	position:absolute;
	top: 12vw;
	height:auto;
	width:85%;
	text-align:left; 
	margin-left:2.5vw; -webkit-transition: font-size .3s;
	margin-right:2.5vw; -webkit-transition: font-size .3s;
	margin-top:0vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	font-size: 2.5vw; -webkit-transition: font-size .3s;
/*	overflow: scroll; */
}


.folienframe_gelbschwarz #linke_spalte {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0vw;
	width: 45%;
	height: 77%;
	left: 0vw;
	float:left;
}
.folienframe_gelbschwarz #rechte_spalte {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0vw;
	width: 45%;
	height: 77%;
	left: 0vw;
	float:right;
}



.kapitelfolie_gelbschwarz {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_gelbschwarz:before {
	background-color: #383633;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
}
.kapitelfolie_gelbschwarz > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_gelbschwarz #footer_blanc a {
	color:#ffe700;
}
.kapitelfolie_gelbschwarz #headline_kapitel {
	color:#ffe700;
}

.kapitelfolie_gelbschwarz_filled {
	position: relative;
  	font-family: "Lucida Sans Unicode";
}
.kapitelfolie_gelbschwarz_filled:before {
	background-color: #ffe700;
	color: #383633;
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%;
	text-align: center;
}
.kapitelfolie_gelbschwarz_filled > .content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.kapitelfolie_gelbschwarz_filled #footer_blanc a {
	color:#383633;
}
.kapitelfolie_gelbschwarz_filled #headline_kapitel {
/*	color:#ffe700; 
	background-color: #F0EDE8; */
	color:#383633;
	padding-left:2vw;
	padding-right:2vw;
}



.kapitelfolie_gelbschwarz #headline {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	font-size: 4.0vw; -webkit-transition: font-size .3s;
	background-color:#ffe700; 
	color:#383633; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_gelbschwarz #subheading {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:11.0vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#ffe700; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_gelbschwarz #subheading_2 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	top:14.3vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#383633; 
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}


.kapitelfolie_gelbschwarz #project {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:7.5vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#383633;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}

.kapitelfolie_gelbschwarz #incharge {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0vw; -webkit-transition: font-size .3s;
	bottom:4vw; -webkit-transition: font-size .3s;
	font-size: 2.8vw; -webkit-transition: font-size .3s;
	color:#383633;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.2vw; 
	border-radius: 0.0vw;
}












/******************************/
/* FOLIENBESTANDTEILE	      */
/******************************/

#headline {
	position:relative;
	height:auto;
	text-align:center; 
	margin-left:1.5vw; -webkit-transition: font-size .3s;
	margin-right:1.5vw; -webkit-transition: font-size .3s;
	margin-bottom:3.0vw; -webkit-transition: font-size .3s;
	margin-top:1.0vw; -webkit-transition: font-size .3s;
	font-size: 5.0vw; -webkit-transition: font-size .3s;
}

#headline_kapitel {
	position:relative;
	height:auto;
	text-align:center; 
	margin-left:1vw; -webkit-transition: font-size .3s;
	margin-right:1vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	margin-top:18.5vw; -webkit-transition: font-size .3s;
	font-size: 5.0vw; -webkit-transition: font-size .3s;
}

#headline_kapitel a {
	color: inherit;
	text-decoration: none;
}

#kapitelname {
	position:relative;
	height:auto;
	text-align:center; 
	margin-left:2em; 
	margin-right:2em;
	font-size:5vw; -webkit-transition: font-size .3s;
	padding-top:3.5em;
	color:#FFFFFF;
}



#textbox {
	position:relative;
	width:85%;
	height:auto;
	text-align:left; 
	margin-left:7vw; -webkit-transition: font-size .3s;
	margin-right:7vw; -webkit-transition: font-size .3s;
	margin-top:0vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	font-size: 2.5vw; -webkit-transition: font-size .3s;
/*	overflow: scroll; */
}


#textbox_wide {
	position:relative;
	height:auto;
	width:100%;
	width:85%;
	text-align:left; 
	margin-left:2.5vw; -webkit-transition: font-size .3s;
	margin-right:2.5vw; -webkit-transition: font-size .3s;
	margin-top:0vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	font-size: 2.5vw; -webkit-transition: font-size .3s;
/*	overflow: scroll; */
}


#textbox_slim {
	position:relative;
	width:85%;
	height:auto;
	text-align:left; 
	margin-left:17vw; -webkit-transition: font-size .3s;
	margin-right:17vw; -webkit-transition: font-size .3s;
	margin-top:0vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	font-size: 2.5vw; -webkit-transition: font-size .3s;
/*	overflow: scroll; */
}



#textbox_single_word {
	position:absolute;
	width:85%;
	height:auto;
	text-align:center;
	top: 23vw;	
	margin-left:6vw; -webkit-transition: font-size .3s;
	margin-right:6vw; -webkit-transition: font-size .3s;
	margin-top:0vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	font-size: 2.5vw; -webkit-transition: font-size .3s;
/*	overflow: scroll; */
}



#footer {
/*	background-color:#0C4700; */
	position:absolute;
	width:100%;
	height:auto;
	bottom: 0em;
	font-size: 2.0vw; -webkit-transition: font-size .3s;
	color:#FFFFFF;
	float: bottom;
}

#footer_blanc {
/*	background-color:#0C4700; */ 
	position:absolute;
	width:100%;
	height:auto;
	bottom: 0em;
	font-size: 2.0vw; -webkit-transition: font-size .3s;
	color:#FFFFFF;
	float: bottom;
}

#hintergrundbild {
	position: absolute; 
	background-size: 100%; 
	margin:0px; 
	padding:0px; 
	height:100%; 
	width:100%; 
	background-repeat:no-repeat; 
	background-position: 0px 0px; 
/*	background-color: white; */
}

#objectframe {
	position:relative;
	text-align:center;
	float: right;
	margin-right: 5%;
	margin-left: 5%;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width:90%;
	height:73%;
}


#objectframe_scroll {
	position:relative;
	text-align:center;
	float: right;
	margin-right: 5%;
	margin-left: 5%;
	overflow: scroll;
	overflow-x: hidden;
	width:90%;
	height:73%;
}

#objectframe_right {
	position:relative;
	text-align:right;
	float: right;
	margin-right: 5%;
	margin-left: 5%;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: hidden;
	width:70%;
	height:73%;
}

#objectframe_scroll_right_test {
	position:relative;
	text-align:right;
	float: right;
	margin-right: 5%;
	margin-left: 5%;
	overflow: scroll;
	width:68%;
	height:23%;
}



#objectframe_scroll_right {
	position:relative;
	text-align:right;
	float: right;
	margin-right: 5%;
	margin-left: 5%;
	overflow: scroll;
	width:68%;
	height:73%;
}

#objectframe_lang {
	position:relative;
	text-align:center;
	float: right;
	margin-right: 2.5%;
	margin-left: 2.5%;
	overflow: scroll;
	width:95%;
	height:90%;
}


#objectframe_half {
	position:relative;
	text-align:center;
	float: right;
	margin-right: 2.5%;
	margin-left: 2.5%;
	overflow: scroll;
	width:45%;
	height:70%;
}


#linke_spalte {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0vw;
	width:45%;
	height:77%;
	border-color:inverse;
	float:left;
	margin-left:2.5%; 
	margin-right:2.5%;
}

#rechte_spalte {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0vw;
	width:45%;
	height:77%;
	border-color:inverse;
	float:right;
	margin-left:2.5%; 
	margin-right:2.5%;
}


#linke_spalte_breit {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0em;
	width:65%;
	height:77%;
	border-color:inverse;
	float:left;
	margin-left:2.5%; 
	margin-right:2.5%;
}

#linke_spalte_schmal {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0vw;
	width:25%;
	height:77%;
	border-color:inverse;
	float:left;
	margin-left:2.5%; 
	margin-right:2.5%;
}

#rechte_spalte_schmal {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0vw;
	width:25%;
	height:77%;
	border-color:inverse;
	float:right;
	margin-left:2.5%; 
	margin-right:2.5%;
}

#rechte_spalte_breit {
	position:relative;
	font-size: 2.7vw; -webkit-transition: font-size .3s;
	top:0vw;
	width:65%;
	height:77%;
	border-color:inverse;
	float:right;
	margin-left:2.5%; 
	margin-right:2.5%;
}


#pic {
	position:relative;
    display: block;
    margin: 0px auto;
}

#picright {
	position:relative;
	float: right;
  /*  display: block;
    margin: 0px auto; */
	margin-left: 0.8vw;
}

#picleft {
	position:relative;
	float: left;
  /*  display: block;
    margin: 0px auto; */
	margin-left: 0.8vw;
}

#pic_zoomable {
	position:absolute;
	top: 0px; 
	left: 0px; 
	width: 100%; 
	border: none;
	-webkit-transition: all .4s linear; -moz-transition: all .4s linear;
	-ms-transition: all .4s linear; -o-transition: all .4s linear;
	transition: all .4s linear;
	
}

#literatur {
	position:relative;
	font-size:1.7vw; -webkit-transition: font-size .3s;
	color:grey;
	padding-top:1vw;
}

#literatur_zentriert {
	position:relative;
	text-align:center; 
	font-size:1.7vw; -webkit-transition: font-size .3s;
	color:grey;
	padding-top:1vw;
}


#bildunterschrift {
	position:relative;
	text-align:center; 
	margin-left:3ev; 
	margin-right:3ev;
	margin-top:1vw;
	font-size:1.8vw; -webkit-transition: font-size .3s;
}

#nachweis {
	position:relative;
	text-align:center; 
	font-size:2.5vw; -webkit-transition: font-size .3s;
	padding-top:1vw;
}


#subheadline {
	position:relative;
	height:auto;
	text-align:center; 
	margin-left:1.5vw; 
	margin-right:1.5vw;
	margin-top:0.9vw;
	font-size:2.8vw;	
}

#info {
	position:relative;
	height:auto;
	text-align:center; 
	margin-left:1.5vw; 
	margin-right:1.5vw;
	margin-top:2vw;
	margin-bottom:0.5vw;
	font-size:2vw; -webkit-transition: font-size .3s;	
}

.command {
	font-family: Andale Mono, Monaco, Courier, monospace;
}

.shell_output {
	position: relative;
	width: 90%;
	height:auto;
	font-family: Andale Mono, Monaco, Courier, monospace;
	margin-top:1vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	text-align:left; 
	color: #5fff00;
	background-color: #3a3a3a;
	font-size: 1.6vw;
	padding-bottom: 0.8vw;
	padding-top: 0.8vw; 
	padding-left: 1vw;
	padding-right:1vw; 
	border-style: outset;
	border-width: 0.2vw;
	border-radius: 0.5vw;
	border-color:#3a3a3a;
}

.code_snippet {
	position: relative;
	width: 90%;
	height:auto;
	font-family: Andale Mono, Monaco, Courier, monospace;
	margin-top:1vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	text-align:left; 
	color: #000000;
	background-color: #DCDCDC;
	font-size: 1.6vw;
	padding-bottom: 0.8vw;
	padding-top: 0.8vw; 
	padding-left: 1vw;
	padding-right:1vw; 
	border-style: outset;
	border-width: 0.2vw;
	border-radius: 0.5vw;
}

.code_full {
	width: 90%;
	height:auto;
	margin-left:7vw; -webkit-transition: font-size .3s;
	margin-right:7vw; -webkit-transition: font-size .3s;
	margin-top:1vw; -webkit-transition: font-size .3s;
	margin-bottom:0.5vw; -webkit-transition: font-size .3s;
	font-family: Andale Mono, Monaco, Courier, monospace;
	text-align:left; 
	color: #000000;
	background-color: #DCDCDC;
	overflow-y: scroll;
	font-size: 1.4vw;
	padding-bottom: 0.8vw;
	padding-top: 0.8vw; 
	padding-left: 1vw;
	padding-right:1vw; 
	border-style: outset;
	border-width: 0.2vw;
	border-radius: 0.5vw;
}

.code_full #comment {
	color: #777777;
}
.code_full #line_no {
	color: #008000;
}
.code_full #ind0 {
	margin-left: 3vw;
}
.code_full #ind1 {
	margin-left: 6vw;
}
.code_full #ind2 {
	margin-left: 9vw;
}
.code_full #ind3 {
	margin-left: 12vw;
}
.code_full #ind4 {
	margin-left: 15vw;
}
.code_full #ind5 {
	margin-left: 18vw;
}
.code_full #ind6 {
	margin-left: 21vw;
}
.code_full #ind7 {
	margin-left: 24vw;
}


.code_snippet #comment {
	color: #777777;
}
.code_snippet #line_no {
	color: #008000;
}
.code_snippet #ind0 {
	margin-left: 3vw;
}
.code_snippet #ind1 {
	margin-left: 6vw;
}
.code_snippet #ind2 {
	margin-left: 9vw;
}
.code_snippet #ind3 {
	margin-left: 12vw;
}
.code_snippet #ind4 {
	margin-left: 15vw;
}
.code_snippet #ind5 {
	margin-left: 18vw;
}
.code_snippet #ind6 {
	margin-left: 21vw;
}
.code_snippet #ind7 {
	margin-left: 24vw;
}
.code_snippet #ind8 {
	margin-left: 27vw;
}
.code_snippet #ind9 {
	margin-left: 30vw;
}
.code_snippet #ind10 {
	margin-left: 33vw;
}


/******************************/
/* KOMMENTARFOLIE			  */
/******************************/


#kommentarfolie {
	width: 100%;
	height: 100%;
}

#kommentarbereich {
	position:absolute;
	width:100%;
/*	height:50vw; -webkit-transition: font-size .3s; */
	height:80vw; -webkit-transition: font-size .3s;
	top: 12vw;
	margin-top: 30vw;
	font-size: 1.5vw; -webkit-transition: font-size .3s;
	color:#000000;
	float: bottom; 
	text-align:left; 

}

#iframebereich {
	position:relative;
	text-align:center; 
	width: 100%;
}


/******************************/
/* ORTE                       */
/******************************/

.rechts {
	position:relative;
	float: right;
	margin-left: 0.2em;
}




/******************************/
/* STANDARDFORMATE            */
/******************************/

li {
/*	padding-left: 1em; */
}

ul {
	margin-top: -0.15vw;
/*	padding-left: 0.9vw; */
	margin-left: 0vw; 
}
ol {
	margin-top: -0.15vw;
/*	padding-left: 3vw; */
	margin-left: 0vw; 
}

a:link {
	text-decoration: none;
	text-underline: none;
}
a:visited {
	text-decoration: none;
	text-underline: none;
}

mark {
	padding:0 0.3vw;
	border-radius: 0.3vw;
}
mark a:link {
	text-decoration: none;
	text-underline: none;
}
mark a:visited {
	text-decoration: none;
	text-underline: none;
}



iframe {
	position: relative;
}



/* mit class="flat_table" einbinden */

.flat_table {
	display: block;
	overflow: auto;
	width: auto;
	font-size: inherit;
}
.flat_table th {
	background-color: rgb(112, 196, 105);
	color: white;
	font-size: 2.5vw; -webkit-transition: font-size .3s;
	font-weight: 0.8em;
	padding: 0.4em 0.8em;
	text-align: left;
	vertical-align:top;
}
.flat_table td {
	padding: 1em 1.5em;
	font-weight: 0.8em;
	font-size: 1.8vw; -webkit-transition: font-size .3s;
	padding:0.1em 0.8em;
	vertical-align:top;
}


.plain_table {
	display: block;
	overflow: auto;
	width: auto;
	font-size: inherit;
}
.plain_table td {
	padding: 0vw 0vw;
	font-size: 1.8vw; -webkit-transition: font-size .3s;
	vertical-align:middle;
}


.plain_table_flex {
	display: block;
	overflow: auto;
	width: auto;
}

.plain_table_flex td {
	padding: 0vw 0.1vw 0.1vw 0vw;
	font-size: 1.6vw;
	vertical-align:top;
}



.table_left {
	display: block;
	overflow: auto;
	width: auto;
	font-size: inherit;
}
.table_left td {
	padding: 0em 0em;
	font-size: 1.8vw; -webkit-transition: font-size .3s;
	padding:0.7vw 2.7vw;
	vertical-align:middle;
	text-align:left;
}
.table_left th {
	padding: 0em 0em;
	font-size: 2.2vw; -webkit-transition: font-size .3s;
	padding:0.7vw 2.7vw;
	vertical-align:middle;
	text-align:left;
}


.table_left_top {
	display: block;
	overflow: auto;
	width: auto;
	font-size: inherit;
}
.table_left_top td {
	padding: 0em 0em;
	font-size: 1.8vw; -webkit-transition: font-size .3s;
	padding:0.7vw 2.7vw;
	vertical-align:top;
	text-align:left;
}
.table_left_top th {
	padding: 0em 0em;
	font-size: 2.2vw; -webkit-transition: font-size .3s;
	padding:0.7vw 2.7vw;
	vertical-align:top;
	text-align:left;
}


.table_left_top_medium {
	display: block;
	overflow: auto;
	width: auto;
	font-size: inherit;
}
.table_left_top_medium td {
	font-size: 1.5vw; -webkit-transition: font-size .3s;
	padding:0.3vw 1.3vw;
	vertical-align:top;
	text-align:left;
}
.table_left_top_medium th {
	padding:0.3vw 1.3vw;
	font-size: 1.5vw; -webkit-transition: font-size .3s;
	vertical-align:top;
	text-align:left;
}


.table_left_top_small {
	display: block;
	overflow: auto;
	width: auto;
	font-size: inherit;
}
.table_left_top_small td {
	padding: 0em 0em;
	font-size: 1vw; -webkit-transition: font-size .3s;
	padding:0.3vw 1.2vw;
	vertical-align:top;
	text-align:left;
}
.table_left_top_small th {
	padding: 0em 0em;
	font-size: 1.2vw; -webkit-transition: font-size .3s;
	padding:0.3vw 1.2vw;
	vertical-align:top;
	text-align:left;
}


table {
	border-collapse: collapse;
	border-spacing: 0.3vw; -webkit-transition: border-spacing .3s;
	width:100%;
}

.table_borders {
	border-collapse: collapse;
	border-bottom:solid 0.1vw;-webkit-transition: border-bottom .3s;
	text-align: center;
	border-spacing: 0.3vw; -webkit-transition: border-spacing .3s;
	width:100%;
}

.table_borders th {
	font-size: 1.2vw; -webkit-transition: font-size .3s;
	padding:0.7vw 0.7vw; -webkit-transition: padding .3s;
	border-bottom:solid 0.1vw; -webkit-transition: border-bottom .3s;
	border-left:solid 0.0vw; -webkit-transition: border-bottom .3s;
	border-right:solid 0.0vw; -webkit-transition: border-bottom .3s;
	vertical-align:top;
	text-align:left;
}

.table_borders td {
	font-size: 1.2vw; -webkit-transition: font-size .3s;
	padding:0.7vw 0.7vw; -webkit-transition: padding .3s;
	border-bottom:solid 0.1vw; -webkit-transition: border-bottom .3s;
	vertical-align:top;
	text-align:left;
}

td, th {
	font-size: 1.2vw; -webkit-transition: font-size .3s;
	padding:0.7vw 0.7vw; -webkit-transition: padding .3s;
	border-bottom:solid 0.1vw #eee; -webkit-transition: border-bottom .3s;
	vertical-align:top;
	text-align:left;
}

table caption {
background: #efefef;
color: #333;
text-align: center;
line-height:3vw; -webkit-transition: line-height .3s;
caption-side:bottom
}

thead th {
	background: #eee;
	border-bottom:solid 0.3vw #ddd; -webkit-transition: border-bottom .3s;
	border-top:solid 0.3vw #fff; -webkit-transition: border-top .3s;
	border-left:solid 0.3vw #fff; -webkit-transition: border-top .3s;
	text-align:left;
}

tfoot td, tfoot th{
background: #eee;
border-bottom:solid 0.3vw #fff; -webkit-transition: border-bottom .3s;
border-top:solid 0.3vw #ccc; -webkit-transition: border-top .3s;
}

tr.odd td, tr.odd th {
	/*background:#edf3fe;*/
	background-color: ;
	filter: brightness(115%);
}

tbody th a {
padding-left:4vw; -webkit-transition: padding-left .3s;
color:#333;
}

table.example {
	border: solid;
	border-width: 0.vw;
	border-collapse: collapse;
	margin-top: 0.6vw;
	margin-bottom: 0.6vw;
	font-size: 0.7vw;
}

td.example {
	padding: 0.9vw;
	font-size: 1.4vw;
}

.folienframe_pink td.example {
	padding: 0.9vw;
	font-size: 1.4vw;
	color: #FF0066;
}



/******************************/
/* BEAMERTEST                 */
/******************************/



#obenlinks {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:0em; 
	margin-right:2em;
	font-size:1.5vw; -webkit-transition: font-size .3s;
	padding-top:0em
}

#obenrechts {
	position:relative;
	height:auto;
	width:auto;
	text-align:right; 
	margin-left:2em; 
	margin-right:0em;
	font-size:1.5vw; -webkit-transition: font-size .3s;
	padding-top:0em
}

#untenlinks {
	position:absolute;
	height:auto;
	bottom:0px;
	text-align:left; 
	text-align:bottom; 
	margin-left:0em; 
	margin-right:2em;
	font-size:1.5vw; -webkit-transition: font-size .3s;
	padding-top:0em
}


#untenrechts {
	position:absolute;
	height:auto;
	bottom:0px;
	right:0px;
	width:auto;
	text-align:right; 
	text-align:bottom; 
	margin-left:1em; 
	margin-right:0em;
	font-size:1.5vw; -webkit-transition: font-size .3s;
	padding-top:0em
}

#subheadline {
	position:relative;
	height:auto;
	text-align:center; 
	margin-left:2vw; -webkit-transition: margin-left .3s;
	margin-right:2vw; -webkit-transition: margin-right .3s;
	margin-top:1.2vw; -webkit-transition: margin-top .3s;
	font-size:3.2vw; -webkit-transition: font-size .3s;	
}

#info {
	position:relative;
	height:auto;
	text-align:center; 
	margin-left:2vw; 
	margin-right:2vw;
	margin-top:2vw;
	margin-bottom:0.5vw;
	font-size:2vw; -webkit-transition: font-size .3s;	
}


	
.number {
    padding-right: 1vw;
	opacity: 0.6;
	font-size: 80%;
}

/******************************/
/* Hervorhebungen             */
/******************************/


.blaubox { background-color:#125699; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.royalbluebox { background-color:#4169e1; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.slatbluebox { background-color:#6a5acd; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.steelbluebox { background-color:#4682b4; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.hellblaubox { background-color:#0063b4; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.hellblaubox_agil { background-color:#0063b4; color:#FFFFFF; padding:0 0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.rotbox { background-color:#DE5A51; color:#F0EDE8; padding:0 0.2vw; border-radius: 0.2vw; }
.rotbox_agil { background-color:#DE5A51; color:#F0EDE8; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.rotbox_agil_slim { background-color:#DE5A51; color:#F0EDE8; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}

.greenbox { background-color:#008000; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.seagreenbox { background-color:#2e8b57; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.olivegreenbox {background-color:#729722; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw;}
.lightgreenbox {background-color:#8EAC1A; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw;}
.lightgreenbox_agil { background-color:#8EAC1A; color:#FFFFFF;padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.3vw; padding-right:0.3vw; border-radius: 0.0vw; }
.lightgreenbox_agil_slim { background-color:#8EAC1A; color:#FFFFFF; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}

.rosabox { background-color:#FFDDDD; padding:0 0.2vw; border-radius: 0.2vw; }
.gelbbox { background-color:#FFFF66; padding:0 0.2vw; border-radius: 0.2vw; }
.gelb { background-color:#FFFF66; }
.rosa { background-color:#FFDDDD; }
.weissbox { background-color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.weissbox_agil { background-color:#FFFFFF;padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.weissbox_agil_slim { background-color:#FFFFFF; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}

.gelbbox { background-color:#ffe700; color:#383633; padding:0 0.2vw; border-radius: 0.2vw; }
.gelbbox_agil { background-color:#ffe700; color:#383633; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.gelbbox_agil_slim { background-color:#ffe700; color:#383633; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}
.gelbschwarzbox_agil_slim { background-color:#383633; color:#ffe700; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}


.rotbox1 { background-color:#DE5A51; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.rotbox1_agil { background-color:#DE5A51; color:#FFFFFF;padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.rotbox1_agil_slim { background-color:#DE5A51; color:#FFFFFF; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.0vw;}

.transparentbox {padding:0 0.2vw; border-radius: 0.2vw; }
.transparentbox_agil {padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.transparentbox_agil_slim {padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}

.graubox { background-color:#ABABAB; padding:0 0.2vw; border-radius: 0.2vw; }
.graubox_agil { background-color:#ABABAB;padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.graubox_agil_slim { background-color:#ABABAB; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}
.pinkbox { background-color:#FF0066; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.pinkbox_agil { background-color:#FF0066; color:#FFFFFF; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.pinkbox_agil_slim { background-color:#FF0066; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}
.olivegreenbox_agil_slim {background-color:#729722; color:#FFFFFF; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw;}
.olivegreenbox_agil {background-color:#729722; color:#FFFFFF; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.0vw; }
.sepiabox { background-color:#7F462C; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.sepiabox_agil { background-color:#7F462C; color:#FFFFFF; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.sepiabox_agil_slim { background-color:#7F462C; color:#FFFFFF; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw}
.whitebox_pink { background-color:#FFFFFF; color:#FF0066; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw}
.neonyellowbox { background-color:#FFFF00; padding:0 0.2vw; border-radius: 0.2vw; }
.blackbox { background-color:#000000; color:#FFFFFF; padding:0 0.2vw; border-radius: 0.2vw; }
.blackbox_agil { background-color:#000000; color:#FFFFFF; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }
.blackbox_agil_slim { background-color:#000000; color:#FFFFFF; padding-top:0.0vw; padding-bottom: 0.0vw; padding-left: 0.2vw; padding-right:0.0vw; border-radius: 0.0vw; }
.brownbox_agil { background-color:#5C4033; color:#FFFFFF; padding-top:0.2vw; padding-bottom: 0.7vw; padding-left: 0.2vw; padding-right:0.2vw; border-radius: 0.2vw; }



.pinkbox_agil a:link {
	style: text-decoration: none;
	text-underline: none;
}
.pinkbox_agil a:visited {
	text-decoration: none;
	text-underline: none;
}



/******************************/
/* FLIBCARD                   */
/******************************/



.flip-card-long {
	float: left;
	width: 40vw; -webkit-transition: width .3s	; /* Breite der Karte 30em*/
	height: 34.75vw; -webkit-transition: height .3s	; /* Höhe der Karte 16.875em*/
	margin-left: 3.7vw; -webkit-transition: margin-left .3s	; /* Rand 3.7em*/
	margin-bottom: 1.5vw; -webkit-transition: margin-bottom .3s	;
	position: relative; /* Positionierung auf Webseite */
	-webkit-perspective: 43em; /* 36em */
	-moz-perspective: 43em;  /* 36em */
				perspective: 43em;  /* 36em */
}

.flip-card-long:hover .flip-front{
		z-index: 900;
		border-color: #eee;
		background: #FFF;
		box-shadow: 0 0.9em 3em rgba(0,0,0,0.2);

		-webkit-transform: rotateY(180deg);
			 -moz-transform: rotateY(180deg);
						transform: rotateY(180deg);
}

.flip-card-long:hover .flip-back {
		z-index: 1000;
		background: #FFFFFF;

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		box-shadow: 0 0.9em 3em rgba(0,0,0,0.2);
}

.flip-card-long .flip-front {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 900;
		width: inherit;
		height: inherit;
		border: 1px solid #ccc;
		background: #FFFFFF;
		box-shadow: 0 1px 5px rgba(0,0,0,0.9);

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
}

.flip-card-long .flip-back {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 800;
		width: inherit;
		height: inherit;
		border: 1px solid #ccc;
		background: #FFF;
		/* text-shadow: 1px 1px 1px rgba(0,0,0,0.6); */

		-webkit-transform: rotateY(-180deg);
			 -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
						transform: rotateY(-179deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
}




.flip-card {
	float: left;
	width: 34vw; -webkit-transition: width .3s	; /* Breite der Karte 30em*/
	height: 14.875vw; -webkit-transition: height .3s	; /* Höhe der Karte 16.875em*/
	margin-left: 3.7vw; -webkit-transition: margin-left .3s	; /* Rand 3.7em*/
	margin-bottom: 1.5vw; -webkit-transition: margin-bottom .3s	;
	position: relative; /* Positionierung auf Webseite */
	-webkit-perspective: 43em; /* 36em */
	-moz-perspective: 43em;  /* 36em */
				perspective: 43em;  /* 36em */
}

.flip-card.flip .action {display: none; }


/* FLASHCARD-ANIMATION */

.flip-card .flip-front {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 900;
		width: inherit;
		height: inherit;
		border: 1px solid #ccc;
		background: #FFFFFF;
		box-shadow: 0 1px 5px rgba(0,0,0,0.9);

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
}

.flip-card .flip-back {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 800;
		width: inherit;
		height: inherit;
		border: 1px solid #ccc;
		background: #FFF;
		/* text-shadow: 1px 1px 1px rgba(0,0,0,0.6); */

		-webkit-transform: rotateY(-180deg);
			 -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
						transform: rotateY(-179deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
}


.flip-card:hover .flip-front{
		z-index: 900;
		border-color: #eee;
		background: #FFF;
		box-shadow: 0 0.9em 3em rgba(0,0,0,0.2);

		-webkit-transform: rotateY(180deg);
			 -moz-transform: rotateY(180deg);
						transform: rotateY(180deg);
}

.flip-card:hover .flip-back {
		z-index: 1000;
		background: #FFFFFF;

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		box-shadow: 0 0.9em 3em rgba(0,0,0,0.2);
}




.flip-card_fit {
	float: left;
	width: 100%; -webkit-transition: width .3s	; /* Breite der Karte 30em*/
	height: 100%; -webkit-transition: height .3s	; /* Höhe der Karte 16.875em*/
	margin-left: 0vw; -webkit-transition: margin-left .3s	; /* Rand 3.7em*/
	margin-bottom: 0vw; -webkit-transition: margin-bottom .3s	;
	position: relative; /* Positionierung auf Webseite */
	-webkit-perspective: 43em; /* 36em */
	-moz-perspective: 43em;  /* 36em */
				perspective: 43em;  /* 36em */
}

.flip-card_fit.flip .action {display: none; }


/* FLASHCARD-ANIMATION */

.flip-card_fit .flip-front {
		float: none;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 900;
		width: inherit;
		height: inherit;
		border: 1px solid #ccc transparent;
		background: inherit;
/*		box-shadow: 0 1px 5px rgba(0,0,0,0.9); */

		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
}

.flip-card_fit .flip-back {
		float: none;
		position: absolute;
		top: 0;
		left: -10vw;
		z-index: 800;
		width: 40vw;
		height: 20vw;
		border: 1px solid #ccc;
		background: #FFF;
		/* text-shadow: 1px 1px 1px rgba(0,0,0,0.6); */

		-webkit-transform: rotateY(-180deg);
			 -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
						transform: rotateY(-179deg);

		-webkit-transform-style: preserve-3d;
			 -moz-transform-style: preserve-3d;
						transform-style: preserve-3d;

		-webkit-backface-visibility: hidden;
			 -moz-backface-visibility: hidden;
						backface-visibility: hidden;

		/* -- transition is the magic sauce for animation -- */
		-webkit-transition: all .4s ease-in-out;
						transition: all .4s ease-in-out;
}


.flip-card_fit:hover .flip-front{
		z-index: 900;
		border-color: #eee;
		background: #FFF;
		box-shadow: 0 0.9em 3em rgba(0,0,0,0.2);

		-webkit-transform: rotateY(180deg);
			 -moz-transform: rotateY(180deg);
						transform: rotateY(180deg);
}

.flip-card_fit:hover .flip-back {
		z-index: 1000;
		background: #FFFFFF;
		-webkit-transform: rotateX(0deg) rotateY(0deg);
			 -moz-transform: rotateX(0deg) rotateY(0deg);
						transform: rotateX(0deg) rotateY(0deg);

		box-shadow: 0 0.9em 3em rgba(0,0,0,0.2);
}





.flipframe_fit { /* Definition des Bereichs, in dem überhaupt Text steht, als Box in der Flashkarte */
	width:100%; /* Breit */
	height:100%; /* Höhe */
	padding-top: 0; /* Innenabstand */
	position:relative; /* Positionierung */
    margin-left: auto; /* Angaben für mittige Ausrichtung */
    margin-right: auto;
}



.flipframe { /* Definition des Bereichs, in dem überhaupt Text steht, als Box in der Flashkarte */
	width:90%; /* Breit */
	height:90%; /* Höhe */
	padding-top: 1em; /* Innenabstand */
	position:relative; /* Positionierung */
    margin-left: auto; /* Angaben für mittige Ausrichtung */
    margin-right: auto;
}

.flipframe a {
	color: #000000;
}

.fliphead { /* Definition des Layouts für die Lemmaangaben */
	position:relative; /* Positionierung in Frame */
	text-align:center; /* mittig ausrichten */
	font-size:3.5vw; -webkit-transition: font-size .3s	; /* Schriftgroesse */
}

.fliphead_back { /* Definition des Layouts für die Lemmaangaben */
	position:relative; /* Positionierung in Frame */
	text-align:center; /* mittig ausrichten */
	font-size:2.5vw; -webkit-transition: font-size .3s	; /* Schriftgroesse */
}

.fliptext { /* Angaben fuer Lexikographische Informationen; bislang als linke Spalte definiert */
	margin-top: 0.7vw; -webkit-transition: font-size .3s	; /* Abstand zum vorherigen Element oben */
	position:relative; /* Positionierung im Frame */
	width: 100%; /* Breite */
	height: auto; /* Hoehe */
	text-align:left; /* Ausrichtung Text */
	font-size:1.5vw; -webkit-transition: font-size .3s	; /* Schriftgroesse */
	margin-left: auto;
	margin-right: auto;
}



/******************************/
/*   Slider                   */
/******************************/


#slider > .content{
	overflow: hidden;
	margin: 0vw;
	border-radius: 0vw;
}


#slider ul {
  position: absolute; 
  top: 0;
  left:0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#slider ul li {
    max-height: 100%;
    max-width: 100%;
	float:left;
	position: relative;
	display: block;
/*  width: 100%; */
/*  height: 100%; */
}



a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}





/**********************/
/* Typewriter
/*********************/


.sss {
	height: 0;
	margin: 0; 
	padding: 0;
	position: relative;
	display: block;
	overflow: hidden;
}

.ssslide {
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;
}

.ssslide img {
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.sssnext, .sssprev {
	width: 25px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	background: url('images/arr.png') no-repeat;
}

.sssprev {
	left: 3%;
	background-position: 0 50%;
}

.sssnext {
	right: 3%;
	background-position: -26px 50%;
}

.sssprev:hover, .sssnext:hover {
	cursor: pointer;
}



/**********************/
/* Typewriter
/*********************/


#typewriter{
	/*font-family: "Lucida Sans Unicode";*/
    &:after{
    	content: "|";
        animation: blink 500ms linear infinite alternate;
	}
}

#botwriter{
	font-family: "Lucida Sans Unicode";
    &:after{
    	content: "|";
        animation: blink 500ms linear infinite alternate;
	}
}

#botwriter #zeile_head {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:2vw; -webkit-transition: font-size .3s;
	top:4.0vw; -webkit-transition: font-size .3s;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
	font-size: 6.5vw;  -webkit-transition: font-size .3s;
	color: #00f327;
}

#botwriter #zeile_1 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:2vw; -webkit-transition: font-size .3s;
	top:6.0vw; -webkit-transition: font-size .3s;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
	font-size: 4.5vw;  -webkit-transition: font-size .3s;
	color: #00f327;
}

#botwriter #zeile_2 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:2vw; -webkit-transition: font-size .3s;
	top:12.0vw; -webkit-transition: font-size .3s;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
	font-size: 4.5vw;  -webkit-transition: font-size .3s;
	color: #00f327;
	
}

#botwriter #zeile_3 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:2vw; -webkit-transition: font-size .3s;
	top:18.0vw; -webkit-transition: font-size .3s;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
	font-size: 4.5vw;  -webkit-transition: font-size .3s;
	color: #00f327;
}

#botwriter #zeile_4 {
	position:absolute;
	height:auto;
	text-align:left; 
	margin-left:2vw; -webkit-transition: font-size .3s;
	top:24.0vw; -webkit-transition: font-size .3s;
	padding-bottom: 0.0vw; 
	padding-left: 5vw;
	padding-right:0.8vw; 
	border-radius: 0.0vw;
	font-size: 4.5vw;  -webkit-transition: font-size .3s;
	color: #00f327;
}


@-webkit-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@-moz-keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

@keyframes blink{
    0%{opacity: 0;}
    100%{opacity: 1;}
}