/* Note: Design for a width of 1400px */

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    #headwrap {
        height: 150px !important;
    }
    .backimage {
        height: 150px !important;
    }
}

/* Note: Design for a width of 1400px */

@media only screen and (min-width: 959px) and (max-width: 1199px) {
    #headwrap {
        height: 120px !important;
    }
    .backimage {
        height: 120px !important;
    }
    
    
}

/*
 * Skeleton V1.2
 * Copyright 2011, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 6/20/2012
 */

/* Table of Contents
 ==================================================
 #Base 960 Grid
 #Tablet (Portrait)
 #Mobile (Portrait)
 #Mobile (Landscape)
 #Clearing */

/* #Base 960 Grid
 ================================================== */

.container {
    position: relative;
    width: 950px;
    margin: 0 auto;
    padding: 0 15px;
}
.container .column, .container .columns {
    float: left;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}
.row {
    margin-bottom: 0px;
}

/* Nested Column Classes */
.column.alpha, .columns.alpha {
    margin-left: 0;
}
.column.omega, .columns.omega {
    margin-right: 0;
}

/* Base Grid */
.container .one.column, .container .one.columns {
    width: 30px;
}
.container .two.columns {
    width: 70px;
}
.container .three.columns {
    width: 110px;
}
.container .four.columns {
    width: 150px;
}
.container .five.columns {
    color: #816d16;	/* Eingefügt am 24.02.15 RM */
    width: 190px;
}
.container .six.columns {
    width: 230px;
    min-height: 1px;
}
.container .seven.columns {
    width: 270px;
}
.container .eight.columns {
    width: 310px;
}
.container .nine.columns {
    width: 350px;
}
.container .ten.columns {
    width: 390px;
}
.container .eleven.columns {
    width: 430px;
}
.container .twelve.columns {
    width: 470px;
}
.container .thirteen.columns {
    width: 510px;
}
.container .fourteen.columns {
    width: 550px;
}
.container .fifteen.columns {
    width: 590px;
}
.container .sixteen.columns {
    width: 630px;
}
.container .seventeen.columns {
    width: 670px;
}
.container .eighteen.columns {
    width: 710px;
}
.container .nineteen.columns {
    width: 750px;
}
.container .twenty.columns {
    width: 790px;
}
.container .twentyone.columns {
    width: 830px;
}
.container .twentytwo.columns {
    width: 870px;
}
.container .twentythree.columns {
    width: 910px;
}
.container .twentyfour.columns {
    width: 950px;
}

.container .one-third.column {
    width: 300px;
}
.container .two-thirds.column {
    width: 620px;
}

/* Offsets */
.container .offset-by-one {
    padding-left: 40px;
}
.container .offset-by-two {
    padding-left: 80px;
}
.container .offset-by-three {
    padding-left: 120px;
}
.container .offset-by-four {
    padding-left: 160px;
}
.container .offset-by-five {
    padding-left: 200px;
}
.container .offset-by-six {
    padding-left: 240px;
}
.container .offset-by-seven {
    padding-left: 280px;
}
.container .offset-by-eight {
    padding-left: 320px;
}
.container .offset-by-nine {
    padding-left: 360px;
}
.container .offset-by-ten {
    padding-left: 400px;
}
.container .offset-by-eleven {
    padding-left: 440px;
}
.container .offset-by-twelve {
    padding-left: 480px;
}
.container .offset-by-thirteen {
    padding-left: 520px;
}
.container .offset-by-fourteen {
    padding-left: 560px;
}
.container .offset-by-fifteen {
    padding-left: 600px;
}
.container .offset-by-sixteen {
    padding-left: 640px;
}
.container .offset-by-seventeen {
    padding-left: 680px;
}
.container .offset-by-eighteen {
    padding-left: 720px;
}
.container .offset-by-nineteen {
    padding-left: 760px;
}
.container .offset-by-twenty {
    padding-left: 800px;
}
.container .offset-by-twentyone {
    padding-left: 840px;
}
.container .offset-by-twentytwo {
    padding-left: 880px;
}
.container .offset-by-twentythree {
    padding-left: 920px;
}
#innderSlid {
    height: 500px;
}
.tabletGreat, .smartGreat, .smartGreatHoch {
    display: none;
}

