@font-face {
    font-family: "PT Sans";
    src: url("../fonts/ptsans.eot?iefix");
    src: url("../fonts/ptsans.woff") format("woff"), url("../fonts/ptsans.ttf") format("truetype"), url("../fonts/ptsans.svg#5ab0c585-fb4b-43d9-abb0-b92f452b1284") format("svg");
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

@viewport {
    orientation: portrait;
}

body {
    font-family: "PT Sans", Helvetica, Arial, sans-serif;
    color: #555;
    margin: 0;
    padding: 0;
    background: #fff
}

#all {
    background: #fff;
    max-width: 800px;
    height: 100%
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type="radio"], input[type="checkbox"] {
    cursor: pointer
}

button:disabled, input:disabled {
    cursor: default
}

input[type="checkbox"], input[type="radio"] {
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

::-moz-placeholder {
    opacity: 1
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    overflow: hidden;
}

legend {
    display: inline;
    width: auto;
    padding: 0;
    margin-bottom: 1em;
    font-size: 1.1em;
    line-height: inherit;
    color: #333;
    border-bottom: 0 solid #fff;
    font-weight: bold
}

label {
    display: inline-block
}

input[type="search"] {
    box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
}

input[type="file"] {
    display: block
}

select[multiple], select[size], select {
    height: auto;
}

select optgroup {
    font-size: inherit;
    font-style: inherit;
    font-family: inherit
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    height: auto
}

.form-control[disabled], .control-group[disabled], .form-control[readonly], .control-group[readonly], fieldset[disabled] .form-control, fieldset[disabled] .control-group {
    cursor: not-allowed;
    background-color: #ccc
}

textarea .form-control, textarea .control-group {
    height: auto
}

.radio label, .checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -5px
}

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

input, select {
    min-height: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: .9em;
    line-height: .8em;
    border-radius: 0;
    border: solid 1px #999;
    width: 200px;
    background: #f5f5f5
}

input[type="radio"], input[type="checkbox"] {
    width: auto
}

label {
    padding-right: 10px;
    width: auto;
    display: inline-block;
    min-width: 100px;
    text-align: left
}


a.suchen {color:#fff !important; background:#186291; padding: 10px; text-decoration:none; margin:10px 0;display:block;text-align: center}
.btn {
    color: #fff;
    background-color: #233e61;
    border: none;
    border-radius: 0;
    padding: 10px 10px;
    display: inline-block;
    line-height: 1rem
}

.btn-default:hover, .btn:hover {
    color: #fff;
    background-color: #186291
}

#header {
    padding: 10px 20px;
    background: #114c71; /* Old browsers */
    background: -moz-linear-gradient(top, #114c71 0%, #186291 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #114c71), color-stop(100%, #186291)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #114c71 0%, #186291 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #114c71 0%, #186291 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #114c71 0%, #186291 100%); /* IE10+ */
    background: linear-gradient(to bottom, #114c71 0%, #186291 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#114c71', endColorstr='#186291', GradientType=0); /* IE6-9 */
}

#header a {
/*    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwOtARMDHQBdLGFBYt+nkR2KjEhxQqvIYaR7cD2glSWMo0mY3DiJo5Edi4ZPEqZ7nMSP5pPRon60qB9NwpQDgAADAMIxHUJvWs/TAAAAAElFTkSuQmCC") no-repeat scroll center center transparent;*/
    background: url("../img/open.png") no-repeat scroll center center transparent;
    display: block;
    height: 40px;
    width: 40px;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 1em 0;
    font-family: "Pt sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #333;
    text-transform: none
}

* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 {
    margin-top: 1.5em
}

h1 {
    font-size: 1.5em;
    line-height: 1em;
    color: #555
}

h2, form h3 {
    font-size: 1.3em;
    line-height: 1.1em;
    color: #186291;
    margin: 1em 0;
    font-weight: 400
}

h3 {
    font-size: 1em;
    line-height: 1em;
    font-weight: 700
}

h4 {
    font-size: 1.1em;
    line-height: 2em;
    font-weight: 700
}

h5 {
    font-size: 1.1em;
    line-height: 1.4em
}

#header h1 {
    color: #fff;
    font-size: 1.3em;
    padding-left: 35px;
    margin: 0
}

.content {
    padding: 10px ;
}

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1500px;
}

input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
    padding-left: 25px;
    height: 21px;
    display: inline-block;
    line-height: 21px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
    background-position: 0 -21px;
}

label.css-label {
    background-image: url(../img/check2.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 5px;
    color:#186291
}

fieldset.check img {
    float: left;
    margin: 0 10px 0 0
}

fieldset.check p {
    overflow: hidden
}


fieldset.box
{
 padding:10px 20px 30px 20px;
 background:#edf5fa;
    border:solid 1px #ddd
}
#open {
    position: absolute;
    left: 0;
    top: 0
}

