/* julius-sans-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Julius Sans One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/julius-sans-one-v14-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/julius-sans-one-v14-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* kaushan-script-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kaushan Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/kaushan-script-v14-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/kaushan-script-v14-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* work-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('../fonts/work-sans-v18-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&family=Julius+Sans+One&family=Work+Sans:wght@200;300;400;500;600&display=swap');
*/

/*
font-family: 'Julius Sans One', sans-serif;
font-family: 'Kaushan Script', cursive;
font-family: 'Work Sans', sans-serif;

orange color:#f0a43b;
grün   color:#89b250;
blau   color:#5abfc8;
*/

.gdpr_cookie_notice .gdpr_cookie_notice-container { text-align:center; }
.gdpr_cookie_notice-content h5 { font-size:150%; font-weight:bold; margin-top:16px; margin-bottom:7px; }

@keyframes cta-arrow{0%{transform:translateX(0)}50%{transform:translateX(50%)}100%{transform:translateX(0)}
}
.flex-wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.flex-item{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:20px}
.flex-content{-webkit-flex:1;flex:1;margin-bottom:20px}
.wrap{height:100%}
.container-fluid{margin-right:auto;margin-left:auto;padding-right:60px;padding-left:60px}
.container{margin-right:auto;margin-left:auto;}
.row{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;
  flex:0 1 auto;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;
flex-wrap:wrap;/* margin-right:-10px;margin-left:-10px*/}
.row.reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}
.col{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}
.col.reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{box-sizing:border-box;
  -webkit-flex:0 0 auto;flex:0 0 auto;/*padding-right:10px;padding-left:10px*/}
