@media screen {
   .print {
     display: none;
}

* {
    box-sizing: border-box;
    font-family: Times New Roman,sans-serif; font-size: 20px; color:black;
}

h0 { font-family: Times New Roman,sans-serif; font-size: 18px; margin-bottom: 2px; text-align: left; color: black; }
h1 { font-family: Times New Roman,sans-serif; font-size: 40px; margin-bottom: 2px; text-align: center; color: goldenrod; }
h2 { font-family: Comic Sans MS,sans-serif; font-size: 30px; margin-bottom: 2px; text-align: center; color: gray; }
h3 { font-family: Comic Sans MS,sans-serif; font-size: 25px; margin-bottom: 2px; text-align: center; color: blue; }
h4 { font-family: Comic Sans MS,sans-serif; font-size: 20px; margin-bottom: 2px; text-align: left; color: black; font-weight:bold;}
h5 { font-family: Times New Roman,sans-serif; font-size: 25px; margin-bottom: 2px; text-align:center; color: maroon; font-weight:bold;}
h6 { font-family: Helvetica, sans-serif; font-size: 25px; text-align: center;}

body {
  color: black; 
  background-image: url(../images/bktile2.jpg); 
  background-attachment: fixed; 
  font-size: 100.01%;
  font-family: Times New Roman,Arial,sans-serif;
  margin: 0; 
  padding: 0; 
  overflow: scroll;
}

.mehrspaltig {
	columns: 2 12em;
                column-gap: 5em;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.header {
    border: none;
    padding: 15px;
}

.footer {
    border: none;
    padding: 15px;
}

.row2 p {
    text-align: left;
    text-decoration: none;
}

.row2 a {
    text-align: left;
    text-decoration: none;
}

.row2::after {
    content: "";
    clear: both;
    display: table;
}

.row3 p {
    font-size: 30px;
    text-align: justify;
    text-decoration: none;
}

.row3 a {
    font-size: 30px;
    text-align: justify;
    text-weight: bold;
}

.row3::after {
    content: "";
    clear: both;
    display: table;
}

.row4 p {
    font-size: 30px;
    text-align: justify;
    text-decoration: none;
}

.row4 a {
    font-size: 25px;
    text-align: justify;
}

.row4::after {
    content: "";
    clear: both;
    display: table;
}

.roundimg {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

.roundimg2 {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.row img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px
}

.row p {
    text-align: center;
    text-decoration: none;
}

.row ul {
    list-style-type: none;
} 

.row ul li {
    display: inline;
    list-style-type: none;
}

.row ul a {
  font-weight: bold;
}

.row ul a:link {
  color: navy; 
}
.row ul a:visited {
  color: maroon; 
}

.row ul a:hover {
  color: lime; 
}

.row ul a:active {
  color: goldenrod; 
}

.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
    padding: 15px;
    border: none;
}

 /* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .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%;}
} 

.textcols {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

#Navigation {
  	background-color: #F7FFC3;        	/* Hintergrundfarbe für die Navigation */ 
  	padding: 20px 0;                   		/* Innenabstand: oben/unten 20px, li/re 0 */
  	border-top: 5px solid #668BCC;   	/* Rahmenlinie oben */
  	border-bottom: 5px solid #668BCC;	/* Rahmenlinie unten */
  	margin: 0;                        		/* Keinen Außenabstand */ 
}

#Navigation a {
	font-size: 25px;
  	color: black;                  		/* Schriftfarbe schwarz */ 
  	text-decoration: none;         		/* Unterstreichung entfernen */ 
 	padding: 4px 8px;             		/* oben/unten 4px, re/li 8px */
}

#Navigation a:hover {
 	 background-color: #EDEDF8;
}

#Navigation2 {
  	background-color: #F0E68C;        	/* Hintergrundfarbe für die Navigation */ 
  	padding: 10px 0;                   		/* Innenabstand: oben/unten 20px, li/re 0 */
  	border-top: 5px solid #668BCC;   	/* Rahmenlinie oben */
  	border-bottom: 5px solid #668BCC;	/* Rahmenlinie unten */
  	margin: 0; 
                text-align: center;			/* Text zentriert */
}

#Navigation2 a {
	font-size: 25px;
  	color: black;                  		/* Schriftfarbe schwarz */ 
  	text-decoration: none;         		/* Unterstreichung entfernen */ 
 	padding: 4px 8px;             		/* oben/unten 4px, re/li 8px */
}

#Navigation2 a:hover {
 	background-color: #EDEDF8;
}

.circular_image {  
  border-radius: 50%;
}

.slider {
width: 100%;
height: 100%;
align-items: center;
text-align: center;
overflow: auto;
}

.slides {
display: flex;
overflow: auto;
scroll: auto;
width: 100%;
height: 100%;
}


}
.slides::-webkit-scrollbar {
width: 10px;
height: 10px;
}

.slides::-webkit-scrollbar-thumb {
background: #666;
border-radius: 20px;
}

.slides > div {
scroll-snap-align: start;
flex-shrink: 0;
width: 100px;
height: 100%;
margin-right: 50px;
border-radius: 20px;
background: #eee;
transform-origin: center center;
transform: scale(1);
transition: transform 0.5s;
position: relative; 
display: flex;
justify-content: center;
align-items: center;
font-size: 100px;
}

.slides > a {
margin 0 0 0.5rem 0;
text-decoration: none;
}

.slider > img {
margin 5px;
text-decoration: none;
}

.slider > a {
display: inline-flex; 
width: 1.5rem;
height: 1.5rem;
background: white;
text-decoration: none;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 0 0.5rem 0;  
position: relative; 
}

.slider > a:active {
top: 1px;
color: #1c87c9;
}

.slider > a:focus {
background: #eee;
}

}