/* (c) hans-lohrbach.de */
/* Stand: 2026-01-14 | 07:00 */
* {
	box-sizing: border-box;
}

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

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

body
{
	margin-left:10px; margin-top:10px; margin-bottom:10px;
	line-height: 24px;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	background-color: #eee;
	text-align: justify;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#f7f7f7)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffffff, #ffffff) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #ffffff, #ffffff) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #ffffff, #ffffff) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #ffffff, #ffffff) !important; /* W3C */
	background-position: left top;
    background-repeat: repeat-x;
}

/* Akordeon Anfang  - aufklappbarer Text */
.accordion 
{
    background-color: #eee;
    border-radius: 6px;
    color: #000000;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
	text-decoration: none;
    outline: none;
    font-size: 18px;
    line-height: 24px;
    transition: 0.5s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border: none;
    color: #000000;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
}

.active 
{
	text-decoration: none;
	background-color: #ffffff;
    border-radius: 6px;
}

.accordion:hover 
{
	text-decoration: none;
	background-color: #ffffff;
    border-radius: 6px;
}

.accordion:after 
{
    /* lilafarben - leider: content: '\02795'; /* Unicode character for "plus" sign (+) */
	/* schwarz und nicht fett - leider: content: '\002B'; /* Unicode character for "plus" sign (+) */
	content: '\002B'; /* Unicode character for "plus" sign (+) */
    font-size: 18px;
    color: #777;
    float: right;
    margin-left: 25px;
}

.active:after 
{
    /* lilafarben - leider: content: "\2796"; /* Unicode character for "minus" sign (-) */
	/* schwarz und nicht fett - leider: content: "\002d"; /* Unicode character for "minus" sign (-) */
	content: "\002d"; /* Unicode character for "minus" sign (-) */
}


.active:after {
    display: block;
    text-decoration: none;
}

.panel {
    padding: 0 6px;
    background-color: ffffff;
    max-height: 0;
    overflow: hidden;
    border-radius: 6px;
}
/* Akkordeon Ende aufklappbarer Text */

/* Zitattext Anfang */
blockquote
{
	font-family: "Courier New", Courier, Monospace;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color:#000000; 
	text-align: left;
	border: solid 1px #AAAAAA;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	margin: 10px;
	padding: 10px;
	background-color: #EBEBEB;
	/* makes block not to align behind the image if they are in the same line */
	overflow: auto;
	clear:both;
}
/* Zitattext Ende */

div
{
	margin: 0;
	padding-bottom: 6px;
	font-size: 18px;
	/* text-align: left; */
}

.headline
{
	font-size: 20px;
    padding: 8px 8px;
    text-decoration: none;
	/* color: #000; */
}


h1
{
	font-size: 26px;
	margin-top: 24px;
	margin-bottom: 6px;
	letter-spacing: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 24px;
	text-align: left;	
}

h2
{
	font-size: 24px;
	margin-top: 24px;
	margin-bottom: 6px;
	letter-spacing: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 24px;
	text-align: left;	
}

h3
{
	font-size: 22px;
	margin-top: 24px;
	margin-bottom: 6px;
	letter-spacing: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 24px;
	text-align: left;	
}

h4
{
	font-size: 20px;
	margin-top: 24px;
	margin-bottom: 6px;
	letter-spacing: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 24px;
	text-align: left;	
}

h5
{
	font-size: 18px;
	margin-top: 24px;
	margin-bottom: 6px;
	letter-spacing: 0px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 24px;
	text-align: left;	
}

hr
{
	height: 2px;
    color: #d4d4d4;
}

img 
{
    max-width: 100%;
    /* height: auto; */ /* deaktiviert, damit Pixel gedehnt werden kann */
    /* border-radius: 6px; */
    text-align: center;
}

/* Bild auf der Startseite Anfang */
img.intro
{
    background-color: #dadada;
    padding: 4px;
    color: #333;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 20px 30px rgba(0,0,0,0.3);
    border-radius: 6px;
    background-color: #e9e9e9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* W3C */
	background-position: left top;
	background-repeat: repeat-x;
    color: #333;
	position: relative;
    /*background-image: linear-gradient(to bottom, #dfac20 0%, #c32e04 100%), 
    linear-gradient(to bottom, #dfac20 0%, #c32e04 100%);*/
}
/* Bild auf der Startseite Ende */

