/*standard.css*/
:root {
    --primary: #76b638; --secondary: #8cd2f5; --neutral: #343434; --white: white; --mainfont: 'Lato'; --headfont: 'Lato'; }

.hidden {
    visibility: hidden;
}
body{
    font-family:"Mostra Nuova W05 Regular"!important;
}
h1,h2,h3,h4,#header{
    font-family:"Noto Sans"!important;
}
h1,h2,h3,h4{
    font-weight:900;
}
#page-image .inside{
    max-width:100%!important;
    padding:0px;
}
#page-image img{
    width:100%;
}


.visible {
    visibility: visible;
}

.v-centered {
    text-align: center;
}

.v-right {
    text-align: right;
}

.v-left {
    text-align: left;
}

.v-headline {
    font-family: "Mostra Nuova W05 Regular";
    margin-bottom: 30px;
}

.v-headline .v-headline-text-container {
    margin-top: 20px;
    max-width: 600px;
}

.v-headline.v-left .v-headline-text-container {
    margin-right: auto;
}

.v-headline.v-right .v-headline-text-container {
    margin-left: auto;
}

.v-headline.v-centered .v-headline-text-container {
    margin-left: auto;
    margin-right: auto;
}

.v-headline h2 {
    display: inline-block;
    font-size: 250%;
    margin-bottom: 0px;
}

.v-headline h2:after {
    display: block;
    content: "";
    height: 0.5em;
    width: 100%;
    background-image: url('../../../../files/contao_files/Bilder/logo_icons/unterschrift-ueberuns.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

#leistungen-1 .v-headline h2:after {
    background-image: url('../../../../files/contao_files/Bilder/logo_icons/unterschrift-leistung.svg');
}

.v-headline p {
    font-size: 90%;
    margin-top: 0px;
}

.v-headline-text-container {
    margin-top: 5px!important;
}

.v-devider {
    height: 3em;
    background-image: url('../../../../files/contao_files/Bilder/logo_icons/trennung.svg');
    background-size: 30% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.v-button p,.v-buttons p {
    margin-bottom: 20px;
    margin-top: 20px;
}

.v-button a, a.button,.v-buttons a {
    display: inline-block;
    border: 2px solid #343434;
    padding: 5px 5px;
    color: #343434;
    background: transparent;
    transition: 0.5s all ease-in-out;
    z-index: 9999;
    min-width: 10em;
    box-sizing: border-box;
    text-align: center;
    font-weight: 500;
}

.v-button a:hover, a.button:hover, .buttons a:hover {
    background: #343434;
    transition: 0.5s all ease-in-out;
    color: white;
    text-decoration: none;
}

.v-button.v-primary a, a.button,.v-buttons a {
    border: 2px solid #76b638;
    color: #343434;
    background: transparent;
}

.v-button.v-primary a:hover, a.button:hover, .buttons a:hover {
    background: #76b638;
    color: white;
}

.v-button.v-secondary a, a.button,.v-buttons a {
    background: transparent;
}

.v-button.v-secondary a:hover, a.button:hover, .buttons a:hover {

    color: white;
}

.v-button.v-neutral a, a.button,.v-buttons a {
    border: 2px solid #343434;
    color: #343434;
    background: transparent;
}

.v-button.v-neutral a:hover, a.button:hover, .buttons a:hover {
    background: #343434;
    color: white;
}

.v-button.v-white a, a.button,.v-buttons a {
    border: 2px solid white;
    color: white;
    background: transparent;
}

.v-button.v-white a:hover, a.button:hover, .buttons a:hover {
    background: white;
    color: #76b638;
}

/*swiper*/
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: 1vw;
    height: 1vw;
    border: none;
    border-left: 0.1vw solid #343434;
    ; border-bottom: 0.1vw solid #343434;
    ;; -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    box-sizing: border-box;
    background: none;
    box-shadow: none;
}

.swiper-button-prev {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.v-swiper-under .swiper-button-next, .v-swiper-under .swiper-button-prev {
    top: unset;
    bottom: 20%;
    left: 52%;
    margin-right: -1vw;
}

.v-swiper-under .swiper-button-prev {
    top: unset;
    bottom: 20%;
    left: unset;
    right: 52%;
    margin-left: -1vw;
}

.v-swiper-under .swiper-container {
    padding-bottom: 10%;
}

.swiper-container {
    padding-left: 30px;
    padding-right: 30px;
}

/*swiper-end*/
/*form*/
.datenschutz-checkbox {
    margin-bottom: 20px;
}

.datenschutz-checkbox a {
    color: #343434;
}

.datenschutz-checkbox input, .datenschutz-checkbox label {
    display: inline-block;
    width: 5%;
    margin: 0px;
    height: auto;
}

.datenschutz-checkbox label {
    min-width: 70%;
    padding-top: 2px;
    vertical-align: bottom;
    font-size: 18px;
}

form input, form textarea {
    border-color: #343434;
    color: #343434;
    border-width: 2px;
    border-style: solid;
    border-image: none!important;
    box-shadow: none!important;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding-left: 20px;
    background: transparent;
}

form textarea {
    height: 240px;
    padding-top: 10px;
}

.input-firstname,.input-lastname {
    display: inline-block;
    width: 49%;
}

.input-firstname {
    padding-right: 2%;
}

.input-lastname {
    padding-left: 2%;
    box-sizing: border-box;
}

.input-firstname input,.input-lastname input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    ; }

.widget-select {
    position: relative;
}

.widget-select:before {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 5px;
    pointer-events: none;
    color: #343434;
}

.widget-select select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    color: #343434;
    font-family: "Mostra Nuova W05 Regular";
    font-size: 20px;
    background: #343434;
    ; border: 2px solid #343434;
    margin-bottom: 30px;
    font-weight: 100;
    background: transparent;
}

