body#page-schienensystem-konfigurator .index-heading-wrapper {display:none;}
#systemkonfigurator{margin:25px 0 50px 0;}
.flexinhalt {display:flex; flex-wrap:wrap; justify-content: space-between; margin:0; padding:0;}
.wrapfull {flex:0 0 100%;}
#systemkonfigurator h1{color: #212121;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.03rem; display:block; width:100%; margin-bottom:25px;}
#systemkonfigurator .intro-text, .box-summary p, .summaryTextListe {padding: 0;
    font-size: 18px;
    line-height: 1.666666667em;
    color: #121212;}
#systemkonfigurator .intro-text .info-after {display:block;}
#systemkonfigurator .box-border-wrap-main {padding:25px 50px; margin:0 0 1rem 0!important;background:#fff;box-shadow:0 0.625rem 1.25rem 0 rgb(2 10 26 / 10%);}
#systemkonfigurator .text-description-info{background:#f7f7f7;color:#057191;padding:30px 20px 30px 55px;margin:0 0 15px 0;position:relative;font-size:24px; font-weight:600;}
#systemkonfigurator .text-description-info:before{content:'\f358';font-family:'Font Awesome 5 Free';position:absolute;left:15px;top:50%;line-height:0;margin-right:0;color:#057191;font-size:28px;font-weight:400;}

#systemkonfigurator p{clear:both;}
#systemkonfigurator .system > p{margin-bottom:20px;}
#systemkonfigurator *{box-sizing:border-box;}
#systemkonfigurator .hidden{display:none!important;}
#systemkonfigurator_summary{padding:50px 50px 0 50px;}
#systemkonfigurator_summary ul{}
#systemkonfigurator_summary ul li{padding:0;overflow:hidden;}
#systemkonfigurator_summary b{}
#systemkonfigurator_summary span.label{display:inline-block;float:left;font-weight:bold;padding-right:5px;text-align:right;width:160px;}
#systemkonfigurator_summary span.data{float:left;}
#systemkonfigurator_summary span.data span{clear:both;float:left;}
#systemkonfigurator_summary span em{font-style:normal;}
#systemkonfigurator_artikelliste{clear:both;display:inline-block;width:100%;}
#systemkonfigurator_artikelliste > ul{overflow:hidden;}
#systemkonfigurator_artikelliste > ul > li{display:flex; flex-wrap:wrap; background:#f7f7f7; padding:15px; margin:0 0 1rem 0;position:relative; flex:0 0 100%;}
#systemkonfigurator_artikelliste > ul > li .qty{width:36px; height:36px; font-size:22px; line-height:36px; background:#057191;color:#fff;font-style:normal;position:absolute;left:0;text-align:center;top:0px!important;}
#systemkonfigurator_artikelliste > ul > li img{margin:0; max-width:120px;}
.summary-product-image {width:10%;}
.holder-artikel-details {width:88%; margin-left:2%;}
#systemkonfigurator_artikelliste > ul > li h4, #systemkonfigurator_artikelliste h4 a{width:100%; font-weight:400; font-size:18px; margin: 0 0 5px 0;text-decoration:none; color:#212121;}

#systemkonfigurator .price {font-weight: 700; font-size: 21px; color: #057191; letter-spacing: 0.02em;}
#systemkonfigurator .price-uvp {margin-left:5px;}

