@charset "UTF-8";

/* 2025 */

/* font aus externer typo-css, sans-serif */
@import url("fonts.css"); 
/* design labyrinthe */
@import url("labydesign.css"); 
/* navigation labyrinthe */
@import url("labynav.css"); 
/* seite index kalender 2023
@import url("laby0023.css"); */
/* seite 001 modelle  */
@import url("laby0121.css"); 
/* seite 002 steine  */
@import url("laby0214.css"); 
/* seite 003 kalender  */
@import url("laby0323.css"); 
/* seite 004 linoldruck amiens */
@import url("laby0421.css"); 
/* seite 005 linoldruck drei drei*/
@import url("laby0519.css"); 
/* seite 006 linoldruck vier fünf */
@import url("laby0620.css"); 
/* seite 009 herzlabyrinthe */
@import url("laby0925.css"); 
/* seite 010 liebfrauenkirche */
@import url("laby1023.css"); 
/* seite 012 Y O L O */
@import url("laby1223.css"); 
/* seite 013 linoldruck 7 */
@import url("laby1318.css"); 
/* seite 014 stoff-labyrinthe */
@import url("laby1417.css"); 
/* seite 015 reale labyrinthe */
@import url("laby1521.css"); 
/* seite 016 sand-labyrinthe */
@import url("laby1621.css"); 






/* zentrale definitonen für domain und subdomain */
/* css reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, small, b, u, i, center, dl, dt, dd, ol, ul, li, article, aside, footer, header, menu, nav, section, summary, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 101%; font: inherit; vertical-align: baseline; }	
article, aside, footer, header, menu, nav, section { display: block; }

/* zentrieren labyrinthe */
html { height:100%;}
.cent 
{position:absolute; width:100%; left:50%; width:19.2em; margin-left:-9.6em; height:100%; top:50%; height:19.2em; margin-top:-9.6em; }	
	
