/*  Author:   Martin Stettler (http://dieweberei.ch/)
    Version:  12022018
*/

/* ==========================================================================
   BASE STYLES
   ========================================================================== */

@font-face{
    font-family: "Copperplate Gothic LT W01_31AB";
    src: url("../fonts/d2c9d4d5-15b7-40ed-a998-7c1d68272d85.woff2") format("woff2"),
    url("../fonts/e8a1d0e4-cf49-4aa4-a20b-7b37cf1730cb.woff") format("woff"),
    url("../fonts/8eb02249-d172-45a0-b5f1-483ca625a493.ttf") format("truetype"),
    url("../fonts/4b749f22-decf-41f0-bd30-ddeed07b14e3.svg#4b749f22-decf-41f0-bd30-ddeed07b14e3") format("svg"); }

* {
    box-sizing: border-box; }

html,
body,
ul { /* ul to be help-block full left */
    margin:0;
    padding:0;
    /* background-color: ;  no color def for form */
    font: normal 15px 'Lato', Arial, sans-serif; /* no color def for form! */
    line-height: 1.4;
    color: #000; }

li {
    list-style-type: none; } /* for text-danger in form */

h1,
h2,
h3,
h4 {
    line-height: 1.4;
    margin: 0;
    padding: 0;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }

h1,
h2,
h6 {
    font-family: "Copperplate Gothic LT W01_31AB", Times, serif;
    color: #0056a5;
    font-size: 24px;
    line-height: 1.15;
    margin-bottom: 25px; }

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 32px; }
}

h2 {
    font-size: 21px; }

h6 {font-size: 48px;}

p {
    margin: 0 0 25px; /* Bootstrap */
    line-height: 1.4; }

p:last-child {
    margin-bottom: 0; }

h3,
strong {
    font-size: 15px;
    font-weight: 700; }

a.book {
    text-transform: uppercase;
    background: #d5cec6;
    color: #000;
    padding: 5px;
    margin-right: 10px; }

a.book:hover {
    background: #0056a5;
    color: #FFF;
    padding: 5px; }

a,
a:hover,
.navbar,
.navbar.shrink,
a.navbar-brand span,
a.navbar-brand.shrink span {
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
        transition: all 0.5s; }

a:active,
a:visited {
    text-decoration: none; }

/* ==========================================================================
   Browse Happy prompt lte IE 7
   ========================================================================== */

.browsehappy {
    margin: 3px 0;
    background: #CC0033;
    color: #FFF;
    padding: 8px; }

.browsehappy a {
    color: #FFF;
    text-decoration: underline; }

.browsehappy a:hover {
    text-decoration: none; }

/* ==========================================================================
   HEADER & LOGO
   ========================================================================== */

header {
    padding-bottom: 70px; }

@media only screen and (min-width: 768px) {
    header {
        padding-bottom: 90px; }
}

header .container-fluid {
    padding: 0; }

.image-container {
    position: relative; }

.image-container img {
    margin: 0 auto;
    width: 100%;
    height: auto; }

.logo-container {
    position: absolute;
    height: 106px;
    width: 100%;
    max-width: 1170px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -70px;
    z-index: 5; }

.logo-container img {
    width: 257px;
    height: 106px; }

@media only screen and (min-width: 768px) {
    .logo-container {
        height: 124px;
        bottom: -82px; }

    .logo-container img {
        width: 300px;
        height: 124px; }    
}

@media only screen and (min-width: 1200px) {
    .logo-container {
        left: -65px;
    }
}

.mountain-container {
    display: none; }

@media only screen and (min-width: 768px) {
    .mountain-container {
        position: absolute;
        display: block;
        width: 100%;
        max-width: 1170px;
        height: auto;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -28px;
        text-align: right;
        z-index: 1; }

    .mountain-container img {
        width: 100%;
        max-width: 740px;
        height: auto; }
}

/* ==========================================================================
   HEADER (Navigation containers & Logo)
   ========================================================================== */

.navbar {
    border: 0;
    border-radius: 0;
    height: 0;
    min-height: 0; }

.navbar.shrink {
    height: 0;
    min-height: 0;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
        transition: all 0.25s; }

/* Navigation container */
#nav {
    z-index: 600; }

@media (max-width: 767px) {
   
    #nav {
        position: fixed;
        top: 0;
        width: 100%; }
}

.navbar-nav {
    width: 100%;
    margin: 0;
    margin-top: 50px; /* Navbar height */
    background: #d5cec6; }

@media only screen and (min-width: 768px) { /* Change the nav breakpoint */

    /* Affix */
    header {
        height: auto; } /* 100%*/

    #nav.affix {
        position: fixed;
        top: 0;
        width: 100%;
        margin-top: 0;
        z-index: 10; }

    .navbar-header {
        float: left; }

    /* Header background full-width */
    .navbar,
    .navbar.shrink {
        background: #d5cec6;
        height: auto;
        margin-bottom: 0; } 

    .navbar-nav {
        width: auto;
        margin: 0; }
}