.widget-select select::-ms-expand {
    display: none;
}

.input-firstname input,.input-lastname input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    ; }

.input-submit button {
   
    color: #333333;
    padding: 5px 15px;
    border: 2px solid #343434;
    transition: 0.5s all ease-in-out;
    width: 100%;
    color: #343434;
}

.input-submit button:hover {
   
    background: #343434;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

.input-submit {
    display: inline-block;
    width: 24%;
}

.datenschutz-checkbox {
    display: inline-block;
    width: 74%;
    font-size: 1vw;
    margin-top: 30px;
}

.datenschutz-checkbox label {
    width: 90%;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #343434;
    font-family: "Mostra Nuova W05 Regular";
    font-size: 20px;
    font-weight: 100;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #343434;
    font-family: "Mostra Nuova W05 Regular";
    font-size: 20px;
    font-weight: 100;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #343434;
    font-family: "Mostra Nuova W05 Regular";
    font-size: 20px;
    font-weight: 100;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #343434;
    font-family: "Mostra Nuova W05 Regular";
    font-size: 20px;
    font-weight: 100;
}

form {
    max-width: 600px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

/*form end*/
.parallax {
    min-height: 30vw;
    background-attachment: fixed;
    background-size: cover;
    background-position: 50% 50%;
}

#parallax-1 {
    background-image: url('../../../../files/contao_files/Bilder/parallax1-2.jpg');
}

#parallax-2 {
    background-image: url('../../../../files/contao_files/Bilder/parallax2.jpg');
}

#parallax-3 {
    background-image: url('../../../../files/contao_files/Bilder/parallax3-2.jpg');
}

#parallax-4 {
    background-image: url('../../../../files/contao_files/Bilder/parallax4-2.jpg');
}
#parallax-5 {
    background-image: url('/files/contao_files/Bilder/lohnspalt/lohnspaltsercice-parallax.jpg');
}

@font-face {
    font-family: "Mostra Nuova W05 Bold";
    src: url("../fonts/5349275/c95e1dea-9ae3-4c98-a1ac-e347223b3555.eot?#iefix");
    src: url("../fonts/5349275/c95e1dea-9ae3-4c98-a1ac-e347223b3555.eot?#iefix") format("eot"),url("../fonts/5349275/8a628a6e-ee84-4337-a409-85484fb4786f.woff2") format("woff2"),url("../fonts/5349275/51eb8261-5b61-4837-bc8e-ec1b47827621.woff") format("woff"),url("../fonts/5349275/0258d09f-a769-46c3-80a9-7eb6659119cd.ttf") format("truetype");
}

@font-face {
    font-family: "Mostra Nuova W05 Regular";
    src: url("../fonts/5357795/a8adceec-3131-40a2-835d-9a78c87605e5.eot?#iefix");
    src: url("../fonts/5357795/a8adceec-3131-40a2-835d-9a78c87605e5.eot?#iefix") format("eot"),url("../fonts/5357795/516c05eb-d25b-4a79-aab6-0c261fae96dd.woff2") format("woff2"),url("../fonts/5357795/81e23c74-1c79-4344-926c-b396dd6808e4.woff") format("woff"),url("../fonts/5357795/da26e750-32da-4e96-8c8c-b5adacfed035.ttf") format("truetype");
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'),
       url('../fonts/noto-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v7-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'),
       url('../fonts/noto-sans-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v7-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}