/*
CTC Separate Stylesheet
Updated: 2024-10-27 08:01:49
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS: Indiv Content Styling
----------------------------------------------------------------
1.0 
2.0 
--------------------------------------------------------------*/

#x-siteheader-wrapper {

    background: rgb(29,35,39);
    background: linear-gradient(61deg, rgba(29,35,39,1) 64%, rgba(46,218,241,1) 100%);
        border-radius: 0 10px 300px 0;
    }

    @media (max-width: 768px) {
        #sitting-robot {
            display: none;
        }
    }
    
    #doo-wop-classical {
    
    background: rgb(29,35,39);
    background: linear-gradient(61deg, rgba(29,35,39,1) 64%, rgba(46,218,241,1) 100%);
        border-radius: 10px 300px 0 300px;
        padding: 20px;
    }

    #css3-pattern-header {
        background: black;
        border: 2px ridge #333;
        border-radius: 10px 260px 10px 120px;
        padding: 20px;
        background-image:
    linear-gradient(45deg, transparent 45%, #2222 45%, #2EDAF1 55%, transparent 70%),
    linear-gradient(-45deg, transparent 45%, #fff 45%, #2EDAF1 55%, transparent 70%);
        background-size: 8px 8px; /* Adjust for larger/smaller X shapes */
    }

    #css3-pattern-header h1, #css3-pattern-header p {
        color: #fff;
        background-color: #000;
        display: inline-block;
        padding: 10px;
    }

    #css3-pattern-header #x-turingc img {
        margin-left: -10px;
    }

    #x-writ-header {
        background: black;
        border: 2px ridge #333;
        border-radius: 10px 300px 0 300px;
        padding: 20px;
        }
    
    .x-subheader {
        color: #2EDAF1;
        }
    
    .x-karussel-h2 {
        color: #F2832E !important;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 20px;
        padding-top: 20px !important
    }
    
    #x-karussel-sections {
        margin-top: 36px !important;
    }
    
    @media (max-width: 768px) {
    .x-karussel-h2 {
        font-weight: 400;
        font-size: 2rem;
    }	
    }
    
  
    
    .x-site-header {
        font-size: 56px;
    }
    
    .x-site-sub-header {
            font-size: 30px;
        margin-top: -10px;
        padding-top: 0;
    }
    
    .x-review-description {
            font-size: 18px;
            color: #FFD700;
    }
    
    .x-∞ {
        font-size: 18px;
        color: #FFD700;
    }

    @media (min-width: 769px) {#x-partner-cta {
        padding-left: 30%;
        padding-top: 5%;
    }}
    
    @media (max-width: 768px) {
    #x-partner-cta {
        text-align: center;
    }
    }
    
    #x-partner-cta #x-nobutton {
        box-shadow: none !important;
        color: #FFD700 !important;
    }
    
    #x-partner-cta #x-nobutton:hover {
        color: #2EDAF1 !important;
    }
    
    #x-nobutton span {
        color: #2EDAF1 !important;
    }
    
    @media (max-width: 768px) {
        #x-partner-cta #x-nobutton {
            display: none;
        }
        }
    
    @media (min-width: 768px) {
        #x-nobutton-button {
            display: none;
        }
        }
    
    @media (max-width: 768px) {
        #x-nobutton-button {
            display: block;
        }
        }
    
    #x-main-fotobox {
        background-color: #222;
        border-radius: 10px;
        width: 240px;
        padding: 20px;
        border: 2px ridge #333;
            margin-top: -360px;
        transform: translate(70%); 
    }
    
    @media (max-width: 768px) {
        #x-main-fotobox {
            max-width: 200px;
            }
    }
    
    #empowering-innovation {
    scroll-margin-top: 80px;
    }
    
    @media (max-width: 768px) {
        #empowering-innovation {
            margin-top: 150px; 
        }
    }
    
    .x-explore-button-wrapper {
        padding: 0;
    }
    
    .x-explore-button {
            background-color:#222 !important;
            border: 2px ridge #333 !important;
        color: white !important;
        border-radius: 10px;
        margin-top: 10px !important;
        width: 100%;
        padding-top: 23px !important;
        padding-bottom: 23px !important;
        text-align: left;
    }
    
    .x-explore-button:hover {
            background-color:#FFD700 !important;
            color: #000 !important;
    }
    
    .x-explore-button:active {
            background-color:#2EDAF1 !important;
    }
    
    #x-explore-button-first {
        margin-top: 0 !important;
        }
    
  #x-home-header-button   {
        margin-left: 0 ;
        margin-top: -40px;
    }

