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

/**
 Farben:
 Red: #E21013
 Soft Red: #E95659
 Dark Blue: #191970
 */

.headerbild-links {
		min-height: 280px !important;
	} 

.headerbild-links-team {
		min-height: 340px !important;
	} 

.headerbild-rechts {
		min-height: 350px !important;
	} 

.headerbild-behandlungen-rechts { min-height: 300px; }

.bild-team {min-height: 450px !important;}

.columns-team {margin-bottom: 80px !important;}

.praxis-bilder-column-links {min-height: 600px !important;}
.praxis-bilder-column-rechts-oben {min-height: 300px !important;}
.praxis-bilder-column-rechts-unten {min-height: 300px !important;}

#multi-step-form .fw-wizard-buttons button, #multi-step-form .fw-wizard-buttons .fw-btn {
	border-radius: 30px;
	padding: 0px 30px 20px 30px!important;
	font-size: 16px!important;
	text-transform: none!important;
	font-weight: 700!important;
	
}

#multi-step-form .fw-btn-submit, #multi-step-form .fw-toggle-summary {
    font-size: 16px !important;
	border-radius: 50px !important;
    text-transform: normal !important;
    font-weight: 700 !important;
}

#multi-step-form .fw-btn-submit {
    background: #E21013 !important;
}

#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step {
        width: 20% !important;
    }


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

	.headerbild-links {
		min-height: 220px !important;
	} 
	
	.headerbild-links-team {
		min-height: 275px !important;
	} 
	
	.headline-header h1 {
		font-size: 45px !important;
		line-height: 1.2em;}
	
	.columns-team {margin-bottom: 80px !important;}
	
.praxis-bilder-column-links {min-height: 500px !important;}
.praxis-bilder-column-rechts-oben {min-height: 250px !important;}
.praxis-bilder-column-rechts-unten {min-height: 250px !important;}
	
}

/* Tablets in Landscape-Modus zwischen (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	
	.headerbild-links {
		min-height: 200px !important;
	} 
	
	.headerbild-links-team {
		min-height: 250px !important;
	} 
	
	.headline-header h1 {
		font-size: 40px !important;
		line-height: 1.2em;}
	
	.columns-team>.stk-block-content {column-gap: 50px !important;}
	.columns-team {margin-bottom: 50px !important;}
	
.praxis-bilder-column-links {min-height: 460px !important;}
.praxis-bilder-column-rechts-oben {min-height: 230px !important;}
.praxis-bilder-column-rechts-unten {min-height: 230px !important;}
	
}

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

	.headerbild-links {
		min-height: 160px !important;
	} 
	
	.headerbild-links-team {
		min-height: 200px !important;
	} 
	
	.headline-header h1 {
		font-size: 32px !important;
		line-height: 1.2em;}
	
	.headerbild-behandlungen-rechts { min-height: 250px; }
	
	.bild-team {min-height: 300px !important;}
	.columns-team>.stk-block-content {column-gap: 30px !important;}
	.columns-team {margin-bottom: 30px !important;}

.praxis-bilder-column-links {min-height: 360px !important;}
.praxis-bilder-column-rechts-oben {min-height: 180px !important;}
.praxis-bilder-column-rechts-unten {min-height: 180px !important;}	

	#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step {
        width: 50% !important;
    }
	
}


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

	.headerbild-links {
		min-height: 130px !important;
	} 	
	
	.headerbild-links-team {
		min-height: 130px !important;
	} 	
	
	.headline-header h1 {
		font-size: 25px !important;
		line-height: 1.2em;}
	
	.headerbild-behandlungen-rechts { min-height: 200px; }
	
	.bild-team {min-height: 280px !important;}
	.columns-team {margin-bottom: 30px !important;}
	
.praxis-bilder-column-links {min-height: 350px !important;}
.praxis-bilder-column-rechts-oben {min-height: 160px !important;}
.praxis-bilder-column-rechts-unten {min-height: 160px !important;}
	
	#multi-step-form.fw-large-container .fw-progress-bar .fw-progress-step {
        width: 100% !important;
    }
	
}