/* ==========================================================================
   NAVIGATION
   ========================================================================== */
    
/* Navigation colors */
.navbar-default .navbar-nav > li > a {
    padding-top: 10px; /* eq. bootstrap vaule > 768px */
    padding-bottom: 10px; /* eq. bootstrap vaule > 768px */
    color: #000;
    font-size: 15px;
    background-color: transparent;
    line-height: 1.4 !important;
    text-transform: uppercase; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #0056a5;
    background-color: transparent; }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #0056a5;
    background-color: transparent; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #0056a5;
    background-color: transparent; }

#nav .dropdown-menu > li > a {
    color: #000; }

#nav .dropdown-menu > li > a:hover,
#nav .dropdown-menu > li > a:focus,
#nav .dropdown-menu > .active > a,
#nav .dropdown-menu > .active > a:hover,
#nav .dropdown-menu > .active > a:focus {
        background-color: #0056a5;
        color: #FFF; }

/* Mobile navigation */
.navbar-toggle {
  margin-top: 15px; }

.navbar-default .navbar-toggle {
    display: block; /* for visibility above 768px */
    z-index: 1000;
    background: #685945;
    border: none; }

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #685945; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFF; }

@media only screen and (min-width: 768px) { /* Change the nav breakpoint */
     
     .navbar-default .navbar-toggle {
        display: none; } /* for hiding in desktop */
}

/* Offcanvas */
.offcanvas-toggle,
.navbar-toggle:hover {
    background: #685945 !important;
    border-radius: 0;
    border: none; }

.offcanvas-toggle .icon-bar {
    background: #FFF;
    -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out; }

 .navbar-toggle:hover .icon-bar {
    background: #FFF !important; }

.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 4px);
        -ms-transform: rotate(45deg) translate(5px, 4px);
            transform: rotate(45deg) translate(5px, 4px); }

.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
    opacity: 0; }

.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
        -ms-transform: rotate(-45deg) translate(4px, -4px);
            transform: rotate(-45deg) translate(4px, -4px); }

@media only screen and (max-width: 767px) { /* Change the nav breakpoint */
    
    .navbar-default .navbar-nav > li {
        width: 100% !important; }
        
    .offcanvas-stop-scrolling {
        height: 100%;
        overflow: hidden; }

    .navbar-default .navbar-offcanvas {
        background-color: #d5cec6; }

    .navbar-inverse .navbar-offcanvas {
        background-color: #222; }

    .navbar-offcanvas {
        position: fixed;
        height: 100% !important;
        width: 100%;
        max-width: 250px;
        left: -250px;
        top: 0;
        padding-left: 0;
        padding-right: 0; /* 15px; */
        z-index: 999;
        overflow: auto; /* scroll */
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all 0.15s ease-in;
                transition: all 0.15s ease-in; }

    .navbar-offcanvas.in {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

    .navbar-offcanvas.navbar-offcanvas-fade {
        opacity: 0; }

    .navbar-offcanvas.navbar-offcanvas-fade.in {
        opacity: 1; }

    .navbar-offcanvas.offcanvas-transform.in {
        -webkit-transform: translateX(250px);
            -ms-transform: translateX(250px);
                transform: translateX(250px); }

    .navbar-offcanvas.offcanvas-position.in {
        left: 0; }

    .navbar-offcanvas.navbar-offcanvas-right {
        left: auto;
        right: -250px; }

    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
        -webkit-transform: translateX(-250px);
            -ms-transform: translateX(-250px);
                transform: translateX(-250px); }

    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
        left: auto;
        right: 0; }

    /* Animate caret */
    #nav .dropdown .caret {
        transform:rotate(0deg);
        transition:all 0.3s ease-in-out; }

    #nav .dropdown.open .caret {
        transform:rotate(-180deg);
        transition:all 0.4s ease-in-out; }

    .navbar-offcanvas .dropdown-menu {
        position: relative;
        width: 100%;
        border: inherit;
        box-shadow: none;
        -webkit-transition: height 0.15s ease-in;
                transition: height 0.15s ease-in; }

    .navbar-offcanvas .dropdown-menu.shown {
        display: block; }
}