#x-home-header-button a:focus {
    background-color: #FFD700 !important;
}
    
    .x-bewertungs-qi {
    margin-left: -10px;
    }
    
    #x-bewertungs-qp {
    color: #F2832E;
    }
    
    .x-buidl-corner {
        border-radius: 10px !important;
    }
    
    .x-ai-citation {
        padding-top: 60px;
        
    }
    
    #artificial-intelligent-testimonials {
    padding-top: 20xpx;
        scroll-margin-top: 80px;
    }
    
    /* Desktop-only positioning */
    @media (min-width: 769px) {
        .x-testimonial-middle {
            position: relative;
            top: -42px;
        }
    }
     
    #colophon {
        background-image: url('https://www.xilolix.com/wp-content/uploads/2024/10/spaceship-rainbow.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    #menu-legal-information li {
        border: none;
        
    }
    
    #x-turingc {
    margin-left: -10px;    
    }

    #x-pencilian {
        margin-left: -28px;
    }
    
    .x-header-gruppe img wp-image-919 {
        float: left;
        }
    

        /* Artificial Music 
    ----------------------------------------*/
    .x-song-title {
        margin-top: 0;
        color: #2EDAF1 !important;
        
    }
    
    .x-music-table {
        margin-bottom: 0;
        
    }
    
    .x-music-table tr:nth-child(even){
        color: #F2832E;
        }
    
    .x-music-nobutton {
        color: #2EDAF1 !important;
        position: relative;
        top: -4px;
    }
    
    
    #behind-the-mask, #finding-strengh-in-tears, #behind-the-mask-video, .x-scroll {
    scroll-margin-top: 40px;
    }
    
    #debut-album {
        gap: 20px !important;
        margin-top: 38px;
    }
    
    #debut-album table {
        margin-top: 6px;
        }
    
    #debut-album li {
        gap: 20px !important;
    }
    
    #debut-album td {
        padding: 5px;
    }
    
    @media (max-width: 768px) {
    #debut-album td {
        padding: 20px;
    }}
    
    #debut-album td a {
        box-shadow: none;
    }
    #debut-album td a:hover, #debut-album p a:hover {
        color: #2EDAF1;
    }
    
    #debut-album p a {
        box-shadow: none;
        color: #F2832E;
    }
    
     #album-cover {
        gap: 60px !important;
    }

    .x-cover-image {
        margin: 0 auto;
        display: block !important;
    }

    @media (min-width: 768px) and (max-width: 778px) {
        .x-cover-image {
            height: 630px !important;
            margin-bottom: 20px !important;
    
        }
    }

    @media (max-width: 320px) {
        .x-cover-image {
            max-width: 260px !important;
        }
    }

    /* Slider adjustments */

#metaslider_87 ul li img:hover {
    transform: scale(1.05); /* Slightly enlarges the image */
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3); /* Adds a shadow for depth */
        }
    
    /* Even items (Cyan glow) */
    #metaslider_87 ul li:nth-child(even) img:hover {
        box-shadow: 0px 10px 20px rgba(0, 255, 200, 0.6); /* Cyan glow */
    }
    
    /* Odd items (Purple glow) */
    #metaslider_87 ul li:nth-child(odd) img:hover {
        box-shadow: 0px 10px 20px rgba(150, 100, 250, 0.5); /* Purple glow */ 
    }
    
    /* Kontakt-Formular adjustments */
    
    .x-wp-form-spalte {
        border: 1px ridge #333 !important;
        background-color: black !important;
        padding: 40px;
        border-radius: 10px !important;
    }



    .x-wp-form .wpforms-field-label-inline, .x-wp-form .wpforms-field-label {
        color: white !important;
        margin-bottom: 5px !important;
    }
    
    .wpforms-field-large {
        border-radius: 10px !important;
        
    }

    .wpforms-required-label {
        color: #F2832E !important;
    }
    
    .x-wp-form-spalte {
        margin-top: -20px !important;
    }

    .wpforms-submit {
        color: black !important;
        border-radius: 10px !important;
        font-weight: 500 !important;
        font-family: "Inter Tight", sans-serif !important;
    }

    #x-contact-img img {
        border-radius: 10px !important;
    }

    .x-wp-form textarea:focus, .x-wp-form input:focus {
        border: 3px solid #9664fa !important;
        box-shadow: 0 0 15px rgba(150, 100, 250, 0.5) !important;
        outline: none !important;
    }

    /* AI-Engine */

#chatties-home {
    border-radius: 20px 45px 30px 60px;
}
    
@media (min-width: 769px) {
    .x-full-height {
        height: calc(100vh - 58px);
    }
}
   
@media (max-width: 768px) {
    .x-full-height {
        height: 100vh;
    }
}
#music-site-header {
    padding-top: 0;
    color: white !important;
}

:where(.wp-block-cover-image.is-light:not(.has-text-color)),
:where(.wp-block-cover.is-light:not(.has-text-color)) {
    color: white !important;
}

.x-writ-duo {
    background: black;
    border: 2px ridge #333;
    padding: 20px;
}

.x-writ-schmal {
    border-radius: 0 60px 60px 0;
    overflow: hidden;
    padding: 20px;
}

.x-writ-schmal-rechts {
    border-radius: 60px 0 0 60px;
    overflow: hidden;
    padding: 20px;
}

.x-writ-breit {
    border-radius: 40%;
}