html.mmenu-opened, html.mmenu-opened body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

html.mmenu-opened body {
    position: relative;
}

.mmenu {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mmenu, .mmenu * {
    -webkit-text-size-adjust: none;
    font-family: Arial, Helvetica, Garuda, sans-serif;
    font-size: 14px;
}

.mmenu ul, .mmenu li, .mmenu li > a, .mmenu li > span {
    display: block;
    padding: 0;
    margin: 0;
}

.mmenu > ul {
    padding: 10px 0 40px 0;
}

.mmenu .mmenu-hidden {
    display: none;
}

html.mmenu-left .mmenu > ul > li {
    padding-right: 65px;
}

html.mmenu-right .mmenu > ul > li {
    padding-left: 65px;
}

html.mmenu-opened .mmenu.mmenu-opened {
    display: block;
}

html.mmenu-opened .mmenu-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    background-color: inherit;
    min-height: 100%;
    position: absolute;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#mmenu-blocker {
    display: none;
}

html.mmenu-opened #mmenu-blocker {
    background: rgba(255, 255, 255, 0.1);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
}

html.mmenu-opened .mmenu-page, html.mmenu-opened #mmenu-blocker {
    -webkit-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;
    -moz-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;
    transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;
}

html.mmenu-left.mmenu-opened .mmenu-page, html.mmenu-left.mmenu-opened #mmenu-blocker {
    margin-left: 0;
    left: 0;
}

html.mmenu-left.mmenu-opening .mmenu-page, html.mmenu-left.mmenu-opening #mmenu-blocker {
    margin-left: -65px;
    left: 100%;
}

html.mmenu-right.mmenu-opened .mmenu-page, html.mmenu-right.mmenu-opened #mmenu-blocker {
    margin-right: 0;
    right: 0;
}

html.mmenu-right.mmenu-opening .mmenu-page, html.mmenu-right.mmenu-opening #mmenu-blocker {
    margin-right: -65px;
    right: 100%;
}

/* Menu- styling */
.mmenu {
    background: #186291;
}

