*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    scroll-behavior: smooth;
}
body {
  font-family: 'Gotham-Rounded-Book', sans-serif;
  color: #000202;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.42857143;	
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 300;
    line-height: 1.5;
}
label {
    display: inline-block;
    margin: 0;
}
ul{
    list-style-type: none;
    list-style: none;
    margin: 0;
}
p{
    margin-top: 0;
    margin-bottom: 0;
    word-break: break-word;
}
sup{
    font-size: 10px;
}
.main-n-home sup{
    font-size: 7px;
}
.main-n-home .d-rect sup{
    font-size: 8px;
}
a{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    color: #01AEDB;
    display: inline;
}
a:hover{
    text-decoration: none;
    color: #01AEDB;
}
label{
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    margin: 0;
}
img{
    vertical-align: middle;
}
textarea, input[type="text"], input[type="number"], input[type="email"] {
    -webkit-appearance: none;
}
body.disable-scroll {
    position: fixed;
    overflow-y: scroll;
    width: 100%;
}
.ui-helper-hidden-accessible{
    display: none!important;
}
.h-mrg-sm{
    margin-bottom: 8px;
}
.p-l-height{
    line-height: 1.5;
}
.t-blue{
    color: #01AEDB;
}
.a-inline{
    display: inline;
}
.t-table{
    display: table;
    width: 100%;
}
.t-row{
    display: table-row;
    width: 100%;
}
.t-row.hidden{
    display: none;
}
.t-cell{
    display: table-cell;
    vertical-align: middle;
}
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.container {
    padding: 0 24px;
}
.fixed-path{
    position: fixed;
}
.relative-path{
    position: relative;
}
.inline-path{
    display: inline-block;
}
.flex-center{
    align-items: center!important;
}
.flex-start{
    align-items: flex-start!important;
}
.flex-end{
    align-items: flex-end!important;
}
.h-100{
    height: 100%;
}
.text-center{
    text-align: center!important;
}
.text-left{
    text-align: left!important;
}
.text-right{
    text-align: right!important;
}
.d-display{
    display:block;
}
.m-display{
    display:none;
}
.f-book{
    font-family: 'Gotham-Rounded-Book'!important;
}
.mrgt24{
    margin-top: 24px;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button { 
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0; 
}
/* CURVES BEGIN */
.curve-box-top{
    position: absolute;
    top: -2px;
    width: 100%;
    left: 0;
    line-height: 0;
}
.curve-box-btm{
    position: absolute;
    bottom: -2px;
    width: 100%;
    left: 0;
    line-height: 0;
    overflow: hidden;
}
.curve-box-top svg, .curve-box-btm svg{
    width: 100%;
    overflow: hidden;
    display: block!important;
}
.curve-box-top.curve-blue svg .cls-1, .curve-box-btm.curve-blue svg .cls-1{
    fill: #01AEDB!important;
}
.curve-box-top.curve-light-blue svg .cls-1, .curve-box-btm.curve-light-blue svg .cls-1{
    fill: #E6F9FF!important;
}
.curve-box-top.curve-orange svg .cls-1, .curve-box-btm.curve-orange svg .cls-1{
    fill: #FEAC2B!important;
}
.curve-box-top.curve-grey svg .cls-1, .curve-box-btm.curve-grey svg .cls-1{
    fill: #FCFCFC!important;
}
.curve-box-top.curve-green svg .cls-1, .curve-box-btm.curve-green svg .cls-1{
    fill: #7AB51D!important;
}
.curve-box-top.curve-yellow svg .cls-1, .curve-box-btm.curve-yellow svg .cls-1{
    fill: #FFF975!important;
}
.curve-box-one.curve-green{
    z-index:11;
}
/* CURVES END */
/* COOKIE BEGIN*/
#CookieNotification{
    top: 0px!important;
    z-index: 18!important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(196,239,250, .7)!important;
}
#cookieEdit {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#cookieEdit:hover {
    background-color: #f9f9f9!important;
}
#CookieNotification .c-link-box{
    display: flex;
    justify-content: center;
    column-gap: 16px;
}
#CookieNotification .c-link-box a{
    font-size: 12px;
    color: #808080;
}
#CookieNotification .col-12{
    max-width: 400px;
    background-color: #ffffff;
    padding: 24px;
}
/* COOKIE END*/
/* CHECKBOX & RADIO BUTTONS */
input[type="checkbox"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display: none;
    pointer-events: none;
    z-index: -1;
    position: absolute;
}
input[type="radio"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    display: none;
    pointer-events: none;
    z-index: -1;
    position: absolute;
}
input[type=checkbox], input[type=radio] {
    margin: 0;
}
/* CHECKBOX & RADIO BUTTONS END */
/* HEADER NAVIGATION MENU BEGIN */
.header{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #01AEDB;
    padding: 15px 0;
    z-index: 17;
}
.header.fixed-head{
    padding: 15px 0 0;
}
.header.light-green{
    background-color: #7AB51D;
}
.header.light-blue{
    background-color: #E6F9FF;
}
.header.light-blue.l-white{
    background-color: #ffffff;
}
.header.h-white{
    background-color: #ffffff;
}
.header.light-orange{
    background-color: #FEAC2B;
}
.header.light-yellow{
    background-color: #FFF975;
}
.header .nav-logo{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.header .navigation-box {
    list-style: none;
    list-style-type: none;
    text-align: center; 
    padding: 0;
    margin: 0;
    height: inherit;
    float: right;
}
.header .navigation{
    width: 100%;
    height: 32px;
    position: relative;
}
.header .navigation-box li{
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 40px;
}
.header .navigation-box li:last-child{
    margin-right: 0;
}
.header .navigation-list a{
    color: #fff;
    font-family: 'Gotham-Rounded-Medium';
    font-size: 12px;
}
.header.light-blue .navigation-list a{
    color: #808080;
}
.header.light-yellow .navigation-list a{
    color: #01AEDB;
}
.header .navigation-list.list-ico{
    line-height: 28px;
}
.header .navigation-list.list-ico svg{
    vertical-align: middle;
    width: 25px;
    height: 25px;
}
.header .navigation-list.list-ico.wh-ico svg #contact_phone .cls-1 {
    fill: #ffffff;
}
.header.light-blue .navigation-list.list-ico.wh-ico svg #contact_phone .cls-1 {
    fill: gray;
}
.header.light-yellow .navigation-list.list-ico svg #contact_phone .cls-1 {
    fill: #01AEDB;
}
.header .nav-logo .cls-1 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header .nav-background{
    position: fixed;
    padding: 62px 0;
    width: 100%;
    height: 100%;
    background-color: #01aedb;
    bottom: 200%;
    right: 0;
    z-index: 25;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-transition-property: bottom;
    -webkit-transition-duration: .5s;
    transition-property: bottom;
    transition-duration: .5s;
}
.header .nav-headline{
    color: #ffffff;
    font-size: 24px;
    font-family: 'Gotham-Rounded-Medium';
}
.header .nav-links{
    display: inline-block;
}
.header .nav-links img{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 20px;
    height: 70px;
}
.header .nav-links .nav-headline{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header .nav-links:hover img{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.header .nav-links:hover .nav-headline{
    color: #FFF975;
}
.header .nav-scroll{
    overflow-y: auto;
}
.header .nav-background .nav-scroll::-webkit-scrollbar {
    width: 3px;
}
.header .nav-background .nav-scroll::-webkit-scrollbar-track {
    background: transparent; 
}
.header .nav-background .nav-scroll::-webkit-scrollbar-thumb {
    background: #E6F9FF; 
    border-radius: 4px;
}
.header .nav-background .nav-scroll::-webkit-scrollbar-thumb:hover {
    background: #E6F9FF; 
}
.header .navigation-btn{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 20px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.header .navigation-hamburger {
    position: relative;
}
.header .navigation-hamburger, .header .navigation-hamburger::before, .header .navigation-hamburger::after {
    width: 100%;
    height: 2px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.header.light-blue .navigation-hamburger, .header.light-blue .navigation-hamburger::before, .header.light-blue .navigation-hamburger::after {
    background-color: #808080;
}
.header.light-yellow .navigation-hamburger, .header.light-yellow .navigation-hamburger::before, .header.light-yellow .navigation-hamburger::after {
    background-color: #01AEDB;
}
.header .navigation-hamburger::before, .navigation-hamburger::after {
    content: "";
    position: absolute;
    left: 0;
    transition: all .2s; 
}
.header .navigation-hamburger::before {
    top: -7.5px; 
}
.header .navigation-hamburger::after {
    top: 7.5px; 
}
.header .navigation-checkbox:checked  ~ .navigation .navigation-btn  {
    z-index: 26;
}
.header .navigation-checkbox:checked ~ .navigation .navigation-btn .navigation-hamburger {
    background-color: transparent; 
}
.header .navigation-checkbox:checked ~ .navigation .navigation-btn .navigation-hamburger::before {
    top: 0;
    -webkit-transform: rotate(135deg); 
    -moz-transform: rotate(135deg); 
    -ms-transform: rotate(135deg); 
    -o-transform: rotate(135deg); 
    transform: rotate(135deg); 
    background-color: #fff;
}
.header .navigation-checkbox:checked ~ .navigation .navigation-btn .navigation-hamburger::after {
    top: 0;
    -webkit-transform: rotate(-135deg); 
    -moz-transform: rotate(-135deg); 
    -ms-transform: rotate(-135deg); 
    -o-transform: rotate(-135deg); 
    transform: rotate(-135deg); 
    background-color: #fff;
}
.header .navigation-checkbox:checked ~ .navigation .nav-background{
    bottom: 0%;
}
.header .nav-logo{
    z-index: 26;
}
.header .nav-logo svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 96px;
    height: 32px;
    vertical-align: middle;
}
.header .navigation-checkbox ~ .navigation .nav-logo #eazy_logo .cls-1{
    fill: #fff;
}
.header.light-yellow .navigation-checkbox ~ .navigation .nav-logo #eazy_logo .cls-1, .header.light-blue .navigation-checkbox ~ .navigation .nav-logo #eazy_logo .cls-1, .header.h-white .navigation-checkbox ~ .navigation .nav-logo #eazy_logo .cls-1{
    fill: #01AEDB;
}
.header .navigation-checkbox:checked ~ .navigation .nav-logo #eazy_logo .cls-1{
    fill: #fff;
}
.header .navigation-checkbox ~ .navigation .nav-logo.nav-lw #eazy_logo .cls-1{
    fill: #fff;
}
.head-price-box{
    display: none;
}
/* HEADER NAVIGATION MENU END */

