/*
		7p-books, Beta-Version: 0.0.8.1.0

		CC BY-SA 3.0 DE
				
		T. C. Woodeggs
		Glockenbreite 3
		D-34414 Warburg
		
		North Rhine-Westphalian
		Germnany
		Europe
		
		Veröffentlicht / Released on: 13. November 2018
		
		http://www.7pages.eu/
*/


body {

/* Außenrand und Abstand */
	margin: 0;
	font-family: Noto Sans, sans-serif;
	font: 4vw;
/* Gesamter Hintergrund der HTML-Seite (z.B. damit die Faltlinien gesehen werdenn können)*/
	background: #eee;
	padding: 0;
	}


/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* WOODEGGS */
.nadel { display:block; background-image:url(../../format/svg/egg_empty.svg); width:2.5vw; height:3.3vw; background-repeat:no-repeat; background-size:2.1vw; 
 }
.nadel:hover { background-image:url(../../format/svg/egg_needle.svg); background-repeat:no-repeat; 
 }
.blatt { display:block; background-image:url(../../format/svg/egg_empty.svg); width:2.5vw; height:3.3vw; background-repeat:no-repeat; background-size:2.1vw;
 }
.blatt:hover { background-image:url(../../format/svg/egg_leaf.svg); background-repeat:no-repeat; 
 }


@media print {
	.noprint { display:none;	
}
	.noscreeen { color:#000000;	
}
}

@media screen {
	.noscreeen { display:none;
}
}


/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Buttons-Formatierungen */
    
.button-navi {
/* Breite Back-Schalter */
	width: 12.5vw;
/* Rahmenbreite und Farbe Back-Schalter */
	background-color: #FFF;
	text-shadow: none;	

	border-top-left-radius:7vw;
	border-top-right-radius:7vw;
	border-bottom-right-radius:7vw;
	border-bottom-left-radius:7vw;
	
	text-indent:0;
	display:inline-block;
	color:#999;
	font-size:4.5vw;
	font-weight:bold;
	height:12.5vw;
/* vertikale Position Back-Schalterbild */
	line-height:3.0em;
	text-decoration:none;
	text-align:left;
}
.button-navi:hover {
	background-color: #0186ba;
	background-image: linear-gradient(#04acec, #0186ba);
	text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}
.button-navi:active {
	position:relative;
	top:1px;
}



/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* Content-Formatierungen */

.button-blackcastle, .button-DIN {
/* Breite Blackcastle-Schalter */
		width: 62vw;

/* Rahmenbreite Blackcastle-Schalter */
	border: 0px solid #FFF;
	background-color: #FFF;
	text-shadow: none;	

	border-top-left-radius:2em;
	border-top-right-radius:2em;

	/* Unterstreichung Reihen-Beschriftungsbutton */
	box-shadow: 0 1px 0px #000, 0 0px 0 #FFF inset;

	text-indent:0;
	display:inline-block;
	color:#000;
	font-weight:bold;
	height:1.65em;
/* vertikale Position Reihenbeschriftung */
	line-height:6.5vw;
	text-decoration:none;
	text-align:left;
}
.button-blackcastle:hover {
	background-color: #0186ba;
	background-image: linear-gradient(#09521c, #111);
	text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}

.button-DIN:hover {
	background-color: #0186ba;
	background-image: linear-gradient(#04acec, #0186ba);
	text-shadow: 0px 0px 3px #fff;	
    color:#ffffff;
}

.button-balckcastle:active, .button-DIN:active {
	position:relative;
	top:1px;
}



/* Inhaltsbereich der Titelseite */
.content_creative {
        background: #fff;
        position: absolute;
        top: 0vw;
/* Zentrierung des Inhalts */
		margin-left: auto;
		margin-right: auto;
		width: 100vw;
/* DIN-Seitenverhältnis 100vw(B) zu 141,4vw(H) */
		height: 129vw;		
}


.header {
        font-weight: bold;
        font-size: 2.3vw;
/* Kopfzeilen-Hintergrundfarbe */
        background: #fff;
        position: absolute;
		width: 100vw;
		height: 9vw;		
}


.content {
        background: #fff;
        position: absolute;
        top: 9.5vw;
        margin-left: auto;
    	margin-right: auto;
		width: 100vw;
		height: 119vw;		
}


.footer {
        font-weight: bold;
        font-size: 2.3vw;
        /* Fußzeilen-Hintergrundfarbe */

        background: #fff;
        position: absolute;
        bottom: 50%;
		width: 100vw;
		height: 10vw;		
}

        /* Formatierungen der Quellenseiten */

.header_Q {
        font-weight: bold;
        font-size: 2.3vw;
        background: #fff;
        position: absolute;
        top: 138vw;
		width: 100vw;
		height: 9vw;		
}

.content_Q {
        font-size: 4.0vw;
        background: #fff;
        position: absolute;
        top: 147.5vw;
		width: 100vw;
		height: 120.5vw;		
}


.footer_Q {
        font-weight: bold;
        font-size: 2.3vw;
        background: #fff;
        position: absolute;
        bottom: 0%;
		width: 100vw;
		height: 9.5vw;		
}