@media screen{

body{overflow-y:scroll;background:url(../../images/bg-pr.gif) repeat-x top fixed;}
.ym-wrapper{min-width:760px;max-width:970px;margin:0 auto;background-color:#fff;}
.container{max-width:970px;margin:0 auto;}
header{margin-top:65px;}
main{display:block;background-color:#fff;}
.ym-col1{float:left;width:73%;padding:0 10px 0 0;background-color:#fff;}
.ym-col3{margin:0 0 10px 75%;border-left:#ccc 0px solid;}
.ym-cbox{margin:22px 0px 0 0;padding:0 0 0 15px;}
.ym-gbox{padding-bottom:0;padding-left:0px;padding-right:20px;padding-top:0;}
footer{color:#676767;background:#fff;border-top:1px #ccc solid;line-height:1.5em;}
.ym-skiplinks a.ym-skip:focus,
.ym-skiplinks a.ym-skip:active{color:#fff;background:#444444;border-bottom:1px #000 solid;padding:10px 0;text-align:center;text-decoration:none;}
.flexible{max-width:100%;height:auto;margin-bottom:1.5em;}
/*Start - Index - Beratungs- Ziel- Seite*/
#flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

div#flex-container h1{color:#ffffff; }
div#flex-container a,a:hover,focus{background:transparent;color:white;text-decoration:none;}
 /* Seite index */
 .panel-tx {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 47%;
  padding: 15px 0 15px 15px !Important;
 float: left;
  margin: 10px;
  border: 1px solid #ddd;
}
 /* Seite Karriereziel */
  .panel-tx2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 23%;
  padding: 10px;
  float: left;
  margin: 5px;
  border: 1px solid #ddd;
}
 /* Seite Personalberatung */
  .panel-tx3 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 23%;
  padding: 12px 0 15px 15px;
  float: left;
  margin: 9px;
  border: 1px solid #ddd;
}
 /* Seite Tipps */
  .panel-tx4 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  padding: 10px 0 10px 12px;
  float: left;
  margin: 6px;
  border: 1px solid #ddd;
}

.fade{opacity:0.6;filter:alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.fade:hover{opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.nav li{margin-left:0px}}
.navbar-fixed-top{position:fixed;padding-right:25px;padding-left:20px;}
a.anchor{display:block;position:relative;top:-60px;}
.formular{margin:auto;margin-top:35px;width:460px;text-align:left;padding:10px;background:#fff;
-webkit-border-radius:2px;
-moz-border-radius:2px;border-radius:2px;
-webkit-box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
box-shadow:0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.formular table{width:100%;}

input.sendButton {
   color: #000000;
   font-weight: normal;
   font-style: normal;
   background-color: #E4E4E4;
   width: 130px;
   cursor: pointer;
   border: 1px solid #cccccc;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;border-radius:3px;
   height: 2em;
}

input.sendButton:hover {
   color: #FFFFFF;
   font-weight: bold;
   font-style: normal;
   background-color: #3B5998;
   width: 130px;
   cursor: pointer;
   border: 1px solid #FFFFFF;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;border-radius:3px;
   height: 2em;
}

input.clearButton {
   color: #000000;
   font-weight: normal;
   font-style: normal;
   background-color: #E4E4E4;
   width: 130px;
   cursor: pointer;
   border: 1px solid #cccccc;
   margin-right:30px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;border-radius:3px;
   height: 2em;
}

input.clearButton:hover {

   color: #FFFFFF;
   font-weight: bold;
   font-style: normal;
   background-color: #b20000;
   width: 130px;
   cursor: pointer;
   border: 1px solid #FFFFFF;
   margin-right:30px;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;border-radius:3px;
   height: 2em;
}
#error{margin:0 0 30px 0;padding:30px 0 10px 0;}
#error h1{font-size:200%;font-weight:bold;}
#error p{line-height:1.5em;font-size:116.6667%;text-align:justify;}
#error h2{font-size:200%;font-weight:bold;margin-bottom:20px;}

/* Kunden - Visitenkarten */
.visitenkarte{float:left;display:inline;width:174px;height:135px;margin:5px 20px 0 0;}
.vkinnen{margin:20px 20px 20px 0px;height:100px;text-align:center;line-height:100px;vertical-align:middle;}
.vkinnen img{
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2);
}

.boxy{display:block;text-align:center;display:table-cell;vertical-align:middle !Important;width:24px;height:29px;background:#e7e7e7;text-decoration:none;}
.boxy .fa{vertical-align:-50%;}
.boxy:hover{background:#b20000;text-decoration:none;}
.boxy .fa:hover,
.boxy2 .fa:hover{color:#fff;}
.boxy2{display:block;text-align:center;margin:5px 10px 0 0;width:30px;height:30px;background-color:#e7e7e7;float:left;}
.xing:hover{background-color:#006567;text-decoration:none;}
.xing a{color:#444;text-decoration:none;}
.xing a:hover{background-color:#006567;color:#444;text-decoration:none;}
.linkedin:hover{background-color:#0e76a8;text-decoration:none;}
.linkedin a{color:#444;text-decoration:none;}
.linkedin a:hover{background-color:#0e76a8;color:#444;text-decoration:none;}
.skype:hover{background-color:#00AFF0;text-decoration:none;}
.skype a{color:#444;text-decoration:none;}
.skype a:hover{background-color:#00AFF0;color:#444;text-decoration:none;}
.twitter:hover{background-color:#4099FF;text-decoration:none;}
.twitter a{color:#444;text-decoration:none;}
.twitter a:hover{background-color:#4099FF;color:#444;text-decoration:none;}
.googlesearch{width:550px;margin:0;}
#googlesearch2{margin:0;}
.errorjava p{padding:5px 10px 10px 5px;margin:0 0 15px 0;padding:0;text-align:center;background-color:#b20000;color:#FFFFFF;}
.errorjava a{color:#00A0FF;}

.shariff {margin-bottom:10px !Important;}

 @media screen and (min-width:0px){
.ym-wrapper{min-width:0px;}
 }

 @media screen and (max-width:1200px){
div#flex-container h1{color:#fff; font-size:171.42857% !Important;}
 .panel-tx {margin:8px;}
footer, main{padding-left:4px;padding-right:5px;}
 }

 @media screen and (max-width:890px){
body {font-size: 95% !Important;margin-left:2px !Important;}
 .panel-tx {margin:8px;}
footer, main{padding-left:4px;padding-right:5px;}
 }

 @media screen and (max-width:760px){
.linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"]{display:block;float:none;padding:0 0 0 1px;margin-left:4px;width:auto !important;}
.container{padding-right:8px;padding-left:5px;}
.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"]{margin:0;padding:0;overflow:hidden;}
body {font-size: 90% !Important;margin-left:2px !Important;}
div#flex-container h1{color:#fff; font-size:130% !Important;}
  .panel-tx {margin:5px;}
footer, main{padding-left:4px;padding-right:5px;}
 }