/*******************************************************************************************/
/*** ALLGEMEIN *****************************************************************************/
/*******************************************************************************************/

#bewerben {
    position: absolute;
    right: 227px;
    top: 7px;
}
#bewerben li {
    list-style: none;
}
#bewerben:before {
    content: "2";
    position: absolute;
    right: -11px;
    top: -2px;
    background: #f59400;
    width: 14px;
    height: 14px;
    border-radius: 50px;
    font-size: 9px;
    z-index: 0;
    text-align: center;
    line-height: 13px;
    box-shadow: #787978 -2px 2px;
}
@media (min-width:992px){
  #bewerben:before{
    animation: stellenzahl 2s ease 3;
  }
}
@media (max-width:991px){
  #bewerben{
    right: 20px;
    top: 4px;
}
}

@media (max-width:350px){
  #bewerben{
    display:none;
}
}

@media (min-width:992px){
  #topbar .form-search {
        display: block!important;
}
}
#topbar .form-search .search-icon{
  font-size:14px;
  padding:0;
}

#topbar .form-search {
    display:none;
    position: absolute;
    top: 0;
    right: 0;
    width: 190px;
    margin-right: 20px;
}
#topbar .search-query {
    background: #989898!important;
}
.kad-topbar-right {
    width: 100%;
}
/*** Wörterumbruch ***/
h1, h2, h3, h4, h5 {
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

div#wrapper {
    overflow: hidden;
}

/*** SUCHERGEBNISSE ************************************************************************/

.search-results .postmeta {
    display: none;
}

/*** BUTTONS *******************************************************************************/

.bbutton {
    text-align:center;
    width:100%;
    max-width: 235px;
    background: #ededed;
    color: #787978;
    padding:5px;
    margin-bottom: 5px;
    transition: 0.25s;
}
#quicklinks .bbutton:hover{
    color:#ffffff!important;
}
.bbutton:hover {
    background: #ff9100;
    transition: 0.25s;
}

.infobox {
    padding: 10px;
    margin: 20px 0;
    font-style: italic;
    border: 1px solid #ededed;
}

.infobox-2 {
    background:#ededed;
    padding: 25px 25px 25px 25px;
    border-left: 5px solid #f59400;
    margin-bottom:20px;
}

/*******************************************************************************************/
/*** HEADER ********************************************************************************/
/*******************************************************************************************/

#logo {
    display: none;
}

#swe-logo {
    margin-top: 75px;
    margin-bottom: -40px;
}
#swe-logo a {
    z-index: 999;
    position: relative;
}
@media(max-width: 991px){
  #swe-logo {
    display:none;
  }
}

.page-header{
border:none;
}


/*** TOPBAR ********************************************************************************/

.topclass {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.kad-topbar-right{
padding-right:0;
}

.topbar-widget {
    padding-right: 10px;
}

@media (min-width:992px){
 .topclass .container{
    font-size:20px;
 }
.widget_text.widget-1.widget-first.topbar-widgetcontent.topbar-widgetcontain .textwidget.custom-html-widget {
    padding: 5px;
}
}


/*** ECKEN *********************************************************************************/

/*#eck_ol {
    max-height: 450px;
    height: 100%;
    width: 25%;
    max-width: 450px;
    z-index: 2;
    position: absolute;
    background: url(/wp-content/uploads/eck_ol.png);
    background-size: contain;
    background-repeat: no-repeat;
    user-select: none;
    pointer-events: none;
}*/


.kad_fullslider:before {
content: "";
height: 100%;
width: 25%;
max-width: 450px;
z-index: 2;
position: absolute;
background: url(/wp-content/uploads/eck_ol.png);
background-size: contain;
background-repeat: no-repeat;
user-select: none;
pointer-events: none;
}

#eck_ur {
    max-height: 450px;
    height: 100%;
    width: 25%;
    max-width: 450px;
    z-index: 2;
    position: fixed;
    background: url(/wp-content/uploads/eck_ur.png);
    background-size: contain;
    background-repeat: no-repeat;
    user-select: none;
    pointer-events: none;
    bottom: 0;
    right: 0;
    background-position: bottom right;
}

/*** NAVI **********************************************************************************/

