.tmp_playground { padding: 0px var(--main-gap) 0px var(--main-gap); }
.tmp_playground_half { padding: 0px var(--main-gap-half) 0px var(--main-gap-half); }

.smart_button { 
    color: #666; padding: var(--main-gap-half) var(--main-gap) var(--main-gap-half) var(--main-gap); 
    font-size: 1.8em; border: 1px solid #666; 
}

@media only screen and (min-width: 960px) {
    .smart_button:hover { 
        border: 1px solid #f1f1f1; background: #f1f1f1; 
    }
}

header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 110;  }
header img { height: 60px; transition: all 0.2s ease-in; }

@media only screen and (max-width: 960px) {
    header img { height: 30px; }
}

header.nav_scroll { backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.75);  }
header.nav_scroll img { height: 30px; }

.tmp_playground_logo { padding: var(--main-gap); transition: all 0.2s ease-in;   }
header.nav_scroll .tmp_playground_logo { padding: var(--main-gap-half) var(--main-gap) var(--main-gap-half) var(--main-gap); }


/* HERO */
#tmp-hero {  background: #fff;  position: relative; }
#tmp-hero-inner { min-height: 101svh; }

.tmp_hero_cover  { position: absolute ; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1;  } 

/* CONTENT */
.tmp_content { padding: var(--main-gap-section) 0px var(--main-gap-section-bottom) 0px; }
.tmp_content_bottom { padding: 0px 0px var(--main-gap-section-bottom) 0px; }
.tmp_content_top { padding: var(--main-gap-section) 0px 0px 0px; }
.content_text_cover { padding: var(--main-gap) var(--main-gap) 0px var(--main-gap); border-radius: 12px; border: 1px solid var(--color-midnight-200); margin-bottom: var(--main-gap); position: relative; }

#o-bytech { background: #f1f1f1; }
#o-bytech h2 { margin-bottom: var(--main-gap-section); }


@media only screen and (max-width: 960px) {
    #o-bytech p { font-size: 1.4em; }
}

.box_icon { margin-bottom: var(--main-gap-double); }
.box_icon img { float: left; width: 220px;}
.box_icon_text { padding: var(--main-gap-double); margin-left: 220px; }

@media only screen and (max-width: 960px) {
    .box_icon img { width: 120px;}
    .box_icon_text { padding: var(--main-gap); margin-left: 120px; }
}

#kontakt { border-bottom: 1px solid #f0f0f0; }

.contact_link { 
    font-size: 1.8em;
    text-decoration: none;
    display: inline-block; 
    background-color: #f1f1f1;
    color: #666;
    padding: 8px;
}

@media only screen and (min-width: 960px) { .contact_link {  font-size: 2.8em; }  }
.contact_link span {  display: inline-block; padding: 16px; }   
.contact_link_icon { background-color: #fff; }
.contact_link_icon svg { height: 32px; fill: #ccc; }

@media only screen and (max-width: 960px) {
    .contact_link span { padding: 8px; }
    .contact_link_icon svg  { height: 22px; }
}

.contact_link:hover { background-color: #eee; color: #ccc; }

#brokers img { width: 160px; margin-bottom: var(--main-gap); }

@media only screen and (min-width: 960px) {
    #brokers p { font-size: 2.8em; }
}
/* FOOTER */
footer { font-size: 16px; padding: var(--main-gap-double); color: #ccc; border-top: 1px solid #f0f0f0; }