:root {

    /* 1800*/
    --pad: calc((100vw - 1680px) / 2);
    --padinner: clamp(10px, 7.73vw, 130px);
    --toppad: clamp(40px, 6vw, 115px);
    --botpad: clamp(40px, 6vw, 115px);

}


@media (max-width: 1680px){
    :root {
        --pad: 0px;
    }
}

@media (max-width: 700px){
    :root {
        --padinner: clamp(10px, 5vw, 130px);
    }
}


body{
    color: #1A233A;
    background: #FFFFFF;
}

.container{
    animation: startopa 0.4s linear forwards;
    animation-direction: alternate;
    opacity: 0.01;
    position: relative;
    overflow: hidden;
}

@keyframes startopa {
    from {opacity: 0.01; }
    to { opacity: 1;}
}

.project-pads{
    padding-left: var(--pad);
    padding-right: var(--pad);   
}

.project-pads-left{
    padding-left: var(--pad);
}

.project-pads-right{
    padding-right: var(--pad);
}

.topbotpad{
    padding-top: var(--toppad);
    padding-bottom: var(--botpad);
}

.toppad{
    padding-top: var(--toppad); 
}

.botpad{
    padding-bottom: var(--botpad);
}


h1, h2, h3, h4, h5, h6{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
}

h1{
    font-size: var(--font52);
    margin-bottom: 20px;
}

h2{
    font-size: var(--font48);
    margin-bottom: 20px;
}

h3{
    font-size: var(--font42);
    margin-bottom: 20px;
}

h4{
    font-size: var(--font32);
    margin-bottom: 20px;
}

.h436 h4{
    font-size: var(--font36);
}

h5{
    font-size: var(--font26);
    margin-bottom: 20px;
}

h6{
    font-size: var(--font18);
    margin-bottom: 10px;
}

.h622 h6{
    font-size: var(--font22);
}

p{
    font-size: var(--font18);
    padding-bottom: 1em;
    line-height: 1.35em;
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
}

.p36 p{
    font-size: var(--font36);
}

.p22 p{
    font-size: var(--font22);
}

.p16 p{
    font-size: var(--font16);
}

a, li{
    font-size: var(--font18);
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
}

.btn, .btn-txt{
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; 
}

.btn{
    font-style: normal;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 30px;
    width: 275px;
    max-width: 100%;
    border-radius: 27px;
    padding: 10px 20px;
}

.btn svg{
    align-self: center;
}
    
.btn-txt{
    width: fit-content;
}

.btn.trans-white{
    background-color: rgba(52, 49, 47, 0.4);
    border: 2px solid #EAE6E2;
    color: #FFFFFF;
}

.btn.grey{
    background-color: #3F3833;
    color: #fff;
}

.btn.white{
    background-color: #3F3833;
    color: #fff;
}

.btn.dark{
    background-color: #AB8E66;
    color: #F7F5F2;
}

.btn-txt.trans-white{
    color: #FFFFFF;
    border-bottom: 2px solid #EAE6E2;
}

.btn-txt.dark{
    color: #F7F5F2;
    border-bottom: 1px solid #CEC9C4;
}

.btn-txt.grey{
    color: #3F3833;
    border-bottom: 1px solid #CEC9C4;
}

.btn-txt.white{
    color: #3F3833;
    border-bottom: 1px solid #CEC9C4;   
}

.btn.big, .btn-txt.big{
    font-size: var(--font20);
}

.btn.medium, .btn-txt.medium{
    font-size: var(--font18);
}

.btn.big svg{
    height: var(--font18);
}

.btn.medium svg{
    height: var(--font16);
}


.extrapads{
    padding-left: calc(var(--pad) + var(--padinner) + 50px);
    padding-right: calc(var(--pad) + var(--padinner) + 50px);
}

.gridextraplus{
    display: grid;
    grid-template-columns: var(--pad) var(--padinner) 50px auto 50px var(--padinner) var(--pad);
}

.gridextra{
    display: grid;
    grid-template-columns: var(--pad) var(--padinner) auto var(--padinner) var(--pad);
}


.gridextraplus .theline{
    grid-column: 2;
}

.gridextraplus .thecontent{
    grid-column: 4;
}

.gridextraplus .theline2{
    grid-column: 6;
    justify-self: end;
}

.gridextra .theline, .cards-grid .theline{
    grid-column: 2;
}

.gridextra .thecontent, .cards-grid .thecontent{
    grid-column: 3;
}

.gridextra .theline2, .cards-grid .theline2{
    grid-column: 4;
    justify-self: end;
}