.col-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}
.col-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}
.col-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
.col-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}
.col-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}
.col-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
.col-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}
.col-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}
.col-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
.col-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}
.col-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}
.col-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
.col-offset-0{margin-left:0}
.col-offset-1{margin-left:8.333%}
.col-offset-2{margin-left:16.667%}
.col-offset-3{margin-left:25%}
.col-offset-4{margin-left:33.333%}
.col-offset-5{margin-left:41.667%}
.col-offset-6{margin-left:50%}
.col-offset-7{margin-left:58.333%}
.col-offset-8{margin-left:66.667%}
.col-offset-9{margin-left:75%}
.col-offset-10{margin-left:83.333%}
.col-offset-11{margin-left:91.667%}
.start{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}
.center{-webkit-justify-content:center;justify-content:center;text-align:center}
.end{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}
.top{-webkit-align-items:flex-start;align-items:flex-start}
.middle{-webkit-align-items:center;align-items:center}
.bottom{-webkit-align-items:flex-end;align-items:flex-end}
.around{-webkit-justify-content:space-around;justify-content:space-around}
.between{-webkit-justify-content:space-between;justify-content:space-between}
.first{-webkit-order:-1;order:-1}
.last{-webkit-order:1;order:1}
@media (min-width: 1601px){.container{width:1180px}}
@media (min-width: 1200px) and (max-width: 1599px){.container{width:1100px}
.col-xl,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{box-sizing:border-box;
  -webkit-flex:0 0 auto;flex:0 0 auto;padding-right:10px;padding-left:10px}
.col-xl{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}
.col-xl-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}
.col-xl-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}
.col-xl-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
.col-xl-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}
.col-xl-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}
.col-xl-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
.col-xl-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}
.col-xl-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}
.col-xl-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
.col-xl-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}
.col-xl-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}
.col-xl-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
.col-xl-offset-0{margin-left:0}
.col-xl-offset-1{margin-left:8.333%}
.col-xl-offset-2{margin-left:16.667%}
.col-xl-offset-3{margin-left:25%}
.col-xl-offset-4{margin-left:33.333%}
.col-xl-offset-5{margin-left:41.667%}
.col-xl-offset-6{margin-left:50%}
.col-xl-offset-7{margin-left:58.333%}
.col-xl-offset-8{margin-left:66.667%}
.col-xl-offset-9{margin-left:75%}
.col-xl-offset-10{margin-left:83.333%}
.col-xl-offset-11{margin-left:91.667%}
.start-xl{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}
.center-xl{-webkit-justify-content:center;justify-content:center;text-align:center}
.end-xl{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}
.top-xl{-webkit-align-items:flex-start;align-items:flex-start}
.middle-xl{-webkit-align-items:center;align-items:center}
.bottom-xl{-webkit-align-items:flex-end;align-items:flex-end}
.around-xl{-webkit-justify-content:space-around;justify-content:space-around}
.between-xl{-webkit-justify-content:space-between;justify-content:space-between}
.first-xl{-webkit-order:-1;order:-1}
.last-xl{-webkit-order:1;order:1}
}
@media (min-width: 992px) and (max-width: 1199px){.container{width:960px}
.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{box-sizing:border-box;
 -webkit-flex:0 0 auto;flex:0 0 auto;padding-right:10px;padding-left:10px}
.col-lg{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}
.col-lg-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}
.col-lg-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}
.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
.col-lg-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}
.col-lg-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}
.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
.col-lg-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}
.col-lg-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}
.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
.col-lg-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}
.col-lg-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}
.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
.col-lg-offset-0{margin-left:0}
.col-lg-offset-1{margin-left:8.333%}
.col-lg-offset-2{margin-left:16.667%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-4{margin-left:33.333%}
.col-lg-offset-5{margin-left:41.667%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-7{margin-left:58.333%}
.col-lg-offset-8{margin-left:66.667%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-10{margin-left:83.333%}
.col-lg-offset-11{margin-left:91.667%}
.start-lg{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}
.center-lg{-webkit-justify-content:center;justify-content:center;text-align:center}
.end-lg{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}
.top-lg{-webkit-align-items:flex-start;align-items:flex-start}
.middle-lg{-webkit-align-items:center;align-items:center}
.bottom-lg{-webkit-align-items:flex-end;align-items:flex-end}
.around-lg{-webkit-justify-content:space-around;justify-content:space-around}
.between-lg{-webkit-justify-content:space-between;justify-content:space-between}
.first-lg{-webkit-order:-1;order:-1}
.last-lg{-webkit-order:1;order:1}
}
@media (min-width: 768px) and (max-width: 991px){.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{box-sizing:border-box;
  -webkit-flex:0 0 auto;flex:0 0 auto;padding-right:10px;padding-left:10px}
.col-md{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}
.col-md-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}
.col-md-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}
.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
.col-md-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}
.col-md-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}
.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
.col-md-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}
.col-md-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}
.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
.col-md-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}
.col-md-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}
.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
.col-md-offset-0{margin-left:0}
.col-md-offset-1{margin-left:8.333%}
.col-md-offset-2{margin-left:16.667%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-4{margin-left:33.333%}
.col-md-offset-5{margin-left:41.667%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-7{margin-left:58.333%}
.col-md-offset-8{margin-left:66.667%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-10{margin-left:83.333%}
.col-md-offset-11{margin-left:91.667%}
.start-md{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}
.center-md{-webkit-justify-content:center;justify-content:center;text-align:center}
.end-md{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}
.top-md{-webkit-align-items:flex-start;align-items:flex-start}
.middle-md{-webkit-align-items:center;align-items:center}
.bottom-md{-webkit-align-items:flex-end;align-items:flex-end}
.around-md{-webkit-justify-content:space-around;justify-content:space-around}
.between-md{-webkit-justify-content:space-between;justify-content:space-between}
.first-md{-webkit-order:-1;order:-1}
.last-md{-webkit-order:1;order:1}
}
@media (min-width: 420px) and (max-width: 767px){.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
  box-sizing:border-box;-webkit-flex:0 0 auto;flex:0 0 auto;}
.col-sm{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}
.col-sm-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}
.col-sm-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}
.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
/* .col-sm-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%} */
.col-sm-4{flex-basis:100%}
.col-sm-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}
/* .col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%} */
.col-sm-6{flex-basis:100%}
.col-sm-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}
.col-sm-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}
.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
.col-sm-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}
.col-sm-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}
.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
.col-sm-offset-0{margin-left:0}
.col-sm-offset-1{margin-left:8.333%}
.col-sm-offset-2{margin-left:16.667%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-4{margin-left:33.333%}
.col-sm-offset-5{margin-left:41.667%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-7{margin-left:58.333%}
.col-sm-offset-8{margin-left:66.667%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-10{margin-left:83.333%}
.col-sm-offset-11{margin-left:91.667%}
.start-sm{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}
.center-sm{-webkit-justify-content:center;justify-content:center;text-align:center}
.end-sm{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}
.top-sm{-webkit-align-items:flex-start;align-items:flex-start}
.middle-sm{-webkit-align-items:center;align-items:center}
.bottom-sm{-webkit-align-items:flex-end;align-items:flex-end}
.around-sm{-webkit-justify-content:space-around;justify-content:space-around}
.between-sm{-webkit-justify-content:space-between;justify-content:space-between}
.first-sm{-webkit-order:-1;order:-1}
.last-sm{-webkit-order:1;order:1}
}
@media (max-width: 419px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
/*.container-fluid,.container{padding-left:10px;padding-right:10px}
.row{margin-left:-10px;margin-right:-10px}*/
.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{box-sizing:border-box;-webkit-flex:0 0 auto;flex:0 0 auto;}
.col-xs{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}
.col-xs-1{-ms-flex-preferred-size:8.333%;flex-basis:8.333%;max-width:8.333%}
.col-xs-2{-ms-flex-preferred-size:16.667%;flex-basis:16.667%;max-width:16.667%}
.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}
.col-xs-4{-ms-flex-preferred-size:33.333%;flex-basis:33.333%;max-width:33.333%}
.col-xs-5{-ms-flex-preferred-size:41.667%;flex-basis:41.667%;max-width:41.667%}
.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}
.col-xs-7{-ms-flex-preferred-size:58.333%;flex-basis:58.333%;max-width:58.333%}
.col-xs-8{-ms-flex-preferred-size:66.667%;flex-basis:66.667%;max-width:66.667%}
.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}
.col-xs-10{-ms-flex-preferred-size:83.333%;flex-basis:83.333%;max-width:83.333%}
.col-xs-11{-ms-flex-preferred-size:91.667%;flex-basis:91.667%;max-width:91.667%}
.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}
.col-xs-offset-0{margin-left:0}
.col-xs-offset-1{margin-left:8.333%}
.col-xs-offset-2{margin-left:16.667%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-4{margin-left:33.333%}
.col-xs-offset-5{margin-left:41.667%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-7{margin-left:58.333%}
.col-xs-offset-8{margin-left:66.667%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-10{margin-left:83.333%}
.col-xs-offset-11{margin-left:91.667%}
.start-xs{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:left}
.center-xs{-webkit-justify-content:center;justify-content:center;text-align:center}
.end-xs{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:right}
.top-xs{-webkit-align-items:flex-start;align-items:flex-start}
.middle-xs{-webkit-align-items:center;align-items:center}
.bottom-xs{-webkit-align-items:flex-end;align-items:flex-end}
.around-xs{-webkit-justify-content:space-around;justify-content:space-around}
.between-xs{-webkit-justify-content:space-between;justify-content:space-between}
.first-xs{-webkit-order:-1;order:-1}
.last-xs{-webkit-order:1;order:1}
}


html{
  box-sizing:border-box;
  height:100%;
  margin:0;
  padding:0;
  position:relative;
  background:#fff}

body{
  height:100%;
  margin:0;
  padding:0}

article,aside,footer,header,nav,section,div,figcaption,main{
  box-sizing:border-box;
  display:block}

figure{
  display:block;
  margin:20px 40px}

hr{
  box-sizing:content-box;
  height:0;
  overflow:visible}

pre{font-family:monospace;font-size:1rem}
code,kbd,samp{font-family:monospace, monospace;font-size:1rem}
dfn{font-style:italic}mark{background-color:#ff0;color:#000}

a{
  background-color:transparent;
  line-height:inherit;
  outline-width:0;
  text-decoration:none;
  color:#5abfc8}

a:active{
  outline-width:0}

a:hover{
  outline-width:0}

a:visited{
  line-height:inherit;
  outline-width:0;
  text-decoration:none;
  color:#5abfc8}

b,strong{font-weight:600}

small{font-size:80%}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

sub{bottom:-0.25rem}

sup{top:-0.5rem}

audio{display:inline-block}
audio:not([controls]){display:none;height:0}
video{display:inline-block}

img{border:0;border-style:none;vertical-align:middle}
svg:not(:root){overflow:hidden}

input{box-sizing:border-box;font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;overflow:visible}
input[type="button"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
input[type="button"]:-moz-focusring,input[type="reset"]:-moz-focusring,input[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
input[type="checkbox"]{box-sizing:border-box;display:inline;padding:0}
input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button{height:auto}
input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-moz-appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px}
input[type="search"]::-webkit-search-cancel-button{-moz-appearance:none;-webkit-appearance:none}
input[type="search"]::-webkit-search-decoration{-moz-appearance:none;-webkit-appearance:none}
input[type="search"]::-webkit-file-upload-button{-moz-appearance:button;-webkit-appearance:button;font:inherit}
input[hidden]{display:none}

optgroup{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}
select{display:block;font-family:sans-serif;margin:0;width:100%;max-width:100%;padding:10px;text-transform:none}
textarea{display:block;box-sizing:border-box;font-family:sans-serif;font-size:100%;margin:0;width:100%;max-width:100%;min-height:100px;overflow:auto;padding:10px}
button::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c9c9c9;margin:0 2px;margin-bottom:20px;padding:0.35rem 0.625rem 0.75rem}
legend{box-sizing:border-box;color:inherit;display:block;font-size:1.5rem;font-weight:normal;max-width:100%;padding:0;white-space:normal}
legend span{color:#444;font-size:1.4rem;font-weight:normal}
progress{display:inline-block;vertical-align:baseline}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}

ul,li{
  list-style:none;
  margin:0;
  padding:0}

label{
  display:block;
  font-size:1.5rem;
  font-weight:normal}

label span{
  color:#444;
  font-size:1.4rem;
  font-weight:normal}

#img-fluid{
  display:block;
  height:auto;
  max-width:100%;
  width:auto;
  margin: 0 auto;}

.img-responsive{
  display:block;
  height:auto;
  max-width:100%;
  width:auto;
  margin: 0 auto;}

.circle-corner{border-radius:50%}
.clearfix::before{content:" ";display:table}
.clearfix::after{clear:both;content:" ";display:table}
.pull-right{float:right !important}
.pull-left{float:left !important}
.hidden{display:none}
.invisible{visibility:hidden}
.text-hide{background-color:transparent;border:0;color:transparent;font:0 a;text-shadow:none}


/*-------------------------- Schriften definieren--------------------------------------*/


body{
  color:#5f5f5f;
  font:400 18px/1.5 "Work Sans",sans-serif;
  background:#f0f0df}

h1,h2,h3,h4,h5,h6{
  font-family: 'Julius Sans One', sans-serif;
  color:#5abfc8;
  font-weight:400;
  line-height:1.3;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
  font-weight:inherit}

p{
  margin:0;
  line-height:1.5}

p a{
  text-decoration:none;
  outline:0;
  line-height:inherit;
  color:#5abfc8}

p a:visited{
  text-decoration:none;
  outline:0;
  line-height:inherit;
  color:#5abfc8}

p a:hover{
  color:#000}

.navbar-nav>li>a{font-family: 'Julius Sans One', sans-serif;
  }
/*-------------------------- Formular-Elemente definieren--------------------------------------*/



input[type="text"],input[type="email"],input[type="tel"]{
  border:1px solid #fff;
  background:#f0f0df;
  padding:10px 10px;
  outline:none;
  font:400 16px/28px "Work Sans Condensed",sans-serif;
  margin:0;
  width:100%;
  max-width:100%;
  display:block;
  color:#ccc}

input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus{
  border:1px solid #5abfc8;
  color:#2b3a42}

input[type="submit"]{
  width:174px;
  height:48px;
  background:##f0f0df;
  text-align:center;
  color:#fff;
  display:inline-block;
  text-decoration:none;
  cursor:pointer;
  margin:0 0;
  font:700 18px/48px "Work Sans Condensed",sans-serif;
  border:none;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px}

input[type="submit"]:hover{
  background:#f0a43b;}

textarea{
  font:400 16px/1.5 "Work Sans Condensed",sans-serif;
  color:#ccc}

textarea:focus{
  border:1px solid #5abfc8;
  color:#2b3a42}

.button p{
  text-align:center}

.button a,.button p a,a.button{
  height:65px;
  color:#5abfc8;
  background: url(../images/bg_button.jpg) no-repeat;
  text-decoration:none;
  cursor:pointer;
  margin:0 auto;
  /*font:200 24px/65px "Work Sans Condensed",sans-serif;*/
  font: 300 24px/65px 'Kaushan Script', cursive;
  text-align:center;
  border:none;
  display:inline-block;
  padding:0 60px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  border-radius:7px}

.button a div,.button p a div,a.button div{
  width:100%;
  display:inline-block;
  text-align:center}

.button a:link{
  background: url(../images/bg_button.jpg) no-repeat;
  color:#5abfc8}

.button a:visited{
    background: url(../images/bg_button.jpg) no-repeat;
    color:#5abfc8}

.button a:hover,.button p a:hover,a.button:hover{
  background: url(../images/bg_button_hover.jpg) no-repeat;
  color:#5abfc8}

.active a.button{
  border:1px solid #5abfc8;
  color:#5abfc8}

.active a.button:hover{
  border:1px solid #5abfc8;
  color:#5abfc8}


/*-------------------------- Struktur und Bereiche--------------------------------------*/


#header{
  width:100%;
  height:163px;
  background:#fff;
  position:fixed;
  margin:0 0;
  top:0;
  z-index:100}


.header{
  -webkit-align-items:center;
  align-items:center;
  height:180px}

#main{
  margin-top:180px;
  z-index:1;
}

.ccm-toolbar-visible #header{top:48px}
.ccm-toolbar-visible #main{margin-top:139px}

#toggle,.toggle{
  display:none}

#main-image{
  width:100%;
  position:relative;
  background-color:#fffde5;
  text-align:center
}


/*#main-image .full-image{
  width:100%;
  height:750px;
  position:relative;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center;
  -webkit-justify-content:center;
  justify-content:center}*/

  /*neu*/
  #main-image .full-image{
    width:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    padding:30px 0;
    overflow:hidden
}

/*#main-image .row{
  height:100%;
  -webkit-align-items:center;
  align-items:center}*/

.full-image h1{
    font-family: 'Kaushan Script', cursive}

#main-image .main-text{
  display:inline-block;
  text-align:center}

#main-image .main-text h1{
  vertical-align:middle;
  font-size:200%;
  letter-spacing:0px;}

#main-image h1,#main-image h2,#main-image h3,#main-image h4{
  color:#f0a43b;
  font-size: 220% }

#main-image p{
  color:#f0a43b}

#main-image>*:last-child{
  margin-bottom:0}

.scroll-holder{
  width:100%;
  position:absolute;
  left:0;
  /*bottom:30px;*/
  text-align:center;
  display: none;}

.scroll-holder .scroll-icon{
  width:50px;
  height:40px;
  display:inline-block}

.scroll-icon{
  position:relative;
  bottom: 30px}

#about{
  background:#fff}

#about ul li{
  list-style-image:url(../images/list.svg);
  list-style-position:outside;
  margin-left:-13px}

#about .img-responsive{
  margin: 0 auto}

#work{
  background:#fff}

#balance .img-responsive{
  margin: 0 auto}

#service{
  background:#fff}
#service ul li{
  list-style-image:url(../images/list.svg);
  list-style-position:outside;
  margin-left:-13px;}
#service ul li li{
  list-style:none;
  list-style-type:disc;
  list-style-position:outside;
	margin-left:-13px;}

#citation_1{
  background-color:#fffde5;
  text-align:center}

#citation_1 .full-image{
  width:100%;
  height:auto;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  padding:30px 0;
  overflow:hidden}

#citation_1 .row{
  height:100%;
  -webkit-align-items:center;
  align-items:center}

#citation_1 .main-text{
  text-align:center}

#citation_1 h1,#citation_1 h2,#citation_1 h3,#citation_1 h4{
  color:#f0a43b;
  font-size: 200%;
   letter-spacing:0px;}

