/* source-sans-pro-regular - latin */
 @font-face {
     font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/source-sans-pro/source-sans-pro-v11-latin-regular.eot');
    /* IE9 Compat Modes */
     src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans-pro/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-regular.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-regular.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-regular.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
 @font-face {
     font-family: 'Source Sans Pro';
     font-style: normal;
     font-weight: 700;
     src: url('../fonts/source-sans-pro/source-sans-pro-v11-latin-700.eot');
    /* IE9 Compat Modes */
     src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/source-sans-pro/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-700.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-700.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-700.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/source-sans-pro/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg');
    /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
 @font-face {
     font-family: 'Roboto Condensed';
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/roboto-condensed/roboto-condensed-v16-latin-regular.eot');
    /* IE9 Compat Modes */
     src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url('../fonts/roboto-condensed/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-regular.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-regular.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-regular.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg');
    /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
 @font-face {
     font-family: 'Roboto Condensed';
     font-style: normal;
     font-weight: 700;
     src: url('../fonts/roboto-condensed/roboto-condensed-v16-latin-700.eot');
    /* IE9 Compat Modes */
     src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('../fonts/roboto-condensed/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-700.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-700.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-700.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/roboto-condensed/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg');
    /* Legacy iOS */
}
/* nunito-sans-300 - latin */
 @font-face {
     font-family: 'Nunito Sans';
     font-style: normal;
     font-weight: 300;
     src: url('../fonts/nunito/nunito-sans-v8-latin-300.eot');
    /* IE9 Compat Modes */
     src: local(''), url('../fonts/nunito/nunito-sans-v8-latin-300.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/nunito/nunito-sans-v8-latin-300.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-300.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-300.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/nunito/nunito-sans-v8-latin-300.svg#NunitoSans') format('svg');
    /* Legacy iOS */
}
/* nunito-sans-regular - latin */
 @font-face {
     font-family: 'Nunito Sans';
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/nunito/nunito-sans-v8-latin-regular.eot');
    /* IE9 Compat Modes */
     src: local(''), url('../fonts/nunito/nunito-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/nunito/nunito-sans-v8-latin-regular.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-regular.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-regular.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/nunito/nunito-sans-v8-latin-regular.svg#NunitoSans') format('svg');
    /* Legacy iOS */
}
/* nunito-sans-700 - latin */
 @font-face {
     font-family: 'Nunito Sans';
     font-style: normal;
     font-weight: 700;
     src: url('../fonts/nunito/nunito-sans-v8-latin-700.eot');
    /* IE9 Compat Modes */
     src: local(''), url('../fonts/nunito/nunito-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/nunito/nunito-sans-v8-latin-700.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-700.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-700.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/nunito/nunito-sans-v8-latin-700.svg#NunitoSans') format('svg');
    /* Legacy iOS */
}
/* nunito-sans-900 - latin */
 @font-face {
     font-family: 'Nunito Sans';
     font-style: normal;
     font-weight: 900;
     src: url('../fonts/nunito/nunito-sans-v8-latin-900.eot');
    /* IE9 Compat Modes */
     src: local(''), url('../fonts/nunito/nunito-sans-v8-latin-900.eot?#iefix') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('../fonts/nunito/nunito-sans-v8-latin-900.woff2') format('woff2'), 
    /* Super Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-900.woff') format('woff'), 
    /* Modern Browsers */
     url('../fonts/nunito/nunito-sans-v8-latin-900.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('../fonts/nunito/nunito-sans-v8-latin-900.svg#NunitoSans') format('svg');
    /* Legacy iOS */
}
/*Rahmenlayout*/
 html {
    background-color:#fff;
    color:#000;
    font-family: 'Source Sans Pro', Arial, Sans-Serif;
    font-size: 16px;
}
 body {
    margin:0;
}
 .clearer {
    width:100%;
    clear:both;
    overflow: hidden;
}
 .elementStandard {
    margin-bottom: 40px
}
 a {
    font-weight:bold;
    position: relative
}
 #elementLogo a:hover:before {
    opacity: 0
}
 a:before {
    width:100%;
    height:3px;
    content:"";
    position: absolute;
    bottom:-5px;
    left:0;
    background-color:#5c3826;
    opacity:0;
    transition: 0.2s ease-in-out;
}
 section,
footer{
    padding:80px 0;
}
 section.noPadding {
    padding:0;
}
 p {
    margin:0;
}
 a:hover:before {
    opacity:1
}
 .elementCenter {
    margin:0 auto;
    text-align: center;
}
 h1 {
    font-size:50px;
}
 h1 span,
h2 span{
     color: #f29400;
     font-weight: 300;
     text-transform: uppercase;
     font-size: 1.2em;
}
 h2 {
    font-size:44px;
    margin:0;
}
 h3 {
    margin:0;
    font-size:36px;
}

 h1,h2,h3,h4,h5,h6,a,.bigHeadline,.smallHeadline {
     font-family: 'Nunito Sans', Arial, Sans-Serif;
}
 .elementHeadline {
    color:#494849
}
 .elementTextCenter {
    text-align: center;
}
 .elementText.elementTextInfo p {
    font-size:20px;
    color:#666;
    line-height: 160%
}
.elementText p a {
    text-decoration: none;
    color: #494849
}
footer .elementText p a {
    text-decoration: none;
    color: #fff
} 
 .smallHeadline {
    font-size:50px;
    color:#fff;
    font-weight:900;
}
 .bigHeadline {
    font-size:40px;
    color:#fff;
    font-weight:300;
}
 .container {
     overflow: hidden 
}
 main {
     margin-top: 79px;
}
 h1,h2,h3,h4,.elementInfoLayer {
    margin-top:0;
}
/*Sektionen*/
 .sectionBackground_var1 {
    background-color:#fff;
}
 .sectionBackground_var2 {
    background-color:#111
}
 .sectionBackground_var2 .elementHeadline {
    color:#fff !important
}
 .sectionBackground_var3:before {
     content: "";
     width: 50%;
     height: 100%;
     background-image:url("../img/car-about-us.jpg");
     background-repeat: no-repeat;
     background-position: right bottom;
     background-size: contain;
     position: absolute;
     right: 0;
     bottom: 0;
}
 .sectionWidth_var1 {
    max-width:1000px;
    margin: 0 auto;
}
 section .elementStandard:last-child {
    margin-bottom:0 !important
}
 section {
    position:relative;
     -webkit-transform: translateZ( 0 );
     transform: translateZ( 0 );
     -webkit-transition: -webkit-transform 0.6s ease-in-out;
     transition: transform 0.6s ease-in-out;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
/*InfoBoxen*/
 .elementContainer_var333333_var1 .col .elementText {
    height:240px;
    font-family: "Roboto Condensed";
    padding-bottom:10px;
    cursor:default
}
 .elementContainer_var333333_var1 .col .elementText p {
    font-size:36px;
    font-weight:bold;
    color:#fff
}
 .elementContainer_var333333_var1 .col1 .elementText:before {
    margin-top:30px;
    content:"\f0e4";
    font-family: gotoMEDIA;
    display: inline-block;
    font-size:140px;
    color:#fff
}
 .elementContainer_var333333_var1 .col2 .elementText:before {
    margin-top:30px;
    content:"\f0e6";
    font-family: gotoMEDIA;
    display: inline-block;
    font-size:140px;
    color:#fff
}
 .elementContainer_var333333_var1 .col3 .elementText:before {
    margin-top:30px;
    content:"\f023";
    font-family: gotoMEDIA;
    display: inline-block;
    font-size:140px;
    color:#fff
}
/*Footer*/
 footer a:before {
    background-color:#fff !important
}
 footer#footerStart {
}
 footer {
    position:relative;
    background-position:center center;
    background-color:#111;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding:80px 0;
}
 footer .footerInner {
    z-index: 15
}
 footer .elementContainer_var333333 {
    margin-bottom: 0;
}
 footer .elementContainer_var333333 .colInner {
    overflow: hidden;
}
 footer .elementContainer_var333333 .colInner .elementStandard:last-child {
    margin-bottom:0;
}
 footer .elementPicture {
    width:140px;
    height:140px;
    float:right;
}
 footer h3 {
    color:#fff;
     font-weight: 900
}
 footer .elementHeadline {
    margin-bottom:0px;
}
 footer .col2 .elementHeadline, footer .col2 a {
    margin-left:0px
}
 footer p, footer a {
    color:#fff;
    line-height:220%
}
/*Header*/
 header {
    transition:0.5s;
    overflow:hidden;
    width:100%;
    top:0;
    z-index: 1000;
    position: fixed;
    transition:0.2s all;
    box-shadow:0px 5px 10px rgba(0,0,0,0.5);
    background-color:#fff
}
 header #headerInner, footer .footerInner {
    max-width:1200px;
    margin:0 auto;
    position: relative;
    padding-top:10px;
    padding-bottom:10px;
}
 header #headerInner:after{
    animation:none !important
}
 header nav {
    float:right;
    overflow: hidden;
    z-index: 100;
}
 header nav ul {
    list-style-type: none;
    z-index:5;
    overflow: hidden
}
 header nav ul li {
    float:left;
    margin-left:40px;
}
 header nav ul li a {
    text-decoration: none;
    color:#000;
    font-weight:bold;
    font-size:20px;
    display: inline-block
}
 header nav ul li:first-child {
    margin-left:0
}
 header #elementLogo {
    float:left;
    position: relative;
}
 header #elementLogo img {
    width:250px;
    height:auto;
    position: relative;
    z-index: 10
}
 header nav a.selected {
    border-bottom:solid;
    padding-bottom:5px
}
 header .elementHeadline {
    animation:1s ease-in-out 0s 1 opacity;
    position: absolute;
    bottom:110px;
    left:200px;
    z-index: 10;
    color:#fff;
    max-width:350px;
    text-align:center;
}
 header .elementHeadline:after {
    position: absolute;
    content:"";
    background-image:url("../img/headline-background.png");
    width:100%;
    height:auto;
    bottom:0;
    background-repeat: no-repeat;
    z-index: 2;
    left:0;
    transform:translateX(-44%);
    background-position: right center;
}
/*Formular*/
 form label {
    margin:0 0 20px 0;
}
 form label + input {
    height:28px;
    width:100%;
    margin-bottom:10px;
}
 form label {
    font-size: 18px;
    font-family: "Roboto Condensed";
    color:#494849
}
 form .formButtons {
    float:right;
}
/*Clearer*/
 .clearer {
    overflow: hidden;
    clear:both;
    width:100%;
}
/*Banner*/
 #banner{
     width: 100vw;
     height: 600px;
}
 #banner:before {
     content: "";
     width: 100%;
     height: 12px;
     top: 20px;
     left: 0;
     background: #f29400;
     position: absolute;
     z-index: 10 
}
 #banner .slick-track {
     display: flex 
}
 #banner .listEntry {
     width: 100%;
     position: relative;
     height: 600px;
     background: #000;
     overflow: hidden;
}
 #banner .listEntry:before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     height: 80%;
     width: 100%;
     background: linear-gradient(0deg, #3f8cc6 0%, transparent 100%);
     z-index: 1;
}
 #banner .listEntry .infoLayer {
     position: absolute;
     bottom: 100px;
     left: 50%;
     transform: translateX(-50%);
     width: calc(100% - 40px);
     z-index: 2 
}
 #banner .listEntry .infoLayer .infoLayerInner {
     text-align: center 
}
 #banner .listEntry img {
     opacity: 0.6;
     width: 100%;
     height: auto;
     position: absolute;
     top: 50%;
     filter:grayscale(1);
     left: 50%;
     transform: translateX(-50%) translateY(-50%);
}
 #banner .slick-list {
     position: relative;
     z-index: 1;
}
 #banner .slick-dots {
     position: absolute;
     bottom: 20px;
     list-style-type: none;
     display: flex;
     left: 50%;
     transform: translateX(-50%);
     justify-content: center;
     align-items: center;
     padding-left: 0;
     z-index: 10;
}
 #banner .slick-dots li {
     margin: 0 5px;
}
 #banner .slick-dots button {
     width: 30px;
     height: 30px;
     color: transparent;
     border-radius: 100%;
     background: transparent;
     opacity: 0.5;
     outline: none;
     border: 4px solid #fff;
     transition: 0.2s;
     padding: 0 !important;
}
 #banner .slick-dots .slick-active button {
     background: #fff;
     opacity: 1 
}
 #banner .slick-dots li:hover button {
     opacity: 1 
}
 .scroll {
     position: relative;
     width: 100%;
     height: auto;
     border: solid 1px #dfdfdf;
     overflow: hidden;
}
 .switch_main {
     position: relative;
}
 .scroll .item {
     float: left;
     border-right: solid 1px #dfdfdf;
}
 .scroll .switch_item {
     display: none;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
}
 .scroll .prev, .scroll .next {
     position: absolute;
     top: 50%;
     margin-top: -20px;
     width: 19px;
     height: 39px;
     overflow: hidden;
     background: url(slide.png) no-repeat;
}
 .scroll .prev {
     left: 0;
     background-position: 0 -31px;
}
 .scroll .next {
     right: 0;
     background-position: -20px -31px;
}
 .scroll .prev:hover {
     background-position: 0 -101px;
}
 .scroll .next:hover {
     background-position: -20px -101px;
}
/*Container 3-spaltig*/
 .elementContainer_var333333_var1 .col .infoHeadline {
    font-weight:bold;
    color:#666
}
 .elementContainer_var333333_var1 .col .infoDay {
    font-size: 12px;
    color:#000;
}
 .elementContainer_var333333_var1 .col .elementInfoLayer {
    padding:16px 0 20px 0;
    border-top:solid 2px #5c3826;
    margin:0 22px;
    height:132px;
    position: relative
}
 .elementContainer_var333333_var1 .col .elementPicture {
    margin-bottom:26px;
}
 .elementContainer_var333333_var1 .col .colInner {
    border-radius:5em;
    background-color:#0069b4;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
    position:relative;
    transition:0.3s
}
 .elementContainer_var333333_var1 .col:hover .colInner {
    transform:scale(1.1);
}
 .elementContainer_var333333_var1 .col .listEnrtyMoreOnly {
    position: absolute;
    bottom: 22px;
}
 .elementContainer_var333333_var1 .col .listEnrtyMoreOnly a {
    text-decoration: none;
    font-weight:bold;
    color:#5c3826;
    text-transform: uppercase
}
 .elementContainer_var333333_var1 .col .listEnrtyMoreOnly a:after {
    content:url("../img/more-icon.png");
    margin-left:10px
}
 .elementContainer_var333333 .col .listEntry {
    display: inline-block
}
 .elementContainer_var333333 .col {
    width:33.33%;
    float:left;
    transition:0.3s
}
 .elementContainer_var333333 .col .colInner a {
    text-decoration: none;
}
 .elementContainer_var333333 .col1 .colInner {
    margin-right:24px
}
 .elementContainer_var333333 .col2 .colInner {
    margin-right:12px;
    margin-left:12px;
}
 .elementContainer_var333333 .col3 .colInner {
    margin-left:24px
}
 .elementContainer_var25252525 .col {
    width:25%;
    float:left;
}
 footer h3 {
    font-size: 30px
}
 footer .elementContainer_var25252525 .elementText.elementStandard {
    margin-bottom:0 !important
}
 .elementContainer_var5050 .col {
    float:left;
    width:50%
}
 .elementContainer_var5050 .col1 {
    min-height: 1px
}
 .elementContainer_var5050 .col1 .colInner {
    margin-right:20px;
    float:left;
}
 .elementContainer_var5050 .col2 .colInner {
    margin-left:20px;
    float:left
}
 .jarallax {
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
}
 .elementBackgroundImage50 {
    background-image:url("../img/zoomed-car.jpg");
    background-position:center left;
    background-size:cover;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:50%;
    background-attachment: fixed;
    width:50%
}
.elementContainer_varEinstieg {
    position: relative;
    z-index: 2
}
 .elementContainer_varEinstieg .col .colInner{
     display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    flex: 0 0 100%;
}

 .elementContainer_varEinstieg .col1 .elementHeadline, .elementContainer_varEinstieg .col2 .elementHeadline, .elementContainer_varEinstieg .col3 .elementHeadline, .elementContainer_varEinstieg .col4 .elementHeadline {
    margin:0;
    display: inline-block
}
 .elementContainer_varEinstieg .col h4 {
    font-weight:900;
    font-size:30px;
    display: inline-block
}
 .elementContainer_varEinstieg .elementHeadline+.elementText {
    margin-top:-30px;
}
 .elementContainer_varEinstieg .col.col1 .elementPicture, .elementContainer_varEinstieg .col.col2 .elementPicture, .elementContainer_varEinstieg .col.col3 .elementPicture, .elementContainer_varEinstieg .col.col4 .elementPicture{
    width:calc(30% - 15px);
     background: linear-gradient(125deg, #3f8cc6 0%, #f29400 100%);
}
 .elementContainer_varEinstieg .col.col1 .elementInfoText, .elementContainer_varEinstieg .col.col2 .elementInfoText, .elementContainer_varEinstieg .col.col3 .elementInfoText, .elementContainer_varEinstieg .col.col4 .elementInfoText{
    width:calc(70% - 85px);
}
 .elementContainer_varEinstieg .elementText {
    color:#fff;
    line-height: 160%;
}

 .elementContainer_varEinstieg .col.col1 .elementPicture, .elementContainer_varEinstieg .col.col2 .elementInfoText, .elementContainer_varEinstieg .col.col3 .elementPicture, .elementContainer_varEinstieg .col.col4 .elementInfoText {
    float:left;
}
 .elementContainer_varEinstieg .col.col1 .elementInfoText, .elementContainer_varEinstieg .col.col2 .elementPicture, .elementContainer_varEinstieg .col.col3 .elementInfoText, .elementContainer_varEinstieg .col.col4 .elementPicture {
    float:right;
}
/*Picture-Element*/
 .elementPicture img {
    width:100%;
    height:auto;
}
.elementContainer_varEinstieg  .elementPicture img {
             filter: grayscale(1);
    transition: 0.3s;
    margin-bottom: 0;
    opacity: 0.25;
    display: block;
}
.elementContainer_varEinstieg  .elementPicture img:hover {
    filter: grayscale(0);
    opacity: 1;
}
 .elementPicture {
    overflow: hidden;
}
.elementPicture.portrait img {
    width: 300px
}
/*Element-Box*/
 .elementBox_var1 {
    padding:24px 22px;
    background:#efefef;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
}
 .elementBox_var1 p {
    font-size:14px;
}
/*Element-Seminar*/
 .elementSeminar {
    background-color:#efefef;
    -webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
    box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.5);
}
 .elementSeminar .seminarInner {
    padding:20px;
    overflow:hidden;
    position:relative
}
 .elementSeminar .seminarInner img {
    float:left;
    margin-right:20px;
}
 .elementSeminar .seminarInner p+.right{
    float:right;
    width:210px;
    height:100%;
}
 .elementSeminar .seminarInner p{
    position:relative;
    float:left;
    width:400px;
}
 .elementSeminar .seminarInner p+.right:after {
    content:"";
    position:absolute;
    width:3px;
    height:200px;
    top:0;
    left:-20px;
    background-color:#5c3826
}
/*button*/
 .elementButton a,.formButtons,button {
    display:inline-block;
    padding:15px 40px;
    text-decoration:none;
    color:#fff;
     transition: 0.2s;
     background: #f29400;
    font-weight:bold;
}
.elementButton a:hover,.formButtons:hover,button:hover {
    transform: scale(1.1);
}
 button,.formButtons {
    color:#fff;
    font-family: "Source Sans Pro";
    font-size: 16px;
    padding:10px 40px;
    border-radius: 0.5em;
    font-weight: bold;
}
 .elementButton.buttonCenter, .elementButtonBack.buttonCenter .back {
    text-align: center
}
.elementButton.buttonCenter:hover a, .elementButtonBack.buttonCenter .back:hover {
    transform: scale(1.1);
}
 .elementButton a:hover:before {
    content:"";
    opacity:0;
}
 .back {
    background-color:#0069b4;
    border-radius:0.5em;
    text-align:center;
    display: inline-block;
    color:#fff;
    font-family: "Source Sans Pro";
    font-size: 16px;
    padding:10px 40px;
    border-radius: 0.5em;
    font-weight: bold;
    border:none
}
#service {
    overflow: hidden;
     background-image:url("../img/background-luxury.jpg");
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
}
#service:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #000 0%, transparent 100%);
}
#service > * {
    z-index: 2;
    position: relative;
   
}

