/* layout.css */
@media all,aural,braille,embossed,handheld,print,projection,screen,tty,tv{#header {    position:relative;    z-index:1;    padding-top: 35px}#headernav {    width:100%;    margin-bottom:12px;    padding-top:5px;    padding-right:5px;}#headernav ul li {    float:right;    margin-top:.5rem;    margin-right:5rem;    font-family:sans-serif;}.ce_text.block {}#container .asside_right a {    color:#6E6E6E;}#container table {    font:15px Source Sans Pro,Verdana,sans-serif;    color:#6E6E6E;    table-layout: auto}#container .asside_right h1.no-border,#container .asside_right h2.no-border,#container .asside_right h3.no-border {    padding:0;    border:0px;}#main .ce_text li {    margin-left:30px;    font:15px Source Sans Pro,Verdana,sans-serif;    list-style-type:circle;    font-weight:400;}#main .ce_text img {    margin:10px;    padding:5px;    -webkit-box-shadow:0 0 10px 1px rgba(28,26,26,.3);    box-shadow:0 0 10px 1px rgba(28,26,26,.3);    border:1px solid #E89A0C;}body h1,body h2,body h3 {    margin-top:5px;    margin-bottom:10px;    padding:5px 5px 5px 15px;    border-bottom:1px solid #E1E1E1;    font-family:Source Sans Pro,Verdana,sans-serif;    color:#7ab51d;    font-weight:400;    border-left: 3px solid #E89A0C;}body p,body fieldset {    font:15px Source Sans Pro,Verdana,sans-serif;    font-weight: 400;    font-size: 0.95vw;}.fleft {    width:55%;    position:relative;    overflow:hidden;    float:left;}#wrapper #header {    width:960;}#container .asside_right {    width:302px;    position:relative;    float:right;}@media screen and (max-width: 1140px) {    body h1,    body h2,    body h3 {        margin-top:5px;        margin-bottom:10px;        padding:5px 5px 5px 15px;        border-bottom:1px solid #E1E1E1;        font-family:Source Sans Pro,Verdana,sans-serif;        color:#7ab51d;        font-weight:400;        border-left: 3px solid #E89A0C;        font-size: 1.5em;    }    body p,    body fieldset {        font:15px Source Sans Pro,Verdana,sans-serif;        font-weight: 400;        font-size: 1.5em;    }   .fleft {        position:relative;        width:100%;        overflow:hidden;    }   #container .asside_right {        width:100%;        position:relative;   }}.headerimage {    right:10px;    position:relative;}#main .ce_text.headerimage img {    margin:6px 0 0;    padding:0;    -webkit-box-shadow:0 0 0 0 #fff;    box-shadow:0 0 0 0 #fff;}#main #home {    width:610;    top:-8px;    position:relative;    float:left;}#wrapper {    position:relative;    padding:0 10px 20px;}div#container {    width:958;    position:relative;    background-color:#fff;    border-right:1px solid #D6D6D6;    border-left:1px solid #D6D6D6;}div#container.sticky {    padding-top:150px;}div#container #main {    width:918;    padding:20px;}#footer {    width:958;    min-height:60px;    background-image:url("../../files/happydent/images/footer_verlauf.png");    background-position:left top;    background-repeat:repeat-x;    border-right:1px solid #D6D6D6;    border-bottom:1px solid #D6D6D6;    border-left:1px solid #D6D6D6;    border-bottom-right-radius:10px;    border-bottom-left-radius:10px;}#headerstuff {}#headerstuff .ce_text {    width:215px;    height:104px;    position:absolute;    margin-left:0;}#headerstuff .ce_text.sticky {    width:215px;    height:104px;    top:0;    position:fixed;    z-index:100001;}#headerstuff .mod_customnav {    width:600px;    height:50;    float:right;}#headerstuff .mod_customnav ul {    padding-top:5px;    padding-right:5px;    padding-bottom:10px;}#headerstuff .mod_customnav ul li {    float:right;    margin-right:5px;    padding-right:5px;}#headerstuff .mod_customnav ul li.last {}@media screen and (min-width: 1140px) {.mainnav {    height:64px;    overflow:hidden;    clear:both;    margin:0;    padding-left:120px;    background-color:#ccc;    background-image:url("../../files/happydent/images/mainnav_bg.jpg");    background-repeat:repeat-x;    border-top:1% solid #D6D6D6;    border-right:1% solid #D6D6D6;    border-bottom:0% solid #D6D6D6;    border-left:1% solid #D6D6D6;    border-top-left-radius:10px;    border-top-right-radius:10px;    font-weight: 300;}.mainnav ul.level1 {    margin:0;    padding-right:20px;    list-style-type:none;}.mainnav li {    float:right;}.mainnav a,.mainnav span,.mainnav strong {    display:block;    padding:15px 20px 14px;    font-size:20px;    color:#fff;}.mainnav a:hover,.mainnav span:hover,.mainnav strong:hover {    text-decoration:none;    color:#7AAD36;}.mainnav .trail,.mainnav li .active,.mainnav li .active:hover,.mainnav .trail:hover {    margin-top:15px;    padding:15px 20px 14px;    background-color:#fff;    border-top-left-radius:30px;    border-top-right-radius:5px;    color:#b3b3b3;}}@media screen and (max-width: 1140px) {   #header {       padding-bottom: 64px    }    .nav--mobile {      max-height: 0;      visibility: hidden;      transition: max-height 0s 3s, background 0.3s;      background: transparent;      position: fixed;      left: 0;      top: 0;      width: 100%;      height: 100%;      z-index: -1;      font-size: 4em;      font: Source Sans Pro,Verdana,sans-serif;      text-shadow: 0.025rem 0.025rem 2rem rgba(0, 0, 0, 0.7);    }    .nav--mobile ul {      position: relative;      top: 50%;      transform: translateY(-50%);    }    .nav--mobile li {      float: none;      transition: opacity 0.3s;      opacity: 0;      padding: 0.5rem;      margin: 0.5rem;      text-align: center;    }    .nav--mobile span:hover,    .nav--mobile strong.active {         color: #7aad36;     }    .nav--mobile a,    .nav--mobile .active,    .nav--mobile span.active,    .nav--mobile span.trail,    .nav--mobile strong.trail  {      padding: 0.5rem;      margin: 0.5rem;      text-align: center;      color: #fff;    }}.nav-toggler {    right:.5rem;    top:.5rem;    position:absolute;    float:right;    font-family:sans-serif;    font-size: 4em;}@media screen and (min-width: 1140px) {    .nav-toggler {      display: none;    }}.nav-toggler__button {    font-size:6vw;    padding:.25rem;    background: none;    border: 2px solid currentColor;    outline: none;    color:#E89A0C;}@media screen and (max-width: 1140px) {    .nav--mobile--active {      max-height: 100%;      transition: max-height 0s, background 0.3s;      background: rgba(0, 0, 0, 0.7);      visibility: visible;    }    .nav--mobile--active li {      opacity: 1;    }}.sidebox:before {    width:77.777777%;    height:3px;    left:11.1111%;    top:0;    position:absolute;    background-color:#E89A0C;    content:"";}.sidebox {    position:relative;    padding-top:20px;    background-color:#fff;    border:1px solid #D6D6D6;}}