body{margin: 0px; list-style: none; font: 400 15px/23px 'Poppins'; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none !important;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a, button, input[type="submit"]{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}



@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - 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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - 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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - 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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* playfair-display-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: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/playfair-display-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-500 - 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: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/playfair-display-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-600 - 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: 'Playfair Display';
  font-style: normal;
  font-weight: 600;
  src: url('assets/fonts/playfair-display-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* playfair-display-700 - 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: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/playfair-display-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?6iw8');
  src:  url('assets/fonts/icomoon.eot?6iw8#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?6iw8') format('truetype'),
    url('assets/fonts/icomoon.woff?6iw8') format('woff'),
    url('assets/fonts/icomoon.svg?6iw8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-Vector-1:before {
  content: "\e900";
}
.icon-Vector-2:before {
  content: "\e901";
}
.icon-Vector-3:before {
  content: "\e902";
}
.icon-Vector-4:before {
  content: "\e903";
}
.icon-facebook:before {
  content: "\e904";
  color: #781112;
}
.icon-instra:before {
  content: "\e905";
}
.icon-youtube:before {
  content: "\e906";
}
.icon-linkdin:before {
  content: "\e907";
}
.icon-call:before {
  content: "\e908";
}
.icon-location:before {
  content: "\e909";
}
.icon-gmail:before {
  content: "\e90a";
}
.icon-Vector-15:before {
  content: "\e90b";
}




.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;}


@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}



/*
font-family: 'AkcelerAalt';
font-family: 'AkcelerAMedium';
*/