.mmenu * {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.mmenu li {
    border: none;
    border-top: 1px solid #0e4b72;
    border-bottom: 1px solid #2c8ac5;
    position: relative;
}

.mmenu li:first-child {
    border-top-width: 0;
}

.mmenu li > a, .mmenu li > span {
    text-indent: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    overflow: hidden;
    padding-right: 5px;
}

.mmenu li > a, .mmenu li > span, .mmenu li > a:hover {
    color: #eee;
    text-decoration: none;
}

.mmenu li.mmenu-selected > a, .mmenu li.mmenu-selected > span {
    background: #233e61;
    color: #fff
}

.mmenu li.mmenu-selected > a.mmenu-subopen {
    background: transparent;
}

/* Submenu - open link */
.mmenu a.mmenu-subopen {
    border-left: 1px solid #111;
    width: 40px;
    height: 40px;
    padding: 0;
    position: absolute;
    right: 65px;
    top: 0;
    z-index: 2;
}

html.mmenu-right .mmenu a.mmenu-subopen, .mmenu ul ul a.mmenu-subopen {
    right: 0;
}

.mmenu a.mmenu-subopen.mmenu-fullsubopen {
    width: 100%;
}

.mmenu a.mmenu-subopen + a, .mmenu a.mmenu-subopen + span {
    padding-right: 45px;
}

/* Submenu - close link */
.mmenu a.mmenu-subclose {
    background: #222;
    text-indent: 40px;
    padding-top: 10px;
    margin-top: -10px;
}

/* Submenu - vertical */
.mmenu.mmenu-vertical ul ul {
    display: none;
    padding: 0 10px 10px 10px;
}

.mmenu.mmenu-vertical li.mmenu-opened > ul {
    display: block;
}

.mmenu.mmenu-vertical ul ul li:last-child {
    border-bottom-width: 0;
}

/* Submenu - horizontal */
.mmenu.mmenu-horizontal {
    width: 200%;
}

.mmenu.mmenu-horizontal ul {
    width: 50%;
    margin-left: 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: margin-left 0.5s ease;
    -moz-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
}

.mmenu.mmenu-horizontal ul.mmenu-submenu {
    display: none;
}

.mmenu.mmenu-horizontal ul.mmenu-submenu.mmenu-opened {
    display: block;
}

.mmenu.mmenu-horizontal ul.mmenu-subopened {
    margin-left: -50%;
    height: 100%;
    overflow: hidden;
}

/* Labels */
.mmenu li.mmenu-label {
    background: #444;
    font-size: 11px;
    color: #ccc;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 20px;
}

/* Counters */
.mmenu em.mmenu-counter {
    border-radius: 5px;
    background: #555;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #999;
    text-indent: 0;
    text-align: center;
    text-shadow: none;
    line-height: 22px;
    display: block;
    min-width: 20px;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 105px;
    top: 10px;
}

.mmenu em.mmenu-counter + a.mmenu-subopen {
    padding-left: 35px;
}

.mmenu em.mmenu-counter + a.mmenu-subopen + a, .mmenu em.mmenu-counter + a.mmenu-subopen + span {
    padding-right: 80px;
}

.mmenu em.mmenu-counter + a.mmenu-fullsubopen + a, .mmenu em.mmenu-counter + a.mmenu-fullsubopen + span {
    padding-right: 70px;
}

/* at right or subsub */
html.mmenu-right .mmenu em.mmenu-counter, .mmenu.mmenu-vertical ul ul em.mmenu-counter {
    right: 40px;
}

/* Arrows */
.mmenu a.mmenu-subopen:after, .mmenu a.mmenu-subclose:before {
    content: '';
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-left: none;
    border-top: none;
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
}

.mmenu a.mmenu-subopen:after {
    right: 16px;
    top: 16px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.mmenu a.mmenu-subclose:before {
    left: 20px;
    top: 25px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.mmenu.mmenu-vertical li.mmenu-opened > a.mmenu-subopen:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

html.mmenu-right .mmenu a.mmenu-subclose:before {
    left: 85px;
}

a:link, a:visited {
    color: #186291
}

a:hover, a:active, a:focus {
    background: #edf5fa;
    color: #186291 !important;
    text-shadow: none
}

img {
    max-width: 100%;
    border: 0
}

.result_text img {
    max-width: 30px
}

article, .article {
    padding: 10px 0;
}

.accordion_toggle a {
    border: solid 1px #ddd;
    background: #eee;
    display: block;
    padding: 10px;
    text-decoration: none
}

form p {
    margin: 0 0 10px 0
}

form fieldset {
    margin-bottom: 20px
}

dl.waste dt, dl.waste dd {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.wt0, .wt {
    display: inline-block;
    font-weight: bold;
    font-size: 1.1em
}

.kw {
    display: block;
    font-size: 0.8em
}

li.tag {
    background: #f5f5f5;
    margin: 10px 0;
    border: solid 1px #eee;
    overflow: hidden;
    display: table;
    width: 100%
}

dl.waste dt {
    margin-right: 10px
}

time.icon {
    background: #233e61;
    border: solid 1px;
    width: 30%;
    margin: 0;
    color: #fff;
    padding: 10px;
    text-align: center;
    display: table-cell
}

dl.waste {
    width: 70%;
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}

dl.waste dt:first-child {
    margin: 0 10px 0 0;
}
dl.waste dt {
    margin: 0 10px 0 25px;
}

.check p {
    border: solid 1px #ddd;
    background: #fff;
    padding: 10px;
    margin: 0;
    border-bottom: 0
}

.check p:hover {
    background: #edf5fa
}

.check p.last {
    border-bottom: solid 1px #ddd
}

input.ab {
    width: 100%;
    padding: 15px;
    font-size: 1em;
}

.unsichtbar {
    position: absolute;
    left: -10000px;
    top: -5000px;
    display: inline;
    height: 0
}

.daun, .kelberg, .hillesheim, .gerolstein, .kyll {
    display: none
}

.warning {
    padding: 5px;
    color: #186291;
    margin: 20px 0
}

.dd-select {
    border-radius: 0px;
    position: relative;
    cursor: pointer;
}

.dd-desc {
    color: #aaa;
    display: block;
    overflow: hidden;
    font-weight: normal;
    line-height: 1.4em;
}

.dd-selected {
    overflow: hidden;
    display: block;
    padding: 10px;
    font-weight: normal;
    background: #eee;
    border: solid 1px #ddd;
    background: -moz-linear-gradient(center top, #ffffff 1%, #eaeaea 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #186291
}

.dd-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px;
}

.dd-pointer-down {
    border-bottom: solid 5px transparent;
    border-right: solid 5px transparent;
    border-left: solid 5px transparent;
    border-top: solid 5px #114c71 ;
}

.dd-pointer-up {
    border-top: solid 5px transparent !important;
    border-left: solid 5px transparent !important;
    border-right: solid 5px transparent !important;
    border-bottom: solid 5px #114c71  !important;
    margin-top: -8px;
}

.dd-options {
    border: solid 1px #ccc;
    border-top: none;
    list-style: none;
    box-shadow: 0 1px 5px #ddd;
    display: none;
    position: relative;
    z-index: 2000;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: auto;
}

.dd-option {
    padding: 10px;
    display: block;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}

.dd-options > li:last-child > .dd-option {
    border-bottom: none;
}

.dd-option:hover {
    background: #f3f3f3;
    color: #000;
}

.dd-selected-description-truncated {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dd-option-selected {
    background: #f6f6f6;
}

.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    max-width: 64px;
}

.dd-image-right {
    float: right;
    margin-right: 15px;
    margin-left: 5px;
}

.dd-container {
    position: relative;
}

​ .dd-selected-text {
    font-weight: bold
}

#basic-modal-content {
    display: none;
}

/* Overlay */
#simplemodal-overlay {
    background-color: #000;
}

/* Container */
#simplemodal-container {
    height: 160px;
    width: 80%;
    max-width: 400px;
    text-align: center;
    font-size: 1.2em;
    color: #333;
    background-color: #fff;
    padding: 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}

#simplemodal-container .simplemodal-data {
    padding: 0;
}

