/* 
Firma:       Detail IT & Media Solution
Firma URL:   https://detailitmedia.de
Created:    14.04.2023
Rev. :      24.07.2025 10:23
*/

body {
    margin-top: 110px;
}

li {
    font-weight: 300;
}

/* TABLET */
@media only screen and (max-width:1024px) {
    body {
        margin-top: 80px;
        
    }
}

/* MOBILE */
@media only screen and (max-width:767px) {
    body {
        margin-top: 80px;
    }
}


.post-password-required .page-content {
    max-width: 1370px;
    margin: 0px auto;
    padding: 100px 0;
}

.post-password-required .page-content form label {
    font-weight: 600;
}

.post-password-required .page-content form input[type=password] {
    background-color: #f5f7f9;
    min-height: 47px;
    padding: 6px 16px;
    margin: 10px 0 0 0;
    border-width: 0px;
    border-radius: 0px;
    color: #0f0f0f;
    font-size: 16px;
    border: 1px solid #818a91;
    height: 56px;
}

.post-password-required .page-content form input[type=password]:focus {
    box-shadow: none;
    outline: none;
}

/* Revision Finish */

pluto-app {
    font-size: initial !important;
}

body.elementor-kit-5:has(pluto-app) {
    font-size: initial !important;
    line-height: inherit;
    font-weight: initial;
}

.nf-field-container {
    margin-bottom: 10px !important;
}

.nf-field-container.textarea-container {
    margin-bottom: 0 !important;
}

.nf-form-fields-required {
    padding: 0 5px;
    font-size: 13px;
}

.nf-field-element input[type=date],
.nf-field-element input[type=email],
.nf-field-element input[type=number],
.nf-field-element input[type=password],
.nf-field-element input[type=search],
.nf-field-element input[type=tel],
.nf-field-element input[type=text],
.nf-field-element input[type=url],
.nf-field-element textarea {
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: 10px 16px;
}

.nf-field-element select {
    border: 1px solid #ffffff;
    border-radius: 0;
    padding: 11.5px 16px;
}

.nf-field-element input[type=date]:focus,
.nf-field-element input[type=email]:focus,
.nf-field-element input[type=number]:focus,
.nf-field-element input[type=password]:focus,
.nf-field-element input[type=search]:focus,
.nf-field-element input[type=tel]:focus,
.nf-field-element input[type=text]:focus,
.nf-field-element input[type=url]:focus,
.nf-field-element select:focus,
.nf-field-element textarea:focus {
    border-color: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    outline: 0;
}

.nf-error-msg,
.ninja-forms-req-symbol {
    font-size: 13px;
}

.nf-error-msg {
    line-height: 16px;
}



#herodetail {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  transition: top 0.3s ease;
}

body.admin-bar #herodetail {
  top: 32px;
}

#herodetail.hide-header {
  top: -110px; /* header yüksekliğine göre ayarla */
}

body.admin-bar #herodetail.hide-header {
  top: -110px;
}