#citation_1 p{
  color:#f0a43b}

#citation_1>*:last-child{
  margin-bottom:0}

#citation_2{
  background-color:#fffde5;
  text-align:center}

#citation_2 .full-image{
  width:100%;
  height:auto;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed;
  padding:30px 0;
  overflow:hidden}

#citation_2 .row{
  height:100%;
  -webkit-align-items:center;
  align-items:center}

#citation_2 .main-text{
  text-align:center}

#citation_2 h1,#citation_2 h2,#citation_2 h3,#citation_2 h4{
  color:#f0a43b;
  font-size: 200%;
   letter-spacing:0px;}

#citation_2 p{
  color:#f0a43b}

#citation_2>*:last-child{
  margin-bottom:0}

#map{
  background-image: url('../images/banner_04.jpg');
  background-attachment: fixed;
  display:-webkit-flex;
  display:flex;
  -webkit-align-items:center;
  align-items:center}

.map-address{
  display:-webkit-flex;
  display:flex;-webkit-justify-content:flex-end;
  justify-content:flex-end;
  -webkit-align-items:center;
  align-items:center}

.address-box h3{
  color:#5abfc8}

.map-holder{
  height:575px}

.map-holder iframe{
  width:100%;
  height:100%}

#contact{
  padding:50px 0;
  text-align:center}