/* #Tablet (Portrait)
 ================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 300px) and (max-width: 1280px) {
    .catBoxen p{
        bottom: 0 !important;
    }   
    .rechteSpalte .modulBox.rounding {
        margin: 0 20% 0 80px !important;
    } 
}

@media only screen and (min-width: 300px) and (max-width: 980px) {
    .rechteSpalte > div {
        margin: 0 50px 0 80px !important;
    }
    .rechteSpalte .modulBox.rounding {
        margin-right: 50px !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 800px) {
    .linkeSpalte > div{
        top: -100px !important;
    }
    .rechteSpalte > div {
        margin: 0 20px 0 80px !important;
    }
    .rechteSpalte .modulBox.rounding {
        margin-right: 20px !important;
    }
}


@media only screen and (max-width: 775px) {
    .c16l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
        width: 100%;
    }
    .c16r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
        width: 100%;
    }
}

@media only screen and (min-width: 760px) and (max-width: 959px) {
    .inline div {
        display: block !important;
        margin-top: 20px;
    }
    .warenkorbitem img {
    height: auto;
    width: 118px;
}
    .container {
        width: 768px;
    }
    .container .column, .container .columns {
        margin-left: 5px;
        margin-right: 5px;
    }
    .column.alpha, .columns.alpha {
        margin-left: 0;
        margin-right: 5px;
    }
    .column.omega, .columns.omega {
        margin-right: 0;
        margin-left: 5px;
    }
    .alpha.omega {
        margin-left: 0;
        margin-right: 0;
    }

    .container .one.column, .container .one.columns {
        width: 22px;
    }
    .container .two.columns {
        width: 54px;
    }
    .container .three.columns {
        width: 86px;
    }
    .container .four.columns {
        width: 118px;
    }
    .container .five.columns {
        width: 150px;
    }
    .container .six.columns {
        width: 182px;
    }
    .container .seven.columns {
        width: 214px;
    }
    .container .eight.columns {
        width: 246px;
    }
    .container .nine.columns {
        width: 278px;
    }
    .container .ten.columns {
        width: 310px;
    }
    .container .eleven.columns {
        width: 342px;
    }
    .container .twelve.columns {
        width: 374px;
    }
    .container .thirteen.columns {
        width: 406px;
    }
    .container .fourteen.columns {
        width: 438px;
    }
    .container .fifteen.columns {
        width: 470px;
    }
    .container .sixteen.columns {
        width: 502px;
    }
    .container .seventeen.columns {
        width: 535px;
    }
    .container .eighteen.columns {
        width: 566px;
    }
    .container .nineteen.columns {
        width: 598px;
    }
    .container .twenty.columns {
        width: 630px;
    }
    .container .twentyone.columns {
        width: 662px;
    }
    .container .twentytwo.columns {
        width: 694px;
    }
    .container .twentythree.columns {
        width: 726px;
    }
    .container .twentyfour.columns {
        width: 758px;
    }

    .container .one-third.column {
        width: 236px;
    }
    .container .two-thirds.column {
        width: 492px;
    }

    /* Offsets */
    .container .offset-by-one {
        padding-left: 32px;
    }
    .container .offset-by-two {
        padding-left: 64px;
    }
    .container .offset-by-three {
        padding-left: 96px;
    }
    .container .offset-by-four {
        padding-left: 128px;
    }
    .container .offset-by-five {
        padding-left: 160px;
    }
    .container .offset-by-six {
        padding-left: 192px;
    }
    .container .offset-by-seven {
        padding-left: 224px;
    }
    .container .offset-by-eight {
        padding-left: 256px;
    }
    .container .offset-by-nine {
        padding-left: 288px;
    }
    .container .offset-by-ten {
        padding-left: 320px;
    }
    .container .offset-by-eleven {
        padding-left: 352px;
    }
    .container .offset-by-twelve {
        padding-left: 384px;
    }
    .container .offset-by-thirteen {
        padding-left: 416px;
    }
    .container .offset-by-fourteen {
        padding-left: 448px;
    }
    .container .offset-by-fifteen {
        padding-left: 480px;
    }
    .container .offset-by-fifteen {
        padding-left: 512px;
    }
    .container .offset-by-fifteen {
        padding-left: 544px;
    }
    .container .offset-by-fifteen {
        padding-left: 576px;
    }
    .container .offset-by-fifteen {
        padding-left: 608px;
    }
    .container .offset-by-fifteen {
        padding-left: 640px;
    }
    .container .offset-by-fifteen {
        padding-left: 672px;
    }
    .container .offset-by-fifteen {
        padding-left: 704px;
    }
    .container .offset-by-fifteen {
        padding-left: 736px;
    }

    .container {
        padding-right: 5px !important;
    }

    #c131, #c133, #c135 {
        width: 185px !important;
    }

    /*höhe der drei boxen kultur, sport und wirtschaft anpassen*/
    #c130, #c132, #c134 {
        height: 110px !important;
    }

    .dropdownheadr {
        font-size: 1.0em !important;
    }

    .news-list2-container > div:first-child {
        min-height: 115px !important;
    }

    #headerimage img {
        display: inherit !important;
    }

    #header_imag1 > img {
        display: none;
    }

    #headerimage {
        text-align: center;
    }

    /*caption beim eye einstellen*/
    #eye .csc-textpic-caption {
        width: 758px !important;
    }

    .news-latest-item {
        width: 227px !important;
    }

    embed {
        height: auto !important;
    }

    #rechtespalte a, #rechtespalte > span {
        font-size: 0.9em;
    }

    #rechtespalte, #rechtespalte_datum_heute {
        padding-left: 0px !important;
    }

    .weather_title, .min, .max {
        font-size: 0.9em;
    }
    #eye .slideshow {
        max-height: 505px !important;
    }

    #eye4 .slideshow {
        height: 325px !important;
    }

    /** WETTER MODUL POPUP **/
    #popupWetter {
        left: 6% !important;
    }

    #outerPopup {
        width: 800px !important;
    }

    /** caption vergrößern dass die Bilder richtig dargestelt werden**/
    .csc-textpic-caption {
        width: 370px;
    }

    /** ligthbox urlaubsplaner **/
    .imageAct > img {
        height: auto;
        width: 770px;
    }
    #lightimg, #lightpfeile {
        margin: 0 auto;
        max-width: 770px !important;
    }
    #closeLight {
        max-width: 770px !important;
        margin-top: 20px !important;
    }
    #slideShow img {
        height: auto;
        width: 100%;
    }
    #slideInner {
        height: 288px !important;
        width: 567px !important;;
    }
    #headwrap {
        height: 120px !important;
    }
    .backimage {
        height: 120px !important;
    }

    #passeierLogo img {
        overflow: hidden;
        width: 300px;
    }
    .c50l, .c50r {
        width: 182px;
    }

    /***
     *  URLAUBSPLANER ***/
    #startseiteContent #widgetHotelDerWoche {
        width: 32.22% !important;
    }
    #vorschauAngebot {
        width: 100% !important;
    }

    #eyeUrlaub {
        height: 280px !important;
    }
    .vorschauAngebotHead {
        width: 172px;
    }
    .vorschauAngebotBild {
        max-height: 80px !important;
        width: 84px !important;
    }
    .vorschauAngebotBild img {
        width: 90px !important;
    }
    .tippDerWocheImage {
        height: 140px !important;
    }
    #c616 {
        width: 576px !Important;
    }
    .OwnGrid, .OwnGrid table {
        width: 280px !important;
        height: 280px !important;
    }
    .backgroundCover {
        height: 280px !important;
        width: 280px !important;
    }
    .liveSearch {
        padding: 5px 0 5px 4px !Important;
    }

    .smartGreat, .pcGreat, .smartGreatHoch {
        display: none;
    }
    .tabletGreat {
        display: block !Important;
    }

    .imageUmgebogen {
        width: 182px !important;
    }

    .OneColumn {
        width: 246px !Important;
    }
    .Hotels div {
        width: 246px !Important;
    }
    .boxOwnGrid:after {
        width: 768px !Important;
    }
    .boxOwnGrid {
        width: 768px !Important;
    }

    /*
     #vertikalslider .bilder{
     width: 566px !Important;
     }
     */
    .EyeCatcher {
        width: 788px !important;
    }

    /*
     * merken Modul
     */
    .merklist-modul-content {
        right: 40px !important;
    }
    #planner .handle {
        right: -230px !important;
        transform: rotate(-90deg) !important;
        border-radius: 13px 13px 0 0 !important;
    }

    /*
     * videos
     *
     */
    #video-large video, #video-large > div {
        height: 50% !important;
    }
    
    .catBoxen p{
        bottom: 0 !important;
    }
    
    .products_memo .column.omega, .columns.omega {
		margin-left: 0 !important;
	    margin-right: 0 !Important;
	}
    .imageHolder{
    	width: 100% !important; 
    }
    
}