/* HEADLINES BEGIN */
.head-medium{
    font-family: 'Gotham-Rounded-Medium';
}
.heading-primary{
    font-size: 32px;
    margin: 0 0 32px 0; 
    font-family: 'Gotham-Rounded-Medium';
}
.heading-secondary{
    font-size: 24px;
    margin-bottom: 48px; 
    font-family: 'Gotham-Rounded-Medium';
}
.paragraph-regular{
    margin-bottom: 48px; 
}
.paragraph-medium{
   margin-bottom: 48px;  
    font-family: 'Gotham-Rounded-Medium';
}
h6.small-heading{
    font-size: 16px;
    font-family: 'Gotham-Rounded-Medium';
}
.paragraph-small{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-size: 12px;
    color: #808080;
    font-family: 'Gotham-Rounded-Book';
}
.paragraph-small.p-dark{
    color: #3A3A3A;
    padding-bottom: 8px;
}
/* HEADLINES END */
.t-decoration{
    text-decoration: line-through;
}
.vf-client-err{
    color: #F90D45;
    display: none;
}
.vf-client-err.block{
    display: block;
}
.vf-client-info{
    color: #FEAC2B;
    padding-top: 24px;
    display: none;
}
.vf-client-info.block{
    display: block;
}
/* BUTTONS BEGIN */
#submitOrdBtn.disabled{
    pointer-events: none;
}
a.btn, a.btn:link, a.btn:visited {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    padding: 12px 0;
    display: inline-block;
    border-radius: 24px;
    position: relative;
    border: none;
    cursor: pointer;
    max-width: 256px;
    font-size: 16px;
    width: 100%;
    opacity: 1;
    color: #fff;
    font-family: 'Gotham-Rounded-Medium';
    text-align: center;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
a.btn.btn-primary-red, a.btn.btn-primary-red:hover, a.btn.btn-primary-red:active{
    color: #fff;
    background-color: #F90D45;
}
a.btn.btn-primary-red:hover, a.btn.btn-primary-red:active{
    color: #fff;
    background-color: #D10031;
}
a.btn.btn-primary-red.inactive{
    opacity: .5;
    pointer-events: none;
}
a.btn.btn-primary-yellow, a.btn.btn-primary-yellow:hover, a.btn.btn-primary-yellow:active{
    color: #01AEDB;
    background-color: #FFF975;
}
a.btn.btn-primary-yellow:hover, a.btn.btn-primary-yellow:active{
    color: #01AEDB;
    background-color: #FFEE0A;
}
a.btn.btn-primary-yellow.inactive{
    background-color: #E6F9FF;
    color: #9E9E9E;
    pointer-events: none;
}
a.btn.btn-primary-blue{
    background-color: #E6F9FF;
    color: #01AEDB;
}
a.btn.btn-primary-blue:hover, a.btn.btn-primary-blue:active{
    background-color: #FFF975;
    color: #01AEDB;
}
.main-gutschein a.btn.btn-primary-blue{
    background-color: #E6F9FF;
    color: #01AEDB;
    max-width: 296px;
}
.main-gutschein a.btn.btn-primary-blue:hover, .main-gutschein a.btn.btn-primary-blue:active{
    background-color: #c5ecf9;
    color: #01AEDB;
}
main a.btn.btn-p-active{
    background-color: #7AB51D;
    color: #fff;
    pointer-events: none;
}
main a.btn.btn-p-active:hover, a.btn.btn-p-active:active{
    background-color: #7AB51D;
    color: #fff;
    pointer-events: none;
}
a.btn.btn-p-active.inactive{
    background-color: #E6F9FF;
    color: #9E9E9E;
    pointer-events: none;
}
a.btn.btn-primary-transparent{
    background-color: transparent;
    color: #01AEDB;
}
a.btn.btn-primary-transparent:hover, a.btn-primary-transparent:active{
    background-color: #FCFCFC;
    color: #01AEDB;
}
a.btn.btn-primary-transparent.inactive{
    background-color: transparent;
    color: #9E9E9E;
}
a.btn.btn-primary-big{
    max-width: 327px;
}
a.btn.btn-transparent-grey{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a.btn.btn-transparent-grey:hover{
    color:#01AEDB;
}
a.btn.btn-primary-white{
    background-color: #ffffff;
    color: #01aedb;
}
a.btn.btn-primary-white:hover{
    background-color: #f9f9f9;
    color: #01aedb;
}
/* BUTTONS END */

/*INPUT FIELDS BEGIN */
.all-inputs{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid #808080;
    border-radius: 8px;
    color:#01AEDB;
    font-family: 'Gotham-Rounded-Medium';
    padding: 14px;
    box-shadow: none;
    outline: none;
    width: 100%;
    height: 48px;
    font-size: 16px;
    background-color: transparent;
}
.all-inputs:focus{
    border: 1px solid #01AEDB;
    border-radius: 8px;
    box-shadow: none;
    outline: none;
}
.smallbox{
    max-width: 84px;
    width: 100%;
}
.middlebox{
    max-width: 156px;
    width: 100%;
}
.bigbox{
    max-width: 256px;
    width: 100%;
}
.biggerbox{
    width: 327px;
    width: 100%;
}
.big-b{
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
    width: 310px;
}
.big-b.biggerbox{
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
    width: 310px;
}
.big-b.bigbox{
    max-width: 256px;
    width: 100%;
}
.big-b input{
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
.bacc-group .m-inputs:first-child{
    margin-right: 16px;
}
.bacc-group .biggerbox, .bacc-group .bigbox{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
input[type=text].invalid, input[type=email].invalid, input[type=number].invalid{
    border: 1px solid #FEAC2B;
    background-color: #FEAC2B33;
}
input[type=text].disabled, input[type=email].disabled, input[type=number].disabled{
    color: #9E9E9E!important;
    pointer-events: none;
}
.alert-textbox{
    font-size: 12px;
    color: #FEAC2B;
    position: absolute;
    bottom: -17px;
    left: 0px;
}
.i-alert{
    color: #FEAC2B;
    font-size: 12px;
    font-family: 'Gotham-Rounded-Book';
    position: absolute;
    bottom: -20px;
    left: 0;
    display: none;
}
.i-alert.active{
    display: block;
}
/*INPUT FIELDS END */
/* MODALS ALL BEGIN */
.m-frame{
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    bottom: 0;
    z-index: 15;
    width: 100%;
    height:100%;
    overflow: hidden;
    outline: 0;
    background-color: #ffffff;
}
.m-frame img{    
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.hideModal{
    z-index:-1;
    opacity:0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.hideModal.animate{
    animation: hide .3s;
}
@keyframes hide {
    from{
        z-index: 21;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity:1;
    } to{
        z-index:-1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
}
.m-frame.showNews-l{
    position: absolute;
}
.showNews-l{
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    z-index: 9;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.showModal{
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    z-index: 21;
    animation: show .3s!important;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    overscroll-behavior: contain;
}
@keyframes show {
    from{
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity:0;
        z-index:-1;
    } to{  
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        z-index: 21;
    }
}
.showModal::-webkit-scrollbar {
    width: 3px;
}
.showModal::-webkit-scrollbar-track {
    background: #E6F9FF; 
}
.showModal::-webkit-scrollbar-thumb {
    background: #01aedb; 
    border-radius: 4px;
}
.showModal::-webkit-scrollbar-thumb:hover {
    background: #01aedb; 
}
.main-modal .close-m{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 0;
    top: 24px;
    cursor: pointer;
}
.main-modal .col-space{
    padding-top: 96px;
    padding-bottom: 96px;
}
.main-modal .s-container{
    max-width: 400px;
    margin: auto;
    height: 100%;
}
#modal-cookie .main-modal .s-container{
    max-width: 526px;
    margin: auto;
    height: 100%;
}
#modal-cookie .check-group .vert-table, .radio-group .vert-table{
    margin-left: 0;
}
#modal-cookie .check-group{
    text-align: left;
}
/* MODALS 2 TYPES */
.modals-hotline .heading-secondary{
    margin-top: 24px;
    margin-bottom: 16px;
}
.modals-hotline .heading-secondary{
    margin-top: 24px;
    margin-bottom: 16px;
}
.m-template .heading-secondary {
    margin-top: 16px;
    margin-bottom: 48px;
}
#modal-techsupport.modals-template .f-book{
    margin-bottom: 32px;
}
#textModal {
    line-height: 1.5;
}
.modals-template .f-book{
    line-height: 1.6;
}
#modalParagraphText{
    line-height: 1.6;
}
#modalHeadTitle{
    line-height: 1.5;
}
.modal-fixedbtn{
    margin-bottom: 25px;
}
.modal-btngroupf{
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: rgba(255,255,255,.9);
    padding: 16px 0;
    z-index: 9;
    text-align: center;
}
.modal-btngroupf.modal-btngroupf-couple{
    display:inline-block;
}
.modal-btngroupf.modal-btngroupf-couple a.btn.btn-primary-big{
    max-width: 160px;
}
.modal-btngroupf.modal-btngroupf-couple a.btn.btn-primary-big.btn-blue{
    background:#01AEDB;
}
.modal-btngroupf{
    opacity: 0;
}
.modal-btngroupf.active{
    opacity: 1;
    animation: show .2s!important;
}
@keyframes contentModalShow {
    from{
        opacity:0;
    } to{  
        opacity: 1;
    }
}
/* MODALS 2 TYPES */
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    max-height: 225px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 8px;
    color: #000202;
    position: absolute!important;
    max-width: 256px!important;
    background-color: #ffffff;
}
.ui-menu .ui-menu-item {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin: 0;
    border: 0;
    outline: none;
    cursor: pointer;
    list-style-image: #ffffff;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    border: none;
    padding: 16px;
    margin: 0;
    color: #000202;
    background-color: #ffffff;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:hover{
    color: #01AEDB;
    background-color: #E6F9FF;
    border: none;
    outline: none;
    padding: 16px;
}
.ui-menu .ui-menu-item .ui-menu-item-wrapper:focus{
    color: #01AEDB;
    background-color: #E6F9FF;
    outline: none;
    border:none;
    padding: 16px;
}
.ui-widget.ui-widget-content::-webkit-scrollbar {
    width: 8px;
}
.ui-widget.ui-widget-content::-webkit-scrollbar-track {
    background: transparent; 
}
.ui-widget.ui-widget-content::-webkit-scrollbar-thumb {
    background: #01aedb; 
    border-radius: 4px;
}
.ui-widget.ui-widget-content::-webkit-scrollbar-thumb:hover {
    background: #01aedb; 
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 8px;
}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: 0;
    color: #01AEDB;
    background-color: #E6F9FF;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #01AEDB;
    background-color: #E6F9FF;
}
/* HOME PAGE SECTIONS BEGIN */
.main-home #btnHeroPriceText, .main-home #btnHeroPriceTextDsl{
    display: none;
}
.main-home .section-packages{
    padding: 110px 0 132px 0;
    background-color: #E6F9FF;
    font-family: 'Gotham-Rounded-Medium';
    position: relative;
}
.main-home.tf-new .section-packages{
    padding: 110px 0 0 0;
    background-color: #E6F9FF;
    font-family: 'Gotham-Rounded-Medium';
    position: relative;
}
.main-n-home .section-packages{
    padding: 110px 0 0 0;
    background-color: #E6F9FF;
    font-family: 'Gotham-Rounded-Medium';
    position: relative;
}
.main-home .promo-m-active{
    display: none;
}
.main-home .section-packages.promo-p-top{
    padding-top: 144px!important;
}
.main-home .section-packages .promo-active{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    font-family: 'Gotham-Rounded-Medium';
    color: #ffffff;
    background-color: #01AEDB;
    text-align: center;
    padding: 16px;
    line-height: 21px;
}
.main-home .section-packages .promo-active.active{
    top: 75px;
}
.main-home .section-packages .promo-active.black{
    background-color: #111;
}
.main-home .section-packages .tax-box{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 62px;
    left: 0;
    width: 100%;
    font-family: 'Gotham-Rounded-Medium';
    color: #01AEDB;
    background-color: #C4EFFA;
    text-align: center;
    padding: 8px;
    z-index: 1;
    font-size: 16px;
}
.main-home .section-packages .tax-box.noactive{
    display: none;
}
.main-home .section-packages .tax-box.active{
    top: 62px;
}
.main-home .section-packages .tax-box.active.promo-c{
    top: 118px;
}
.main-home .section-packages .tax-box svg{
    height:32px;
    vertical-align: middle;
    display: inline-block;
}
.main-home .modal-fixedbtn{
    margin-top: 70px;
}
.main-home .section-packages .content-lc{
    text-align: right;
    padding-right: 16px;
}
.main-n-home .section-packages .content-lc{
    text-align: center;
}
.main-home .section-packages .eazy-mbit, .main-home .section-packages .eazy-festnetz{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: none;
}
.main-tools .section-tarif .eazy-mbit, .main-tools .section-tarif .eazy-festnetz{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
}
.main-home .section-packages .eazy-mbit, .main-tools .section-tarif .eazy-mbit{
    position: absolute;
    right: -100px;
    top: 57px;
}
.main-home .section-packages .eazy-festnetz, .main-tools .section-tarif .eazy-festnetz{
    position: absolute;
    right: -82px;
    top: 148px;
}
.main-home .section-packages .heading-primary{
    line-height: 1.5;
}
.main-home .section-packages .h-text-box{
    background-color: #FFF975;
    padding-left: 5px;
    padding-right: 5px;
}
.main-home .section-packages .p-text-left{
    padding-left: 5px;
}
.eazy-mbit svg, .eazy-festnetz svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 82px;
    height: 82px;
}
.i-mbit svg #background .cls-3, .i-mbit svg #text.cls-5, .i-mbit svg #icon #icon-background.cls-4, .i-mbit svg #icon #plus.cls-3, .i-mbit50 svg #background .cls-3, .i-mbit50 svg #text.cls-5, .i-mbit50 svg #icon #icon-background.cls-4, .i-mbit50 svg #icon #plus.cls-3, .i-festnetz svg #background .cls-3, .i-festnetz svg #text.cls-5, .i-festnetz svg #icon #icon-background.cls-4, .i-festnetz svg #icon #plus.cls-3, .i-orouter svg #background .cls-3, .i-orouter svg #text.cls-5, .i-orouter svg #icon #icon-background.cls-4, .i-orouter svg #icon #plus.cls-3, .i-wrouter svg #background .cls-3, .i-wrouter svg #text.cls-5, .i-wrouter svg #icon #icon-background.cls-4, .i-wrouter svg #icon #plus.cls-3{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.switcher-mbit:checked ~ .chck-s .switcher-search .i-mbit svg #background .cls-3, .switcher-mbit50:checked ~ .chck-s .switcher-search .i-mbit50 svg #background .cls-3, .switcher-festnetz:checked ~ .chck-s .switcher-search .i-festnetz svg #background .cls-3, .switcher-ownrouter:checked ~ .chck-s .switcher-search .i-orouter svg #background .cls-3, .switcher-wlanrouter:checked ~ .chck-s .switcher-search .i-wrouter svg #background .cls-3{
    fill: #FFF975;
} 
.switcher-mbit:checked ~ .chck-s .switcher-search .i-mbit svg #text.cls-5, .switcher-mbit50:checked ~ .chck-s .switcher-search .i-mbit50 svg #text.cls-5, .switcher-festnetz:checked ~ .chck-s .switcher-search .i-festnetz svg #text.cls-5, .switcher-ownrouter:checked ~ .chck-s .switcher-search .i-orouter svg #text.cls-5, .switcher-wlanrouter:checked ~ .chck-s .switcher-search .i-wrouter svg #text.cls-5{
    fill: #F90D45;
}
.switcher-mbit:checked ~ .chck-s .switcher-search .i-mbit svg #icon #icon-background.cls-4, .switcher-mbit50:checked ~ .chck-s .switcher-search .i-mbit50 svg #icon #icon-background.cls-4, .switcher-festnetz:checked ~ .chck-s .switcher-search .i-festnetz svg #icon #icon-background.cls-4, .switcher-ownrouter:checked ~ .chck-s .switcher-search .i-orouter svg #icon #icon-background.cls-4, .switcher-wlanrouter:checked ~ .chck-s .switcher-search .i-wrouter svg #icon #icon-background.cls-4{
    fill: #FEAC2B;
}
.i-mbit svg #icon #plus.cls-3, .i-mbit50 svg #icon #plus.cls-3, .i-festnetz svg #icon #plus.cls-3, .i-orouter svg #icon #plus.cls-3, .i-wrouter svg #icon #plus.cls-3{
    fill: #fff;
    transform-origin: 82% 17%;
    -webkit-transform: rotate(0deg); 
    -moz-transform: rotate(0deg); 
    -ms-transform: rotate(0deg); 
    -o-transform: rotate(0deg); 
    transform: rotate(0deg); 
}
.switcher-mbit:checked ~ .chck-s .switcher-search .i-mbit svg #icon #plus.cls-3, .switcher-mbit50:checked ~ .chck-s .switcher-search .i-mbit50 svg #icon #plus.cls-3, .switcher-festnetz:checked ~ .chck-s .switcher-search .i-festnetz svg #icon #plus.cls-3, .switcher-ownrouter:checked ~ .chck-s .switcher-search .i-orouter svg #icon #plus.cls-3, .switcher-wlanrouter:checked ~ .chck-s .switcher-search .i-wrouter svg #icon #plus.cls-3{
    fill: #fff;
    transform-origin: 82% 17%;
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    transform: rotate(45deg);
}
.main-home .section-packages .flex-left{
    text-align: right;
    /* padding-top: 40px; */
    padding-top: 8px;
}
.main-n-home .section-packages .flex-left{
    padding-top: 0;
}
.main-n-home .section-packages .flex-left{
    text-align: center;
}
.main-home .section-packages .flex-right{
    text-align: left;
    padding-left: 124px;
}
.dsl-modal {
    font-family: 'Gotham-Rounded-Medium';
}
#modal-special .tarif-preis{
    text-align: center;
    width: 100%;
    height: 1px;
    background: #d3d3d3;
    position: relative;
}
#modal-special .tarif-m-preis{
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #ffffff;
    max-width: 130px;
    font-size: 12px;
    color: #808080;
}
.dsl-modal .chck-s{
    margin-top: 24px;
    margin-bottom: 32px;
}
.dsl-modal .heading-secondary{
    margin-bottom: 16px;
}
.dsl-modal .f-book{
    line-height: 16px;
    margin-bottom: 8px;
    color: #01AEDB;
    text-align: center!important;
    display: inline-block;
    cursor: pointer;
}
.dsl-modal .dsl-i-box{
    display: none;
    line-height: 1.5;
    text-align: left!important;
    font-family: 'Gotham-Rounded-Book';
}
.main-home .section-packages .t-row .t-cell, .dsl-modal .t-row .t-cell{
    text-align: left;
    padding-bottom: 16px;
}
.main-home .section-packages .t-row:last-child .t-cell, .dsl-modal .t-row:last-child .t-cell{
    padding-bottom: 0;
}
.main-home .section-packages .t-row .t-cell:first-child, .dsl-modal .t-row .t-cell:first-child{
    vertical-align: top;
    width: 32px;
    padding-right: 16px;
}
.main-home .section-packages .t-row .t-cell.p-bottom-0, .dsl-modal .t-row .t-cell.p-bottom-0{
    padding-bottom: 0;
}
.main-home .section-packages .t-row .t-cell.p-right-0, .dsl-modal .t-row .t-cell.p-right-0{
    padding-right: 0;
}
.main-home .section-packages .t-row .t-cell.p-topbtm, .dsl-modal .t-row .t-cell.p-topbtm{
    padding-top: 40px;
    padding-bottom: 32px;
}
.main-nt-home .section-packages .t-row .t-cell.p-topbtm{
    padding-top: 24px;
    padding-bottom: 0px;
}
.main-home .p-t-four{
    padding-top: 3px;
}
.switchers{
    position: relative;
}
.main-h .i-mbit, .main-h .i-festnetz, .main-h .i-mbit20, .main-h .i-mbit40, .main-h .i-mbit50, .main-h .i-orouter, .main-h .i-wrouter {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    cursor: auto;
}
.switcher-leftright {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 32px;
    border: 1px solid transparent;
    background-color: #9E9E9E;
    height: 16px;
    border-radius: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 1px 0;
    
}
.switcher-leftright.switcher-leftright-upgrade {
    background: transparent;
}

