/*accordion*/

#accordion button{
	
	width:100%;
	text-align: left;
}




/* Schriftarten (Webfonts) (fuer IE ausserhalb einer media-Anweisung!) */
/* relative Pfade und lokale Dateien wg. 'same-origin - policy' erforderlich! */
input[type="radio"],
input[type="checkbox"]{    margin-left: 15px;}

input[type="radio"] + label,
input[type="checkbox"] + label
{
cursor: pointer;
    border: 2px solid transparent;
		border-radius: 4px;
	margin-left: -30px;
padding-left: 30px;
margin-right: 30px;
padding-right: 30px;

}

input[type="radio"]:focus + label,
input[type="radio"]:hover + label,
input[type="checkbox"]:focus + label,
input[type="checkbox"]:hover + label
{
    border: 2px dashed #476274;
	 border-color: #476274;
	 
}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label
{
    border: 2px solid #476274;
}
a:focus, a:hover
{
    		border-radius: 4px;

	 
	 background-color: #476274;
	 color: white;
	 
}


.kreis_css{
    
    border: 1px solid white;
    text-align: center;
    border-radius: 30px;
	
}	

.nav li{

display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  margin-right: 4px;
}

.nav button, .nav span	{	margin: 0px; border-color:white; padding: 0 .3em;width:34px;}
.nav span	{	font-size: 1.25rem; line-height: 1.5;}

@font-face {
    font-family: "SourceSansPro-Regular";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf') format("opentype");
}

@font-face {
    font-family: "SourceSansPro-Bold";
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf') format("opentype");
}


@font-face {
    font-family: "RobotoMono-Regular";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Roboto_Mono/static/RobotoMono-Regular.ttf') format("opentype");
}

@font-face {
    font-family: "RobotoMono-Bold";
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/Roboto_Mono/static/RobotoMono-Bold.ttf') format("opentype");
}


body {
    color: #222;
    background-color: silver;
    font-family: "SourceSansPro-Regular",Helvetica,Arial,sans-serif;
    min-height: 100%;
}

.printonly {
    display: none;
}

header#smallNav {
    padding: 0 20px 0 20px;

}

.umgebung {
    /*color: #f00;
    background-color: #ff0;*/
    text-align: center;
    font-weight: bold;
}
.warnhinweis, form ul { 
    background-color: #fc0;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
}

	
.upperNav {
    background-color: #476274;
    color: #FFFFFF;
    font-size: 0.65rem;
    font-family: "SourceSansPro-Bold", Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    padding-top: .65rem;
    padding-bottom: .65rem;
}

.innerNav {
    background-color: #FFFFFF;
}

.lowerNav {
    background-color: #476274;
    color: #FFFFFF;
    padding-top: .60rem;
    padding-bottom: .60rem;
}

main#main {
    min-height: calc(100vh - 240px);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.container {
    max-width: 1290px;/*80%;*/
    background-color: #FFFFFF;
}

.btn-primary {
    background-color: #476274;
    border-color: #476274;
	margin-top: .5rem;
	margin-right: .5rem;
}

.btn-primary:hover {
    //background-color: #A0B4C5;
    //border-color: #1B4265;

    background-color: white;
	color: #476274;
}

.btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: #A0B4C5;
    border-color: #1B4265;
}

label, legend, .col-form-label {
    color: #476274;
    font-weight: bold;
	display: inline-block;
	margin-bottom: .5rem;
	
	font-size: 1rem;

line-height: 1.5;
}





.required:after{
    content: " *";
	 color: red;
	
}
.error{
    
	//font-size: 0.8rem;
	 color: red;
	
}
a {
    color: #476274;
}



a.nav_link:link, a.nav_link:active, a.nav_link:visited {
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
/*
a.nav_link:hover {
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
*/
a.nav_link:focus, a.nav_link:hover
{
    		border-radius: 4px;

	 
	 background-color: white;
	 color: #476274;
	 
}


.btn-link {
    //color: #476274;
	color: red;
}

a.navbar_link:link, a.navbar_link:active, a.navbar_link:visited {
    font-size: 0.75rem;
    font-family: "SourceSansPro-Bold", Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

a[role="button"]:hover {
    text-decoration: none;
}


#name-and-slogan {
    padding: 0 5px;
    margin: 0;
}

#logo {
    height: 52px;
    margin: 9px 0;
}

#site-name {
    font-size: 1.6rem;
    line-height: 1;
    padding-top: 0.6rem;
}

#site-name a {
    font-family: "SourceSansPro-Bold",Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #476274;
    text-decoration: none;
}

#site-name a:active, #site-name a:focus {
    background-color: #FFFFFF;
}

#site-slogan a, #site-slogan {
    font-family: "SourceSansPro-Regular",Helvetica,Arial,sans-serif;
    font-size: 1.4rem;
    color: #476274;
    text-decoration: none;
    padding-bottom: 0.6rem;
}

#site-slogan {
    position: relative !important;
    overflow: visible !important;
    font-style: normal !important;
    margin-top: 0 !important;
    line-height: 25px;
    word-spacing: 0.1em;
}


#main h1 {
    color: #476274;
    font-size: 2rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#main h2 {
    color: #476274;
    font-size: 1.5rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 0.8rem;
}

#main h3 {
    color: #476274;
    font-size: 1.2rem;
    font-weight: bold;
    padding-top: 0.8rem;
    padding-bottom: 0.6rem;
}

#page-container {
    margin: 0 auto;
    height: 100%;
}




.pageheader .wappen {
    height: 3rem;
}

.pageheader {
    color: #476274;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
}

.pageheader .title h1  {
    margin-top: 0.6rem;
    margin-bottom: 0.6rem;
    font-size: 1.2rem;
    font-weight: bold;
}

.pageheader .headline {
    font-size: 0.8rem;
    font-weight: bold;
}