#body {
    font-family: 'Open Sans', sans-serif !important;
	background-color: #FFF !important;
}


.S4503 .fontsize_xsmall { font-size: 14px !important; }
.S4503 .fontsize_small { font-size: 15px !important; }
.S4503 .fontsize_medium { font-size:16px !important; }
.S4503 .fontsize_large { font-size: 18px !important; }
.S4503 .fontsize_xlarge { font-size: 21px !important; }

body .S4503 .specialfont.fontsize_xsmall { font-size: 23px; }
body .S4503 .specialfont.fontsize_small { font-size: 25px; }
body .S4503 .specialfont.fontsize_medium { font-size: 30px; }
body .S4503 .specialfont.fontsize_large { font-size: 40px; }
body .S4503 .specialfont.fontsize_xlarge { font-size: 50px; }

#body .light { font-weight: 300 !important; }

#body h1 { font-weight: 600 !important; }
#body h2 { font-weight: 600 !important; }
#body h3 { font-weight: 600 !important; }
#body h4 { font-weight: 600 !important; }
#body h5 { font-weight: 600 !important; }

#body .specialfont.bold { font-weight: bold !important; }

#body .color { color: #002548 !important; }
#body .text a { color: #002548 !important; }
#body .bgcolor { background-color: #f36e21 !important; color: #FFFFFF !important; }
#body .textile .button, .S6529 .textile a.button { background-color: #f36e21 !important; color: #FFFFFF !important; }
#body .bgcolor:hover { background-color: #d7621d !important; color: #FFFFFF !important; }
#body .textile .button:hover, .S6529 .textile a.button:hover { background-color: #d7621d !important; color: #FFFFFF !important; }
body input[type=submit].bgcolor, body input[type=button].bgcolor, body button.bgcolor { font-weight: bold; }

.S7722 .header nav > div > ul > li > a { font-size: 1.2rem !important; }
.T2897.S6859 .wrapper { padding:0px !important; }
.T2897 {
    margin-top: 45px !important;
    margin-bottom: 40px !important;
}

body .TraminoVorlage {
    margin-top: 40px;
    margin-bottom: 40px;
}


body .T5085 .textBild img { border-radius: 0px !important; }

.T2901 .col2 img { max-width:none !important; }
.T5085 .textBild .col2 .Bild.File { padding-top: 0px !important; }
.T2901.S6712 .col1 { width: 100% !important; max-width: none !important; margin:0px !important; }
.T5085 .contentbox:before { display:none !important; }
.T5085 .contentbox:after { display:none !important; }

#body header { 
    box-shadow: none !important;
    position: fixed !important;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color:transparent !important;
    color:#fff!important;
    z-index:  100; 
}
header .header .top { height: 20px !important;}
header .header { height:60px; }
#body header.scrolled {background-color:#fff !important;color:#002548!important;z-index:100;}

#body .S8071 .header { background-color:transparent !important;color:#fff !important;}
#body .S8071 .header.scrolled { background-color:#fff !important;color:#002548 !important;}

#body header .header nav ul a {color:#fff!important;font-weight:700 !important;}
#body header.scrolled .header nav ul a {color:#002548!important;}
#body header nav ul li:hover > a { background-color: #fff !important; color: #002548 !important; }

#body header .header li.nav_aktiv {}
#body header .header li.nav_aktiv a { 
    background-color: #fff !important; color: #002548 !important;
    padding: 5px 12px;
    margin: -5px -12px;
}

#body header .header nav ul ul { z-index: 101; }
#body header .header nav ul ul li a { color: #002548 !important; }
#body header .header nav ul ul li:hover a { background-color: #f36e21 !important; color:  #fff !important; }
#body header .header nav ul ul li:hover { color: #fff !important; background-color: #f36e21 !important; }




