@charset "UTF-8";

body {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	letter-spacing: 0.02em;

    color: #000000;

	margin: 0px;

	padding: 0px;

    background-color: #FFFFFF;

	}

html { 

   font-size: 100%;

   word-wrap: break-word;

     }

div, p, table, span { 

   font-size: 1rem; 

   line-height: 1.3em;

   }

form {

	margin: 0px;

	padding: 0px;

}

#print {

    display: none;

	}

#requesthead {

	width: 90%; 

	padding-top: 10px;

	text-align: left;

	background-color: transparent;

	}

#requestcontainer {

	width: 90%; 

	text-align: left;

	height: 540px;

	overflow: auto;

	}

.requestmaincontainer {

    float: left;

	width: 100%; 

	margin-bottom: 5px;

	}

.requeststatuscontainer {

	color: #e3001a;

	font-size: 1.0rem;

	background-color: #FFFFFF;

	width: 100%;

	margin-bottom: 10px;

	padding: 1%;

	voice-family: "\"}\"";

	voice-family:inherit;

	width: 98%;

	}



#mobilenavbutton

{

	text-align: left;

	margin-top: 20px;

	margin-bottom: 20px;

}

#mobilenavbutton a

{

	background-color: #42778a;;

	color: #ffffff;

	margin-left: 5%;

	padding: 2%;

	display: inline-block;

}





h1, .h1 {

	font-size: 1.4rem;

	font-weight: bold;

	color: #000000;

	display: inline;

	line-height: normal;

}

input {

	margin: 0px;

	padding: 0px;

	overflow: visible;

    width: auto;

}

form {

	margin: 0px;

	padding: 0px;

}





a {

	color: #555;

	text-decoration: underline;

	border: none;

    }

a:link {

	color: #555;

	text-decoration: underline;

    }

a:active {

	color: #555;

	text-decoration: underline;

    }

a:visited {

	color: #555;

	text-decoration: underline;

    }

a:hover {

	color: #3e4b53;

	text-decoration: underline;

    }

a:focus {

	color: #3e4b53;

	text-decoration: underline;

    }

	

.box input {

	margin: 0px;

    }





.status {

	color: #e33f2c;

}



.button {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	color: #FFFFFF;

	font-size: 1rem;

    border: none;

	line-height: normal;

	padding: 2%;

	margin: 0px;

	background-color: #555;

}

A.button:link {background: #555; color: #FFFFFF; text-decoration: none; line-height: 1.5rem;}

A.button:active {background: #555;  color: #FFFFFF; text-decoration: none; line-height: 1.5rem;}

A.button:visited {background: #555; color: #FFFFFF; text-decoration: none; line-height: 1.5rem;}

A.button:hover {background: #3e4b53; color: #FFFFFF; text-decoration: none; line-height: 1.5rem;}

A.button:focus {background: #3e4b53; color: #FFFFFF; text-decoration: none; line-height: 1.5rem;}



.beschriftung {

	float: left;

	width: 25%;

	padding-top: 0.3%;

	font-weight: bold;

	}

.feld {

	float: left;

	width: 75%;

	padding-top: 0.3%;

	}

	

	

.textfeld {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	font-size: 1rem;

	color: #494641;

	background-color: #ffffff;

	border: 1px solid #e2e4e6;

	width: 96%;

	padding: 2%;

	max-width: 500px;

}



.label {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	font-size: 1rem;

	color: #000000;

	background-color: #ffffff;

	width: 96%;

	padding-top: 2%;

	padding-bottom: 2%;

	max-width: 500px;

	display: inline-block;

}



.textfeldreadonly {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	font-size: 1rem;

	color: #494641;

	background-color: #f1f2f5;

	border: 1px solid #e2e4e6;

	width: 96%;

	padding: 2%;

	max-width: 500px;

}



.textfeld2 {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	font-size: 1rem;

	color: #494641;

	background-color: #ffffff;

	border: 1px solid #e2e4e6;

	width: 16%;

	padding: 2%;

	max-width: 110px;

}



.textfeld3 {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	font-size: 1rem;

	color: #494641;

	background-color: #ffffff;

	border: 1px solid #e2e4e6;

	width: 64%;

	padding: 2%;

	max-width: 350px;

	}



.textfeldcaptcha {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	font-size: 1rem;

	color: #494641;

	background-color: #ffffff;

	border: 1px solid #e2e4e6;

	width: 21%;

	padding: 2%;

	margin-top: 0%;

}



.ddl, .ddl2 {

	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;

	font-size: 1rem;

	color: #494641;

	background-color: #FFFFFF;

	border: 1px solid #e2e4e6;

	padding: 0.3%;

}



.mobileonlyblock, .mobileonlyinline, .picboxmobile, .galboxmobile {

	display: none;

}





@media (max-width: 767px) {

div, p, table, span { 

   font-size: 1rem; 

   }

li:before {

    content: "";

}

#requesthead, #requestcontainer {

	width: 90%;

	}



h1, .h1 {

	font-size: 1.5rem;

}



.textfeld3 {

	width: 60%;

	}

	

.ddl2 {

	margin-bottom: 5%;

}



.nomobile {

	display: none;

}

.mobileonlyblock {

	display: block;

}

.mobileonlyinline {

	display: inline;

}

.mobileblock {

	display: block;

}

.mobilemargin {

	margin-top: 4%;

	margin-bottom: 4%;

}



.beschriftung {

	float: left;

	clear: both;

	width: 100%;

	padding-top: 2%;

	font-weight: bold;

	}

.feld {

	float: left;

	clear: both;

	width: 100%;

	padding-top: 0.5%;

	}



#requestcontainer {

	height: auto;

	}



}