@charset "utf-8";

/* ------- color codes -------- *//*
sehr hellgraue Linien (Fuss)    #cecece;
helle Goldfarben (Button-Rand)  #bcafa6;
dunkere Foldfarbe (Logo unten)  #a9a6a1;

   
/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../Fonts/montserrat-v31-latin-300.woff2') format('woff2'),
       url('../Fonts/montserrat-v31-latin-300.ttf') format('truetype');
}

/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/montserrat-v31-latin-regular.woff2') format('woff2'),
       url('../Fonts/montserrat-v31-latin-regular.ttf') format('truetype');
}

/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/montserrat-v31-latin-500.woff2') format('woff2'),
       url('../Fonts/montserrat-v31-latin-500.ttf') format('truetype');
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/montserrat-v31-latin-600.woff2') format('woff2'),
       url('../Fonts/montserrat-v31-latin-600.ttf') format('truetype');
}

/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/montserrat-v31-latin-700.woff2') format('woff2'),
       url('../Fonts/montserrat-v31-latin-700.ttf') format('truetype');
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../Fonts/montserrat-v31-latin-800.woff2') format('woff2'),
       url('../Fonts/montserrat-v31-latin-800.ttf') format('truetype');
}


/* --- disable all spacing and margins, by default --- */
* { margin:0px; padding:0px; border:0px none; }

/* --- disable browser highlighting for links --- */
a:active, a:focus { outline-width:0; outline-style:none; outline-color:currentcolor; }

/* div.csc-textpic { position:relative; top:0px; overflow:hidden; }
div.csc-textpic .csc-textpic-imagewrap img { border:none; display:block; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin:0; padding:0; border:none; } */

/* --- often used styles in extra class --- */
.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; }

.vishid { visibility:hidden; }
.hide   { display:none; }
.clear  { clear:both; }
.fade   { opacity:0; transition:opacity 0.3s ease-in-out; }
.nobr   { white-space:nowrap; }

/* --- all breakpoints --- */
@media screen and (min-width:1281px)                        {  }
@media screen and (min-width:1001px) and (max-width:1280px) {  }
@media screen and (min-width:801px) and (max-width:1000px)  {  }
@media screen and (min-width:701px) and (max-width:800px)   {  }
@media screen and (min-width:601px) and (max-width:700px)   {  }
@media screen and (min-width:471px) and (max-width:600px)   {  }
@media screen and (max-width:470px)                         {  }

/* ======================================================================================================================================= */
/* ===========================================       Gemeinsame Styles für alle Viewports      =========================================== */
/* ======================================================================================================================================= */
 
/* ------------------------------------------------- Styles fuer mehrfach verwendete Systemklassen ------------------------- */
.inner     { width:100%; box-sizing:border-box; }
/* .innerHead { width:100%; box-sizing:border-box; transition:height 0.2 ease-in-out; } */
.innerBody { width:100%; box-sizing:border-box; margin:0 auto 0; max-width:800px; }

@media screen and (min-width:1281px)                        { .inner { max-width:1200px; margin:0 auto 0; } }
@media screen and (min-width:1001px) and (max-width:1280px) { .inner { padding:0 40px 0; } }
@media screen and (min-width:701px) and (max-width:1000px)  { .inner { padding:0 30px 0; } }
@media screen and (min-width:471px) and (max-width:700px)   { .inner { padding:0 20px 0; } }
@media screen and (max-width:470px)                         { .inner { padding:0 10px 0; } }


