@media only screen and (max-width: 768px) {
    
/* --- grid-Anpassungen ------------------------------------------- */ 

.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.third,
.quarter,
.onecolmin,
.twocolmin,
.threecolmin,
.fourcolmin,
.fivecolmin,
.sixcolmin,
.sevencolmin,
.eightcolmin,
.ninecolmin,
.tencolmin,
.twocolmax,
.threecolmax,
.fourcolmax,
.fivecolmax,
.sixcolmax,
.sevencolmax,
.eightcolmax,
.ninecolmax,
.tencolmax,


.twocol .wrapper,
.threecol .wrapper,
.fourcol .wrapper,
.fivecol .wrapper,
.sixcol .wrapper,
.sevencol .wrapper,
.eightcol .wrapper,
.ninecol .wrapper,
.tencol .wrapper,
.third .wrapper,
.quarter .wrapper,
.onecolmin .wrapper,
.twocolmin .wrapper,
.threecolmin .wrapper,
.fourcolmin .wrapper,
.fivecolmin .wrapper,
.sixcolmin .wrapper,
.sevencolmin .wrapper,
.eightcolmin .wrapper,
.ninecolmin .wrapper,
.tencolmin .wrapper,
.twocolmax .wrapper,
.threecolmax .wrapper,
.fourcolmax .wrapper,
.fivecolmax .wrapper,
.sixcolmax .wrapper,
.sevencolmax .wrapper,
.eightcolmax .wrapper,
.ninecolmax .wrapper,
.tencolmax .wrapper
{
	width: 100%;
    float: none;
    display: block;
    min-width: 87px;
    margin-bottom: 10px;        
    margin-right: 1%;
}

.nobottommargin {
    margin-bottom: 0px;
}

#headerrow {
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 3.5em;
}

#content {
    padding-top: 2.5rem !important;
}

body.f-default #content {
	padding-top: 0 !important;
}

#mainnav {
    position: fixed;
    width: 100%;
    top: 3.5em;
}

#content.normal {
    padding-left: 2%;
    padding-right: 2%;
}

#pagewrapper {
    min-width: 1px;
}

#mynavicontainer,
#facettencontainer,
#mainnav,
.nomobile,
.aside {
    display: none;
}

.mobile{
    display:block;
}

#shoplogomobile{
    padding-left: 10px;
}

.ratingklein{
    display:none;
}

.add_to_shoppingcart{
    max-width: 250px;
    margin-bottom:5px;
}

.pagination > a,
.pagination > span {
    padding: 0 0.5em;
    margin: 0 0.1em;
}

.sort-by{
    display:none;
}

.list li{
    margin-bottom:10px;
}

#meinkonto-top {
    /* redesign */
    display: none;

    position: static;
    float: none;
    left: 2%;
    margin-right: 0;
    width: auto;
    height: auto;
    line-height: 1;
    text-align: left;
}

/** Suche ------------------------------------------------- */

.artikelteaser,
.artikelteaser:hover {
    border: 0;
    border-bottom: 1px solid #ddd;
    height: 8em;
    
    background: -webkit-linear-gradient(#fff, #eee);
    background: -moz-linear-gradient(#fff, #eee);
    background: -o-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
}

.artikelteaser div.bildcontainer {
    text-align: left;
    margin-right: 10px;
    height: 2em;
}

.artikelteaser .stammlogocontainer,
.artikelteaser .logocontainer,
.artikelteaser .produktbildcontainer {
    float: none;
    border: 0;
    height: auto;
}

.artikelteaser .cigarrenbildcontainer img{
    position: relative;
    top: 0;
}

.artikelteaser .produktbild {
    padding: 2px;
    border: 1px solid #404040;
    max-width: 87px;
}

.artikelteaser p {
    margin-top: 0;
}

.result_number_selector {
    position: static;
}

#headerrow {
    padding: 10px 0 10px 0;   
}

#logo-top {
    width: 14em;/* der wert macht nur für das schmale logo sinn 10em;*/
    height: auto;
    line-height: 1;
    margin-bottom: .2em;
}

