/* CSS Datei OFD BW Stand 14.12.21 */

@font-face {
    font-family: 'EB Garamond';
    src: url('../designs/ofdbw/fonts/EBGaramond-webfont.eot');
    src: url('../designs/ofdbw/fonts/EBGaramond-webfont.eot?#iefix') format('embedded-opentype'), url('../designs/ofdbw/fonts/EBGaramond-webfont.woff') format('woff'), url('../designs/ofdbw/fonts/EBGaramond-webfont.ttf') format('truetype'), url('../designs/ofdbw/fonts/EBGaramond-webfont.svg#EBGaramondRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gudea';
    src: url('../designs/ofdbw/fonts/Gudea-Regular-webfont.eot');
    src: url('../designs/ofdbw/fonts/Gudea-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../designs/ofdbw/fonts/Gudea-Regular-webfont.woff') format('woff'), url('../designs/ofdbw/fonts/Gudea-Regular-webfont.ttf') format('truetype'), url('../designs/ofdbw/fonts/Gudea-Regular-webfont.svg#GudeaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gudea';
    src: url('../designs/ofdbw/fonts/Gudea-Italic-webfont.eot');
    src: url('../designs/ofdbw/fonts/Gudea-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../designs/ofdbw/fonts/Gudea-Italic-webfont.woff') format('woff'), url('../designs/ofdbw/fonts/Gudea-Italic-webfont.ttf') format('truetype'), url('../designs/ofdbw/fonts/Gudea-Italic-webfont.svg#GudeaItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gudea';
    src: url('../designs/ofdbw/fonts/Gudea-Bold-webfont.eot');
    src: url('../designs/ofdbw/fonts/Gudea-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../designs/ofdbw/fonts/Gudea-Bold-webfont.woff') format('woff'), url('../designs/ofdbw/fonts/Gudea-Bold-webfont.ttf') format('truetype'), url('../designs/ofdbw/fonts/Gudea-Bold-webfont.svg#GudeaBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome';
  src: url('../designs/ofdbw/fonts/fontawesome-webfont.woff');
  src: url('../designs/ofdbw/fonts/fontawesome-webfont.eot') format("embedded-opentype"), url('../designs/ofdbw/fonts/fontawesome-webfont.woff2') format("woff2"), url('../designs/ofdbw/fonts/fontawesome-webfont.woff') format("woff"), url('../designs/ofdbw/fonts/fontawesome-webfont.ttf') format("truetype"), url('../designs/ofdbw/fonts/fontawesome-webfont.svg') format("svg");
  font-weight: normal;
  font-style: normal;
}


html {
   min-height: 100%;
   font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
   font-size: 18px;;
   color: #444;
/*   background-color:  #FFFDEA ; */
   overflow-y: scroll;
   -webkit-font-smoothing: antialiased;
}

.bcontainer::before {
   background-color:  #232380;
   width: .5rem;
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   z-index: 104;
}

.sticky {
    position: sticky; top:0;   /* fuer Firefox, Chrome, IE (?) */
    position: -webkit-sticky;   /* fuer Safari */
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 0px;
z-index: 999;
}

.navbar-right {
   font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
   position: relative;
   float: left;
   display: table;
   line-height: 26px;
   font-size: 22px;
   margin-top: 50px;
   margin-bottom: 10px;
}

.navbar-right ul {
   list-style: none;
   background: none !important;
   padding: 0;
   display: block;
}

.navbar-right li {
   display: inline-block;
}

.navbar-right a, .navbar-right a:link:hover {
   padding: 6px 50px 7px 0px;
   text-decoration: underline;
}

.navbar-right a:link, .navbar-right a:visited {
   font-weight: 600;
   text-decoration: none;
   color: #3f3f3f;
}

.navbar-right .active a:link, .navbar-right .active a:visited {
    color: #232380;
}

.navbar-right a:hover, .navbar-right .active a {
/*   font-style: italic; */
/*   color: #fff; */
}

.navbar-right a:hover {
   text-decoration: underline;
   color: #232380;
}

body {
   position: relative;
/*   min-height: 100vh;*/
/*   color: rgb(68, 68, 68); */
   color: #505050;
   display: block;
   min-width: 100%;
   font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
   font-size: 18px;;
   font-style: normal;
   font-weight: 300;
   margin: 0;
   padding: 0;
   position: absolute;
}

@media print {
   .screenonly {
      display:none !important;
   }
   .bcontainer::before {display:none;}

   div#content { width:100% !important; }
/*   html, body { height: 297mm; } */
}

span.alignsuper{display: inline!important; color: #505050!important; line-height: 1; margin-left: 0; font-weight: bold;}


p { font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;; font-weight: 400; line-height: 30px; }


h1 {
   font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
   color: #3f3f3f;;
   font-size: 45px;
   margin: 15px 0 10px 0;
   line-height: 130%;
   font-weight: 600;
   display: inline-block;
}

h2 {
   font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
   margin-top:0.8rem;
   margin-bottom:3px;
   color: #3f3f3f;;
/*   font-size: 120%; */
   font-size: 28px;
   font-weight: 600;
}

h3 {
   font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
   margin-bottom:0px;
   color: #3f3f3f;;
   font-size: 28px;
   font-weight: 600;
   font-variant-caps: normal;
}

div#noportrait  {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   min-height: 100%;
   background-color: red;
   background-color: rgba(0,0,110,.8);
   z-index: 990;
   display: none; 
}

.hcontainer {
    margin-right: auto;
    margin-left: auto;
    zoom: 1;
    background: url('../designs/ofdbw/img/mp-header.png') repeat-x;
    height: 30px;
    margin: 0;
    width: 100%;
    z-index: 999;
    position: absolute;
}

.hcontainer ul {
    list-style: none;
    margin: 0;
    padding: 0 10px 0 0;
    height: 30px;
    float: left;
    background: url('../designs/ofdbw/img/mp-header.png') no-repeat right -60px;
}

.nav-container {
/*    margin: 30px 60px; */
    background: white;
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
}

.container {
   margin: 0;
   padding: 0;
}

.innercontainer {
   width: 940px;
   margin: 0 auto;
}

div#header { 
   font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
   padding-right: 0;
   padding-left: 0;
}


#Parent, #Footbar {
    font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-top: 8px;
    clear: both;
    position: relative;
    width: 100%;
    color: rgb(753, 81, 59);
}

#Parent {
    margin-bottom: 5px;
    margin-top: 10px;
    color: #6e6e6e;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    padding: 2px 60px;
}

#Parent A:link, #Footbar A:link {
    padding: 0 7px;
/*    background: transparent none repeat scroll 0 0; */
    color: #6e6e6e;
    text-decoration: none;
}

