/* ----------------------------------------------------------------------------- *
 *                                  Schrift                                      *
 * ----------------------------------------------------------------------------- */
html {
    font-size: 62.5%;
    color: #333;    
}
body, h2, a, article, td {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
h1{
    font-size: 50px;
    font-size: 5rem;
    line-height: 70px;
    line-height: 7rem;
    font-family: 'Dancing Script', cursive;
    font-weight: 700;
}
h3{
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
h3.orang{
    color: #638114;
}
h4{
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    font-family: 'Dancing Script', cursive;
    font-weight: 700;
}
h5{
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
h5.orang{
    color: #638114;
}h5.liste{
    background-color: rgba(149, 193, 31, 0.50);
}


/* ----------------------------------------------------------------------------- *
 *                             verwendete Farben                                 *
 * ----------------------------------------------------------------------------- */
/*
* #fef9c5 - hellgelb
* #ffd200 - dunkelgelb
* #f39200 - orange
* #ea5b0c - rotorange
* #9c1006 - dunkelrot Text
* #95c11f - hellgruen
* #638114 - dunkelgruen
* #009a93 - tuerkis
* #006d68 - dunkeltuerkis Text
* #00b9ee - hellblau
* #333 - dunkelgrau
*-------------------------------*/


/* ----------------------------------------------------------------------------- *
 *                              bilder allgemein                                 *
 * ----------------------------------------------------------------------------- */
img{
    max-width: 100%;
    height: auto;
}
img.illu{
    max-width: 100%;
    height: auto;
}

img.galerie{
    margin: 5px;
    border-radius: 10px;
    border: solid 1px #638114;
}
img.w_galerie{
    margin: 5px;
    border-radius: 10px;
    border: solid 1px #00b9ee;
}
img.ferien{
    margin: 1%;
    border-radius: 10px;
    width: 22%;
    height: auto;
    max-width: 140px;
}
img.gross{
    width: 100%;
    max-width: 550px;
    height: auto;
    border-radius: 20px;
    margin: 10px 0 30px 0;    
}
img.fotopic{
    width: 90%;
    max-width: 260px;
    height: auto;
    border: solid 2px #638114; 
    border-radius: 20px;
    margin: 10px 0 10px 0;    
}

img.w_fotopic{
    width: 90%;
    max-width: 260px;
    height: auto;
    border: solid 2px #00b9ee; 
    border-radius: 20px;
    margin: 10px 0 10px 0;    
}

img.uebergang{
    display: none;
}



/* ----------------------------------------------------------------------------- *
 *                              links allgemein                                  *
 * ----------------------------------------------------------------------------- */
a.rotfett{
    font-weight: 700;
    color:#9c1006;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
a.foto{
    color:#638114;
    text-decoration: none;    
}
a.foto:hover{
    color:#333;
    text-decoration: underline;
}
a.grau{
    font-weight: 600;
    color:#333;
    text-decoration: none;    
}
a.grau:hover{
    color:#638114;    
}
a.sitemap{
    color:#638114;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
a.sitemap:hover{
    color:#333;    
}
a.haupt{
    font-weight: 600;
    color:#638114;
    text-decoration: none;    
}
a.haupt:hover{
    color:#333;
}
a.hauptorange{
    font-weight: 600;
    color:#9c1006;
    text-decoration: none;    
}
a.hauptorange:hover{
    color:#333;
}
a.gruenline{
    font-weight: 600;
    color:#638114;
    text-decoration: none;
    margin-left: 20px;  
}
a.gruenline:hover{
    color:#333;
}
a.weissduenn{
    color:#fff;
    text-decoration: none;
}
a.weissduenn:hover{
    color:#f39200;
    text-decoration: none;
}


/* ----------------------------------------------------------------------------- *
 *                              sonstiges allgemein                              *
 * ----------------------------------------------------------------------------- */


header, article, ul li a, nav, aside{
    display: block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}
.clear{
    clear: both;
}
.kont{
    margin-left: 5%;
    padding-top: 20px;
}

.mitte{
    text-align: center;
}



/* ----------------------------------------------------------------------------- *
 *                             body und wrapper                                  *
 * ----------------------------------------------------------------------------- */
/* Anfang body */
body{
    background: #fef9c5;
}





/* Ende body */

/* Anfang seiten wrapper */
.page-wrapper {
    width: 1020px;
    background: #fef9c5;
    margin: 0 auto;
    padding: 1% 0.9803921568627451% 0 0.9803921568627451%;     
    display: block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}
/* Ende seiten wrapper */


/* ----------------------------------------------------------------------------- *
 *                                   header                                      *
 * ----------------------------------------------------------------------------- */
/* Anfang headerblock */
header {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;    
}
/* Ende headerblock */

/* Anfang header aufteilung gesamt */
.head-content{
    margin: 0 auto;
    width: 100%;
    display: block;
    overflow: hidden;    
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}
.head70{
    width: 70%;
    margin-left: 30%;    
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}
.head30{
    width: 30%;
    float: left;
    display: block;
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}
/* Ende header aufteilung gesamt */

/* Anfang 3er Menue */
ul.miniMenu {
    list-style: none;    
}
ul li a.miniMenu {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    color:#ea5b0c;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    float: right;
    width: auto;
    height: auto;
    padding: 1%;
}
/* Ende 3er Menue */

header h1{
    display: block;
    width: auto;
    text-align: center;
    text-shadow: 1px 1px 3px gray;
}
header h2{
    display: block;
    width: auto;
    text-align: right;
    margin: 0 10px 20px;
}


/* ----------------------------------------------------------------------------- *
 *                             mobiles menue                                     *
 * ----------------------------------------------------------------------------- */
/* Anfang handy menue */
#mobileMenu {
        position: absolute;
        top: 0;
        left: 0;        
        display: none;
        width: 100%;
}
#mobileMenu ul li a{
        width: 50%;
        float: left;
        font-size: 14px;
        font-size: 1.4rem;
        color:#ffffff;
        text-decoration: none;
        text-shadow: 1px 1px 1px gray;
        padding: 12px 0;
        letter-spacing: 0.1em;
        text-align: center;
        text-transform: uppercase;
}
#mobileMenu ul li a.ora {
    background-color: #f39200; /* orange */
    margin-top: 10px;
}
#mobileMenu ul li a.yel { 
    background-color: #ffd200; /* gelb */
}
#mobileMenu ul li a.gre { 
    background-color: #95c11f; /* gruen */
}
#mobileMenu ul li a.tue { 
    background-color: #009a93; /* tuerkis */ 
}
#mobileMenu ul li a.blu { 
    background-color: #00b9ee; /* blau */
}
#mobileMenu ul li a.dor { 
    background-color: #ea5b0c; /* dunkelorange */
    margin-top: 10px;
}
#mobileMenu ul li a.allm { 
    background-color: #333; /* dunkelgrau mit weissem Rand rechts */
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;    
}
#mobileMenu ul li a.allo { 
    background-color: #333; /* dunkelgrau ohne Rand rechts */
    border-top: solid 1px #fff; 
    
}
#mobileMenu ul li a.star {
    border-top: solid 1px #fff;
    background-color: #333; /* dunkelgrau mit farbigem Rand unten */ 
    width: 100%;
    border-bottom: solid 8px #ffd200;  
}
.toggleMobile {
        display: none;
}
/* Ende handy menue */




