/*///////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////// RESPONSIVE /////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////*/

@media (max-width: 1280px) {
	
/*---------------- basics ----------------*/	
	body { 
		padding: 60px 0px 0px 0px; 
		background-size: 1200px; 
		font-size: 16px; 
		line-height: 24px 
	}
	
	div.content	{ 
		max-width: 300px; 
		margin: auto; 
	}
	
	.showDesktop { display: none }
	.showMobile { display: block }
	
	/*----------------- font -----------------*/	
	h1 { line-height: 52px; }
	h2 { line-height: 48px; }
	h3 { line-height: 30px; }
	h4 { line-height: 28px; }

	/*------- text declarations/images -------*/	
	a.btn { font-size: 16px; }
	
	/*////////////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////// LAYOUT ELEMENTS //////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////*/

	/*////////////// overlying elements //////////////*/

	/*--------------- preloader --------------*/		
	div.preloader:before { 
		width: 80px; 
		height: 80px; 
	}

	/*------------- cookiemanager ------------*/	
	a.show_cookiemanager { 
		left: 10px; 
		bottom: 10px; 
		width: 40px; 
		height: 40px; 
		padding: 4px; 
	}
	
	/*--------------- scroll to --------------*/	
	div.scrolltop { 
		right: 10px; 
		bottom: 10px; 
	}
	
	div.scrolltop a { 
		width: 40px;
		height: 40px;
	}
	
	div.scrolldown { 
		right: 10px;
		bottom: 10px;
	}
	
	div.scrolldown a { 
		width: 40px; 
		height: 40px; 
	}

	/*//////////////////// header ////////////////////*/	
	header { 
		padding: 10px 50px 10px 10px;
	}
		 
	header a.logo { 
		display: none; 
	}
	
	header ul { 
		float: left; 
		padding: 0px; 
	}
	
	header ul li { 
		margin: 0 5px;
	}
	
	header ul li a {
		 width: 60px; 
		 height: 50px; 
	}
	
	header ul li a:hover { 
		background-color: transparent; 
	}
	
	/*------------------ nav -----------------*/	
	nav { 
		right: -260px; 
		width: 260px; 
		padding: 5px;
	}
	
	nav ul { 
		width: calc(100% - 10px); 
		margin: 5px; 
	}
	
	nav ul li a      { 
		padding: 9px 10px 9px 10px; 
		line-height: 12px;
	}
	nav ul.big li a  {
		 padding: 13px 10px 13px 10px; 
		 font-size: 14px; 
		 line-height: 14px; 
	}
	
	/*---------------- switch ----------------*/	
		div.switch { 
		right: 10px; 
		top: 10px; 
		width: 50px; 
		height: 50px; 
	}
	
	div.switch.active { 
		right: 270px; 
	}
	
	/*/////////////////// sections ///////////////////*/	

	/*----------------- start ----------------*/
	section.start { 
		height: auto; 
		margin: 35px 0px; 
	}
	
	section.start picture	{ 
		display: flex; 
		position: relative; 
		top: 0; 
		left: 0; 
		margin: 10px 0;
	}
	
	section.start img	{ 
		margin: auto; 
		text-align: center; 
		width: 350px; 
	}	
	
	section.start h1 { 
		position: relative; 
		top: 0; 
		left: 0; 
		text-align: center;
	}
	
	section.start h3 { 
		position: relative; 
		top: 0; 
		left: 0; 
		text-align: center; 
	}
	
	section.start div	{ 
		display: flex; 
		position: relative; 
		top: 0; 
		left: 0;
	}
	
	section.start a { 
		margin: auto; 
		text-align: center; 
	}

	/*---------------- breaker ---------------*/
	section.breaker ul.btnList { 
		display: block; 
	}
	
	section.breaker h4:after { 
		top: 110%; 
	}
	
	/*//////////////////// footer ////////////////////*/
	
	footer div.content	{ 
		display: block; 
	}
	
	footer div.content section	{ 
		width: 100%; margin: 35px 0; 
		}
	
	/*------------ open street map -----------*/
	footer section.map { 
		padding: 0% 0% 100% 0%; 
	}
	
	footer section.map .osm { 
		font-size: 10px; 
		line-height: 14px; 
	}
	
	footer section.map .osm h4 { 
		font-size: 12px; 
		line-height: 18px; 
	}

	/*////////////////////////////////////////////////////////////////////////////////////
	/////////////////////////////////////// CONTENT //////////////////////////////////////
	////////////////////////////////////////////////////////////////////////////////////*/	 
	
	/*///////////// cards/tiles/panels /////////////*/	 
	div.card { 
		display: block; 
	}
	
	div.card div.cardTitle  { 
		width: 100%; 
		min-height: 200px; 
		margin: auto; 
		border-radius: 15px 15px 0 0; 
		padding: 5px 25px 0 25px; 
	}
	
	div.card div.cardTitle h3	{
		 text-align: center; 
		 text-transform: uppercase; 
	}
	
	div.card div.cardImg { 
		top: auto;
		left: 0;
		right: 0; 
		width: 220px; 
		height: 220px; 
		margin: auto;
	}
	
	div.card div.cardContent 	{ 
		max-width: 100%; 
		padding: 125px 25px 25px 25px; 
	}
	
	div.card div.cardContent a.btn {
		font-size: 12px;
    padding: 12px 17px;
	}

	/*---------------- panels ----------------*/
	div.panelWrapper { 
		display: block;
	}
	
	a.panel	{ 
		margin: 25px auto;
	}	  

	/*//////////////// form (contact) ////////////////*/
	input[type=radio] + label, 
	input[type=checkbox] + label { 
		padding: 0px 0px 10px 30px 
	}
	
	input[type=radio] + label b, 
	input[type=checkbox] + label b { 
		width: 20px; height: 20px; 
		border-width: 1px 
	}
	
	select,
	textarea,
	input[type=date],
	input[type=time],
	input[type=number],
	input[type=text] { 
		padding: 10px; 
		border-width: 1px; 
		font-size: 12px; 
		line-height: 18px 
	}
	
	select + label,
	textarea + label,
	input[type=date] + label,
	input[type=time] + label,
	input[type=number] + label,
	input[type=text] + label { 
		left: 10px; 
		top: 10px;
		padding: 6px 
	}
	
	select:focus + label,
	textarea:focus + label,
	input[type=date]:focus + label,
	input[type=time]:focus + label,
	input[type=number]:focus + label,
	input[type=text]:focus + label,
	select:not([value=""]) + label,
	textarea:not(:placeholder-shown) + label,
	input[type=date]:not(:placeholder-shown) + label,
	input[type=time]:not(:placeholder-shown) + label,
	input[type=number]:not(:placeholder-shown) + label,
	input[type=text]:not(:placeholder-shown) + label { 
		padding: 0px 6px 0px 6px; 
		font-size: 10px; 
		line-height: 10px;
	}
	
	textarea { 
		height: 150px; 
	}
	
	input[type=submit] { 
		height: 60px; 
		border-width: 1px; 
		font-size: 14px; 
		line-height: 14px; 
	}
}