@font-face{font-family:cloisterblack;src:url(CloisterBlackBT.ttf);font-weight:normal;font-style:normal}
*{box-sizing:border-box}
body{margin:0px;padding:1vw;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:cloisterblack;background-image:url("images/wall.jpg");background-repeat:round}
a,a:hover{display:inline-table;color:black;text-decoration:none;cursor:pointer}
ul{padding:0;margin:0;padding-left:2.5vw}

/* NEU 2025 */

/*Seitenstruktur mit kaskadierten flex-containern*/
.flex-container{display:flex;flex-flow: row wrap;}


/*neue Überarbeitung*/

/*Navigation*/
.nav.men{position:fixed;top:0.25vw;left:0.25vw;z-index:1}
.nav.act{color:red;-webkit-text-stroke:0.1vw black}
ol{list-style:none;margin:0;padding:0}
ol li{display:block;padding:0.5vw 1.5vw;position:relative;background-image:url("images/navarrow.png");background-repeat:none;background-size:100% 100%}
/*Dropdown ausblenden*/
li ol{display:none}
ol li a{display:block;text-decoration:none;white-space:nowrap;color:black}
/*Dropdown beim Berühren mit dem Mauszeiger anzeigen*/
li:hover > ol{display:block;position:absolute}
li:hover li{float:none}
li:hover a{display:block}
li:hover .nav.act{color:red}
li ol li{border-top:0}
/*Unterebenen rechts neben vorhergehender Ebene anzeigen*/
ol ol ol{left:100%;top:0}
/*Sprungmarke Seitenanfang*/
.nav.pto{position:fixed;right:0;bottom:0;margin:0.25vw;width:5.5vw;height:7vw;background-image:url("images/shield-silver.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat;padding:1vw;z-index:1}
/*interne Links*/
.nav.link{padding:0.25vw 1.5vw;display:inline-table;background-image:url("images/navarrow.png");background-repeat:none;background-size:100% 100%}

/*Seiteneinteilung*/
.row::after{content:"";clear:both;display:table}
[class*="col-"]{display:flex;flex-direction:column;justify-content:center;align-items:center}
.col-1{width:8.33%}
.col-S{width:12.495%}
.col-2{width:16.66%}
.col-3{width:25%}
.col-4{width:33.33%}
.col-5{width:41.66%}
.col-6{width:50%}
.col-7{width:58.33%}
.col-8{width:66.66%}
.col-9{width:75%}
.col-10{width:83.33%}
.col-11{width:91.66%}
.col-12{width:100%}

/* Bereiche ein-/ausblenden für kleine mobile Geräte*/
.mob{display:flex}
@media screen and (min-width:800px){.mob.cut{display:none}}
@media screen and (max-width:799px){.mob.bre{display:none}}



/* Edit: löschen, sobald alle Unterseiten umgestellt wurden !!! */
.txt-center{text-align:center}
.txt-block{text-align:justify}
.txt-right{text-align:right}
.txt-title{font-size:5vi}
.txt-subtitle{font-size:4vi}
.txt-text{font-size:2.5vi;line-height:1.25}
.txt-info{font-size:1.5vi}
/*Initialen*/
.il-title{display:inline-table;color:red;-webkit-text-stroke:0.2vw black}
.il-silver{display:inline-table;color:silver;-webkit-text-stroke:0.2vw black}
.il-green{display:inline-table;color:green;-webkit-text-stroke:0.2vw black}
.il-red{display:inline-table;color:red;-webkit-text-stroke:0.2vw black}
.il-text{display:inline-table;color:red;-webkit-text-stroke:0.125vw black}
.il-info{display:inline-table;-webkit-text-stroke:0.1vw black}
/* /Edit */



/*-Textgestaltung-*/
.txt.legal{font-family:arial}
.txt.leg{font-family:arial}
/*Textausrichtung*/
.txt.tl{text-align:left}
.txt.tc{text-align:center}
.txt.tr{text-align:right}
.txt.tb{text-align:justify}
.txt.inl{display:inline-table}
/*Schriftgrößen, stufenlos skaliert*/
.txt.tx1{font-size: clamp(1.5rem, 4.286vw + 0.643rem, 7.5rem)}
.txt.tx2{font-size: clamp(1.25rem, 3.571vw + 0.536rem, 6.25rem)}
.txt.tx3{font-size: clamp(1rem, 2.857vw + 0.429rem, 5rem)}
.txt.tx4{font-size: clamp(0.875rem, 2.5vw + 0.375rem, 4.375rem)}
.txt.tx5{font-size: clamp(0.75rem, 2.143vw + 0.321rem, 3.75rem)}
.txt.tx6{font-size: clamp(0.5rem, 1.429vw + 0.214rem, 2.5rem)}
/*Zeilenabstände, stufenlos skaliert*/
.txt.tg1{line-height: clamp(2.25rem, 5.357vw + 1.179rem, 9.75rem)}
.txt.tg2{line-height: clamp(1.875rem, 4.464vw + 0.982rem, 8.125rem)}
.txt.tg3{line-height: clamp(1.5rem, 3.571vw + 0.786rem, 6.5rem)}
.txt.tg4{line-height: clamp(1.313rem, 3.125vw + 0.688rem, 5.688rem)}
.txt.tg5{line-height: clamp(1.125rem, 2.679vw + 0.589rem, 4.875rem)}
.txt.tg6{line-height: clamp(0.75rem, 1.786vw + 0.393rem, 3.25rem)}
/*Schriftfarben*/
.txt.bla{color:black}
.txt.red{color:red}
.txt.sil{color:silver}
.txt.gol{color:gold}
.txt.gre{color:green}
.txt.blu{color:blue}
.txt.dbl{color:#003399}
/*Initialen*/
.txt.iL{display:inline;-webkit-text-stroke:0.2vw black}
.txt.iM{display:inline;-webkit-text-stroke:0.15vw black}
.txt.iS{display:inline;-webkit-text-stroke:0.1vw black}
.txt.iXS{display:inline;-webkit-text-stroke:0.05vw black}

/*Buchschriften TEST*/
.txt.tb1{font-size: clamp(1.375rem, 1.41vw + 1.058rem, 2.75rem)}
.txt.tb2{font-size: clamp(1.25rem, 1.282vw + 0.962rem, 2.5rem)}
.txt.tb3{font-size: clamp(1.125rem, 1.154vw + 0.865rem, 2.25rem)}
.txt.tb4{font-size: clamp(1rem, 1.026vw + 0.769rem, 2rem)}
.txt.tb5{font-size: clamp(0.875rem, 0.897vw + 0.673rem, 1.75rem)}
.txt.tb6{font-size: clamp(0.75rem, 0.769vw + 0.577rem, 1.5rem)}

/*Seitennummern Buch*/
.txt.bpnl{position:absolute;top:.5vw;left:0.5vw}
.txt.bpnr{position:absolute;top:.5vw;right:0.5vw}



/* Edit: löschen, sobald alle seiten umgestellt sind!*/
.txt.ts{font-size: clamp(1em, 3vw, 1.75em)}
.txt.ts1{font-size: clamp(1em, 5vw, 3.5em)}
.txt.tla{font-size: clamp(1em, 2vw, 1.25em)}
.txt.tin{font-size: clamp(1em, 1.5vw, 1.25em)}

.txt.t1{font-size:5vi}
.txt.t2{font-size:4vi}
.txt.t3{font-size:3vi;line-height:1.25}
.txt.t4{font-size:2.5vi;line-height:1.25}
.txt.t5{font-size:1.5vi}
.txt.t6{font-size:1vi}
/* /Edit*/



/*verbreiterte Umrandung für Bilder*/
.widespace{margin:1vw 4vw}



.page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1vw 1.5vw;background-color:#fdfaf7;color:#785e3a;border:solid 1px #c2b5a3;overflow:hidden;text-align:center}

.book-title{font-size:3vi}
.book-subtitle{font-size:2.5vi}
.book-jacket{font-size:1.75vi}
.book-header{text-align:center;font-size:2.5vi;margin:.75vw 0vw}
.book-pgnr-l{position:absolute;top:.5vw;left:0.5vw}
.book-pgnr-r{position:absolute;top:.5vw;right:0.5vw}
.book-img{display:flex;justify-content:space-evenly;align-items:center;margin:1vw}
.book-text{padding:0vw 1.5vw;font-size:1.6vi;text-align:justify;color:black}
.book-text.cal{text-align:center}
.book-info{font-size:1.25vi;text-align:center;color:black}
.book-calpic{border-style:outset;border-radius:25px;border-width:0.5vw;color:silver}

.pic-frame{border-style:ridge;border-width:0.5vw;color:silver}
.pic-right{float:right;margin-left:2vw}
.pic-left{float:left;margin-right:2vw}
.pic-mirror{transform:scaleX(-1)}
.pic-rwd{max-width:90%;height:auto}
.pic-rwd2{max-width:75%;height:auto}


.pic.frame{border-style:ridge;border-width:0.5vw;color:silver}
.pic.rwd{max-width:90%;height:auto}
.pic.shield{max-width:75%;height:auto}
.pic.lpic{max-width:50%;height:auto}
.pic.rtl{transform:rotate(-90deg)}



.pgb{display:flex;align-items:center}
.pgb.divF{width:100%}
.pgb.divL{width:95%}
.pgb.divM{width:90%}
.pgb.divS{width:85%}
.pgb.spbe{justify-content:space-between}
.pgb.spev{justify-content:space-evenly}
.pgb.spar{justify-content:space-around}
.pgb.spce{justify-content:center}
.pgb.lcol{flex-direction:column}
.pgb.lrow{flex-direction:row}
.pgb.gap{height:1vw}
.pgb.scroll{margin-bottom:1vw;background-image:url("images/banner.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.pgb.padT{margin-top:4vw;padding:3vw 4vw}
.pgb.padI{padding:1.5vw 3.5vw}
.pgb.padL{margin-top:0.5vw;padding:0vw 2.5vw}



/* Edit: Löschen, wenn alle umgestellt !!! */
.pg-space{width:85vw;display:flex;padding:0.5vw}
.pg-line{width:90%;display:flex;justify-content:space-evenly;text-align:center}
.pg-book{display:flex;justify-content:space-evenly;align-items:center;margin:1vw}
.pg-scroll{width:95vw;margin-bottom:2vw;padding:4vw;display:flex;justify-content:center;align-items:center;background-image:url("images/banner.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.textscroll{padding:1vw 5vw;background-image:url("images/banner.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.labelscroll{text-align:center;padding:0vw 1.25vw;background-image:url("images/banner.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.scroll-spacer{padding-top:0.25vw;padding-bottom:0.25vw}
/* /Edit */



/*Schriftrollen NEU*/
.roll{display:flex;align-items:center;justify-content:center;background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.roll.head{width:92.5vw;padding:2vw;min-height:10vw;background-image:url("images/scrollhead.png")}
.roll.body{width:87vw;padding:0vw 2vw;flex-direction:column;background-image:url("images/scrollbody.png")}
.roll.foot{width: 87vw;padding:0vw 4vw 2vw;min-height:5vw;background-image:url("images/scrollfoot.png")}



/*Schriftrollen ALT Edit: löschen, wenn alle umgestellt !!! */
.rollhead{width:92.5vw;padding:2vw;min-height:10vw;display:flex;justify-content:space-evenly;align-items:center;background-image:url("images/scrollhead.png");background-size:100% 100%;background-position:center bottom;background-repeat:no-repeat}
.rollbody{width:87vw;padding:0vw 2vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("images/scrollbody.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.rollfoot{width: 87vw;padding:0vw 4vw 2vw;min-height:5vw;display:flex;justify-content:center;align-items:center;background-image:url("images/scrollfoot.png");background-size:100% 100%;background-position:center top;background-repeat:no-repeat}
/* /Edit */



.startpage{width:85vw;height:47.5vw;padding:15vw;position:relative;top:0;background-image:url("images/burgfront.jpg");background-repeat:no-repeat;background-size:100% 100%;background-position:top center}
.spagelink{width:31vw;height:9vw;padding:0px;position:absolute;top:1%;right:1%}
.linkbox_dr{width:31vw;height:9vw}
.spagegate{width:11vw;height:10vw;padding:0px;position:absolute;top:65%;left:45.25%}
.linkbox_gate{width:11vw;height:10vw}

/* Anschlagtafel neu */
.board{width:90vw;display:flex;flex-direction:column;align-items:center}
.board.top{height:2.5vw;background-image:url("images/sign-top.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.board.head{height:8vw;flex-direction:row;justify-content:space-around;align-items:center;background-image:url("images/sign-head.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.board.body{background-image:url("images/sign-body.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.board.foot{height:7vw;justify-content:center;align-items:center;background-image:url("images/sign-foot.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.board.post{height:6vw;background-image:url("images/sign-post.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.board.end{height:10vw;background-image:url("images/sign-end.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.board.text{width:85vw;padding:2vw;padding-top:1vw;padding-bottom:1vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("images/scrollbody.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center;border-style:ridge;border-color:black}


/*alte CSS - nicht überarbeitet*/

/*Elemente ausblenden, wenn Bildschirm zu schmal*/
@media screen and (max-width:799px){.ghost{display:none}}
.topspace{height:4vw}



/* TESTEN !!! */
/*Navigation für Telefon oder PC wählen*/
@media screen and (max-width:799px){.nav-screen{display:none}}
@media screen and (min-width:800px){.nav-phone{display:none}}


/*Sprungmarke Seitenanfang*/
.nav-top{position:fixed;right:0;bottom:0;margin:1vw;width:5.5vw;height:7vw;z-index:1}
@media screen and (max-width:799px){.nav-top{width:7.5vw;height:9vw}}

/*Seiteneinteilung*/
.line-3{width:33vw}
.line-2{width:50vw}
.line-shield{width:20vw;text-align:center}
.line-knight{width:40vw}

/*Trennlinien*/
.line-g{border:0;border-top:0.3vw solid green}
@media screen and (max-width:799px){.line-g{border-top:0.6vw solid green}}
.line-s{border:0;border-top:0.3vw solid silver}
@media screen and (max-width:799px){.line-s{border-top:0.6vw solid silver}}
.line-r{border:0;border-top:0.3vw solid red}
@media screen and (max-width:799px){.line-r{border-top:0.6vw solid red}}
.line-dr{border:0;border-top:0.3vw solid darkred}
@media screen and (max-width:799px){.line-dr{border-top:0.6vw solid darkred}}
.line-b{border:0;border-top:0.3vw solid blue}
@media screen and (max-width:799px){.line-b{border-top:0.6vw solid blue}}
.line-bk{border:0;border-top:0.3vw solid black}
@media screen and (max-width:799px){.line-bk{border-top:0.6vw solid black}}

/*Bildgestaltung*/

.pic-mirror{transform:scaleX(-1)}
.pic-rwd{max-width:90%;height:auto}

.pic-dark{background-color: black}
.pic-large{width: 75vw}
.pic-rollhead{margin-left:1vw;margin-right:1vw;width:4.5vw}
.pic-shield{margin-left:1vw;margin-right:1vw}
@media screen and (max-width:799px){.pic-shield{width:10vw}}
@media screen and (min-width:800px) and (max-width:1899px){.pic-shield{width:8vw}}
@media screen and (min-width:1900px){.pic-shield{width:7vw}}
.pic-hoch{margin-left:1vw;margin-right:1vw}
@media screen and (max-width:799px){.pic-hoch{width:16vw}}
@media screen and (min-width:800px){.pic-hoch{width:18vw}}
.pic-quer{margin-left:1vw;margin-right:1vw}
@media screen and (max-width:799px){.pic-quer{width:32vw}}
@media screen and (min-width:800px) and (max-width:1899px){.pic-quer{width:34vw}}
@media screen and (min-width:1900px){.pic-quer{width:36vw}}
.pic-right{float:right;margin-left:2vw}
.pic-left{float:left;margin-right:2vw}
/*vertikaler Abstand zwischen Bildern innerhalb derselben Spalte*/
.multipic{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:space-evenly}
.div-pspace{height:20vw}
/*Text über Bild legen*/
.pic-container{position:relative;text-align:center}
.pic-narrow{margin:-0.75vw}
/* Bottom left text */
.bottom-left{position:absolute;bottom:8px;left:16px}
/* Top left text */
.top-left{position:absolute;top:8px;left:16px}
/* Text oben mittig*/
.top-center{width:80%;position:absolute;top:2vw;left:50%;transform:translate(-50%)}
/* Top right text */
.top-right{position:absolute;top:8px;right:16px}
/* Bottom right text */
.bottom-right{position:absolute;bottom:8px;right:16px}
/* Centered text */
.centered{width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}

/*Textgestaltung*/
.txt-legal{font-family:arial}
.txt-roman{font-family:cloisterblack !important}
.txt-left{text-align:left}
.txt-right{text-align:right}
.txt-crossed{text-decoration:line-through}
.txt-blue{color: blue}
.txt-db{color: #003399}
.txt-green{color:green}
.txt-silver{color:silver}
.txt-red{color:red}
.txt-headline{font-weight:bold}
.txt-nowrap{white-space:nowrap}
@media screen and (max-width:799px){.txt-headline{font-size:5.5vw}}
@media screen and (min-width:800px) and (max-width:1899px){.txt-headline{font-size:4vw}}
@media screen and (min-width:1900px){.txt-headline{font-size:3.5vw}}
@media screen and (max-width:799px){.txt-roll{font-size:4vw}}
@media screen and (min-width:800px) and (max-width:1899px){.txt-roll{font-size:3.5vw}}
@media screen and (min-width:1900px){.txt-roll{font-size:3vw}}


.txt-rollhead{padding-top:4vw;padding-bottom:4vw;font-size:3vi}
/*
@media screen and (max-width:799px){.txt-rollhead{font-size:3.5vw}}
@media screen and (min-width:800px) and (max-width:1899px){.txt-rollhead{font-size:3vw}}
@media screen and (min-width:1900px){.txt-rollhead{font-size:3vw}}
*/


@media screen and (max-width:799px){.txt-info{font-size:3vw}}
@media screen and (min-width:800px) and (max-width:1899px){.txt-info{font-size:2.25vw}}
@media screen and (min-width:1900px){.txt-info{font-size:2vw}}

/*Initialen*/
.il-title{display:inline-table;color:red;-webkit-text-stroke:0.2vw black}
.il-silver{display:inline-table;color:silver;-webkit-text-stroke:0.2vw black}
.il-green{display:inline-table;color:green;-webkit-text-stroke:0.2vw black}
.il-red{display:inline-table;color:red;-webkit-text-stroke:0.2vw black}
.il-text{display:inline-table;color:red;-webkit-text-stroke:0.125vw black}
.il-info{display:inline-table;-webkit-text-stroke:0.1vw black}

/*Schriftrollen und deren Inhalt - nach Passung Anwendung auch außerhalb davon*/
.scroll-container{width:90vw;margin-bottom:2vw;padding:2vw;display:flex;justify-content:center;align-items:center;background-image:url("images/banner.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.scroll-content{width:82vw;text-align:center}
.scrollblock{white-space:normal;hyphens:none}
.scroll-shieldline{width:100%;display:flex;justify-content:space-evenly;align-items:center}
.scroll-recken{display:flex;justify-content:space-evenly;align-items:flex-end}
.scroll-headline{font-size:5.5vw}
@media screen and (max-width:799px){.scroll-headline{font-size:6.25vw}}
.scroll-text{font-size:5vw}
@media screen and (max-width:799px){.scroll-text{font-size:5.5vw}}
.scroll-subtext{font-size:4vw}
.scroll-legal{font-size:3vw;text-align:center}
.scroll-source{font-size:2.5vw}
.scroll-label{font-size:2vw}
.scroll-shield{width:8vw}
.rollhead-shield{width:6vw}
@media screen and (max-width:799px){.scroll-shield{width:12vw}}
.rollhead-rip{width:92.5vw;min-height:10vw;display:flex;justify-content:space-evenly;align-items:center;background-image:url("images/scrollhead-rip.png");background-size:100% 100%; background-position:center bottom;background-repeat:no-repeat}
.rollbody-rip{width:87vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("images/scrollbody-rip.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.rollfoot-rip{width:87vw;min-height:5vw;display:flex;justify-content:center;align-items:center;background-image:url("images/scrollfoot-rip.png");background-size:100% 100%;background-position:center top; background-repeat:no-repeat}

/*Anschlagtafel*/
.bulletin{width:90vw;display:flex;flex-direction:column;align-items:center}
.bulletin-head{height:12.5vw;padding-left:2vw;padding-right:1.5vw;flex-direction:row;justify-content:space-between;align-items:flex-end;background-image:url("images/tafel1.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.bulletin-body{padding-top:1vw;padding-bottom:1vw;background-image:url("images/tafel2.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.bulletin-mid1{height:14vw;background-image:url("images/tafel3.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.bulletin-mid2{height:10vw;padding-left:2vw;padding-right:1.5vw;flex-direction:row;justify-content:space-between;align-items:flex-end;background-image:url("images/tafel4.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.bulletin-foot{height:8vw;background-image:url("images/tafel5.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.bulletin-content{width:85vw;padding:2vw;padding-top:1vw;padding-bottom:1vw;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url("images/scrollbody.png");background-size:100% 100%;background-repeat:no-repeat;background-position:center center;border-style:ridge;border-color:black}
.bulletin-shield{width:6vw}
.bulletin-legal{flex-direction:column;justify-content:flex-end;align-items:center}
.bulletin-cols{flex-direction:row;justify-content:space-evenly;align-items:center;text-align:center}

/*Ab hier Buchgestaltung*/

/*Grundeinstellung*/
*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}
.container{padding-right: 15px; padding-left: 15px; padding-top:0;padding-bottom:0;white-space:normal}
@media screen and (min-width:300px){div.container{min-width:300px}}
@media screen and (min-width:350px){div.container{min-width:350px}}
@media screen and (min-width:400px){div.container{min-width:400px}}
@media screen and (min-width:700px){div.container{min-width:625px}}
@media screen and (min-width:1000px){div.container{min-width:900px}}
@media screen and (min-width:1400px){div.container{min-width:1275px}}
@media screen and (min-width:2000px){div.container{min-width:1500px}}
/*Seiteneinteilung und Gestaltung*/
.book {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); display: none; background-size: cover}
.page.--left {border-right: 0; box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4)}
.page.--right {border-left: 0; box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4)}
.page.--right .page-footer {text-align: right}
.page.hard {background-color: #f2e8d9; border: solid 1px #998466}
.page.page-cover {background-color: #e3d0b5; color: #785e3a; border: solid 1px #998466; text-align: center}
.page.page-cover.page-cover-top {box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), -2px 0 5px 2px rgba(0, 0, 0, 0.4)}
.page.page-cover.page-cover-bottom {box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), 10px 0 8px 0px rgba(0, 0, 0, 0.4)}
.book-cover{height:100%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:1vw}
.book-page{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0vw 1.25vw}

/*Bildgestaltung Bücher*/
/*Wappen-Icon*/
@media screen and (max-width:799px){.pic-cal{width:2vw}}
@media screen and (min-width:800px){.pic-cal{width:1vw}}
/*Bildgrößen*/
.pic-book-hoch{margin-left:1vw;margin-right:1vw}
@media screen and (max-width:799px){.pic-book-hoch{width:25vw}}
@media screen and (min-width:800px){.pic-book-hoch{width:11vw}}
@media screen and (min-width:1900px){.pic-book-hoch{width:10vw}}
.pic-book-cal{margin-left:1vw;margin-right:1vw;border-style:outset;border-radius:25px;border-width:0.5vw;color:silver;margin:0.5vw}
@media screen and (max-width:799px){.pic-book-cal{width:58vw}}
@media screen and (min-width:800px){.pic-book-cal{width:30vw}}
@media screen and (min-width:1900px){.pic-book-cal{width:28vw}}
.pic-book-quer{margin-left:1vw;margin-right:1vw}
@media screen and (max-width:799px){.pic-book-quer{width:50vw}}
@media screen and (min-width:800px){.pic-book-quer{width:22vw}}
@media screen and (min-width:1900px){.pic-book-quer{width:20vw}}
/*Liederbuch vollseitig*/
.book-songs-page1{height:100%;background-image:url("5-galerie/liederbuch1.jpg");background-size:cover}
.book-songs-page2{height:100%;background-image:url("5-galerie/liederbuch2.jpg");background-size:cover}
.book-songs-page3{height:100%;background-image:url("5-galerie/liederbuch3.jpg");background-size:cover}
.book-songs-page4{height:100%;background-image:url("5-galerie/liederbuch4.jpg");background-size:cover}

/*Textgestaltung Bücher*/
/*Buchtitel*/
.book-cover-title{font-size:3.5vw;padding-bottom:1vw}
@media screen and (max-width:799px){.book-cover-title{font-size:8vw}}
.book-cover-subtitle{font-size:3vw;padding-bottom:1vw}
@media screen and (max-width:799px){.book-cover-subtitle{font-size:7vw}}
.book-cover-text{font-size:2.25vw}
@media screen and (max-width:799px){.book-cover-text{font-size:5vw}}
@media screen and (min-width:1901px){.book-cover-text{font-size:2vw}}
.book-cover-label{font-size:2vw}
@media screen and (max-width:799px){.book-cover-label{font-size:5vw}}
@media screen and (min-width:1901px){.book-cover-label{font-size:2vw}}
/*Seitentext*/
.book-page-header{display:flex;font-size:2.75vw;text-align:center}
@media screen and (max-width:799px){.book-page-header{font-size:5vw}}
@media screen and (min-width:1901px){.book-page-header{font-size:2vw}}
.book-page-footer{display:flex;font-size:1.5vw}
@media screen and (max-width:799px){.book-page-footer{font-size:3vw}}
@media screen and (min-width:1901px){.book-page-footer{font-size:1.25vw}}
.book-page-headline{text-align:center;font-size:2.25vw}
@media screen and (max-width:799px){.book-page-headline{text-align:center;font-size:3.5vw}}
@media screen and (min-width:1901px){.book-page-headline{text-align:center;font-size:1.75vw}}
.book-page-text{text-align:justify;font-size:1.75vw;padding-left:0.5vw;padding-right:0.5vw;hyphens:auto}
@media screen and (max-width:799px){.book-page-text{font-size:4vw}}
@media screen and (max-width:1399px){.book-page-text{font-size:1.5vw}}
@media screen and (min-width:1901px){.book-page-text{font-size:1.5vw}}
/*Kalenderseiten*/
.book-calpic{font-size:1.75vw}
.book-caltext{text-align:center;font-size:2vw;white-space:normal}
@media screen and (max-width:799px){.book-caltext{font-size:5vw}}
@media screen and (min-width:1901px){.book-caltext{font-size:2vw}}
/*Bildbeschreibung*/
.book-label{font-size:1.25vw}
@media screen and (max-width:799px){.book-label{font-size:3vw}}
@media screen and (min-width:1901px){.book-label{font-size:1vw}}

/*Kontaktformular*/
.fcf-body{margin:0;line-height:1.5;width:100%}
.fcf-form-group{margin-bottom:1rem;display:flex;flex-direction:column;align-items:center}
.fcf-input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.fcf-form-control{display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:0.375rem 0.75rem;font-size:1.25vw;line-height:1.5;background-color:#fff;background-clip:padding-box;border:1px solid;outline:none;border-radius:0.25rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
textarea.fcf-form-control{font-family:-apple-system, Arial, sans-serif;height:auto}
label.fcf-label{display:inline-block;margin-bottom:0.5rem;font-size:2.5vw}
.fcf-btn{text-align:center;cursor:pointer;border:none;padding:0.375rem 0.75rem;line-height:1.5;font-size:1.75vw;background-color:transparent;background-image:url("images/banner.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}