/**/
pagenr{color:#ffffff}
/* _______________________ SYMBOLE MIT FONT AWESOME _____________________ */
span {position:relative;}
span.toggle:before {content: "'¬'";font-size:130%;left:-15px; /* position:absolute;*/top:-2; }
span.toggle:after {content:" :: ";color:#ecc53c;}
span.unlock:before,
p.down:before,
p.kreis:before,
p.pfeil:before{
font-family: FontAwesome;
display: inline-block;
padding-right: 3mm;
vertical-align: middle;
}
p.pfeil:before {content: "\f124";}
p.kreis:before { content: "\f10c";}
p.down:before {content: "\f175"}
p.book:before { content: "\f02d";} /* */
.down:before {fa fa-arrow-circle-o-down}
.pfeil2:before {content:'\f061';color:#448888;font-family:'FontAwesome', fa;font-weight:100;}
.langerpfeil:before {content:'\f178';color:#448888;font-family:'FontAwesome', fa;font-weight:100;}
.spitz1:before { content:'\f041'; padding-left:7px;padding-right:2mm; font-family: 'FontAwesome'; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
.stern:before { content:'\f006'; padding-left:7px;padding-right:2mm; font-family: 'FontAwesome'; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
span.unlock:before { content: "\f09c";}/* */
/* _______________________ SYMBOLE MIT FONT SYMBOLS _____________________ */
.nummeriert li:before {content:'Z';font-family:Symbols;color:#666666;}
.num {counter-increment: hovicon;}
.num:before { content: counter(hovicon, upper-roman);display: block;padding: 10px;background: #666666;width: 16px;text-align: center;color: white; display: inline-block; font-size: 24px;
line-height: 30px; cursor: pointer; margin: 20px; width: 30px; height: 30px; border-radius: 50%; text-align: center; position: relative; text-decoration: none; z-index: 1; color: #fff;}
.orbit.with-bullets{ margin-bottom: 0px;}
p{text-rendering: auto; /* und in enableden überschreiben*/;text-rendering: optimizeLegibility;font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; font-kerning: normal;}
.kapital{text-transform:uppercase;}
.kern { text-rendering: optimizeLegibility; }
.FN, .fn{border:solid 1px #ef9103;padding:2mm 2mm 2mm 2mm;background-image: -webkit-gradient(linear,left 30,180 61,color-stop(0.37, #d0fb82),color-stop(0.69, #ffff80),color-stop(0.43, eeedec));}
Ol LI .circle{list-style-type:circle;}
ol.ebene1 {counter-reset:listenpunkt_ebene1; list-style-type:none;}
ol.ebene1 li:before {content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1;}
ol.ebene2 { counter-reset:listenpunkt_ebene2; list-style-type:none;}
ol.ebene2 li:before { content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". ";
counter-increment:listenpunkt_ebene2;}
UL,li{list-style-type: none;}
ul, menu, dir {
display: block;
list-style-type: none;
margin-block-start: 1em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 2px;
}
UL.slashed li {display:inline;color: #004080;}
.slashed li:after {padding: 0 3px 0 5px;content: ' | '; color: #ff0080;}
.slashed li:last-child:after {content: '|::';padding: 0; color: #c0c0c0;}
.slashed li:first-child:after {content: '|';padding: 0 3px 0 5px; color:#ff0080;}
li.goto:before{content:"> >" ;color:#d91a9f; }
li.spitz:before {content:'\f061';color:#448888;font-family:'FontAwesome', fa;font-weight:100;}
outline2:hover{background: #d91a9f;color: #509ede;text-shadow: none;}
.font-effect-outline {text-shadow:0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000444; color: #fff;font-size:2.5em;}
.font-effect-outlinew {text-shadow:0 1px 1px #FFFFFF, 0 -1px 1px #FFFFFF, 1px 0 1px #FFFFFF, -1px 0 1px #FFFFFF;color: #000000; font-size:1.5em;text-transform:uppercase;}
.outline7 {text-shadow:0 1px 1px #FFFFFF, 0 -1px 1px #FFFFFF, 1px 0 1px #FFFFFF, -1px 0 1px #FFFFFF; color: #000000; font-
size:1.5em;text-transform:uppercase;}
.outline {font-size: 4em;line-height:4em;font-family: 'futuralc' sans-serif; color: white;stroke:#d92f99; text-transform: uppercase;
text-shadow: 1px 1px 1px black,
1px -1px 1px black,
-1px 1px 1px black,
-1px -1px 1px black;
}
.outline1 {font-size: 2rem;line-height:1;font-family: 'futuralc' sans-serif; color: white; text-transform: uppercase;
text-shadow: 1px 1px 1px black,
1px -1px 1px black,
-1px 1px 1px black,
-1px -1px 1px black;
}
.outline2 {
font-size: 2rem;
font-family: stencil;
text-transform: uppercase;
color: #000000;
text-shadow: 1px 1px 1px #FFFFFF,
1px -1px 1px #FFFFFF,
-1px 1px 1px #FFFFFF,
-1px -1px 1px #FFFFFF;
width:100%;
}
.outline3 {
font-size: 1.2em;
font-family:JefferiesExtended;
text-transform: uppercase;
font-weight:900;
color: white;
text-shadow: 1px 1px 1px #c0c0c0,
1px -1px 1px #FFFFFF,
-1px 1px 1px #FFFFFF,
-1px -1px 1px #FFFFFF;
width:99%;
}
.blue{ border-color:#24A2CD; color:#24A2CD;}
.gold{ border-color:#bc9a3b;}
.glow {-moz-box-shadow: 1px 1px 9px 1px #000; -webkit-box-shadow: 1px 1px 9px 2px #000; box-shadow: 1px 1px 9px 2px #000;}
.grell { -moz-box-shadow: 1px 1px 6px 1px #222; -webkit-box-shadow: 1px 1px 6px 2px #222; box-shadow: 1px 1px 6px 2px #222;}
/* _______________________ ABSTÄNDE u FORMAT ___ z.B.
_________________ */
.text-right{ text-align:right;}
.text-left{ text-align:left;}
.upper, .versal{ text-transform: uppercase;}
.h200{min-height:200px;}
.h400{min-height:400px;}
.h600{min-height:600px;}
.h800{min-height:800px;}
/**************** Buchstyle Fraktur***************/
#obenrechts{position:absolute;top:0px;right:0px;}
#fußnote, .fußnote{font-variant:oblique; font-size:0.7em, font-family:'New Times Roman';}
SPAN > sup::before {content: "[ ";}
SPAN > sup::after{content:" ]";}
.fußnote.sup::before{content:"[ ";}
.fußnote.sup::after{content:" ]";}
/**************** Buchstyle Fraktur***************/
.Fraktur { font-family: 'Bertholdr Mainzer Fraktur', serif;font-size: 24px;}
.Fraktur-bold{ font-family: 'Bertholdr Mainzer Fraktur', serif;font-size: 32px;}
.font0 { font:1em "BertholdMainzerFraktur" , "Bertholdr Mainzer Fraktur", sans-serif;}
.font1 { font:1.2em "BertholdMainzerFraktur" , "Bertholdr Mainzer Fraktur", sans-serif; }
.font2 { font:1.8em "BertholdMainzerFraktur" , "Bertholdr Mainzer Fraktur, sans-serif; }
.font3 { font:2.4em "BertholdMainzerFraktur" , "Bertholdr Mainzer Fraktur, sans-serif; }
Li.text { font:1.8em "BertholdMainzerFraktur" , "Bertholdr Mainzer Fraktur, sans-serif; }
.zentral{font-family:LeipzigFNormal;font-size:1.5em;width: 45%;margin: auto; text-align:justify; text-align-last: left;line-height:1.5em; text-indent: 5mm;}
.zentral-einzeilig{font-family:LeipzigFNormal;font-size:2em;width: 45%;margin: auto; text-align:justify; text-align-last: justify;line-height:1.5em;}
.cite{font-family:LeipzigFNormal;font-size:1.0em;width: 45%;margin: auto; text-align:justify; text-align-last: left;text-align-first: left; line-height:1.0em}
hr{width: 45%;margin: auto; text-align:left;color:#800000;margin-top:1.2em;margin-bottom:1em;}
.seite{font-family: 'Leipzig_Fraktur_LF' , LeipzigFNormal;font-size:1.5em;width: 45%;margin:auto;text-align-last: right;margin-top:1.2em;margin-bottom:1em;}
.seite:before{content: "Seite "; font-size:1em;}
.Zitatnummer{line-height:inherit; vertical-align:text-top;font-size: 9px;font-famiy:Eurostile;}
.Fußnotenindex{}
/* Automatische Ellipsis (...) für alle Links im Navigationsmenü */
#nav ul li ul li a {
display: block; /* Macht den Link zu einem Block-Element */
overflow: hidden; /* Schneidet überstehenden Text unsichtbar ab */
text-overflow: ellipsis; /* Fügt die drei Punkte (...) automatisch hinzu */
white-space: nowrap; /* Verhindert den unschönen Zeilenumbruch */
max-width: 90%; /* Nutzt etwas weniger als die verfügbare Breite der Spalte */
}
#nav ul li ul li ul li a, #nav ul li ul li ul li ul li a , #nav ul li ul li ul li ul li ul li a{
display: block; /* Macht den Link zu einem Block-Element */
overflow: hidden; /* Schneidet überstehenden Text unsichtbar ab */
text-overflow: ellipsis; /* Fügt die drei Punkte (...) automatisch hinzu */
white-space: nowrap; /* Verhindert den unschönen Zeilenumbruch */
max-width: 90%; /* Nutzt etwas weniger als die verfügbare Breite der Spalte */
}
#object-position-1 {object-position: 10%;float:left}
#object-position-2 {object-position: 90%;float:right}
dd{color:#008000:}
dt{font-weight:600;}
img {display: block;margin: 10 auto;max-width: 100%;}
.zentral{font-family:LeipzigFrakturNormal;font-size:1.5em;width: 50%;margin: auto; text-align:justify; text-align-last: left;line-height:1.5em; text-indent: 5mm;}
.zentral-einzeilig{font-family:LeipzigFrakturNormal;font-size:1.7em;width: 50%;margin: auto; text-align:justify; text-align-last: justify;line-height:1.5em;}
.cite{font-family:EurostileRegular;font-size:0.7em;width: 95%; text-align:left; text-align-last: left; text-align-first: left; text-indent:2cm; line-height:1.0em}
.cite.mittig{font-family:EurostyleRegular;font-size:1.0em;width: 50%; text-align:left; text-align-last: left; text-align-first: left; text-indent:2cm; line-height:1.0em}
.cite_frk{font-family:LeipzigFrakturNormal;font-size:1.0em;width: 50%;margin: auto; text-align:justify; text-align-last: left; text-align-first: justify; text-indent:2cm; line-height:1.0em}
.citebook{font-family:Eurostile;font-size:0.67em;width: 95%; text-align:left; text-align-last: left; text-align-first: left;line-height:1.2em;margin-top:0em;}
hr{width: 45%;margin-left;0px; text-align:left;color:#800000;background-color: green; height: 1px;margin-top:1.2em;margin-bottom:1em;}
hr.links{height:1px;width: 67%;margin-left:0px;margin-right:auto; text-align:left;color:#ac09b9;background-color: #ac09b9;margin-top:1.2em;margin-bottom:0.3em;}
.seiteOM , .seite{font-family:LeipzigFrakturNormal;font-size:1.5em;width: 45%;margin:auto;text-align-last: right;margin-top:1.2em;margin-bottom:1em;}
.seiteOM, .seite:before{content: "Seite "; font-size:1em;}
#seiteOM, .seiteOM{font-family:LeipzigFrakturNormal;font-size:1.0em;width: 45%;margin:auto;text-align-last: center; text-align-first: center;margin-top:1.2em;margin-bottom:2em;}
#seiteOM, .seiteOM:before{content: ;}
.seiteOM:before {content: "\2014 \00A0 \00A0 "}
.seiteOM:after{content: "\00A0 \00A0 \2014"}
#seiteOM, .seiteOM:after{content: ;}
#seiteOM, .seitelinks:before{font-family:EurostyleRegular;content: "Seite "; font-size:1em;color:#400080;}
#seiteOM, .seiterechts:before{font-family:EurostyleRegular;content: "Seite "; font-size:1em;color:#400080;}
.rechts, #rechts{position:relative;left:90%; top:20px;}
.seitelinks{position:relative;left:20px}
.seiterechts{position:absolute;right:20px}
p{hyphens: auto; hyphenate-character: "~";}
/*iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii actual 5 style iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii*/
/*
relative Groesen
'em' font size of the element
'ex' x-height of the element's font
'ch' width of the "0" (ZERO, U+0030) glyph in the element's font
'rem' font size of the root element
'vw' 1vw= 1/100 viewport's width 60 zeichen wäre 1,7vw
'vh' viewport's height
'vmin' minimum of the viewport's height and width
'vmax' maximum of the viewport's height and width
*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
html, body, TABLE, TD,TR,TD{font-family:EurostileRegular;line-height: 1.6;color:#000000;margin:0px;}
img{max-width:100%}
H1,H2,H3,H4,H5,H6{text-transform:uppercase;margin-top: 4mm;margin-bottom:2mm;}
H0{font-family:JefferiesExtended;font-size:1.6vw;}
ul.children {list-style: none;}
FIELDSET {border:solid 1px #000000;padding:4mm 4mm 4mm 4mm;}
LEGEND {padding:0mm 4mm 0mm 4mm;}
table tr:nth-child(even) {background: rgba(f,e,0,0.8);}
caption, th, td {vertical-align: middle;}
q, blockquote {quotes: none;}
q:before,q:after,blockquote:before,blockquote:after {content: ""; content: none;}
#eingeruckt{padding-left:1cm;}
.einge{padding-left:1cm;}
.e{float:left; text-align:left;font-style:italic;max-WIDTH:100%;line-height:1.6;}
.rechts{padding-right:2mm;}
.border{border:solid 1px #40b1ee;}
/* Hide: keep in to bots and screen-readers */
.visuallyhidden {
position: absolute;
width: 1px; /* Setting this to 0 make it invisible for VoiceOver */
height: 1px; /* Setting this to 0 make it invisible for VoiceOver */
padding: 0;
margin: -1px;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
/* Break string */
.break {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* Make wrap in pre tags */
pre {
white-space: pre-wrap; /* Chrome & Safari */
white-space: -moz-pre-wrap; /* Mozilla since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* Float classes */
.float-right { float: right; }
.float-left { float: left; }
/* Hide / Show classes */
.hide { display: none; }
.show { display: block; }
/* Disabled effect class */
.disabled {
pointer-events: none;
opacity: 0.5;
}
/* Links improvement */
a {
text-decoration: none;
/*color: #308aed;*/
transition: all 0.7s ease-out;
position: relative;
}
/* Print */
@media print {
* {
background: none !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
/* Images, vectors and such */
filter: Gray(); /* IE4-8: depreciated */
filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */
-webkit-filter: grayscale(100%); /* Chrome + Safari 6 */
-moz-filter: grayscale(100%); /* Future proof */
-ms-filter: grayscale(100%); /* Future proof */
-o-filter: grayscale(100%); /* Future proof */
filter: grayscale(100%); /* Future proof or polyfilled */
}
a:hover { color:#ff0000;}
/*Table hervorgehoben*/
.rot {border:solid 1px #ac09b9;background-color:#fef5fe;}
.orange {border:solid 1px #ff8040;background-color:#fdb99f;}
.gelb {border:solid 1px #f3fdb3;background-color:#e0fdd2;}
/*li.spitz:before { content: "j"; padding-left:7px;font-family:'Symbols'; }*/
/*.pfeil:before {content:"o";color:#d91a9f;font-family:'Symbols';}*/
.ellipsis {min-width:240px; width: 250px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis; /* Required for IE8 */
-o-text-overflow: ellipsis; /* Required for Opera */
text-overflow: ellipsis;
}
iframe {border: 0;overflow: hidden;}
.footer {border-top: 1px dotted #ff8000;}
.desc {color: #888;font-variant:italic;}
.intro {
border-bottom: 1px dotted #bbbbbb;
/*padding-bottom: 1.5em;*/
}
.social {
border-top: 1px dotted #bbb;
padding-top: 1.5rem;
}
/* minor responsive adjustments */
.content {
margin-bottom: 1.5em;
}
.200{min-height:200px;}
/* Retina */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and ( min--moz-device-pixel-ratio: 2), /* Looks like a bug, so may want to add: */
only screen and ( -moz-min-device-pixel-ratio: 2),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
/* Your retina specific stuff here */
}
/* Debug: empty Elements */
.debug div:empty, .debug span:empty,.debug li:empty,.debug p:empty,.debug td:empty,.debug th:empty { padding: 20px; border: 5px dotted yellow important;
}
/* Debug: empty Attributes */
.debug *[alt=""], .debug *[title=""], .debug *[class=""], .debug *[id=""], .debug a[href=""] {border: 5px solid yellow !important;}
/* Debug: deprecated Elements */
.debug applet, .debug basefont, .debug center, .debug dir, .debug font, .debug isindex, .debug menu, .debug s, .debug strike, .debug u {
border: 5px dotted red !important;
}
/* Debug: deprecated Attributes */
.debug *[background], .debug *[bgcolor], .debug *[clear], .debug *[color], .debug *[compact], .debug *[noshade], .debug *[nowrap], .debug *[size], .debug *[start],.debug *[bottommargin], .debug *[leftmargin], .debug *[rightmargin], .debug *[topmargin], .debug *[marginheight], .debug *[marginwidth], .debug *[alink], .debug *[link], .debug *[text], .debug *[vlink],.debug *[align], .debug *[valign],.debug *[hspace], .debug *[vspace],.debug *[height], .debug *[width],.debug ul[type], .debug ol[type], .debug li[type] {
border: 5px solid red !important;
}
/* Debug: proposed Deprecated Elements */
.debug input[type="button"], .debug big, .debug tt {
border: 5px dotted #33FF00 !important;
}
/* Debug: proposed Deprecated Attributes */
.debug *[border], .debug table[cellpadding], .debug table[cellspacing] {
border: 5px solid #33FF00 !important;
}}
ul, menu, dir {
display: block;
list-style-type: none;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
.nav { width: 12.50%;margin: 0 0em; } */ 2/12 */
}
.skewed {transform: skew(-18deg); /* Equal to skewX(10deg) */
background-color: transparent;
color: black;
border:solid 1px black;
}
.aufgerichtet{ transform: skew(18deg); /* Equal to skewX(10deg) */
}
.wrapper {
width:44%;
margin:10% auto;
}
.border {border:1px solid #666;
padding:12px 25px;
}
p.bild:before,
li.kreis:before,
p.down:before,
p.kreis:before,
p.pfeil:before{
font-family: FontAwesome;
display: inline-block;
padding-right: 6px;
vertical-align: middle;
}
p.pfeil:before {content: "\f124";}
p.kreis:before {content: "\f10c";}
p.book:before {content: "\f02d";} /* */
span.unlock:before { content: "\f09c";}/* */
p.bild:before{content: "\f03e";}
p.down:before {content: "\f175"}
p.pfeil, p.kreis, p.down{border:1px solid #666; padding:12px 25px;}
.fa-times:before{content:"\f00d"}
.gerahmt {border:1px solid #666; padding:12px 25px;}