/* JOSEFIN SANS - LOKAL GEHOSTET (DSGVO-KONFORM) */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/josefin-sans-v34-latin-regular.woff2') format('woff2');
}

@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/josefin-sans-v34-latin-700.woff2') format('woff2');
}

/* RESET */
*  
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* Versteckt vor IE5-Mac \*/
* html .fix {height: 1%; }
/* Ende des Versteckspiels */

#googleFontAsar
{
  font-family: 'Asar', serif;
}

html
{
  height: 100.2%; 
}

html, body {
  font-family: sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #666;
  background-color:#eaf1f5;
}


td a, td a:visited
{
  color:#003e4d;
  text-decoration: none;
}

/* HINTERGRUND-BILDER */
#hintergrund
{
  width: 900px;
  height: auto;
  border: none; 
  position: absolute;
  top: -60px; 
  z-index: 1;
}

/* WRAPPER */
#wrapper 
{
  width: 100%;
  height: 110px;
  margin: 0px auto 20px auto;
  border: none; 
  background:#fff;
}

/* HEAD */
#head 
{
  margin: auto;
  width: 960px; 
  height: 120px; 
  border: none; 
  background:#fff;
}

#querbalken
{
  width: 100%;
  height: 10px;
  background: url(../../../images/transparentBg.png) repeat-x;
  position: absolute;
  top: 110px;
  left: 0px;
  z-index: 5;
}

#service
{
  text-align: right;
  display: inline;
  position: relative;
  left: 100px;
  background:#fff;
}

#service li
{
  display: inline;
}

#suche
{
  float:right;
  background:#e1f2ff;
  height:30px;  
  padding:0 10px;
  line-height:30px;
  font-size:13px;   
  color:#005577;  
  text-decoration:none;
  display: flex;
  align-items: center;
}

#login
{
  float:right;
  background:#e1f2ff;
  height:20px;  
  padding:5px 10px 5px 10px;
  margin: 0px 5px 0px 0px;
}

#login a
{
  font-size:13px;   
  color:#005577;  
  text-decoration:none;
}

/* MAINMENU */
#logo
{
  position: relative;
  top: 40px;
  z-index: 2;
  width: 164px;
}

#mainmenu
{
  position: relative;
  top: 0px;
  left: 0px;

  float: right;
  height: 30px;
  color: #ff00aa;
  background:#fff;
  margin: 15px 0px 0px 0px;
  z-index: 1;
}

#mainmenu ul 
{
  float:right;
}

#mainmenu ul li 
{
  float:left;
  margin-left:20px;
  display:inline;
}

#mainmenu ul li a 
{
  float:left;
  
  display:inline;
  color:#000405;
  text-decoration:none;
  font-size:17px;
}

#mainmenu ul li a:hover, #mainmenu ul li.current a, #component a:visited
{
  color:#008ac1;
}

a.kundenlogin 
{
  text-indent: -99999px;
}
/* CONTENT */

#pic_header
{
  position: absolute;
  left: 280px;
  top: -40px;
  z-index: 4;
  
}

#pic_header h1
{
  font-size: 16px;
}

.headerText
{

  float:right;

  width:500px;
  text-align:right;  
  line-height:25px;
  font-size:17px;
  margin-top: 40px;
  margin-left: 220px;
}

.headerText a
{
  color:#005577;  
}

.headerText h1 span
{
  color:#005577;
  font-size: 24px;
  margin-bottom: -10px;
}

.headerText h1
{
  margin-bottom: -15px;
}
.headerText p
{
}

#content
{
  width: 960px;
  height: auto;
  margin: 0 auto;

  position: relative;
  top: 50px;
  left: -40px;
}


hr
{
  clear: both;
  height: .1px;
  border: none;
  visibility: hidden;
}

/* COLUMNS */

#columns
{
  float: left;
  height: auto;
  width: 940px;
  left: 40px;
  background:url(../../../images/contentBg.gif) left top repeat-y;
  z-index: 5;

}
/* COMPONENT */
#component
{
  height: auto;
  width: 500px;
  z-index: 4;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 215px;
  margin-right: 0px;
}

/* LEFT */
#left
{
  width: 165px;
  height: auto;
  float: left;
  margin: 10px 10px 10px 10px;
  z-index: 5;
  text-decoration: none;
}

