/* ----------------------------------------------------------------------------- *
 *                              sonstiges allgemein                              *
 * ----------------------------------------------------------------------------- */
.einz{
    margin-left: 35px;    
}
.mineinz{
    margin-left: 15px;
}
.hocheinz{
    margin-left: 35px;
    margin-top: 10px;
}
.maxeinz{
    margin-left: 75px;
    font-weight: 600;
}
a.finfo{
    font-weight: 600;
    color:#333;
    text-decoration: none;
}
a.finfo:hover{
    color:#95c11f;
}
img.som_platz{
    width: 100%;
    height: auto;
}
a.lightgruen{
    font-weight: 600;
    font-style: italic;
    background: #eef1ac;
    color:#333;
    text-decoration: none;
}
a.mittelgruen{
    font-weight: 600;
    font-style: italic;
    background: #b7d167;
    color:#333;
    text-decoration: none;
}


/* ----------------------------------------------------------------------------- *
 *                                     artikel                                   *
 * ----------------------------------------------------------------------------- */
article.frechts55{
    width: 55%;
    height: auto;
    margin-left: 45%;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.50);
    overflow: hidden;
}

article.flinks70_light{
    width: 70%;
    height: auto;
    float: left; 
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.35);
}
article.frechts30{
    width: 28%;
    height: auto;
    margin-left: 72%;
    overflow: hidden;
}



article.big_green{
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.15);
    border: solid 1px #95c11f;
    height: auto;
    float: left;    
}

article.big_flight100{
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.50);
    border: solid 1px #638114;
    height: auto;
    float: left;    
}



article.flinks80{
    width: 80%;
    margin-bottom: 20px;
    margin-left: 5%;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.50);
    height: auto;
    float: left;    
}

article.fgreen70{
    width: 70%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.15);
    border: solid 1px #95c11f;
    height: auto;
    float: right;    
}

article.fred70{
    width: 70%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.15);
    border: solid 1px #9c1006;
    height: auto;
    float: right;    
}

article.fgreen85{
    width: 85%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 15px;
    background-color: rgba(149, 193, 31, 0.15);
    border: solid 1px #95c11f;
    height: auto;
    float: right;    
}



/* ----------------------------------------------------------------------------- *
 *                                     listen                                    *
 * ----------------------------------------------------------------------------- */
ul.legende{
    list-style: none;
}


ul li.frei{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: 100%;
    background: url(../pics/pics-icons/frei.gif) no-repeat;
    float: left;    
}
ul li.lang_frei{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    width: auto;
    background: url(../pics/pics-icons/frei.gif) no-repeat;
    float: left;    
}


ul li.halb{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: 100%;
    background: url(../pics/pics-icons/halb.gif) no-repeat;
    float: left;    
}
ul li.lang_halb{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    width: auto;
    background: url(../pics/pics-icons/halb.gif) no-repeat;
    float: left;    
}


ul li.rest{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: 100%;
    background: url(../pics/pics-icons/halb1.gif) no-repeat;
    float: left;    
}
ul li.lang_rest{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    width: auto;
    background: url(../pics/pics-icons/halb1.gif) no-repeat;
    float: left;    
}


ul li.weg{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    padding-right: 20px;
    width: 100%;
    background: url(../pics/pics-icons/weg.gif) no-repeat;
    float: left;    
}
ul li.lang_weg{
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    font-weight: 600;
    width: auto;
    background: url(../pics/pics-icons/weg.gif) no-repeat;
    float: left;    
}



/* ----------------------------------------------------------------------------- *
 *                               reservierung                                    *
 * ----------------------------------------------------------------------------- */

.button1{
    padding:7px 14px;
    border: 1px solid #729417;
    background-image: linear-gradient(bottom, #729417 0%, #b7d167 100%);
    background-image: linear-gradient(to bottom, #b7d167 0%, #729417 100%);
    background-color: #b7d167;
    color: #fff;
    text-shadow: 1px 1px 4px #333;
    text-decoration:none;
    border-radius:5px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.button2{
    padding:7px 14px;
    border: 1px solid #ffd200;
    background-image: linear-gradient(bottom, #ffd200 0%, #fff15f 100%);
    background-image: linear-gradient(to bottom, #fff15f 0%, #ffd200 100%);
    background-color: #fff15f;
    color: #fff;
    text-shadow: 1px 1px 4px #333;
    text-decoration:none;
    border-radius:5px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.button3{
    padding:7px 14px;
    border: 1px solid #ea5b0c;
    background-image: linear-gradient(bottom, #ea5b0c 0%, #f39200 100%);
    background-image: linear-gradient(to bottom, #f39200 0%, #ea5b0c 100%);
    background-color: #f39200;
    color: #fff;
    text-shadow: 1px 1px 4px #333;
    text-decoration:none;
    border-radius:5px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}
.button4{
    padding:7px 14px;
    border: 1px solid #9c1006;
    background-image: linear-gradient(bottom, #9c1006 0%, #ea5b0c 100%);
    background-image: linear-gradient(to bottom, #ea5b0c 0%, #9c1006 100%);
    background-color: #ea5b0c;
    color: #fff;
    text-shadow: 1px 1px 4px #333;
    text-decoration:none;
    border-radius:5px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.button1:hover, .button2:hover, .button3:hover, .button4:hover{
    background:none #fef9c5;
    border-color: #fef9c5;
    text-shadow:none;
    color: #333;
}


/* ----------------------------------------------------------------------------- *
 * GROSSES MEDIA TABLET                                                             *
 * ----------------------------------------------------------------------------- */
@media (min-width: 750px) and (max-width: 899px){
    article, ul li{
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    } 
    
}


/* ----------------------------------------------------------------------------- *
 * KLEINES MEDIA TABLET - HANDY GROSS                                                          *
 * ----------------------------------------------------------------------------- */
@media (min-width: 501px) and (max-width: 749px){    
    article, ul li{
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
    article.flinks70_light, article.fgreen70, article.fred70, article.fgreen85{
        width: 100%;
    }
    article.frechts30, article.frechts55, article.flinks80{
        width: 100%;
        margin-left: 0;
    }
    
    
    ul li.frei, ul li.halb, ul li.rest, ul li.weg{
        width: auto;
    }
    img.som_platz{
        display: none;
    }
}


/* ----------------------------------------------------------------------------- *
 * MEDIA PHONE                                                                   *
 * ----------------------------------------------------------------------------- */
@media (max-width: 500px){
    article.flinks70_light, article.fgreen70, article.fred70, article.fgreen85{
        width: 100%;
    }
    article.frechts30, article.frechts55, article.flinks80{
        width: 100%;
        margin-left: 0;
    }
    ul li.frei, ul li.halb, ul li.rest, ul li.weg{
        width: auto;
    }
    img.som_platz{
        display: none;
    }
}