/* ---0---------0--000000000---000000000----0---------0----0000000----00000000-----0----------0----00000000--------
------0---------0--0-----------0--------0---0-0-----0-0---0-------0---0-------0----0----------0---0----------------
------0-------- 0--0-----------0---------0--0--0---0--0--0---------0--0--------0---0----------0--0-----------------
------0---------0--0-----------0--------0---0---0-0---0--0---------0--0---------0--0----------0---0----------------
------0----0----0--000000000---000000000----0----0----0--0---------0--0---------0--0----------0----00000000--------
------0---0-0---0--0-----------0--------0---0---------0--0---------0--0---------0--0----------0------------0-------
------0--0---0--0--0-----------0---------0--0---------0--0---------0--0--------0---0----------0-------------0------
------0-0-----0-0--0-----------0--------0---0---------0---0-------0---0-------0-----0--------0-------------0-------
------0---------0--000000000---000000000----0---------0----0000000----00000000-------00000000------00000000----- */

.hidden{
  display:none !important;
}

#field10{
  background: #0b7ec2;
color: white;
border: none !important;
text-transform: lowercase;
padding: 10px 20px 10px 20px;
border-radius: 0;
text-shadow: none;
}
#field9{
  width:100%;
}
.visBtnCon{
  display:flex !important;
}

.asterix-ancorm, .visCSSlabel, .fieldset-1 > label{
  display:none !important;
}
.fieldset-1{
  display: flex !important;
flex-flow: row wrap;
gap: 2%;
}
.fieldset-1 > div, .fieldset-1 > label{
  width:100%;
}
.fieldset-1 > div:nth-child(2), .fieldset-1 > div:nth-child(3){
  width:49%;
}

          /* Webmodus Widgetkit Bugfix */
.jmoddiv > div > ul{
  display:flex !important;
  flex-flow:row wrap;
}
			.uk-scope * + address, .uk-scope * + dl, .uk-scope * + fieldset, .uk-scope * + figure, .uk-scope * + ol, .uk-scope * + p, .uk-scope * + pre, .uk-scope * + ul{
          margin-top: 0px !important;
          
        }
#cck42_value_art_fulltext a{
  color:white !important;
}
.uk-scope .uk-link, .uk-scope a{
  color:white;
}
.uk-lightbox{
  margin-top:90px !important;
}
.home_slider h3{
  font-weight:700 !important;
}
.uk-scope .uk-slideshow-items{
  min-height:500px !important;
}
.custom_team a {
  color:black !important;
}

#sp-impressionen .uk-child-width-1-1 > div {
  padding-top:20px;
    
}
@media only screen and (max-width: 480px) {
.home_slider .uk-overlay{
	max-width: 100% !important;
}
}
.webmodus-partner-grid > div > div {
  display:flex !important;
  align-items:center;
}
.webmodus-partner-grid > div:nth-child(4) > div, .webmodus-partner-grid > div:nth-child(5) > div{
	display: flex !important;
	justify-content: center;
}
#cck142 .cck_beitragsbild_partner img{
	height: 200px !important;
}
#cck141 .cck_beitragsbild_partner img{
	height: 200px !important;
}

.dienstleistungen_menu{
  display:unset !important;
}
.dienstleistungen_menu > li{
  position: relative;
display: block;
padding: 10px 15px;
}
.dienstleistungen_menu > li > a{
width:100% !important;
display: block;
}
.dienstleistungen_menu > li > ul{
padding-bottom: 0px !important;
}

.cck_wis_sliderlinkbutton{
  margin-top:15px;
}

#uk-slideshow-0-items{
  min-height:600px !important;
    max-height:600px !important;
}

#sp-impressionen .uk-child-width-1-1 > div{
  padding-top:20px !important;
}

.popup-modal-dismiss{
  background-color:#e52d16 !important;
  border:none !important;
}

.fa-phone::before {
    margin-right: 3px;
}

.pdf-stellen a {
    color: red;
    font-size: 1.2em;
}

.pdf-stellen {
    padding-bottom: 40px !important;
}

.impressbilder img {
    display: inline-block;
    margin: 10px;
}

.cck_wis_icon_dienstleistungen {
    background: #ccc;
}

.modal.btn {
    background: gray;
}
.btn.hasTooltip {
    color:red;
}
#cck71_value_wis_pdf {
    margin-bottom:20px

}