#Parent a {
    margin-left: 0px;
    margin-right: 3px;
    color: #6e6e6e;
    font-weight: normal;
}

#Parent a.last {
   font-style: italic;
}

A:link, A:visited {
    color: #232380;
/*    color: #0d6ebf; */
    text-decoration: none;
    font-weight: normal;
    color: #232380;;
    text-decoration: underline;
}

A:link:active, A:link:hover {
/*    text-decoration: underline; */
    text-decoration: none;
}

#Parent A:hover, #Footbar A:hover {
    text-decoration: underline;
}


img#landschaft { margin-left: 80px;}

div#navigation {
   float: right;
   background-color: white;
   position: relative;
/*   box-shadow: 1px 1px rgba(157,150,147,0.3); */
   z-index:1;
}


#navundcontent {
   padding: 10px 0px 20px 0px;
   margin: 0px;
/*   height: 100vh; */
}

div#content {
   padding: 18px 20px 10px 25px;
   background-color: white;
   position: relative;
/*   box-shadow: 1px 1px 3px rgba(157,150,147,0.3); */
   z-index:0;
}

/*
table.termine strong {
   text-decoration: none; color: grey; font-weight: normal;
}
*/




/* Einträge für die standortauswahl-Seite mit der Grafik */
#standortauswahl {
	img.tooltip {
		text-decoration:none;
	}
	a.tooltip {
		text-decoration:none;
		color:black!important;
		position:absolute;
		top:0;
		left:0;
	}
	.tooltip span.info {
		display:none;
	}
	.tooltip:hover span.info {
		margin:0px;
		padding:5px;
		display:block;
		position:absolute; 
		width:180px; 
		/* height:40px;   */
		background-color:#FEFEE0; 
		border:1px solid black;
		font-family:Arial;
		font-size:8pt;
	}
	div#grafik {
   	position:absolute;
		min-height:500px;
		margin:0;
		margin-top:0px;
		padding:0;
		border:0px;
        }
	img {
		margin:0;
		padding:0;
		border:0;
	}
	div#plan {
		left:0;
		top:0;
		z-index:0;
	}
	div#OSCHERSLEBEN
	{
   	position:absolute;
		left:109px;
		top:331px;
      width: 120px;
		z-index:110;
	}
	div#HALDENSLEBEN{
 	   position:absolute;
		left:178px;
		top: 127px;
      width: 120px;
		z-index:120;
	}
}