#systemkonfigurator table{margin-top:30px;}
#systemkonfigurator table td{padding:0 20px;}
.systemkonfigurator_header{background:#fff;color:#333; flex:0 0 20%; order:1; padding:1rem;}
.systemkonfigurator_steps{overflow:hidden;flex:0 0 20%;float:none;order:0;}
.systemkonfigurator_steps a{color:#303030!important;display:block;background:#f7f7f7;padding:12px 25px;text-decoration:none; font-weight:600; font-size:15px;}
.systemkonfigurator_steps a.active{background:#057191;color:#fff!important;}
.systemkonfigurator_steps a.done{color:#86c921!important;}
.systemkonfigurator_steps a.done:before {font-family: "Font Awesome 5 Free"; content: "\f058"; color:#86c921; font-weight:bold; font-size:18px; margin:0 5px 0 0;}

.systemkonfigurator_description{padding:0;margin:0;}
.systemkonfigurator_body{overflow:hidden;flex:0 0 79%; background:#fff; padding:1rem;}
.systemkonfigurator_body a.option{cursor:pointer;overflow:hidden;padding:0px!important;position:relative;border:1px solid #ddd;flex:0 0 32%; margin-bottom:1.5%;}
.systemkonfigurator_body a.option:hover{border:1px solid #1db700;}
.systemkonfigurator_body a.option.active{border:1px solid #1db700;}
.systemkonfigurator_body a.option img{}
.systemkonfigurator_body img{display:block;width:100%;}
.systemkonfigurator_body_item{overflow:hidden;}

.systemkonfigurator_body_item hr{border:none;border-top:1px solid #999;height:0;margin:20px 0;}
.systemkonfigurator_body_item_wrapper{overflow:hidden; width:100%; padding:0;}
.systemkonfigurator_input_wrapper{flex:0 0 40%; padding:0 0 0 20px;}
#systemkonfigurator_summary .systemkonfigurator_input_wrapper{width:100%;}
#systemkonfigurator_summary .systemkonfigurator_input_wrapper .option.row{font-size:16px;text-align:left;}
#systemkonfigurator_summary .systemkonfigurator_input_wrapper em{font-style:normal;font-weight:bold;}
#systemkonfigurator_summary a.option:hover, #systemkonfigurator_summary a.option.active{border:none;cursor:default;}
.systemkonfigurator_image_wrapper{flex:0 0 58%; text-align:right;}
.systemkonfigurator_input_wrapper .option.row{padding:10px 0;text-align:left;margin-left:0; display:flex; align-items:center;}
.systemkonfigurator_input_wrapper input{font-family:inherit;font-size:14px;margin-right:5px;padding:10px;text-align:center;width:100px;color:#ee7900;}
.systemkonfigurator_input_wrapper input:focus{border:1px solid #ee7900;}
.systemkonfigurator_input_wrapper label{color:#ee7900; font-weight:700; font-size:18px; margin-right:15px;}
.systemkonfigurator_image_wrapper img{border:1px solid #ddd; max-width:600px; display: inline-block;}
#systemkonfigurator a.btn {background:#86c921;border:none;color:#fff;cursor:pointer;display:inline-block;padding:12px;text-decoration:none;font-weight:400; width:100%; text-transform:none; font-weight:600; font-size:14px; margin-bottom:10px;}
#systemkonfigurator a.btn.disabled{background:#888;color:#fff;cursor:not-allowed!important;}
#systemkonfigurator a.btn + a.btn{float:right;}
#systemkonfigurator a.btn.btn-prev {background:#f2f1f0!important; color:#505050!important;}
.button-konfi-to-basket {background:#86c921;border:none;color:#fff;cursor:pointer;display:block;padding:18px;text-decoration:none; width:100%; text-transform:none; font-weight:600; font-size:24px; border-radius:0.4em; transition: all 300ms; min-height:55px;}
.button-konfi-to-basket:hover {opacity: 0.7;}
.schienenkonfigurator_banner_wrapper{background:none repeat scroll 0 0 #efefef;overflow:hidden;padding:1% 2%;}
.schienenkonfigurator_banner_item{background:none repeat scroll 0 0 #fff;border:1px solid #ccc;box-sizing:border-box;float:left;margin:1% 0;overflow:hidden;padding:15px;position:relative;width:49%;}
.schienenkonfigurator_banner_item:nth-child(even){margin-left:2%;}
.schienenkonfigurator_banner_item h2{font-size:22px;margin:0 0 0.5em;}
.schienenkonfigurator_banner_item p{font-size:1.1em;}
.schienenkonfigurator_banner_item img{display:block;height:auto!important;margin:4% -4%;min-height:97px;overflow:hidden;width:108%!important;}
.schienenkonfigurator_banner_item a{background:none repeat scroll 0 0 #ee7900;bottom:4%;color:#fff;display:inline-block;float:right;font-weight:bold;padding:10px;right:4%;text-decoration:none;}
.schienenkonfigurator_banner_item a:after{content:"\00bb";font-size:14px;line-height:12px;padding-left:5px;}

.box-summary i{display:none;}
.box-summary h2 {color:#86c921; font-size:28px; margin:0 0 15px 0;}
.box-summary h2:before {color:#86c921; font-family: 'Font Awesome 5 Pro'; content: "\f00c"; margin-right:10px;}

.text-power-more{background:#f7f7f7;color:#303030;padding:20px;margin:0 0 15px 0;position:relative;font-size:16px; width:100%;}
.text-power-more span{font-weight:700;font-size:18px;color:#057191;display:block;}
.text-power-more span:before {font-family:'Font Awesome 5 Free'; content:'\f05a'; color:#057191; font-size:16px; margin-right:7px;}
.text-power-more.text-hinweis-einspeisung {width:auto; flex:0 0 32%; margin:0 0 10px 0;}

.colFooterKonfigurator{background-color:#f7f7f7;color:#303030;margin-top:50px;font-size:26px;padding:30px;font-weight:400; flex:0 0 100%;}
.colFooterKonfigurator .colLeft{width:65%;float:left;line-height:33px;}
.colFooterKonfigurator .colLeft p{font-size:18px;padding:16px 0 0 0;margin:0;}
.colFooterKonfigurator .colRight{width:35%;float:right;text-align:left;background:url(/templates/Hypnos/themes/custom/images/icon-phone-hotline.png) 0px 10px no-repeat;padding:15px 0 0 120px;}
.colFooterKonfigurator .colRight strong{color:#057191;font-size:30px;}
.colFooterKonfigurator .colRight p{font-size:14px;}

.systemkonfigurator_footer{padding:0;width:100%;float:none;margin:20px 0 0 0;}
.systemkonfigurator_footer.footer-btn{margin:0; padding:0;}
.systemkonfigurator_body_item{flex:0 0 100%;}
#systemkonfigurator .text-description-info{flex:0 0 100%;}

.systemkonfigurator_body a.option#power_1,.systemkonfigurator_body a.option#power_2,.systemkonfigurator_body a.option#power_3 {margin:0!important; flex:0 0 32%!important;}

.flex-wrap {display:flex; flex-wrap:wrap; justify-content:space-between;}
.systemkonfigurator_zusammenfassung_wrap.flex-wrap a.option {flex:0 0 31%;}
#systemkonfigurator_artikelliste .center-head-with-line, #systemkonfigurator_summary .center-head-with-line {font-size:24px; margin:1.3em 0 0.7em 0!important;}
#systemkonfigurator_artikelliste .lieferzeit {}

#systemkonfigurator_summary .systemkonfigurator_input_wrapper .option.row {font-size:13px; padding:5px 0 0 0;}
#systemkonfigurator.box-hidden .box-border-wrap-main.systemtext {opacity:0; display:none;}

@media (max-width:1140px) {
.systemkonfigurator_body {flex:0 0 70%;}
.systemkonfigurator_header {flex:0 0 29%;}
.systemkonfigurator_body a.option {flex:0 0 49%;}
#systemkonfigurator h1 {font-size:28px;}
.summary-product-image {width:15%;}
.holder-artikel-details {width:83%;}
}

@media (max-width:980px) {
.systemkonfigurator_body {flex:0 0 100%;}
.systemkonfigurator_header {flex:0 0 100%;}
.systemkonfigurator_body a.option {flex:0 0 49%;}
.systemkonfigurator_steps {display:flex; justify-content:space-between;}
#systemkonfigurator a.btn {width:50%;}
#systemkonfigurator .text-description-info {font-size:20px;}
.systemkonfigurator_steps a {text-align:center; padding:12px 5px;}
#systemkonfigurator_summary {padding:1rem 1rem 0 1rem;}
#systemkonfigurator .box-border-wrap-main {padding:30px;}
#systemkonfigurator_artikelliste > ul > li {margin:0 0 0.5rem 0;}
}

@media (max-width:768px) {
.systemkonfigurator_input_wrapper, .systemkonfigurator_image_wrapper {flex:0 0 50%;}
}

@media (max-width:600px) {
.systemkonfigurator_steps {flex-wrap:wrap;}
.systemkonfigurator_steps a{flex:0 0 100%;}
#systemkonfigurator a.btn {width:100%;}
.systemkonfigurator_input_wrapper, .systemkonfigurator_image_wrapper {flex:0 0 100%;}
#systemkonfigurator_artikelliste > ul > li .qty {width:24px; height:24px; line-height:24px; font-size:16px;}
#systemkonfigurator_artikelliste > ul > li h4, #systemkonfigurator_artikelliste h4 a {font-size:16px;}
#systemkonfigurator .price {font-size:18px;}
.button-konfi-to-basket {font-size:18px;}
}