/* ////////////////////////////////////////////////////////////////////////////////////////////////////
// @object:		RWD TYPO3 responsive style Website kumulus.ch
// @version:	08.07.29
// @date:		12.12.2021
// @autor:		LeiserPublishing GmbH, www.leiserpublishing.com
// @copyright:	LeiserPublishing GmbH, Ipsachstrasse 10, 2560 Nidau, info(at)leiserpublishing(dot)com
// //////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ====================================================================================================
// MEDIAQUERIES: Responsive Structure
// ==================================================================================================== */
/* ### MEDIA-Braikpoints ### */
/* ## Big-Screen First ## */
/* ==================================================================================================== */
/* # Screen-max-width: 2000px # */
/* for:
   Desktop, Laptop & Smartphone (Lanscape) 1920 x 1080px */
@media only screen and (max-width: 2000px) {
}
/* # Screen-max-width: 1800px # */
/* for:
   Desktop & Laptop 1600 x 900px 
   Desktop & Laptop 1440 x 900px 
   Desktop & Laptop 1366 x 768px 
   Desktop & Laptop 1280 x 1024px
   Desktop & Laptop 1280 x 800px
   Tablet (Lanscape) 1280 x 720px 
   Smartphone (Lanscape) 1334 x 750px */
@media only screen and (max-width: 1800px) {
}
/* # Screen-max-width: 1200px # */
/* for:
   Desktop & Laptop 1024 x 768px 
   Tablet (Lanscape) 1024 x 768px 
   Smartphone (Portrait) 1080 x 1920px */
@media only screen and (max-width: 1200px) {
    .header {
	   padding: 10px 10px 10px 10px;
    }
    #FOOTERDECLARATION {
	   padding: 5px 10px 5px 10px;
    }
    .pagewidth {
	   width: calc(100% - 20px);
    }
    #pagelayer.pagewidth {
	   width: 100%;
    }
   .ce-textpic.ce-right.ce-intext .ce-gallery, .ce-textpic.ce-left.ce-intext .ce-gallery,
   .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
        max-width: 50%;
        height: auto;
   }
    .ce-textpic img {
        max-width: 100%;
        height: auto;
   }
    /* Paddings left and right at this size */
    header#header div.pagewidth, footer#colophon div.pagewidth {
/*        padding: 0px 10px 0px 10Px;*/
    }
}
/* # Screen-max-width: 900px # */
/* for:
   Tablet (Portrait) 768 x 1024px
   Tablet (Portrait) 720 x 1280px 
   Smartphone (Portrait) 750 x 1334px
   Smartphone (Lanscape) 736 x 414px
   Smartphone (Lanscape) 800 x 480px
   Smartphone (Lanscape) 667 x 375px */
@media only screen and (max-width: 900px) {
    #HEADERMENU {
        display: block;
    }
    #HEADER {
        display: none;
    }
   .ce-textpic.ce-right.ce-intext .ce-gallery, .ce-textpic.ce-left.ce-intext .ce-gallery,
   .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
        max-width: 25%;
        height: auto;
   }
    .one-one-full-column, .one-one-column, .one-half-column, .one-third-column, .two-third-column,
    .three-fourth-column, .one-fourth-column, .one-fifth-column, .two-fifth-column, .three-fifth-column,
    .four-fifth-column, .one-sixth-column, .five-sixth-column {
        float: none;
        width: 100%;
        clear: right;
    }
    .one-half-column div, .one-third-column div, .two-third-column div, .one-fourth-column div, .three-fourth-column div {
	   margin-right: 0 !important;
    }

    .ce-row {
        float: left;
    }
   /* desable the space-before and sapce-after on this size */
   .frame-space-before-extra-small, .frame-space-before-small, .frame-space-before-medium, .frame-space-before-large, .frame-space-before-extra-large {
       margin-top: 0;
   }
   .frame-space-after-extra-small, .frame-space-after-small, .frame-space-after-medium, .frame-space-after-large, .frame-space-after-extra-large {
       margin-bottom: 0;
   }
    /* set margin and padding at this size */
    .tt-products .shop_minibasket {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 20px 0px;
    }
    /* Disable langnaviwrapper, quicknaviwrapper, subnaviwrapper, mainnaviwrapper, servicenaviwrapper */
    #langnaviwrapper, #quicknaviwrapper, #subnaviwrapper, #mainnaviwrapper, #servicenaviwrapper {
        display: none;
    }
    /* Display menu-top, menu-nav */
    #menu-top, #menu-nav, #menulang-nav {
        display: inline;
    }
    /* Padding top at this size */
    header#header {
        padding: 10px 0px 0px 0px;
    }
    /* Desable border and box-shadows at this size */
    #pagelayer {
	   -webkit-box-shadow: none;
	   box-shadow: none;
        padding: 0px 0px 0px 0px;
    }
    #pagewrapper {
	   border: 0;
	   padding: 10px 10px 10px 10px;
	   margin:0;
	   -moz-box-shadow: none;
	   -webkit-box-shadow: none;
	   box-shadow: none;
    }
    #colophon {
