body{padding: 0; margin: 0; background-color: #fff; font-family: "Circular", sans-serif; 
	background-image: url('../img/backgroundSonnMartinB.png'); background-repeat: no-repeat; 
	background-attachment: fixed; background-position: center; height: auto;}


.ld_backgroundSonnMartin h2{font-style: italic;}

@media only screen and (min-width: 1100px){
	.ld_backgroundSonnMartin h2{font-size: 30px; margin-top: 30%;}
}
@media only screen and (min-width: 1300px){
	.ld_backgroundSonnMartin h2{font-size: 40px; margin-top: 45%;}
}
@media only screen and (min-width: 1600px){
	.ld_backgroundSonnMartin h2{font-size: 47px; margin-top: 60%;}
}
/**Mobile device**/

@media only screen and (max-width: 800px){
	
	nav{margin: 5% 0 0 0; }
	
	body{background-size: cover;}
	.ld_backgroundSonnMartin h2{width: 100%;  font-size: 33px;}
	.ld_wrapper {width: 95%; margin: 0 auto 0 auto;  position: relative;}
		
	content{width: 100%; margin: 7% 0 0 0; }
	
	.ld_logoImage{height: 80vh; margin: 10% 0 10% 0}
	.ld_backgroundSonnMartin h2{text-align: center;}
	
	.ld_menu{width: 100%; margin: 0 auto 0 auto;}
	.ld_menu li{width: 100%; margin-top: 20px;}
	
	.ld_dropDownList {width: 100%; bottom: 100%; left: 0; display: none; margin-bottom: 3%; }
	.ld_dropDownList li{width: 100%; margin-bottom: 2%; }
	
	footer{display: block; height: 10%;}
	footer ul{display: block; font-size: 10px; text-align: center; margin-top: 30px;}
	

	
}

/**desktop version**/

@media only screen and (min-width: 800px){
	
	nav{margin: 3% 0 0 0; z-index: 3;}
	
	body{background-size: contain;}
	.ld_wrapper {width: 98%; margin: 0 auto 0 auto;  position: relative;}
	
	content{width: 94%; margin: 4% 3% 0 3%; z-index: 1; height: auto;}
	
	.ld_backgroundSonnMartin {display: flex; flex-direction: row; justify-content: space-around; margin: 3% 0 3% 0;}
	.ld_backgroundSonnMartin div{width: 33.3%;}
	.ld_logoImage{height: 60vh;}
	
	.ld_menu{display: flex; flex-direction: row; justify-content: space-around;}
	.ld_menu li{width: 30%; position: relative; }
	.ld_menu li a, .ld_menu li p{font-size: 32px;}
	
	.ld_dropDownList {width: 100%; position: absolute; top: 100%; left: 0; display: none; z-index: 3;}
	.ld_dropDownList li{width: 100%; margin-top: 2%; overflow: hidden;}

	footer{display: block; height: 10%; float: right; width: 100%; margin-top: 5%;}
	footer ul{float: right;}
	footer ul li{float: right; display: block;}
}

#ld_selectedmenupoint{background-color: #ddd;}