#scrollTop {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 100;
    transition: 0.3s;
    transform: translateY(120%);
    pointer-events: none
}
#scrollTop a {
    padding: 10px 30px;
}
body.scrolled #scrollTop {
    transform: none;
    pointer-events: all
}

 @media only screen and (max-width:1240px){
     header .elementHeadline {
        bottom:calc(13vw - 11%);
        left:14%;
    }
     header #headerInner, footer .footerInner, .sectionInner{
        max-width:900px
    }
     header:before {
        left:62%
    }
     header nav ul li {
        margin-left:30px
    }
     footer .col2 .elementHeadline, footer .col2 a {
        margin-left:0;
    }
}
 @media only screen and (max-width:1024px){
     header #headerInner, footer .footerInner, .sectionInner{
        max-width:700px
    }
     main {
        margin-top: 74px;
    }
     #banner .slick-dots button {
         width: 24px;
         height: 24px;
     }
     h3 {
         font-size: 30px;
     }
     .elementPicture.portrait img {
         width: 240px;
     }
     header nav ul li a {
        font-size: 16px
    }
     header nav ul li {
        margin-left:20px
    }
     header #elementLogo img {
        width:200px
    }
     header #elementLogo span {
        transform: translateX(-30%)
    }
     .g_slide .item,.item_switch_outer,.g_slide {
        height:500px !important
    }
     .elementText.elementTextInfo p {
        font-size:16px
    }
     .elementStandard {
        margin-bottom:20px
    }
     h1 {
        font-size: 40px
    }
     h2 {
        font-size:35px
    }
     .elementContainer_varEinstieg .col h4 {
        font-size:28px
    }
     section,
     footer{
        padding:50px 0;
    }
     .elementContainer_varEinstieg .col .colInner {
         
     }
     .elementContainer_varEinstieg .col.col1 .elementPicture, .elementContainer_varEinstieg .col.col2 .elementInfoText, .elementContainer_varEinstieg .col.col3 .elementPicture, .elementContainer_varEinstieg .col.col4 .elementInfoText,
     .elementContainer_varEinstieg .col.col1 .elementInfoText, .elementContainer_varEinstieg .col.col2 .elementPicture, .elementContainer_varEinstieg .col.col3 .elementInfoText, .elementContainer_varEinstieg .col.col4 .elementPicture{
         width: 100%;
     }
     .elementContainer_varEinstieg .col.col1 .elementPicture img, .elementContainer_varEinstieg .col.col2 .elementPicture img, .elementContainer_varEinstieg .col.col3 .elementPicture img, .elementContainer_varEinstieg .col.col4 .elementPicture img{
         width: 50%;
         margin-left: 50%;
         transform: translateX(-50%);
     }
     .elementContainer_varEinstieg .col1 .elementHeadline, .elementContainer_varEinstieg .col2 .elementHeadline, .elementContainer_varEinstieg .col3 .elementHeadline, .elementContainer_varEinstieg .col4 .elementHeadline, .elementContainer_varEinstieg .elementHeadline+.elementText{
        display: block;
         text-align: center;
         width: 60%;
         margin-left: 50%;
         transform: translateX(-50%)
     }
     .elementContainer_varEinstieg .col {
         margin-bottom: 40px;
     }
     .elementContainer_varEinstieg .col.col2 .colInner,
     .elementContainer_varEinstieg .col.col4 .colInner{
         flex-direction: column-reverse
     }
     .elementContainer_var5050 .col.col1 {
         width: 60%;
         position: relative;
         z-index: 1
     }
     .elementContainer_var5050 .col.col2 {
         width: 40%;
     }
     #banner .listEntry img {
         height: 100%;
         width: auto;
     }
}

