/*neu Hell e8eef2    */

html {
    /*
    scroll-behavior: smooth;
    word-wrap:break-word;
    background-color:#FFFFFF;
    */
}

body {
    scroll-behavior: smooth;
    word-wrap:break-word;
    margin:0;
	padding:0;
    font-size: 1.1em;
	line-height: 1.6em;
	color:#333333;
    background-color:#FFFFFF;
	z-index:0;
    font-family: 'Open Sans' , arial;
    font-family: 'Armata', arial;


}

.dunkel{background-color:#29586f;}


div {
	text-align:left;
	vertical-align:top;
    Xborder:1px dashed #888888;   /*Innerer Rand, nur zum Testen aktivieren*/
    Xbox-sizing:border-box;

}

h1 {
	font-size:2.2em;
	line-height:160%;
	text-align:center;
	font-weight:400;
	margin-top:0;
	margin-bottom:0;
    font-family: 'Merienda', cursive;

}
h2 {
	font-size:1.3em;
	line-height:160%;
	text-align:center;
	font-weight:400;
    xmargin-top:1.0em;
	xmargin-bottom:1.0em;
}
h3 {
	font-size:1.1em;
	line-height:160%;
	text-align:center;
	font-weight:400;
	margin-top:0;
    xbackground-color:#29586f;
    xcolor:#FFFFFF;
    padding:0.3em;
    Xborder-bottom:1px dashed #888888;
}
.h3extra{text-align:center; font-size:1.3em; }


h4 {
	font-size:1.1em;
	line-height:160%;
	text-align:left;
	font-weight:400;
	margin-bottom:1em;
    margin-top:1em;
}


#header{
    xbox-sizing: border-box;
    xborder:1px solid #FFFFFF;
    overflow:hidden;
    background-color:#29586f;
    color:#FFFFFF;
    text-align:center;
    vertical-align:middle;
    padding:5px;
    padding-bottom:10px;
}



#navidiv{ text-align:center; background-color:#FFFFFF; line-height:180%; padding:10px; width:90%; margin:auto; box-sizing:border-box;   }
#navimobil{display:none; position:sticky; top:0; z-index:1; }
#openmobil{display:none; background-color:#FFFFFF; margin-top:10px;}
#navidesk{ background-color:#FFFFFF; }


#haupt {
    max-width:100%;
	margin:auto;
	text-align:center;
	padding:0;
	margin-top:0;
    background-color:#f5ed0f;
    background-color:#FFFFFF;
    padding-bottom:50px;
    color:#000000;
    Xmin-width: 16em; /* Mindestbreite (der Überschrift) verhindert Anzeigefehler in modernen Browsern */
}
footer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color:#29586f;
    box-sizing: border-box;
    xborder:1px solid #888888;
    xmargin-top: auto;
    text-align:center;
    vertical-align:middle;
    xpadding-top:10px;
    xpadding-bottom:10px;
}

#logodiv{
    width:10%; float:left; text-align:right; position: absolute; z-index:1;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

#x243{ display:none; }

.lesen{ max-width:1000px; margin:auto; xpadding-top:10px; xborder:1px dashed #555555;}
.breit{width:100%; xmargin:auto; margin-bottom:0; xborder:1px dashed #555555;}

.h3extra{text-align:center; font-size:1.3em; margin:0; }


.startseitenbild{ width:40%; float:right; margin-left:20px; margin-bottom:10px;}
.startseitenbildrechts{ width:40%; float:left; margin-right:20px; margin-bottom:10px;}

#links  {text-align:center; float:left; box-sizing:border-box; vertical-align: middle;  width:40%; text-align:center; padding:10px; xborder:1px dashed #888888;}
#rechts {text-align:left; box-sizing:border-box; padding:10px; margin-left:42%; xborder:1px dashed #888888;}
#ben { width:350px; max-width:100%; }

#maps{ width:250px; height:150px; }

#downloadenlink,#downloadentext{display:none;}

.xrundebox{
    width:500px;
    height:500px;
    border-radius:250px;
    font-size:50px;
    color:#fff;
    line-height:500px;
    text-align:center;
    background:#428af5
}
.rundebox{
    text-align:center;
    font-size:0.8em;
    line-height:1.6em;
    font-weight:800;
    height:1.6em;
    width:1.6em;
    background-color:#DDDDDD;
    color:black;
    border-radius:50%;
    border:4px solid #BBBBBB;
    float:left;
    margin-right:1.0em;
}


img{border:0;}



/*Cookiebuttons*/
#cookiediv{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity:1;
    z-index:1;
    margin:auto;
    width:500px;
    max-width:90%;
}
#cookieinfo{
    background-color:#FFFFFF;
    color:black;
    border:2px solid #000000;
    padding:10px;
    text-align:center;
}