#simplemodal-container a {
    color: #ddd;
}

#simplemodal-container a.modalCloseImg {
    background: url(../img/close.png) no-repeat;
    width: 32px;
    height: 32px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}

#simplemodal-container h2 {
    color: #fff;
    padding: 10px;
    margin: 0;
    background: #114c71; /* Old browsers */
    background: -moz-linear-gradient(top, #114c71 0%, #186291 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #114c71), color-stop(100%, #186291)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #114c71 0%, #186291 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #114c71 0%, #186291 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #114c71 0%, #186291 100%); /* IE10+ */
    background: linear-gradient(to bottom, #114c71 0%, #186291 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#114c71', endColorstr='#186291', GradientType=0); /* IE6-9 */
}

#mail {
    padding: 12px 10px;
    width: 100%;
    font-size: 1em;
    color: #186291;
    font-weight: bold;
    border: solid 1px #ddd;
    box-shadow: 0 0 0 1px rgba(155, 155, 155, 0.3), 1px 0 0 0 rgba(255, 255, 255, 0.9) inset, 0 2px 2px rgba(0, 0, 0, 0.1);
}

.start {
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 800px;
    padding: 0;
}

#bild {
    background: #186291 url(../iphone.jpg);
    background-size: cover;
    position: absolute;
    z-index: -10;
    width: 100%;
    height: 100%;
    max-width: 800px;
}

.start h2 {
    font-size: 1.5em;
    color: #fff;
    margin: 0;
    padding: 0
}

.start article {
    background: #186291;
    box-shadow: none;
    padding: 0;
}

ul.home, ul.kalender {
    list-style-type: none;
    margin: 0;
    padding: 0
}

div.home {
    display: table;
    width: 100%;
}

div.home a {
    display: table-cell;
    width: 50%;
    text-align: center;
}

div.home a:link, div.home a:visited {
    padding: 20px;
    border-bottom: 0;
    text-decoration: none;
    overflow: hidden;
    color: #eee;
    line-height: 1.0em;
}

div.home a.first {
    border-right: solid 1px #1c71a7;
}

div.home a.unten {
    border-top: solid 1px #1c71a7
}

div.home img {
    margin-right: 0;
    margin-bottom: 10px;
    width: 40px
}

div.home a:hover {
    background: #145178;
    color: #eee !important;
}

.result_text a {
    float: right;
    padding: 0 5px;
}


.result_text {
    overflow: hidden;
}

@media only screen and (orientation: landscape) {
    .ath-container.ath-phone {
        width: 24em;
    }

    .ath-ios.ath-phone {
        margin-left: -12em;
    }

    .ath-ios6:after {
        left: 39%;
    }
}

/* Menu - positioning and sizing for larger screens */
@media all and (min-width: 500px) {
    .mmenu.mmenu-vertical {
        width: 500px;
    }

    html.mmenu-right .mmenu.mmenu-vertical {
        left: auto;
        right: 0;
    }

    .mmenu.mmenu-horizontal {
        width: 1000px;
    }

    html.mmenu-right .mmenu.mmenu-horizontal {
        left: auto;
        right: -500px;
    }

    html.mmenu-left.mmenu-opening .mmenu-page, html.mmenu-left.mmenu-opening #mmenu-blocker {
        left: 500px;
    }

    html.mmenu-right.mmenu-opening .mmenu-page, html.mmenu-right.mmenu-opening #mmenu-blocker {
        right: 500px;
    }
}

/* effects */
.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}

@keyframes fadeIn {
    0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    60% {
        -webkit-transform: scale(1.1);
    }
    80% {
        -webkit-transform: scale(0.9);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}