hr{
    background-color: #EAE6E2;
    height: 100%;
    width: 2px;
}

#banner-videocontent img, #banner-videocontent iframe{
    aspect-ratio: 16/9;
    width: 100%;
}

#banner img{
    width: 100vw;
    height: 100vh;
}

#banner-content{
    margin-left: calc(var(--pad) + var(--padinner));
    width: calc(50% - (var(--pad) + var(--padinner) - 10px));
    align-self: end;
    padding-bottom: clamp(30px, 4vw, 75px);
    padding-top: 30px;
    position: absolute;
}

#banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}


#banner-content-helper{
    padding-left: 50px;
    padding-right: 50px;
}

.textleft-helper{
    max-width: 1000px;
}

.bcgdark{
    background-color: #302E2D;
    color: #F7F5F2;
}

.bcgdark h6{
    color: #AB8E66;
}

.bcggrey{
    background-color: #EAE6E2;
    color: #3F3833;
}

.bcgwhite{
    background-color: transparent;
    color: #3F3833;
}

.txtimage-content .txtimage-content-left{
    padding: 40px 30px;
}

.txtimage-content img, .txtimage2-content img{
    border-radius: 25px;
}

.thekoukero{
    display: none;
    border:2px solid #EAE6E2;
    border-radius: 35px;
}

.txtimage-content-helper.koukero{
    display: grid;
    grid-template-columns: 20px 80% auto;
    grid-template-rows: 20px 80% auto;
}

.txtimage-content-helper.koukero .thekoukero{
    display: block;
}

.txtimage-content-helper.koukero .txtimage-content{
    grid-column: 2/4;
    grid-row: 2/4;
}

.txtimage-content-helper.koukero .thekoukero{
    grid-column: 1/3;
    grid-row: 1/3;
}

.txtimage-content{
    border-radius: 25px;
}

.txtimage-content-helper.flip{
    transform: scaleY(-1) scaleX(-1);
}

.txtimage-content-helper.flip .txtimage-content{
    transform: scaleY(-1);
}

.txtimage.white .thekoukero{
    display: none;
}

.txtimage-content.ugrid2 .txtimage-content-left{
    padding: 40px 60px 40px 30px;
}

.txtimage-content.ugrid2.swap .txtimage-content-left{
    padding: 40px 30px 40px 60px;
}

.card h6{
    color: #AB8E66;
}

.cards-grid{
    display: grid;
    grid-template-columns: var(--pad) var(--padinner) auto var(--padinner) var(--pad);   
}

.cards-content-helper3{
    display: grid;
    grid-template-columns: 20px 80% auto;
    grid-template-rows: 20px 50% auto;
}

.cards-content-helper3 .thekoukero{
    display: block;
    grid-column: 1/3;
    grid-row: 1/3;
}

.cards-content-helper3 .cards-content{
    grid-column: 2/4;
    grid-row: 2/4;
}

.cards-content-helper2{
    display: grid;
    grid-template-columns: auto 80% 20px;
    grid-template-rows: 20px 80% auto;
}

.cards-content-helper2 .thekoukero{
    display: block;
    grid-column: 2/4;
    grid-row: 1/3;
}

.cards-content-helper2 .cards-content{
    grid-column: 1/3;
    grid-row: 2/4;
}


.cards-content{
    gap: 20px;
}

.card img{
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}

.cards-content-helper3 .card img{
    aspect-ratio: 16/9;
}

.cards-content-helper2 .card img{
    aspect-ratio: 2/1;
}


.card-content-helper{
    padding: 20px 30px 0px 30px;
}

.card{
    border-radius: 25px;
}

.vidimgslider-box-vidimg img, .vidimgslider-box-vidimg iframe{
    aspect-ratio: 16/9;
    width: 100%;
}

.vidimgslider-box-content{
    padding-left: calc(var(--pad) + var(--padinner) + 50px);
    padding-right: calc(var(--pad) + var(--padinner) + 50px);
    align-self: end;
    padding-bottom: clamp(30px, 3.6vw, 70px);
    position: absolute;
}

.vidimgslider-box-content-helper{
    max-width: 650px;
}

.vidimgslider-box{
    opacity: 0;
    overflow: hidden;
    height: 100vh;
}

.vidimgslider-box.active{
    opacity: 1;
}

.vidimgslider{
    position: relative;
}

.vidimgslider-counter.active{
    background-color: rgba(171,142,102, 0.91);
}

.vidimgslider-counter{
    background-color: rgba(52,49,47, 0.31);
    width: initial;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    backdrop-filter: blur(5px);
    padding: 10px 30px;
    cursor: pointer;
}