.circle-inside {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    bottom: 0;
    margin: auto 0;
    left: 2px;
}
.switcher-text {
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.chck-all{
    cursor: pointer;
}
.switch-content{
    display: none;
}
.switcher-mbit, .switcher-festnetz, .switcher-mbit50{
    display: none;
    pointer-events: none;
}
.switcher-mbit20, .switcher-mbit40, .switcher-mbit50{
    display: none;
    pointer-events: none;
}
.switcher-mbit20:checked ~ .chck-s .switcher-search .i-mbit20 .switcher-leftright, .switcher-mbit40:checked ~ .chck-s .switcher-search .i-mbit40 .switcher-leftright, .switcher-mbit:checked ~ .chck-s .switcher-search .i-mbit .switcher-leftright, .switcher-mbit50:checked ~ .chck-s .switcher-search .i-mbit50 .switcher-leftright, .switcher-festnetz:checked  ~ .chck-s .switcher-search .i-festnetz .switcher-leftright, .switcher-all:checked ~ .chck-all .switcher-leftright, .switcher-ownrouter:checked ~ .chck-s .switcher-search .i-orouter .switcher-leftright, .switcher-wlanrouter:checked ~ .chck-s .switcher-search .i-wrouter .switcher-leftright{
    background-color: #01aedb;
}
.switcher-mbit20:checked  ~ .chck-s  .switcher-search .i-mbit20 .switcher-leftright .circle-inside, .switcher-mbit40:checked  ~ .chck-s  .switcher-search .i-mbit40 .switcher-leftright .circle-inside, .switcher-mbit:checked  ~ .chck-s  .switcher-search .i-mbit .switcher-leftright .circle-inside, .switcher-mbit50:checked  ~ .chck-s  .switcher-search .i-mbit50 .switcher-leftright .circle-inside, .switcher-festnetz:checked ~ .chck-s .switcher-search .i-festnetz .switcher-leftright .circle-inside, .switcher-all:checked  ~ .chck-all .switcher-leftright .circle-inside, .switcher-ownrouter:checked  ~ .chck-s  .switcher-search .i-orouter .switcher-leftright .circle-inside, .switcher-wlanrouter:checked  ~ .chck-s  .switcher-search .i-wrouter .switcher-leftright .circle-inside{
    background-color: #FFFFFF;
    left: 16px;
}
.switcher-search .i-mbit20 .switcher-text, .switcher-search .i-mbit40 .switcher-text, .switcher-search .i-mbit .switcher-text, .switcher-search .i-mbit50 .switcher-text, .switcher-search .i-festnetz .switcher-text, .switcher-search .i-orouter .switcher-text, .switcher-search .i-wrouter .switcher-text{
    color: #000202;
}
.switcher-mbit20:checked  ~ .chck-s .switcher-search .i-mbit20 .switcher-text, .switcher-mbit40:checked  ~ .chck-s .switcher-search .i-mbit40 .switcher-text, .switcher-mbit:checked  ~ .chck-s .switcher-search .i-mbit .switcher-text, .switcher-mbit50:checked  ~ .chck-s .switcher-search .i-mbit50 .switcher-text, .switcher-festnetz:checked ~ .chck-s  .switcher-search .i-festnetz .switcher-text, .switcher-all:checked  ~ .chck-all .switcher-text, .switcher-ownrouter:checked  ~ .chck-s .switcher-search .i-orouter .switcher-text,, .switcher-wlanrouter:checked  ~ .chck-s .switcher-search .i-wrouter .switcher-text{
    color: #01aedb;
}
.switchers .switcher-leftright, .switchers .switcher-text{
    vertical-align: middle;
}
.switchers .switch-bo > div:first-child{
    margin: 26px 0 24px 0;
}
.switchers .switch-bo > div:nth-child(2),
.switchers .switch-bo > div:nth-child(3){
    margin: 0 0 24px 0;
}
.switchers .switch-bo > div:nth-child(3){
    margin: 0 0 40px 0;
}
.switchers .switch-bo.switch-order > div:nth-child(2),
.switchers .switch-bo.switch-order > div:nth-child(3),
.switchers .switch-bo.switch-order > div:nth-child(4){
    margin: 0 0 16px 0;
}
.switchers .switch-bo.switch-bo-upgrade > div:first-child{
    margin: 32px 0 8px 0;
}
.switchers .switch-bo.switch-order > div:first-child{
    margin: 16px 0;
}
.tf-new #button_prufen{
   background: #F90D45; 
   color: #ffffff;
}
.tf-new #button_bestellen{
   background: #FFF975; 
   color: #01AEDB;
}
.main-home .section-packages .eazy-circle, .main-tools .section-tarif .eazy-circle, .dsl-modal .eazy-circle{
    width: 200px;
    height: 200px;
    background-color: #FFF975;
    -webkit-box-shadow:2px 3px 4px rgba(0,0,0,.29);
    -moz-box-shadow: 2px 3px 4px rgba(0,0,0,.29);
    box-shadow: 2px 3px 4px rgba(0,0,0,.29);
    border-radius: 50%;
 }
 .main-home .section-packages .eazy-center, .main-tools .section-tarif .eazy-circle .eazy-center, .dsl-modal .eazy-circle .eazy-center{
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;   
    font-family: 'Gotham-Rounded-Medium';
    color: #F90D45;
}
.main-n-home .section-packages .eazy-circle{
    width: 80px;
    height: 80px;
    background-color: #01AEDB;
    -webkit-box-shadow:2px 3px 4px rgba(0,0,0,.29);
    -moz-box-shadow: 2px 3px 4px rgba(0,0,0,.29);
    box-shadow: 2px 3px 4px rgba(0,0,0,.29);
    border-radius: 50%;
 }
.main-n-home .section-packages .eazy-center{
    color: #ffffff;
}
.main-home .section-packages .eazy-c-row, .main-tools .section-tarif .eazy-circle .eazy-c-row, .dsl-modal .eazy-c-row{
    display: table-row;
    vertical-align: middle;
}
.main-home .section-packages .eazy-c-cell, 
.main-tools .section-tarif .eazy-circle .eazy-c-cell{
    display: table-cell;
    vertical-align: middle;
    padding-top: 27px;
}
.dsl-modal .eazy-c-cell{
    display: table-cell;
    vertical-align: middle;
    padding-top: 6px;
}
#cable50-info-button img{
    height:18px;
    margin-left: 6px;
    margin-bottom: 2px;
}
.main-home .section-packages .eazy-c-cell > div:last-child, .main-tools .section-tarif .eazy-circle .eazy-c-cell > div:last-child.eazy-c-cell, .dsl-modal .eazy-circle .eazy-c-cell > div:last-child.eazy-c-cell{
    margin-bottom: 16px;
}
.main-home .section-packages .eazy-table, .main-tools .section-tarif .eazy-table, .dsl-modal .eazy-table{
     display: table;
     width: 100%;
     text-align: center;
 }