/* ------------------------------------------------- Styles fuer Positionierung der Grundbloecke ------------------------- */
html, body { background-color:#fff; }

#frameSite { width:100%; z-index:1; }

/*header*/
#frameBooking  { left:0; top:0; width:100%; height:34px;  background-color:#bcafa6; border-bottom:1px solid #cecece; z-index:91; } 
#booking       { width:100%; height:100%; }
#bookingInner  { height:26px; width:auto; left:50%; top:50%; transform:translate(-50%, -50%);
                 box-sizing:border-box; padding:0 5px 0 30px; white-space:nowrap;
                 background:url(../Images/head_booking.png) no-repeat 3px 3px; background-size:20px 20px;
                 font-size:14px; line-height:26px; text-decoration:none; text-align:right; color:#fff; }
#bookingLink   { left:0; top:0; width:100%; height:100%; }
#bookingLink a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }

@media screen and (min-width:401px) { #bookingInner .showMobile { display:none; } }
@media screen and (max-width:400px) { #bookingInner .showDesk   { display:none; } }

#frameHeaderPlaceholder { width:100%; margin-top:33px; }

#headerTag    { width:100%; height:100%; }

#frameHeader   { width:100%; left:0; background-color:#fff; border-bottom:1px solid #fff; transition:all 0.2 ease-in-out; z-index:91; }
#header        { height:100%; }
#headerInner   { width:100%; height:100%; }
#logoTop       { left:50%; top:50%; height:82.1%; width:auto; transform:translate(-50%, -50%); }
#logoTop a     { display:block; height:100%; width:auto; margin:0; padding:0; outline-width:0; outline-style:none; outline-color:currentcolor; }
#logoTop img   { height:100%; width:auto; }
#iconContact   { right:0; top:50%; height:40px; width:40px; transform:translate(0, -50%); }
#iconBasket    { right:60px; top:50%; height:40px; width:40px; transform:translate(0, -50%); }
.iconsHead     { width:24px; height:24px; margin:8px; }
.iconsHead a   { display:block; position: relative; width:100%; height:100%; overflow:hidden; }
.iconsHead img { width:100%; height:auto; }

#burger       { left:0; top:50%; height:40px; width:40px; transform:translate(0, -50%); cursor:pointer; }
#burger .b    { right:5px; width:30px; height:1px; background-color:#000; }
#burger .top  { top:13px; }
#burger .cen  { top:20px; }
#burger .bot  { top:27px; }

#frameHeader.headBorder { border-bottom:1px solid #cecece; }

@media screen and (min-width:1281px) {
  #frameHeader { height:140px; }
  #frameHeaderPlaceholder { height:140px; }
}
@media screen and (min-width:1001px) and (max-width:1280px) {
  #frameHeader { height:120px; }
  #frameHeaderPlaceholder { height:120px; }
  #iconBasket { right:50px; }
}
@media screen and (min-width:601px) and (max-width:1000px) {
  #frameHeader { height:100px; }
  #frameHeaderPlaceholder { height:100px; }
  #iconBasket { right:40px; }
}
@media screen and (max-width:600px) {
  #frameHeader { height:80px; height:100px; }
  #frameHeaderPlaceholder { height:80px; height:100px; }
  #iconContact   { right:-5px; }
  #iconBasket { right:35px; }
}
@media screen and (max-width:370px) {
  #logoTop { max-height:70%; }
}

#maskGrey        { left:0; top:0; width:0; height:100%; cursor:pointer; background-color:rgba(0,0,0,0); transition:background-color 0.2s ease-out; z-index:95; }
#maskGrey.active { width:100%; }
#maskGrey.grey   { background-color:rgba(0,0,0,0.5); transition: background-color 0.2s ease-out; }

#mainNavDrawer        { left:0px; top:0px; width:360px; height:100vh; background-color:#fff; z-index:98;
                        transform:translate(-361px, 0); transition:all 0.2s ease-in; }
#mainNavDrawer.active { transform:translate(0px, 0); transition: all 0.2s 0.1s ease-out; }
                        /* Wenn Umbau auf Sliden: z-index 97 und 97 freigehalten */

/*content*/
#frameContent { width:100%; }
#mainTag      {  }

/*footer*/
#frameFooter         { width:100%; }
#footer              { width:100%; }
#footerTag           { display:block; position:relative; width:auto; height:auto; overflow:hidden; }
#footerLogo          { width:100%; padding:1em 0 3em; }
#footerLogoInner     { width:150px; height:128px; margin:0 auto 0; }
#footerLogoInner img { width:100%; height:auto; }
#footerBlocks        { width:100%; margin-top:20px; padding:40px 0 40px; border-top:2px solid #cecece; }

.footerLeftBlockTitle { font-weight:600; text-transform:uppercase; }
.footerLeftBlockText  {  }

#footerLeft          { float:left; width:23%; }
.footerLeftItem      { width:100%; font-size:14px; line-height:28px; text-decoration:none; color:#000; }
.footerLeftAddress   { width:100%; padding-top:6px; }
.footerLeftAddress a { text-decoration:none; color:#000; font-weight:400; padding-right:18px;
                       background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px; }
.footerLeftNumbers   { width:100%; padding-top:16px; }
.footerLeftPhone     { width:100%;  }
.footerLeftPhone a   { text-decoration:none; color:#000; font-weight:400; padding-right:18px;
                       background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px; }
.footerLeftMobile    { width:100%; }
.footerLeftDevice    { float:left; width:60px; font-weight:600; }
.footerLeftNumber    { float:left; }
 
.a-widerruf { display:inline-block; position:relative; width:auto; padding:0 20px; margin:0 0 20px; overflow:hidden;
              font-size:14px; line-height:39px; text-align: center; text-decoration:none; font-weight:500; color:#fff;
			  background-color:#847973; border:1px solid:#847973;
			  transition:background-color 0.7s ease-in-out; }
.a-widerruf:hover { background-color:#9c958f; }

.a-widerruf::after { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%;
                     background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0) 100% );
					 transform: skewX(-10deg); transition: none; }
			  
.a-widerruf:hover::after { animation: shine 1s; /* Startet die Animation bei Hover */ }

@keyframes shine {
  0% {
    left: 150%;
  }
  100% {
    left: -100%; /* Endposition: Außerhalb rechts */
  }
}
 
.footerLeftPhone a:hover,
.footerLeftAddress a:hover { text-decoration:underline; }
 
.footerLeftItem:first-child { min-height:220px; }
.footerLeftItem:last-child  { padding-top:5px; }

#navSocial { width:100%; padding-bottom:20px; transform:translate(-6px,0); }
#navLinks  { width:100%; transform:translate(-10px,0); }

#footerRight     { float:left; width:77%; }
.footerRightItem { float:left; min-height:220px; }

.footerBlockTitle        { text-transform:uppercase; color:#000; } /* accordionHeader */
.footerBlockTitleInner   {  }
.blockTitleText          {  }
.blockTitlePlus          {  } 
.footerBlockText         {  } /* accordionBody no */
.footerBlockTextAnimated {  } /* no */
.footerBlockTextInner    {  } 
.footerBlockTextInner    { font-size:13px; line-height:32px; color:#000; }
.footerBlockTextInner a  { text-decoration:none; color:#000; }

#footerLine      { width:100%; padding:20px 0 20px; border-top:2px solid #cecece; }
#footerLineLeft  { font-size:14px; line-height:28px; color:#000; }
#footerLineRight {  }

@media screen and (min-width:601px) {
 .footerBlockTitle        { padding:5px 0 8px; font-size:13px; line-height:20px; font-weight:600; }
 .footerBlockTitleInner   {  }
 .blockTitleText          {  }
 .blockTitleChevron       { display:none; }
 .footerBlockText         { position:relative; width:100%; overflow:hidden; }
 .footerBlockTextAnimated { position:relative; width:100%; overflow:hidden; }
 .footerBlockTextInner    { position:relative; width:100%; overflow:hidden; } 
}
@media screen and (max-width:600px) {
 .footerBlockTitle        { width:100%; text-align:center; cursor:pointer; line-height:0; padding:0; font-size:16px; line-height:24px; font-weight:600; }
 .footerBlockTitleInner   { display:inline-block; width:auto; }
 .blockTitleText          { width:100%; box-sizing:border-box; padding-right:30px; }
 .blockTitlePlus          { display:block; position:absolute; right:0; top:4px; width:15px; height:15px; cursor:pointer; overflow:hidden; z-index:2; } 
 .blockTitlePlus .p       { background-color:#999; }
 .blockTitlePlus .one     { left:0; top:0; width:1px; height:15px; transform:translate(8px,0) rotate(0deg); }
 .blockTitlePlus .two     { left:0; top:7px; width:15px; height:1px; }
 .footerBlockText         { display:grid; grid-template-rows:0fr; position:relative; width:100%; overflow:hidden; transition: grid-template-rows 0.3s ease-in-out; }
 .footerBlockText.out     { grid-template-rows:1fr; transition: grid-template-rows 0.3s ease-in-out; }
 .footerBlockTextAnimated { min-height:0; transition: min-height 0.3s ease-in-out; }
 .footerBlockTextInner    { opacity:0; transition:opacity 0.4s ease-in-out 0s; padding-bottom:30px;
                            font-size:14px; line-height:28px; text-decoration:none; color:#000; }
 
 .footerBlockText.out .footerBlockTextInner { opacity:1; transition:opacity 0.3s ease-in-out 0.2s; }
 
 .footerBlockTitle .blockTitlePlus .one     { animation:footerPlusAni 0.3s ease-in-out forwards; }
 .footerBlockTitle.out .blockTitlePlus .one { animation:footerPlusAniOpen 0.3s ease-in-out forwards; }
 .footerBlockTitle .blockTitlePlus .two     { opacity:1;  transition: all 0.2s ease-in 0.1s; }
 .footerBlockTitle.out .blockTitlePlus .two { opacity:0;  transition: all 0.2s ease-out; }
}
@keyframes footerPlusAni {
 0%   { width:15px; height:1px; transform:translate(0,7px) rotate(0deg); }
 99%  { width:15px; height:1px; transform:translate(0,7px) rotate(-90deg); }
 100% { width:1px; height:15px; transform:translate(7px,0) rotate(0deg); }
}

@keyframes footerPlusAniOpen {
 0%   { width:1px; height:15px; transform:translate(7px,0) rotate(0deg); }
 99%  { width:1px; height:15px; transform:translate(7px,0) rotate(90deg); }
 100% { width:15px; height:1px; transform:translate(0,7px) rotate(0deg); }
}

@media screen and (min-width:1051px) {
  #footerLineLeft  { float:left; width:25%; }
  #footerLineRight { float:right; width:75%; }
}
@media screen and (min-width:801px) and (max-width:1050px) {
  #footerLineLeft  { width:100%; }
  #footerLineRight { width:100%; }
}
@media screen and (max-width:800px) {
  #footerLineLeft  { width:100%; text-align:center; }
  #footerLineRight { width:100%; text-align:center; }
}

@media screen and (min-width:1261px) {
  .footerRightItem:nth-child(1), .footerRightItem:nth-child(5) { width:30%; }
  .footerRightItem:nth-child(2), .footerRightItem:nth-child(6) { width:28%; }
  .footerRightItem:nth-child(3), .footerRightItem:nth-child(7) { width:26%; }
  .footerRightItem:nth-child(4)                                { width:16%; }
	
  .footerRightItem:nth-child(5),
  .footerRightItem:nth-child(6),
  .footerRightItem:nth-child(7) { min-height:160px; }  
}
@media screen and (min-width:1001px) and (max-width:1260px) {
  .footerRightItem:nth-child(1), .footerRightItem:nth-child(5) { width:32.5%; }
  .footerRightItem:nth-child(2), .footerRightItem:nth-child(6) { width:28%; }
  .footerRightItem:nth-child(3), .footerRightItem:nth-child(7) { width:24.5%; }
  .footerRightItem:nth-child(4)                                { width:15%; }
	
  .footerRightItem:nth-child(5),
  .footerRightItem:nth-child(6),
  .footerRightItem:nth-child(7) { min-height:140px; }  
}
@media screen and (min-width:801px) and (max-width:1000px) {
  #footerLeft { width:28%; }
  #footerRight { width:72%; }

  .footerRightItem:nth-child(1), .footerRightItem:nth-child(4) { width:39%; }
  .footerRightItem:nth-child(2), .footerRightItem:nth-child(5) { width:35%; }
  .footerRightItem:nth-child(3), .footerRightItem:nth-child(6) { width:26%; }
  .footerRightItem:nth-child(7)                                { width:26%; float:right; }

  .footerLeftItem:first-child,
  .footerRightItem:nth-child(1),
  .footerRightItem:nth-child(2),
  .footerRightItem:nth-child(3) { min-height:200px; } 
  .footerRightItem:nth-child(6) { min-height:140px; } 
}
@media screen and (min-width:601px) and (max-width:800px) {
  #footerLeft { width:100%; margin-bottom:20px; text-align:center; }
  #footerRight { width:100%; }
  .footerLeftItem:first-child { min-height:200px; }
  .footerLeftPhone
  .footerLeftMobile { text-align:center; }
  .footerLeftDevice  { display:inline-block; float:none; }
  .footerLeftNumber  { display:inline-block; float:none; }
  
  .footerRightItem:nth-child(1), .footerRightItem:nth-child(4) { width:39%; }
  .footerRightItem:nth-child(2), .footerRightItem:nth-child(5) { width:37%; }
  .footerRightItem:nth-child(3), .footerRightItem:nth-child(6) { width:24%; }
  .footerRightItem:nth-child(7)                                { width:24%; float:right; }

  .footerLeftItem:first-child,
  .footerRightItem:nth-child(1),
  .footerRightItem:nth-child(2),
  .footerRightItem:nth-child(3) { min-height:200px; } 
  .footerRightItem:nth-child(4),
  .footerRightItem:nth-child(5),
  .footerRightItem:nth-child(6),
  .footerRightItem:nth-child(7) { min-height:100px; } 
}
@media screen and (max-width:600px) {
  #footerLeft { width:100%; margin-bottom:20px; text-align:center; }
  #footerRight { width:100%; }
  .footerLeftItem:first-child { min-height:0; margin-bottom:30px; }
  .footerLeftPhone
  .footerLeftMobile { text-align:center; }
  .footerLeftDevice  { display:inline-block; float:none; }
  .footerLeftNumber  { display:inline-block; float:none; }
  
  .footerRightItem { width:100%; min-height:auto; text-align:center; margin-bottom:20px; }
}
  
 
/* ------------------------------------------------- Styles fuer die Top-Navigation  ------------------------------------------------ */
#mainNavDrawer {  } /* fihi */
                    /* Wenn Umbau auf Sliden: z-index 97 und 97 freigehalten */

#mainNavFrame { width:100%; height:100%; display:flex; flex-direction:column; }

#mainNavHead        { width:100%; height:72px; }
#mainNavClose       { right:27px; top:30px; height:30px; width:30px; cursor:pointer; z-index:99; }
#mainNavClose .c    { right:3px; top:15px; width:24px; height:1px; background-color:#999; }
#mainNavClose .down { transform:rotate(45deg); }
#mainNavClose .up   { transform:rotate(-45deg); }

#mainNav { flex:1; width:100%; overflow-x:hidden; overflow-y:auto; }

#mainNavFoot   { width:100%; height:80px; }
#accountLink   { margin:20px 30px 20px; height:40px; text-align:center; }
#accountLink a { display:inline-block; position:relative; width:auto; padding:0 35px 0 15px;
                 font-size:14px; line-height:38px; font-weight:500; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#000;
                 background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px;
                 border:1px solid #bcafa6; background-position: right 10px top 10px; }

#firstUlFrame { display:block; position:relative; width:100%; overflow:visible; transition:opacity 0.2s ease-in-out; }

li.firstLi { display:block; position:relative; list-style:none; width:100%; box-sizing:border-box; padding:0 28px 0; overflow:visible; }

span.firstButton         { display:block; position:relative; width:100%; overflow:hidden; }
span.firstButton.active  {  }
span.firstButton.current {  }
span.firstButton.open    {  }

span.firstButton:last-child { border-bottom:0 none; }

a.firstLink             { display:block; position:relative; width:100%; height:60px; box-sizing:border-box; padding:15px 0 15px; overflow:hidden;
                          font-size:14px; line-height:30px; font-weight:500; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#000; }
span.firstText          { display:block; position:relative; width:100%; box-sizing:border-box; padding-right:20px; height:30px; overflow:hidden; }
span.firstChevron       { display:block; position:absolute; right:0; top:15px; width:16px; height:30px; color:#999; z-index:99; }
span.firstChevron .c    { display:block; position:absolute; left:0px; width:10px; height:1px; background-color:#999; overflow:hidden; }
span.firstChevron .down { top:9px; transform:rotate(60deg); }
span.firstChevron .up   { top:17px; transform:rotate(-60deg); }

span.firstButton.active a,
span.firstButton.current a { color:#000; }

@media screen and (min-width:751px) { 
  span.secondBackMask { display:block; position:absolute; width:0; height:0; background-color:#f9f8f6; overflow:hidden; }

  #firstUlFrame.mask span.secondBackMask { position:fixed; left:360px; top:0; width:360px; height:100vh; background-color:#f9f8f6; }

  li.firstLi        { background-color:transparent; transition:background-color 0.2s ease-in-out; }
  li.firstLi.hasOut { background-color:#f9f8f6; }
  
  li.firstLi span.firstButton                          { border-bottom:1px solid #cecece; transition:border-bottom 0.2s ease-in-out; }
  li.firstLi.hasOut span.firstButton                   { border-bottom:1px solid #fff; }
  li.firstLi:has(+ li.firstLi.hasOut) span.firstButton { border-bottom:1px solid #fff; }

  span.secondSheet      { position:fixed; left:360px; top:0; width:0; height:0; overflow:hidden; opacity:1; background-color:#f9f8f6; transition:width 0.2s ease-in-out; }
  span.secondSheetInner { display:block; position:absolute; right:0; top:0; width:360px; height:100%; box-sizing:border-box; padding:72px 28px 80px; } 

  span.firstButton.show+span.secondSheet { position:fixed; left:360px; top:0; width:0; height:100vh; }
  span.firstButton.out+span.secondSheet { position:fixed; left:360px; top:0; width:360px; height:100vh; }
  span.firstButton.movehard+span.secondSheet { transition:width 0s linear; }
  span.firstButton.fadein+span.secondSheet { opacity:1; transition:opacity 0.2s ease-in-out; }
  span.firstButton.fadeout+span.secondSheet { opacity:0; transition:opacity 0.2s ease-in-out; }
  span.firstButton.clear+span.secondSheet { opacity:0; }  
  
  span.secondTitle,
  span.secondTitleInner,
  span.secondTitleText,
  span.secondTitleChevron { display:none; }
  
  ul.secondUl { display:block; position:relative; width:100%; overflow:hidden; }
  li.secondLi { display:block; position:relative; width:100%; overflow:hidden; }
}
@media screen and (max-width:750px) {
  #firstUlFrame.navFade                 { opacity:0; }
  #firstUlFrame.shrink span.firstButton { height:0; padding:0; border:0 none;  }
  
  span.firstButton { border-bottom:1px solid #cecece; }
  
  span.secondSheet { display:block; position:relative; width:100%; height:0; overflow:hidden; }

  span.firstButton.open+span.secondSheet { height:auto; }
  
  span.secondTitle              { display:block; position:relative; width:100%; border-bottom:1px solid #cecece; overflow:hidden; cursor:pointer; }
  span.secondTitleInner         { display:block; position:relative; width:100%; height:60px; box-sizing:border-box; padding:15px 0 15px; overflow:hidden; cursor:pointer; }
  span.secondTitleText          { display:block; position:relative; width:100%; box-sizing:border-box; padding-left:20px; height:30px; overflow:hidden;
								  font-size:14px; line-height:30px; font-weight:500; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#000; }
  span.secondTitleChevron       { display:block; position:absolute; left:0; top:15px; width:16px; height:30px; z-index:99; }
  span.secondTitleChevron .c    { display:block; position:absolute; left:0; width:10px; height:1px; background-color:#999; overflow:hidden; }
  span.secondTitleChevron .up   { top:11px; transform:rotate(-60deg); }
  span.secondTitleChevron .down { top:19px; transform:rotate(60deg); }
  
  ul.secondUl { display:block; position:relative; width:100%; overflow:hidden; }
  li.secondLi { display:block; position:relative; width:100%; overflow:hidden; }
}

span.secondButton         { display:block; position:relative; width:100%; overflow:hidden; } /* accordionHeader */
span.secondButton.border  { border-bottom:1px solid #cecece; }
span.secondButton.active  {  }
span.secondButton.current {  }

span.firstButton:last-child { border-bottom:0 none; }

a.secondLink         { display:block; position:relative; width:100%; height:60px; box-sizing:border-box; padding:15px 0 15px; overflow:hidden;
					   font-size:14px; line-height:30px; font-weight:500; text-decoration:none; text-transform:uppercase; letter-spacing:1px; color:#000; }
span.secondText      { display:block; position:relative; width:100%; box-sizing:border-box; padding-right:20px; height:30px; overflow:hidden; }

span.secondPlus      { display:block; position:absolute; right:0; top:19px; width:20px; height:20px; cursor:pointer; z-index:99; overflow:hidden; }
span.secondPlus .p   { display:block; position:absolute; background-color:#ccc; overflow:hidden; }
span.secondPlus .one { left:0; top:0; width:2px; height:20px; transform:translate(9px,0) rotate(0deg); }
span.secondPlus .two { left:0; top:9px; width:20px; height:2px; }

span.secondButton span.secondPlus .one      { animation:secondPlusHeight 0.6s ease-in-out forwards; }
span.secondButton.open span.secondPlus .one { animation:secondPlusHeightOpen 0.6s ease-in-out forwards; }
span.secondButton span.secondPlus .two      { opacity:1; transition:all 0.2s ease-in 0.1s; }
span.secondButton.open span.secondPlus .two { opacity:0; transition:all 0.2s ease-out; }

@keyframes secondPlusHeight {
 0%   { width:20px; height:2px; transform:translate(0,9px) rotate(0deg); }
 99%  { width:20px; height:2px; transform:translate(0,9px) rotate(-90deg); }
 100% { width:2px; height:20px; transform:translate(9px,0) rotate(0deg); }
}

@keyframes secondPlusHeightOpen {
 0%   { width:2px; height:20px; transform:translate(9px,0) rotate(0deg); }
 99%  { width:2px; height:20px; transform:translate(9px,0) rotate(90deg); }
 100% { width:20px; height:2px; transform:translate(0,9px) rotate(0deg); }
}

span.thirdMenuAccordion         { display:grid; grid-template-rows:0fr; position:relative; width:100%; overflow:hidden;
                                  transition: grid-template-rows 0.3s ease-in-out; border-bottom:1px solid #cecece; } /* accordionBody */
span.thirdMenuAccordion.open    { grid-template-rows:1fr;
                                  transition: grid-template-rows 0.3s ease-in-out; }
span.thirdMenuAccordionAnimated { min-height:0;
                                  transition: min-height 0.3s ease-in-out; }

ul.thirdUl                      { display:block; position:relative; width:100%; padding:5px 0 30px; overflow:hidden;
                                  opacity:0; transition:opacity 0.2s ease-in-out 0s; }
li.thridLi                      { display:block; position:relative; margin-left:10px; padding:0 0 0 20px; height:40px; border-left:1px solid #cecece; overflow:hidden; }
a.thirdLink                     { display:block; position:relative; width:100%; height:40px; overflow:hidden;
                                  font-size:14px; line-height:40px; font-weight:500; text-decoration:none; color:#000; }
a.thirdLink.active              {  }
a.thirdLink.current             {  }

span.thirdMenuAccordion.open ul.thirdUl { opacity:1; transition:opacity 0.3s ease-in-out 0.2s; }


/*Slider in Navigation*/
.secondMenuContent      { display:block; position:relative; width:100%; overflow:hidden; }
.secondMenuContentInner { display:block; position:relative; margin:40px 0 0 -5px; }
						  
.navslider        { width:100%; } /* swiper navsliderSwiper */
.navsliderWrapper {  } /* swiper-wrapper */

.navsliderItem       { display:flex;  width:90%; justify-content:center; align-items:center; } /* swiper-slide  */
.navsliderItemBorder { width:100%; box-sizing:border-box; padding:5px; }
.navsliderItemInner  { width:100%; }

.navsliderItemImage { width:100%; height:auto; }
.navsliderItemImage img,
.navsliderItemImage picture { display:block; position:relative; overflow:hidden; width:100%; height:auto; }

.navsliderItemText       { width:100%; }
.navsliderItemTextInner  { padding:10px 0 10px; }
.navsliderItemTextTitle  { font-size:15px; line-height:20px; font-weight:600; padding-bottom:10px; }
.navsliderItemTextBody   { font-size:14px; line-height:20px; }
.navsliderItemTextBody p { padding:0; }

.navsliderItemTitle       { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:9;
                            background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }
.navsliderItemTitleInner  { text-align:center; width:100%; height:30px; }
.navsliderItemTitleArrow  { display:inline-block; position:relative; width:auto; padding-right:24px; margin:0 auto 0; overflow:hidden;
                            font-size:14px; line-height:30px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:#fff; 
                            background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 2px; }
.navsliderItemTitleSpacer { width:100%; height:0; }

.navsliderItemTitleSpacer.top    { padding-bottom:20% }
.navsliderItemTitleSpacer.bottom { padding-bottom:8%; }


/* ---------------------------------------------------- Styles fuer die Fussnavigation --------------------------------------------------- */
#navFoot ul   { display:block; position:relative; float:right; text-align:right; width:auto; list-style:none; overflow:hidden; }
#navFoot li   { display:inline-block; position:relative; width:auto; padding-left:20px; padding-bottom:10px;
                font-size:14px; line-height:28px; text-decoration:none; color:#000; }
#navFoot li a { text-decoration:none; color:#000; }

#navFoot li:first-child { padding-left:0; }

@media screen and (min-width:801px) {
  #navFoot ul { text-align:right; }
}
@media screen and (max-width:800px) {
  #navFoot ul { text-align:center; }
}


/* ------------------------------------------------- Styles fuer die Social-Navigation im Fuss ------------------------------------------------ */
#navSocial ul     { float:left; width:auto; text-align:left; }
#navSocial li     { display:block; list-style:none; float:left; width:37px; height:37px; }
#navSocial li img { width:100%; height:auto; }

#navSocial .ico-facebook span.i  { background-image:url(../Images/sm_facebook.svg); }
#navSocial .ico-pinterest span.i { background-image:url(../Images/sm_pinterest.svg); }
#navSocial .ico-instagram span.i { background-image:url(../Images/sm_instagram.svg); }
#navSocial .ico-linkedin span.i  { background-image:url(../Images/sm_linkedin.svg); }
#navSocial .ico-youtube span.i   { background-image:url(../Images/sm_youtube.svg); }
#navSocial .ico-tiktok span.i    { background-image:url(../Images/sm_tiktok.svg); }
#navSocial .ico-whatsapp span.i  { background-image:url(../Images/sm_whatsapp.svg); }

#navSocial span.i { display:block; position:relative; width:37px; height:37px; background-repeat:no-repeat; background-position:4px 4px; background-size:29px 29px; overflow:hidden; }
#navSocial span.t { display:none; }

@media screen and (min-width:1261px) {
  #navSocial li { margin:0; }
}
@media screen and (min-width:1001px) and (max-width:1260px) {
  #navSocial li { margin:0 10px 10px 0; }
  #navSocial li:nth-child(4) { clear:both; }
}
@media screen and (min-width:801px) and (max-width:1000px) {
  #navSocial li { margin:0 10px 10px 0; }
  #navSocial li:nth-child(4) { clear:both; }
}
@media screen and (max-width:800px) {
  #navSocial ul { width:100%; text-align:center; }
  #navSocial li { display:inline-block; float:none; }
}



/* ---------------------------------------------------- Styles fuer die Breadcrump-Navigation --------------------------------------------------- */
#rootline                { width:100%;  }
#rootlineInner           {  }
#rootlineInner nav       { display:block; position:relative; width:auto; overflow:hidden; }
ul.breadcrumb            { display:block; position:relative; width:auto; margin:20px 0 25px; padding:0; line-height:0; text-align:center; overflow:hidden; } 
li.breadcrumbItem        { display:inline-block; width:auto; margin:0; padding:0 4px 0; font-size:14px; line-height:24px; color:#000; overflow:hidden; } 
li.breadcrumbItem a      { text-decoration:none; color:#000;  }
li.breadcrumbItem.slash  { color:#cecece;  } 
li.breadcrumbItem.active {  }

@media screen and (min-width:1001px)                       { ul.breadcrumb {  } }
@media screen and (min-width:701px) and (max-width:1000px) { ul.breadcrumb {  } }
@media screen and (max-width:700px)                        { ul.breadcrumb {  } }
 

/* ---------------------------------------------------------- Styles fuer die Schriften -------------------------------------------------------------- */
html { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; line-height:1.5em; color:#000; }

.text p   { padding-bottom:0.8em; }

.text p a,
.text li a          { text-decoration:none; color:#000; padding-right:18px; font-weight:500;
                      background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px; }

.text p a:hover,
.text li a:hover { text-decoration:underline; }

.text p a.a-button,
.text li a.a-button { display:inline-block; position:relative; width:auto; padding:10px 35px 10px 15px; margin:11px 1px 25px;
                      text-decoration:none; font-weight:500; color:#000;
                      background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px;
                      border:1px solid #bcafa6; background-position: right 10px top 13px; }
.text p a.a-button:hover,
.text li a.a-button:hover { margin:10px 0px 24px; border:2px solid #bcafa6; text-decoration:none; } 

.text .linkRingButton a { display:inline-block; position:relative; width:auto; padding:5px 30px 5px 10px; margin:1px;
                          font-size:0.9em; font-weight:500; text-decoration:none; color:#000;
                          background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px;
                          border:1px solid #bcafa6; background-position: right 10px top 10px; }
.text .linkRingButton a:hover { margin:0; border:2px solid #bcafa6; }

.text .textflowRight { text-align:right; }

.text b,
.text strong { font-weight:600; }

.lowercase { text-transform:lowercase; }

.text .p-claim {  }
.text .p-quote {  }

.image-caption,
.video-caption { font-weight:400; }

.text h1            { font-family: 'Montserrat', 'Times New Roman', Times, serif; margin:0; padding:0; font-weight:500; letter-spacing:-1px; }
.text h1.h1-smaller { font-family: 'Montserrat', 'Times New Roman', Times, serif; margin:0; padding:0; font-weight:500; }
.text h2.h2-bigger  { font-family: 'Montserrat', 'Times New Roman', Times, serif; margin:0; padding:0; font-weight:500; letter-spacing:-1px; }
.text h2            { font-family: 'Montserrat', 'Times New Roman', Times, serif; margin:0; padding:0; font-weight:500; }
.text h2.h2-smaller { font-family: 'Montserrat', 'Times New Roman', Times, serif; margin:0; padding:0; font-weight:500; }
.text h3.h3-bigger  { font-family: 'Montserrat', 'Times New Roman', Times, serif; margin:0; padding:0; font-weight:500; }
.text h3            { font-family: 'Montserrat', 'Times New Roman', Times, serif; margin:0; padding:0; font-weight:500; }

.text h1, .text h2   { text-align:center; }
.text h3             { text-align:left; }
.text h3.text-center { text-align:center; }

.text h1 a, .text h2.h2-bigger a, .text h2 a, .text h2.h2-smaller a, .text h3 a, .text h4 a { text-decoration:none; }

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

/*@media screen and (min-width:1261px) {
  .text h1, .text h2.h2-bigger  { font-size:40px; line-height:50px; }
  .text h2, .text h1.h1-smaller { font-size:32px; line-height:40px; }
  .text h3.h3-bigger            { font-size:32px; line-height:40px; }
  .text h3, .text h2.h2-smaller { font-size:24px; line-height:30px; }
  .text h3.h3-smaller           { font-size:20px; line-height:26px; }
  html                          { font-size:18px; line-height:1.7em; }
}
@media screen and (min-width:1001px) and (max-width:1260px) {
  .text h1, .text h2.h2-bigger  { font-size:36px; line-height:46px; }
  .text h2, .text h1.h1-smaller { font-size:30px; line-height:38px; }
  .text h3.h3-bigger            { font-size:30px; line-height:38px; }
  .text h3, .text h2.h2-smaller { font-size:24px; line-height:30px; }
  .text h3.h3-smaller           { font-size:20px; line-height:26px; }
  html                          { font-size:18px; line-height:1.6em; }
}
@media screen and (min-width:701px) and (max-width:1000px) { */
@media screen and (min-width:701px) {
  .text h1, .text h2.h2-bigger  { font-size:32px; line-height:40px; }
  .text h2, .text h1.h1-smaller { font-size:28px; line-height:36px; }
  .text h3.h3-bigger            { font-size:28px; line-height:36px; }
  .text h3.h3-smaller           { font-size:19px; line-height:25px; }
  html                          { font-size:17px; line-height:1.5em; }
}
@media screen and (max-width:700px) {
  .text h1, .text h2.h2-bigger  { font-size:28px; line-height:36px; }
  .text h2, .text h1.h1-smaller { font-size:24px; line-height:32px; }
  .text h3.h3-bigger            { font-size:24px; line-height:32px; }
  .text h3.h3-smaller           { font-size:18px; line-height:24px; }
  html                          { font-size:16px; line-height:1.4em; }
}

.itrk-legaltext h1 { display:none; }
.itrk-legaltext h2 { margin:30px 0 10px; }
.itrk-legaltext h3 { margin:30px 0 10px; } 

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

.text ul    { list-style-position:outside; margin-bottom:1em; }
.text ul li { font-weight:400; margin-left:36px; margin-bottom:0.3em; }
.text ul li.li-bold::marker { font-weight:600; }
							 
.text ul li ul    { margin:0 0 10px; }
.text ul li ul li { margin-left:0; }

.text ol    { list-style-position:outside; margin-bottom:1em; }
.text ol li { font-weight:400; margin-left:36px; margin-bottom:0.3em; }
.text ol li.li-bold::marker { font-weight:600; }

.text ol li ol    { margin:0 0 10px; }
.text ol li ol li { margin-left:0; }

@media screen and (min-width:1261px) and (max-width:1420px) { .text .element ul { margin-bottom:9px; } .text .element ul li { margin-left:22px; } }
@media screen and (min-width:1001px) and (max-width:1260px) { .text .element ul { margin-bottom:8px; } .text .element ul li { margin-left:20px; } }
@media screen and (min-width:701px) and (max-width:1000px)  { .text .element ul { margin-bottom:7px; } .text .element ul li { margin-left:18px; } }
@media screen and (min-width:481px) and (max-width:700px)   { .text .element ul { margin-bottom:6px; } .text .element ul li { margin-left:17px; } }
@media screen and (max-width:480px)                         { .text .element ul { margin-bottom:5px; } .text .element ul li { margin-left:16px; } }

 
/* ------------------------------------------------- Styles fuer Inhaltsblöcke ------------------------------------------------ */
.element      { width:100%; }
.elementInner {  }

.elementSpacer { width:100%; }

.elementSpaceBefore0  { margin-bottom:0; }
.elementSpaceBefore1  { margin-bottom:5px; }
.elementSpaceBefore2  { margin-bottom:10px; }
.elementSpaceBefore3  { margin-bottom:15px; }
.elementSpaceBefore4  { margin-bottom:20px; }
.elementSpaceBefore5  { margin-bottom:25px; }
.elementSpaceBefore6  { margin-bottom:30px; }
.elementSpaceBefore7  { margin-bottom:35px; }
.elementSpaceBefore8  { margin-bottom:40px; }
.elementSpaceBefore9  { margin-bottom:45px; }
.elementSpaceBefore10 { margin-bottom:50px; }
.elementSpaceBefore11 { margin-bottom:55px; }
.elementSpaceBefore12 { margin-bottom:60px; }
.elementSpaceBefore13 { margin-bottom:65px; }
.elementSpaceBefore14 { margin-bottom:70px; }
.elementSpaceBefore15 { margin-bottom:75px; }
.elementSpaceBefore16 { margin-bottom:80px; }
.elementSpaceBefore17 { margin-bottom:85px; }
.elementSpaceBefore18 { margin-bottom:90px; }
.elementSpaceBefore19 { margin-bottom:95px; }
.elementSpaceBefore20 { margin-bottom:100px; }

.elementSpaceAfter0  { margin-top:0; }
.elementSpaceAfter1  { margin-top:5px; }
.elementSpaceAfter2  { margin-top:10px; }
.elementSpaceAfter3  { margin-top:15px; }
.elementSpaceAfter4  { margin-top:20px; }
.elementSpaceAfter5  { margin-top:25px; }
.elementSpaceAfter6  { margin-top:30px; }
.elementSpaceAfter7  { margin-top:35px; }
.elementSpaceAfter8  { margin-top:40px; }
.elementSpaceAfter9  { margin-top:45px; }
.elementSpaceAfter10 { margin-top:50px; }
.elementSpaceAfter11 { margin-top:55px; }
.elementSpaceAfter12 { margin-top:60px; }
.elementSpaceAfter13 { margin-top:65px; }
.elementSpaceAfter14 { margin-top:70px; }
.elementSpaceAfter15 { margin-top:75px; }
.elementSpaceAfter16 { margin-top:80px; }
.elementSpaceAfter17 { margin-top:85px; }
.elementSpaceAfter18 { margin-top:90px; }
.elementSpaceAfter19 { margin-top:95px; }
.elementSpaceAfter20 { margin-top:100px; }
			
.headingFrame { width:100%; margin:0; padding:0; }
.headerSpacer { width:100%; }

.headerSpaceBottom0  { padding-bottom:0.8em; }
.headerSpaceBottom1  { padding-bottom:0; }
.headerSpaceBottom2  { padding-bottom:0.1em; }
.headerSpaceBottom3  { padding-bottom:0.2em; }
.headerSpaceBottom4  { padding-bottom:0.3em; }
.headerSpaceBottom5  { padding-bottom:0.4em; }
.headerSpaceBottom6  { padding-bottom:0.5em; }
.headerSpaceBottom7  { padding-bottom:0.6em; }
.headerSpaceBottom8  { padding-bottom:0.7em; }
.headerSpaceBottom9  { padding-bottom:0.8em; }
.headerSpaceBottom10 { padding-bottom:0.9em; }
.headerSpaceBottom11 { padding-bottom:1em; }
.headerSpaceBottom12 { padding-bottom:1.1em; }
.headerSpaceBottom13 { padding-bottom:1.2em; }
.headerSpaceBottom14 { padding-bottom:1.3em; }
.headerSpaceBottom15 { padding-bottom:1.4em; }
.headerSpaceBottom16 { padding-bottom:1.5em; }
.headerSpaceBottom17 { padding-bottom:1.6em; }
.headerSpaceBottom18 { padding-bottom:1.7em; }
.headerSpaceBottom19 { padding-bottom:1.8em; }
.headerSpaceBottom20 { padding-bottom:1.9em; }
.headerSpaceBottom21 { padding-bottom:2em; }

.additionalSpaceH0 h1,
.additionalSpaceH0 h2,
.additionalSpaceH0 h3  { margin-bottom:0.6em; }
.additionalSpaceH1 h1,
.additionalSpaceH1 h2,
.additionalSpaceH1 h3  { margin-bottom:0; }
.additionalSpaceH2 h1,
.additionalSpaceH2 h2,
.additionalSpaceH2 h3  { margin-bottom:0.2em; }
.additionalSpaceH3 h1,
.additionalSpaceH3 h2,
.additionalSpaceH3 h3  { margin-bottom:0.4em; }
.additionalSpaceH4 h1,
.additionalSpaceH4 h2,
.additionalSpaceH4 h3  { margin-bottom:0.6em; }
.additionalSpaceH5 h1,
.additionalSpaceH5 h2,
.additionalSpaceH5 h3  { margin-bottom:0.8em; }
.additionalSpaceH6 h1,
.additionalSpaceH6 h2,
.additionalSpaceH6 h3  { margin-bottom:1em; }
.additionalSpaceH7 h1,
.additionalSpaceH7 h2,
.additionalSpaceH7 h3  { margin-bottom:1.2em; }
.additionalSpaceH8 h1,
.additionalSpaceH8 h2,
.additionalSpaceH8 h3  { margin-bottom:1.4em; }
.additionalSpaceH9 h1,
.additionalSpaceH9 h2,
.additionalSpaceH9 h3  { margin-bottom:1.6em; }
.additionalSpaceH10 h1,
.additionalSpaceH10 h2,
.additionalSpaceH10 h3 { margin-bottom:1.8em; }
.additionalSpaceH11 h1,
.additionalSpaceH11 h2,
.additionalSpaceH11 h3 { margin-bottom:2em; }

.additionalTopSpaceH0 p+h1,
.additionalTopSpaceH0 p+h2,
.additionalTopSpaceH0 p+h3  { margin-top:1em; }
.additionalTopSpaceH1 p+h1,
.additionalTopSpaceH1 p+h2,
.additionalTopSpaceH1 p+h3  { margin-top:0; }
.additionalTopSpaceH2 p+h1,
.additionalTopSpaceH2 p+h2,
.additionalTopSpaceH2 p+h3  { margin-top:0.2em; }
.additionalTopSpaceH3 p+h1,
.additionalTopSpaceH3 p+h2,
.additionalTopSpaceH3 p+h3  { margin-top:0.4em; }
.additionalTopSpaceH4 p+h1,
.additionalTopSpaceH4 p+h2,
.additionalTopSpaceH4 p+h3  { margin-top:0.6em; }
.additionalTopSpaceH5 p+h1,
.additionalTopSpaceH5 p+h2,
.additionalTopSpaceH5 p+h3  { margin-top:0.8em; }
.additionalTopSpaceH6 p+h1,
.additionalTopSpaceH6 p+h2,
.additionalTopSpaceH6 p+h3  { margin-top:1em; }
.additionalTopSpaceH7 p+h1,
.additionalTopSpaceH7 p+h2,
.additionalTopSpaceH7 p+h3  { margin-top:1.2em; }
.additionalTopSpaceH8 p+h1,
.additionalTopSpaceH8 p+h2,
.additionalTopSpaceH8 p+h3  { margin-top:1.4em; }
.additionalTopSpaceH9 p+h1,
.additionalTopSpaceH9 p+h2,
.additionalTopSpaceH9 p+h3  { margin-top:1.6em; }
.additionalTopSpaceH10 p+h1,
.additionalTopSpaceH10 p+h2,
.additionalTopSpaceH10 p+h3 { margin-top:1.8em; }
.additionalTopSpaceH11 p+h1,
.additionalTopSpaceH11 p+h2,
.additionalTopSpaceH11 p+h3 { margin-top:2em; }

.additionalTopSpaceH0 ol+h1, .additionalTopSpaceH0 ul+h1,
.additionalTopSpaceH0 ol+h2, .additionalTopSpaceH0 ul+h2,
.additionalTopSpaceH0 ol+h3, .additionalTopSpaceH0 ul+h3  { margin-top:2.0em; }
.additionalTopSpaceH1 ol+h1, .additionalTopSpaceH1 ul+h1,
.additionalTopSpaceH1 ol+h2, .additionalTopSpaceH1 ul+h2,
.additionalTopSpaceH1 ol+h3, .additionalTopSpaceH1 ul+h3  { margin-top:0; }
.additionalTopSpaceH2 ol+h1, .additionalTopSpaceH2 ul+h1,
.additionalTopSpaceH2 ol+h2, .additionalTopSpaceH2 ul+h2,
.additionalTopSpaceH2 ol+h3, .additionalTopSpaceH2 ul+h3  { margin-top:1.2em; }
.additionalTopSpaceH3 ol+h1, .additionalTopSpaceH3 ul+h1,
.additionalTopSpaceH3 ol+h2, .additionalTopSpaceH3 ul+h2,
.additionalTopSpaceH3 ol+h3, .additionalTopSpaceH3 ul+h3  { margin-top:1.4em; }
.additionalTopSpaceH4 ol+h1, .additionalTopSpaceH4 ul+h1,
.additionalTopSpaceH4 ol+h2, .additionalTopSpaceH4 ul+h2,
.additionalTopSpaceH4 ol+h3, .additionalTopSpaceH4 ul+h3  { margin-top:1.6em; }
.additionalTopSpaceH5 ol+h1, .additionalTopSpaceH5 ul+h1,
.additionalTopSpaceH5 ol+h2, .additionalTopSpaceH5 ul+h2,
.additionalTopSpaceH5 ol+h3, .additionalTopSpaceH5 ul+h3  { margin-top:1.8em; }
.additionalTopSpaceH6 ol+h1, .additionalTopSpaceH6 ul+h1,
.additionalTopSpaceH6 ol+h2, .additionalTopSpaceH6 ul+h2,
.additionalTopSpaceH6 ol+h3, .additionalTopSpaceH6 ul+h3  { margin-top:2.0em; }
.additionalTopSpaceH7 ol+h1, .additionalTopSpaceH7 ul+h1,
.additionalTopSpaceH7 ol+h2, .additionalTopSpaceH7 ul+h2,
.additionalTopSpaceH7 ol+h3, .additionalTopSpaceH7 ul+h3  { margin-top:2.2em; }
.additionalTopSpaceH8 ol+h1, .additionalTopSpaceH8 ul+h1,
.additionalTopSpaceH8 ol+h2, .additionalTopSpaceH8 ul+h2,
.additionalTopSpaceH8 ol+h3, .additionalTopSpaceH8 ul+h3  { margin-top:2.4em; }
.additionalTopSpaceH9 ol+h1, .additionalTopSpaceH9 ul+h1,
.additionalTopSpaceH9 ol+h2, .additionalTopSpaceH9 ul+h2,
.additionalTopSpaceH9 ol+h3, .additionalTopSpaceH9 ul+h3  { margin-top:2.6em; }
.additionalTopSpaceH10 ol+h1, .additionalTopSpaceH10 ul+h1,
.additionalTopSpaceH10 ol+h2, .additionalTopSpaceH10 ul+h2,
.additionalTopSpaceH10 ol+h3, .additionalTopSpaceH10 ul+h3 { margin-top:2.8em; }
.additionalTopSpaceH11 ol+h1, .additionalTopSpaceH11 ul+h1,
.additionalTopSpaceH11 ol+h2, .additionalTopSpaceH11 ul+h2,
.additionalTopSpaceH11 ol+h3, .additionalTopSpaceH11 ul+h3 { margin-top:3.0em; }


/* Sytyles für Youtube-Einbindung */
figure.video                 { margin:0; padding:0; border:none; width:100%; }
.videoEmbedded               { position:relative; margin:0; padding:0; border:none; width:100%; height:auto; overflow:hidden;  }
.videoEmbeddedYoutube        { position:relative; width:100%; height:0; padding-bottom:52.75%; overflow:hidden; }
.videoEmbeddedYoutube iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/* Styles für Link-Fläche */
.linkCoverAll     { left:0; bottom:0; width:100%; height:100%; z-index:19; }
.linkCoverAll a   { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:0 none; outline:0 none; overflow:hidden; z-index:19; }
.linkCoverAllSpan { display:block; position:relative; width:100%; height:100%; border:2px solid transparent; box-sizing:border-box; border-radius:10px; overflow:hidden; }

/* Styles für das Verhindern von Text-Kennzeichnungen bei Div als Buttons */
.glass { display:block; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }

/* Styles für das Verhindern von Text-Kennzeichnungen bei Div als Buttons */
.text-gray-700 { max-width:800px; margin:0 auto 0;}

.fixed.bottom-0.left-0.right-0.bg-white.border-t.border-gray-200.p-4 shadow-lg z-50.flex justify-between.items-center { display:block !important; width:100% !important; }
.text-sm text-gray-700 { display:block !important; width:100% !important; }
.flex.gap-3 { display:block !important; width:100% !important; }


/* ______________________________________________________  */ 
/* elementBreak [ break // Trennlinie } */

.elementBreak     {  }
.elementBreakLine { width:100%; height:3px; background-color:#bcafa6; }
 
  
/* ______________________________________________________  */ 
/* elementText [ text // Text (und Überschrift) } */

.elementText {  }

.headerCenter { display:block; position:relative; overflow:hidden; }
.textBodytext { width:100%; }

.textBodytextContainer { display:flex; align-items:flex-end; width:100%; }
.textBodytextLeft      { flex: 1; }
.textBodytextRight     { width:326px; height:auto; flex-shrink:0; }

.ringSingleMaterial    { font-size:0.9em; font-weight:500; color:#bcafa6; }
.ringSingleLinkFrame   { margin-top:15px; }
 
 
/* ______________________________________ */
/* elementImage ( image // Bild )  */

.elementImage { width:100%; }

.imageFrame { width:100%; }
.imageInner { width:100%; }

.imageInner.imageWidth0 { max-width:800px; margin: 0 auto 0; }
.imageInner.imageWidth1 { max-width:1200px; }

.imageInner.imageExtra1 { max-width:600px; margin: 0 auto 0; }
.imageInner.imageExtra2 { max-width:500px; margin: 0 auto 0; }
.imageInner.imageExtra3 { max-width:400px; margin: 0 auto 0; }
.imageInner.imageExtra4 { max-width:300px; margin: 0 auto 0; }
.imageInner.imageExtra5 { max-width:200px; margin: 0 auto 0; }

figure.image            { width:100%; }
figure.image img,
figure.image picture    { width:100%; height:auto; }

figcaption.imageCaption { margin:0; padding:0 0 5px; font-size:0.9em; line-height:1.2 em }

@media screen and (min-width:471px) { .elementImage figure.image+figure.image { margin-top:20px; } }
@media screen and (max-width:470px) { .elementImage figure.image+figure.image { margin-top:10px; } }

.imageCovertext              { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:2; }
.imageCovertext.wob          { background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }
.imageCovertext.bot          { background-color:transparent; }
.imageCovertextSpacer        { width:100%; height:0; }
.imageCovertextSpacer.top    { padding-bottom:20%; }
.imageCovertextSpacer.bottom { padding-bottom:8%; }
.imageCovertextInner         { padding:0 5% 0; }
.imageCovertextTitle         { width:100%;
                               font-size:18px; font-weight:500; line-height:26px; color:#fff; }
.imageCovertextTitle.left    { text-align:left; }
.imageCovertextTitle.center  { text-align:center; }
.imageCovertextTitle.size2   { }
.imageCovertextTitle.size3   { }
	
@media screen and (min-width:1261px) {
  .imageCovertextTitle.size2 { font-size:32px; line-height:40px; }
  .imageCovertextTitle.size3 { font-size:24px; line-height:30px; }
}
@media screen and (min-width:1001px) and (max-width:1260px) {
  .imageCovertextTitle.size2 { font-size:30px; line-height:38px; }
  .imageCovertextTitle.size3 { font-size:24px; line-height:30px; }
}
@media screen and (min-width:701px) and (max-width:1000px) {
  .imageCovertextTitle.size2 { font-size:28px; line-height:36px; }
  .imageCovertextTitle.size3 { font-size:22px; line-height:28px; }
}
@media screen and (max-width:700px) {
  .imageCovertextTitle.size2 { font-size:24px; line-height:32px; }
  .imageCovertextTitle.size3 { font-size:20px; line-height:26px; }
}


/* ______________________________________________ */
/*  ( gallerie_slider // Bildergallerie Slider )  */

.elementGallerie {  }

.ringlsiderFrame   { margin:30px 0 30px;  }
.gallerieInner   {  }

.gallerieClaimCenter { width:100%; padding-bottom:30px; text-align:center; }
.gallerieClaim       { font-size:14px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }

.gallerieHeaderCenter { width:100%; padding-bottom:40px; }
.gallerieHeader       {  }
.gallerieHeader h2    {  }

.gallerieSliderFrame   { width:100%; }
.gallerieSlider        { width:100%; }/* swiper gallerieSwiper */
.gallerieSliderWrapper {  }/* swiper-wrapper no */

.gallerieSwiperItem      {  }/* swiper-slide */
.gallerieSwiperItemCover { width:100%; box-sizing:border-box; padding:5px; }
.gallerieSwiperItemInner { width:100%; }

.gallerieSwiperItemImage { width:100%; height:auto; }
.gallerieSwiperItemImage img,
.gallerieSwiperItemImage picture { display:block; position:relative; overflow:hidden; width:100%; height:auto; }

.gallerieSwiperItemTitle              { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:9;
                                        background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }  /* abhi */
.gallerieSwiperItemTitleInner         { text-align:center; width:100%; height:30px; }
.gallerieSwiperItemTitleArrow         { display:inline-block; position:relative; width:auto; padding-right:24px; margin:0 auto 0; overflow:hidden;
                                        font-size:14px; line-height:30px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:#fff; 
                                        background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 2px; }
.gallerieSwiperItemTitleWithout       { display:inline-block; position:relative; width:auto; margin:0 auto 0; overflow:hidden;
                                        font-size:14px; line-height:30px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:#fff; }
.gallerieSwiperItemTitleSpacer        { width:100%; height:0; }
.gallerieSwiperItemTitleSpacer.top    { padding-bottom:10% }
.gallerieSwiperItemTitleSpacer.bottom { padding-bottom:8%; }

.gallerieSliderFrame .swiper-slide { display:flex; justify-content:center; align-items:center; }

@media screen and (min-width:1421px) {
  .gallerieSliderFrame.noHandy .swiper-slide,
  .gallerieSliderFrame.withHandy .swiper-slide { width:26%; }
}
@media screen and (min-width:1201px) and (max-width:1420px) {
  .gallerieSliderFrame.noHandy .swiper-slide,
  .gallerieSliderFrame.withHandy .swiper-slide { width:30%; }
}
@media screen and (min-width:1001px) and (max-width:1200px) {
  .gallerieSliderFrame.noHandy .swiper-slide,
  .gallerieSliderFrame.withHandy .swiper-slide { width:40%; }
}
@media screen and (min-width:801px) and (max-width:1000px) {
  .gallerieSliderFrame.noHandy .swiper-slide,
  .gallerieSliderFrame.withHandy .swiper-slide { width:46%; }
}
@media screen and (min-width:701px) and (max-width:800px) {
  .gallerieSliderFrame.noHandy .swiper-slide,
  .gallerieSliderFrame.withHandy .swiper-slide { width:52%; }
}
@media screen and (min-width:601px) and (max-width:700px) {
  .gallerieSliderFrame.noHandy .swiper-slide,
  .gallerieSliderFrame.withHandy .swiper-slide { width:64%; }
}
@media screen and (max-width:600px) {
  .gallerieSliderFrame.noHandy .swiper-wrapper { display:block; position:relative; width:100%; overflow:hidden; transform:translate3d(0px, 0px, 0px) !important; }
  .gallerieSliderFrame.noHandy .swiper-slide { display:block; width:100%; } 
  .gallerieSliderFrame.noHandy .gallerieSwiperItem:nth-child(n+5) { display:none; }
  .gallerieSliderFrame.noHandy .gallerieSwiperItemCover { padding:5px 10px 5px; }
  
  .gallerieSliderFrame.withHandy .swiper-slide { width:90%; }
}
 
 
/* _________________________*/
/*  ( video // Video )  */

.elementVideo {   }

.videoCenter {  }

.videoAccordionFrame           { width:100%; border-top:2px solid #cecece; border-bottom:2px solid #cecece; }
.videoAccordionHeader          { width:100%; padding:1em 0 1em; cursor:pointer; }
.videoAccordionHeaderInner     { width:100%; box-sizing:border-box; padding-right:30px; }
.videoAccordionHeaderPlus      { right:10px; top:1.3em; width:22px; height:22px; cursor:pointer; z-index:2; }
.videoAccordionHeaderPlus .one { left:9px; top:0; width:3px; height:21px; background-color:#999; }
.videoAccordionHeaderPlus .two { left:0; top:9px; width:21px; height:3px; background-color:#999; }
.videoAccordionAnswer          { display:grid; grid-template-rows:0fr; position:relative; width:100%; overflow:hidden;
                                 transition: grid-template-rows 0.3s ease-in-out; }
.videoAccordionAnswer.out      { grid-template-rows:1fr;
           
		                         transition: grid-template-rows 0.3s ease-in-out; }
.videoAccordionAnswerAnimated  { min-height:0;
                                 transition: min-height 0.3s ease-in-out; }
.videoAccordionAnswerInner     { padding:0 30px 0 0; margin-bottom:20px; border-left:3px solid #cecece; margin:0 0 30px 20px; opacity:0; transition:opacity 0.2s ease-in-out 0s; }

.videoAccordionAnswer.out .faqAnswerInner { opacity:1; transition:opacity 0.3s ease-in-out 0.2s; }

.videoYoutubeBox             { margin:0 0 24px; width:100%; height:auto; }
.videoYoutubePlaceholder     { width:100%; height:auto; }
.videoYoutubePlaceholder img { width:100%; height:auto; cursor:pointer; }
.videoYoutubeClick           { left:0; top:0; width:100%; height:100%; z-index:8; cursor:pointer; }
.videoYoutubeButton          { left:50%; top:50%; width:79px; height:56px; z-index:9; transform: translate(-50%,-50%);
                               background:url(../Images/youtube_play.png) 0 0 no-repeat; background-size:100% 100%; }

.videoYoutubeClick:hover .videoYoutubeButton { background:url(../Images/youtube_play_hover.png) 0 0 no-repeat; background-size:100% 100%; }


/* _________________________*/
/*  ( faq // FAQ Element )  */

.elementFAQ {   }

.faqFrame           { width:100%; border-top:2px solid #fff; }
.faqHeader          { width:100%; padding:1em 0 1em; cursor:pointer; }
.faqHeaderInner     { width:100%; box-sizing:border-box; padding-right:40px; }
.faqHeaderPlus      { right:10px; top:1.1em; width:22px; height:22px; cursor:pointer; z-index:2; }
.faqHeaderPlus .one { left:9px; top:0; width:3px; height:21px; background-color:#999; }
.faqHeaderPlus .two { left:0; top:9px; width:21px; height:3px; background-color:#999; }
.faqAnswer          { display:grid; grid-template-rows:0fr; position:relative; width:100%; overflow:hidden;
                      transition: grid-template-rows 0.3s ease-in-out; }
.faqAnswer.out      { grid-template-rows:1fr;
                      transition: grid-template-rows 0.3s ease-in-out; }
.faqAnswerAnimated  { min-height:0;
                      transition: min-height 0.6s /*ease-out*/ ease-in-out; }
.faqAnswerInner     { padding:0 30px 0 20px; border-left:3px solid #cecece; margin:0 0 30px 20px; opacity:0; transition:opacity 0.2s ease-in-out 0s;
                      font-size:0.9em; }
					  
.faqAnswer.out .faqAnswerInner { opacity:1; transition:opacity 0.3s ease-in-out 0.2s; }

.faqAnswer p:last-child { padding-bottom:0; }

.elementFAQ+.elementFAQ .faqFrame { border-top:2px solid #cecece; }

.faqHeader .faqHeaderPlus          { transform:translate(10px,0) rotate(0deg);  transition: all 0.3s /*ease-in*/ ease-in-out; }
.faqHeader.out .faqHeaderPlus      { transform:translate(10px,0) rotate(90deg); transition: all 0.3s /*ease-out*/ ease-in-out; }
.faqHeader .faqHeaderPlus .two     { opacity:1;  transition: all 0.2s ease-in 0.1s; }
.faqHeader.out .faqHeaderPlus .two { opacity:0;  transition: all 0.2s ease-out; }

.faqImagesFrame   { margin:0; }
.faqImage         { width:100%; margin-bottom:12px; }
.faqImage img     { width:100%; height:auto; }
.faqImageCaption  { width:100%; padding:4px 0 2px; font-size:0.9 em; font-weight:400; line-height:1.4em; }

.faqYoutubeBox             { width:100%; height:auto; margin:0 0 24px; }
.faqYoutubePlaceholder     { width:100%; height:auto; }
.faqYoutubePlaceholder img { width:100%; height:auto; cursor:pointer; }
.faqYoutubeClick           { left:0; top:0; width:100%; height:100%; z-index:8; cursor:pointer; }
.faqYoutubeButton          { left:50%; top:50%; width:79px; height:56px; z-index:9; transform: translate(-50%,-50%);
                             background:url(../Images/youtube_play.png) 0 0 no-repeat; background-size:100%; }
										 
.faqYoutubeClick:hover .faqYoutubeButton { background:url(../Images/youtube_play_hover.png) 0 0 no-repeat; background-size:100%; }


/* __________________________*/
/*  (material // Material )  */

.materialFrame           {  }
.materialContainer       { display:flex; width:100%; }
.materialSelectImage     { width:80px; flex-shrink:0; }
.materialSelectImage img { display:block; width:100%; height:auto; overflow:hidden; }
.materialSelectText      { flex-grow: 1; padding-left:15px; }
.materialSelectTitle     { font-weight:600; line-height:1.4em; padding-bottom:1px; }
.materialSelectBody      { line-height:1.4em; }


/* ___________________*/
/*  ( team // Team )  */

.elementTeam {  }

.teamItemFrame         { width:100%; }
.teamItemFrameInner    {  }
.teamItemContainer     { width:104%; margin-left:-2%; margin-top:-2%; }
.teamItem              { float:left; width:50%; box-sizing:border-box; padding:2%; }
.teamItemInner         {  }
.teamItemImage         { width:100%; }
.teamItemImage figure  { width:100%; display:block; margin:0; padding:0; }
.teamItemImage img     { width:100%; height:auto; display:block; margin:0; padding:0; }
.teamItemTitel         { width:100%; margin-top:20px; line-height:1.2em; font-weight:600; }
.teamItemClaim         { width:100%; font-size:0.9em; text-transform:uppercase; letter-spacing:1px; font-weight:600; color:#bcafa6; }
.teamItemText          { width:100%; margin-top:15px; }
.teamItemLines         { width:100%; margin-top:15px; transition:all 0.3 ease-in-out; }
.teamItemLineFrame     { width:100%; min-height:48px; box-sizing:border-box; padding-left:65px; min-height:6.8em; }
.teamItemLineText      { width:100%; display:none; opacity:0; transition:opacity 0.3s ease-in-out; }
.teamItemLineText.fade { opacity:1; transition:opacity 0.3s ease-in-out; }
.teamItemLineText.act  { display:block; }
.teamItemLineIcon      { left:0; top:0; width:48px; height:48px; z-index:2; }
.teamItemLineIconInner { left:50%; top:50%; transform:translate(-50%,-50%) rotate(0deg); width:100%; height:100%; cursor:pointer; z-index:3;
                         background:url(../Images/circle_arrow_232.png) no-repeat 0 0; background-size:100% 100%; }

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

.teamItem:nth-child(3) { clear:both; float:left; }

@media screen and  (max-width:700px) {
 .teamItemContainer   { width:100%; margin-left:0; margin-top:0; }
 .teamItem            { float:none; width:100%; padding:0 0 60px; }
 .teamItem:last-child { padding:0; }
}


/* ______________________________*/
/*  ( tab // Ringgrößetabelle )  */

.tabFrame            { width:100%; }
.tabTitle            { width:100%; text-align:center; cursor:pointer; line-height:0; }
.tabTitleInner       { display:inline-block; width:auto; }
.tabTitleText        { width:100%; box-sizing:border-box; padding-right:40px; }
.tabTitlePlus        { right:5px; top:0.5em; width:22px; height:22px; cursor:pointer; z-index:2; }
.tabTitlePlus .one   { left:0; top:0; width:3px; height:21px; background-color:#999; }
.tabTitlePlus .two   { left:0; top:9px; width:21px; height:3px; background-color:#999; }

.tabAccordion         { display:grid; grid-template-rows:0fr; position:relative; width:100%; overflow:hidden;
                        transition: grid-template-rows 0.3s /*ease-in*/ ease-in-out; }
.tabAccordion.out     { grid-template-rows:1fr;
                        transition: grid-template-rows 0.3s /*ease-out*/ ease-in-out; }
.tabAccordionAnimated { min-height:0;
                        transition: min-height 0.3s /*ease-out*/ ease-in-out; }
.tabAccordionInner    { opacity:0; transition:opacity 0.2s ease-in-out 0s; }
					  
.tabAccordion.out .tabAccordionInner { opacity:1; transition:opacity 0.3s ease-in-out 0.2s; }
 
.tabTitle .tabTitlePlus .one     { transform:translate(10px,0) rotate(0deg);  transition: all 0.2s /*ease-in*/ ease-in-out; }
.tabTitle.out .tabTitlePlus .one { transform:translate(10px,0) rotate(90deg); transition: all 0.2s /*ease-out*/ ease-in-out; }
.tabTitle .tabTitlePlus .two     { opacity:1;  transition: all 0.2s ease-in 0.1s; }
.tabTitle.out .tabTitlePlus .two { opacity:0;  transition: all 0.2s ease-out; }
							   
.tabAccordionBody { width:100%; padding-bottom:1em; }

.tabAccordionLables             { width:100%; padding-bottom:1em; }
.tabAccordionLablesLeft         { float:left; width:49%; }
.tabAccordionLablesLeftRing     { float:left; text-align:center; }
.tabAccordionLablesLeftRingRot  { width:100%; }
.tabAccordionLablesLeftDia      { float:right; text-align:center; }
.tabAccordionLablesLeftDiaRot   { width:100%; }
.tabAccordionLablesRight        { float:right; width:49%; }
.tabAccordionLablesRightRing    { float:left; text-align:center; }
.tabAccordionLablesRightRingRot { width:100%; }
.tabAccordionLablesRightDia     { float:right; text-align:center; }
.tabAccordionLablesRightDiaRot  { width:100%; }

.tabAccordionCols           { width:100%; padding-bottom:1em; }
.tabAccordionColsLeft       { float:left; width:49%; }
.tabAccordionColsLeftRing   { float:left; width:40%; text-align:center; padding-bottom:0.5em; }
.tabAccordionColsLeftDia    { float:left; width:50%; text-align:center; padding-bottom:0.5em; }
.tabAccordionColsRight      { float:right; width:49%; }
.tabAccordionColsRightRing  { float:left; width:40%; text-align:center; padding-bottom:0.5em; }
.tabAccordionColsRightDia   { float:left; width:50%; text-align:center; padding-bottom:0.5em; }

@media screen and (max-width:801px) {
  .tabAccordionLablesLeftRing,
  .tabAccordionLablesRightRing { width:40%; }
  .tabAccordionLablesLeftDia,
  .tabAccordionLablesRightDia { width:60%; }
}
@media screen and (min-width:751px) and (max-width:800px) {
  .tabAccordionLablesLeftRing,
  .tabAccordionLablesRightRing { width:35%; }
  .tabAccordionLablesLeftDia,
  .tabAccordionLablesRightDia { width:65%; }
}
@media screen and (min-width:701px) and (max-width:750px) {
  .tabAccordionLablesLeftRing,
  .tabAccordionLablesLeftDia,
  .tabAccordionLablesRightRing,
  .tabAccordionLablesRightDia  { min-height:180px; }
  .tabAccordionLablesLeftRingRot,
  .tabAccordionLablesRightRingRot { position:absolute; left:58%; bottom:28px; width:120px; transform: translate(-50%,0) rotate(-45deg); }
  .tabAccordionLablesLeftDiaRot,
  .tabAccordionLablesRightDiaRot  { position:absolute; left:58%; bottom:70px; width:220px; transform: translate(-50%,0) rotate(-45deg); }
}
@media screen and (max-width:700px) {
  .tabAccordionLablesLeftRing,
  .tabAccordionLablesRightRing { width:45%; min-height:205px; }
  .tabAccordionLablesLeftDia,
  .tabAccordionLablesRightDia { width:55%; min-height:205px; }
  .tabAccordionLablesLeftRingRot,
  .tabAccordionLablesRightRingRot { position:absolute; left:50%; bottom:30px; width:120px; transform: translate(-50%,0) rotate(-90deg); }
  .tabAccordionLablesLeftDiaRot,
  .tabAccordionLablesRightDiaRot { position:absolute; left:50%; bottom:88px; width:220px; transform: translate(-50%,0) rotate(-90deg); }
  .tabAccordionColsLeftRing,
  .tabAccordionColsRightRing { width:45%; }
  .tabAccordionColsLeftDia,
  .tabAccordionColsRightDia { width:55%; }
}


/* __________________________________________*/
/*  ( home_headimages // Home: Kopfbilder )  */

#homeBanner            { width:100%; }
#homeBanner.onlyMobile {  }
#homeBanner img,
#homeBanner picture    { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

#homePanels      { width:100%; margin-bottom:60px; }
#homePanelsInner { margin:10px; }

#homePanelFirst  {  }
#homePanelSecond {  }
#homePanelThird  {  }

#homePanelSecondInner { width:100%; height:auto; overflow:hidden; }

.homePanel img, 
.homePanel picture { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

.homePanelTextFrame { left:0; bottom:0; width:100%; height:auto; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.5) 100%); z-index:2; } /*abhi*/

.homePanelTextBlock      { height:auto; z-index:2; }
.homePanelTextBlockInner { padding:40px 20px 40px 40px; }
.homePanelTextTitle      { text-transform:uppercase; letter-spacing:1px; color:#fff; }
.homePanelTextTitle p    { padding:0; }
.homePanelTextBody       { font-size:15px; line-height:26px; font-weight:300; color:#fff; }
.homePanelTextBody p     { padding:0; } 

.homePanelTextLinks      { overflow:hidden; z-index:2; }
.homePanelTextLinksInner { padding:40px 40px 40px 20px; }
.homePanelFirstLink      { width:100%; color:#fff; }
.homePanelFirstLink a    { display:block; position:relative; color:#fff; text-decoration:none; overflow:hidden;
                           padding-right:22px; background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 1px; }
.homePanelSecondLink     { width:100%; color:#fff; }
.homePanelSecondLink a   { display:block; position:relative; color:#fff; text-decoration:none; overflow:hidden;
                           padding-right:22px; background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 1px; }

@media screen and (min-width:1341px) {
  .homePanelTextBlock  { float:left; width:50%; }
  .homePanelTextTitle  { font-size:16px; line-height:26px; font-weight:600; padding-bottom:8px; }
  .homePanelTextBody   { font-size:15px; line-height:26px; }
  .homePanelTextLinks  { position:absolute; right:0; bottom:0; width:50%; max-width:380px; height:auto; }
  .homePanelFirstLink  { font-size:16px; line-height:26px; font-weight:500; padding-bottom:10px; }
  .homePanelSecondLink { font-size:16px; line-height:26px; font-weight:500; padding-top:10px; }
  
  .text .homePanelTextTitle h1,
  .text .homePanelTextTitle h2,
  .text .homePanelTextTitle h3 { font-size:16px; line-height:26px; font-weight:600; padding-bottom:8px; text-transform:uppercase; letter-spacing:1px; color:#fff; }
  
  .homePanelLink            { border-bottom:1px solid rgba(255,255,255,0.7); }
  .homePanelLink:last-child { border-bottom:0 none; }
}
@media screen and (min-width:1261px) and (max-width:1340px) {
  .homePanelTextBlock  { float:left; width:50%; }
  .homePanelTextBlockInner { padding:30px 15px 30px 30px; }
  .homePanelTextTitle  { font-size:15px; line-height:24px; font-weight:600; padding-bottom:6px; }
  .homePanelTextBody   { font-size:14px; line-height:24px; }
  .homePanelTextLinks  { position:absolute; right:0; bottom:0; width:50%; max-width:380px; height:auto; }
  .homePanelTextLinksInner { padding:30px 30px 30px 15px; }
  .homePanelFirstLink  { font-size:15px; line-height:24px; font-weight:500; padding-bottom:8px; }
  .homePanelSecondLink { font-size:15px; line-height:24px; font-weight:500; padding-top:8px; }
  .homePanelFirstLink a,
  .homePanelSecondLink a { background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 0; }
  
  .text .homePanelTextTitle h1,
  .text .homePanelTextTitle h2,
  .text .homePanelTextTitle h3 { font-size:15px; line-height:24px; font-weight:600; padding-bottom:6px; text-transform:uppercase; letter-spacing:1px; color:#fff; }
  
  .homePanelLink            { border-bottom:1px solid rgba(255,255,255,0.7); }
  .homePanelLink:last-child { border-bottom:0 none; }
}
@media screen and (min-width:1001px) and (max-width:1260px) {
  .homePanelTextBlock  { width:100%; }
  .homePanelTextBlockInner { padding:30px 30px 20px 30px; }
  .homePanelTextTitle  { font-size:15px; line-height:24px; font-weight:600; padding-bottom:6px; }
  .homePanelTextBody   { font-size:14px; line-height:24px; }
  .homePanelTextLinks  { position:relative; float:right; width:100%; max-width:400px; }
  .homePanelTextLinksInner { padding:0 30px 30px 30px; }
  .homePanelFirstLink  { font-size:15px; line-height:24px; font-weight:500; padding-bottom:8px; }
  .homePanelSecondLink { font-size:15px; line-height:24px; font-weight:500; padding-top:8px; }
  .homePanelFirstLink a,
  .homePanelSecondLink a { background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 0; }
  
  .text .homePanelTextTitle h1,
  .text .homePanelTextTitle h2,
  .text .homePanelTextTitle h3 { font-size:15px; line-height:24px; font-weight:600; padding-bottom:6px; text-transform:uppercase; letter-spacing:1px; color:#fff; }
  
  .homePanelLink            { border-bottom:1px solid rgba(255,255,255,0.7); }
  .homePanelLink:last-child { border-bottom:0 none; }

}
@media screen and (min-width:801px) and (max-width:1000px) {
  .homePanelTextBlock  { width:100%; }
  .homePanelTextBlockInner { padding:30px 30px 0px 30px; }
  .homePanelTextTitle  { font-size:15px; line-height:24px; font-weight:600; }
  .homePanelTextBody   { font-size:14px; line-height:24px; }
  .homePanelTextLinks  { position:relative; width:100%; }
  .homePanelTextLinksInner { padding:0 30px 30px 30px; }
  .homePanelFirstLink  { font-size:14px; line-height:24px; font-weight:500; }
  .homePanelSecondLink { font-size:14px; line-height:24px; font-weight:500; }
  .homePanelFirstLink a,
  .homePanelSecondLink a { background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top -1px; }
  
  .text .homePanelTextTitle h1,
  .text .homePanelTextTitle h2,
  .text .homePanelTextTitle h3 { font-size:15px; line-height:24px; font-weight:600; text-transform:uppercase; letter-spacing:1px; color:#fff; }
}
@media screen and (min-width:601px) and (max-width:800px) {
  .homePanelTextBlock  { float:left; width:50%; }
  .homePanelTextBlockInner { padding:30px 15px 30px 30px; }
  .homePanelTextTitle  { font-size:15px; line-height:24px; font-weight:600; padding-bottom:6px; }
  .homePanelTextBody   { font-size:14px; line-height:24px; }
  .homePanelTextLinks  { position:absolute; right:0; bottom:0; width:50%; max-width:380px; height:auto; }
  .homePanelTextLinksInner { padding:30px 30px 30px 15px; }
  .homePanelFirstLink  { font-size:15px; line-height:24px; font-weight:500; padding-bottom:8px; }
  .homePanelSecondLink { font-size:15px; line-height:24px; font-weight:500; padding-top:8px; }
  .homePanelFirstLink a,
  .homePanelSecondLink a { background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 0; }
  
  .text .homePanelTextTitle h1,
  .text .homePanelTextTitle h2,
  .text .homePanelTextTitle h3 { font-size:15px; line-height:24px; font-weight:600; padding-bottom:6px; text-transform:uppercase; letter-spacing:1px; color:#fff; }
  
  .homePanelLink            { border-bottom:1px solid rgba(255,255,255,0.7); }
  .homePanelLink:last-child { border-bottom:0 none; }
}
@media screen and (max-width:600px) {
  .homePanelTextBlock  { width:100%; }
  .homePanelTextBlockInner { padding:50px 40px 20px 40px; }
  .homePanelTextTitle  { text-align:center; font-size:17px; line-height:24px; font-weight:600; padding-bottom:4px; }
  .homePanelTextBody   { text-align:center; font-size:17px; line-height:24px; }
  .homePanelTextLinks  { position:relative; width:100%; }
  .homePanelTextLinksInner { padding:0 40px 30px 40px; max-width:400px; margin:0 auto 0; }
  .homePanelFirstLink  { font-size:14px; line-height:24px; font-weight:500; padding-bottom:8px; }
  .homePanelSecondLink { font-size:14px; line-height:24px; font-weight:500; padding-top:8px; }
  .homePanelFirstLink a,
  .homePanelSecondLink a { background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top -1px; }
  
  .text .homePanelTextTitle h1,
  .text .homePanelTextTitle h2,
  .text .homePanelTextTitle h3 { text-align:center; font-size:17px; line-height:24px; font-weight:600; padding-bottom:4px;
                                 text-transform:uppercase; letter-spacing:1px; color:#fff; }
  
  .homePanelLink            { border-bottom:1px solid rgba(255,255,255,0.7); }
  .homePanelLink:last-child { border-bottom:0 none; }
}
	
@media screen and (min-width:801px) {
  #homeBanner.onlyMobile img,
  #homeBanner.onlyMobile picture { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; }

  #homePanelsInner { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:10px; }
  #homePanelFirst  { grid-column: 1; grid-row: 1; }
  #homePanelSecond { grid-column: 2; grid-row: 1 / span 2; }
  #homePanelThird  { grid-column: 1; grid-row: 2; }

  #homePanelSecondInner { position:absolute; left:0; top:0; }

  .homePanel.onlyMobile img, 
  .homePanel.onlyMobile picture { display:block; position:relative; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; overflow:hidden; }
}
@media screen and (min-width:601px) and (max-width:800px) {
  #homePanels      { margin-bottom:20px; }
  #homePanelsInner { position:relative; overflow:hidden; }
  #homePanelFirst,
  #homePanelSecond { width:100%; height:auto; margin-bottom:10px; }
  #homePanelThird  { width:100%; height:auto; }

  #homePanelSecondInner { position:relative; }
}
@media screen and (max-width:600px) {
  #homePanels      { margin-bottom:20px; }
  #homePanelsInner { position:relative; overflow:hidden; }
  #homePanelFirst,
  #homePanelSecond { width:100%; height:auto; margin-bottom:10px; }
  #homePanelThird  { width:100%; height:auto; }

  #homePanelSecondInner { position:relative; }
}


/* __________________________________*/
/*  ( home_google // Home: Google )  */

.elementGoogle { width:100%; }
.googleFrame   { margin-bottom:60px;  } /*inner*/

.googleClaimCenter { width:100%; padding-bottom:30px; }
.googleClaim       { font-size:14px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }

.googleHeaderCenter { width:100%; padding-bottom:40px; }
.googleHeader       { width:100%; }
.googleHeader h2    {  }

.googleSliderArea      { width:100%; }
.googleReviewLinkFrame {  } /*no*/
.googleReviewLink      { width:253px; margin:0 auto 0; }
.googleReviewLink a    { display:block; position:relative; overflow:hidden; text-decoration:none; color:#000; padding-right:18px;
                         font-size:14px; line-height:30px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
                         background:url(../Images/arrow-top-right-24.svg) no-repeat right top 4px; background-size:20px 20px; }

.googleSliderFrame { width:100%; }
.googleSlider      { width:100%; } /*swiper googleSwiper*/

.googleSwiperPagenationFrame { width:100%; min-height:60px; }
.googleSwiperPagenation      { width:100%; height:30px; margin-top:5px; text-align:left; } /*swiper1-pagination*/

.googleSwiperPagenation .swiper-pagination-bullet { display:inline-block; position:relative; overflow:hidden; text-align:left; height:30px; width:auto;
                                                    border-radius:0; background-color:transparent; opacity:1; margin:0; }
													
.googleSwiperPagenation .googleBulletNumber { display:block; float:left; position:relative; overflow:hidden; height:30px;
                                              padding:0 5px 0 0px; transition:all 0.5s ease-in-out;
                                              font-size:14px; line-height:30px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#a9a6a1; }
											  
.googleSwiperPagenation .googleBulletLine      { display:block; float:left; position:relative; overflow:hidden; height:30px; width:120px; 
                                                 max-width:0; padding:0 15px 0 0; transition:all 0.5s ease-in-out; }
												 
.googleSwiperPagenation .googleBulletLine span { display:block; position:relative; overflow:hidden; width:100%; height:2px; margin:15px 0 13px;
                                                 background-color:#bcafa6; transition:all 0.5s ease-in-out; }


.googleSwiperPagenation .swiper-pagination-bullet-active .googleBulletNumber { color:#000; }
.googleSwiperPagenation .swiper-pagination-bullet-active .googleBulletLine   { max-width:120px; }

.googleSwiperWrapper {  } /*swiper-wrapper no  wichtig: kein display, kein overflow*/

.googleSwiperItem       { width:100%; float:left; background-color:#f9f8f6; } /*swiper-slide*/
.googleSwiperItemInner  { padding:60px 60px 60px; }
.googleSwiperItemText   { width:100%; min-height:150px; margin-bottom:20px; }
.googleSwiperItemFoot   { width:100%; }

.googleSwiperItemPerson {  }

.googleSwiperItemPersonImage        { display:inline-block; /*width:32px; height:32px;*/ width:50px; height:50px; }
.googleSwiperItemPersonImageCircle  { width:100%; height:100%; /*border-radius:16px;*/ border-radius:25px; }
.googleSwiperItemPersonImagePic     { width:100%; height:100%; }
.googleSwiperItemPersonImagePic img { width:100%; height:auto; }
.googleSwiperItemPersonColour       { width:100%; height:100%; text-align:center; background-color:#000;
                                      /*font-size:18px; line-height:32px;*/ font-size:24px; line-height:50px; font-weight:500; color:#fff; }

.googleSwiperItemPersonColour.reviewsColour1  { background-color:#ee531a; }
.googleSwiperItemPersonColour.reviewsColour2  { background-color:#ac310f; }
.googleSwiperItemPersonColour.reviewsColour3  { background-color:#689835; }
.googleSwiperItemPersonColour.reviewsColour4  { background-color:#005b49; }
.googleSwiperItemPersonColour.reviewsColour5  { background-color:#0688d6; }
.googleSwiperItemPersonColour.reviewsColour6  { background-color:#05589c; }
.googleSwiperItemPersonColour.reviewsColour7  { background-color:#947abb; }
.googleSwiperItemPersonColour.reviewsColour8  { background-color:#512dab; }
.googleSwiperItemPersonColour.reviewsColour9  { background-color:          #6d5d50; }
.googleSwiperItemPersonColour.reviewsColour10 { background-color:#6d5d50; }
.googleSwiperItemPersonColour.reviewsColour11 { background-color:#5d68c1; }
.googleSwiperItemPersonColour.reviewsColour12 { background-color:#01876e; }

.googleSwiperItemPersonText { display:inline-block; padding-left:20px; }
.googleSwiperItemPersonName { text-align:left; font-size:20px; line-height:30px; font-weight:600; white-space:nowrap; }
.googleSwiperItemPersonDate { text-align:left; font-size:13px; line-height:20px; font-weight:400; white-space:nowrap;  } /*googleDateCalculate*/
/* googleSwiperItemPersonCalculate hide*/

.googleSwiperItemGoogletop      { width:100%; padding-bottom:30px; }
.googleSwiperItemGoogletopInner { width:135px; margin:0 auto 0; }
.googleSwiperItemGoogletopStars { float:right; width:90px; height:22px; background:url(../Images/reviews_5_stars.png) no-repeat 0 2px; background-size:100% auto; }
.googleSwiperItemGoogletopPipe  { float:right; width:1px; height:22px; background-color:#cecece; margin:0 10px 0;  }
.googleSwiperItemGoogletopIcon  { float:right; width:22px; height:22px; background:url(../Images/reviews_google-mark.svg) no-repeat 0 0; background-size:auto 100%; }

.googleSwiperItemGoogle      { float:right; width:175px; }
.googleSwiperItemGoogleInner { margin:14px 40px 14px 0; }
.googleSwiperItemGoogleStars { float:right; width:90px; height:22px; background:url(../Images/reviews_5_stars.png) no-repeat 0 2px; background-size:100% auto; }
.googleSwiperItemGooglePipe  { float:right; width:1px; height:22px; background-color:#cecece; margin:0 10px 0;  }
.googleSwiperItemGoogleIcon  { float:right; width:22px; height:22px; background:url(../Images/reviews_google-mark.svg) no-repeat 0 0; background-size:auto 100%; }
	
@media screen and (min-width:801px) {
  .googleClaim { text-align:left; }
  .googleHeader.text h1,
  .googleHeader.text h2 { text-align:left; }
  .googleReviewLinkFrame { position:absolute; right:0; top:4px; width:253px; z-index:9; } /*no*/
  .googleSwiperItemGoogletop { display:none; }
  .googleSwiperPagenationFrame { float:left; max-width:480px; }
  .googleSwiperPagenation { float:left; } /*swiper1-pagination*/
  .googleSwiperItemPerson { float:left; width:60%; text-align:left; }
  .googleSwiperItemText { text-align:left; }
}
@media screen and (max-width:800px) {
  .googleFrame { margin-bottom:20px;  } /*inner*/
  .googleClaim { text-align:center; }
  .googleReviewLinkFrame { position:relative; width:100%; padding-bottom:30px; } /*no*/
  .googleSwiperItemGoogle { display:none; }
  .googleSwiperPagenation { text-align:center; } /*swiper1-pagination*/
  .googleSwiperItemPerson { width:100%; text-align:center; }
  .googleSwiperItemText { text-align:center; }

  .googleSliderFrame .swiper-wrapper { display:flex; align-items:stretch; }
  .googleSliderFrame .swiper-slide {  height: auto; }
}
@media screen and (max-width:600px) {
  .googleSwiperItemInner  { padding:40px 20px 40px; }
  .googleSwiperItemPersonText { padding-left:10px; }
  .googleSwiperPagenation .swiper-pagination-bullet-active .googleBulletLine { max-width:60px; }
}
@media screen and (max-width:500px) {
  .googleSwiperPagenation .swiper-pagination-bullet-active .googleBulletLine { max-width:30px; }
  .googleSwiperPagenation .googleBulletLine { padding:0 10px 0 0; }
}
@media screen and (max-width:400px) {
  .googleSwiperPagenation .swiper-pagination-bullet-active .googleBulletLine { max-width:25px; }
  .googleSwiperPagenation .googleBulletLine { padding:0 8px 0 0; }
}


/* _________________________________________________*/
/*  ( home_collektion // Home: Kollektion-Slider )  */

.elementCollection {  }
.collectionFrame   { width:100%; }

.collectionFirstLayer { width:100%; }

.collectionSliderSpacerTop    { width:100%; height:50px; background-color:#000; }
.collectionSliderSpacerBottom { width:100%; height:5px; background-color:#000; }
.collectionSliderMaskTop      { left:0; top:0; width:100%; height:70px; background-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0) 100%); z-index:2; }
.collectionSliderMaskBottom   { left:0; bottom:0; width:100%; height:70px; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,1) 100%); z-index:3; }

.collectionSlider        { width:100%; } /* swiper collectionMediaSwiper */
.collectionSliderWrapper {  } /* swiper-wrapper no */
.collectionSliderItem    { width:100%; float:left; background-color:#000; } /* swiper-slide #collectionSliderItem{firstlayer.cycle} */
.collectionSlider video,
.collectionSlider img,
.collectionSlider picture { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

.collectionsSecondLayer { left:0; top:0; width:100%; z-index:4; }

.collectionsStaticSpacer { width:100%; height:0; }
.collectionsStaticText   { height:100%; }
.collectionsStaticClaim  { font-size:14px; line-height:20px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#fff; }
.collectionsStaticTitle  {  }

.text .collectionsStaticTitle h2 { text-align:left; color:#fff; }

.collectionsThirdLayer {  }

.collectionFaderFrame  { width:100%; }
.collectionFader       { width:100%; } /* swiper collectionTextSwiper */
.collectionFaderSpacer { width:100%; height:0; }

.collectionFaderPagenationFrame { width:100%; }
.collectionFaderPagenationInner {  }
.collectionFaderPagenation      { width:100%; height:30px; } /* swiper-pagination  */

.collectionFaderPagenation .swiper-pagination-bullet { display:block; float:left; position:relative; overflow:hidden; height:30px; width:auto;
                                                       border-radius:0; background-color:transparent; opacity:1; }
.collectionFaderPagenation .swiper-pagination-bullet .collectionBulletLine { display:block; position:relative; overflow:hidden; opacity:0.5; width:50px; height:3px;
                                                                             margin:14px 5px 13px 0; background-color:#fff; }
.collectionFaderPagenation .swiper-pagination-bullet-active .collectionBulletLine { opacity:1; }

/* ueberschreibt aussenabstand 4px von .swiper-pagination-bullet aus swiper-bundle.min.js*/
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction { bottom:0; top:0; }

/* ueberschreibt abstaende von .swiper-pagination-horizontal aus swiper-bundle.min.js*/
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets { .swiper-pagination-bullet { margin:0; } }

.collectionFaderWrapper {  } /* swiper-wrapper no */
.collectionFaderItem    { width:100%; }/* swiper-slide */

.collectionFaderTextInner      {  }
.collectionFaderText           {  }
.collectionFaderTextLeft       {  }
.collectionFaderTextTitle      { padding-bottom:5px; font-size:14px; line-height:20px; font-weight:600; letter-spacing:1px; text-transform:uppercase; color:#fff; }
.collectionFaderTextBody       { max-width:400px; font-size:14px; line-height:20px; font-weight:300; color:#fff; }
.collectionFaderTextRight      {  }
.collectionFaderTextRightInner {  }
.collectionFaderTextLinkWrap   { float:right; width:auto; min-width:260px; }
.collectionFaderTextLink       { padding:10px 0 10px; border-bottom:1px solid rgba(255,255,255,0.7); }

@media screen and (min-width:1001px) {
  .collectionsStaticSpacer,
  .collectionFaderSpacer { padding-bottom:5%; }
  .collectionsStaticClaim { margin-bottom:20px; }
  .collectionSliderSpacerTop,
  .collectionSliderSpacerBottom,
  .collectionSliderMaskTop,
  .collectionSliderMaskBottom { display:none; }
  .collectionsThirdLayer { position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; display:flex; flex-direction:column; }
  .collectionFaderFrame { margin-top:auto; }
  .collectionFaderPagenationFrame { padding-bottom:10px; }
  .collectionFaderText { display:flex; align-items:stretch; }
  .collectionFaderTextLeft { flex:1; }
  .collectionFaderTextRight { flex:1; display:flex; flex-direction:column; }
  .collectionFaderTextRightInner { margin-top:auto; }
  .collectionFaderTextLink:last-child { padding:10px 0 0; border-bottom:0 none; }
  .text .collectionFaderTextLink a { display:block; position:relative; width:100%; box-sizing:border-box; padding-right:22px; overflow:hidden;
                                     font-size:14px; line-height:20px; font-weight:500; text-decoration:none; letter-spacing:1px; text-transform:uppercase; color:#fff;
                                     background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top -2px; }
}
@media screen and (min-width:801px) and (max-width:1000px) {
  .collectionsStaticSpacer,
  .collectionFaderSpacer { padding-bottom:3%; }
  .collectionsStaticClaim { margin-bottom:10px; }
  .collectionSliderSpacerTop,
  .collectionSliderSpacerBottom,
  .collectionSliderMaskTop,
  .collectionSliderMaskBottom { display:none; }
  .collectionsThirdLayer { position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; display:flex; flex-direction:column; }
  .collectionFaderFrame { margin-top:auto; }
  .collectionFaderPagenationFrame { padding-bottom:10px; }
  .collectionFaderText { display:flex; align-items:stretch; }
  .collectionFaderTextLeft { flex:1; }
  .collectionFaderTextRight { flex:1; display:flex; flex-direction:column; }
  .collectionFaderTextRightInner { margin-top:auto; }
  .collectionFaderTextLink:last-child { padding:10px 0 0; border-bottom:0 none; }
  .text .collectionFaderTextLink a { display:block; position:relative; width:100%; box-sizing:border-box; padding-right:22px; overflow:hidden;
                                     font-size:14px; line-height:20px; font-weight:500; text-decoration:none; letter-spacing:1px; text-transform:uppercase; color:#fff;
                                     background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top -2px; }
}
@media screen and (max-width:800px) {
  .collectionSliderSpacerTop,
  .collectionSliderSpacerBottom,
  .collectionSliderMaskTop,
  .collectionSliderMaskBottom {  }

  .collectionsStaticSpacer { padding-bottom:25px; }
  .collectionsStaticClaim { margin-bottom:10px; text-align:center; }
  .text .collectionsStaticTitle h2 { text-align:center; }

  .collectionsThirdLayer { position:relative; width:100%; background-color:#000; }
  .collectionFaderSpacer { padding-bottom:15px; }
  .collectionFaderPagenationFrame { padding-bottom:15px; }
  .collectionFaderPagenation { text-align:center; } /* swiper-pagination  */
  .collectionFaderPagenation .swiper-pagination-bullet { display:inline-block; float:none; }
  .collectionFaderText { width:100%; }
  .collectionFaderTextLeft { width:100%; }
  .collectionFaderTextRight { width:100%;  }
  .collectionFaderTextRightInner {  }
  .collectionFaderTextTitle { text-align:center; }
  .collectionFaderTextBody { text-align:center; margin:0 auto 17px;  }
  .collectionFaderTextLinkWrap { float:none; width:100%; text-align:center; }
  .collectionFaderTextLink { padding:0 0 17px; border-bottom:0 none; }
  .text .collectionFaderTextLink a { display:inline-block; position:relative; width:auto; padding-right:20px; margin:0 auto 0; overflow:hidden;
                                     font-size:12px; line-height:20px; font-weight:500; text-decoration:none; letter-spacing:1px; text-transform:uppercase; color:#fff;
                                     background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 1px; background-size:auto 95%; }
}


/* _________________________________________ */
/*  ( home_service // Home: Service-Icons )  */

.elementService { width:100%; }

.serviceFrame     { width:100%; text-align:center; margin:30px 0 30px; }
.serviceInner     {  }
.serviceItem      { float:left; }
.serviceItemInner { padding:20px; margin:0 auto 0; max-width:280px; }

.serviceItemImage          { width:100%;  }
.serviceItemImageInner     { width:60px; height:60px; margin:0 auto 0; }
.serviceItemImageInner img { width:100%; height:auto; }

.serviceItemTitle      { width:100%; padding-top:15px; }
.serviceItemTitleInner { font-size:18px; line-height:26px; font-weight:600; text-align:center; }

.serviceItemText      { width:100%; padding-top:10px; }
.serviceItemTextInner { font-size:14px; line-height:22px; font-weight:400; text-align:center;  }

@media screen and (min-width:1121px) {
 .serviceInner { width:100%; }
 .serviceItem { width:25%; }
}
@media screen and (min-width:1001px) and (max-width:1120px) {
 .serviceInner { width:100%; }
 .serviceItem { width:25%; }
 .serviceItemInner { margin:18px; }
 .serviceItemTitleInner { font-size:16px; line-height:24px; }
 .serviceItemTextInner { font-size:12px; line-height:20px;  }
}
@media screen and (min-width:701px) and (max-width:1000px) {
 .serviceFrame { margin:10px 0 10px; }
 .serviceInner { display:inline-block; width:auto; }
 .serviceItem { width:50%; }
 .serviceItem:nth-child(3) { clear:both; }
}
@media screen and (max-width:700px) {
 .serviceFrame { margin:0; }
 .serviceInner { width:100%; }
 .serviceItem { width:100%; }
 .serviceItemInner { padding:20px 20px 20px; }
}


/* _________________________________________ */
/*  ( home_ringslider // Home: Ringslider )  */

.elementRingslider {  }

.ringlsiderFrame   { margin:30px 0 30px;  }
.ringsliderInner   {  }

.ringsliderClaimCenter { width:100%; padding-bottom:30px; text-align:center; }
.ringsliderClaim       { font-size:14px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }

.ringsliderHeaderCenter { width:100%; padding-bottom:40px; }
.ringsliderHeader       {  }
.ringsliderHeader h2    {  }

.ringsliderSliderFrame   { width:100%; }
.ringsliderSlider        { width:100%; }/* swiper ringsliderSwiper */
.ringsliderSliderWrapper {  }/* swiper-wrapper no */

.ringsliderSwiperItem      {  }/* swiper-slide */
.ringsliderSwiperItemCover { width:100%; box-sizing:border-box; padding:5px; }
.ringsliderSwiperItemInner { width:100%; }

.ringsliderSwiperItemImage { width:100%; height:auto; }
.ringsliderSwiperItemImage img,
.ringsliderSwiperItemImage picture { display:block; position:relative; overflow:hidden; width:100%; height:auto; }

.ringsliderSwiperItemTitle              { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:9;
                                          background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }  /* abhi */
.ringsliderSwiperItemTitleInner         { text-align:center; width:100%; height:30px; }
.ringsliderSwiperItemTitleArrow         { display:inline-block; position:relative; width:auto; padding-right:24px; margin:0 auto 0; overflow:hidden;
                                          font-size:14px; line-height:30px; font-weight:500; letter-spacing:1px; text-transform:uppercase; color:#fff; 
                                          background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 2px; }
.ringsliderSwiperItemTitleSpacer        { width:100%; height:0; }
.ringsliderSwiperItemTitleSpacer.top    { padding-bottom:20% }
.ringsliderSwiperItemTitleSpacer.bottom { padding-bottom:8%; }

.ringsliderSliderFrame .swiper-slide { display:flex; justify-content:center; align-items:center; }

@media screen and (min-width:1421px) {
  .ringsliderSliderFrame .swiper-slide { width:26%; }
}
@media screen and (min-width:1201px) and (max-width:1420px) {
  .ringsliderSliderFrame .swiper-slide { width:30%; }
}
@media screen and (min-width:1001px) and (max-width:1200px) {
  .ringsliderSliderFrame .swiper-slide { width:40%; }
}
@media screen and (min-width:801px) and (max-width:1000px) {
  .ringsliderSliderFrame .swiper-slide { width:46%; }
}
@media screen and (min-width:701px) and (max-width:800px) {
  .ringsliderSliderFrame .swiper-slide { width:52%; }
}
@media screen and (min-width:601px) and (max-width:700px) {
  .ringsliderSliderFrame .swiper-slide { width:64%; }
}
@media screen and (max-width:600px) {
  .ringsliderSliderFrame .swiper-wrapper { display:block; position:relative; width:100%; overflow:hidden; transform:translate3d(0px, 0px, 0px) !important; }
  .ringsliderSliderFrame .swiper-slide { display:block; width:100%; } 
  .ringsliderSwiperItem:nth-child(n+5) { display:none; }
  .ringsliderSwiperItemCover { padding:5px 10px 5px; }
}


/* ________________________ */
/*  ( cta // CTA Element )  */

.ctaFrame            { width:100%; border-top:5px solid #fff; border-bottom:5px solid #fff; }
.ctaImage            { width:100%; background-color:#000; }
.ctaImage img,
.ctaImage video,
.ctaImage picture    { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
.ctaText             { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.2); z-index:3; } /*abhi*/
.ctaTextInner        { display:flex; align-items:center; height:100%; } /*inner*/
.ctaTextCenter       { width:100%; max-width:600px; height:auto; }
.ctaTextClaim        { width:100%; text-align:left;
                       font-size:14px; line-height:24px; font-weight:500; text-transform:uppercase; letter-spacing:1px; color:#fff; }
.ctaTextClaimSpacer  { width:100%; height:0; padding-bottom:3%; }
.ctaTextTitle        { width:100%; text-align:left;
                       font-size:14px; line-height:20px; font-weight:500; color:#fff; }
.ctaTextTitleSpacer  { width:100%; height:0; padding-bottom:3%; }
.ctaTextLink         { width:100%; text-align:left; }
.ctaTextLinkInner    { display:inline-block; width:auto; height:20px; padding-right:22px;
                       font-size:14px; line-height:24px; font-weight:500; text-transform:uppercase; letter-spacing:1px; text-decoration:none; color:#fff;
                       background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 0px;} /*no*/

@media screen and (min-width:1261px) {
  .ctaTextTitle { font-size:32px; line-height:40px; }
  .ctaTextLinkInner .short { display:none; }
}
@media screen and (min-width:1001px) and (max-width:1260px) {
  .ctaTextTitle { font-size:30px; line-height:38px; }
  .ctaTextLinkInner .short { display:none; }
}
@media screen and (min-width:801px) and (max-width:1000px) {
  .ctaTextTitle { font-size:28px; line-height:36px; }
  .ctaTextLinkInner .short { display:none; }
}
@media screen and (min-width:701px) and (max-width:800px) {
  .ctaTextTitle { font-size:28px; line-height:36px; }
  .ctaTextClaimSpacer { padding-bottom:5%; }
  .ctaTextTitleSpacer { padding-bottom:5%; }
  .ctaTextLinkInner .short { display:none; }
}
@media screen and (min-width:601px) and (max-width:700px) {
  .ctaTextTitle { font-size:28px; line-height:36px; }
  .ctaTextClaimSpacer { padding-bottom:5%; }
  .ctaTextTitleSpacer { padding-bottom:5%; }
  .ctaTextLinkInner .short { display:none; }
}
@media screen and (max-width:600px) {
  .ctaTextTitle { font-size:24px; line-height:32px; }
  .ctaTextCenter { max-width:100%; }
  .ctaTextClaim,
  .ctaTextTitle,
  .ctaTextLink { text-align:center; }
  .ctaTextClaimSpacer { padding-bottom:4%; }
  .ctaTextTitleSpacer { padding-bottom:14%; }
  .ctaTextLinkInner { font-weight:600; }
  .ctaTextLinkInner .long { display:none; }
}


/* ________________________________________________________________ */
/*  ( Seite SiteWeddingFilter.html  +  RingEngagementFilter.html )  */

/* mainPartStart */
.mainPartStart {  }

/* mainPartFilter */
.mainPartFilter {  }

.ringFilterContainer { width:100%; height:100px; } /* #ringFilter */
.ringFilterBar       { width:100%; background-color:#fff; overflow:visible; } /* no */
.ringFilterSpacer    { width:100%; height:0; padding-bottom:2.2%; }
.ringFilterInner     {  } /* inner */

#frameSite.filterrel .ringFilterBar { position:relative; }
#frameSite.filterfix .ringFilterBar { position:fixed; left:0; z-index:91; }

.ringFilterBorder { display:flex; flex-direction:row; justify-content:center; width:100%;
                    border-top:1px solid #cecece; border-bottom:1px solid #cecece; }

#frameSite.filterfix .ringFilterBorder { border-top:0 none; }
					  
#ringFilterDrawer     {  }
#ringFilterDrawerFlex {  }

#ringFilterDrawerHeader      { width:100%; height:64px; border-bottom:1px solid #cecece; text-align:center;
                               font-size:18px; line-height:64px; font-weight:500; color:#000; }
#ringFilterDrawerClose       { right:16px; top:16px; height:30px; width:30px; cursor:pointer; z-index:99; }
#ringFilterDrawerClose .c    { right:3px; top:15px; width:24px; height:1px; background-color:#000; }
#ringFilterDrawerClose .up   { transform:rotate(45deg); }
#ringFilterDrawerClose .down { transform:rotate(-45deg); }

#ringFilterDrawerInner {  } /* no */

#ringFilterDrawerFooter     { width:100%; height:120px; box-sizing:border-box; padding:5px; border-top:1px solid #cecece; }
#ringFilterDrawerStartFrame { margin:5px; height:45px; }
#ringFilterDrawerStart      { margin:5px; height:45px; background-color:#000; text-align:center; font-size:16px; line-height:45px; font-weight:500; color:#fff;
                              opacity:0;transition:opacity 0.2s ease-in-out; }
#ringFilterDrawerShowNumber {  }
.ringFilterDrawerShowMulti  { display:inline; }
.ringFilterDrawerShowNo     { display:none; }
.ringFilterDrawerShowNoHide { display:inline; }
#ringFilterDrawerMask       { left:0; top:0; width:100%; height:100%; display:none; }
#ringFilterDrawerClear      { margin:5px; height:45px; text-align:center; font-size:16px; line-height:45px; font-weight:500; color:#000;
                              opacity:0;transition:opacity 0.2s ease-in-out; }

#ringFilterDrawerStart.show { opacity:1; cursor:pointer; } 

#ringFilterDrawerStart.one .ringFilterDrawerShowMulti { display:none; }
#ringFilterDrawerStart.no                             { background-color:#999; transition:all 0.2s ease-in-out; }
#ringFilterDrawerStart.no .ringFilterDrawerShowMulti  { display:inline; }
#ringFilterDrawerStart.no .ringFilterDrawerShowNo     { display:inline; }
#ringFilterDrawerStart.no .ringFilterDrawerShowNoHide { display:none; }

#ringFilterDrawerStartFrame.no #ringFilterDrawerMask { display:block; }

#ringFilterDrawerClear.show { opacity:1; cursor:pointer }

/* box */
.ringFilterBox       { width:auto; padding:25px 0 25px; margin:0 5px 0; transition:padding 0.2s ease-in-out; }
.ringFilterBoxInner  { height:50px; margin:0; border:0; transition:padding 0.3s ease-in-out, height 0.2s ease-in-out; }
.ringFilterDrawerBox { transition:padding 0.2s ease-in-out; } /*case */

/* box drop */
.ringFilterBoxInner.drop     {  }
.ringFilterBoxTitle          { left:15px; top:12px; width:160px; height:24px; text-align:left; transition:top 0.2s ease-in-out;
                               font-size:17px; line-height:23px; font-weight:500; color:#000; }
.ringFilterBoxCounterFrame   { right:15px; top:13px; width:80px; height:24px; transition:top 0.2s ease-in-out; }
.ringFilterBoxCheck          { float:left; width:23px; height:24px; transition:all 0.3s ease-in-out;
                               background:url(../Images/check_24.png) no-repeat 0 0; background-size:18px; 24px; }
.ringFilterBoxCounter        { float:left; width:35px; height:24px; text-align:right;
                               font-size:17px; line-height:23px; font-weight:500; color:#000; }  /* #ringFilterBoxCounter{} */
.ringFilterBoxCounterChevron { right:0; top:0; width:20px; height:24px;
                               background:url(../Images/arrow-toggle-12.svg) no-repeat right 3px top 7px; background-size:12px auto; }
.ringFilterBoxSelect         { left:0; top:0; width:100%; height:100%; cursor:pointer; } /* #ringFilterBoxSelect-{} */

#frameSite.filtershrink .ringFilterBox,
#frameSite.filtershrink .ringFilterDrawerBox { padding:5px 0 5px; }
#frameSite.filtershrink .ringFilterBoxInner { height:30px; }
#frameSite.filtershrink .ringFilterBoxTitle { top:3px; }
#frameSite.filtershrink .ringFilterBoxCounterFrame { top:3px; }

/* box drop accordion */
.ringFilterBoxDrop          { transition:top 0.2s ease-in-out; }
.ringFilterBoxAccordion     { display:grid; grid-template-rows:0fr; position:relative; width:100%; overflow:hidden;
                              transition: grid-template-rows 0.4s ease-in-out; }
.ringFilterBoxAccordion.out { grid-template-rows:1fr;
                              transition: grid-template-rows 0.4s ease-in-out; }
.ringFilterBoxAnimated      { min-height:0;
                              transition: min-height 0.4s ease-in-out; } /* no */
.ringFilterBoxDropInner     { width:100%; opacity:0; transition:opacity 0.3s ease-in-out; }
 
.ringFilterDrawerBox.out .ringFilterBoxAccordion { grid-template-rows:1fr; transition:grid-template-rows 0.4s ease-in-out; }
.ringFilterDrawerBox.out .ringFilterBoxDropInner { opacity:1; transition:opacity 0.2s ease-in-out 0.2s; }

/* box drop accordion item */
.ringFilterBoxItem.drop      {  }
.ringFilterBoxItemInner.drop { height:50px; padding:13px 52px 13px 14px; width:100%; box-sizing:border-box; transition:all 0.1s ease-in-out; }
.ringFilterBoxItemCheck      { float:left; width:0; height:24px; margin-right:0; transition:all 0.3s ease-in-out;
                               background:url(../Images/check_24.png) no-repeat 0 0; background-size:18px 24px; }
.ringFilterBoxItemThumb      { float:left; width:24px; height:24px; margin-right:5px; }
.ringFilterBoxItemThumb img  { display:block; position:relative; width:24px; height:24px; overflow:hidden; }
.ringFilterBoxItemText       { float:left; height:24px; margin-right:5px; transition:all 0.1s ease-in-out;  
                               font-size:16px; line-height:24px; font-weight:400; color:#000; transition:all 0.3s ease-in-out; }
.ringFilterBoxItemNumber     { right:20px; top:13px; width:32px; height:24px; text-align:right;
                               font-size:16px; line-height:24px; font-weight:400; color:#000; }  /* #ringFilterItemNumber-{}-{} */
.ringFilterSelect.drop       { left:0; top:0; width:100%; height:100%; cursor:pointer; } /* #ringFilterSelect-{}-{} */     
								
.ringFilterBoxItem.drop.active .ringFilterBoxItemInner  {  }
.ringFilterBoxItem.drop.active .ringFilterBoxItemCheck  { width:18px; margin-right:5px; } 
.ringFilterBoxItem.drop.active .ringFilterBoxItemText   { font-weight:500; }
.ringFilterBoxItem.drop.active .ringFilterBoxItemNumber { font-weight:500; }

/* box switch */
.ringFilterBoxItem.switch             { width:100%; height:100%;  }
.ringFilterBoxItemInner.switch        { height:50px; padding:13px 52px 13px 14px; width:100%; box-sizing:border-box; transition:height 0.2s ease-in-out, padding 0.2s ease-in-out; }
.ringFilterBoxItemLable               { width:100%; height:24px; 
                                        font-size:17px; line-height:24px; font-weight:500; color:#000; }
.ringFilterBoxItemToggle              { right:13px; top:13px; width:44px; height:24px; background-color:#e3dcd4; border-radius:12px; transition:all 0.2s ease-in-out; }
.ringFilterBoxItemToggle .toggleInner { left:3px; top:3px; width:18px; height:18px; background-color:#fff; border-radius:9px; transition:all 0.2s ease-in-out; }
.ringFilterSelect.switch              { left:0; top:0; width:100%; height:100%; cursor:pointer; } /* #ringFilterSelect-{}-{} */

.ringFilterBoxItem.switch.active .ringFilterBoxItemToggle { background-color:#2d8d8c; } 
.ringFilterBoxItem.switch.active .toggleInner             { left:21px; } 

#frameSite.filtershrink .ringFilterBoxItemInner.switch { height:30px; padding:3px 52px 3px 14px; }
#frameSite.filtershrink .ringFilterBoxItemToggle { top:3px; }

/* box all (Handy) */
.ringFilterBox.all            {  } /* #ringFilterBoxAll */
.ringFilterBoxAllInner        { background-color:#f9f8f6; transition:height 0.2s ease-in-out; } /* .ringFilterBoxInner */
.ringFilterBoxTitle           {  }
.ringFilterBoxAllCounterFrame { right:15px; top:13px; width:auto; height:24px; transition:top 0.2s ease-in-out; }
.ringFilterBoxAllCheck        { float:left; width:23px; height:24px; transition:all 0.3s ease-in-out;
                                background:url(../Images/check_24.png) no-repeat 0 0; background-size:18px; 24px; }
.ringFilterBoxCounter         { width:auto; margin-right:20px; }/* #ringFilterBoxAllCounter */
.ringFilterBoxCounterChevron  {  }
.ringFilterBoxSelect          {  }/* #ringFilterBoxAllSelect */	

#frameSite.filtershrink .ringFilterBoxAllInner { height:30px; }
#frameSite.filtershrink .ringFilterBoxAllCounterFrame { top:3px; }

/* box search */
.ringFilterBox.search     { margin-right:0; }
.ringFilterBoxSearchInner { background-color:#f9f8f6; }
.ringFilterBoxSearchText  { left:13px; top:13px; width:90px; height:24px; transition:top 0.2s ease-in-out; }
.ringFilterBoxSearchLable { float:left; width:65px; height:24px;
                            font-size:17px; line-height:24px; font-weight:500; color:#000; }
.ringFilterBoxSearchCheck { float:left; width:23px; height:24px; opacity:0; transition:all 0.2s ease-in-out;
                            background:url(../Images/check_24.png) no-repeat 0 -3px; background-size:18px 24px; }
.ringFilterBoxSearchIcon  { right:13px; top:13px; width:24px; height:24px; transition:top 0.2s ease-in-out;
                            background:url(../Images/search-24.svg) no-repeat 0 0; background-size:auto 24px; }
.ringFilterBoxSearchOpen  { left:0; top:0; width:100%; height:100%; cursor:pointer;  }  /* #ringSearchOpen */

#frameSite.filtershrink .ringFilterBoxSearchText { top:3px; }
#frameSite.filtershrink .ringFilterBoxSearchIcon { top:3px; }

/* box searchdrawer*/
.ringSearchDrawer       { position:absolute; right:0px; top:0px; height:100%; width:1000%; max-width:0; overflow:hidden;
                          transition:max-width 0.3s ease-in-out, height 0s linear 0.6s; }
.ringSearchErrorMessage { width:0; height:0; left:10px; top:0; padding:0 10px 0; background-color:#fff; transition:top 0.2s ease-in-out;
                          font-size:14px; line-height:30px; font-weight:500; color:#f00; }
.ringSearchOuter        { width:100%; height:100%; box-sizing:border-box; border:1px solid #a9a6a1; padding:9px; background-color:#f9f8f6; }
.ringSearchInner        { width:100%; height:30px; box-sizing:border-box; padding:3px 100px 3px 5px; background-color:#fff; }
.ringSearchField        { width:100%; height:24px; }
.ringSearchInput        { display:block; position:relative; width:100% !important; height:100% !important; overflow:hidden; transition:color 0.2s ease-in-out;
                          font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:17px; line-height:24px; font-weight:400; letter-spacing:0; color:#000; }/*input #ringSearchInput*/
.ringSearchMask         { left:0; top:0; width:100%; height:100%; display:none; }
.ringSearchReset        { right:75px; top:9px; width:30px; height:30px; background-color:#fff; cursor:pointer; transition:color 0.2s ease-in-out; } /* #ringSearchReset */
.ringSearchReset .c     { right:7px; top:14px; width:14px; height:1px; background-color:#888; }
.ringSearchReset .down  { transform:rotate(45deg); }
.ringSearchReset .up    { transform:rotate(-45deg); }
.ringSearchSend         { right:40px; top:9px; box-sizing:border-box; width:34px; height:30px; background-color:#f9f8f6; cursor:pointer; } /* #ringSearchSend*/
.ringSearchSendInner    { width:30px; height:30px; margin-left:2px; opacity:1; transition:opacity 0.2s ease-in-out;
                          background:url(../Images/search-24.svg) no-repeat 3px 3px; background-color:#f9f8f6; background-size:auto 24px; }
.ringSearchClose        { right:9px; top:9px; width:30px; height:30px; background-color:#f9f8f6; cursor:pointer; } /* #ringSearchClose*/
.ringSearchClose .c     { left:11px; width:10px; height:2px; background-color:#000; }
.ringSearchClose .down  { top:10px; transform:rotate(45deg); }
.ringSearchClose .up    { top:17px; transform:rotate(-45deg); }

.ringFilterBox.active .ringFilterBoxSearchCheck { opacity:1; }
.ringFilterBox.active .ringSearchMask           { display:block; }
.ringFilterBox.active .ringSearchInput          { color:#999; font-style:italic; }
.ringFilterBox.active .ringSearchReset .c       { right:5px; width:18px; height:2px; background-color:#000; }
.ringFilterBox.active .ringSearchSendInner      { opacity:0.2; }

.ringFilterBox.error .ringSearchDrawer          { overflow:visible;  }
.ringFilterBox.error .ringSearchErrorMessage    { width:300px; height:30px; }
.ringFilterBox.errorout .ringSearchErrorMessage { top:-30px; }

.ringFilterBox.out .ringSearchDrawer { height:50px; transition:max-width 0.3s ease-in-out, height 0s linear 0s; }

@media screen and (min-width:440px) { .ringFilterBox.out .ringSearchDrawer { max-width:420px; } }
@media screen and (max-width:439px) { .ringFilterBox.out .ringSearchDrawer { max-width:410px; } }
@media screen and (max-width:429px) { .ringFilterBox.out .ringSearchDrawer { max-width:400px; } }
@media screen and (max-width:419px) { .ringFilterBox.out .ringSearchDrawer { max-width:390px; } }
@media screen and (max-width:409px) { .ringFilterBox.out .ringSearchDrawer { max-width:380px; } }
@media screen and (max-width:399px) { .ringFilterBox.out .ringSearchDrawer { max-width:370px; } }
@media screen and (max-width:389px) { .ringFilterBox.out .ringSearchDrawer { max-width:360px; } }
@media screen and (max-width:379px) { .ringFilterBox.out .ringSearchDrawer { max-width:350px; } }

/* site filter buttons */
.ringFilterButtons      { height:auto; margin-top:0; interpolate-size: allow-keywords; transition:height 0.2s ease-in-out, margin-top 0.1s ease-in-out; }
.ringFilterButtonsInner { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; }

.ringFilterButtons.marginfix { margin-top:25px; }

.ringFilterButtonCross       { right:10px; top:10px; width:20px; height:20px;  }
.ringFilterButtonCross .c    { left:7px; top:10px; width:11px; height:2px; background-color:#000; }
.ringFilterButtonCross .up   { transform:rotate(45deg); }
.ringFilterButtonCross .down { transform:rotate(-45deg); }

.ringFilterButtonSearch       { width:100%; max-width:480px; height:0; background-color:#f9f8f6; display:none; opacity:0; transition:height 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.ringFilterButtonSearch.show  { display:block; }
.ringFilterButtonSearch.full  { height:40px; }
.ringFilterButtonSearch.fill  { opacity:1; }
.ringFilterButtonSearchInner  { padding:0 28px 0 10px; font-size:14px; line-height:40px; font-weight:400; color:#000; }
#ringFilterButtonSearchNumber {  }
.ringFilterButtonSearchLable  {  }
.ringFilterButtonSearchMulti  {  }
#ringFilterButtonSearchWord   {  }
#ringFilterButtonSearchClose  { left:0; top:0; width:100%; height:100%; cursor:pointer; }

.ringFilterButtonSearch.one .ringFilterButtonSearchMulti { display:none; }

.ringFilterButton      { width:fit-content; height:0; background-color:#f9f8f6; display:none; opacity:0; transition:height 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.ringFilterButton.show { display:block; }
.ringFilterButton.full { height:40px; }
.ringFilterButton.fill { opacity:1; }
.ringFilterButtonLable { padding:0 30px 0 10px; font-size:14px; line-height:40px; font-weight:400; color:#000; }
.ringFilterButtonClose { left:0; top:0; width:100%; height:100%; cursor:pointer; }   /* #ringFilterClose-{}-{} */

/* case */
@media screen and (min-width:1280px) {
  #maskGreyFilter { display:none; }
  
  #ringFilterDrawer     { position:relative; width:1059px; height:auto; overflow:visible; }
  #ringFilterDrawerFlex { position:relative; width:100%; height:100%; overflow:visible; }
  #ringFilterDrawerHeader { display:none;  }
  #ringFilterDrawerInner { position:relative; width:100%; height:100%; overflow:visible; display:flex; flex-direction:row; }
  #ringFilterDrawerFooter { display:none;  }

  .ringFilterBox.all { display:none; }
  .ringFilterDrawerBox { width:auto; padding:25px 0 25px; margin:0 5px 0; }
  .ringFilterDrawerBox:first-child { margin-left:0; }

  .ringFilterBoxInner  { background-color:#f9f8f6; }
  .ringFilterBoxInner1 { width:249px; }
  .ringFilterBoxInner2 { width:247px; }
  .ringFilterBoxInner3 { width:257px; }
  .ringFilterBoxInner4 { width:272px; }
  
  .ringFilterBoxDrop      { position:absolute; left:0; top:85px; width:100%; z-index:92; overflow:hidden; }
  .ringFilterBoxAccordion { background-color:#f9f8f6; }

  #frameSite.filtershrink .ringFilterBoxDrop { top:40px; }

  .ringFilterBoxItemInner.drop                           { background-color:#f9f8f6; }
  .ringFilterBoxItem.drop.active .ringFilterBoxItemInner { background-color:#fff; }
  
  .ringFilterBoxItemInner.switch { background-color:#f9f8f6; }

  .ringFilterBoxAllInner { width:0; }
  .ringFilterBoxSearchInner { width:136px; }
  
  .ringFilterButtons { display:none }
}
@media screen and (max-width:1279px) {
  #maskGreyFilter        { left:0; top:0; width:0; height:100%; cursor:pointer; background-color:rgba(0,0,0,0); transition:background-color 0.2s ease-out; z-index:93; }
  #maskGreyFilter.active { width:100%; }
  #maskGreyFilter.grey   { background-color:rgba(0,0,0,0.5); transition: background-color 0.2s ease-out; }

  #ringFilterDrawer       { position:fixed; right:0; top:0; width:360px; height:100vh; background-color:#fff; z-index:94;
                            transform:translate(361px, 0); transition:all 0.2s ease-in; }
  #ringFilterDrawer.out   { transform:translate(0, 0); transition: all 0.2s 0.1s ease-out; }
  #ringFilterDrawerFlex   { position:relative; width:100%; height:100%; overflow:hidden; display:flex; flex-direction:column; }  
  #ringFilterDrawerHeader { }
  #ringFilterDrawerInner  { flex:1; width:100%; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; } /*no */
  #ringFilterDrawerFooter { }
  
  .ringFilterBox             {  }
  .ringFilterBox.all         { margin-left:0; width:100%; max-width:360px; }
  .ringFilterBoxCounterFrame { opacity:0; }
  
  .ringFilterDrawerBox { width:100%; margin:0; padding:0; }

  .ringFilterDrawerBox .ringFilterBoxAccordion { grid-template-rows:1fr; transition: grid-template-rows 0s linear; }
  .ringFilterDrawerBox .ringFilterBoxDropInner { opacity:1; transition:opacity 0s linear 0s; }
  .ringFilterDrawerBox .ringFilterBoxInner { background-color:#f9f8f6; }
  
  .ringFilterBoxInner1,
  .ringFilterBoxInner2,
  .ringFilterBoxInner3,
  .ringFilterBoxInner4 { width:100%; }
  
  #ringFilterDrawer .ringFilterBoxInner        { height:60px; }
  #ringFilterDrawer .ringFilterBoxTitle        { top:17px; }
  #ringFilterDrawer .ringFilterBoxCounterFrame { top:18px; }
  #ringFilterDrawer .ringFilterBoxItemToggle   { right:17px; }
  
  .ringFilterBoxDrop      { position:relative; width:100%; }
  .ringFilterBoxAccordion { }

  .ringFilterBoxItemInner.drop       { margin:4px 0 4px; }  
  .ringFilterBoxItem.drop:last-child { margin-bottom:10px; }  
  
  .ringFilterBoxItemInner.switch { }

  .ringFilterBoxAllInner { width:100%; width:stretch; }
  .ringFilterBoxSearchInner { width:136px; }
  /*.ringFilterBoxSearchCheck { display:none; }                - box verkleinern
  .ringFilterBoxSearchInner { width:113px; width:118px; }*/
  
  .ringFilterButtons { width:100%; }
}
@media screen and (max-width:700px) {
  /* .ringFilterBox.all { margin-right:0; }                    - box verkleinern
  .ringFilterBoxSearchText { display:none; }	
  .ringFilterBoxSearchInner { width:46px; }*/
}


/* .mainPartGrid */
.mainPartGrid {  }

.ringFilterOpacity         { opacity:1; transition:opacity 0.2s ease-in-out 0s; }/* #ringFilterOpacity */
.ringFilterOpacity.fadeout { opacity:0; }

.ringFilterGrid       { width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; }
.ringFilterFirstGrid  { padding:5px 5px 0 5px; } /* #ringFilterFirstGrid */
.ringFilterSecondGrid { padding:0 5px 5px 5px; } /* #ringFilterSecondGrid */
.ringFilterGridSpacer { width:100%; height:0; padding-bottom:40px; }

.ringFilterItem       { transition:all 0.2s ease-in-out; } /* #ringFilterFirstItem{} .ringFilterItem */
.ringFilterItemBorder { padding:5px; }
.ringFilterItemInner  { width:100%; }

.ringFilterItemImageFrame    { width:100%; height:0; padding-bottom:66.6666%; background-color:#000; }
.ringFilterItemImageLoading  { left:50%; top:45%; width:60px; height:60px;animation: rotation 8s linear infinite;
                               background:url(../Images/rotating_arrows_black.png) no-repeat 0 0; background-size:100% 100%; }
.ringFilterItemImage         { left:0; top:0; width:100%; height:100%; }
.ringFilterItemImage img,
.ringFilterItemImage picture { display:block; position:relative; width:100%; height:auto; color:#000; overflow:hidden; }

@keyframes rotation { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } }

.ringFilterItemText              { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:2;
                                   background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%);  } /* abhi */
.ringFilterItemTextInner         { padding:0 5% 0; } 
.ringFilterItemTextSpacer        { width:100%; height:0; }
.ringFilterItemTextSpacer.top    { padding-bottom:20%; }
.ringFilterItemTextSpacer.bottom { padding-bottom:8%; }
.ringFilterItemTextTitle         { width:100%; text-align:center;
                                   font-size:18px; font-weight:600; line-height:26px; color:#fff; } /* no */
.ringFilterItemLink              { left:0; top:0; width:100%; height:100%; z-index:2; cursor:pointer;  } /* #ringFilterItemLink{} abhi */


@media screen and (min-width:1001px)                       { .ringFilterItem { flex:0 0 33.3333%; } }
@media screen and (min-width:601px) and (max-width:1000px) { .ringFilterItem { flex:0 0 50%; }      }
@media screen and (max-width:600px)                        { .ringFilterItem { flex:0 0 100%; }     }

.ringFilterItemLightboxTemplate      { } /* #ringFilterItemLightboxTemplate{} hide */
.ringFilterItemLightbox              { max-height:98vh; max-width:98vw; margin:1vw 1vh; }
.ringFilterItemLightboxInner         { width:100%; height:auto; box-sizing:border-box; }
.ringFilterItemLightboxImage         { width:100%; }
.ringFilterItemLightboxImage img,
.ringFilterItemLightboxImage picture { display:block; position:relative; width:100%; height:auto; overflow:hidden;  }

.ringFilterItemLightboxText              { width:100%; background-color:#fff; }
.ringFilterItemLightboxTextSpacer        { width:100%; height:0; }
.ringFilterItemLightboxTextSpacer.top    { padding-bottom:4%; }
.ringFilterItemLightboxTextSpacer.bottom { padding-bottom:4%; }
.ringFilterItemLightboxTextInner         { padding:0 4% 0; }

.ringFilterItemLightboxTitleContainer { width:100%; }
.ringFilterItemLightboxTitle          { width:100%; padding:0 40px 2% 0; }
.ringFilterItemLightboxTitle.text h3  { padding:0; }

.ringFilterItemLightboxClose          { right:0; top:0; width:35px; height:35px; cursor:pointer; } /* #ringFilterItemLightboxClose{} */
.ringFilterItemLightboxClose .c       { left:3px; top:18px; width:37px; height:2px; background-color:#000; }
.ringFilterItemLightboxClose .up      { transform:rotate(45deg); }
.ringFilterItemLightboxClose .down    { transform:rotate(-45deg); }

@media screen and (min-width:1261px)                        { .ringFilterItemLightboxTitle.text h3 { font-size:24px; line-height:30px; } }
@media screen and (min-width:1001px) and (max-width:1260px) { .ringFilterItemLightboxTitle.text h3 { font-size:24px; line-height:30px; } }
@media screen and (min-width:701px) and (max-width:1000px)  { .ringFilterItemLightboxTitle.text h3 { font-size:22px; line-height:28px; } }
@media screen and (max-width:700px)                         { .ringFilterItemLightboxTitle.text h3 { font-size:20px; line-height:26px; } }

.ringFilterItemLightboxBodyContainer { width:100%; display:flex; align-items:stretch; }
.ringFilterItemLightboxLeft          { flex:1; }
.ringFilterItemLightboxBody          { width:100%; padding-bottom:4%; text-align:left; font-size:18px; line-height:24px; }
.ringFilterItemLightboxBody.text p   { padding:0; }
.ringFilterItemLightboxMaterial      { width:100%; text-align:left; font-size:16px; line-height:22px; color:#666; }
.ringFilterItemLightboxRight         { flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items: flex-end; }
.ringFilterItemLightboxRight a       { display:block; position:relative; width:auto; padding:10px 35px 10px 15px; 
                                       text-decoration:none; font-weight:500; color:#000;
                                       background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px;
                                       border:1px solid #bcafa6; background-position: right 10px top 13px; }

.ringFilterItemLightboxRight a+a { margin-top:20px; }

.ringFilterCta {  }

.ringFilterNothing      { width:100%; display:none; } /* ringFilterNothing */
.ringFilterNothing.show { display:block; }
.ringFilterNothingInner {  } /* inner */
.ringFilterNothingText  { padding:10px 0 25px; text-align:center; } /* text */


/* mainPartEnd */
.mainPartEnd {  }


/* ______________________________ */
/*  ( Seite RingTheme.html )  */

/* mainPartStart */
.mainPartStart {  }

/* .mainPartGrid */
.mainPartGrid {  }

#ringThemeFilters { display:none; }

.ringThemeOpacity         { opacity:1; transition:opacity 0.2s ease-in-out 0s; }/* #ringFilterOpacity */
.ringThemeOpacity.fadeout { opacity:0; }

.ringThemeGrid       { width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; }
.ringThemeFirstGrid  { padding:5px 5px 0 5px; }
.ringThemeSecondGrid { padding:0 5px 5px 5px; }

.ringThemeGridSpacerTop    { width:100%; height:0; }
.ringThemeGridSpacerBottom { width:100%; height:0; padding-bottom:60px; }

.ringThemeCta {  }

.ringThemeNothing      { width:100%; display:none; }
.ringThemeNothing.show { display:block; }
.ringThemeNothingInner {  }
.ringThemeNothingText  { padding:10px 0 25px; text-align:center; }

/* mainPartEnd */
.mainPartEnd {  }


/* __________________________________________________________________________________ */
/*  Item von RingEngagementFilter.html, RingWeddingFilter.html SitesRingTheme.html )  */

.ringItem       { transition:all 0.2s ease-in-out; }
.ringItemBorder { padding:5px; }
.ringItemInner  { width:100%; }

@media screen and (min-width:1001px)                       { .ringItem { flex:0 0 33.3333%; } }
@media screen and (min-width:601px) and (max-width:1000px) { .ringItem { flex:0 0 50%; }      }
@media screen and (max-width:600px)                        { .ringItem { flex:0 0 100%; }     }

.ringItemImageFrame    { width:100%; height:0; padding-bottom:66.6666%; background-color:#000; }
.ringItemImageLoading  { left:50%; top:45%; width:60px; height:60px;animation: rotation 8s linear infinite;
                         background:url(../Images/rotating_arrows_black.png) no-repeat 0 0; background-size:100% 100%; }
.ringItemImage         { left:0; top:0; width:100%; height:100%; }
.ringItemImage img,
.ringItemImage picture { display:block; position:relative; width:100%; height:auto; color:#000; overflow:hidden; }

@keyframes rotation { from { transform:translate(-50%,-50%) rotate(0deg); } to { transform:translate(-50%,-50%) rotate(360deg); } }

.ringItemText              { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:2;
                             background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%);  }
.ringItemTextInner         { padding:0 5% 0; } 
.ringItemTextSpacer        { width:100%; height:0; }
.ringItemTextSpacer.top    { padding-bottom:20%; }
.ringItemTextSpacer.bottom { padding-bottom:8%; }
.ringItemTextTitleFrame    { width:100%; text-align:center;
                             font-size:18px; font-weight:500; line-height:26px; color:#fff; }
.ringItemTextTitle         { display:inline-block; position:relative; width:auto; padding-right:24px; margin:0 auto 0; overflow:hidden;
                             font-size:18px; font-weight:500; line-height:26px; color:#fff; text-align:center;
                             background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 2px; }
.ringItemLink              { left:0; top:0; width:100%; height:100%; z-index:2; cursor:pointer; }

.ringItemLightboxTemplate      { } /* #ringItemLightboxTemplate{} hide */
.ringItemLightbox              { max-height:98vh; max-width:98vw; margin:1vw 1vh; }
.ringItemLightboxInner         { width:100%; height:auto; box-sizing:border-box; }
.ringItemLightboxImage         { width:100%; }
.ringItemLightboxImage img,
.ringItemLightboxImage picture { display:block; position:relative; width:100%; height:auto; overflow:hidden;  }

.ringItemLightboxText              { width:100%; background-color:#fff; }
.ringItemLightboxTextSpacer        { width:100%; height:0; }
.ringItemLightboxTextSpacer.top    { padding-bottom:4%; }
.ringItemLightboxTextSpacer.bottom { padding-bottom:4%; }
.ringItemLightboxTextInner         { padding:0 4% 0; }

.ringItemLightboxTitleContainer { width:100%; }
.ringItemLightboxTitle          { width:100%; }
.ringItemLightboxTitle.text h3  { padding:0; }

@media screen and (min-width:1261px)                        { .ringItemLightboxTitle.text h3 { font-size:24px; line-height:30px; } }
@media screen and (min-width:1001px) and (max-width:1260px) { .ringItemLightboxTitle.text h3 { font-size:24px; line-height:30px; } }
@media screen and (min-width:701px) and (max-width:1000px)  { .ringItemLightboxTitle.text h3 { font-size:22px; line-height:28px; } }
@media screen and (max-width:700px)                         { .ringItemLightboxTitle.text h3 { font-size:20px; line-height:26px; } }

.ringItemLightboxClose          { right:0; top:0; width:35px; height:35px; cursor:pointer; } /* #ringItemLightboxClose{} */
.ringItemLightboxClose .c       { left:11px; top:9px; width:25px; height:2px; background-color:#000; }
.ringItemLightboxClose .up      { transform:rotate(45deg); }
.ringItemLightboxClose .down    { transform:rotate(-45deg); }

.ringItemLightboxBodyContainer { width:100%; }
.ringItemLightboxLeft          { flex:1; }
.ringItemLightboxBody          { width:100%; padding-bottom:1.8%; text-align:left; }
.ringItemLightboxBody.text p   { padding:0; }
.ringItemLightboxMaterial      { width:100%; text-align:left; font-size:16px; line-height:22px; color:#666; }
.ringItemLightboxRight         { flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items: flex-end; }
.ringItemLightboxRight a       { display:block; position:relative; width:auto; padding:8px 33px 8px 13px; 
                                 text-decoration:none; font-weight:500; color:#000;
                                 background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px;
                                 border:1px solid #bcafa6; background-position: right 10px top 10px; }

.ringItemLightboxRight a+a { margin-top:8px; }

@media screen and (min-width:801px) {
  .ringItemLightboxTitle { width:100%; padding:0 40px 2% 0; }
  .ringItemLightboxBodyContainer { display:flex; align-items:stretch; }	
  .ringItemLightboxLeft { flex:1; }
  .ringItemLightboxBody { font-size:18px; line-height:24px; }
  .ringItemLightboxRight { flex:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; }
}
@media screen and (max-width:800px) {
  .ringItemLightboxTitle { width:100%; padding:0 40px 2% 0; }
  .ringItemLightboxBodyContainer {  }	
  .ringItemLightboxLeft { width:100%; height:auto; }
  .ringItemLightboxBody { font-size:16px; line-height:22px; }
  .ringItemLightboxMaterial { padding-bottom:15px; }
  .ringItemLightboxRight { width:100%; height:auto; }
}
@media screen and (max-width:400px) {
  .ringItemLightboxRight a { padding:7px 31px 7px 11px; background-position: right 7px top 7px; }
}


/* ______________________________ */
/*  ( Seite SiteTheme.html )  */

.mainPart { width:100%; }

/* mainPartStart */
.mainPartStart {  }

/* mainPartAll */
.mainPartNav       {  }
.mainPartNavSpacer { width:100%; height:0; padding-bottom:5%; margin-bottom:30px; }

.themeNavOpacity         { opacity:1; transition:opacity 0.2s ease-in-out 0s; }
.themeNavOpacity.fadeout { opacity:0; }
.themeNavInner           {  }/*inner*/

.themeNavGrid       { width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; }
.themeNavFirstGrid  { padding:5px 5px 0 5px; } /*#themeNavFirstGrid*/
.themeNavSecondGrid { padding:0 5px 5px 5px; } /*#themeNavSecondGrid*/

.themeNavCta { width:100%; }

.themeNavItem { transition:all 0.2s ease-in-out; }/*#themeNavItem1 etc*/
.themeNavItemBorder { padding:5px; }
.themeNavItemInner { width:100%; }
.themeNavItemImage { width:100%; }
.themeNavItemImage img,
.themeNavItemImage picture { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

.themeNavItemText              { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:2;
                                 background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }
.themeNavItemTextInner         { padding:0 7% 0; }
.themeNavItemTextSpacer        { width:100%; height:0; }
.themeNavItemTextSpacer.top    { padding-bottom:20%; }
.themeNavItemTextSpacer.bottom { padding-bottom:8%; }
.themeNavItemTextTitle         { width:100%; text-align:left;
                                 font-size:18px; font-weight:600; line-height:26px; color:#fff; }
									 
@media screen and (min-width:1001px)                       { .themeNavItem { flex:0 0 33.3333%; } }
@media screen and (min-width:601px) and (max-width:1000px) { .themeNavItem { flex:0 0 50%; }      }
@media screen and (max-width:600px)                        { .themeNavItem { flex:0 0 100%; }     } 

/* mainPartEnd */
.mainPartEnd {  }


/* ______________________________ */
/*  ( Seite SiteKnowledge.html )  */

.mainPart { width:100%; }

/* mainPartStart */
.mainPartStart {  }

.mainPartFilter           {  }
.knowledgeFilterContainer { width:100%; height:100px; }
.knowledgeFilterBar       { width:100%; background-color:#fff; overflow:hidden; }
.mainPartFilterSpacer     { width:100%; height:0; padding-bottom:2.2%; }

.knowledgeFilterInner   {  }/*inner*/
.knowledgeFilterFrame   { width:100%; }
.knowledgeFilterBorder  { display:flex; justify-content:center; width:100%; left:-5px; padding:0 5px 0; overflow:hidden;
                          border-top:1px solid #cecece; border-bottom:1px solid #cecece; }
.knowledgeFilterSlider  {  }/*swiper knowledgeFilterSwiper*/
.knowledgeFilterWrapper {  }/*swiper-wrapper*/
.knowledgeFilterMask    { right:0; top:0; height:100%; width:50px; z-index:9;
                          background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,1) 100%); }

.knowledgeFilterItem          { width:auto; } /*swiper-slide*/
.knowledgeFilterItemInner     { width:100%; box-sizing:border-box; padding:25px 5px 25px; transition:padding 0.2s ease-in-out; }
.knowledgeFilterButton        { border:1px solid #bcafa6; padding:0 18px 0; background-color:#fff; transition:all 0.2s ease-in-out; cursor:pointer;
                                font-size:14px; line-height:46px; font-weight:600; text-transform:uppercase; letter-spacing:1px; color:#000; }
.knowledgeFilterButton.active { border:1px solid #000; background-color:#000; color:#fff; }


#frameSite.filterrel .knowledgeFilterBar { position:relative; }
#frameSite.filterfix .knowledgeFilterBar { position:fixed; left:0; z-index:91; }

#frameSite.filterfix .knowledgeFilterBorder { border-top:0 none; }
#frameSite.filtershrink .knowledgeFilterItemInner { padding:6px 3px 6px; }
#frameSite.filtershrink .knowledgeFilterButton { line-height:26px; padding:0 10px 0; font-size:12px; }
#frameSite.haltFiltershrink .knowledgeFilterItemInner { padding:6px 3px 6px; }
#frameSite.haltFiltershrink .knowledgeFilterButton { line-height:26px; padding:0 10px 0; font-size:12px; }

@media screen and (min-width:1001px) { .knowledgeFilterMask { display:none; }  .knowledgeFilterItem:last-child { margin:0; }          }
@media screen and (max-width:1000px) { .knowledgeFilterMask { display:block; } .knowledgeFilterItem:last-child { margin-right:50px; } }
   
/* mainPartAll */
.mainPartAll       {  }/*#knowledgeAllFrame*/
.mainPartAllSpacer { width:100%; height:0; padding-bottom:5%; margin-bottom:30px; }

.knowledgeAllOpacity         { opacity:1; transition:opacity 0.2s ease-in-out 0s; }
.knowledgeAllOpacity.fadeout { opacity:0; }
.knowledgeAllInner           {  }/*inner*/

.knowledgeAllGrid       { width:100%; box-sizing:border-box; display:flex; flex-wrap:wrap; }
.knowledgeAllFirstGrid  { padding:5px 5px 0 5px; } /*#knowledgeAllFirstGrid*/
.knowledgeAllSecondGrid { padding:0 5px 5px 5px; } /*#knowledgeAllSecondGrid*/

.knowledgeAllCta { width:100%; }

.knowledgeAllItem { transition:all 0.2s ease-in-out; }/*#knowledgeAllItem1 etc*/
.knowledgeAllItemBorder { padding:5px; }
.knowledgeAllItemInner { width:100%; }
.knowledgeAllItemImage { width:100%; }
.knowledgeAllItemImage img,
.knowledgeAllItemImage picture { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

.knowledgeAllItemText              { left:0; bottom:0; width:100%; height:auto; min-height:50px; z-index:2;
                                     background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }
.knowledgeAllItemTextInner         { padding:0 7% 0; }
.knowledgeAllItemTextSpacer        { width:100%; height:0; }
.knowledgeAllItemTextSpacer.top    { padding-bottom:20%; }
.knowledgeAllItemTextSpacer.center { padding-bottom:2%; }
.knowledgeAllItemTextSpacer.bottom { padding-bottom:8%; }
.knowledgeAllItemTextGroup         { width:100%; text-align:left;
                                     font-size:12px; font-weight:500; line-height:20px; text-transform:uppercase; letter-spacing:1px; color:#fff; }
.knowledgeAllItemTextTitle         { width:100%; text-align:left;
                                     font-size:18px; font-weight:600; line-height:26px; color:#fff; }
									 
@media screen and (min-width:1001px)                       { .knowledgeAllItem { flex:0 0 33.3333%; } }
@media screen and (min-width:601px) and (max-width:1000px) { .knowledgeAllItem { flex:0 0 50%; }      }
@media screen and (max-width:600px)                        { .knowledgeAllItem { flex:0 0 100%; }     }
 
/* mainPartMaterial */
.mainPartMaterial       {  }/*#knowledgeMaterialFrame*/
.mainPartMaterialSpacer { width:100%; height:0; padding-bottom:6%; }

.knowledgeMaterialOpacity         { opacity:1; transition:opacity 0.2s ease-in-out 0s; }
.knowledgeMaterialOpacity.fadeout { opacity:0; }
.knowledgeMaterialInner           {  }/*inner*/

.knowledgeMaterialBefore              { width:100%; }
.knowledgeMaterialBeforeClaim         { width:100%; text-align:center; font-size:16px; line-height:24px;
                                        font-weight:600; text-transform:uppercase; letter-spacing:1px; color:#000;  }
.knowledgeMaterialBeforeClaimSpacer   { width:100%; height:0; padding-bottom:2.2%; margin-bottom:0; }
.knowledgeMaterialBeforeTitle         {  }
.knowledgeMaterialBeforeTitle.text h2 {  }
.knowledgeMaterialBeforeTitleSpacer   { width:100%; height:0; padding-bottom:2.2%; }

.knowledgeMaterialGrid      { display:block; width:100%; height:230px; grid-template-rows:none;   min-width:0; overflow:hidden; }
.knowledgeMaterialGridinner { left:0; top:0; width:100%; height:230px; } /* Swiper + slidesPerView:auto Prlobleme mit display:flex - display gesteuert */
.knowledgeMaterialMask      { right:0; top:0; height:100%; width:50px; z-index:9;
                              background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,1) 100%); }
.knowledgeMaterialSlider    {  } /*swiper knowledgeMaterialSwiper */ 
.knowledgeMaterialWrapper   {  } /*swiper-wrapper*/

.knowledgeMaterialItem          { width:140px; } /*swiper-slide */
.knowledgeMaterialItemBorder    { width:100%; box-sizing:border-box; padding:35px 5px 35px; }
.knowledgeMaterialItemInner     { width:100%; }
.knowledgeMaterialItemImage     { width:100%; max-width:100px; margin:0 auto 0; height:auto; }
.knowledgeMaterialItemImage picture,
.knowledgeMaterialItemImage img { display:block; position:relative; width:100%; height:auto; overflow:hidden; }
.knowledgeMaterialItemSpacer    { width:100%; height:0; padding-bottom:20px; }
.knowledgeMaterialItemTextTitle { max-width:130px; text-align:center; font-size:18px; font-weight:500; background-color:#fff;
                                  font-size:16px; line-height:20px; font-weight:600; color:#000; }
								  
@media screen and (min-width:1171px) {
  .knowledgeMaterialGridinner { display:flex; justify-content:center; }
  .knowledgeMaterialMask { display:none; }
  .knowledgeMaterialSlider { width:1120px; max-width:1120px; }
  .knowledgeMaterialItem:last-child { margin:0; }
}
@media screen and (max-width:1170px) {
  .knowledgeMaterialGridinner { display:block; justify-content:none; }
  .knowledgeMaterialMask { display:block; }
  .knowledgeMaterialSlider { width:100%; max-width:100%; }
  .knowledgeMaterialItem:last-child { margin-right:50px; }
}

.knowledgeMaterialAfter      { width:100%; }
.knowledgeMaterialAfterInner { display:flex; width:100%; flex-direction:column; align-items: center; }
.knowledgeMaterialAfter a    { display:block; position:relative; overflow:hidden; width:auto; text-align:center; padding-bottom:20px;
                               font-size:16px; line-height:24px; font-weight:600; text-transform:uppercase; letter-spacing:1px; text-decoration:none; color:#000;
							   padding-right:22px; background:url(../Images/arrow-right-24.svg) no-repeat right -4px top 0px; }

/* mainPartTeam */
.mainPartTeam       {  } /*#knowledgeTeamFrame*/
.mainPartTeamSpacer { width:100%; height:0; padding-bottom:4%; }

.knowledgeTeamOpacity         { width:100%; opacity:1; transition:opacity 0.2s ease-in-out 0s; }
.knowledgeTeamOpacity.fadeout { opacity:0; }

.elementTeamNav {  }
.elementInner   {  } /*inner*/

.teamNavFrame         { width:100%; }
.teamNavClaim         { width:100%; width:auto; text-align:center; padding-bottom:20px;
                        font-size:16px; line-height:24px; font-weight:600; text-transform:uppercase; letter-spacing:1px; text-decoration:none; color:#000; }
.teamNavTitle         {  }
.teamNavTitle.text h2 {  }

.teamNavSpacer { width:100%; height:0; padding-bottom:5%; margin-bottom:10px; }

.teamNavPanel         { width:100%; }
.teamNavImage         { width:100%; }
.teamNavImage img,
.teamNavImage picture { display:block; position:relative; width:100%; height:auto; overflow:hidden; }

.teamNavPanelTextFrame         { overflow:hidden; width:100%; height:auto; } /* no */
.teamNavPanelTextSpacer        { width:100%; height:0; }
.teamNavPanelTextSpacer.top    { padding-bottom:20%; }
.teamNavPanelTextSpacer.bottom { padding-bottom:6%; }
.teamNavPanelText              { display:flex; justify-content:center; }
.teamNavPanelTextLinksFrame    { width:100%; }

.teamNavPanelTextLink        { width:100%;  }
.teamNavPanelTextLinkInner   { position:relative; overflow:hidden; } /* no */
.teamNavPanelTextLinkInner a { position:relative; overflow:hidden; text-align:left;
                               font-size:14px; line-height:20px; font-weight:500; text-transform:uppercase; letter-spacing:1px; text-decoration:none; padding-right:22px; }

@media screen and (min-width:801px) {
  .teamNavPanelTextFrame { position:absolute; left:0; bottom:0; z-index:2; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }
  .teamNavPanelTextLinksFrame { max-width:500px; }
  .teamNavPanelTextLink { border-bottom:1px solid rgba(255,255,255,0.4); }
  .teamNavPanelTextLink:last-child { border-bottom:0 none; }
  .teamNavPanelTextLinkInner { display:block; width:100%; }
  .teamNavPanelTextLinkInner a { display:block; padding:15px 22px 15px 0; color:#fff; background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 12px; }
  .teamNavPanelTextLink .short { display:none; }
}
@media screen and (min-width:601px) and (max-width:800px) {
  .teamNavPanelTextFrame { position:absolute; left:0; bottom:0; z-index:2; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.7) 100%); }
  .teamNavPanelTextLinksFrame { max-width:400px; }
  .teamNavPanelTextLink { border-bottom:1px solid rgba(255,255,255,0.4); }
  .teamNavPanelTextLink:last-child { border-bottom:0 none; }
  .teamNavPanelTextLinkInner { display:block; width:100%; }
  .teamNavPanelTextLinkInner a {display:block;  padding:10px 22px 10px 0; color:#fff; background:url(../Images/arrow-right-24-white.svg) no-repeat right -4px top 8px; }
  .teamNavPanelTextLink .long { display:none; }
}
@media screen and (max-width:600px) {
  .teamNavPanelTextFrame { position:relative; }
  .teamNavPanelTextSpacer { width:100%; height:0; }
  .teamNavPanelTextSpacer.top { padding-bottom:25px; }
  .teamNavPanelTextSpacer.bottom { padding-bottom:0px; }
  .teamNavPanelTextLinksFrame { max-width:100%; }
  .teamNavPanelTextLink { width:100%; text-align:center; }
  .teamNavPanelTextLinkInner { display:inline-block; width:auto; }
  .teamNavPanelTextLinkInner { display:block; }
  .teamNavPanelTextLinkInner a { display:inline-block; padding:10px 22px 10px 0; color:#000; background:url(../Images/arrow-right-24.svg) no-repeat right -4px top 8px; }
  .teamNavPanelTextLink .long { display:none; }

}

/* mainPartEnd */
.mainPartEnd {  }

 
  
/* ---------------------------------------------------------- Styles fuer powermail ---------------------------------------------- */
.tx-powermail { width:100%; overflow:hidden; padding:32px 0 42px; }

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

span.mandatory { display:none; }

.powermail_fieldset_1 { display:block; position:relative; width:100%; overflow:hidden; }

.powermail_fieldwrap_type_input                  { position:relative; 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; overflow:hidden;
                                                   font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; font-weight:500;
                                                   letter-spacing:3px; text-transform:uppercase; } 
.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:#fff; border:1px solid #bcafa6; box-shadow:none; outline:none;
                                                   font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; color:#000; } 
												   
.powermail_fieldwrap_transfer { display:none; }
	
.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; overflow:hidden;
                                                         font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; font-weight:500;
                                                         letter-spacing:3px; text-transform:uppercase; } 
.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:#fff; border:1px solid #bcafa6; box-shadow:none; outline:none;
                                                         font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; color:#000; }
														 
.powermail_fieldwrap_titleframe { width:100%; height:auto; }
.powermail_fieldwrap_title      { width:100%; height:auto; margin:20px 0 10px; }

.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:#000; overflow:hidden;
                                                  font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; font-weight:500;
                                                  letter-spacing:3px; text-transform:uppercase; }
.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 !important;
                                                  border:1px solid #bcafa6 !important; border-radius:0; box-shadow:none; outline:none;
                                                  font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:15px; line-height:26px; font-weight:normal; color:#000; }

input[type="file" i] { appearance:none; background-color:initial; cursor:default; align-items:baseline; color:inherit; text-overflow:ellipsis;
                       text-align:start !important; padding:initial; border:initial; white-space:pre; }
 
.powermail_fieldwrap_datenschutz                         { clear:both; float:left; position:relative; width:100%; overflow:hidden; margin-bottom:10px; }
.powermail_fieldwrap_datenschutz label.powermail_label   { display:block; position:relative; visibility:hidden; width:0; height:0; overflow:hidden; }
.powermail_fieldwrap_datenschutz .powermail_field        { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; color:#000; } 
.powermail_fieldwrap_datenschutz .powermail_field a      { font-family:'Montserrat', Arial, Helvetica, sans-serif;
                                                           font-size:16px; line-height:26px; font-weight:500; color:#000; text-decoration:none; padding-right:18px;
                                                           background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px; }
.powermail_fieldwrap_datenschutz .form-check             {  }
.powermail_fieldwrap_datenschutz .form-check input       { border:2px solid #000 !important; background-color:#fff !important; accent-color:#000; }
.powermail_fieldwrap_datenschutz .form-check .checkLabel { padding-left:5px; }
 
.powermail_fieldwrap_einverstaendnis                         { clear:both; float:left; position:relative; width:100%; overflow:hidden; height:auto;
                                                               max-height:0; margin-bottom:0; transition:max-height 0.2s ease-in-out, margin-bottom 0.2s ease-in-out; }
.powermail_fieldwrap_einverstaendnis.show                    { max-height:150px; margin-bottom:10px; }
.powermail_fieldwrap_einverstaendnis label.powermail_label   { display:block; position:relative; visibility:hidden; width:0; height:0; overflow:hidden; }
.powermail_fieldwrap_einverstaendnis .powermail_field        { font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; color:#000; } 
.powermail_fieldwrap_einverstaendnis .powermail_field a      { font-family:'Montserrat', Arial, Helvetica, sans-serif;
                                                               font-size:16px; line-height:26px; font-weight:500; color:#000; text-decoration:none; padding-right:18px;
                                                               background:url(../Images/arrow-top-right-24.svg) no-repeat right top; background-size:20px 20px; }
.powermail_fieldwrap_einverstaendnis .form-check             {  }
.powermail_fieldwrap_einverstaendnis .form-check input       { border:2px solid #000 !important; background-color:#fff !important; accent-color:#000; }
.powermail_fieldwrap_einverstaendnis .form-check .checkLabel { padding-left:5px; }

.powermail_fieldwrap_type_text                  { position:relative; width:100%; height:auto;margin-bottom:20px; overflow:hidden; }
.powermail_fieldwrap_type_text .powermail_field { position:relative; width:100%; height:auto; margin:10px 0 6px; overflow:hidden;
                                                  font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:26px; font-weight:400; color:#000; } 

.powermail_fieldwrap_type_submit                        { position:relative; clear:both; width:100%; max-width:165px; float:left; overflow:visible; }
.powermail_fieldwrap_type_submit .powermail_field       { position:relative; width:100%; float:right; border-top:15px solid transparent; padding:0; overflow:visible;  }
.powermail_fieldwrap_type_submit input.powermail_submit { box-sizing:border-box; -webkit-appearance:none; appearance:none; padding:0 15px 2px; height:40px; cursor:pointer;
                                                          border:2px solid #bcafa6; background-color:#bcafa6; border-radius:0;
                                                          font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size:16px; line-height:38px; font-weight:500; color:#fff; }

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

.powermail_fieldwrap_hinweisspam       { float:left; width:100%; max-width:340px; }
.powermail_fieldwrap_textpflichtfelder { clear:both; width:100%; padding-top:10px; }

@media screen and (min-width:801px) {  .powermail_fieldwrap_hinweisspam.block { opacity:0; }

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

.powermail_submit_mask                  { left:0px; top:0px; width:176px; height:40px; box-sizing:border-box; z-index:3; display:none;
                                          border:2px solid #bcafa6; background-color:#fff; }
.powermail_submit_mask_text             { float:left; width:138px; height:36px; box-sizing:border-box; padding:0 0 2px 15px; }
.powermail_submit_mask_text span::after { content:'wird versendet ...'; font-size:16px; line-height:34px; font-weight:400; color:#000; }
.powermail_submit_mask_wait             { float:left; width:22px; height:36px; background-color:#fff;
                                          background:url(../Images/loading.gif) 0 7px no-repeat; background-size:22px 22px; }

.powermail_submit_mask.over { display:block; }

.powermail-errors-list.filled { font-size:16px; color:f00; font-weight:500; color:#f00; }

/* Sonderstyles Gravurenformular */
.gravurfont   { line-height:70px; vertical-align:baseline; }
.gravurfont0  { font-family:'Montserrat', Times, serif; font-weight:400; font-size:16px; line-height:26px; vertical-align:baseline; }
.gravurfont1  { font-family:'Arial', Futura Narrow, sans-serif; font-size:20px; line-height:30px; vertical-align:baseline; }
.gravurfont2  { font-family:'Courier', Times, serif; font-weight:400; font-size:24px; line-height:40px; vertical-align:baseline; }
.gravurfont3  { font-family:'Trajan Pro', Times, serif; font-weight:400; font-size:20px; line-height:40px; vertical-align:baseline; }
.gravurfont4  { font-family:'Grindline', Times, serif; font-weight:400; font-size:50px; line-height:50px; vertical-align:baseline; }
.gravurfont5  { font-family:'Gourmet Le French', Times, serif; font-weight:400; font-size:22px; line-height:44px; vertical-align:baseline; }
.gravurfont6  { font-family:'Cayed', Times, serif; font-weight:400; font-size:20px; line-height:32px; vertical-align:baseline; }
.gravurfont7  { font-family:'Quiet Sickless', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.gravurfont8  { font-family:'Hildaquin', Times, serif; font-weight:400; font-size:60px; line-height:60px; vertical-align:baseline; }
.gravurfont9  { font-family:'Beth Ellen', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.gravurfont10 { font-family:'Caesar Dressing', Times, serif; font-weight:400; font-size:20px; line-height:32px; vertical-align:baseline; }
.gravurfont11 { font-family:'Jim Nightshade', Times, serif; font-weight:400; font-size:30px; line-height:50px; vertical-align:baseline; }
.gravurfont12 { font-family:'Lavishly Yours', Times, serif; font-weight:400; font-size:34px; line-height:50px; vertical-align:baseline; }
.gravurfont13 { font-family:'Mrs Saint Delafield', Times, serif; font-weight:400; font-size:34px; line-height:60px; vertical-align:baseline; }
.gravurfont14 { font-family:'Quintessential', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.gravurfont15 { font-family:'Viaoda Libre', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.gravurfont16 { font-family:'Hello Paris', Times, serif; font-weight:400; font-size:26px; line-height:50px; vertical-align:baseline; }
.gravurfont17 { font-family:'Chalmers', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.gravurfont18 { font-family:'The Nautical Bold', Times, serif; font-weight:400; font-size:34px; line-height:54px; vertical-align:baseline; }

.powermail_radiowrap.radio_schriftart_1 label { font-family:'Arial', Times, serif; font-weight:400; font-size:20px; line-height:40px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_2 label { font-family:'Courier', Times, serif; font-weight:400; font-size:24px; line-height:40px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_3 label { font-family:'Trajan Pro', Times, serif; font-weight:400; font-size:20px; line-height:40px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_4 label { font-family:'Grindline', Times, serif; font-weight:400; font-size:50px; line-height:50px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_5 label { font-family:'Gourmet Le French', Times, serif; font-weight:400; font-size:22px; line-height:44px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_6 label { font-family:'Cayed', Times, serif; font-weight:400; font-size:20px; line-height:40px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_7 label { font-family:'Quiet Sickless', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_8 label { font-family:'Hildaquin', Times, serif; font-weight:400; font-size:60px; line-height:60px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_9 label { font-family:'Beth Ellen', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_10 label { font-family:'Caesar Dressing', Times, serif; font-weight:400; font-size:20px; line-height:40px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_11 label { font-family:'Jim Nightshade', Times, serif; font-weight:400; font-size:30px; line-height:50px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_12 label { font-family:'Lavishly Yours', Times, serif; font-weight:400; font-size:34px; line-height:50px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_13 label { font-family:'Mrs Saint Delafield', Times, serif; font-weight:400; font-size:34px; line-height:60px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_14 label { font-family:'Quintessential', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_15 label { font-family:'Viaoda Libre', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_16 label { font-family:'Hello Paris', Times, serif; font-weight:400; font-size:26px; line-height:50px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_17 label { font-family:'Chalmers', Times, serif; font-weight:400; font-size:24px; line-height:48px; vertical-align:baseline; }
.powermail_radiowrap.radio_schriftart_18 label { font-family:'The Nautical Bold', Times, serif; font-weight:400; font-size:34px; line-height:54px; vertical-align:baseline; }

.powermail_fieldwrap_type_radio                  { position:relative; 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; overflow:hidden;
                                                   font-family:'Montserrat', Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; font-weight:500;
                                                   letter-spacing:3px; text-transform:uppercase; } 

/* Änderung der Radio-Buttons für Gravuren-Formular, Emulation einer Select-Box */
.powermail_fieldwrap_schriftart { display:block; position:relative; overflow:visible; }

.powermail_gravur_font_frame          { position:relative; width:100%; height:auto; 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:#fff; cursor:pointer; }
.powermail_gravur_font_selectedtext   { color:#000; transition: all 0.1s ease-out; }
.powermail_gravur_font_chevron        { right:5px; top:50%; width:8px; height:8px; z-index:2; background:url(../Images/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; background-color:#fff; z-index:3;
                                        overflow-x:hidden; overflow-y:scroll;  transition: height 0.2s ease-out; }
.powermail_gravur_font_innerdrop      { width:100; }

.powermail_gravur_font_frame.out .powermail_gravur_font_drop    { height:250px; border:1px solid #999; }
.powermail_gravur_font_frame.out .powermail_gravur_font_chevron { background-image:url(../Images/icon_select_s_u.png); }


.powermail_gravur_font_innerdrop .powermail_field                { position:relative; width:100%; float:none; height:auto; border:0 none; overflow:hidden; }
.powermail_gravur_font_innerdrop .powermail_radiowrap            { position:relative; box-sizing:border-box; width:100%; padding:0 0 0 5px; float:none; height:auto; overflow:hidden;
                                                                   border-bottom:1px solid #cecece; vertical-align:baseline; color:#000 !important; }
.powermail_gravur_font_innerdrop .powermail_radiowrap:last-child { border-bottom:1px solid #fff; }
.powermail_gravur_font_innerdrop .powermail_radiowrap:hover      { background-color:#f9f8f6; }
.powermail_gravur_font_innerdrop .powermail_radiowrap 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:'Montserrat', Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; font-weight:500; letter-spacing:3px; text-transform:uppercase; } 
.display_result_showframe { width:100%; height:auto; box-sizing:border-box; border:1px solid #999; }
.display_result_show      { margin:5px; text-align:center; transition: all 0.1s ease-out; }
.display_result_frame     { height:auto; }


@media screen and (min-width:701px) {
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_input { width:48%; }

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

.powermail_fieldwrap_type_radio:nth-child(2n+2),
.powermail_fieldwrap_type_input:nth-child(2n+2) { float:right; }
}
@media screen and (max-width:700px) {
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_input { width:100%; }

}