@charset "utf-8";
/* moved by compressor */
/* ------- Farbcodes -------- *//*
Kopf/Fuss:                  #333;
Schrift Kopf/Fuss:          #ffffff;
Claim oben:                 #bcb1a7;

SecondHeader:               #f4f4f2;
Schrift SecondHeader:       #333;

Hintergrund NEU:	        #f4f4f2;
Hintergrund beige:	        #ccc4be;
Schrift:                    #333;

Schmuckfarbe:               #a60f61;
*/

/* ------- Ladeprobleme beheben -------- */
#mainNav ul.secondul { display:none; }
.backGifLoader       { background-image: url('../../../fileadmin/content/template/graphics/blackloading_400.gif'); }

/* --- Schirftdateien laden - give-you-glory regular --- */
/* roboto-slab-200 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-200.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-200.ttf') format('truetype');
}

/* roboto-slab-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-300.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-300.ttf') format('truetype');
}

/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-regular.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-regular.ttf') format('truetype');
}

/* roboto-slab-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-500.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-500.ttf') format('truetype');
}

/* roboto-slab-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-600.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-600.ttf') format('truetype');
}

/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-700.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-slab-v34-latin-700.ttf') format('truetype');
}

/* roboto-100 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../../../fileadmin/content/template/fonts/roboto-v32-latin-100.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-v32-latin-100.ttf') format('truetype');
}

/* roboto-300 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fileadmin/content/template/fonts/roboto-v32-latin-300.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-v32-latin-300.ttf') format('truetype');
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fileadmin/content/template/fonts/roboto-v32-latin-regular.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-v32-latin-regular.ttf') format('truetype');
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../../fileadmin/content/template/fonts/roboto-v32-latin-500.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-v32-latin-500.ttf') format('truetype');
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fileadmin/content/template/fonts/roboto-v32-latin-700.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/roboto-v32-latin-700.ttf') format('truetype');
}

/* tinos-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fileadmin/content/template/fonts/tinos-v24-latin-regular.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/tinos-v24-latin-regular.ttf') format('truetype');
}

/* tinos-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 400;
  src: url('../../../fileadmin/content/template/fonts/tinos-v24-latin-italic.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/tinos-v24-latin-italic.ttf') format('truetype');
}

/* tinos-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Tinos';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fileadmin/content/template/fonts/tinos-v24-latin-700.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/tinos-v24-latin-700.ttf') format('truetype');
}

/* tinos-700italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Tinos';
  font-style: italic;
  font-weight: 700;
  src: url('../../../fileadmin/content/template/fonts/tinos-v24-latin-700italic.woff2') format('woff2'),
       url('../../../fileadmin/content/template/fonts/tinos-v24-latin-700italic.ttf') format('truetype');
}

/* --- alle Abstaende und Raender auschalten --- */
* { margin:0px; padding:0px; border:0px none; }

/* --- Bilder von default-style display:inline auf display:block setzen --- */
img { display:block; }

/* --- bei Links die Hervorhebung durch den Browser auschalten --- */
a:active, a:focus { outline-width:0; outline-style:none; outline-color:currentcolor; }

/* --- Die oft verwendeten Styles position:relative, position:absolute und overflow:hidden in Klasse packen --- */
.rehi { position:relative; overflow:hidden;  }
.abhi { position:absolute; overflow:hidden;  }
.fihi { position:fixed;    overflow:hidden;  }
.revi { position:relative; overflow:visible; }
.abvi { position:absolute; overflow:visible; }
.fivi { position:fixed;    overflow:visible; }

/* --- Die oft verwendeten Styles für display:none und clear:both in Klasse packen --- */
.vishid { visibility:hidden; }
.hide   { display:none; }
.clear  { clear:both; }

/* --- Block für nachgeladenen JavaScripte zu Beginn im body --- */
#profitfinderDiv { height:0; z-index:-99; }

 
/* ======================================================================================================================================= */
/* ===========================================       Gemeinsame Styles für alle Viewports      =========================================== */
/* ======================================================================================================================================= */

/* ------------------------------------------------- Hintergrundfarbe für gesamte Seite ---------------------------------- */
html { background-color:#333; }

/* ------------------------------------------------- Grundschriftformatierung -------------------------------------------- */
html { font-family:'Roboto', Futura Narrow, sans-serif; font-size:16px; font-weight:normal; font-style:normal; line-height:24px; color:#333; -webkit-text-size-adjust:100%; }

/* ------------------------------------------------- Styles fuer Positionierung der Grundbloecke ------------------------- */
#frameSite { position:relative; width:100%; height:100%; overflow:auto; }
#site      { z-index:1; }

#frameBannerHome     { z-index:1; width:100%; height:auto; padding:0; margin:0; background-color:#333; }
#bannerHome          { z-index:1; width:100%; height:auto; padding:0; margin:0; }
#bannerHome video    { z-index:1; width:100%; height:auto; padding:0 !important; margin:0 !important; }
 
#frameBanner            { z-index:1; width:100%; height:0; padding:0 0 43.9844%; background-color:#f4f4f2; }
.altback #frameBanner   { background-color:#807b78; }
#contentStart           { z-index:1; width:100%; margin:0; padding:0; height:0; }
#frameContent           { z-index:1; width:100%; } 
#frameFooter            { z-index:1; width:100%; padding-bottom:10px; background-color:#333; } 
#frameHeader            { z-index:97; width:100%; left:0; top:0; background-image:none; transition:background-color 0.3s ease-in-out; }
#frameSecondHeader      { z-index:93; width:100%; height:auto; left:0; top:141px;  border-bottom:1px solid #333;
                          position:fixed; overflow:visible; background-image:none; background-color:#f4f4f2; }
#frameStickyFooter      { z-index:94; width:100%; height:0; left:0; bottom:0; position:fixed; display:none; }
#frameStickyFooter.show { display:block; }

#frameHeader       { background-color:rgba(51,51,51,0.85); }
#frameHeader.solid { background-color:rgba(34,34,34,1.0); }

#secondHeader  { z-index:93; height:auto; }
#stickyFooter  { z-index:94; height:0; }
#mobNavBlur    { z-index:95; }
#mobDrop       { z-index:96; }
#header        { z-index:97; height:110px; }
#headerInner   { z-index:97; height:100%; }
#mainNav       { z-index:98; }

#logoDesk      { z-index:99; left:0px; top:10px; width:228px; height:90px; }
#logoDesk a    { color:transparent; }
#logoDesk img  { width:228px; height:90px; }
#logoSmart     { width:177px; height:70px; margin:5px auto 5px; }
#logoSmart a   { display:block; width:100%; height:100%; color:transparent; overflow:hidden; }
#logoSmart img { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

#banner          { position:absolute; left:0; top:110px; width:100%; height:0; padding:0 0 43.9%; overflow:hidden; transform:translateY(-25%); }
#banner img,
#banner picture  { width:100%; height:auto; margin:0; padding:0; overflow:hidden; }
#content         { width:100%; background-color:#f4f4f2; }
#content.altback { width:100%; background-color:#333; }
#footer          { padding-top:30px; padding-bottom:30px; }
#footerInner     {  }

#headerLine       { width:100%; height:auto; max-height:100px; box-sizing:border-box; padding:5px 10px 5px; background-color:#f4f4f2 !important; opacity:1; z-index:97;
                    font-family:'Roboto', Futura Narrow, sans-serif; font-size:16px; font-weight:normal; font-style:normal; line-height:20px; text-align:center; color:#333;
                    -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out; }
#headerLineSpacer { width:100%; height:auto; max-height:100px; box-sizing:border-box; padding:5px 10px 5px;
                    font-family:'Roboto', Futura Narrow, sans-serif; font-size:16px; font-weight:normal; font-style:normal; line-height:24px; text-align:center; color:#333;
                    -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out; }
#headerLine.collapse { max-height:0; padding:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;
                       -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#headerLineSpacer.collapse { max-height:0; padding:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;
                             -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
							 
.innerOut { width:100%; box-sizing:border-box; padding:0 40px 0; margin:0 auto 0; max-width:1500px; }