#suchform-top {
    text-align: center;
}

#warenkorb-top {
    /*position: static;*/
    background: none;
    width: 1em;
    right: 4em;
    /*margin-top: 3.5em;*/
}

#warenkorb-top a.warenkorbheader,
#warenkorb-top a.top_go_to_warenkorb_link,
#warenkorb-top p {
    display: none;
}


#warenkorb-top a.warenkorbicon {
    width: 100%;
}

/* Buttons um die suche, das menu und den warenkorb aufzurufen */
#mobileMenu {
    top: 0em; /*der wert passt für das schmale logo */
    right: .5em;
    position: absolute;
    display: block;
}

#mobileMenu ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#mobileMenu li {
    display: inline;
    cursor: pointer;
}

#mobileMenu .glyphicons {
    color: #FBFBFB;
    font-size: 21pt;
}

#mobileMenu .glyphicons::before{
    padding-right: .3em;
}

#cartButton a {
    text-decoration: none;
}

#suchform-top {
    display: none;
    width: 100%;
    margin: 10px 0;
    text-align: center;
    background: #512C22;
    padding-bottom: 50px;
}

#suchform-top input {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 90%;
}
#suchform-top #submitbuttontop {
    display: none;
}


#mainnav {
    height: auto;
    /* damit das scrolling im menü trotz position: fixed funktioniert */
    max-height: 95%; 
    overflow: scroll !important;
    display: block;
    background: #512C22;
    padding-bottom: 1em;
    display: none;
}

#mainnav ul {
    padding-left: 0px;
}

#mainnav > ul > li.active {
    background-image: none;
}

#mainnav ul.mainnav {
    position: static;
}

#mainnav ul.mainnav > :first-child {
    padding-top: .4em;
}

#mainnav ul li.hwgr {
    width: auto;
    margin: 0 .4em;
    background-color: #371E17; 
    float: none;
    height: auto;
    border: none;
    text-align: left;
}

/* hauptwarengruppen (z.b. zigarren & zubehör) */
#mainnav ul li.hwgr a.hwgrlink, 
#mainnav ul li.hwgr a.menulink,
#mainnav ul li.hwgr span.menuItem {
    font-size: 15pt;
    color: white;
    height: auto;
    margin-bottom: 0.3em;
    padding: 0 .4em;
    float: none;
}

#mainnav ul.mainnav li.hwgr:hover a.hwgrlink,
#mainnav ul.mainnav li.hwgr:hover a.menulink {
    color: white;   
}

/* unterwarengruppen (z.b. zigarren, zubehör, top listen) */
#mainnav div.meganav a.uwgrlink {
    font-size: 15pt;
    padding-bottom: 0.2em;
}

#mainnav ul li.hwgr a.language_flag {
    display: inline;
}

#mainnav a.language_flag img {
    height: 1em;
    float: right;
    margin-top: 0.8em;
    margin-right: 1em;
}

#mainnav div.meganav ul.dwgr {
    display: none;
}

/* (z.b. brasilien, costa rica, ...) */
#mainnav div.meganav ul.dwgr a {
    font-size: 13pt;
    padding: 0.2em 0 0.2em 0.8em;
    background-position: 0px 1em;
}

#mainnav div.meganav {
    width: inherit;
    margin: inherit;
    min-height: 0;
    padding-bottom: .5em;
    top: 0;
    position: static;
    border: none;
}
#mainnav .meganav .hwgrcontainer {
    margin: 0;
}

/** Detail-Seite -------------------------------------------------------------- */
#breadcrum {
    display: none;
}

#variantennav {
    margin-top: 1em;
}

.vorschaucontainer figcaption {
    display: none;
}

#addToCartButton {
    text-align: left;
}

/* einbeldbar machen */
.varianten-infos {
    display: none;
}

.verkaufsrang > p {
    display: none;
}

.durchschnittbewertung div {
    float:left;
    margin: 0 1em 1em 0 ;
}