.vidimgslider-counters{
    position: absolute;
    right: 0px;
    display: grid;
    gap: 10px;
    width: max-content;
    min-width: 250px
}

.fquestions-content{
    grid-template-columns: 1fr 30px 1fr 40px;
    grid-template-rows: 20px min-content 1fr;
}

.fquestions-content-image{
    grid-column: 1;
    grid-row: 2/4;
}

.fquestions-content .thekoukero{
    display: block;
    grid-column: 1/5;
    grid-row: 1/3;
    width: calc(80% + 15px);
    justify-self: end;
}

.fquestions-content .fquestions-contentplus{
    grid-column: 3;
    grid-row: 2;
    max-width: 500px;
}

.fquestions-content .fquestions-contentplusplus{
    grid-column: 3;
    grid-row: 3;
}

.fquestions-questions-bottom{
    display: none;
    background-color: #EAE6E2;
    margin-top: -15px;
    z-index: 1;
    position: relative;
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.fquestions-questions-bottom.active{
    display: block;
}

.fquestions-questions-top{
    background-color: #3F3833;
    border: 2px solid #3F3833;
    border-radius: 25px;
    color: #fff;
    padding: 8px 15px;
    grid-template-columns: 1fr 30px;
    cursor: pointer;
    gap: 30px;
	z-index: 2;
  	position: relative;
}

.fquestions-questions-top.active .fquestions-questions-top-line1{
    rotate: 90deg;
}

.fquestions-questions-top h6{
    text-transform: uppercase;
}

.fquestions-questions-top-line12{
    rotate: 90deg;
}

.fquestions-questions{
    margin-bottom: 15px;
}

.fquestions-questions-bottom-content{
    max-width: 600px;
}

.fquestions-questions-top-line1, .fquestions-questions-top-line12{
    max-height: 20px;
    max-width: 20px;
    align-self: center;
    justify-self: center;
}

.fretfeed-helper h3, .fretfeed-helper h1{
    margin-left: 50px;
    margin-bottom: 30px;
}

.fret-card{
    background-color: #F7F5F2;
    border-radius: 25px;
    color: #3F3833;
}

.fret-card img{ 
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    aspect-ratio: 4/3;
}

.fret-card-content{
    padding: 20px 30px 30px;
}

.fret-card h5{
    color: #AB8E66;
}

.feed-section-helper{
    gap: 20px;
}

.feed-section-helper > * {
    display: none;
}

.fretfeed .feed-section-helper .fret-card:nth-child(-n+6) {
    display: block;
}

#himmeli{
    margin-left: 50px;
}

.himmel.active {
    background-color: #F7F5F2;
    border: 1px solid #AB8E66;
    color: #3F3833;
}

.himmel {
    border: 1px solid #AB8E66;
    font-size: var(--font18);
    color: #3F3833;
    border-radius: 8px;
}

.icoinfotxt-helper h4{
    margin-left: 50px;
}

.icogreyred{
    background-color: #CEC9C4;
    color: #D05663;
}

.icoblackwhite{
    background-color: #3F3833;
    color: #FFFFFF;
}

.icogoldwhite{
    background-color: #AB8E66;
    color: #FFFFFF;
}

.icogreyblack{
    background-color: #CEC9C4;
    color: #3F3833;
}

.icogoldblack{
    background-color: #3F3833;
    color: #DFBF92;
}

.icoinfotxt-card-iconbox{
    border-radius: 23px;
    height: 80px;
    width: 90px;
    padding: 30px;
    display: grid;
    margin-left: -40px;
    margin-top: -30px;
    margin-bottom: 20px;
}

.icoinfotxt-card-iconbox img{
    max-width: 70px;
}

.icoinfotxt-card{
    border: 2px solid #EAE6E2;
    border-radius: 23px;
    margin-top: 20px;
    margin-left: 30px;
    display: grid;
    grid-template-columns: 140px 1fr;
}

.icoinfotxt-cards.col-3{
    gap: 20px;
}

.icoinfotxt-card-counter{
    font-size: 30px;
    align-self: end;
    justify-self: center;
}

.icoinfotxt-card-iconbox img{
    justify-self: center;
    margin-bottom: 10px;
}

.icoinfotxt-card-textbox{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
}

.icoinfotxt-cards{
    margin-top: 40px;
}

.icoinfono-txt-helper{
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: 20px auto;
}

.icoinfono-txt-helper-koukero{
    border: 2px solid #EAE6E2;
    border-radius: 23px;
    grid-column: 1/3;
    grid-row: 1/3;
    width: calc(100% - 125px);
    height: 60%;
}

