@media all {
  /** General Layout **/
  .frontend {
    background-color: #ffffff; /*@page-background-color*/
    background-image: url(/files/images/backgrounds/gray-lines.png); /*@page-background-image*/
    background-repeat: repeat; /*@page-background-repeat*/
    background-position: 0 0;
    font-family: Verdana,sans-serif; /*@content-font-family*/
    font-size: 10pt; /*@content-font-size*/
    color: #444444; /*@content-font-color*/
  }
  .frontend p {
    font-family: Verdana,sans-serif; /*@content-font-family*/
    font-size: 10pt; /*@content-font-size*/
    color: #444444; /*@content-font-color*/
  }
  .site-page {
    width: 100%;
  }
  .frontend .site-header p {
    color: #444444; /*@header-font-color*/
    margin-bottom: 0.8em;
  }
  .frontend .content-width {
    margin: 0 auto;
    max-width: 1000px;
    width: 85%;
  }
  .site-header {
    position: relative;
  }
  .site-headerbox {
    position: relative;
    padding: 20px;
    color: #FFFFFF;
    background-color: #008fa5; /*@header-background-color*/
    background-image: none; /*@header-background-image*/
    background-repeat: repeat; /*@header-background-repeat*/
    background-position: 0 0;
  }
  .frontend .site-header h1 {
    font-family: Verdana,sans-serif; /*@header-h1-family*/
    font-size: 16pt; /*@header-h1-size*/
    color: #ffffff; /*@header-h1-color*/
    text-align: right;
    margin-bottom: 6px;
  }
  .frontend .site-header h2 {
    font-family: Verdana,sans-serif; /*@header-h2-family*/
    font-size: 14pt; /*@header-h2-size*/
    color: #ffffff; /*@header-h2-color*/
    text-align: right;
  }
  .site-header .site-logo img {
    max-width: 300px;
    width: 100%;
  }
  .site-content {
    background-color: #efefef; /*@content-background-color*/
    background-image: none; /*@content-background-image*/
    background-repeat: repeat; /*@content-background-repeat*/
    background-position: 0 0;
    border-radius: 5px;
  }
  .site-contentbox {
    margin: 10px 0;
    padding: 20px 10px;
  }
  .site-contentbox .ym-gbox {
    padding: 0 10px;
  }
  .frontend .content-box {
    margin-bottom: 20px;
  }
  .site-footer {
    margin-top: 15px;
    background-color: #ffffff; /*@footer-background-color*/
    background-image: none; /*@footer-background-image*/
    background-repeat: repeat; /*@footer-background-repeat*/
    background-position: 0 0;
    border-radius: 5px;
  }
  .site-footerbox {
    color: #444;
    padding: 20px;
  }
  .frontend .site-footerbox h1 {
    color: #008fa5; /*@footer-h1-color*/
  }
  .frontend .site-footerbox h2 {
    color: #008fa5; /*@footer-h2-color*/
  }
  .site-footer .ym-gl {
    border-right: 1px #BBB solid;
  }
  .site-footer .ym-gbox {
    padding: 10px;
  }
  
  /** Typography **/
  .frontend h1,.frontend h2,.frontend h3,.frontend h4 {
    position: relative;
    padding: 0;
    margin: 0 0 0.8em 0;
  }
  .frontend h1 {
    font-family: Verdana,sans-serif; /*@content-h1-family*/
    color: #008fa5; /*@content-h1-color*/
    font-size: 16pt; /*@content-h1-size*/
    font-style: bold; /*@content-h1-fontstyle*/
  }
  .frontend h2 {
    font-family: Verdana,sans-serif; /*@content-h2-family*/
    color: #008fa5; /*@content-h2-color*/
    font-size: 14pt; /*@content-h2-size*/
    font-style: bold; /*@content-h2-fontstyle*/
  }
  .frontend h3 {
    font-family: Verdana,sans-serif; /*@content-h3-family*/
    color: #008fa5; /*@content-h3-color*/
    font-size: 14pt; /*@content-h3-size*/
    font-style: normal; /*@content-h3-fontstyle*/
  }
  .frontend h4 {
    font-family: Verdana,sans-serif; /*@content-h4-family*/
    color: #008fa5; /*@content-h4-color*/
    font-size: 12pt; /*@content-h4-size*/
    font-style: normal; /*@content-h4-fontstyle*/
  }
  .frontend .hr {
    height: 0;
    overflow: hidden;
    border-bottom-width: 1px; /*@content-hr-width*/
    border-bottom-color: #008fa5; /*@content-hr-color*/
    border-bottom-style: solid; /*@content-hr-linestyle*/
    margin: 5px 0;
  }
  .frontend a,.frontend a:visited,.frontend a:active {
    font-family: Arial,sans-serif; /*@content-a-family*/
    color: #2fa6b8; /*@content-a-color*/
    font-size: 10pt; /*@content-font-size*/
    text-decoration: none;
  }
  .frontend a:hover {
    color: #008fa5; /*@content-hovera-color*/
    text-decoration: none;
  }
  .frontend figcaption,
  .frontend figcaption p,
  .frontend figcaption a,
  .frontend .figcaption {
    font-size: 8pt; /*@special-figcapture-size*/
    color: #444444; /*@special-figcapture-color*/
    font-style: italic; /*@special-figcapture-fontstyle*/
  }
  .frontend blockquote {
    background-color: #ffffff; /*@special-quotebackground-color*/
    margin: 0;
    padding: 1em;
    font-family: Verdana,sans-serif; /*@special-quotefont-family*/
    font-size: 8pt; /*@special-quotefont-size*/
    color: #757575; /*@special-quotefont-color*/
  }
  .frontend blockquote p {
    font-family: Verdana,sans-serif; /*@special-quotefont-family*/
    font-size: 8pt; /*@special-quotefont-size*/
    color: #757575; /*@special-quotefont-color*/
  }
  .frontend .block {
    background-color: #ffffff; /*@special-blockbackground-color*/
    color: #444444; /*@special-blockfont-color*/
    padding: 1em;
  }
  .frontend .block p,
  .frontend .block h1,
  .frontend .block h2,
  .frontend .block h3,
  .frontend .block h4,
  .frontend .block a,
  .frontend .block a:visited,
  .frontend .block a:hover,
  .frontend .block a:active {
    color: #444444; /*@special-blockfont-color*/
  }
  .ym-clearfix {
    font-size: 0px;
  }

  /** Blöcke **/
  .line-content {
    margin: 20px 0;
  }
  table {
    border: 1px #BBB solid;
  }
  table th {
    background-color: #EEE;
  }
  table td,table th {
    border: 1px #BBB solid;
  }

  /** Page Navigation **/
  .site-navi {
    padding: 0;
    background-color: #008fa5; /*@menu-background-color*/
    border-radius: 0 0 5px 5px;
    min-height: 5px;
  }
  .site-menu {
    padding: 0;
  }
  .site-menu ul.hlist {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 20px;
  }
  .site-menu ul.hlist li {
    float: left;
    list-style: none;
    margin: 0 2px 0 0;
  }
  .site-menu a {
    display: block;
    color: #ffffff; /*@menu-font-color*/
    font-family: Arial,sans-serif; /*@menu-font-family*/
    font-size: 10pt; /*@menu-font-size*/
    font-style: normal; /*@menu-font-fontstyle*/
    padding: 0 10px;
    line-height: 35px;
  }
  .site-menu a:visited {
    color: #ffffff; /*@menu-font-color*/
    font-size: 10pt; /*@menu-font-size*/
  }
  .site-menu a:hover,.site-menu a:active {
    color: #ffffff; /*@menu-hoverfont-color*/
    font-family: Arial,sans-serif; /*@menu-font-family*/
    background-color: #444444; /*@menu-hoverbackground-color*/
    font-size: 10pt; /*@menu-font-size*/
  }
  .site-menu ul.hlist li.active {
    background-color: #444444; /*@menu-hoverbackground-color*/
  }
  .site-menu ul.hlist li.active a {
    color: #ffffff; /*@menu-hoverfont-color*/
    font-size: 10pt; /*@menu-font-size*/
  }
  
  /** Mobil Navigation **/
  .site-menu.abstract {
    display: none;
  }
  .site-menu.abstract ul.hlist,
  .site-menu.abstract ul.hlist li {
    float: none;
  }
  .site-menu.abstract>ul.hlist li {
  }
  .site-menu ul.hlist li a.navicon {
    background-image: url(/files/images/icons/navicon-light.png);
    background-position: right center;
    background-repeat: no-repeat;
    line-height: 28px;
    padding-right: 0px;
  }
  
  /** Internal Stuff **/
  .frontend .ym-form label {
    color: #444444; /*@content-font-color*/
  }
  .frontend .block-title {
    color: #444444; /*@content-font-color*/
  }
}