.news_container a, .dienstleistungen_container a, .stellen_container a {
    color: #fff;
}
#editor-xtd-buttons {
    display:none;
}


.home_seite_breadcrumb .cck_wis_breadcrumb{
    display:none;
}
.cck_wis_breadcrumb{
    padding-bottom:40px;
}
.home_seite_breadcrumb h1{
    padding-bottom:15px;
}

.cck_module_breadcrumbs .pathway{
    color:#333;
}

.cck_module_breadcrumbs .pathway-last{
    font-weight: bold;
}

.spalte-1{
    column-count: 1;
}
/*.spalte-2{
    column-count: 2;
    column-gap: 65px;
}*/

.cck_pdf_group_x .cck_upload_image{
  padding:20px 0;
}
.gxi{
  border:none !important;
  display:inline-block;
  padding: 0 20px 5px 0px !important;
}





/** Allgemein **/

h1{
    text-transform: uppercase;
}

a{
    color:#333;
    /*text-decoration:underline;*/
    font-family: Open Sans, sans-serif;
}

.kontakt_seite a{
    color: #0b7ec2;
    font-family: Open Sans, sans-serif;
}

.cck_wis_beitragsgalerie > div {
    display: flex !important;
    flex-wrap: wrap !important;
}
/** Bereich Admin **/

#sp-admin-menu > div > div > div > ul > li {
    font-weight: bold;
    margin-right:30px;
    margin-bottom:20px;
    margin-top: 30px;
}
#sp-admin-menu > div > div > div > ul > li ul > li{
    font-weight: normal;
    padding:0 20px;
}
.btn-custom-bearbeiten{
    display:inline-block;
    width:25%;
}
.btn-custom-loeschen{
    display:inline-block;
    width:75%;
}
.btn-custom-loeschen > button{
    background: red;
    color: white;
}
.btn-custom-bearbeiten > button{
    background: lightgray;
    color: white;
}
.btn-custom-new > button{
    background: lightgray !important;
    color: white !important;
}
.btn-custom-new > button:hover{
    color: #333 !important;
    text-decoration: none !important;
}


/** Bereich Obermenu **/

#sp-obermenu p {
    float:right;
    color:white;
    margin: 10px 0 !important;
}

#sp-obermenu a {
    color:white;
    padding-right: 25px;
}

/** Bereich Logo / Menu **/
.sp-default-logo{
    height: 65px;
    max-width: 340px;
}

.sp-megamenu-parent >li>a{
    font-weight:bold;
    color:#1e1e1c !important;
}
.sp-megamenu-parent >li.active>a{
    font-weight:bold;
    text-decoration:none;
    color:#1e1e1c !important;
    border-bottom: 2px solid black;
    background: #ececec;
}
.sp-megamenu-parent >li.sp-has-child>a:after, .sp-megamenu-parent >li.sp-has-child>span:after{

    text-decoration:none !important;

}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span{
    font-weight:bold !important;
    color:#1e1e1c !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover{
    background:#767676 !important;
    color:white !important;
}

.sp-megamenu-parent >li:hover>a{
    color:#767676 !important;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span{
    color:#1e1e1c !important;
}

/** Bereich Header **/

/** Bereich Slider **/
.home_slider .uk-overlay {
    max-width: 40% !important;
    margin: 0 10% !important;
    margin-top: 9% !important;
    background: rgba(0,0,0,0.8) !important;
    color: #fff !important;
    font-weight: bold !important;
  	position:unset !important;
}
.home_slider h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size:2.5em;
}
.home_slider .uk-button   {
    background:#0e9cd1;
    color:#fff;
    font-size:18px;
    margin-top: -20px;
}

.home_slider .button_custom {
    padding-top: 5px;
}
.home_slider .button_custom > a > p {
    background: white;
    width: 160px !important;
    color: black;
    text-align: center;
    border: none;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
}

.home_slider .button_custom > a:hover {
    text-decoration: none !important;
}
.home_slider .button_custom > a > p:hover {
    background: lightgrey;
    width: 160px !important;
    color: black;
    text-align: center;
    text-decoration: none;
    padding-top: 1px;
    padding-bottom: 1px;
}
.home_slider button {
    background: white;
    width: 160px !important;
    color: black;
    text-align: center;
    border: none;
}
.home_slider button:hover {
    background: lightgrey;
    width: 160px !important;
    color: black;
    text-align: center;
}
.uk-slidenav-position .uk-slideshow{
    height:500px !important;
}