.icoinfono-txt-helper-content{
    grid-column: 2;
    grid-row: 2;
}

.icoinfono-txt-card{
    width: 150px;
    padding: 40px 40px;
    max-width: 250px;
}

.icoinfono-txt-cards.col-3{
    gap: clamp(15px, 6.3vw, 120px);
}

.icoinfono-txt-card-counter{
    font-size: 42px;
}

.icoinfono-txt-card{
    border-radius: 23px;
    max-width: 100%;
}

.icoinfono-txt-card img{
    margin: 0 auto;
}

.txtimage-content-right .videoframe{
    aspect-ratio: 16/9;
    width: 100%;
    display: block;
}

.history-helper-helper{
    padding-top: clamp(50px, 7.8vw, 150px);
}

.history-helper-helper-headline h4{
    text-align: center;
}

.hiscard{
    display: grid;
    grid-template-columns: 1fr 170px 1fr;
    gap: 20px;
}

.hiscard-content{
    background-color: #EAE6E2;
    border-radius: 23px;
    padding: 15px 30px;
    margin-bottom: 50px;
    position: relative;
}

.hiscard-content.ultra-allinone img{
    border-radius: 23px;
}

.hiscard-content.ultra-allinone{
    background-color: unset;
    padding: unset;
    color: #fff;
}

.hiscard-year-content{
    display: grid;
    grid-template-rows: max-content auto;
}

.hiscard-year-content>*{
    justify-self: center;
}

.history-helper-helper-bottom-content .hiscard:nth-child(even) .hiscard-content{
   grid-column: 3;
   grid-row: 1;
}

.history-helper-helper-bottom-content .hiscard:nth-child(even) .hiscard-year-content{
    grid-column: 2;
    grid-row: 1;
}

.history-helper-helper-bottom-content .hiscard:last-child .hiscard-year-content .hisline{
    display: none;
}

.history-helper-helper-bottom-content{
    margin-top: clamp(30px, 4.5vw, 80px);
}

.hiscard-year{
    margin-top: 10px;
    margin-bottom: 10px;
    color: #AB8E66;
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

.hiscard-mask{
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    background: linear-gradient(0deg,rgba(52, 49, 47, 0) 0%, rgba(52, 49, 47, 1) 100%);
}

.hiscard-content-text{
    position: relative;
    z-index: 1;
    padding: 15px 30px;
}

.hiscard-content.ultra-allinone img{
    height: 100%;
}

.hiscard-content-text-text{
    margin-top: 20px;
    margin-bottom: 10px;
}

.hiscard-content img{
    margin-bottom: 20px;
}

.hiscard-content.ultra-allinone img{
    margin-bottom: 0px;
}

.icoinfono-txt-card h4, .icoinfono-txt-card p{
    text-align: center;
}

.icoinfono-txt.thewhite .icoinfono-txt-helper-koukero{
    grid-column: 1/4;
    width: unset;
    height: unset;
}

.icoinfono-txt.thewhite  .icoinfono-txt-helper {
    grid-template-rows: 0px auto;
}

.icoinfono-txt.isfour .icoinfono-txt-helper-content, .icoinfono-txt.isfour .icoinfono-txt-helper-koukero{
    grid-column: 1/4;
}

.icoinfono-txt.isfour .icoinfono-txt-helper-content{
    padding-left: 20px;
    padding-right: 20px;
}

.icoinfono-txt.isfour .icoinfono-txt-helper-koukero{
    width: calc(75%);
}

.icoinfono-txt.isfour .icoinfono-txt-cards>*{
    justify-self: center;
}

footer{
    background-color: #34312F;
    color: #CEC9C4;
    padding-top: 50px;
    padding-bottom: 80px;
}

#footer-toppart-left .some{
    width: 21px;
}

#footer-toppart-left-social{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

#footer-center{
    grid-template-columns: var(--pad) var(--padinner) auto var(--padinner) var(--pad);
}

#footer-center #footer-center-koukero{
    border: 2px solid #4B443E;
    border-radius: 23px;
    grid-column: 1/4;
    grid-row: 1;
}

#footer-center #footer-center-content{
    grid-column: 3;
    grid-row: 1;
}

.footer-subs{
    border-left: 1px solid #AB8E66;
    border-bottom: 1px solid #AB8E66;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    margin-top: -2px;
    position: absolute;
    display: block;
    left: 0px;
}

#footer-center-content{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-center-content-part-subs a{
    position: relative;
    padding-left: 15px;
}

