/* ---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----- */
/* Beratungsanfrage Formular ANFANG */
.webmodus-beratungsanfrage .col-12 > div.form-group{
    display: flex;
    flex-flow:column;
    gap:5px;
    margin-bottom: 1.5rem;
}
.itemid-502 h1{
}
.webmodus-beratungsanfrage .col-12 .col-xxl-9{
    width:100% !important;
    margin: 0 !important;
}
.webmodus-beratungsanfrage .vis_mandatory{
    display: none;
}
.webmodus-beratungsanfrage  #field18, .webmodus-beratungsanfrage .field15 input{
    margin-top: 7px !important;
}
.price-box{
    background: #f0f5ff;
    border: 1px solid #d6e4ff;
    padding: 15px;
    border-radius: 8px;
    margin: 20px 0;
}
.webmodus-beratungsanfrage .field18 label{
    font-weight: bold;
}

/* Beratungsanfrage Formular ENDE */
@media screen and (max-width : 810px){
    #ext_slideout_tabulator_custom{
        top: 200px !important;
        width:30px !important;
    }
}
.itemid-128 .icons > div.float-end > div{
    display:none;
}
.cck_bearbeiten_neu{
    margin-bottom:20px;
}
@media screen and (max-width : 480px){
    #ext_slideout_tabulator_custom{
        top: 200px !important;
        width:25px !important;
    }
}

#ext_slideout_tabulator {
    padding:0 !important;
}
#ext_slideout_tabulator:hover {
    right: 200px !important;
}
#ext_slideout_tabulator_custom {
    right: 0;
    top: 300px;
    padding: 0 !important;
}


@import url('https://fonts.googleapis.com/css?family=Muli:400,900');
html, body {
    font-family: 'Muli', sans-serif;
    font-weight: 400;
}



/** Bereich Logo & Kontaktangaben **/
#sp-logo-kontaktangaben {
    height: 42px;
    background-color: #666 !important;
    margin-top: -9px;
}

/* Logo */
#logo_provit {
    position: absolute;
    top: 9px;
    width: 120px;
    z-index:999;
}
/* Kontaktangaben */
#sp-top2 {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 600;
    padding-right: 39px;
}
/* Links inkl. Footer */
#sp-logo-kontaktangaben a, #sp-created-by-datenschutz a {
    color: #fff;
}
#sp-logo-kontaktangaben a:hover, #sp-created-by-datenschutz a:hover {
    color: #a2182d;
}



/** Bereich Menü **/
/* Links */
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #a2182d;
}
.sp-megamenu-parent > li.active > a {
    font-weight: 600;
}
.sp-megamenu-parent > li > a {
    font-size: 16px;
    padding: 0 25px;
    color: #797979;
}
/* Untermenüs */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    background: none;
    color: #a2182d;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    text-transform: uppercase;
    color: #797979;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a:hover {
    color: #a2182d;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
    color: #a2182d;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    padding: 5px 10px;
}
/* Abstand rechts bei Kontakt weg */
/*.sp-megamenu-parent > li:nth-child(4) > a {
  	padding-right: 0;
}*/
/* Untermenüs Module */
.sp-module ul > li > a {
    color: #797979;
}
.sp-module ul > li > a:hover {
    color: #a2182d;
}
.sp-module ul > li.active > a {
    color: #a2182d;
    font-weight: 600;
}



/** Bereich Slide **/
/* Punkte-Navigation */
.uk-dotnav-contrast > .uk-active > * {
    background: #a2182d !important;
}
.sp-module ul > li {
    border-bottom: none;
}
/* Headerbilder */
/*.headerbilder img {
  	height: 200px;
  	width: 100%;
}*/
/* Page-Headers & Job Titel absolut platziert für Headerbilder */
/*.page-header {
    padding: 0 50px 15px 1000px;
    margin: 0;
    border-bottom: none;
  	position: absolute;
    top: -240px;
    left: 20px;
  	background-color: rgba(255,255,255,0.7);
    margin-left: -1000px;
    text-align: left;
  	margin-top:50px;
}/*
/* Page-Headers für Dienstleistungen & Job Untermenüs */
/*.dienstleistungen-page-header .page-header {
	padding: 0 50px 15px 700px !important;
}*/


/* Kundenmeinungen
.uk-slider-container {
	background-color: #8EABB8;
}
.kundenmeinungen_slider .uk-text-center {
	max-width: 600px;
	margin: 0 auto;
}
.kundenmeinungen_slider .uk-text-center p {
	font-size: 18px;
}
.kundenmeinungen_slider p {
	text-align: center !important;
}
*/


/** Unite Slider **/
/* Textbereich */
.modern_medium_fat {
    background-color: rgba(255,255,255,0.7);
    padding: 25px 25px 25px 975px !important;
    margin-left: -1000px !important;
    text-align: left !important;
    top: 100px !important;
}
/* Head Text */
.unite_head_text {
    font-size: 30px;
    font-weight: 100;
    line-height: 35px !important;
}
/* Sub Text */
.unite_sub_text {
    color: #a2182d;
    font-size: 20px;
    font-weight: 100;
}