/*        padding: 10px 20px 10px 0px;
        margin:0;*/
}
}
/* # Screen-max-width: 600px # */
/* for:
   Smartphone (Portrait) 414 x 736px
   Smartphone (Portrait) 375 x 667px
   Smartphone (Lanscape/Portrait) 568/320 x 320/568px
   Smartphone (Lanscape/Portrait) 480/320 x 320/480px */
@media only screen and (max-width:600px) {
    .ce-right .ce-gallery, .ce-left .ce-gallery, .ce-column, .ce-center .ce-outer, .ce-center .ce-inner {
        float: none;
    }
    .ce-center .ce-outer, .ce-center .ce-inner {
        right: 0;
    }
   .ce-textpic.ce-right.ce-intext .ce-gallery, .ce-textpic.ce-left.ce-intext .ce-gallery,
   .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
        max-width: 100%;
        height: auto;
   }
    .ce-textpic.ce-right.ce-intext .ce-column, .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-row,
    .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-column {
        margin-left: 0;
    }
    .ce-textpic.ce-left.ce-intext .ce-column, .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-row,
    .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-column {
        margin-right: 0;
    }
}

/* ## Mobile First ## */
/* ==================================================================================================== */
/* # Screen-min-width: 300px # */
/* for:
   Smartphone (Portrait) 414 x 736px
   Smartphone (Portrait) 375 x 667px
   Smartphone (Lanscape/Portrait) 568/320 x 320/568px
   Smartphone (Lanscape/Portrait) 480/320 x 320/480px */
@media only screen and (min-width:300px) {
}
/* # Screen-min-width: 600px # */
/* for:
   Tablet (Portrait) 768 x 1024px
   Tablet (Portrait) 720 x 1280px
   Smartphone (Portrait) 750 x 1334px
   Smartphone (Lanscape) 736 x 414px
   Smartphone (Lanscape) 800 x 480px
   Smartphone (Lanscape) 667 x 375px */
@media only screen and (min-width:600px) {
}
/* # Screen-min-width: 900px # */
/* for:
   Desktop & Laptop 1024 x 768px
   Tablet (Lanscape) 1024 x 768px
   Smartphone (Portrait) 1080 x 1920px */
@media only screen and (min-width: 900px) {
}
/* # Screen-min-width: 1200px # */
/* for:
   Desktop & Laptop 1600 x 900px
   Desktop & Laptop 1440 x 900px
   Desktop & Laptop 1366 x 768px
   Desktop & Laptop 1280 x 1024px
   Desktop & Laptop 1280 x 800px
   Tablet (Lanscape) 1280 x 720px
   Smartphone (Lanscape) 1334 x 750px */
@media only screen and (min-width: 1200px) {
}
/* # Screen-min-width: 1800px # */
/* for:
   Desktop, Laptop & Smartphone (Lanscape) 1920 x 1080px */
@media only screen and (min-width: 1800px) {
}