#footer-bottom{
    grid-template-columns: max-content 1fr;
    gap: 80px;
    padding-top: 30px;
}

#footer-bottom img{
    height: 60px;
    width: auto;
}

#footer-toppart-left, #footer-bottom-right{
    max-width: 420px;
}

#nav-section.nav-over-content{
    position: absolute;
    width: 100%;
    z-index: 10;
}

#nav-section.white #header-nav{
    background: #fff;
}

#nav-section.nav-over-content.white #header-nav{
    background: rgba(255,255,255, 0.8);
    backdrop-filter: blur(7px);
}

#nav-section.black #header-nav{
    background: #34312F;
}

#nav-section.nav-over-content.black #header-nav{
    background: rgba(52,49,47, 0.8);
    backdrop-filter: blur(7px);
}

#nav-basic-links-part {
    justify-self: right;
}

#header-nav{
    padding-top: 10px;
    padding-bottom: 10px;
}

#nav-basic-links-part a {
    color: #3F3833;
}

#header-nav .active a {
    color: #AB8E66 !important;
}

#nav-basic-logopart img {
    max-height: 40px;
}

#nav-section.black #nav-basic-links-part a {
    color: #fff;
}

#nav-section.black .active a {
    color: #AB8E66 !important;
}

#banner.uppertext h1{
    color: #34312F;
}

#banner.uppertext #banner-content{
    align-self: start;
}

.singlepost-content-right{
    border-left: 1px solid #EAE6E2;
}

.singlepost-content-helper{
    grid-template-columns: 2fr 1fr;
    gap: 50px;
}

.singlepost-content-right{
    border-left: 2px solid #EAE6E2;
    padding-left: 50px;
}

h5.posttitle{
    color: #3F3833;   
}

.singlepost-content-right a{
    margin-bottom: 10px;
}

.singlepost-content-left{
    padding-bottom: 100px;
}

.singlepost-content-left-text img{
    height: auto;
}

.singlepost-content-left-text img.alignright{
    float: right;
}

.singlepost-content-left-text img.aligncenter{
    margin: 0 auto;
}

.singlepost-content-left-text img{
    margin-bottom: 10px;
}

.icoinfotxt-card-textbox h5{
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    margin-bottom: 5px;
}

.fquestions-questions-top h6{
    margin-bottom: 0px;
}

.fquestions-contentplusplus{
    margin-top: 30px;
}

.fretfeed.small .btn.white.medium{
    margin-left: 50px;
    margin-top: 40px;
}

.icoinfono-txt.thewhite p{
    font-size: var(--font60);
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; 
}

.icoinfono-txt.thewhite h4{
    font-size: var(--font42);
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal; 
}

.icoinfono-txt-card img{
    margin-bottom: 15px;
    aspect-ratio: 1/1;
    width: 80%;
    min-width: 80px;
    max-width: 100px;
    object-fit: contain;
}

.icoinfono-txt.thewhite .icoinfono-txt-card{
    width: 200px;
}

.hiscard-content h6{
    margin-bottom: 0px;
}

#footer-center{
    margin-top: 30px;
}

#footer-bottom-right p{
    color: #AB8E66;
    font-size: var(--font16);
}

#footer-toppart-left p{
    font-size: var(--font16);
}

.textleft-helper-plus p{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

.txtimage-content-left h6, .card-content-helper h4, .vidimgslider-box-content-helper h5, .vidimgslider-counter, .fret-card-content h5, .icoinfono-txt-card p, .icoinfono-txt-card h4, .icoinfotxt-card-counter, .latest-right h5, .hiscard-content h6{
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;    
}


.fquestions-questions-top h6{
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;    
}

#footer-center-content a{
    font-size: var(--font16);
}

#footer-center-content a:hover{
    color: #AB8E66;
}

.btn:hover svg{
    animation: sarrow 0.3s infinite linear;
    animation-direction: alternate;
}

@keyframes sarrow {
    from {margin-right: 0px;}
    to {margin-left: 5px;}
}

#nav-section.black #nav-basic-links-part a:hover{
    color: #DFBF92;
}

.vidimgslider-box-vidimg img{
    width: 100vw;
    height: 100vh;
}

.icoinfono-txt-cards.zerop.col-4{
    gap: 100px;
}

.fquestions-questions-bottom-content a{
    color: #1A233A;
}

.singlepost-content-right a:hover h5{
    color: #AB8E66;
}

.hiscard-content-text-text a{
    color: #1A233A;
}

#nav-section.black #nav-basic-links-part .sub-menu a{
    color: #3F3833;
}