#nav-main, .nav-main {
    margin-top: 0!important;
}
li.menu-item {
/*    width: 19.6%; */ /* 5 Navi-Elemente */
    width: 16.1%;  /* 6 Navi-Elemente */
}
.sf-menu li {
    background: #787978;
    margin-left: 1px;
    margin-right: 1px;
}
.sf-menu li a{
color:#ffffff;
    background: #787978;
}
.sf-menu ul li {
    border: none;
    margin-top: 2px;
    left: -1px;
}
.sf-menu ul {
    border: none;
    max-width: 186px;
}

#menu-hauptnavigation {
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    margin-top: 70px;
}

/*** Side Menu ******************************************************************************/

/*** TEMP – Kundenportal-Icon ausblenden ***/
/*.fm-item-1-5 {
    display: none;
}*/


.fm-label table td, .fm-label table th {
  padding-left: 0;
}
.fm-label{
  min-height:48px;
  padding:15px 15px 2px!important;
  line-height:normal;
}
.fm-label h1,.fm-label h2,.fm-label h3,.fm-label h4,.fm-label h5 {
color:#fff;
padding:0;
margin-top:0;
}
.swe-icon-menu .fm-icon:hover, .swe-icon-menu .fm-icon:hover i, .swe-icon-menu .fm-label {
    background: #f59400!important;
    transition:0.25s!important;
}

.swe-icon-menu .fm-icon, .swe-icon-menu .fm-icon i, .swe-icon-menu .fm-label {
  transition:0.25s!important;
}

/*** KACHEL-ÜBERSICHT ***********************************************************************/

.kt-si-imagecol {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.img-ktsi-right {
    border-right: 1px solid #ededed;
}
.img-ktsi-left {
    border-left: 1px solid #ededed;
}

.kt-animate-fade-in-right {
    right: 0!important;
}
.kt-animate-fade-in-left{
    left: 0!important;
}

.kt-image-slit .row {
    margin: 0;
}

.content-ktsi-left, .content-ktsi-right {
    padding: 0;
}
.kt-si-cell-box {
    padding: 20px;
    min-height: 170px;
}
.kt_imgsplit_content a div {
    height: 100%;
    padding-right: 25px;
    min-height: 100px;
}
.kt_imgsplit_content h2 {
    padding:0;
    margin-top:0;
}
.kt_imgsplit_content {
    background: url(/wp-content/uploads/eck-orange.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30px;
    height: 100%;
    padding: 0;
}

.kt-si-imagecol {
    /*background-size: 100%!important;*/
    opacity:1;
    transition:0.25s!important;
}
.kt-si-imagecol:hover {
    /*background-size: 102%!important;*/
    opacity:0.8!important;
    transition:0.25s!important;
}
.kt_imgsplit_content a, .kt_imgsplit_content a h2 {
    color: #787978;
    transition:0.25s;
}
.kt_imgsplit_content a:hover, .kt_imgsplit_content a:hover h2 {
  color: #b7b7b7;
  transition:0.25s;
}

/*** SLIDER ********************************************************************************/

/*Custom PHP – Beitragsbild als Header*/
@media (min-width: 992px){
.postfeat.pageheadfeature.container.feature_container .imghoverclass.img-margin-center {
    z-index: 1;
    position: relative;
    transform: rotate(-2deg);
    max-height: 410px;
    overflow: hidden;
    margin-bottom: -90px;
}
/*grauer Slider-Hintergrund*/
.postfeat.pageheadfeature.container.feature_container:before {
    width: 100%;
    content: "";
    background: #ededed;
    height: 1000px;
    position: absolute;
    top: -589px;
    left: 0;
    transform: rotate(-2deg);
}
}

@media (max-width:500px){
  #text-wrap{
  display:none;
  }
}

.kad_fullslider {
    box-shadow: 0px 0px 5px 2px #f1f1f1;
}  
  
#text-wrap {
    margin-left: 30px;
}
span.menschen-mit {
    text-shadow: 2px 1px 8px rgba(0, 0, 0, 0.5)!important;
}
span.energie {
    text-shadow: 2px 1px 8px rgb(255, 255, 255)!important;
    color:#f59400;
}

.ksp-slider-wrapper {
    max-width: 2000px!important;
    margin-left: 0!important;
}


.kad_fullslider {
    transform: rotate(-2deg);
    left: -10px;
    width: 104%;
    margin-bottom: -90px;
    z-index: 1;
}


@media (min-width:992px) {
.kad_fullslider {
    margin-top: 70px;

    background: #ecece8;
}
}