header .header.show_subnav nav ul ul { background-color: #fff !important; }


#menu_search .button_wrapper input[type="button"] {
    background-color: #93A4B4 !important;
    color: #FFF !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

.T2897 .subheadline { color: #666; }
.T5412 .col2 .intro { color: #666; }
.T2901 .subheadline { color: #666; }

/* Detailseite */


.T5085 .grid_wrapper {
    display:  grid;
    grid-template-columns: 440px 1fr;
    row-gap: 25px;
    column-gap: 40px;
}


.T5085 .T2901 {
    display: grid;
    grid-template-columns: 440px 1fr;
    row-gap: 25px;
    column-gap: 40px;
}

.T5085 .days { margin: 0px 0px 35px 0px; }
.T5085 .days .bullet.show { background-color: #fff; box-shadow: 2px 2px 12px #dedede; border: 0px solid transparent; }
.T5085 .days .bullet.show .plus { display: none; }
.T5085 .days .bullet.show .minus { display: none; }
.T5085 .days_wrapper .day_name { color: #002548; font-weight:bold; }
.T5458 .box .rightside .bullet .top .name { color: #002548; font-weight: bold !important; }
.T5085 .days_wrapper .bullet .text { color: #222; font-weight:normal !important; }
.T5085 .days .meta { color: #666; }


.T4532 .leftside_info { color: #666; }
.T4532 .bullet .text {
    color: #666;
}

.detailseite__termine_wrapper .row.termin.closed { display: none; }
.detailseite__termine_wrapper .row.termin.open { display: flex; }

.detailseite__termine_wrapper .row.termin {
	position: relative;
    display:  flex;
    border-top: 1px dotted rgba(0,0,0,0.2);
    background-color: #fff;
    border: 0px solid transparent;
	border-top: 1px solid #dedede;
    padding:  0px 12px 0px 0px;
    margin: 0px 0px 2px 0px;
	cursor: pointer;
}
.detailseite__termine_wrapper .row.month_divider + .row.termin { border-top: 0px; }


.detailseite__termine_wrapper .row.termin.passive { opacity: 0.1; }

:nth-child(1 of .future) { opacity: .4; pointer-events: none; }
:nth-child(2 of .future) { opacity: .3; pointer-events: none; }
:nth-child(3 of .future) { opacity: .2; pointer-events: none; }
:nth-child(4 of .future) { opacity: .1; pointer-events: none; }
:nth-child(1n+5 of .detailseite__termine_wrapper .row.termin.future) { display: none; }


.detailseite__termine_wrapper .termin.past { opacity: 0.6; margin: 0; }
.detailseite__termine_wrapper .termin.past:hover { background-color: transparent; }

.detailseite__termine_wrapper .termin.freespace { height: 15px; }
.detailseite__termine_wrapper .termin.freespace:hover { background-color: transparent; }


.detailseite__termine_wrapper .col { padding: 4px 6px 3px 6px; margin: 0px; }

.detailseite__termine_wrapper .termin .col.nr { background-color: #eee;
    line-height: 40px;
    vertical-align: middle;
    color: #606060;
    padding: 4px 8px;
	width:100px;
    text-align: center;
}
.detailseite__termine_wrapper .termin .col.date { flex-grow: 1; text-align: left; padding: 4px 6px 3px 15px; }
.detailseite__termine_wrapper .termin .col.info { display: flex; align-items: center; margin: 0px 5px 0px 0px; }
.detailseite__termine_wrapper .termin .col.info .price { display:none; float: right; text-align: right; padding: 5px 12px 0px 0px; }

.detailseite__termine_wrapper .legende_ampel { margin: 0px 0px 10px 0px; }
.detailseite__termine_wrapper .termin .ampel { float: left; margin: 6px 8px 0px 0px; }
.detailseite__termine_wrapper .legende_ampel__element { display:block; margin: 0px 8px 4px 0px; vertical-align: middle; }
.detailseite__termine_wrapper .legende_ampel__element span { vertical-align: middle; margin-right: 8px; }

.bookinginfo_ampel {
    display:inline-block;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255, 0.5);
    cursor: pointer;
}

.bookinginfo_ampel.green { background-color: #30C030; }
.bookinginfo_ampel.yellow { background-color: #FFB733; }
.bookinginfo_ampel.red { background-color: #FF0000; }


.T5085 .termin .col.book { 
    cursor: pointer; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; }

.T5085 .termin .col.book:hover { background-color: #83AF00; }


.T5085 .col.book {
    width: 60px;
    padding: 0px;
    background-image: url(/tramino/gfx/cart-add.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.T5085 .spacer { height: 10px; }

/* Neue Buchungsdarstellung */

.T5085 .booking_info { margin: 10px 0px 0px 0px; }

.T5085 .booking_info .booking_option {
    width: 80%;
    float: right;
    margin: 3px 0px;
}

.T5085 .booking_info .booking_option .amount {
    float: left;
    width: 45px;
    margin-right: 5%;
    font-size: 14px;
    height: 25px;
    margin-top: 2px;
}

.T5085 .booking_info .booking_option .class_name {
    float: left;
    width: 37%;
    margin-right: 2%;
    text-align: left;
    line-height: 30px;
}

.T5085 .booking_info .booking_option .class_price {
    width: 15%;
    float: left;
    margin-right: 5%;
    line-height: 30px;
    text-align: right;
}

.T5085 .booking_info .booking_option .book {
    height: 30px;
    float: left;
    background-image: url(/tramino/gfx/cart-add.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20%;
    cursor: pointer;
    background-color: #8d95a1;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}


.T5085 .booking_info .booking_option .book:hover { background-color: #83AF00; }

.T5085 .modalcart {
    display:none;
    position: absolute;
    width: 100%;
    min-width: 320px;
    margin-top: 1px;
    padding: 15px 15px 10px 15px;
    right: 0px;
    height: auto;
    background-color: #ddd;
	color: #222;
    box-sizing: border-box;
    min-height: 80px;
    z-index: 10;
	top: 50px;
}


.T5085 .modalcart.show { display: block !important; }


.T5085 .modalcart .amount {
    float: left;
    width: 50px;
    margin: 0px 15px 0px 0px;
}

.T5085 .modalcart .booking_option { 
    padding: 0px 0px 5px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin: 0px 0px 5px 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}


.T5085 .modalcart .booking_option.disabled * { color: #ccc !important; }

.T5085 .modalcart .booking_option.noborder {
    border: none;
    padding: 0px;
}

.T5085 .modalcart .class_name {
    float: left;
    width: 100px;
    margin: 0px 5px 0px 0px;
    font-weight: bold;
    color: #222;
}


.T5085 .modalcart .class_price {
    font-weight: bold;
    float: left;
    width: 50px;
    color: #222;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}


.T5085 .modalcart .book {
    height: 30px;
    float: right;
    background-image: url(/tramino/gfx/cart-add.png);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20%;
    cursor: pointer;
    background-color: #f36e21;
	/*-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;*/
}

.T5085 .modalcart .booking_option.disabled .book { background-color: #ccc !important; }
.T5085 .modalcart .booking_option.disabled .book:hover { background-color: #ccc !important; }

.T5085 .modalcart .book:hover { background-color: #d7621d; }


.T5085 .carticon {
    float: left;
    width: 50px;
    margin: 8px 0px 0px 0px;
    height: 30px;
    background-image: url(/tramino/gfx/cart-add.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    background-color: #f36e21;
}

.T5085 .carticon:hover {
    background-color: #d7621d;
}

.T5085 .carticon_placeholder {
    float: left;
    width: 50px;
    margin: 4px 0px 0px 0px;
    height: 30px;
    background-color: transparent;
}

/* FAQ */
body .T4532 .box { background-color: transparent !important; }

/* Event-Baustein */
body .T5412 .tofilter .filterbar { background-color: transparent !important; }

/* Schwierigkeit */
body .T4249 .type { color: #111; }
body .T4249 .rating .easy, body .T4249 .rating .middle, body .T4249 .rating .hard { padding: 3px 5px; color: #FFF; font-weight:bold; }
body .T4249 .row {
    box-shadow: 2px 2px 12px #dedede;
    border-radius: 5px;
}


/* Breadcrumb höher */
.T4014 { z-index:4; margin: -30px 0px 0px 0px !important; color: #fff !important; }
.T4014 .maxwidth{ border-bottom: 0px solid transparent !important; }
.T4014 a { color: #fff !important; font-weight:bold; }
.T4014 span { font-weight: bold; }

/* Galerie Hover  */
.T2896 .element:hover {  box-shadow: 2px 2px 12px #bbb !important; }
.T2904 a:hover { box-shadow: 2px 2px 12px #bbb !important; }

/* Warenkorb Nav */
body header #cart-sum { color: #fff !important; }
body header.scrolled #cart-sum { color: #002548 !important; }
body header #cart-sum i { color: #fff !important; }
body header.scrolled #cart-sum i { color: #002548 !important; }

header #free_link a { text-decoration: none; font-size: 25px; color: #fff; } 
header.scrolled #free_link a { color: #002548 !important; }
header.scrolled #cart-sum .counter { background-color: #002548 !important;; color: #fff; }


#cart #button_finish {
    background-color: #f36e21 !important;
    color: #FFFFFF !important;
    padding: 10px 30px;
    font-size: 14px;
    text-transform: uppercase;
}

#cart #button_finish:hover {
    background-color: #d7621d !important;
}


/* Hover bei Teaser-Baustein */
.T4269 .box .headline span.name {
    font-weight: bold;
}
.T4269.S7554 .box:hover .mask { background-color: rgba(0,0,0,0.5); }

/* Detailseite FAQ  */
.T5458 .box.fullscreen .rightside {
    /*display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;*/
}

.T5458 .box .rightside .bullet {
   border-bottom: 1px solid #ddd;
   border-top: none;
}



/*Footer*/
body .T2820 .wrapper { background-image:none; background-color: #002b5a !important; }
.T2820 .pattern1 { background-image: none !important; }

/* Seitenteaser, weniger Abstand */
body .T4269 { padding: 0px 10px; margin: 0px auto !important; }

body .T5412 h3 { margin: 0px 0px 3px 0px; }

/* Detailseite */
.T5085 .detail i { color:  #002b5a !important; }
.levelbar { margin: 0px 0px 5px 0px; cursor: pointer; }
.T5412 .levelbar.ausdauer { margin: 0px 0px 2px 0px; }

.levelbar.no_pointer { cursor: default; }

.levelbar .levelinner { 
    display: flex;
    justify-content: center;
    align-items: center;
}
.levelbar .name { margin: 0px 0px 0px 0px; font-size:14px; min-width: 70px; }
.levelbar .bar { 
    flex-grow: 1;
    display: flex;
    justify-content: center;
}

.T5412 .levelbar .bar { justify-content: flex-start; }

.levelbar .level {
    height: 5px;
    margin: 0 5px 0 0;
    flex-grow: 1;
    max-width: 30px;
    background-color: #ccc;
}

.levelbar .level1.aktiv { background-color: #A3D900; }
.levelbar .level2.aktiv { background-color: #FF8000; }
.levelbar .level3.aktiv { background-color: #D93600; }

.T5085 .T5458 .box.fullscreen .rightside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:  25px;
}



.T5085 .box.detailbox:before { border-top: 2px solid #eee; }
.T5085 .box.detailbox:after { border-bottom: 2px solid #eee; }

.T5085 .questionmark { vertical-align: middle; font-size:13px; }
.T5085 .questionmark:hover { background-color: #657C92; color: #fff;border-color: #fff;}

/* Tooltip ( bei Hover über Schwierigkeit ) */
#tooltip {
    position:absolute;
    width: auto;
    height: auto;
    margin-top: 5px;
    background-color: #fff;
    color: #555;
    margin-top: 20px;
    padding: 15px 10px;
    z-index: 1;
}

#tooltip .arrow {
    width: 25px;
    height: 20px;
    display:inline-block;
    position:absolute;
    top: -10px;
    background-image: url(https://tramino.s3.amazonaws.com/s/alpinschule-oberstdorf/639879/arr.png);
}

#tooltip .arrow.arrow1 { left: 0px; }
#tooltip .arrow.arrow2 { left: 30px; }
#tooltip .arrow.arrow3 { left: 60px; }

#tooltip h4 { text-align:center; margin-bottom: 10px; }

#tooltip .tooltip_item {
    width: 150px;
    opacity: 0.3;
    float:left;
    margin-right: 15px;
    padding: 5px;
    font-size: 12px;
}

#tooltip .tooltip_item.aktiv {
    opacity: 1;
}

#tooltip .tooltip_item h3 { margin-bottom: 10px; }
#tooltip .tooltip_item.green h3 { color: #A3D900; }
#tooltip .tooltip_item.orange h3 { color: #FF8000; }
#tooltip .tooltip_item.red h3 { color: #D93600; }

.T5412 .tofilter .filterbar .box ul li span { border-radius: 0px !important; }
.T5412 .tofilter .filterbar .box ul li span.active { background-color:  #002548; border: 1px solid #002548;}
.T5412 .tofilter .filterbar .box ul li span.active:hover { color:  #fff; background-color:  #002548; border: 1px solid #002548;}
.T5412 .tofilter .filterbar .box ul li span:hover { background-color:  #002548; }

.detailseite__impressionen_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.detailseite__impressionen_img img { width: 100%; height: auto; }


/* Kommentare */
.T222 .feld { margin: 0px 0px 8px 0px; }
.T222 input[type=text] {
    display: inline-block;
    font-size: 15px;
    padding: 3px 2px;
}
.T222 .SpamstopWidget input[type=text] { font-size: 25px; }
.T222 #TraminoCommentForm { margin: 10px 0px 25px 0px; }
.T222 .comments > .comment {
    margin: 12px 0px;
    padding: 8px 10px 12px 10px;
    border-bottom: 1px solid #ccc;
}

.T222 .comment .comment .head { margin: 0px 0px 5px 0px; }
.T222 .comments .comment .comment {
    margin: 8px 20px;
    background-color: #ededed;
    padding: 5px 15px;
}

.T222 .comment .head {
    margin: 0px 0px 8px 0px;
    color: #002548 !important;
    font-weight: bold;
}

.T222 .comment .content { font-size: 1rem; }
.T222 .comment .userbild { display:none; }
.T222 .comment .like_action { display:none; }

.T222 .comment .autor {
    margin: 0px 0px 8px 0px;
    color: #002548 !important;
}

.T222 .reply {
    margin: 8px 0px 0px 0px;
    background-color: #777 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    border-width: 0px;
    padding: 5px 12px;
    cursor: pointer;
}

.T222 .reply a { color: #FFFFFF !important; text-decoration: none !important; }
.T222 button[type="submit"] {
    margin: 8px 0px 0px 0px;
    background-color: #f36e21 !important;
    color: #FFFFFF !important;
    font-weight: bold;
    display: inline-block;
    font-size: 14px;
    border-width: 0px;
    padding: 5px 12px;
    cursor: pointer;
}
.T222 .help { font-size: 14px; color: #444; }

@media all and (min-width: 1024px) and (max-width: 1279px) {

    .S4503 .fontsize_xsmall { font-size: 14px !important; }
    .S4503 .fontsize_small { font-size: 15px !important; }
    .S4503 .fontsize_medium { font-size:16px !important; }
    .S4503 .fontsize_large { font-size: 18px !important; }
    .S4503 .fontsize_xlarge { font-size: 21px !important; }

    .T5085 .grid_wrapper {
        grid-template-columns: 420px 1fr;
        column-gap: 18px;
    }

    .T5085 .T2901 {
        grid-template-columns: 420px 1fr;
        column-gap: 18px;
    }

    .detailseite__impressionen_grid { gap: 18px; }
    .T5085 .T5458 .box.fullscreen .rightside { gap: 18px; }
}

@media all and (min-width: 768px) and (max-width:1023px) {

    .S4503 .fontsize_xsmall { font-size: 12px !important; }
    .S4503 .fontsize_small { font-size: 14px !important; }
    .S4503 .fontsize_medium { font-size:15px !important; }
    .S4503 .fontsize_large { font-size: 16px !important; }
    .S4503 .fontsize_xlarge { font-size: 20px !important; }

    header .header { height: 55px !important; }
    header .header .logo { top: 10px !important; left: 20px !important; }
    .T2883.S8071 #nav_icon .nav_line { background: #333 !important; }
    body header #cart-sum { color: #002548 !important; }
    body header #cart-sum i { color: #002548 !important; }
    #navwrapper { background-color: #fff; }

    .T5085 { padding: 0px 20px !important; }
    .T5085 .T2901 .col1 { padding-left: 0px !important; }
    .T5085 .T2901 .col2 { width:100% !important; }

     .T4014 { margin: -20px 0px -5px 0px !important;  }

    .T5085 .grid_wrapper {
        grid-template-columns: 1fr 1fr;
        row-gap: 10px;
        column-gap: 15px;
    }

    .T5085 .T2901 {
        grid-template-columns: 410px 1fr;
        row-gap: 10px;
        column-gap: 15px;
    }

    .detailseite__impressionen_grid { gap: 15px; }
    .T5085 .T5458 .box.fullscreen .rightside { gap: 15px; }
}

@media all and (min-width: 568px) and (max-width: 767px) {

    .S4503 .fontsize_xsmall { font-size: 12px !important; }
    .S4503 .fontsize_small { font-size: 13px !important; }
    .S4503 .fontsize_medium { font-size:14px !important; }
    .S4503 .fontsize_large { font-size: 15px !important; }
    .S4503 .fontsize_xlarge { font-size: 18px !important; }

    header .header {height: 55px !important; }
    header .header .logo { top: 10px !important; left: 20px !important; }
    .T2883.S8071 #nav_icon .nav_line { background: #333 !important; }
    body header #cart-sum { color: #002548 !important; }
    body header #cart-sum i { color: #002548 !important; }
    #navwrapper { background-color: #fff; }
    .T4014 { margin: -18px 0px -5px 0px !important;  }

    .T5085 { padding: 0px 20px !important; }
    .T5085 .T2901 .col1 { padding-left: 0px !important; }
    .T5085 .T2901 .col2 { width:100% !important; }

    .T5085 .grid_wrapper {
        display: block;
    }

    .T5085 .T2901 {
        display: block;
    }

    .detailseite__impressionen_grid { gap: 8px; }
    .T5085 .T5458 .box.fullscreen .rightside { grid-template-columns: 1fr; gap: 8px; }
}


@media all and (max-width: 567px) {

    .S4503 .fontsize_xsmall { font-size: 12px !important; }
    .S4503 .fontsize_small { font-size: 12px !important; }
    .S4503 .fontsize_medium { font-size:13px !important; }
    .S4503 .fontsize_large { font-size: 14px !important; }
    .S4503 .fontsize_xlarge { font-size: 16px !important; }

    header .header { height: 55px !important; }
    header .header .logo { top: 10px !important; left: 20px !important; }
    .T2883.S8071 #nav_icon .nav_line { background: #333 !important; }

    body header #cart-sum { color: #002548 !important; }
    body header #cart-sum i { color: #002548 !important; }
    #navwrapper { background-color: #fff; }

    .T4014 { margin: -15px 0px -5px 0px !important;  }

    header .header .maxwidth {
        background-color:  #fff !important;
        margin:  0px !important;
        padding: 0px 20px !important;
    }

    .T5085 { padding: 0px 20px !important; }
    .T5085 .T2901 .col1 { padding-left: 0px !important; margin: 0px 0px 20px 0px !important; }
    .T5085 .T2901 .col2 { width:100% !important; }

    .T5085 .grid_wrapper {
        display: block;
    }

    .T5085 .T2901 {
        display: block;
    }
    .detailseite__termine_wrapper { margin: 0px 0px 20px 0px !important; }
    .detailseite__impressionen_grid { gap: 8px; }

    .T5085 .T5458 .box.fullscreen .rightside {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}