html{
    scroll-behavior: smooth;
}

body {
	margin:0;
	padding:0;
	/*font-family: "Tauri",arial,sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Encode Sans Condensed', sans-serif;
	font-family: 'Barlow', sans-serif;
	font-family: 'Marvel', sans-serif;
	font-family: 'Armata', sans-serif;	//sehr breit
	font-family: 'Source Sans Pro', sans-serif;
	*/

	font-family: 'Encode Sans Condensed', sans-serif;
	font-size: 1.1rem;
	line-height: 160%;
    background-color: #FFFFFF;

	color:#FFFFFF;
}

#header{background-color:#7b1515; color:#FFFFFF; }


#kopf {
	margin-top:0;
	overflow:hidden;
	padding:20px;
	padding-bottom:0;
	Xbackground: url("https://www.krypto-firmenverzeichnis.com/images/krypto_firmenverzeichnis100.png");
	background-position: right 20px;
    background-position-y:0;
    background-repeat:no-repeat;
   	max-width:980px;
	margin:auto;
}
#haupt {
    background-color: #FFFFFF;
    margin-bottom:500px;
}
#main {
	text-align:justify;
	padding:10px;
	border-color: #8a9da8;
	Xmin-width: 16em; /* Mindestbreite (der Überschrift) verhindert Anzeigefehler in modernen Browsern */
	max-width:980px;
	margin:auto;
}

.hellaufdunkel {background-color:#666666; color:#FFFFFF;}

.unterseite {
    background-color:#FFFFFF;
    color:#333333;
    text-align:justify;
    padding:20px;
    padding-bottom:200px;
}


tr,td {
	text-align:left;
	vertical-align:top;
}

div {
	text-align:left;
	vertical-align:top;
	/*border:1px solid #888888;*/

}

h1 {
	font-size:1.8rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
	margin:0;
}
h2 {
	font-size:1.6rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
	margin:0;
}
h3 {
	font-size:1.4rem;
	line-height:160%;
	text-align:left;
	font-weight:400;

    padding-left:10px;
    background-color:#f5f5f5;
    margin-bottom:10px;
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;

}
h4 {
    font-size:1.2rem;
	line-height:160%;
	text-align:left;
	font-weight:400;
	margin:0;
}


.head{
    font-size:1.2rem;
	line-height:140%;
	text-align:left;
	font-weight:400;
    padding:5px;
    padding-left:10px;
    background-color:#EEEEEE;
    margin-bottom:10px;
    border-top:1px solid #DDDDDD;
    border-bottom:1px solid #DDDDDD;
    margin-bottom:0;

}

video {
	width: 100%;
   	height: auto;
}


#links{
    xborder:1px dashed silver;
    position:fixed;
	width:150px;
}
#rechts{
    Xborder:1px dashed silver;
    margin-left:160px;
}

.article {
	text-align:justify;
	padding:20px;
	background-color: #333333;
	margin-bottom:10px;
	border-radius: 0 0.7rem 0 0.7rem;
	border:1px solid #888888;
	overflow:hidden;
}

.bv {
    border:2px solid #BBBBBB;
    background-color:#DDDDDD;
    margin-bottom:10px;
    padding:10px;
    border-radius:10px;
}

.gesuche{
    font-size:90%;
    line-height:120%;
    font-family:arial;
    padding:15px;
    Xbackground-color:#f5f5f5;
    background-color:#EEEEEE;
    xmargin-right:20px;
    margin-bottom:10px;
    border-top:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    overflow: hidden;
}
.phrase{
    background-color:#555555;
    color:#FFFFFF;
    padding:5px;
    padding-left:16px;
    padding-right:16px;
    border-radius:20px;
    font-size:0.9rem;
    line-height:2.5rem;
}

.rubrik{
    background-color:green;
    color:#FFFFFF;
    padding:5px;
    padding-left:16px;
    padding-right:16px;
    border-radius:20px;
    font-size:0.9rem;
    line-height:2.5rem;
}

.antwort{
    background-color:#EEEEEE;
    border:1px solod #DDDDDD;
    padding:20px;
    margin-top:10px;
}

.admin {max-width:95%;}
#kopf {padding:20px;}
.knopflink{display:none;}
.navidesk{}
#startseitenbild{width:30%; margin-left:20px; margin-bottom:20px; border:5px solid #feda48;}

.galeriediv{
 	width:100%;
	height:100%;
	text-align:center;
	background-color:black;
	padding:0; 
	z-index:2; 
	position: fixed; 
	top:0; 
	left:0;
}
.dia{max-width:90%;	margin:10px;}