/*** Bilder soften ***/
.kad-slide{
/*-webkit-mask-image: linear-gradient(to right, transparent 0%, black 3%);
mask-image: linear-gradient(to right, transparent 0%, black 3%);*/
-webkit-mask-image: linear-gradient(to left, transparent 0%, black 3%);
mask-image: linear-gradient(to left, transparent 0%, black 3%);
}

.kad-slide:before {
    content: "";
    background: url(/wp-content/uploads/soft_links.png);
    height: 100%;
    width: 100%;
    z-index: 1;
    position: fixed;
    margin-left: 3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    user-select: none;
    pointer-events: none;
    transform: rotateY(180deg);
}

/* IE10+11 Fix */
    @media all and (-ms-high-contrast:none) {
     .kad-slide:before { /* IE10 */
  position: absolute; 
  } 
     *::-ms-backdrop, .kad-slide:before { /* IE11 */
  position: absolute; 
  } 
     }
/* @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.kad-slide:before {
  position: absolute; 
  }
  }*/

/* Safari 6.1-7.0 Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) 
and (min-color-index:0)
{  
   .kad-slide:before {
      position: absolute;
/*      display:none; */
    }
}



/*******************************************************************************************/
/*** SIDEBAR *******************************************************************************/
/*******************************************************************************************/

.search-query {
    background: #ededed!important;
}
.sidebar {
    padding-left: 50px;
    border-left: 1px solid #b9baba;
    margin-left: 20px;
    min-height: 45vh;
}

.widget_recent_entries .widget-inner li a:before{
    color:#f59400;
}

.sidebar .post-date{
    font-style: italic;
    color: #bbbcbc;
    display: block;
}

