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


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

#header [data-column=middle] {
    margin-top: -75px;
}

.menu-highlight a {color: #00B0F0 !important;}
.menu-highlight a:hover {color: #FFFFFF !important;}

.square-block-container {height: 48vh !important;}
.square-block-text-1 {transform: translateX(50px) translateY(60px);}
.square-block-text-2 {transform: translateX(-45px) translateY(60px);}
.square-block-text-3 {transform: translateX(55px) translateY(-50px);}
.square-block-text-4 {transform: translateX(-60px) translateY(-45px);}

.hero-text::before {
content: url(/wp-content/uploads/2026/08/izp-icon-zitat-blau.svg);
display: block;
width: 160px;
height: 160px;
margin: 0px 5px -150px 65px;
}

.iim-popup h3 {
    color: #00B0F0;
    font-size: 1.5rem !important;
}

.iim-popup__content {
    font-size: 1rem !important;
}

.iim-map__external-link {
	border: solid 1px #ffffff;
	padding: 5px 10px;
}

.iim-map__external-link--new-window {
	border: none;
	padding: 0;
}

.ff-btn-submit:not(.ff_btn_no_style) {
    background-color: #00B0F0 !important;
}

.ff-btn-submit:not(.ff_btn_no_style):hover {
    background-color: #00162E !important;
}

.fluentform .ff-el-group button.ff-btn {
	font-size: 1.1rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 10px 30px !important;
	border-radius: 0 !important;
}

.fluentform .ff_t_c a {
    color: #00B0F0 !important;
}

.ff-default .ff-el-input--label label {
    font-weight: 700 !important;
    font-size: 1rem !important;
	color: #00162E !important;
}

.ff-default .ff-el-form-control {
    color: #00162E !important;
    font-family: inherit !important;
    border: 0 !important;
	background: #C6ECFA !important;
    border-radius: 0 !important;
}


.wpforms-dgsvo-text .wpforms-field-label-inline {font-size: 14px !important;}
.wpforms-dgsvo-text .wpforms-field-label-inline a {color: #00B0F0 !important;}

div.wpforms-container-full button[type=submit] {font-weight: 700; text-transform: uppercase; padding: 10px 30px;}

div.wpforms-container-full button[type=submit]:hover {background:#00162E !important;}

div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {margin-bottom: 10px;}


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

.hero-text::before {
width: 150px;
height: 150px;
margin: 0px 5px -140px 120px;
}	
	
}


/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 

.hero-text::before {
    width: 130px;
    height: 130px;
    margin: 0px 5px -110px 110px;
}	
	
.square-block-container {height: 47vh !important;}	
	
}


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

#header [data-column=middle] {
    margin-top: -20px;
    margin-bottom: 10px;
}
	
.hero-text::before {
    width: 100px;
    height: 100px;
    margin: 0px 5px -90px 80px;
}	
	
	.square-block-container {height: 27vh !important;}
	.square-block-text-1 {transform: translateX(40px) translateY(45px);}
	.square-block-text-2 {transform: translateX(-30px) translateY(45px);}
	.square-block-text-3 {transform: translateX(30px) translateY(-35px);}
	.square-block-text-4 {transform: translateX(-35px) translateY(-35px);}

}


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

#header [data-column=middle] {
    margin-top: -45px;
    margin-left: 10px;
}	
	
.hero-text::before {
    width: 65px;
    height: 65px;
    margin: 0px 5px -55px 15px;
}
	
	.square-block-container {height: 20vh !important;}	
	.square-block-text-1 {transform: translateX(25px) translateY(30px);}
	.square-block-text-2 {transform: translateX(-10px) translateY(30px);}
	.square-block-text-3 {transform: translateX(15px) translateY(-25px);}
	.square-block-text-4 {transform: translateX(-25px) translateY(-25px);}	
	
}