/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/**
 Farben:
 Grün: #c5d320
 Dunkelgrau: #706f6f
 50% Grün: #e4e9a2
 50% Grau: #b2b0b0
 25% Grau: #d7d5d6
 10% Grau: #f1f1f1
 */


#header [data-row*=middle] {
    z-index: 3 !important;
}

[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 80px !important;
	margin-top: -10px !important;
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    font-size: 20px !important;
}

.headerbild {
	background-size: 300px !important;
	background-position: bottom right !important;
    background-repeat: no-repeat !important;
	}


/* Laptops & Desktops zwischen (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {

	
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 65px !important;
	margin-top: -8px !important;	
}
	
	[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    font-size: 16px !important;
}
	
.menu>li>.ct-menu-link {
    --menu-item-padding: 0 calc(var(--menu-items-spacing, 20px) / 2) !important;
}	
	
}


/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	
	
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 65px !important;
	margin-top: -20px !important;
}	
	
	[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    font-size: 15px !important;
}
	
	.menu>li>.ct-menu-link {
    --menu-item-padding: 0 calc(var(--menu-items-spacing, 15px) / 2) !important;
}
	
	[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    margin-bottom: -15px !important;
}
	
	.headerbild {
		background-size: 250px !important;
	}
	
	.headerbild .stk-66c4930-container {
		min-height: 450px !important;
	}
	
	.stk-separator__bottom .stk-separator__wrapper {
    height: 150px !important;
}
	.stk-separator__wrapper {
    height: 150px !important;
}
	
}



/* Tablets in Portrait-Modus zwischen (768-980px) */
    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 

	
[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 70px !important;
	margin-top: 0 !important;
}		
	
	.headerbild {
		background-size: 200px !important;
	}
	
	.headerbild .stk-66c4930-container {
		min-height: 350px !important;
	}
	
	.stk-separator__bottom .stk-separator__wrapper {
    height: 120px !important;
}
	.stk-separator__wrapper {
    height: 120px !important;
}
	
}



/* Smartphones im Portrait-Modus zwischen (0-479px) */
@media only screen and ( max-width: 479px ) {

[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 45px !important;
	margin-top: -0 !important;
}		
	
	.headerbild {
		background-size: 120px !important;
	}
	
	.headerbild .stk-66c4930-container {
		min-height: 250px !important;
	}
	
	.stk-separator__bottom .stk-separator__wrapper {
    height: 80px !important;
}
	.stk-separator__wrapper {
    height: 80px !important;
}
	
}