#nav-section.black #nav-basic-links-part .sub-menu a:hover{
    color: #AB8E66;
}

#nav-burger-section.nav-over-content #nav-burger{
    background-color: transparent;
}

#nav-burger-section.nav-over-content{
    position: absolute;
    width: calc(100%);
    z-index: 100;
    background: rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(15px);
}

#nav-burger{
    padding-left: calc(var(--pad) + var(--padinner) + 50px);
    padding-right: calc(var(--pad) + var(--padinner) + 50px);
}

#nav-burger-logopart img{
    padding-bottom: 10px;
}

#nav-burger-navpart {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 150px;
}

.nav-burger-navpartul {
    margin-left: calc(var(--pad) + var(--padinner) + 50px);
}

#nav-burger-logopart img{
    transition: 0.3s ease-out;
    -moz-transition:    0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    -o-transition:      0.3s ease-out;
}

#nav-burger-logopart.active img{
    transition: 0.7s ease-out;
    -moz-transition:    0.7s ease-out;
    -webkit-transition: 0.7s ease-out;
    -o-transition:      0.7s ease-out;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(180deg);
}

#nav-burger-section.black #nav-burger-logopart.active img{
    filter: unset;
}

#header-nav .parent.active .sub-menu a{
    color: #3F3833 !important;
}

#header-nav .parent.active .sub-menu a:hover{
    color: #AB8E66 !important;
}

#nav-burger-section.black{
    background: #34312F;
}

#nav-burger-section.black .burger-line{
    background: #fff;
}

#nav-burger-section.black #nav-burger{
    background: transparent;
}

#nav-burger-section.nav-over-content.black{
    background: rgba(52,49,47, 0.6);
}

#banner-content-helper h1, #banner-content-helper h2, .vidimgslider-box-content-helper h2{
    text-shadow: 2px 2px 5px rgba(0,0,0,0.7);
}

#banner-content-helper h5{
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

#banner-content-helper h6{
    text-shadow: 1px 1px 2px rgba(0,0,0,0.6);   
    margin-bottom: 0px;
}

#banner-content-helper p{
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.single-post #banner2 #banner-content {
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}

#banner2 #banner-content-helper{
    max-width: 550px;
}

#banner2 img{
    height: 100%;
}

.singlepost-content-left-text a.btn{
    display: grid;
} 

.singlepost-content-left-text a.btn:hover{
   color: #fff;
} 

.vidimgslider-box-content.top{
    align-self: start;
    padding-top: clamp(30px, 3.6vw, 70px);
}


.card-content-buttonpart{
    align-self: end;
    padding: 0px 30px 0px 30px;
}

.cards-content .card{
    display: grid;
    padding-bottom: 30px;
}

.card-content-helper a{
    color: #AB8E66;
    display: inline-block;
}

.card-content-helper a:hover{
    color: #d3b387;
}

#banner-content.top{
    align-self: start;
    top: clamp(30px, 4vw, 75px);
}

#nav-section{
    position: fixed !important;
    width: 100% !important;
    z-index: 100000 !important;
}

#banner-content.brownies{
    background-color: rgba(63, 56, 51, 0.8);
    border-radius: 23px;
    padding-bottom: 30px;
    width: calc(50% - (var(--pad) + var(--padinner) - 10px));
    margin-bottom: 30px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    margin-top: 30px;
}

.vidimgslider-box-content.brownies{
    background-color: rgba(63, 56, 51, 0.8);
    border-radius: 23px;
    padding-bottom: 30px;
    width: calc(50% - (var(--pad) + var(--padinner) - 10px));
    margin-bottom: 30px;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    padding-top: 30px;
}

.buttons .left-button-helper, .buttons .right-button-helper {
    display: flex;
    flex-direction: column;
}
.buttons .left-button-helper {
    align-items: flex-start;
}
.buttons .right-button-helper {
    align-items: flex-end;
}
.buttons .left-button-helper, .buttons .right-button-helper {
    flex: 1;
}

.button-left, .button-right {
    min-width: 260px;
}

.button-left {
    margin-left: 50px;

}


.button-right {
    margin-right: 50px;
}

@media (max-width: 900px) {
    .buttons-helper-helper {
        display: block;
    }
    .buttons .left-button-helper {
        margin-bottom: 20px;
    }
    .buttons .right-button-helper {
        margin-top: 20px;
    }
}

.icoinfono-txt-card-counter{
    display: grid;
    grid-template-columns: max-content 1fr 1fr 1fr;
    align-content: center;
    width: calc(20px * 6);
    margin: 0 auto;
}

