/* Individuelle (Kunden-)Anpassungen hier rein! */


.hidden {
    display: none;
}

html, body, legend, fieldset, input {
    font-family: Verdana, sans-serif !important;
    font-weight: 300;
}

body {
    background:#fff;
}
html {
    background-color: #7b7c7e;
}
#tinymce a {
    color: #f7a800;
}
.main-content-area {
    background: #fff;
}
.site-header{
    background-color: #646464;
}
/*.site-header .stick{
}*/
.quickmenu ul a {
    color: #fff;
}
.logo img{
    max-height: 70px !important;
}
.main-navigation li {
    margin: 0;
}
.main-navigation .nlv_1 ul:after {
    opacity: 0.95;
}
.scrollnav{
    background-color: #646464;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    height: 0;
    opacity: 0;
}
.scrollnav.visible{
    height: auto;
    opacity: 1;
}
.scrollnav .logo{
	display: table;
}
.scrollnav .logo a{
	display: table-cell;
	vertical-align: middle;
}
.titelbild-slider .ikiss-control-nav ul,
.titelbild-slider .ikiss-control-nav li {
    list-style-image: none;
    margin: 0;
}
.titelbild .elem{
    background-position-x: left !important;
}
body.jumbotronwidth-full .slogan {
    text-align: left;
}
.site-content{
    padding-top: 15px;
}
.breadcrumb {
    font-size: 0.875em;
    padding: 0.385em 0 0;
    margin-bottom: 0;
}
.breadcrumb a > i {
    color: #878787;
}
.breadcrumb .elems a:before {
    color: #878787;
}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited {
    color: #878787;
}
.breadcrumb a.npt_last {
    text-decoration: none;
    color: #f7a800;
}
.submenu ul,
.submenu ul li {
    margin: 0;
}
.slicknav_btn {
    background-color: #646464;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #404040;
    margin: 0.45em 0 0.25em;
}
.page-title {
    margin: 10px 0 0.45em;
}
.grau {
    background:#E6E6E6;
    padding: 10px;
}
.orange {
    background:#F7A800;
    color:#fff;
    padding: 10px;
}
.orange h2{
    color:#fff;
}
.user{
    color:#fff;
}
.mitteilungen h2.liste-titel,
.mitteilungen h3.liste-titel,
.mitteilungen h4.liste-titel {
    color: #fff;
}
.mitteilungen h2.liste-titel a,
.mitteilungen h2.liste-titel a,
.mitteilungen h3.liste-titel a,
.mitteilungen h4.liste-titel a {
    color: #fff;
}
.mitteilungen h2.liste-titel a:hover,
.mitteilungen h2.liste-titel a:hover,
.mitteilungen h3.liste-titel a:hover,
.mitteilungen h4.liste-titel a:hover {
    color: #fff;
}
.mitteilungen .liste-text h2,
.mitteilungen .liste-text h3,
.mitteilungen .liste-text h4 {
    margin: 15px 0px;
    padding: 5px;
    background-color: #E6E6E6;
    border-bottom: solid 7px #f7a800;
    position: relative;
    color: #444;
}
.mitteilungen .liste-text h2 a,
.mitteilungen .liste-text h3 a,
.mitteilungen .liste-text h4 a {
    color: #444;
}
.startseite .liste-text {
    padding-left: 15px;
    padding-right: 0px;
}
.startseite .mitteilungen .liste-bild {
    padding-left: 0px;
}
.liste-text {
    padding-left: 15px;
    padding-right: 15px;
}
.liste-text h2,
.liste-text h3,
.liste-text h4 {
    font-weight: 400;
}
.liste-text a .more:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 1% 0 0;
    display: inline-block;
    text-decoration: none;
    color: #f7a800;
}
.liste-text a .more:hover {
    color: #f7a800;
}
.startseite .liste-text a:hover {
    color: #404040;
}
.liste-text a:hover {
    color: #404040;
}
.adressen .liste-text a:hover {
    color: #f7a800;
}
a.csslink_email:hover {
    color: #404040;
}
.mitteilungen .row {
    margin: 0;
}
.adressen .elem {
    margin: 0;
}
.einleitung {
    padding: 5px 12px;
}
.more {
    font-weight: bolder;
    padding: 5px 2px;
}
.mitteilungen .spacer{
    height: 1px;
    background-color: #f7a800;
    margin: 30px 0px;
}
.randspalte .widget {
    background-color: #fff;
    color: #404040;
    box-shadow: 0px 2px 2px 2px #eaeaea;
}
.randspalte h1,
.randspalte h2,
.randspalte h3,
.randspalte h4,
.randspalte h5,
.randspalte h6 {
    color: #444;
    background-color: #E6E6E6;
    border-bottom: solid 7px #f7a800;
}
.randspalte ul,
.randspalte li {
    list-style-image: url("assets/img/list.png");
    color: #404040;
}
.randspalte a {
    color: #404040;
}
.randspalte a:hover {
    color: #f7a800;
}
.unstyled-list ul,
.unstyled-list li {
    list-style-image: none;
    margin-left: 0;
}
ul,
li {
    list-style-image: url("assets/img/list.png");
    /*margin: 0 0 3px 3px;color:#fff;*/
}
ul.titelbild {
    margin: 0;
}
.quickmenu {
    float: right;
    font-size: 0.85em;
}
.quickmenu ul a:hover {
    color: #F39519;
}
.quickmenu ul a:after {
    content: '|';
    margin-left: 6px;
    color: #fff;
}
.quickmenu ul li:last-child a:after {
    display: none;
}
.suche form {
    background-color: #fff;
}
.suche input {
    color: #656565;
}
.inputs input,
.inputs select,
.inputs textarea {
    border: 1px solid #656565;
    color: #656565;
}
.inputs label {
    font-size: 1em;
}
.site-footer {
    border-top: 5px solid #f7a800;
    padding-bottom: 110px;
}
.site-footer a {
    font-weight: bolder;
}
.site-footer a:hover, .site-footer a:hover > i {
    color: #f7a800;
}
.site-footer .quickmenu ul a:after {
    content: '|';
    margin-left: 6px;
    color: #878787;
}
.site-footer .copyright {
    color: #a8a8a8;
    font-size: 0.8em;
}
a.btn,
button.btn,
input.btn,
.btn a {
    padding: 7px 10px 10px;
}
.themenboxen h2,
.themenboxen h3,
.themenboxen h4,
.themenboxen h5,
.themenboxen h6 {
    color: #fff;
}
.themenboxen .elem:hover h2,
.themenboxen .elem:hover h3,
.themenboxen .elem:hover h4,
.themenboxen .elem:hover h5,
.themenboxen .elem:hover h6 {
    color: #fff;
}
.themenboxen .elem .content{
    background-color: #a8a8a8;
    color: #fff;
}
.themenboxen .elem .themenboxorange {
    background-color: #F7A800;
    color: #fff;
}
.themenboxen .elem .image{
    border-bottom: 5px solid #646464;
}
.themenboxen .elem:hover .content {
    background-color: #F7A800;
}
.themenboxen .elem:hover .themenboxorange {
    background-color: rgb(255, 206, 38);
}
.header-right .phone {
    margin-top: 11%;
    display: inline-block;
    font-size: 1.5em;
}
.header-right .phone a {
    color: #fff;
}
.header-right .phone a:hover {
    color: #F39519;
}
.header-right .phone:before {
    content: '\f095';
    margin-right: 5px;
    opacity: 0.85;
    font-family: FontAwesome;
    font-size: 23px;
    font-weight: 400;
    color: #f7a800;
}
.header-right .inner {
    padding-top: 2.5%;
}
/*a[class^="csslink_"]:before{
    content: '\f016';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}*/