/* RIGHT */
#right
{
  width: 175px;
  float: right;
  height: auto;
  margin: 10px 10px 10px 5px;
  z-index: 3;
  overflow:hidden;
}

#left  li
{
  list-style-type: none;
  text-decoration: none;
}

#left ul li
{
  float:left;
  width:175px;
  border-bottom:1px solid #d0e7f2;
}

#left ul li a
{
  float:left;
}

#left ul li 
{
  float:left;

  width:175px;
  text-decoration: none;
}

#left ul li a 
{
  float:left;

  display:inline;
  color:#003e4d;
  text-decoration: none;
  font-size:16px;
  padding:10px 0;
}

#left ul li a:hover, #left ul li.current > a
{
  color:#ff7f00;
}

/* Untermenü-Links immer blau (außer hover und wenn selbst current) */
#left .mod-menu__sub li a,
#left ul li ul li a {
  color: #003e4d !important;
}

#left .mod-menu__sub li a:hover,
#left ul li ul li a:hover,
#left .mod-menu__sub li.current > a,
#left ul li ul li.current > a {
  color: #ff7f00 !important;
}

#component ul li a 
{
  color:#003e4d;
  text-decoration: none;
}

#component ul li a:hover, #component ul li.current a
{
  color:#ff7f00;
}

#left ul li ul li 
{
  float:left;

  display:inline;
  color:#003e4d;
  text-decoration: none;
  font-size:16px;
  padding:0px 10px 0px 0px;
  margin-left: 10px;
  border: none;
}

#left ul li ul li ul li
{
  float:left;

  display:inline;
  color:#003e4d;
  text-decoration: none;
  font-size:16px;
  padding:0px 20px 0px 0px;
  margin-left: 20px;
  border: none;
}

/* Newsticker */
#right h3
{
  color:#ff7f00;
  font-size:14px;
  margin-bottom: 10px;
}

#right h1
{
  color:#005577;
  text-decoration: none;
  font-size:12px;
}

/* START "Weiterlesen" ausblenden */
.readmore a
{
  position: relative;
  left: 100000px;
}
/* ENDE "Weiterlesen" ausblenden */

.readmore a, .title a, span .title a
{
  color:#005577;
  text-decoration: none;
  font-size:13px;
}

.readmore a
{
  display: block;
  margin-top: 0px;
  margin-bottom: -5px;
}

.readmore a:visited, .title a:visited, a:visited p, .item-page p a
{
  color:#005577;
  text-decoration: none;
  font-size:13px;
}

#component p
{
  margin-bottom: -10px;
}
.item-separator
{
  padding-top:5px;
  padding-bottom: 15px;
}


#trenner
{
  width:940px;
  height: 10px;
  float:left;
  padding:10px;
  z-index: 5;
  
}

/* FOOTER */
#footer
{
  position: relative;
  bottom: 0px;
  left: -20px;
  width: 940px;
  height: 20px;
  font-size:13px;   
  color:#005577;  
  padding: 10px 20px 20px 20px;
  z-index: 15;
  background: #eaf1f5;
  overflow:hidden;  
}

#footer li
{
  display: inline;
}

#footer a
{
  font-size:13px;   
  color:#005577;  
}

#left span, #right span, #component span
{
  color:#ff7f00;
}

h1
{
  line-height:30px;
  font-size: 24px;
  color:#005577;
  margin-bottom: 20px;
}

h2
{
  line-height:28px;
  font-size: 22px;
  color:#005577;
  margin-bottom: 20px;
}

#component h3
{
  font-size: 16px;
  color:#ff7f00;
  padding-bottom:5px;
  border-bottom:1px solid #d0e7f2;
}


#component p
{
  margin-bottom: 10px;
}

#component ul {
  padding:5px 10px;
}

#component .item-page ul li  {
  background:url(../../../images/plus.gif) 0 10px no-repeat;
  margin-bottom:1px;
  padding:5px 0 5px 15px;
  font-size:14px;
  line-height:20px;
  color:#006086;
  list-style-type: none;
}

input, textarea, button
{
  border: 1px solid #666;
}

.login-description
{
  margin-bottom: 20px;
}

.login .inputbox
{
  margin-top: 10px;
}