/* Desktop navigation */
@media only screen and (min-width: 768px) { /* Change the nav breakpoint */

    .navbar-nav { 
        margin-left: -8px; }

    .navbar-nav > li { /* make left navigation elements float left */
        float: left; }

    .navbar-default .navbar-nav > li > a { 
        padding: 6px 23px; }

    .navbar-nav > li:first-child > a {
        padding-left: 8px; }

    .navbar-default .navbar-nav.shrink > li > a {
        padding-top: 15px; /* eq. bootstrap vaule > 768px */
        padding-bottom: 15px; /* eq. bootstrap vaule > 768px */
        -webkit-transition: all 0.25s;
        -moz-transition: all 0.25s;
            transition: all 0.25s; }

    #nav .dropdown-menu {
        min-width: 145px;
        padding: 5px 0 20px 0;
        font-size: 15px;
        background-color: #d5cec6;
        border: 0;
        border-radius: 0; }

    /* Dropdown animation */
    #nav .dropdown .dropdown-menu {
        -webkit-transition: all 0.45s;
        -moz-transition: all 0.45s;
        -ms-transition: all 0.45s;
        -o-transition: all 0.45s;
        transition: all 0.45s;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0; }

    /*  Make subnavigation on desktop hover */
    #nav .dropdown:hover .dropdown-menu {
        display: block;
        max-height: 120px;
        opacity: 1; }

    /* Word-break */
    #nav .dropdown-menu > li > a {
        word-wrap: break-word;
        white-space: normal;
        line-height: 1.4 !important;
        padding: 3px 10px; }

}

/* ==========================================================================
   CONTENT
   ========================================================================== */
/*
section {
    border: 1px dashed black; }

.row {
  border: 1px dashed blue; }

.col-sm-12,
.col-sm-9,
.col-sm-8,
.col-sm-6,
.col-sm-4,
.col-sm-3 {
  border: 1px dashed red; }
*/
.blind {color: red;}

@media only screen and (min-width: 768px) {
    .content {
        margin-top: 40px; }
}

.dark {
    background:  #d5cec6;
    margin-bottom: 40px; }



.article,
.article-simple {
    margin-bottom: 50px; }

@media only screen and (min-width: 768px) {
    .flex-container {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex; }

    .article-simple {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }

    .article-simple p {
        -webkit-flex: 1 0 auto;
        -moz-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto; }
}

.article-simple img {
    margin-bottom: 20px; }

.article-apartment {
    margin-bottom: 100px; }

.apartment-details ul {
    margin-bottom: 30px; }

@media only screen and (max-width: 767px) {
    .apartment-details {
        padding-top: 10px; }
}

.anchor {
    display: block;
    height: 50px; /* same height as header */
    margin-top: -50px; /* same height as header */
    visibility: hidden; }

.hidden {
    display: none; }

/* Carousel */
.carousel {
    position: relative; }

.carousel-inner {
    margin-bottom: 45px; }

.carousel-inner img {
    width: 100%;
    height: auto; }

/* Shadows */
.carousel-control.left,
.carousel-control.right {
    background-image: none;
    -webkit-transition: all 0.45s;
        -moz-transition: all 0.45s;
        -ms-transition: all 0.45s;
        -o-transition: all 0.45s;
        transition: all 0.45s; } 

.carousel-control {
  filter: alpha(opacity=100);
  opacity: 1; }

.carousel-control:hover,
.carousel-control:focus {
 filter: alpha(opacity=70);
  outline: 0;
  opacity: .7; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
    position: absolute;
    top: 42.5%; }

.carousel-control .icon-prev {
    left: 25%;
    margin-left: 0px;
    width: 52px;
    height: 52px;
    margin: 0; }

.carousel-control .icon-next {
    right: 25%;
    width: 52px;
    height: 52px;
    margin: 0; }

.carousel-control .icon-prev:before {
    content: '';
    display: inline-block;
    width: 52px;
    height: 52px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNCAzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGRlZnM+CgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB3aWR0aD0iMTQiIGhlaWdodD0iMzAiLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMTYuNkwxNCwzMHYtNS43YzAtMC40LTAuMS0wLjgtMC4yLTEuMnMtMC4zLTAuNy0wLjYtMC45bC02LjQtNi4xYy0wLjMtMC4zLTAuNi0wLjUtMC45LTAuNwoJCWMtMC4zLTAuMi0wLjYtMC40LTEtMC41YzAuMy0wLjIsMC43LTAuMywxLTAuNWMwLjMtMC4yLDAuNi0wLjQsMC45LTAuN2w2LjQtNmMwLjMtMC4zLDAuNS0wLjYsMC42LTAuOUMxMy45LDYuNSwxNCw2LjEsMTQsNS43VjAKCQlMMCwxMy40VjE2LjZ6Ii8+CjwvZz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: 14px 25px;
    background-position: 16px 13px; }