#logo {
   float: left;
   margin-top: 25px;
   font-weight: normal;
   width: 100%;
   vertical-align: middle;
   border: 0;
   line-height: 20px;
   display: block;
}

#logo img {
   height: auto;
   width: 29px;
   vertical-align: middle;
   border: 0;
   margin-top: 6px;
   margin-right: 15px;
   display: block;
   float: left;
}

#logo span {
   font-family: 'EB Garamond';
   color: #3f3f3f;
   display: inline-block;
   font-size: 22px;
   font-weight: 600;
   font-style: normal;
   line-height: 26px;
}

span.logo2 {
    float: right;
   vertical-align: middle;
}

#logo span.logo2 img {
    height: auto;
    max-width: 50%;
    float: right;
    width: auto;
}

#statischelinks {
   margin-top: 18px;
   float: right;
   text-align: right;
}

#nav_menu2 {
    margin-top:0px;
    padding-left:10px;
    padding-right:8px;
    margin-bottom:10px;
/*    list-style-image:url("../img/bg.gif");     */
    margin-left:0px;
}
#nav_menu2 li {
    color:#666666;
    font-weight:bold;
    padding-bottom:2px;
}
#nav_menu2 li a {
    color: #3f3f3f;;
}
#nav_menu2 li.heading {
    color:#666666;
    margin-top:10px;
    list-style-image:none;
    list-style-type:none;
}
#nav_menu2 li.heading2 {
    color:#666666;
    margin-top:0px;
    list-style-image:none;
    list-style-type:none;
}
#nav_menu2 li.heading2 a {
/*    color:#444444; */
    color:#3f3f3f;;
    font-weight:normal;
}
#nav_menu2 p {
	display: inline;
	padding: 0px;
	margin:  0px;
}

/* NavMenü (Allgemeines Startmenü, typischerweise mit Tagesangaben */
#nav_menu {
    padding-left:10px;
    padding-right:8px;
/*    list-style-image:url("../img/bg.gif");  */
    margin-left:0px;
    padding-bottom:10px;
}

#nav_menu li {
    color:#666666;
    font-weight:bold;
    padding-bottom:2px;
}
#nav_menu li a {
    color:#3C74B9;
}
#nav_menu li.heading {
    color:#666666;
    margin-top:14px;
    list-style-image:none;
    list-style-type:none;
}
#nav_menu li.heading2 {
    color:#666666;
    margin-top:0px;
    list-style-image:none;
    list-style-type:none;
}
#nav_menu li.heading2 a {
    color:#444444;
}