#productlist .variantentabelle li{
    background: -webkit-linear-gradient(#fff 70%, #eee 100%);
    background: -moz-linear-gradient(#fff 70%, #eee 100%);
    background: -o-linear-gradient(#fff 70%, #eee 100%);
    background: linear-gradient(#fff 70%, #eee 100%);
    
    position: relative;
    padding-bottom: 50px;         
}

.variantentabelle li select,
#orderboxvariante select {
    font-size: 1.5em;
}

.variantentabelle li .more{
    display: block;

    position: absolute;
    
    bottom: 25%;
    right: 0;
    
    width: 10%;
    height: 50%;
    
    background-image: url('/img/mobile_more_125x100.png');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100%;
    
    border: none;
}

.variantentabelle li .more:hover{
    background-image: url('/img/mobile_more_hover_125x100.png');
}

.variantentabelle li .more:hover span{display: none}


.siblingsnav a {
    display: block;
    -webkit-border-radius: none;
    border-radius: none;
}

.addtowkmini {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

canvas.aromaimg {
    width: 100%;
    height: auto;
}


.magazinBewertungDialog.ui-dialog {
    width: 100% !important;
    left: 0px !important;
}


/* kommentarbereich einer  variante */
.phlistehead {
    background: unset;
    width: 16em;
    display: none;
    background-color: white;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-top: 1em

}

.pheintragliste button {
}

.phlistehead > span {
    display: block;
    width: auto;
}

.phlistehead span.phhumidor {
    display: none; 
}


.phlistehead a{
    text-decoration: none;
    font-size: 15pt;
    color: #666;
    font-weight: 500;
}

.phlistehead span.glyphicon-image {
    text-decoration: none;
    font-size: 15pt;
    color: #666;
    font-weight: 500;
}

.phhilfreichausgabe {
    text-align: left;
}

.phmeinung .editMeinung {
    text-align: left;   
}


/** --- Ajax-Warenkorb -------------------------------------------------------- */

.ui-dialog {
    width: 95%;
    height: auto;
    left: 2.5%;
    top: 2.5%;
}



/** Create Reminder ----------------------------------------------------------- */
.reminder-variants.nojs li.twocol {
    height: auto;
    background: -webkit-linear-gradient(#fff 70%, #eee 100%);
    background: -moz-linear-gradient(#fff 70%, #eee 100%);
    background: -o-linear-gradient(#fff 70%, #eee 100%);
    background: linear-gradient(#fff 70%, #eee 100%);
    padding: 1em;
    font-size: 1.5em;
}


/** Delete Reminder ----------------------------------------------------------- */

#reminderlist .artikelteaser .delete,
#reminderlist .artikelteaser:hover .delete {
    display: inline-block; 
    position: static;
    padding: 0 1em 0 50px;
    width: auto;
    height: 34px;
    text-align: left;
    top: 0;
    right: 0;
    
    background-color: #fff;
    background-position: 5px 2px;
    background-repeat: no-repeat;
    
    border: 1px solid #eee;
    
    text-decoration: none; 
}

#reminderlist .artikelteaser .delete span{
    display: inline;
    text-align: left;
    line-height: 30px;
    color: #666;
    
}

#reminderlist .artikelteaser .logocontainer {
    clear: both;
    position: static;
}

#reminderlist .artikelteaser {
    height: auto;
}

/** Paginierung  -------------------------------------------------------------- */

.pagination > a,
.pagination > span {
    font-size: 1.5em;
    padding: 0 1em;
    margin: 0 0.2em;
}

.pagination a.selectPageButton {
    display: none;
}

.pagination a.selectPageButton:nth-child(0n+1) {
    display: inline-block;
}

.pagination :nth-last-child(0n+1) {
    display: inline-block;
}

.pagination span.current:before {
    content: 'Seite: ';
}



/** Startseite  -------------------------------------------------------------- */
.rotator_description {
     position: absolute;
     top: auto;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 0.5em 40px;
}


/** das warenkorb-fenster - wenn man dem warenkorb was hinzugefügt hat */
#warenkorbfenster #closedialog,
#warenkorbfenster .StandardButton,
#warenkorbfenster .BestellButton {
    width: 90%;
    text-align: center;
    margin-bottom: 1em;
    border-radius: 3px;
    font-weight: bold;
    height: 3em;
}

#warenkorbfenster #closedialog {
    float: none !important;
}

#warenkorbfenster .BestellButton {
    margin-left: 0;
}