@media only screen and (max-width: 940px){
    .platzHalterModulBox{
        height: 1px !Important;
    }
    .innermodul .formSearch input[type="text"]{
        width: 63%;
    }
    .innermodul .formSearch input[type="submit"]{
        width: 32%;
    }
    #outerPopup > div{
        width: 550px !important;
    }
    
}

/*  #Mobile (Portrait)
 ================================================== */

/* Note: Design for a width of 320px Das ist das kleinste*/
 
@media only screen and (max-width: 767px) {
    
    #kategorieMenu {
        margin-top: 40px !important;
    }
    #kategorieMenu li {
        display: block !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .catBoxen p{
        bottom: 0 !important;
    }
    .container {
        width: 300px;
    }
    .container .columns, .container .column {
        margin: 0;
    }

    .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .seventeen.columns, .container .eighteen.columns, .container .nineteen.columns, .container .twenty.columns, .container .twentyone.columns, .container .twentytwo.columns, .container .twentythree.columns, .container .twentyfour.columns, .container .one-third.column, .container .two-thirds.column {
        width: 300px;
    }

    /* Offsets */
    .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen, .container .offset-by-sixteen, .container .offset-by-seventeen, .container .offset-by-eighteen, .container .offset-by-nineteen, .container .offset-by-twenty, .container .offset-by-twentyone, .container .offset-by-twentytwo, .container .offset-by-twentythree {
        padding-left: 0;
    }

    /* breite geben, damit "weiter zu"-Boxen bei responsive in die nächste zeile springen */

    .EyeCatcher {
        width: 330px !important;
    }

    #c136, #c137, #c138 {
        width: 200px;
    }

    #c139 h1, #c140 h1, #c141 h1 {
        font-size: 1.0em;
        min-height: 13px;
        padding: 5px;
    }

    .news-list-container IMG {
        width: 300px !important;
        height: auto !important;
    }

    #c139, #c140, #c141 {
        width: 300px !important;
        height: 200px !important;
        display: block !important;
    }

    #c130, #c132, #c134 {
        display: none;
    }

    #c131, #c133, #c135 {
        width: 300px !important;
    }

    #headerimage img {
        display: inherit !important;
    }

    #header_imag1 > img {
        display: none;
    }

    #headerimage {
        text-align: center;
    }

    /*caption beim eye einstellen*/
    #eye .csc-textpic-caption {
        width: 300px !important;
    }

    /*wichtig damit hochformatbilder auf der startseite überdeckt werden*/
    .news-list2-container {
        min-height: 211px !important;
    }

    #text_news {
        width: 300px !important;
    }

    #main8 {
        margin-left: 0 !important;
    }

    embed {
        height: auto !important;
    }

    #eye .slideshow {
        height: 200px !important;
    }

    .boxmainimg a, .boxmainimg p {
        margin-left: 0px !important;
        font-size: 0.8em;
    }
    .boxmainimg {
        padding: 5px 0 0 10px;
    }
    .boxmainimg h2 {
        font-size: 1.5em !important;
    }
    #layoutright {
        margin-left: 0 !important;
    }

    #headwrap {
        height: 120px !important;
    }

    .backimage {
        height: 120px !important;
    }

    #passeierLogo img {
        width: 300px;
        overflow: hidden;
    }

    /** WETTER MODUL POPUP **/
    #popupWetter {
        left: 1% !important;
        top: 2% !important;
    }

    #popupWetter {
        font-size: 0.5em;
        width: 330px !important;
    }
    #datumPopup {
        left: 4% !important;
        top: 17% !important;
    }
    #agricolture-forecast {
        width: 320px !important;
        left: 0% !important;
    }
    /** WETTER MODUL POPUP  ENDE**/

    /** caption vergrößern dass die Bilder richtig dargestelt werden**/
    .csc-textpic-caption {
        width: 300px;
    }
    /** ligthbox urlaubsplaner **/
    .imageAct > img {
        height: auto;
        width: 300px;
    }
    #lightimg, #lightpfeile {
        margin: 0 auto;
        max-width: 300px !important;
    }
    #closeLight {
        max-width: 300px !important;
        margin-top: 20px !important;
    }
    #slideShow img {
        height: auto;
        width: 100%;
    }
    #slideInner {
        height: 150px !important;
        width: 300px !important;;
    }

    #logo .urlaubBannerDeut {
        height: 50px !important;
        width: 160px !important;
        display: none;
    }
    #header_menu {
        display: none;
    }
    #main-single-view .listText{
        margin-right: 0px !important;
    }

    /*******************************/
    /**       URLAUBSPLANER       **/
    /*******************************/

    /* listview */
    .head_img {
        float: none !important;
        left: 0 !important;
    }
    #dropText {
        margin-bottom: 10px;
        padding: 0 !important;
    }
    .inhalt {
        padding: 0px !important;
    }

    /* listview ende*/

    /*** Widgets ***/
    #startseiteContent #widgetHotelDerWoche {
        width: 100% !important;
    }
    #vorschauAngebot {
        width: 100% !important;
    }
    .zweiSpalten, .dreiSpalten, .vierSpalten, .eineSpalte {
        width: 100% !important;
    }
    /*.vorschauAngebotBild{
     position: absolute !important;
     bottom: 0px !important;
     right: 0px !important;
     }*/
    #eyeUrlaub {
        height: 110px !important;
    }
    #eyeUrlaub #urlaub_menu .bodytext a {
        font-size: 0.8em !important;
    }
    #urlaub_menu p {
        float: left;
    }
    .vorschauAngebotPreis {
        bottom: 12px;
        position: absolute;
    }
    .tippDerWocheImage {
        height: 200px !important;
    }

    #c616 {
        width: 300px !Important;
    }
    .OwnGrid, .OwnGrid table {
        height: 300px !important;
        width: 300px !important;
    }
    .OwnGrid {
        margin: 4px 0 !important;
    }
    .backgroundCover {
        height: 300px !important;
        width: 300px !important;
    }

    #urlaub_menu p {
        clear: both !important;
        font-size: 0.8em !important;
    }
    .slideshow-images img {
        height: 175px !important;
        width: 300px !important;
    }
    .smartGreat, .pcGreat, .tabletGreat {
        display: none;
    }
    .smartGreatHoch {
        display: block !Important;
    }
    #vertikalslider .bilder {
        width: 300px !Important;
    }

    .imageUmgebogen {
        width: 300px !important;
    }

    .OneColumn {
        width: 300px !Important;
        height: 300px !important;
    }
    .Hotels div {
        width: 300px !Important;
        height: 300px !important;
    }
    .boxOwnGrid:after {
        width: 310px !Important;
    }
    .boxOwnGrid {
        width: 310px !Important;
    }
    .wandernDetail .inhalt-single > p {
        margin-top: 30px !Important;
    }
    .EyeCatcher {
        width: 788px !important;
    }
    .urlaubBox .slideshow, #main5 .slideshow {
        width: 230px !important;
    }
    .zweiSpalten .slideshow {
        width: 100% !important;
    }

    /*
     * merken Modul
     */
    .merklist-modul-content {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;
        border-radius: 13px !important;
        height: 240px !important;
        left: 60px !important;
        top: 25px !important;
        z-index: 99999 !important;
    }
     .merken-modul {
        position: fixed !important;
        right: 105px !important;
        top: 0 !important;
        z-index: 1050 !important;
    }
    #planner .handle{
        background: none repeat scroll 0 0 transparent !important;
        box-shadow: none !important;
        
        top: 0px !important;
        width: 45px !important;
        transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
    }   
    .beschreibungMerkliste {
        display: none;
    }
    #planner {
        right: 20%;
        top: 0 !important;
    }
    .anzahlGemerkt {
        float: left;
    }
    .wrap-merken-modul {
        height: 110px !important;
    }
    .merken-modul {
        right: 50px !important;
    }

    #logo > img {
        height: auto;
        width: 90px;
    }

    #eye4 .slideshow {
        height: 220px !important;
    }
    #infoWrap {
        display: none;
    }
    .vorschauAngebotBild {
        width: 100% !important;
    }
    /*
     * videos
     *
     */
    #video-large video, #video-large > div {
        height: 300px !important;
    }

    /*
     *      MENU OVERLAY
     *
     */
    .button-menu-overlay {
        text-align: center;
        margin: 0;
    }

    #wrapmain .button-menu-overlay > button {
        z-index: 0;
    }

    /* Menu style */
    .overlay nav {
        text-align: center;
        position: relative;
        top: 50%;
        height: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .overlay ul {
        list-style: none;
        padding: 0 10px;
        margin: 10px auto;
        position: relative;
        overflow: scroll;
    }

    .overlay ul li,
    #erstes_li_nav {
        border-bottom: 1px dotted #ddd;
        display: block;
        float: none !important;
        padding: 5px 0;
    }

    .overlay ul li a {
        font-size: 25px !important;
        font-weight: 300 !important;
        display: block !important;
        color: #fff !important;
        -webkit-transition: color 0.2s !important;
        transition: color 0.2s !important;
        background: none !important;
        border: none !Important;
        text-align: center !important;
    }
    
    .overlay ul li a:hover, .overlay ul li a:focus {
        color: #e3fcb1;
    }
    .overlay-close {
        display: block !important;
    }
    /* Overlay style */
    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.8) !important;
    }

    /* Effects */
    .overlay-slidedown {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    }

    .overlay-slidedown.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        text-align: center;
        overflow: scroll;
    }
    .button-menu-overlay {
        display: block !important;
    }
    #navigation {
        padding: 0 !Important;
    }
    
    #wrapmenu, .close-overlapping-menu{
        background-color: rgba(0,0,0,0.8) !important;
        margin-bottom: 20px !Important;
    }
    #wrapmenu{
        position: fixed !important;
    }
    
     #urlaubMenu,#wanderMenu,#navigation2{
        margin-top: 40px;
     }
    .handle:before {
        content: "Q";
        font-family: webicon regular;
    }
    /*
     *      MENU OVERLAY ENDE
     *
     */
    
    #navigation2 img, #navigation2 .slideshow {
        display: none !important;
    }

    /*** ausbelden auf smartphone **/
    #headwrap, #eyeUrlaub,#eye4 {
        display: none;
    }

}