/* Warteblende */
div#wartediv  {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   min-height: 100%;
   background-color: rgba(164,2,57,.6);
   z-index: 990;
   display: none; 
}


input[type=button]:disabled {color: lightgrey;} 


/* Terminbuchungs-/Bestätigungsseite*/
input[readonly] { 
   background: transparent; 
   font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
}
input[type=text], select {
   border: 1px solid grey; 
   background-color: #eae8de;
   border: 1px solid #eae8de;
   border-bottom: 2px solid #3f3f3f;
}
select {
   box-shadow: inset 0 0 0 2px #3f3f3f;
   border-bottom: none;
}
input:focus /*, select:focus */ {
   outline: 3px solid #979797;
   outline-offset: 2px;
}

fieldset.datenausgabe label  span{
  background-color: white;
  width: 160px;
  padding: 4px;
  color: white;
}
fieldset.termindaten  label span { display: inline-none; }

fieldset#datenausgabe { margin-left: 0px; padding-left: 0px; border: none; }
fieldset#datenausgabe   div { display: flex; flex-direction: column;}
fieldset#datenausgabe .datenfeld {}
fieldset#datenausgabe input {margin-top: 10px;}
fieldset#datenausgabe  div span { display: inline-block; max-width: 360px; margin: 0;}
fieldset#datenausgabe div span {  padding-left: 0.2rem; word-wrap:break-word; padding-top: 0.2rem;}
/* fieldset#datenausgabe input { padding-left: 0.2rem; padding-top: 0.2rem; padding-bottom: 0.2rem;} */
fieldset#datenausgabe label {min-width: 250px; ; padding-left: 0.2rem; padding-right: 0.2rem;  padding-top: 0.2rem; padding-bottom: 0.2rem; color: white; font-weight: normal; display: inline-block;  }
fieldset#datenausgabe label {display: inline-block;  margin-top: 0; margin-bottom:0px; border: 0;  font-weight: bold; color: #505050;}


/* Verschoben aus datenerfassungofdk.tmpl.htm */
/* .default     { font-style: italic; color: grey;} */
/* fieldset datenerfassung span#gebhinweis, fieldset datenerfassung span#gebhinweis, fieldset datenerfassung span#steuernummernformathinweis, fieldset datenerfassung span#mobilnummernhinweis  { font-style: italic; color: grey!important; display: none;} */
fieldset#datenerfassung label span#gebhinweis, fieldset#datenerfassung label span#steuernummernformathinweis, fieldset#datenerfassung label span#mobilnummernhinweis  { font-style: italic; color: grey!important; font-weight: normal; padding: 5px 0 7px 0 /*280px*/; max-width: none; text-transform: none; font-size: 18px;; }
#gebhinweis::before, #steuernummernformathinweis::before, #mobilnummernhinweis::before { content: "Eingabehinweis: "; text-transform: none; font-size: 18px;; }
#gebfehler, #steuernummernfehler, #mobilnummernfehler   { font-style: italic; color: red!important; text-transform: none; font-size: 18px;; }
fieldset#datenerfassung label span#gebfehler, fieldset#datenerfassung label span#steuernummernfehler, fieldset#datenerfassung label span#mobilnummernfehler { padding: 0 0 7px 0 /*280px*/; font-weight: normal; max-width: none; text-transform: none; font-size: 18px;; }

/* fieldset#datenerfassung{ margin-left: 0px; padding-left: 0px; color: #505050; border: none; padding-right: 0px; } */

/* Etwas Abstand ab dem zweiten Absatz */
fieldset#datenerfassung:nth-child(n+2){
  margin-top: 20px;
}

/* Neu 14.12.2021 */
fieldset#datenerfassung{ padding: 10px 15px 10px 15px; border: 2px solid grey;  color: #505050;  font-size: 14px; }
fieldset#datenerfassung legend{
  color: #505050;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  margin-left: 0px;
}
/* <<-- */