/* ===== LOGIN FORM STYLING ===== */

/* Container */
.com-users-login,
.login {
  max-width: 400px;
}

/* Überschrift */
.com-users-login h1,
.login h1 {
  color: #005577;
  font-size: 24px;
  margin-bottom: 20px;
}

/* Beschreibung */
.com-users-login .login-description,
.login-description {
  margin-bottom: 20px;
  color: #666;
}

/* Formular-Felder */
.com-users-login .control-group,
.login .control-group {
  margin-bottom: 15px;
  text-align: left;
}

/* Labels */
.com-users-login label,
.login label {
  display: block;
  color: #005577;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}

/* Input-Felder */
.com-users-login input[type="text"],
.com-users-login input[type="password"],
.com-users-login input[type="email"],
.login input[type="text"],
.login input[type="password"],
.login .inputbox {
  width: 100%;
  max-width: 300px;
  padding: 10px;
  border: 1px solid #d0e7f2;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
  margin: 0;
}

.com-users-login input[type="text"]:focus,
.com-users-login input[type="password"]:focus,
.login input:focus {
  border-color: #005577;
  outline: none;
}

/* Checkbox "Angemeldet bleiben" */
.com-users-login .remember,
.login #form-login-remember {
  margin: 15px 0;
}

.com-users-login .remember label,
.login #form-login-remember label {
  display: inline;
  font-weight: normal;
}

/* Login-Button */
.com-users-login button[type="submit"],
.com-users-login .btn-primary,
.login .button,
.login button {
  background-color: #005577;
  color: #fff;
  border: none;
  padding: 12px 25px;
  font-size: 14px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 10px;
}

.com-users-login button[type="submit"]:hover,
.com-users-login .btn-primary:hover,
.login .button:hover {
  background-color: #ff7f00;
}

/* Links (Passwort vergessen, Registrieren) */
.com-users-login ul,
.com-users-login__options,
.login ul.login-links {
  list-style: none;
  padding: 0;
  margin-top: 20px;
}

.com-users-login ul li,
.com-users-login__options li,
.login ul.login-links li {
  margin-bottom: 8px;
  margin-left: 0;
  padding-left: 0;
}

.com-users-login ul li a,
.com-users-login__options li a,
.login ul.login-links li a {
  color: #005577;
  text-decoration: none;
}

.com-users-login ul li a:hover,
.com-users-login__options li a:hover,
.login ul.login-links li a:hover {
  color: #ff7f00;
}

#component ul li
{
  list-style-type: none;
  margin-left: -10px;
}

.button
{
  margin-top: 15px;
}
.validate-username
{
  margin-left: 30px;
}

.validate-password
{
  margin-left: 60px;
}

th
{
  text-align: left;
}

td
{
  padding-left: 20px;
  padding-right: 20px;
  max-width: 380px;
}

#dfContactField-streetno
{
  margin-left: 2px;
}

#dfContactField-city
{
  margin-left: 2px;
}

#dfContactField-email, #dfContactField-name
{
  margin-right: 5px;
}

span.highlight
{
  background-color: #ffffff;
  color: #fff;
}


/* PHOCA DOWNLOAD */
/*
.pdtop, .pd-ctitle, .pd-category
{
  border: none !important;
  background:url(../../../images/contentBg.gif) left top repeat !important;
  box-shadow: 0px 0px 0px 0px !important;
}



.pd-cdesc
{
  position: relative;
  top: -310px;
  left: -100000px;
  border: none !important;
  background:url(../../../images/contentBg.gif) left top repeat !important;
  box-shadow: 0px 0px 0px 0px !important;
}

#component,
#phoca-dl-category-box.pd-category-view,
.pd-category,
.pdtop,
.pd-ctitle,
.pd-cdesc,
.pd-filebox,
.pd-fdesc,
.pd-filenamebox,
.pd-filename,
.pd-float,
.pd-buttons,
.pd-button-download,
.pd-cb
{
  clear: none !important;
}

.pd-filebox
{
  position: relative !important; 
  top: -10px !important;        

  height: 120px !important;

  border:none !important;
  background:url(../../../images/contentBg.gif) left top repeat;
  clear: none !important;
  z-index: 100;
}


#phoca-dl-category-box .pd-button-download a, #phoca-dl-category-box .pd-button-details a, #phoca-dl-category-box .pd-button-download a:hover, #phoca-dl-category-box .pd-button-details a:hover, #phoca-dl-category-box .pd-button-download a:visited, #phoca-dl-category-box .pd-button-details a:visited
{
  color: #ffffff;
  padding-top: 3px !important;
  padding-right: 12px !important;
  padding-bottom: 4px !important;
  background-color: #005577 !important;
}

.pd-fdesc
{
  margin-left: 5px;
}

*/

