@import url('https://www.onetz.de/sites/all/themes/mimas_sparkle/css/font-awesome.css');

.pane-node.submenu { display: block!important;}

@keyframes move_menu_mobile {
  40% { transform: translate(-1000px, 0px); }
  100% { transform: translate(0px, 0px); }
}

@keyframes transform_menu_desktop {
  50% { scale:130% }
  100% { scale:100%}
}

/** { box-sizing: border-box; }*/
/*#content-area .content  {background-color:transparent!important;}*/

.onetz-abo_service-list::-webkit-scrollbar { width:0; height:0 }
.onetz-abo_service-list::-webkit-scrollbar-thumb { background: transparent}
.onetz-abo_service-list::-webkit-scrollbar-track { background-color: transparent}

.onetz-abo_service-section { display:block; max-width:100%;}

.onetz-abo_service-gray {background-color: #ffffff!important; height: auto; margin:0px; padding: 0px 35px;}

.onetz-abo_service-list {background-color: #EAEBEE!important; width:100%; padding: 15px 0px 0px 30px;  box-sizing: border-box;  -webkit-overflow-scrolling: touch;  display: block; overflow: auto; white-space: nowrap;  }

.animate { animation:  transform_menu_desktop 1.5s ; animation-delay: 0.5s; }

.onetz-abo_service-item { display: inline-block; padding-right: 35px; margin-bottom: 10px; }

.onetz-abo_service-gray a { color: #282828; display: block; font-size:18px; text-decoration:none; transition: border-color 0.3s; border-bottom:4px solid #EAEBEE;}
.onetz-abo_service-gray a:hover { color: #282828!important; text-decoration:none!important; }

.item_not_active:hover { border-bottom: 4px solid #94D113; transition: border-color 0.3s; } 

.item_active::after { content: ""; display: block; margin: 0 auto; width: 100%; padding-top: 0px; border-bottom: 4px solid #94D113; }

.pfeil_links, .pfeil_rechts
  {
    display:none;
    z-index:123456;
    position:absolute;
    margin-top:9px;
    color:#282828;
    background-color: #ffffff;
    border: 2px solid #282828;
    border-radius: 50%;
    height:36px;
    width:36px;
    transition: background-color 0.2s, border-color 0.2s;
    background-position: calc(50% + 0.120rem)   50%;
    background-size: 0.5em;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMyAyNCI+PHBhdGggZmlsbD0iIzI4MjgyOCIgc3Ryb2tlPSIjMjgyODI4IiBzdHJva2Utd2lkdGg9Ii45MyIgZD0iTTkuOTcgMTIgLjc0IDIuNDJhLjkuOSAwIDAgMSAwLTEuMjcuODguODggMCAwIDEgMS4yNSAwTDEyLjEgMTEuMzdhLjkuOSAwIDAgMSAwIDEuMjZMMiAyMi44NWEuODguODggMCAwIDEtMS4yNSAwIC45LjkgMCAwIDEgMC0xLjI3eiIvPjwvc3ZnPg==);
  }

.pfeil_links:active, .pfeil_rechts:active {     background-color: #94D113; border-color:#94D113; transition: background-color 0.2s, border-color 0.2s;}

.pfeil_links { left:15px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.pfeil_rechts { right:16px; }

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

    .animate { animation:  move_menu_mobile 1.5s ; animation-delay: 0.5s; }
    /*i.fa { display:none; }*/
    .panel-display.panel-four-three-adaptive .line, .panel-display.panel-three-four-adaptive .line {margin-bottom:0px!important;}
    .onetz-abo_service-gray { margin:0px; background-color: #EAEBEE!important; padding:2px 0px; }
    .onetz-abo_service-list { -webkit-overflow-scrolling: touch; display: block; overflow: auto; white-space: nowrap; padding: 10px 0px 0px 0px; scroll-snap-type: x mandatory; }
    .onetz-abo_service-gray a:hover { border-bottom:4px solid #EAEBEE!important; text-decoration:none!important; } 
    .onetz-abo_service-gray a {margin:0 15px;}
    .pfeil_links, .pfeil_rechts {display:block; top:10px;}
    .pfeil_links { left:-10px; }
    .pfeil_rechts { right:-10px; }
    .onetz-abo_service-item {width:76%; text-align:center; padding-right: 0px; margin: 0 12%; margin-bottom: 10px; scroll-snap-align: center; scroll-snap-stop: always;}
  }