.main-home .section-packages .eazy-row, .main-tools .section-tarif .eazy-row, .dsl-modal .eazy-row{
    display: table-row;
    width: 100%
}
.main-home .section-packages .eazy-cell, .main-tools .section-tarif .eazy-cell, .dsl-modal .eazy-cell{
    display: table-cell;
    vertical-align: top;
}
.main-home .section-packages .eazy-cell:first-child, .main-tools .section-tarif .eazy-cell:first-child, .dsl-modal .eazy-cell:first-child{
    padding-right: 12px;
}
.main-home .section-packages .eazy-center .eazy-package, .main-tools .section-tarif .eazy-center .eazy-package, .dsl-modal .eazy-center .eazy-package{
    color: #01AEDB;
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 24px;
    padding-left: 10px;
}
.main-n-home .section-packages .eazy-center .eazy-package{
    font-size: 12px;
    margin-bottom: 8px;
    line-height: 12px;
    padding-left: 10px;
    color: #ffffff;
    position: relative;
}
.main-home .section-packages .eazy-center .eazy-int, .main-tools .section-tarif .eazy-center .eazy-int, .dsl-modal .eazy-center .eazy-int{
    font-size: 96px;
    line-height: 83px;
    padding-right: 30px;
    display: inline-block;
    vertical-align: middle;
}
.main-n-home .section-packages .eazy-center .eazy-int{
    font-size: 48px;
    line-height: 41.5px;
    padding-right: 15px;
}
.main-home .section-packages .eazy-center .eazy-decimal, .main-tools .section-tarif .eazy-center .eazy-decimal, .dsl-modal .eazy-center .eazy-decimal{
    font-size: 21px;
    line-height: 17px;
    position: absolute;
    top: 3px;
    right: -5px;
}
.main-n-home .section-packages .eazy-center .eazy-decimal{
    font-size: 10.5px;
    line-height: 8.5px;
    position: absolute;
    top: 3px;
    right: -5px;
}
.main-home .section-packages .eazy-center .eazy-conversion, .main-tools .section-tarif .eazy-center .eazy-conversion, .dsl-modal .eazy-center .eazy-conversion{
    font-size: 35px;
    color: #F90D45;
    line-height: 30px;
    font-family: 'Gotham-Rounded-Book';
    position: absolute;
    top: 50%;
    margin: auto;
    right: -3px;
    transform: translate(0%, -50%);
}
.main-n-home .section-packages .eazy-center .eazy-conversion{
    font-size: 16.5px;
    line-height: 15px;
    color: #ffffff;
}
.main-home .section-packages .eazy-center .eazy-ctext, .main-tools .section-tarif .eazy-center .eazy-ctext, .dsl-modal .eazy-center .eazy-ctext{
    font-size: 14px;
    line-height: 11px;
    position: absolute;
    bottom: 11px;
    right: -5px;
}
.main-n-home .section-packages .eazy-center .eazy-ctext{
    font-size: 7px;
    line-height: 5.5px;
}
.main-home .section-packages .e-transparency{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    color: #01aedb;
    margin-top: 8px;
}
.main-home .section-packages .e-transparency svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 17px;
    vertical-align: middle;
    margin-left: 5px;
    width: 32px;
}
.main-home .section-packages .e-transparency #arrow-line #arrow .cls-1, #arrow-line #arrow.cls-1{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    stroke: #01aedb!important;
}
.main-home .section-packages .e-transparency #arrow-line #line .cls-1, #arrow-line #line.cls-2{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    stroke: #01aedb!important;
}
.main-home .section-packages .e-transparency svg #hover-background, .e-transparency svg #arrow{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.main-home .section-packages .e-transparency:hover svg #hover-background{
    fill: #E6F9FF;
    opacity: 1;
} 
.main-home .section-packages .e-transparency svg #arrow{
    opacity: 1;
}
.main-home .section-packages .e-transparency > div {
    vertical-align: middle;
}
.main-home .section-packages .e-transparency svg {
    height: 32px;
    opacity: 1;
}
.main-n-home .e-transparency, .main-home .e-transparency{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    color: #01aedb;
    margin-top: 8px;
}
.main-n-home .e-transparency svg, .main-home .e-transparency svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 32px!important;
    vertical-align: middle;
    margin-left: 0;
    width: 42px;
}
.main-n-home .e-transparency.et-new svg, .main-n-home .e-transparency.et-new svg{
    margin-left: 0;
}
.main-n-home .e-transparency #arrow-line #arrow .cls-1, #arrow-line #arrow.cls-1, .main-home .e-transparency #arrow-line #arrow .cls-1{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    stroke: #01aedb!important;
}
.main-n-home .e-transparency #arrow-line #line .cls-1, #arrow-line #line.cls-2, .main-home .e-transparency #arrow-line #line .cls-1{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    stroke: #01aedb!important;
}
.main-n-home .e-transparency svg #hover-background, .e-transparency svg #arrow, .main-home .e-transparency svg #hover-background{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.main-n-home .e-transparency:hover svg #hover-background, .main-home .e-transparency:hover svg #hover-background{
    fill: #E6F9FF;
    opacity: 1;
} 
.main-n-home .e-transparency svg #arrow, .main-home .e-transparency svg #arrow{
    opacity: 1;
}
.main-n-home .e-transparency > div, .main-home .e-transparency > div {
    vertical-align: middle;
}
.main-n-home .e-transparency svg, .main-home .e-transparency svg {
    height: 32px;
    opacity: 1;
}
.main-n-home .e-transparency svg, .main-home .e-transparency svg {
    height: 23px;
    opacity: 1;
}
.main-home .section-packages .new.promo-active, .main-home .section-packages .new.promo-m-active{
    background-color: #C4EFFA;
    color:#01AEDB;
    top: 118px;
    padding: 12px 16px;
    text-align: center;
}
.main-home .section-packages .new.promo-active svg, .main-home .section-packages .new.promo-m-active svg{
    height: 32px;
    vertical-align: middle;
}
.main-home .section-packages .main-modal .modal-arrows{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    color: #01aedb;
}
.main-home .section-packages .main-modal .modal-arrows svg #arrow-circle #hover-background, .modal-arrows svg #arrow-circle #arrow{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.main-home .section-packages .main-modal .modal-arrows:hover svg #arrow-circle #hover-background{
    fill: #E6F9FF;
    opacity: 1;
} 
.main-home .section-packages .main-modal .modal-arrows svg #arrow-circle #arrow{
    opacity: 1;
}
.main-home .section-packages .main-modal .modal-arrows svg{
    width: 32px;
    height: 32px;
    opacity: 1;
} 
.main-home .section-packages .main-modal .m-larrow svg{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); 
}
.main-home .section-packages .main-modal .scroll-auto{
    overflow-y: auto;
    max-height: 310px;
    min-height: 160px;
    overflow-x: clip;
}
.main-home .section-packages .main-modal .scroll-auto::-webkit-scrollbar {
    width: 8px;
}
.main-home .section-packages .main-modal .scroll-auto::-webkit-scrollbar-track {
    background: #E6F9FF; 
}
.main-home .section-packages .main-modal .scroll-auto::-webkit-scrollbar-thumb {
    background: #01aedb; 
    border-radius: 4px;
}
.main-home .section-packages .main-modal .scroll-auto::-webkit-scrollbar-thumb:hover {
    background: #01aedb; 
}
#pricing_table td.td-font{
    width: 20%;
}
.main-home .section-packages .main-modal .m-larrow{
    position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.main-home .section-packages .main-modal .m-rarrow{
    position: absolute;
    top: 50%;
    right: 0%;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.main-home .section-packages .main-modal .heading-secondary{
    margin-top: 24px;
    margin-bottom: 32px;
}
.main-home .section-packages .main-modal .info-compare-table{
    width: auto;
    margin: auto;
    position: relative;
}
.main-home .section-packages .main-modal .info-compare-table tr th{
    vertical-align: middle;
    color: #01aedb;
    padding-bottom: 32px;
}
.main-home .section-packages .main-modal .info-compare-table tr th img{
    vertical-align: middle;
}
.main-home .section-packages .main-modal .info-compare-table tr th .d-img{
    padding: 8px 0;
    background-color: #ffffff;
}
.main-home .section-packages .main-modal .info-compare-table tr td{
    vertical-align: bottom;
    padding-bottom: 32px;
}
.main-home .section-packages .main-modal .info-compare-table tr td img{
    padding-left: 8px;
    vertical-align: middle;
}
.main-home .section-packages .main-modal .info-compare-table tr .inline-path{
    vertical-align: middle;
}
.main-home .section-packages .main-modal .info-compare-table .paragraph-small{
    margin-bottom: 8px
}
.main-home .section-packages .main-modal.m-transparency .modal-tbtn{
    margin-top: 24px;
}
/* ADDRESS CHECK SECION BEGIN */
.reset-address{
    margin-top: 24px;
    color: #808080;
    font-size: 12px;
    cursor: pointer;
}
.reset-address a{
    color: #808080;
    font-size: 12px;
}
.main-home .section-addresscheck{
    text-align: center;
    padding: 75px 0 128px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-n-home .section-addresscheck{
    text-align: center;
    padding: 75px 0 127px 0;
    background-color: #E6F9FF;
    position: relative;
}
.address-box .m-inputs{
    margin-right: 16px;
}
.address-box .m-inputs:last-child{
    margin-right: 0;
}
.section-options .btn-primary-yellow{
    margin: 48px 0;
}
.section-addresscheck .btn{
    display: block;
    margin: 40px auto 0 auto;
}
.main-bestellen .tv_connect_n, .main-bestellen .tv_opt_n{
    display: none;
}
.main-bestellen .sticky-b{
    position: sticky;
    top: 70px;
    z-index: 1;
}
.main-bestellen .m-address-winputs{
    max-width: 356px;
    width: 100%;
}
.main-bestellen .section-options .btn-pos .btn{
    margin-top: 48px;
    display: block;
    margin: 48px auto 0 auto;
}
.main-bestellen .section-options .btn-pos .btn{
    max-width: 256px!important;
    margin-bottom: 0!important;
}
.main-bestellen .section-options .btn-pos #address-info{
    text-align: center;
}
.main-bestellen .iban-de {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}
.main-bestellen .iban-input {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 16px;
}
.main-bestellen #iban.invalid{
    border: 1px solid #FEAC2B;
}
.expand-dt{
    display: none;
    grid-template-columns: 1fr max-content 1fr;
    grid-column-gap: 1.3rem;
    align-items: center;
    font-size: 12px;
    color: #01AEDB;
    font-family: 'Gotham-Rounded-Medium';
    max-width: 323px;
    width: 300px;
    margin: 0 auto 16px auto;
}
.expand-dt svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 12px;
    height: 11px;
    vertical-align: middle;
    margin-left: 4px;
}
.expand-dt.active svg{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.expand-dt svg #dropdown .cls-1{
    fill: #01AEDB;
}
.expand-btna{
    cursor: pointer;
}
.expand-dt::before, .expand-dt::after {
    content: "";
    height: 1px;
    display: block;
    background-color: #9E9E9E;
}
.section-addresscheck .check-group.h-p, .main-bestellen .section-options .check-group.h-t{
    margin-top: 0;
}
.section-addresscheck #address-info.inactive, .main-bestellen .section-options .btn-pos #address-info.inactive{
    margin-bottom: 24px;
}
.section-addresscheck #address-info.active, .main-bestellen .section-options .btn-pos #address-info.active{
    margin-bottom: 24px;
}
.section-addresscheck #address-info, .main-bestellen .section-options .btn-pos #address-info{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 24px;
    font-family: 'Gotham-Rounded-Medium';
    opacity: 0;
    color: #7AB51D;
}
.section-addresscheck #address-info.active, .main-bestellen .section-options .btn-pos #address-info.active{
    opacity:1;
    color: #7AB51D;
}
.section-addresscheck #address-info.inactive, .main-bestellen .section-options .btn-pos #address-info.inactive{
    opacity:1;
    color: #F90D45;
}
.radio-group .p-left{
    position: relative;
    top: 2px;
    padding-left: 16px;
}
.main-bestellen .vfstation-c{
    margin-bottom: 20px;
}
.radio-group .iban-c{
    margin-right: 48px;
    margin-bottom: 24px;
}
.radio-group .konto-c{
    margin-bottom: 24px;
}
.radio-group label{
    cursor: pointer;
}
.radio-group svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 18px;
    height: 18px;
    vertical-align: top;
}
.radio-group svg .radio-1 .radio-circle.cls-2{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.radio-group .chck-iban:checked ~ .iban-c  svg .radio-1 .radio-circle.cls-2, .radio-group .chck-konto:checked ~ .konto-c  svg .radio-1 .radio-circle.cls-2{
    opacity: 1;
}
.chck-vfstation:checked ~ .container .vfstation-c  svg .radio-1 .radio-circle.cls-2, .chck-fritsix:checked ~ .container .fritsix-c  svg .radio-1 .radio-circle.cls-2{
    opacity: 1;
}
.chck-easybox:checked ~ .container .easybox-c  svg .radio-1 .radio-circle.cls-2, .chck-fritzone:checked ~ .container .fritzone-c  svg .radio-1 .radio-circle.cls-2, .chck-fritztwo:checked ~ .container .fritztwo-c  svg .radio-1 .radio-circle.cls-2{
    opacity: 1;
}
.router-group.dsl .chck-vfstation:checked ~ .vfstation-c  svg .radio-1 .radio-circle.cls-2, .router-group.dsl .chck-fritsix:checked ~ .fritsix-c  svg .radio-1 .radio-circle.cls-2{
    opacity: 1;
}
.router-group.dsl .chck-easybox:checked ~ .easybox-c  svg .radio-1 .radio-circle.cls-2, .router-group.dsl .chck-fritzone:checked ~ .fritzone-c  svg .radio-1 .radio-circle.cls-2, .router-group.dsl .chck-fritztwo:checked ~ .fritztwo-c  svg .radio-1 .radio-circle.cls-2{
    opacity: 1;
}
.router-group.all{
    display: none;
}
#wlanRouterB:checked ~ .container .router-group.all{
    display: block;
}
.router-group.dsl{
    display: none;
}
#wlanRouter:checked ~ .chck-s .router-group.dsl{
    display: block;
}
.router-group .a-inline{
    position: relative;
    top: 1px;
    left: 8px;
}
.router-group{
    padding-top: 20px;
    font-size: 12px;
    color: #000202;
    padding-left: 51px;
}
.router-group .d-flex, .router-group .mrg-bt{
    margin-bottom: 20px;
}
.router-group .d-flex .p-left, .router-group .mrg-bt .p-left{
    position: relative;
    top: -1px;
    padding-left: 11px;
}
.router-group .d-flex:last-child, .router-group .mrg-bt:last-child{
    padding-bottom: 0px;
}
.radio-group .itemizedc-chck:checked ~ .c-number  svg .radio-1 .radio-circle.cls-2, .radio-group .itemizeds-chck:checked ~ .s-number  svg .radio-1 .radio-circle.cls-2, .radio-group .activenod-chck:checked ~ .no-delay  svg .radio-1 .radio-circle.cls-2, .radio-group .actived-chck:checked ~ .d-delay  svg .radio-1 .radio-circle.cls-2, .radio-group .dsl-a-chck:checked ~ .dsl-number  svg .radio-1 .radio-circle.cls-2, .radio-group .cable-a-chck:checked ~ .cable-number  svg .radio-1 .radio-circle.cls-2{
    opacity: 1;
}
.radio-group .email-radio:checked ~ .email-r  svg .radio-1 .radio-circle.cls-2, .radio-group .link-radio:checked ~ .link-r  svg .radio-1 .radio-circle.cls-2{
    opacity: 1;
}
.check-group{
    position: relative;
}
.check-group.check-group-consent{
    margin-left:-16px;
    padding-left:16px;
}
.check-group-consent.check-group-all{
    background-color: #E6F9FF;
    padding-top:16px;
}
.check-group.check-group-consent.check-group-all .rel-top{
    color:#01AEDB;
}
.check-group svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 18px;
    height: 18px;
    vertical-align: top;
}
.check-group .checkbox-sv .highlight-sv svg .checked.cls-2{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.check-group .chck-sv:checked ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 1;
}
.check-group .chck-sv:checked ~ .checkbox-sv .chck-sv-in ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 0;
}
.check-group .chck-sv:checked ~ .checkbox-sv .chck-sv-in:checked ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 1;
}
.check-group .chck-sv-data:checked ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 1;
}
.check-group .chck-sv-data:checked ~ .checkbox-sv .chck-sv-in ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 0;
}
.check-group .chck-sv-data:checked ~ .checkbox-sv .chck-sv-in:checked ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 1;
}
.check-group .chck-confirm:checked ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 1;
}
.check-group .chck-confirm:checked ~ .checkbox-sv .chck-sv-in ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 0;
}
.check-group .chck-confirm:checked ~ .checkbox-sv .chck-sv-in:checked ~ .checkbox-sv .highlight-sv svg .checkbox-0 .cls-2{
    opacity: 1;
}
.check-group.h-p{
    max-width: 256px;
    width: 100%;
    margin: auto;
    text-align: left;
}
.check-group .vert-table, .radio-group .vert-table{
    display: table;
    width: auto;
    margin: auto;
}
.check-group .vert-row, .radio-group .vert-row{
    display: table-row;
    width: 100%;
}
.check-group .vert-cell, .radio-group .vert-cell{
    display: table-cell;
    vertical-align: top;
}
.check-group .vert-cell:first-child, .radio-group .vert-cell:first-child{
    padding-right: 16px;
    width: 18px;
}
.check-group label{
    cursor: pointer;
}
.check-group .rel-top{
    line-height: 20px;
}
.check-group .address-info-s{
    color: #01AEDB;
    padding-top: 8px;
    display: none;
    width: 130%;
}
.check-group .address-info-s.txt{
    padding-top: 8px;
}
.check-group .address-info-s-n{
    color: #01AEDB;
    padding-top: 8px;
    display: block;
    width: 130%;
}
.check-group .address-info-s-n.txt{
    padding-top: 8px;
}
.check-group .address-info-s-n .address-info-a{
    padding-bottom: 0;
}
.check-group .rel-top{
    color:#000202;
}
.address-info-a{
    color: #01AEDB;
    padding-top: 8px;
    padding-bottom: 24px;
    line-height: 1.3;
}
.amazon-p-on .vert-cell{
    color: #000202;
}
.amazon-p-on .vert-cell.pad-on{
    padding-bottom: 16px;
}
.main-bestellen .check-group .address-info-s{
    width: 100%;
}
.main-bestellen .m-options-box{
    margin-bottom: 24px;
}
.main-bestellen .m-options-box:last-child{
    margin-bottom: 0;
}
.main-bestellen .itemized-box .c-number, .main-bestellen .itemized-box .s-number{
    padding-top: 16px;
}
.main-bestellen .section-options .info-arrow{
    position: absolute;
    right: -23px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main-bestellen .section-options .autocomplete-grid {
    max-width: 356px;
    margin-left: 0;
}
.loader-circ { 
    height: 16px;
    width: 16px;
    color: rgba(1,174,219,0.2);
    position: relative;
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    border-right-color: #01AEDB;
    animation: rotate 1s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -1.3px;
} 
.loader-circe { 
    height: 16px;
    width: 16px;
    color: rgba(1,174,219,0.2);
    position: relative;
    display: inline-block;
    border: 2px solid;
    border-radius: 50%;
    border-right-color: #01AEDB;
    animation: rotate 1s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    top: -1.3px;
} 
.loader-circe.ort{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 14px;
    display: none;
}
.main-bestellen .loader-circe.ort{
    left: 48px;
}
.loader-circe.street{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 14px;
    display: none;
}
.main-bestellen .loader-circe.street{
    left: 80px;
}
@keyframes rotate { 
    0% { transform: rotate(0); } 
    100% { transform: rotate(360deg); } 
}
/* ADDRESS CHECK SECION END  */

/* SECTION COMMENTS BEGIN */
.section-comments {
    text-align: center;
    padding: 74px 0 75px 0;
    background-color: #ffffff;
    position: relative;
}
.main-n-home .section-comments {
    text-align: center;
    padding: 74px 0 75px 0;
    background-color: #ffffff;
    position: relative;
}
.section-comments .comments-boxes{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-width: 256px;
    width: 100%;  
}
.section-comments .comments-boxes:last-child{
    margin-right: 0;
}
.section-comments .comments-boxes .small-heading{
    margin-top: 24px;
    margin-bottom: 16px;
    line-height: 1.5;
}
/* SECTION COMMENTS END */
/* SECTION KABEL/DSL BEGIN */
.section-kabeldsl {
    text-align: center;
    padding:  72px 0;
    background-color: #FCFCFC;
    position: relative;
}
.main-n-home .section-kabeldsl {
    text-align: center;
    padding:  137px 0;
    background-color: #ffffff;
    position: relative;
}
.section-kabeldsl .comments-boxes{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    max-width: 256px;
    width: 100%;
    background-color: #E6F9FF;
    padding: 52px 24px 24px 24px;
    text-align: left;
    position: relative;
    margin-right: 48px;
    line-height: 1.5;
    border-radius: 8px;
}
.section-kabeldsl .comments-boxes:last-child{
    margin-right: 0;
}
.section-kabeldsl .comments-boxes img{
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
}
.section-kabeldsl .comments-boxes:last-child{
    margin-right: 0;
}
.section-kabeldsl .comments-boxes .small-heading{
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.5;
}    
.section-kabeldsl h1.heading-primary{
    margin-bottom: 84px;
}
/* SECTION KABEL/DSL END */
/* HOME PAGE SECTIONS END */

/* REPEATING SECTIONS BEGIN */ 
.section-faqquestions{
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #E6F9FF;
    position: relative;
}
.section-faqquestions .faq-input{
    color: #01AEDB;
    font-size: 16px;
    font-family: 'Gotham-Rounded-Medium';
    border-radius: 0;
    padding: 8px 46px 8px 14px;
    width: 100%;
    max-width: 800px;
    border: 0;
    border-bottom: 2px solid #01AEDB;
    background: transparent;
}
.section-faqquestions .faq-input::placeholder { 
    color: #01AEDB;
    opacity: 1; 
} 
.section-faqquestions .faq-input:-ms-input-placeholder { 
    color: #01AEDB;
}
.section-faqquestions .faq-input::-ms-input-placeholder { 
    color: #01AEDB;
}
.section-faqquestions .faq-arrow{ 
    position: absolute;
    top: 8px;
    right: 14px;
    margin: auto;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.section-faqquestions img{
    max-width: 100%;
}
.section-faqquestions .input-maxw{
    width: 100%;
    max-width: 665px;
    margin: auto;
}
.section-faqquestions .input-maxw .p-left{
    padding-left: 14px;
}
.section-faqquestions .p-top{
    margin-top: 72px;
}
.section-faqquestions .btn.btn-faq{
    background-color: #ffffff;
    color: #01aedb;
    z-index:1;
}
.section-faqquestions .btn.btn-faq:hover{
    background-color: #f9f9f9;
}
.section-faqquestions .paragraph-small{
    margin-top: 16px;
}
.section-faqquestions #outputQuestion{
    background-color: #fff;
    text-align: left;
    max-height: 270px;
    overflow-y: auto;
    position:absolute;
    width: 100%;
    z-index: 2;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-box-shadow: 0px 15px 16px -5px rgba(230,249,255,1);
    -moz-box-shadow: 0px 15px 16px -5px rgba(230,249,255,1);
    box-shadow: 0px 15px 16px -5px rgba(230,249,255,1);
}
.section-faqquestions #outputQuestion a.s-answers{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    display: block;
    padding: 14px;
}
.section-faqquestions #outputQuestion .no-keywords{
    padding: 14px;
}
.section-faqquestions #outputQuestion a.s-answers:hover{
    background-color: #E6F9FF;
}
.section-faqquestions #outputQuestion::-webkit-scrollbar {
    width: 8px;
}
.section-faqquestions #outputQuestion::-webkit-scrollbar-track {
    background: transparent; 
}
.section-faqquestions #outputQuestion::-webkit-scrollbar-thumb {
    background: #01aedb; 
    border-radius: 4px;
}
.section-faqquestions #outputQuestion::-webkit-scrollbar-thumb:hover {
    background: #01aedb; 
}
.section-faqquestions .show-answers{
    background-color: #01aedb;
    color: #fff;
    padding: 14px 46px 14px 14px;
    position: -webkit-sticky;
    position: relative;
}
.section-faqquestions .answered{
    padding: 14px;
    line-height: 1.7;
}
.section-faqquestions .close-answers img{
    position: absolute!important;
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.section-legals{
    text-align: center;
    padding: 100px 0;
    background-color: #ffffff;
    position: relative;
}
.section-legals .heading-secondary{ 
    line-height: 1.5;
}
.eazy-dropdown{
    width: 100%;
    max-width: 665px;
    margin: auto;
    margin-bottom: 32px;
}
.eazy-dropdown:last-child{
    margin-bottom: 0;
}
.head-dropdown{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    border-radius: 8px;
    font-family: 'Gotham-Rounded-Medium';
    background-color: #E6F9FF;
    padding: 16px 46px 16px 16px;
    color: #000202;
}
.all-dropdown.active .head-dropdown{
    width: 100%;
    border-radius: 8px;
    font-family: 'Gotham-Rounded-Medium';
    background-color: #01AEDB;
    color: #ffffff;
    padding: 16px 46px 16px 16px;
}
.head-slide{
    display: none;
}
.section-legals .head-content{
    padding: 32px 16px 0px 16px; 
}
.section-legals .head-content h6{
    font-size: 16px;
    font-family: 'Gotham-Rounded-Medium';
}
.section-legals .head-content p{
    margin-bottom: 32px;
    line-height: 1.7;
}
.section-legals .head-content p:last-child{
    margin-bottom: 0;
}
.all-dropdown{
    width: 100%;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.head-dropdown svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
}
.all-dropdown.active .head-dropdown svg #dropdown .cls-1{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    fill: #ffffff;
}
.all-dropdown.active .head-dropdown svg{
    -webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); 
    -o-transform: rotate(180deg); 
    transform: rotate(180deg); 
}
.section-footerorder{
    text-align: center;
    padding: 72px 0;
    background-color: #ffffff;
    position: relative;
}
.section-footerorder img{
    margin: 0!important;
}
.main-home .section-footerorder, .main-confirmation .section-footerorder, .main-ubereazy .section-footerorder, .main-faq .section-footerorder, .main-agb .section-footerorder, .main-partner .section-footerorder, .main-wechsel .section-footerorder, .main-cookies .section-footerorder{
    background-color: #E6F9FF;
}
.main-confirmation .section-footerorder.c-white{
    background-color: #ffffff;
}
main.main-confirmation .section-intro{
    padding-bottom: 48px!important;
}

