/*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.0em;
	line-height: 1.6em;
	color:#333333;
    background-color:#FFFFFF;
	z-index:0;
    font-family: 'Open Sans' , arial;
    xfont-family: 'Courgette' , arial;


}

.dunkel{background-color:#0e2c40;}


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

}

h1 {
	font-size:1.3em;
	line-height:160%;
	text-align:center;
	font-weight:600;
	xmargin-top:1.0em;
	xmargin-bottom:1.0em;
    color:#EEEEEE;


}
h2 {
	font-size:1.2em;
	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-bottom:1em;
    margin-top:1em;
}
h4 {
	font-size:1.0em;
	line-height:160%;
	text-align:center;
	font-weight:400;
	margin-bottom:1em;
    margin-top:1em;
}


#header{
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
	background-position: left top;
    background-size: 70px 70px;
    xbox-sizing: border-box;
    xborder:1px solid #FFFFFF;
    text-align:center;
    vertical-align:middle;
    font-size:1.5em;
    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;
    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:#0e2c40;
    box-sizing: border-box;
    xborder:1px solid #888888;
    xmargin-top: auto;
    text-align:center;
    vertical-align:middle;
    xpadding-top:10px;
    xpadding-bottom:10px;
}

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

.h3extra{text-align:center; font-size:1.2em;}

.galeriediv{width:95%; background-color:#FFFFFF; display:flex; flex-wrap:wrap; margin:auto; overflow:hidden; margin-bottom:20px; text-align:center; border:1px solid silver;}

.listendiv{text-align:center; padding:5%; padding-bottom:10px; padding-top:10px; overflow:hidden;}

.galeriebild{ max-width:100%; margin:auto; xborder:3px solid silver; overflow:hidden;}

.galeriebilddiv{ position:relative; width:400px; max-width:100%; margin:3px; background-color:#EEEEEE; padding:5px; font-size:0.9em; line-height:1.2em; border:1px solid silver; color:#333333; flex:auto; overflow:hidden; }

.textbild { float:left; margin-right:10px; margin-bottom:5px; width:200px; }

.domainanzeige{ text-align:center; font-size:1.4em; font-weight:600; color:green; margin-bottom:10px; }



.flagge{ height:25px; border:1px solid silver; }

#hide{ 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;


}
.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:#0e2c40; color:#EEEEEE;}


.blue {color:blue;}
.green {color:green;}
.red {color:red;}
.orange{color:orange;}
.black{color:black;}

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

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




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

}

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

#ansicht2{ display:none; }

.headlineansichten{ padding:3px; background-color:#0e2c40; color:#FFFFFF; }

@media (max-width: 800px) /*Mobilansicht*/
{
    #navimobil{display:inherit;}
    #navidesk{display:none;}
    #suchdiv{ margin-top:10px; }

    #ansicht1{ display:none; }
    #ansicht2{ display:inherit; }

    a.navilink{display:block;}

    #header{font-size:0.9em; }
    .lesen{ max-width:100%; padding:2%;}

    .referenzdiv{width:100%;}
    .referenzen{ width:45%;}

    .h3extra{font-size:1.1em;}

    textarea,input,select {
    	padding:4px;
    	font-size: 1.0rem;
    	margin-bottom:5px;
    }
    input[type=file] { font-size: 0.8rem;   }

}


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

    .h3extra{font-size:1.0em;}
    h1 {
        margin-bottom:0.5em;
        margin-top:0.5em;
        font-size:1.1em;
    }
    h2 {
    	margin-bottom:0.5em;
        margin-top:0.5em;
        font-size:1.0em;
    }

    .galeriebilddiv{ margin-bottom:10px; border:2px solid silver;}
    .listendiv{ padding:5px; }
    .textbild { width:100%; }
    .domainanzeige{ font-size:1.2em; } 


}




.em90 {font-size:0.9em; line-height:160%;}
.em80 {font-size:0.8em; line-height:160%;}
.em70 {font-size:0.7em; line-height:160%;}
.em60 {font-size:0.6em; line-height:160%;}


.fehler  {
	/*Schrift für Fehlermeldungen*/
	font-size: 1.0em;
	background-color: #FF0000;
    color: #FFFFFF;
    padding:10px;
}
.meldung  { 				/*Schrift für Meldungen*/
	 font-size: 1.0em;
	 background-color: green;
     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:0.5%; color:#000000; margin-right:1%;}
a.navilink:hover  {color:#FFFFFF;}

a.domainshow{ padding-left:0; color:#444444; font-family:arial,"Barlow"; font-size:1.4em; line-height:1.2em; font-weight:600;}
a.domainshow:hover  {color:#FFFFFF;}
@media (max-width: 630px){ a.domainshow{ font-size:1.0em;}}



a.bilderlink:link {padding:0; background-color:transparent; border-radius:0; margin:0;}
a.bilderlink:visited {padding:0; background-color:transparent; border-radius:0; margin:0;}
a.bilderlink:hover {background-color:transparent;}
a.bilderlink:focus {padding:0; background-color:transparent; border-radius:0; margin:0;}

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;
}