@font-face{/* proteus-schrift-ersatz: Google Fonts */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url('../fonts/OpenSans-400.ttf') format('truetype');
}@font-face{/* proteus-schrift-ersatz: Google Fonts */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url('../fonts/OpenSans-600.ttf') format('truetype');
}@font-face{/* proteus-schrift-ersatz: Google Fonts */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url('../fonts/OpenSans-700.ttf') format('truetype');
}*{margin:0; padding:0; border:0; }img{
	vertical-align: bottom;
}html, body{
	background-color:#ddd;
}a{
	text-decoration:none;
	color:#00A4E8;
	font-weight:600;
}.footer a{
	color:#fff;
}a:hover{
	color:#999;
	text-decoration: underline;
}a .logo:hover, a .icon:hover{
	opacity:0.62;
}.button{
	display:inline-block;
	font-size:17px;
	font-weight:600;
	line-height:26px;
	text-decoration:none;
	color: #fff;
	background-color: rgb(255, 165, 0);
	border: 2px solid rgb(8, 117, 225);
	border-radius:5px;
	padding:8px 16px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 16px 0 53px 0;
}.button:hover{
	color: #fff;
	background-color: #00A4E8;
	border: 2px solid #0875E1;
	text-decoration:none;
}.clearing{
	clear:both;
	height:0;
}sup{
	line-height:98%;
}sub{
	line-height:96%;
}h1, h2, h3, p, li{
	line-height:150%;
}h1, h2, h3{
}h1, h2{
	color: #005dba;
}h1{
	font-size:28px;
	margin: 0 0 26px 0;
}h2{
	font-size:20px;
	margin: -26px 0 26px 0;
}h3{
	font-size:15px;
	margin: 0 0 11px 0;
	font-weight:600;
}p, li{
	font-size:14px;
	font-weight:400;
}p, ul{
	margin: 0 0 26px 0;
}ul{
	list-style-type: none;
	margin-left:3%;
}ul li{
	margin: 0 0 0 12px; 
	position: relative;
}ul li:before{
	content: " ";
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#222;
	position:absolute;
	top:8px;
	left:-12px;
}ul li ul{
	margin: 0 0 0 0; 
	position: relative;
}ul li ul li:before{
	width:0;
	height:0;
	content: "\2794";
	content: "\2714";
	position:absolute;
	top:0;
	left:-17px;
	font-size:15px;
	vertical-align:text-top;
}hr{
	border-top: 1px solid rgba(0,0,0,0.26);
	color: transparent;
	background-color: transparent;
	height: 0;
	margin: 0 0 26px 0;
}.logo{
	max-width:44%;
	width:120px;
	height:auto;
	float:left;
	margin: 14px 0 14px 0;
}#ad_job{
	max-width:63rem;
	position: relative;
	margin:0 auto 35px auto;
	background-color:#fff;
	color:#222;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	border-top:5px solid #00A4E8;
}#ad_job, #ad_job div, #ad_job div div{
	overflow:hidden;
}.header, .content, .footer{
	padding: 0 min(12%, 93.6px) 0 min(12%, 93.6px);
}.left, .right{
}.left{
float: left;
width: 42%;
}.right{
float: right;
width: 54%;
}.footer{
	color:#fff;
	background-color:#2E3C43;
	padding-top:26px;
	border-top:5px solid #00A4E8;
}.fadeimages{
position:relative;
width: 100%;
padding: 0 0 43% 0; 
background-color:rgba(0,0,0,1); 
margin: 0 0 26px 0;
}.fade1, .fade2, .fade3, .fade4{
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
opacity: 0;
animation-duration: 12s; 
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}.fade1:nth-of-type(1){
animation-name: fade1;
background:url(../images/bild3.jpg) no-repeat center center;
background-size:cover;
}.fade2:nth-of-type(2){
animation-name: fade2;
background:url(../images/bild2.jpg) no-repeat center center;
background-size:cover;
}.fade3:nth-of-type(3){
animation-name: fade3;
background:url(../images/bild1.jpg) no-repeat center center;
background-size:cover;
}.fade4:nth-of-type(4){
animation-name: fade4;
background:url(../images/bild4.jpg) no-repeat center center;
background-size:cover;
}@keyframes fade1{
0% {opacity:1;}
25% {opacity:0;}
50% {opacity:0;}
75% {opacity:0;}
100% {opacity:1;}
}@keyframes fade2{
0% {opacity:0;}
25% {opacity:1;}
50% {opacity:0;}
75% {opacity:0;}
100% {opacity:0;}
}@keyframes fade3{
0% {opacity:0;}
25% {opacity:0;}
50% {opacity:1;}
75% {opacity:0;}
100% {opacity:0;}
}@keyframes fade4{
0% {opacity:0;}
25% {opacity:0;}
50% {opacity:0;}
75% {opacity:1;}
100% {opacity:0;}
}@media print{.fade1{ opacity: 1; }}@media screen and (max-width: 834px){#ad_job{
	margin:17px;
}h1{
	font-size:26px;
}h2{
	font-size:17px;
}}@media screen and (max-width: 710px){.left, .right{
width: auto;
float: none;
}}@media screen and (max-width: 620px){h1, h2, h3, p, li{
	line-height:125%;
}h3{
	font-size:15px;
}p, li{
	font-size:13px;
}ul li:before{
	top:6px;
}ul li ul li:before{
	top:0;
}.header, .content, .footer{
	padding: 0 6% 0 6%;
}.footer{
	padding-top:26px;
}}@media screen and (max-width: 440px){#ad_job{
	margin:8px;
}.button{
	font-size:14px;
	line-height:20px;
	padding:5px 17px;
}}@media print{html, body{
	color: #333;
	background: none;
	background-color:#fff;
}.logo{
	margin: 0 0 26px 0;
}#ad_job{
	margin:0 auto;
	width:100%;
	border:none;
}.header, .content, .footer{
	padding: 0 0 0 0;
}.bewerbungslink:after{
	content:" UNTER https://lhoist.wd3.myworkdayjobs.com/de-DE/Careers/job/Germany---Istein/Industriemechaniker--w-m-d-_R-011126";
	margin: 17px 0 8px 0;
	display:block;
	font-size:13px;
	line-height:17px;
}}

@media (prefers-reduced-motion: reduce) { * { animation:none !important; transition:none !important; } }

b, strong { font-weight: bold; }

/* prt-hyphenation — Silbentrennung langer Wörter (Proteus, alle Anzeigen) */
@media (max-width: 800px) {
  html {
  overflow-wrap: break-word;
  }
}
@media (max-width: 800px) {
  h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-chars: 8 4 3;
  hyphenate-limit-chars: 8 4 3;
  }
}
@media (max-width: 700px) {
  html {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-chars: 8 4 3;
  hyphenate-limit-chars: 8 4 3;
  }
}

/* proteus-mindest-schriftgroesse */
/* Fließtext der Vorlage ab 14px — angehoben auf 16px
   (Betreiber-Vorgabe SDE-113070, testweise für alle Quellsysteme).
   Nur Bildschirm: im Druck bleibt die Vorlage unangetastet. */
@media screen {
  p, li { font-size: 16px; }
}