.section-footerorder h1{
    margin-bottom: 0;
}
.footer{
    text-align: center;
    padding: 57px 0 18px 0;
    background-color: #01AEDB;
    position: relative;
    color: #ffffff;
}
.footer img{
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.f-top{
    margin-top: 24px;
}
.footer h6{
    color: #F9F382;
    font-size: 16px;
    font-family: 'Gotham-Rounded-Medium';
    margin-bottom: 23px;
}
.footer a{
    font-size: 16px;
    margin-bottom: 17px;
    color: #ffffff;
}
.footer a:last-child{
    margin-bottom: 0;
}
.footer .f-grey{
    color: #E8E8E8;
    font-size: 12px;
    font-family: 'Gotham-Rounded-Light';
}
.footer .f-yellow{
    color: #F9F382;
}
.footer .s-font{
    font-size: 16px;
}
.footer .s-font a{
    margin-bottom: 8px;
}
.f-imgl{
    padding-left: 6px;
}
.f-imgr{
    padding-right: 6px;
}
.footer .f-logo svg{
    width: 96px;
    height: 32px;
}
.footer .f-logo svg #eazy_logo path{
    fill: #ffffff;
}
.footer .f-mrg-top {
   margin-top: 49px;
}
.footer a{
    display: block;
}
.footer .f-fb{
    margin-top: 20px;
}
.f-top img{
    height: 130px;
}
.footer .w-100-break{
    display: none;
}
/* REPEATING SECTIONS END */ 