.uk-slidenav-position .uk-slideshow li{
    height:500px !important;
}

.uk-panel-body .uk-slideshow{
    height:100px !important;
}

.uk-panel-body .uk-slideshow li{
    height:100px !important;
}

.uk-slidenav-previous{
    color:white !important;
}
.uk-slidenav-next{
    color:white !important;
}

#sp-icon-description .container{
    width:100% !important;
}

#sp-icon-description .container img{
    margin:0 auto !important;
    height:70px !important;
    width:70px !important;
}

#sp-icon-description .container h3{
    text-align:center !important;
    color:white !important;
}
#sp-icon-description .container .uk-panel{
    padding:25px 0 !important;

}

#sp-icon-description .uk-grid-width-1-1 > div{
    padding-left:0 !important;
    border-left:1px solid white;
}

#sp-icon-description .uk-grid+.uk-grid, .uk-grid-margin, .uk-grid>*>.uk-panel+.uk-panel{
    margin-top:0px !important;
}

.startseiten-quicklinks a[class*=uk-]:hover {
    background: rgba(0,0,0,0.4)!important;
}

/** Bereich Main Body **/
#sp-main-body .container {
    padding-left:80px;
    padding-right:80px;
}
#sp-main-body{
    padding:50px 0 !important;
}

.lagerfahrzeuge_seite #sp-main-body{
    margin-bottom:-50px;
}
#sp-right {
    padding-top: 190px;
}

#sp-main-body .cck_wis_introtext > div > p {
    column-count: 1 !important;
    font-weight: bold;
}

#sp-main-body .news_container img{
    width:100%;
}

#sp-main-body .news_container .cck_art_title, .cck_art_introtext, .cck_wis_nutzfahrzeuge_introtext{
    background-color:#1e1e1c;
    color:white;
    padding:15px;
}

.cck_wis_externer_link_nutzfahrzeugeboxen{
    background-color:#1e1e1c;
    color:white;
    padding:15px;
}

#sp-main-body .cck_value_wysiwyg_editor td,th{
    padding: 10px 30px 10px 0px;
}

}

#sp-main-body .news_container .cck_art_title > div{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
#sp-main-body .news_container .uk-margin{
    margin-bottom:0px !important;
}
#sp-main-body .news_container .uk-panel > p{
    background-color:#1e1e1c;
    color:white;
    padding:15px;
}
.diensleistungen_grid .cck_wis_einleitungsbild_dienstleistungen{
    padding-bottom:0px !important;
}
.cck_wis_einleitungsbild_dienstleistungen{
    padding-bottom:40px;
}
.cck_wis_newsbild{
    padding-bottom:40px;
}
.news_container .cck_wis_newsbild{
    padding-bottom:0px !important;
}

.cck_wis_einleitungsbild_stellen{
    padding-bottom:40px;
}

.stellen_container .cck_wis_einleitungsbild_stellen{
    padding-bottom:0px !important;
}
.cck_wis_modul_left ul > li > a {
    border-bottom:2px solid black;
    color: #0b7ec2;
}

.cck_wis_modul_left ul > li > a:before {
    content: "\003e";
}
.cck_wis_modul_left ul > li > a:hover {
    background:none !important;
}
.cck_wis_modul_left ul > li > a:focus {
    background:none !important;
}
.cck_wis_modul_left ul > li.active > a {
    color:#1e1e1c;
}

.cck-w30{
    padding-right: 20px;
    padding-top: 0px !important;
    margin-top: -5px;
}

.cck_wis_site_button_service{
    padding-top:50px;
}

#sp-google-street-view iframe{
    margin: 0 0 -10px 0;
}
.cck_wis_stellenantritt{
    padding-bottom: 20px;
}
.cck_wis_modul_left ul > li.parent > ul {
    padding-bottom: 15px;
}
.cck_wis_modul_left ul > li.parent > ul > li {
    list-style-type:none;
    padding: 15px 0px 0px 0px;
    border-bottom:2px solid black;
}
.cck_wis_modul_left ul > li.parent > ul > li > a {
    border:none !important;
}
/** Bereich After Main Body **/
#sp-after-main-body{
    padding:50px 15px;
}
#sp-after-main-body .container{
    padding-left:80px;
    padding-right:80px;
}
#sp-after-main-body .uk-margin{
    margin-bottom:0 !important;
}