#warenkorbfenster #closedialog span.glyphicon-image,
#warenkorbfenster .StandardButton span.glyphicon-image {
    margin-right: 0.5em;
}

#warenkorbfenster .BestellButton span.glyphicon-image {
    margin-left: 0.5em;
}

/* um platz zu sparen blende ich diese meldung aus */
#warenkorbfenster div.success {
    display: none;
}

#warenkorbDialogButtons {
    text-align: center !important;
}



/* der Produkttext wird in der mobile ansicht beschnitten */
#produkttext {
    overflow: hidden;
    max-height: 12em
}
#detail .morelink {
    font-size: 1.2em;
}



/*cigarwordtv*/
.cigarvideo{
	padding-top: 3%;
}
.leftcol, .rightcol{
	width: 100%;
	padding:0;
}
.rightcol{
	margin-top: 5%;
}




/* END media query */
}

/** -------------------------------------------------------------------------- */
/** ---------- Mindestens 769px ---------------------------------------------- */
/** -------------------------------------------------------------------------- */

@media only screen and (min-width: 769px) {

    .empfehhlungdescription{
        overflow: auto;
        height: 200px;
    }
    
    
    
    .ib {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .fixedheight {
        height: 350px;
    }
    
    .fixedheight400 { height: 400px; }
    .fixedheight420 { height: 420px; }

    .mobile {
        display: none;
    }
    
    #loginauswahl form fieldset {
        min-height: 169px;
    }
    
    
    /* Portale --------------------------------------- */
    .portaltext {
        background-position: top right;
        background-repeat: no-repeat;
        padding: 20px 0;
    }
    
    .portaltext p{
        width: 358px;
        margin-left: 20px;
    }
    
    #portaltext_cigars {
        background-image: url(/img/portal/oliva.jpg);
    }
    
}

@media only screen and (min-width: 1024px) {
	#lounge-main #lounge-gallery {
		position: relative;
		left: -50%;
	}
	#lounge-main .lounge-info {
		position: relative;
		left: 50%;
	}
	#lounge-gallery #lounge-gallery-header {
		display: none;
	}
}


@media only screen and (max-width: 600px) {
    #cpcontent img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 1460px) {
	#lounge-gallery .ws-u-lg-1-5 img {
		height: 97px;
	}
}

@media only screen and (min-width: 1260px) and (max-width: 1459px) {
	#lounge-gallery .ws-u-lg-1-5 img {
		height: 84px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1259px) {
	#lounge-gallery .ws-u-lg-1-5 img {
		height: 70px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {
	#lounge-gallery .ws-u-lg-1-5 img {
		height: 106px;
	}
}

@media only screen and (max-width: 799px) {
	#lounge-gallery .ws-u-lg-1-5 img {
		height: 92px;
	}
}

@media only screen and (max-width: 35.5em) {
	.DetailVariant > .rankingnumber{
		text-align: center;
	}
	.DetailVariant > .toplist-price-info > .aligncenter > a{
		text-decoration: none;
		font-size: 1.4em;
		background-color: #7B2222;
		color: #ffffff;
		text-shadow: 0 1px 1px rgba(0,0,0,.2);
		border-radius: 1px;
		width: 90%;
		margin: .5em 0;
		white-space: nowrap;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		-moz-user-select: none;
		font-family: inherit;
		padding: .5em 1em;
		border: none transparent;
		display: inline-block;
		-moz-box-sizing: border-box;
		line-height: normal;
		overflow: visible;
	}
	
	.DetailVariant > .toplist-price-info > .aligncenter > a:hover,
	.DetailVariant > .toplist-price-info > .aligncenter > a:active,
	.DetailVariant > .toplist-price-info > .aligncenter > a:focus{
		background-image: linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));
		outline: 0;
	}
}