*{box-sizing:border-box}
@font-face{font-family:cloisterblack;src:url(CloisterBlackBT.ttf);font-weight:normal;font-style:normal}
body2{/* Wieder ändern "body" wenn alle Seiten neue RWD-CSS haben! Attribute für "background-X" unter wieder aktivieren! */
	display:grid;
	grid-template-areas:
	'menu menu menu menu menu menu'
	'header header header header header header'
	'content content content content content content'
	'foot foot foot foot foot foot';
	gap:1vw;
	/*
	background-image:url("images/wall.jpg");
	background-repeat:round;
	*/
	font-family:cloisterblack;
}
a,a:hover{display:inline-table;color:black;text-decoration:none;cursor:pointer}

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { }
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { }
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { }
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { }
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { } 

/*Elemente Navigation*/
.pg-m{width:100%;padding:1vw;text-align:center;background-image:url("images/scrollhead.png");background-size:100% 100%;background-repeat:no-repeat}
.txt-m{font-size:120%;vertical-align:baseline}

/*page header*/
.pg-h{grid-area:header/span 6;text-align:center}
.txt-h{font-size:160%;vertical-align:baseline}


/*page content area*/
.pg-c{grid-area:main}
.txt-c{font-size:135%;vertical-align:baseline}

/*page left area*/
.pg-l{grid-area:left;border:2px solid black}
.pg-l li{padding:5px;margin-bottom:5px}

/*page right area*/
.pg-r{grid-area:right;border:2px solid black}
.pg-r li{padding:5px;margin-bottom:5px}

/*page footer*/
.pg-f{grid-area:foot/span 6;text-align:center}

@media only screen and (max-width: 600px) {
	.pg-m1{grid-area:1/span 3}
	.pg-m2{grid-area:1/span 3}
	.pg-m3{grid-area:2/span 3}
	.pg-m4{grid-area:2/span 3}
	.pg-m5{grid-area:3/span 3}
	.pg-m6{grid-area:3/span 3}
	.pg-h{grid-area:4/span 6}
	.pg-c{grid-area:5/span 6}
	.pg-f{grid-area:6/span 6}
}
@media only screen and (min-width: 600px) {
	.pg-m1{grid-area:1/span 2}
	.pg-m2{grid-area:1/span 2}
	.pg-m3{grid-area:1/span 2}
	.pg-m4{grid-area:2/span 2}
	.pg-m5{grid-area:2/span 2}
	.pg-m6{grid-area:2/span 2}
	.pg-h{grid-area:3/span 6}
	.pg-c{grid-area:4/span 6}
	.pg-f{grid-area:5/span 6}
}
@media only screen and (min-width: 768px) {
	.pg-m1{grid-area:1/span 1}
	.pg-m2{grid-area:1/span 1}
	.pg-m3{grid-area:1/span 1}
	.pg-m4{grid-area:1/span 1}
	.pg-m5{grid-area:1/span 1}
	.pg-m6{grid-area:1/span 1}
	.pg-h{grid-area:2/span 6}
	.pg-c{grid-area:3/span 6}
	.pg-f{grid-area:4/span 6}
}

/*-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:2% 4%}
.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:1.5px black}
.txt > .iXS{display:inline;-webkit-text-stroke:0.05vw black}