@charset "UTF-8";
/* CSS Document */


*{
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	
}

.wrapper{
	max-width:700px;
	width:95%;
	hyphens:auto;
	-webkit-hyphens: auto;
  	-moz-hyphens: auto;
  	-ms-hyphens: auto;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #000000;
	background-color:#EE7F01;
}

.header {
	_width:95%;
	_background-repeat: no-repeat;
}

.keyVisual{
	_width:100%;
	_border:0px;
}

.keyVisual img {
	vertical-align:middle;
}

.content {
	display:flex;
	-webkit- display:flex;
	-ms- display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:no-wrap;
}

.contentLeft{
	width:60%;
	display:flex;
	flex-direction: column;
	justify-content:space-between;
	_background: #BFB4B4;
	_background:#346F1A;
    background-color: rgb(227,228,228);
	padding:15px;
}

.preText{
	
}

.jobTitle {
	
}

h1 {
	font-size:24px;
	font-weight:bold;
    margin-top: 15px;
}

h2 {
	font-size:18px;
	font-weight:normal;
    line-height: 24px;
}

h3 {
	font-size:14px;
	font-weight:bold;
    margin-top:20px;
}

ul {
    list-style-type: disc;
	padding-left:10px;
	_margin-top:-10px;
}

ul > li {
    margin-bottom:0.1px;
	_padding:15px;
}


.contentRight{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:40%;
	background:#FFF;
	padding:15px;
}

.contentRightTop{
	_background:#898D38;
	_vertical-align: top;
}

.contentRightBottom{
	_background:#FFF;
}

.contentRightBottom img{
	width:100%;
	padding-top:20px;
}

/* BEGINN der MediaQuerys */
	/* Smartphone */
@media screen and (min-width:0px) and (max-width:570px) {
  
.wrapper {
	border:1px solid #000000;
    width:95%;
	_padding:15px 15px 15px 15px;
	margin: 0 auto;
   	font-size:11pt;
	line-height:1.2;
    overflow: hidden;
	-webkit-box-shadow: #aaaaaa 0 0 10px;
 	-moz-box-shadow: #aaaaaa 0 0 10px;
	box-shadow: #aaaaaa 0 0 10px;
	background: transparent;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    hyphens: auto;
	-webkit-hyphenate-limit-lines: 2;
    hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-chars: auto 3;
    hyphenate-limit-chars: auto 3;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#190075A6,endColorstr=#190075A6);/*IE 5.5-7*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#190075A6,endColorstr=#190075A6)";/*IE8*/
	zoom: 1;
}

.keyVisual {
	display:none;
}
  
h1 {
    font-size:22px;
	width:auto;
}

h2 {
	font-size:16px;
}

.content {
	display:flex;
	-webkit- display:flex;
	-ms- display:flex;
	flex-direction:column;
	justify-content:space-between;
	flex-wrap:no-wrap;
}

.contentLeft {
	width:95%;
    padding: 2.5%;
}

.contentRight {
	width:95%;
    padding: 2.5%;
}
    
.contentRightBottom img{
width:230px;
display:block;
padding-bottom:15px;
}