#contact h1,#contact h2,#contact h3,#contact h4,#contact p{
  color:#5abfc8}

.contact-form .form-group{
  box-sizing:border-box;
  -webkit-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:10px;
  padding-left:10px;
  flex-basis:100%;
  max-width:100%;
  margin-bottom:1rem}

.contact-form .form-item{
  flex-basis:100%;
  max-width:100%}

/* .contact-form .control-label{
  display:none} */

.contact-form input[type="text"],.contact-form input[type="email"]{
  border:0;
  background:#f0f0df;
  margin-top:0.5rem}

.contact-form input[type="text"]:focus,.contact-form input[type="email"]:focus{
  border:0}

.contact-form textarea{
  border:0;
  background:#f0f0df;
  margin-top:0.5rem}

.contact-form textarea:focus{
  border:0}

.contact-form .form-actions{
  text-align:center}

.contact-form .btn-lizard{
  background-color: #5abfc8;
  margin-top: 0.5rem;}

.contact-form-block .need{
  color:#5abfc8;
}


#footer{
height:157px;
background-color: #fff}

#footer .footer{
  height:57px;
  text-align:center;}

#footer .footer p{
  line-height:57px;
  margin-bottom:0}

  
#footer.a:active{color: rgba(255,255,255,0.5); }
#footer.a:hover{color:#5abfc8}
#footer.a:visited{color: rgba(255,255,255,0.5);}

   /*----------------------- Navigation Anfang @media (min-width: 992px)------------------------------------------   */

