/**
 * Project:     www.bauingenieur24.de
 * Description: Screen-Layout fuer bau24
 *
 * @creator     Thinkin-Tags v0.5.3
 * @framework   YAML v4.1.2
 * @file        screen.css
 */
@media screen {
  body { overflow-y: scroll; margin: 0 auto; max-width: 71em; padding:0 0.357em; min-width:320px; width: auto; }
  .ym-wrapper { }
  header .ym-wbox { }
  .ym-wbox { }
  /* fallback for missing media queries support */
  body > header, body > nav, body > main, body > footer { min-width: 768px; }
  header      { margin:1.5em 0 0 0; color: #ccc; border-top: 2px solid #636363; }
  header h1   { background: transparent; }
  .b24-g66    { width:66.66%;} .b24-g33 { width:33.33%;}
  nav#nav     { border-top: 1px solid #636363; }
  main .info  { margin-bottom: 1.5em; }
  main aside .ym-gbox-right { border-left: 1px #ddd solid; }
  footer    { background: #F9F9F9; color: #444; }
  footer p  { margin: 0; }
  footer .ym-wbox { }
  .ym-gbox        { padding:0 .5em; }
  .ym-gbox-left   { padding:0 .5em 0 0; }
  .ym-gbox-right  { padding:0 0 0 .5em; }

  /* skip links styling */
  .ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active {
    color: #fff; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-align: center; text-decoration: none;
  }
  /** „CSS Checkbox Hack“ */
  .b24-td-col-l, .b24-td-col-r { display: block; width:100%; float:none;  }
  .b24-table-col, .b24-tr-col { display:block; }
  .b24-on-off-screen { display: block; }
  .b24-off-on-screen, .ym-hlist-l3 ul li.b24-offon-screen, .b24-screen-568, .b24-screen-bl-568 { display: none; }
  span.googlemaps_marker_js, .bau24_gmaps { display:block; }
  #b24-radius-search-input   { position:relative; width:79%; margin:0 1% 0 0; height:28px; }
  #b24-job-search-input-plz  { position:relative; width:67%; margin:0 1% 0 0; height:28px; padding-left:25px; }
  #b24-job-search-input-position  { position:relative; margin:0; height:28px; padding-left:25px; }
}

/* reset fallback values in modern browsers */
@media screen and (min-width: 320px) {
  body > header, body > nav, body > main, body > footer {
    min-width: 320px;
  }
}

@media screen and (max-width: 997px) {
  .b24-ads1, .b24-ads2 { float: none; }
  .b24-noscreen-990 { display: none; font-size:0px; border:none; background:#FFF; }
  .b24-jobsearch-left		{ width:37%; }
  .b24-jobsearch-right	{ width:62%; }
  #b24-job-search-input-plz { width:63%; }
}

@media screen and (max-width: 850px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-3 */
  .linearize-level-3, .linearize-level-3 > [class*="ym-c"], .linearize-level-3 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block; float: none; width: auto !important;
  }
  .linearize-level-3 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-3 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden;
  }
  .b24-bl { padding:0; } .b24-br { padding-left:.357em; }
  .b24-table-col{ display:block; width: 100%; border-collapse: collapse; border:0px solid blue; }
  .b24-tr-col   { display:block; border:0px solid red; }
  .b24-td-col-l { display:table-cell; width:49%; float: left; border:0px solid red; }
  .b24-td-col-r { display:table-cell; width:49%; float: right; border:0px solid blue; }

  .b24-noscreen-850 { display: none; font-size:0px; border:none; background:#FFF; }
  .b24-on-off-screen { display: none; }
  .b24-off-on-screen, .ym-hlist-l3 ul li.b24-offon-screen { display: block; }

  .b24-g33-1 { width: 31.333%; }
  .b24-g33-2 { width: 35.333%; }
  .b24-title, .b24-title-job { margin-left:.4em; }
  .b24-title-small, .b24-title-small-job { margin-left:.5em; }
  div.b24-td-right-res { float:left; margin-top: 1em; }
  #b24-job-search-input-plz  { width:67%; }
  .b24-jobsearch-left		{ width:40%; }
  .b24-jobsearch-right	{ width:59%; }
}

@media screen and (max-width: 785px) {
  /** body { font-size:80%; }*/
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block; float: none; width: auto !important;
  }
  .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden;
  }
  .b24-box-head-outer-l1 { border-bottom: 1px solid #FFF; } /* wichtig für Startseite damit der Abstand zum Kopf der Boxen erzwungen wird */
  .b24-box-bottom-linie-ll1 { margin:0.5em 0 0.5em 0; border-top: 1px solid #dcdcdc; clear:both; float: none; padding:0; background:transparent; } /* wichtig für Startseite */
  .b24-td-box-l { width:49%; float:left; }
  .b24-td-box-r { width:49%; float:right; }
  .b24-news-box-spacer { margin:0; }

  .bau24-gf01, .bau24-gf02, .bau24-gf03, .bau24-gf04, .bau24-gf05 { display: block; width: 100%; padding:0; }
  .b24-article      { width:16%; margin-bottom: .8em; }
  .b24-article-col  { width:30%; }
  /*
  .b24-searchform {
    display: block; width:100%; line-height: 1; padding:0; margin:0.5em 0 0.5em 0; border:0px solid red; text-align: right;
  }*/
  .b24-noscreen-768 { display: none; font-size:0px; border:none; background:#FFF; }
  .b24-title, .b24-title-job { bottom: -1.9em; }
  .b24-title-small, .b24-title-small-job { bottom: -2.6em; }
}

@media screen and (max-width: 740px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-4 */
  .linearize-level-4, .linearize-level-4 > [class*="ym-c"], .linearize-level-4 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block; float: none; width: auto !important;
  }
  .linearize-level-4 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-4 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden;
  }
  .b24-g100 { width: 100%; }
  .b24-title, .b24-title-small, .b24-title-job, .b24-title-small-job { margin:0.3em 0 0.2em 0; text-align:center; line-height: 1.5em; position: static; bottom: auto; }
  .b24-title, .b24-title-job { font-size:1.5em; }

  header .b24-head-title { margin-top:.3em; border-top: 1px solid #636363; }
  .b24-head-title .b24-title-small { width:83%; margin-left: 17%; border:0px solid red; text-align: center; }
  .b24-head-title .b24-title { width:92%; margin-left: 8%; border:0px solid red; text-align: center; }
  .b24-head-title .b24-title-small-job, .b24-head-title .b24-title-job { width:64%; margin-left: 18%; margin-right: 18%; border:0px solid red; text-align: center; }

  .b24-head-row1 { border:none; }
  nav#nav { border-top: none; }

  .b24-box-logo     { width:40%; }
  .b24-noscreen-740 { display: none; font-size:0px; border:none; background:#FFF; }
  .b24-img-right-block { width:25%; }
  .b24-search { width: 100%; position:static; }
  .b24-search-pos { display:none; width: 100%; border-top: 1px solid #636363; margin:0.2em 0 0 0; }
  .b24-searchform { display:block; margin:0.5em 0 0 0; border:0px solid red; }
  #category_box_inner ul li.small { width:49%; }
  .b24-jobsearch-left		{ width:39%; }
  .b24-jobsearch-right	{ width:60%; }
  #b24-job-search-input-plz  { width:64%; }
}

@media screen and (max-width: 640px) {
  .b24-img-right-block { height:85px; }
  .b24-noscreen-640 { display: none; font-size:0px; border:none; background:#FFF; }
  #category_box_inner ul li { width:99%; }
  .b24-radius-search-btn {
    display:block; width: 100%; float: left; margin-top: .5em;
  }
  .b24-jobsearch-left		{ width:37%; }
  .b24-jobsearch-right	{ width:62%; }
  #b24-job-search-input-plz  { width:61%; }
}

@media screen and (max-width: 568px) {
  .b24-box-logo { width:45%; }

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
    /* linearization for grids and columns module */
    display: block; float: none; width: auto !important;
  }
  .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
    /* reset defined gutter values */
    margin: 0; padding: 0; /* optional for containing floats */ overflow: hidden;
  }
  .b24-box-head-outer-l2 { border-bottom: 1px solid #FFF; }  /* wichtig für Startseite damit der Abstand zum Kopf der Boxen erzwungen wird */
  .b24-box-head-outer { width:100.4%; }

  .ym-g47l { border:none; }
  .td-left-lit { width:21%; }
  .b24-article { width:22%; }
  .b24-article-col { width:22%; }
  .b24-td-box-l, .b24-td-box-r, .b24-td-col-l, .b24-td-col-r, .b24-td-content-l, .b24-td-content-r { display: block; width:100%; float:none; }
  .b24-table-col, .b24-tr-col { display: block; }
  .b24-on-off-screen { display: block; }
  .b24-off-on-screen { display: none; }

  header .ym-wbox { }
  header h1 { font-size: 1.5em; line-height: 1em; margin: 0; }
  .b24-screen-568 { display: inline; }
  .b24-screen-bl-568 { display: block; }
  .b24-noscreen-568, .ym-hlist-l3 ul li.b24-noscreen-568 { display: none; font-size:0px; border:none; background:#FFF; }
  .b24-ads-container { display: none; font-size:0px; border:none; background:#FFF; }
  .b24-box-head-brightgrey { border:none; border-top: 8px solid #dcdcdc; border-radius: 0; padding: 0; }

  .b24-img-right-block { width:auto; height:auto; border:1px solid #FEFEFE; margin:0 0 2px 0; }
  .b24-img-right-block img { max-width: 90%; margin:0; }

  .b24-lit-list { width:auto; height:auto; border:none; margin:0 10px 2px 0; padding:0; }
  #b24-iconlist { display:block; clear:both; float:none; margin-top: .5em; }
  #b24-iconlist a { margin:0 1em 0 0; }
  .b24-form-cell { width: 50%; }
  .b24-product-pic, .b24-product-pic2 { width:100%; margin: .4em 0; padding-left: 0; border:0px solid red;  }

  /* .b24-css-table div  { display: block; width: 100%; }
  .b24-css-table div div { display: inline; width: auto; } #FEFEFE*/
  .b24-css-table div div { display: block; width:100%; table-layout: auto; }
  .b24-table-profil-br div div { display: block; width:100%; table-layout: auto; }
  .b24-profile-td1 { color: #080878; }
  .b24-profil-td1  { color: #080878;  width:50%; }
  .b24-profil-td2 { width:50%; }

  #b24-radius-search-input { width:100%; }
  .b24-jobsearch-left		{ width:100%; }
  .b24-jobsearch-right	{ width:100%; }
  .b24-radius-search button { float:left; margin:0; position: relative; }
  #b24-job-search-input-plz { width:70%; }
}

@media screen and (max-width: 480px) {
  .b24-box-logo { width:50%; }
  .td-left-most { width: 20%; }
  .b24-box-head-outer { width:100.5%; }
  .b24-all-jobs { display: block; }

  .b24-img-profil { float: left; display:block; width:100%; border:none; padding:0; }
  .b24-title, .b24-title-small, .b24-title-job, .b24-title-small-job { line-height: 1.1em; }
  .b24-head-title .b24-title-small, .b24-head-title .b24-title, .b24-head-title .b24-title-small-job, .b24-head-title .b24-title-job {
    width:100%; margin-left:0; text-indent:0; border-bottom: 1px solid #636363; padding-bottom: 0.3em;
  }
  #menu-trigger { margin-top:-0.1em; margin-bottom: .15em;   }
  .b24-pager-cell-big { width: 50%; }
  .b24-page-image, .b24-page-image-right { width:100%; margin: 0 0 1em 0; float:none; }
  .b24-button-480 { display: block; width: 100%; padding:1.5em 0; text-align: left; float:left; }
  .b24-button-480 #button { float:left; }
  .b24-profil-linkbox { width:270px; }

  .b24-pager-cell { width:50%; }
  #category_box_inner ul li.small { width:99%; }
  .b24-noscreen-480 { display: none; font-size:0px; border:none; background:#FFF; }
  #b24-job-search-input-plz  { width:65%; }
}

@media screen and (max-width: 420px) {
  .b24-art-list { width:25%; }
  .b24-search-dropdown { display:block; width:50%; float:none; margin-bottom:0.5em; }
  .b24-search-field { width:100%; float:none; }
  .b24-radius-search button { margin:0.8em 0 0 0; }
  #b24-job-search-input-plz  { width:100%; }
}

@media screen and (max-width: 350px) {
  .b24-box-logo { width:30%; }
  .b24-noscreen-350 { display: none; font-size:0px; border:none; background:#FFF; }
}