html, body{
	background-color:#ddd;
}a{
	text-decoration:none;
	color:#000;
}.footer a{
	color:#CCCCCC;
	font-weight:600;
}a:hover{
	color:#999;
	text-decoration: underline;
}a .logo:hover, a .logo2: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: #000;
	border:1px solid #000;
	border-radius:5px;
	padding:8px 26px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin: 1px 0 23px 0;
}.button:hover{
	color: #000;
	background-color: transparent;
	border:1px solid #000;
	text-decoration:none;
}.clearing{
	clear:both;
	height:0;
}sup{
	line-height:98%;
}sub{
	line-height:96%;
}h1, h2, h3{
	
}h1, h2{
	color: #0062AC;
}h1{
	font-size:32px;
	line-height:35px;
	margin: 0 0 26px 0;
	font-weight:600;
}h2{
	font-size:20px;
	line-height:26px;
	margin: -26px 0 26px 0;
	font-weight:600;
}h3{
	color: #0062AC;
	font-size:18px;
	line-height:26px;
	margin: 0 0 6px 0;
	font-weight:600;
}.footer h3{
	color: #fff;
	font-size:18px;
	line-height:26px;
	margin: 0 0 6px 0;
	font-weight:600;
}p, li{
	font-size:15px;
	line-height:23px;
	font-weight:400;
}p, ul{
	margin: 0 0 26px 0;
}ul{
	list-style-type: none;
	margin-left:2%;
}ul li{
	margin: 0 0 6px 22px; 
	position: relative;
}ul li:before{
	content: "\25CF";
	position:absolute;
	left:-22px;
	font-size:14px;
	color: #0062AC;
	vertical-align:text-top;
}ul li ul{
	margin:0 0 0 0;
}ul li ul li:before{
	content: "\2013";
}hr{
	border-top: 1px solid rgba(0,0,0,0.26);
	color: transparent;
	background-color: transparent;
	height: 0;
	margin: 0 0 26px 0;
}.txt_block{
	text-align:justify;
}.logo, .logo2{
	max-width:35%;
	width:146px;
	height:auto;
	margin: 24px 0 14px 0;
}.logo{
	float:left;
}.topimage{
	width:100%;
	height:auto;
	margin: 0 0 26px 0;
}#ad_job{
	max-width:63rem;
	position: relative;
	margin:35px auto;
	background-color:#fff;
	color:#222;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
}#ad_job, #ad_job div, #ad_job div div{
	overflow:hidden;
}.header, .content, .footer{
	padding: 0 min(16%, 140.2px) 0 min(16%, 140.2px);
}.footer{
	color:#fff;
	padding-top:26px;
	background: linear-gradient(to left, #ef7d17 0%, #6f536b 50%, #174b86 100%);
	
}.video-wrapper iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}.video-wrapper{
position: relative;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
}@media screen and (max-width: 1104px){#ad_job{
	margin:17px;
}}@media screen and (max-width: 834px){.header, .content, .footer{
	padding: 0 12% 0 12%;
}.footer{
	padding-top:26px;
}}@media screen and (max-width: 620px){.header, .content, .footer{
	padding: 0 8% 0 8%;
}.footer{
	padding-top:26px;
}}@media screen and (max-width: 530px){#ad_job{
	margin:7px;
}}@media print{html, body{
	color: #333;
	background: none;
	background-color:#fff;
}.logo, .logo2{
}#ad_job{
	margin:0 auto;
	width:100%;
	border:none;
}.header, .content{
	padding: 0 0 0 0;
}.footer{
	padding: 26px 26px 0 26px;
}.bewerbungslink:after{
	content:" UNTER https://jobs.zvei.org/de/apply?id=9f0a61";
	margin: 17px 0 8px 0;
	display:block;
}}

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

b, strong { font-weight: bold; }

[href^="tel:"] { white-space: nowrap; }

/* 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 15px — 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; }
}

/* proteus-zeilenabstand */
/* Fließtext mindestens 1.5-zeilig gesetzt (Betreiber 24.09.2026):
   nur die Blöcke, die in der Vorlage enger standen — am Output gemessen.
   Nur Bildschirm: im Druck bleibt die Vorlage. */
@media screen { .prt-zeilen { line-height: 1.5 !important; } }