/*Für Cookies*/
.ablehnen {background-color:#FFFFFF; color:black; padding-left:20px; padding-right:20px;}
.erlauben {background-color:green; color:#FFFFFF; padding-left:20px; padding-right:20px;}


textarea,input,select {
	padding:5px;
	border:2px solid #CCCCCC;
	background-color:#EEEEEE;
	color:green;
	font-size: 1.2rem;
	margin-bottom:10px;
    max-width:90%;
}
input[type=submit] {
	font-size: 90%;
	background-color : green;
	color : #FFFFFF;
	border-bottom : solid #888888;
	border-right: solid #888888;
	border-top: solid #AAAAAA;
	border-left: solid #AAAAAA;
	font-weight : bolder;
	padding:3px;
	border-radius:5px;
}
input[type=file] { max-width:90%; font-size: 0.9rem;   }



.rund {
	-moz-border-radius:8px; /* Safari, Chrome - alte Syntax */
	-webkit-border-radius:8px;
 	border-radius:8px; /* alle neuen Browser, W3C Standard */
}



.hellaufdunkel{background-color:#29586f; color:#FFFFFF;}



.blue {color:blue;}
.green {color:green;}
.red {color:red;}
.orange{color:orange;}
.black{color:black;}
.gold{ color:#FFD700 }
.weiss{ color:#FFFFFF; }

.bgreen {background-color:green;}
.bred	{background-color:red;}

.schatten { box-shadow: 7px 7px 7px 0px #999999; }

#logo{ margin-left:20px; }


.vorschauseite { max-width:1200px; margin:auto; xpadding:3%; padding-top:10px; xborder:1px dashed #555555; }
.vorschaubild { max-width:100%; margin:auto; border-radius:10px;}
.vorschaulinks  {text-align:center; float:left; box-sizing:border-box; vertical-align: middle;  width:40%; text-align:center; padding:10px; xborder:1px dashed #888888;}
.vorschaurechts {text-align:left; box-sizing:border-box; padding:10px; margin-left:42%; xborder:1px dashed #888888;}
.vorschaudiv{ background-color:#ccff99; color:#000000; border-radius:15px; padding-bottom:10px; margin-bottom:10px; box-sizing:border-box; border:1px solid green;}

.galeriebild{ width:48%; margin:1%;}



@media (max-width: 1200px)
{
    .h3extra{font-size:1.2em;}

}

@media (max-width: 1000px)
{
   .galeriediv{width:100%}
}


@media (max-width: 800px) /*Mobilansicht*/
{
    #header{font-size:0.9em; }

    #links{ width:100%; font-size:0.9em; line-height:1.2em; margin-bottom:10px; clear:both; }
    #rechts{ margin-left:0; font-size:0.9em; line-height:1.2em; padding:5px;}

    .vorschaulinks{ width:100%; font-size:0.9em; line-height:1.2em; margin-bottom:10px; clear:both; }
    .vorschaurechts{ margin-left:0; font-size:0.9em; margin-left:0; line-height:1.2em; padding:10px;}

    #inH1{ display:block; }

    .h3extra{font-size:1.1em;}

    h1 {
        font-size:2.2em;
    }
    h2 {
    	font-size:1.2em;
    }

    #navimobil{display:inherit;}
    #navidesk{display:none;}

    a.navilink{display:block;}

    #header{font-size:0.9em; }
    .lesen{ max-width:100%; padding:2%;}
    .h3extra{font-size:1.1em; margin-top:20px;}
    #logo{ display:none; }

    .galeriebild{ width:100%; margin:0;}
}

@media (max-width: 630px)
{
    .startseitenbild{ width:100%; clear:both; }
    .startseitenbildrechts{ width:100%; clear:both; }
}





.em90 {font-size:0.9em; line-height:1.4em;}
.em80 {font-size:0.8em; line-height:1.3em;}
.em70 {font-size:0.7em; line-height:1.1em;}
.em60 {font-size:0.6em; line-height:0.9em;}


.fehler  {
	/*Schrift für Fehlermeldungen*/
    background-color:red;
    font-size:0.9rem;
	color:#FFFFFF;
    padding:0.3em;
}
.meldung  { 				/*Schrift für Meldungen*/
	background-color:green;
    font-size:0.9rem;
	color:#FFFFFF;
    padding:10px;
}


/*normale Links*/
a					{text-decoration: none; color:blue; padding: 3px; border-radius: 3px; }
a:hover 			{color:#FFFFFF; background-color: black; }
a:focus 			{color:#FFFFFF; background-color: black; }

a.navilink	{ font-size:1.0rem; padding:5px; margin:1px; background-color:green; color:#FFFFFF; margin-right:1%;}



a.navilink:hover  {color:#FFFFFF;}


a.bilderlink:link {padding:0.0%;}
a.bilderlink:visited {padding:0.0%;}
a.bilderlink:hover {padding:0.0%; background-color:transparent; }
a.bilderlink:focus {padding:0.0%; background-color:transparent; }

a.fremdlink:link 		{padding:0; text-decoration:none; color:#000000; background-color:transparent;}
a.fremdlink:hover 		{padding:0; text-decoration:none; color:#000000; background-color:transparent;}
a.fremdlink:visited 	{padding:0; text-decoration:none; color:#000000; background-color:transparent;}
a.fremdlink:focus 		{padding:0; text-decoration:none; color:#000000; background-color:transparent;}

a.akademie				{font-size:0.9rem; padding:5px; margin-right:5px; color:#FFFFFF; background-color:black; }
a.akademie:hover		{font-size:0.9rem; padding:5px; margin-right:5px; color:#FFFFFF; background-color:red; }

a.trans:link			{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:hover			{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:focus			{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}
a.trans:visited			{
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	margin:0;
	padding:0;
}