@media (min-width: 992px){

  .img-responsive{
      padding-bottom: 30px}

.navbar-default .navbar-nav{
  display: flex;
  width: 100%;
  color: rgba(255,255,255,0.5);
  align-items: center;
  justify-content: center;
  }

.navbar-default .navbar-nav>li{
  width:auto;
  float:left;
}

.navbar-default .navbar-nav>li>a {
  color: rgba(0,0,0,0.3);
  /*font-size:15px;*/
  font-weight:600;
  text-transform:uppercase;
  margin: 25px;
  transition:.3s ease-in-out;
}

.navbar-default .navbar-nav>li>a:visited {
color: rgba(0,0,0,0.3);
}

.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:hover{
color:#5abfc8;
transition:.3s ease-in-out;
}

.logo{
  width: 333px;
  height: 163px;
  }

#header,.header{height:163px}
.map-address{width:50%}
.address-box{width:400px}
.map-holder{width:50%}
.service-inner{padding:50px 120px}



}
 /*----------------------- Ende Navigation @media (min-width: 992px)------------------------------------------   */




 /*------------------------ Navigation @media (max-width: 992px)------------------------------------------   */


@media (max-width: 991px){


.img-responsive{
    padding-bottom: 30px}

#header,.header{
  height:155px;
  background: url(../images/logo.png) no-repeat;
  background-color: rgba(255, 255, 255, 0.9);
  background-size: 333px 180px;   /*.logo img{width:333px}*/
  background-position: center;
}