/** Bereich Inhalt **/
.home_box {
    width: 400px;
}
.home_box img {
    width: 100%;
    margin: 50px 0 30px 0;
}
#home_inhalt {
    display: flex;
    justify-content: space-between;
}
/* Dienstleistungen
.provit-entry-header {
    color: #fff;
    text-transform: uppercase;
	width: 100%;
}
.provit-entry-header h2 {
    font-size: 16px;
    font-weight: 600;
	text-align: center;
}
.col-sm-4 {
  	background-color: #c6a46f;
  	padding: 20px;
    color: #fff;
    margin: 15px;
  	width: 30%;
    height: 250px;
  	display: flex;
	align-items: center;
}
article.item {
    margin-bottom: 0;
}

*/



/** Bereich Footer **/
#sp-created-by-datenschutz {
    height: 50px;
}
#sp-created-by-datenschutz .row {
    display: flex;
    align-items: center;
}
#sp-footer1 {
    text-align: left;
}
#sp-footer2 {
    text-align: right;
}
/* Abstand oben */
#sp-footer1, #sp-footer2 {
    margin-top: 6px;
}
/* Links */
.datenschutzerklärung {
    font-weight: 600;
}
.sp-module ul > li > a::before {
    content: none;
}



/** Sektion Partner **/
/* Alle Logos */
#partner {
    border-bottom: 1px solid #666;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
#container_logos {
    display: flex;
    justify-content: space-between;
}
#container_logos img {
    height: 40px !important;
}



/** Allgemein **/
h1 {
    margin-bottom: 30px;
}
h1, h2 {
    font-family: 'Muli', sans-serif;
    font-weight: 900;
}
h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}

.sp-module {
    margin-top: 0;
}



/** Lauftext Marquee **/
/* 4 Farben */
.farbe_eins {
    color: #fff;
}
.farbe_zwei {
    color: #E9E9E9;
}
.farbe_drei {
    color: #D9D9D9;
}
.farbe_vier {
    color: #C9C9C9;
}
.trennstrich {
    color: #fff;
}

#sp-lauftext {
    margin-top:120px !important;
    background-color: #c6a46f;
    padding: 20px 0;
    font-size: 1.2em;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: 0.122em;
    font-weight: lighter;
}




#lauftext_logo {
    position: absolute;
    bottom: 40px;
    width: 8%;
    left: 45%;
    box-shadow: 3px 6px 21px;
}
/* Den kleinen Abstand im Lauftext entfernt */
#sp-lauftext p {
    margin: 0;
}



/** Parallax Typed **/
/* Home */
#lgx-typed136 {
    height: 500px;
}
/* Die anderen Menüpunkte */
#lgx-typed137, #lgx-typed138, #lgx-typed139, #lgx-typed140 {
    height: 200px;
}

.lgx-typed img {
    background-position: 50% 50% !important;
    -webkit-background-size: contain !important;
    -moz-background-size:  contain !important;
    -o-background-size: contain !important;
    background-size: contain !important;
}



/** Kontaktformular **/
/* Input Felder grösser */
#seblod_form input, textarea, .uneditable-input {
    width: 300px;
}
.layout-edit select.inputbox, .layout-edit select {
    width: 300px !important;
}
#pro_kontakt_captcha {
    width: 150px !important;
}



/** Breadcrumbs **/
#sp-breadcrumb {
    margin-bottom: 10px;
}
.separator {
    margin: 0 5px;
}



/** Links **/
a {
    color: #797979;
}
a:hover {
    color: #a2182d;
}
.pathway-last {
    color: #a2182d;
    font-weight: 600;
}

#sp-component a {
    color: #797979;
    text-decoration: underline;
}

#sp-inhalt a:hover {
    color: #a2182d;
}


/** IE11 Meldung **/
#IE11 {
    display: none;
}


/** Untermenüpunkte für Admins einrücken **/
.aktuelles-menue ul li ul li,
.ueber-uns-menue ul li ul li{
    margin-left: 20px;
}




/* Media Query */

@media screen and (max-width: 549px) {
    .sp-contact-info  {
        margin: -50px 5px 0 0;
        text-align:right;
    }

    #sp-logo-kontaktangaben {
        height:70px
    }

    #sp-logo-kontaktangaben img {
        width: 88px;
        margin-top:0px;
    }
    #sp-top2 {
        margin-left: 70px;
    }


    #sp-menu {

    }

    .col-xs-8 {
        width: 100% !important;
        height: 70px;
        margin-top: -21px;
    }

    #sp-top2 {
        padding-right: 10px;
    }
}


@media screen and (min-width: 550px) and (max-width: 767px) {
    .sp-contact-info  {
        margin: -10px 5px 0 0;
        text-align:right;
    }
    #sp-logo-kontaktangaben img {
        width: 110px;
        margin-top:-10px;
    }
    #sp-top2 {
        margin-left: 70px;
    }
}