#sp-after-main-body .news_container .cck_contents{
    min-height:155px !important;
}
#sp-after-main-body .stellen_container .cck_art_title{
    min-height:155px !important;
}

#sp-after-main-body .cck_art_title, .cck_art_introtext, .cck_wis_nutzfahrzeuge_introtext, .cck_art_urla_text{
    background-color:#1e1e1c;
    color:white;
    padding:15px;
}
#sp-after-main-body .nutzfahrzeuge_widget_grid_custom .cck_art_title{
    background-color:#1e1e1c;
    color:white;
    padding:15px 15px 0px 15px;
    min-height:80px;
}

#sp-after-main-body .nutzfahrzeuge_widget_grid_custom  .cck_art_urla_text{
    background-color:#1e1e1c;
    color:white;
    padding:0px 15px 15px 15px;
}


#sp-after-main-body .cck_art_title > div{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}


#sp-after-main-body .uk-panel > p {
    background-color:#1e1e1c;
    color:white;
    padding:15px !important;
  	margin-top:0px !important;
}
#sp-after-main-body .uk-panel > p > a {
	color:white !important;
}
#sp-impressionen {
    padding:50px 15px;
}
#sp-impressionen .container{
    padding-left:80px;
    padding-right:80px;
}

#sp-impressionen .uk-grid-width-1-1 > div{
    padding-top:20px;
}

#sp-impressionen .sp-module-title{
    font-family: Open Sans, sans-serif;
    font-weight: 800;
    font-size: 36px;
    text-transform:uppercase;
}

.diensleistungen_grid > div{
    padding-bottom:50px;
}

.diensleistungen_grid .cck_art_title{
    font-size: 18px;
    font-weight: bold;
    text-transform:uppercase;
    padding: 15px 15px 0 15px !important;
}

.diensleistungen_grid .uk-panel > p {
    padding: 0 15px 15px 15px !important;
}



/** Bereich Team **/
#sp-team{
    padding:50px 15px !important;
}
#sp-team .container {
    padding-left:80px;
    padding-right:80px;

}

#sp-team .uk-grid-width-1-1 > div {
    padding-bottom:30px;
}

#sp-team div.cck_contents.cck_content div.cck_label, div.cck_contents.cck_content div.cck_label label, div.cck_contents.cck_content div.cck_value{
    line-height:20px !important;
}

#sp-team .cck_art_title > div{
    font-weight: bold;
    padding-top:5px;
}

/*#sp-team .cck_value_email{
    text-align: right;
    margin: -20px 0 0 0;
}*/

#sp-team .cck_value_email i{
    color:black;
}

/*.cck_wis_telefon_team > div{
    float: right !important;
    margin-right: 20px;
    margin-top: -20px;
}*/
.cck_wis_telefon_team i{
    color:black;
}
/** Bereich Footer **/

/** Kontakt Formular **/
.kontaktformular .control-group{
    display:none;
}
#modvisform102anredelbl{
    display:none;
}
.kontaktformular .span12 select {
    width:100% !important;
}
.asterix-ancor {
    display:none;
}
.kontaktformular .form-actions {
    background:none !important;
    border:none !important;
    padding: 0px !important;
    margin-top:0px !important;
}
.kontaktformular .form-actions > input {
    background: #0b7ec2;
    color: white;
    border: none !important;
    text-transform: lowercase;
    padding: 10px 20px 10px 20px;
    border-radius: 0;
    text-shadow: none;
}
.kontaktformular .form-actions > input:hover {
    background: #0B7EA9;
}