#main{margin-top:180px}

.ccm-toolbar-visible #header{
top:10px;
}

.ccm-toolbar-visible #main{
  margin-top:200px}

.toggle{
  width:20px;
  height:20px;
  position:absolute;
  top:20px;
  right:20px;
  display:block;
  z-index:160;
  cursor:pointer;
  -moz-transition:top 0.5s;
  -o-transition:top 0.5s;
  -webkit-transition:top 0.5s;
  transition:top 0.5s
}


.nav{
  width:0px;
  height:1024px;
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left: auto;
  z-index:151;
  background-color: rgba(255,255,255,0.8);
  overflow:hidden;
  -moz-transition:width 0.5s ease;
  -o-transition:width 0.5s ease;
  -webkit-transition:width 0.5s ease;
  transition:width 0.5s ease
}
.navbar-default .navbar-nav>li>a {
  display: block;
  color: rgba(0,0,0,0.6);
  font-size:150%;
  line-height:50px;
  text-align: center;
  font-weight:600;
  text-transform:uppercase;
  margin:0;
  transition:.3s ease-in-out;

}
.navbar-default .navbar-nav>li>a.logo {display:none}
.primary-menu ul.nav{padding-top:100px; margin: 0 auto;}

.navbar.navbar-default .nav > li > a.active, .navbar-default .navbar-nav>li>a:hover {
color:#5abfc8;
transition:.3s ease-in-out;
}