.icoinfono-txt-card-counter{
    min-width: fit-content;
}

#banner.banner169 #banner-videocontent img, #banner.banner169 #banner-videocontent iframe{
    aspect-ratio: 16/9;
    width: 100% !important;
    margin-left: 0px !important;
}

#banner.banner169{
    aspect-ratio: unset !important;
    width: 100% !important;
    margin-left: 0px !important;
    height: auto !important;
    overflow: auto !important;
}

#banner.banner169 img{
    width: 100% !important;
    aspect-ratio: 16/9 !important;
    height: auto !important;
}

@media (max-width: 1500px){
    .vidimgslider-counters h5{
        margin-bottom: 10px;
    }
}

@media (max-width: 1400px){
    .icoinfotxt-card-iconbox {
        padding: 20px;
    }

    .icoinfotxt-card {
        grid-template-columns: 110px 1fr;
    }
}

@media (max-width: 1200px){
    .txtimage-content.ugrid12{
        grid-template-columns: 1fr;
    }

    .txtimage-content.ugrid12 .txtimage-content-left{
        order: 2;
        max-width: 700px;
    }

    .txtimage-content.ugrid12 .txtimage-content-right{
        order: 1;
    }

    .txtimage-content.ugrid12.swap .txtimage-content-left{
        justify-self: end;
    }

    .icoinfotxt-card {
        grid-template-columns: 1fr;
        grid-template-rows: min-content;
    }

    .icoinfotxt-card-textbox {
        padding-left: 20px;
    }

    .icoinfotxt-card-iconbox {
        margin-bottom: 0px;
    }

    .hiscard {
        grid-template-columns: 1fr 150px 1fr;
    }

    .icoinfono-txt-cards.zerop.col-4 {
        gap: 70px;
    }

    #banner-content {
        margin-left: calc(var(--pad) + var(--padinner));
        width: calc(50% - (var(--pad) + var(--padinner) - 10px));

    } 
}

@media (max-width: 1100px){
    .icoinfono-txt.gridextra.thewhite .icoinfono-txt-card{
        padding: 20px 20px;
    }
}

@media (max-width: 1050px){
    .icoinfono-txt.isfour .icoinfono-txt-cards > * {
        max-width: 250px;
    }
}

@media (max-width: 1000px){
    .txtimage-content.ugrid2{
        grid-template-columns: 1fr;
    }

    .txtimage-content.ugrid2 .txtimage-content-left{
        max-width: 700px;
        padding: 40px 30px;
        order: 2;
    }

    .txtimage-content.ugrid2 .txtimage-content-right{
        order: 1;
    }

    .fquestions-content {
        grid-template-columns: 1fr 30px 1fr 40px;
        grid-template-rows: 1fr 20px min-content max-content;
    }

    .fquestions-content .thekoukero {
        grid-column: 1/5;
        grid-row: 2/4;
        justify-self: start;
        margin-top: -20px;
    }

    .fquestions-content-image{
        max-width: 620px;
        grid-column: 1/4;
        grid-row: 1;
    }

    .fquestions-content .fquestions-contentplus {
        grid-column: 1/3;
        grid-row: 3;
        max-width: 500px;
        margin-left: 38px;
    }

    .fquestions-content .fquestions-contentplusplus {
        grid-column: 1/4;
        grid-row: 4;
        max-width: 600px;
        margin-left: 20px;
    }

    .cards-content.col-2 .btn{
        max-width: 230px;
        gap: 10px;
    }

    #banner-content.brownies, #banner-content{
        width: calc(70% - (var(--pad) + var(--padinner) - 10px));
    }
}

@media (max-width: 900px){
    .icoinfono-txt.gridextra.thewhite .ugrid3{
        grid-template-columns: 1fr 1fr;
    }

    .cards-content.col-2 .btn{
        max-width: 210px;
        gap: 10px;
    }

    .icoinfotxt-card{
        max-width: 400px;
    }

    .singlepost-content-helper {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .singlepost-content-right {
        padding-left: 20px;
    }

    .hiscard {
        grid-template-columns: 150px 1fr;
    }

    .history-helper-helper-bottom-content .hiscard:nth-child(2n) .hiscard-content, .history-helper-helper-bottom-content .hiscard:nth-child(1n) .hiscard-content {
        grid-column: 2;
        grid-row: 1;
    }

    .history-helper-helper-bottom-content .hiscard:nth-child(2n) .hiscard-year-content, .history-helper-helper-bottom-content .hiscard:nth-child(1n) .hiscard-year-content {
        grid-column: 1;
        grid-row: 1;
    }

    .singlepost-content-right{
        display: none;
    }

    .single-post .fretfeed-content.topbotpad{
        padding-top: 0px;
    }

}

@media (max-width: 800px){
    .cards-content.col-2 .btn{
        max-width: 190px;
        gap: 8px;
    }
}

@media (max-width: 700px){
    .cards-content.col-2 .btn{
        max-width: 100%;
        gap: 8px;
    }

    .hiscard {
        grid-template-columns: 130px 1fr;
    }

    #banner.banner169 #banner-content{
        grid-row: 2;
        background-color: rgba(63, 56, 51, 0.8);
        position: unset;
        margin: 0px;
        width: auto;
    }

    #banner.banner169 #banner-content.brownies{
        border-radius: 0px;
    }
}