.headersec.fixed_header{background: #FFF;}
.headersec .container{position: relative;}
.headersec{position: fixed; top: 0; left: 0; width: 100%; z-index: 99;}
.hdrinfo ul{display: block !important;}
.hdrinfo li a{color: #292836;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.hdrsocial ul{margin-right: 40px;padding: 0px 35px 0px 0px;border-right: 1px solid #C7D7CE;}
.hdrinfo li a{color: #000; font-size: 18px;line-height: 20px;}
.hdrinfo li span{color: #1a844a; margin-right: 11px;font-size: 26px;}
.hdrinfo li a:hover{color: #1a844a;}
.hdrinfo li:last-child{margin: 0;}
.hdrsocial li{margin: 0 10px 0 0;}
.hdrsocial li:last-child{margin: 0;}
.hdrsocial li a{display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 100%; font-size: 20px;
border: 2px solid #1a844a; color: #fff;background-color: #1a844a;}
.hdrsocial li a:hover{background: #fff; color: #1a844a; border-color: #1a844a;transform: rotate(360deg);transition: all 0.5s ease-in-out;
font-size: 20px;}
.hderbtm{display: flex; justify-content: flex-end; align-items: center;padding: 50px 0px;
  border-bottom: 1px solid #ddd;width: 82%;float: right;}
.hdrlgo{width: auto; position: absolute; left: 0; top: 0;bottom:0;transition: all 0.5s;}
.hdrmnu{width: auto; position: relative;}
.hdrinfo ul{margin-left: 400px;position: relative;}
.hdrinfo ul::before{position: absolute;content: "\e907";color: #1a844a;font-family: 'icomoon';left: -75px;top: -10px;font-size: 30px;
background: #E2EEE7;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.hdrmnu li{margin: 0 50px 0 0;}
.hdrmnu li a{display: inline-block; color: #292836;font-size: 20px;font-style: normal;font-weight: normal;}
ul.slimmenu li a:hover{color: #781112;}
.hdrmnu li:last-child{margin: 0;}
.slimmenu .current-menu-item a {color: #781112;}
ul.slimmenu li .sub-toggle{background: none; display: flex; align-items: center; justify-content: center; width: 25px; height: 25px;
  top: 10px; right: -12px;}
  ul.slimmenu li .sub-toggle::after{content: "+"; color: #FFF;}
  ul.slimmenu li .sub-toggle::before{content: none;}
  ul.slimmenu li .sub-toggle i{display: none;}
  ul.slimmenu li > ul{width: 200px; background: rgba(0, 0, 0, 0.88); padding: 10px 5px;}
  ul.slimmenu li > ul > li{margin: 0; background: none; width: 100%;}
  ul.slimmenu li > ul > li > a{width: 100%; background: none; padding: 10px 20px; font-size: 17px;}
  ul.slimmenu li > ul > li > a:hover{background: #ee7202;}

.banner{position: relative;}
.bannertext{position: absolute;content: '';bottom: 100px;display: flex;align-items: flex-end;
justify-content: space-between;}
 .bannering{width: 100%}
.banner-contain{max-width: 900px;padding: 0px 30px 0px 80px;}
.banner-contain h1{font-size: 80px;color: #781112;font-family: 'Playfair Display';}
.banner-contain strong{color: #022A36;font-size: 40px;font-weight: 500;line-height: 80px;}
.banner-contain p{font-size: 18px;color: #4F4F4F;line-height: 26px;}
.dftBtn{margin-top: 30px;}
.dftBtn a{font-size: 18px;color: #fff;background-color: #781112;padding:17px 25px;
display: inline-block;border-radius: 10px;border: 2px solid #781112;}
.dftBtn a img{padding-left: 10px;}
.dftBtn a:hover{border-radius: 0px;}
.bannerNumber{width: 250px;}
.bannerNumber em{display: block;color: #781112;font-size: 120px;font-style: normal;line-height: 120px}
.bannerNumber{font-size: 18px;color:#781112;display: block;text-transform: uppercase;
font-weight: 500;letter-spacing: 3px;position: relative;}
.line{position: absolute;content: '';width: 1px;height: 100%;background: #ddd;left: 405px;top: 0}
.bannerNumber:before{position: absolute;content: '';width: 355px;height: 355px;border: 1px solid #ddd;
border-radius: 100%;top:25%;left: 40%;transform: translate(-50%, -50%);}

.stappen{padding: 100px 0px;}
.stepLeft h2{font-size: 60px;color: #781112;font-family: 'Playfair Display';}
.stepLeft figure img{width: 100%;padding: 30px 0px 15px 0px;}
.stepLeft p{font-size: 18px;color: #4F4F4F;line-height: 26px;}

.steplist .step{display: flex;align-items: center;justify-content: flex-start;margin-bottom: 30px;}
.steplist .stepico{margin-right: 80px;}
.stepico{outline: 2px solid #DAA5AE;border-radius: 100%;padding: 10px;position: relative;}
.steplist{counter-reset: section;}
.stepico::before {position: absolute;top: 0;right: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;
background: #FFEEA0; border-radius: 100%; counter-increment: section; /* Increments the counter */content: " " counter(section);}
.steplist li{position: relative;}
.steplist li:last-child::before{position: absolute;content: '';width:1px;height: 150px;background-color:#DAA5AE; 
top: 0;left: 9%;}
.steplist li:first-child::before{position: absolute;content: '';width: 1px;height: 130px;background-color:#DAA5AE; 
top: -30px;left: 9%;}
.steplist li:first-child::after{width: 20px;height: 20px;border-radius: 100px;border: 1px solid #DAA5AE;
position: absolute;content: '';top: -50px;left: 43px;}
.steplist ul{position: relative;}
.steplist ul::before{position: absolute;content: '';width: 2px;height: 100%;background-color:#DAA5AE; 
top: 0;left: 9%;transform: translateX(-50%);z-index: -1}
.stepname strong{font-size: 24px;font-family: 'Playfair Display';color: #212021;font-weight: normal;
line-height: 30px;}
.steplist{padding: 0 30px;}
.steplist li i{background-color: #781112;width: 85px;height: 85px;border-radius: 100%;
display: flex;align-items: center;justify-content: center;color: #fff;font-size: 40px;}
.stappen .row{align-items: center;}

.footer{padding: 40px 0px;background: #002533;position: relative;overflow: hidden;}
.footer::before{position: absolute;content: '';background: linear-gradient(360deg, rgba(2,63,86,1) 0%, rgba(95,59,132,1) 100%);
width: 1000px;height: 800px;border-radius: 100%;overflow: hidden;opacity: 8%;
left: 50%;transform: translateX(-50%);bottom: -480px;}
.flogo img{max-width: 180px;}
.address ul{display: flex;align-items: center;justify-content: space-between;}
.address ul .media{display: flex;align-items: center;justify-content: flex-start;}
.media span{width: 65px;height: 65px;background: #781112;color: #fff;display: flex;align-items: center;
justify-content: center;border-radius: 100%;margin-right: 15px;font-size: 18px;}
.media-object p, .media-object a{color:#fff;font-size: 21px;line-height: 26px;}
.media-object a:hover{color:#FFEEA0; }
.quicklink ul{display: flex;align-items: center;justify-content: space-between;padding: 50px 0px 70px 0px;}
.quicklink li a{color: #fff;}
.quicklink li a:hover{color: #FFEEA0;}
.quicklink li{position: relative;}
.quicklink li::before{position: absolute;content: '';width: 6px;height: 6px;background: #fff;
border-radius: 100%;top: 9px;right: -50px;}
.sociel, .address{position: relative;z-index: 11}
.quicklink li:last-child::before{display: none;}
.sociellist{display: flex;align-items: center;justify-content: space-between;}
.sicon span{width: 50px;height: 50px;background-color: #FFEEA0;display:flex;
align-items: center;justify-content: center;border-radius: 100%;font-size: 16px;color: #002533;}
.stext em{display: block;color: #fff;font-size: 14px;font-style: normal;line-height: 40px;}
.stext{color: #fff;font-size: 24px;font-weight: 500;}
.sociellist{padding: 15px 30px;border-top: 1px solid #fff;}
.sociellist:hover .stext{color: #FFEEA0;}
.sociellist:hover{background: #781112;border-top: 1px solid #781112;transition: all 0.3s ease-in-out;}

.downlink{padding:60px 0px 60px 0px;display: flex;align-items: center;justify-content: space-between;}
.downlink p, .downlink a{font-size: 18px;color: #fff;}
.downlink a:hover{color:#FFEEA0;}
.downlink .downonw{position: relative;}
.downlink .downonw ul{display: flex;align-items: center;justify-content: space-between;}
.downlink .downonw ul li{margin-right: 40px;position: relative;padding-right: 40px;}
.downlink .downonw ul li:last-child{margin-right: 0px;}
.downlink .downonw ul li::before{position: absolute;content: '';width: 2px;height: 100%;
background-color: #fff;top:0;right: 0}
.downlink .downonw ul li:last-child::before{display: none;}

.headersec.fixed_header .hderbtm{border-bottom: none;padding: 30px 0px;}
.headersec.fixed_header .hdrlgo{max-width: 150px;transition: all 0.5s;}

/********************************dynam***************************/

.dynamische{margin-top: 260px;}
.dynam-contain h2, .dynam-contain h1{color: #781112;font-family: 'Playfair Display';font-size: 80px;line-height: 85px;}
.dynam-contain br{display:none;}
.dynam-contain strong{font-size: 35px;color: #022A36;display: block;margin:20px 0 15px;font-weight: 500;line-height:40px;}

.dynam-contain p {font-size: 18px;color: #4F4F4F;line-height: 26px;}
.moreContain p{font-size: 18px;line-height: 30px;color: #4F4F4F;}
.moreContain{padding: 50px 0 30px;}

.dynam-img figure img{width: 100%;}

.listBtn{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
.listBtn .dftBtn a{/*min-width:565px;*/  min-width:auto !important;text-align: center;}
.listBtn .dftBtn {margin-right: 20px;}
.listBtn .dftBtn:nth-child(2) a{background-color: #022A36;border-color: #022A36;}
.listBtn .dftBtn:nth-child(3) a{background-color: #022A36;border-color: #022A36;}

.gratis{padding: 80px 0px;}
.gratis figure img{width: 100%;padding-right: 50px;}
.gratis-contain h3,.dynam-contain h3{font-size: 60px;color: #022A36;font-family: 'Playfair Display';line-height: 70px;}
.gratis-contain p{font-size: 18px;line-height: 30px;color: #4F4F4F;}
.gratis .row{align-items: center;}
.dynam-contain ul li{margin:10px 0 0 15px;list-style-type: square;color: #022a36;}
.dynam-contain ul{margin-bottom:20px;}
.dynam-contain ul li::marker{background:red!important;}
/********************************dynam***************************/
.nopage{padding:0px 0px 50px;text-align: left;}
.nopage a{color:#781112;}
.page-id-160 h3{margin:0 0 20px;}
.nopage h2{margin-bottom:20px;}

.bottom_image .dynam-img img{padding:0px; margin:0px;}

.dynam-contain {padding-right: 95px;}

.product-list {
    padding-top: 30px;
    text-align:center;
}
.product-list .row{padding-top:20px;}
.product-item {
    margin-bottom: 30px;
    display: flex;
}
.product-item .dynam-img {
    padding: 20px 20px 25px;
    box-shadow: 0px 0px 12px rgb(120 17 18 / 25%);
    width: 100%;
    text-align: center;
}
.product-item .dynam-img img{  object-fit: contain;      height: 325px !important;}
.product-item h5{font-size: 23px;
    color: #022A36;
    font-family: 'Playfair Display';
    line-height: 30px;}
.product-item h5 a{color: #022A36;}
.product-item h5 span{    display: block;
    font-size: 80%;
    color: #781112;}
@media (min-width: 1700px) and (max-width: 1799px) {

.line {left: 350px;}
.bannerNumber:before {width: 320px;height: 320px;top: 35%;left: 48%;}

}


@media (min-width: 1600px) and (max-width: 1699px) {



}

@media only screen and (min-width: 1599px) {
.container{max-width: 1560px;}
.page-id-15 .dynamische .dynam-img img{height:490px; object-fit: contain;}
}

@media only screen and (min-width: 1999px){
.line {left: 520px;}
}

@media only screen and (max-width: 1599px) {
.dynamische { margin-top: 160px;}
.hdrmnu li a{font-size: 17px;}
.hdrmnu li {margin: 0 30px 0 0;}
.hderbtm{padding: 35px 0px;}
.line {left: 330px;}
.banner-contain {padding: 0px 30px 0px 40px;max-width: 700px}
.bannerNumber:before {width: 270px;height: 270px;top: 40%;left: 40%;}
.bannerNumber em{font-size: 90px;}
.banner-contain h1{font-size: 60px;line-height: 60px;}
.bannertext figure img{max-width: 350px;}
.banner-contain strong{font-size: 32px;line-height: 60px;}
.banner-contain p{font-size: 16px;}
.dftBtn a {font-size: 16px;padding: 15px 20px;}
.dftBtn a img {width: 20px;}
.bannertext {bottom: 80px;}
.hdrlgo img{max-width: 140px;}
.headersec.fixed_header .hdrlgo img{max-width: 120px;}
.stappen {padding: 60px 0px;}
.stepLeft h2{font-size: 46px;}
.stepLeft figure img {padding: 20px 0px 15px 0px;}
.stepLeft p{font-size: 16px;}
.steplist li:last-child::before, .steplist li:first-child::before{height: 130px;}
.steplist li:first-child::after{left: 37px;}
.steplist {padding: 0 15px;}
.steplist li i {width: 75px;height: 75px;}
.stepname strong{font-size: 20px;}
.steplist .stepico {margin-right: 60px;}
.stepico::before{width: 25px;height: 25px;font-size: 12px;}
.media-object p, .media-object a{font-size: 18px;}
.quicklink li::before{right: -35px;}
.flogo img {max-width: 160px;}
.quicklink ul {padding: 45px 0px 60px 0px;}
.stext{font-size: 20px;}
.stext em{font-size: 12px;line-height: 30px;  }
.sicon span{width: 40px;height: 40px;}
.downlink p, .downlink a{font-size: 16px;}
.downlink .downonw ul li {margin-right: 30px;padding-right: 30px;}
.downlink{padding: 50px 0px;}
.media span{width: 55px;height: 55px;font-size: 14px;}
.footer::before{width: 800px;height: 750px;}

/********************************dynam***************************/
.dynam-contain {padding-right: 45px;}
.dynam-contain h2, .dynam-contain h1{font-size: 64px;line-height: 70px;}
.dynam-contain strong {font-size: 26px;margin:15px 0 10px;font-weight: 500;}
.dynam-contain p, .moreContain p, .gratis-contain p{font-size: 16px;margin-bottom: 5px;}
.dynam-contain .dftBtn{margin-top: 20px;}
.moreContain {padding: 35px 0 0px;}
.gratis {padding: 60px 0px;}
.gratis-contain h3,.dynam-contain h3 {font-size: 50px;line-height: 60px;}
.listBtn .dftBtn a { min-width: 510px;}
.gratis figure img {padding-right: 30px;}
/********************************dynam***************************/
.page-id-160 h3 { margin:0 0 10px;}

.page-id-15 .dynamische .dynam-img img{height:400px; object-fit: contain;}
.product-item .dynam-img img{        height: 240px   !important;}
.product-item h5 {
    font-size: 18px;
    line-height: 24px;
}
}

@media only screen and (max-width: 1399px) {
.headersec.fixed_header .hderbtm {padding: 25px 0px;}
.headersec.fixed_header .hdrlgo img {max-width: 110px;}
.hderbtm {padding: 30px 0px;}
.hdrlgo img {max-width: 129px;}
.hdrmnu li a{font-size: 15px;}
.hdrmnu li {margin: 0 20px 0 0;}
.banner-contain h1 {font-size: 46px;line-height: 50px;}
.banner-contain strong {font-size: 28px;line-height: 50px;}
.bannertext figure img {max-width: 260px;}
.bannerNumber em{font-size: 80px;line-height: 80px;}
.bannerNumber:before {width: 250px;height: 250px;top: 25%;left: 30%;}
.bannerNumber{font-size: 16px;}
.banner-contain {padding: 0px 30px 0px 0px;max-width: 600px;}
.line {left: 314px;}
.banner-contain strong {font-size: 28px;line-height: 50px;}
.banner-contain p, .stepLeft p{font-size: 14px;line-height: 22px;}
.dftBtn a {font-size: 14px;padding: 10px 15px;}
.dftBtn{margin-top: 20px;}
.bannertext {bottom: 70px;}
.stappen { padding: 50px 0px;}
.stepLeft h2 {font-size: 40px;margin-bottom: 0px;}
.stepname strong{font-size: 18px;line-height: 26px;}
.steplist li i {width: 65px;height: 65px;font-size: 30px;}
.steplist .stepico{margin-right: 60px;padding: 8px;}
.stepico::before {width: 20px;height: 20px;font-size: 10px;}
.steplist li:first-child::after {left: 34px;}
.steplist li:last-child::before, .steplist li:first-child::before {height: 110px;}
.steplist .step{margin-bottom: 25px;}
.flogo img {max-width: 140px;}
.media-object p, .media-object a {font-size: 16px;line-height: 22px;}
.media span { width: 50px; height: 50px;font-size: 12px;}
.quicklink li a{font-size: 12px;}
.quicklink ul {padding: 35px 0px 50px 0px;}
.sociellist{padding: 10px 20px;}
.stext{font-size: 16px;}
.stext em {font-size: 11px;line-height: 24px;}
.sicon span {width: 35px;height: 35px;font-size: 14px;}
.footer::before {width: 650px;height: 700px;}
.downlink {padding: 40px 0px 20px 0px;}
.downlink p, .downlink a {font-size: 14px;}
.steplist ul::before, .steplist li:last-child::before, .steplist li:first-child::before{left: 10%;}




/********************************dynam***************************/

.dynam-contain h2, .dynam-contain h1{font-size: 54px;line-height: 60px;}
.dynam-contain strong{font-size: 22px;margin: 10px 0 5px;}
.dynam-contain p, .moreContain p, .gratis-contain p{font-size: 15px;}
.listBtn .dftBtn a {min-width: 425px;}
.listBtn .dftBtn {margin-right: 10px;}
.gratis {padding: 45px 0px;}
.gratis-contain h3,.dynam-contain h3 {font-size: 44px;line-height: 50px;}
.moreContain p, .gratis-contain p{line-height: 26px;}
/********************************dynam***************************/


}

@media only screen and (min-width: 1200px) {
    .product-item {
    width:20%;
}
}

@media only screen and (max-width: 1199px) {

.line {left: 215px;}
.bannerNumber {width: 220px;}
.bannertext figure img {max-width: 180px;}
.banner-contain h1 {font-size: 30px;line-height: normal;margin-bottom: 0px;}
.hdrmnu li a {font-size: 14px;}
/*.hderbtm {padding: 20px 0px;}*/
.banner-contain p, .stepLeft p{font-size: 12px;}
.banner-contain {padding: 0px 10px 0px 0px;max-width: 500px;}
.bannerNumber:before {width: 200px;height: 200px;top: 50%;left: 35%;}
/*.hderbtm{width: 80%}*/
.bannerNumber em {font-size: 70px;line-height: 70px;}
.bannertext {bottom: 50px;}
.stepLeft h2 {font-size: 30px;margin-bottom: 0px;}
.steplist .stepico {margin-right: 20px;padding: 5px;}
.stepname strong {font-size: 16px;line-height: 22px;}
.steplist .step {margin-bottom: 20px;}
.steplist ul::before, .steplist li:last-child::before, .steplist li:first-child::before {left: 11%;}
.steplist li:first-child::after {left: 30px;}
.quicklink li a {font-size: 12px;}
.quicklink li::before{top: 10px;right: -20px}
.quicklink ul {padding: 30px 0px 50px 0px;}
.sociellist {padding: 5px 10px;}
.media-object p, .media-object a { font-size: 14px;line-height: normal;}
.media span{margin-right: 10px;}
.footer::before {width: 600px; height: 650px;}
.downlink {padding: 30px 0px 10px 0px;}


/********************************dynam***************************/
.dynam-contain {padding-right: 45px;}   
.dynam-contain h2, .dynam-contain h1{font-size: 44px;line-height: 55px;}
.dynam-contain strong {font-size: 20px;margin: 15px 0 10px;line-height: 30px;}
.dynam-contain p, .moreContain p, .gratis-contain p {font-size: 14px;}
.listBtn .dftBtn a {min-width: 380px;}
.gratis figure img{padding-right: 0px;}
.gratis-contain h3,.dynam-contain h3 {font-size: 40px;line-height: 46px;}
/********************************dynam***************************/

.page-id-160 h3{margin:0 0 12px;font-size:18px;}
.dynamische {margin-top: 100px;}




.hdrlgo img {max-width: 150px;transition: all 0.5s ease-in-out;}
ul.slimmenu{position: absolute; top: 100%; left: 0; width: 100%; z-index: 9; background: #781112; 
  border-bottom: 2px solid rgba(255,255,255,0.75);}
.hdrmnu {position: initial;}
ul.slimmenu.collapsed li a {border-bottom: 1px solid rgb(255 255 255 / 31%);
    color: #fff;}
.hdrmnu li a{padding: 10px 12px;}
ul.slimmenu li .sub-toggle {width:44px;height:44px !important;top:0;right:0;}
ul.slimmenu li > ul{width: 100%; float: left; background: #0D0D0D;}
ul.slimmenu li > ul li a{border: 0px !important;}
ul.slimmenu li > ul li i{display: none;}
.hdrlgo img {max-width: 90px;transition: all 0.5s;}
.collapse-button{background: #781112;right: 12px;}
.hderbtm{float: unset;}
.hderbtm{border-bottom: none;width: 100%;padding: 30px 0px;}
.product-item .dynam-img img{        height: 220px  !important;}
    .product-item h5 {
        font-size: 17px;
        line-height: 22px;
    }
}


@media only screen and (max-width: 991px) {

.banner-contain h1{font-size: 24px;}
.banner-contain strong {font-size: 22px;line-height: 40px;}
.banner-contain{max-width: 100%}
.bannerNumber {width: 100%;}
.flogo{margin-bottom: 20px;}
.line{display: none;}
.bannertext{flex-wrap: wrap;}
.stappen {padding: 35px 0px;}
.collapse-button{background: #781112;right: 12px;}
.stepLeft h2 br{display: none;}
.stepLeft h2{font-size: 26px;}
.steplist{padding: 70px 0 0 0}
.steplist ul::before, .steplist li:last-child::before, .steplist li:first-child::before {left: 5.5%;}
.steplist .stepico {margin-right: 60px;padding: 5px;}
.flogo{text-align: center;}
.quicklink ul {padding: 20px 0px 30px 0px;}
.sociellist {margin-bottom: 20px;}
.downlink p, .downlink a {font-size: 12px;}
.downlink .downonw ul li {margin-right: 15px;padding-right: 15px;}
.downlink {padding: 10px 0px 10px 0px;}
.downlink, .quicklink ul{flex-wrap: wrap;}

.bannerNumber:before, .bannertext figure img{display: none;}
.bannertext {bottom: 20px;}
.banner{height: 480px;}
.banner figure img{height: 480px;object-fit: cover;}
.bannertext figure img {max-width: 140px;height: 100%;position: absolute;top: -109px;
right: 30px;object-fit: contain;}

/********************************dynam***************************/
.dynam-contain {padding-right: 0px;}
.dynam-contain h2, .dynam-contain h1{font-size: 36px;margin-bottom: 0px;}
.dynam-contain strong{margin: 10px 0px;line-height: 22px;}
.dynam-contain .dftBtn{margin-top: 15px;}
.dynam-img{padding: 30px 0px;}
.moreContain{padding: 0 0 0;}
.listBtn .dftBtn a {width: auto;}
.gratis-contain h3,.dynam-contain h3{font-size: 30px;line-height: normal;margin-bottom: 10px;}
.gratis-contain h3 br,.dynam-contain h3 br{display: none;}
.gratis figure img{margin-bottom: 15px;}
/********************************dynam***************************/
.dynamische { margin-top: 95px;}

}

@media only screen and (max-width: 767px){
.banner, .banner figure img{height: 500px;}
.bannerNumber em {font-size: 50px;line-height: 60px;}
.stepLeft h2 {font-size: 22px;}
.dftBtn a {font-size: 12px;padding: 10px;}
.steplist ul::before, .steplist li:last-child::before, .steplist li:first-child::before {left: 7%;}
.steplist li:first-child::after {left: 27px;}
.address ul{flex-wrap: wrap;}
.address ul li{margin-bottom: 15px}
.quicklink ul {padding: 0px 0px 30px 0px;justify-content: flex-start;}
.quicklink li{width: 30%;}
.quicklink li::before {right: 15px;}
.downlink{justify-content: space-around;}
.media span {width: 45px;height: 45px;}
/********************************dynam***************************/
.dynam-contain {padding-right: 0px;}
.dynam-contain h2, .dynam-contain h1{font-size: 28px;line-height: normal;}
.dynam-contain strong{font-size: 18px;}
.dynam-img {padding: 20px 0px;}
.listBtn .dftBtn{margin-top: 15px;}
.gratis {padding: 30px 0px;}
.gratis-contain h3,.dynam-contain h3{font-size: 26px;}
/********************************dynam***************************/
.animated {-webkit-animation-duration: inherit;animation-duration: inherit;-webkit-animation-fill-mode: inherit;animation-fill-mode: inherit;}

}

@media only screen and (max-width: 575px){
.banner, .banner figure img {height: 500px;}
.headersec.fixed_header .hdrlgo img {max-width: 80px;}
.bannerNumber em {font-size: 40px;line-height: 40px;}
.bannerNumber{font-size: 14px}
.banner-contain h1 {font-size: 20px;}
.banner-contain strong {font-size: 18px;line-height: 30px;}
.dftBtn {margin-top: 0px;}
.stepLeft h2 {font-size: 20px;}
.steplist ul::before, .steplist li:last-child::before, .steplist li:first-child::before {left: 8%;}
.downonw{margin-bottom: 15px}
.downlink {padding: 0px 0px 0px 0px;}
.footer {padding: 30px 0px 10px;}

/********************************dynam***************************/
.dynam-contain h2, .dynam-contain h1{font-size: 24px;}
.dynam-contain strong{font-size: 17px;margin: 7px 0px;}
.dynam-contain p, .moreContain p, .gratis-contain p{line-height: normal;}
.gratis-contain h3,.dynam-contain h3{font-size: 22px;}
.gratis-contain .dftBtn{margin-top: 15px;}
/********************************dynam***************************/
.dynamische {margin-top: 100px;}
}

@media only screen and (max-width: 480px){ 
.bannerNumber, .banner-contain h1, .banner-contain strong, 
.dftBtn, .stepLeft h2{text-align: center;display: block;}
.steplist .stepico {margin-right: 20px;padding: 5px;}
.steplist ul::before, .steplist li:last-child::before, .steplist li:first-child::before {left: 10%;}
.address ul{display: block;}
.quicklink li {width: 50%;}
.quicklink li:last-child::before{display: block!important;}
.quicklink li::before {right: 50px;}
.media-object p br{display: none;}

/********************************dynam***************************/
.dynam-contain h2, .dynam-contain h1{font-size: 22px;}
.dynam-contain strong{font-size: 16px;}
.dynam-contain p, .moreContain p, .gratis-contain p {font-size: 13px;}
.listBtn .dftBtn a{padding: 6px;}
.dftBtn a img {width: 18px;}
.listBtn .dftBtn {margin-top: 10px;}
/********************************dynam***************************/

}
@media only screen and (max-width: 400px){
.quicklink li::before{display: none;}
.quicklink li:last-child::before{display: none!important;}
.steplist ul::before, .steplist li:last-child::before, .steplist li:first-child::before {left: 12%;}
.banner, .banner figure img {height: 550px;}
.dftBtn a {font-size: 10px;padding: 8px;}

}