/* BESTELLEN PAGE BEGIN */
.main-bestellen .section-options{
    padding: 134px 0;
    background-color: #ffffff;
    position: relative;
}
.main-bestellen .section-options .heading-secondary{
    margin-bottom: 32px;
}
.main-bestellen .section-options .heading-secondary.l-height{
    line-height: 19px;
}
.main-bestellen .section-options .heading-secondary.blue{
    color: #01aedb;
    margin-bottom: 72px;
}
.main-bestellen .section-options .price-box img{
    vertical-align: top;
}
.main-bestellen .section-options .price-box h6, .main-bestellen .section-options .side-box h6 {
    color: #01AEDB;
    font-size: 16px;
    font-family: 'Gotham-Rounded-Medium';
    margin-bottom: 16px;
}
.main-bestellen .section-options .price-box h6.l-height, .main-bestellen .section-options .side-box h6.l-height {
    line-height: 16px;
}
.main-bestellen .section-options .d-mrgr{
    padding-right: 15px;
}
.main-bestellen .section-options .side-box{
    max-width: 327px;
    margin: auto;
    text-align: left;
    position: sticky;
    top: 75px;
}
.main-bestellen .section-options .price-box{
    color: #01AEDB;
    padding: 16px;
    background-color: #E6F9FF;
    border-radius: 8px;
    max-width: 327px;
}
.main-bestellen .section-options .price-box h6{
    margin-bottom: 8px;
}
.main-bestellen .section-options .price-box p{
    margin-bottom: 4px;
}
.main-bestellen .section-options .price-line{
    width: 100%;
    height: 1px;
    background-color: #01AEDB;
    margin: 24px 0;
}
.main-bestellen .section-options .price-box .clearfix.blue p:first-child, .main-bestellen .section-options .price-box .clearfix.blue h6:first-child{
    float: left;
    color: #01AEDB;
}
.main-bestellen .section-options .price-box .clearfix.blue p:last-child, .main-bestellen .section-options .price-box .clearfix.blue h6:last-child{
    float: right;
    color: #01AEDB;
}
.main-bestellen .section-options .price-box .clearfix.grey p:first-child{
    float: left;
    color: #808080;
}
.main-bestellen .section-options .price-box .clearfix.grey p:last-child{
    float: right;
    color: #808080;
}
.main-bestellen .section-options .bestellen-s-box{
    display: none;
}
.main-bestellen .section-options .expand-box-ico svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    margin: auto;
}
.main-bestellen .section-options .expand-box-ico.rotate-i svg {
    -webkit-transform: rotate(180deg); 
    -moz-transform: rotate(180deg); 
    -ms-transform: rotate(180deg); 
    -o-transform: rotate(180deg); 
    transform: rotate(180deg); 
}
.main-bestellen .section-options .mrgb-price-b{
    margin-bottom: 65px;
}
.main-bestellen .section-options .mrgb-address{
    margin-bottom: 24px;
}
.main-bestellen .section-options .price-mshow{
    display: none!important;
}
.main-bestellen .section-options .line-separator {
    width: 85%;
    height: 1px;
    background-color: #B2B2B2;
    margin: 72px 0;
}
.main-bestellen .section-options .switcher-text {
    color: #808080;
}
.gender-box img{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.gender-input{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    padding: 14px!important;
    color: #01AEDB;
    background-color: #ffffff;
    box-shadow: none;
}
.gender-b-input, .gender-a-input, .gender-bil-input{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    color: #808080;
    font-family: "Gotham-Rounded-Book";
    line-height: 19px;
}
.gender-b-input.active, .gender-a-input.active, .gender-bil-input.active{
    border-color: #01AEDB!important;
    color: #01AEDB!important;
    text-align: center;
}
.gender-input.active{
    border: 1px solid #01AEDB!important;
}
.gender-input::placeholder {
    font-family: 'Gotham-Rounded-Book';
    color: #808080;
    opacity: 1; 
    font-size: 16px;
} 
.gender-input:-ms-input-placeholder { 
    font-family: 'Gotham-Rounded-Book';
    font-size: 16px;
}
.gender-input::-ms-input-placeholder { 
    font-family: 'Gotham-Rounded-Book';
    font-size: 16px;
}

.gender-b-input.active::placeholder, .gender-a-input.active::placeholder, .gender-bil-input.active::placeholder {
    font-family: 'Gotham-Rounded-Book';
    color: #01AEDB;
    opacity: 1; 
    font-size: 16px;
} 
.gender-b-input.active:-ms-input-placeholder, .gender-a-input.active:-ms-input-placeholder, .gender-bil-input.active:-ms-input-placeholder { 
    font-family: 'Gotham-Rounded-Book';
    font-size: 16px;
}
.gender-b-input.active::-ms-input-placeholder, .gender-a-input.active::-ms-input-placeholder, .gender-bil-input.active::-ms-input-placeholder { 
    font-family: 'Gotham-Rounded-Book';
    font-size: 16px;
}

.all-inputs::placeholder {
    font-family: 'Gotham-Rounded-Book';
    color: #808080;
    opacity: 1; 
    font-size: 16px;
} 
.all-inputs:-ms-input-placeholder { 
    font-family: 'Gotham-Rounded-Book';
    font-size: 16px;
}
.all-inputs::-ms-input-placeholder { 
    font-family: 'Gotham-Rounded-Book';
    font-size: 16px;
}
.gender-box img.active{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.gender-dropbox{
    display: none;
    position: absolute;
    background: #ffffff;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 8px;
    top: 50px;
    z-index: 1;
}
.gender-dropbox a{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 16px 16px 0 16px;
    display: block;
    color: #3A3A3A;
}
.gender-dropbox a:hover{
    color: #01AEDB;
}
.gender-dropbox a:last-child{
    padding-bottom: 16px;
}
.activation_div, .versand_div, .section50{
    font-size: 14px;
}
#multiAddress, .autocomplete-grid a{
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.autocomplete-grid{
    max-width: 380px;
    width: 100%;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    margin: 0 auto;
}
.ad-width{
    max-width: 400px;
    width: 100%;
    margin: 0;
    text-align: left;
}
.addcheck-box{
    Color: #007C92; 
    font-size: 14px;
    display: none;
}
.addcheck-box.checked{
    display: block;
}
.autocomplete-box{
    display: none;
    position: absolute;
    background: #ffffff;
    width: 100%;
    border: 1px solid #808080;
    border-radius: 8px;
    top: 50px;
    z-index: 1;
    text-align: left;
    max-height: 240px;
    overflow-y: auto;
}
.main-bestellen .autocomplete-box{
    top: 53px;
}
.autocomplete-box.active{
    display: block !important;
    border-radius: 4px;
}
.autocomplete-box::-webkit-scrollbar {
    width: 8px;
}
.autocomplete-box::-webkit-scrollbar-track {
    background: transparent; 
}
.autocomplete-box::-webkit-scrollbar-thumb {
    background: #01aedb; 
    border-radius: 4px;
}
.autocomplete-box::-webkit-scrollbar-thumb:hover {
    background: #01aedb; 
}
.autocomplete-box a{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 16px 16px 0 16px;
    display: block;
    color: #3A3A3A;
}
.autocomplete-box a:hover{
    color: #01AEDB;
}
.autocomplete-box a:last-child{
    padding-bottom: 16px;
}
.main-bestellen .section-options .btn-pos{
    text-align: center;
}
.main-bestellen .section-options .mrg-box{
    margin-top: 24px;
}
.main-bestellen .section-options .kunde-box .m-inputs:first-child{
    margin-right: 16px;
}
.main-bestellen .section-options .m-iban-box .heading-ssl-i{
    margin-bottom: 24px;
}
.main-bestellen .section-options .m-iban-box .heading-ssl-i .heading-secondary{
    margin-bottom: 0px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.main-bestellen .section-options .activation-date{
    padding-left: 34px;
    padding-top: 24px;
    display: none;
}
.main-bestellen .section-options .btn.btn-primary-red{
    max-width: 327px;
    margin-top: 48px;
    margin-bottom: 16px;
}
.main-bestellen .section-options .p-kostenbtn{
    max-width: 327px;
    text-align: center;
    padding: 0 16px;
}
.main-bestellen .section-options .p-infos{
    max-width: 580px;
    width: 100%;
    font-size: 10px;
    margin-top: 72px;
    margin-bottom: 48px;
}
.main-bestellen .section-options .section-legals .eazy-dropdown {
    margin-left: 0;
}
.main-bestellen .section-options .section-legals {
    display: none;
    padding: 48px 0 0 0;
}
.main-bestellen .section-options .section-legals .container{
    padding: 0;
}
.main-bestellen .section-options .bestellen-legals a.a-link{
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.main-bestellen .section-options .bestellen-legals a.a-link svg{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.main-bestellen .section-options .bestellen-legals a.a-link.a-rotate svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.focuschck svg .checkbox-0 .cls-1 {
    fill: #FEAC2B;
}
.main-bestellen .section-options .bestellen-legals a.a-link svg #dropdown .cls-1{
    fill: #01AEDB;
}
/* BESTELLEN PAGE END */

/* CONFIRMATION PAGE BEGIN */
.main-confirmation .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0 72px 0;
    background-color: #01AEDB;
    position: relative;
    color: #ffffff;
}
.main-confirmation .section-intro.light-green {
    background-color: #7AB51D;
}
.main-confirmation .section-intro .heading-primary {
    margin-bottom: 0;
}
.main-confirmation .section-details {
    text-align: center;
    padding: 130px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-confirmation .m-details-w{
    max-width: 356px;
    margin: auto;
}
.main-confirmation .section-details .m-details-w .d-flex{
    margin-top: 40px;
}
.main-confirmation .section-details .m-details-w .d-flex:first-child{
    margin-top: 0;
}
.main-confirmation .section-details .m-details-w .d-flex .flex-img{
    width: 72px;
}
.main-confirmation .section-details .m-details-w .d-flex .flex-p-left{
    padding-left: 19px;
}
.main-confirmation .section-details .m-details-w .flex-more-d{
    margin-top: 24px;
    display: none;
}
.main-confirmation .section-details .btn.btn-primary-blue{
    margin-top: 48px;
}
.main-confirmation .section-pdfmail{
    text-align: center;
    padding: 72px 0;
    background-color: #ffffff;
    position: relative;
}
.main-confirmation .switcher-text{
    color: #000202;
    font-family: 'Gotham-Rounded-Medium';
}
.switch-content{
    margin-top: 24px;
}
.switch-content h6{
    font-size: 16px;
    color: #000202;
    font-family: 'Gotham-Rounded-Medium';
    margin-top: 48px;
}
.switch-content h6:first-child{
    margin-top: 32px;
}
.mrg-r-box{
    margin-right: 16px;
}
.mrg-top-box {
    margin-top: 24px;
}
.mrg-btm-box {
    margin-bottom: 24px;
}
.address-info-data{
    color: #01AEDB;
    padding-top: 24px;
    display: none;
    width: 100%;
}
.check-group .address-info-data.txt{
    padding-top: 16px;
}
.check-group .rel-top{
    color:#000202;
}
.main-confirmation .section-pdfmail .switch-content .btn, .main-confirmation .section-tools .btn{
    margin-top: 48px;
}
.main-confirmation .section-pdfmail .switch-content .btn{
    margin-bottom: 48px;
}
.main-confirmation .section-pdfmail .switch-content #btnNote.btn{
    margin-bottom: 0;
}
.main-confirmation .section-pdfmail .heading-secondary{
    margin-bottom: 32px
}
.main-confirmation .section-pdfmail .s-mail{
    margin-top: 98px;
}
.main-confirmation .t-area{
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    max-width: 356px;
    border-radius: 8px;
    border: 1px solid #808080;
    min-height: 224px;
    font-family: "Gotham-Rounded-Medium";
    color: #01AEDB;
    font-size: 16px;
    resize: none;
    outline: none;
}
.main-confirmation .t-area::placeholder { 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: "Gotham-Rounded-Medium";
    color: #808080;
    opacity: 1; 
    font-size: 16px;
}
.main-confirmation .t-area:focus::placeholder { 
    color: transparent;
} 
.main-confirmation .t-area:-ms-input-placeholder { 
    font-size: 16px;
}
.main-confirmation .t-area::-ms-input-placeholder { 
    font-size: 16px;
}
.t-area::-webkit-scrollbar {
    width: 6px;
}
.t-area::-webkit-scrollbar-track {
    background: transparent; 
}
.t-area::-webkit-scrollbar-thumb {
    background: #808080; 
    border-radius: 4px;
}
.t-area::-webkit-scrollbar-thumb:hover {
    background: #808080; 
}
.main-confirmation .section-tools {
    text-align: center;
    padding: 130px 0 72px 0;
    background-color: #E6F9FF;
    position: relative;
    display: none;
}
.main-confirmation .section-tools.active {
    display: block;
}
.main-confirmation .step-comment-btn{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: -webkit-sticky;
    position: sticky;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-color: rgba(255,255,255,.8);
    padding: 16px 24px;
    z-index: 9;
}
.main-confirmation .step-comment-btn a.btn{
    max-width: 327px;
}
.main-confirmation .section-intro .t-table{
    width: auto;
    margin: auto;
    text-align: left;
}
.main-confirmation .section-intro .t-table .t-cell:last-child{
    padding-left: 16px;
}
.main-confirmation .section-intro .t-table .t-cell img{
   width: 48px;
   height: 48px;
}
.main-confirmation .switcher-text.top-c{
    position: relative;
    top: 1px;
}
.main-confirmation .switcher-text{
    line-height: 1.45;
}
#modal-confirmation .show-modal-content{
    opacity: 1!important;
}
#modal-confirmation .main-modal .s-container {
    max-width: 536px;
    margin: auto;
    height: 100%;
}
#modal-confirmation .main-modal .modal-c-paragraph{
    padding-left: 34px;
    margin-top:24px;
    color:#000202;
}
#modal-confirmation .main-modal .modal-c-paragraph .paragraph-small{
    padding-bottom: 24px;
}
#modal-confirmation .main-modal .modal-c-paragraph .paragraph-small:last-child{
    margin-bottom: 48px;
}
#modal-confirmation .paragraph-blue{
    padding-top: 24px;
    color: #01AEDB;    
    font-size: 12px;
    font-family: 'Gotham-Rounded-Book';
}
#modal-confirmation .heading-secondary{
    margin-top: 32px;
    margin-bottom: 48px;
}
#modal-confirmation::-webkit-scrollbar {
    width: 6px;
}
#modal-confirmation::-webkit-scrollbar-track {
    background: #E6F9FF; 
}
#modal-confirmation::-webkit-scrollbar-thumb {
    background: #01aedb; 
    border-radius: 4px;
}
#modal-confirmation::-webkit-scrollbar-thumb:hover {
    background: #01aedb; 
}
#modal-confirmation .main-modal .col-space{
    padding: 0 0;
}
#modal-confirmation .show-modal-content{
    padding: 72px 0 100px 0;
}
/* CONFIRMATION PAGE END */

