/*@import "vars.less";*/


@media only screen and (max-width:1300px)
{
	#kundenstimmen,
	footer .inner,
	.start_inner,
	header .inner
	{



		padding-left: 20px;
		padding-right: 20px;

	}

	.start_inner
	{
		.item:nth-of-type(even) {
			margin-right:70px;
		}

		.item
		{
			.bild
			{
				width:294px;
			}
		}
	}

	#content 
	{
		.kaufhaus 
		{
			.intro .inner .li {
				padding-left:10px;
			}

			.info
			{
				padding-left:10px;
				
				
			}
		}
	}



}



/* --- 1270px --------------------------------------------- */
@media only screen and (max-width: 1270px) {
	body 	{
		font-size:16px;
	}

	.start_inner 
	{
		.item
		{
			height:auto;

			.text
			{
				width:85%;

				a.box_link_blau
				{
					bottom:-20px;
				}
			}
			.bild
			{
				float:none;
				width:100%;

				img
				{
					width:100%;
					height:auto;
				}
			}
		}


		.item:nth-of-type(even) {
			margin-right: 29px;
		}
		.starttext
		{
			width:95%;
			margin:0 10px;
			&.full
			{
				width:95%;
			}
		}
	}
.inner
{
padding:0 10px;
}

.ueberuns_outer
{


.starttext
{

max-width:95%;
}
}

	.mainnavi a
	{
		margin:0 12px;
	}



	#content
	{
		.kaufhaus
		{
			.intro
			{
				.inner
				{
					.li
					{
						padding:20px;
					}
				}
			}
			.info

			{
				.li,


				{

					.item,

					{
						padding:0 20px;
					}
				}
			}


		}
	}

	ul.ms_sub
	{
		right:15px;
	}

}

/* --- 1060px --------------------------------------------- */
@media only screen and (max-width: 1060px) {

	.mainnavi a
	{
		margin:0 10px;
		font-size:18px;
	}

}

