/* montserrat-100 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/montserrat-v14-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Thin'), local('Montserrat-Thin'),
       url('../fonts/montserrat-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-100italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/montserrat-v14-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Thin Italic'), local('Montserrat-ThinItalic'),
       url('../fonts/montserrat-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/montserrat-v14-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'),
       url('../fonts/montserrat-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-200italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/montserrat-v14-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraLight Italic'), local('Montserrat-ExtraLightItalic'),
       url('../fonts/montserrat-v14-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('../fonts/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-300italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/montserrat-v14-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light Italic'), local('Montserrat-LightItalic'),
       url('../fonts/montserrat-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Italic'), local('Montserrat-Italic'),
       url('../fonts/montserrat-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('../fonts/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/montserrat-v14-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium Italic'), local('Montserrat-MediumItalic'),
       url('../fonts/montserrat-v14-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('../fonts/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/montserrat-v14-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold Italic'), local('Montserrat-SemiBoldItalic'),
       url('../fonts/montserrat-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../fonts/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/montserrat-v14-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold Italic'), local('Montserrat-BoldItalic'),
       url('../fonts/montserrat-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v14-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'),
       url('../fonts/montserrat-v14-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-800italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/montserrat-v14-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat ExtraBold Italic'), local('Montserrat-ExtraBoldItalic'),
       url('../fonts/montserrat-v14-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Black'), local('Montserrat-Black'),
       url('../fonts/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/montserrat-v14-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Black Italic'), local('Montserrat-BlackItalic'),
       url('../fonts/montserrat-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v14-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size:100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-style: normal;
  }

body {
  font-size: 100%;
  color:#6A3F3F;
  
}      


a, a:link, a:visited, a:active {
    color: #E2A800;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
a:hover {
    color: #6A3F3F;
}


p {
    line-height:1.8rem;
    margin-bottom: 18px;
    font-size:1rem;
} 

.right {
    text-align: right;
}

.ce-headline-center, .align-center {text-align:center;}
.bigfont {font-size:1.4rem;font-weight:600;}

/* button */

#tabbed-nav a.internal-link,
.slider a.internal-link {
    background: #E7C665 none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    padding: 10px 30px 9px;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    z-index: 1;
    color:#840000;
    text-decoration:none;
    font-weight:500;
    margin:10px 0px 40px;
    text-transform:uppercase;
    letter-spacing:0.1rem;
}

#tabbed-nav a.internal-link:before,
.slider a.internal-link:before {
    background-color: #BE8136;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(0.5, 1);
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -1;
    
}

#tabbed-nav a.internal-link:hover:before,
.slider a.internal-link:hover:before {
    opacity: 1;
    transform: scale(1, 1);
}

#tabbed-nav a.internal-link:hover,
a.internal-link:hover {color:#fff;}

input {
  font-family: sans-serif;
  font-size: 1rem;
}

input[type="search"]::-ms-clear {
  display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
} 

/* headline */

h1,h2,h3,h4,h5 {
    font-size:3.6rem;
    line-height:4rem;
    margin:0px 0px 32px 0px;
    font-family: 'SofaSansHand-Regular';
    color:#6A3F3F;
    font-weight:400;
}

/* spacer */
.spacer {padding:140px 0px;/*background-color: #eee;*/position:relative;}
.spacer.nopad {padding:0px;}
.spacer.nopadtop {padding:0px 0px 60px;}
.spacer.herosub {padding:0px;position:relative;z-index:10;overflow:visible;background-color:transparent;}
.spacer.bgred {background-color:#840000;color:#fff;}
.spacer.smallpad {
    background-image: url(/res/sabita/img/hintergrund-indien.jpg);
    background-repeat: no-repeat;
    padding:40px 0px;
}

.substage {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 380px;
    max-height: 380px;
    background-position: top 0px right 0px;
    position:relative;
    display:table;
    height:100%;
    width:100%;
}

.stage.substage .ce-bodytext {
    color:#fff;
    max-width:50%;
    margin-bottom:10px;
    display:table;
}

#indiensec:before {
    content:"";
    height:5px;
    width:100%;
    position:absolute;
    top:0px;  
    background: rgb(201,151,76);
    background: linear-gradient(90deg, rgba(201,151,76,1) 0%, rgba(236,217,145,1) 35%, rgba(205,158,83,1) 100%);
}

.spacer.herosub:after,
.stage.substage .spacer:after,
#indiensec:after,
header#header-1.fixed:after {
    content:"";
    height:5px;
    width:100%;
    position:absolute;
    bottom:0px;  
    background: rgb(201,151,76);
    background: linear-gradient(90deg, rgba(201,151,76,1) 0%, rgba(236,217,145,1) 35%, rgba(205,158,83,1) 100%);
}

header#header-1.fixed:before {
    content:"";
    width:100%;
    height:5px;
    background-color:yellow;
    display:table;
    position:absolute;
    bottom:-5px;
    background: rgb(201,151,76);
    background: linear-gradient(90deg, rgba(201,151,76,1) 0%, rgba(236,217,145,1) 35%, rgba(205,158,83,1) 100%);
}

.spacer.herosub:after {bottom:5px;}