.sidebar .widget-inner li {
    line-height: inherit;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media (max-width:991px){
 .sidebar {
    margin-top: 40px;
    border-top: 1px solid #ececec!important;
    padding-top: 30px;
 }
}

/*******************************************************************************************/
/*** CONTENT *******************************************************************************/
/*******************************************************************************************/

/*** Ansprechpartner old *******************************************************************/
/*
.eeg div,
.buchhaltung div,
.telekommunikation div,
.kundenservice div {
    box-shadow: 0px 0px 2px #d0d0d0;
    background-color: #f5f5f5!important;
}

.eeg .staff_item_info,
.buchhaltung .staff_item_info,
.telekommunikation .staff_item_info,
.kundenservice .staff_item_info {
    background: url(/wp-content/uploads/eck-orange.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 30px;
    background-origin: content-box;
    padding-bottom: 20px;
}

.eeg .staff_item_info h3,
.buchhaltung .staff_item_info h3,
.telekommunikation .staff_item_info h3,
.kundenservice .staff_item_info h3{
    margin-bottom: 0px;
    font-size: 200%;
    font-weight: 200;
    line-height: normal;
}

.eeg .staff_item_info p,
.buchhaltung .staff_item_info p,
.telekommunikation .staff_item_info p,
.kundenservice .staff_item_info p{
  margin-bottom:0;
}

.eeg .staff_item_info,
.buchhaltung .staff_item_info,
.telekommunikation .staff_item_info,
.kundenservice .staff_item_info{
  min-height:unset!important;
}
*/

/*** Ansprechpartner 2023 Test ******************************************************************/
/*
.planauskunft div,
.z-hler-und-messstellenbetrieb div,
.erzeugungsanlagen div,
.netze-und-anlagen div,
.hausanschluss-strom div,
.hausanschluss-kommunikation div,
.hausanschluss-wasser-und-gas div,
.leitung div,
.eeg div,
.buchhaltung div,
.telekommunikation div,
.kundenservice div {
    box-shadow: 0px 0px 2px #d0d0d0;
    background-color: #f5f5f5!important;
}

.planauskunft .staff_item_info,
.z-hler-und-messstellenbetrieb .staff_item_info,
.erzeugungsanlagen .staff_item_info,
.netze-und-anlagen .staff_item_info,
.hausanschluss-strom .staff_item_info,
.hausanschluss-kommunikation .staff_item_info,
.hausanschluss-wasser-und-gas .staff_item_info,
.leitung .staff_item_info,
.eeg .staff_item_info,
.buchhaltung .staff_item_info,
.telekommunikation .staff_item_info,
.kundenservice .staff_item_info {
    background: url(/wp-content/uploads/eck-orange.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 30px;
    background-origin: content-box;
    padding-bottom: 20px;
}

.planauskunft .staff_item_info h3,
.z-hler-und-messstellenbetrieb .staff_item_info h3,
.erzeugungsanlagen .staff_item_info h3,
.netze-und-anlagen .staff_item_info h3,
.hausanschluss-strom .staff_item_info h3,
.hausanschluss-kommunikation .staff_item_info h3,
.hausanschluss-wasser-und-gas .staff_item_info h3,
.leitung .staff_item_info h3,
.eeg .staff_item_info h3,
.buchhaltung .staff_item_info h3,
.telekommunikation .staff_item_info h3,
.kundenservice .staff_item_info h3{
    margin-bottom: 0px;
    font-size: 200%;
    font-weight: 200;
    line-height: normal;
}

.planauskunft .staff_item_info p,
.z-hler-und-messstellenbetrieb .staff_item_info p,
.erzeugungsanlagen .staff_item_info p,
.netze-und-anlagen .staff_item_info p,
.hausanschluss-strom .staff_item_info p,
.hausanschluss-kommunikation .staff_item_info p,
.hausanschluss-wasser-und-gas .staff_item_info p,
.leitung .staff_item_info p,
.eeg .staff_item_info p,
.buchhaltung .staff_item_info p,
.telekommunikation .staff_item_info p,
.kundenservice .staff_item_info p{
  margin-bottom:0;
}

.planauskunft .staff_item_info,
.z-hler-und-messstellenbetrieb .staff_item_info,
.erzeugungsanlagen .staff_item_info,
.netze-und-anlagen .staff_item_info,
.hausanschluss-strom .staff_item_info,
.hausanschluss-kommunikation .staff_item_info,
.hausanschluss-wasser-und-gas .staff_item_info,
.leitung .staff_item_info,
.eeg .staff_item_info,
.buchhaltung .staff_item_info,
.telekommunikation .staff_item_info,
.kundenservice .staff_item_info{
  min-height:unset!important;
}

*/

/*** POP-UP Maker SWE-Theme ***/
.pum-theme-swe .pum-container{
border-left: 5px solid #f59400;
width:450px!important;
max-width:calc(100% - 40px)!important;
}
@media (min-width:992px){
.pum-theme-swe .pum-container{
  min-height: 200px;
}
}
.pum-theme-swe .pum-title{
  
  line-height: normal!important;
}


.pum-theme-swe .pum-title:before {
    content: "\e363";
    font-family: virtue_icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: normal!important;
    -webkit-font-smoothing: antialiased;
}

.hometitle {
    text-align: left;
    font-size: 34px;
}
.home_blog article {
    border-color: #ededed;
    background: #ededed;
}
.postlist article {
    border-color: #ededed;
    background: #ededed;
}


/*JPG-Vorschaubild PDF*/
a[href$= ".pdf"] img {
	  border: 1px solid grey;
}
a[href$= ".pdf"] img:hover{
    border: 1px solid grey;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}

/*WP-Media Folder PDF DL-Buttons*/
.wpmf_mce-wrap {
    display: block;
}

.wpmf-defile {
    background: #F59408 url(/wp-content/plugins/wp-media-folder/assets/css/../images/download.png) no-repeat scroll 5px !important;
    color: #fff!important;
    float: none;
    margin: 5px 0;
    padding: 5px 60px 5px 10px;
    display: block;
    background-position: 99%!important;
}
.wpmf-defile:hover{
    background-position: 99%!important;
}

.wp-caption-text {
    text-align: left;
}


/*** AKKORDEON MENU  ********************************************************************/
.panel.panel-default {
    margin-bottom: 2px;
    border: 1px solid #ededed;
}
.panel-heading {
    background: #ededed;
}
.panel-heading .accordion-toggle.collapsed {
    border-left: 4px solid #f59400;
}

.panel-heading .accordion-toggle {
    border-left: 4px solid #bbbcbc;
}

.panel-heading .icon-minus:before {
    content: "\e375";
    color: #bbbcbc;
}

.panel-heading .icon-plus:before {
    content: "\e376";
    color: #f59400;
}

a.accordion-toggle h5 {
    font-weight: bold;
}

a.accordion-toggle.collapsed h5{
    font-weight: normal;
}

/*** GOOGLE MAPS  ***********************************************************************/

.google-maps:hover {
    opacity: 0.8;
    transition: 0.25s;
}

.google-maps{
  transition: 0.25s;
}

.google-maps img {
    pointer-events: none;
    user-select: none;
}

@media (min-width:700px){
.google-maps:before {
    content: "Google Maps in neuem Fenster öffnen …"!important;
}
}
.google-maps:before {
    content: "Google Maps öffnen …";
    position: absolute;
    text-align: center;
    width:100%;
    /*max-width: 850px;*/
    max-width:1142px;
    padding-top: 22%;
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*** KONTAKTFORMULAR ***********************************************************************/

/*Date-Picker Error Safari*/
#ui-datepicker-div {
  z-index:99!important;
}

div.wpcf7 .ajax-loader {
    display: none;
}

.wpcf7 input.wpcf7-submit {
    padding: 5px 18px;
    width: 100%;
    font-size: unset;
}

.wpcf7 fieldset textarea{
    /*max-width: 825px;*/
    max-width:none;
}

.wpcf7 textarea{
    max-width: 850px;
    margin-bottom: 0;
  	border:none;
}

.wpcf7 input {
    max-width: none;
  	border:none;
}

.wpcf7 input {
    padding: 0 5px;
}

.wpcf7 p {
margin-bottom:0;
}

fieldset {
    padding: 10px;
    margin: 0;
    margin-bottom: 30px;
    background: #ededed;
}
legend {
    display: block;
    width: auto;
    padding: 0;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: inherit;
    color: #787978;
    border: 0;
    text-shadow: 2px 2px 5px white;
}

.select2-container {
    background: #fff;
}


/************************ ANTI SPAM ************************/
.captcha-image {
    width: 100%;
    margin: 10px 0;
    text-align: left;
    border: 0;
    padding:0;
    padding-top:5px;
    padding-bottom:5px;
}
.captcha-image .cf7ic_instructions span {
    color: #f59400;
}
.captcha-image label>input:checked+svg, .captcha-image label>input:focus+svg {
    border: 2px solid #f59400;
}
.captcha-image svg {
    padding: 5px;
    width: 40px;
    height: 40px;
}
.cf7ic_instructions {
    margin-bottom: 10px;
}
.captcha-image:before {
    content: "Spamschutz *";
    font-weight: bold;
}


/*** Tabellen ******************************************************************************/

table {
  hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  word-break: break-word;
}


th {
    text-align: left;
    background: #787978;
    color: #fff;
}

th h1, th h2, th h3, th h4, th h5 {
    color: #fff;
}

td {
    vertical-align: top;
}
.entry-content table th {
    background: #f59406!important;
}
.entry-content table th, .entry-content table td {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}

.entry-content table tr:nth-child(even) {
    background: #ededed!important;
}

.entry-content table tr:nth-child(odd) {
    background: #f7f7f7!important;
}

/*** Video-Player ******************************************************************************/
/*
.mejs-overlay-button {
    background: url(//www.stadtwerke-engen.de/swestaging/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat rgb(245 148 1 / 75%);
    border-radius: 50px;
    background-position: 0 -39px;
    height: 80px;
    width: 80px;
}*/
.mejs-overlay.mejs-layer.mejs-overlay-play {
    background: rgb(0 0 0 / 10%);
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
    background: #787978;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #f59401;
}


/*Impressum DC*/
.table-dc, .table-dc td, .table-dc tr{
  vertical-align: center;
  width:auto;
  background:none;
  border:none;
  color:unset;
}


/*******************************************************************************************/
/*** MITARBEITER ***************************************************************************/
/*******************************************************************************************/
/*
.sc-staff .grid_item {
    background: url(/wp-content/uploads/eck_ur.png);
    background-position: bottom right;
    background-size: 100px;
    background-repeat: no-repeat; 
    box-shadow: 0px 0px 2px #d0d0d0;
}
*/


/*****/


.staff_item_info {
    padding: 5px 20px 20px 20px;
    line-height: 22px;
}

@media (min-width:768px){
.staff_item_info {
    min-height: 190px; /*equal grid height*/
}
}

.staff_item_info h3 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
}

