/* DOMAIN: svk.lu */

@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;700&display=swap');

:root {
  /* COLOR DEFINITIONS */

	--svk-green: #51745d;
	--svk-green-2:#15371c;
	--svk-green-3:#425e4c;
	--svk-yellow: #f3cc62;
	--svk-beige: #e5d9b7;
}

@media (max-width: 767px){
	:root{
		--body-font-size:14px;
		--h2-font-size:1.6em;
		--h3-font-size:1.3em;
		--h4-font-size:1.15em;
		--banner-height:20vw;
		--textblock-padding:20px;
		--row-margin:2em;

	}
}

@media (min-width: 768px){
	:root{
	--body-font-size:16px;
	--h2-font-size:1.8em;
	--h3-font-size:1.45em;
	--h4-font-size:1.25em;
	--banner-height:150px;
	--textblock-padding:30px;
	--row-margin:3em;
	}
}

@media (min-width: 992px){
	:root{
		--body-font-size:18px;
		--h2-font-size:2.1em;
		--h3-font-size:1.6em;
		--h4-font-size:1.4em;
		--banner-height:175px;
		--row-margin:4em;
	}
}

@media (min-width: 1200px){
	:root{
		--banner-height:200px;
		--textblock-padding:30px;
	}
}



body																									{ background:var(--svk-green); color: #FFF; font-size:var(--body-font-size);   font-family: "Hind", sans-serif; font-weight: 400;line-height:1.3em; }
textarea																							{ font-size:14px; }

h1, h2, h3, h4																				{ font-family: "Hind", sans-serif; font-weight: 700; }
h1																										{ font-size:2em; }
h2																										{ font-size:var(--h2-font-size); }
h3																										{ font-size:var(--h3-font-size); }
h4																										{ font-size:var(--h4-font-size); }


h1:first-child,
h2:first-child,
h3:first-child																				{ margin-top:0; }

a, a:active, a:focus																	{ color:var(--svk-yellow); text-decoration:none; }
a:hover																								{ color:var(--svk-yellow); text-decoration:none; }

img.pull-left																					{ margin:2px 15px 15px 0; }
img.pull-right																				{ margin:2px 0 15px 15px; }

p																											{ margin: 0 0 1em; }
p:last-child																					{ margin-bottom: 0; }

.glyphicon																						{ font-size: 0.8em; vertical-align: -0.1em; }

.btn-default																					{ background:var(--svk-yellow); border:0; box-shadow:none; color:#FFF; display:block;
																												font-size:var(--body-font-size); margin:auto; text-shadow:none; width:50%; 
																												font-weight: 700; }


header																								{ display:none; }

.container-fluid.banner																{ background: url('/_res/banner.png') center repeat; background-size:contain; height:var(--banner-height); }

/* NAVIGATION */
.navbar-default																				{ margin-bottom: 0; }
.navbar-default .container														{ position: relative; }
.navbar-default .navbar-header,
.navbar-default #navbar																{ display: none; }

.navbar-default																				{ background:transparent; border:0 none; border-radius:0; box-shadow:none; min-height:0; }
.navbar-default .navbar-nav > li > a									{ color:#999; text-shadow:none; }
.navbar-default .navbar-nav > li > a:hover						{ color:#999; }

/* LANGUAGE SWITCH */
.switch_language																			{ position: absolute; top:var(--banner-height); right:0; list-style: none; }
.switch_language li																		{ background-color: var(--svk-green); display: inline-block; padding:0.5em; }
.switch_language li a																	{ color: var(--svk-yellow); }
.switch_language li:hover,
.switch_language li.active														{ background-color: var(--svk-beige); }
.switch_language li.active a,
.switch_language li:hover a														{ color: var(--svk-green); }

/* CONTENT */
.content .container .row															{ margin:var(--row-margin) auto; }
.content .textblock																		{ padding: var(--textblock-padding); }
.content .textblock.center,
.content .textblock.center :is(h1, h2, h3, h4)				{ text-align: center; }
.content .textblock img																{ max-width:100%; }
.content .form																				{ }
.content .gmap																				{ height:400px; }

.content .textblock.logo															{ text-align: center; font-weight:700; font-size: 1.35em; }
.content .textblock.logo img													{ width: 60%; }






/* SERVICES */
.content .container-fluid.services										{ background-color: var(--svk-beige); color: var(--svk-green-2); }
.content .container-fluid.services .filler						{ background: url('/_res/motiv.png') top repeat; background-size:100%; padding-top: 64.4%; margin: var(--textblock-padding); border: 2px solid var(--svk-green-2); }
.content .container-fluid.services img								{ margin:1em 0; }



/* FORM */
.content .form .req label:after												{ color:var(--svk-yellow); content:" *"; }
.content .form input.email														{ display:none; }


.form h2, .form .outro																{ text-align:center; }
.form label																						{ color:var(--svk-beige); font-weight:400; }


.form_content																					{ font-size:0; margin:auto; /*max-width:800px;*/ }



.form-group, .form .alert															{ font-size: var(--body-font-size); }
.form .outro																					{ font-size:14px; }
.form-group:nth-child(-n+4)														{ display:inline-block;  width:47.5%; }
.form-group:nth-child(even)														{ margin-left:5%; }




/* FOOTER */
footer																								{ background-color: var(--svk-green-3); }
footer .container																			{ font-size:0.85em; text-align:center; padding:1em; }

/* MODAL */
.ct_modal																							{ color:var(--svk-green-2); }
.ct_modal h2																					{ color: #f3cc62; font-size: calc(var(--body-font-size) * 1.2); }




@media (max-width: 767px){

}

@media (min-width: 768px){
	
}

@media (min-width: 992px){
	.content .container-fluid.services									{ position: relative; }
	.content .container-fluid.services::before					{ background-color: var(--svk-green-3); content: ""; display: block; position: absolute; top:0; bottom: 0; left:0; right: 50%; }

	.content .container .col-md-6:first-child						{ color: #FFF; margin-bottom: var(--row-margin); }

	.content .container .row														{ display: flex; align-items: center; }

}

@media (min-width: 1200px){

}