/* ----------------------------------------------------------------------------- *
 *                             hauptnavigation bunt                              *
 * ----------------------------------------------------------------------------- */
/* Anfang haupt navi */
nav {
    margin: 0 auto;
    overflow: hidden;
}
nav ul {
    list-style: none;    
    margin: 0 auto;  
}
nav ul li a {
    color:#ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 1px gray;
    float: left;
    width: 16.66666666666667%;
    height: auto;
    padding: 1%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
nav ul li a.ora {
    background-color: #f39200; /* orange */
}
nav ul li a.yel { 
    background-color: #ffd200; /* gelb */
}
nav ul li a.gre { 
    background-color: #95c11f; /* gruen */
}
nav ul li a.tue { 
    background-color: #009a93; /* tuerkis */
}
nav ul li a.blu { 
    background-color: #00b9ee; /* blau */
}
nav ul li a.dor { 
    background-color: #ea5b0c; /* dunkelorange */
}
/* Ende haupt navi */


/* ----------------------------------------------------------------------------- *
 *                              main hauptbereich                                *
 * ----------------------------------------------------------------------------- */
/* Anfang hauptbereich block*/
.main-content{
    margin: 0 auto;
    width: 100%;
    display: block;
    overflow: hidden;    
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
    background: linear-gradient(#95c11f, #638114);
}

/* Ende hauptbereich block*/

/* Anfang linker Bereich - aside */
aside{
    width: 20%;
    float: left;
    margin-left: 2%;    
}

article.as_menue{
    width: 100%;
    margin-top: 5px;
    height: auto;
    background: #638114;
    padding: 5%;
    border-radius: 20px;
    float: left;    
    box-shadow: 1px 1px 4px #333;
}


aside ul li a {
    color:#fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px gray;
    width: 100%;
    float: left;
    height: auto;
    padding: 2%;
}

aside ul li a:hover {
    font-weight: 600;
    color:#95c11f;
    text-shadow: none;
    border-bottom: solid 1px #95c11f;    
}

article.biga{
    width: 100%;
    height: auto;
    margin-top: 30px;
    background: #fef9c5;
    padding: 5%;
    border-radius: 20px;
    float: left;    
    box-shadow: 1px 1px 4px #333;
}
article.biga2{
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 5%;
    float: left;    
}
/* Ende linker Bereich - aside */

/* Anfang rechter Bereich - hauptbereich hauptinhalt */
.content{
    width: 73%;
    margin-left: 25%;
    margin-top: 25px;
    margin-bottom: 20px;
    background:#fef9c5;
    padding: 2% 5% 2% 5%;
    border-radius: 20px;
    display: block;
    overflow: hidden;
    box-shadow: 2px 2px 8px #333;
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}

h4{
    text-shadow: 1px 1px 1px gray;
}

article.big{
    width: 100%;
    margin-bottom: 20px;    
    height: auto;
    float: left;    
}

article.big_randorange{
    width: 100%;
    margin-bottom: 20px;
    height: auto;
    float: left; 
    border-bottom: dotted 1px #638114;
    border-top: dotted 1px #638114;
    padding: 10px 0 10px 0;
}

article.big_randoben{
    width: 100%;
    margin-bottom: 20px;
    height: auto;
    float: left; 
    border-top: dotted 1px #638114;
    padding: 10px 0 10px 0;
}

article.big_randliste{
    width: 100%;
    margin-bottom: 0px;
    height: auto;
    float: left; 
    border-top: dotted 1px #638114;
    padding: 10px 0 10px 0;
}

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

article.bild{
    width: 25%;
    padding-bottom: 20px;
    height: auto;
    float: left;    
    text-align: center;
    padding-bottom: 20px;
    overflow: hidden;
}



article.links60{
    width: 60%;
    height: auto;
    float: left;    
}
article.links40{
    width: 38%;
    height: auto;
    float: left;
}
article.links20{
    width: 18%;
    height: auto;
    float: left;
}
article.rechts40{
    width: 38%;
    height: auto;
    margin-left: 62%;
    overflow: hidden;
}
article.rechts60{
    width: 60%;
    height: auto;
    margin-left: 40%;
    overflow: hidden;
}
article.rechts80{
    width: 80%;
    height: auto;
    padding-top: 20px;
    margin-left: 20%;
    overflow: hidden;
}

ul.haupt{
    list-style-type: disc;
    list-style-position: inside;
}

ul.anfrage{
    list-style: none;
}

ul li a.foto{
    padding-left: 50px;
    padding-top: 15px;
    min-height: 50px;
    width: 100%;
    background: url(../pics/pics-icons/foto.png) no-repeat;
    float: left;    
    color:#333;
    text-decoration: none;
}
ul li a.foto:hover{
    color:#ea5b0c;
    text-decoration: underline;
}
ul li a.pdf{
    margin-left: 20px;
    padding-left: 55px;
    padding-top: 15px;
    min-height: 50px;
    width: 100%;
    background: url(../pics/pics-icons/down-pdf-green.png) no-repeat;
    float: left;
    font-weight: 600;
    color:#638114;
    text-decoration: none;
}
ul li a.pdf:hover{
    color:#333;    
}
ul li a.minipdf{
    margin-left: 75px;
    margin-bottom: 15px;
    padding-left: 35px;
    min-height: 30px;
    padding-top: 5px;
    width: 100%;
    background: url(../pics/pics-icons/link_fm.png) no-repeat;
    float: left;    
    font-weight: 600;
    color:#333;
    text-decoration: none;
}
ul li a.minipdf:hover{
    color:#ea5b0c;    
}
ul li a.frage{
    padding-left: 25px;
    min-height: 20px;
    width: 100%;
    background: url(../pics/pics-icons/faq_mini-green.png) no-repeat;
    float: left;    
    color:#638114;
    text-decoration: none;
}
ul li a.frage:hover{
    color:#333;
    text-decoration: underline;
}
ul li a.allg{
    padding-left: 40px;
    min-height: 30px;
    padding-top: 5px;
    width: 100%;
    background: url(../pics/pics-icons/link.png) no-repeat;
    float: left;    
    font-weight: 600;
    color:#ea5b0c;
    text-decoration: none;
}
ul li a.allg:hover{
    color:#333;    
}
ul li a.fmev{
    padding-left: 40px;
    min-height: 30px;
    padding-top: 5px;
    width: 100%;
    background: url(../pics/pics-icons/link_fm.png) no-repeat;
    float: left;    
    font-weight: 600;
    color:#333;
    text-decoration: none;
}
ul li a.fmev:hover{
    color:#ea5b0c;    
}
ul li a.pfeil_re{
    font-weight: 600;
    padding-left: 25px;
    min-height: 30px;
    padding-top: 4px;
    background: url(../pics/pics-icons/pfeil_re.png) no-repeat;    
    color:#ea5b0c;
    text-decoration: none;
    border: solid 1px #ea5b0c;
    border-radius: 5px;
}
ul li a.pfeil_re:hover{    
    color: #333;
}
ul li a.site_re{
    padding-left: 25px;
    min-height: 30px;
    padding-top: 4px;
    background: url(../pics/pics-icons/pfeil_re_green.png) no-repeat;    
    color:#638114;
    text-decoration: none;
}
ul li a.site_re:hover{    
    color: #333;
    text-decoration: underline;
}

article.topr{
    width: 20%;
    float: right;
    text-align: right;    
}
article.topl{
    width: 10%;
    float: left;
    text-align: left;    
}
article.topm{
    width: 70%;
    float: left;
    text-align: left;    
}
article.li50{
    width: 50%;
    float: left;
    text-align: left;
}

ul.reisewahl {
    list-style: none;    
}
ul li a.reisewahl {
    background-color: #f39200;
    color:#fff;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    float: left;
    width: auto;
    height: auto;
    padding: 0.5% 2% 0.5% 2%;
    border-radius: 10px;
    margin: 1%;
}
iframe.ferienservice{
    width: 100%;
    height: 800px;
    margin-top: 10px;
}
iframe.ferienbig{
    width: 100%;
    height: 1200px;
    margin-top: 10px;
}

/* Ende rechter Bereich - hauptbereich hauptinhalt */


/* ----------------------------------------------------------------------------- *
 *                                   tabellen                                  *
 * ----------------------------------------------------------------------------- */
/* Anfang haupttabelle hauptinhalt */
table.haupt_tab {
    width: 96%;
    margin-left: 2%;
    margin-top: 20px;    
}
td:nth-child(1).haupt_tab{
    width: 60px;
    text-align: left;
    vertical-align: top;
    padding-top: 0;
    padding-bottom: 20px; 
}

td.haupt_tab{
    text-align: left;
    vertical-align: top;
    padding-top: 3px;
    padding-bottom: 20px;
}
/* Ende haupttabelle hauptinhalt */

/* Anfang zable home */
table.home {
    width: 70%;
    margin-left: 15%;
    margin-top: 20px;    
}
td:nth-child(1).home{
    width: 60px;
    vertical-align: top;
    padding-top: 0;
}

td.home{
    vertical-align: top;
    padding-top: 16px;
}
/* Ende table home */

/* Anfang haupttabelle preise */
table.preise {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
    border-radius: 5px;
    background-color: rgba(243, 146, 0, 0.25);
    
}
td:nth-child(2).preise{
    width: 100px;
    text-align: right;
    vertical-align: bottom;
    padding: 5px 10px 5px 10px;
}

td.preise{
    text-align: left;
    vertical-align: bottom;
    padding-bottom: 5px; 
    padding: 5px 10px 5px 10px;
}
/* Ende haupttabelle preise */


/* Anfang footer tabelle hauptinhalt */
table.foot_tab {
    width: 96%;
    margin-left: 2%;
}
td:nth-child(1).foot_tab{
    width: 60px;
    text-align: left;
    vertical-align: middle;    
}
td.foot_tab{
    text-align: left;
    vertical-align: middle;
}
/* Ende footer tabelle hauptinhalt */


/* ----------------------------------------------------------------------------- *
 *                                   slideshow                                   *
 * ----------------------------------------------------------------------------- */

/* slideshow */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
        border-bottom: 1px #95c11f solid;    
}
#slides
{
        display: none;        
}

/* Center the slideshow */
.container
{
        width: auto;        
        margin: 0 auto;        
        position:relative;
        border-top: solid 5px #ea5b0c;
        
}
.container2
{
        width:auto;
        margin: 0 auto;        
        position:relative;
        border-top: solid 5px #f39200;
}
.container3
{
        width:auto;
        margin: 0 auto;        
        position:relative;
        border-top: solid 5px #ffd200;
}
.container4
{
        width:auto;
        margin: 0 auto;        
        position:relative;
        border-top: solid 5px #95c11f;
}
.container5
{
        width:auto;
        margin: 0 auto;        
        position:relative;
        border-top: solid 5px #009a93;
}
.container6
{
        width:auto;
        margin: 0 auto;        
        position:relative;
        border-top: solid 5px #00b9ee;
}
   

/* ----------------------------------------------------------------------------- *
 *                                     footer                                    *
 * ----------------------------------------------------------------------------- */
/* Anfang footer */
.footer-content{
    margin: 0 auto;
    padding-bottom: 30px;
    width: 100%;
    display: block;
    overflow: hidden;    
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
    background: #333;
    color: #fff;
    
}

.footer-links{
    width: 40%;
    margin-left: 25%;
    margin-top: 30px;
    display: block;
    float: left;    
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}

.footer-rechts{
    width: 30%;
    margin-left: 65%;
    margin-top: 30px;
    display: block;    
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
	-moz-box-sizing: border-box;    /* Firefox, andere Gecko-Browser */
	box-sizing: border-box;         /* W3C */
}


/* Ende footer */


/* ----------------------------------------------------------------------------- *
 * grosser PC-SCREEN                                                             *
 * ----------------------------------------------------------------------------- */
@media (min-width: 1041px){
    html{
    background: url(../pics/back4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    body{
    background: none;
    width: 100%;
    min-height:100%;
    }
    html{
    width: 100%;
    min-height:100%;
    }
}



/* ----------------------------------------------------------------------------- *
 * ZWISCHENSTUFE PC-SCREEN                                                       *
 * ----------------------------------------------------------------------------- */
@media (min-width: 1020px) and (max-width: 1040px){
    .page-wrapper {
        width: 95%;
    }
    html{
    background: url(../pics/back4.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    body{
    background: none;
    width: 100%;
    min-height:100%;
    }
    html{
    width: 100%;
    min-height:100%;
    }
}


/* ----------------------------------------------------------------------------- *
 * KLEINER PC-SCREEN                                                             *
 * ----------------------------------------------------------------------------- */
@media (min-width: 900px) and (max-width: 1019px){
    .page-wrapper {
        width: 100%;
     }
    iframe.ferienservice{
    height: 1000px;
    }
    iframe.ferienbig{
    height: 1200px;
    }
    
    nav ul li a {
        font-size: 14px;
        font-size: 1.4rem;
    }    
}



/* ----------------------------------------------------------------------------- *
 * GROSSES MEDIA TABLET                                                             *
 * ----------------------------------------------------------------------------- */
@media (min-width: 750px) and (max-width: 899px){
    .page-wrapper {
        width: 100%;
    }
    iframe.ferienservice{
    height: 1000px;
    }
    iframe.ferienbig{
    height: 1200px;
    }
    header h1{
        font-size: 40px;
        font-size: 4rem;
        line-height: 50px;
        line-height: 5rem;
    }
    h3, h5, td.foot_tab, article, nav ul li a, aside ul li a, a.haupt, a.hauptorange, a.foto, figcaption, ul li a.pfeil_re, a.weissduenn, a, h2{
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    } 
    article.bild{
        width: 33%;        
    }
    
    table.home{
        width: 80%;
        margin-left: 10%;
    }
    .footer-links{
        width: 50%;
        margin-left: 10%;
    }
    .footer-rechts{
        width: 40%;
        margin-left: 60%;
    }
}



/* ----------------------------------------------------------------------------- *
 * KLEINES MEDIA TABLET - HANDY GROSS                                                          *
 * ----------------------------------------------------------------------------- */
@media (min-width: 501px) and (max-width: 749px){
    .page-wrapper {
        width: 100%;
        padding: 0;
    } 
    iframe.ferienservice{
    height: 1350px;
    }
    iframe.ferienbig{
    height: 1500px;
    }
    header h1{
        display: none;
    }
     
    .head30{
        width: 33.33333333333333%;
        margin-top: 10px;
    }    
    .head70{
        width: 60%;
        margin-top: 20px;
        margin-left: 39.25%;
        margin-right: 0.75%;
    }
    ul li a.miniMenu {
    font-size: 10px;
    font-size: 1rem;    
    }
    nav ul li a {
        width: 31.33333333333333%;
        border-radius: 5px;
        margin: 1%;
    }
    
    aside{
        width: 25%;
        margin-left: 1.5%;
    }
    article.as_menue{    
        padding: 2%;
        border-radius: 10px;
    }
    article.as_ferienmenue{    
        padding: 2%;
        border-radius: 10px;
    }
    aside ul li a {
        padding: 2%;
    }
    article.biga{
        padding: 2%;
        border-radius: 10px;
    }
    article.biga2{
        padding: 2%;
    } 
    article.bild{
        width: 50%;         
    }
    article.li50{
        width: 100%;
    }
    .content {
        width: 70%;
        margin-left: 28.5%;
        padding: 0.75% 5% 0.75% 5%;
        border-radius: 10px;
        box-shadow: 1px 1px 4px #333;
    }    
    h4{
        font-size: 24px;
        font-size: 2.4rem;
    }
    img.ferien{
        width: 45%;
        max-width: 140px;
        height: auto;
    }
    img.illu{
    max-width: 50%;
    height: auto;
    }
    article.links60{
    width: 100%;
    }
    article.links40{
    width: 100%;
    text-align: center;
    }
    article.links20{
    width: 100%;
    text-align: center;    
    }
    article.rechts40{
    width: 100%;
    margin-left: 0;
    text-align: center;
    }
    article.rechts60{
    width: 100%;
    margin-left: 0;
    }
    article.rechts80{
    width: 100%;
    padding-top: 0;
    margin-left: 0;    
    }   
    table.home{
        width: 96%;
        margin-left: 2%;
    }
    .footer-links{
        width: 50%;
        margin-left: 0;
    }

    .footer-rechts{
        width: 50%;
        margin-left: 50%;
    }
    h3, h5, td.foot_tab, article, nav ul li a, aside ul li a, a.haupt, a.hauptorange, figcaption, a.foto, ul li a.pdf, ul li a.minipdf, ul li a.pfeil_re, ul li a.site_re, a.weissduenn, h2, a{
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
}


/* ----------------------------------------------------------------------------- *
 * MEDIA PHONE                                                                   *
 * ----------------------------------------------------------------------------- */
@media (max-width: 500px){
    .page-wrapper {
        width: 100%;
        padding: 0;
        margin-top: 46px;
        margin-bottom: 0;
    } 
    iframe.ferienservice{
    height: 1350px;
    }
    iframe.ferienbig{
    height: 1500px;
    }
    body{
        background: #fef9c5;
    }   
    .head30{
        width: 70%;
        float: none;
        margin: 0 auto;
        margin-top: 10px;
        text-align: center;
    }   
    .head70{
        width: 90%;
        margin-left: 0;
        margin: 0 auto;
        padding-right: 5%;
    }
    ul li a.miniMenu {
    font-size: 10px;
    font-size: 1rem;    
    }
    
    header h1, header h2{
        display: none;
    }
    .container, .container2, .container3, .container4, .container5, .container6{
        border-top: 0;
    }
    
    img.uebergang{
        display: block;
    }
    h4{
        font-size: 24px;
        font-size: 2.4rem;
    }
    .content {
        float: left;
        width: 100%;
        margin: 0 auto;
        border-radius: 0;
        box-shadow: none;
    }
    article.bild{
        width: 50%;        
    }
    img.galerie, img.w_galerie, img.ferien{
        width: 45%;
        max-width: 140px;
        height: auto;
    }
    
    article.links60{
    width: 100%;
    }
    article.links40{
    width: 100%;
    text-align: center;
    }
    article.links20{
    width: 100%;
    text-align: center;
    }
    article.rechts40{
    width: 100%;
    margin-left: 0;
    text-align: center;
    }
    article.rechts60{
    width: 100%;
    margin-left: 0;
    }
    article.rechts80{
    padding-top: 0;
    width: 100%;
    margin-left: 0;    
    }
    article.li50{
        width: 100%;
    }
    ul li a.pdf{
        margin-left: 0;
    }
    ul li a.minipdf{
        margin-left: 55px;
    }
    table.home{
        width: 96%;
        margin-left: 2%;
    }
    .footer-links {
        width: 90%;
        margin-left: 5%;
    }
    .footer-rechts {
        width: 90%;
        float: left;
        margin-left: 5%;
    }         
    a.weissduenn{
        color:#f39200;
    }    
       #mobileMenu {
        display: block;               
        z-index: 99;
        margin-top: 46px;
    }
    .toggleMobile {
        position: absolute;
        top: 0px;
        left: 0;
        display: block;
        width: 100%;
        height: 46px;
        cursor: pointer;
        z-index: 999;
        background: #333;
        border-top: 10px solid #333;
    }
    .toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3 {
        display: block;
        position: absolute;
        width: 40px;
        height: 8px;
        left: 10px;
        background: #638114;
        -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile span.menu4 {
        display: block;
        position: absolute;
        width: auto;
        margin-left: 60px;
        margin-top: 12px;
        font-size: 14px;
        font-size: 1.4rem;
        color:#fef9c5;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }
    .toggleMobile span.menu1 {
        top: 0px;
    }
    .toggleMobile span.menu2 {
        top: 14px;
        background: #95c11f;
    }
    .toggleMobile span.menu3 {
        top: 28px;
        background: #ffd200;
    }
    .toggleMobile.active span.menu1 {
        top: 14px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu2 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    .toggleMobile.active span.menu3 {
        opacity: 0;
        -webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
        transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
    }
    nav {
        display:none;
    }
    aside {
        display:none;
    }    
}