.ld_logoImage{background-image: url('../img/logoSonnMartin.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}

/**Menüstruktur **/

ul{ padding: 0; margin: 0; list-style: none;}
ul li a, ul li p{padding: 16px; text-align: center; display: block; margin: 0; font-size: 26px; text-decoration: none; color: #000;}

#ld_footer li:hover a{text-decoration: underline;}
#ld_footer li a{font-size: 17px;}

/** Element Gestaltung */

content{display: inline-block; background-color: #fff; border: 2px solid black; border-radius: 15px; 
		height: auto; padding: 0; box-sizing: border-box; box-shadow: 3px 3px 5px grey;  opacity: 0.9; min-height: 65vh;}

.ld_menu li, .ld_dropDownList li{background-color: #fff; border: 2px solid black; border-radius: 5px; height: auto; padding: 0; box-sizing: border-box; box-shadow: 3px 3px 5px grey; font-weight: bold;}
.ld_menu li:hover, .ld_dropDownList li:hover{background-color: #ddd; cursor: pointer; transition: all ease 0.5s; box-shadow: 4px 4px 7px grey;} 

/*******************************************************************************/
/******************************Home Gestaltung*******************************/


/**Mobile device**/

@media only screen and (max-width: 800px){

content h2{font-size: 20px; margin: 2% 0 0 0; text-align: center;}

.ld_conwrapper{width: 90%; margin: 2% 5% 2% 5%; float: left;}
.ld_conwrapper div:nth-child(1) {width: 100%; min-height: 400px;  text-align: center; margin-top: 20xp;}
.ld_conwrapper div:nth-child(1) div {background-image: url('../img/martin-sonn.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%;}



.ld_conwrapper div:nth-child(2) {width: 100%; padding: 2% 0; text-align: center;}
.ld_conwrapper div:nth-child(2) p {font-size: 20px;}
}


/**desktop version**/

@media only screen and (min-width: 800px){

content h2{font-size: 40px; margin: 0;}
.ld_conwrapper{width: 90%; margin: 4% 5% 4% 5%; float: left;}
.ld_conwrapper div:nth-child(1) {width: 30%; float: left; min-height: 400px;  text-align: center; margin-top: 20xp;}
.ld_conwrapper div:nth-child(1) div {background-image: url('../img/martin-sonn.png'); background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%;}



.ld_conwrapper div:nth-child(2) {width: 60%; float: left; padding: 0 0 0 8%;}
.ld_conwrapper div:nth-child(2) p{font-size: 22px;}
.ld_conwrapper div:nth-child(2) h3 {font-size: 24px;}
}
@media only screen and (max-width: 1500px){.ld_conwrapper div:nth-child(1){ min-height: 400px;}}
@media only screen and (max-width: 1300px){.ld_conwrapper div:nth-child(1){ min-height: 330px;}}
@media only screen and (max-width: 1100px){.ld_conwrapper div:nth-child(1){ min-height: 250px;}}


/*******************************************************************************/
/******************************Kontakt Gestaltung*******************************/


/**desktop version**/
@media only screen and (min-width: 800px){
.ld_conwrapperKontakt{width: 90%; margin: 4% 5% 4% 5%; float: left;}
.ld_contact{width: 48%; margin: 0 2% 3% 0; float: left;}
.ld_contact2{width: 48%; margin: 0 0 3% 2%; float: left;}
#ld_contactData p,#ld_contactData a{text-align: left;}
}

/**Mobile device**/
@media only screen and (max-width: 800px){
.ld_contact{width: 96%; margin: 30px 2% 30px 2%;}
#ld_contactData{text-align: center; font-size: 18px;}
#ld_contactData li span span p, #ld_contactData li a,{font-size: 18px;}
}

#ld_contactData li p, #ld_contactData li a{margin: 0; overflow: hidden; padding: 0;}
#ld_contactData li {padding:0;}

.ld_contact2 ul li a{color: blue;}



.ld_contact_form {
	margin:10px auto;
	padding: 20px 12px 10px 20px;
}
.ld_contact_form li {
	padding: 0;
	display: block;
	list-style: none;
	margin: 12px 0 0 0;
}
.ld_contact_form label{
	margin:0 0 6px 0;
	padding:0px;
	display:block;
	font-weight: bold;
	font-size: 20px;
}
.ld_contact_form input[type=text], 
.ld_contact_form input[type=date],
.ld_contact_form input[type=datetime],
.ld_contact_form input[type=number],
.ld_contact_form input[type=search],
.ld_contact_form input[type=time],
.ld_contact_form input[type=url],
.ld_contact_form input[type=email],
textarea, 
select{
	box-sizing: border-box;
	border: 1px solid black;
	padding: 7px;
	margin:0px;
	transition: all 0.30s ease-in-out;
	outline: none;	
	font-size: 20px;
}
.ld_contact_form input[type=text]:focus, 
.ld_contact_form input[type=date]:focus,
.ld_contact_form input[type=datetime]:focus,
.ld_contact_form input[type=number]:focus,
.ld_contact_form input[type=search]:focus,
.ld_contact_form input[type=time]:focus,
.ld_contact_form input[type=url]:focus,
.ld_contact_form input[type=email]:focus,
.ld_contact_form textarea:focus, 
.ld_contact_form select:focus{
	box-shadow: 0 0 8px #88D5E9;
	border: 1px solid #88D5E9;
}

.ld_contact_form .field-long{
	width: 100%;
}
.ld_contact_form .field-select{
	width: 100%;
}
.ld_contact_form .field-textarea{
	height: 150px;
}
.ld_contact_form input[type=submit], .ld_contact_form input[type=button]{
	background: #4B99AD;
	padding: 8px 15px 8px 15px;
	border: none;
	color: #fff;
	margin-left: 35%;
	width: 30%;
	text-align: centerM;
}

.ld_contact_form input[type=submit]:hover, .ld_contact_form input[type=button]:hover{
	background: #4691A4;
	box-shadow:none; 
	cursor: pointer;
}
.ld_contact_form .required{
	color:red;
}

/**action on selection part**/
.ld_productImage div{display: none; background-position: center; background-repeat: no-repeat; background-size: contain; height: 100%; width: 100%;}
.ld_productImage {width: 100%; height: 400px; margin: 8% 0;}


#ld_ALL{background-image: url('../img/logoSonnMartin.png'); display: block; }

#ld_VBB{background-image: url('../ProduktTabellen/blueImg/11a_picture.png');}

#ld_GAB{background-image: url('../ProduktTabellen/blueImg/1a_picture1B.png');}

#ld_ABW{background-image: url('../img/logoSonnMartin.png');}

#ld_GEB{background-image: url('../img/logoSonnMartin.png');}



/*******************************************************************************/
/******************************galvanische Bindung Gestaltung*******************************/


.ld_conwrapperGalBin{width: 90%; margin: 4% 5% 4% 5%; }
.ld_schleifscheiben .ld_imageD{background-image: url('../img/blueImg/11a_picture.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}
.ld_schleifstifte .ld_imageD{background-image: url('../img/blueImg/1a_picture1B.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}
.ld_feilen .ld_imageD{background-image: url('../img/redImg/feilen.png'); background-position: center; background-repeat: no-repeat; background-size: contain;}




.ld_conwrapperGalBin h3{font-size: 24px;}
.ld_conwrapperGalBin p, .ld_conwrapperGalBin a{font-size: 22px;}

.ld_links a, .ld_links h3{text-align: center; display: block;}
.ld_links a{overflow: hidden; color: black; text-decoration: none; background-color: #fff; border: 2px solid black; border-radius: 5px; height: auto; padding: 10px 15px; box-sizing: border-box; box-shadow: 3px 3px 5px grey; font-weight: bold; width: 60%; margin-left: 20%;}
.ld_links a:hover{background-color: #ddd; cursor: pointer; transition: all ease 0.5s; box-shadow: 4px 4px 7px grey;}
.ld_imageD{width: 100%; height: 250px; margin: 20px 0;}

/**desktop version**/


@media only screen and (min-width: 800px){

	.ld_links{display: flex; flex-direction: row; justify-content: space-around; margin-top: 50px;}
	.ld_schleifscheiben, .ld_schleifstifte, .ld_feilen{width: 30%;}	
}

/**Mobile device**/
@media only screen and (max-width: 800px){
	.ld_schleifscheiben, .ld_schleifstifte, .ld_feilen{width: 100%; margin-bottom: 50px;}
}

/*******************************************************************************/
/******************************vakuum brazed Bindung Gestaltung*******************************/

.ld_conwrapperVakBrBin{width: 90%; margin: 4% 5% 4% 5%;}

.ld_conwrapperVakBrBin p{font-size: 22px; }
#ld_listCon, #ld_listCon2{list-style: disc; font-size: 22px; padding-left: 30px;}
#ld_listCon li, #ld_listCon2 li{margin: 9px;}


/*******************************************************************************/
/******************************Tabellen Gestaltung**********************/




.ld_conwrapperP{width: 90%; margin: 4% 5% 4% 5%;}
.ld_conwrapperP h3{font-size: 25px;}
.ld_conwrapperP p{font-size: 22px;}
.ld_conwrapperP font{font-size: 20px;}
.ld_conwrapperP td{text-align: center;}
.ld_conwrapperP table{width: 100%; min-width: 1000px;}
.produkt_AW div{background-repeat: no-repeat; background-position: bottom; background-size: contain;}
.produkt_AW{margin-bottom: 100px;}
.table_div{ overflow: auto; overflow-y: hidden; border-left: 1px solid black; border-right: 1px solid black;}
td{background-position: center; background-repeat: no-repeat; background-size: contain;}



.add_in div:first-child{width: 100%;}
.add_in div:nth-child(2){width: 95%; margin-left: 5%;}




@media only screen and (min-width: 800px){
	.add_in {display: flex; flex-direction: row; justify-content: space-around; width: 100%; min-height: 150px; margin-bottom: 20px; }
	.add_in div h3{width: 100%; margin: 90px 0 0 0; padding: 0; font-size: 28px;}
}

/**Mobile device**/
@media only screen and (max-width: 800px){
	.add_in {width: 100%; display: block;}
	.add_in div{height: 100px;}
	.ld_conwrapperP{text-align: center;}
	.add_in div h3{margin: 0; text-align: center; font-size: 20px; padding-right: 3px;}
	.ld_conwrapperP h2{font-size: 32px;}
}


/*******************************************************************************/
/******************************Abricht Gestaltung*******************************/


#ld_abrichtrollen{list-style: disc; font-size: 22px; padding-left: 30px;}
#ld_abrichtrollen1{background-image: url('../img/greenImg/abrichtrollen.png')}
#ld_abrichtrollen2{background-image: url('../img/greenImg/abrichtrollen2.png')}
.produkt_AW h4{font-size: 22px;}


/**desktop version**/
@media only screen and (min-width: 800px){
	#ld_abrichtrollen1, #ld_abrichtrollen2{width: 30%; margin: 0 10% 0 10%; height: 300px; background-position: center; background-size: contain; background-repeat: no-repeat;}
}
/**Mobile device**/
@media only screen and (max-width: 800px){
	#ld_abrichtrollen{list-style: disc; font-size: 22px; padding-left: 30px; text-align: left;}
	#ld_abrichtrollen1, #ld_abrichtrollen2{width: 90%; margin: 0 5% 0 5%; height: 300px; background-position: center; background-size: contain; background-repeat: no-repeat;}
}




/*******************************************************************************/
/******************************Gesinterte Bindung Gestaltung*******************************/



.ld_kunstharzbindung, .ld_metallbindung{min-width: 30%;}
tr:first-child{font-weight: bold;}
font{display: block; margin: 10px 0;}














/*******************************************************************************/
/******************************Impressum Gestaltung*******************************/



.ld_conwrapperImp{width: 90%; margin: 4% 5% 4% 5%;}