/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {


	body
	{
		overflow-x:hidden;
	}

	header,
	#headerfixed
	{
		height:110px;
	}

	article
	{
		&.padding

		{
			padding:0 10px;
		}

	}

	h2
	{
		font-size:22px;
	}

	#mobilemenu,
	#burgerbutton,
	#contactbutton
	{
		display:block!important;
	}

	#burgerbutton
	{

		z-index:10;
	}

	nav
	{
		display:none;
	}
	#container
	{
		width:100%;
	}

	.fb-page
	{
		&.mobil
		{
			display:block;
			text-align:center;
			background:white;
			width:100%;
		}
		&.dt
		{
			display:none;
		}

	}

	.fb-page.mobil,
	.fb-page.mobil span,
	.fb-page.mobil span iframe[style] {
		width:100%;
		max-width: 100% !important;
	}
	.content_img
	{
		float:none;
	}

	#logo
	{
		width:50%;
		margin:0 auto;
		text-align:center;
		float:none;
		img
		{
			width:210px;
			height:auto;
		}
	}

	/*
	#wha
	{
	display:block;

}
	*/
	#phone,#form,#fb,#wha,#yt,#quickorder
	{
		right:-400px;

	}
	#phone
	{
		top:80px;
	}

	#form
	{
		top:20px;

		max-height:100vh;
		overflow-y:auto;
		.content
		{
			textarea
			{
				height:80px;
			}

			.input-field
			{
				margin-top:0;
			}
		}

	}

	#fb,
	#wha,
	#yt

	{
		top:120px;
		border: 1px solid #cccccc;	
		width:49px;
		.head
		{
			width: 30px;
			left: 8px;
			height: 46px;
			border: none;
		}
	}
	#yt
	{
		top:180px;
		.head
		{
			left:1px;
		}
	}

	#wha
	{

		top:240px;
	}

	#quickorder
	{
		display: bock;
		top: 3px;
		//left: 95px;
		right:77px;
		width: 45px;
		height: 35px;
		//right:initial;
		position:absolute;
		background-color:transparent;
		.head
		{
			padding-bottom:0;
			border:0;
			background-color:transparent;
			a
			{
				line-height:0;

				svg
				{
					color:@schmuckfarbe1!important;
				}
			}
		}
	}

	#news, 
	#kundenstimmen 

	{
		/*
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		*/
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width:100%;


		.item
		{
			width:100%;
			//display:block;
			//flex:initial;
			margin-right:0;
			margin-bottom:20px;
			flex:0 1 100%;
			-webkit-flex: 0 1 100%;
			-ms-flex: 0 1 100%;
			.teaser
			{
				height:auto;

			}

			.bild
			{
				width:100%;
				img,picture
				{
					width:100%;
					height:auto;
				}
			}
		}

		h2
		{
			margin-left:20px;	
			display:initial;
		}
		.ks_inner 
		{

			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;

			.item,
			h2
			{
				flex:95%;
				margin-right:0;
				margin-left:20px;	



			}
		}
	}



	#content
	{
		.kaufhaus 
		{
			.intro 
			{
				height:auto;
				.inner 
				{
					flex-direction:column;
					.slider
					{
						position:initial;
						left:0;
						float:none;
						width:100%;
						height:auto!important;
						img
						{
							max-width:100%;
							height:auto;
						}
					}
					.li
					{
						width:100%;
					}
				}
			}

			.info
			{
			display:block;
		
				.li,
				.re

				{
				
				width:100%;

					.item,
					.bild,
					.text
					{
						width:100%;
						padding:0 20px;
					}
				}
			}
		}
	}

	footer
	{
		.inner
		{

			padding:0 20px;
		}
	}
	.abholung
	{
		width:100%;
		.upload
		{
			.close
			{
				top:50px;
			}

		}
	}


	#news,
	.start_inner 
	{
	.item

	{
		height:auto;
		.text
		{
			height:auto;
			padding-bottom:40px;
			width:85%;
		}

		a
		{
	
			&.box_link_gruen,
			&.box_link_blau
			{
				position:relative;
				left:0;
				top:30px;
				width:100%;
				margin:0 auto;
				padding: 15px 50px 15px 20px;
			}
		}
	}
	}
	
	
	.ueberuns_outer
	{
	.inner
	{
	display:block;

	.item
	{
	width:85%;
	margin:0 auto 50px auto;
	
	&:nth-of-type(even)
	{
	margin-right:auto;
	}
	
	.text
	{
	width:75%;
	}
	}
	}
	}
	
	#anfahrt_bt
	{

		left:0;
		&.box_link
		{
			width:100%!important;
		}

	}
	.btn
	{

		display:block;
		margin:0 auto;
	}

	.fm_uebersicht
	{
		.item
		{
			width:100%;
			.box_link_blau
			{
				margin-top:0;
			}
		}
	}
	.fm_anmelden
	{
		.daten
		{

			width:100%;
		}


	}

	.fm_preise
	{
		width:100%;
		.row
		{
			width:100%;
			.m,
			.p
			{
				width:50%
			}
		}

	}

	#fm_anmelden
	{
		width:100%;
	}

	#nl
	{
		width:100%;
	}



	article 	
	{
		&.newsuebersicht
		{
			.bild,
			.text

			{
				float:none;
				width:100%;
			}

			.bild
			{
				text-align:center;
				min-height:auto;
			}
		}

	}


	#gallery
	{

		column-gap:20px;
		row-gap:20px;
		justify-content: space-between;


	}


	.logosammlung
	{
		justify-content: center;
	}

}

/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {

#news,
	.start_inner 
	{
		.item
		{
			width:100%;

a
		{
	
			&.box_link_gruen,
			&.box_link_blau
			{
			margin:0 auto 20px auto;
			}
		}

			
		}
	}


	.item:nth-of-type(even) {
		margin-right: 29px;
	}
	.starttext
	{
		width:95%;
		margin:0 20px;
	}
}

.mitarbeiter
{
	.outer
	{


		.item
		{

			width:100%;
			float:none;
			font-size:20px;
			margin-bottom:30px;

			.bild,
			text
			{
				float:none;
			}

			.bild
			{
				width:100%;
				img
				{
					width:100%;
					height:auto;
				}
			}
			.text
			{
				font-size:15px;
				margin-left:20px;
				color:@schmuckfarbe1;
			}

			.name
			{
				font-size:22px;
			}
		}
	}

}


}


/* --- 525px --------------------------------------------- */
@media only screen and (max-width: 525px) {	
	#abholung .input-field.ort, #daten .input-field.ort, .fm_anmelden .input-field.ort, #login .input-field.ort, #nl .input-field.ort, #bewerbung .input-field.ort
	{
		width:76%;
	}
	footer .inner
	{
		#socialmedia
		{
			div
			{
				float:initial;
				margin: 0 auto;
				width:35px;
			}
		}
	}

	#gallery
	{
		justify-content:center;
	}


	.logosammlung 
	{
		div
		{
			width:100%;
		}
	}
	.inner
	{
		padding:0 5px;
	}
}

/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
@media only screen and (max-width: 479px) {
	#abholung .input-field.ort, #daten .input-field.ort, .fm_anmelden .input-field.ort, #login .input-field.ort, #nl .input-field.ort, #bewerbung .input-field.ort
	{
		width:75%;
	}


}


/* --- 340px --------------------------------------------- */
@media only screen and (max-width: 340px) {

}