/*** Ansprechpartner 2023 ******************************************************************/

.sc-staff .grid_item {
    box-shadow: 0px 0px 2px #d0d0d0;
    background-color: #f5f5f5!important;
}

.staff_item_info {
    background: url(/wp-content/uploads/eck-orange.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 30px;
    background-origin: content-box;
    /*padding-bottom: 20px;*/
    min-height:unset!important;
}

 .staff_item_info h3{
    margin-bottom: 0px;
    font-size: 200%;
    font-weight: 200;
    line-height: normal;
}

.staff_item_info p{
  margin-bottom:0;
}

/*******************************************************************************************/
/*** BLOG **********************************************************************************/
/*******************************************************************************************/

/*** Highlight pinned Post ***/
/* .postlist.fullwidth article:first-child {
    border: 2px solid #f59400!important;
}
*/
/* .postlist article.sticky 
/*, .postlist #post-3396 */
/*{
    border-color: #f59400!important;
    border: 2px solid;
}*/


article h1.entry-title {
    font-size: 2em;
    line-height: normal;
}
.postlist.fullwidth .entry-content {
    padding-right: 70px!important;
}


@media (min-width: 992px){
.postlist.fullwidth .col-md-4, .postlist.fullwidth .span4  {
    width: 30%!important;
}
}
@media (min-width: 992px){
.postlist.fullwidth .col-md-8, .postlist.fullwidth .span8  {
    width: 70%!important;
}
}

/*** Grauer HG bei News Header-Bilder ***/
.postfeat .kt-slickslider {
    background: #f2f2f2;
}

/*
img.iconhover.post-excerpt-image, .kt-intrinsic-container-center .kt-intrinsic img {
    min-width: 365px;
}
.kt-intrinsic-container-center {
    overflow: hidden;
    min-width: 360px;
    max-height: 275px;
}*/

/*******************************************************************************************/
/*** FOOTER ********************************************************************************/
/*******************************************************************************************/

.footercol2 {
    width: 100%;
}

#text-2 img {
    max-width: 33%;
    float: left;
    margin: 0;
    padding: 10px;
}