/* Bild auf der Galerie Anfang */
img.galerie
{
    background-color: #dadada;
    padding: 4px;
    color: #333;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 20px 30px rgba(0,0,0,0.3);
    border-radius: 6px;
    background-color: #e9e9e9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* W3C */
	background-position: left top;
	background-repeat: repeat-x;
    color: #333;
	position: relative;
}
/* Bild auf der Galerie Ende */

/* Box auf der rechten Seite Anfang */
.aside 
{
    background-color: #dadada;
    padding: 4px;
    color: #333;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 20px 30px rgba(0,0,0,0.3);
    border-radius: 6px;
    background-color: #e9e9e9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* W3C */
	background-position: left top;
	background-repeat: repeat-x;
    color: #333;
	position: relative;
}
/* Box auf der rechten Seite Ende */

/* Slider (zum Beispiel auf der Startseite) Anfang */
.mySlides
{
    max-width: 100%
	height: auto;
    border-radius: 6px;
    text-align: center;
    background-color: #dadada;
    padding: 4px;
    color: #333;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 20px 30px rgba(0,0,0,0.3);
    border-radius: 6px;
    background-color: #e9e9e9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* W3C */
	background-position: left top;
	background-repeat: repeat-x;
    color: #333;
	position: relative;
}

.fading
{
	animation:fading 20s infinite}	@keyframes fading	{0%{opacity:0}50%	{opacity:1}100%	{opacity:0}
}
/* Slider (zum Beispiel auf der Startseite) Ende */

.fading
{
	animation:fading 10s infinite}	@keyframes fading	{0%{opacity:0}50%	{opacity:1}100%	{opacity:0}
}
	
/* Slider (zum Beispiel auf der Startseite) Ende */

	
p
{
	margin: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 18px;
	text-align: justify;
	line-height: 24px;
}

/* Absatzeinzug erste Zeile wie in einem Buch */
.bookstyle        
{
	text-indent: 1.5em;
	margin: 0;
	padding-bottom: 12px;
	font-size: 18px;
	text-align: justify;
	line-height: 24px;
}


/* haengender Einzug erste Zeile */
.hanging01 {
 text-indent: -1.1em;
 margin-left: 1.1em;
}

.hanging02 {
 text-indent: -2em;
 margin-left: 2em;
}

.hanging03 {
 text-indent: -2.8em;
 margin-left: 2.8em;
}

.hanging04 {
 text-indent: -3.7em;
 margin-left: 3.7em;
}

.hanging05 {
 text-indent: -4.4em;
 margin-left: 4.4em;
}


/* vorformatierter Text. Alles Mauell vorgeben */
pre
{
	margin: 0;
	font-size: 18px;
	text-align: left;
	font-family: Courier, Liberation Mono, Noto Mono;
	line-height: 24px;
}

/* veraltet fuer nichtproportionale Darstellung, besser nicht nutzen */
tt
{
	margin: 0;
	padding-bottom: 15px;
	font-size: 18px;
	text-align: left;
	font-family: courier;
	line-height: 24px;
}

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

html {
    font-family: "Lucida Sans", sans-serif;
}
.header {
	/* Farbverlauf */
	font-size: 24px;
	line-height: 24px;
	border-radius: 6px;
	text-align: left;
    padding: 9px;
    background-color: #e9e9e9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c0c0c0), to(#c0c0c0)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #c0c0c0, #c0c0c0) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #c0c0c0, #c0c0c0) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #c0c0c0, #c0c0c0) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #c0c0c0, #c0c0c0) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #c0c0c0, #c0c0c0) !important; /* W3C */
	background-position: left top;
	background-repeat: repeat-x;
}

a
{
	text-decoration: none;
	color: #2d6896;
}

a.menu:link
{
	 text-decoration: none;
	 color: #333;
	 font-weight:normal;
	 display: block;
	 text-align: left;
}

/* Fuer Menue und Kopfzeile */
a:hover,
a.selected
{
	text-decoration: none;
	background-color: #ffffff;
    border-radius: 6px;
}

/* Menue Link-Schaltflaeche*/
li a 
{
    display: block;
    padding: 8px 8px;
    text-decoration: none;
	/* color: #000; */
}

.active 
{
    display: block;
    padding: 8px 8px;
    text-decoration: none;
}