body 
{ background-color: #9ab; color:#234; font-family: 'oslight'; font-family: Verdana, Geneva, SunSans-Regular,sans-serif; font-size:101%; }


/*zentrale skalierung*/
/*phone*/
@media only screen and (min-width:21em) and (max-width:30em) 
{ body { font-size:1.4em; } }
@media only screen and (max-width: 15em) 
{ body { font-size:1em; } }
/*pad*/
@media only screen and (min-width: 30em) and (orientation: landscape) 
{ body { font-size:1.8em; } }
@media only screen and (min-width: 30em) and (orientation: portrait) 
{ body { font-size:1.8em; } }




/* fonts.css */
/* open sans typo aus font-datei fonts.css auf labyrinthe-bremen */
.regular {font-family: 'osregular' , sans-serif; }
.semibold {font-family: 'ossemibold' , sans-serif; }
.bold {font-family: 'osbold' , sans-serif; }
.extrabold {font-family: 'osextrabold' , sans-serif; letter-spacing:0.16em;}
.light {font-family: 'oslight' , sans-serif; }
.italic {font-family: 'ositalic' , sans-serif; }
.semibolditalic {font-family: 'ossemibolditalic' , sans-serif; }
.bolditalic {font-family: 'osbolditalic' , sans-serif; }
.extrabolditalic {font-family: 'osextrabolditalic' , sans-serif; }
.lightitalic {font-family: 'oslightitalic' , sans-serif; }
/*** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ***/


/*** *** *** *** *** *** ***/ /* ab hier nur labyrinthe */ /*** *** *** *** *** *** ***/




#main 
{ width: 19.2em; height: 19.2em; margin-left:0; margin-right:0; background-color: rgba(239,239,239, 0.9); } /* hintergrundquadrat */



/* h6 in labyrinthe.css 678 */ 
h6 {font-size:0.4em; line-height:1.36em; color:#678;}   /*678*/   
/* labyrinthe sitemap class semibolditalic*/ /* dokumentation von... class ositalic*/ 

h7 {} 
h8 {} 


/* akzentfarbe *//* seite index */
/* neufeld farbe 06c */  
/* neu */
.neu {font-family:'oslightitalic', sans-serif; font-size: 0.8em; line-height:1em; color:#06c;}
.neutitel {font-family:'ositalic', sans-serif; font-size: 0.42em; line-height:1.2em; color:#06c;}
.neulink {font-family:'oslightitalic', sans-serif; font-size: 1em; line-height:0.6em; }

#neufeld
{ 
position:absolute; 
left: 0em; top: 4.5em; 
width:3em; height:3.6em;
background-color:rgba(0,102,104, 0.2);  /* hintergrundfarbe helles türkis */ 
}
#neutext
{ 
position:absolute; 
left: 0.6em; top: 0.2em; 
width:2.4em; height:2.4em;
}
/* ende neufeld */ 

/* akzentfarbe warumlink */
h9 {color:#06c;}    /* 06c* nur textfarbe */
#linkwarumpink { position:absolute; top:0.2em; font-size:0.32em; font-family: 'ositalic';  right:10em; background-color:rgba(0,102,104, 0.2)} 

/* akzentfarbe */


/* startfeld */  
#startfeld
{ 
position:absolute; 
left: 0em; top: 3.2em; 
width:3em; height:5.0em; 
background-color: rgba(170,187,204, 0.2);
/* background-color:rgba(0,102,104, 0.2);   hintergrundfarbe helles türkis */ 
}
#startext
{ 
position:absolute; 
left: 0.6em; top: 0.2em; 
width:2.4em; height:2.4em;
}
.startitel {font-family:'ositalic', sans-serif; font-size: 0.42em; line-height:1.4em; color:#06c;}

/* ende startfeld */ 


/* * * t y p o * n a v i * * 
a:link { color:#345; text-decoration:none; }
a:hover { color:#89a; } 
a:visited { color:#678; } 
li a#current { color:#456; }
li a#current:hover { color:#678; }  */


/* typografie reale labyrinthe * in bremen und umzu */
.headline { position:absolute; top:0.48em; left:5.8em; width:10.2em; font-family: 'osregular';} 
/* in bremen und umzu */
.ibr { position:absolute; top:2em; left:3.3em; width:10.2em; font-family: 'osregular';}
/* subline italic */
.subline { position:absolute; top:3.2em; left:0.6em; width:15.4em; font-family: 'ositalic';} /* h6 */
/* zaehler - ident-nr */
#idno {position: absolute; width: 2.4em; left: 2.6em; top:0.9em;  text-align:right;} 
/* extrabold schrift fuer ident-nr */	
.xb {font-family: 'osextrabold'; text-align:right; font-size:0.36em; letter-spacing:0.12em; color:#abc;}








/* seitentext */ /* s1 - s16 */
#seitentext { }
.stitel { position:absolute; top:0.6em; left:5.8em; width:10.2em ; font-family: 'osregular';}
.stext { position:absolute; top:1.5em; left:3.2em; width:12.8em ; font-family: 'osregular';} /* mit h5 */



/* seite impressum */
#impressum { position:absolute; top:11.2em; left:8.4em; width:5.8em ; }
#copyright { position:absolute; top:8.4em; left:12.3em; width:5.8em ; }
#impressum_medien { position:absolute; top:13.6em; left:12.3em; width:5.8em ; }

/* * * logo medien * * */
#qb_medien{  position:absolute; left: 8.4em; top: 13.6em; width: 2.4em; height: 2.4em; }
#medienlink { position:absolute; width:2.4em; height:2.4em; background-image:url("../img/logo/kl2b.svg"); background-color:#bcd; opacity:0.8; background-size:100% auto;}
#medienlink:hover { width: 2.4em; height: 2.4em; background-image:url("../img/logo/kl2b.svg"); opacity:1;} 

/* seite sitemap */
.sitemap { position:absolute; top:3.2em; left:3.2em; width:12.8em; height:12.8em; background-color: #bcd; opacity:0.2; }
#sitemap1 { position:absolute; top:3.3em; left:3.2em; width:4.13275em; }
#sitemap2 { position:absolute; top:3.3em; left:7.53275em; width:4.13275em; }
#sitemap3 { position:absolute; top:3.3em; left: 11.8655em; width:4.13275em; } 
.stmp {font-family: 'osregular', sans-serif; font-size:0.33em; line-height:1.2em; color:#012;} /* text sitemap */
.dok {font-family: 'osregular', sans-serif; font-size:0.36em; line-height:1.6em; color:#012;} /* tabellenfeld auf sitemap*/  
/* seite warum */
#porque1 { position:absolute; top:5em; left:3.2em; width:12.8em ; }
#porque2 { position:absolute; top:8.4em; left:3.2em; width:5.6em ; } 
#porque3 { position:absolute; top:8.4em; left:11em; width:5.6em ; }
#porque4 { position:absolute; top:11em; left:3.2em; width:12.8em ; } 
#porque5 { position:absolute; top:13.6em; left:3.2em; width:12.8em ; } 
.pq {font-family: 'osregular', sans-serif; font-size:0.38em; line-height:1.5em; color:#234; } /* text porque */













/* tabellenfeld */  
#datenfeld
{
	position: absolute;
	left: 0.6em;
	top: 3.2em;
	width: 2.4em;
	background-color: rgba(170,187,204, 0.2);
	height: 5.0em;
}

table#legende {font-size:0.24em;}

th { 
 line-height:1.8em; 
text-align:left; 
font-weight:bold; 
color: #789; 
 }
tr {} 
td {} 
/* tabellenfeld ende */ 







/* logo und startbild */

.bild { 
position: absolute; left: 3.2em; top: 3.2em;
width:12.8em; height:12.8em; 
background-position:center center; 
background-size:100% auto; 
}

.startbild { 
position: absolute; left: 4.5em; top: 5.8em;
width:10.2em; height:10.2em; 
background-position:center center; 
background-size:100% auto; 
}

/* zentral - labyrinth */
#kno { 
position:absolute; left:3.2em; top:3.6em;
width:12.8em; height:12.4em;
background-image:url("../img/logo/kno3abc.svg"); 
background-repeat:no-repeat; 
background-position:center center; 
background-size:100% auto; 
}





/*** *** *** *** *** *** ***/
/* seite labytypotest */

/* anfuehrungszeichen sprachversionen */
:lang(de) { quotes:"\201E\00A0" "\00A0\201C" "\201A" "\2018"; }  /*  "„ " " “" "‚" "‘"  */
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A\00A0" "\00A0\2039"; }  /*  "»" "«" "› " " ‹"  */
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }   /*  "«" "»" "‹" "›"  */
:lang(en) { quotes:"\201C" "\201D" "\2018" "\2019";  }   /*  "“" "”" "‘" "’"  */
:lang(fr) { quotes:"\00AB" "\00BB" "\2039\00A0" "\00A0\203A"; }  /*  "«" "»" "‹ " " ›"  */
:lang(ver) { quotes:"\00AB" "\00BB";}  /*  "«" "»"  */

/* quotation */
q:before { content:open-quote; color:#789; }
q:after { content:close-quote; color:#789; }
q q:before { content:open-quote; color:#567; }
q q:after { content:close-quote; color:#567; }

q q{ font-size:75%;}

/* t * y * p * o */
.le {text-align:left;}
.ri {text-align:right;}
.cen {text-align:center;}
big {font-size:120%; }
small {font-size:70%;}
.tiny {font-size:40%;}

code
{
font-size:0.4em;
color:#c6c;
text-align:right; 
}