@media only screen and (max-width: 767px) {
    header #headerInner, footer .footerInner, .sectionInner {
        max-width: 500px;
    }
    .elementContainer_var5050 .col.col1,
    .elementContainer_var5050 .col.col2 {
        width: 100%;
    }
    .elementContainer_var5050 .col1 .colInner,
    .elementContainer_var5050 .col2 .colInner {
        margin-left: 0;
        margin-right: 0;
    }
    .elementContainer_var5050 .col.col1 .colInner,
    .elementContainer_var5050 .col.col2 .colInner {
        padding-left: 0;
        padding-right: 0;
    }
    .elementText.elementTextInfo {
        position: relative
    }
    .elementText.elementTextInfo:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 
    }
    .sectionBackground_var3:before {
        width: 90%;
        opacity: 0.25
    }
    .elementContainer_varEinstieg .col1 .elementHeadline, .elementContainer_varEinstieg .col2 .elementHeadline, .elementContainer_varEinstieg .col3 .elementHeadline, .elementContainer_varEinstieg .elementHeadline+.elementText {
        width: 100%;
    }
    .elementHeadline,
    .elementText,
    .elementButton{
        text-align: center
    }
    .smallHeadline {
        font-size: 26px;
    }
    .bigHeadline {
        font-size: 32px;
    }
    h1,h2 {
        font-size: 32px;
    }
    h3 {
        font-size: 22px;
    }
    footer .elementHeadline,
    footer .elementText {
        text-align: left
    }
    section {
        overflow: hidden
    }
    footer .elementContainer_var333333 .col {
        width: 100%;
        margin-bottom: 20px;
    }
    footer .elementContainer_var333333 .col .colInner {
        margin-left: 0;
        margin-right: 0;
    }
    header #elementLogo {
        margin-left: 50%;
        transform: translateX(-50%);
        float: none;
    }
    header nav {
        float: none;
        padding-left: 0;
        margin-left: 50%;
        transform: translateX(-50%);
        width: 100%;
        display: flex;
        justify-content: center;
    }
    header nav ul {
        padding-left: 0;
    }
    header #elementLogo {
      width: 200px;
    }
    header {
        position: relative
    }
    main {
        margin-top: 0
    }
}
@media only screen and (max-width: 540px){
    header #headerInner, footer .footerInner, .sectionInner {
        max-width: calc(100vw - 40px);
        padding-left: 20px;
        padding-right: 20px;
    }
    
    #banner .slick-dots button {
        width: 20px;
        height: 20px;
    }
    #banner .listEntry,
    #banner{
        height: 480px;
    }
    header #elementLogo img {
        width: 100%;
    }
    header nav ul li {
        margin-left: 10px;
    }
    header nav ul li a {
        font-size: 14px;
    }
    .bigHeadline,
    h1, h2{
        font-size: 28px
    }
    .smallHeadline {
        font-size: 20px;
    }
    body,
    .elementText.elementTextInfo p{
        font-size: 14px
    }
}