a.csslink_email:before{
    content: none;
}
a.csslink_EXE:before,
a.csslink_MSI:before{
    content: '\f085 ';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_OWI:before,
a.csslink_ZIP:before,
a.csslink_RAR:before{
    content: '\f1c6';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_grafik:before {
    content: '\f03e';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_PDF:before {
    content: '\f1c1';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_DOCX:before {
    content: '\f1c2';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_DOC:before {
    content: '\f1c2';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_XLSX:before {
    content: '\f1c3';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_XLS:before {
    content: '\f1c3';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_MP3:before {
    content: '\f1c7';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_PPT:before {
    content: '\f1c4';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_intern:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
    color: #f7a800;
}
a.csslink_extern:before {
    content: '\f08e';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_media:before {
    content: '\f1c5';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_text:before {
    content: '\f0f6';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_adresse:before {
    content: '\f015';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_bis:before {
    content: '\f046';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_veranstaltung:before {
    content: '\f073';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_beitrag:before {
    content: '\f044';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_rss:before {
    content: '\f09e';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
a.csslink_formular:before {
    content: '\f022';
    font-family: FontAwesome;
    font-style: normal;
    margin: 0 5px 0 0;
    display: inline-block;
    text-decoration: none;
}
.focus-text {
    background: #efefef;
    display: inline-block;
    vertical-align: top;
    padding: 15px 15px;
    border-left: 2px solid #f7a800;
    margin: 15px 0;
    width: 100%;
    float: left;
    clear: both;
}
.xing {
    float: right;
    font-size: 0.95em;
    margin-left: 10px;
}
.site-footer a:hover {
    color: #f7a800;
}
/**
**********************************************************
* CSS-Defintionen iKISS Formulare
**********************************************************
*/
/**	* Bestehende Definitionen zuruecksetzen	*/

fieldset.ikiss-form-fieldset,
legend.ikiss-form-legend,
.ikiss-form-element label,
.ikiss-form-element input,
.ikiss-form-element select,
.ikiss-form-element textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
    text-align: left;
    vertical-align: baseline;
    width: auto;
    float: none;
}
fieldset.ikiss-form-fieldset p:after,
fieldset.ikiss-form-fieldset div:after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* Feldefinitionen */
/* Alle Span-Tags die Felder umgeben */

span.ikiss-form-element {
    display: inline-table;
    float: none;
    width: 50%;
}
/* Alle Felder innerhalb der Span-Tags */

span.ikiss-form-element input,
span.ikiss-form-element select,
span.ikiss-form-element textarea,
span.ikiss-form-element label {
    /*display: inline-block;*/
}
/* Fieldset */

fieldset.ikiss-form-fieldset {
    padding: 3% 1%;
    border: 1px solid #ccc;
}
/* Legend */

legend.ikiss-form-legend {
    font-weight: bold;
    padding: 0 1%;
}
/* Allgemeine Feldlabel */

span.ikiss-field-label {
    width: 25%;
    float: left;
    margin-right: 6%;
}
span.ikiss-field-label label {}
/* Textfeld einzeilig */

span.ikiss-field-textfield input {
    width: 98%;
    padding: 1%;
}
/* Textfeld mehrzeilig*/

span.ikiss-field-textarea textarea {
    width: 98%;
    padding: 1%;
}
/* Auswahlfelder (einfach/mehrfach) */

span.ikiss-field-select select {
    width: 98%;
    padding: 1%;
}
/* Checkboxen */

span.ikiss-field-checkbox {} span.ikiss-field-checkbox input {
    margin-right: 2%;
}
span.ikiss-field-checkbox label {
    padding-right: 3%;
}
/* Radios */

span.ikiss-field-radio {} span.ikiss-field-radio input {
    margin-right: 2%;
}
span.ikiss-field-radio label {
    padding-right: 3%;
}
/* Dateiupload */

span.ikiss-field-file input {
    width: 100%;
}
/* Buttons Absenden/Zuruecksetzen */

span.ikiss-field-button input {
    min-width: 40%;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    padding: 7px 15px 10px;
    background-color: #F7A800;
    color: #fff;
    border-radius: 3px;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
    border: none !important;
    margin: 10px 10px 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all .2s;
}
span.ikiss-field-button input:hover{
    background-color: #db9708;
}

/* grayscale image styles */
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  display: block;
}
.logo-carousel {
  position: relative;
  padding: 0 20px;
}
.logo-carousel * {
  -webkit-transition: none;
  transition: none;
}
.logo-carousel .slideset {
  overflow: hidden;
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.logo-carousel .slide {
  display: inline-block !important;
  vertical-align: middle;
  float: none !important;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
}
.logo-carousel .slide a {
  display: inline-block;
  vertical-align: top;
}
.logo-carousel .slide a:hover img {
  -webkit-filter: none;
  transition: 1s filter linear, 1s -webkit-filter linear;
}


.checkboxen_kontakt {
    margin-top: 1em;
}

/* Cookie Hinweis */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}



/* IN 19.06.2024 TASK20652 Zusatzfunktion: Wichtige Mitteilung in einem modalen Fenster */
.modal-window,
.modal-window *,
.modal-window *::before,
.modal-window *::after {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.modal-window {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 1000;
    display: none;
    justify-content: center;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.modal-window .ikiss-mailform-req-marker {
    position: relative;
}
@media print {
  .modal-window {
    display: none;
  }
}
.modal-window-overlay {
    background-color: #fff;
    overflow-y: auto;
    height: 100%;
    opacity: 0;
    animation-name: modal-window-open;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
@keyframes modal-window-open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@media screen and (min-width: 681px) {
    .modal-window-overlay {
        max-width: 960px;
        height: calc(100% - 30px);
        width: calc(100% - 30px);
    }
}
@media screen and (min-width: 681px) and (min-height: 431px) {
    .modal-window-overlay {
        height: auto;
        max-height: 400px;
    }
}
@media screen and (min-width: 681px) and (min-height: 631px) {
    .modal-window-overlay {
        max-height: 600px;
    }
}
@media screen and (min-width: 681px) and (min-height: 831px) {
    .modal-window-overlay {
        max-height: 800px;
    }
}
.modal-window-content {
    padding: 30px;
}
.modal-window-content div[style="display:inline"]:last-of-type > :last-child { /* Designtemplate-Felder */
    margin-bottom: 0;
}
.frontend .modal-window-hide-btn {
    vertical-align: bottom;
    margin-top: 30px;
}
.frontend .modal-window-hide-x {
    cursor: pointer;
    background-color: transparent;
    float: right;
    color: #404040;
    margin: -20px -20px 30px 30px;
    line-height: 1;
}
.modal-window-hide-x i[class^=fa] {
    margin-right: 0;
}
.modal-window-hide-x .fa-fw {
    height:1.25em;
}
html.noscroll {
    overflow: hidden;
}
.modal-window.flex {
    display: flex !important;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .far, .fas, .fat {
    font-family: "FontAwesome";
    margin-right: 5px;
}
.fal {
    font-family: "FontAwesome";
}