/*******************************************************************************************/
/*** MOBIL *********************************************************************************/
/*******************************************************************************************/

button.nav-trigger-case.collapsed.mobileclass:before {
    content: "";
    background: url(https://swe.dcweb.eu/wp-content/uploads/Logo_Statdwerke_Engen_RGB_grau_orange.png);
    width: 100px;
    height: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 5px;
    left: 5px;
}
.nav-trigger-case .kad-menu-name{
display:none;
}

#kad-mobile-nav i:before{
 color: #000;
}

#mobile-nav-trigger {
   margin-top: 65px; 
    background: #ffffff;
}
div#mobile_menu_collapse ul li {
    width: 100%;
}

@media (max-width:991px){
.sidebar{
    border:none;
    padding-left: 0;
    margin-left: 0;
}
}
@media (max-width:600px){
.footercredits {
    /*width: 200px;*/
    max-width: 300px;
}
}
@media (max-width:768px){
.footercredits {
    padding-left: 60px;
}
}
@media (max-width:991px){
#kad-banner:after {
display:none;
margin:0;
}
}

@media (max-width:991px){
.page-bread-container {
    float: left;
    margin-top: -20px;
}
}

@media (min-width:992px){
#mobile-quicklinks {
  display:none!important;
}
}

@media (max-width:991px){
.sidebar {
  display:none!important;
}
}

#mobile-quicklinks{
  display:block;
}
#mobile-quicklinks .bbutton {
    max-width: none;
}

#mobile-quicklinks .form-search{
    max-width: none;
}

/*******************************************************************************************/
/*** TARIFRECHNER **************************************************************************/
/*******************************************************************************************/


/*** Neuer TARIFRECHNER ab 10/2021 *********************************************************/

.sweframe{
height:380px;
}
@media (min-width:540px){
.sweframewrapper{
  min-width:350px;
}
}
@media (min-width:992px){
  .sweframewrapper{
  /*width:33%;*/
  width:380px;
}
}



@media (max-width:539px){
  .sweframewrapper{
  width:100%;
  min-width:none;
}
}


/*******************************************************************************************/
/*** ANIMATIONEN ***************************************************************************/
/*******************************************************************************************/

@keyframes stellenzahl {
  0%   {top:-2px;}
  10% {top:-10px;}
  20% {top:-4px;}
  30% {top:-6px;}
  50% {top:-2px;}
  100% {top:-2px;}
}



/*** ENDE **********************************************************************************/