/******************************************************/
/** MEDIA QUERIES START **/
/******************************************************/
/** Laptop**/
@media screen and (max-width: 1200px) {
    /** Allgemein **/

    /** Bereich Logo / Menu **/
    .sp-default-logo{
        height: auto;
        max-width: 100%;
    }
    .sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
        font-size: 10px;
    }
    /** Bereich Header **/

    /** Bereich Main Body **/

    /** Bereich Bottom **/

    /** Bereich Footer **/
    .kontakt_seite .row-fluid .span5{
        width:100%;
    }
}
/** Landscape Tablet**/
@media screen and (max-width: 991px) {
    /** Allgemein **/

    /** Bereich Obermenu **/

    /** Bereich Logo / Menu **/
    .offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
        position:unset !important;
    }
    /** Bereich Header **/

    /** Bereich Slider **/

    /** Bereich Main Body **/
    #sp-main-body p {
        column-count: 1;
    }
    /** Bereich After Main Body **/

    #sp-after-main-body .uk-grid-width-1-1 > div{
        padding-top:20px;
    }

    /** Bereich Team **/

    /** Bereich Footer **/

    /** Kontakt Formular **/

}
/** Tablet**/
@media screen and (max-width : 900px)  {
    /** Allgemein **/

    /** Bereich Obermenu **/

    /** Bereich Logo / Menu **/

    /** Bereich Header **/

    /** Bereich Slider **/

    /** Bereich Main Body **/

    /** Bereich After Main Body **/

    /** Bereich Team **/

    /** Bereich Footer **/

    /** Kontakt Formular **/
}
/** Mini Tablet**/
@media screen and (max-width: 768px) {
    /** Allgemein **/

    /** Bereich Obermenu **/

    /** Bereich Logo / Menu **/

    /** Bereich Header **/

    /** Bereich Slider **/
    .home_slider .uk-overlay-panel {
        max-width: 100%;
        margin: 0;
        height: 100%;
    }

    /** Bereich Main Body **/
    #sp-right {
        padding-top: 0px;
    }
    .cck-w30{
        width:100%;
    }
    .cck-w70 {
        width:100%;
    }
    /** Bereich After Main Body **/
    #sp-after-main-body img{
        width:100%;
    }
    #sp-impressionen figure{
        width:100%;
    }
    #sp-impressionen img{
        width:100%;
    }
    /** Bereich Team **/
    #sp-team img{
        width:100%;
    }
    /** Bereich Footer **/

    /** Kontakt Formular **/
}
/** Mobile Landscape **/
@media screen and (max-width: 660px) {
    /** Allgemein **/

    /** Bereich Obermenu **/

    /** Bereich Logo / Menu **/

    /** Bereich Header **/

    /** Bereich Slider **/

    /** Bereich Main Body **/

    /** Bereich After Main Body **/

    /** Bereich Team **/

    /** Bereich Footer **/

    /** Kontakt Formular **/
}
/** Mobile **/
@media screen and (max-width: 480px) {
    /** Allgemein **/
    h1{
        font-size: 20px;
    }
    #sp-impressionen .sp-module-title{
        font-size: 20px;
    }
    /** Bereich Obermenu **/
    #sp-obermenu a{
        width:100%;
        display:inline-block;
    }
    /** Bereich Logo / Menu **/
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
        font-size:20px;
        padding:10px;
    }
    .full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
        font-size: 20px;
        padding: 10px 5px;
    }
    /** Bereich Header **/

    /** Bereich Slider **/

    /** Bereich Main Body **/
    #sp-main-body {
        padding:0px !important;
    }
    #sp-main-body .container{
        padding-left:20px;
        padding-right:20px;
    }
    /** Bereich After Main Body **/
    #sp-after-main-body{
        padding:0px 0px 20px 0px !important;
    }
    #sp-after-main-body .container {
        padding-left: 35px;
        padding-right: 35px;
    }

    #sp-impressionen{
        padding:20px 0px 20px 0px !important;
    }
    #sp-impressionen .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    #sp-team{
        padding:20px 0px 20px 0px !important;
    }
    #sp-team .container {
        padding-left: 40px;
        padding-right: 40px;
    }

    /** Bereich Team **/

    /** Bereich Footer **/

    /** Kontakt Formular **/
    .kontakt_seite .row-fluid .span5{
        width:100%;
    }
}
/******************************************************/
/** MEDIA QUERIES ENDE **/
/******************************************************/



/*fade Effekt*/

html {
    -webkit-animation: fadeIn 2s ease-in-out 0ms both;
    animation: fadeIn 2s ease-in-out 0ms both;
}

@-webkit-keyframes fadeIn{
    from{opacity:0}
    to {opacity:1}
}
@keyframes fadeIn{
    from{opacity:0}
    to{opacity:1}
}

/* END fade Effekt*/