@media (min-width: 768px) {
    .sppb-col-sm-offset-6 {

    }

    #sp-logo-kontaktangaben img {
        width: 110px;
    }

    #sp-top2 {
        padding-right: 19px;
    }
}

@media screen and (max-width: 970px) {
    .col-xs-8 {
        width: 100% !important;
        padding-right: 20px;
    }


}

@media screen and (max-width: 1070px) {
    .mobile-table img {
        display: none !important;
    }

    .mobile-mobile img{
        display: none !important;
    }
}


#sp-unsere-partner {

    padding: 50px 0px 30px 0px;

}




.uk-overlay-panel .uk-ignore .uk-flex .uk-flex-center .uk-flex-middle .uk-text-left {
    max-width:400px;
}

.bannerbild li {
    margin-left:-25px !important;
}

#sp-inhalt {
    padding: 0px 0px !important;
}




.dienstleistungbox .uk-panel {
    background: #c6a46f;
    min-height:300px;
    color:#fff;
}

.uk-panel h3:first-child {
    display: none !important;
}



.dienstleistungbox .uk-panel img {
    margin: 0 auto;
}

.table > thead > tr > th {
    min-width: 210px;

}
/*
.col-sm-6 {
    width: 50%;
    padding-right: 49px;
}
*/
.newstitel {
    font-size:30px;
    padding-bottom:20px;
    margin-top: -60px !important;
}



.cck_provit_textbereich {
    text-align:center;

}

#sp-newsbox {
    margin-bottom:100px !important;
}

.class2 {
    margin-top:20px;
}



.cck_provit_textbereich {
    padding:0 45px;
}




.galeriebilder img {
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
}

.cck_pro_stellenantritt {
    margin-bottom:20px;
}





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

}

@media screen and (max-width : 770px)  {
    /** Bereich Logo & Kontaktangaben **/
    #sp-logo-kontaktangaben {
        margin-top: 0;
    }
    .sp-contact-info {
        margin: -63px 5px 0 0;
    }

    /* Slider Home */
    .lgx-typed-title {
        font-size: 30px !important;
    }

    #lgx-typed136 .lgx-typed-post-content {
        font-size: 20px !important;
    }

    /* Kundenmeinungen */
    .cck_provit_textbereich {
        padding: 0 60px;
    }

    /*  Bereich Links - Untermenü */
    #sp-left {
        border-bottom: 1px solid #eee;
        padding-bottom: 20px;
    }

    /* Kontakt */
    h1 {
        margin-bottom: 30px;
    }

    /* Partner Logos */
    #container_logos {
        display: block;
        column-count: 2;
    }
    #container_logos img {
        margin-bottom: 40px;
    }
    #sp-unsere-partner {
        padding: 50px 0px 10px 0px !important;
    }

    /* Footer */
    #sp-created-by-datenschutz .row {
        justify-content: space-between;
    }
}

/* Mobile */
@media screen and (max-width : 770px)  {
    /** Bereich Logo & Kontaktangaben **/
    #sp-logo-kontaktangaben img {
        margin-top: -9px;
    }

    /* Slider Home */
    .lgx-typed-title {
        font-size: 20px !important;
    }
    #lgx-typed136 .lgx-typed-post-content {
        font-size: 15px !important;
    }

    /* Kundenmeinungen */
    .cck_provit_textbereich {
        padding: 0 10px;
    }
    .uk-slidenav-position .uk-slidenav-previous {
        left: -20px !important;
    }
    .uk-slidenav-position .uk-slidenav-next {
        right: -20px !important;
    }
    .uk-overlay-panel {
        padding: 0 !important;
    }
}

/* iPad */
@media screen and (min-device-width : 768px)
and (max-device-width : 1024px)  {
    /* Slider Home */
    #lgx-typed136 {
        background-size: 10% 10% auto !important;
    }
}
/******************************************************/
/** MEDIA QUERIES ENDE **/
/******************************************************/
@media screen and (max-width : 810px)  {
    #sp-menu {
        width:100% !important;
    }
}
@media screen and (max-width : 480px){
    #sp-logo-kontaktangaben > div > .row{
        display: flex;
        flex-flow: row nowrap;
    }
    #sp-logo-kontaktangaben > div > .row > #sp-position1{
        width: 50%;
    }
    #sp-logo-kontaktangaben > div > .row > #sp-top2{
        position: relative;
        width: 50%;
        padding: 10px !important;
        margin: 0px !important;
    }

    #sp-logo-kontaktangaben > div > .row > #sp-top2 .sp-contact-info{
        margin: 0px !important;
    }
}


/******************************************************/
/** BROWSER CSS START **/
/******************************************************/
/** IE11 **/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* Dienstleistungsboxen */
    .dienstleistungbox {
        max-width: 33%;
        display: inline-block;
    }

    /** IE11 Meldung **/
    #IE11 {
        display: block;
        max-width: 100%;
        height: auto;
        margin-bottom: -10px;
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
        text-align: center;
        font-weight: bold;
    }
}
/******************************************************/
/** BROWSER CSS ENDE **/
/******************************************************/