/*
Theme Name: ikonik Child
Theme URI: https://themeforest.net/user/pixelwars/portfolio
Template: ikonik
Author: Pixelwars
Author URI: https://themeforest.net/user/pixelwars
Description: Resume vCard WordPress Theme
Tags: portfolio
Version: 1.4.4.1769164435
Updated: 2026-01-23 10:33:55

*/

/* No Music */
.home-loaded .play-music, .full-screen-wrap { display: none; }


/* Home Logo transformation */
.home-icon { 
	width: 14vmax; 
}
.home-text {
    top: 14%;
}



.home-logo {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important; /* Entfernt eventuelle weiße Rahmen */
    box-shadow: none !important; /* Entfernt Schatten, die wie Ränder wirken könnten */
}

.home-logo-center {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important; /* Entfernt eventuelle weiße Rahmen */
    box-shadow: none !important; /* Entfernt Schatten, die wie Ränder wirken könnten */
}

/.home-icon {
    /* 1. Transparenter weißer Hintergrund (Milch-Effekt) */
    background-color: rgba(255, 255, 255, 0.15); 
    
    /* 2. Der Weichzeichner für den Hintergrund */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Wichtig für Safari/iPhone */

    /* 3. Platz schaffen! (Sonst klebt das Glas am Logo) */
    padding: 15px 20px; 
    
    /* 4. Styling für den Glas-Look */
    border-radius: 12px; /* Abgerundete Ecken */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Helle Kante */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Leichter Schatten für Tiefe */
    
    /* 5. Sicherstellen, dass der Container den Platz annimmt */
    display: inline-block; 
}

/* No Header on subpages */
.entry-header {
display: none;
}

.home-text { visibility:hidden !important;}

.home-text-container { width:0em ; border-radius: 0px 8px 8px 0px; }

.home-logo-center {
	border-radius: 0px 0px 0px 0px
}

.home-logo { border-radius: 0px 0px 0px 0px; }

.home-text-container {
    background: #0c0c0c;
}



.home-menu .item-name {
    text-shadow: 0 0 0px rgba(0, 0, 0, 0.27);
}

/* Right Logo fix*/
.home-bg-logo {
    width: auto;
}

.home-menu .item-name {
    padding-top: 10px;
}

.home-menu  {
    padding-top: 25vh;
}


@media only screen and (min-width: 769px) {

.home-heading { align-self: flex-start; margin-top: 14vh; padding-left:20%; padding-right:10%;   }	

	.home-logo-center img {
    max-width: 200%;
    min-width: 200%;
}
	
}


@media only screen and (max-width: 768px) {
    .home-footer {
        padding: 5px;
    }

		.home-logo-center img {
    max-width: 300%;
    min-width: 250%;
	
}

.home-footer .textwidget {
    opacity:0.5;
	padding-bottom: 5px;


	
	
/*Change hover effect on menu*/
.home-menu .item-name::after {
	/*top: calc(50% - 2px)*/; height: 100%; z-index:-1;
	}