h2 a
{
  text-decoration: none;
  color:#005577;
  font-size:13px;  
}

h3 .pd-ctitle, .pd-float a
{
  text-decoration: none;
  color:#005577;
  border:none !important;
  background:url(../../../images/contentBg.gif) left top repeat !important;
  box-shadow: 0px 0px 0px 0px !important;
}

h3.pd-ctitle
{
  position: relative !important;
  left: 15px !important;  
  padding-right: 20px !important;
  color: #ff7f00 !important;
}


#component,
#phoca-dl-category-box.pd-category-view,
.pd-category,
.pdtop,
.pd-ctitle,
.pd-cdesc,
.pd-filebox,
.pd-fdesc,
.pd-filenamebox,
.pd-filename,
.pd-float,
.pd-buttons,
.pd-cb
{
  clear: none !important;  
}

.pd-cdesc
{
  position: relative;
  left: 20px;
}

.pd-button-download

{
  position: absolute;
  top: -8px;
  left: -100px;
  clear: none;  
}

/* ENDE PHOCADOWNLOAD */

/* ========================================
   PHOCA DOWNLOAD - BSGMBH STYLE
   ======================================== */

/* Kategorie-Container */
.pd-category {
  background: #fff;
  border: 1px solid #d0e7f2;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 85, 119, 0.08);
}

.pd-category:hover {
  box-shadow: 0 4px 12px rgba(0, 85, 119, 0.15);
}

/* Kategorie-Titel */
.pd-ctitle,
h3.pd-ctitle {
  font-size: 18px;
  font-weight: bold;
  color: #005577 !important;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid #ff7f00;
}

.pd-ctitle a {
  color: #005577 !important;
  text-decoration: none;
}

.pd-ctitle a:hover {
  color: #ff7f00 !important;
}

/* Kategorie-Beschreibung */
.pd-cdesc {
  color: #666;
  font-size: 13px;
  margin-bottom: 15px;
  padding: 10px;
  background: #f8fbfc;
  border-left: 3px solid #d0e7f2;
}

/* Datei-Box */
.pd-filebox {
  background: #fff;
  border: 1px solid #d0e7f2;
  border-radius: 6px;
  margin-bottom: 15px;
  padding: 15px 20px;
}

.pd-filebox:hover {
  border-color: #005577;
  box-shadow: 0 2px 8px rgba(0, 85, 119, 0.12);
}

/* Dateiname */
.pd-filename a,
.pd-filenamebox a {
  font-size: 16px;
  font-weight: bold;
  color: #005577;
  text-decoration: none;
}

.pd-filename a:hover,
.pd-filenamebox a:hover {
  color: #ff7f00;
}

/* Datei-Beschreibung */
.pd-fdesc {
  color: #666;
  font-size: 13px;
  margin: 10px 0;
}

/* Datei-Informationen */
.pd-fileinfo,
.pd-filesize,
.pd-filedate,
.pd-filehits {
  font-size: 12px;
  color: #888;
  display: inline-block;
  margin-right: 15px;
}

.pd-fileinfo span {
  color: #005577;
  font-weight: bold;
}

/* Download-Button */
.pd-button-download,
.pd-button-download a {
  display: inline-block;
  background: #005577;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  margin-top: 10px;
}

.pd-button-download:hover,
.pd-button-download a:hover {
  background: #ff7f00;
  color: #fff !important;
}

/* Detail-Button */
.pd-button-details,
.pd-button-details a {
  display: inline-block;
  background: transparent;
  color: #005577 !important;
  padding: 10px 20px;
  border: 2px solid #005577;
  border-radius: 4px;
  text-decoration: none;
  font-size: 14px;
  margin-top: 10px;
  margin-left: 10px;
}