.spacer.intro {padding:220px 0px 180px;background-color:#FFFDF4;}
.spacer.slider {padding:140px 0px 70px;background-color:#FFFDF4;}
.content.subpagez {
    position:relative;
    background-color:#FFFDF4;
    padding:60px 0px;
}

.spacer.intro:before,
.spacer.slider:before,
.subpagez:before,
.spacer.intro.detailz:before {
    content:"";
    position:absolute;
    z-index:0;
    width:100%;
    height:100%;
    right:0px;
    top:0px;
    background-image:url(/res/sabita/img/mendi.svg);
    background-repeat:no-repeat;
    background-position:top -55px right -50px;
    background-size:800px auto;
    opacity:0.2;
}

.spacer.intro.detailz:before {
    background-position:top -215px right -109px;
    background-size:500px auto;
    opacity:0.4;
}

.subpagez:before {
    background-attachment:fixed;
    background-position:top -25px right -50px;
}

.spacer.intro:after,
.spacer.slider:after,
.spacer.bgred:after {
    content:"";
    position:absolute;
    z-index:0;
    width:100%;
    height:100%;
    left:0px;
    bottom:0px;
    background-image:url(/res/sabita/img/mendi-schraeg.png);
    background-repeat:no-repeat;
    background-size:800px auto;
    background-position:bottom -525px left -50px;
    opacity:0.2;
}

.spacer.bgred:after {
    background-image:url(/res/sabita/img/mendi-schraeg-02.png);
    background-size:450px auto;
    background-position:bottom -314px left 0px;
}

.spacer.intro .container,
.spacer.slider .container,
.spacer.bgred .container {z-index:1;}

.spacer.intro.subpagez {
    padding:100px 0px;
}

#c20841 {position:relative;width:100%;}
.row.center.packshot {
    /*max-width:550px;
    width:100%;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    position:absolute;
    top:220px;
    z-index:9;*/
    
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 0;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width:500px;
    
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}

.row.center.packshot .ce-textpic, .row.center.packshot .ce-nowrap .ce-bodytext, .row.center.packshot .ce-gallery, .row.center.packshot .ce-row, .row.center.packshot .ce-uploads li, .row.center.packshot .ce-uploads div {
    overflow: visible;
}

.row.center.packshot img {
    position:relative;
    margin-top:-150px;
}

#c20909 {
    max-width:550px;
    min-width:550px;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom:-150px;
    z-index:10;
}

.spacer.green {
    background-image:url(/res/sabita/img/hintergrund-indien.jpg); 
    color:#fff;
    background-size:cover; 
    background-attachment:scroll;
    background-position:0px 0px; 
    padding:0px;
}

#indiensec.spacer.green {
    background-size:3200px; 
}

.spacer.green p,
.spacer.green h1,
.spacer.green h2,
.spacer.green h3,
.spacer.green h4,
.spacer.green h5 {color:#fff;}

.substage .spacer {
    padding:0px;
    display:table-cell;
    height:100%;
    vertical-align:bottom;
    width:100%;
    
}

.substage .spacer .spacer {
    display:inline;
}

.spacer.detailz.intro {padding:60px 0px;background-color:#fff;}

.substage h1 {color:#fff;}

/*.row.center.packshot .ce-column:first-child img {margin-bottom:90px;}*/

/* sticky nav */
@media only screen and (min-width: 501px) { 
header {
  width: 100%;
  position: absolute;
  top:0px;
  z-index:99; 
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease; 
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
}

header.fixed {
  padding:0px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
  z-index:101;
  height:52px;
  background-image:url(/res/sabita/img/startstage-bg.jpg); 
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment:fixed; 
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-300px);
    }
    100% {
        transform: translateY(0px);
    }
}

a.brand img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease;
    max-width:220px;
    margin-top:0px; 
}

.fixed a.brand img,
.sub a.brand img,
.fixed a.brand.defaultbrand img {
    max-width:100px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: position 10s;
    -ms-transition: position 10s;
    -o-transition: position 10s;
    transition: all 0.5s ease; 
    margin-top:-60px;
    display:block;
    width:auto; 
    height:auto;
}

.defaultsub a.brand img {
    max-width:175px;
}

.startlogo {display:none;}
.fixed .startlogo, .fixed .defaultbrand {display:inline-block;}
}

.col-md-12.company {
    float: none;
    width: auto;
    display: block;
    z-index: 10;
    height: 0px;
    position: relative;
}

.col-md-12.center.company {width:100%;}
.fixed .col-md-12.center.company {width:auto;} 
.fixed .company.center {text-align:left;}
.col-md-12.sub.defaultsub {width:auto;}

/* Breadcrumb
--------------------------------------------------------------------------------------- */