fieldset#datenerfassung span { display: inline-block; }
fieldset#datenerfassung input { padding-left: 0.2rem; padding-top: 0.2rem; padding-bottom: 0.2rem; font-weight: normal; font-size: 18px;; line-height: 24px; padding: 6px 10px; width: 100%; }
fieldset#datenerfassung select { font-weight: normal; font-size: 18px;; padding: 0 35px 0 5px; height: 44px; min-width: 70px; }
div.rechts select { font-size: 20px; padding: 0 0 0 5px; line-height: normal; }
/* fieldset#datenerfassung label span{min-width: 280px; max-width: 280px; padding-left: 0.2rem; padding-right: 0.2rem;  padding-top: 0.3rem; padding-bottom: 0.3rem; font-weight: normal; display: inline-block; } */
/* ALT fieldset#datenerfassung label span{min-width: 280px; max-width: 280px; padding-left: 0.2rem; padding-right: 0.2rem;  padding-top: 0.3rem; padding-bottom: 0.3rem; font-weight: normal; display: inline-block; text-transform: uppercase; font-size: 15px; } */
fieldset#datenerfassung label span{min-width: 100%; padding-left: 0; padding-right: 0;  padding-top: 0.6rem; padding-bottom: 0rem; /* color: white; */ font-weight: normal; display: inline-block; text-transform: uppercase; font-size: 15px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
fieldset#datenerfassung label {display: block;  margin-top: 0; margin-bottom:0; border: 0;}
:placeholder-shown { color: grey; font-weight: normal; font-style: italic;}
fieldset#datenerfassung:last-of-type{margin-bottom: 20px;}

/* .zustimm { line-height: 1.2 !important; border: 4px solid */ /* zweitfarbe */ /* ; } */
#zs .zustimm, #zs2 .zustimm { font-weight: normal; font-size: 18px;; padding-top: 5px; font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;; text-transform: none; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; line-height: 1.2 !important; }
input#datenschutz { margin-left: 10px; width: auto; }
/* input#datenschutz { float:right; margin-right: 5%; } */
/* ERSETZT input[type=checkbox]#datenschutz { transform: scale(1.2); margin-right: 10px; outline: 2px solid #3f3f3f; width: auto; float: right; } */
input[type=checkbox]#datenschutz, input[type=checkbox]#coronabelehrung { margin-right: 10px; width: auto; margin-left: 0; margin-top: 10px; display: inline-block!important;}
label.checkboxlabel{display: inline-block!important; margin-right: 10px; width: auto; margin-left: 0px; font-weight: normal; font-size: 18px;; padding-top: 5px; font-family: 'Gudea', 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;; text-transform: none; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; line-height: 1.2 !important;}
span.checkboxlabel{ display: inline-block!important;}
div.checkboxeintrag{ display: flex; flex-direction: row; align-items: flex-start;}

.highlight {
    border:4px solid #232380;
    padding:4px;
    background-color: #ffeeee;
    color: black;
    font-weight:bold;
}

.highlight2 {
    padding:4px;
    padding-bottom: 12px;
    background-color:#a6c5f7;
    color:#666666;
    font-weight:bold;
}

.selection {
/*    background-color:rgb(58, 143, 214); */
    color: #3f3f3f;;
    font-weight:bold;
    border: 1px solid black;
}

.errormessage {
    border:4px solid #232380;
    padding:4px;
    background-color:#ffeeee;
    color:#ff0000;
    font-weight:bold;
}

table.termine {
    border-collapse:separate;
    border-spacing:0px;
    width:100%;
    border:1px solid #232380;
    margin-bottom:20px;
    background-color: white ;
}
table.termine th {
    text-align: left;
    background-color:#232380;
    border:1px solid #232380;
    color: white;
    padding:4px;
    width:95px;
}
table.termine td {
    text-align: center;
    border:1px solid #232380;
    padding:4px;
    color: black;
}
table.termine td a{
    color: black;
}
table.termine td a:hover{
    text-decoration: none;
}