@media screen and (max-width:850px) {
  .frontend .content-width {
    margin: 0 auto;
    width: 95%;
  }
  .frontend .site-header {
    margin-top: 0;
  }
}
@media screen and (min-width:1200px) {
}
@media screen and (max-width:555px) {
  .frontent,
  .frontend p,
  .frontend a,
  .frontend h1,
  .frontend h2,
  .frontend h3,
  .frontend h4 {
    /*font-size: 95% !important;*/
  }
  .frontend .content-width {
    margin: 0 auto;
    width: 98%;
  }
  .frontend .content-box {
    margin-bottom: 10px;
  }
  .frontend .site-header {
    margin-top: 0;
  }
  .site-footer .ym-gl {
    border-right: none;
    border-bottom: 1px #BBB solid;
  }
  .frontend .site-footer .ym-gbox {
    padding: 5px 0 !important;
    margin-bottom: 10px;
  }
  .site-headerbox {
    padding: 5px;
  }
  .site-contentbox {
    padding: 15px 5px 15px 5px;
  }
  .site-footerbox {
    padding: 5px;
  }
  .site-navi .ym-clearfix {
    display: none;
  }
  .site-menu.abstract {
    display: block;
  }
  .site-menu {
    display: none;
    height: auto;
  }
  .float-left {
    margin: 0 0.8em 0.8em 0;
  }
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px 0;
  }
}