@media screen {

  /********/
  /* Body */
  /********/

  
  /******************/
  /* Main Allgemein */
  /******************/

  main {
    color: #333333 !important;
  }

  main p, main ul {
    font-size: 1.0em;
  }

  main a {
    text-decoration: none;
    color: #139bdc;
  }

  main figcaption {
    font-size: 0.8em;
    padding-top: 0.3em;
  }
  
  main .linie-danach {
      border-bottom: 0.1em solid #139bdc;
      margin-bottom: 2em;
  }  
  
  .elastic-video {
      height: 0;
      overflow: hidden;
      padding-bottom: 55%;
      padding-top: 15px;
      position: relative;
  }
  
  .elastic-video iframe {
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
  }

  /********************/
  /* Main Hauptspalte */
  /********************/
  
  main .ym-g75 .ym-gbox-left .csc-default {
    padding: 0 1.5em 0 4em;
  }
  
  .ym-g30 {
    width: 30%;
  }
  
  .ym-g70 {
      width: 70%;
  }
  
  /****************/
  /* Branchenbuch */
  /***************/

  .catlist .news ul {
    list-style-type: none;
  }
  
  .catlist .news ul li {
    margin-left: 0;
  }
  
  .catlist .news ul a{
    text-decoration: none;
  }
  
  /**********/
  /* Teaser */
  /**********/
  
  .tiles section {
    border-top: 0.1em solid #139bdc;
  }
  
  .tiles section .ym-gbox {
    padding: 0;
  }
  .tiles section .ym-gbox .ym-gbox-left {
    padding: 1em  0 0 0;
  }
  
  .tiles section .ym-gbox .ym-gbox {
    padding: 1em 0 0 0;
  }
  
  .tiles section .ym-gbox .ym-gbox-right {
    padding: 1em 0 0 0;
  }
  
  /***********/
  /* Werbung */
  /***********/
  
  iframe.ad-frame body {
    margin: 0;
  }
  

  /**********/
  /* Footer */
  /**********/
  
  footer p {
    font-size: 0.9em;
  }

  footer a {
    color: #ffffff;
    text-decoration: none;
  }

  footer a:hover { 
    color: #139bdc;
    background-color: transparent; 
  }
  
  footer .detail{
    color: #ffffff;
  }  

  /********************************/
  /* TYPO3 Anpassungen Responsive */
  /********************************/

  /* CSS Styled Content Regeln ueberschreiben */
  
  /* nicht mehr benötigt ?
  DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
  DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
  FIGCAPTION.csc-textpic-caption {
   display: block;
  }
  */
  
  .ce-left .ce-gallery, .ce-column { /*umgestellt auf fluid*/
   /*float: none;*/
  }
  
  /* nicht mehr benötigt ?
  DIV.csc-textpic DIV.csc-textpic-imagecolumn {
   display: inline-block;
   float: none;
   vertical-align: top;
  }
  
  .csc-default {clear: both;}
  */
  
  /* Golden Grid Layout für Bild im Text*/
  .ce-intext .ce-gallery {
    width: 28%; /* Bildcontainer Breite */
  }
  
  /* nicht mehr benötigt ?
  DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
   margin-left: 40%;  Textblock 
  }
  
  DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
   margin-right: 40%; Textblock
  }
  */
  
  /* TYPO3 Anpassungen Responsive Ende */


  /* Überschreiben von TYPO3 CSS */
  div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
      margin-left: 2em;
  }
  
  .csc-textpic-imagecolumn  {
    margin: 0 !important;
  }
  
  /*Extensions*/
  
  .tx-powermail legend {
    display:none;
  }
  
  .tx-powermail .powermail_fieldset {
    background: transparent;
  }
  
  .tx-powermail .powermail_fieldset .powermail_field.powermail_submit, .tx-powermail .powermail_fieldset .powermail_field.powermail_reset {
    font-family: 'Pontano Sans', arial, sans-serif !important;
      background-color: #4C4D4F;
  }
    
.tx-powermail .powermail_fieldset .powermail_label {
    clear: left;
    display: block;
    float: left;
    font-family: 'Pontano Sans', arial, sans-serif !important;
    font-weight: normal !important;
    width: 200px;
}
  .tx-powermail .powermail_fieldset .powermail_label[title]::after {
    font-family: 'Pontano Sans', arial, sans-serif !important;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal !important;
  }
  
  .ls-minimal {
    box-shadow: none !important;
    padding: 0 !important;
  }
}

@media screen  and (min-width: 1025px) {

  .tiles section .ym-gbox .ym-gbox-left {
    padding: 1em 1.5em 0 0;
  }
  
  
  .tiles section .ym-gbox .ym-gbox-right {
    padding: 1em 0 0 1.5em;
  }
  
}