/* Menue Link-Schaltflaeche*/
li a 
{
    display: block;
    padding: 8px 8px;
    text-decoration: none;
	/* color: #000; */
}

.active 
{
    display: block;
    padding: 8px 8px;
    text-decoration: none;
}

.menu ul 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu li 
{
	/* Farbverlauf */
	/* padding: 8px; */
    margin-bottom: 7px;
    background-color: #e9e9e9;
    color: #333;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.2); /* Schatten unter dem Menuepunkt */
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 20px 30px rgba(0,0,0,0.3);*/
    border-radius: 6px;
	position: relative;
}


/* arrow Anfang */
img.arrow
{
    background-color: #dadada;
    padding: 4px;
    color: #333;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.3);
    border-radius: 20%;
    background-color: #e9e9e9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#d1d1d1)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Chrome 10+, Saf5.1+ */
	background-image: -moz-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* FF3.6+ */
	background-image: -ms-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* IE10 */
	background-image: -o-linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* Opera 11.10+ */
	background-image: linear-gradient(top, #f1f1f1, #d1d1d1) !important; /* W3C */
	background-position: left top;
	background-repeat: repeat-x;
    color: #333;
	position: relative;
    /*background-image: linear-gradient(to bottom, #dfac20 0%, #c32e04 100%), 
    linear-gradient(to bottom, #dfac20 0%, #c32e04 100%);*/
}
/* arrow Ende */


/* Back to top Button Anfang */
#myBtn {
	display: none;
	position: fixed;
	bottom: 19px;
	right: 10px;
	z-index: 99;
	font-size: 18px;
	border-radius: 50%;
	border: 4px solid #FFF;
	outline: none;
	background: url('../pics/arrow-up.png') no-repeat center center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 2px 3px rgba(0,0,0,0.3);
	border-radius: 20%;
	color: #333;
	cursor: pointer;
	padding: 15px;
}

#myBtn:hover 
{
  background-color: #555;
}
/* Back to top Button Ende */


/* Top-Nav-Menu mit Dropdown Anfang */
 /* Add a black background color to the top navigation */
 /* Hintergrundfarbe um die obere Menueleiste herum einstellen */
 /* Farbe '#ffffff' oder 'inherit' einstellen. */
.topnav 
{
	background-color: inherit; 
    overflow: hidden;
}

/* Style the links inside the navigation bar */
/* Breite Home-Button und Schaltflaeche recht, wenn Menue zusammengeklappt */
.topnav a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    padding: 6.5px 12px; /* topnav erster Wert Hoehe angleichen Top-Nav-Buttons und Dropdown-Bereich */
    text-decoration: none;
    font-size: 18px;
	background-color: #e9e9e9; /* Hintergrundfarbe der Buttons in der Menueleiste, Home und hover */
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border-radius: 6px;
	/* border: 1px	solid #a1a1a1; */
}

/* Add an active class to highlight the current page */
.active {
    background-color: #ffffff; /* Achtung: Hintergrundfarbe Akordeon */
    color: #242424; /* Achtung: Textfarbe Akordeon */
	border-radius: 6px;
}

/* Hide the link that should open and close the topnav on small screens */
/* Burgermenue nicht anzeigen, erst, wenn Bildschirm sehr klein ist. */
.topnav .icon 
{
    display: none;
	border-radius: 6px;
}

/* Dropdown container - needed to position the dropdown content */
/* Hintergrundfarbe fuer das Menue* /
/* oben rechts Burgermenue, wenn zusammengeklappt */
.dropdown {
    float: left;
    overflow: hidden;
	background-color: #inherit;/* #inherit; /* Hintergrundfarbe im Dropdown-Bereich einstellen */
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    font-size: 18px;
    border: none;
    outline: none;
    color: 000;
    padding: 8px 12px; /* Zeilenhoehe Zeilenbreite */
    background-color: #e9e9e9; /* Farbe der Drop-Down-Buttons einstellen */
	box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.2); /* Schatten unter dem Menuepunkt */
	font-family: #inherit;
    margin: 0;
	border-radius: 6px;
	/* border: 1px	solid #a1a1a1; */
}