table.appointment tr{height: 1.1rem;}
table.appointment  th {padding-right: 10px; text-align: left;}

form {
   padding-top: 10px;
}

form table {
    border-collapse:separate;
    border-spacing:0px;
    width:100%;
    border:1px solid #232380;
    margin-bottom:20px;
    margin-top:20px;
    background-color:#232380;

}
form table th {
    width:100px;
    text-align: left;
    background-color:#232380;
    border:1px solid #232380;
    padding:4px;
    font-weight:normal;
    color: white;
}
form table td {
    text-align: left;
    border:1px solid #232380;
    padding:4px;
    font-weight:normal;
/*    text-align: right; */
    background-color: white;
    padding-right:15px;
    margin-right:4px;
}


.available{background-color: #85DC2C; }
.notavailable{color: grey!important; }

form table tfoot td {
    border:1px solid #232380;
    background:#232380;
}
div.highlight_content {
    background-color:#FEE1B7;
    padding:4px;
    min-height:700px;
}
div.highlight_content a  {
    color:#3C74B9;
    font-weight:normal;
}

/* Einträge für anliegenauswahl */
.menuepunkt {
   width: 100%;
   margin:0;
   padding:0;
   padding-bottom: 10px;
   vertical-align:bottom;
   list-style:none;
}

.menuepunkt li{
   width: 100%; 
   padding: 0; 
   padding-left: 0.1rem;
   padding-top: 2px;
   padding-bottom: 2px;
   margin:0px 1px; 
   display:block;  
   border: 1px solid transparent; 
   border-bottom: 1px solid #232380; 
   background-color: #fff; /* #6FB725; */
   line-height: 130%;
   font-weight: 400;
   font-family: "EB Garamond", Georgia, "Times New Roman", Times, serif;
   font-size: 20px;
   color: black;
}
/* .menuepunkt select{margin 0; padding 0; font-size: 0.7rem; border: 0; height: 80%} */
.untermenuepunkt {
   margin-bottom:5px;
   padding-left: 0.8rem;
   background-color: #fff; /* #FFED00; */ /* #D3E2FB; */
}

.menuepunkt .mpunkt { display: inline-block; line-height: normal; margin-top: 8px; margin-bottom: 10px; max-width:80%; }

.untermenuepunkt li{width: 100%; padding 0; margin:0; display:block; background:none; line-height: 130%; color: #505050;font-weight: normal;}

/* .rechts {display: inline-block;  position: relative;  margin-left: auto; margin-right: 0; float: right; margin-left: auto; margin-right:0; padding 0; margin-top:-3px;} */
.rechts { display: inline-block; float: right; vertical-align: top;}

.clearbox{clear:both; }

.infolink {
		color: #232380;;
		font-weight: normal;
		padding: 0;
/*		text-decoration: underline; */
}
.infolink::before {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23232380' d='M52.8512957,200 C51.9392726,200 51.0494939,199.844289 50.2042042,199.532866 C49.3589145,199.199199 48.6248471,198.687576 47.9575131,198.042487 C46.667334,196.752308 46,195.172951 46,193.348904 C46,191.524858 46.667334,189.967746 47.9575131,188.655322 L137.313536,99.3215438 L49.33667,11.5226337 C48.0242465,10.2324547 47.3791569,8.63085308 47.3791569,6.74007341 C47.3791569,4.8715382 48.0242465,3.24769214 49.33667,1.95751307 C50.6268491,0.645089534 52.2284507,0 54.1192303,0 C56.01001,0 57.6116116,0.645089534 58.9017907,1.95751307 L151.394283,94.6279613 C152.684462,95.9181404 153.351796,97.4974975 153.351796,99.3215438 C153.351796,101.14559 152.684462,102.702703 151.394283,104.015126 L57.5448782,198.042487 C56.8997887,198.687576 56.1212323,199.199199 55.2759426,199.532866 C54.4306529,199.844289 53.6298521,200 52.8512957,200 Z'/%3E%3C/svg%3E");
   content: " ";
   background-size: 15px 15px;
   background-repeat: no-repeat;
   padding-left: 15px;
   background-position: -4px 8px;
   padding-bottom: 35px;
   float: left;
}

#impressum { 
   margin-right: 0rem; 
   margin-bottom: 0.1rem; 
   float: right; 
   z-index: 5; 
   text-decoration: underline; 
   color: white; 
   font-size: 0.6rem;
   
}

.infolink:hover {
		text-decoration: none;
}


.anzahlauswahl {
/*   width: 2rem;
   font-size: 90%;
   height: 1.1rem;
   padding: 0px; */
/*   background-color: #D3E2FB; */
   width: 3rem;
   height: 1.75rem;
   padding: 0px;
   margin-top:4px;
  /*background-color: #fff; */
   border: 1px solid black;
}

/* Tooltip */
.tooltip {
/*	cursor: pointer; */
	text-decoration: none;
	position: relative;
}

.tooltip span {
	margin-left: -999em;  /* Links im nicht sichtbaren Bereich */
	position: absolute;
}

.tooltip:hover span {
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 6px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px rgba(0, 0, 0, 0.3);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 1.5em; z-index: 99;
	margin-left: 0; width: 250px;
	transition-delay:0.5s;
}

.tooltip:hover + img {
	border: 0; margin: -10px 0 0 -55px;
	float: left; position: absolute;
}

.tooltip:hover em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
}