.menu-icon-bar{background-color:#2b3a42;display:block;height:3px;margin:3px 0}
.bar-bottom,.bar-top{transition-duration:0.3s, 0.3s;transition-delay:0.3s, 0s}
.bar-middle{opacity:1;transition-delay:0.3s, 0s}
#toggle:checked+div .bar-top{transform:rotate(45deg);margin-top:12px}
#toggle:checked+div .bar-bottom{transform:rotate(-45deg);margin-top:-12px}
#toggle:checked+div .bar-middle{opacity:0}
#toggle:checked+div .nav{width:100%}

#map{-webkit-flex-wrap:wrap;flex-wrap:wrap}
.map-holder{width:100%}
.map-address{-webkit-justify-content:center;justify-content:center;padding:50px 0;width:100%}
/*.map-address{ max-height:400px}*/
.service-inner{padding:50px 0}
.map-holder{height:350px}

} /*---------------------------- Ende Navigation @media (max-width: 991px)   */
@media (min-width: 1900px){
  .map-holder{background: url(../images/map_1050x575.jpg) no-repeat;}
}

@media (min-width: 1600px){
  h1{font-size:42px;margin-bottom:40px; padding-top:50px; letter-spacing:1px;}
  h2{font-size:34px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  h3{font-size:28px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  h4{font-size:24px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  
  #main-image .full-image{padding:30px;}
  #citation_1 .full-image{padding:30px;}
  #citation_2 .full-image{padding:30px;}
  
  #main-image .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_1 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_2 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}

  .map-holder{background: url(../images/map_950x575.jpg) no-repeat;}
  #contact_form_610.contact-form h2{margin-top:0; padding-top:0}

      p,ul{margin-bottom: 13px}
}

@media (min-width: 1200px) and (max-width: 1599px){
  h1{font-size:42px;margin-bottom:40px; padding-top:50px; letter-spacing:1px;}
  h2{font-size:34px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  h3{font-size:26px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  h4{font-size:22px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  
  #main-image .full-image{padding:30px;}
  #citation_1 .full-image{padding:30px;}
  #citation_2 .full-image{padding:30px;}
  
  #main-image .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_1 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_2 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}

  .map-holder{background: url(../images/map_800x575.jpg) no-repeat;}
  #contact_form_610.contact-form h2{margin-top:0; padding-top:0}

      p,ul{margin-bottom: 13px}
}

@media (min-width: 992px) and (max-width: 1199px){
  h1{font-size:42px;margin-bottom:40px; padding-top:50px; letter-spacing:1px;}
  h2{font-size:34px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  h3{font-size:24px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  h4{font-size:22px;margin-bottom:20px; padding-top:50px; letter-spacing:1px;}
  
  #main-image .full-image{padding:30px;}
  #citation_1 .full-image{padding:30px;}
  #citation_2 .full-image{padding:30px;}
  
  #main-image .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_1 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_2 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}

  .map-holder{background: url(../images/map_600x575.jpg) no-repeat;}
  #contact_form_610.contact-form h2{margin-top:0; padding-top:0}

    p,ul{margin-bottom: 13px}
}

@media (min-width: 768px) and (max-width: 991px){
  h1{font-size:38px;margin-bottom:40px; padding-top:40px; letter-spacing:1px;}
  h2{font-size:28px;margin-bottom:20px; padding-top:40px; letter-spacing:1px;}
  h3{font-size:24px;margin-bottom:20px; padding-top:40px; letter-spacing:1px;}
  h4{font-size:22px;margin-bottom:20px; padding-top:40px; letter-spacing:1px;}

  .map-holder{background: url(../images/map_991x350.jpg) no-repeat;}
  #contact_form_610.contact-form h2{margin-top:0; padding-top:0}

  #main-image .full-image{padding:30px;}
  #citation_1 .full-image{padding:30px;}
  #citation_2 .full-image{padding:30px;}
  
  #main-image .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_1 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}
  #citation_2 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:20px}

    p,ul{margin-bottom: 13px}

}
@media (min-width: 420px) and (max-width: 519px){
  .map-holder{background: url(../images/map_520x350.jpg) no-repeat;}}
@media (min-width: 520px) and (max-width: 767px){
  .map-holder{background: url(../images/map_768x350.jpg) no-repeat;}}

@media (min-width: 420px) and (max-width: 767px){
  h1{  text-align: left;font-size:32px;margin-bottom:40px; padding-top:40px; letter-spacing:1px;}
  h2{  text-align: left;font-size:25px;margin-bottom:20px; padding-top:40px; font-weight:500;; letter-spacing:0px;}
  h3{  text-align: left;font-size:22px;margin-bottom:20px; padding-top:40px; font-weight:500;; letter-spacing:0px;}
  h4{  text-align: left;font-size:20px;margin-bottom:10px; font-weight:500;; letter-spacing:1px;}

  #contact_form_610.contact-form h2{margin-top:0; padding-top:0}

  #main-image .full-image{padding:30px;}
  #citation_1 .full-image{padding:30px;}
  #citation_2 .full-image{padding:30px;}

  #main-image .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:0}
  #citation_1 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:0}
  #citation_2 .main-text h1{text-align: center;font-size:190%; margin-bottom:20px; padding-top:0}

  p,ul{margin-bottom: 13px}
  .impressum{overflow: hidden;}
}

@media (max-width:420px){
  h1{  text-align: left;font-size:32px;margin-bottom:40px;padding-top:40px; letter-spacing:1px;}
  h2{  text-align: left;font-size:25px;margin-bottom:20px;padding-top:40px; font-weight:500;; letter-spacing:0px;}
  h3{  text-align: left;font-size:22px;margin-bottom:20px;padding-top:40px; font-weight:500;; letter-spacing:0px;}
  h4{  text-align: left;font-size:20px;margin-bottom:10px; font-weight:500;; letter-spacing:1px;}

  .map-holder{background: url(../images/map_420x350.jpg) no-repeat;}

  #contact_form_610.contact-form h2{margin-top:0; padding-top:0}
  #main-image .full-image{padding:30px;}
  #citation_1 .full-image{padding:30px;}
  #citation_2 .full-image{padding:30px;}

  #main-image .main-text h1{text-align:center; font-size:180%; margin-bottom:20px; padding-top:0}
  #citation_1 .main-text h1{text-align:center; font-size:180%; margin-bottom:20px; padding-top:0}
  #citation_2 .main-text h1{text-align:center; font-size:180%; margin-bottom:20px; padding-top:0}

  p,ul{margin-bottom: 13px}
  .scroll-holder{display: none;}
}

.max700{max-width: 770px;margin: 0 auto}
.max700 p{margin:0 20px 13px 20px}
.max700 ul{margin: 0 50px}
.max700 > h1,h2,h3,h4 {margin-left: 20px; margin-right: 20px}


.impressum{ margin:20px; font-size:100%}
.impressum ul{ margin: 20px 20px}
.impressum p{margin:0 20px 13px 20px}
.impressum ul li{list-style-image:url('/dexign/packages/dexign_theme/themes/dexign/images/list.svg');list-style-position:outside; margin-left:20px}
.impressum h1{padding:20px 20px;margin:0}
.impressum h2,h3{padding:20px 20px; margin:0; font-family: 'Work Sans', sans-serif; font-weight:300;}
.impressum p{margin:0 20px 13px 20px}

#about{padding-top:30px}
#service {padding-bottom:50px;padding-top:30px}
#work {padding-top: 30px}
#work .row {-webkit-justify-content:space-around;justify-content:center}
#work .col-sm-4 {max-width:500px;}
#work p{margin-bottom: 13px}
.karte img{margin: 0 auto}


@media (max-width:544px){
#work p{padding: 0 20px}
}
@media (min-width:1015px){
  #work .col-sm-4 {margin:0 10px;}
}

#service .row {-webkit-justify-content:space-around;justify-content:center}
#service .col-sm-6 {max-width:600px; margin:0 10px;}