.banner                  { width:100%; }
.contentPart             { width:100%; clear:both; padding:0 0 40px; }
.contentPart.sb          { padding:0 0 22px; }
.contentPart.nb          { padding:0; }
.contentPart.altback     { background-color:#807b78; }
.contentPart.homegrey    { background-color:#333333; padding:14px 0 0; }
.contentPart.homegrey.c1 {  }
.contentPart.homegrey.c2 {  }
.contentPart.homegrey.c3 { padding:0; }
.contentPart.homegrey.c4 {  }
.contentPartInner        {  }

.contentWithout        { display:none; width:100%; clear:both; padding:10px 0 10px; }
.contentWithout.show   { display:block; }

@media screen and (min-width:1911px) {
#header      { position:relative; overflow:visible; }
#headerInner { position:relative; overflow:visible; }
#frameBanner { padding:0 0 38.6%; }
}
@media screen and (min-width:1660px) and (max-width:1910px) {
#header      { position:relative; overflow:visible; }
#headerInner { position:relative; overflow:visible; }
#frameBanner { padding:0 0 39.6%; }
}
@media screen and (min-width:1440px) and (max-width:1659px) {
#header      { position:relative; overflow:visible; }
#headerInner { position:relative; overflow:visible; }
#frameBanner { padding:0 0 40.7%; }
}
@media screen and (min-width:1140px) and (max-width:1439px) {
#header      { position:relative; overflow:visible; }
#headerInner { position:relative; overflow:visible; }
#frameBanner { padding:0 0 41.95%; }
}
@media screen and (min-width:1001px) and (max-width:1139px) {
#header      { position:relative; overflow:hidden; height:80px; }
#headerInner { position:relative; overflow:hidden; }
#frameBanner { padding:0 0 43.6%; }
#frameHeader {  }
#banner      { top:80px; padding:0 0 43.9%; transform:translateY(-25%); }
#footer      { padding-top:25px; padding-bottom:20px; }
}
@media screen and (min-width:761px) and (max-width:1000px) {
#header      { position:relative; overflow:hidden; height:80px; }
#headerInner { position:relative; overflow:hidden; }
#frameBanner { padding:0 0 43.6%; }
#frameHeader {  }
#banner      { top:80px; padding:0 0 43.9%; transform:translateY(-25%); }
#footer      { padding-top:25px; padding-bottom:20px; }
}
@media screen and (min-width:680px) and (max-width:760px) {
#header      { position:relative; overflow:hidden; height:80px; }
#headerInner { position:relative; overflow:hidden; }
#headerLine  { padding:5px 10px 5px; font-size:15px; line-height:18px; }
#frameBanner { padding:0 0 45%; }
#frameHeader {  }
#banner      { top:80px; padding:0 0 43.9%; transform:translateY(-25%); }
#footer      { padding-top:25px; padding-bottom:20px; }
}
@media screen and (min-width:500px) and (max-width:679px) {
#header      { position:relative; overflow:hidden; height:80px; }
#headerInner { position:relative; overflow:hidden; }
#headerLine  { padding:5px 10px 5px; font-size:14px; line-height:17px; }
#frameBanner { padding:0 0 98%; }
#frameHeader {  }
#banner      { top:0 !important; padding:0 0 100%; transform:translateY(0); }
#content     { padding-top:18px; }
#footer      { padding-top:25px; padding-bottom:20px; }
.innerOut    { width:100%; padding:0 20px 0; max-width:auto; }
#frameSite.homepage #frameHeader { background-color:rgba(34,34,34,1.0); }
}
@media screen and (max-width:499px) {
#header      { position:relative; overflow:hidden;  height:70px; }
#headerInner { position:relative; overflow:hidden; }
#headerLine  { padding:5px 10px 5px; font-size:13px; line-height:16px; }
#logoSmart   { width:126px; height:50px; margin:10px auto 10px; }
#frameBanner { padding:0 0 98%; }
#frameHeader {  }
#banner      { top:0 !important; padding:0 0 100%; transform:translateY(0%); }
#content     { padding-top:18px; }
#footer      { padding-top:25px; padding-bottom:20px; }
.innerOut    { width:100%; padding:0 10px 0; max-width:auto; }
#frameSite.homepage #frameHeader { background-color:rgba(34,34,34,1.0); }
}

.frameUpButton         { width:84%; margin:0 8% 0; max-width:1650px; }
.upButton              { width:50px; height:50px; float:right; background:url('../../../fileadmin/content/template/graphics/pageup-black.png') 0px 0px no-repeat; cursor:pointer; }
.upButton.sticky       { right:0; bottom:20px; width:50px; height:50px; float:none; background:url('../../../fileadmin/content/template/graphics/pageup-black.png') 0 0 no-repeat; cursor:pointer; }

#frameStickyFooter.white .upButton.sticky { background:url('../../../fileadmin/content/template/graphics/pageup-white.png') 0 0 no-repeat; }

@media screen and (min-width:761px) and (max-width:1000px) {
.frameUpButton   { width:100%; margin:0; }
.upButton.sticky { right:8px; }
}
@media screen and (min-width:680px) and (max-width:760px) {
.frameUpButton   { width:100%; margin:0; }
.upButton.sticky { right:8px; }
}
@media screen and (max-width:679px) {
.frameUpButton { width:100%; margin:0; }
}
  
  
/* ------------------------------------------------- Styles fuer Störer ------------------------- */
#frameStoerer         { width:100%; height:0; z-index:97; }
#stoerer              { right:10px; top:90px; width:120px; height:120px; position:absolute; opacity:1; z-index:100 !important;
                        -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.3s ease-in-out;
                        -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.4s ease-in-out; }
#stoerer a            { display:block; position:relative; border:0 none; width:100%; height:100%; overflow:hidden; }
#stoerer a span       { display:block; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
#stoerer a span.disk  { z-index:100 !important; }
#stoerer a span.fire  { z-index:101 !important; display:none; }
#stoerer a span.burst { z-index:102 !important; }
#stoerer a span img   { width:100%; height:100%; }

#stoererHide        { right:-2px; top:-2px; width:38px; height:38px; cursor:pointer; z-index:104 !important; }
#storerHideLineDown { left:3px; top:18px; width:32px; height:0px; border-top:2px solid #ffffff; transform:rotate(-45deg); }
#storerHideLineUp   { left:3px; top:18px; width:32px; height:0px; border-top:2px solid #ffffff; transform:rotate(45deg); }

#stoerer.off  { display:none; }
#stoerer.fade { opacity:0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
                -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#stoerer.out  { opacity:1; right:-140px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
 
@media screen and (min-width:1911px) {
#stoerer              { right:50px; top:130px; width:200px; height:200px; }
#stoerer a span.fire  { display:block; }
#stoerer a span.burst { display:none; }
}
@media screen and (min-width:1140px) and (max-width:1910px) {
#stoerer              { right:20px; top:130px; width:200px; height:200px; }
#stoerer a span.fire  { display:block; }
#stoerer a span.burst { display:none; }
}
@media screen and (min-width:1001px) and (max-width:1139px) {
#stoerer            { right:20px; top:100px; width:160px; height:160px; }
#stoererHide        { right:-6px; top:-6px; width:26px; height:26px; }
#storerHideLineDown { left:0px; top:12px; width:26px; }
#storerHideLineUp   { left:0px; top:12px; width:26px; }
}
@media screen and (min-width:680px) and (max-width:1000px) {
#stoererHide        { right:-6px; top:-6px; width:26px; height:26px; }
#storerHideLineDown { left:0px; top:12px; width:26px; }
#storerHideLineUp   { left:0px; top:12px; width:26px; }
}
@media screen and (min-width:500px) and (max-width:679px) {
#stoererHide        { right:-6px; top:-6px; width:22px; height:22px; }
#storerHideLineDown { left:0px; top:10px; width:22px; }
#storerHideLineUp   { left:0px; top:10px; width:22px; }
#stoerer.scroll     { width:100px; height:100px; }
}
@media screen and (max-width:499px) {
#stoerer            { right:10px; top:80px; }
#stoererHide        { right:-6px; top:-6px; width:22px; height:22px; }
#storerHideLineDown { left:0px; top:10px; width:22px; }
#storerHideLineUp   { left:0px; top:10px; width:22px; }
#stoerer.scroll     { width:100px; height:100px; }
}
  
/* ------------------------------------------------- Styles fuer Filteranzeigen ------------------------- */
.contentFilterSite      { padding-top:10px; padding-bottom:10px; }
.contentFilterSiteInner { width:100%; height:auto; }
.contentFilterSiteLine  { width:100%; height:1px; max-width:980px; background-color:#aaa; }
 
.contentFilterSite .filterAllFrame        { width:100%; max-width:980px; height:auto; }
.contentFilterSite .filterAllFrame.switch { visibility:hidden; }
 
.secondHeader      { }
.secondHeaderInner { width:100%; box-sizing:border-box; height:auto; }
 
.secondHeader .filterAllFrame        { width:100%; max-width:980px; height:auto; display:none; }
.secondHeader .filterAllFrame.switch { display:block; }

.filtersFrame      { width:100%; margin:0 0 0 50px; max-width:634px; height:200px; transition:max-height 0.3s ease-in-out; }
.filtersFrame.wedd { max-height:142px; }
.filtersFrame.enga { max-height:100px; }
.firstFilterFrame  { left:0; top:22px; width:110px; height:44px; }
.secondFilterFrame { left:110px; top:22px; width:146px; height:88px; }
.thirdFilterFrame  { left:256px; top:22px; width:216px; height:110px; }
.fourthFilterFrame { left:472px; top:22px; width:162px; height:22px; }
.fifthFilterFrame  { left:110px; top:22px; width:146px; height:66px; }
.sixthFilterFrame  { left:256px; top:22px; width:180px; height:44px; }

.filterSwitchFrame    { left:0; top:5px; width:140px; height:18px; cursor:pointer; }
.filterSwitchTitle    { left:0; top:0; width:123px; height:18px; font-size:14px; font-weight:700; font-style:normal; line-height:18px; color:#333; }
.filterSwitchTextUp   { left:0; top:0; width:auto; box-sizing:border-box; padding-right:15px; height:18px; max-height:0; background-color:#f4f4f2; transition: all 0.3s ease-in-out;
                        font-size:14px; font-weight:700; font-style:normal; line-height:18px; color:#333; }
.filterSwitchTextDown { left:0; top:0; width:auto; box-sizing:border-box; padding-right:15px; height:18px; max-height:0; background-color:#f4f4f2; transition: all 0.3s ease-in-out;
                        font-size:14px; font-weight:700; font-style:normal; line-height:18px; color:#333; }
.filterUpChevron      { right:0; top:0; width:12px; height:18px; }
.filterDownChevron    { right:0; top:0; width:12px; height:18px; }

.filterUpChevron .one   { left:0px; top:9px; width:8px; height:2px; background-color:#333; transform:rotate(-45deg); }
.filterUpChevron .two   { left:5px; top:9px; width:8px; height:2px; background-color:#333; transform:rotate(45deg); }
.filterDownChevron .one { left:0px; top:9px; width:8px; height:2px; background-color:#333; transform:rotate(45deg); }
.filterDownChevron .two { left:5px; top:9px; width:8px; height:2px; background-color:#333; transform:rotate(-45deg); }

.filterOffFrame                   { right:130px; top:5px; width:140px; height:18px; transition: all 0.3s ease-in-out; }
.filterOff                        { width:100%; height:18px; padding-right:15px; box-sizing:border-box; text-align:right; cursor:pointer;
                                    font-size:14px; font-weight:700; font-style:normal; line-height:18px; color:#333; }
.filterOff .filterOffChevron      { right:0; top:0; width:14px; height:18px; }
.filterOff .filterOffChevron .one { left:1px; top:8px; width:14px; height:2px; background-color:#333; transform:rotate(45deg); }
.filterOff .filterOffChevron .two { left:1px; top:8px; width:14px; height:2px; background-color:#333; transform:rotate(-45deg); }

.ringSearchFrame      { right:0; width:266px; height:28px; border:1px solid #333; transition: all 0.3s ease-in-out; }
.ringSearchFrame.wedd { top:60px; }
.ringSearchFrame.enga { top:31px; }
.ringSearchInput      { display:block; padding:0 5px 2px 10px; width:238px; box-sizing:border-box; height:28px; border:0 none; -webkit-appearance:none; background-color:#f4f4f2;   
                        font-size:14px; font-weight:400; font-style:normal; line-height:30px; color:#333; outline-width:0; outline-style:none; outline-color:currentcolor; }
.ringSearchSubmit     { right:0; top:0; width:28px; height:28px; background-color:#f4f4f2; cursor:pointer;
                        background:url('../../../fileadmin/content/template/graphics/searchIconRight.png') right top no-repeat; background-size:28px 28px; }
.ringSearchClear      { right:0; top:0; width:100%; height:28px; bbackground-color:transparent; cursor:pointer; display:none; 
                        background:url('../../../fileadmin/content/template/graphics/searchIconClear.png') right top no-repeat; background-size:28px 28px; }
					
.secondHeader .filterAllFrame.switch.fullsize .filterSwitchTextUp          { max-height:18px; transition:all 0.3s ease-in-out; } 
.secondHeader .filterAllFrame.switch.fullsize.collapse .filterSwitchTextUp { max-height:18px; transition:all 0.3s ease-in-out; } 
.secondHeader .filterAllFrame.switch.collapse .filterSwitchTextDown        { max-height:18px; transition:all 0.3s ease-in-out; }
.secondHeader .filterAllFrame.switch.collapse .filtersFrame                { max-height:28px; }

.ringSearchFrame.act .ringSearchClear  { display:block; }
.ringSearchFrame.act .ringSearchSubmit { background-image:none; }

.ringSearchInput.red { background-color:#fe0000; }

.filterButton                     { padding:0 0 0 22px; font-size:14px; line-height:22px; color:#333; cursor:pointer; }
.filterButton .buttoncheck        { position:absolute; left:7px; top:5px; width:10px; height:10px; border-radius:5px; border:1px solid #333; background-color:#ffffff; }
.filterButton.active .buttoncheck { left:9px; top:2px; width:5px; height:10px; border-radius:0; transform: rotate(35deg);
                                    border:0 none; border-bottom:3px solid #3C0; border-right:3px solid #3C0; background-color:transparent; }
.filterButton.hidden .buttoncheck { visibility:hidden; }
									
.filterMask                   { left:0; bottom:0; width:100%; height:100%; display:none; } 
.filterMask.block             { display:block; }
.contentFilterSite.filterMask { z-index:2; }
.secondHeader.filterMask      { z-index:94; }

.contentFilterSite .filterSwitchFrame,
.contentFilterSite .filterOffFrame,
.contentFilterSite .ringSearchFrame             { z-index:2; }
.contentFilterSite .filterSwitchTitle           { z-index:3; }
.contentFilterSite .filterSwitchTextUp          { z-index:4; }
.contentFilterSite .filterSwitchTextDown        { z-index:5; }
.contentFilterSite .filterButton .buttoncheck   { z-index:3; }
.contentFilterSite .ringSearchSubmit            { z-index:3; }
.contentFilterSite .ringSearchClear             { z-index:4; }
.secondHeader .filterSwitchFrame,
.secondHeader .filterOffFrame,
.secondHeader .ringSearchFrame           { z-index:93; }
.secondHeader .filterSwitchTitle         { z-index:94; }
.secondHeader .filterSwitchTextUp        { z-index:95; }
.secondHeader .filterSwitchTextDown      { z-index:96; }
.secondHeader .filterButton .buttoncheck { z-index:94; }
.secondHeader .ringSearchSubmit          { z-index:94; }
.secondHeader .ringSearchClear           { z-index:95; }

@media screen and (min-width:761px) and (max-width:1000px) {
 .secondHeaderInner    {  }
 .filtersFrame         { margin:0; }
 .filtersFrame.wedd    { max-height:147px; }
 .filtersFrame.enga    { max-height:105px; }
 .firstFilterFrame     { left:-7px; top:27px; }
 .secondFilterFrame    { left:103px; top:27px; }
 .thirdFilterFrame     { left:249px; top:27px; }
 .fourthFilterFrame    { left:465px; top:27px; }
 .fifthFilterFrame     { left:103px; top:27px; }
 .filterOffFrame       { right:0; }
 .ringSearchFrame      { width:186px; }
 .ringSearchFrame.wedd { top:90px; }
 .ringSearchFrame.enga { top:35px; }
 .ringSearchInput      { width:158px; }
}
@media screen and (min-width:680px) and (max-width:760px) {
 .secondHeaderInner    {  }
 .contentFilterSiteInner { padding:0 20px 0 !important; }
 .filtersFrame         { margin:0; }
 .filtersFrame.wedd    { max-height:147px; }
 .filtersFrame.enga    { max-height:105px; }
 .firstFilterFrame     { left:-7px; top:27px; }
 .secondFilterFrame    { left:103px; top:27px; }
 .thirdFilterFrame     { left:245px; top:27px; }
 .fourthFilterFrame    { left:445px; top:62px; }
 .fifthFilterFrame     { left:103px; top:27px; }
 .sixthFilterFrame     { left:246px; top:27px; } 
 .filterOffFrame       { right:0; }
 .ringSearchFrame      { width:186px; }
 .ringSearchFrame.wedd { top:102px; }
 .ringSearchFrame.enga { top:57px; }
 .ringSearchInput      { width:158px; }
}
@media screen and (max-width:679px) {
 .secondHeaderInner    {  }
 .contentFilterSiteInner { padding:0 20px 0 0 !important; }
 .filtersFrame         { margin:0; }
 .filtersFrame.wedd    { max-height:194px; }
 .filtersFrame.enga    { max-height:115px; }
 .firstFilterFrame     { left:-7px; top:37px; width:110px; height:44px; }
 .secondFilterFrame    { left:-7px; top:91px; width:146px; height:88px; }
 .thirdFilterFrame     { left:126px; top:37px; width:216px; height:110px; }
 .fourthFilterFrame    { left:126px; top:157px; width:162px; height:22px; }
 .fifthFilterFrame     { left:103px; top:37px; width:166px; height:66px; }
 .sixthFilterFrame     { left:246px; top:37px; } 
 .filterButton         { padding:0 0 0 21px; font-size:13px; }
 .filterOffFrame       { right:0; }
 .ringSearchFrame      { display:none; }
}
@media screen and (max-width:479px) {
 .filtersFrame.enga    { max-height:147px; }
 .sixthFilterFrame     { left:-7px; top:113px; } 	
}
@media screen and (max-width:360px) {
 .minihide { display:none; }	
}

  
/* ------------------------------------------------- Styles fuer Buttons im Header ------------------------- */
#mobButton                  { top:26px; right:0; text-align:right; margin:0; width:38px; height:38px; cursor:pointer; z-index:100; }
#mobButton .lineUp          { left:4px; top:10px; width:30px; height:8px; border-bottom:2px solid #ffffff; border-top:2px solid #ffffff; -webkit-transition: all 0.2s ease-out;
                              -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#mobButton .lineDown        { left:4px; top:30px; width:30px; height:1px; border-top:2px solid #ffffff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
                              -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#mobButton.active .lineUp   { left:1px; top:19px; width:36px; height:0px; border-top:2px solid #ffffff; border-bottom:0 none; transform:rotate(-45deg); }
#mobButton.active .lineDown { left:1px; top:19px; width:36px; height:0px; border-top:2px solid #ffffff; transform:rotate(45deg); }

@media screen and (min-width:680px) and (max-width:1139px) {
#mobButton { top:21px; }
}
@media screen and (min-width:500px) and (max-width:679px) {
#mobButton                  { top:21px; }
#mobButton .lineUp          { left:12px; top:10px; width:26px; height:6px; border-bottom:2px solid #ffffff; border-top:2px solid #ffffff; -webkit-transition: all 0.2s ease-out;
                              -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#mobButton .lineDown        { left:12px; top:26px; width:26px; height:1px; border-top:2fdecwsrpx solid #ffffff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
                              -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#mobButton.active .lineUp   { left:11px; top:16px; width:29px; height:0px; border-top:2px solid #ffffff; border-bottom:0 none; transform:rotate(-45deg); }
#mobButton.active .lineDown { left:11px; top:16px; width:29px; height:0px; border-top:2px solid #ffffff; transform:rotate(45deg); }
}
@media screen and (max-width:499px) {
#mobButton                  { top:16px; }
#mobButton .lineUp          { left:12px; top:10px; width:26px; height:6px; border-bottom:2px solid #ffffff; border-top:2px solid #ffffff; -webkit-transition: all 0.2s ease-out;
                              -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#mobButton .lineDown        { left:12px; top:26px; width:26px; height:1px; border-top:2fdecwsrpx solid #ffffff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
                              -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
#mobButton.active .lineUp   { left:11px; top:16px; width:29px; height:0px; border-top:2px solid #ffffff; border-bottom:0 none; transform:rotate(-45deg); }
#mobButton.active .lineDown { left:11px; top:16px; width:29px; height:0px; border-top:2px solid #ffffff; transform:rotate(45deg); }
}


/* ------------------------------------------------- Styles fuer Link-Navigationen im Kopf ---------------------------------------------- */
#mailButton            { right:0; top:56px; width:38px; height:38px; cursor:pointer; z-index:100; }
#mailButton a          { display:block; position:relative; overflow:hidden; border:0 none; }
#mailButton .buttonimg { display:block; position:relative; width:38px; height:38px; overflow:hidden;
                         background:url('../../../fileadmin/content/template/graphics/cta_umschlag_40_white.png') 6px 11px no-repeat; background-size:26px 18px; }

@media screen and (min-width:680px) and (max-width:1139px) {
 #mailButton            { right:50px; top:21px; width:51px; } 
 #mailButton .buttonimg { width:51px; height:42px; background:url('../../../fileadmin/content/template/graphics/cta_umschlag_76_white.png') 2px 4px no-repeat; background-size:47px 34px; }
}
@media screen and (min-width:500px) and (max-width:679px) {
 #mailButton { right:42px; top:20px; width:38px; height:38px; }
}
@media screen and (max-width:499px) {
 #mailButton { right:32px; top:15px; width:38px; height:38px; }
}
 
  
#headLinks { right:44px; top:67px; width:62px; height:18px; z-index:100; }

ul.headlinksul      { float:left; width:auto; }
ul.headlinksul li   { list-style:none; float:left; width:16px; height:18px; }
.headlinksul span.i { display:block; position:relative; width:16px; height:18px; background-repeat:no-repeat; background-position:0 0; background-size:16px 18px; overflow:hidden; }
.headlinksul span.t { display:none; }

.headlinksul .ico-Merkliste span.i { background-image:url('../../../fileadmin/content/template/graphics/icon_head_merkliste_big.png'); }
.headlinksul .ico-Warenkorb span.i { background-image:url('../../../fileadmin/content/template/graphics/icon_head_warenkorb_big.png'); }

@media screen and (min-width:1140px) {
ul.headlinksul li             { margin:0 0 0 20px; }
ul.headlinksul li:first-child { margin:0; }
}
@media screen and (min-width:680px) and (max-width:1139px) {
 #headLinks                   { left:0; top:27px; width:142px; height:28px; }
 ul.headlinksul li            { width:26px; height:28px; margin:0 18px 0 0; }
 ul.headlinksul li:last-child { margin:0; }
 .headlinksul span.i          { width:26px; height:28px; background-size:26px 28px; }
}
@media screen and (min-width:500px) and (max-width:679px) {
 #headLinks                   { left:0; top:27px; width:60px; height:22px; }
 ul.headlinksul li            { width:20px; height:22px; margin:0 20px 0 0; }
 ul.headlinksul li:last-child { margin:0; }
 .headlinksul span.i          { width:20px; height:22px; background-size:20px 22px; }
}
@media screen and (max-width:499px) {
 #headLinks                   { left:0; top:22px; width:50px; height:22px; }
 ul.headlinksul li            { width:20px; height:22px; margin:0 10px 0 0; }
 ul.headlinksul li:last-child { margin:0; }
 .headlinksul span.i          { width:20px; height:22px; background-size:20px 22px; }
}

/* ------------------------------------------------ Styles fuer die Smartphonenavigation ------------------------------------------ */
#mobNavBlur        { left:0; top:80px; width:100%; height:0; backdrop-filter:blur(0px); cursor:pointer;
                     -webkit-transition: backdrop-filter 0.6s ease-out; -moz-transition: backdrop-filter 0.6s ease-out;
					 -ms-transition: backdrop-filter 0.6s ease-out; -o-transition: backdrop-filter 0.6s ease-out; transition: backdrop-filter 0.6s ease-out; }
#mobNavBlur.blur   { height:100%; backdrop-filter:blur(4px); -webkit-transition: backdrop-filter 0.6s ease-out; -moz-transition: backdrop-filter 0.6s ease-out;
                     -ms-transition: backdrop-filter 0.6s ease-out; -o-transition: backdrop-filter 0.6s ease-out; transition: backdrop-filter 0.6s ease-out; }
#mobNavBlur.active { height:100%; }		   

#mobDrop    { right:3px; width:75%; min-width:275px; height:auto; box-sizing:border-box; }
#mobDrop ul { display:block; list-style:none; width:100%; text-align:left; }

#mobDrop ul.mobfirstul               { position:relative; overflow:hidden; padding:3px 0 3px; }
#mobDrop li.mfirstli                 { display:block; position:relative; overflow:hidden; margin-bottom:3px; background-color:rgba(34,34,34,0.92); }
#mobDrop li.mfirstli.social          { display:block; position:relative; overflow:hidden; padding:10px 0 10px 16px; }
#mobDrop li.mfirstli span.firstback  { display:block; position:relative; overflow:hidden; padding:0 0 0 10px; }
#mobDrop li.mfirstli a.f             { display:block; width:auto; text-decoration:none; color:#ffffff; }
#mobDrop li.mfirstli span.f          { display:block; width:auto; text-decoration:none; color:#ffffff; cursor:pointer; }
#mobDrop li.mfirstli a.f .tframef    { display:inline-block; position:relative; overflow:hidden;
                                       padding:8px 0 2px 6px; height:38px; background-image:none; }
#mobDrop li.mfirstli span.f .tframef { display:inline-block; position:relative; overflow:hidden;
                                       padding:8px 16px 2px 10px; height:38px; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-w.png') no-repeat right 21px; background-size:8px 14px; }
#mobDrop li.mfirstli a.f .underlf,
#mobDrop li.mfirstli span.f .underlf { display:block; position:relative; padding:0; margin:7px 0 6px; overflow:hidden; 
                                       font-size:16px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }

#mobDrop li.mfirstli.no a.f .underlf,
#mobDrop li.mfirstli.no span.f .underlf  { border-bottom:1px solid transparent; }
#mobDrop li.mfirstli.act a.f .underlf,
#mobDrop li.mfirstli.act span.f .underlf { border-bottom:1px solid #ffffff; }

#mobDrop li.mfirstli.sub span.toggelfirst.f.active  .tframef { padding:8px 19px 2px 10px; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-up-w.png') no-repeat right 24px; background-size:14px 8px; }

#mobDrop ul.mobsecondul            { position:relative; overflow:hidden; padding-left:40px; }
#mobDrop li.msecondli              { display:block; position:relative; overflow:hidden; }
#mobDrop li.msecondli.end a.s      { display:block; position:relative; min-height:34px; overflow:hidden;
                                     font-size:15px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }
#mobDrop li.msecondli.sub a.s      { display:block; position:relative; width:auto; min-height:38px; padding:8px 0 0 0; background-image:none;
                                     font-size:15px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }
#mobDrop li.msecondli a.s .tframes { display:inline-block; position:relative; min-height:38px; overflow:hidden; }
#mobDrop li.msecondli a.s .underls { display:block; position:relative; width:auto !important; padding:0; margin:6px 0 5px; overflow:hidden;
                                     font-size:15px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }

#mobDrop ul.mobsecondul li.msecondli.sub:first-child a.s { padding:0; }
#mobDrop ul.mobsecondul li.msecondli:last-child { padding-bottom:14px; }

#mobDrop li.msecondli.end.no a.s .underls  { border-bottom:1px solid transparent; }
#mobDrop li.msecondli.end.act a.s .underls { border-bottom:1px solid #ffffff; }
#mobDrop li.msecondli.sub.no a.s .underls  { border-bottom:1px solid transparent; }
#mobDrop li.msecondli.sub.act a.s .underls { border-bottom:1px solid transparent; }

#mobDrop ul.mobthirdul            { position:relative; margin:0; padding:0; overflow:hidden; }
#mobDrop li.mthirdli              { display:block; position:relative; margin:0; padding:0; overflow:hidden; }
#mobDrop li.mthirdli a.t          { display:block; position:relative; min-height:34px; overflow:hidden;
                                    font-size:15px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }
#mobDrop li.mthirdli a.t .tframet { display:inline-block; position:relative; padding:0 0 0 20px; min-height:34px; overflow:hidden; }
#mobDrop li.mthirdli a.t .underlt { display:block; position:relative; padding:0; margin:6px 0 5px; overflow:hidden;
                                    font-size:15px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }

#mobDrop li.mthirdli.no a.t .underlt  { border-bottom:1px solid transparent; }
#mobDrop li.mthirdli.act a.t .underlt { border-bottom:1px solid #ffffff; }

#mobDrop { max-height:0px;
           -webkit-transition: max-height 0.4s ease-out;
           -moz-transition: max-height 0.4s ease-out;
           -ms-transition: max-height 0.4s ease-out;
           -o-transition: max-height 0.4s ease-out;
           transition: max-height 0.4s ease-out; }

#mobDrop.active { max-height:900px;
                  -webkit-transition: max-height 0.4s ease-in-out;
                  -moz-transition: max-height 0.4s ease-in-out;
                  -ms-transition: max-height 0.4s ease-in-out;
                  -o-transition: max-height 0.4s ease-in-out;
                  transition: max-height 0.4s ease-in-out; }

#mobDrop ul.mobsecondul { max-height:0; padding-top:0; padding-bottom:0;
                          -webkit-transition: max-height 0.8s ease-out;
                          -moz-transition: max-height 0.8s ease-out;
                          -ms-transition: max-height 0.8s ease-out;
                          -transition: max-height 0.8s ease-out;
                          transition: max-height 0.8s ease-out; }
                  
#mobDrop .firstback.active+ul.mobsecondul { max-height:900px;
                                              -webkit-transition: max-height 0.8s ease-out;
                                              -moz-transition: max-height 0.8s ease-out;
                                              -ms-transition: max-height 0.8s ease-out;
                                              -o-transition: max-height 0.8s ease-out;
                                              transition: max-height 0.8s ease-out; }

#mobDrop                            { top:83px; padding:0;  }
#frameSite.low #mobDrop.fihi.active { top:0; max-height:100%; height:100%;
                                      padding-top:83px; padding-bottom:150px; box-sizing:border-box; overflow-x:hidden; overflow-x:no-display; overflow-y:auto; }
 
@media screen and (max-width:499px) {
 #mobDrop                            { top:73px; padding:0;  }
 #frameSite.low #mobDrop.fihi.active { padding-top:73px; }
}
 
/* ------------------------------------------------- Styles fuer die Hauptnavigation ------------------------------------------------ */
#mainNav                    { top:67px; left:0; width:100%; height:25px; overflow:visible; }
#mainNav ul.firstul         { display:block; position:relative; width:auto; height:25px; margin:0 auto 0; text-align:center; list-style:none; overflow:visible; }
#mainNav li.firstli         { display:inline-block; position:relative; padding:0; margin:0 0 0 20px; height:24px; text-align:center; vertical-align:top; overflow:visible; }
#mainNav li.firstli span.f,
#mainNav li.firstli a.f     { display:inline-block; font-size:16px; font-weight:300; line-height:24px; letter-spacing:1px; text-decoration:none; cursor:pointer; color:#ffffff; }

#mainNav li.firstli.no a.f,
#mainNav li.firstli.no span.f            { border-bottom:1px solid transparent; }
#mainNav li.firstli.act a.f,
#mainNav li.firstli.act span.f           { border-bottom:1px solid #ffffff; }
#mainNav li.firstli.no.end:hover a.f,
#mainNav li.firstli.no.end:hover span.f  { border-bottom:1px dashed #ffffff; }
#mainNav li.firstli.act.sub:hover a.f,
#mainNav li.firstli.act.sub:hover span.f { border-bottom:1px solid #ffffff; }

#mainNav ul.secondul         { display:block; position:absolute; top:22px; left:-20px; padding:24px 0 0; list-style:none; overflow:hidden; z-index:98; }
#mainNav li.secondli         { margin:0 0 3px; text-align:left; background-color:rgba(34,34,34,0.85); overflow:hidden; }
#mainNav li.secondli a.s     { display:block; position:relative; padding:0 20px 0 20px; overflow:hidden;
                               font-size:16px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }

#mainNav li.secondli a.s .tframe { display:inline-block; position:relative; overflow:hidden; }
#mainNav li.secondli a.s .underl { display:block; position:relative; padding:0; margin:12px 0 3px; border-bottom:1px solid rgba(51,51,51,0); overflow:hidden;
                                   font-size:16px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }

#mainNav li.secondli.no.end a.s .underl  { border-bottom:1px solid rgba(51,51,51,0.85); }
#mainNav li.secondli.act.end a.s .underl { border-bottom:1px solid rgba(244,244,242,1.00); }
#mainNav li.secondli.no.sub a.s .underl  { border-bottom:1px solid rgba(51,51,51,0); }
#mainNav li.secondli.act.sub a.s .underl { border-bottom:1px solid rgba(51,51,51,0); }

#mainNav li.secondli.no.end a.s:hover .underl  { border-bottom:1px dashed rgba(244,244,242,1.00); }
#mainNav li.secondli.act.end a.s:hover .underl { border-bottom:1px solid rgba(244,244,242,1.00); }
#mainNav li.secondli.no.sub a.s:hover .underl  { border-bottom:1px dashed rgba(244,244,242,1.00); }
#mainNav li.secondli.act.sub a.s:hover .underl { border-bottom:1px solid rgba(51,51,51,0); }

#mainNav ul.thirdul             { position:relative; list-style:none; padding:0 0 14px; overflow:hidden; }
#mainNav li.thirdli             { text-align:left; overflow:hidden; }
#mainNav li.thirdli a.t         { display:block; position:relative; height:35px; overflow:hidden; }
#mainNav li.thirdli a.t .tframe { display:inline-block; position:relative; padding:0 20px 0 40px; height:35px; overflow:hidden; }
#mainNav li.thirdli a.t .underl { display:block; position:relative; padding:0; margin:8px 0 2px; border-bottom:1px solid rgba(51,51,51,0.85); overflow:hidden;
                                  font-size:16px; font-weight:300; line-height:24px; text-decoration:none; white-space:nowrap; color:#ffffff; }

#mainNav li.thirdli.no a.t .underl  { border-bottom:1px solid rgba(51,51,51,0.85); }
#mainNav li.thirdli.act a.t .underl { border-bottom:1px solid rgba(244,244,242,1.00); }

#mainNav li.thirdli.no:hover a.t .underl  { border-bottom:1px dashed rgba(244,244,242,1.00); }
#mainNav li.thirdli.act:hover a.t .underl { border-bottom:1px solid rgba(244,244,242,1.00); }

#mainNav li.firstli ul.secondul            { max-height:0px; transition: all 0.4s ease-in-out; }
#mainNav li.firstli.active ul.secondul     { max-height:500px; transition: all 0.6s ease-in-out; }
#mainNav li.firstli.activehold ul.secondul { max-height:500px; transition: all 0.6s ease-in-out; }

@media screen and (min-width:1911px) {
#mainNav li.firstli { margin:0 0 0 50px; }
}
@media screen and (min-width:1660px) and (max-width:1910px) {
#mainNav li.firstli { margin:0 0 0 40px; }
}
@media screen and (min-width:1440px) and (max-width:1659px) {
#mainNav li.firstli { margin:0 0 0 25px; }
}
@media screen and (min-width:1140px) and (max-width:1439px) {
#mainNav li.firstli         { margin:0 0 0 19px; }
#mainNav li.firstli span.f,
#mainNav li.firstli a.f     { font-size:15px; }
}
@media screen and (min-width:1001px) and (max-width:1139px) {
#mainNav li.firstli         { padding:0; margin:0 0 0 19px; height:20px; }
#mainNav li.firstli span.f,
#mainNav li.firstli a.f     { font-size:14px; font-weight:300; line-height:20px; }
}

/* ------------------------------------------------- Styles fuer Fuss & Fussnavigationen ---------------------------------------------- */
#footRowOne  { width:100%; margin:0 0 10px; }

#footLeft         { float:left; width:50%; min-height:10px; }
#footText         { width:100%; font-size:16px; font-weight:300; line-height:22px; letter-spacing:0; color:#ffff;  }
#footText b       { font-weight:700; }
#footText p.fhp   { margin-top:22px; }
#footText p.fhp a { text-decoration:none; font-weight:300; color:#fff; }
#footSocial       { max-width:350px; margin:23px 0 0 -4px; }
#footRight        { float:right; width:50%; min-height:10px; }
#footLinks        { float:right; max-width:410px; margin:0 -1px 0 0; }
#footRowTwo       { width:100%; margin:0px 0 23px; }
#footRowThree     { width:100%; margin:30px 0 10px; }
#footNav          { width:100%; }

ul.footul             { width:100%; }
li.footli             { float:left; position:relative; list-style:none; width:auto; margin:0 0 0 20px; }
li.footli.no a        { font-size:15px; font-style:normal; line-height:18px; font-weight:300; letter-spacing:1px; text-decoration:none; color:#fff; }
li.footli.act a       { font-size:15px; font-style:italic; line-height:18px; font-weight:300; letter-spacing:1px; text-decoration:none; color:#fff; }
li.footli:first-child { margin:0; }

ul.footsocialul                { float:left; width:auto; }
ul.footsocialul li             { list-style:none; float:left; width:50px; height:50px; margin:0 0 0 10px; }
ul.footsocialul li:first-child { margin:0; }

.footsocialul span.i { display:block; position:relative; width:50px; height:50px; background-repeat:no-repeat; background-position:0 0; background-size:50px 50px; overflow:hidden; }
.footsocialul span.t { display:none; }

.footsocialul .ico-facebook span.i  { background-image:url('../../../fileadmin/content/template/graphics/icons_facebook_weiss.png'); }
.footsocialul .ico-instagram span.i { background-image:url('../../../fileadmin/content/template/graphics/icons_instagram_weiss.png'); }
.footsocialul .ico-pinterest span.i { background-image:url('../../../fileadmin/content/template/graphics/icons_pinterest_weiss.png'); }
.footsocialul .ico-youtube span.i { background-image:url('../../../fileadmin/content/template/graphics/icons_youtube_weiss.png'); }
.footsocialul .ico-tiktok span.i { background-image:url('../../../fileadmin/content/template/graphics/icons_tiktok_weiss.png'); }
.footsocialul .ico-whatsapp span.i  { background-image:url('../../../fileadmin/content/template/graphics/icons_whatsapp_weiss.png'); }

ul.footlinks                { float:right; width:auto; }
ul.footlinks li             { list-style:none; float:left; width:80px; height:117px; margin:0 0 0 30px; }
ul.footlinks li:first-child { margin:0; }

.footlinks span.pic    { display:block; position:relative; width:80px; height:80px; background-repeat:no-repeat; background-position:0 0; background-size:80px 117px; overflow:hidden; }
.footlinks span.text   { display:block; position:relative; width:80px; height:37px; box-sizing:border-box; text-align:center;
                         font-size:12px; line-height:16px; font-weight:300px; letter-spacing:1px; color:#c7bcb0; }
.footlinks a,
.footlinks a span.text { text-decoration:none; outline:none; background:none; text-shadow:none; color:#c7bcb0; }

.footlinks .ico-Laser-Gravur span.pic { background-image:url('../../../fileadmin/content/template/graphics/link_free_engraving.png'); }
.footlinks .ico-Lebenslanger span.pic { background-image:url('../../../fileadmin/content/template/graphics/link_lifetime_service.png'); }
.footlinks .ico-Recycling span.pic    { background-image:url('../../../fileadmin/content/template/graphics/link_recycling_gold.png'); }
.footlinks .ico-Handmade span.pic     { background-image:url('../../../fileadmin/content/template/graphics/link_handmade_in_germany.png'); }

.footlinks .ico-Laser-Gravur span.text { padding:0 15px 0; }
.footlinks .ico-Lebenslanger span.text { padding:0; }
.footlinks .ico-Recycling span.text    { padding:0 5px 0; }
.footlinks .ico-Handmade span.text     { padding:0;}

							
/* ------------------------------------------------- Styles fuer Inhaltsblöcke ------------------------------------------------ */
/* text */
.text .frame { position:relative; overflow:hidden;  }

.outerPosition         { position:relative; overflow:hidden;  }
.outerPosition.altback { background-color:#807b78; }

/* dateilisten */
.ce-uploads             { margin:23px 0 0; width:100%; padding:0; } /* ul */
.ce-uploads-li          { display:table; margin:0; padding:0 0 24px; list-style:none; overflow:hidden;  } /* li */
.ce-uploads-icon        { display:table-cell; vertical-align:top; padding:4px 0 0; width:30px; } /* div */
.ce-uploads-icon img    {   } /* icon*/
.ce-uploads-thumb       { display:table-cell; vertical-align:top; padding:4px 10px 10px 0; width:112px; } /* div */
.ce-uploads-thumb img   { width:100px; height:auto; border:1px solid #000000;
                                -moz-box-shadow:5px 5px 5px #999999; -webkit-box-shadow:5px 5px 5px #999999; box-shadow:5px 5px 5px #999999; /* CSS3 */  } /* thumb*/
.ce-uploads-text        { display:table-cell; float:left; }
.ce-uploads-fileName    { font-size:20px; line-height:26px; text-decoration:none; color:#000000; position:relative; overflow:hidden; }
.ce-uploads-fileName a  { font-size:20px; line-height:26px; text-decoration:none; color:#000000; }
.ce-uploads-description { position:relative; overflow:hidden; }
.ce-uploads-filesize    { color:#000000; position:relative; overflow:hidden; }

/* bilder */
.ce-textpic { margin:0; padding:0; border:none; width:100%; }

.ce-image,
.ce-gallery { margin:0; padding:0; border:none; }

.ce-row,
.ce-outer,
.ce-inner,
.ce-column,
.ce-media
figure.image     { margin:0; padding:0; border:none; width:100%; }
figure.image img,
figure.image picture { width:100%; height:auto; }

.pic .ce-gallery.ce-border img                       { box-sizing:border-box; border:3px solid #333; }
.altback .pic .ce-gallery.ce-border img              { border:3px solid #ffffff; }
.contentPart.homegrey.text .pic .ce-gallery.ce-border img  { border:3px solid #f4f4f2; }
.contentPart.homebeige.text .pic .ce-gallery.ce-border img { border:3px solid #333; }

.pic.ce-above .ce-textpic { padding-bottom:10px; }
.pic.ce-below .ce-textpic { padding-top:10px; }

.image-caption { padding:6px 0 4px; font-size:16px; line-height:22px; color:#333; }

.ico.Icon .ce-gallery { width:auto;  }

.ico .ce-row,
.ico .ce-outer,
.ico .ce-inner,
.ico .ce-column,
.ico .ce-media
.ico figure.image { margin:0; padding:0; border:none; width:auto; }

.ico.Icon figure.image img { width:auto; height:72px; }

.ico .image-caption { display:none; }

figure.video     { margin:0; padding:0; border:none; width:100%; }

.video-embed        { position:relative; margin:0; padding:0; border:none; width:100%; height:auto; overflow:hidden;  }
.video-embed video  { margin:0; padding:0; border:none; width:100%; }
.video-embed iframe { position:relative; top:0; left:0; width:auto; height:100%; }

.video-embed-youtube                         { background-color:#333; position:relative; width:100%; height:0; padding-bottom:52.75%; overflow:hidden; }
.video-embed-youtube iframe.video-embed-item { background-color:#333; position:absolute; top:0; left:0; width:100%; height:100%; }

.video-embed-youtube-box             { width:100%; height:auto; }
.video-embed-youtube-placeholder     { width:100%; height:auto; }
.video-embed-youtube-placeholder img { width:100%; height:auto; cursor:pointer; }

.video-embed-youtube-box .youtube-button       { top:50%; left:50%; width:79px; height:56px; cursor:pointer; z-index:2;
                                                 -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
                                                 background:url('../../../fileadmin/content/template/graphics/youtube_play.png') 0 0 no-repeat; background-size:100%; }
.video-embed-youtube-box:hover .youtube-button { background:url('../../../fileadmin/content/template/graphics/youtube_play_hover.png') 0 0 no-repeat; background-size:100%; }

.video-caption { padding:6px 10px 4px; background-color:#807b78; font-size:15px; line-height:20px; color:#ffffff; }
.altcolor .video-caption { padding:6px 10px 4px; background-color:#f4f4f2; font-size:15px; line-height:20px; font-weight:300; color:#333; }

.gridItemVideoframe .framePosition,
.gridItemVideoframe .frame,
.gridItemVideoframe .ce-textpic,
.gridItemVideoframe .ce-gallery,
.gridItemVideoframe .ce-outer,
.gridItemVideoframe .ce-inner,
.gridItemVideoframe .ce-row,
.gridItemVideoframe .ce-column,
.gridItemVideoframe .ce-media,
.gridItemVideoframe figure.image,
.gridItemVideoframe figure.video   { margin:0; padding:0; border:none; width:100%; }

.gridItemVideoframe .video-embed        { position:relative; margin:0; padding:0; border:none; width:100%; height:auto; overflow:hidden; }
.gridItemVideoframe .video-embed video  { margin:0; padding:0; border:none; width:100%; }
.gridItemVideoframe .video-embed iframe { position:relative; top:0; left:0; width:auto; height:100%; background-color:#333; margin:0; padding:0; border:none; }

.gridItemVideoframe .video-embed-youtube                         { background-color:#000000; position:relative; width:100%; height:0; padding-bottom:52.75%; overflow:hidden; }
.gridItemVideoframe .video-embed-youtube iframe.video-embed-item { background-color:#000000; position:absolute; top:0; left:0; width:100%; height:100%; }

.frame-textPic .ce-media img,
.frame-textPic figure.image img { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }

/* --- 100% - Standarteinstellung --- */
.frame-standart { clear:both; width:100%; margin:0; }

/* --- max 800 breit, 126 Einzug - */
.framePosition-800 { clear:both; } /*innerOut*/
.frame-800         { padding:0 20px 0 126px; width:auto; max-width:946px; box-sizing:border-box !important; }

/* --- max 863 breit, 63 Einzug - */
.framePosition-863 { clear:both; } /*innerOut*/
.frame-863         { padding:0 20px 0 63px; width:auto; max-width:946px; box-sizing:border-box !important; }

.text .frame-863 h2,
.text .frame-863 h3,
.text .frame-863 h4 { padding-top:0 !important; }

/* --- max 1200 breit --- */
.framePosition-1200 { clear:both; } /*innerOut*/
.frame-1200         { padding:0; width:auto; max-width:1240px; box-sizing:border-box !important; }

@media screen and (max-width:679px) {
  .frame-standart           { width:auto; margin:0; padding:0; max-width:auto; }
  .frame-800                { margin:0 20px 0; padding:0; }
  .frame-1200               { margin:0 20px 0; padding:0; }
  .frame-1200.noMarginRight { margin-right:0; }
}
@media screen and (min-width:680px) and (max-width:760px) {
  .frame-standart           { width:auto; margin:0; max-width:auto; }
  .frame-800                { margin:0 20px 0; padding:0 20px 0 94px; max-width:914px; }
  .frame-1200               { margin:0 20px 0; padding:0; }
  .frame-1200.noMarginRight { margin-right:0; }
}
@media screen and (min-width:761px) and (max-width:1000px) {
  .frame-standart           { width:auto; margin:0; max-width:auto; }
  .frame-800                { margin:0 20px 0; padding:0 20px 0 94px; max-width:914px; }
  .frame-1200               { margin:0 20px 0; padding:0; } 
  .contentFilterSite.framePosition-800 .frame-800 { padding:0; }
}
@media screen and (min-width:1001px) and (max-width:1139px) {
  .frame-standart { width:auto; margin:0; max-width:auto; }
  .frame-800 { margin:0 20px 0; padding:0 20px 0 94px; }
  .frame-1200 { margin:0 20px 0; padding:0; }
}


/* --- Kachel-Bildergalerie --- */
.framePosition-gridGallery           { clear:both; }
.frame-gridGallery                   { width:100%; }
.frame-gridGallery .ce-image         { display:block; position:relative; box-sizing:border-box; width:100%; border:1px solid #f4f4f2; background-color:#000; overflow:hidden; }
.frame-gridGallery figure            { display:block; position:relative; float:left; box-sizing:border-box; width:33.33%; border:1px solid #f4f4f2; overflow:hidden }
.frame-gridGallery figure picture    { width:100%; height:auto; }
.frame-gridGallery figure figcaption { display:block; position:absolute; bottom:0; left:0; width:100%; height:auto; overflow:hidden; z-index:3;
                                       padding:50px 10px 10px 14px; text-align:left; background-color:transparent !important; background-image:linear-gradient(transparent, #333);
                                       font-family:'Roboto Slab', Times, serif; font-size:16px; line-height:24px; font-weight:200; letter-spacing:1px; color:#fff; }
.frame-gridGallery .gridFill         { box-sizing:border-box; border:1px solid #f4f4f2; }
.frame-gridGallery .gridGalerySpacer { width:100%; height:0; padding-bottom:66.66%; }

/* --- Newsletter Formular ---  */
#newsletterFormLeft                     { float:left; width:48%; max-width:940px; margin-left:8%; }   
#newsletterFormLeft .framePosition-800  { float:left; width:85.96%; max-width:808px; margin:0 0 0 14.04%; padding:0; } /*overwrite innerOut*/
#newsletterFormLeft .frame-800          { margin:0; padding:0; width:auto; max-width:808px; }
#newsletterFormRight                    { float:left; width:36%; max-width:710px; margin-right:8%; }
#newsletterFormRight .framePosition-800 { float:left; width:100%; max-width:579px; margin:0; padding:0; } /*overwrite innerOut*/
#newsletterFormRight .frame-800         { margin:0; padding:0; width:auto; max-width:579px; }

#newsletterFormRight .frame-800.pic { padding-top:30px; }

/* --- Bilder breit --- */
.pic.fullPic .ce-image,
.pic.fullPic .ce-gallery { width:100%; }

/* --- Bilder 50% --- */
.pic.smallPic .ce-textpic.ce-left .ce-gallery    { float:left; width:50%; }
.pic.smallPic .ce-textpic.ce-left .ce-bodytext   { float:left; width:100%; }
.pic.smallPic .ce-textpic.ce-center .ce-gallery  { float:none; width:50%; margin-left:auto; margin-right:auto; }
.pic.smallPic .ce-textpic.ce-center .ce-bodytext { float:left; width:100%; }
.pic.smallPic .ce-textpic.ce-right .ce-gallery   { float:right; width:50%; }
.pic.smallPic .ce-textpic.ce-right .ce-bodytext  { float:right; width:100%; }

.pic.smallPic .ce-textpic.ce-left.ce-intext .ce-gallery   { float:left; width:50%; }
.pic.smallPic .ce-textpic.ce-left.ce-intext .ce-bodytext  { float:right; width:46%; }
.pic.smallPic .ce-textpic.ce-right.ce-intext .ce-gallery  { float:right; width:50%; }
.pic.smallPic .ce-textpic.ce-right.ce-intext .ce-bodytext { float:left; width:46%; text-align:right; }

/* --- Bilder 33% --- */
.pic.smallerPic .ce-textpic.ce-left .ce-gallery    { float:left; width:33%; }
.pic.smallerPic .ce-textpic.ce-left .ce-bodytext   { float:left; width:100%; }
.pic.smallerPic .ce-textpic.ce-center .ce-gallery  { float:none; width:33%; margin-left:auto; margin-right:auto; }
.pic.smallerPic .ce-textpic.ce-center .ce-bodytext { float:left; width:100%; }
.pic.smallerPic .ce-textpic.ce-right .ce-gallery   { float:right; width:33%; }
.pic.smallerPic .ce-textpic.ce-right .ce-bodytext  { float:right; width:100%; }

.pic.smallerPic .ce-textpic.ce-left.ce-intext .ce-gallery   { float:left; width:33%;  }
.pic.smallerPic .ce-textpic.ce-left.ce-intext .ce-bodytext  { float:right; width:64%; }
.pic.smallerPic .ce-textpic.ce-right.ce-intext .ce-gallery  { float:right; width:33%; }
.pic.smallerPic .ce-textpic.ce-right.ce-intext .ce-bodytext { float:left; width:64%; text-align:right; }

/* --- Icon --- */
.ico.Icon .ce-textpic                     { padding:0 0 12px; }
.ico.Icon .ce-textpic.ce-intext.ce-nowrap { display:flex; }
.ico.Icon .ce-textpic .ce-bodytext p      { padding:0; }

.ico.Icon .ce-textpic .ce-gallery .ce-row               { clear:both; }
.ico.Icon .ce-textpic .ce-gallery .ce-row+.ce-row       { margin-top:24px; }

.ico.Icon .ce-textpic .ce-gallery .ce-column            { float:left; }
.ico.Icon .ce-textpic .ce-gallery .ce-column+.ce-column { margin-left:40px; margin-right:0; }

.ico.Icon .ce-textpic.ce-right .ce-gallery .ce-column            { float:right; }
.ico.Icon .ce-textpic.ce-right .ce-gallery .ce-column+.ce-column { margin-left:0; margin-right:40px; }

.ico.Icon .ce-textpic.ce-center .ce-gallery   { float:left;  clear:both; margin:0; padding:0 10px 0 0; }
.ico.Icon .ce-textpic.ce-center .ce-bodytext  { float:left;  clear:both; width:100%; margin:0; padding:0; }
.ico.Icon .ce-textpic.ce-left .ce-gallery     { float:left;  clear:both; margin:0; padding:0 10px 0 0; }
.ico.Icon .ce-textpic.ce-left .ce-bodytext    { float:left;  clear:both; width:100%; margin:0; padding:0; }
.ico.Icon .ce-textpic.ce-right .ce-gallery    { float:right; clear:both; margin:0; padding:0 0 0 10px; }
.ico.Icon .ce-textpic.ce-right .ce-bodytext   { float:right; clear:both; width:100%; margin:0; padding:0; }

.ico.Icon .ce-textpic.ce-center.ce-intext .ce-gallery   { float:left;  clear:none; padding:0 10px 0 0; }
.ico.Icon .ce-textpic.ce-center.ce-intext .ce-bodytext  { float:none;  clear:none; width:auto; }
.ico.Icon .ce-textpic.ce-left.ce-intext .ce-gallery     { float:left;  clear:none; padding:0 10px 0 0; }
.ico.Icon .ce-textpic.ce-left.ce-intext .ce-bodytext    { float:none;  clear:none; width:auto; }
.ico.Icon .ce-textpic.ce-right.ce-intext .ce-gallery    { float:right; clear:none; padding:0 0 0 10px; }
.ico.Icon .ce-textpic.ce-right.ce-intext .ce-bodytext  ´{ float:none;  clear:none; width:auto; }

.ico.Icon .ce-textpic.ce-center.ce-intext.ce-nowrap .ce-gallery   { float:none; clear:none; padding:0 10px 0 0; }
.ico.Icon .ce-textpic.ce-center.ce-intext.ce-nowrap .ce-bodytext  { float:none; clear:none; width:auto; display:flex; flex-direction:row; }
.ico.Icon .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery     { float:none; clear:none; padding:0 10px 0 0; }
.ico.Icon .ce-textpic.ce-left.ce-intext.ce-nowrap .ce-bodytext    { float:none; clear:none; width:auto; display:flex; flex-direction:row; }
.ico.Icon .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery    { float:none; clear:none; padding:0 0 4px 0px; }
.ico.Icon .ce-textpic.ce-right.ce-intext.ce-nowrap .ce-bodytext´  { float:none; clear:none; width:auto; display:flex; flex-direction:row; }

/* --- Bild & Text MASK Element --- */
.framePositionPictext { clear:both; }
.framePictext { padding:0 20px 0 0; width:auto; max-width:920px; box-sizing:border-box !important; }

@media screen and (max-width:679px)                         { .framePictext { margin:0 20px 0; padding:0; } }
@media screen and (min-width:680px) and (max-width:761px)   { .framePictext { margin:0 20px 0; }            }
@media screen and (min-width:761px) and (max-width:1000px)  { .framePictext { margin:0 20px 0; }            }
@media screen and (min-width:1001px) and (max-width:1139px) { .framePictext { margin:0 20px 0; }            }

.pictextPicture       { width:46%; }
.pictextPicture.left  { float:left; }
.pictextPicture.right { float:right; }
.pictextPicture img,
.pictextPicture picture { width:100%; height:auto; }

.pictextText       { width:46%; }
.pictextText.right { float:right; }
.pictextText.left  { float:left; }
.pictextTextInner  { width:100%; }

.pictextTextInner.rehi.top    {  }
.pictextTextInner.rehi.center {  }
.pictextTextInner.abhi.top    { left:0; top:0; z-index:2; }
.pictextTextInner.abhi.center { left:0; top:50%; transform:translate(0,-50%); }

.pictextTextTitle   { width:100%;
                      font-family:'Tinos', Times, serif; font-size:40px; font-weight:500; line-height:44px; }
.pictextTextSub     { width:100%;
                      font-family:'Tinos', Times, serif; font-size:26px; font-weight:400; line-height:30px; color:#666; }
.pictextTextContent { width:100%; padding-top:20px; }

@media screen and (max-width:761px)  {
.pictextPicture { float:left; width:100%; max-width:440px; margin-bottom:20px; }
.pictextPicture.right { float:left; }
.pictextText { width:100%; }

.pictextTextTitle   { font-size:32px; font-weight:500; line-height:36px; }
.pictextTextSub     { font-size:22px; font-weight:400; line-height:26px; }

}

/* --- Teams Person MASK Element --- */
.framePersonPicture { clear:both; }
.framePerson { padding:0 20px 0 0; width:auto; max-width:920px; box-sizing:border-box !important; }

@media screen and (max-width:679px)                         { .framePerson { margin:0 20px 0; padding:0; } }
@media screen and (min-width:680px) and (max-width:761px)   { .framePerson { margin:0 20px 0; } }
@media screen and (min-width:761px) and (max-width:1000px)  { .framePerson { margin:0 20px 0; } }
@media screen and (min-width:1001px) and (max-width:1139px) { .framePerson { margin:0 20px 0; } }

.personPicture       { width:46%; }
.personPicture.left  { float:left; }
.personPicture.right { float:right; }
.personPictureInner  { width:100%; z-index:2; }
.personPictureMask   { left:0; bottom:0; width:100%; height:79.97%; background-color:#d8d0c8; z-index:1; }
.personPictureImage  { width:100%; z-index:2; }
.personPictureImage img,
.personPictureImage picture { width:100%; height:auto; }

.personText       { width:46%; }
.personText.right { float:right; }
.personText.left  { float:left; }
.personTextSpacer { width:100%; height:0; padding-bottom:31.0976%; }
.personTextInner  { width:100%; }

.personTextName    { width:100%;
                     font-family:'Tinos', Times, serif; font-size:40px; font-weight:500; line-height:44px; }
.personTextSub     { width:100%;
                     font-family:'Tinos', Times, serif; font-size:26px; font-weight:400; line-height:30px; color:#666; }
.personTextContent { width:100%; padding-top:20px; }

.personLines          { width:100%; }
.personLinesFrame     { width:100%; min-height:48px; box-sizing:border-box; padding-left:65px; z-index:2; }
.personLinesText      { right:0; top:0; width:100%; display:none; opacity:0; transition:opacity 0.7s ease-in-out; }
.personLinesText.fade { opacity:1; transition:opacity 0.7s ease-in-out; }
.personLinesText.act  { display:block; }
.personLinesIcon      { left:0; top:0; width:48px; height:48px; z-index:2; }
.personLinesIconInner { left:50%; top:50%; transform:translate(-50%,-50%) rotate(0deg);; width:100%; height:100%; cursor:pointer; z-index:3;
                        background:url('../../../fileadmin/content/template/graphics/circle_arrow.png') no-repeat 0 0; background-size:100% 100%; }

.personLinesIconInner.spin { transform:translate(-50%,-50%) rotate(360deg); transition:all 1.5s ease-in-out; }

@media screen and (max-width:761px)  {
.personPicture { float:left; width:100%; max-width:440px; margin-bottom:20px;  }
.personPicture.right { float:left; }
.personText { width:100%; }
.personTextSpacer { display:none; }

}

/* --- FAQ MASK Element --- */
.faq-element      {   }
.faqQuestionFrame { width:100%; padding-bottom:10px }
.faqQuestionLine  { display:none; }
.faqQuestionLeft  { float:left; width:28px; cursor:pointer; }
.faqButton        { width:16px; height:22px; background:url('../../../fileadmin/content/template/graphics/icon-faqlist_l-s.png') no-repeat 0 4px; }
.faqQuestion      { font-size:16px; font-weight:600; font-style:normal; line-height:22px; cursor:pointer; }
.faqAnswerFrame   { width:100%; }
.faqAnswerLeft    { float:left; width:28px; height:1px; }
.faqAnswer        { padding:0 0 11px; border-bottom:1px solid #333; margin:0 0 22px; }
.faqAnswerInner   { font-size:16px; font-weight:400; font-style:normal; line-height:22px; }
.faqVideo         { margin:0 0 24px; }
.faqImagesFrame   { margin:0; }
.faqImage         { width:100%; margin-bottom:12px; }
.faqImage img     { width:100%; height:auto; }
.faqImageCaption  { width:100%; padding:4px 0 2px; font-size:16px !important; font-weight:400 !important; font-style:normal; line-height:24px !important; }
.faqLinks         { margin:0 0 12px; }
.faqLinksTitle    { font-weight:700; padding:0 0 8px; }
.faqLinksList     {  }
.faqLinksList ul  { list-style:none !important; }
.faqLinksList li  { list-style:none !important; margin-bottom:0 !important; padding-bottom:0 !important; }

.faqLinksList li a span::before { content:'[ '; }
.faqLinksList li a span::after { content:' ]'; }

.framePosition-1200+.framePosition>.frame>.faq-element                  { margin-top:11px !important; } 
.framePosition-1200+.framePosition>.frame>.faq-element .faqQuestionLine { display:block; margin-left:28px; height:24px; border-top:1px solid #333; }

.faq-element .faqAnswerInner     { max-height:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
                                   -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.faq-element.out .faqAnswerInner { max-height:800px; -webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out;
                                   -ms-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; transition: all 1.3s ease-in-out; }
.faq-element.out .faqButton      { background:url('../../../fileadmin/content/template/graphics/icon-faqlist_o-p.png') no-repeat 0 4px; }

/* --- Trennlinien --- */
.siteBorderFrame { width:100%; background-color:#f4f4f2; }
.siteBorder      { height:2px; }
.siteBorderInner { height:1px; width:100%; max-width:1200px; background-color:#333; }

.altcolor .siteBorderFrame { background-color:#807b78; }
.altcolor .siteBorderInner { background-color:#ffffff; }

.homeBorderFrame { width:100%; background-color:#333; }
.homeBorder      {  }
.homeBorderInner { height:2px; background-color:#f4f4f2; }


/* --- Startseite Überschriften 84% --- */
.frame-homeTitle { width:84%; margin:0 8% 0; max-width:1650px; }

.text .frame-homeTitle h2 { margin:0; padding:22px 0 12px; font-size:28px; line-height:38px; font-weight:300; font-family:'Roboto Slab', Times, serif; }

/* --- Startseite Bild Text 50 --- */
.framePosition-homeText50                    { float:left; width:50%; margin:20px 0 20px; }
.frame-homeText50                            { float:right; width:84%; max-width:825px; }
.frame-homeText50 .ce-textpic                { position:relative; width:100%; overflow:hidden; }
.frame-homeText50 .ce-textpic .ce-gallery    { position:relative; width:100%; max-width:64%; margin:0 auto 30px; overflow:hidden; }
.frame-homeText50 .ce-textpic .ce-bodytext   { position:relative; width:100%; text-align:center; overflow:hidden; }
.frame-homeText50 .ce-textpic .ce-bodytext a { color:#ffffff; text-decoration:none; }

.framePosition-homeText50+.framePosition-homeText50 .frame-homeText50 { float:left; width:84%; max-width:825px; }

/* --- Startseite Bild Text 33 --- */
.framePosition-homeText33                   { float:left; width:33.3%; margin:0 0 20px; padding:30px 0 30px; }
.framePosition-homeText33 .frame-homeText33 { width:100%; }
.framePosition-homeText33 .ce-textpic       { position:relative; width:84%; margin:0 8% 0; overflow:hidden; }

.frame-homeText33 .ce-textpic .ce-gallery  { padding:0 0 20px;  }
.frame-homeText33 .ce-textpic .ce-bodytext { text-align:center;  }
.frame-homeText33 header                   { position:relative; width:80%; margin:0 10% 0; overflow:hidden; text-align:center; }
.frame-homeText33 header span              {  }
.frame-homeText33 header h3                { margin:0; padding:6px 0 30px; }

/* --- Startseite Bild Text 33 mit Linie --- */
.framePosition-homeText33line                               { float:left; width:33.3%; margin:0 0 50px; padding:10px 0 10px; box-sizing:border-box; }
.framePosition-homeText33line+.framePosition-homeText33line { border-left:1px solid #333; }
.framePosition-homeText33line .frame-homeText33line         { width:100%; }

.frame-homeText33line .ce-textpic              { position:relative; width:100%; box-sizing:border-box; padding:0 40px 0; margin:0 auto 0; overflow:hidden; }
.frame-homeText33line .ce-textpic .ce-gallery  { padding:0 0 20px;  }
.frame-homeText33line .ce-textpic .ce-bodytext { text-align:center;  }
.frame-homeText33line header                   { position:relative; width:100%; box-sizing:border-box; padding:0 40px 0; margin:0 auto 0; overflow:hidden; text-align:center; }
.frame-homeText33line header span              { font-weight:300; letter-spacing:1px; }

.altcolor .framePosition-homeText33line+.framePosition-homeText33line { border-left:1px solid #f4f4f2; }

.frame-homeText33line .ce-textpic .ce-bodytext b { color:#ffffff !important; }
.frame-homeText33line .ce-textpic .ce-bodytext strong { color:#ffffff !important; }

/* --- Startseite Bewertungen --- */
#homeEvaluation         { width:84%; margin:10px 8% 0; }
.homeEvaluationFirst    { margin:0; padding:22px 0 0; font-size:26px; line-height:34px; font-weight:300; font-family: 'Roboto Slab', Times, serif; text-align:center; color:#ffffff; }
.homeEvaluationFirst a  { font-size:26px; line-height:34px; font-weight:300; text-decoration:none; color:#ffffff; }
.homeEvalutaionStars    { display:inline-block; vertical-align:top; height:34px; width:123px; background:url('../../../fileadmin/content/template/graphics/text_sterne_358.png') no-repeat 0 7px; background-size:113px 20px; }
.homeEvaluationSecond   { text-align:center; }
.homeEvaluationSecond p { padding:0 !important; }

.text.altcolor .homeEvaluationSecond a.link-external-button { background-color:#ffffff !important; color:#333; }

.evaluation-position     { }
.evaluation-outer        { }
.evaluation-container    { padding-bottom:10px; width:100%; height:auto; }
.evaluation-article      { float:left; width:33%; }
.evaluation-articleInner { margin:40px 10px 20px; padding:20px 20px 20px; min-height:244px; background-color:#f4f4f2; background-color:#ffffff; box-shadow:none; text-align:center;
                           -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;
                           -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.evaluation-articleTable { display:table; min-height:244px; text-align:center; vertical-align:middle; }
.evaluation-articleRow   { display:table-row; min-height:244px; text-align:center; vertical-align:middle; }
.evaluation-articleCell  { display:table-cell; min-height:244px; text-align:center; vertical-align:middle; }
.evaluationText          { display:inline-block; font-size:15px; line-height:20px; font-weight:300; text-align:center; 
                           -webkit-transition: width height 0.5s ease-in-out; -moz-transition: width height 0.5s ease-in-out;
                           -ms-transition: width height 0.5s ease-in-out; -o-transition: width height 0.5s ease-in-out; transition: width height 0.5s ease-in-out;  }
.evaluationTitle         { display:inline-block; font-family:'Tinos', Times, serif; font-size:15px; line-height:20px; font-weight:400; font-style:italic; text-align:center;
                           -webkit-transition: width height 0.5s ease-in-out; -moz-transition: width height 0.5s ease-in-out;
                           -ms-transition: width height 0.5s ease-in-out; -o-transition: width height 0.5s ease-in-out; transition: width height 0.5s ease-in-out;  }
.evaluationStars         { display:inline-block; width:101px; height:18px; background:url('../../../fileadmin/content/template/graphics/text_sterne_246.png') no-repeat 0 0; background-size:101px 18px; }

.text.altcolor .evaluationText  { color:#333; }
.text.altcolor .evaluationTitle { color:#333; }

/* --- Startseite Bild mit Text unten --- */
#framePictureDown      { width:100%; }
#framePictureDown img  { width:100%; height:auto; }
#framePictureText      { position:absolute; right:8%; top:30%; width:60%; box-sizing:border-box; text-align:right; height:auto; overflow:hidden; z-index:2;
                         -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); 
						 font-size:38px; line-height:48px; font-weight:300; font-family:'Roboto Slab', Times, serif; color:#ffffff; }

/* --- Abstände --- */
.frame.frame-space-before-nospace     { padding-top:0; }
.frame.frame-space-before-extra-small { padding-top:12px; }
.frame.frame-space-before-small       { padding-top:24px; }
.frame.frame-space-before-medium      { padding-top:36px; }
.frame.frame-space-before-large       { padding-top:48px; }
.frame.frame-space-before-extra-large { padding-top:60px; }
.frame.frame-space-before-extra-large { padding-top:72px; }
.frame.frame-space-before-extra-large { padding-top:84px; }
.frame.frame-space-before-extra-large { padding-top:96px; }

.framePosition.frame-space-nospace            { padding-top:0; }
.framePosition.frame-space-before-extra-small { padding-top:12px; }
.framePosition.frame-space-before-small       { padding-top:24px; }
.framePosition.frame-space-before-medium      { padding-top:36px; }
.framePosition.frame-space-before-large       { padding-top:48px; }
.framePosition.frame-space-before-extra-large { padding-top:60px; }
.framePosition.frame-space-before-extra-large { padding-top:72px; }
.framePosition.frame-space-before-extra-large { padding-top:84px; }
.framePosition.frame-space-before-extra-large { padding-top:96px; }

.framePosition.frame-space-before-extra-small .frame.frame-space-before-extra-small,
.framePosition.frame-space-before-small .frame.frame-space-before-small,
.framePosition.frame-space-before-medium .frame.frame-space-before-medium,
.framePosition.frame-space-before-large .frame.frame-space-before-large,
.framePosition.frame-space-before-extra-large .frame.frame-space-before-extra-large,
.framePosition.frame-space-before-extra-large .frame.frame-space-before-extra-large,
.framePosition.frame-space-before-extra-large .frame.frame-space-before-extra-large,
.framePosition.frame-space-before-extra-large .frame.frame-space-before-extra-large { padding-top:0; }

.frame.frame-space-after-nospace     { padding-bottom:0; }
.frame.frame-space-after-extra-small { padding-bottom:12px; }
.frame.frame-space-after-small       { padding-bottom:24px; }
.frame.frame-space-after-medium      { padding-bottom:36px; }
.frame.frame-space-after-large       { padding-bottom:48px; }
.frame.frame-space-after-extra-large { padding-bottom:60px; }
.frame.frame-space-after-extra-large { padding-bottom:72px; }
.frame.frame-space-after-extra-large { padding-bottom:84px; }
.frame.frame-space-after-extra-large { padding-bottom:96px; }

.framePosition.frame-space-nospace           { padding-bottom:0; }
.framePosition.frame-space-after-extra-small { padding-bottom:12px; }
.framePosition.frame-space-after-small       { padding-bottom:24px; }
.framePosition.frame-space-after-medium      { padding-bottom:36px; }
.framePosition.frame-space-after-large       { padding-bottom:48px; }
.framePosition.frame-space-after-extra-large { padding-bottom:60px; }
.framePosition.frame-space-after-extra-large { padding-bottom:72px; }
.framePosition.frame-space-after-extra-large { padding-bottom:84px; }
.framePosition.frame-space-after-extra-large { padding-bottom:96px; }

.framePosition.frame-space-after-extra-small .frame.frame-space-after-extra-small,
.framePosition.frame-space-after-small .frame.frame-space-after-small,
.framePosition.frame-space-after-medium .frame.frame-space-after-medium,
.framePosition.frame-space-after-large .frame.frame-space-after-large,
.framePosition.frame-space-after-extra-large .frame.frame-space-after-extra-large,
.framePosition.frame-space-after-extra-large .frame.frame-space-after-extra-large,
.framePosition.frame-space-after-extra-large .frame.frame-space-after-extra-large,
.framePosition.frame-space-after-extra-large .frame.frame-space-after-extra-large { padding-bottom:0; }

/* --- Bei content-Elementen innerhalb content-Elementen die Frames neutralisieren --- */
.ce-textpic .frame,
.ce-textpic .framePosition { margin:0 !important; padding:0 !important; border:0 none !important; width:100% !important; }

/* --- Elemente in den Seiten mit externen Inhalten ausblenden --- */
#frameSite.privacy #content footer,
#frameSite.privacy #content .header { display:none; }

/* --- Ringseiten-Kacheln mit Inhalt aus Unterseiten --- */ 
.gridFrame     { width:100%; box-sizing:border-box; padding:0; border:1px solid #f4f4f2; clear:both; background-color:#f4f4f2; z-index:2; }
.gridItem      { float:left; width:25%; height:auto; }
.gridItemInner { border:1px solid #f4f4f2; background-color:#000000 !important; background:url('../../../fileadmin/content/template/graphics/blackloading_400.gif') no-repeat center center; color:#000; }
.gridSpacer    { width:100%; height:0; padding-bottom:66.6666%; }
.gridImage     { left:0; top:0; width:100%; height:100%; z-index:3; }
.gridImage a   { display:block; position:relative; width:100%; height:100%; overflow:hidden; text-decoration:none; border:0 none; }
.gridImage img { width:100%; height:auto; }
.gridBack      { left:0; bottom:0; width:100%; height:0%; background-color:rgba(255,255,255,0.3); z-index:5; }
.gridTitle     { left:0; bottom:0; width:100%; height:auto; background-image:linear-gradient(transparent, #333); z-index:6; }
.gridTitleInner{ padding:50px 10px 10px 14px; text-align:left;
                     font-family:'Roboto Slab', Times, serif; font-size:16px; line-height:24px; font-weight:200; letter-spacing:1px; color:#fff; }
.enlargeIcon   { right:8px; bottom:8px; width:40px; height:40px; background:url('../../../fileadmin/content/template/graphics/openBook1.png') right bottom no-repeat; z-index:7; }
.gridLink      { left:0; top:0; width:100%; height:100%; z-index:8; }
.gridLink a    { display:block; position:relative; width:100%; height:100%; overflow:hidden; }

.gridItem.ring         { max-height:1000px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
                         -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gridItem.ring.fadeout { max-height:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;
                         -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
 
.ringsCtaFrame    { width:100%; height:0; padding-bottom:66.6666%; background-color:#ccc4be; z-index:2;  }
.ringsCtaCenter   { left:0; top:50%; width:100%; height:auto; transform:translate(0, -50%); z-index:3; }
.ringsCtaText     { text-align:center; font-size:17px; font-weight:normal; font-style:normal; line-height:24px; color:#333; }
.ringsCtaText p   { padding:0 !important; }
.ringsCtaSpacer   { width:100%; height:0; padding-bottom:5%; }
.ringsCtaButton   { width:100%; text-align:center; margin:0; padding:0; }
.ringsCtaButton a { display:inline-block; margin:0; padding:0 15px 0; border:1px solid #a60f61; background-color:#a60f61;
                    font-size:16px; line-height:38px; font-weight:400; text-decoration:none; color:#fff; }
					   
.ringsCtaButton a:hover { background-color:#fff; color:#a60f61; } 
					   
.ringsCtaButton span.link      { display:inline; }
.ringsCtaButton span.extraLink { display:none; }

.gridItemInner .video { background:0 none; }
.gridItemVideoframe   { width:100%; height:0; padding-bottom:66.6666%; background-color:#333333; }
.gridItemVideoCrop    { position:absolute; left:0; top:0; width:100% !important; height:0; padding-bottom:52.75%; overflow:hidden;
                        background:url('../../../fileadmin/content/template/graphics/blackloading_400.gif') no-repeat center center #000000; }

.gridItemVideoText  { position:absolute; left:0; bottom:0; width:100%; height:auto; overflow:hidden; z-index:6;  }
.gridItemVideoInner { position:relative; padding:0 10px 10px 14px; text-align:left; overflow:hidden;
                      font-family:'Roboto Slab', Times, serif; font-size:17px; line-height:24px; color:#ffffff; }

.gridFancyCircleShow      { right:27px; bottom:26px; width:3px; height:3px; z-index:4; }
.gridFancyDiv             { padding:0 !important; left:0; top:0; width:100% !important; max-width:1190px !important; z-index:4; }
.gridFancyImage           { width:100%; height:0; padding-bottom:66.6666%; }
.gridFancyImage a         { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
.gridFancyImage a img     { width:100%; height:auto; }
.gridFancyText            { padding:15px 30px 25px 40px; background-color:#f4f4f2; cursor:text; }
.gridFancyText p          { padding:0; font-size:16px; font-weight:normal; font-style:normal; line-height:22px; color:#777777; }
.gridFancyText header     { padding:10px 0 10px; }
.gridFancyText header h2  { padding:0; margin:0; font-family:'Roboto Slab', Times, serif; font-size:36px; line-height:46px; font-weight:300; color:#333; }
.gridFancyText header h3  { padding:0; margin:0; font-family:'Roboto Slab', Times, serif; font-size:36px; line-height:46px; font-weight:300; color:#333; }
span.gridFancyTextExtra   { float:left; padding:20px 0 0; }
span.gridFancyTextExtra p { padding:0; font-size:14px; text-decoration:none; color:#333; }
span.gridFancyTextLink    { display:block; float:right; margin:20px 0 0; overflow:hidden; }
span.gridFancyTextLink a  { display:block; float:right; padding:0 14px 0; background-color:#333; border-radius:15px; overflow:hidden;
                            font-size:16px; line-height:32px; text-decoration:none; color:#ffffff; }

.gridFancyTextCloseDiv        { float:right; width:auto; height:auto; }
.gridFancyTextClose           { width:40px; height:40px; background-color:transparent; cursor:pointer; }
.gridFancyTextClose .crossOne { display:block; position:absolute; left:8px; top:18px; width:23px; height:0px; border-top:2px solid #333; transform:rotate(-45deg); overflow:hidden; }
.gridFancyTextClose .crossTwo { display:block; position:absolute; left:8px; top:18px; width:23px; height:0px; border-top:2px solid #333; transform:rotate(45deg); overflow:hidden; }

.pageRingDivFrame           { clear:both; padding:130px 0 40px; } /*innerOut*/
.pageRingDiv                { padding:0; width:auto; margin-top:22px; margin-left:auto; margin-right:auto; max-width:1240px; box-sizing:border-box; }
.pageRingDiv .gridFancyText { padding-bottom:40px; }

.fancybox-bg                   { background:#111111 !important; border:0 none; }
.fancybox-is-open .fancybox-bg { opacity:0.80 !important; }
.fancybox-close-small          { display:none !important; }

.fancybox-navigation .fancybox-button--arrow_left      { background-color:transparent !important; padding: 31px 26px 31px 6px; }
.fancybox-navigation .fancybox-button--arrow_left div  { background-color:#333 !important; color:#fffffffff !important; border-radius:20px !important; }
.fancybox-navigation .fancybox-button--arrow_right     { background-color:transparent !important; padding: 31px 6px 31px 26px; }
.fancybox-navigation .fancybox-button--arrow_right div { background-color:#333 !important; color:#fffffffff !important; border-radius:20px !important; }

.fancybox-navigation .fancybox-button--arrow_left:hover  { padding: 29px 24px 29px 4px; }
.fancybox-navigation .fancybox-button--arrow_right:hover { padding: 29px 4px 29px 24px; }

/* --- Füller unten Bild Kacheln --- */ 
.gridFill      { bottom:0; width:33.33%; height:auto; z-index:0; }
.gridFill1     { right:0; }
.gridFill2     { right:33.33%; }
.gridFill3     { right:66.66%; }
.gridFillInner { border:1px solid #e8e4de; background-color:#000; }


@media screen and (min-width:1911px) {
.gridItem { width:25%; }
.gridFancyDiv { max-width:1190px !important; width:1190px !important; }

.gridFill  { width:25.00%; }
.gridFill1 { right:0; }
.gridFill2 { right:25.00%; }
.gridFill3 { right:50.00%; }
}
@media screen and (min-width:1660px) and (max-width:1910px) {
.gridItem     { width:33.33%; }
.gridFancyDiv { max-width:960px !important; width:960px !important; }

.gridFill  { width:33.33%; }
.gridFill1 { right:0; }
.gridFill2 { right:33.33%; }
.gridFill3 { right:66.66%; }
}
@media screen and (min-width:1440px) and (max-width:1659px) {
.gridItem     { width:33.33%; }
.gridFancyDiv { max-width:960px !important; width:960px !important; }

.gridFill  { width:33.33%; }
.gridFill1 { right:0; }
.gridFill2 { right:33.33%; }
.gridFill3 { right:66.66%; }
}
@media screen and (min-width:1140px) and (max-width:1439px) {
.gridItem     { width:33.33%; }
.gridFancyDiv { max-width:860px !important; width:860px !important; }
.ringsCtaButton a { font-size:15px; line-height:36px; }

.gridFill  { width:33.33%; }
.gridFill1 { right:0; }
.gridFill2 { right:33.33%; }
.gridFill3 { right:66.66%; }
}
@media screen and (min-width:1001px) and (max-width:1139px) {
.gridItem         { width:50.00%; }
.gridFancyDiv     { max-width:679px !important; width:679px !important; }
.gridFancyText    { padding:15px 20px 20px 20px; }
.ringsCtaButton a { font-size:15px; line-height:36px; }

.gridFill  { width:50.00%; }
.gridFill1 { right:0; }
.gridFill2 { right:50.00%; }
.gridFill3 { display:none; }
}
@media screen and (min-width:761px) and (max-width:1000px) {
.gridItem              { width:50.00%; }
.gridFancyDiv          { max-width:620px !important; width:620px !important; }
span.gridFancyTextLink { clear:both; float:left; }
.gridFancyText         { padding:15px 20px 20px 20px; }
.ringsCtaText          { font-size:16px; line-height:24px; }
.ringsCtaButton a      { font-size:14px; line-height:36px; }

.pageRingDivFrame { padding:78px 0 20px; }
.pageRingDiv      { padding:0 20px 0; }

.pageRingDiv .gridFancyText { padding-bottom:20px; }

.gridFill  { width:50.00%; }
.gridFill1 { right:0; }
.gridFill2 { right:50.00%; }
.gridFill3 { display:none; }
}
@media screen and (min-width:650px) and (max-width:760px) {
.gridItem              { width:50%; }
.gridFancyDiv          { max-width:660px !important; width:660px !important; }
.gridFancyText         { padding:15px 20px 25px 20px; }
span.gridFancyTextLink { clear:both; float:left; }
.ringsCtaText          { font-size:15px; line-height:22px; }
.ringsCtaButton a      { font-size:13px; line-height:34px; }

.pageRingDivFrame { padding:78px 0 20px; }
.pageRingDiv      { padding:0 20px 0; }

.pageRingDiv .gridFancyText { padding-bottom:20px; }

.gridFill  { width:50.00%; }
.gridFill1 { right:0; }
.gridFill2 { right:50.00%; }
.gridFill3 { display:none; }
}
@media screen and (min-width:480px) and (max-width:649px) {
.gridItem              { width:50%; }
.gridFancyDiv          { max-width:660px !important; width:660px !important; }
.gridFancyText         { padding:15px 20px 25px 20px; }
span.gridFancyTextLink { clear:both; float:left; }
.ringsCtaText          { font-size:13px; line-height:18px; }
.ringsCtaButton a      { font-size:13px; line-height:34px; }
.ringsCtaButton span.link      { display:none; }
.ringsCtaButton span.extraLink { display:inline; }

.pageRingDivFrame { padding:78px 0 20px; }
.pageRingDiv      { padding:0 20px 0; }

.pageRingDiv .gridFancyText { padding-bottom:20px; }

.gridFill  { width:50.00%; }
.gridFill1 { right:0; }
.gridFill2 { right:50.00%; }
.gridFill3 { display:none; }
}
@media screen and (max-width:480px) {
.gridFrame              { width:auto; margin-left:-2px; margin-right:-2px; }
.gridItem               { width:100%; }
.gridFancyDiv           { max-width:660px !important; width:660px !important; }
.gridFancyText          { padding:10px 20px 25px; }
.gridFancyText header   { padding:15px 0 15px; }
span.gridFancyTextExtra { display:block; width:100%; padding:20px 0 0; }
span.gridFancyTextLink  { float:left; }
.ringsCtaButton span.link      { display:none; }
.ringsCtaButton span.extraLink { display:inline; }

.fancybox-navigation .fancybox-button--arrow_left  { display:none !important; }
.fancybox-navigation .fancybox-button--arrow_right { display:none !important; }

.gridItemVideoframe   { width:100%; height:auto; padding-bottom:0; }
.gridItemVideoCrop    { position:relative; left:auto; top:auto; width:100%; height:0; padding-bottom:52.75%; overflow:hidden; }
.gridItemVideoText    { position:relative; left:auto; bottom:auto; width:100%; height:auto; padding-bottom:0; overflow:hidden; }
.gridItemVideoInner   { position:relative; left:auto; top:auto; width:100%; height:auto; padding:10px 0 10px; overflow:hidden;
                        text-align:center; font-size:17px; line-height:24px; color:#333;
                        -webkit-transform:none; -ms-transform:none; transform:none; }

.pageRingDivFrame { padding:58px 0 0; }
.pageRingDiv      { padding:0 0 0; }

.gridFill  { display:none; }
}
@media screen and (max-width:420px) { .ringsCtaText { font-size:17px; line-height:24px; } .ringsCtaButton a { font-size:15px; line-height:36px; } }
@media screen and (max-width:400px) { .ringsCtaText { font-size:16px; line-height:22px; } .ringsCtaButton a { font-size:14px; line-height:34px; } }
@media screen and (max-width:380px) { .ringsCtaText { font-size:15px; line-height:20px; } .ringsCtaButton a { font-size:13px; line-height:32px; } }
@media screen and (max-width:360px) { .ringsCtaText { font-size:14px; line-height:18px; } .ringsCtaButton a { font-size:12px; line-height:30px; } }


/* --- Navigationskacheln aus Unterseiten --- */ 
.gridMenuFrame      { }
.gridMenuFrameInner { margin-left:-10px; margin-right:-10px; }
.gridMenuIndent     { /*padding-left:126px;*/ }

.gridMenuIconTextnav            { margin-bottom:20px; margin:0 10px 0; padding:0; font-size:0; line-height:0; text-align:center; } 
.gridMenuIconTextnavInner       { width:100%; height:auto; transition:float 1s ease-in-out; }

.gridMenuIconHeadnav            { margin:0; padding:5px 0 5px; font-size:0; line-height:0; text-align:center; display:none; }
.gridMenuIconHeadnav.show       { display:block; }
.gridMenuIconHeadnavInner       { width:100%; height:auto; }

.gridMenuIcon                 { display:inline-block; width:70px; margin-right:15px; }  
.gridMenuIcon:last-child      { margin-right:0;  } 
.gridMenuIconPic              { width:60px; height:60px; margin:0 auto 0; }
.gridMenuIconCircle           { width:100%; box-sizing:border-box; margin:0 auto 0; border-radius:50%; border:1px solid #666; background-color:#fff; }
.gridMenuIconImg              { width:70%; height:70%; margin:15% 15%; } 
.gridMenuIconImg picture,
.gridMenuIconImg img          { width:100%; height:auto; }
.gridMenuIconTitle            { width:100%; text-align:center; margin-top:5px; font-size:14px; line-height:20px; font-weight:500; }
.gridMenuIconLink             { left:0; top:0; width:100%; height:100%; z-index:9; }
.gridMenuIconLink a           { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.gridMenuIconLink a span.full { display:block; position:relative; width:100%; height:100%; overflow:hidden; }

.gridMenuIconChevronLeft          { left:-71px; top:0px; width:70px; height:68px; cursor:pointer; transition:all 1s ease-in-out;
                                    background:linear-gradient( 90deg, #f4f4f2 0%, #f4f4f2 60%, transparent 100%); }
.gridMenuIconChevronLeft.show     { left:0; }
.gridMenuIconChevronLeft .cevTop  { left:20px; top:10px; height:21px; width:2px; background-color:#000; transform:rotate(20deg); }
.gridMenuIconChevronLeft .cevBot  { left:20px; top:30px; height:21px; width:2px; background-color:#000; transform:rotate(-20deg); }
.gridMenuIconChevronRight         { right:-71px; top:0px; width:70px; height:68px; cursor:pointer; transition:all 1s ease-in-out;
                                    background:linear-gradient( 90deg, transparent 0%, #f4f4f2 40%, #f4f4f2 100%); }
.gridMenuIconChevronRight.show    { right:0; }
.gridMenuIconChevronRight .cevTop { right:20px; top:10px; height:21px; width:2px; background-color:#000; transform:rotate(-20deg); }
.gridMenuIconChevronRight .cevBot { right:20px; top:30px; height:21px; width:2px; background-color:#000; transform:rotate(20deg); }

.gridMenuIconTextnav .gridMenuIconChevronLeft          { z-index:9; }
.gridMenuIconTextnav .gridMenuIconChevronLeft .cevTop,
.gridMenuIconTextnav .gridMenuIconChevronLeft .cevBot  { z-index:10; }
.gridMenuIconHeadnav .gridMenuIconChevronLeft          { z-index:99; }
.gridMenuIconHeadnav .gridMenuIconChevronLeft .cevTop,
.gridMenuIconHeadnav .gridMenuIconChevronLeft .cevBot  { z-index:100; }

.gridMenuIconTextnav .gridMenuIconChevronRight          { z-index:9; }
.gridMenuIconTextnav .gridMenuIconChevronRight .cevTop,
.gridMenuIconTextnav .gridMenuIconChevronRight .cevBot  { z-index:10; }
.gridMenuIconHeadnav .gridMenuIconChevronRight          { z-index:99; }
.gridMenuIconHeadnav .gridMenuIconChevronRight .cevTop,
.gridMenuIconHeadnav .gridMenuIconChevronRight .cevBot  { z-index:100; }

.gridMenuArea       { margin:0; padding:0; }
.gridMenuAreaInner  {  }

/*Element*/
.gridMenuItem.smallQuad            { float:left; height:auto; }
.smallQuad .gridMenuItemInner      { margin:3% 3%; background-color:#e8e4de; border-radius:20px; }
.smallQuad .gridMenuImage          { width:100%; height:0; padding-bottom:55%; }
.smallQuad .gridMenuImageInner     { left:0; top:50%; transform:translate(0,-50%); width:100%; height:auto; z-index:2; }
.smallQuad .gridMenuImageInner img { width:100%; height:auto; }
.smallQuad .gridMenuContent        { width:100%; height:0; padding-bottom:35%; }
.smallQuad .gridMenuText           { left:0; top:0; width:100%; height:100%; background-color:#e8e4de; z-index:2; }
.smallQuad .gridMenuTextInner      { width:100%; box-sizing:border-box; padding:15px 20px 18px; }
.smallQuad .gridMenuTextInner h1,
.smallQuad .gridMenuTextInner h2,
.smallQuad .gridMenuTextInner h3,
.smallQuad .gridMenuTextInner h4,
.smallQuad .gridMenuTextInner h5,
.smallQuad .gridMenuTextInner h6   { font-size:19px; line-height:24px; font-weight:500; margin:0; padding:0 0 10px; }
.smallQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; font-weight:400; }
.smallQuad .gridMenuTitle          { left:0; top:0; width:100%; height:100%; background-color:#e8e4de; z-index:3; }
.smallQuad .gridMenuTitleInner     { width:100%; box-sizing:border-box; padding:15px 20px 18px; }
.smallQuad .gridMenuTitleInner h1,
.smallQuad .gridMenuTitleInner h2,
.smallQuad .gridMenuTitleInner h3,
.smallQuad .gridMenuTitleInner h4,
.smallQuad .gridMenuTitleInner h5,
.smallQuad .gridMenuTitleInner h6  { font-size:19px; line-height:24px; font-weight:500; margin:0; padding:0 0 10px; }
.smallQuad .gridMenuTitleInner p   { font-size:19px; line-height:24px; font-weight:500; margin:0; padding:0 0 10px; }
.smallQuad .gridMenuMore           { left:0; bottom:18px; width:100%; height:auto; z-index:4; }
.smallQuad .gridMenuMoreInner      { width:100%; box-sizing:border-box; padding:0 21px 0;
                                     font-size:18px; line-height:24px; font-weight:400; text-decoration:underline; }
.smallQuad .gridMenuLink           { left:0; top:0; width:100%; height:100%; z-index:5; }
.smallQuad .gridMenuLink a         { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.smallQuad .gridMenuLink a header,
.smallQuad .gridMenuLink a p       { opacity:0; }

.gridMenuItem.smallQuad .gridMenuImageButton            { display:none; }
.gridMenuItem.smallQuad.videocheck .gridMenuImageButton { display:block; left:50%; top:53%; width:25%; height:27%; transform:translate(-50%, -50%); z-index:8; 
                                                          background:url('../../../fileadmin/content/template/graphics/youtube_play.png') no-repeat 0 0; background-size:100% 100%; }
.gridMenuItem.videocheck:hover .gridMenuImageButton     { background:url('../../../fileadmin/content/template/graphics/youtube_play_hover.png') no-repeat 0 0; background-size:100% 100%; }

/*Element*/
.gridMenuItem.bigQuad            { float:left; height:auto; }
.bigQuad .gridMenuItemInner      { margin:1.5% 1.5%; background-color:#e8e4de; border-radius:20px; }
.bigQuad .gridMenuImage          { width:100%; height:0; padding-bottom:55%; }
.bigQuad .gridMenuImageInner     { left:0; top:50%; transform:translate(0,-50%); width:100%; height:auto; z-index:2; }
.bigQuad .gridMenuImageInner img { width:100%; height:auto; }
.bigQuad .gridMenuContent        { width:100%; height:0; padding-bottom:35%; }
.bigQuad .gridMenuText           { left:0; top:0; width:100%; height:100%; background-color:#e8e4de; z-index:2; }
.bigQuad .gridMenuTextInner      { width:100%; box-sizing:border-box; padding:30px 40px 36px; }
.bigQuad .gridMenuTextInner h1,
.bigQuad .gridMenuTextInner h2,
.bigQuad .gridMenuTextInner h3,
.bigQuad .gridMenuTextInner h4,
.bigQuad .gridMenuTextInner h5,
.bigQuad .gridMenuTextInner h6   { font-size:38px; line-height:48px; font-weight:500; margin:0; padding:0 0 20px; }
.bigQuad .gridMenuTextInner p    { font-size:30px; line-height:40px; font-weight:400; }
.bigQuad .gridMenuTitle          { left:0; top:0; width:100%; height:100%; background-color:#e8e4de; z-index:3; }
.bigQuad .gridMenuTitleInner     { width:100%; box-sizing:border-box; padding:30px 40px 36px; }
.bigQuad .gridMenuTitleInner h1,
.bigQuad .gridMenuTitleInner h2,
.bigQuad .gridMenuTitleInner h3,
.bigQuad .gridMenuTitleInner h4,
.bigQuad .gridMenuTitleInner h5,
.bigQuad .gridMenuTitleInner h6  { font-size:38px; line-height:48px; font-weight:500; margin:0; padding:0 0 20px; }
.bigQuad .gridMenuTitleInner p   { font-size:38px; line-height:48px; font-weight:500; margin:0; padding:0 0 20px; }
.bigQuad .gridMenuMore           { left:0; bottom:36px; width:100%; height:auto; z-index:4; }
.bigQuad .gridMenuMoreInner      { width:100%; box-sizing:border-box; padding:0 42px 0;
                                     font-size:36px; line-height:48px; font-weight:400; text-decoration:underline; }
.bigQuad .gridMenuLink           { left:0; top:0; width:100%; height:100%; z-index:5; }
.bigQuad .gridMenuLink a         { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.bigQuad .gridMenuLink a header,
.bigQuad .gridMenuLink a p       { opacity:0; }

.gridMenuItem.bigQuad .gridMenuImageButton            { display:none; }
.gridMenuItem.bigQuad.videocheck .gridMenuImageButton { display:block; left:50%; top:53%; width:25%; height:27%; transform:translate(-50%, -50%); z-index:3; 
                                                        background:url('../../../fileadmin/content/template/graphics/youtube_play.png') no-repeat 0 0; background-size:100% 100%; }
.gridMenuItem.videocheck:hover .gridMenuImageButton   { background:url('../../../fileadmin/content/template/graphics/youtube_play_hover.png') no-repeat 0 0; background-size:100% 100%; }

/* Überschrift (alles in in einem MASK Element)*/
.gridMenuBreak           { width:100%; margin:18px 0 8px; }
.gridMenuBreakInner      { width:100%; box-sizing:border-box; margin:20px 10px 10px; font-size:19px; line-height:24px; font-weight:500;  }

/* CTA-Fläche (alles in einem MASK-Element)*/
.gridMenuCTA             { width:100%; /*box-sizing:border-box; padding-left:126px;*/ }
.gridMenuCTAInner        { margin:0.75% 10px; padding:30px 10px 35px; background-color:#e8e4de; border-radius:20px; }
.navCtaFrame             { width:100%; }
.navCtaText              { width:100%; margin:0 auto 0; text-align:center; }
.navCtaText.ctaTtextFull { max-width:100%; }
.navCtaText.ctaText650   { max-width:650px; }
.navCtaText.ctaText350   { max-width:350px; }
.navCtaSpacer            { width:100%; height:15px;  }
.navCtaButton            { margin:  }
.navCtaButton            { width:100%; text-align:center; margin:0; padding:0; }
.navCtaButton a          { display:inline-block; margin:0; padding:0 15px 0; border:1px solid #a60f61; background-color:#a60f61;
                           font-size:16px; line-height:38px; font-weight:400; text-decoration:none; color:#fff; }
.navCtaButton .link      { display:inline; }
.navCtaButton .extraLink { display:none; }

/* verborgen, aus Struktur und Schalter */
.gridMenuName { } /* Struktur */
.gridMenuItemSwitch { } /* Element Schalter */
.gridMenuBreakSwitch { }/* Überschrift Schalter */
.gridMenuBreakHTML { } /* Überschrift Icons */
.gridMenuBreakAereaStyle { } /* Überschrift Style */
.gridMenuCTASwitch { } /* CTA Schalter */

@media screen and (min-width:1550px) {
 .gridMenuItem.smallQuad { width:25%; }
 .gridMenuItem.bigQuad   { width:50%; }
}
@media screen and (min-width:1440px) and (max-width:1549px) {	
 .gridMenuIcon      { width:60px; margin-right:8px; }  
 .gridMenuIconPic   { width:60px; height:60px; }
 .gridMenuIconTitle { margin-top:5px; font-size:13px; line-height:18px; }
 
 .gridMenuItem.smallQuad            { width:25%; }
 .smallQuad .gridMenuItemInner      { border-radius:18px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:13px 18px 16px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:18px; line-height:23px; }
 .smallQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .smallQuad .gridMenuMore           { bottom:16px; }
 .smallQuad .gridMenuMoreInner      { padding:0 19px 0; font-size:17px; line-height:23px; }
 
 .gridMenuItem.bigQuad            { width:50%; }
 .bigQuad .gridMenuItemInner      { border-radius:18px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:26px 36px 32px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:36px; line-height:46px; }
 .bigQuad .gridMenuTextInner p    { font-size:30px; line-height:40px; }
 .bigQuad .gridMenuMore           { bottom:32px; }
 .bigQuad .gridMenuMoreInner      { padding:0 38px 0; font-size:34px; line-height:46px; }
 
 .gridMenuCTAInner { border-radius:18px; }
}
@media screen and (min-width:1340px) and (max-width:1439px) {
 .gridMenuIcon      { width:60px; margin-right:8px; }  
 .gridMenuIconPic   { width:60px; height:60px; }
 .gridMenuIconTitle { margin-top:5px; font-size:13px; line-height:18px; }
 
 .gridMenuItem.smallQuad            { width:25%; }
 .smallQuad .gridMenuItemInner      { border-radius:16px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:11px 16px 15px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:17px; line-height:22px; }
 .smallQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .smallQuad .gridMenuMore           { bottom:14px; }
 .smallQuad .gridMenuMoreInner      { padding:0 17px 0; font-size:16px; line-height:22px; }
 
 .gridMenuItem.bigQuad            { width:50%; }
 .bigQuad .gridMenuItemInner      { border-radius:16px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:22px 32px 30px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:34px; line-height:44px; }
 .bigQuad .gridMenuTextInner p    { font-size:30px; line-height:40px; }
 .bigQuad .gridMenuMore           { bottom:28px; }
 .bigQuad .gridMenuMoreInner      { padding:0 34px 0; font-size:32px; line-height:44px; }
 
 .gridMenuCTAInner { border-radius:16px; }
}
@media screen and (min-width:1240px) and (max-width:1339px) {
 .gridMenuIcon      { width:60px; margin-right:8px; }  
 .gridMenuIconPic   { width:60px; height:60px; }
 .gridMenuIconTitle { margin-top:5px; font-size:13px; line-height:18px; }
 
 .gridMenuItem.smallQuad            { width:25%; }
 .smallQuad .gridMenuItemInner      { border-radius:14px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:9px 14px 15px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:16px; line-height:21px; }
 .smallQuad .gridMenuTextInner p    { font-size:14px; line-height:19px; }
 .smallQuad .gridMenuMore           { bottom:12px; }
 .smallQuad .gridMenuMoreInner      { padding:0 15px 0; font-size:15px; line-height:21px; }
 
 .gridMenuItem.bigQuad            { width:50%; }
 .bigQuad .gridMenuItemInner      { border-radius:14px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:18px 28px 30px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:32px; line-height:42px; }
 .bigQuad .gridMenuTextInner p    { font-size:28px; line-height:38px; }
 .bigQuad .gridMenuMore           { bottom:24px; }
 .bigQuad .gridMenuMoreInner      { padding:0 30px 0; font-size:30px; line-height:42px; }
 
 .gridMenuCTAInner { border-radius:14px; }
}
@media screen and (min-width:1140px) and (max-width:1239px) {
 .gridMenuIcon      { width:60px; margin-right:8px; }  
 .gridMenuIconPic   { width:60px; height:60px; }
 .gridMenuIconTitle { margin-top:5px; font-size:13px; line-height:18px; }
 
 .gridMenuItem.smallQuad            { width:25%; }
 .smallQuad .gridMenuItemInner      { border-radius:12px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:7px 12px 13px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:15px; line-height:19px; }
 .smallQuad .gridMenuTextInner p    { font-size:13px; line-height:18px; }
 .smallQuad .gridMenuMore           { bottom:11px; }
 .smallQuad .gridMenuMoreInner      { padding:0 13px 0; font-size:14px; line-height:20px; }
 
 .gridMenuItem.bigQuad            { width:50%; }
 .bigQuad .gridMenuItemInner      { border-radius:12px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:14px 24px 26px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:30px; line-height:38px; }
 .bigQuad .gridMenuTextInner p    { font-size:26px; line-height:36px; }
 .bigQuad .gridMenuMore           { bottom:22px; }
 .bigQuad .gridMenuMoreInner      { padding:0 26px 0; font-size:28px; line-height:40px; }
 
 .gridMenuCTAInner { border-radius:12px; }
}
@media screen and (min-width:1080px) and (max-width:1139px) {
 .gridMenuIndent               { /*padding-left:94px;*/ }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 .gridMenuItem.smallQuad            { width:25%; }
 .smallQuad .gridMenuItemInner      { border-radius:12px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:7px 12px 13px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:15px; line-height:19px; }
 .smallQuad .gridMenuTextInner p    { font-size:13px; line-height:18px; }
 .smallQuad .gridMenuMore           { bottom:11px; }
 .smallQuad .gridMenuMoreInner      { padding:0 13px 0; font-size:14px; line-height:20px; }
 
 .gridMenuItem.bigQuad            { width:50%; }
 .bigQuad .gridMenuItemInner      { border-radius:12px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:14px 24px 26px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:30px; line-height:38px; }
 .bigQuad .gridMenuTextInner p    { font-size:26px; line-height:36px; }
 .bigQuad .gridMenuMore           { bottom:22px; }
 .bigQuad .gridMenuMoreInner      { padding:0 26px 0; font-size:28px; line-height:40px; }
 
 .gridMenuCTAInner { border-radius:12px; }
}
@media screen and (min-width:1020px) and (max-width:1079px) {
 .gridMenuIndent     { /*padding-left:94px;*/ }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 .gridMenuItem.smallQuad            { width:25%; }
 .smallQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:10px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:7px 11px 12px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:14px; line-height:18px; }
 .smallQuad .gridMenuTextInner p    { font-size:12px; line-height:17px; }
 .smallQuad .gridMenuMore           { bottom:10px; }
 .smallQuad .gridMenuMoreInner      { padding:0 12px 0; font-size:13px; line-height:18px; }
 
 .gridMenuItem.bigQuad            { width:50%; }
 .bigQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:10px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:14px 22px 24px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:28px; line-height:36px; }
 .bigQuad .gridMenuTextInner p    { font-size:24px; line-height:34px; }
 .bigQuad .gridMenuMore           { bottom:20px; }
 .bigQuad .gridMenuMoreInner      { padding:0 24px 0; font-size:26px; line-height:36px; }
  
 .gridMenuCTAInner { border-radius:10px; }
}
@media screen and (min-width:960px) and (max-width:1019px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuItem.smallQuad            { width:33.3333%; }
 .smallQuad .gridMenuItemInner      { margin:2% 2%; border-radius:16px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:11px 16px 15px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:17px; line-height:22px; }
 .smallQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .smallQuad .gridMenuMore           { bottom:14px; }
 .smallQuad .gridMenuMoreInner      { padding:0 17px 0; font-size:16px; line-height:22px; }
 
 .gridMenuItem.bigQuad            { width:66.6666%; }
 .bigQuad .gridMenuItemInner      { margin:1% 1%; border-radius:16px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:22px 32px 30px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:34px; line-height:44px; }
 .bigQuad .gridMenuTextInner p    { font-size:30px; line-height:40px; }
 .bigQuad .gridMenuMore           { bottom:28px; }
 .bigQuad .gridMenuMoreInner      { padding:0 34px 0; font-size:32px; line-height:44px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:16px; }
}
@media screen and (min-width:910px) and (max-width:959px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuItem.smallQuad            { width:33.3333%; }
 .smallQuad .gridMenuItemInner      { margin:2% 2%; border-radius:14px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:9px 14px 15px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:16px; line-height:21px; }
 .smallQuad .gridMenuTextInner p    { font-size:14px; line-height:19px; }
 .smallQuad .gridMenuMore           { bottom:12px; }
 .smallQuad .gridMenuMoreInner      { padding:0 15px 0; font-size:15px; line-height:21px; }
 
 .gridMenuItem.bigQuad            { width:66.6666%; }
 .bigQuad .gridMenuItemInner      { margin:1% 1%; border-radius:14px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:18px 28px 30px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:32px; line-height:42px; }
 .bigQuad .gridMenuTextInner p    { font-size:28px; line-height:38px; }
 .bigQuad .gridMenuMore           { bottom:24px; }
 .bigQuad .gridMenuMoreInner      { padding:0 30px 0; font-size:30px; line-height:42px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:14px; }
}
@media screen and (min-width:860px) and (max-width:910px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuItem.smallQuad            { width:33.3333%; }
 .smallQuad .gridMenuItemInner      { margin:2% 2%; border-radius:12px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:7px 12px 13px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:15px; line-height:19px; }
 .smallQuad .gridMenuTextInner p    { font-size:13px; line-height:18px; }
 .smallQuad .gridMenuMore           { bottom:11px; }
 .smallQuad .gridMenuMoreInner      { padding:0 13px 0; font-size:14px; line-height:20px; }
 
 .gridMenuItem.bigQuad            { margin:1% 1%; width:66.6666%; }
 .bigQuad .gridMenuItemInner      { border-radius:12px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:14px 24px 26px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:30px; line-height:38px; }
 .bigQuad .gridMenuTextInner p    { font-size:26px; line-height:36px; }
 .bigQuad .gridMenuMore           { bottom:22px; }
 .bigQuad .gridMenuMoreInner      { padding:0 26px 0; font-size:28px; line-height:40px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:12px; }
}
@media screen and (min-width:740px) and (max-width:859px) {
 .gridMenuIndent     { /*padding-left:94px;*/ }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuItem.smallQuad            { margin:2% 2%; width:33.3333%; }
 .smallQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:10px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:6px 10px 12px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:14px; line-height:18px; }
 .smallQuad .gridMenuTextInner p    { font-size:12px; line-height:17px; }
 .smallQuad .gridMenuMore           { bottom:8px; }
 .smallQuad .gridMenuMoreInner      { padding:0 11px 0; font-size:13px; line-height:18px; }
 
 .gridMenuItem.bigQuad            { width:66.6666%; }
 .bigQuad .gridMenuItemInner      { margin:1% 1%; border-radius:10px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:12px 20px 24px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:28px; line-height:36px; }
 .bigQuad .gridMenuTextInner p    { font-size:24px; line-height:34px; }
 .bigQuad .gridMenuMore           { bottom:16px; }
 .bigQuad .gridMenuMoreInner      { padding:0 22px 0; font-size:26px; line-height:36px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:10px; }
}
@media screen and (min-width:685px) and (max-width:739px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:18px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:13px 18px 16px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:18px; line-height:23px; }
 .smallQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .smallQuad .gridMenuMore           { bottom:16px; }
 .smallQuad .gridMenuMoreInner      { padding:0 19px 0; font-size:17px; line-height:23px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:18px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:26px 36px 32px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:36px; line-height:46px; }
 .bigQuad .gridMenuTextInner p    { font-size:30px; line-height:40px; }
 .bigQuad .gridMenuMore           { bottom:32px; }
 .bigQuad .gridMenuMoreInner      { padding:0 38px 0; font-size:34px; line-height:46px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:16px; }
}
@media screen and (min-width:630px) and (max-width:684px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:16px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:11px 16px 15px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad  .gridMenuTitleInner p   { font-size:17px; line-height:22px; }
 .smallQuad  .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .smallQuad  .gridMenuMore           { bottom:14px; }
 .smallQuad  .gridMenuMoreInner      { padding:0 17px 0; font-size:16px; line-height:22px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:16px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:22px 32px 30px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:34px; line-height:44px; }
 .bigQuad .gridMenuTextInner p    { font-size:30px; line-height:40px; }
 .bigQuad .gridMenuMore           { bottom:28px; }
 .bigQuad .gridMenuMoreInner      { padding:0 34px 0; font-size:32px; line-height:44px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:16px; }
}
@media screen and (min-width:575px) and (max-width:629px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:14px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:9px 14px 15px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:16px; line-height:21px; }
 .smallQuad .gridMenuTextInner p    { font-size:14px; line-height:19px; }
 .smallQuad .gridMenuMore           { bottom:12px; }
 .smallQuad .gridMenuMoreInner      { padding:0 15px 0; font-size:15px; line-height:21px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:14px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:18px 28px 30px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:32px; line-height:42px; }
 .bigQuad .gridMenuTextInner p    { font-size:28px; line-height:38px; }
 .bigQuad .gridMenuMore           { bottom:24px; }
 .bigQuad .gridMenuMoreInner      { padding:0 30px 0; font-size:30px; line-height:42px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:14px; }
}
@media screen and (min-width:540px) and (max-width:574px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:55px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:12px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:7px 12px 13px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:15px; line-height:19px; }
 .smallQuad .gridMenuTextInner p    { font-size:13px; line-height:18px; }
 .smallQuad .gridMenuMore           { bottom:11px; }
 .smallQuad .gridMenuMoreInner      { padding:0 13px 0; font-size:14px; line-height:19px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:44px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:14px 24px 26px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:30px; line-height:38px; }
 .bigQuad .gridMenuTextInner p    { font-size:26px; line-height:36px; }
 .bigQuad .gridMenuMore           { bottom:22px; }
 .bigQuad .gridMenuMoreInner      { padding:0 26px 0; font-size:28px; line-height:38px; }
 
 .gridMenuCTAInner { margin:1% 10px; border-radius:12px; }
}
@media screen and (min-width:500px) and (max-width:539px) {
 .gridMenuIndent { /*padding-left:94px;*/ }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:75px; }*/
 
 .gridMenuIcon      { width:55px; margin-right:5px; }  
 .gridMenuIconPic   { width:55px; height:56px; }
 .gridMenuIconTitle { margin-top:4px; font-size:12px; line-height:16px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:10px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:6px 11px 12px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:14px; line-height:18px; }
 .smallQuad .gridMenuTextInner p    { font-size:12px; line-height:17px; }
 .smallQuad .gridMenuMore           { bottom:10px; }
 .smallQuad .gridMenuMoreInner      { padding:0 12px 0; font-size:13px; line-height:18px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:10px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:12px 22px 24px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:28px; line-height:36px; }
 .bigQuad .gridMenuTextInner p    { font-size:24px; line-height:34px; }
 .bigQuad .gridMenuMore           { bottom:20px; }
 .bigQuad .gridMenuMoreInner      { padding:0 24px 0; font-size:26px; line-height:36px; }

 .gridMenuCTAInner { margin:1% 10px; border-radius:10px; }
}
@media screen and (min-width:480px) and (max-width:499px) {
 .gridMenuIndent     { /*padding-left:94px;*/ }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:70px; }*/
 
 .gridMenuIcon      { width:50px; margin-right:5px; }  
 .gridMenuIconPic   { width:50px; height:50px; }
 .gridMenuIconTitle { margin-top:3px; font-size:11px; line-height:15px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:10px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:7px 11px 12px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:14px; line-height:18px; }
 .smallQuad .gridMenuTextInner p    { font-size:12px; line-height:17px; }
 .smallQuad .gridMenuMore           { bottom:10px; }
 .smallQuad .gridMenuMoreInner      { padding:0 12px 0; font-size:13px; line-height:18px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:10px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:14px 22px 24px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:28px; line-height:36px; }
 .bigQuad .gridMenuTextInner p    { font-size:24px; line-height:34px; }
 .bigQuad .gridMenuMore           { bottom:20px; }
 .bigQuad .gridMenuMoreInner      { padding:0 24px 0; font-size:26px; line-height:36px; }

 .gridMenuAreaInner.showBar                { width:110%; left:-11%; }
 .showBar .gridMenuItem.smallQuad,
 .showBar .gridMenuItem.bigQuad            { width:100%; }
 .showBar .smallQuad .gridMenuContent,
 .showBar .bigQuad .gridMenuContent        { padding-bottom:35%; }
 .showBar .smallQuad .gridMenuItemInner,
 .showBar .bigQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:20px; }
 .showBar .smallQuad .gridMenuTextInner,
 .showBar .bigQuad .gridMenuTextInner,
 .showBar .smallQuad .gridMenuTitleInner,
 .showBar .bigQuad  .gridMenuTitleInner    { padding:18px 24px 22px; }
 .showBar .smallQuad .gridMenuTextInner h1, .showBar .smallQuad .gridMenuTextInner h2, .showBar .smallQuad .gridMenuTextInner h3, .showBar .smallQuad .gridMenuTextInner h4,
 .showBar .smallQuad .gridMenuTextInner h5, .showBar .smallQuad .gridMenuTextInner h6,
 .showBar .bigQuad .gridMenuTextInner h1, .showBar .bigQuad .gridMenuTextInner h2, .showBar .bigQuad .gridMenuTextInner h3, .showBar .bigQuad .gridMenuTextInner h4,
 .showBar .bigQuad .gridMenuTextInner h5, .showBar .bigQuad .gridMenuTitleInner h6,
 .showBar .smallQuad .gridMenuTitleInner p,
 .showBar .bigQuad .gridMenuTitleInner p   { font-size:21px; line-height:26px; }
 .showBar .smallQuad .gridMenuTextInner p,
 .showBar .bigQuad .gridMenuTextInner p    { font-size:17px; line-height:22px; }
 .showBar .smallQuad .gridMenuMore,
 .showBar .bigQuad .gridMenuMore           { bottom:20px; }
 .showBar .smallQuad .gridMenuMoreInner,
 .showBar .bigQuad .gridMenuMoreInner      { padding:0 25px 0; font-size:20px; line-height:26px; }

 .gridMenuBreakInner {  margin:38px 5px 18px; font-size:17px; line-height:20px; }
 
 .gridMenuCTAInner { margin:5px 5px 5px; padding:20px 5px 25px; border-radius:10px; }
}
@media screen and (min-width:460px) and (max-width:479px) {
 .gridMenuIndent     { padding-left:0; }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
  /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:70px; }*/
 
 .gridMenuIcon      { width:50px; margin-right:5px; }  
 .gridMenuIconPic   { width:50px; height:50px; }
 .gridMenuIconTitle { margin-top:3px; font-size:11px; line-height:15px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:10px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:6px 10px 12px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:14px; line-height:18px; }
 .smallQuad .gridMenuTextInner p    { font-size:12px; line-height:17px; }
 .smallQuad .gridMenuMore           { bottom:8px; }
 .smallQuad .gridMenuMoreInner      { padding:0 11px 0; font-size:13px; line-height:18px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:10px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:12px 20px 24px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:28px; line-height:36px; }
 .bigQuad .gridMenuTextInner p    { font-size:24px; line-height:34px; }
 .bigQuad .gridMenuMore           { bottom:16px; }
 .bigQuad .gridMenuMoreInner      { padding:0 22px 0; font-size:26px; line-height:36px; }

 .gridMenuAreaInner.showBar                { width:110%; left:-11%; }
 .showBar .gridMenuItem.smallQuad,
 .showBar .gridMenuItem.bigQuad            { width:100%; }
 .showBar .smallQuad .gridMenuContent,
 .showBar .bigQuad .gridMenuContent        { padding-bottom:35%; }
 .showBar .smallQuad .gridMenuItemInner,
 .showBar .bigQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:20px; }
 .showBar .smallQuad .gridMenuTextInner,
 .showBar .bigQuad .gridMenuTextInner,
 .showBar .smallQuad .gridMenuTitleInner,
 .showBar .bigQuad  .gridMenuTitleInner    { padding:17px 22px 20px; }
 .showBar .smallQuad .gridMenuTextInner h1, .showBar .smallQuad .gridMenuTextInner h2, .showBar .smallQuad .gridMenuTextInner h3, .showBar .smallQuad .gridMenuTextInner h4,
 .showBar .smallQuad .gridMenuTextInner h5, .showBar .smallQuad .gridMenuTextInner h6,
 .showBar .bigQuad .gridMenuTextInner h1, .showBar .bigQuad .gridMenuTextInner h2, .showBar .bigQuad .gridMenuTextInner h3, .showBar .bigQuad .gridMenuTextInner h4,
 .showBar .bigQuad .gridMenuTextInner h5, .showBar .bigQuad .gridMenuTitleInner h6,
 .showBar .smallQuad .gridMenuTitleInner p,
 .showBar .bigQuad .gridMenuTitleInner p   { font-size:20px; line-height:25px; }
 .showBar .smallQuad .gridMenuTextInner p,
 .showBar .bigQuad .gridMenuTextInner p    { font-size:16px; line-height:21px; }
 .showBar .smallQuad .gridMenuMore,
 .showBar .bigQuad .gridMenuMore           { bottom:19px; }
 .showBar .smallQuad .gridMenuMoreInner,
 .showBar .bigQuad .gridMenuMoreInner      { padding:0 23px 0; font-size:19px; line-height:25px; }
 
 .gridMenuBreakInner {  margin:38px 5px 18px; font-size:17px; line-height:20px; }
 
 .gridMenuCTAInner { margin:5px 5px 5px; padding:20px 5px 25px; border-radius:10px; }
}
@media screen and (min-width:430px) and (max-width:459px) {
 .gridMenuIndent     { padding-left:0; }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 /*.gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { height:70px; }*/
 
 .gridMenuIcon      { width:50px; margin-right:5px; }  
 .gridMenuIconPic   { width:50px; height:50px; }
 .gridMenuIconTitle { margin-top:3px; font-size:11px; line-height:15px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuContent        { padding-bottom:38%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:8px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:5px 9px 11px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:14px; line-height:17px; }
 .smallQuad .gridMenuTextInner p    { font-size:12px; line-height:16px; }
 .smallQuad .gridMenuMore           { bottom:8px; }
 .smallQuad .gridMenuMoreInner      { padding:0 10px 0; font-size:13px; line-height:17px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuContent        { padding-bottom:38%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:8px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:10px 18px 22px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:28px; line-height:34px; }
 .bigQuad .gridMenuTextInner p    { font-size:24px; line-height:32px; }
 .bigQuad .gridMenuMore           { bottom:16px; }
 .bigQuad .gridMenuMoreInner      { padding:0 20px 0; font-size:27px; line-height:34px; }

 .gridMenuAreaInner.showBar                { width:110%; left:-11%; }
 .showBar .gridMenuItem.smallQuad,
 .showBar .gridMenuItem.bigQuad            { width:100%; }
 .showBar .smallQuad .gridMenuContent,
 .showBar .bigQuad .gridMenuContent        { padding-bottom:35%; }
 .showBar .smallQuad .gridMenuItemInner,
 .showBar .bigQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:20px; }
 .showBar .smallQuad .gridMenuTextInner,
 .showBar .bigQuad .gridMenuTextInner,
 .showBar .smallQuad .gridMenuTitleInner,
 .showBar .bigQuad  .gridMenuTitleInner    { padding:15px 20px 18px; }
 .showBar .smallQuad .gridMenuTextInner h1, .showBar .smallQuad .gridMenuTextInner h2, .showBar .smallQuad .gridMenuTextInner h3, .showBar .smallQuad .gridMenuTextInner h4,
 .showBar .smallQuad .gridMenuTextInner h5, .showBar .smallQuad .gridMenuTextInner h6,
 .showBar .bigQuad .gridMenuTextInner h1, .showBar .bigQuad .gridMenuTextInner h2, .showBar .bigQuad .gridMenuTextInner h3, .showBar .bigQuad .gridMenuTextInner h4,
 .showBar .bigQuad .gridMenuTextInner h5, .showBar .bigQuad .gridMenuTitleInner h6,
 .showBar .smallQuad .gridMenuTitleInner p,
 .showBar .bigQuad .gridMenuTitleInner p   { font-size:19px; line-height:24px; }
 .showBar .smallQuad .gridMenuTextInner p,
 .showBar .bigQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .showBar .smallQuad .gridMenuMore,
 .showBar .bigQuad .gridMenuMore           { bottom:18px; }
 .showBar .smallQuad .gridMenuMoreInner,
 .showBar .bigQuad .gridMenuMoreInner      { padding:0 21px 0; font-size:18px; line-height:24px; }
 
 .gridMenuBreakInner {  margin:38px 5px 18px; font-size:17px; line-height:20px; }
 
 .gridMenuCTAInner { margin:5px 5px 5px; padding:20px 5px 25px; border-radius:8px; }
}
@media screen and (min-width:400px) and (max-width:429px) {
 .gridMenuIndent     { padding-left:0; }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 .gridMenuIconTextnav,
 .gridMenuIconHeadnav { height:68px; }
 .gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { position:absolute; left:0; top:0; height:68px; width:400px; transition:all 1s ease-in-out; }
 
 .gridMenuIconTextnavInner.right,
 .gridMenuIconHeadnavInner.right { left:-50px; }
 
 .gridMenuIcon      { width:50px; margin-right:5px; }  
 .gridMenuIconPic   { width:50px; height:50px; }
 .gridMenuIconTitle { margin-top:3px; font-size:11px; line-height:15px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuContent        { padding-bottom:38%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:7px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:5px 8px 11px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:13px; line-height:16px; }
 .smallQuad .gridMenuTextInner p    { font-size:11px; line-height:15px; }
 .smallQuad .gridMenuMore           { bottom:7px; }
 .smallQuad .gridMenuMoreInner      { padding:0 9px 0; font-size:12px; line-height:16px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuContent        { padding-bottom:38%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:7px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:10px 16px 22px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:26px; line-height:32px; }
 .bigQuad .gridMenuTextInner p    { font-size:22px; line-height:30px; }
 .bigQuad .gridMenuMore           { bottom:14px; }
 .bigQuad .gridMenuMoreInner      { padding:0 18px 0; font-size:24px; line-height:32px; }

 .gridMenuAreaInner.showBar                { width:110%; left:-11%; }
 .showBar .gridMenuItem.smallQuad,
 .showBar .gridMenuItem.bigQuad            { width:100%; }
 .showBar .smallQuad .gridMenuContent,
 .showBar .bigQuad .gridMenuContent        { padding-bottom:35%; }
 .showBar .smallQuad .gridMenuItemInner,
 .showBar .bigQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:18px; }
 .showBar .smallQuad .gridMenuTextInner,
 .showBar .bigQuad .gridMenuTextInner,
 .showBar .smallQuad .gridMenuTitleInner,
 .showBar .bigQuad  .gridMenuTitleInner    { padding:13px 18px 16px; }
 .showBar .smallQuad .gridMenuTextInner h1, .showBar .smallQuad .gridMenuTextInner h2, .showBar .smallQuad .gridMenuTextInner h3, .showBar .smallQuad .gridMenuTextInner h4,
 .showBar .smallQuad .gridMenuTextInner h5, .showBar .smallQuad .gridMenuTextInner h6,
 .showBar .bigQuad .gridMenuTextInner h1, .showBar .bigQuad .gridMenuTextInner h2, .showBar .bigQuad .gridMenuTextInner h3, .showBar .bigQuad .gridMenuTextInner h4,
 .showBar .bigQuad .gridMenuTextInner h5, .showBar .bigQuad .gridMenuTitleInner h6,
 .showBar .smallQuad .gridMenuTitleInner p,
 .showBar .bigQuad .gridMenuTitleInner p   { font-size:18px; line-height:23px; }
 .showBar .smallQuad .gridMenuTextInner p,
 .showBar .bigQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .showBar .smallQuad .gridMenuMore,
 .showBar .bigQuad .gridMenuMore           { bottom:16px; }
 .showBar .smallQuad .gridMenuMoreInner,
 .showBar .bigQuad .gridMenuMoreInner      { padding:0 19px 0; font-size:18px; line-height:23px; }
 
 .gridMenuBreakInner { margin:38px 5px 18px; font-size:17px; line-height:20px; }
 
 .gridMenuCTAInner        { margin:5px 5px 5px; padding:20px 5px 25px; border-radius:7px; }
 .navCtaButton .link      { display:none; }
 .navCtaButton .extraLink { display:inline; }
}
@media screen and (min-width:380px) and (max-width:399px) {
 .gridMenuIndent     { padding-left:0; }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 .gridMenuIconTextnav,
 .gridMenuIconHeadnav { height:68px; }
 .gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { position:absolute; left:0; top:0; height:68px; width:400px; transition:all 1s ease-in-out; }
 
 .gridMenuIconTextnavInner.right,
 .gridMenuIconHeadnavInner.right { left:-100px; }
 
 .gridMenuIcon      { width:50px; margin-right:5px; }  
 .gridMenuIconPic   { width:50px; height:50px; }
 .gridMenuIconTitle { margin-top:3px; font-size:11px; line-height:15px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuContent        { padding-bottom:38%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:7px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:5px 8px 11px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:13px; line-height:16px; }
 .smallQuad .gridMenuTextInner p    { font-size:11px; line-height:15px; }
 .smallQuad .gridMenuMore           { bottom:7px; }
 .smallQuad .gridMenuMoreInner      { padding:0 9px 0; font-size:12px; line-height:16px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuContent        { padding-bottom:38%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:7px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:10px 16px 22px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:26px; line-height:32px; }
 .bigQuad .gridMenuTextInner p    { font-size:22px; line-height:30px; }
 .bigQuad .gridMenuMore           { bottom:14px; }
 .bigQuad .gridMenuMoreInner      { padding:0 18px 0; font-size:24px; line-height:32px; }

 .gridMenuAreaInner.showBar                { width:110%; left:-11%; }
 .showBar .gridMenuItem.smallQuad,
 .showBar .gridMenuItem.bigQuad            { width:100%; }
 .showBar .smallQuad .gridMenuContent,
 .showBar .bigQuad .gridMenuContent        { padding-bottom:35%; }
 .showBar .smallQuad .gridMenuItemInner,
 .showBar .bigQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:16px; }
 .showBar .smallQuad .gridMenuTextInner,
 .showBar .bigQuad .gridMenuTextInner,
 .showBar .smallQuad .gridMenuTitleInner,
 .showBar .bigQuad  .gridMenuTitleInner    { padding:11px 16px 15px; }
 .showBar .smallQuad .gridMenuTextInner h1, .showBar .smallQuad .gridMenuTextInner h2, .showBar .smallQuad .gridMenuTextInner h3, .showBar .smallQuad .gridMenuTextInner h4,
 .showBar .smallQuad .gridMenuTextInner h5, .showBar .smallQuad .gridMenuTextInner h6,
 .showBar .bigQuad .gridMenuTextInner h1, .showBar .bigQuad .gridMenuTextInner h2, .showBar .bigQuad .gridMenuTextInner h3, .showBar .bigQuad .gridMenuTextInner h4,
 .showBar .bigQuad .gridMenuTextInner h5, .showBar .bigQuad .gridMenuTitleInner h6,
 .showBar .smallQuad .gridMenuTitleInner p,
 .showBar .bigQuad .gridMenuTitleInner p   { font-size:17px; line-height:22px; }
 .showBar .smallQuad .gridMenuTextInner p,
 .showBar .bigQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .showBar .smallQuad .gridMenuMore,
 .showBar .bigQuad .gridMenuMore           { bottom:14px; }
 .showBar .smallQuad .gridMenuMoreInner,
 .showBar .bigQuad .gridMenuMoreInner      { padding:0 17px 0; font-size:17px; line-height:22px; }
 
 .gridMenuBreakInner { margin:38px 5px 18px; font-size:17px; line-height:20px; }
 
 .gridMenuCTAInner        { margin:5px 5px 5px; padding:20px 5px 25px; border-radius:7px; }
 .navCtaButton .link      { display:none; }
 .navCtaButton .extraLink { display:inline; }
}
@media screen and (min-width:350px) and (max-width:379px) {
 .gridMenuIndent     { padding-left:0; }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 .gridMenuIconTextnav,
 .gridMenuIconHeadnav { height:68px; }
 .gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { position:absolute; left:0; top:0; height:68px; width:400px; transition:all 1s ease-in-out; }
 
 .gridMenuIconTextnavInner.right,
 .gridMenuIconHeadnavInner.right { left:-100px; }
 
 .gridMenuIcon      { width:50px; margin-right:5px; }  
 .gridMenuIconPic   { width:50px; height:50px; }
 .gridMenuIconTitle { margin-top:3px; font-size:11px; line-height:15px; }
 
 .gridMenuItem.smallQuad            { width:50%; }
 .smallQuad .gridMenuContent        { padding-bottom:37%; }
 .smallQuad .gridMenuItemInner      { margin:1.5% 1.5%; border-radius:6px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:5px 7px 10px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:12px; line-height:14px; }
 .smallQuad .gridMenuTextInner p    { font-size:10px; line-height:13px; }
 .smallQuad .gridMenuMore           { bottom:7px; }
 .smallQuad .gridMenuMoreInner      { padding:0 8px 0; font-size:11px; line-height:14px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuContent        { padding-bottom:37%; }
 .bigQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:6px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:10px 14px 20px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:24px; line-height:28px; }
 .bigQuad .gridMenuTextInner p    { font-size:20px; line-height:26px; }
 .bigQuad .gridMenuMore           { bottom:14px; }
 .bigQuad .gridMenuMoreInner      { padding:0 16px 0; font-size:22px; line-height:28px; }

 .gridMenuAreaInner.showBar                { width:110%; left:-11%; }
 .showBar .gridMenuItem.smallQuad,
 .showBar .gridMenuItem.bigQuad            { width:100%; }
 .showBar .smallQuad .gridMenuContent,
 .showBar .bigQuad .gridMenuContent        { padding-bottom:35%; }
 .showBar .smallQuad .gridMenuItemInner,
 .showBar .bigQuad .gridMenuItemInner      { margin:10px 10px 10px; border-radius:14px; }  
 .showBar .smallQuad .gridMenuTextInner,
 .showBar .bigQuad .gridMenuTextInner,
 .showBar .smallQuad .gridMenuTitleInner,
 .showBar .bigQuad  .gridMenuTitleInner    { padding:9px 14px 15px; }
 .showBar .smallQuad .gridMenuTextInner h1, .showBar .smallQuad .gridMenuTextInner h2, .showBar .smallQuad .gridMenuTextInner h3, .showBar .smallQuad .gridMenuTextInner h4,
 .showBar .smallQuad .gridMenuTextInner h5, .showBar .smallQuad .gridMenuTextInner h6,
 .showBar .bigQuad .gridMenuTextInner h1, .showBar .bigQuad .gridMenuTextInner h2, .showBar .bigQuad .gridMenuTextInner h3, .showBar .bigQuad .gridMenuTextInner h4,
 .showBar .bigQuad .gridMenuTextInner h5, .showBar .bigQuad .gridMenuTitleInner h6,
 .showBar .smallQuad .gridMenuTitleInner p,
 .showBar .bigQuad .gridMenuTitleInner p   { font-size:16px; line-height:21px; }
 .showBar .smallQuad .gridMenuTextInner p,
 .showBar .bigQuad .gridMenuTextInner p    { font-size:14px; line-height:19px; }
 .showBar .smallQuad .gridMenuMore,
 .showBar .bigQuad .gridMenuMore           { bottom:12px; }
 .showBar .smallQuad .gridMenuMoreInner,
 .showBar .bigQuad .gridMenuMoreInner      { padding:0 15px 0; font-size:16px; line-height:21px; }
 
 .gridMenuBreakInner { margin:38px 5px 18px; font-size:17px; line-height:20px; }
 
 .gridMenuCTAInner        { margin:5px 5px 5px; padding:20px 5px 25px; border-radius:6px; }
 .navCtaButton .link      { display:none; }
 .navCtaButton .extraLink { display:inline; }
	
}
@media screen and (max-width:349px) {
 .gridMenuIndent     { padding-left:0; }
 .gridMenuFrameInner { margin-left:-5px; margin-right:-5px; }
 
 .gridMenuIconTextnav,
 .gridMenuIconHeadnav { height:68px; }
 .gridMenuIconTextnavInner,
 .gridMenuIconHeadnavInner { position:absolute; left:0; top:0; height:68px; width:400px; transition:all 1s ease-in-out; }
 
 .gridMenuIconTextnavInner.right,
 .gridMenuIconHeadnavInner.right { left:-150px; }
 
 .gridMenuIcon      { width:50px; margin-right:5px; }  
 .gridMenuIconPic   { width:50px; height:50px; }
 .gridMenuIconTitle { margin-top:3px; font-size:11px; line-height:15px; }

 .gridMenuItem.smallQuad            { width:100%; }
 .smallQuad .gridMenuItemInner      { margin:0.75% 0.75%; border-radius:18px; }
 .smallQuad .gridMenuTextInner,
 .smallQuad .gridMenuTitleInner     { padding:13px 18px 16px; }
 .smallQuad .gridMenuTextInner h1, .smallQuad .gridMenuTextInner h2, .smallQuad .gridMenuTextInner h3, .smallQuad .gridMenuTextInner h4, .smallQuad .gridMenuTextInner h5,
 .smallQuad .gridMenuTextInner h6,
 .smallQuad .gridMenuTitleInner h1, .smallQuad .gridMenuTitleInner h2, .smallQuad .gridMenuTitleInner h3, .smallQuad .gridMenuTitleInner h4, .smallQuad .gridMenuTitleInner h5,
 .smallQuad .gridMenuTitleInner h6,
 .smallQuad .gridMenuTitleInner p   { font-size:18px; line-height:23px; }
 .smallQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .smallQuad .gridMenuMore           { bottom:16px; }
 .smallQuad .gridMenuMoreInner      { padding:0 19px 0; font-size:17px; line-height:23px; }
 
 .gridMenuItem.bigQuad            { width:100%; }
 .bigQuad .gridMenuItemInner      { margin:5px 5px 5px; border-radius:18px; }
 .bigQuad .gridMenuTextInner,
 .bigQuad .gridMenuTitleInner     { padding:13px 18px 16px; }
 .bigQuad .gridMenuTextInner h1, .bigQuad .gridMenuTextInner h2, .bigQuad .gridMenuTextInner h3, .bigQuad .gridMenuTextInner h4, .bigQuad .gridMenuTextInner h5, .bigQuad .gridMenuTextInner h6,
 .bigQuad .gridMenuTitleInner h1, .bigQuad .gridMenuTitleInner h2, .bigQuad .gridMenuTitleInner h3, .bigQuad .gridMenuTitleInner h4, .bigQuad .gridMenuTitleInner h5, .bigQuad .gridMenuTitleInner h6,
 .bigQuad .gridMenuTitleInner p   { font-size:18px; line-height:23px; }
 .bigQuad .gridMenuTextInner p    { font-size:15px; line-height:20px; }
 .bigQuad .gridMenuMore           { bottom:16px; }
 .bigQuad .gridMenuMoreInner      { padding:0 19px 0; font-size:17px; line-height:23px; }

 .gridMenuAreaInner.showBar                { width:110%; left:-11%; }
 .showBar .gridMenuItem.smallQuad,
 .showBar .gridMenuItem.bigQuad            { width:100%; }
 .showBar .smallQuad .gridMenuContent,
 .showBar .bigQuad .gridMenuContent        { padding-bottom:35%; }
 .showBar .smallQuad .gridMenuItemInner,
 .showBar .bigQuad .gridMenuItemInner      { margin:10px 10px 10px; border-radius:14px; }  
 .showBar .smallQuad .gridMenuTextInner,
 .showBar .bigQuad .gridMenuTextInner,
 .showBar .smallQuad .gridMenuTitleInner,
 .showBar .bigQuad  .gridMenuTitleInner    { padding:9px 14px 15px; }
 .showBar .smallQuad .gridMenuTextInner h1, .showBar .smallQuad .gridMenuTextInner h2, .showBar .smallQuad .gridMenuTextInner h3, .showBar .smallQuad .gridMenuTextInner h4,
 .showBar .smallQuad .gridMenuTextInner h5, .showBar .smallQuad .gridMenuTextInner h6,
 .showBar .bigQuad .gridMenuTextInner h1, .showBar .bigQuad .gridMenuTextInner h2, .showBar .bigQuad .gridMenuTextInner h3, .showBar .bigQuad .gridMenuTextInner h4,
 .showBar .bigQuad .gridMenuTextInner h5, .showBar .bigQuad .gridMenuTitleInner h6,
 .showBar .smallQuad .gridMenuTitleInner p,
 .showBar .bigQuad .gridMenuTitleInner p   { font-size:16px; line-height:21px; }
 .showBar .smallQuad .gridMenuTextInner p,
 .showBar .bigQuad .gridMenuTextInner p    { font-size:14px; line-height:19px; }
 .showBar .smallQuad .gridMenuMore,
 .showBar .bigQuad .gridMenuMore           { bottom:12px; }
 .showBar .smallQuad .gridMenuMoreInner,
 .showBar .bigQuad .gridMenuMoreInner      { padding:0 15px 0; font-size:16px; line-height:21px; }
 
 .gridMenuBreakInner { margin:38px 5px 18px; font-size:17px; line-height:20px; }
 
 .gridMenuCTAInner        { margin:5px 5px 5px; padding:20px 5px 25px; border-radius:18px; }
 .navCtaButton .link      { display:none; }
 .navCtaButton .extraLink { display:inline; }
}
@media screen and (max-width:420px) { .navCtaButton a { font-size:15px; line-height:36px; } }
@media screen and (max-width:400px) { .navCtaButton a { font-size:14px; line-height:34px; } }
@media screen and (max-width:380px) { .navCtaButton a { font-size:13px; line-height:32px; } }
@media screen and (max-width:360px) { .navCtaButton a { font-size:12px; line-height:30px; } }


/* ---------------------------------------------------------- Styles fuer die Schriften -------------------------------------------------------------- */
.text p { clear:both; padding:0 0 12px 0; }

.text .ce-intext p { clear:none; padding:0 0 12px 0; }
.text p.indent     { display:block; margin-left:40px; padding-right:3px; }

.altcolor        { color:#ffffff; font-weight:300; }
.altcolor b      { font-weight:500; }
.altcolor strong { font-weight:500; }

.text-left,
.align-left   { text-align:left; } 
.text-center,
.align-center { text-align:center; } 
.text-right,
.align-right  { text-align:right; } 
.detail       { font-weight:bold; }

.important           { color:#a60f61; }
.altcolor .important { color:#f4f4f2; }

.quote          { display:block; position:relative; float:left; margin:0 0 12px; padding:0 3 0 40px; max-width:570px;
                  font-family:'Tinos', Times, serif !important; font-weight:400; font-style:italic; font-size:1.1em; }
.quoteoe        { display:block; position:relative; float:left; margin:0 0 12px; padding:0; max-width:570px;
                  font-family:'Tinos', Times, serif !important; font-weight:400; font-style:italic; font-size:1.1em; }
.bigquote       { display:block; position:relative; float:left; margin:0 0 12px; padding:0 3 0 60px;
                  font-family:'Tinos', Times, serif !important; font-weight:400; font-style:italic; font-size:1.4em; line-height:1.3em; } 
.bigquoteoe     { display:block; position:relative; float:left; margin:0 0 12px; padding:0;
                  font-family:'Tinos', Times, serif !important; font-weight:400; font-style:italic; font-size:1.4em; line-height:1.3em; } 
.name-of-person { font-size:0.9em; font-style:italic; }

.text ul    { margin:0; padding:0 0 12px; }
.text ul li { list-style:disc; margin:0 0 8px 36px; }

.text ul.text-center    { text-align:center; margin:0; padding:0 0 12px; }
.text ul.text-center li { display:inline-block; list-style:disc; margin:0 0 0 16px; }

.text ul.slick-dots    { margin:0; padding:0; }
.text ul.slick-dots li { margin:0; padding:5px; }

.text ol                          { list-style:none; counter-reset:trm-counter; margin:20px 0 0; padding:0 0 12px; }
.text ol li                       { counter-increment:trm-counter; position:relative; padding:0 0 0 32px;  }
.text ol li::before               { content:counter(trm-counter) ". "; font-weight:bold; position:absolute; left:9px; }
.text ol li:nth-child(10)::before { content:counter(trm-counter) ". "; font-weight:bold; position:absolute; left:0px; }

.text ol ul li                       { counter-increment:none; padding:0;  }
.text ol ul li::before               { content:''; position:relative; left:auto; }
.text ol ul li:nth-child(10)::before { content:''; position:relative; left:auto; }

.text a                             { text-decoration:none; color:#a60f61; }
.altcolor.text a, .text .altcolor a { color:#f4f4f2; }

.text a.tel                                 { text-decoration:none; outline:none; color:#333; }
.altcolor.text a.tel, .text .altcolor a.tel { color:#ffffff; }

.text a.telbutton           { max-height:auto; margin:10px 0 10px; padding:6px 15px 6px; border:1px solid #a60f61; background-color:#333; line-height:46px; color:#a60f61; }
.altcolor .text a.telbutton,
.altcolor.text a.telbutton,
.text .altcolor a.telbutton { border:1px solid #f4f4f2; color:#f4f4f2; }

.text a.link-internal-button           { display:inline-block; margin:10px 0 10px; padding:6px 20px 6px; background-color:#333; text-decoration:none; border-radius:18px;
                                         font-size:16px; line-height:24px; font-weight:500; color:#ffffff; }
.altcolor .text a.link-internal-button,
.altcolor.text a.link-internal-button,
.text .altcolor a.link-internal-button,
.altcolor .text a.link-internal-button .important,
.altcolor.text a.link-internal-button .important,
.text .altcolor a.link-internal-button .important { background-color:#f4f4f2; color:#333; }

a.link-external-button                 { display:inline-block; margin:10px 0 10px; padding:6px 20px 6px; background-color:#333; text-decoration:none; border-radius:18px;
                                         font-size:16px; line-height:24px; font-weight:500; color:#ffffff; }
.altcolor .text a.link-external-button,
.altcolor.text a.link-external-button,
.text .altcolor a.link-external-button,
.altcolor .text a.link-external-button .important,
.altcolor.text a.link-external-button .important,
.text .altcolor a.link-external-button .important { background-color:#f4f4f2; color:#333; }

.text a.link-internal-button2           { display:inline-block; margin:10px 0 10px; padding:6px 20px 6px; border:1px solid #a60f61; background-color:#a60f61; text-decoration:none;
                                          font-size:16px; line-height:24px; font-weight:500; color:#ffffff; }
.altcolor .text a.link-internal-button2,
.altcolor.text a.link-internal-button2,
.text .altcolor a.link-internal-button2,
.altcolor .text a.link-internal-button2 .important,
.altcolor.text a.link-internal-button2 .important,
.text .altcolor a.link-internal-button2 .important { border:1px solid #a60f61; background-color:#ffffff; color:#a60f61; }

a.link-external-button2                 { display:inline-block; margin:10px 0 10px; padding:6px 20px 6px; border:1px solid #a60f61; background-color:#a60f61; text-decoration:none;
                                          font-size:16px; line-height:24px; font-weight:500; color:#ffffff; }
.altcolor .text a.link-external-button2,
.altcolor.text a.link-external-button2,
.text .altcolor a.link-external-button2,
.altcolor .text a.link-external-button2 .important,
.altcolor.text a.link-external-button2 .important,
.text .altcolor a.link-external-button2 .important { border:1px solid #a60f61; background-color:#ffffff; color:#a60f61; }

.text h1 { margin:0; padding:22px 0 12px; font-size:46px; line-height:58px; font-weight:300; font-family:'Roboto Slab', Times, serif; }
.text h2 { margin:0; padding:22px 0 12px; font-size:34px; line-height:44px; font-weight:300; font-family:'Roboto Slab', Times, serif; }
.text h3 { margin:0; padding:22px 0 12px; font-size:28px; line-height:38px; font-weight:300; font-family:'Roboto Slab', Times, serif; }
.text h4 { margin:0; padding:0 0 12px;    font-size:22px; line-height:26px; font-weight:300; font-family:'Roboto Slab', Times, serif; }
.text h5 { margin:0; padding:0 0 12px;    font-size:18px; line-height:24px; font-weight:300; font-family:'Roboto Slab', Times, serif; }

#frameSite.privacy .text h2 { font-size:24px; line-height:30px; font-weight:300; }
#frameSite.privacy .text h3 { font-size:20px; line-height:26px; font-weight:300; }
#frameSite.privacy .text h4 { font-size:18px; line-height:24px; font-weight:300; }

.ce-headline-left   { text-align:left; } 
.ce-headline-center { text-align:center; } 
.ce-headline-right  { text-align:right; } 

.text .altcolor h1, .text .altcolor h2, .text .altcolor h3, .text .altcolor h4,
.text.altcolor h1, .text.altcolor h2, .text.altcolor h3, .text.altcolor h4,
.homegrey.text h1, .homegrey.text h2, .homegrey.text h3, .homegrey.text h4 { color:#ffffff; }

.text .faqLinks h2, .text .faqLinks h3, .text .faqLinks h4 { padding-top:0; }

.text h1.oa { padding-bottom:0 !important; padding-top:0 !important; }
.text h2.oa { padding-bottom:0 !important; padding-top:0 !important; }
.text h3.oa { padding-bottom:0 !important; padding-top:0 !important; }
.text h4.oa { padding-bottom:0 !important; padding-top:0 !important; }

.text .frame-homeText33line header h3 { margin:0; padding:0 0 12px; font-size:24px; line-height:30px; font-weight:300; letter-spacing:1px; font-family:'Roboto Slab', Times, serif; }

.text .faqQuestion h3 { margin:0; padding:0; font-size:16px; font-weight:600; font-style:normal; line-height:22px; color:#333; }

.text h1 a, .text h2 a, .text h3 a, .text h3 a { text-decoration:none; color:#333; }

.text.altcolor h1 a, .text.altcolor h2 a, .text.altcolor h3 a, .text .altcolor h1 a, .text .altcolor h2 a, .text .altcolor h3 a { color:#f4f4f2; }

b      { font-weight:700; }
strong { font-weight:700; }


/* menülisten */
.frame-type-menu_section                               { padding-bottom:12px; }
.frame-type-menu_section ul                            { margin:0; padding:0; }
.frame-type-menu_section ul li                         { margin:0; padding:2px 0 2px; list-style:none; }
.frame-type-menu_section ul li a                       { display:block; overflow:hidden;
                                                         font-family:'Roboto', Futura Narrow, sans-serif; font-size:16px; font-weight:400; font-style:normal; line-height:24px; color:#333; }
.frame-type-menu_section ul li.liSectionFirstHeader    {  }
.frame-type-menu_section ul li.liSectionFirstHeader a  { padding:0 0 0 14px; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-s.png') no-repeat 0 4px; }
.frame-type-menu_section ul li.liSectionSecondHeader   {  }
.frame-type-menu_section ul li.liSectionSecondHeader a { font-weight:700 !important; padding:0 0 0 14px; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-s.png') no-repeat 0 4px; }
.frame-type-menu_section ul li.liSectionThirdHeader    { margin:0 0 0 30px; }
.frame-type-menu_section ul li.liSectionThirdHeader a  { padding:0 0 0 14px; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-s.png') no-repeat 0 4px; }
.frame-type-menu_section ul li.liSectionFourthHeader   { margin:0 0 0 60px; }
.frame-type-menu_section ul li.liSectionFourthHeader a { padding:0 0 0 14px; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-s.png') no-repeat 0 4px; }
.frame-type-menu_section ul li a[title=" "]            { display:block; padding:0; min-height:12px; overflow:hidden; background-image:none; }
.frame-type-menu_section .fsec                         { display:none; }

.altcolor .frame-type-menu_section ul li a { font-weight:300; color:#ffffff; }

.altcolor .frame-type-menu_section ul li.liSectionFirstHeader a { background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-w.png') no-repeat 0 4px; }
.altcolor .frame-type-menu_section ul li.liSectionSecondHeader a { background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-w.png') no-repeat 0 4px; }
.altcolor .frame-type-menu_section ul li.liSectionThirdHeader a { background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-w.png') no-repeat 0 4px; }
.altcolor .frame-type-menu_section ul li.liSectionFourthHeader a { background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-w.png') no-repeat 0 4px; }

#frameSite.faq .text ul li.liSectionFourthHeader { display:none; }
 
.frame-type-menu_pages         { padding-bottom:12px; }
.frame-type-menu_pages ul      { margin:0; padding:0; }
.frame-type-menu_pages ul li   { margin:0 0 0 30px; padding:2px 0 2px; list-style:none; }
.frame-type-menu_pages ul li a { display:block; padding:0 0 0 14px; overflow:hidden; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-s.png') no-repeat 0 4px;
                                 font-family:'Roboto', Futura Narrow, sans-serif; font-size:16px; font-weight:normal; font-style:normal; line-height:24px; }

.altcolor .frame-type-menu_pages ul li a { background:url('../../../fileadmin/content/template/graphics/icon-sectionlist-w.png') no-repeat 0 4px; }

/* Tabellen in Inhaltselemente */
table.contenttable    { margin:0; padding:0; border-collapse:collapse; border:0 none; }
table.contenttable tr { margin:0; padding:0; }
table.contenttable td { padding:5px 6px 5px 7px; vertical-align:top;
                        font-size:14px; line-height:18px; }

table.contenttable tr:nth-child(odd)                { background-color:#f4f4f2; color:#333; }
table.contenttable tr:nth-child(even)               { background-color:#e8e4de; color:#333; }
table.contenttable tr:nth-child(odd) td             { border-right:1px solid #333; }
table.contenttable tr:nth-child(odd) td:last-child  { border-right:0 none; }
table.contenttable tr:nth-child(even) td            { border-right:1px solid #333; }
table.contenttable tr:nth-child(even) td:last-child { border-right:0 none; }

.altback table.contenttable tr:nth-child(odd)                { background-color:#807b78; color:#ffffff; }
.altback table.contenttable tr:nth-child(even)               { background-color:#97938f; color:#ffffff; }
.altback table.contenttable tr:nth-child(odd) td             { border-right:1px solid #ffffff; }
.altback table.contenttable tr:nth-child(odd) td:last-child  { border-right:0 none; }
.altback table.contenttable tr:nth-child(even) td            { border-right:1px solid #ffffff; }
.altback table.contenttable tr:nth-child(even) td:last-child { border-right:0 none; }
 
 
/* ---------------------------------------------------------- Styles fuer Calendry ---------------------------------------------- */
.calendly-inline-widget { position:relative; min-width:320px; max-width:450px; margin:0 auto 0; padding:0; height:600px; overflow:hidden; }
 
 
/* ---------------------------------------------------------- Styles fuer powermail ---------------------------------------------- */
.tx-powermail        { width:100%; overflow:hidden; padding:32px 0 42px; }
#c7395 .tx-powermail { width:100%; overflow:hidden; padding:0 0 42px; }

.tx-powermail fieldset { border:0 none; }
.tx-powermail legend,
.tx-powermail .powermail_form>h3 { display:none; }

.powermail_fieldwrap_sl_gclid,
.powermail_fieldwrap_sl_gclid_f { display:none; }
.powermail_fieldwrap_transfer,
.powermail_fieldwrap_transfer_f { display:none; }

.radio_fieldset { display:block; position:relative; border:0 none; overflow:hidden; }

.radio_field_error_container      { display:none; }
.radio_field_error_container.show { display:block; }
.radio_field_error                { list-style:none; color:#f00; font-weight:500; padding-bottom:10px; }

.powermail_fieldwrap_type_radio                  { position:relative; width:48%; float:left; overflow:hidden; margin-bottom:20px; }
.powermail_fieldwrap_type_radio .powermail_label { display:block; position:relative; width:100%; margin-top:2px; padding:0 0 4px; color:#333; font-family:'Roboto', Futura Narrow, sans-serif;
                                                   font-size:15px; line-height:22px; font-weight:normal; text-transform:uppercase; letter-spacing:4px; overflow:hidden; } 
.powermail_fieldwrap_type_radio .powermail_field { width:100%; padding:3px 0 0; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_radio .radio           { font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:23px; font-weight:normal; color:#333; }
.powermail_fieldwrap_type_radio .radio input     { display:block; position:absolute; left:0; top:4px; z-index:2;
                                                   font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:23px; font-weight:normal; color:#333;
                                                   background-color:#ffffff !important; border-color:#ffffff !important; accent-color:#333; }
.powermail_fieldwrap_type_radio .radio label     { display:block; position:relative; padding:0 0 0 18px;
                                                   font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:23px; font-weight:normal; color:#333; }
												   
#contactRadioForm .powermail_fieldwrap_type_radio { width:100%; }

.powermail_form_8 .powermail_fieldwrap_type_radio,
.powermail_form_9 .powermail_fieldwrap_type_radio         { float:none; width:100%; margin-bottom:35px; }
.powermail_form_8 .powermail_fieldwrap_type_radio .radio,
.powermail_form_9 .powermail_fieldwrap_type_radio .radio  { padding:16px 0 0 20px; }
.powermail_form_8 .powermail_fieldwrap_type_radio .powermail_field,
.powermail_form_9 .powermail_fieldwrap_type_radio .powermail_field { padding:0; }

.powermail_fieldwrap_type_input                  { position:relative; width:48%; float:left; overflow:hidden; margin-bottom:20px; }
.powermail_fieldwrap_type_input .powermail_label { display:block; position:relative; width:100%; margin-top:2px; padding:0 0 4px; color:#333; font-family:'Roboto', Futura Narrow, sans-serif;
                                                   font-size:15px; line-height:22px; font-weight:400; text-transform:uppercase; letter-spacing:4px; overflow:hidden; } 
.powermail_fieldwrap_type_input .powermail_field { width:100%; float:right; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_input .powermail_input { box-sizing:border-box; position:relative; float:right; width:100%; padding:2px 0 2px 5px;
                                                   background-color:transparent; border:1px solid #999; border-radius:0; box-shadow:none; outline:none;
                                                   font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:26px; font-weight:normal; color:#333; } 

.powermail_fieldset_1 .powermail_fieldwrap_type_input.powermail_fieldwrap_mobile { margin-bottom:40px; }

.powermail_fieldwrap_type_select                   { position:relative; width:48%; float:left; overflow:hidden; margin-bottom:20px; }
.powermail_fieldwrap_type_select .powermail_label  { display:block; position:relative; width:100%; margin-top:2px; padding:0 0 4px; color:#333; font-family:'Roboto', Futura Narrow, sans-serif;
                                                     font-size:15px; line-height:22px; font-weight:400; text-transform:uppercase; letter-spacing:4px; overflow:hidden; } 
.powermail_fieldwrap_type_select .powermail_field  { width:100%; box-sizing:border-box; height:32px; border:1px solid #999; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_select .powermail_select { box-sizing:border-box; border:0 none; box-shadow:none; outline:none; color:#333 !important;
                                                     background-color:transparent;  position:relative; float:left; width:98%; height:30px; padding:0 0 0 5px; border-radius:0;
                                                     font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:30px; font-weight:400; box-shadow:none; } 

.powermail_fieldwrap_type_radio:nth-child(2n+1),
.powermail_fieldwrap_type_input:nth-child(2n+1),
.powermail_fieldwrap_type_select:nth-child(2n+1) { clear:both; }

.powermail_fieldwrap_type_radio:nth-child(2n+2),
.powermail_fieldwrap_type_input:nth-child(2n+2),
.powermail_fieldwrap_type_select:nth-child(2n+2) { float:right; }

.powermail_fieldwrap_type_textarea                     { position:relative; width:100%; overflow:hidden; margin-bottom:20px; }
.powermail_fieldwrap_type_textarea .powermail_label    { display:block; position:relative; width:100%; margin-top:2px; padding:0 0 4px; font-family:'Roboto', Futura Narrow, sans-serif;
                                                         font-size:15px; line-height:22px; font-weight:400; text-transform:uppercase; letter-spacing:4px; overflow:hidden; } 
.powermail_fieldwrap_type_textarea .powermail_field    { position:relative; width:100%; height:auto; float:right; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_textarea .powermail_textarea { box-sizing:border-box; position:relative; width:100%; height:85px; padding:2px 0 2px 5px; float:right;
                                                         background-color:transparent; border:1px solid #999; border-radius:0; box-shadow:none; outline:none;
                                                         font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:26px; font-weight:normal; color:#333; }

#c6396 .powermail_fieldwrap_type_textarea { margin:10px 0 20px; }

.powermail_fieldwrap_titleframe { width:100%; height:auto; }
.powermail_fieldwrap_title      { width:100%; height:auto; margin:10px 0 6px; }

.powermail_fieldwrap_type_text                  { position:relative; width:100%; height:auto; overflow:hidden; }
.powermail_fieldwrap_type_text .powermail_field { position:relative; width:100%; height:auto; margin:10px 0 6px; overflow:hidden;
                                                  font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:26px; font-weight:normal; color:#333; } 

.powermail_fieldwrap_type_file                  { position:relative; width:100%; overflow:hidden; margin:10px 0 20px; }
.powermail_fieldwrap_type_file .powermail_label { display:block; position:relative; width:100%; padding:7px 0 4px; color:#333; font-family:'Roboto', Futura Narrow, sans-serif;
                                                  font-size:15px; line-height:22px; font-weight:400; text-transform:uppercase; letter-spacing:4px; overflow:hidden; }
.powermail_fieldwrap_type_file .powermail_field { width:100%; float:right; box-shadow:none; outline:none; }
.powermail_fieldwrap_type_file input            { box-sizing:border-box; position:relative; float:right; width:100%; padding:5px;
                                                  border:1px solid transparent; border-radius:0; box-shadow:none; outline:none;
												  border:1px solid #999;
                                                  font-family:'Roboto', Futura Narrow, sans-serif; font-size:15px; line-height:26px; font-weight:normal; color:#333; } 

.powermail_fieldwrap_formularinternvideo .powermail_field { cursor:pointer; }

.powermail_fieldwrap_nameintern,
.powermail_fieldwrap_e_mailintern,
.powermail_fieldwrap_extraintern,
.powermail_fieldwrap_extra2intern,
.powermail_fieldwrap_ergebnistypintern { display:none; }

.powermail_fieldwrap_medienhochladen4,
.powermail_fieldwrap_medienhochladen5,
.powermail_fieldwrap_medienhochladen6,
.powermail_fieldwrap_medienhochladen7,
.powermail_fieldwrap_medienhochladen8,
.powermail_fieldwrap_medienhochladen9 { display:none; }

.powermail_fieldwrap_medienhochladen2.show,
.powermail_fieldwrap_medienhochladen3.show,
.powermail_fieldwrap_medienhochladen4.show,
.powermail_fieldwrap_medienhochladen5.show,
.powermail_fieldwrap_medienhochladen6.show,
.powermail_fieldwrap_medienhochladen7.show,
.powermail_fieldwrap_medienhochladen8.show,
.powermail_fieldwrap_medienhochladen9.show { display:block }

.powermail_fieldwrap_hochzeitsdatum       { height:auto; margin-bottom:20px; max-height:64px; }
.powermail_fieldwrap_hochzeitsdatum.off   { height:auto; margin-bottom:0;    max-height:0;    }
.powermail_fieldwrap_fertigstellungzum    { height:auto; margin-bottom:0;    max-height:0; }
.powermail_fieldwrap_fertigstellungzum.on { height:auto; margin-bottom:20px; max-height:64px; }

.powermail_fieldwrap_hochzeitsdatumf       { height:auto; margin-bottom:20px; max-height:64px; }
.powermail_fieldwrap_hochzeitsdatumf.off   { height:auto; margin-bottom:0;    max-height:0;    }
.powermail_fieldwrap_fertigstellungzumf    { height:auto; margin-bottom:0;    max-height:0; }
.powermail_fieldwrap_fertigstellungzumf.on { height:auto; margin-bottom:20px; max-height:64px; }

.powermail_fieldwrap_ihrenachricht .powermail_textarea  { height:138px; }
.powermail_fieldwrap_ihrenachrichtf .powermail_textarea { height:138px; }

.powermail_fieldwrap_sonstigesfrage .powermail_textarea  { height:138px; }
.powermail_fieldwrap_sonstigesfragef .powermail_textarea { height:138px; }
 
.powermail_fieldwrap_datenschutz                       { clear:both; float:left; position:relative; width:18px; overflow:visible; margin-top:10px; margin-bottom:30px;  }
.powermail_fieldwrap_datenschutz label.powermail_label { visibility:hidden; width:0; height:0; }
.powermail_fieldwrap_datenschutz .powermail_field      { position:absolute; left:0; top:2px; height:20px; width:auto; }
.powermail_fieldwrap_datenschutz .checkbox             {  }
.powermail_fieldwrap_datenschutz .checkbox label       {  }
.powermail_fieldwrap_datenschutz .checkbox input       { border:1px solid #999 !important; background-color:#ffffff !important; accent-color:#333; }
.powermail_fieldwrap_datenschutz .checkbox .checkLabel { display:none; }

.powermail_fieldwrap_textdatenschutz                        { position:relative; float:left; width:90%; overflow:hidden; margin-top:10px; margin-bottom:30px; }
.powermail_fieldwrap_textdatenschutz.long                   { margin-bottom:44px; }
.powermail_fieldwrap_textdatenschutz .powermail_field       { width:100%; }
.powermail_fieldwrap_textdatenschutz .powermail_datenschutz { font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:24px; font-weight:normal; padding:1px 0 1px 3px; } 

.powermail_fieldwrap_datenschutzf                       { clear:both; float:left; position:relative; width:18px; overflow:visible; margin-top:10px; margin-bottom:30px;  }
.powermail_fieldwrap_datenschutzf label.powermail_label { visibility:hidden; width:0; height:0; }
.powermail_fieldwrap_datenschutzf .powermail_field      { position:absolute; left:0; top:2px; height:20px; width:auto; }
.powermail_fieldwrap_datenschutzf .checkbox             {  }
.powermail_fieldwrap_datenschutzf .checkbox label       {  }
.powermail_fieldwrap_datenschutzf .checkbox input       { border:1px solid #999 !important; background-color:#ffffff !important; accent-color:#333; }
.powermail_fieldwrap_datenschutzf .checkbox .checkLabel { display:none; }

.powermail_fieldwrap_textdatenschutzf                        { position:relative; float:left; width:90%; overflow:hidden; margin-top:10px; margin-bottom:30px; }
.powermail_fieldwrap_textdatenschutzf.long                   { margin-bottom:44px; }
.powermail_fieldwrap_textdatenschutzf .powermail_field       { width:100%; }
.powermail_fieldwrap_textdatenschutzf .powermail_datenschutz { font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:24px; font-weight:normal; padding:1px 0 1px 3px; } 

.powermail_fieldwrap_einverstaendnis                       { clear:both; float:left; position:relative; width:18px; overflow:visible; margin-bottom:30px;  }
.powermail_fieldwrap_einverstaendnis label.powermail_label { visibility:hidden; width:0; height:0; }
.powermail_fieldwrap_einverstaendnis .powermail_field      { position:absolute; lef:0; top:2px; height:20px; width:auto; }
.powermail_fieldwrap_einverstaendnis .checkbox             {  }
.powermail_fieldwrap_einverstaendnis .checkbox label       {  }
.powermail_fieldwrap_einverstaendnis .checkbox input       { border:1px solid #999 !important; background-color:#ffffff !important; accent-color:#333; }
.powermail_fieldwrap_einverstaendnis .checkbox .checkLabel { display:none; }

.powermail_fieldwrap_texteinverstaendnis                        { position:relative; float:left; width:90%; overflow:hidden; margin-bottom:30px; }
.powermail_fieldwrap_texteinverstaendnis.long                   { margin-bottom:44px; }
.powermail_fieldwrap_texteinverstaendnis .powermail_field       { width:100%; }
.powermail_fieldwrap_texteinverstaendnis .powermail_datenschutz { font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:24px; font-weight:normal; padding:1px 0 1px 3px; } 
 
.powermail_fieldwrap_type_submit                        { position:relative; clear:both; width:100%; max-width:175px; float:left; overflow:visible; }
.powermail_fieldwrap_type_submit .powermail_field       { position:relative; width:100%; float:right; border-top:10px solid transparent; padding:0; overflow:visible;  }
.powermail_fieldwrap_type_submit input.powermail_submit { box-sizing:border-box; -webkit-appearance:none; appearance:none; margin:0 0 30px; padding:0 25px 4px; height:40px; cursor:pointer;
                                                          border:2px solid #a60f61; background:url('../../../fileadmin/content/template/graphics/preloader_green.gif') no-repeat 0 0; background-color:#a60f61; border-radius:0;
                                                          font-family:'Roboto', Futura Narrow, sans-serif; font-size:17px; line-height:36px; font-weight:400; color:#fff; }

.powermail_fieldwrap_type_submit input.powermail_submit.invert { background-color:#fff; color:#a60f61; }

.powermail_fieldwrap_hinweisspam { float:left; width:100%; max-width:320px; float:left; }

.powermail_fieldwrap_marker { clear:both; }

.powermail_submit_extraerror     { left:150px; top:-3px; width:120px; height:66px; background-color:#f4f4f2; z-index:2; display:none;
                                   font-family:'Roboto', Futura Narrow, sans-serif; font-size:16px; line-height:22px; font-weight:500; text-align:left; }
.powermail_submit_extraerror_text { display:inline-block; }
.powermail_submit_extraerror_text span::after { content:'Nicht alle Pflichtfelder sind ausgefüllt!'; font-size:16px; line-height:22px; font-weight:500; color:#F00; }

.powermail_form_8 .powermail_submit_extraerror_text span::after { content:'Du hast nicht alle Fragen beantwortet.'; }

.powermail_submit_extraerror.over { display:block; }

.powermail_submit_mask                  { left:0px; top:0px; padding:0 20px 0; height:38px; border:2px solid #090; background-color:#fff; z-index:3; display:none; }
.powermail_submit_mask_text             { display:inline-block; height:40px; }
.powermail_submit_mask_text span::after { content:'wird versendet ...'; font-size:17px; line-height:40px; font-weight:400; color:#090; }
.powermail_submit_mask_wait             { display:inline-block; height:40px; width:40px;
                                          background:url('../../../fileadmin/content/template/graphics/preloader_green.gif') 0 -6px no-repeat; background-size:50px 50px; }

.powermail_submit_mask.over { display:block; }

/* Sonderstyles Gravurenformular */
.gravurfont   { line-height:70px; vertical-align:baseline; }
.gravurfont0  { font-family:'Roboto', Futura Narrow, sans-serif; font-size:15px; line-height:30px; vertical-align:baseline; }
.gravurfont1  { font-family:'Arial', Times, serif; font-weight:400; font-size:18px; line-height:30px; vertical-align:baseline; }
.gravurfont2  { font-family:'Times New Roman', Times, serif; font-weight:400; font-size:21px; line-height:33px; vertical-align:baseline; }
.gravurfont3  { font-family:'Courier', Times, serif; font-weight:400; font-size:22px; line-height:34px; vertical-align:baseline; }
.gravurfont4  { font-family:'Gourmet Le French', Times, serif; font-weight:400; font-size:20px; line-height:32px; vertical-align:baseline; }
.gravurfont5  { font-family:'Trajan Pro', Times, serif; font-size:20px; line-height:32px; vertical-align:baseline; }
.gravurfont6  { font-family:'Grindline', Times, serif; font-weight:400; font-size:50px; line-height:62px; vertical-align:baseline; }
.gravurfont7  { font-family:'Raya Feast', Times, serif; font-weight:400; font-size:30px; line-height:42px; vertical-align:baseline; }
.gravurfont8  { font-family:'Ocean Sunshine', Times, serif; font-weight:400; font-size:18px; line-height:30px; vertical-align:baseline; }
.gravurfont9  { font-family:'Cayed', Times, serif; font-weight:400; font-size:20px; line-height:32px; vertical-align:baseline; }
.gravurfont10 { font-family:'Coellack', Times, serif; font-weight:400; font-size:21px; line-height:33px; vertical-align:baseline; }
.gravurfont11 { font-family:'Owbeirak Serif', Times, serif; font-weight:400; font-size:18px; line-height:30px; vertical-align:baseline; }
.gravurfont12 { font-family:'Quiet Sickless', Times, serif; font-weight:400; font-size:24px; line-height:36px; vertical-align:baseline; }
.gravurfont13 { font-family:'Kutilang', Times, serif; font-weight:400; font-size:32px; line-height:44px; vertical-align:baseline; }
.gravurfont14 { font-family:'Hildaquin', Times, serif; font-weight:400; font-size:70px; line-height:82px; vertical-align:baseline; }
.gravurfont15 { font-family:'Hummer Miller', Times, serif; font-weight:400; font-size:28px; line-height:40px; vertical-align:baseline; }
 
.powermail_fieldwrap_type_radio .radio.radio_schriftart_1 label { font-family: 'Arial', Times, serif; font-weight:400; font-size:18px; line-height:28px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_2 label { font-family: 'Times New Roman', Times, serif; font-weight:400; font-size:21px; line-height:31px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_3 label { font-family: 'Courier', Times, serif; font-weight:400; font-size:22px; line-height:32px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_4 label { font-family: 'Gourmet Le French', Times, serif; font-weight:400; font-size:20px; line-height:30px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_5 label { font-family: 'Trajan Pro', Times, serif; font-size:20px; line-height:30px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_6 label { font-family: 'Grindline', Times, serif; font-weight:400; font-size:50px; line-height:60px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_7 label { font-family: 'Raya Feast', Times, serif; font-weight:400; font-size:30px; line-height:40px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_8 label { font-family: 'Ocean Sunshine', Times, serif; font-weight:400; font-size:18px; line-height:28px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_9 label { font-family: 'Cayed', Times, serif; font-weight:400; font-size:20px; line-height:30px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_10 label { font-family: 'Coellack', Times, serif; font-weight:400; font-size:21px; line-height:31px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_11 label { font-family: 'Owbeirak Serif', Times, serif; font-weight:400; font-size:18px; line-height:28px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_12 label { font-family: 'Quiet Sickless', Times, serif; font-weight:400; font-size:24px; line-height:34px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_13 label { font-family: 'Kutilang', Times, serif; font-weight:400; font-size:32px; line-height:42px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_14 label { font-family: 'Hildaquin', Times, serif; font-weight:400; font-size:70px; line-height:80px; vertical-align:baseline; }
.powermail_fieldwrap_type_radio .radio.radio_schriftart_15 label { font-family: 'Hummer Miller', Times, serif; font-weight:400; font-size:28px; line-height:38px; vertical-align:baseline; }

/* Änderung der Radio-Buttons für Gravuren-Formular, Emulation einer Select-Box */
.powermail_fieldwrap_auswahlgravur1,
.powermail_fieldwrap_auswahlgravur2 { display:block; position:relative; margin-bottom:20px; overflow:hidden; }

.powermail_fieldwrap_schriftart1,
.powermail_fieldwrap_schriftart2 { display:block; position:relative; overflow:visible; }

.powermail_gravur_font_frame          { position:relative; width:100%; height:auto; margin-bottom:20px; overflow:visible; }
.powermail_gravur_font_selected       { box-sizing:border-box; width:100%; height:auto; padding:0 20px 0 5px;
                                        border:1px solid #999; background-color:#f4f4f2; cursor:pointer; }
.powermail_gravur_font_selectedtext   { color:#333; transition: all 0.1s ease-out; }
.powermail_gravur_font_chevron        { right:5px; top:50%; width:8px; height:8px; z-index:2; background:url('../../../fileadmin/content/template/graphics/icon_select_s_d.png') 0 0; background-size:8px 8px;
                                        -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);   }
.powermail_gravur_font_drop           { position:absolute; left:0; top:31px; box-sizing:border-box; width:100%; height:0; overflow-x:hidden; overflow-y:scroll; z-index:3;
                                        background-color:#f4f4f2; }
.powermail_gravur_font_innerdrop      { width:100; }

.powermail_gravur_font_frame.out .powermail_gravur_font_drop    { height:250px; border:1px solid #999; -webkit-transition: height 0.4s ease-out; -moz-transition: height 0.4s ease-out;
                                                                  -ms-transition: height 0.4s ease-out; -o-transition: height 0.4s ease-out; transition: height 0.4s ease-out; }
.powermail_gravur_font_frame.out .powermail_gravur_font_chevron { background-image:url('../../../fileadmin/content/template/graphics/icon_select_s_u.png'); }

.powermail_gravur_font_innerdrop .powermail_field                   { display:block; position:relative; width:100%; float:none; height:auto; border:0 none; overflow:hidden; }
.powermail_gravur_font_innerdrop .powermail_field .radio            { display:block; position:relative; box-sizing:border-box; width:100%; padding:0 0 0 5px; float:none; height:auto; overflow:hidden;
                                                                      border-bottom:1px solid #999; vertical-align:baseline; color:#000 !important; }
.powermail_gravur_font_innerdrop .powermail_field .radio:last-child { border-bottom:none; }
.powermail_gravur_font_innerdrop .powermail_field .radio:hover      { background-color:#ddd; }
.powermail_gravur_font_innerdrop .powermail_field .radio input      { display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; overflow:hidden; z-index:4;
                                                                      cursor:pointer !important; color:#000 !important; }
																	  
.powermail_fieldwrap_type_input.powermail_fieldwrap_gravurtext1 { width:100%; }
.powermail_fieldwrap_type_input.powermail_fieldwrap_gravurtext2 { width:100%; }


#displayResultFrame1  { width:100; }
#displayResultFrame2  { width:100; }

.display_resultframe      { width:100%; height:auto; }
.display_result           { width:100%; height:auto; margin-bottom:20px; }
.display_result_text      { width:100%; margin-top:2px; padding:0 0 4px;
                            font-family:'Roboto', Futura Narrow, sans-serif; font-size:15px; line-height:22px; font-weight:400; text-transform:uppercase; letter-spacing:4px; } 
.display_result_showframe { width:100%; height:auto; box-sizing:border-box; border:1px solid #999; }
.display_result_show      { margin:5px; text-align:center; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out;
                            -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.display_result_frame     { height:auto; }

#32 .powermail_create p { text-align:right; }

@media screen and (max-width:679px) {
 .powermail_fieldwrap_empty,
 .powermail_fieldwrap_empty2 { display:none; }	
 .powermail_fieldwrap_type_radio,
 .powermail_fieldwrap_type_input,
 .powermail_fieldwrap_type_select { width:100%; float:none; }
 .powermail_fieldwrap_type_radio:nth-child(2n),
 .powermail_fieldwrap_type_input:nth-child(2n),
 .powermail_fieldwrap_type_select:nth-child(2n) { float:none; }
 
 #contactRadioForm   {width:100%; }
 
 .powermail_fieldwrap_type_textarea .powermail_textarea { height:137px; }
}
@media screen and (min-width:680px) and (max-width:760px) {
 .powermail_fieldwrap_empty,
 .powermail_fieldwrap_empty2 { display:none; }	
 .powermail_fieldwrap_type_radio,
 .powermail_fieldwrap_type_input,
 .powermail_fieldwrap_type_select { width:100%; float:none; }
 .powermail_fieldwrap_type_radio:nth-child(2n),
 .powermail_fieldwrap_type_input:nth-child(2n),
 .powermail_fieldwrap_type_select:nth-child(2n) { float:none; }
 
 #contactRadioForm   {width:100%; }
}
@media screen and (min-width:761px) and (max-width:943px) {
 .powermail_fieldset_6 .powermail_fieldwrap_type_input.powermail_fieldwrap_e_mailadresse .powermail_label { padding-top:22px; }
}
@media screen and (min-width:761px) and (max-width:832px) {
 .powermail_fieldset_6 .powermail_fieldwrap_type_radio.powermail_fieldwrap_schriftart1 .powermail_label { padding-top:22px; }
 .powermail_fieldset_6 .powermail_fieldwrap_type_radio.powermail_fieldwrap_schriftart2 .powermail_label { padding-top:22px; }
}
@media screen and (max-width:1000px) {
 .powermail_fieldwrap_type_textarea.powermail_fieldwrap_gravurtext1 .powermail_textarea,
 .powermail_fieldwrap_type_textarea.powermail_fieldwrap_gravurtext2 .powermail_textarea { height:86px; }
}
@media screen and (min-width:1001px) and (max-width:1279px) {
 .powermail_fieldwrap_type_textarea.powermail_fieldwrap_gravurtext1 .powermail_textarea,
 .powermail_fieldwrap_type_textarea.powermail_fieldwrap_gravurtext2 .powermail_textarea { height:59px; }
}
@media screen and (min-width:1280px) {
 .powermail_fieldwrap_type_textarea.powermail_fieldwrap_gravurtext1 .powermail_textarea,
 .powermail_fieldwrap_type_textarea.powermail_fieldwrap_gravurtext2 .powermail_textarea { height:33px; }
}

/* Fehler */
ul.powermail-errors-list,
ul.powermail-errors-list li { list-style:none !important; }

ul.powermail-errors-list { list-style-position: outside; margin-left:-34px; list-style:none !important; }
 
.powermail_field_error_container_datenschutz                                    { width:0; height:0; }
.powermail_field_error_container_datenschutz ul.powermail-errors-list           { width:0; height:0; }
.powermail_field_error_container_datenschutz ul.powermail-errors-list.filled    { display:block; position:relative; overflow:visible; }
.powermail_field_error_container_datenschutz ul.powermail-errors-list.filled li { display:block; position:absolute; left:0; top:0px; width:300px; height:24px; line-height:22px;
                                                                                  background-color:#f4f4f2; }

.powermail_field_error_container_datenschutzf                                    { width:0; height:0; }
.powermail_field_error_container_datenschutzf ul.powermail-errors-list           { width:0; height:0; }
.powermail_field_error_container_datenschutzf ul.powermail-errors-list.filled    { display:block; position:relative; overflow:visible; }
.powermail_field_error_container_datenschutzf ul.powermail-errors-list.filled li { display:block; position:absolute; left:0; top:0px; width:300px; height:24px; line-height:22px;
                                                                                   background-color:#f4f4f2; }

.powermail_field_error_container_einverstaendnis                                    { width:0; height:0; }
.powermail_field_error_container_einverstaendnis ul.powermail-errors-list           { width:0; height:0; }
.powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled    { display:block; position:relative; overflow:visible; }
.powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { display:block; position:absolute; left:0; top:0px; width:300px; height:24px; line-height:22px;
                                                                                      background-color:#f4f4f2; }

ul.powermail-errors-list    { font-weight:500; color:#f00; }
ul.powermail-errors-list li { font-weight:500; color:#f00; }
.mandatory                  { display:none;  }

@media screen and (min-width:382px) and (max-width:592px) {
  .powermail_field_error_container_datenschutz ul.powermail-errors-list.filled li { top:24px; }
}	
@media screen and (max-width:381px) {
  .powermail_field_error_container_datenschutz ul.powermail-errors-list.filled li { top:48px; }
}
@media screen and (min-width:630px) and (max-width:1159px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:24px; }
}
@media screen and (min-width:467px) and (max-width:629px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:48px; }
}
@media screen and (min-width:376px) and (max-width:467px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:72px; }
}
@media screen and (min-width:354px) and (max-width:375px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:96px; }
}
@media screen and (max-width:353px) {
  .powermail_field_error_container_einverstaendnis ul.powermail-errors-list.filled li { top:120px; }
}


/* ======================================================================================================================================== */
/* ==========================================       Viewport kleiner 679 Pixel - Smartphone       ========================================= */
/* ======================================================================================================================================== */
@media screen and (max-width:679px) {

/* --- Viewportabhängige Schalter --- */
.smartHide { display:none; }

/* --- Fussmenu --- */
#footLeft       { float:none; width:100%; }
#footText       { width:100%; text-align:center; padding:0; }
#footText p     { margin:0; padding:0; }
#footRight      { float:none; width:100%; }
#footText p.fhp { margin-top:20px; }
#footSocial     { float:none; margin:23px auto 0; }
#footLinks      { float:none; width:100%; max-width:300px; padding:0; margin:23px auto 0; }

ul.footlinks                { width:100%; text-align:center; }
ul.footlinks li             { display:inline-block; float:none; text-align:center; padding:6px 15px 6px; margin:0 10px 0; }
ul.footlinks li:first-child { margin:0 10px 0; }

ul.footul { width:100%; text-align:center; }
li.footli { display:inline-block; float:none; text-align:center; margin:0; padding:6px 15px 6px; }

/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:100%; }

/* Newsletter Formular */
#newsletterFormLeft                     { float:none; width:100%; max-width:100%; margin:0; padding:0 0 20px 0; }   
#newsletterFormLeft .framePosition-800  { float:none; width:100%; max-width:100%; margin:0; padding:0; } /*overwrite innerOut*/
#newsletterFormLeft .frame-800          { width:auto; margin:0 20px 0; padding:0; max-width:auto; }
#newsletterFormRight                    { float:none; width:100%; max-width:100%; margin:0; padding:0; }
#newsletterFormRight .framePosition-800 { float:none; width:100%; max-width:100%; margin:0; padding:0; } /*overwrite innerOut*/
#newsletterFormRight .frame-800         { width:auto; margin:0 20px 0; padding:0; max-width:auto; }

#newsletterFormRight .frame-800.pic         { padding-top:0; }
#newsletterFormRight .frame-800.pic picture { display:block; position:relative; width:100%; overflow:hidden; }
#newsletterFormRight .frame-800.pic img     { display:block; position:relative; margin:auto; }

/* Bilder breit */
.pic.fullPic .ce-textpic .ce-bodytext          { padding-top:16px; }
.pic.fullPic .ce-textpic.ce-below .ce-bodytext { padding-top:0; }

/* Bilder 50% */
.pic.smallPic .ce-textpic.ce-left .ce-gallery    { float:left; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-left .ce-bodytext   { float:left; width:100%;}
.pic.smallPic .ce-textpic.ce-center .ce-gallery  { float:none; width:100%; max-width:400px; margin-left:auto; margin-right:auto; }
.pic.smallPic .ce-textpic.ce-center .ce-bodytext { float:left; width:100%; }
.pic.smallPic .ce-textpic.ce-right .ce-gallery   { float:right; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-right .ce-bodytext  { float:right; width:100%; }

.pic.smallPic .ce-textpic.ce-left.ce-intext .ce-gallery   { float:left; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-left.ce-intext .ce-bodytext  { float:right; width:100%; }
.pic.smallPic .ce-textpic.ce-right.ce-intext .ce-gallery  { float:right; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-right.ce-intext .ce-bodytext { float:left; width:100%; }

.pic.smallPic .ce-textpic .ce-bodytext          { padding-top:16px; }
.pic.smallPic .ce-textpic.ce-below .ce-bodytext { padding-top:0; }

/* Bilder 33% */
.pic.smallerPic .ce-textpic.ce-left .ce-gallery    { float:left; width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-left .ce-bodytext   { float:left; width:100%; }
.pic.smallerPic .ce-textpic.ce-center .ce-gallery  { float:none; width:100%; max-width:264px; margin-left:auto; margin-right:auto; }
.pic.smallerPic .ce-textpic.ce-center .ce-bodytext { float:left; width:100%; }
.pic.smallerPic .ce-textpic.ce-right .ce-gallery   { float:right; width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-right .ce-bodytext  { float:right; width:100%; }

.pic.smallerPic .ce-textpic.ce-left.ce-intext .ce-gallery   { float:left; width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-left.ce-intext .ce-bodytext  { float:right; width:100%; }
.pic.smallerPic .ce-textpic.ce-right.ce-intext .ce-gallery  { float:right;width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-right.ce-intext .ce-bodytext { float:left; width:100%; }

.pic.smallerPic .ce-textpic .ce-bodytext          { padding-top:16px; }
.pic.smallerPic .ce-textpic.ce-below .ce-bodytext { padding-top:0; }

/* --- Trennlinien --- */
.siteBorderFrame,
.homeBorderFrame { width:100%; box-sizing:border-box; padding:0 20px 0; }
.siteBorder,
.homeBorder      { width:auto; }

/* Startseite Bild 50 Text 50 */

/* Startseite Bild Text 33 mit Linie */
.framePosition-homeText33line                               { float:none; width:100%; margin:0; padding:24px 0 0px; }
.framePosition-homeText33line+.framePosition-homeText33line { float:none; width:100%; margin:0; padding:24px 0 0px; border:0 none; }
.frame-homeText33line .ce-textpic                           { position:relative; width:84%; margin:0 8% 0; padding:0 0 12px; overflow:hidden; border-bottom:1px solid #333; }
.frame-homeText33line header                                { position:relative; width:84%; margin:0 8% 0; overflow:hidden; text-align:center; }
.frame-homeText33line header h3                             { margin:0; padding:6px 0 30px; }

.altcolor .framePosition-homeText33line+.framePosition-homeText33line                                           { border:0 none; }
.altcolor .frame-homeText33line .ce-textpic                                                                     { border-bottom:1px solid #f4f4f2; }
.altcolor .framePosition-homeText33line+.framePosition-homeText33line+.framePosition-homeText33line .ce-textpic { border:0 none; }

/* Startseite Bild Text 33 */
.framePosition-homeText33                                       { float:none; width:100%; margin:0; padding:42px 0 0px; }
.framePosition-homeText33+.framePosition-homeText33             { float:none; width:100%; margin:0; padding:42px 0 0px; }
.framePosition-homeText33 .ce-textpic                           { position:relative; width:84%; margin:0 8% 0; padding:0 0 22px; border-bottom:1px solid #333; }
.framePosition-homeText33+.framePosition-homeText33 .ce-textpic { margin:0 8% 0; }

.frame-homeText33 header { width:84%; margin:0 8% 0; }

.altcolor .framePosition-homeText33 .ce-textpic                                                     { border-bottom:1px solid #f4f4f2; }
.altcolor .framePosition-homeText33+.framePosition-homeText33+.framePosition-homeText33 .ce-textpic { border:0 none; }

/* Startseite Bewertungen */
#homeEvaluation        { margin:0; padding:0 20px 0; width:auto; text-align:center; }
.homeEvaluationFirst   { margin:0; padding:0 7px 0 0; font-size:22px; line-height:30px; text-align:center; }
.homeEvaluationFirst a { font-size:22px; line-height:30px; }
.homeEvalutaionStars   { height:30px; width:123px; background:url('../../../fileadmin/content/template/graphics/text_sterne_358.png') no-repeat 0 4px; background-size:113px 20px; }
.homeEvaluationSecond  { font-size:15px; line-height:20px; padding:3px 0 0 1px; }

.evaluation-article      { float:none; margin:0; width:100%; }
.evaluation-articleInner { margin:20px 20px 20px; padding:20px 20px 20px; min-height:24px; }
.evaluation-articleTable { min-height:24px; }
.evaluation-articleRow   { min-height:24px; }
.evaluation-articleCell  { min-height:24px; }

.evaluationText          { font-size:15px; }
.evaluationTitle         { font-size:15px; }

/* Startseite Bild mit Text unten */
#framePictureText { right:9%; top:28%; width:80%; font-size:28px; line-height:38px; font-weight:400; }

/* --- Schriften --- */ 
.text h1 { padding:0 0 12px 2px;  font-size:30px; line-height:40px; }
.text h2 { padding:22px 0 12px 0; font-size:26px; line-height:34px; }
.text h3 { padding:22px 0 12px 0; font-size:22px; line-height:28px; }
.text h4 { padding:0 0 12px 0;    font-size:20px; line-height:26px; }

.text .frame-homeText33line header h3 { padding:0 0 12px 0; font-size:20px; line-height:26px; }

.quote { padding:0 0 0 20px; }

.align-right,
.align-center { text-align:left; } 

/* --- tabellen --- */
.text table.contenttable td { padding:3px 4px 3px 5px; font-size:12px; line-height:16px; }

.cc-window, cc-message { font-size:13px !important; line-height:16px !important; }

}

@media screen and (max-width:370px) {
#footSocial                       { max-width:170px; }
ul.footsocialul li:nth-child(4)   { margin:0; }
ul.footsocialul li:nth-child(n+4) { margin-top:10px; }
}

@media screen and (max-width:419px) {
.smartSmallHide { display:none; }

.navGridContentFrame  { margin:0 -5px 0 -5px; }
.meetingGridTextInner { padding:10px; }
}

@media screen and (min-width:420px) and (max-width:679px) {
.smartBigHide { display:none; }
}

@media screen and (min-width:420px) and (max-width:484px) { #frameBanner { padding:0 0 95.5%; } }
@media screen and (min-width:485px) and (max-width:549px) { #frameBanner { padding:0 0 93%; } }
@media screen and (min-width:550px) and (max-width:614px) { #frameBanner { padding:0 0 91%; } }
@media screen and (min-width:615px) and (max-width:679px) { #frameBanner { padding:0 0 89%; } }



/* ======================================================================================================================================= */
/* ========================================       Viewport größer 679 Pixel - Tablet Portrait      ======================================= */
/* ======================================================================================================================================= */

@media screen and (min-width:680px) and (max-width:760px) {

/* --- Viewportabhängige Schalter --- */
.portraitHide      { display:none; }
.portraitSmallHide { display:none; }

/* --- Fussmenu --- */
#footLeft  { width:40%; }
#footRight { width:60%; }
#footLinks { width:350px; margin:0 0 0 -1px; }

ul.footlinks li { margin:0 0 0 10px; }
ul.footul       { width:100%; }
li.footli       { float:left; text-align:left; margin:0; padding:6px 30px 6px 0; }

/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:50%; }

/* Newsletter Formular */
#newsletterFormLeft                     { float:none; width:100%; max-width:100%; margin:0; padding:0 0 20px 0; }   
#newsletterFormLeft .framePosition-800  { float:none; width:100%; max-width:100%; margin:0; padding:0; } /*overwrite innerOut*/
#newsletterFormLeft .frame-800          { width:auto; margin:0 20px 0; padding:0 20px 0 94px; max-width:914px; }
#newsletterFormRight                    { float:none; width:100%; max-width:100%; margin:0; padding:0; }
#newsletterFormRight .framePosition-800 { float:none; width:100%; max-width:100%; margin:0; padding:0; } /*overwrite innerOut*/
#newsletterFormRight .frame-800         { width:auto; margin:0 20px 0; padding:0 20px 0 94px; max-width:914px; }

#newsletterFormRight .frame-800.pic         { padding-top:0; }
#newsletterFormRight .frame-800.pic picture { display:block; position:relative; width:100%; overflow:hidden; }
#newsletterFormRight .frame-800.pic img     { display:block; position:relative; margin:auto; }

/* --- Bilder breit --- */
.pic.fullPic .ce-textpic .ce-bodytext          { margin-top:16px; }
.pic.fullPic .ce-textpic.ce-below .ce-bodytext { padding-top:0; }

/* Bilder 50% */
.pic.smallPic .ce-textpic.ce-left .ce-gallery    { float:left; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-left .ce-bodytext   { float:left; width:100%; }
.pic.smallPic .ce-textpic.ce-center .ce-gallery  { float:none; width:100%; max-width:400px;  margin-left:auto; margin-right:auto; }
.pic.smallPic .ce-textpic.ce-center .ce-bodytext { float:left; width:100%; }
.pic.smallPic .ce-textpic.ce-right .ce-gallery   { float:right; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-right .ce-bodytext  { float:right; width:100%; }

.pic.smallPic .ce-textpic.ce-left.ce-intext .ce-gallery   { float:left; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-left.ce-intext .ce-bodytext  { float:right; width:100%; }
.pic.smallPic .ce-textpic.ce-right.ce-intext .ce-gallery  { float:right; width:100%; max-width:400px; }
.pic.smallPic .ce-textpic.ce-right.ce-intext .ce-bodytext { float:left; width:100%; }

.pic.smallPic .ce-textpic .ce-bodytext          { padding-top:16px; }
.pic.smallPic .ce-textpic.ce-below .ce-bodytext { padding-top:0; }

/* Bilder 33% */
.pic.smallerPic .ce-textpic.ce-left .ce-gallery    { float:left; width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-left .ce-bodytext   { float:left; width:100%; }
.pic.smallerPic .ce-textpic.ce-center .ce-gallery  { float:none; width:100%; max-width:264px; margin-left:auto; margin-right:auto; }
.pic.smallerPic .ce-textpic.ce-center .ce-bodytext { float:left; width:100%; }
.pic.smallerPic .ce-textpic.ce-right .ce-gallery   { float:right; width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-right .ce-bodytext  { float:right; width:100%; }

.pic.smallerPic .ce-textpic.ce-left.ce-intext .ce-gallery   { float:left; width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-left.ce-intext .ce-bodytext  { float:right; width:100%; }
.pic.smallerPic .ce-textpic.ce-right.ce-intext .ce-gallery  { float:right;width:100%; max-width:264px; }
.pic.smallerPic .ce-textpic.ce-right.ce-intext .ce-bodytext { float:left; width:100%; }

.pic.smallerPic .ce-textpic .ce-bodytext          { padding-top:16px; }
.pic.smallerPic .ce-textpic.ce-below .ce-bodytext { padding-top:0; }

/* Icon */
.ico.Icon .ce-textpic { display:flex; }

/* --- Startseite Trennlinien --- */
.siteBorderFrame,
.homeBorderFrame { width:100%; box-sizing:border-box; padding:0 20px 0; }
.siteBorder,
.homeBorder      { width:auto; }

/* Startseite Bild 50 Text 50 */

/* Startseite Bild Text 33 mit Linie */
.framePosition-homeText33line                               { float:none; width:100%; margin:0; padding:24px 0 0px; }
.framePosition-homeText33line+.framePosition-homeText33line { float:none; width:100%; margin:0; padding:24px 0 0px; border:0 none; }
.frame-homeText33line .ce-textpic                           { position:relative; width:84%; margin:0 8% 0; padding:0 0 12px; overflow:hidden; border-bottom:1px solid #333; }
.frame-homeText33line header                                { position:relative; width:84%; margin:0 8% 0; overflow:hidden; text-align:center; }
.frame-homeText33line header h3                             { margin:0; padding:6px 0 30px; }

.altcolor .framePosition-homeText33line+.framePosition-homeText33line                                           { border:0 none; }
.altcolor .frame-homeText33line .ce-textpic                                                                     { border-bottom:1px solid #f4f4f2; }
.altcolor .framePosition-homeText33line+.framePosition-homeText33line+.framePosition-homeText33line .ce-textpic { border:0 none; }

/* Startseite Bild Text 33 */
.framePosition-homeText33                                       { float:none; width:100%; margin:0; padding:42px 0 0px; }
.framePosition-homeText33+.framePosition-homeText33             { float:none; width:100%; margin:0; padding:42px 0 0px; }
.framePosition-homeText33 .ce-textpic                           { position:relative; width:84%; margin:0 8% 0; padding:0 0 22px; border-bottom:1px solid #333; }
.framePosition-homeText33+.framePosition-homeText33 .ce-textpic { margin:0 8% 0; }

.frame-homeText33 header { width:84%; margin:0 8% 0; }

.altcolor .framePosition-homeText33 .ce-textpic                                                     { border-bottom:1px solid #f4f4f2; }
.altcolor .framePosition-homeText33+.framePosition-homeText33+.framePosition-homeText33 .ce-textpic { border:0 none; }

/* Startseite Bewertungen */
#homeEvaluation        { margin:0; padding:0 20px 0; width:auto; text-align:center; }
.homeEvaluationFirst   { margin:0; padding:0 7px 0 0; font-size:18px; line-height:30px; text-align:center; }
.homeEvaluationFirst a { font-size:18px; line-height:30px; }
.homeEvalutaionStars   { height:30px; width:123px; background:url('../../../fileadmin/content/template/graphics/text_sterne_358.png') no-repeat 0 7px; background-size:113px 20px; }
.homeEvaluationSecond  { font-size:16px; line-height:20px; font-weight:400; padding:3px 0 0 1px; }

.evaluation-articleInner { min-height:145px; }

.evaluation-position                                       {  }
.evaluation-article                                        { width:80%; }
.evaluation-article .evaluation-articleInner               { margin:40px -10px 20px; padding:20px 50px 20px; }
.evaluation-article.slick-current .evaluation-articleInner { margin:30px 10px 20px; padding:30px 40px 30px; z-index:3;
                                                             box-shadow: 5px 5px 10px #444, -5px 5px 10px #444, 5px -5px 10px #444, -5px -5px 10px #444; }
.evaluation-article.slick-current .evaluationText          { font-size:17px; line-height:24px; font-weight:400; }
.evaluation-article.slick-current .evaluationTitle         { font-size:17px; line-height:24px; font-weight:400; }

/* Startseite Bild mit Text unten */
#framePictureText { font-size:30px; line-height:40px; font-weight:400; }

/* --- Schriften --- */
.text h1 { padding:33px 0 24px 0; font-size:38px; line-height:46px; }
.text h2 { padding:22px 0 12px 0; font-size:32px; line-height:38px; }
.text h3 { padding:22px 0 12px 0; font-size:24px; line-height:28px; }
.text h4 { padding:0 0 12px 0;    font-size:20px; line-height:26px; }

.text .frame-homeText33line header h3 { padding:0 0 12px 0; font-size:20px; line-height:26px; }

.align-right,
.align-center { text-align:left; } 

/* menülisten */
.frame-type-menu_section ul li a { padding:0 0 0 14px; background:url('../../../fileadmin/content/template/graphics/icon-sectionlist.png') no-repeat 0 4px;
                                   font-family:'Roboto', Futura Narrow, sans-serif; font-size:14px; line-height:24px; }
								   
}

/* ======================================================================================================================================= */
/* ========================================       Viewport größer 760 Pixel - Tablet Portrait      ======================================= */
/* ======================================================================================================================================= */

@media screen and (min-width:761px) and (max-width:1000px) {

/* --- Viewportabhängige Schalter --- */
.portraitHide    { display:none; }
.portraitBigHide { display:none; }

/* --- Fussmenu --- */
#footLeft  { width:40%; }
#footRight { width:60%; }
ul.footul { width:100%; }
li.footli { text-align:left; margin:0; padding:6px 30px 6px 0; }

/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:50%; }

/* Newsletter Formular */
#newsletterFormLeft                     { float:none; width:100%; max-width:100%; margin:0; padding:0 0 20px 0; }   
#newsletterFormLeft .framePosition-800  { float:none; width:100%; max-width:100%; margin:0; padding:0; } /*overwrite innerOut*/
#newsletterFormLeft .frame-800          { width:auto; margin:0 20px 0; padding:0 20px 0 94px; max-width:914px; }
#newsletterFormRight                    { float:none; width:100%; max-width:100%; margin:0; padding:0 0 20px 0; }
#newsletterFormRight .framePosition-800 { float:none; width:100%; max-width:100%; margin:0; padding:0; } /*overwrite innerOut*/
#newsletterFormRight .frame-800         { width:auto; margin:0 20px 0; padding:0 20px 0 94px; max-width:914px; }

#newsletterFormRight .frame-800.pic { padding-top:0; }
#newsletterFormRight .frame-800.pic picture { display:block; position:relative; width:100%; overflow:hidden; }
#newsletterFormRight .frame-800.pic img { display:block; position:relative; margin:auto; }

/* --- Startseite Trennlinien --- */
.siteBorderFrame,
.homeBorderFrame { width:100%; box-sizing:border-box; padding:0 20px 0; }
.siteBorder,
.homeBorder      { width:auto; }

/* Startseite Bild 50 Text 50 */

/* Startseite Bild Text 33 mit Linie */

/* --- Startseite Bild Text 33 mit Linie --- */
.framePosition-homeText33line                                                             { padding:34px 0 10px; }
.framePosition-homeText33line+.framePosition-homeText33line                               { padding:10px 0 10px; }
.framePosition-homeText33line+.framePosition-homeText33line+.framePosition-homeText33line { padding:34px 0 10px; }

/* Startseite Bild Text 33 */

/* Startseite Bewertungen */
#homeEvaluation        { margin:0; padding:0 20px 0; width:auto; text-align:center; }
.homeEvaluationFirst   { margin:0; padding:22px 7px 0 0; font-size:22px; line-height:30px; text-align:center; }
.homeEvaluationFirst a { font-size:22px; line-height:30px; }
.homeEvalutaionStars   { height:30px; width:123px; background:url('../../../fileadmin/content/template/graphics/text_sterne_358.png') no-repeat 0 4px; background-size:113px 20px; }
.homeEvaluationSecond  { font-size:19px; line-height:20px; padding:3px 0 0 1px; }

.evaluation-articleInner { min-height:130px; }

.evaluation-position                                       {  }
.evaluation-article                                        { width:80%; }
.evaluation-article .evaluation-articleInner               { margin:40px -10px 20px; padding:20px 50px 20px; }
.evaluation-article.slick-current .evaluation-articleInner { margin:30px 10px 20px; padding:30px 40px 30px; z-index:3;
                                                             box-shadow: 5px 5px 10px #444, -5px 5px 10px #444, 5px -5px 10px #444, -5px -5px 10px #444; }
.evaluation-article.slick-current .evaluationText          { font-size:17px; line-height:24px; font-weight:400; }
.evaluation-article.slick-current .evaluationTitle         { font-size:17px; line-height:24px; font-weight:400; }

/* Startseite Bild mit Text unten */
#framePictureText { font-size:34px; line-height:44px; font-weight:400; }

/* --- Schriften --- */
.text p.khp { padding:0; }

.text h1 { padding:33px 0 24px 0; font-size:38px; line-height:46px; }
.text h2 { padding:22px 0 12px 0; font-size:32px; line-height:38px; }
.text h3 { padding:22px 0 12px 0; font-size:24px; line-height:28px; }
.text h4 { padding:0 0 12px 0;    font-size:20px; line-height:26px; }

.text .frame-homeText33line header    { display:block; width:100%; max-width:220px; margin-left:auto; margin-right:auto;  }
.text .frame-homeText33line header h3 { padding:0 0 12px 0; font-size:18px; line-height:24px; }

.contentPart.c1.text a.link-internal-button      { padding:6px 18px 6px; font-size:15px; line-height:22px; font-weight:500; }
.contentPart.c1.text a.link-internal-button span { display:block; }
.contentPart.c1.text a.link-external-button      { padding:6px 18px 6px; font-size:15px; line-height:22px; font-weight:500; }
.contentPart.c1.text a.link-external-button span { display:block; }

.align-right,
.align-center { text-align:left; } 

}

@media screen and (min-width:880px) and (max-width:1000px) { #frameBanner { padding:0 0 42.2%; } }


/* ======================================================================================================================================= */
/* =====================================       Viewport größer 1000 Pixel - Tablet Landscape      ======================================== */
/* ======================================================================================================================================= */

@media screen and (min-width:1001px) and (max-width:1139px) {

/* --- Viewportabhängige Schalter --- */
.landHide { display:none; }

/* --- Fussmenü --- */
#footRowOne     { margin:0 0 15px; }
li.footli       { margin:0 0 0 16px; }
li.footli.no a  { font-size:14px; line-height:18px; }
li.footli.act a { font-size:14px; line-height:18px; }

/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:50%; }

/* Newsletter Formular */
#newsletterFormLeft   { float:left; width:57%; max-width:940px; box-sizing:border-box; padding-left:20px; margin:0; }   
#newsletterFormRight  { float:left; width:43%; max-width:710px; box-sizing:border-box; padding-right:20px; margin:0; }

/* --- Startseite Bewertungen --- */
#homeEvaluation       { margin:0; padding:0 20px 0; width:auto; text-align:center; }
.homeEvaluationFirst  { margin:0; padding:22px 0 0; font-size:24px; line-height:30px; }
.homeEvalutaionStars  { height:30px; width:123px; background:url('../../../fileadmin/content/template/graphics/text_sterne_358.png') no-repeat 0 8px; background-size:113px 20px; }
.homeEvaluationSecond { font-size:20px; line-height:30px; padding:0 0 0 1px; }

.evaluation-articleInner { min-height:250px; }

.evaluation-article.slick-current+.evaluation-article .evaluation-articleInner { margin:30px 10px 20px; padding:30px 40px 30px; z-index:3;
                                                                                 box-shadow: 5px 5px 10px #444, -5px 5px 10px #444, 5px -5px 10px #444, -5px -5px 10px #444; }
.evaluation-article.slick-current+.evaluation-article .evaluationText          { font-size:17px; line-height:24px; font-weight:400; }
.evaluation-article.slick-current+.evaluation-article .evaluationTitle         { font-size:17px; line-height:24px; font-weight:400; }

.evaluation-article.slick-current .evaluation-articleInner,
.evaluation-article.slick-current+.evaluation-article+.evaluation-article .evaluation-articleInner { margin:40px -10px 20px; padding:20px 50px 20px; }

/* --- Schriften --- */
.text p.khp { padding:0; }

.text h1 { padding:33px 0 24px 0; font-size:40px; line-height:48px; }
.text h2 { padding:22px 0 12px 0; font-size:34px; line-height:42px; }
.text h3 { padding:22px 0 12px 0; font-size:26px; line-height:32px; }
.text h4 { padding:0 0 12px 0;    font-size:20px; line-height:26px; }

.text .frame-homeText33line header h3 { padding:0 0 12px 0; font-size:20px; line-height:26px; }

.align-right,
.align-center { text-align:left; } 

.text .frame-homeText33line header h3 { font-size:17px; }

.contentPart.c1.text a.link-internal-button { padding:6px 18px 6px; font-size:15px; line-height:22px; }
.contentPart.c1.text a.link-external-button { padding:6px 18px 6px; font-size:15px; line-height:22px; }

}


/* ======================================================================================================================================= */
/* ===========================================            Viewport größer 1140 Pixel           =========================================== */
/* ======================================================================================================================================= */

@media screen and (min-width:1140px) and (max-width:1439px) {

/* --- Viewportabhängige Schalter --- */
.deskHide { display:none; }
 
/* --- Fussmenü --- */
li.footli { margin:0 0 0 32px; }

/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:33.33%; }

/* Newsletter Formular */
#newsletterFormLeft   { float:left; width:51%; max-width:940px; margin-left:5%; }   
#newsletterFormRight  { float:left; width:39%; max-width:710px; margin-right:5%; }

/* Startseite Bewertungen */
.evaluation-articleInner { min-height:190px; }

.evaluation-article.slick-current+.evaluation-article .evaluation-articleInner { margin:30px 10px 20px; padding:30px 40px 30px; z-index:3;
                                                                                 box-shadow: 5px 5px 10px #444, -5px 5px 10px #444, 5px -5px 10px #444, -5px -5px 10px #444; }
.evaluation-article.slick-current+.evaluation-article .evaluationText          { font-size:17px; line-height:24px; font-weight:400; }
.evaluation-article.slick-current+.evaluation-article .evaluationTitle         { font-size:17px; line-height:24px; font-weight:400; }

.evaluation-article.slick-current .evaluation-articleInner,
.evaluation-article.slick-current+.evaluation-article+.evaluation-article .evaluation-articleInner { margin:40px -10px 20px; padding:20px 50px 20px; }

/* --- Schriften --- */
.text p.khp { padding:0; }

.text h1 { font-size:40px; line-height:52px; }

.text .frame-homeText33line header h3 { font-size:22px; line-height:28px;  }

}


/* ======================================================================================================================================= */
/* ===========================================            Viewport größer 1440 Pixel           =========================================== */
/* ======================================================================================================================================= */

@media screen and (min-width:1440px) and (max-width:1659px) {

/* --- Viewportabhängige Schalter --- */
.deskHide { display:none; }
 
/* --- Fussmenü --- */
li.footli { margin:0 0 0 40px; }

/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:33.33%; }

/* Startseite Bewertungen */
.evaluation-articleInner { min-height:190px; }

.evaluation-article.slick-current+.evaluation-article .evaluation-articleInner { margin:30px 10px 20px; padding:30px 40px 30px; z-index:3;
                                                                                 box-shadow: 5px 5px 10px #444, -5px 5px 10px #444, 5px -5px 10px #444, -5px -5px 10px #444; }
.evaluation-article.slick-current+.evaluation-article .evaluationText          { font-size:17px; line-height:24px; font-weight:400; }
.evaluation-article.slick-current+.evaluation-article .evaluationTitle         { font-size:17px; line-height:24px; font-weight:400; }

.evaluation-article.slick-current .evaluation-articleInner,
.evaluation-article.slick-current+.evaluation-article+.evaluation-article .evaluation-articleInner { margin:40px -10px 20px; padding:20px 50px 20px; }

/* --- Schriften --- */
.text p.khp { padding:0; }

.text h1 { font-size:43px; line-height:55px; }

}


/* ======================================================================================================================================= */
/* ===========================================            Viewport größer 1660 Pixel           =========================================== */
/* ======================================================================================================================================= */

@media screen and (min-width:1660px) and (max-width:1910px) {

/* --- Viewportabhängige Schalter --- */
.deskHide { display:none; }
 
/* --- Fussmenü --- */
li.footli       { margin:0 0 0 60px; }
li.footli.no a  { font-size:16px; line-height:19px; }
li.footli.act a { font-size:16px; line-height:19px; }
  
/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:33.33%; }

/* Startseite Bewertungen */
.evaluation-article.slick-current+.evaluation-article .evaluation-articleInner { margin:30px 10px 20px; padding:30px 40px 30px; z-index:3;
                                                                                 box-shadow: 5px 5px 10px #444, -5px 5px 10px #444, 5px -5px 10px #444, -5px -5px 10px #444; }
.evaluation-article.slick-current+.evaluation-article .evaluationText          { font-size:17px; line-height:24px; font-weight:400; }
.evaluation-article.slick-current+.evaluation-article .evaluationTitle         { font-size:17px; line-height:24px; font-weight:400; }

.evaluation-article.slick-current .evaluation-articleInner,
.evaluation-article.slick-current+.evaluation-article+.evaluation-article .evaluation-articleInner { margin:40px -10px 20px; padding:20px 50px 20px; }

/* --- Schriften --- */
.text p.khp { padding:0; }

.text h1 { font-size:43px; line-height:55px; }

}


/* ======================================================================================================================================= */
/* ===========================================            Viewport größer 1910 Pixel           =========================================== */
/* ======================================================================================================================================= */

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

/* --- Viewportabhängige Schalter --- */
.deskHide { display:none; }
 
/* --- Fussmenü --- */
li.footli       { margin:0 0 0 80px; }
li.footli.no a  { font-size:17px; line-height:20px; }
li.footli.act a { font-size:17px; line-height:20px; }
  
/* --- Inhaltsblöcke --- */
.frame-gridGallery figure { width:25%; }

/* Startseite Bewertungen */
.evaluation-article.slick-current+.evaluation-article .evaluation-articleInner { margin:30px 10px 20px; padding:30px 40px 30px; z-index:3;
                                                                                 box-shadow: 5px 5px 10px #444, -5px 5px 10px #444, 5px -5px 10px #444, -5px -5px 10px #444; }
.evaluation-article.slick-current+.evaluation-article .evaluationText          { font-size:17px; line-height:24px; font-weight:400; }
.evaluation-article.slick-current+.evaluation-article .evaluationTitle         { font-size:17px; line-height:24px; font-weight:400; }

.evaluation-article.slick-current .evaluation-articleInner,
.evaluation-article.slick-current+.evaluation-article+.evaluation-article .evaluation-articleInner { margin:40px -10px 20px; padding:20px 50px 20px; }

}

b      { font-weight:700 !important; }
strong { font-weight:700 !important; }