/* Style the links inside the dropdown */
/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */ /* Schatten in der Schaltflaeche */ 
    z-index: 1;
	padding: 4px 10px; /* Fuer Abstand Drop-Down-Inhalt zum Drop-Down-Button; nach unten und rechts */
	background-color: #inherit;
	border-radius: 6px;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: #000000; /* Schriftfarbe in Schaltflaeche*/
	padding: 8px 12px; /* Zeilenhoehe Zeilenbreite */
    text-decoration: none;
    display: block;
    text-align: left;
	background-color: #inherit; /* Hintergrund Drop-Down-Inhalt */
	box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.2); /* Schatten unter dem Menuepunkt */
	border-radius: 6px;
	border: 1px	solid #a1a1a1;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn 
{
    background-color: #ffffff; /* Hover-Hintergrundfarbe der Top-Nav Buttons einstellen */
    color: #inherit; /* Hover-Textfarbe einstellen */
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover 
{
    background-color: #ffffff; /* Farbe Dropdown-Inhalt einstellen */
    color: #inherit; /* Schriftfarbe Dropdown-Inhalt einstellen */
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content 
{
    display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) 
{
	.topnav a:not(:first-child), .dropdown .dropbtn {display: none;}

	.topnav a.icon 	{float: right; display: block;}
}

/* The "responsive" class is added to the topnav with JavaScript when 
the user clicks on the icon. This class makes the topnav look good 
on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) 
{
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon 
  {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
} 


/* Test Symbol Ordner oeffnen Anfang */
.fa-caret-down:before
{
	content:"▼"
}
/* Test Symbol Ordner oeffnen Ende */
/* Top-Nav-Menu mit Dropdown Ende */


/* Fusszeile Anfang */
.footer {
    font-size: 14px;
	border-radius: 6px;
	text-align: center;
    padding:9px;
	background-color: #e9e9e9;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 20px 30px rgba(0,0,0,0.3);
	background-position: left top;
	background-repeat: repeat-x;
}
/* Fusszeile Ende */

video
{
    background-color: #dadada;
    padding: 4px;
    color: #333;
    text-align: center;
    font-size: 18px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 20px 30px rgba(0,0,0,0.3);
    background-color: #e9e9e9;
	background-position: left top;
	background-repeat: repeat-x;
    color: #333;
    border-radius: 6px;
	position: relative;
}


/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 767px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-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%;}
}

/* Buttons auf der Startseite Anfang */
.button1 
{
	/* Farbverlauf */
    font-size: 18px;
	border-radius: 6px;
	text-align: center;
    padding: 8px;
	background-color: #e9e9e9;
	background-position: left top;
	background-repeat: repeat-x;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: none;
	color: #000000;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	width: 210px;
}

.button1 
{
    border-radius: 6px;
}

.button1:hover 
{
	/* Farbverlauf */
    font-size: 18px;
	border-radius: 6px;
	text-align: center;
    padding: 8px;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: none;
	color: #000000;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	width: 210px;
}
/* Buttons auf der Startseite Ende */


/* Buttons am Seitenende zum Blaettern Anfang */
.button2 {
	/* Farbverlauf */
    font-size: 18px;
	border-radius: 6px;
	text-align: center;
    padding: 8px;
	background-color: #e9e9e9;
	background-position: left top;
	background-repeat: repeat-x;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: none;
	color: #000000;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	width: 80px;
}

.button2 
{
    border-radius: 6px;
}

.button2:hover 
{
	/* Farbverlauf */
    font-size: 18px;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
    padding: 8px;
	background-color: #ffffff;
	background-position: left top;
	background-repeat: repeat-x;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border: none;
	color: #000000;
	display: inline-block;
	margin: 4px 2px;
	cursor: pointer;
	width: 80px;
}
/* Buttons am Seitenende zum Blaettern Ende */

/* Bildbeschreibung - Text unter den Bildern Anfang */
figcaption
{
	font-family: Arial, Helvetica;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color:#1a1a1a; 
	text-align: justify;
	padding: 0px;
	margin-left:24px; margin-right:24px; margin-top:0px; margin-bottom:2px;
	/*border: solid 1px #AAAAAA;*/
	/*-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	background-color: #EBEBEB;*/
	/* makes block not to align behind the image if they are in the same line */
	overflow: auto;
	clear:both;
}
/* Bildbeschreibung - Text unter den Bildern Ende */

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #9c9c9c; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #adadad; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #9c9c9c;
}