/**********
TABLET
**********/
@media screen and (min-width: 481px) {

/**********
NAVIGATION
**********/

nav ul {
    display: inline-block;
}

nav li {
   display: inline-block;
   width: auto;
}
}



/**********
DESKTOP
**********/
@media screen and (min-width: 769px) {

nav {
    width: auto;
    height: 80px;
    line-height: 80px;
    float: right;
    padding-right: 3%;
}

nav ul {
    border: none;
    padding: 0;
}

nav li {
    padding: 0;
}

.logo-box {
    padding-left: 3%;
    display: inline-block;
    }

.wrapper {
    max-width: 800px;
    margin: 0 auto;
}

.container {
    display: inline-block;
    position: relative;
    width: 100%;
}
.dummy {
    padding-top: 30%;
}
.background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/turn1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


/**********
ANGEBOT-UND-PREISE.HTML
**********/
.introduction {
    text-align: left;
}

.mobile-table {
    display: none;
}

.desktop-table {
  display: table;
  line-height: 1.5em;
  letter-spacing: 0.5px;
  width: 100%;
}

.desktop-table h2 {
  margin: 2em 0 1em;
}

.desktop-table p {
  padding: 0 10px;
}

.indextable {
  text-align: left;
  width: 100%;
}

.indextable tr:nth-child(odd) {
  background-color: rgba(58, 169, 53, 0.1);
}

.indextable tr td {
  padding: 3px 10px;
}

.colA {
  width: 70%;
}

.price {
  text-align: right;
  font-weight: bold;
}



/***************
KONTAKT.HTML
***************/
.anschrift {
  border: none;
  display: inline-block;
  float: left;
  width: 45%;
  padding-left: 3%;
}

.opening {
  display: inline-block;
  width: 45%;
  float: right;
  margin: 0;
  padding-right: 3%;
}

a[href*="tel:"] {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: #999;
  }
 }