/* H tag revisions */
/* Responsive Media Queries */
/* Desktop */
@media (min-width: 1367px) {
    .header-social a {
        height: 50px;
        width: 50px;
        display: flex;
        flex-direction: column; 
        align-items: center; 
        justify-content: center; 
    }
    .elementor-kit-5 .detail-hero h1 { 
        font-size: 80px;
        font-weight: 900;
    }
    .home.elementor-kit-5 .detail-hero h2,
    .elementor-kit-5 .detail-hero h3 { 
        font-size: 25px;
        font-weight: 800;
    }
    .home.elementor-kit-5 .detail-hero h3,
    .elementor-kit-5 .detail-hero h2 { 
        font-size: 30px;
        font-weight: 800;
    }
    .elementor-kit-5 .detail-hero .bold p  { 
        font-size: 25px;
        font-weight: 400;
    }
    .blog .detail-blog-list h2 {
        font-size: 25px;
        font-weight: 400;
    }

    section:not(section.detail-hero) .xxl h2 {
        font-size: 80px;
        font-weight: 900;
    }
    section:not(section.detail-hero) .xl h2 {
        font-size: 30px;
        font-weight: 800;
    }
    section:not(section.detail-hero) .style1 h3,
    section:not(section.detail-hero) .text-span span,
    section:not(section.detail-hero) .bold p {
        font-size: 25px;
        font-weight: 400;
        line-height: 1.2;
        text-transform: none;
    }
    section:not(section.detail-hero) .style1black h3 {
        font-size: 25px;
        font-weight: 900;
        line-height: 1.2;
        text-transform: none;
    }
    section:not(section.detail-hero) .black p {
        font-size: 25px;
        font-weight: 900;
        line-height: 1.2;
        text-transform: none;
    }
    section:not(section.detail-hero) .text-span-40 span {
        font-size: 40px;
        font-weight: 800;
    }
    
    section:not(section.detail-hero) .text-span-30 span {
        font-size: 30px;
        font-weight: 800;
    }
    section:not(section.detail-hero) .style1 h4 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.2em;
        text-transform: uppercase;
    }
    .elementor-kit-5 .detail-projekte h4 {
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .elementor-kit-5 .schritte span {
        font-size: 40px;
        font-weight: 800;
    }
    .uppercase {
        text-transform: uppercase;
    }
}
@media (min-width: 1025px) and (max-width: 1366px) {
        .header-social a {
        height: 40px;
        width: 40px;
        display: flex;
        flex-direction: column; 
        align-items: center; 
        justify-content: center; 
    }
}
/* Laptop & Tablet  1280px !!*/
@media (min-width: 767px) and (max-width: 1366px) {
    .elementor-kit-5 .detail-hero h1 { 
        font-size: 50px !important;
    }
    .home.elementor-kit-5 .detail-hero h2,
    .elementor-kit-5 .detail-hero h3 { 
        font-size: 25px !important;
    }
    .home.elementor-kit-5 .detail-hero h3,
    .elementor-kit-5 .detail-hero h2 { 
        font-size: 30px !important;
    }
    .elementor-kit-5 .detail-hero .bold p,
    .elementor-kit-5 .detail-hero .black p  { 
        font-size: 20px;
    }
    .blog .detail-blog-list h2 {
        font-size: 20px !important;
    }

    section:not(section.detail-hero) .xxl h2 {
        font-size: 50px !important;
    }
    section:not(section.detail-hero) .xl h2 {
        font-size: 30px !important;
    }

    section:not(section.detail-hero) .style1 h3,
    section:not(section.detail-hero) .text-span span,
    section:not(section.detail-hero) .bold p {
        font-size: 20px !important;
    }
    section:not(section.detail-hero) .style1black h3 {
        font-size: 20px !important;
    }
    section:not(section.detail-hero) .text-span-40 span {
        font-size: 40px !important;
    }
    section:not(section.detail-hero) .text-span-30 span {
        font-size: 30px !important;
    }
    section:not(section.detail-hero) .style1 h4 {
        font-size: 16px !important;
    }
 
    .elementor-kit-5 .detail-projekte h4 {
        font-size: 16px !important;
    }
    .elementor-kit-5 .schritte span {
        font-size: 40px !important;
    }
}
@media (max-width: 1024px) {
    .header-social a {
        height: 50px;
        width: 50px;
        display: flex;
        flex-direction: column; 
        align-items: center; 
        justify-content: center; 
    }
    .header-social a i {
        color: #482683;
    }
}
/* Small Mobile */
@media (max-width: 767px) {

    .elementor-kit-5 .detail-hero h1 { 
        font-size: 40px !important;
    }
    .home.elementor-kit-5 .detail-hero h2,
    .elementor-kit-5 .detail-hero h3 { 
        font-size: 20px !important;
    }
    .home.elementor-kit-5 .detail-hero h3,
    .elementor-kit-5 .detail-hero h2 { 
        font-size: 20px !important;
    }
    .elementor-kit-5 .detail-hero .bold p,
    .elementor-kit-5 .detail-hero .black p   { 
        font-size: 18px !important;
    }
    .blog .detail-blog-list h2 {
        font-size: 18px;
    }

    section:not(section.detail-hero) .xxl h2 {
        font-size: 40px !important;
    }
    section:not(section.detail-hero) .xl h2 {
        font-size: 20px !important;
    }
    section:not(section.detail-hero) .style1 h3,
    section:not(section.detail-hero) .text-span span,
    section:not(section.detail-hero) .bold p {
        font-size: 18px !important;
    }
    section:not(section.detail-hero) .style1black h3 {
        font-size: 18px !important;
    }
    section:not(section.detail-hero) .text-span-40 span {
        font-size: 30px !important;
    }
    section:not(section.detail-hero) .text-span-30 span {
        font-size: 20px !important;
    }
    section:not(section.detail-hero) .style1 h4 {
        font-size: 14px !important;
    }
    .elementor-kit-5 .detail-projekte h4 {
        font-size: 16px !important;
    }
    .elementor-kit-5 .schritte span {
        font-size: 30px !important;
    }

}