.classic { padding: 0.8em 1em; }
.custom { padding: 0.5em 0.8em 0.8em 2em; }
.tooltip a:hover { background: transparent; }
.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
.warning { background: #FFFFAA; border: 1px solid #FFAD33; }

 .xbtooltip {
display: none;
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 6px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px rgba(0, 0, 0, 0.3);
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	position: absolute; left: 1em; top: 1.5em; z-index: 99;
	margin-left: 0; width: 400px;
	padding: 5px;
/*	transition-delay:0.5s; */
}

.xbtooltip em {
	font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
	display: block; padding: 0.2em 0 0.6em 0;
	margin-left: 40px;
}


#footer {
/*   height: 44px;
   padding: 0 25px; */
   padding: 0;
   overflow: hidden;
   background-color: #232380;
   line-height: 74.25px;
   font-size: 14px;
   font-weight: normal;
   font-style: normal;
   color: white;
}

#footer a, #footer a:visited {
   margin: 2px 0 0 0;
   color: white;
   cursor: pointer;
   background-color: transparent;
   font-weight: normal;
   font-style: normal;
}

#footer a:hover {
   text-decoration: underline;
}

.xfooter-right a {
   float: right;
   font-size: 13px;
   padding-left: 30px;
}

#nav-bottom {
    width: 100%;
    border-top: 7px solid #232380;
}

#nav-bottom-container {
    max-width: 1350px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 200px 10px 60px;
    flex-basis: 80%;
    flex-direction: row;
    display: flex;
    position: relative;
    width: 100%;
    font-family: EB Garamond,Georgia,Times New Roman,Times,serif;
}

.footer__navigation {
    max-width: 100%;
    text-align: left;
}

.footer__links {
    flex-basis: 25%;
}

.footer__navigation-list {
    margin-top: 10px;
    margin-left: 8px;
    margin-right: 2rem;
/*    max-width: 18rem;
    display: inline-flex;
    max-width: 100%; */
    max-width: 200px;
    flex-direction: block;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
}

.footer__navigation-item {
   margin: 5px 0 10px 0;
   line-height: 14px;
}