/* #Mobile (Landscape)
 ================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 420px;
    }
    .container .columns, .container .column {
        margin: 0;
    }

    .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .seventeen.columns, .container .eighteen.columns, .container .nineteen.columns, .container .twenty.columns, .container .twentyone.columns, .container .twentytwo.columns, .container .twentythree.columns, .container .twentyfour.columns, .container .one-third.column, .container .two-thirds.column {
        width: 420px;
    }

    .news-list-container IMG {
        width: 420px !important;
        height: auto !important;
    }
    #passeierLogo img {
        margin-bottom: 0px;
    }
    .EyeCatcher {
        width: px !important;
    }
    #c139, #c140, #c141 {
        width: 400px !important;
        height: 300px !important;
        display: block !important;
    }

    #c131, #c133, #c135 {
        width: 420px !important;
    }
    #innderSlid {
        height: 40%;
    }

    /* breite geben, damit "weiter zu"-Boxen bei responsive in die nächste zeile springen */
    #c136, #c137, #c138 {
        width: 200px;
    }

    #c139 h1, #c140 h1, #c141 h1 {
        font-size: 1.0em;
        min-height: 26px;
        padding: 11px 5px 5px;
    }

    #headerimage img {
        display: inherit !important;
    }

    #headerimage {
        text-align: center;
    }

    #header_imag1 > img {
        display: none;
    }

    /*wichtig damit hochformatbilder auf der startseite überdeckt werden*/
    .news-list2-container {
        min-height: 211px !important;
    }

    /*caption beim eye einstellen*/
    #eye .csc-textpic-caption {
        width: 420px !important;
    }

    #text_news {
        width: 273px !important;
    }

    #main8 {
        margin-left: 0 !important;
    }

    embed {
        height: auto !important;
    }

    #eye4 .slideshow {
        height: 280px !important;
    }

    .boxmainimg a, .boxmainimg p {
        margin-left: 0px !important;
        font-size: 0.8em;
    }
    .boxmainimg {
        padding: 5px 0 0 10px;
    }
    .boxmainimg h2 {
        font-size: 1.5em !important;
    }

    #layoutright {
        margin-left: 0 !important;
    }

    #logo .urlaubBannerDeut {
        height: 60px !important;
        width: 200px !important;
        display: none;
    }
    #header_menu {
        display: none;
    }

    /* Anpassungen für Headstretchbild */
    #headwrap {
        height: 120px !important;
    }

    .backimage {
        height: 120px !important;
    }

    /** WETTER MODUL POPUP **/
    #popupWetter {
        left: 1% !important;
    }

    #popupWetter {
        font-size: 0.6em;
        width: 520px !important;
    }
    #datumPopup {
        left: 3% !important;
    }
    #agricolture-forecast {
        width: 420px !important;
    }
    /** WETTER MODUL POPUP  ENDE**/

    /** caption vergrößern dass die Bilder richtig dargestelt werden**/
    .csc-textpic-caption {
        width: 400px;
    }

    /** ligthbox urlaubsplaner **/
    .imageAct > img {
        height: auto;
        width: 400px;
    }
    #lightimg, #lightpfeile {
        margin: 0 auto;
        max-width: 400px !important;
    }
    #closeLight {
        max-width: 400px !important;
        margin-top: 20px !important;
    }
    #slideShow img {
        height: auto;
        width: 100%;
    }
    #slideInner {
        height: 215px !important;
        width: 420px !important;;
    }
    #main-single-view .listText{
        margin-right: 0px !important;
    }

    /*******************************/
    /**       URLAUBSPLANER       **/
    /*******************************/

    /* listview */
    .head_img {
        float: none !important;
        left: 0 !important;
    }
    #dropText {
        margin-bottom: 10px;
        padding: 0 !important;
    }
    .inhalt {
        padding: 0px !important;
    }
    /* listview ende*/

    /*** Widgets ***/
    #startseiteContent #widgetHotelDerWoche {
        width: 100% !important;
    }
    #vorschauAngebot {
        width: 100% !important;
    }
    .zweiSpalten, .dreiSpalten, .vierSpalten, .eineSpalte {
        width: 100% !important;
    }

    #eyeUrlaub {
        height: 155px !important;
    }
    #eyeUrlaub #urlaub_menu .bodytext a {
        font-size: 1.2em !important;
    }

    #angeboteWidget td {
        width: 73%;
    }
    .vorschauAngebotPreis {
        bottom: 12px;
        position: absolute;
    }

    .tippDerWocheImage {
        height: 200px !important;
    }

    #c616 {
        width: 420px !Important;
    }
    #vertikalslider .bilder {
        width: 420px !Important;
    }
    .OwnGrid, .OwnGrid table {
        height: 420px !important;
        width: 420px !important;
    }
    .backgroundCover {
        height: 420px !important;
        width: 420px !important;
    }
    .tabletGreat, .pcGreat, .smartGreatHoch {
        display: none;
    }
    .smartGreat {
        display: block !Important;
    }

    .imageUmgebogen {
        width: 420px !important;
    }

    .OneColumn {
        width: 420px !Important;
        height: 420px !important;
    }
    .Hotels div {
        width: 420px !Important;
        height: 420px !important;
    }
    .boxOwnGrid:after {
        width: 430px !Important;
    }
    .boxOwnGrid {
        width: 430px !Important;
    }
    .wandernDetail .inhalt-single > p {
        margin-top: 30px !Important;
    }
    .EyeCatcher {
        width: 450px !important;
    }
    .urlaubBox .slideshow, #main5 .slideshow {
        width: 230px !important;
    }
    .zweiSpalten .slideshow {
        width: 100% !important;
    }
    #planner {
        top: 10px !important;
    }
    .wrap-merken-modul {
        height: 110px !important;
    }
    #logo > img {
        height: auto;
        width: 90px;
    }
    /*
     * merken Modul
     */
    .merklist-modul-content {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8) !important;
        border-radius: 13px !important;
        height: 240px !important;
        left: 60px !important;
        top: 25px !important;
        z-index: 99999 !important;
    }
     .merken-modul {
        position: fixed !important;
        right: 105px !important;
        top: 0 !important;
        z-index: 1050 !important;
    }
    #planner .handle{
        background: none repeat scroll 0 0 transparent !important;
        box-shadow: none !important;
        
        top: 0px !important;
        width: 45px !important;
        transform: rotate(0deg) !important;
        -webkit-transform: rotate(0deg) !important;
    }   
    .beschreibungMerkliste {
        display: none;
    }
    #planner {
        right: 12%;
        top: 0 !important;
    }
    #infoWrap {
        display: none;
    }
    #video-large video, #video-large > div {
        height: 300px !important;
    }

    /*
     * videos
     *
     */
    #video-large video, #video-large > div {
        height: 400px !important;
    }

    /*
     *      MENU OVERLAY
     *
     */
    .button-menu-overlay {
        text-align: center;
        margin: 0;
    }

    #wrapmain .button-menu-overlay > button {
        z-index: 0;
    }

    /* Menu style */
    .overlay nav {
        text-align: center;
        position: relative;
        top: 50%;
        height: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .overlay ul {
        list-style: none;
        padding: 0 10px;
        margin: 10px auto;
        position: relative;
        overflow: scroll;
    }

    .overlay ul li,
    #erstes_li_nav {
        border-bottom: 1px dotted #ddd;
        display: block;
        float: none !important;
        padding: 5px 0;
    }

    .overlay ul li a {
        font-size: 25px !important;
        font-weight: 300 !important;
        display: block !important;
        color: #fff !important;
        -webkit-transition: color 0.2s !important;
        transition: color 0.2s !important;
        background: none !important;
        border: none !Important;
        text-align: center !important;
    }
    
    .overlay-close {
        display: block !important;
    }

    .overlay ul li a:hover, .overlay ul li a:focus {
        color: #e3fcb1;
    }
    /* Overlay style */
    .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.8) !important;
    }

    /* Effects */
    .overlay-slidedown {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
        transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    }

    .overlay-slidedown.open {
        visibility: visible;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        -webkit-transition: -webkit-transform 0.4s ease-in-out;
        transition: transform 0.4s ease-in-out;
        text-align: center;
        overflow: scroll;
    }
    .button-menu-overlay {
        display: block !important;
    }
    #navigation {
        padding: 0 !Important;
    }
    #wrapmenu, .close-overlapping-menu{
        background-color: rgba(0,0,0,0.8) !important;
        margin-bottom: 20px !Important;
    }
    #wrapmenu{
        position: fixed !important;
    }
    
    #urlaubMenu, #wanderMenu,#navigation2{
        margin-top: 40px;
    }
    .handle:before {
        content: "Q";
        font-family: webicon regular;
    }

    /*
     *      MENU OVERLAY ENDE
     *
     */
    
    #navigation2 img, #navigation2 .slideshow {
    display: none !important;
}

    /*** ausbelden auf smartphone **/
    #headwrap, #eyeUrlaub,#eye4 {
        display: none;
    }

}

/* #Clearing
 ================================================== */

/* Self Clearing Goodness */
.container:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
 or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
    zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}


@media only screen and (max-width: 640px){
    .zubehoer , .passende_Produkte{
        display: none;
    }
}

@media only screen and (max-width: 480px){ 
    body { 
        overflow-x: hidden;
    }   
    .container{
        padding: 0 !important;
    }
    .secondWrap > div {
        margin: 5px 0 !important;
    }
}

@media only screen and (max-width: 767px){
    .linkeSpalte, .rechteSpalte {
        display: block !important;
        float: none !important;
        position: relative !important;
        width: 100% !important;
    } 
    .linkeSpalte {
        height: 300px !important;
        min-height: 0 !important;
    }
    .linkeSpalte > div {
        bottom: 0 !important;
        left: 0 !important;
        min-height: 300px !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
    }
    .rechteSpalte > div { 
        margin: 0 25px 0 40px !important;
    }
    .rechteSpalte .modulBox.rounding {
        margin-right: 25px !important;
    }
    .bookArt , .bookArtRightStyle {
        display: none;
    }
    .bookArtWrap .prev, .bookArtWrap .next{
        z-index: 99999;
    }
}