.breadcrumb {
    position: relative;
    text-align: left;
    margin-top:80px;
}
.breadcrumb i {color:#486843;font-size:1.2rem;}

.breadcrumb li:before {
    content: "\f105";
    font-family:Font Awesome\ 5 Free, fontawesome; 
    font-weight: 600;
    top:0px;
    position: absolute;
    right: -26px;
    text-align: center;
    width: 20px; 
}
.breadcrumb li:last-child:before {display:none;}
.breadcrumb li:first-child {
    margin-left: 0;
}
.breadcrumb li {
    display: inline-block;
    margin-left: 34px;
    position: relative;
    color:#486843;
    text-transform:uppercase;
    letter-spacing: 0.2rem;
}

.breadcrumb li a {text-decoration:none;color:#486843;}
.breadcrumb li a:hover {color:#486843;}

.breaddetail .breadcrumb {margin-top:20px;margin-bottom:20px;}

.rightbox {text-align:center;}

/* footer */
ul.footermenu li {
    display:inline;
    float:left;
}

ul.footermenu li a, .cpanel {
    color:#fff;padding:0px 30px 0px 0px;
    font-weight: 600;
}

.footer {
    font-size: 0.94rem;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    background-image:url(/res/sabita/img/hintergrund-indien.jpg);
    background-repeat:no-repeat;
}

footer {position:relative;} 
.footer {padding:45px 0px 25px;}
.footer p {
    margin-bottom: 0px;
    font-size: 1.2rem;
    line-height: 1.5rem;
    font-family: 'SofaSansHand-Regular';
    color: #fff;
}
.footer:before{
    content:"";
    height:10px;
    width:100%;
    position:absolute;
    top:0px;  
    background: rgb(201,151,76);
    background: linear-gradient(90deg, rgba(201,151,76,1) 0%, rgba(236,217,145,1) 35%, rgba(205,158,83,1) 100%);
}

/* Produkte
--------------------------------------------------------------------------------------- */
.produktliste.spacer,
.rezepte.spacer  {padding:20px 0px 60px;}
.products-box {position:relative;}
.products-box .productbox {
      
}

.rezepte .headline {
    min-height:370px;
}

.productinner {
    background-color:#fff;
    box-shadow: 0 2px 20px 0 rgb(121 116 114 / 80%);
    margin-bottom:30px;
    padding:40px 20px 10px 20px;
    margin:0px 15px 30px;
}

.products-box .productbox .productinner  {
   /*min-height:425px; */
   height:500px;
}

.productbox p {margin-bottom:5px;}
.product-img {margin-bottom:25px;display:table;/*height:100%;*/width:100%;text-align:center;}
.product-img a {display:table-cell;height:100%;vertical-align:middle;}
.product-text, .product-img {text-align:center;}
.product-text p {font-size:0.9rem;}
.product-text h2 {font-size:1.4rem;font-weight:400;margin:0px;line-height:1.8rem;min-height:58px;margin-bottom:25px;}
.product-text h2 a {color:#6A3F3F;}
.product-img img {
    max-height:200px;
    width:auto;
    /*max-width:200px;*/
    /*-webkit-transform: translateZ(0);
     transform: scale(.9) translateZ(0) translateX(-3%) translateY(-3%);*/
}
p.recipesinfo {font-style:italic;margin-bottom:0px;}
.tx-productcatalogue-pi1 a.backlink,
a.produkt-back {display:none;}
span.tx-productcatalogue-pi1-single-image {display:table;margin:0px auto;}
span.tx-productcatalogue-pi1-single-image img {
    border: 0px;
    padding: 0px;
    margin-right:0px;
    max-height:400px;
    width:auto;
}

.rezepttags.recipetag5 .news-list-tags,
.rezepttags.recipetag7 .news-list-tags,
.rezepttags.recipetag8 .news-list-tags {
    background-image:url(/res/sabita/img/pikant.png);
    background-repeat:no-repeat;
    background-size:50px;
    background-position:top 8px left 20px;
}

.rezepttags.recipetag7 .news-list-tags {
    background-image:url(/res/sabita/img/mild.png);
    background-size:45px;
}

.rezepttags.recipetag8 .news-list-tags {
    background-size:45px;
    background-image:url(/res/sabita/img/scharf.png);
}

.rezeptetags-outer .rezepttags.recipetag5 p.news-list-tags,
.rezeptetags-outer .rezepttags.recipetag7 p.news-list-tags,
.rezeptetags-outer .rezepttags.recipetag8 p.news-list-tags {
    vertical-align:bottom;
    padding-bottom:14px;
}

.rezeptetags-outer .rezepttags.recipetag5 p.news-list-tags span,
.rezeptetags-outer .rezepttags.recipetag7 p.news-list-tags span,
.rezeptetags-outer .rezepttags.recipetag8 p.news-list-tags span {
    font-size:0.9rem;
    color:#84352f;
}

.zutaten h2 {
    margin-bottom:18px;
    font-size:1.4rem;
    font-weight:600;
    color:#fff;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
}

.naehrwerttabelle h2 {
    border-left:2px solid #e7c664;
    border-right:2px solid #e7c664;
    border-top:2px solid #e7c664;
    background-color:#fff;
    padding:0px 20px;  
    font-size:1.4rem;
    font-weight:600;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    margin:0px;
}

.naehrwerttabelle h2 strong,
.naehrwerttabelle strong {font-weight:300;}

.naehrwerttabelle br {display:none;}

.naehrwerttabelle table {
    border-left:2px solid #e7c664;
    border-right:2px solid #e7c664;
    border-bottom:2px solid #e7c664;
    width:100%;
    background-color:#fcfdfb;
}

.naehrwerttabelle table td {background-color:transparent !important;padding:14px 20px;font-weight:500;color:#6A3F3F;}

.naehrwerttabelle table tr:nth-child(even) {background-color: #fcfdfb !important;}
.naehrwerttabelle table tr:nth-child(odd) {background-color: #f4e3b1 !important;}

a.orderonline {
    display:inline-block;
    padding:8px 20px;
    background-color:#e7c665;
    color:#fff;
    font-weight:bold;
    font-size:1rem;
    letter-spacing:0.1rem;
    border:2px solid #e7c665;
    margin-right:20px;
}

a.rezeptideen {
    display:inline-block;
    padding:8px 20px;
    background-color:#fff;
    color:#e7c665;
    border:2px solid #e7c665;
    font-weight:400;
    font-size:1rem;
    letter-spacing:0.1rem;
}

p.light {opacity:0.75;}
p.small {font-size:1rem;}

.attributes {
    display:table;
    /*margin:0px 0px 40px;*/
    margin:0px auto 40px;
}

.product-img {position:relative;height:240px;}
.attributes.detail {/*position:absolute;*/}

.attributes .piktogramm_laktosefrei {
    width:75px;
    height:75px;
    display:inline-block;
    background-image:url(/assets/sabita/icons/lactosefrei.svg);
    background-repeat:no-repeat;
    background-size:75px;
    margin-right:0px;
    float:left;
}

.attributes .piktogramm_glutenfrei {
    width:75px;
    height:75px;
    display:inline-block;
    background-image:url(/assets/sabita/icons/glutenfrei.svg);
    background-repeat:no-repeat;
    background-size:75px;
    margin-right:0px;  
    float:left;
}

.attributes .piktogramm_vegan {
    width:75px;
    height:75px;
    display:inline-block;
    background-image:url(/assets/sabita/icons/vegan.svg);
    background-repeat:no-repeat;
    background-size:75px;
    margin-right:0px;
    float:left; 
}

.attributes .piktogramm_vegetarisch  {
    width:75px;
    height:75px;
    display:inline-block;
    background-image:url(/assets/sabita/icons/vegetarisch.svg);
    background-repeat:no-repeat;
    background-size:75px;
    margin-right:0px;
    float:left;  
}

.flicons .attributes .piktogramm_vegan,
#c20676 .piktogramm_vegan {
    background-image:url(/assets/sabita/icons/vegan.svg); 
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.flicons .attributes .piktogramm_ohne_ei,
#c20676  .piktogramm_ohne_ei {
    background-image:url(/assets/sabita/icons/ohne-ei.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.flicons .attributes .piktogramm_ohne_nuesse,
#c20676 .piktogramm_ohne_nuesse {
    background-image:url(/assets/sabita/icons/ohne-nuesse.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block; 
}

.flicons .attributes .piktogramm_ohne_zuckerzusatz,
#c20676 .piktogramm_ohne_zuckerzusatz {
    background-image:url(/assets/sabita/icons/zucker-ohne-zusatz.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.flicons .attributes .piktogramm_vegetarisch,
#c20676 .piktogramm_vegetarisch {
    background-image:url(/assets/sabita/icons/vegetarisch.svg);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.flicons .attributes .piktogramm_ballaststoffquelle,
#c20676 .piktogramm_ballaststoffquelle {
    background-image:url(/assets/sabita/icons/ballaststoffquelle.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}
.flicons .attributes .piktogramm_ballaststoffreich,
#c20676 .piktogramm_ballaststoffreich {
    background-image:url(/assets/sabita/icons/ballaststoffreich.png); 
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}
.flicons .attributes .piktogramm_proteinquelle,
#c20676 .piktogramm_proteinquelle {
    background-image:url(/assets/sabita/icons/proteinquelle.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}
.flicons .attributes .piktogramm_proteinreich,
#c20676 .piktogramm_proteinreich {
    background-image:url(/assets/sabita/icons/proteinreich.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

/* PP Icons */
.ppicons .attributes .piktogramm_laktosefrei,
#c20671 .piktogramm_laktosefrei {
    background-image:url(/assets/sabita/icons/pp/lactosefrei.svg);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.ppicons .attributes .piktogramm_glutenfrei,
#c20671  .piktogramm_glutenfrei {
    background-image:url(/assets/sabita/icons/pp/glutenfrei.svg);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.ppicons .attributes .piktogramm_vegan,
#c20671 .piktogramm_vegan {
    background-image:url(/assets/sabita/icons/pp/vegan.svg); 
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.ppicons .attributes .piktogramm_ohne_ei,
#c20671  .piktogramm_ohne_ei {
    background-image:url(/assets/sabita/icons/pp/ohne-ei.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.ppicons .attributes .piktogramm_ohne_nuesse,
#c20671 .piktogramm_ohne_nuesse {
    background-image:url(/assets/sabita/icons/pp/ohne-nuesse.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block; 
}

.ppicons .attributes .piktogramm_ohne_zuckerzusatz,
#c20671 .piktogramm_ohne_zuckerzusatz {
    background-image:url(/assets/sabita/icons/pp/zucker-ohne-zusatz.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.ppicons .attributes .piktogramm_vegetarisch,
#c20671 .piktogramm_vegetarisch {
    background-image:url(/assets/sabita/icons/pp/vegetarisch.svg);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}

.ppicons .attributes .piktogramm_ballaststoffquelle,
#c20671 .piktogramm_ballaststoffquelle {
    background-image:url(/assets/sabita/icons/pp/ballaststoffquelle.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}
.ppicons .attributes .piktogramm_ballaststoffreich,
#c20671 .piktogramm_ballaststoffreich {
    background-image:url(/assets/sabita/icons/pp/ballaststoffreich.png); 
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}
.ppicons .attributes .piktogramm_proteinquelle,
#c20671 .piktogramm_proteinquelle {
    background-image:url(/assets/sabita/icons/pp/proteinquelle.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}
.ppicons .attributes .piktogramm_proteinreich,
#c20671 .piktogramm_proteinreich {
    background-image:url(/assets/sabita/icons/pp/proteinreich.png);
    background-size:50px 50px;
    background-repeat:no-repeat;
    margin-right:0px;
    float:left; 
    width:50px;
    height:50px;
    display:inline-block;
}


.attributes div {display:inline;}

.attributes.detail .piktogramm_laktosefrei,
.attributes.detail .piktogramm_glutenfrei,
.attributes.detail .piktogramm_vegan,
.attributes.detail .vegan,
.attributes.detail .piktogramm_kcal,
.attributes.detail .piktogramm_ohne_ei,
.attributes.detail .piktogramm_ohne_nuesse,
.attributes.detail .piktogramm_ballaststoffe,
.attributes.detail .piktogramm_ohne_zuckerzusatz,
.attributes.detail .piktogramm_vegetarisch,
.attributes.detail .piktogramm_ballaststoffquelle,
.attributes.detail .piktogramm_ballaststoffreich,
.attributes.detail .piktogramm_proteinquelle,
.attributes.detail .piktogramm_proteinreich {
    display:block;
    float:left;
    margin-bottom:10px;
    width:70px;
    height:50px;
    background-size:50px 50px;
    background-position:center;
}

/* Page Header
--------------------------------------------------------------------------------------- */
.spacer.absolute {background-color:transparent;}
.cnt-header {
    position: relative;
}

.cnt-header .frame-default {color:#fff;}
.cnt-header .spacer {padding:0px;}
.cnt-header img {width:100%;max-width:100%;}
.cnt-header .absolute {
    position:absolute;
    display:flex;
    height:100%;
    width:100%;margin:0px;z-index:2;align-items:center;justify-content:center;}
.spacer.absolute .container {/*position:relative;display:table-cell;height:100%;vertical-align:middle;*/}

.herosub .ce-intext.ce-right .ce-gallery, .herosub .ce-intext.ce-left .ce-gallery, .herosub .ce-above .ce-gallery {
    margin-bottom: 5px;
}

.cnt-header .ce-above .ce-gallery {margin-bottom:0px;}
.cnt-header .ce-left .ce-gallery, .cnt-header .ce-column {float:none;}
.cnt-header .ce-gallery figure {display: block;}

.cnt-header .frame-layout-1 {position:relative;z-index:1;border-bottom:1px solid #88a8db ;}
.cnt-header .frame-layout-1 .ce-gallery figure {position:relative;}
.cnt-header .frame-layout-1 .ce-gallery figure:before {
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(44,77,131,0.55);
    left:0px;
    top:0px; 
}

.cnt-header .ce-gallery figure:before,
.layer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0,0,0,.4);*/
    /*background-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.55)); */
    left: 0;
    top: 0;
}

/*FORM*/
.tx-powermail {max-width:800px;margin:60px auto 0px;}
.indentcontentcol .tx-powermail {max-width:100%;margin:0px;} 
.tx-powermail .col-md-6 {
    width: 100%;
    padding:0px;
}
.powermail_fieldwrap input,
.powermail_fieldwrap textarea {
    width:100%;
    background-color:#f7f7f7;
    padding:15px 10px;
    border:1px solid #fff;
    font-size:1.2rem;
    margin-bottom:10px;
    color:#424242;
}
.powermail_fieldwrap .checkbox input {width:auto;}
.tx-powermail .col-sm-10 {
    width: 100%;
}
.tx-powermail .col-sm-offset-2 {
    margin-left: 0px;
}

.tx-powermail select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("/typo3conf/ext/mm_project/Resources/Public/images/select-arow.png") no-repeat scroll right center;
    cursor: pointer; 
    background-color:#f7f7f7;
    padding:15px 30px;
    border:1px solid #fff;
    font-size:1.2rem;
    margin-bottom:10px;
    color:#424242;       
}

/* hide browser-styling (arrow) in IE10 */
select::-ms-expand {
  display:none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #424242;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #424242;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #424242;
}

.tx-powermail .powermail_fieldwrap_type_select .col-sm-10,
.powermail_fieldwrap_type_select .powermail_field  {
    width: auto;
    display:inline-block;
}

.tx-powermail .powermail_fieldwrap_type_select .col-sm-2,
.powermail_fieldwrap_type_select label {
    width: auto;
    font-size:1.2rem;
    font-weight:400;
    color:#424242;
    padding:15px 0px;
    margin-left:15px;
}

.tx-powermail .powermail_check_outer  {margin:30px 0px 50px;}

input[type="checkbox"]:checked + label {
}
.tx-powermail .powermail_check_outer input[type="checkbox"] {
    display: none;
}
.tx-powermail .powermail_check_outer  input[type="checkbox"] + label span {
    background: rgba(0, 0, 0, 0) url("../img/check_radio_sheet.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: -6px 10px 0 0;
    vertical-align: middle;
    width: 20px;
}
.tx-powermail .powermail_check_outer  input[type="checkbox"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("../img/check_radio_sheet.png") no-repeat scroll -24px top;
}
.tx-powermail .powermail_check_outer  input[type="radio"]:checked + label {
}
.tx-powermail .powermail_check_outer  input[type="radio"] {
    display: none;
}
.tx-powermail .powermail_check_outer  input[type="radio"] + label span {
    background: rgba(0, 0, 0, 0) url("../img/check_radio_sheet.png") no-repeat scroll left top;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: -6px 10px 0 0;
    vertical-align: middle;
    width: 20px;
}
.tx-powermail .powermail_check_outer  input[type="radio"]:checked + label span {
    background: rgba(0, 0, 0, 0) url("../img/check_radio_sheet.png") no-repeat scroll -24px top;
}

.tx-powermail  .nolabel .powermail_check_outer label,
.tx-powermail  .nolabel .powermail_check_outer legend,
.tx-powermail .powermail_check_outer .nolabel h3 {
    display: inline-block; 
} 

.tx-powermail .powermail_check_outer p {
    display:inline;
    padding-top:2px;
}

.tx-powermail a {color:#43813c;text-decoration:none;} 

.tx-powermail .powermail_fieldwrap_type_submit .col-sm-10.col-sm-offset-2, .powermail_fieldwrap_type_submit .powermail_field {width:100%;margin:0px auto;text-align:center;} 
.tx-powermail input.btn.btn-primary, input.powermail_submit {border:0px;background-color:#174811;color:#fff;font-weight:400;border-radius:0px;width:auto;text-align:left;padding:15px 60px 15px 20px;position:relative;}
.tx-powermail input.btn.btn-primary:after, input.powermail_submit:after {content:"";font-family:FontAwesome;position:absolute;right:20px;}
.tx-powermail .powermail_fieldwrap_type_submit .col-sm-10.col-sm-offset-2 span, .tx-powermail .powermail_fieldwrap_type_submit span, .tx-powermail .powermail_fieldwrap_submit i {font-family:Font Awesome\ 5 Free, fontawesome;color:#fff;font-size:1.4rem;right:25px;top:0px;position:relative;}
.tx-powermail .powermail_fieldset .parsley-errors-list.filled {display:none !important;}
.tx-powermail .powermail_fieldset .powermail_field_error, .tx-powermail .powermail_fieldset .parsley-error, .tx-powermail .powermail_fieldset .powermail_form .parsley-error:focus, .tx-powermail .powermail_fieldset div.error {
    background-color: #f7f7f7 !important;
    color: #424242 !important;
    border:1px solid #d0021b !important;
} 

.tx-powermail .col-md-6.powermail_fieldwrap_type_text, .powermail_fieldwrap_type_text {padding:0px 0px 20px 0px;}

.tx-powermail .powermail_field_error_container_datenschutz.parsley-error {border:0px !important;}

.powermail_fieldwrap_strasse {
    width: 78.7%;
    float:left;
}

.powermail_fieldwrap_haus_nr {
    width:20%;
    float:left;
    margin-left:10px;
}

.nolabel label, .nolabel legend, .nolabel h3 {display:none;}

/* ---- isotope ---- */

.grid {
    max-width:1440px;
    position:relative;
    margin:0px auto;  
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
  position: relative;
    width:25%;
    margin:0px;
  
}

.element-item > * {
  /*margin: 0;
  padding: 0;*/
}

/*START Produkte*/
.produkte .col-md-3.dailygreendiv .ce-textpic,
.produkte .col-md-3.foodielifestylediv .ce-textpic,
.produkte .col-md-3.plantpowerdiv .ce-textpic {transition-duration: 0.5s;}
.produkte .col-md-3.dailygreendiv .ce-textpic:hover,
.produkte .col-md-3.foodielifestylediv .ce-textpic:hover,
.produkte .col-md-3.plantpowerdiv .ce-textpic:hover,
.productbox .productinner:hover {
    cursor:pointer;
    /*background-color:transparent;*/
    /*background-image: url(/res/sabita/img/startstage-bg.jpg);*/
    /*color:#fff;*/
    transition-duration: 0.5s;
}
.produkte .col-md-3.foodielifestylediv .ce-textpic:hover,
.flicons .productbox .productinner:hover {
    background-image:url(/res/sabita/img/foodie-bg.jpg);
}

.produkte .col-md-3.plantpowerdiv .ce-textpic:hover,
.ppicons .productbox .productinner:hover {
    background-image:url(/res/sabita/img/plant-bg.jpg);
}

.produkte .col-md-3.dailygreendiv .icons .ce-textpic,
.produkte .col-md-3.plantpowerdiv .icons .ce-textpic,
.produkte .col-md-3.foodielifestylediv .icons .ce-textpic {
    display:contents;
}

.productbox .productinner:hover a,
.ppicons .productbox .productinner:hover a,
.flicons .productbox .productinner:hover a {/*color:#fff;*/}

* { box-sizing: border-box; }

/*body {
  font-family: sans-serif;
} */

select {
  font-size: 20px;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

.filters-select {display:none;}

.spacer.warenkunde img {max-width:60px;height:auto;}

.tx-om-cookie-consent .om-cookie-panel .cookie-panel__button--color--green {
    background-color: #840000 !important;
}

/* Content Things */
.herosub .ce-center .ce-outer,
.herosub .ce-center .ce-inner {
    position: relative;
    float: none;
    right: auto;
}

.herosub .ce-left .ce-gallery, .herosub .ce-column {
    float: none;
}

.ce-gallery img {
    display: block;
    width: 100%;
    height: auto;
}

/* TABS */
.indian-style,
.nordindien,
.ostindien,
.suedindien,
.westindien {
    background-image:url(/res/sabita/img/indianstyle.png);
    background-repeat:no-repeat;
    background-position:top right;
    background-size:85%;
    /*padding-bottom:80px;*/
    display:table;
    overflow:visible;
    position:relative;
}

.ostindien {
    background-image:url(/res/sabita/img/indien-ost-visual@2x.png);
}

.suedindien {
    background-image:url(/res/sabita/img/indien-sued-visual@2x.png);
}

.westindien {
    background-image:url(/res/sabita/img/indien-west-visual@2x.png);
}

.spacer.green .spacer {
    padding:0px;
    background-color:transparent;
    overflow:visible;
    z-index:99;
}
#tabbed-nav img {
    margin:60px 0px;
}

/*.indian-style:after {
    content:"";
    position:absolute;
    bottom:-80px;
    right:-60px;
    background-image:url(/res/sabita/img/indien-food-indien@2x.png);
    background-repeat:no-repeat;
    background-position:bottom 0px right 0px;
    background-size:240px;
    width:100%;
    height:100%;
    z-index:99;
}*/
.indian-style .col-md-6:last-child .ce-gallery,
.nordindien .col-md-6:last-child .ce-gallery,
.ostindien .col-md-6:last-child .ce-gallery,
.suedindien .col-md-6:last-child .ce-gallery,
.westindien .col-md-6:last-child .ce-gallery {
    position: absolute;
    z-index: 9999;
    max-width: 220px;
    bottom: -135px;
    right: -100px;
}

/* Produktstart */
.shortcutbox {margin-top:10px;}
.produktstart {
    padding:20px; 
    display:table;
}

.produktstart:hover {
    cursor:pointer;
}

.produktstart-inner {
    background-color:#fff;
    /*box-shadow:0px 0px 5px 0px rgb(239,239,239);*/
    /*box-shadow: 0 2px 8px 0 rgba(0,0,0,.24);*/
    box-shadow: 0 2px 20px 0 rgb(121 116 114 / 80%);
    padding:18px 20px 20px;
    transition: all 0.1s ease 0s;   
}

.produktstart-inner h4 {
    font-size:1.5rem;
    line-height:1.7rem;
    margin:0px 0px 25px;
    font-weight:400;
    min-height:58px;
}

.produktstart-inner p {margin-bottom:5px;font-weight:300;}

.produktstart .frame:last-child {
    margin: 10px auto;
    display: inline-block;
    width: 100%;    
}
.produktstart .frame:last-child img {
    max-width:48px;
}

.owl-carousel .frame:last-child .ce-bodytext {padding:0px;}

.produktstart.scale .frame,
.produktstart-inner .ce-bodytext {
    transition: all 0.1s ease 0s;
}
.produktstart .frame:first-child img {
  transition: all 0.1s ease 0s;
    padding:0px 12px;
}
.produktstart.scale .frame:first-child img  {
    padding:0px;
    transition:all 0.1s ease 0s;
}

.produktstart .ce-textpic, .produktstart .ce-nowrap .ce-bodytext, .produktstart .ce-gallery, .produktstart .ce-row, .produktstart .ce-uploads li, .produktstart .ce-uploads div {
    overflow: visible;
}

.produktstart-inner .ce-bodytext {
    padding-top:10px;
    transition: all 0.1s ease 0s;
}

.produktstart.scale .produktstart-inner .ce-bodytext  {
    padding-top:0px;
    transition: all 0.1s ease 0s;   
}

.produktstart.scale .produktstart-inner {
    padding:10px 20px 6px;
    transition: all 0.1s ease 0s;   
}

/* Filter */
ul.button-group {
    position:relative;
    display:flex;
    width:auto;
    margin:0px auto 10px;
    align-items: center;
  justify-content: center;
}
ul.button-group li {
    color:#fff;
    display:block;
    float:left;
    letter-spacing:0.1rem;
    padding:10px 0px;
    margin:0px 15px 10px;
    text-transform:uppercase;
    font-weight:500;
    opacity:0.7;
    font-size:0.9rem;
    position:relative;
}

ul.button-group li:hover {cursor:pointer;}

ul.button-group li.is-checked,
ul.button-group li:hover {
    opacity:1;
}

ul.button-group li.is-checked:after,
ul.button-group li:hover:after {
    content:"";
    width:100%;
    position:absolute;
    bottom:0px;
    height:2px;
    background-color:#E7C665;
    left:0px;
} 

.filterclass {
    position:relative;
    bottom:0px;
}

/* Hover Produkte */
/*.productbox,*/
.productbox .productinner,
.productbox .product-img,
.productbox .product-img img {
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.productbox:hover .productinner {
    padding:30px 20px 0px 20px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

.productbox:hover .product-img {
    margin-bottom: 30px;
}

.productbox:hover .product-img img {
    transform: scale(1.1);
    margin-bottom:10px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a.produkt-back {display:none;}
.tx-productcatalogue-pi1 b, .tx-productcatalogue-pi1 br {display:none;}
.tx-productcatalogue-pi1 section.spacer b, .tx-productcatalogue-pi1 section.spacer br {display:inline-block;}
a.zurueck {
    font-size:1.2rem;
    font-weight:600;
    text-transform: uppercase;
    display:block;
    margin-bottom:60px;
}

.om-cookie-panel {
    padding:0px 0px 20px 0px;
}

.om-cookie-panel h3 {
    margin: 0;
    padding:0px 0px 20px 0px;
    font-size:1.6rem;
    text-align: center;
}
.cookie-panel__attribution,
.om-cookie-panel h3 {display:none;}

.cookie-panel__selection {padding-top:20px;}

.tx-om-cookie-consent .om-cookie-panel .cookie-panel__button {
    border-radius: 0px !important;
    font-size: 14px; 
    background: #ccc;  
}

.tx-om-cookie-consent .om-cookie-panel .cookie-panel__button--color--green {
    background-color: #19134e;
    border-radius: 0px !important;
    font-size:14px;
}

.om-cookie-panel {width:auto;padding:0px 40px 18px;}

/*.cookie-panel__control button:nth-child(2) {display:none;}*/

.om-cookie-panel .cookie-panel__checkbox + label::before {
    border: 2px solid #19134e; 
}

.om-cookie-panel .cookie-panel__checkbox:checked + label::before {
    background-color: #19134e;
}

.om-cookie-panel p {
    padding: 5px 0 1em;
}

.om-cookie-panel .cookie-panel__checkbox + label {
    width: auto;
    float: none;
    display: inline;
    font-size:14px;
}

.om-cookie-panel .cookie-panel__link, .om-cookie-panel p {font-size:14px;}

.showmobile, .hidedesktop, a.brand img.hidedesk, a.brand.defaultbrand img.hidedesk {display:none;}
.fixed a.brand img.desktop {display:none;}
.fixed a.brand img.hidedesk, .fixed a.brand.defaultbrand img.hidedesk {display:block;}

#somediv h2 {display:none;}
#somediv.thisClass h2 {display:block;}

/* REZEPTE */
.news .rezepte .col-md-4 {padding:0px 24px;}
.news .rezepte .article {
    background-color:#fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
    box-shadow: 0 0 10px rgba(0,0,0,.08); 
    position:relative;
    margin-bottom:48px;
    min-height:500px;
}

.news .rezepte .article .news-img-wrap {
    float: none;
    margin: 0px;
    background: #fff;
}

.news .rezepte .article .news-img-wrap img {
    float: none;
    height: auto;
    width: 100%;
}

.news .rezepte .article .news-img-wrap a {
    display: block;
    float: none;
    padding: 0px;
    border: 0px ;
    background:tansparent;
}

.rezeptetags-outer {
    position:absolute;
    z-index:10;
    top:13%;
    left:-20px;
}

.rezeptetags-outer .rezepttags {
    position:relative;
    background-color:#e9d38f;
    background-image: linear-gradient(to right bottom, #c9974c, #c9974c, #ecd991, #c9974c, #c9974c);   
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
    box-shadow: 0 0 10px rgba(0,0,0,.08); 
    color:#6A3F3F;
    width:85px;
    height:85px;
    display:table;
    border-radius:50%;
    text-align:center;
    margin-bottom:10px;      
}

.rezeptetags-outer .rezepttags p.news-list-tags {
    color:#fff;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1rem;
}

.rezeptetags-outer p.news-list-tags span {font-size:1.2rem;}

.rezeptetags-outer-detail {
    position:absolute;
    z-index:10;
    top:13%;
    right:-35px;
}

.rezeptetags-outer-detail .rezepttags {
    position:relative;
    background-color:#e9d38f;
    background-image: linear-gradient(to right bottom, #c9974c, #c9974c, #ecd991, #c9974c, #c9974c);   
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.08);
    box-shadow: 0 0 10px rgba(0,0,0,.08); 
    color:#6A3F3F;
    width:100px;
    height:100px;
    display:table;
    border-radius:50%;
    text-align:center;
    margin-bottom:10px;      
}


.rezeptetags-outer-detail .rezepttags.recipetag5 .news-list-tags,
.rezeptetags-outer-detail .rezepttags.recipetag7 .news-list-tags,
.rezeptetags-outer-detail .rezepttags.recipetag8 .news-list-tags {
    background-image:url(/res/sabita/img/pikant.png);
    background-repeat:no-repeat;
    background-size:50px;
    background-position:top 12px left 30px;
}

.rezeptetags-outer-detail .rezepttags.recipetag7 .news-list-tags {
    background-image:url(/res/sabita/img/mild.png);
}

.rezeptetags-outer-detail .rezepttags.recipetag8 .news-list-tags {
    background-image:url(/res/sabita/img/scharf.png);
}

.rezeptetags-outer-detail .rezepttags.recipetag5 p.news-list-tags,
.rezeptetags-outer-detail .rezepttags.recipetag7 p.news-list-tags,
.rezeptetags-outer-detail .rezepttags.recipetag8 p.news-list-tags {
    vertical-align: bottom;
    padding-bottom:20px;
}

.rezeptetags-outer-detail .rezepttags p.news-list-tags {
    color:#6A3F3F;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
}

.rezeptetags-outer-detail p.news-list-tags span {font-size:1.2rem;display:block;color:#84352f;}


.rezepttitel {
    padding:20px;
}

.news .rezepte .article h3,
.news .rezepte .article h3 a {
    color:#6A3F3F;
    font-size:1.4rem;
    font-weight:400;
    line-height:1.9rem;
}

.news-single .rezepte h3 {
    font-size:2.6rem;
}

.rezepttitel br {display:none;}

.news .rezepte .article a.more {
    color:#b4a568;
    display:block;
    margin-top:12px;
}

.news-single .article .news-img-wrap {
    float: none; 
    width: auto; 
    margin: 0px; 
}

.rezeptdetail {
    background-image:url(/res/sabita/img/bg_rezepte.jpg); 
    background-repeat:no-repeat;
    background-size:100% 600px;
}

.rezeptdetail:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 600px;
    background-color: rgba(0,0,0,.15);
    left: 0;
    top: 0;
}

.rezeptdetail .spacer.rezepte {background:transparent;}
.rezeptdetail .spacer.rezepte {padding:280px 0px 60px 0px;}
.rezeptdetail .headline h1 {color:#fff;text-transform:uppercase;font-size:3rem;}
.rezeptdetail .teaser-text p {color:#c1b577;letter-spacing:0.2rem;font-size:1.5rem;line-height:2.2rem;}

.news-single .article .news-img-wrap img {
    width:100%;
    height:auto;
}

.rezeptdetail .rezepttable {
    /*margin-top:120px; */  
}

.rezeptdetail .rezepttable {
    color:#6A3F3F;
}
.rezeptdetail .rezepttable .contenttable {width:100%;margin-top:25px;margin-bottom:25px;}

.rezeptdetail .rezepttable .contenttable td {
    padding:10px 20px 10px 0px;font-weight:300;
    color:#6A3F3F;
}

.rezeptdetail .rezepttable .contenttable td:first-child {color:#840000;width:100px;font-size:1.2rem;font-weight:400;}
.rezeptdetail .rezepttable .contenttable td a {color:#ac7a2e;}
.rezeptdetail .rezepttable .contenttable td a:hover {color:#840000;}

.zubereitung {margin-top:40px;}
.news .zubereitung h2, .news .zubereitung h3 {color:#6A3F3F;margin-bottom:24px;}

.news .article .news-img-wrap {
    background: transparent;
}

a.print {
    display:table;
    margin:60px auto 40px;
    text-align:center;
    padding:15px 40px;
    background-color:#E7C665;
    color:#840000;
    font-weight:600;
    font-size:1.2rem;
    letter-spacing:0.1rem;
}
a.print i {margin-left:10px;}

.warenkunde .col-md-4 {margin-bottom:40px;}

#recycling {
    display:flex;
    justify-content: center;
    align-content: center;
    left: 50%;
  transform: translate(-50%,-50%);
    position:absolute;
    z-index:99;
    margin:0px auto;
    width:100%;
    bottom:0px;
    color:#6A3F3F;
    padding:0px 30px;
}

#recycling a {
    color:#6A3F3F;
}