.carousel-control .icon-next:before {
    content: '';
    display: inline-block;
    width: 52px;
    height: 52px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNCAzMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMzA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnPgoJPGRlZnM+CgkJPHJlY3QgaWQ9IlNWR0lEXzFfIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTQiIGhlaWdodD0iMzAiLz4KCTwvZGVmcz4KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LDE2LjZMMCwzMGwwLTUuN2MwLTAuNCwwLjEtMC44LDAuMi0xLjJjMC4xLTAuNCwwLjMtMC43LDAuNi0wLjlsNi40LTYuMWMwLjMtMC4zLDAuNi0wLjUsMC45LTAuNwoJCWMwLjMtMC4yLDAuNi0wLjQsMS0wLjVjLTAuMy0wLjItMC43LTAuMy0xLTAuNWMtMC4zLTAuMi0wLjYtMC40LTAuOS0wLjdsLTYuNC02QzAuNSw3LjUsMC4zLDcuMiwwLjIsNi45QzAuMSw2LjUsMCw2LjEsMCw1LjdMMCwwCgkJbDE0LDEzLjRWMTYuNnoiLz4KPC9nPgo8L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: 14px 25px;
    background-position: 20px 13px; }

.carousel-indicators {
    width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -45px; }

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #d5cec6;
    border: 1px solid #d5cec6;
    border-radius: 10px; }

.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  background-color: #000;
  border: 1px solid #000; }

/* ==========================================================================
   FORM
   ========================================================================== */

.help-block {
    margin: 0; }

#contact-form,
#booking-form {
    margin: 20px 0; }

#contact-form .form-group input,
#contact-form .form-group textarea,
#booking-form .form-group input,
#booking-form .form-group textarea {
    font-size: 15px;
    padding: 5px 7px;
    background-color: #FFF;
    border: 0;
    border-radius: 0;
    font-weight: normal;
    color: #000;
    -webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.15); }

label {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: normal;
    padding-top: 5px;
    padding-left: 0px; }

.honeypot {
    display: none; }

#contact-form .list-unstyled li,
#booking-form .list-unstyled li {   /* check default list-style on line 164 */
    padding-left: 0;
    background-color: transparent !important; }

#contact-form .list-unstyled li:before,
#booking-form .list-unstyled li:before {
    content: ''; }

#success {
    font-family: 'Lato', Arial, sans-serif !important;
    font-weight: normal;
    color: #FFF;
    border: 0;
    border-radius: 0; }

.alert-success,
.alert-danger {
    border-radius: 0; }

.has-error input {
    border: 1px solid #F00 !important;
    margin-bottom: 10px; }

.btn {
    border-color: transparent;
    background-color: #FFF;
    font-size: 15px;
    padding: 2px 10px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    -webkit-transition: background linear 300ms; }

.btn:hover,
.btn:focus,
.btn.active {
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-transition: background linear 300ms; }

/* ==========================================================================
   FOOTER
   ========================================================================== */

/* Footer always at the bottom */
html,
body { height: 100%; }

body {
  display: table;
  width: 100%; }

.footer {
  display: table-row;
  height: 1px; }

footer {
    background: #685945;
    text-align: center; }

.footer-inner {
    padding-bottom: 20px; }

.slogan {
    background: #FFF;
    padding-bottom: 40px;
    font-family: "Copperplate Gothic LT W01_31AB", Times, serif;
    font-size: 24px;
    color: #7faedc; } 

@media only screen and (min-width: 768px) {
    .slogan {
        font-size: 32px; }
}

.dog {
    position: relative;
    width: 100%;
    max-width: 1170px;
    height: auto;
    margin: 0 auto; }

.dog img {
    position: absolute;
    right: 0;
    bottom: -40px; }

.address {
    padding-top: 20px; }

footer a {
    color: #7faedc; }

footer p.imprint a {
    color: #000; }

footer a:hover,
footer .imprint a:hover {
    color: #FFF; }

.vcard {
    background: transparent;
    text-align: center;
    padding-bottom: 10px; }

.vcard li {
    display: inline-block;
    color: #7faedc;
    font-style: normal;
    white-space: nowrap; }

.vcard li:after {
    position: relative;
    padding: 0 5px;
    bottom: 3px;
    content: "•";
    font-size: 8px; }

.vcard li:last-child:after {
    content: ""; }

.imprint {
    background: transparent; }

.imprint li {
    display: inline-block;
    color: #000; }

.imprint li:after {
    position: relative;
    padding: 0 5px;
    bottom: 3px;
    content: "•";
    font-size: 8px; }

.imprint li:last-child:after {
    content: ""; }

.imprint li a {
    color: #000; }

/* ==========================================================================
   SELECTION
   ========================================================================== */

::-moz-selection {
    text-shadow: none;
    background: #333;
    color: #FFF; }

::selection {
    text-shadow: none;
    background: #333;
    color: #FFF; }

img::selection {
    background: 0 0; }

img::-moz-selection {
    background: 0 0; }

body {
    webkit-tap-highlight-color: #333; }

a[href^="tel"], 
a[href^="sms"]{
    color:inherit; 
    cursor:default; 
    text-decoration:none; }