.obranche{color:#FFFFFF;}

.hauptbranche{font-size:0.9rem; line-height:1.3rem; padding-left:15px;}
.unterbranche{font-size:0.8rem; line-height:1.2rem; padding-left:30px; display:none;}

.headline{
    font-size:120%;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


textarea,input,select {
	padding:5px;
	border:1px solid #AAAAAA;
	background-color:#EEEEEE;
	color:blue;
	font-size: 1.1rem;
}


.ankuen{font-size:120%;}

@media (max-width: 800px) /*Mobilansicht*/
{
	.knopflink{display:contents;}
	#logo {width:100px;}
	#rechts{margin-left:0;}
	#links{display:none;}

    .ankuen{font-size:100%;}
	
}
@media (max-width: 710px) /*Mobilansicht*/
{
	textarea,input,select {
	padding:2px;
	border:1px solid #AAAAAA;
	background-color:#EEEEEE;
	color:green;
	font-size: 0.9rem;
	
}
}
@media (max-width: 630px) /*Mobilansicht*/
{
	#startseitenbild{width:100%; margin-left:0;}
}

@media (max-width: 550px) /*Mobilansicht*/
{
    h1 {font-size:120%;}
	h2 {font-size:110%;}
	h3 {font-size:105%;}
	#kopf {padding:5px;}
	#main {padding:5px;}
	.article {font-size:0.9rem; line-height:160%;}
	.headline {font-size:1rem;}
	#nav {display:none;}
	#navioben {display:none;}
	.mobil {display:none;}	
	#navmobile {width:80%;}
	.info {margin-left:0;}
}


@media (min-width: 551px)	/*Desktop*/
{
	 
}







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

.hinweis {font-family:arial; line-height: 1rem; font-size:0.8rem;}

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

.schatten {
	box-shadow: 7px 7px 7px 0px #999999;
}
.textschatten {text-shadow:  -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;}

.button {
	font-size:0.8rem;
	background-color : green;
	color : #FFFFFF;
	border:3px solid #AAAAAA;
	padding:0.3rem;
	padding-left:0.5rem;
	padding-right:0.5rem;
	border-radius:0.9rem;
}


.loeschbutton{
	font-size: 90%;
	Xbackground-color : green;
	color : black;
	Xfont-weight : bolder;
	padding:2px;
}

.rem90 {font-size:0.9rem; line-height:1.1rem;}
.rem80 {font-size:0.8rem; line-height:1.0rem;}
.rem70 {font-size:0.7rem; line-height:0.9rem;}
.rem60 {font-size:0.6rem; line-height:0.8rem;}


.fehler  {
	/*Schrift für Fehlermeldungen*/
	background-color:red;
	color:#FFFFFF;
	padding:10px;
}	   
.meldung  { 						/*Schrift für Meldungen*/
	 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.navidesk	{
	font-family: 'Oswald', sans-serif;
	line-height:130%;
	color:#111111;
	display:block;
    border-bottom:1px solid #DDDDDD;
    border-left:1px solid #DDDDDD;
    margin-bottom:10px;
    border-radius: 0;
}
a.navidesk:hover{color:yellow;}


a.vlink{font-family: 'Oswald', sans-serif; color:#FFFFFF; text-decoration:underline; padding:4px;}
a.vlink:focus {background-color:blue;}
a.vlink:hover {background-color:black; color:#FFFFFF;}

a.linkintern{
	font-family: arial, sans-serif;
	background-color: green;
	color:#FFFFFF;
	font-size: 0.8rem;
	line-height:1.6rem;
	margin:2px;
	padding:5px;
	border-radius:0;
    text-decoration:underline;
}
a.linkintern:hover{color:black; color:yellow;}

a.back{
	background-color: #AAAAAA;
	color:#FFFFFF;
	font-size: 1.0rem;
	line-height:1.6rem;
	margin:2px;
	padding:5px;
	border-radius:0;
}
a.back:hover{background-color:black; color:yellow;}

@media (max-width: 800px) /*Mobilansicht*/
{
	a.linkintern{display:block;}
}



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

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


.seitenzahl {
	background-color:#EEEEEE;
	text-align:center;
	float:left;
	width:25px;
	Xheight:30px;
	margin-right:3px;
	margin-top:3px;
	border-radius:0;
}
a.seitenlink:link		{text-decoration:none; display:block; color:#990000; font-size:16px;}
a.seitenlink:focus		{text-decoration:none; display:block; color:#990000; font-size:16px;}
a.seitenlink:visited	{text-decoration:none; display:block; color:#990000; font-size:16px;}
a.seitenlink:hover		{text-decoration:none; display:block; color:#FFFFFF; font-size:16px; border-radius:0;}

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