.footer__link {
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    box-shadow: inset 0 -1px 
    transparent;
    text-decoration: none;
    transition-property: box-shadow;
    user-select: text;
    font-family: Gudea, Myriad Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.footer__navigation-link--main {
    font-family: Georgia,Times New Roman,Times,serif;
    font-weight: 600;
    line-height: 2.6rem;
    margin-bottom: 4rem;
    font-size: 20px;
}

.footer__navigation-item A:link, .footer__navigation-item A:visited {
   color: #505050;
  text-decoration: none;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 20px; /* ? */
}

.row {
width: 940px;
   overflow: hidden;
/*   height: 145px; */
}

.text-center {
  text-align: center;
}

#copyright ul {
  display: inline-block;
  padding-left: 1em;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
  display: block;
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

ol, ul {
  margin-top: 0;
  margin-bottom: 0;
}

.list-inline>li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.main-nav {
/*   margin-top: 10px;
   margin-bottom: 20px; 
   line-height: 30px;
   display: block;
   position: relative;
   font-size: 18px;
   min-height: 38px;
   margin-left: -15px;
margin-left: 0px; */
display: inline-block;
width: 100%;
border-bottom: 4px solid #232380;
padding: 30px 60px 10px 60px;

/*position: absolute;
top: -30px;
min-height: 100%;*/
}

.brand {
   position: static;
   min-height: 0;
   width: 25%;
   float: right;
}

.nav-logo {
   width: 7.5em;
   padding: .6111em .7778em;
   display: block;
   font-size: 1.125em;
}

.logo-type {
        display: block;
        margin: .375em 0 0;
        text-transform: uppercase;
        letter-spacing: 1px
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
   background-color: #232380;
   color: white;
   border: none;
   padding: 5px 35px;
   vertical-align: 3px;
   font-size: 18px;
   line-height: 1.5;
   height: 45px;
}

button:hover, html input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
   text-decoration: underline;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #eae8de;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%233f3f3f' d='M0,52.8512957 C0,51.9392726 0.155711267,51.0494939 0.4671338,50.2042042 C0.800800801,49.3589145 1.31242353,48.6248471 1.95751307,47.9575131 C3.24769214,46.667334 4.82704927,46 6.65109554,46 C8.47514181,46 10.0322545,46.667334 11.344678,47.9575131 L100.678456,137.313536 L188.477366,49.33667 C189.767545,48.0242465 191.369147,47.3791569 193.259927,47.3791569 C195.128462,47.3791569 196.752308,48.0242465 198.042487,49.33667 C199.35491,50.6268491 200,52.2284507 200,54.1192303 C200,56.01001 199.35491,57.6116116 198.042487,58.9017907 L105.372039,151.394283 C104.08186,152.684462 102.502503,153.351796 100.678456,153.351796 C98.85441,153.351796 97.2972973,152.684462 95.9848738,151.394283 L1.95751307,57.5448782 C1.31242353,56.8997887 0.800800801,56.1212323 0.4671338,55.2759426 C0.155711267,54.4306529 0,53.6298521 0,52.8512957 Z'/%3E%3C/svg%3E");
    background-position: calc(100% - 15px) 50%;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    border: 0;
    border-radius: 0;
    box-shadow: inset 0 0 0 2px #3f3f3f;
    cursor: pointer;
    font-size: 1.8rem;
    float: none;
    height: 4rem;
    line-height: 2.4rem;
    padding: .6rem 4.6rem .6rem 1rem;
    text-overflow: ellipsis;
    transition-property: box-shadow;
/*    width: 33%; */
}
select::-ms-expand { display: none; } /* MS-IE HACK UM PFEIL ZU ENTFERNEN */

.toolhint { padding: 0 !important; }

[toolhint]:before {
    content: attr(toolhint);
    position: absolute;
    opacity: 0;
    transition: all 0.15s ease;
    padding: 5px 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;    
}

[toolhint]:hover:before {
    opacity: 1;
    background: yellow;
    margin-top: -40px;
    margin-left: 20px;    
}

[toolhint]:not([toolhint-persistent]):before {
    pointer-events: none;
}

/*<<*/