/* SUPPORT PAGE BEGIN */
.main-support .m-section-w{
    max-width: 352px;
    width: 100%;
    margin: auto;
}
.main-support .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 144px 0 81px 0;
    background-color: #01AEDB;
    color: #ffffff;
}
.main-support .section-intro .heading-primary, .main-technology .section-intro .heading-primary {
    margin-bottom: 0;
}
.main-support .section-sendmail{
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-support .section-techsupport{
    text-align: center;
    padding: 72px 0;
    background-color: #ffffff;
    position: relative;
}
.main-support .section-ordersteps{
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-support .section-awards{
    text-align: center;
    padding: 72px 0;
    background-color: #ffffff;
    position: relative;
}
.section-faq{
    text-align: center;
    padding: 130px 0 72px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-tools .section-faq{
    padding: 72px 0 72px 0;
}
.section-faq .heading-secondary{
    margin-bottom: 24px;
}
.section-faq .btn{
    margin: 0;
}
.main-support  .heading-secondary{
   margin-bottom: 16px;
}
.main-support .sp-box{
    margin-bottom: 32px;
    line-height: 1.7;
}
.main-support img{
    margin-bottom: 24px;
}
.main-support img.gender-arrow{
    margin: auto;
}
.main-support .t-area{
    background-color: transparent;
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    max-width: 327px;
    border-radius: 8px;
    border: 1px solid #808080;
    min-height: 72px;
    font-family: "Gotham-Rounded-Medium";
    color: #01AEDB;
    font-size: 16px;
    resize: none;
    outline: none;
}
.main-support .btn {
    margin-top: 32px;
    margin-bottom: 32px;
}
.main-support .t-area:focus::placeholder { 
    color: transparent;
} 
.main-support .tech-modal{
    cursor: pointer;
}
.main-support .tech-more{
    display: none;
} 
.main-support .f-top{
    margin-top: 0;
}
/* SUPPORT PAGE END */

/* TECHNOLOGY PAGE BEGIN*/
.main-technology .m-section-w{
    max-width: 352px;
    width: 100%;
    margin: auto;
}
.main-technology .heading-secondary {
    margin-bottom: 16px;
}
.main-technology img {
    margin-bottom: 24px;
}
.main-technology .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0;
    background-color: #01AEDB;
    color: #ffffff;
}
.main-technology .section-allblue {
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-technology .section-allwhite {
    text-align: center;
    padding: 72px 0;
    background-color: #ffffff;
    position: relative;
}
.main-technology p{
    line-height: 1.7;
}
.main-technology ul{
    list-style-type: disc;
    line-height: 1.7;
    padding-left: 19px;
}
/* TECHNOLOGY PAGE END*/

/* TOOLS PAGE BEGIN */
.main-tools .m-section-w{
    max-width: 356px;
    width: 100%;
    margin: auto;
}
.main-tools .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0 72px 0;
    background-color: #FEAC2B;
    color: #ffffff;
}
.main-tools .section-intro .heading-primary{
    margin-bottom: 0;
}
.main-tools .heading-secondary{
    margin-bottom: 0;
}
.main-tools .section-rufnumber .heading-secondary, .main-tools .section-oldcontract .heading-secondary{
    margin-bottom: 16px;
}
.main-tools .section-tarif {
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #ffffff;
    position: relative;
}
.main-tools .section-rufnumber {
    text-align: center;
    padding: 72px 0;
    background-color: #FCFCFC;
    position: relative;
}
.main-tools .section-rufnumber .info-arrow {
    position: absolute;
    right: -23px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main-confirmation .section-pdfmail .info-arrow {
    position: absolute;
    right: -23px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main-tools .section-oldcontract {
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #ffffff;
    position: relative;
}
.main-tools .section-tarif .btn {
    margin-top: 32px;
    margin-bottom: 0px;
}
.main-tools .btn {
    margin-top: 48px;
    margin-bottom: 48px
}
.main-tools img {
    margin-bottom: 24px;
}
.main-tools img.gender-arrow{
    margin: auto;
}
.main-tools p {
    line-height: 1.7;
}
.main-tools .gender-box svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
}
.main-tools .gender-box .gender-input.rotate-aw ~ svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-tools .gender-box .gender-input.active ~ svg #dropdown .cls-1 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    fill: #ffffff;
}
.main-tools .gender-input{
    background-color: #E6F9FF;
    border: none;
    pointer-events: none;
}
.main-tools .gender-input.active {
    border: none;
    color: #ffffff;
    background-color: #01AEDB;
}
.main-tools .tools-box{
    display: block;
    width: 100%;
}
.main-tools .gender-input::placeholder { 
    color: #000202;
    font-family: 'Gotham-Rounded-Medium';
    opacity: 1; 
} 
.main-tools .gender-input:-ms-input-placeholder { 
    color: #000202;
    font-family: 'Gotham-Rounded-Medium';
}
.main-tools .gender-input::-ms-input-placeholder { 
    color: #000202;
    font-family: 'Gotham-Rounded-Medium';
}
.main-tools .q-btn-box .btn{ 
    margin-top: 0;
    margin-bottom: 0;
}
.main-tools .q-btn-box{ 
    margin-top: 48px;
}
.main-tools .q-btn-box .btn{ 
    margin-bottom: 16px;
}
.main-tools .q-btn-box .text-center:last-child .btn{ 
    margin-bottom: 0;
}
.main-tools .q-btn-box .text-center:last-child{ 
    margin-bottom: 0;
}
.main-tools .q-btn-box h4{ 
    color: #01AEDB;
    font-family: 'Gotham-Rounded-Medium';
    margin-bottom: 24px;
}
.main-tools .result-box{ 
    margin-top: 72px;
}
.main-tools .result-box .chck-s{ 
    text-align: center;
    padding-right: 85px;
}
.main-tools .result-box img{ 
    max-width: 100%;
    width: 100%;
    margin: auto auto 48px auto;
}
.main-tools .result-box .btn{
    margin-top: 32px;
    margin-bottom: 48px;
}
.main-tools .t-area {
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    max-width: 356px;
    border-radius: 8px;
    border: 1px solid #808080;
    min-height: 72px;
    font-family: "Gotham-Rounded-Medium";
    color: #01AEDB;
    font-size: 16px;
    resize: none;
    outline: none;
}
.main-tools .middle-area.t-area {
    min-height: 120px;
}
.main-tools .big-area.t-area {
    min-height: 224px;
}
.main-tools .t-area:focus::placeholder { 
    color: transparent;
} 
.main-tools .t-area::placeholder { 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: "Gotham-Rounded-Medium";
    color: #FEAC2B;
    opacity: 1; 
    font-size: 16px;
}
.main-tools .t-area:focus::placeholder { 
    color: transparent;
} 
.main-tools .t-area:-ms-input-placeholder { 
    font-size: 16px;
}
.main-tools .t-area::-ms-input-placeholder { 
    font-size: 16px;
}
.main-tools .switch-content h6:first-child{
    margin-top: 0;
}
/* TOOLS PAGE END */

/* Gutschein PAGE BEGIN */
.main-gutschein .m-section-w{
    max-width: 356px;
    width: 100%;
    margin: auto;
}
.main-gutschein .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0 72px 0;
    background-color: #7AB51D;
    color: #ffffff;
}
.main-gutschein .section-intro .heading-primary{
    margin-bottom: 0;
}
.main-gutschein .heading-secondary{
    margin-bottom: 0;
    color: #01AEDB;
}
.main-gutschein .section-navrecommended {
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #ffffff;
    position: relative;
}
.main-gutschein .section-voucher {
    text-align: center;
    padding: 72px 0;
    background-color: #FCFCFC;
    position: relative;
}
.main-gutschein .section-getmore {
    text-align: center;
    padding: 72px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-gutschein h6 {
    font-size: 16px;
    font-family: 'Gotham-Rounded-Medium';
}
.main-gutschein .section-recommendation {
    text-align: center;
    padding: 72px 0 130px 0;
    background-color: #fff;
    position: relative;
}
.main-gutschein .section-morequestions {
    text-align: center;
    padding: 130px 0 72px 0;
    background-color: #FCFCFC;
    position: relative;
}
.main-gutschein a.a-link {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000202;
}
.main-gutschein a.a-link svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.main-gutschein a.a-link.a-rotate svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-gutschein .a-more{
    display: none;
    font-family: 'Gotham-Rounded-Book';
}
.main-gutschein img {
    margin-bottom: 32px;
}
.main-gutschein .heading-secondary{
    margin-bottom: 16px;
}
.main-gutschein .btn-mrgt{
    margin-top: 40px;
}
.main-gutschein .btn-mrgb{
    margin-bottom: 24px;
}
.main-gutschein .section-morequestions .heading-secondary{
    color: #01aedb;
    margin-bottom: 32px;
}
.main-gutschein p, .main-gutschein .a-more{
    line-height: 1.7;
}
.main-gutschein .flex-q-w{
    max-width: 300px;
    width: 100%;
    line-height: 1.7;
    padding-bottom: 8px;
}
.main-gutschein .flex-p-left{
    padding-left: 15px;
    line-height: 1.7;
}
.main-gutschein .section-morequestions .more-q-box{
    margin-bottom: 32px;
}
#modal-special .more-q-box{
    margin-bottom: 32px;
}
#modal-special .more-q-box:last-child{
    margin-bottom: 0;
}
.main-gutschein .section-recommendation .info-arrow{
    position: absolute;
    right: -23px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main-gutschein .section-recommendation .heading-secondary{
    color:#01aedb;
}
.main-gutschein .recommendation-box h6{
    font-size: 16px;
    color: #000202;
    font-family: 'Gotham-Rounded-Medium';
}
.main-gutschein .recommendation-box .middle-area.t-area {
    min-height: 120px;
}
.main-gutschein .recommendation-box .t-area {
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    max-width: 356px;
    border-radius: 8px;
    border: 1px solid #808080;
    min-height: 72px;
    font-family: "Gotham-Rounded-Medium";
    color: #01AEDB;
    font-size: 16px;
    resize: none;
    outline: none;
}
.main-gutschein .recommendation-box .btn{
    margin-top: 48px;
    margin-bottom: 48px;
}
.main-gutschein a.btn.btn-primary-blue.all-dropdown.active{
    background-color:#01AEDB;
    color: #ffffff;
}
.main-gutschein .bigbox {
    max-width: 296px;
    width: 100%;
}
.main-gutschein .gutschein-btn.green{
    background-color: #7AB51D;
    color: #ffffff;
    pointer-events: none;
}
.main-gutschein .oiErr-box{
    max-width: 296px;
    text-align: left;
    margin: 24px auto;
    line-height: 27px;
}
.main-gutschein .all-inputs.active-err{
    border: 1px solid #F90D45;
}
.main-gutschein a.btn{
    font-size: 16px;
}
.main-gutschein .m-section-w h6{
    padding-bottom: 8px;
}
.main-gutschein .m-section-w p{
    margin-bottom: 24px;
}
.main-gutschein .head-h-inputs{
    margin-left: 8px;
    font-size: 12px;
    font-family: 'GOTHAM-ROUNDED-MEDIUM';
}
.main-gutschein .oiErr-box.m-active{
   margin-bottom: 48px;
}
.main-gutschein .err-red-head{
    color: #F90D45;
    margin-bottom:16px;
    font-family: 'GOTHAM-ROUNDED-MEDIUM';
}
.main-gutschein .err-green-head{
    color: #7AB51D;
    margin-bottom:16px;
    font-family: 'GOTHAM-ROUNDED-MEDIUM';
}
/* Gutschein PAGE END */

/* EMPFEHLEN PAGE BEGIN */
.main-empfehlen .m-section-w{
    max-width: 356px;
    width: 100%;
    margin: auto;
}
.main-empfehlen .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0 72px 0;
    background-color: #7AB51D;
    color: #ffffff;
}
.main-empfehlen .section-intro .heading-primary{
    margin-bottom: 0;
}
.main-empfehlen .heading-secondary{
    margin-bottom: 0;
}
.main-empfehlen .section-navrecommended {
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #ffffff;
    position: relative;
}
.main-empfehlen .section-voucher {
    text-align: center;
    padding: 72px 0;
    background-color: #FCFCFC;
    position: relative;
}
.main-empfehlen .section-getmore {
    text-align: center;
    padding: 130px 0 72px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-empfehlen .section-recommendation {
    text-align: center;
    padding: 72px 0 130px 0;
    background-color: #fff;
    position: relative;
}
.main-empfehlen .section-morequestions {
    text-align: center;
    padding: 72px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-empfehlen a.a-link {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000202;
}
.main-empfehlen a.a-link svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.main-empfehlen a.a-link.a-rotate svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-empfehlen .a-more{
    display: none;
    font-family: 'Gotham-Rounded-Book';
}
.main-empfehlen img {
    margin-bottom: 24px;
}
.main-empfehlen .heading-secondary{
    margin-bottom: 16px;
}
.modals-nprice .main-empfehlen .heading-secondary, .modals-nprice .main-empfehlen .more-q-box{
    margin-bottom: 32px;
}
.modals-nprice .main-empfehlen .more-q-box:last-child{
    margin-bottom: 0;
}
.main-empfehlen .btn {
    margin-top: 48px;
}
.main-empfehlen .section-morequestions .heading-secondary{
    color: #01aedb;
    margin-bottom: 32px;
}
.main-empfehlen p, .main-empfehlen .a-more{
    line-height: 1.7;
}
.main-empfehlen .flex-q-w{
    max-width: 300px;
    width: 100%;
    line-height: 1.7;
}
.main-empfehlen .flex-p-left{
    padding-left: 15px;
    line-height: 1.7;
}
.main-empfehlen .section-morequestions .more-q-box{
    margin-bottom: 32px;
}
.main-empfehlen .section-recommendation .info-arrow{
    position: absolute;
    right: -23px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.main-empfehlen .section-recommendation .heading-secondary{
    color:#01aedb;
}
.main-empfehlen .recommendation-box h6{
    font-size: 16px;
    color: #000202;
    font-family: 'Gotham-Rounded-Medium';
}
.main-empfehlen .recommendation-box .middle-area.t-area {
    min-height: 120px;
}
.main-empfehlen .recommendation-box .t-area {
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    max-width: 356px;
    border-radius: 8px;
    border: 1px solid #808080;
    min-height: 72px;
    font-family: "Gotham-Rounded-Medium";
    color: #01AEDB;
    font-size: 16px;
    resize: none;
    outline: none;
}
.main-empfehlen .recommendation-box .btn{
    margin-top: 48px;
    margin-bottom: 48px;
}
/* EMPFEHLEN PAGE END */

/* UBEREAZY PAGE BEGIN */
.main-ubereazy .m-section-w{
    max-width: 352px;
    width: 100%;
    margin: auto;
}
.main-ubereazy .section-blogs p{
    margin-bottom: 72px;
}
.main-ubereazy .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0;
    background-color: #FFF975;
    color: #01AEDB;
}
.main-ubereazy .section-intro .heading-primary {
    margin-bottom: 0;
}
.main-ubereazy .f-top, .main-ubereazy .f-top img{
    margin: 0;
}
.main-ubereazy .section-awards{
    text-align: center;
    padding: 72px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-ubereazy .heading-secondary {
    margin-bottom: 16px;
}
.main-ubereazy .blogs-box{
    text-align: center;
    padding: 0 0 130px 0;
    background-color: #ffffff;
    position: relative;
    top: -35px; 
}
.main-ubereazy .sp-box{
    margin-bottom: 72px;
    padding-top: 35px;
    position: relative;
}
.main-ubereazy .sp-box:last-child{
    margin-bottom: 0;
}
.main-ubereazy .m-options-box:last-child{
    margin-bottom: 0;
}
.main-ubereazy img{
    margin-bottom: 32px;
}
.main-ubereazy p{
    line-height: 1.7;
}
.main-ubereazy .section-presse{
    text-align: center;
    padding: 130px 0 72px 0;
    background-color: #ffffff;
    position: relative;
} 
.main-ubereazy .btn {
    margin-top: 32px;
}
.main-ubereazy .sp-head{
    background-color: #FFF975;
    color: #01AEDB;
    padding: 8px;
    font-family: 'Gotham-Rounded-Medium';
    display: inline-block;
    margin-left: 128px;
    z-index: 4;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.main-ubereazy .section-blogs .head-part{
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
    background-color: #FFF975;
    color: #01AEDB;
    padding: 8px;
    font-family: 'Gotham-Rounded-Medium';
    display: block;
    height: 140px;
    z-index: 1;
    opacity: 0;
}
.main-ubereazy .section-blogs .head-part.active{
    opacity: 1;
}
.main-ubereazy .section-blogs .blog-l-text{
    color: #01AEDB;
    font-size: 16px;
}
.main-ubereazy .section-blogs .blog-link svg{
    width: 32px;
    height: 32px;
    opacity: 1;
}
.main-ubereazy .section-blogs .blog-link #arrow-circle .cls-1 {
    fill: #e6f9ff;
    opacity: 1;
}
.main-ubereazy .section-blogs .head-part.fix{
    position: absolute;
    width: 100%;
    height: auto;
    top: -70px;
}
/* UBEREAZY PAGE END */

/* PRESSE PAGE BEGIN */
.main-presse .m-section-w{
    max-width: 352px;
    width: 100%;
    margin: auto;
}
.main-presse .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0;
    background-color: #E6F9FF;
    color: #01AEDB;
}
.main-presse .section-intro .heading-primary {
    margin-bottom: 0;
}
.main-presse .heading-secondary{
    margin-bottom: 24px;
    color: #01AEDB;
}
.main-presse .section-articles .heading-secondary{
    margin-top: 72px;
}
.main-presse .section-articles .small-heading{
    margin-top: 16px;
    margin-bottom: 8px;
}
.main-presse .section-articles p{
    margin-bottom: 8px;
}
.main-presse .section-articles .type-box{
    padding: 8px;
    color: #01AEDB;
    background-color: #FFF975;
    font-size: 12px;
    border-radius: 4px;
}
.main-presse .section-articles .type-box.light-blue{
    color: #01AEDB;
    background-color: #E6F9FF;
}
.main-presse p {
    line-height: 1.7;
}
.main-presse .section-articles article{
    display: none;
}
.main-presse .section-articles{
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #ffffff;
    position: relative;
}
.main-presse .section-articles img{
    margin-top: 16px;
}
.main-presse .section-mediakit{
    text-align: center;
    padding: 72px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-presse .presse-box{
    margin-bottom: 48px;
}
.main-presse .presse-box:last-child{
    margin-bottom: 0;
}
.main-presse .kit-mrgtb{
    margin-top: 32px;
    margin-bottom: 40px;
}
.main-presse .section-mediakit .mediakit-box{
    margin-bottom: 64px;
}
.main-presse .section-mediakit .mediakit-box:last-child{
    margin-bottom: 0;
}
/* PRESSE PAGE END */

/* FAQ PAGE BEGIN */
.main-faq .section-intro {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0 72px 0;
    background-color: #ffffff;
    color: #01AEDB;
}
.main-faq .section-intro .heading-primary {
    margin-bottom: 0;
}
.main-faq .m-section-w {
    max-width: 356px;
    width: 100%;
    margin: auto;
}
.main-faq a.a-link {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000202;
}
.main-faq a.a-link:hover {
    color: #01aedb;
}
.main-faq a.a-link:hover svg #dropdown .cls-1 {
    fill: #01aedb;
}
.main-faq .a-more{
    display: none;
    font-family: 'Gotham-Rounded-Book';
}
.main-faq .section-morequestions {
    text-align: center;
    padding: 100px 0;
    background-color: #fff;
}
.main-faq .section-morequestions .heading-secondary {
    color: #01aedb;
    margin-bottom: 32px;
}
.main-faq .section-morequestions .m-section-w{
    width: 100%;
    max-width: 665px;
    margin: auto;
}
.main-faq .flex-q-w {
    max-width: 665px;
    width: 100%;
    line-height: 1.7;
}
.main-faq .flex-p-left{
    padding-left: 15px;
    line-height: 1.7;
}
.main-faq .section-morequestions .more-q-box{
    margin-bottom: 32px;
}
.main-faq p, .main-faq .a-more {
    line-height: 1.7;
}
.main-faq a.a-link.a-rotate svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-faq a.a-link svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.main-faq .faq-box{
    margin-bottom: 48px;
}
.main-faq .faq-box:last-child{
    margin-bottom: 0;
}
/* FAQ PAGE END */

/* AGB PAGE BEGIN */
.main-agb .section-agb {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0 72px 0;
    background-color: #ffffff;
    color: #01AEDB;
}
.main-agb .m-section-w{
    max-width: 352px;
    width: 100%;
    margin: auto;
}
.main-agb .section-agb {
    max-width: 356px;
    width: 100%;
    margin: auto;
}
.main-agb .section-agb h2.heading-secondary {
    color: #01AEDB;
    margin-bottom: 16px;
}
.main-agb .section-agb h4.heading-secondary {
    margin-bottom: 16px;
    color: #01AEDB;
    font-size: 16px;
}
.main-agb .section-agb a.a-link svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.main-agb .section-agb .a-link{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
   display: inline-block;
}
.main-agb .section-agb .a-link .l-height{
    line-height: 23px;
    color: #000202;
    padding-left: 8px;
}
.main-agb .section-agb .a-link #arrow-circle #hover-background{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.main-agb .section-agb .a-link:hover #arrow-circle #hover-background{
    fill: #E6F9FF;
    opacity: 1;
}
.main-agb .section-agb .agb-box .mrg-btm{
    margin-bottom: 16px;
}
.main-agb .section-agb .agb-box .mrg-btm:last-child{
    margin-bottom: 0;
}
.main-agb .section-agb p{
   color: #000202;
}
.main-agb .section-agb p, .main-agb .section-agb h4{
    line-height: 1.7;
}
.main-agb .section-agb .agb-box{
    margin-top: 88px;
}
/* AGB PAGE END */
/* COOKIES PAGE BEGIN */
.main-cookies .section-cookies {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0 72px 0;
    background-color: #ffffff;
    color: #000202;
}
.main-cookies .section-cookies p{
    line-height: 1.7;
}
.main-cookies .m-section-w{
    max-width: 537px;
    width: 100%;
    margin: auto;
}
.main-cookies .section-cookies .heading-primary{
    margin-bottom: 30px;
    color: #01AEDB;
}
.main-cookies .section-cookies h4{
    margin-top: 56px;
    margin-bottom: 32px;
    color: #01AEDB;
    font-size: 16px;
}
/* COOKIES PAGE END */
/* PARTNERPROGRAMM PAGE BEGIN */
.main-partner .m-section-w {
    max-width: 352px;
    width: 100%;
    margin: auto;
}
.main-partner .section-intro{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0;
    background-color: #7AB51D;
    color: #ffffff;
}
.main-partner .heading-primary{
    margin-bottom: 0;
}
.main-partner p{
    line-height: 1.7;
}
.main-partner .heading-secondary{
    margin-top: 24px;
    margin-bottom: 16px;
    line-height: 1.7;
}
.main-partner .section-news{
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #ffffff;
    position: relative;
}
.main-partner .section-news.curve-btm-p{
    text-align: center;
    padding: 130px 0 72px 0;
    background-color: #ffffff;
    position: relative;
}
.main-partner .section-news.light-blue {
    background-color: #E6F9FF;
    padding: 72px 0;
}
/* PARTNERPROGRAMM PAGE END */


/* WECHSEL PAGE BEGIN */
.main-wechsel .m-section-w {
    max-width: 480px;
    width: 100%;
    margin: auto;
}
.main-wechsel .section-intro{
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
    padding: 100px 0;
    background-color: #ffffff;
    color: #01AEDB;
}
.main-wechsel p{
    margin-bottom: 24px;
}
.main-wechsel .flex-w-o{
    width: 15px;
}
.main-wechsel .flex-l-o{
    padding-left: 16px;
}
.main-wechsel .wechsel-box{
    margin-bottom: 24px;
}
.main-wechsel .heading-primary{
    margin-bottom: 0;
}
.main-wechsel .heading-secondary{
    margin-top: 24px;
    margin-bottom: 16px;
}
.main-wechsel .section-offers{
    text-align: center;
    padding: 130px 0 72px 0;
    background-color: #E6F9FF;
    position: relative;
}
.main-wechsel{
    line-height: 1.7;
}
.main-wechsel .btn {
    margin-top: 48px;
}
.main-wechsel .section-dsl{
    text-align: center;
    padding: 72px 0;
    background-color: #ffffff;
}
.main-wechsel .section-kabel{
    text-align: center;
    padding: 72px 0;
    background-color: #F9F9F9;
}
.main-wechsel .section-hessen{
    text-align: center;
    padding: 72px 0;
    background-color: #ffffff;
}
.main-wechsel a.a-link {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000202;
}
.main-wechsel a.a-link svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.main-wechsel a.a-link.a-rotate svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-wechsel .a-more{
    display: none;
    font-family: 'Gotham-Rounded-Book';
}
.main-wechsel img {
    margin-bottom: 24px;
}
.main-wechsel .flex-q-w{
    width: 100%;
    line-height: 1.7;
}
.main-wechsel ul {
    list-style-type: disc;
    line-height: 1.7;
    padding-left: 19px;
}
.main-wechsel ul li{
    margin-bottom: 16px;
}
.main-wechsel ul li:first-child{
    margin-top: 16px;
}
/* WECHSEL PAGE END */
main .section-intro{
    padding: 144px 0 81px 0!important;
}

.autocomplete-box li{
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 8px;
    cursor: pointer;
}
.autocomplete-box li:hover{
    color: #01AEDB;
    background-color: #E6F9FF;
}
.eye-svg svg{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}
.eye-svg {
    position: absolute;
    right: -28px;
    top: 13px;
}
.eye-svg #eye-hide #closed{
    opacity: 1;
}
.eye-svg #eye-hide #opened{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
.eye-svg #eye-hide #opened.show{
    opacity: 1;
}