.pd-button-details:hover,
.pd-button-details a:hover {
  background: #005577;
  color: #fff !important;
}

/* Buttons-Container */
.pd-buttons {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eef5f8;
}

/* Breadcrumbs */
.pd-path {
  background: #f8fbfc;
  padding: 12px 15px;
  border-radius: 4px;
  margin-bottom: 20px;
  font-size: 13px;
}

.pd-path a {
  color: #005577;
  text-decoration: none;
}

.pd-path a:hover {
  color: #ff7f00;
}

/* Tags */
.pd-tag,
.pd-tags a {
  display: inline-block;
  background: #eef5f8;
  color: #005577;
  padding: 4px 10px;
  border-radius: 15px;
  font-size: 12px;
  margin-right: 5px;
  text-decoration: none;
}

.pd-tag:hover,
.pd-tags a:hover {
  background: #005577;
  color: #fff;
}

/* Tabellen */
#phoca-dl-category-box table th {
  background: #005577;
  color: #fff;
  padding: 12px 15px;
  text-align: left;
}

#phoca-dl-category-box table td {
  padding: 12px 15px;
  border-bottom: 1px solid #d0e7f2;
}

#phoca-dl-category-box table tr:hover td {
  background: #f8fbfc;
}

/* ========================================
   ENDE PHOCA DOWNLOAD BSGMBH STYLE
   ======================================== */

/* Bootstrap Buttons für Phoca Download */
#phoca-dl-category-box .btn,
#phocadownload .btn,
.pd-category .btn,
.pd-filebox .btn,
.btn.btn-success,
.btn.btn-primary {
  display: inline-block;
  background: #005577 !important;
  color: #fff !important;
  padding: 6px 15px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: bold;
  border: none !important;
  cursor: pointer;
  margin: 5px 5px 5px 0;
  transition: background 0.3s ease;
}

#phoca-dl-category-box .btn:hover,
#phocadownload .btn:hover,
.pd-category .btn:hover,
.pd-filebox .btn:hover,
.btn.btn-success:hover,
.btn.btn-primary:hover {
  background: #ff7f00 !important;
  color: #fff !important;
}

/* Detail/Info Button */
#phoca-dl-category-box .btn-info,
#phocadownload .btn-info,
.btn.btn-info {
  background: transparent !important;
  color: #005577 !important;
  border: 2px solid #005577 !important;
}

#phoca-dl-category-box .btn-info:hover,
#phocadownload .btn-info:hover,
.btn.btn-info:hover {
  background: #005577 !important;
  color: #fff !important;
}

/* Phoca Download - Vorschau, Abspielen und leeres Modal ausblenden */
.pd-preview,
.pd-play,
.pd-button-preview,
.pd-button-play,
[class*="preview"],
[class*="play"],
.btn-preview,
.btn-play,
a[href*="preview"],
a[href*="play"],
.modal-content:empty,
.modal:not(.show),
#phocadownload .modal,
#phoca-dl-category-box .modal {
  display: none !important;
}

span.small
{
  position: relative;
  top: -310px;
  left: -100000px;
}

dt.result-title
{
  margin-top: 20px;
  margin-bottom: 0px;
}

dt.result-title a, dt.result-title a:visited
{
  text-decoration: none;
  color: #006086;
}

.phrases-box, .searchintro
{
  margin-top: 10px;
  margin-bottom: 10px;
}

fieldset.only
{
  padding-top: 15px;
  padding-bottom: 15px;
}

fieldset.phrases
{
  margin-bottom: 10px;
}

dd.result-created
{
  margin-top: 10px;
  margin-bottom: 10px;
}

#component .item-separator, .blog h2, .blog p, .items-leading p, .item-separator p
{
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#component .pagination ul li
{
  display: inline;
  margin-right: 20px;
}

.pagination ul
{
  margin-top: 20px;
}

/*
.pagination-start, .pagination-prev, .pagination-next, .pagination-end
{
  visibility: hidden;
}
*/

.pagination
{
  margin-left:auto; margin-right:auto;
  text-align:center;
}

#left ul li ul li ul li
{
  margin-top: -12px;
}

/* ========================================
   JOOMLA 6 - UNTERMENÜS IMMER AUSGEKLAPPT
   ======================================== */

/* Navbar im linken Bereich - kein Collapse-Verhalten */
#left .navbar,
#left nav.navbar {
  display: block !important;
}

