*{box-sizing:border-box}
@font-face{font-family:cloisterblack;src:url(CloisterBlackBT.ttf);font-weight:normal;font-style:normal}
body{margin:0px;padding:1vw;display:flex;flex-direction:column;justify-content:center;align-items:center;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}


/* 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}}


/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width:700px){/*.row, */.navbar{flex-direction:column}}


/* Style the top navigation bar */
.navbar{display:flex;width:90%;justify-content:center}

/* Style the navigation bar links */
.navbar a{margin:0vw 1vw;padding:1vw;text-align:center;background-image:url("images/navarrow.png");background-size:100% 100%;background-repeat:no-repeat}


/*Startseite Verlinkung über Bild*/
.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;border-style:ridge;border-width:0.5vw;color:silver}
.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}

/*-Gliederung Seitenbausteine-*/
/*Container für Spalten*/
.row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.rowpad{padding:1vw}
/*Spalteneinteilung*/
.row10{flex:10%}
.row20{flex:20%}
.row25{flex:25%}
.row33{flex:33%}
.row40{flex:40%}
.row50{flex:50%}
.row60{flex:60%}
.row66{flex:66%}
.row75{flex:75%}
.row80{flex:80%}
.row100{flex:100%}

/*-Banner-*/
.banner{margin:0.75vw 0vw;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}
.banner > .ban-L{width:90vw;padding:2vw 4vw}
.banner > .ban-M{width:75vw;padding:1vw 4vw}
.banner > .ban-S{width:50vw;padding:1vw 4vw}

/*-Textgestaltung-*/
.txt{font-family:cloisterblack;vertical-align:baseline}
.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}

/*-Bildgestalung-*/
.pic{margin:1vw}
.pic > .frame{border-style:ridge;border-width:0.5vw;color:silver}
.pic > .pic25{flex:25%;height:auto}
.pic > .rwd{max-width:90%;max-height:90%}