@media (max-width: 600px){
    .gridextraplus {
        grid-template-columns: var(--pad) var(--padinner) 0px auto 0px var(--padinner) var(--pad);
    }

    #banner-content, #nav-burger{
        padding-left: calc(var(--pad) + var(--padinner) + 0px);
        padding-right: calc(var(--pad) + var(--padinner) + 0px);
    }

    .txtimage-content .txtimage-content-left, .txtimage-content.ugrid2 .txtimage-content-left{
        padding: 30px 20px;
    }

    .vidimgslider-counters h5{
        font-size: var(--font18);
        margin-bottom: 5px;
    }

    .vidimgslider-counters {
        min-width: unset;
        max-width: 290px;
    }

    .card-content-helper, .fret-card-content{
        padding: 20px 20px 20px;
    }

    .vidimgslider-box-content {
        padding-left: calc(var(--pad) + var(--padinner) + 0px);
        padding-right: calc(var(--pad) + var(--padinner) + 0px);
    }

    .fretfeed-helper h3, .fretfeed-helper h1 {
        margin-left: 0px;
    }

    .fretfeed.small .btn.white.medium {
        margin-left: 0px;
    }

    .fquestions-content .thekoukero{
        display: none;
    }

    .fquestions-content .fquestions-contentplus {
        margin-left: 0px;
    }
    .fquestions-content .fquestions-contentplusplus {
        margin-left: 0px;
    }

    .fquestions-content {
        grid-template-columns: 1fr 30px 1fr 0px;
    }

    .fquestions-contentplusplus {
        margin-top: 10px;
    }

    #footer-bottom {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .icoinfono-txt.thewhite .icoinfono-txt-card {
        width: 160px;
    }

    .hiscard {
        grid-template-columns: 1fr;
        grid-template-rows: max-content 1fr;
    }

    .history-helper-helper-bottom-content .hiscard:nth-child(2n) .hiscard-content, .history-helper-helper-bottom-content .hiscard:nth-child(1n) .hiscard-content {
        grid-column: 1;
        grid-row: 2;
    }

    .history-helper-helper-bottom-content .hiscard:nth-child(2n) .hiscard-year-content, .history-helper-helper-bottom-content .hiscard:nth-child(1n) .hiscard-year-content {
        grid-column: 1;
        grid-row: 1;
    }

    #nav-burger-navpartul{
        max-width: 90%;
    }

    .nav-burger-navpartul {
        margin-left: calc(var(--pad) + var(--padinner) + 0px);
    }

    #banner2.gridextra{
        grid-template-columns: 1fr;
    }

    #banner2.gridextra .theline, #banner2.gridextra .theline2{
        display: none;
    }

    #banner2 .gridextra .thecontent{
        grid-column: 1;
    }

    .single-post #banner2 #banner-content {
        padding-left: calc(var(--pad) + var(--padinner) + 0px);
        padding-top: 80px;
        padding-right: 20px;
        padding-bottom: 20px;
    }

    #banner-content-helper {
        padding-left: 0px;
        padding-right: 0px;
    }

    #banner-content.top {
        align-self: end;
        bottom: 50px;
    }
}


@media (max-width: 500px){
    .btn, .cards-content.col-2 .btn{
        max-width: 230px;
        padding: 10px 15px;
    }

    .btn-txt{
        max-width: 250px;
    }

    .icoinfono-txt.gridextra.thewhite .ugrid3 {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 400px){
     .icoinfono-txt.isfour .icoinfono-txt-cards > * {
        max-width: 200px;
    }

    .cards-content.col-2 .btn, .txtimage-content-left .btn{
        max-width: 180px;
    }

    .nav-burger-navpartul a {
        font-size: 19px;
    }

    #banner-content.brownies, #banner-content {
        width: calc(80% - (var(--pad) + var(--padinner) - 10px));
    }
}