.main-feedback .tools-box{
    display: block;
    width: 100%;
}
.main-feedback .t-area {
    padding: 16px;
    overflow-y: auto;
    width: 100%;
    max-width: 356px;
    border-radius: 8px;
    border: 1px solid #808080;
    min-height: 96px;
    font-family: "Gotham-Rounded-Medium";
    color: #01AEDB;
    font-size: 16px;
    resize: none;
    outline: none;
}
.main-feedback .middle-area.t-area {
    min-height: 120px;
}
.main-feedback .big-area.t-area {
    min-height: 224px;
}
.main-feedback .t-area:focus::placeholder { 
    color: transparent;
} 
.main-feedback .gender-input.active {
    border: 1px solid #808080!important;
}
.main-feedback .t-area::placeholder { 
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    font-family: "Gotham-Rounded-Medium";
    color: #FEAC2B;
    opacity: 1; 
    font-size: 16px;
}
.main-feedback .t-area:focus::placeholder { 
    color: transparent;
} 
.main-feedback .t-area:-ms-input-placeholder { 
    font-size: 16px;
}
.main-feedback .t-area::-ms-input-placeholder { 
    font-size: 16px;
}
.main-feedback p {
    line-height: 1.7;
}
.main-feedback .gender-box svg {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto;
}
.main-feedback .gender-box .gender-input.rotate-aw ~ svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.main-feedback .gender-box .gender-input.active ~ svg #dropdown .cls-1 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    fill: #3A3A3A;
}
.main-feedback .gender-input{
    background-color: transparent;
    border: 1px solid #808080;
    pointer-events: none;
}
.main-feedback .gender-input.active {
    border: none;
    color: #01AEDB;
    background-color: transparent;
}
.main-feedback .tools-box{
    display: block;
    width: 100%;
}
.main-feedback .gender-input::placeholder { 
    color: #808080;
    font-family: 'Gotham-Rounded-Medium';
    opacity: 1; 
} 
.main-feedback .gender-input:-ms-input-placeholder { 
    color: #808080;
    font-family: 'Gotham-Rounded-Medium';
}
.main-feedback .gender-input::-ms-input-placeholder { 
    color: #808080;
    font-family: 'Gotham-Rounded-Medium';
}
.main-feedback .section-feedback {
    text-align: center;
    padding: 130px 0 140px 0;
    background-color: #ffffff;
    position: relative;
}
.main-feedback .m-section-w {
    max-width: 327px;
    width: 100%;
    margin: auto;
}
.main-feedback .bigbox{
    max-width: 327px;
}
.main-feedback .gender-input{
    padding-right: 45px!important;
}
.main-feedback .heading-secondary{
    margin: 24px 0 0 0;
}
.main-feedback a#feedbackActBtn.btn.btn-primary-yellow{
    background-color: #E6F9FF!important;
}
.main-feedback a#feedbackActBtn.btn.btn-primary-yellow:hover{
    background-color: #FFF975!important;
}
.main-home .jeSnNy{
    background-color: #01AEDB!important;
}
.main-home .jCXFfl{
    right: -46px
}
.main-home .hXrUSE{
    left: -46px;
}
.main-home .all-inputs{
    background-color: #ffffff;
}
.main-home .section-faqquestions .all-inputs{
    background-color: transparent;
}
.main-home .d-circle {
    width: 80px;
    height: 80px;
    background-color: #FFFFFF;
    color: #9E9E9E;
    -webkit-box-shadow: 2px 3px 4px rgba(0,0,0,.29);
    -moz-box-shadow: 2px 3px 4px rgba(0,0,0,.29);
    box-shadow: 2px 3px 4px rgba(0,0,0,.29);
    border-radius: 50%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    margin: auto;
    -webkit-transition:  all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.main-home .d-circle.d-rect {
    width: auto;
    height: 130px;
    border-radius: 8px;
    justify-content: space-evenly;
    padding: 0 12px;
}
.main-home .d-circle:hover{
    background-color: #C4EFFA;
}
.main-home .active .d-circle{
    /* width: 112px;
    height: 112px; */
    transform: scale(1.4);
    background-color: #01AEDB;
    color: #ffffff;
}
.es-review-content-text{
    text-align: left!important;
}
.main-home .active .d-circle.d-rect{
    transform: scale(1.15);
}
.main-home .knt-grid{
    display: grid;
    grid-template-areas:
        "text text"
        "price decimal"
        "price euro"
        "price mtl";
    align-items: center;
    justify-content: flex-start;
}
.main-home .item1{
    grid-area: price;
    font-size: 32px;
    line-height: 0.9;
    margin-right: 4px;
}
.main-home .d-rect .item1{
    font-size: 44px;
}
.main-home .item2{
    grid-area: decimal;
    font-size: 7px;
    position: relative;
    top: 3.5px;
    left: 0px;
    text-align: left;
}
.main-home .d-rect .item2 {
    grid-area: decimal;
    font-size: 8px;
    position: relative;
    top: 0.5px;
    left: 2px;
}
.main-home .item3{
    grid-area: euro;
    font-size: 13px;
    position: relative;
    bottom: 0px;
    right: 2px;
    font-family: 'Gotham-Rounded-Book';
}
.main-home .d-rect .item3 {
    grid-area: euro;
    font-size: 14px;
    position: relative;
    bottom: 3px;
    font-family: 'Gotham-Rounded-Book';
}
.main-home .item4{
    grid-area: mtl;
    font-size: 7px;
    position: relative;
    bottom: 6.5px;
}
.main-home .d-rect .item4 {
    grid-area: mtl;
    font-size: 6px;
    position: relative;
    bottom: 4.5px;
}
.main-home .hero_text_main{
    font-size: 12px;
    position: relative;
    top: 4px;
}
.main-home .d-rect .hero_text_main{
    position: relative;
    top: 0px;
    font-size: 14px;
}
.main-home .i-m-all{
    margin: 24px 0 0 0;
    cursor: pointer;
}
/* .main-home .active .hero_text_main{
    font-size: 14px;
}
.main-home .active .item1{
    font-size: 48px;
}
.main-home .active .item2{
    font-size: 11px;
}
.main-home .active .item3{
    font-size: 19px;
    bottom: 4.5px;
}
.main-home .active .item4{
    font-size: 8px;
    bottom: 9.5px;
} */
.main-home .chck-s{
    min-height: 112px;
}
.main-home .flex-ci-box{
    gap: 8px;
    max-width: 470px;
    margin: auto;
}
.main-home .flex-ci-head{
    align-items: center;
    justify-content: space-evenly;
    gap: 48px;
}
.main-home .flex-ci-foot{
    align-items: center;
    justify-content: space-evenly;
    gap: 48px;
}
.main-home .c-p-info{
    font-size: 12px;
    border-radius: 24px;
    background-color: #ffffff;
    padding: 5px 13px;
    color: #9E9E9E;
    white-space: nowrap;
}
.main-home .active .c-p-info{
    background-color: #01AEDB;
    color: #ffffff;
}
.main-home .i-m-all .c-p-info{
    margin-bottom: 8px;
}
.main-home .i-m-all .c-p-info:nth-child(3){
    margin-bottom: 2px;
}
.main-home .i-m-all .paragraph-small{
    font-size: 8px;
}
.main-home .flex-ci-box.rect{
    gap: 32px;
}
.container-box .item-reviews--6 {
    /* SLIDER */
    max-width: 976px;
    width: 100%;
    position: relative;
    margin: auto;
  }
.container-box .item-reviews--6 .svg-logo svg {
    max-width: 100%;
    max-height: 120px;
}
.container-box .item-reviews--6 img {
    max-width: 100%;
    max-height: 120px;
}
.container-box .item-reviews--6 .btn-info-link img {
    vertical-align: middle;
    margin-bottom: 1px;
    padding-left: 8px;
}
.container-box .item-reviews--6 .slider {
    max-width: 880px;
    min-height: 260px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
}
.container-box .item-reviews--6 .slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 304px;
    width: 100%;
    min-height: 260px;
    transition: transform 1s;
}
.container-box .item-reviews--6 .slide-box {
    background-color: #E6F9FF;
    flex: 1;
    margin-right: 48px;
    padding: 24px 16px;
    border-radius: 8px;
    text-align: left;
    position: relative;
}
.container-box .item-reviews--6 .slide-box .quote-box {
    height: 16px;
    position: absolute;
    top: -6px;
    left: 16px;
}
.container-box .item-reviews--6 .slide-box .badge-img {
    height: 72px;
}
.container-box .item-reviews--6 .slide-box.last {
    margin-right: 0;
}
.container-box .item-reviews--6 .slider__btn {
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none;
    background: #F9F9F9;
    cursor: pointer;
    background: transparent;
}
.container-box .item-reviews--6 .slider_btn_rgb {
    position: absolute;
    top: 86px;
    background: transparent;
    width: 60px;
}
.container-box .item-reviews--6 .slider_btn_rgb.left {
    left: -15px;
}
.container-box .item-reviews--6 .slider_btn_rgb.right {
    right: 0;
}
.container-box .item-reviews--6 .slider__btn--left {
    left: 30px;
    transform: translate(-50%, -50%);
}
.container-box .item-reviews--6 .slider__btn--right {
    right: 30px;
    transform: translate(50%, -50%);
}
.container-box .slide-flex{
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    margin-bottom: 12px;
}
.container-box .slide-flex .profile-i{
    align-self: flex-start;
    margin-right: 12px;
}
.container-box .slide-flex .profile-i img{
    -o-object-fit: cover;
    object-fit: cover;
}
.container-box .slide-flex .medium-f{
    font-family: 'Gotham-Rounded-Medium';
}
.container-box .slide-flex .small-f{
    font-size: 12px;
}
.container-box .fmrg-btm{
    margin-bottom: 6px;
}
.container-box .hideshow-btn{
    display: block;
    cursor: pointer;
    font-size: 16px;
    color: rgba(0, 2, 2, 0.5);
    text-align: center;
}
.container-box .hideshow-btn:hover{
    text-decoration: underline;
    text-underline-offset: 4px;
    color: rgba(0, 2, 2, 0.5);
}