/* Bootstrap Collapse im linken Menü immer sichtbar */
#left .collapse,
#left .navbar-collapse,
#left .collapse.navbar-collapse,
#left #navbar100 {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
}

/* Navbar-Toggler ausblenden */
#left .navbar-toggler {
  display: none !important;
}

/* Untermenüs immer anzeigen */
#left .mod-menu__sub,
#left ul.mod-menu__sub,
#left ul.mod-menu__sub.list-unstyled,
#left .mod-menu__sub.list-unstyled.small,
.mod-menu__sub,
ul.mod-menu__sub.list-unstyled {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  opacity: 1 !important;
  overflow: visible !important;
  position: static !important;
}

/* Toggle-Button ausblenden */
#left .mod-menu__toggle-sub,
.mod-menu__toggle-sub {
  display: none !important;
}

/* ========================================
   ENDE JOOMLA 6 FIXES
   ======================================== */

/* ========================================
   MENÜ HIGHLIGHTING FIX
   Untermenü-Links blau, nur current orange
   ======================================== */

/* ALLE Untermenü-Links auf blau - höchste Spezifität */
#left ul#mod-menu100 li.parent ul.mod-menu__sub.small li.nav-item a,
#left ul#mod-menu100 li ul.mod-menu__sub li a,
#left .mod-menu .mod-menu__sub li a,
#left ul li ul li a,
#left ul li ul.small li a,
ul.mod-menu__sub.list-unstyled.small li a {
  color: #003e4d !important;
}

/* Untermenü-Links orange NUR bei hover oder current */
#left ul#mod-menu100 li.parent ul.mod-menu__sub.small li.nav-item a:hover,
#left ul#mod-menu100 li.parent ul.mod-menu__sub.small li.nav-item.current a,
#left ul#mod-menu100 li ul.mod-menu__sub li a:hover,
#left ul#mod-menu100 li ul.mod-menu__sub li.current a,
#left .mod-menu .mod-menu__sub li a:hover,
#left .mod-menu .mod-menu__sub li.current a,
#left ul li ul li a:hover,
#left ul li ul li.current a {
  color: #ff7f00 !important;
}

/* ========================================
   SUCHFORMULAR (mod_finder)
   Kompakt für #suche Container (30px Höhe)
   ======================================== */

/* HTML5 search Element zurücksetzen */
#suche search {
  display: block;
  margin: 0;
  padding: 0;
}

/* Container */
#suche .mod-finder.form-search {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  height: 30px;
}

/* Label ausblenden (bleibt für Screenreader) */
#suche .mod-finder label.finder {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Eingabefeld - kompakt für 30px Container */
#suche .mod-finder .form-control,
#suche .mod-finder input[type="text"],
#suche input.js-finder-search-query {
  width: 140px;
  height: 22px;
  padding: 2px 8px;
  margin: 0;
  font-family: 'Josefin Sans', sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #003e4d;
  background-color: #fff;
  border: 1px solid #b8d4e3;
  border-radius: 3px;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Eingabefeld - Fokus */
#suche .mod-finder .form-control:focus,
#suche .mod-finder input[type="text"]:focus,
#suche input.js-finder-search-query:focus {
  border-color: #005577;
  box-shadow: 0 0 0 2px rgba(0, 85, 119, 0.2);
  background-color: #fff;
}

/* Eingabefeld - Placeholder */
#suche .mod-finder .form-control::placeholder,
#suche .mod-finder input[type="text"]::placeholder,
#suche input.js-finder-search-query::placeholder {
  color: #999;
  font-style: italic;
  font-size: 11px;
}

/* Awesomplete Dropdown anpassen (Autocomplete) */
#suche .awesomplete {
  display: inline-block;
}

#suche .awesomplete > ul {
  font-size: 12px;
  background: #fff;
  border: 1px solid #b8d4e3;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#suche .awesomplete > ul > li {
  padding: 4px 8px;
}

#suche .awesomplete > ul > li:hover,
#suche .awesomplete > ul > li[aria-selected="true"] {
  background: #e1f2ff;
  color: #005577;
}

/* ========================================
   ENDE SUCHFORMULAR
   ======================================== */