/*
////////////////////////////////////////////////////////////////
//
// Allgemeine Styles
//
// Weblication CMS Strukturdesign
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit Weblication Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

/*#variables CSS-Variablen */

$version: 1.4.0;
$styletCode: 0.page,navigationRightFloatRight.header,fullLayerSub.navigation,a2.structure,116.colors;
$layoutwizardFunctions: page=1,header=1,navigation=1,structure=1;

$widthBlockMainOuter: 980px; /* Breite des gesamten Bereichs */
$widthBlockTop: 100%; /* Breite des obereren Bereichs */
$widthBlockBeforeLeftContentRight: 100%; /* Breite des gesamten inneren Bereichs */
$widthBlockBefore: 100%; /* Breite des vorangestellten Bereichs */
$widthBlockBeforeFull: 100%; /* Breite des vorangestellten Bereichs ohne linken und rechten Bereich */
$widthBlockBeforeFullLeft: 100%; /* Breite des vorangestellten Bereichs ohne linken Bereich */
$widthBlockBeforeFullRight: 100%; /* Breite des vorangestellten Bereichs ohne rechten Bereich */
$widthBlockLeftContentRight: 100%; /* Breite des inneren Bereichs nach dem vorangestellten Bereich*/
$widthBlockLeft: 23%; /* Breite des linken Bereichs */
$widthBlockContent: 52%; /* Breite des Inhaltsbereichs */
$widthBlockContentFull: 100%; /* Breite des Inhaltsbereichs ohne linken und rechten Bereich */
$widthBlockContentFullLeft: 76%; /* Breite des Inhaltsbereichs ohne linken Bereich */
$widthBlockContentFullRight: 76%; /* Breite des Inhaltsbereichs ohne rechten Bereich */
$widthBlockRight: 23%; /* Breite des rechten Bereichs */
$widthBlockBottom: 100%; /* Breite des unteren Bereichs */
$widthMaxSectionInner: 980px; /* Maximale Breite der inneren Bereiche */

$bodyBackgroundColor:#ffffff; /* Hintergrundfarbe der Seite */
$bodyBackgroundImage:url('/surprise-wGlobal/wGlobal/layout/images/body-backgrounds/hintergrund-webseite-surprise-2015-pink1922x1200pix.jpg'); /* Hintergrundbild der Seite */
$bodyBackgroundGradient:; /* Farbverlauf des Hintergrundes */
$bodyBackgroundRepeat:no-repeat; /* Wiederholungseffekt des Hintergrundbildes */
$bodyBackgroundPosition:; /* Position des Hintergrundbildes */
$bodyBackgroundAttachment:fixed; /* Wasserzeicheneffekt des Hintergrundbildes */
$bodyBackgroundSize:background-size:cover; /* Größe des Hintergrundbildes */

$fontFamilyDefault:Arial, Sans-serif, Helvetica; /* Standardschriftart */
$fontFamilyNavigationMain:Patua One; /* Schriftart Hauptnavigation */
$fontFamilyNavigationSub:Patua One; /* Schriftart Unternavigation */
$fontFamilyHeadline1:Patua One; /* Schriftart Hauptüberschrift */
$fontFamilyHeadline2:Patua One; /* Schriftart Überschrift 2 */
$fontFamilyHeadline3:Patua One; /* Schriftart Überschrift 3 */
$fontFamilyHeadline4:Patua One #e6007d; /* Schriftart Überschrift 4 */

$fontSizeDefault: 12px; /* Standardschriftgröße*/
$fontSizeHeadline1: 32px; /* Schriftgröße Hauptüberschrift */
$fontSizeHeadline2: 24px; /* Schriftgröße Überschrift 2 */
$fontSizeHeadline3: 16px; /* Schriftgröße Überschrift 3 */
$fontSizeHeadline4: 14px; /* Schriftgröße Überschrift 4 */
$fontSizeNavigationLevel1:16px; /* Schriftgröße Navigationslevel 1 */
$fontSizeNavigationLevel2: 12px; /* Schriftgröße Navigationslevel 2 */
$fontSizeNavigationLevel3: 12px; /* Schriftgröße Navigationslevel 3 */
$fontSizeNavigationLevel4: 12px; /* Schriftgröße Navigationslevel 4 */

$backgroundColorContent:none; /* Hintergrundfarbe Inhaltsbereich */
$backgroundColorNavigationMain: #2B2727; /* Hintergrundfarbe Hauptnavigation */
$backgroundColorNavigationMainActive: #BDBDBD; /* Hintergrundfarbe Hauptnavigation aktiv */
$backgroundColorNavigationSub: #ffffff; /* Hintergrundfarbe Unternavigation */
$backgroundColorNavigationSubActive: #BDBDBD; /* Hintergrundfarbe Unternavigation aktiv */
$backgroundColorNavigationLayer: #ffffff; /* Hintergrundfarbe Navigationslayer */
$backgroundColorNavigationLayerActive: #f0f0f0; /* Hintergrundfarbe Navigationslayer aktiv */
$backgroundColorFunctions:#232323; /* Hintergrundfarbe, z.B. Meta-Navigation, Suche, Funktionen */
$backgroundColorFunctionsActive: #282626; /* Hintergrundfarbe, z.B. Meta-Navigation, Suche, Funktionen aktiv */
$backgroundColorButtons:#e6007d; /* Hintergrundfarbe Schaltflächen */
$backgroundColorButtonsActive: #888888; /* Hintergrundfarbe Schaltflächen aktiv */
$backgroundColorTable: #ffffff; /* Hintergrundfarbe Tabellen */
$backgroundColorBoxSheet: #BDBDBD; /* Hintergrundfarbe Sheet-Boxen */
$backgroundColorBoxBlank: #ffffff; /* Hintergrundfarbe Blank-Boxen */
$backgroundColorBoxColor1:#f0f0f0; /* Hintergrundfarbe Box Farbe 1 */
$backgroundColorBoxColor2:#c0c0c0; /* Hintergrundfarbe Box Farbe 2 */
$backgroundColorSectionBlank:#ffffff; /* Hintergrundfarbe Inhaltsbereich Sektion neutral */
$backgroundColorSectionColor1:#f0f0f0; /* Hintergrundfarbe Inhaltsbereich Sektion Farbe 1 */
$backgroundColorSectionColor2:#c0c0c0; /* Hintergrundfarbe Inhaltsbereich Sektion Farbe 2 */
$backgroundColorTop:none; /* Hintergrundfarbe Kopfbereich */
$backgroundColorFooter:#232323; /* Hintergrundfarbe Fußbereich */

$fontColorDefault: #000000; /* Schriftfarbe Text, z.B. normaler Text */
$fontColorHeadline1:#666666; /* Schriftfarbe Hauptüberschrift */
$fontColorHeadline2:#666666; /* Schriftfarbe Überschrift 2 */
$fontColorHeadline3: #666666; /* Schriftfarbe Überschrift 3 */
$fontColorHeadline4: #666666; /* Schriftfarbe Überschrift 4 */
$fontColorSubline: #8C8477; /* Schriftfarbe Sublines */
$fontColorInfo: #8C8477; /* Schriftfarbe Zusatzinfos */
$fontColorInvers: #ffffff; /* Schriftfarbe invers */
$fontColorLink: #000000; /* Schriftfarbe Link */
$fontColorLinkActive: #4E4F51; /* Schriftfarbe Link aktiv */
$fontColorNavigationMain: #ffffff; /* Schriftfarbe Hauptnavigation */
$fontColorNavigationMainActive: #261507; /* Schriftfarbe Hauptnavigation aktiv */
$fontColorNavigationSub: #261507; /* Schriftfarbe Unternavigation */
$fontColorNavigationSubActive: #261507; /* Schriftfarbe Unternavigation aktiv */
$fontColorNavigationLayer: #000000; /* Schriftfarbe Navigationslayer */
$fontColorNavigationLayerActive: #000000; /* Schriftfarbe Navigationslayer aktiv */
$fontColorFunctions:#ffffff; /* Schriftfarbe, z.B. Meta-Navigation, Suche, Funktionen */
$fontColorFunctionsActive: #ffffff; /* Schriftfarbe, z.B. Meta-Navigation, Suche, Funktionen aktiv */
$fontColorButtons: #ffffff; /* Schriftfarbe Schaltflächen */
$fontColorButtonsActive: #ffffff; /* Schriftfarbe Schaltflächen aktiv */
$fontColorBoxSheet: #000000; /* Schriftfarbe Sheet-Boxen */
$fontColorBoxBlank: #000000; /* Schriftfarbe Blank-Boxen */
$fontColorFooter: #cccccc; /* Schriftfarbe Fußbereich */
$fontColorMainHeadline: #3A3737; /* Schriftfarbe Hauptüberschriften */
$fontColorHeadline: #262525; /* Schriftfarbe Überschrift 2 */

$borderColorLines: #e0e0e0; /* Rahmenfarbe, z.B. horizontale Linien */
$borderColorNavigationMain: #e0e0e0; /* Rahmenfarbe Hauptnavigation */
$borderColorNavigationSub: #e0e0e0; /* Rahmenfarbe Unternavigation */
$borderColorNavigationLayer: #f0f0f0; /* Rahmenfarbe Navigationslayer */
$borderColorTable: #eeeeee; /* Rahmenfarbe Tabellen */
$borderColorButtons: #999999; /* Rahmenfarbe Schaltflächen */
$borderColorButtonsActive: #888888; /* Rahmenfarbe Schaltflächen aktiv */

$navigationTopType: fullLayer; /* Darstellung der oberen Navigation */
$navigationTopPosition:blockTop; /* Position der oberen Navigation */
$navigationLeftType: sub; /* Darstellung der linken Navigation */
$navigationMetaPosition: blockTop; /* Position der Meta-Navigation */

$effectTransitionContentDuration: 0.0s; /* Dauer, des Einblendeffektes für den Inhalt */

$displayNavigationMeta:none; /* Darstellung der Meta-Navigation */
$displayNavigationBreadcrumb:block; /* Darstellung der Breadcrumb-Navigation */

$displaySearch:none; /* Darstellung der Volltextsuche */
$displayLanguageselector:none; /* Darstellung der Sprachwahl */

$displayContentBlockBefore: block; /* Darstellung des oberen Inhaltsbereiches*/

$keepBlockTopInsideTopOnScroll:; /* Falls der Kopfbereich beim Scrollen oben fixiert werden soll */
$displayScrollTopClass:wglAddScrollTop; /* Schaltfäche, um direkt zum Beginn der Seite zu scrollen */
$displayFontResizerClass:; /* Schaltfächen, um die Schriftgröße anzupassen */

$responsiveImageMinWidth:400px;  /* Maximale Bildbreite bei minimaler Bildschirmbreite */
$responsiveImageMaxWidth:2560px; /* Maximale Bildbreite bei maximaler Bildschirmbreite */

/*#page Seite */

html                                       {height:101%}
body                                       {-w-add-classes:$displayScrollTopClass;margin:0;padding:0;font-family:$fontFamilyDefault;font-size:$fontSizeDefault;line-height:19px;color:$fontColorDefault;-webkit-tap-highlight-color:transparent;background:$bodyBackgroundColor $bodyBackgroundImage $bodyBackgroundRepeat $bodyBackgroundPosition;$bodyBackgroundSize;$bodyBackgroundGradient;background-attachment:$bodyBackgroundAttachment}

/*#blocks Grundgerüst */

#blockMainOuter                            {margin:10px auto;max-width:$widthBlockMainOuter; box-shadow:none} /* background-color:$backgroundColorContent */

#blockMain                                 {margin:0 0px 0px 0px}   /* hier war startwert 0 20px 20px 20px */
#blockMainInner                            {margin:0px}

#blockTop                                  {position:relative;max-width:100% ;margin:0px 0px 0px 50px;background-color:$backgroundColorTop;-w-add-classes:$keepBlockTopInsideTopOnScroll} /* background-color:$backgroundColorTop */
                                             /* gehört eine Zeile höher max-width:wCalc($widthBlockMainOuter - 40) */
#blockTopInner                             {position:relative;-w-add-classes:$displayFontResizerClass;}

#blockTop #logo                           {float:left;display:block;max-width:100%;margin:32px 0 12px 0}
#blockTop.restored-init #logo              {margin:2px 0 12px 0}
#blockTop.restored-ready #logo             {margin:32px 0 12px 0}
#blockTop  #logo > img                     {display:block}

.wglContainerInsideTopOnScroll                             {position:fixed;z-index:10;top:0;width:100%}
.wglContainerInsideTopOnScroll #blockTop #logo             {margin:20px;transition:all 0.5s linear}
.wglContainerInsideTopOnScroll #blockTop.moved-init #logo  {margin:32px 0 12px 0}
.wglContainerInsideTopOnScroll #blockTop.moved-ready #logo {margin:2px 0 12px 0}

#blockTop  #fontResizer                     {float:right;height:30px;position:relative;background-color:$backgroundColorFunctions;margin:0 0 0 0;padding:0 6px 0 6px}
#blockTop  #fontResizer .fontResizerShrink  {cursor:pointer;line-height:20px;font-weight:bold;font-size:10px;float:left;padding:6px 4px 0 4px}
#blockTop  #fontResizer .fontResizerEnlarge {cursor:pointer;line-height:20px;font-weight:bold;font-size:16px;float:left;padding:6px 4px 0 4px}
body.zoom-l                                 {font-size:15px}

#blockTop #languageSelector               {display:$displayLanguageselector;float:right;height:30px;position:relative;background-color:$backgroundColorFunctions;margin:0 0 0 0;padding:0 6px 0 6px}
#blockTop  #languageSelector a.lang        {text-decoration:none;line-height:20px;float:left;padding:6px 4px 0 4px}
#blockTop  #languageSelector a.lang img    {vertical-align: -1px;}
#blockTop  #languageSelector a.lang span   {display:none;padding:0 3px;line-height:20px;text-transform:uppercase;}
#blockTop  #languageSelector a.langCurrent {text-decoration:none;line-height:20px;float:left;padding:6px 4px 0 4px}
#blockTop  #languageSelector a.langCurrent img    {vertical-align:-1px;}
#blockTop  #languageSelector a.langCurrent span   {display:none;padding:0 3px;line-height:20px;text-transform:uppercase;}

#blockTop #searchBox                      {display:$displaySearch;height:30px;position:relative;float:right;background-color:$backgroundColorFunctions}
#blockTop  #searchBox form                 {}
#blockTop  #searchBox dl                   {padding:5px 5px 0 5px}
#blockTop  #searchBox dt                   {margin:0;display:none}
#blockTop  #searchBox dd                   {position:relative;overflow:visible;cursor:pointer;margin:0}
#blockTop  #searchBox dd:before            {content:'';pointer-events:none;position:absolute;top:3px;left:3px;width:7px;height:7px;border:solid 2px $fontColorFunctions;border-radius:50%;}
#blockTop  #searchBox dd:after             {content:'';pointer-events:none;position:absolute;top:0;left:1px;width:7px;height:2px;background-color:$fontColorFunctions;transform:rotate(54deg);margin-top:14px;margin-left:9px;}
.ie8 #blockTop  #searchBox dd:before       {display:none}
.ie8 #blockTop  #searchBox dd:after        {display:none}
#blockTop  #searchBox dd.focused           {}
#blockTop  #searchBox dd.focused:before    {display:none}
#blockTop  #searchBox dd.focused:after     {display:none}
#blockTop  #searchBox .searchTerm          {opacity:0;cursor:pointer;width:20px !important;height:20px;line-height:100%;transition:width 0.2s ease-in-out;-w-jquery:jQuery(this).focus(function()\7BjQuery(this).parent().addClass('focused')\7D).on('blur', function()\7BjQuery(this).parent().removeClass('focused')\3BjQuery(this).val('')\3BjQuery('#searchSuggestOuter').remove()\7D)}
.ie8 #blockTop  #searchBox .searchTerm     {opacity:1;width:120px !important}
#blockTop  #searchBox dd.focused .searchTerm  {opacity:1;outline:none;cursor:text;border-radius:0;width:120px !important;color:inherit}
#blockTop  #searchBox #searchSubmit        {display:none}

#blockTop #navigationMeta                  {display:$displayNavigationMeta;float:right;margin:0;padding:0 4px 0 4px;height:30px;background-color:$backgroundColorFunctions}
#blockBottom #navigationMeta               {display:$displayNavigationMeta;overflow:hidden;margin:0 0 20px 0;padding:0 4px 0 4px;height:auto;background-color:$backgroundColorFunctions}

#blockBefore #navigationMain,
#blockBeforeFull #navigationMain,
#blockBeforeFullLeft #navigationMain,
#blockBeforeFullRight #navigationMain       {clear:both;width:100%;position:static;overflow:hidden;float:none;margin:0;font-family:$fontFamilyNavigationMain;background-color:$backgroundColorNavigationMain;-w-add-classes:wglNavigationOptimizeTouch}

#blockBefore #navigationMain > ul,
#blockBeforeFull #navigationMain > ul,
#blockBeforeFullLeft #navigationMain > ul,
#blockBeforeFullRight #navigationMain > ul  {max-width:$widthBlockTop;margin:0 auto}
                                               /* hier danach kommt der Abstand des Menues von oben die 120 */
#blockTop #navigationMain                 {position:static;overflow:hidden;clear:right;float:right;margin:105px 0 0 20px;font-family:$fontFamilyNavigationMain;background-color:$backgroundColorNavigationMain;-w-add-classes:wglNavigationOptimizeTouch}
#blockTop #navigationMain > ul            {float:right}

#blockBeforeLeftContentRight               {position:relative;width:$widthBlockBeforeLeftContentRight; background-color:#ffffff} /* da war die farbe nicht drin */
#blockBeforeLeftContentRightInner          {margin:0 -0 -10px -0}

#blockBefore                               {max-width:$widthBlockBefore;position:relative;width:$widthBlockBefore;}
#blockBeforeInner                          {}
#blockBeforeFull                           {position:relative;width:$widthBlockBeforeFull;max-width:100%;background-color:#ffffff} /* da war die farbe nicht drin */
#blockBeforeFullInner                      {}
#blockBeforeFullLeft                       {position:relative;width:$widthBlockBeforeFullLeft;max-width:100%}
#blockBeforeFullLeftInner                  {}
#blockBeforeFullRight                      {position:relative;width:$widthBlockBeforeFullRight;max-width:100%}
#blockBeforeFullRightInner                 {}

#areaContent3Global                        {display:$displayContentBlockBefore}
#areaContent3Global > div > div:last-child {margin-bottom:0}
#navigationBreadcrumb                      {display:$displayNavigationBreadcrumb;clear:left;padding:10px 20px 0 20px} /*letzte Zahl 20 war ne null */
#navigationBreadcrumb > div                {max-width:$widthBlockTop;margin:0 auto}

#blockLeftContentRight                     {position:relative;width:$widthBlockLeftContentRight;margin:0 auto;background-color:#ffffff} /* da war die farbe nicht drin */
.weditor #blockLeftContentRight,
.pagestatus-uiloaded #blockLeftContentRight {opacity:0}
.pagestatus-ready  #blockLeftContentRight   {opacity:1;transition:all $effectTransitionContentDuration ease-in-out}
.pagestatus-loaded #blockLeftContentRight   {}
#blockLeftContentRightInner                {}

#blockLeft                                 {display:block;clear:left;float:left;position:relative;width:$widthBlockLeft}
#blockLeftInner                            {margin:20px 20px -10px 0}
#blockLeft #navigationMain                 {font-family:$fontFamilyNavigationMain}
#blockLeft #navigationSub                  {font-family:$fontFamilyNavigationSub}

#blockContentFull                          {margin:; float:left;width:$widthBlockContentFull;background-color:#ffffff} /* da war die farbe nicht drin */
#blockContentFullInner                     {margin:20px 20px 20px 20px } /* hier war startwert 20px 0 px */
#blockContentFullLeft                      {float:left;width:$widthBlockContentFullLeft}
#blockContentFullLeftInner                 {margin:20px 0px 0 20px} /* hier Downloadsseite 20pix links am Centerblock */
#blockContentFullRight                     {float:left;width:$widthBlockContentFullRight}
#blockContentFullRightInner                {margin:20px 0 0 0}
#blockContent                              {float:left;width:$widthBlockContent}
#blockContentInner                         {margin:20px 0px 0px 0px}

#areaContent6Global                        {position:relative}

#blockRight                                {display:block;float:right;position:relative;width:$widthBlockRight}
#blockRightInner                           {margin:20px 0 -10px 20px}

#blockBottom                               {clear:both;position:relative;width:$widthBlockBottom;background-color:$backgroundColorFooter}
#blockBottomInner                          {margin:0 0 0 0;padding:20px}
#blockBottomInner p,
#blockBottomInner a,
#blockBottomInner h1, #blockBottomInner .h1Editor,
#blockBottomInner h2, #blockBottomInner .h2Editor,
#blockBottomInner h3, #blockBottomInner .h3Editor,
#blockBottomInner h4, #blockBottomInner .h4Editor,
#blockBottomInner li                        {color:$fontColorFooter}

#blockMain:after,
#blockTop:after,
#blockTopInner:after,
#blockLeftContentRightInner:after,
#blockRight:after,
#blockBottom:after                          {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0}

#navigationSidebar       {display:none}

#scrollTopOuter          {}
#scrollTop               {position:fixed;bottom:16px;right:0;width:40px;height:80px;display:none;z-index:2000;}
.scrollTopInner          {position:relative;cursor:pointer;width:40px;height:64px;background-color:#444444;border-radius:6px 0 0 6px;}
.scrollTopInner:hover    {background-color:#222222;}
.scrollTopInner:before   {content:"";position:absolute;top:22px;left:10px;width:0;height:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #ffffff;}
.scrollTopInner:after    {content:"";position:absolute;top:32px;left:15px;width:10px;height:10px;background-color:#ffffff}



/* Singlepage Layout*/

.object-singlepage #blockMainOuter                   {max-width:100%;margin:0;padding:0}
.weditor .object-singlepage #blockBeforeLeftContentRightInner {margin-left:30px;margin-right:30px}
.object-singlepage #blockMain                        {margin:0}
.object-singlepage #blockTop                         {background-color:$backgroundColorTop}
.object-singlepage #blockTopInner                    {max-width:$widthMaxSectionInner;margin:0 auto;position:relative}
.object-singlepage #navigationMain                   {display:none;-w-display:none}
.object-singlepage #navigationBreadcrumb             {display:none;-w-display:none}
.object-singlepage #blockBottom                      {width:100%;clear:both;position:relative;margin:0;background-color:$backgroundColorFooter}
.object-singlepage #blockBottomInner                 {max-width:$widthMaxSectionInner;margin:0 auto;padding:40px}
.object-singlepage #blockLeftContentRight            {display:none}
.object-singlepage #blockBeforeLeftContentRightInner {margin:0}



/*#beButtons Pflegeschaltflächen */

#beButtonsPage                     {position:absolute;z-index:10;margin:2px 0 0 220px}
#beButtonsPage > .wglButton        {margin-bottom:2px}
#beButtonEditMetaNavigation        {position:absolute;z-index:10;margin:2px 0 0 2px}
#beButtonEditNavigation            {position:absolute;z-index:10;margin:2px 0 0 0;right:0}
#beButtonEditNavigationSub         {position:absolute;z-index:10;margin:10px 20px 0 0;right:0}
#beButtonInsertNavpoint            {position:absolute;z-index:10;margin:56px 0 0 200px}
#beButtonEditLogo                  {position:absolute;z-index:10;margin:16px 0 0 8px}
#beButtonEditBackgroundImagePage   {position:absolute;z-index:10;margin:8px 0 0 0;right:8px}
#beButtonEditBackgroundImageTop    {position:absolute;z-index:10;margin:36px 0 0 0;right:0}

#beButtonEditContentInclude        {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent2Includes      {position:absolute;z-index:15;margin:2px 24px  0 0;right:0}
#beButtonEditContent2Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent2GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent3Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent3Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent3GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent4Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent4Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent4GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent5Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent5Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent5GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent6Includes      {position:absolute;z-index:15;margin:2px 24px 0 0;right:0}
#beButtonEditContent6Include       {position:absolute;z-index:15;margin:2px 0 0 0;right:0}
#beButtonEditContent6GlobalInclude {position:absolute;z-index:15;margin:2px 0 0 0;right:0}

#beButtonEditLeft                  {position:absolute;z-index:10;margin:2px 2px 0 2px}
#beButtonEditFooter                {position:absolute;z-index:10;margin:2px 2px 0 2px}

.beButtonEditGlobalInclude         {position:absolute;z-index:10;bottom:0;right:0}

.beButtonDeleteRow                 {position:relative;float:right;z-index:10}
.beButtonEditRow                   {position:relative;float:right;z-index:10}
.beButtonEditSitemap               {position:absolute;z-index:10;margin:0 0 0 0}
.beButtonEditSubmap                {position:absolute;z-index:10;margin:0 0 0 0}


/*#search Suche */

#searchSuggestOuter             {position:absolute;z-index:20;background-color:#ffffff;border:solid 1px #c0c0c0}
.searchSuggestEntry             {padding:2px 4px;cursor:pointer;}
.searchSuggestEntry:first-child {padding:4px 4px 2px 4px}
.searchSuggestEntry:last-child  {padding:2px 4px 4px 4px;borde:solid 1px red}
.searchSuggestEntry:hover       {background-color:#f0f0f0}

/*#if test="$wVariable[search_allow_suggest] = 'yes'"*/
.searchTerm                     {-w-add-classes:wglSearchSuggest}
/*#endif*/

/*#navigations Navigationen */

/* Einblender für Hauptnavigation bei schmalen Bildschirmen */
#navigationMainToggler        {display:none}

/* Brotkrümmelnavigation */

#navigationBreadcrumb div                  {display:inline}
#navigationBreadcrumb a                    {text-decoration:none;padding:0 4px 0 0;color:$fontColorInfo}
#navigationBreadcrumb a:before             {content:'//';padding: 0 4px 0 0}
#navigationBreadcrumb div div:first-child a:before {content:'';padding:0}

/* Meta-Navigation */

#navigationMeta div.navLevel1Embed                    {display:none;position:absolute;z-index:100;left:0;margin:-2px 0 0 0;border:solid 1px #f0f0f0;background-color:#ffffff;padding:20px}

#navigationMeta  ul                                   {list-style-type:none;margin:0;padding:0}
#navigationMeta  li                                   {float:left;margin:0;padding:0;overflow:hidden}
#navigationMeta  li.navLevel1 > a                     {color:$fontColorFunctions;margin:0 0 0 4px;line-height:31px;padding:8px 6px 8px 6px;text-decoration:none}
#navigationMeta  li.navLevel1 > a:hover               {color:$fontColorFunctionsActive;background-color:$backgroundColorFunctionsActive}
#navigationMeta  li.navLevel1Selected > a             {color:$fontColorFunctionsActive;background-color:$backgroundColorFunctionsActive;margin:0 0 0 4px;line-height:31px;padding:8px 6px 7px 6px;text-decoration:none}

/* Gestaltung der Hauptnavigation */
#navigationMain { }
#navigationMain li.navLevel1OpenDescendantSelected > a                          {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive}
#navigationMain li.navLevel1OpenSelected > a                                    {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive}
#navigationMain li.navLevel1Selected > a                                        {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive}
#navigationMain li.navLevel1Open > a                                            {color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain}
#navigationMain li.navLevel1Default > a                                         {color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain}
#navigationMain li.navLevelOpenDescendantSelected > a                           {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive}
#navigationMain li.navLevelOpenSelected > a                                     {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive}
#navigationMain li.navLevelSelected > a                                         {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive}
#navigationMain li.navLevelOpen > a                                             {color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer}
#navigationMain li.navLevelDefault > a                                          {color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer}
#navigationMain li.navLevel4OpenDescendantSelected > a:after                    {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel4OpenSelected > a:after                              {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel4Open > a:after                                      {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel4 > a:hover                                          {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive}
#navigationMain li.navLevel4 > a                                                {font-size:$fontSizeNavigationLevel2;padding:5px 0 5px 10px;color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer;border-bottom:solid 1px $borderColorNavigationLayer}
#navigationMain li.navLevel3:hover ul.navLevel4Container                        {display:block;}
#navigationMain li.navLevel3 ul.navLevel4Container                              {display:none;background-color:$backgroundColorNavigationLayer;position:absolute;z-index:80;border:none;margin:-31px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;border-bottom:none;width:180px}
#navigationMain li.navLevel3OpenDescendantSelected > a:after                    {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel3OpenSelected > a:after                              {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel3Open > a:after                                      {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel3 > a:hover                                          {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive}
#navigationMain li.navLevel3 > a                                                {font-size:$fontSizeNavigationLevel2;padding:5px 0 5px 10px;color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer;border-bottom:solid 1px $borderColorNavigationLayer}
#navigationMain li.navLevel2:hover ul.navLevel3Container                        {display:block;}
#navigationMain li.navLevel2 ul.navLevel3Container                              {display:none;background-color:$backgroundColorNavigationLayer;position:absolute;z-index:80;border:none;margin:-31px 0 0 180px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;border-bottom:none;width:180px}
#navigationMain li.navLevel2OpenDescendantSelected > a:after                    {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel2OpenSelected > a:after                              {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel2Open > a:after                                      {content:'';position:absolute;right:4px;width:20px;height:20px;background-image:url(/surprise-wGlobal/wGlobal/layout/images/navigation/hasChilds.png);background-position:right center;background-repeat:no-repeat}
#navigationMain li.navLevel2 > a:hover                                          {color:$fontColorNavigationLayerActive;background-color:$backgroundColorNavigationLayerActive}
#navigationMain li.navLevel2 > a                                                {font-size:$fontSizeNavigationLevel2;padding:5px 0 5px 10px;color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer;border-bottom:solid 1px $borderColorNavigationLayer}
#navigationMain li.navLevel1:hover ul.navLevel2Container                        {display:block;}
#navigationMain li.navLevel1 ul.navLevel2Container                              {display:none;background-color:$backgroundColorNavigationLayer;position:absolute;z-index:80;border:none;margin:0 0 0 -1px;padding:0 0 0 0;border:solid 1px $borderColorNavigationLayer;border-bottom:none;width:180px}
#navigationMain li.navLevel1:hover > a                                          {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive}
#navigationMain li.navLevel1 > a                                                {font-size:$fontSizeNavigationLevel1;line-height:3.0;padding:0 16px 0 16px;font-weight:normal;text-transform:uppercase;color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain}
#navigationMain li.navLevel1                                                    {float:left;box-sizing:border-box;margin:0;padding:0;display:block;overflow:hidden;border-right:solid 1px $borderColorNavigationMain}
#navigationMain li.navLevel > a                                                 {display:block;text-decoration:none;color:$fontColorNavigationLayer;background-color:$backgroundColorNavigationLayer}
#navigationMain li.navLevel                                                     {display:block;overflow:hidden;margin:0;padding:0}
#navigationMain ul.navLevelContainer                                            {list-style-type:none;margin:0;padding:0}
/* Navigationspunkte des oberen ersten Levels */

/* Navigationspunkte des oberen zweiten Levels */

/* Navigationspunkte des oberen dritten Levels */

/* Navigationspunkte des oberen vierten Levels */

/* Navigationspunkte allgemein */

/* Gestaltung der Unternavigation */
#navigationSub                                                                  {margin:0 0 0 0}
#navigationSub li.navLevelOpenDescendantSelected > a                            {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold}
#navigationSub li.navLevelOpenSelected > a                                      {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold}
#navigationSub li.navLevelSelected > a                                          {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold}
#navigationSub li.navLevelOpen > a                                              {color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub}
#navigationSub li.navLevelDefault > a                                           {color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub}
#navigationSub li.navLevel4 > a                                                 {font-size:$fontSizeNavigationLevel4;padding:6px 0 6px 64px;border-bottom:solid 1px $borderColorNavigationSub}
#navigationSub li.navLevel3 > a                                                 {font-size:$fontSizeNavigationLevel3;padding:6px 0 6px 48px;border-bottom:solid 1px $borderColorNavigationSub}
#navigationSub li.navLevel2 > a                                                 {font-size:$fontSizeNavigationLevel2;padding:7px 0 7px 32px;border-bottom:solid 1px $borderColorNavigationSub}
#navigationSub li.navLevel > a:hover                                            {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive}
#navigationSub li.navLevel > a                                                  {display:block;text-decoration:none;color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub}
#navigationSub li.navLevel                                                      {display:block;overflow:hidden;margin:0;padding:0}
#navigationSub ul.navLevel2Container                                            {position:relative;margin:0 0 20px 0;border-top:solid 1px $borderColorNavigationSub}
#navigationSub ul.navLevelContainer                                             {list-style-type:none;margin:0;padding:0}



/* Gestaltung der mobilen Navigation */
#navigationResponsiveAll                                                                 {display:none;clear:both;position:relative;overflow:hidden;margin:0;padding:0;background-color:$backgroundColorNavigationMain;}
#navigationResponsiveAll ul                                                              {list-style-type:none;margin:0;padding:0}
#navigationResponsiveAll li                                                              {display:block;overflow:hidden;margin:0;padding:0}
#navigationResponsiveAll a                                                               {display:block;text-decoration:none}

#navigationResponsiveAll .navLevelOpener                                                 {cursor:pointer;width:42px;height:42px;background-color:transparent;position:absolute;right:0px;margin-top:-42px}
#navigationResponsiveAll .navLevelCloser                                                 {cursor:pointer;width:42px;height:42px;background-color:transparent;position:absolute;right:0px;margin-top:-42px}
#navigationResponsiveAll .navLevelOpener:before                                          {content:'';position:absolute;top:18px;left:14px;border:solid 6px $fontColorNavigationMain;border-bottom:none;border-left-color:transparent;border-right-color:transparent}
#navigationResponsiveAll .navLevelCloser:before                                          {content:'';position:absolute;top:18px;left:14px;border:solid 6px $fontColorNavigationMain;border-top:none;border-left-color:transparent;border-right-color:transparent}

#navigationResponsiveAll .navLevel1OpenSelected .navLevel1Opener:before,
#navigationResponsiveAll .navLevel1OpenDescendantSelected .navLevel1Opener:before,
#navigationResponsiveAll .navLevel2OpenSelected .navLevel2Opener:before,
#navigationResponsiveAll .navLevel2OpenDescendantSelected .navLevel2Opener:before,
#navigationResponsiveAll .navLevel3OpenSelected .navLevel3Opener:before,
#navigationResponsiveAll .navLevel3OpenDescendantSelected .navLevel3Opener:before,
#navigationResponsiveAll .navLevel4OpenSelected .navLevel4Opener:before,
#navigationResponsiveAll .navLevel4OpenDescendantSelected .navLevel4Opener:before        {}

#navigationResponsiveAll li.navLevel1                                                    {box-sizing:border-box;margin:0;padding:0;display:block;overflow:hidden;}
#navigationResponsiveAll a.navLevel1                                                     {color:$fontColorNavigationMain;display:block;text-decoration:none;font-size:$fontSizeNavigationLevel1;line-height:3.0;padding:0 16px 0 16px;font-weight:normal;text-transform:uppercase}

#navigationResponsiveAll .navLevelContainer                                              {display:none;position:relative;margin:0 0 0 0;padding:0}

#navigationResponsiveAll li.navLevel1OpenSelected .navLevel2Container                    {display:block}
#navigationResponsiveAll li.navLevel1OpenDescendantSelected .navLevel2Container          {display:block}
#navigationResponsiveAll li.navLevel2                                                    {box-sizing:border-box;margin:0;padding:0;display:block;overflow:hidden;}
#navigationResponsiveAll li.navLevel2 > a                                                {color:$fontColorNavigationMain;display:block;text-decoration:none;font-size:$fontSizeNavigationLevel2;line-height:3.0;padding:0 16px 0 32px;font-weight:normal}

#navigationResponsiveAll li.navLevel2OpenSelected .navLevel3Container                    {display:block}
#navigationResponsiveAll li.navLevel2OpenDescendantSelected .navLevel3Container          {display:block}
#navigationResponsiveAll li.navLevel3                                                    {box-sizing:border-box;margin:0;padding:0;display:block;overflow:hidden;}
#navigationResponsiveAll li.navLevel3 > a                                                {color:$fontColorNavigationMain;display:block;text-decoration:none;font-size:$fontSizeNavigationLevel3;line-height:3.0;padding:0 16px 0 48px;font-weight:normal}

#navigationResponsiveAll li.navLevel3OpenSelected .navLevel4Container                    {display:block}
#navigationResponsiveAll li.navLevel3OpenDescendantSelected .navLevel4Container          {display:block}
#navigationResponsiveAll li.navLevel4                                                    {box-sizing:border-box;margin:0;padding:0;display:block;overflow:hidden;}
#navigationResponsiveAll li.navLevel4 > a                                                {color:$fontColorNavigationMain;display:block;text-decoration:none;font-size:$fontSizeNavigationLevel4;line-height:3.0;padding:0 16px 0 64px;font-weight:normal}

#navigationResponsiveAll li.navLevelDefault > a                                          {font-weight:normal}
#navigationResponsiveAll li.navLevelDefault:hover > a                                    {}
#navigationResponsiveAll li.navLevelSelected > a                                         {font-weight:bold}
#navigationResponsiveAll li.navLevelSelected:hover > a                                   {}
#navigationResponsiveAll li.navLevelOpen > a                                             {}
#navigationResponsiveAll li.navLevelOpen:hover > a                                       {}
#navigationResponsiveAll li.navLevelOpenSelected > a                                     {font-weight:bold}
#navigationResponsiveAll li.navLevelOpenSelected:hover > a                               {}


/* Sitemap */
#navigationSitemap                                    {margin-left:-15px}
#navigationSitemap ul                                 {list-style-type:none;margin:0}
#navigationSitemap li                                 {overflow:hidden;margin:0}
#navigationSitemap a                                  {display:block;width:100%;margin:0;padding:0;text-decoration:none}
#navigationSitemap a:hover                            {}
#navigationSitemap p                                  {margin:4px 0 8px 0}
#navigationSitemap .navText                           {color:$fontColorInfo}
#navigationSitemap .title                             {margin:4px 0 8px 0}
#navigationSitemap .description                       {margin:4px 0 8px 0}
#navigationSitemap .keywords                          {margin:4px 0 8px 0}

#navigationSitemap .navLevel1space                   {padding:0 0 0 16px}
#navigationSitemap .navLevel2space                   {padding:0 0 0 4px}
#navigationSitemap .navLevel3space                   {padding:0 0 0 24px}
#navigationSitemap .navLevel3spaceLast               {padding:0 0 0 0px}
#navigationSitemap .navLevel4space                   {padding:0 0 0 24px}
#navigationSitemap .navLevel5space                   {padding:0 0 0 24px}

#navigationSitemap  .navLevel1                       {}
#navigationSitemap  .navLevel1 span                  {padding:0 1px 0 1px}
#navigationSitemap a.navLevel1                       {padding:2px 0 4px 0;font-weight:bold}
#navigationSitemap a.navLevel1:hover                 {padding:2px 0 4px 0;font-weight:bold}

#navigationSitemap  .navLevel1Open                   {}
#navigationSitemap  .navLevel1Open span              {padding:0 1px 0 1px}
#navigationSitemap a.navLevel1Open                   {padding:2px 0 4px 0;font-weight:bold}
#navigationSitemap a.navLevel1Open:hover             {padding:2px 0 4px 0;font-weight:bold}

#navigationSitemap  .navLevel2                       {}
#navigationSitemap  .navLevel2 span                  {}
#navigationSitemap a.navLevel2                       {padding:1px 0px 3px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap a.navLevel2:hover                 {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel2Open                   {padding:0px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px}
#navigationSitemap  .navLevel2Open span              {}
#navigationSitemap a.navLevel2Open                   {padding:1px 0px 3px 22px}
#navigationSitemap a.navLevel2Open:hover             {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel2Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap  .navLevel2OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}

#navigationSitemap  .navLevel3                       {}
#navigationSitemap  .navLevel3 span                  {}
#navigationSitemap a.navLevel3                       {padding:1px 0px 3px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap a.navLevel3:hover                 {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel3Open                   {padding:0px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px}
#navigationSitemap  .navLevel3Open span              {}
#navigationSitemap a.navLevel3Open                   {padding:1px 0px 3px 22px}
#navigationSitemap a.navLevel3Open:hover             {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel3Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap  .navLevel3OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}

#navigationSitemap  .navLevel4                       {}
#navigationSitemap  .navLevel4 span                  {}
#navigationSitemap a.navLevel4                       {padding:1px 0px 3px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap a.navLevel4:hover                 {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel4Open                   {padding:0px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px}
#navigationSitemap  .navLevel4Open span              {}
#navigationSitemap a.navLevel4Open                   {padding:1px 0px 3px 22px}
#navigationSitemap a.navLevel4Open:hover             {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel4Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap  .navLevel4OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}

#navigationSitemap  .navLevel5                       {}
#navigationSitemap  .navLevel5 span                  {}
#navigationSitemap a.navLevel5                       {padding:1px 0px 3px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap a.navLevel5:hover                 {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel5Open                   {padding:0px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_open.gif); background-repeat:repeat-y; background-position:6px -4px}
#navigationSitemap  .navLevel5Open span              {}
#navigationSitemap a.navLevel5Open                   {padding:1px 0px 3px 22px}
#navigationSitemap a.navLevel5Open:hover             {padding:1px 0px 3px 22px}

#navigationSitemap  .navLevel5Last                   {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}
#navigationSitemap  .navLevel5OpenLast               {padding:1px 0px 15px 22px; margin:0px; background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/sitemap_bullet_last.gif); background-repeat:no-repeat; background-position:6px -4px}

/* Submap */

/* Footermap */

#navigationFootermap                                    {margin:0 0 0 -24px;overflow:hidden}
#navigationFootermap ul                                 {list-style-type:none;margin:0 0 0 24px}
#navigationFootermap li                                 {overflow:hidden;margin:0 0 0 0;padding:6px 0 0 0}

#navigationFootermap li.navLevel1                       {float:left;padding:0 24px 0 0}
#navigationFootermap li.navLevel1Open                   {float:left;padding:0 24px 0 0}
#navigationFootermap a.navLevel1                        {font-weight:bold;display:block;text-decoration:none;padding:2px 4px 2px 4px}
#navigationFootermap a.navLevel1:hover                  {}

#navigationFootermap ul.navLevel2Container              {margin:0;padding:0}

#navigationFootermap li.navLevel2Open                   {}
#navigationFootermap li.navLevel2                       {}
#navigationFootermap a.navLevel2                        {display:block;text-decoration:none;padding:2px 4px 2px 4px}
#navigationFootermap a.navLevel2:hover                  {}
#navigationFootermap ul.navLevel3Container              {margin:0;padding:0 0 0 10px}

#navigationFootermap li.navLevel3                       {}
#navigationFootermap a.navLevel3                        {display:block;text-decoration:none;padding:0px 4px 0px 4px}
#navigationFootermap a.navLevel3:hover                  {}

/*#headlines Überschriften */

h1, .h1Editor              {font-size:$fontSizeHeadline1;font-family:$fontFamilyHeadline1;line-height:125%;font-weight:normal;color:$fontColorHeadline1;padding:0;margin:0 0 16px 0}
h2, .h2Editor              {font-size:$fontSizeHeadline2;font-family:$fontFamilyHeadline2;line-height:125%;font-weight:normal;color:$fontColorHeadline2;padding:0;margin:0 0 12px 0}
h3, .h3Editor              {font-size:$fontSizeHeadline3;font-family:$fontFamilyHeadline3;line-height:125%;font-weight:normal;color:$fontColorHeadline3;padding:0;margin:0 0 10px 0}
h4, .h4Editor              {font-size:$fontSizeHeadline4;font-family:$fontFamilyHeadline4;line-height:125%;font-weight:bold;color:$fontColorHeadline4;padding:0;margin:0 0 10px 0}

h1:last-child, h2:last-child, h3:last-child, h4:last-child {margin-bottom:0}

/*#texts Textformatierung */

.subline             {font-size:13px;color:$fontColorSubline}
.subline a           {background:none;color:inherit}
.description         {font-weight:bold}
.unimportant         {color:#999999}
.info                {font-size:10px;color:$fontColorInfo}
.noDecoration        {text-decoration:none}
.positionRelative    {position:relative}

p                    {margin:0 0 10px 0}

.alignLeft           {text-align:left}
.alignRight          {text-align:right}
.alignCenter         {text-align:center}
.alignJustify        {text-align:justify}

ul                   {}
ol                   {}

dl                   {}
dt                   {}
dd                   {}

hr                   {margin:0 0 10px 0;border-color:$borderColorLines;border-style:solid none none none;height:0px}

acronym, abbr        {border-bottom:dashed 1px #666666}
blockquote           {border-left:solid 4px #c0c0c0;padding-left:16px}
sup                  {font-size:70%;line-height:0;vertical-align:super}

/*#links Links */

a                    {text-decoration:underline;color:$fontColorLink}
a.intern             {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/intern.gif) left center no-repeat}
a.extern             {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/extern.gif) left center no-repeat}
a.box                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/box.gif) left center no-repeat}
a.boxPicture         {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/boxPicture.gif) left center no-repeat}
a.boxVideo           {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/video.gif) left center no-repeat}
a.download           {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/download.gif) left center no-repeat;background-size:14px}
a.pdf                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/pdf.gif) left center no-repeat}
a.doc                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/doc.gif) left center no-repeat}
a.xls                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/xls.gif) left center no-repeat}
a.audio              {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/audio.gif) left center no-repeat}
a.video              {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/video.gif) left center no-repeat}
a.next               {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/next.gif) left center no-repeat}
a.back               {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/back.gif) left center no-repeat}
a.mail               {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/mail.gif) left center no-repeat}
span.phone,
a.phone              {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/phone.gif) left center no-repeat;text-decoration:none}
span.fax,
a.fax                {cursor:default;padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/fax.gif) left center no-repeat;text-decoration:none}
span.mobile,
a.mobile             {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/mobile.gif) left center no-repeat;text-decoration:none}
a.ical               {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/ical.gif) left center no-repeat}
a.rss                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/rss.gif) left center no-repeat}
a.twitter            {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/twitter.gif) left center no-repeat}
a.googlemaps         {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/googlemaps.gif) left center no-repeat}
a.button,
span.button          {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-weight:bold;display:inline-block;text-decoration:none;border-radius:3px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $backgroundColorButtons;border-color:$borderColorButtons;padding:0 10px;margin:0 4px 0 4px;}

a.autolink           {}

a:hover              {text-decoration:none;color:$fontColorLinkActive}
a.button:hover       {text-decoration:none;color:$fontColorLink;}

.ui-tooltip             {padding:10px;position:absolute;background-color:#ffffff;z-index:9999;max-width: 300px;box-shadow:0 0 5px #aaa;}
.ui-tooltip-link        {margin:6px 0;text-align:right;color:#666666}
.ui-tooltip-link:before {content:'Mehr zu: '}

/*#picture Bilder */

a img                {border:none}

img                  {}
img.picture          {margin:0;height:auto;max-width:100%;vertical-align:bottom}
img.pictureLeft      {float:left;margin:0 24px 4px 0;height:auto;max-width:100%;vertical-align:bottom}
img.pictureCenter    {margin:0 24px 4px 0;height:auto;max-width:100%;vertical-align:bottom}
img.pictureRight     {float:right;margin:0 0 4px 24px;height:auto;max-width:100%;vertical-align:bottom}

#blockRight img.picture          {margin:0}
#blockRight img.pictureLeft      {margin:0}
#blockRight img.pictureCenter    {margin:0}
#blockRight img.pictureRight     {margin:0}

/*#form Formulare und Eingebafelder */

form                   {}

fieldset               {border:0;padding:0;margin:0 0 10px 0}
input                  {font:inherit;padding:1px 0 1px 0;margin:0;border:1px solid #802224;background-color:#d2d1d1}
select                 {font:inherit;padding:0;margin:0;border:1px solid #802224; background-color:#d2d1d1}
textarea               {font:inherit;padding:0;margin:0;border:1px solid #802224; background-color:#d2d1d1}
input[type="radio"]    {border:none;background-color:transparent}
input[type="checkbox"] {border:none;background-color:transparent}
input[type="file"]     {}

button               {cursor:pointer;font:inherit;font-weight:bold;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $backgroundColorButtons;border-color:$borderColorButtons;margin:0 4px 0 0;border-radius:3px}
button:hover         {color:$fontColorButtonsActive;background-color:$backgroundColorButtonsActive;border-color:$borderColorButtonsActive}

button.buttonReset       {color:$backgroundColorButtons;background-color:transparent}
button.buttonReset:hover {color:$backgroundColorButtonsActive}

.wglButton           {}
.wglIsInvalid        {background-color:#ffcccc}
.wglInfoAlreadyUploaded         {padding:4px 0 4px 0}
.wglInfoAlreadyUploadedText     {display:block;color:#666666;font-weight:bold}
.wglInfoAlreadyUploadedFilename {display:block;color:#666666}
.wglCaptcha                     {padding-bottom:3px}
.wglCaptchaArithmeticQuestion   {padding:2px 4px 2px 2px}

.wglRadioFloat                  {display:inline-block;padding:0 0 0 0.5%}
.wglRadioFloat input            {margin:0;float:left;margin-right:4px;background-color:transparent}
.wglRadioFloat label            {float:left;padding:0 4px 0 4px}

.wglRadio                       {display:block;clear:left;padding:2px 0 2px 0.5%}
.wglRadio input                 {margin:0;float:left;margin-right:4px;background-color:transparent}
.wglRadio input[type="text"]    {margin:0 0 0 4px}
.wglRadio label                 {float:left;padding:0 4px 0 4px}

.wglCheckbox                    {display:block;clear:left;padding:2px 0 2px 0.5%}
.wglCheckbox input              {margin:0;float:left;margin-right:4px;background-color:transparent}
.wglCheckbox input[type="text"] {margin:0 0 0 4px}
.wglCheckbox label              {float:left;padding:0 4px 0 4px}

.wglCheckboxFloat               {margin:0 2px 0 0}
.wglCheckboxFloat input         {margin:0;float:left;margin-right:4px;background-color:transparent}
.wglCheckboxFloat label         {float:left;padding:0 4px 0 4px}

.wglInputTimeAfterDate          {margin-left:4px;width:48px}
.infoFormDateTime               {margin-left:4px}

dl.form                         {box-sizing:border-box;margin:0;padding:0;width:100%;}
.form dt                        {display:block;clear:left;margin:0 0 2px 0}
.form dt.blank                  {display:none}
.form dt.full                   {display:none}
.form dt label                  {font-weight:bold;display:inline-block}
.form dd                        {display:block;overflow:hidden;width:100%;margin:0 0 10px 0}
.form dd *                      {}
.form dd button                 {box-sizing:border-box;-moz-box-sizing:border-box;margin:0 1% 0 0;height:26px;padding:0 10px;user-select:none;}

dl.formTable                    {box-sizing:border-box;margin:0;padding:0}
.formTable dt                   {display:block;clear:both;height:26px;margin:0 0 0 0}
.formTable dt label             {line-height:22px;font-weight:bold}
.formTable dd                   {display:block;overflow:hidden;float:right;width:50%;margin:-22px 0 10px 0}
.formTable dd.full              {display:block;overflow:hidden;float:none;width:100%;margin:-22px 0 10px 0}
.formTable dd *                 {}
.formTable dd button            {box-sizing:border-box;-moz-box-sizing:border-box;margin:0 1% 0 0;height:26px;padding:0 10px;user-select:none;}


dl.form input,
dl.formTable input,
dl.form select:not([multiple="multiple"]),
dl.formTable select:not([multiple^="multiple"]) {height:26px}

dl.form input,
dl.formTable input,
dl.form textarea,
dl.formTable textarea {padding:0 6px 0 6px}

dl.form label,
dl.formTable label,
dl.form input,
dl.formTable input,
dl.form textarea,
dl.formTable textarea,
dl.form select,
dl.formTable select {box-sizing:border-box;line-height:26px}

dl.formFirstBlock               {float:left;box-sizing:border-box;padding-right:3%;width:50%;position:relative}
dl.formFirstBlock dd            {margin-left:0}
dl.formLastBlock                {float:left;width:50%;position:relative}
dl.formLastBlock dd             {margin-left:0}

dt.requiredFormfield,
dd.requiredFormfield            {display:none}

label.XS,
input.XS,
textarea.XS,
select.XS        {width:14%;margin:0 0 0 1%}
label.XS:first-child,
input.XS:first-child,
textarea.XS:first-child,
select.XS:first-child {margin-left:0}

label.S,
input.S,
textarea.S,
select.S         {width:29%;margin:0 0 0 1%}
label.S:first-child,
input.S:first-child,
textarea.S:first-child,
select.S:first-child {margin-left:0}

label.M,
input.M,
textarea.M,
select.M         {width:49%;margin:0 0 0 1%}
label.M:first-child,
input.M:first-child,
textarea.M:first-child,
select.M:first-child {margin-left:0}

label.L,
input.L,
textarea.L,
select.L         {width:69%;margin:0 0 0 1%}
label.L:first-child,
input.L:first-child,
textarea.L:first-child,
select.L:first-child {margin-left:0}

label.XL,
input.XL,
textarea.XL,
select.XL        {width:84%;margin:0 0 0 1%}
label.XL:first-child,
input.XL:first-child,
textarea.XL:first-child,
select.XL:first-child {margin-left:0}

label.XXL,
input.XXL,
textarea.XXL,
select.XXL       {width:99%;margin:0 0 0 1%}
label.XXL:first-child,
input.XXL:first-child,
textarea.XXL:first-child,
select.XXL:first-child {margin-left:0}

dt.firstDoubleXS                    {}
dt.firstDoubleXS label              {position:absolute;left:15%;}
dt.firstDoubleXS label:first-child  {position:static}
dt.secondDoubleXS                   {position:absolute !important;margin:-54px 0 0 29.4% !important;width:50% !important}
dt.secondDoubleXS label             {position:absolute;left:30%;}
dt.secondDoubleXS label:first-child {position:static}
dd.secondDoubleXS                   {position:absolute !important;margin:-32px 0 0 29.4% !important}

.wglFormStatusSubmited .formButtons button[type="reset"],
.wglFormStatusSubmited .formButtons button[type="submit"] {pointer-events:none;cursor:default;opacity:0.3;transition:all 0.5s linear;}


/*#tables Tabellen */

table                {font:inherit;color:inherit;border:none}
tr, thead, tbody     {}
th, td               {vertical-align:top}

table.light          {width:100%;background-color:$backgroundColorTable;border:none;margin-bottom:12px;border-collapse:separate;border-spacing:1px}
table.light th       {border:none;padding:4px;text-align:left;background-color:#c0c0c0}
table.light td       {border:none;padding:4px}
table.light td[data-wrap-output='yes'] {white-space:pre}

table.default        {width:100%;background-color:$backgroundColorTable;border-style:solid none none solid;border-width:1px;border-color:$borderColorTable;margin-bottom:12px;border-collapse:collapse}
table.default th     {border-style:none solid solid none;border-width:1px;border-color:$borderColorTable;padding:4px;text-align:left;background-color:#c0c0c0;color:#ffffff}
table.default td     {border-style:none solid solid none;border-width:1px;border-color:$borderColorTable;padding:4px}
table.default td[data-wrap-output='yes'] {white-space:pre}

table.datasheet            {}
table.datasheet td.caption {font-weight:bold;padding-right:8px}

tr.highlighted, th.highlighted, td.highlighted       {background-color:#f0f0f0}

td.bgColor1, th.bgColor1 {background-color:#ffffff}

/*#misc Sonstige allgemeine Definitionen */

.clearBoth        {height:0px;line-height:0;font-size:0px;clear:both;padding:0;margin:0;overflow:hidden}
.clearBothSpace   {height:10px;line-height:0;font-size:0px;clear:both;padding:0;margin:0;overflow:hidden}
#blockLeft  .clearBothSpace,
#blockRight .clearBothSpace   {height:20px;line-height:0;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden}
.clickable   {-w-add-classes:wglClickable}
.invisible   {display:none}
.highlighted {background-color:#FFFF00}
.preWrap     {white-space:pre-wrap}

.errorMessages                  {box-sizing:border-box;-moz-box-sizing:border-box;margin:0 0 10px 0;padding:8px;background-color:#ffcccc}
.wglErrorMessage                {color:#ff0000;display:block}
.textInfo                       {display:inline;color:#666666;float:left;display:block}

.containerFloatLeft  {float:left;margin-right:10px}
.containerFloatRight {float:right;margin-left:10px}
.containerCenter     {margin:auto}

.containerWidth75 {width:75%}
.containerWidth66 {width:66%}
.containerWidth50 {width:50%}
.containerWidth33 {width:33%}
.containerWidth25 {width:25%}

.containerWidth120Abs {width:120px}
.containerWidth240Abs {width:240px}
.containerWidth320Abs {width:320px}
.containerWidth400Abs {width:400px}

/* Eingebettete Vorschauseite der Navigation */
iframe.navLevel1Embed                                   {width:540px;height:1px;border:none}
#blockBefore #navigationBreadcrumb                      {clear:left}

/*#lightbox Lightbox */

.wLightbox                 {position:fixed;z-index:120;top:0;width:100%;height:100%;}
.wLightboxBackground       {position:fixed;top:0;background-color:rgba(0, 0, 0, 0.3);width:100%;height:100%}
.wLightboxOuter            {pointer-events:none;position:absolute;top:0;width:90%;padding:5%;height:160px;transition:height 0.1s ease-in-out}
.wLightboxStatusLoaded .wLightboxOuter {-transition-delay:0.2s}
.wLightboxInner            {pointer-events:auto;position:relative;overflow:hidden;margin:0 auto;padding:0;width:240px;height:100%;border:solid 10px transparent;z-index:10000;border-radius:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.6);background-color:#ffffff;transition:width 0.1s ease-in-out}
.ios .wLightboxInner       {overflow:auto;-webkit-overflow-scrolling:touch;}
.wLightboxIframe           {border:none;width:100%;height:100%}
.wLightboxImage            {display:block;margin:0 auto;max-width:100.1%;max-height:100.1%;opacity:0;}
.wLightboxTitle            {display:none;padding:12px 8px 4px 8px;text-align:center}
.wLightboxDescription      {display:none;padding:0px 8px 4px 8px;text-align:center;color:#888888}
.wLightboxStatusLoading .wLightboxImage {opacity:0}
.wLightboxStatusLoading .wLightboxTitle {opacity:0}
.wLightboxStatusLoading .wLightboxDesciption {opacity:0}
.wLightboxStatusLoaded  .wLightboxImage {transition:opacity 0.5s linear;transition-delay:0.2s;opacity:1}
.wLightboxStatusLoaded  .wLightboxTitle {transition:opacity 0.5s linear;transition-delay:0.2s;opacity:1}
.wLightboxStatusLoaded  .wLightboxDesciption {transition:opacity 0.5s linear;transition-delay:0.2s;opacity:1}
.wLightboxLoaded           {}

.wLightboxCloser           {cursor:pointer;position:absolute;right:0;top:0;width:31px;height:32px;opacity:1;background-color:#ffffff;z-index:100003;border-radius:0 0 0 10px;border-right:solid 1px #ffffff}
.ios .wLightbox-iframe .wLightboxCloser      {display:none}
.wLightboxStatusLoaded .wLightboxCloser {transition:all 0.3s linear;transition-delay:0.4s;opacity:1}
.wLightboxCloser:hover     {background-color:rgba(255, 255, 255, 1)}
.wLightboxCloser:after     {content:'';position:absolute;width:100%;height:100%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/cross-1.png);background-repeat:no-repeat;background-position:12px 6px;background-size:50%}

.wLightboxPrev             {display:none;cursor:pointer;position:absolute;left:16px;bottom:0px;opacity:0;width:20%;margin-right:0;height:100%;z-index:2}
.wLightboxPrevAvailable    {display:block}
.wLightboxStatusLoaded .wLightboxPrev {transition:all 0.3s linear;transition-delay:0.4s;opacity:1}
.wLightboxPrev:after       {content:'';position:absolute;top:50%;left:-16px;margin-top:-32px;width:64px;height:64px;border-radius:0 10% 10% 0;background-color:rgba(255, 255, 255, 0.0);background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-64.png);background-repeat:no-repeat;background-position:center;background-size:50%}
.wLightboxPrev:hover:after {background-color:#ffffff}

.wLightboxNext             {display:none;cursor:pointer;position:absolute;right:16px;bottom:0px;opacity:0;width:20%;margin-left:0;height:100%;z-index:2}
.wLightboxNextAvailable    {display:block}
.wLightboxStatusLoaded .wLightboxNext {transition:all 0.3s linear;transition-delay:0.4s;opacity:1}
.wLightboxNext:after       {content:'';position:absolute;top:50%;right:-16px;margin-top:-32px;width:64px;height:64px;border-radius:10% 0 0 10%;background-color:rgba(255, 255, 255, 0.0);background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-64.png);background-repeat:no-repeat;background-position:center;background-size:50%}
.wLightboxNext:hover:after {background-color:#ffffff}

.wLightbox-ajax .wLightboxOuter   {height:auto;text-align:center;overflow:auto;}
.wLightbox-ajax .wLightboxInner   {display:inline-block;width:auto;text-align:initial}
.wLightbox-ajax .wLightboxContent {overflow:auto;max-height:100%}

@media only screen and (max-width: 480px){
  .wLightboxBackground   {}
  .wLightboxOuter        {padding:0;}
  .wLightboxInner        {border:solid 0 transparent;}
}


/*#magnifier Lupenfuktion für Bilder */
.wMagnifier {cursor:none;z-index:999;background-color:#ffffff;border:solid 5px rgba(255, 255, 255, 0.8);box-shadow:0 0 8px 1px rgba(0, 0, 0, 0.6), inset 0 0 1px 0 rgba(0, 0, 0, 0.2);border-radius:100%;position:absolute;top:-60px;left:-60px;width:160px;height:160px}


/*#items Elemente */

.elementStandard              {margin:0 0 20px 0}
.elementContent               {}
.blockContent .elementContent {max-width:$widthMaxSectionInner;margin-left:auto;margin-right:auto}

.elementHeadline                {}


/* Überschriften */



/*@wCssFragment{class:elementHeadline;variant:0;caption:Standardüberschrift;caption-en:Default}*/
.elementHeadline_var0                     {-w-editmaskExtended-level:yes}





.elementText                    {}
.elementText ul                 {margin:0 0 10px 0;list-style-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.gif)}
.no-weditor .elementText ul     {display:inline-block}
.elementText ol                 {margin:0 0 10px 0;}
.no-weditor .elementText ol     {display:inline-block}
.elementText li                 {margin:0;padding:0}
.elementText > *:last-child     {margin-bottom:0}

.elementTable                   {/*width:100%;overflow:auto;-webkit-overflow-scrolling:touch;*/}
.elementTable table             {margin:0}



/* Bildelement */

.elementPicture                 {}

.elementPictureLeft             {display:inline;max-width:100%}
.elementPictureCenter           {display:inline;max-width:100%}
.elementPictureRight            {display:inline;max-width:100%}

div.pictureBorder               {border-style:solid;border-color:#e0e0e0;border-width:1px}
div.pictureFrame                {padding:5px;background-color:#ffffff}
div.pictureFrameInner           {overflow:hidden}

div.pictureGray                 {background-color:#f0f0f0}
div.pictureRound                {border-radius:50%}
div.pictureRound > *            {border-radius:50%;overflow:hidden}
div.pictureRound .pictureSubtitle {text-align: center;}

a.picture                               {display:block}
a.pictureLeft                           {float:left;margin:0 24px 4px 0}
a.pictureCenter                         {float:left;margin:0 24px 4px 0}
a.pictureRight                          {float:right;overflow:hidden;margin:0 0 4px 24px}

a.picture      img.picture              {display:block}
a.pictureLeft  img.pictureLeft,
a.pictureLeft  img.pictureCenter,
a.pictureRight img.pictureRight         {margin:0}

a.pictureDetails                        {position:relative;cursor:pointer}

a.pictureHover                          {background-size: 100% auto;}
a.pictureHover:hover                    {}
a.pictureHover:hover img.pictureDefault {visibility:hidden}

div.picture                             {box-sizing:border-box;max-width:100%;display:inline-block;vertical-align:bottom;position:relative}
div.pictureLeft                         {float:left;box-sizing:border-box;max-width:100%;margin:0 24px 10px 0}
div.pictureCenter                       {display:table;box-sizing:border-box;max-width:100%;margin:0 auto 10px auto;position:relative}
div.pictureRight                        {float:right;box-sizing:border-box;max-width:100%;margin:0 0 10px 24px}

div.pictureLeft  img.pictureLeft,
div.pictureCenter  img.pictureCenter,
div.pictureRight img.pictureRight       {margin:0}

div.pictureSize-adapt > div             {width:100%}
div.pictureSize-adapt img.picture       {width:100%}

div.picture      a                      {margin:0}
div.pictureLeft  a                      {margin:0}
div.pictureCenter  a                    {margin:0}
div.pictureRight a                      {margin:0}

div.picture      span                   {text-decoration:underline}
div.pictureLeft  span                   {text-decoration:underline}
div.pictureCenter span                  {text-decoration:underline}
div.pictureRight span                   {text-decoration:underline}

div.pictureSubtitle                     {display:table-caption;caption-side:bottom;border:solid 1px #e0e0e0;border-top:none;margin:0;padding:8px;box-sizing:border-box}
div.pictureFrame  .pictureSubtitle      {border:none;padding-left:3px;padding-bottom:2px}
div.pictureBorder .pictureSubtitle      {border:none}

div.picture       .pictureSubtitle      {}
div.pictureLeft   .pictureSubtitle      {clear:left}
div.pictureCenter .pictureSubtitle      {}
div.pictureRight  .pictureSubtitle      {clear:right}

span.pictureCore                        {display:block;position:relative;margin:0;padding:0}

span.pictureCore  img.pictureDefault,
div.pictureFrameInner                     {position:relative;display:table;width:100%}
div.pictureFrameInner  img.pictureDefault {margin:0;display:block}
img.pictureZoomer                         {position:absolute;right:0;top:0;padding:5px}

span.pictureZoomer                        {display:block;position:absolute;right:8px;top:8px;width:20px;height:20px;font-size:0;color:transparent;background-color:#444444;border-radius:10px}
span.pictureZoomer:before                 {content:'';position:absolute;left:5px;top:9px;display:block;width:10px;height:2px;background-color:#ffffff;}
span.pictureZoomer:after                  {content:'';position:absolute;left:9px;top:5px;display:block;width:2px;height:10px;background-color:#ffffff;}

div.pictureButtonPinIt                    {text-align: right;margin-top: 4px;}

/*@wCssFragment{class:elementPicture;variant:0;caption:Standardarstellung;caption-en:Default}*/
.elementPicture_var0                  {-w-editmaskExtended-copyrighttext:no;-w-addCopyright:no}

/*@wCssFragment{class:elementPicture;variant:60;caption:Rund;caption-en:Default}*/

.elementPicture_var60                 {-w-editmaskExtended-copyrighttext:no;-w-addCopyright:no}
.elementPicture_var60 div.pictureFrame     {border-radius:100%}
.elementPicture_var60 .pictureDefault {border-radius:100%}





.elementLink                    {margin-bottom:10px}
.elementLink a                  {display:inline-block;background-position:left 3px;}
.elementLink a.button           {margin:0 0 6px 0;background-position:left 0}

.elementLink .infoDownloadSize  {color:#999999}

.elementLink_var0                 {}


.elementFlash                           {}
.elementFlash .swfMovie object,
.elementFlash .swfMovie embed         {width:100%;max-width:100%}
.elementFlash .alternativeImage > img {width:100%;max-width:100%}
.elementFlash img {}




.elementBodyBackgroundVideo {position:fixed;top:0;left:0;margin:0;padding:0;width:auto;height:auto;min-width:101%;min-height:101%;left:50%;top:30%;transform:translateX(-50%) translateY(-30%);}
html.ios .elementBodyBackgroundVideo {display:none}
.elementBodyBackgroundVideo .wTmp {}




.elementVideo                     {}
.elementVideo a                 {border:none}
.elementVideo a.videoContainer        {text-align:center;vertical-align:middle;display:block;position:relative;max-width:100%;min-height:100%}
.elementVideo img.splashScreen        {position:static;max-width:100%;}
.elementVideo img.splashScreenOverlay {position:absolute;margin:0 auto}

.elementVideo .splashScreenFancy            {position:relative;display:block;overflow:hidden;}
.elementVideo .splashScreenFancy a          {display:block;width:100%;height:100%;}
.elementVideo .splashScreenFancy a:after    {content:'';position:absolute;display:block;top:0;width:100%;height:100%;background:url($wGlobalProjectPath/wGlobal/layout/styles/items/video/img/splash-play.png) center no-repeat;background-size:22%;}
.elementVideo .splashScreenFancy a.splashScreenWithoutSymbol:after {background:none}
.elementVideo .splashScreenFancy img        {width:100%;height:auto;display:block}





.elementVideoQuicktime             {position:relative;}
.elementVideoQuicktime object    {max-width:100%}
.elementVideoQuicktime embed     {max-width:100%}





.elementVideoExternal            {position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.weditor .elementVideoExternal   {padding-bottom:0;height:auto}
.elementVideoExternal iframe   {position:absolute;top:0;left:0;width:100%;height:100%}
.elementVideoExternal object   {position:absolute;top:0;left:0;width:100%;height:100%}
.elementVideoExternal embed    {position:absolute;top:0;left:0;width:100%;height:100%}





.elementAudio                   {margin:0 0 10px 0}
.elementAudio audio           {max-width:100%}

.elementList                    {overflow:hidden}

.elementListWidth               {}

.elementListFloat               {margin:0;overflow:visible}

.elementSitemap                 {overflow:hidden}

.elementSubmap                       {overflow:hidden;min-height:18px}
.elementSubmap h3                  {}
.elementSubmap .firstLevel         {margin-left:-24px}
.elementSubmap ul                  {list-style-type:none;margin:0;padding:0 0 0 24px}
.elementSubmap li                  {overflow:hidden;margin:0 0 0 0;padding:6px 0 0 0}
.elementSubmap li.navLevelSelected {font-weight:bold}

.elementDelimiter               {}

.elementClearer                 {margin:0 0 0 0;height:0px;clear:both}

.elementSpace                   {margin:0 0 0 0;height:10px}

.elementClearerWithSpace        {margin:0 0 0 0;height:10px;clear:both}
.elementClearerWithSpace.spacer1                        {height:17px}
.elementClearerWithSpace.spacer2                        {height:34px}
.elementClearerWithSpace.spacer3                        {height:51px}
.elementClearerWithSpace.spacer4                        {height:68px}
.elementClearerWithSpace.spacer5                        {height:85px}
.elementClearerWithSpace.spacer6                        {height:102px}
.elementClearerWithSpace.spacer7                        {height:119px}
.elementClearerWithSpace.spacer8                        {height:136px}



/* Mehrspaltiger Inhaltscontainer Spalten*/

.elementContainerStandard       {clear:both;}
.col_inner > div:last-child     {margin-bottom:1px}

/*@wCssFragment{class:elementContainerStandardColumns;variant:100;caption:Einspaltig;caption-en:Einspaltig 100%;contentgroups:}*/
.elementContainerStandardColumns_var100                              {-w-number-columns:1}
.elementContainerStandardColumns_var100 > .col1                      {float:left;width:100%}
.elementContainerStandardColumns_var100 > .col1 > div                {}

/*@wCssFragment{class:elementContainerStandardColumns;variant:3070;caption:Zweispaltig 30 / 70;caption-en:30 / 70;contentgroups:}*/
.elementContainerStandardColumns_var3070                             {-w-number-columns:2}
.elementContainerStandardColumns_var3070 > .col1                     {float:left;width:30%}
.elementContainerStandardColumns_var3070 > .col2                     {float:right;width:70%}
.elementContainerStandardColumns_var3070 > .col1 > div               {margin-right:10px}
.elementContainerStandardColumns_var3070 > .col2 > div               {margin-left:10px}

/*@wCssFragment{class:elementContainerStandardColumns;variant:4060;caption:Zweispaltig 40 / 60;caption-en:40 / 60;contentgroups:}*/
.elementContainerStandardColumns_var4060                             {-w-number-columns:2}
.elementContainerStandardColumns_var4060 > .col1                     {float:left;width:40%}
.elementContainerStandardColumns_var4060 > .col2                     {float:right;width:60%}
.elementContainerStandardColumns_var4060 > .col1 > div               {margin-right:10px}
.elementContainerStandardColumns_var4060 > .col2 > div               {margin-left:10px}


/*@wCssFragment{class:elementContainerStandardColumns;variant:5050;caption:Zweispaltig 50 / 50;caption-en:50 / 50;contentgroups:}*/
.elementContainerStandardColumns_var5050                             {-w-number-columns:2}
.elementContainerStandardColumns_var5050 > .col1                     {float:left;width:50%}
.elementContainerStandardColumns_var5050 > .col2                     {float:right;width:50%}
.elementContainerStandardColumns_var5050 > .col1 > div               {margin-right:10px}
.elementContainerStandardColumns_var5050 > .col2 > div               {margin-left:10px}

/*@wCssFragment{class:elementContainerStandardColumns;variant:6040;caption:Zweispaltig 60 / 40;caption-en:60 / 40;contentgroups:}*/
.elementContainerStandardColumns_var6040                             {-w-number-columns:2}
.elementContainerStandardColumns_var6040 > .col1                     {float:left;width:60%}
.elementContainerStandardColumns_var6040 > .col2                     {float:right;width:40%}
.elementContainerStandardColumns_var6040 > .col1 > div               {margin-right:10px}
.elementContainerStandardColumns_var6040 > .col2 > div               {margin-left:10px}




/*@wCssFragment{class:elementContainerStandardColumns;variant:7030;caption:Zweispaltig 70 / 30;caption-en:70 / 30;contentgroups:}*/
.elementContainerStandardColumns_var7030                             {-w-number-columns:2}
.elementContainerStandardColumns_var7030 > .col1                     {float:left;width:70%}
.elementContainerStandardColumns_var7030 > .col2                     {float:right;width:30%}
.elementContainerStandardColumns_var7030 > .col1 > div               {margin-right:10px}
.elementContainerStandardColumns_var7030 > .col2 > div               {margin-left:10px}

/*@wCssFragment{class:elementContainerStandardColumns;variant:333333;caption:Dreispaltig 33 / 33 / 33;caption-en:33 / 33 / 33;contentgroups:}*/
.elementContainerStandardColumns_var333333                           {-w-number-columns:3}
.elementContainerStandardColumns_var333333 > .col1                   {float:left;width:33.33%}
.elementContainerStandardColumns_var333333 > .col2                   {float:left;width:33.33%}
.elementContainerStandardColumns_var333333 > .col3                   {float:right;width:33.33%}
.elementContainerStandardColumns_var333333 > .col1 > div             {margin-right:13px}
.elementContainerStandardColumns_var333333 > .col2 > div             {margin-left:6px;margin-right:7px}
.elementContainerStandardColumns_var333333 > .col3 > div             {margin-left:14px}

/*@wCssFragment{class:elementContainerStandardColumns;variant:255025;caption:Dreispaltig 25 / 50 / 25;caption-en:25 / 50 / 25;contentgroups:}*/
.elementContainerStandardColumns_var255025                           {-w-number-columns:3}
.elementContainerStandardColumns_var255025 > .col1                   {float:left;width:25%}
.elementContainerStandardColumns_var255025 > .col2                   {float:left;width:50%}
.elementContainerStandardColumns_var255025 > .col3                   {float:right;width:25%}
.elementContainerStandardColumns_var255025 > .col1 > div             {margin-right:13px}
.elementContainerStandardColumns_var255025 > .col2 > div             {margin-left:6px;margin-right:7px}
.elementContainerStandardColumns_var255025 > .col3 > div             {margin-left:14px}




/*@wCssFragment{class:elementContainerStandardColumns;variant:25252525;caption:Vierspaltig 25 / 25 / 25 / 25;caption-en:25 / 25 / 25 / 25;contentgroups:}*/
.elementContainerStandardColumns_var25252525                         {-w-number-columns:4}
.elementContainerStandardColumns_var25252525 > .col1                 {float:left;width:25%}
.elementContainerStandardColumns_var25252525 > .col2                 {float:left;width:25%}
.elementContainerStandardColumns_var25252525 > .col3                 {float:left;width:25%}
.elementContainerStandardColumns_var25252525 > .col4                 {float:right;width:25%}
.elementContainerStandardColumns_var25252525 > .col1 > div           {margin-right:15px}
.elementContainerStandardColumns_var25252525 > .col2 > div           {margin-left:5px;margin-right:10px}
.elementContainerStandardColumns_var25252525 > .col3 > div           {margin-left:10px;margin-right:5px}
.elementContainerStandardColumns_var25252525 > .col4 > div           {margin-left:15px}





/* Mehrspaltiger Inhaltscontainer Layout*/

/*@wCssFragment{class:elementContainerStandard;variant:0;caption:Individuelle Spaltenhöhe;caption-en:Different heights}*/
.elementContainerStandard_var0            {}
.elementContainerStandard_var0 .col_inner {}

/*@wCssFragment{class:elementContainerStandard;variant:1;caption:Einheitliche Spaltenhöhe;caption-en:Equal heights}*/
.elementContainerStandard_var1            {-w-add-classes:wglAdjustHeightMax}
.elementContainerStandard_var1 .col_inner {height:100%}



.elementForm                    {overflow:hidden}

.elementGlossary    {position:relative}
.elementGlossary dl {margin:0}
.elementGlossary dt {display:block;clear:left;margin:0 0 2px 0;font-weight:bold}
.elementGlossary dd {display:block;margin:0 0 10px 0;overflow:hidden}

.elementGallery                 {overflow:hidden}

.elementButton                  {margin:0}
.elementButton .wglButton       {margin-bottom:4px}

.elementIncludeGroup            {margin:0}
.elementIncludeGroup > *:last-child  {margin-bottom:0}


/* Inhaltsbereiche */


.elementSection                                 {}

.elementSection > .sectionInner > *:last-child  {margin-bottom:0}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:0;caption:Neutral;caption-en:Neutral}*/
.elementSectionBackgroundColor_var0          {background-color:$backgroundColorSectionBlank !important}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:30;caption:Hell;caption-en:Highlighted}*/
.elementSectionBackgroundColor_var30         {background-color:$backgroundColorSectionColor1 !important}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:60;caption:Dunkel;caption-en:Highlighted dark}*/
.elementSectionBackgroundColor_var60         {background-color:$backgroundColorSectionColor2 !important}

/*@wCssFragment{class:elementSectionPadding;variant:0;caption:Keinen Innenabstand;caption-en:No padding}*/
.elementSectionPadding_var0                  {padding:0 !important}

/*@wCssFragment{class:elementSectionPadding;variant:20;caption:Innenabstand;caption-en:Padding}*/
.elementSectionPadding_var20                 {padding:20px !important}

/*@wCssFragment{class:elementSectionPadding;variant:28;caption-en:Padding large;caption:Doppelter Innenabstand}*/
.elementSectionPadding_var28                 {padding:40px !important}

/*@wCssFragment{class:elementSectionMargin;variant:0;caption:Keinen Abstand unter dem Bereich;caption-en:No margin}*/
.elementSectionMargin_var0                   {margin:0 !important}

/*@wCssFragment{class:elementSectionMargin;variant:20;caption:Abstand unter dem Bereich;caption-en:Margin bottom}*/
.elementSectionMargin_var20                  {margin-bottom:20px !important}

/*@wCssFragment{class:elementSectionParallaxBackground;variant:0;caption:Ohne Parallax Effekt;caption-en:No effect}*/
.elementSectionParallaxBackground_var0       {}

/*@wCssFragment{class:elementSectionParallaxBackground;variant:10;caption:Mit Parallax Effekt nach unten;caption-en:With parallax to bottom}*/
.elementSectionParallaxBackground_var10      {-w-add-classes:wglParallaxBackground;-w-add-data:parallaxbackgrounddirection=bottom}

/*@wCssFragment{class:elementSectionParallaxBackground;variant:20;caption:Mit Parallax Effekt nach oben;caption-en:With parallax to top}*/
.elementSectionParallaxBackground_var20      {-w-add-classes:wglParallaxBackground;-w-add-data:parallaxbackgrounddirection=top}

/*@wCssFragment{class:elementSectionParallaxBackgroundSpeed;variant:10;caption:Schnell;caption-en:Fast}*/
.elementSectionParallaxBackgroundSpeed_var10       {-w-add-data:parallaxbackgroundspeed=2}

/*@wCssFragment{class:elementSectionParallaxBackgroundSpeed;variant:0;caption:Normal;caption-en:Default}*/
.elementSectionParallaxBackgroundSpeed_var0       {-w-add-data:parallaxbackgroundspeed=1}

/*@wCssFragment{class:elementSectionParallaxBackgroundSpeed;variant:50;caption:Langsam;caption-en:Slow}*/
.elementSectionParallaxBackgroundSpeed_var50       {-w-add-data:parallaxbackgroundspeed=0.5}

/*@wCssFragment{class:elementSectionParallaxBackgroundSpeed;variant:90;caption:Sehr langsam;caption-en:Very slow}*/
.elementSectionParallaxBackgroundSpeed_var90       {-w-add-data:parallaxbackgroundspeed=0.1}

/*@wCssFragment{class:elementSectionParallaxBackground;variant:10;caption:Mit Parallax Effekt nach unten;caption-en:With parallax to bottom}*/
.elementSectionParallaxBackground_var50      {-w-add-classes:wglParallaxBackground;-w-add-data:parallaxbackgrounddirection=bottom}

/*@wCssFragment{class:elementSectionParallaxBackground;variant:20;caption:Mit Parallax Effekt nach oben;caption-en:With parallax to top}*/
.elementSectionParallaxBackground_var20      {-w-add-classes:wglParallaxBackground;-w-add-data:parallaxbackgrounddirection=top}

/*@wCssFragment{class:elementSectionInnerWidth;variant:0;caption:Automatisch;caption-en:Auto}*/
.elementSectionInnerWidth_var0 > .sectionInner   {max-width:$widthMaxSectionInner !important}

/*@wCssFragment{class:elementSectionInnerWidth;variant:100;caption:Volle Breite;caption-en:Full width}*/
.elementSectionInnerWidth_var100 > .sectionInner {max-width:100% !important}

/*@wCssFragment{class:elementSectionInnerHeight;variant:0;caption:Automatisch;caption-en:Auto}*/
.elementSectionInnerHeight_var0 > .sectionInner   {}

/*@wCssFragment{class:elementSectionInnerHeight;variant:41240;caption:Maximale Höhe 320px;caption-en:Max height 320px}*/
.elementSectionInnerHeight_var41240 > .sectionInner {max-height:320px;overflow:hidden}

/*@wCssFragment{class:elementSectionIfVisible;variant:0;caption:Kein Einblendeffekt;caption-en:No effect if visible}*/
.elementSectionIfVisible_var0 > .sectionInner                                   {}

/*@wCssFragment{class:elementSectionIfVisible;variant:10;caption:Einblenden;caption-en:Fade in}*/
.elementSectionIfVisible_var10                                               {-w-add-classes:wglAnimateIfVisible}
.elementSectionIfVisible_var10 > .sectionInner                                   {transition:all 1.0s ease-in-out;opacity:0;}
.elementSectionIfVisible_var10.wglAnimateIfVisible.isVisibleOnce > .sectionInner {}
.elementSectionIfVisible_var10.wglAnimateIfVisible.isVisible > .sectionInner     {opacity:1}
.elementSectionIfVisible_var10.wglAnimateIfVisible.isInvisible > .sectionInner   {opacity:0}

/*@wCssFragment{class:elementSectionIfVisible;variant:20;caption:Einblenden mit Vergrößerungseffekt;caption-en:Fade in size}*/
.elementSectionIfVisible_var20                                               {-w-add-classes:wglAnimateIfVisible}
.elementSectionIfVisible_var20 > .sectionInner                                   {transition:all 1.0s ease-in-out;opacity:0;transform:scale(0.9)}
.elementSectionIfVisible_var20.wglAnimateIfVisible.isVisibleOnce > .sectionInner {}
.elementSectionIfVisible_var20.wglAnimateIfVisible.isVisible > .sectionInner     {opacity:1;transform:scale(1)}
.elementSectionIfVisible_var20.wglAnimateIfVisible.isInvisible > .sectionInner   {opacity:0;transform:scale(0.9)}

/*@wCssFragment{class:elementSection;variant:111;caption:Individuell;caption-en:Default}*/
.elementSection_var111                        {-w-editmaskExtended-anchor:no;-w-editmaskExtended-title:yes;-w-editmaskExtended-ifvisible:yes;-w-editmaskExtended-innerwidth:yes;-w-editmaskExtended-innerheight:no;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;box-sizing:border-box;margin:0;overflow:hidden;border:none;padding:40px 20px;background-color:$backgroundColorSectionBlank;background-attachment:absolute;margin:0 0 20px 0;overflow:hidden;}
.elementSection_var111:first-child:last-child {height:100%;}
.elementSection_var111 > .sectionInner        {max-width:$widthMaxSectionInner;margin:0 auto;}
.elementSection_var111.wglAnimateIfVisibleOnceVisible > .sectionInner   {transition:all 0.3s ease-in-out;}
.elementSection_var111 .tmp {}

/*@wCssFragment{class:elementSection;variant:0;caption:Standard;caption-en:Default}*/
.elementSection_var0                        {-w-editmaskExtended-innerwidth:yes;-w-editmaskExtended-innerheight:no;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;box-sizing:border-box;margin:0;overflow:hidden;border:none;padding:40px 20px;background-color:$backgroundColorSectionBlank;background-attachment:absolute;margin:0 0 20px 0;overflow:hidden;}
.elementSection_var0:first-child:last-child {height:100%;}
.elementSection_var0 > .sectionInner        {max-width:$widthMaxSectionInner;margin:0 auto;}
.elementSection_var0.wglAnimateIfVisibleOnceVisible > .sectionInner   {transition:all 0.3s ease-in-out;}
.elementSection_var0 .tmp {}

/*@wCssFragment{class:elementSection;variant:20;caption:Mit Hintergrundbild;caption-en:With background image}*/
.elementSection_var20                        {-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;-w-editmaskExtended-backgroundimage:yes;-w-editmaskExtended-parallaxbackground:yes;-w-add-classes:wglAnimateIfVisibleOnce;box-sizing:border-box;margin:0 0 0 0;overflow:hidden;background-size:100%;border:none;padding:40px 20px}
.elementSection_var20:first-child:last-child {height:100%;}
.elementSection_var20 > .sectionInner        {max-width:$widthMaxSectionInner;margin:0 auto;}
.elementSection_var20.wglAnimateIfVisibleOnceVisible > .sectionInner   {transition:all 0.3s ease-in-out;}
.elementSection_var20 .tmp {}

/*@wCssFragment{class:elementSection;variant:30;caption:Mit Hintergrundvideo;caption-en:With background video}*/
.elementSection_var30                        {-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;-w-add-classes:wglExpandToHeighestChild;box-sizing:border-box;margin:0 0 0 0;position:relative;overflow:hidden;-w-editmaskExtended-backgroundvideo:yes;background-size:100%;border:none;}
.weditor .elementSection_var30               {overflow:visible}
.elementSection_var30 > .sectionInner        {position:absolute;top:0;left:0;box-sizing:border-box;-moz-box-sizing:border-box;height:auto;z-index:100;margin:20px;padding:20px;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.9);}
.weditor .elementSection_var30 > .sectionInner   {position:static}
.elementSection_var30  > video               {-w-add-data:adjusttoheighestchild=no;position:absolute;top:0;left:0;width:100%;height:auto;min-width:100%;min-height:100%}
.weditor .elementSection_var30  > video      {display:none}
.elementSection_var30 .tmp {}



/*@wCssFragment{class:elementSection;variant:99;caption:Demo;caption-en:Demo}*/
.elementSection_var99                          {-w-add-classes:wglAnimateIfVisibleOnce;-w-jquery:jQuery(this).prepend('<div class="sectionTitle">' + jQuery(this).attr('data-title') + '</div>');box-sizing:border-box;margin:0 0 0 0;overflow:hidden;background-color:$backgroundColorSectionBlank;border:none;padding:20px 0px}
.elementSection_var99:first-child              {padding:0}
.elementSection_var99 > .sectionTitle          {font-size:38px;padding:20px 0 20px 0;margin:0 0 20px 0;border-bottom:solid 1px #c0c0c0;text-transform:uppercase;text-align:center}
.weditor .elementSection_var99 > .sectionTitle {display:none}
.elementSection_var99.wglAnimateIfVisibleOnceVisible > .sectionInner   {transition:all 0.3s ease-in-out;}
.elementSection_var99 > .sectionInner          {max-width:$widthMaxSectionInner;margin:0 auto;}
.elementSection_var99 .tmp    {}


/* Inhaltsboxen */

/*@wCssFragment{class:elementBoxPosition;variant:0;caption:Standard;caption-en:Default}*/
.elementBoxPosition_var0 > .boxInner   {}

/*@wCssFragment{class:elementBoxPosition;variant:10;caption:Links ausgerichtet;caption-en:Align left}*/
.elementBoxPosition_var10 > .boxInner   {float:left !important}
.elementBoxPosition_var10:after         {content:'';display:block;clear:left !important}

/*@wCssFragment{class:elementBoxPosition;variant:20;caption:Rechts ausgerichtet;caption-en:Align right}*/
.elementBoxPosition_var20 > .boxInner   {float:right !important}
.elementBoxPosition_var20:after         {content:'';display:block;clear:right !important}

/*@wCssFragment{class:elementBoxPosition;variant:30;caption:Zentriert;caption-en:Centered}*/
.elementBoxPosition_var30 > .boxInner   {margin-left:auto !important;margin-right:auto !important}

/*@wCssFragment{class:elementBoxPosition;variant:40;caption:Links fließen;caption-en:Float left}*/
.elementBoxPosition_var40               {float:left !important}
.weditor .elementBoxPosition_var40      {float:none !important}

/*@wCssFragment{class:elementBoxPosition;variant:50;caption:Rechts fließen;caption-en:Float right}*/
.elementBoxPosition_var50               {float:right !important}
.weditor .elementBoxPosition_var50      {float:none !important}

/*@wCssFragment{class:elementBoxPosition;variant:220;caption:Bleibt beim Scrollen oben kleben;caption-en:Half width centered}*/
.elementBoxPosition_var220              {-w-add-classes:wglKeepInsideTopOnScroll}

/*@wCssFragment{class:elementBoxPosition;variant:150;caption:Fixe Position oben am rechten Bildschirmrand;caption-en:Fixed position right top}*/
.elementBoxPosition_var150              {position:fixed;display:table;z-index:20;top:10%;right:0;}
.weditor .elementBoxPosition_var150     {position:static}

/*@wCssFragment{class:elementBoxPosition;variant:153;caption:Fixe Position mittig am rechten Bildschirmrand;caption-en:Fixed position right middle}*/
.elementBoxPosition_var153              {position:fixed;display:table;z-index:20;top:0;right:0;height:100%}
.elementBoxPosition_var153 > .boxInner  {display:table-cell;vertical-align:middle}
.weditor .elementBoxPosition_var153     {position:static}

/*@wCssFragment{class:elementBoxPosition;variant:156;caption:Fixe Position unten am rechten Bildschirmrand;caption-en:Fixed position right bottom}*/
.elementBoxPosition_var156              {position:fixed;display:table;z-index:20;bottom:10%;right:0;}
.weditor .elementBoxPosition_var156     {position:static}

/*@wCssFragment{class:elementBoxPosition;variant:160;caption:Fixe Position oben am linken Bildschirmrand;caption-en:Fixed position left top}*/
.elementBoxPosition_var160              {position:fixed;display:table;z-index:20;top:10%;left:0}
.weditor .elementBoxPosition_var160     {position:static}

/*@wCssFragment{class:elementBoxPosition;variant:163;caption:Fixe Position mittig am linken Bildschirmrand;caption-en:Fixed position left bottom}*/
.elementBoxPosition_var163              {position:fixed;display:table;z-index:20;top:0;left:0;height:100%}
.elementBoxPosition_var163 > .boxInner  {display:table-cell;vertical-align:middle}
.weditor .elementBoxPosition_var163     {position:static}

/*@wCssFragment{class:elementBoxPosition;variant:166;caption:Fixe Position unten am linken Bildschirmrand;caption-en:Fixed position left bottom}*/
.elementBoxPosition_var166              {position:fixed;display:table;z-index:20;top:10%;left:0}
.weditor .elementBoxPosition_var166     {position:static}


/*@wCssFragment{class:elementBoxInnerWidth;variant:0;caption:Automatisch;caption-en:Auto}*/
.elementBoxInnerWidth_var0 > .boxInner   {}

/*@wCssFragment{class:elementBoxInnerWidth;variant:50;caption:Halbe Breite;caption-en:Half width}*/
.elementBoxInnerWidth_var50 > .boxInner {max-width:50% !important}

/*@wCssFragment{class:elementBoxInnerHeight;variant:0;caption:100%;caption-en:100%}*/
.elementBoxInnerHeight_var0  {height:100%}

/*@wCssFragment{class:elementBoxBorder;variant:0;caption:Ohne Rahmen;caption-en:Without frame}*/
.elementBoxBorder_var0                   {border:none;outline:none;box-shadow:none}

/*@wCssFragment{class:elementBoxBorder;variant:10;caption:Mit Rahmen;caption-en:With frame}*/
.elementBoxBorder_var10                  {border:none;outline:solid 1px $borderColorLines;box-shadow:none}

/*@wCssFragment{class:elementBoxBorder;variant:15;caption:Mit Schatten;caption-en:With shadow}*/
.elementBoxBorder_var15                  {border:none;outline:solid 1px $borderColorLines;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:0;caption:Neutral;caption-en:Neutral}*/
.elementBoxBackgroundColor_var0          {background-color:$backgroundColorSectionBlank !important}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:10;caption-en:White;caption:Weiß}*/
.elementBoxBackgroundColor_var10          {background-color:#ffffff !important}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:30;caption:Hell;caption-en:Highlighted}*/
.elementBoxBackgroundColor_var30         {background-color:$backgroundColorBoxColor1 !important}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:60;caption:Dunkel;caption-en:Highlighted dark}*/
.elementBoxBackgroundColor_var60         {background-color:$backgroundColorBoxColor2 !important}

/*@wCssFragment{class:elementBoxPadding;variant:0;caption:Keinen Innenabstand;caption-en:No padding}*/
.elementBoxPadding_var0                  {box-sizing:border-box;-moz-box-sizing:border-box;padding:0 !important}

/*@wCssFragment{class:elementBoxPadding;variant:20;caption:Innenabstand;caption-en:Padding}*/
.elementBoxPadding_var20                 {box-sizing:border-box;-moz-box-sizing:border-box;padding:20px !important}

/*@wCssFragment{class:elementBoxPadding;variant:40;caption:Doppelter Innenabstand;caption-en:Double Padding}*/
.elementBoxPadding_var40                 {box-sizing:border-box;-moz-box-sizing:border-box;padding:40px !important}

/*@wCssFragment{class:elementBoxMargin;variant:0;caption:Keinen Abstand unter dem Bereich;caption-en:No margin}*/
.elementBoxMargin_var0                   {margin:0 !important}

/*@wCssFragment{class:elementBoxMargin;variant:20;caption:Abstand unter dem Bereich;caption-en:Margin bottom}*/
.elementBoxMargin_var20                  {margin-bottom:20px !important;}

/*@wCssFragment{class:elementBoxMargin;variant:210;caption-en:Margin right;caption:Abstand rechts neben Element}*/
.elementBoxMargin_var210                  {margin-right:10px !important;}

/*@wCssFragment{class:elementBoxParallaxBackground;variant:0;caption:Ohne Parallax Effekt;caption-en:No effect}*/
.elementBoxParallaxBackground_var0       {}

/*@wCssFragment{class:elementBoxParallaxBackground;variant:10;caption:Mit Parallax Effekt nach unten;caption-en:With parallax to bottom}*/
.elementBoxParallaxBackground_var10      {-w-add-classes:wglParallaxBackground;-w-add-data:parallaxbackgrounddirection=bottom}

/*@wCssFragment{class:elementBoxParallaxBackground;variant:20;caption:Mit Parallax Effekt nach oben;caption-en:With parallax to top}*/
.elementBoxParallaxBackground_var20      {-w-add-classes:wglParallaxBackground;-w-add-data:parallaxbackgrounddirection=top}

/*@wCssFragment{class:elementBoxParallaxBackgroundSpeed;variant:10;caption:Schnell;caption-en:Fast}*/
.elementBoxParallaxBackgroundSpeed_var10       {-w-add-data:parallaxbackgroundspeed=2}

/*@wCssFragment{class:elementBoxParallaxBackgroundSpeed;variant:0;caption:Normal;caption-en:Default}*/
.elementBoxParallaxBackgroundSpeed_var0       {-w-add-data:parallaxbackgroundspeed=1}

/*@wCssFragment{class:elementBoxParallaxBackgroundSpeed;variant:50;caption:Langsam;caption-en:Slow}*/
.elementBoxParallaxBackgroundSpeed_var50       {-w-add-data:parallaxbackgroundspeed=0.5}

/*@wCssFragment{class:elementBoxParallaxBackgroundSpeed;variant:90;caption:Sehr langsam;caption-en:Very slow}*/
.elementBoxParallaxBackgroundSpeed_var90       {-w-add-data:parallaxbackgroundspeed=0.1}

/*@wCssFragment{class:elementBoxIfVisible;variant:0;caption:Kein Einblendeffekt;caption-en:No effect if visible}*/
.elementBoxIfVisible_var0 > .boxInner                                   {}

/*@wCssFragment{class:elementBoxIfVisible;variant:10;caption:Einblenden;caption-en:Fade in}*/
.elementBoxIfVisible_var10                                               {-w-add-classes:wglAnimateIfVisible}
.elementBoxIfVisible_var10 > .boxInner                                   {transition:all 1.0s ease-in-out;opacity:0;}
.elementBoxIfVisible_var10.wglAnimateIfVisible.isVisibleOnce > .boxInner {}
.elementBoxIfVisible_var10.wglAnimateIfVisible.isVisible > .boxInner     {opacity:1}
.elementBoxIfVisible_var10.wglAnimateIfVisible.isInvisible > .boxInner   {opacity:0}

/*@wCssFragment{class:elementBoxIfVisible;variant:20;caption:Einblenden mit Vergrößerungseffekt;caption-en:Fade in size}*/
.elementBoxIfVisible_var20                                               {-w-add-classes:wglAnimateIfVisible}
.elementBoxIfVisible_var20 > .boxInner                                   {transition:all 1.0s ease-in-out;opacity:0;transform:scale(0.9)}
.elementBoxIfVisible_var20.wglAnimateIfVisible.isVisibleOnce > .boxInner {}
.elementBoxIfVisible_var20.wglAnimateIfVisible.isVisible > .boxInner     {opacity:1;transform:scale(1)}
.elementBoxIfVisible_var20.wglAnimateIfVisible.isInvisible > .boxInner   {opacity:0;transform:scale(0.9)}

.elementBox > .boxInner > *:last-child  {margin-bottom:0}
.elementBox > .boxInner:after           {content:'';display:block;width:100%;height:0;clear:both}

/*@wCssFragment{class:elementBox;variant:111;usertypes:admin;caption-en:Individual;caption:Individuell;caption:Individuell}*/
.elementBox_var111                {-w-editmaskExtended-parallaxcontentdirection:no;-w-editmaskExtended-position:yes;-w-editmaskExtended-ifvisible:yes;-w-editmaskExtended-parallaxbackgroundspeed:no;-w-editmaskExtended-parallaxbackgrounddirection:no;-w-editmaskExtended-parallaxbackground:yes;-w-editmaskExtended-target:yes;-w-editmaskExtended-link:yes;-w-editmaskExtended-mouseoverimage:yes;-w-editmaskExtended-backgroundvideo:yes;-w-editmaskExtended-backgroundimage:yes;-w-editmaskExtended-innerheight:yes;-w-editmaskExtended-innerwidth:yes;-w-editmaskExtended-border:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-class:yes;-w-editmaskExtended-id:yes;}

/*@wCssFragment{class:elementBox;variant:0;caption:Hervorgehoben;caption-en:Highlighted}*/
.elementBox_var0                {box-sizing:border-box;margin-bottom:20px;overflow:visible;background-color:$backgroundColorBoxSheet;border:none;padding:20px}
.elementBox_var0:first-child:last-child {height:100%;}
.elementBox_var0 p,
.elementBox_var0 a,
.elementBox_var0 h1,
.elementBox_var0 h2,
.elementBox_var0 h3,
.elementBox_var0 h4,
.elementBox_var0 li             {color:$fontColorBoxSheet}
.elementBox_var0 > .boxInner    {}

/*@wCssFragment{class:elementBox;variant:1;caption:Eingerahmt;caption-en:Framed}*/
.elementBox_var1                {box-sizing:border-box;margin-bottom:20px;overflow:visible;background-color:$backgroundColorBoxBlank;border:solid 1px $borderColorLines;padding:20px}
.elementBox_var1:first-child:last-child {height:100%;}
.elementBox_var1 p,
.elementBox_var1 a,
.elementBox_var1 li             {color:$fontColorBoxBlank}
.elementBox_var1 > .boxInner    {}

/*@wCssFragment{class:elementBox;variant:10;caption:Neutral;caption-en:Neutral}*/
.elementBox_var10                {margin:0 0 20px 0;overflow:visible;padding:20px}





.elementForm table              {width:400px}
.elementForm td                 {padding:4px 0 0 0}
.elementForm .rowText           {}
.elementForm .formButtons       {clear:left;text-align:right}
.elementForm label              {padding:0 4px 0 0}
.elementForm .formLabelStar     {color:$fontColorInfo;padding-left:2px}

.elementSourcecode .source      {background-color:#ffffcc;margin:0 0 10px;border:1px solid #e0e0e0;overflow:auto;padding:10px;white-space:nowrap}
.elementSourcecode .source pre  {margin:0}

.elementBlank                   {margin:0 0 0 0}

.elementInfoDefault {box-sizing:border-box;overflow:hidden;min-height:28px;border:solid 1px #e0e0e0;padding:16px 16px 16px 60px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/info.gif');background-repeat:no-repeat;background-position:16px 16px}
.elementInfoTip     {box-sizing:border-box;overflow:hidden;min-height:28px;border:solid 1px #e0e0e0;padding:16px 16px 16px 60px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/tip.gif');background-repeat:no-repeat;background-position:16px 16px}
.elementInfoWarning {box-sizing:border-box;overflow:hidden;min-height:28px;border:solid 1px #e0e0e0;padding:16px 16px 16px 60px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/warning.gif');background-repeat:no-repeat;background-position:16px 16px}
.elementInfoError   {box-sizing:border-box;overflow:hidden;min-height:28px;border:solid 1px #e0e0e0;padding:16px 16px 16px 60px;background-color:#ffffcc;background-image:url('/weblication/grid5/gui/images/icon_large/error.gif');background-repeat:no-repeat;background-position:16px 16px}



/*@wCssFragment{class:elementTabContainer;variant:0;caption:Eingerahmt;caption-en:Framed}*/
.elementTabContainer_var0                     {}
.elementTabContainer_var0 .tabs               {width:100%;overflow:hidden;margin:0 0 -1px 0;padding:0 0 1px 0;border-left:solid 1px $borderColorLines}
.elementTabContainer_var0 .tabs > .tab        {float:left;cursor:pointer;list-style:none;font-size:13px;line-height:36px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#f0f0f0;border:solid 1px $borderColorLines;border-bottom-color:$borderColorLines;border-left:none}
.elementTabContainer_var0 .tabs > .tab:hover          {background-color:#ffffff}
.elementTabContainer_var0 .tabs > .tabSelected        {float:left;cursor:pointer;list-style:none;font-size:13px;line-height:36px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#ffffff;border:solid 1px $borderColorLines;border-bottom-color:#ffffff;border-left:none}
.elementTabContainer_var0 .tabs > .tab a              {text-decoration:none;white-space:nowrap}
.elementTabContainer_var0 .tabs > .tabSelected a      {text-decoration:none;white-space:nowrap}
.elementTabContainer_var0 .containers                       {clear:left;padding:10px 10px 0 10px;;background-color:#ffffff;border:solid 1px $borderColorLines}
.elementTabContainer_var0 .containers > .container          {}
.elementTabContainer_var0 .containers > .containerSelected  {display:block;margin-bottom:10px}
.elementTabContainer_var0 .containers > .containerSelected > *:last-child  {margin-bottom:0}
.elementTabContainer_var0 .containers > .containerInvisible {display:none}

/*@wCssFragment{class:elementTabContainer;variant:1;caption:Neutral;caption-en:Neutral}*/
.elementTabContainer_var1                     {}
.elementTabContainer_var1 .tabs               {width:100%;overflow:hidden;margin:0 0 -1px 0;padding:0 0 1px 0;border-left:solid 1px $borderColorLines}
.elementTabContainer_var1 .tabs > .tab                {float:left;cursor:pointer;list-style:none;font-size:13px;line-height:36px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#f0f0f0;border:solid 1px $borderColorLines;border-bottom-color:$borderColorLines;border-left:none}
.elementTabContainer_var1 .tabs > .tab:hover          {background-color:#ffffff}
.elementTabContainer_var1 .tabs > .tabSelected        {float:left;cursor:pointer;list-style:none;font-size:13px;line-height:36px;margin:0 0 -1px 0;padding:0 10px 0 10px;background-color:#ffffff;border:solid 1px $borderColorLines;border-bottom-color:#ffffff;border-left:none}
.elementTabContainer_var1 .tabs > .tab a              {text-decoration:none;white-space:nowrap}
.elementTabContainer_var1 .tabSelected a      {text-decoration:none;white-space:nowrap}
.elementTabContainer_var1 .containers         {clear:left;padding:10px 0 0 0;border:none;}
.elementTabContainer_var1 .containers > .container          {}
.elementTabContainer_var1 .containers > .containerSelected  {display:block}
.elementTabContainer_var1 .containers > .containerSelected > *:last-child  {margin-bottom:0}
.elementTabContainer_var1 .containers > .containerInvisible {display:none}






/* Akkordeon-Container */

/*@wCssFragment{class:elementAccordion;variant:0;caption:Eingerahmt;caption-en:Framed}*/
.elementAccordion_var0                         {-w-use-lib:wAccordion}
.elementAccordion_var0 .accordionHeader        {user-select:none;cursor:pointer;border:none;background-color:$backgroundColorBoxSheet;background-image:none;border-radius:0;padding:10px 10px;margin:2px 0 0 0;position:relative}
.elementAccordion_var0 .accordionHeader:first-child {margin:0}
.elementAccordion_var0 .accordionHeader:hover  {}
.elementAccordion_var0 .accordionHeader > a    {font-weight:normal;font-size:13px;color:#444444;text-decoration:none;}
.elementAccordion_var0 .accordionHeader > .accordionHeaderOpener               {display:block;position:absolute;right:4px;top:4px;width:32px;height:32px;}
.elementAccordion_var0 .accordionHeaderVisible > .accordionHeaderOpener        {}
.elementAccordion_var0 .accordionHeaderVisible.accordionHeaderNoneCollapsible  {cursor:default}
.elementAccordion_var0 .accordionHeaderVisible.accordionHeaderNoneCollapsible > a {cursor:default}
.elementAccordion_var0 .accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener {display:none}
.elementAccordion_var0 .accordionHeader > .accordionHeaderOpener:before        {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 0;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(40deg)}
.elementAccordion_var0 .accordionHeader > .accordionHeaderOpener:after         {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 8px;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(-40deg)}
.ie8 .elementAccordion_var0 .accordionHeader > .accordionHeaderOpener:after    {margin:11px 0 0 5px;width:2px;height:12px;}
.elementAccordion_var0 .accordionHeaderVisible > .accordionHeaderOpener:before {transform:rotate(-40deg)}
.elementAccordion_var0 .accordionHeaderVisible > .accordionHeaderOpener:after  {transform:rotate(40deg)}
.elementAccordion_var0 .accordionContent       {overflow:hidden;border:solid 1px $borderColorLines;border-top-style:none;padding:0 10px}
.elementAccordion_var0 .accordionContent > *:first-child  {margin-top:10px}
.elementAccordion_var0 .accordionContent > *:last-child   {margin-bottom:10px}
.elementAccordion_var0 .accordionOpenerCloser  {text-align:right;padding:8px 0 0 0}
.elementAccordion_var0 .accordionOpener        {text-decoration:none;}
.elementAccordion_var0 .accordionCloser        {text-decoration:none;display:none}

/*@wCssFragment{class:elementAccordion;variant:1;caption:Neutral;caption-en:Neutral}*/
.elementAccordion_var1                         {-w-use-lib:wAccordion}
.elementAccordion_var1 .accordionHeader        {user-select:none;cursor:pointer;border:none;background-color:$backgroundColorBoxSheet;background-image:none;border-radius:0;padding:10px 10px;margin:2px 0 0 0;position:relative}
.elementAccordion_var1 .accordionHeader:first-child {margin:0}
.elementAccordion_var1 .accordionHeader:hover  {}
.elementAccordion_var1 .accordionHeader > a    {font-weight:normal;font-size:13px;color:#444444;text-decoration:none;}
.elementAccordion_var1 .accordionHeader > .accordionHeaderOpener {display:block;position:absolute;right:4px;top:4px;width:32px;height:32px;}
.elementAccordion_var1 .accordionHeaderVisible > .accordionHeaderOpener {}
.elementAccordion_var1 .accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener {display:none}
.elementAccordion_var1 .accordionHeader > .accordionHeaderOpener:before {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 0;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(40deg)}
.elementAccordion_var1 .accordionHeader > .accordionHeaderOpener:after  {transition:all 0.3s ease-in-out;content:'';position:absolute;margin:16px 0 0 8px;display:block;width:12px;height:2px;background-color:#bbbbbb;transform:rotate(-40deg)}
.ie8 .elementAccordion_var1 .accordionHeader > .accordionHeaderOpener:after  {margin:11px 0 0 5px;width:2px;height:12px;}
.elementAccordion_var1 .accordionHeaderVisible > .accordionHeaderOpener:before {transform:rotate(-40deg)}
.elementAccordion_var1 .accordionHeaderVisible > .accordionHeaderOpener:after  {transform:rotate(40deg)}
.elementAccordion_var1 .accordionContent       {overflow:hidden;border:none 1px $borderColorLines;padding:0}
.elementAccordion_var1 .accordionContent > *:first-child  {margin-top:10px}
.elementAccordion_var1 .accordionContent > *:last-child   {margin-bottom:10px}
.elementAccordion_var1 .accordionOpenerCloser  {text-align:right;padding:8px 0 0 0}
.elementAccordion_var1 .accordionOpener        {text-decoration:none;}
.elementAccordion_var1 .accordionCloser        {text-decoration:none;display:none}





/* Social Buttons */

.elementSocialButton                        {position:relative;margin:0 10px 10px 0;width:72px;height:72px;float:left;}

.elementSocialButton .socialIcon            {position:absolute;width:100%;height:100%;background-image:url('/surprise-wGlobal/wGlobal/layout/images/social-icons/social-icons-72.png');background-repeat:no-repeat}
.elementSocialButton .socialLink            {cursor:pointer;text-decoration:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.elementSocialButtonLastItemAfter           {width:0;height:0;display:block !important;clear:left}
.elementSocialButtonLastItemOfTypeAfter     {width:0;height:0;display:block !important;clear:left}

.elementSocialButtonTypeFacebook   {background-color:#48629D}
.elementSocialButtonTypeTwitter    {background-color:#55ACEE}
.elementSocialButtonTypeGoogle     {background-color:#DD4B39}
.elementSocialButtonTypePinterest  {background-color:#CC2127}
.elementSocialButtonTypeRSS        {background-color:#FFA500}
.elementSocialButtonTypeMail       {background-color:#A0A0A0}
.elementSocialButtonTypeInstagram  {background-color:#986645}
.elementSocialButtonTypeYoutube    {background-color:#cd201f}
.elementSocialButtonTypeLinkedIn   {background-color:#007BB6}
.elementSocialButtonTypeTumblr     {background-color:#34465D}
.elementSocialButtonTypeXing       {background-color:#00605E}
.elementSocialButtonTypeTel        {background-color:#9B2424}

.elementSocialButtonTypeFacebook .socialIcon   {background-position:0 0;}
.elementSocialButtonTypeTwitter .socialIcon    {background-position:-72px 0;}
.elementSocialButtonTypeGoogle .socialIcon     {background-position:-144px 0;}
.elementSocialButtonTypePinterest .socialIcon  {background-position:-216px 0;}
.elementSocialButtonTypeRSS .socialIcon        {background-position:-288px 0;}
.elementSocialButtonTypeMail .socialIcon       {background-position:-360px 0;}
.elementSocialButtonTypeInstagram .socialIcon  {background-position:0 -72px;}
.elementSocialButtonTypeYoutube .socialIcon    {background-position:-72px -72px;}
.elementSocialButtonTypeLinkedIn .socialIcon   {background-position:-144px -72px;}
.elementSocialButtonTypeTumblr .socialIcon     {background-position:-216px -72px;}
.elementSocialButtonTypeXing .socialIcon       {background-position:-288px -72px;}
.elementSocialButtonTypeTel .socialIcon        {background-position:-360px -72px;}

/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:0;caption:Eckig;caption-en:square}*/
.elementSocialButtonBorderRadius_var0   {border-radius:0}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:25;caption:Leicht abgerundet;caption-en:small radius}*/
.elementSocialButtonBorderRadius_var25  {border-radius:5%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:50;caption:Normal abgerundet;caption-en:normal radius}*/
.elementSocialButtonBorderRadius_var50  {border-radius: 10%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:75;caption:Stark abgerundet;caption-en:large radius}*/
.elementSocialButtonBorderRadius_var75  {border-radius:25%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:100;caption:Rund;caption-en:round}*/
.elementSocialButtonBorderRadius_var100 {border-radius:50%}
/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:101;caption:Rund, eckig unten links;caption-en:round, square bottom left}*/
.elementSocialButtonBorderRadius_var101 {border-radius:50%;border-bottom-left-radius:0}

/*@wCssFragment{class:elementSocialButtonFloat;variant:50;caption:Untereinander;caption-en:with linebreak}*/
.elementSocialButtonFloat_var50  {float:none;clear:both}
/*@wCssFragment{class:elementSocialButtonFloat;variant:25;caption:Links fließend;caption-en:float left}*/
.elementSocialButtonFloat_var25  {float:left}
/*@wCssFragment{class:elementSocialButtonFloat;variant:75;caption:Rechts fließend;caption-en:float right}*/
.elementSocialButtonFloat_var75  {float:right}


/*@wCssFragment{class:elementSocialButtonSize;variant:24;caption:Klein;caption-en:Small}*/
.elementSocialButtonSize_var24  {width:24px;height:24px}
.elementSocialButtonSize_var24 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/surprise-wGlobal/wGlobal/layout/images/social-icons/social-icons-24.png');background-repeat:no-repeat}
.elementSocialButtonSize_var24.elementSocialButtonTypeFacebook .socialIcon   {background-position:0 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeTwitter .socialIcon    {background-position:-24px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeGoogle .socialIcon     {background-position:-48px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypePinterest .socialIcon  {background-position:-72px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeRSS .socialIcon        {background-position:-96px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeMail .socialIcon       {background-position:-120px 0;}
.elementSocialButtonSize_var24.elementSocialButtonTypeInstagram .socialIcon  {background-position:0 -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeYoutube .socialIcon    {background-position:-24px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeLinkedIn .socialIcon   {background-position:-48px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeTumblr .socialIcon     {background-position:-72px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeXing .socialIcon       {background-position:-96px -24px;}
.elementSocialButtonSize_var24.elementSocialButtonTypeTel .socialIcon        {background-position:-120px -24px;}

/*@wCssFragment{class:elementSocialButtonSize;variant:36;caption:Mittel;caption-en:Medium}*/
.elementSocialButtonSize_var36  {width:36px;height:36px}
.elementSocialButtonSize_var36 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/surprise-wGlobal/wGlobal/layout/images/social-icons/social-icons-36.png');background-repeat:no-repeat}
.elementSocialButtonSize_var36.elementSocialButtonTypeFacebook .socialIcon   {background-position:0 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeTwitter .socialIcon    {background-position:-36px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeGoogle .socialIcon     {background-position:-72px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypePinterest .socialIcon  {background-position:-108px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeRSS .socialIcon        {background-position:-144px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeMail .socialIcon       {background-position:-180px 0;}
.elementSocialButtonSize_var36.elementSocialButtonTypeInstagram .socialIcon  {background-position:0 -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeYoutube .socialIcon    {background-position:-36px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeLinkedIn .socialIcon   {background-position:-72px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeTumblr .socialIcon     {background-position:-108px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeXing .socialIcon       {background-position:-144px -36px;}
.elementSocialButtonSize_var36.elementSocialButtonTypeTel .socialIcon        {background-position:-180px -36px;}

@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.5dppx){
  .elementSocialButton .socialIcon            {position:absolute;width:100%;height:100%;background-image:url('/surprise-wGlobal/wGlobal/layout/images/social-icons/social-icons-144.png');background-size:432px;background-repeat:no-repeat}
  .elementSocialButtonSize_var36 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/surprise-wGlobal/wGlobal/layout/images/social-icons/social-icons-72.png');background-size:216px;background-repeat:no-repeat}
  .elementSocialButtonSize_var24 .socialIcon  {position:absolute;width:100%;height:100%;background-image:url('/surprise-wGlobal/wGlobal/layout/images/social-icons/social-icons-48.png');background-size:144px;background-repeat:no-repeat}
}

/*@wCssFragment{class:elementSocialButtonSize;variant:50;caption:Normal;caption-en:default}*/
.elementSocialButtonSize_var50              {width:72px;height:72px}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:0;caption:Automatisch;caption-en:auto}*/
.elementSocialButtonBackgroundColor_var0  {}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:1;caption:Schwarz;caption-en:black}*/
.elementSocialButtonBackgroundColor_var1  {background-color:#000000}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:25;caption:Dunkelgrau;caption-en:dark gray}*/
.elementSocialButtonBackgroundColor_var25  {background-color:#a0a0a0}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:50;caption:Grau;caption-en:gray}*/
.elementSocialButtonBackgroundColor_var50  {background-color:#c0c0c0}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:75;caption:Hellgrau;caption-en:light gray}*/
.elementSocialButtonBackgroundColor_var75  {background-color:#e0e0e0}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:99;caption:Transparent;caption-en:transparency}*/
.elementSocialButtonBackgroundColor_var99  {background-color:transparent}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:0;caption:Kein Effekt;caption-en:No effect}*/
.elementSocialButtonBackgroundGradient_var0   {}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:10;caption:Horizontal;caption-en:Slope}*/
.elementSocialButtonBackgroundGradient_var10 {background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 0, 0, 0))}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:15;caption:Schräg;caption-en:Slope}*/
.elementSocialButtonBackgroundGradient_var15 {background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 51%, rgba(0, 0, 0, 0))}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:20;caption:Horizontal weich;caption-en:Slope}*/
.elementSocialButtonBackgroundGradient_var20 {background-image:linear-gradient(-90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.3) 20%, rgba(0, 0, 0, 0) 100%)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:0;caption:Kein Schatten;caption-en:No shadow}*/
.elementSocialButtonShadow_var0   {}

/*@wCssFragment{class:elementSocialButtonShadow;variant:11;caption:Leichter Schatten schräg;caption-en:Light shadow slope}*/
.elementSocialButtonShadow_var11 {box-shadow:1px 1px 1px 0 rgba(0, 0, 0, 0.3)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:15;caption:Normaler Schatten schräg;caption-en:Default shadow slope}*/
.elementSocialButtonShadow_var15 {box-shadow:3px 3px 3px 0 rgba(0, 0, 0, 0.4)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:18;caption:Starker Schatten schräg;caption-en:Strong shadow slope}*/
.elementSocialButtonShadow_var18 {box-shadow:6px 6px 6px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:21;caption:Leichter Schatten hart;caption-en:Light shadow}*/
.elementSocialButtonShadow_var21 {box-shadow:1px 1px 0 0 rgba(0, 0, 0, 0.3)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:25;caption:Normaler Schatten hart;caption-en:Default shadow}*/
.elementSocialButtonShadow_var25 {box-shadow:2px 2px 0 0 rgba(0, 0, 0, 0.4)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:28;caption:Starker Schatten hart;caption-en:Strong shadow}*/
.elementSocialButtonShadow_var28 {box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:31;caption:Leichter Schatten senkrecht;caption-en:Light shadow}*/
.elementSocialButtonShadow_var31 {box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:35;caption:Normaler Schatten senkrecht;caption-en:Default shadow}*/
.elementSocialButtonShadow_var35 {box-shadow:0 0 6px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonShadow;variant:38;caption:Starker Schatten senkrecht;caption-en:Strong shadow}*/
.elementSocialButtonShadow_var38 {box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementSocialButtonMargin;variant:0;caption:Mit Abstand;caption-en:With Margin}*/
.elementSocialButtonMargin_var0   {margin:0 10px 10px 0;}

/*@wCssFragment{class:elementSocialButtonMargin;variant:10;caption:Ohne Abstand;caption-en:Without margin}*/
.elementSocialButtonMargin_var10  {margin:0}

/*@wCssFragment{class:elementSocialButton;variant:0;caption:Individuell anpassbar;caption-en:Customizable}*/
.elementSocialButton_var0                              {position:relative;-w-editmaskExtended-borderradius:yes;-w-editmaskExtended-float:yes;-w-editmaskExtended-size:yes;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-backgroundgradient:yes;-w-editmaskExtended-shadow:yes;-w-editmaskExtended-margin:yes}
.elementSocialButton_var0 .socialIcon                  {position:absolute;top:0;left:0}
.elementSocialButton_var0 .socialLink                  {cursor:pointer;display:block;position:absolute;top:0;left:0;width:100%;height:100%}





.pageNaviList                   {text-align:center;margin:0 0 10px 0}
.pageNaviList a                 {text-decoration:none}
.pageNaviList a:hover           {background-color:$backgroundColorFunctionsActive;color:$fontColorFunctionsActive}

.pageNaviList .pageNaviBackLink {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px}
.pageNaviList .pageNaviLink     {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px}
.pageNaviList .pageNaviCurrent  {background-color:$backgroundColorFunctionsActive;color:$fontColorFunctionsActive;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px;font-weight:bold}
.pageNaviList .pageNaviNextLink {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:solid 1px #e0e0e0;margin:0 4px 0 4px;padding:1px 8px 1px 8px}


/* Formulare */

/*@wCssFragment{class:elementForm;variant:0;caption:Standard;caption-en:Standard}*/
.elementForm_var0                {}
.elementForm_var0 dl.form        {max-width:400px;}
.elementForm_var0 .errorMessages {max-width:400px;}

/*@wCssFragment{class:elementForm;variant:1;caption:Standard volle Breite;caption-en:Standard full width}*/
.elementForm_var1                {}



/*#lists Listen */

.listDefault                               {list-style:none;margin:0 0 10px 0;padding:0;border-top:solid 1px $borderColorLines}
.listBox                                   {list-style:none;margin:0 -5px 10px -5px;padding:0}
.listCompact                               {list-style:none;margin:0;padding:0}
.listSearchResult                          {list-style:none;margin:0 0 10px 0;padding:0}
.listFull                                  {}

.listEntryClickable,
.listEntryInnerClickable                   {-w-add-classes:listEntryClickableJS}

.listEntryClickableJS                      {cursor:pointer}
.listEntryClickableJS:hover                {background:url($wGlobalProjectPath/wGlobal/layout/images/links/list-next.png) right bottom no-repeat;background-color:#f0f0f0}

.listCompact dt                            {margin:0 0 4px 0}
.listCompact dd                            {color:$fontColorSubline;margin:0 0 8px 8px}
.listCompact .listEntry                    {overflow:hidden;padding:0 0 10px 0;margin:0}
.listCompact .listEntryTitle               {color:$fontColorSubline;margin:0 0 8px 0;font-size:12px;font-weight:bold;line-height:125%}
.listCompact .listEntryTitle a             {text-decoration:none}
.listCompact .listIcon                     {vertical-align:text-bottom;margin:0 4px 0 0}
.listCompact .listEntryDate                {line-height:16px;padding:0 6px 0 0;color:$fontColorInfo;font-weight:bold;text-decoration:none}
.listCompact .listEntrySubline             {clear:both;margin:0 0 4px 0;color:$fontColorSubline}
.listCompact .listEntryThumbnail           {float:left;margin:2px 8px 0 0}
.listCompact .listEntryThumbnailRight      {float:right;margin:2px 0 0 8px}
.listCompact .listEntryDescription         {margin:0 0 0 0}
.listCompact .listEntrySize                {color:$fontColorInfo}
.listCompact .listEntryMoreOnly            {text-decoration:none}

.listDefault dt                            {margin:0 0 4px 0}
.listDefault dd                            {color:$fontColorSubline;margin:0 0 8px 8px}
.listDefault .listEntry                    {overflow:hidden;position:relative;padding:10px 0 10px 0;margin:0 0 0 0;border-bottom:solid 1px $borderColorLines}
.listDefault .listEntryTitle               {color:$fontColorSubline;margin:0 0 8px 0;font-size:12px;font-weight:bold;line-height:125%}
.listDefault .listEntryObject-blogpost .listEntryTitle {font-size:21px;line-height:25px;font-weight:normal}
.listDefault .listEntryTitle a             {text-decoration:none}
.listDefault .listIcon                     {vertical-align:middle;margin:-4px 4px 0 0}
.listDefault .listEntryDate                {padding:0 4px 0 0;color:$fontColorInfo;text-decoration:none}
.listDefault .listEntryLocation            {padding:0 4px 0 0;color:$fontColorInfo;text-decoration:none}
.listDefault .listEntrySubline             {margin:0 0 4px 0;color:$fontColorSubline}
.listDefault .listEntryThumbnail           {float:left;margin:2px 8px 0 0;max-width:100%;height:auto}
.listDefault .listEntryThumbnailRight      {float:right;margin:2px 0 0 8px;max-width:100%;height:auto}
.listDefault .listEntryDescription         {margin:0 0 0 0}
.listDefault .listEntryDescription:after   {content:"\a0\a0\a0\a0\a0\a0";}
.listDefault .listEntrySize                {font-weight:normal;color:$fontColorInfo}
.listDefault .listEntryMoreOnly            {text-decoration:none}


/* Standardliste */

/*@wCssFragment{class:listDefaultCols;variant:1;caption:Einspaltig;caption-en:One column}*/
.listDefaultCols_var1 .listEntry                 {}
.listDefaultCols_var1 .listEntryQuickfilter          {transition:all 0.5s linear}
.listDefaultCols_var1 .listEntryQuickfilterVisible   {}
.listDefaultCols_var1 .listEntryQuickfilterInvisible {padding:0 !important;height:0 !important;padding:0 !important}

/*@wCssFragment{class:listDefaultCols;variant:2;caption:Zweispaltig;caption-en:Two columns}*/
.listDefaultCols_var2                                {-w-add-classes:wglAdjustHeightMax}
.listDefaultCols_var2 .listEntry                     {width:50%;float:left}
.listDefaultCols_var2 .listEntryQuickfilter          {transition:width 0.5s linear, height 0.5s linear}
.listDefaultCols_var2 .listEntryQuickfilterVisible   {}
.listDefaultCols_var2 .listEntryQuickfilterInvisible {width:0 !important;height:0 !important;padding:0 !important}

@media only screen and (max-width: 400px){
  .listDefaultCols_var2 .listEntry                   {width:100%}
  .listDefault_var10 .listEntry                                          {width:100%;margin-right:0}
  .listDefault_var10 .listEntry:nth-child(2n + 1) .listEntryInner        {margin:0 0 10px 0}
  .listDefault_var10 .listEntry:nth-child(2n + 2) .listEntryInner        {margin:0 0 10px 0}
}

/*@wCssFragment{class:listDefaultCols;variant:3;caption:Dreispaltig;caption-en:Three columns}*/
.listDefaultCols_var3                                {-w-add-classes:wglAdjustHeightMax}
.listDefaultCols_var3 .listEntry                     {width:33.333%;float:left}
.listDefaultCols_var3 .listEntryQuickfilter          {transition:width 0.5s linear, height 0.5s linear}
.listDefaultCols_var3 .listEntryQuickfilterVisible   {}
.listDefaultCols_var3 .listEntryQuickfilterInvisible {width:0 !important;height:0 !important;padding:0 !important}

@media only screen and (max-width: 540px){
  .listDefaultCols_var3 .listEntry                   {width:50%}
  .listDefault_var10 .listEntry                                          {width:50%}
  .listDefault_var10 .listEntry:nth-child(3n + 1)                        {clear:none}
  .listDefault_var10 .listEntry:nth-child(2n + 1)                        {clear:left}
  .listDefault_var10 .listEntry:nth-child(2n + 1) .listEntryInner        {margin:0 13px 10px 0}
  .listDefault_var10 .listEntry:nth-child(2n + 2) .listEntryInner        {margin:0 0 10px 13px}
}

@media only screen and (max-width: 400px){
  .listDefaultCols_var3 .listEntry                   {width:100%}
}

/*@wCssFragment{class:listDefaultCols;variant:4;caption:Vierspaltig;caption-en:Four columns}*/
.listDefaultCols_var4                                {-w-add-classes:wglAdjustHeightMax}
.listDefaultCols_var4 .listEntry                     {width:25%;float:left}
.listDefaultCols_var4 .listEntryQuickfilter          {transition:width 0.5s linear, height 0.5s linear}
.listDefaultCols_var4 .listEntryQuickfilterVisible   {}
.listDefaultCols_var4 .listEntryQuickfilterInvisible {width:0 !important;height:0 !important;padding:0 !important}

@media only screen and (max-width: 720px){
  .listDefaultCols_var4 .listEntry                   {width:33%}
}

@media only screen and (max-width: 540px){
  .listDefaultCols_var4 .listEntry                   {width:50%}
}

@media only screen and (max-width: 400px){
  .listDefaultCols_var4 .listEntry                   {width:100%}
}

/*@wCssFragment{class:listDefaultLevelHeadline;variant:2;caption:Level 2;caption-en:Level 2}*/
.listDefaultLevelHeadline_var2 .listEntry        {-w-levelheadline:2}

/*@wCssFragment{class:listDefaultLevelHeadline;variant:3;caption:Level 3;caption-en:Level 3}*/
.listDefaultLevelHeadline_var3 .listEntry        {-w-levelheadline:3}

/*@wCssFragment{class:listDefaultLevelHeadline;variant:4;caption:Level 4;caption-en:Level 4}*/
.listDefaultLevelHeadline_var4 .listEntry        {-w-levelheadline:4}

/*@wCssFragment{class:listDefaultTitle;variant:0;caption:Nicht anzeigen;caption-en:Hidden}*/
.listDefaultTitle_var0 .listEntryTitle               {display:none}

/*@wCssFragment{class:listDefaultTitle;variant:10;caption:Standard;caption-en:Default}*/
.listDefaultTitle_var10 .listEntryTitle              {font-size:17px;line-height:125%;font-weight:normal}

/*@wCssFragment{class:listDefaultTitle;variant:20;caption:Zentriert;caption-en:Centered}*/
.listDefaultTitle_var20 .listEntryTitle              {font-size:17px;line-height:125%;font-weight:normal;text-align:center}

/*@wCssFragment{class:listDefaultTitle;variant:30;caption:Rechts abgesetzt;caption-en:Right beside}*/
.listDefaultTitle_var30 .listEntryTitle              {padding-left:100px;font-size:17px;line-height:125%;font-weight:normal}

/*@wCssFragment{class:listDefaultTitle;variant:60;caption:Absolut links auf dem Bild positioniert;caption-en:Level 4}*/
.listDefaultTitle_var60 .listEntryTitle              {position:absolute;display:inline;top:20px;left:0;margin:0 20px;padding:10px 10px;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.8)}

/*@wCssFragment{class:listDefaultTitle;variant:61;caption:Absolut rechts auf dem Bild positioniert;caption-en:Level 4}*/
.listDefaultTitle_var61 .listEntryTitle              {position:absolute;display:inline;top:20px;right:10px;margin:0;padding:10px 10px;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.8)}

/*@wCssFragment{class:listDefaultTitle;variant:64;caption:Absolut auf dem Bild positioniert;caption-en:Level 4}*/
.listDefaultTitle_var64 .listEntryTitle              {position:absolute;left:0;bottom:0;display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.6);margin:0;padding:10px 10px;transition:all 0.3s ease-in-out;}

/*@wCssFragment{class:listDefaultTitle;variant:70;caption:Unten überlappend;caption-en:Overlap from the bottom}*/
.listDefaultTitle_var70 .listEntryInner                  {background-size:100%}
.listDefaultTitle_var70 .listEntryTitle                  {font-size:17px;line-height:125%;font-weight:normal;position:absolute;left:0;bottom:0;display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.6);margin:0;padding:10px 10px;transition:all 0.3s ease-in-out;}
.listDefaultTitle_var70 .listEntry:hover .listEntryTitle {padding-bottom:20px}

/*@wCssFragment{class:listDefaultTitle;variant:80;caption:Oben überlappend;caption-en:Overlap from the top}*/
.listDefaultTitle_var80 .listEntryTitle        {position:relative;min-height:55px;display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.6);margin:0;padding:10px 10px;border-bottom:solid 1px $borderColorLines}
.listDefaultTitle_var80 .listEntryTitle:after  {content:"";position:absolute;margin:15px 0 0 15px;bottom:-19px;left:0;border-width:19px 19px 0 19px;border-style:solid;border-color:$backgroundColorBoxBlank transparent;}
.listDefaultTitle_var80 .listEntryTitle:before {content:"";position:absolute;margin:15px 0 0 14px;bottom:-20px;left:0;border-width:20px 20px 0 20px;border-style:solid;border-color:#e0e0e0 transparent;}
.listDefaultTitle_var80 .listEntryTitle > a    {color:#000000;}

/*@wCssFragment{class:listDefaultDate;variant:0;caption:Datum nicht anzeigen;caption-en:Hidden}*/
.listDefaultDate_var0 .listEntryDate             {display:none}

/*@wCssFragment{class:listDefaultDate;variant:10;caption:Datum vor dem Titel anzeigen (d.m.Y - de);caption-en:Show date before title (d.m.Y - de)}*/
.listDefaultDate_var10 .listEntryDate            {-w-date-format:d.m.Y;-w-date-lang:de}

/*@wCssFragment{class:listDefaultDate;variant:20;caption:Datum zentriert über dem Titel anzeigen (d.m.Y - de);caption-en:Show date below title (d.m.Y - de)}*/
.listDefaultDate_var20 .listEntryDate            {-w-dom-prependto:parent().parent();-w-date-format:d.m.Y;-w-date-lang:de;display:block;text-align:center;}

/*@wCssFragment{class:listDefaultDate;variant:22;caption:Datum über dem Titel anzeigen (d.m.Y - de);caption-en:Show date below title (d.m.Y - de)}*/
.listDefaultDate_var22 .listEntryDate            {-w-dom-prependto:parent().parent();-w-date-format:d.m.Y;-w-date-lang:de}

/*@wCssFragment{class:listDefaultDate;variant:24;caption:Datum links oben anzeigen (d.m.Y - de);caption-en:Show date below title (d.m.Y - de)}*/
.listDefaultDate_var24 .listEntryDate            {-w-dom-prependto:parent().parent();-w-date-format:d.m.Y;-w-date-lang:de;position:absolute;left:0;top:0;padding:2px 4px}

/*@wCssFragment{class:listDefaultDate;variant:30;caption:Datum unter dem Titel (d.m.Y - de);caption-en:Show date before title (d.m.Y - de)}*/
.listDefaultDate_var30 .listEntryDate            {-w-dom-insertafter:parent();-w-date-format:d.m.Y;-w-date-lang:de;display:block;padding:0 0 4px 0}

/*@wCssFragment{class:listDefaultDate;variant:32;caption:Datum zentriert unter dem Titel (d.m.Y - de);caption-en:Show date before title (d.m.Y - de)}*/
.listDefaultDate_var32 .listEntryDate            {-w-dom-insertafter:parent();-w-date-format:d.m.Y;-w-date-lang:de;display:block;text-align:center;padding:0 0 4px 0}

/*@wCssFragment{class:listDefaultDate;variant:40;caption:Datum vor die Beschreibung stellen (d.m.Y - de);caption-en:Show date below title (d.m.Y - de)}*/
.listDefaultDate_var40 .listEntryDate            {-w-jquery:jQuery(this).prependTo(jQuery(this).parent().parent().find('.listEntryDescription'));-w-date-format:d.m.Y;-w-date-lang:de}

/*@wCssFragment{class:listDefaultDate;variant:70;caption:Datum rechts oben (d.m.Y - de);caption-en:Show date before title (d.m.Y - de)}*/
.listDefaultDate_var70 .listEntryDate            {-w-dom-insertafter:parent();position:absolute;right:0;top:0;padding:8px 4px;-w-date-format:d.m.Y;-w-date-lang:de}

/*@wCssFragment{class:listDefaultDescription;variant:0;caption:Nicht anzeigen;caption-en:Hidden}*/
.listDefaultDescription_var0 .listEntryDescription   {display:none;-w-display:none}

/*@wCssFragment{class:listDefaultDescription;variant:10;caption:Darf Bild umfließen;caption-en:May surround image}*/
.listDefaultDescription_var10 .listEntryDescription  {display:block}

/*@wCssFragment{class:listDefaultDescription;variant:15;caption:Darf Bild nicht umfließen;caption-en:May not surround image}*/
.listDefaultDescription_var15 .listEntryDescription  {display:table}

/*@wCssFragment{class:listDefaultDescription;variant:20;caption:Zentriert;caption-en:centered}*/
.listDefaultDescription_var20 .listEntryDescription  {display:table;text-align:center}

/*@wCssFragment{class:listDefaultDescription;variant:30;caption:Rechts abgesetzt;caption-en:Right beside}*/
.listDefaultDescription_var30 .listEntryDescription  {padding-left:100px}

/*@wCssFragment{class:listDefaultDescription;variant:50;caption:Nicht anzeigen;caption-en:Invisible}*/
.listDefaultDescription_var50 .listEntryDescription  {display:none;-w-display:none}

/*@wCssFragment{class:listDefaultDescription;variant:60;caption:Absolut links auf dem Bild positioniert;caption-en:Absolute positioned left}*/
.listDefaultDescription_var60 .listEntryDescription  {position:absolute;display:inline;top:77px;font-size:11px;left:0;margin:0 20px;padding:10px 10px;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.8)}

/*@wCssFragment{class:listDefaultDescription;variant:61;caption:Absolut rechts auf dem Bild positioniert;caption-en:Absolute positioned right}*/
.listDefaultDescription_var61 .listEntryDescription  {position:absolute;text-align:right;display:inline;top:77px;font-size:11px;right:10px;margin:0 0 0 20px;padding:10px 10px;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.8)}
.listDefaultDescription_var61 .listEntryDescription:after  {content:''}

/*@wCssFragment{class:listDefaultThumbnail;variant:0;caption:Nicht anzeigen;caption-en:Hidden}*/
.listDefaultThumbnail_var0 .listEntryThumbnail       {display:none}

/*@wCssFragment{class:listDefaultThumbnail;variant:10;caption:Anzeigen;caption-en:Show}*/
.listDefaultThumbnail_var10 .listEntryThumbnail       {width:120px;-w-aspectratio:;display:block;-w-picture-mode:crop;margin:0 10px 4px 0}

/*@wCssFragment{class:listDefaultThumbnail;variant:13;caption:Anzeigen klein;caption-en:Small}*/
.listDefaultThumbnail_var13 .listEntryThumbnail       {width:80px;-w-aspectratio:;display:block;-w-picture-mode:crop;margin:0 10px 4px 0}

/*@wCssFragment{class:listDefaultThumbnail;variant:17;caption:Anzeigen groß;caption-en:Large}*/
.listDefaultThumbnail_var17 .listEntryThumbnail       {width:240px;-w-aspectratio:;display:block;-w-picture-mode:crop;margin:0 10px 4px 0}

/*@wCssFragment{class:listDefaultThumbnail;variant:30;caption:Vor bzw. neben dem Titel anzeigen;caption-en:Before title}*/
.listDefaultThumbnail_var30 .listEntryThumbnailOuter  {-w-dom-prependto:parent();}
.listDefaultThumbnail_var30 .listEntryThumbnail       {width:120px;-w-aspectratio:;display:block;-w-picture-mode:crop;margin:0 10px 4px 0}

/*@wCssFragment{class:listDefaultThumbnail;variant:60;caption:Volle Breite;caption-en:Full width}*/
.listDefaultThumbnail_var60 .listEntryThumbnailOuter  {overflow:hidden;margin-bottom:10px}
.listDefaultThumbnail_var60 .listEntryThumbnail       {width:100%}

/*@wCssFragment{class:listDefaultThumbnail;variant:61;caption:Volle Breite über dem Titel;caption-en:Full width before title}*/
.listDefaultThumbnail_var61 .listEntryThumbnailOuter  {-w-dom-prependto:parent();overflow:hidden;margin-bottom:10px}
.listDefaultThumbnail_var61 .listEntryThumbnail       {width:100%;-w-aspectratio:1;}

/*@wCssFragment{class:listDefaultThumbnail;variant:65;caption:Nur Bild;caption-en:Only image}*/
.listDefaultThumbnail_var65 .listEntryThumbnailOuter  {overflow:hidden}
.listDefaultThumbnail_var65 .listEntryThumbnail       {width:100%;margin:0;display:block;float:none}

/*@wCssFragment{class:listDefaultThumbnail;variant:70;caption:Rund;caption-en:Circular}*/
.listDefaultThumbnail_var70 .listEntryThumbnailOuter  {width:50%;margin:0 auto 15px auto;height:0;padding-bottom:50%;position:relative;}
.listDefaultThumbnail_var70 .listEntryThumbnail       {height:100%;position:absolute;top:0;left:0;border-radius:50%}

/*@wCssFragment{class:listDefaultThumbnail;variant:73;caption:Rund über dem Titel;caption-en:Circular}*/
.listDefaultThumbnail_var73 .listEntryThumbnailOuter  {-w-dom-prependto:parent();width:50%;margin:0 auto 15px auto;height:0;padding-bottom:50%;position:relative;}
.listDefaultThumbnail_var73 .listEntryThumbnail       {height:100%;position:absolute;top:0;left:0;border-radius:50%}

/*@wCssFragment{class:listDefaultThumbnail;variant:90;caption:Als Hintergrundbild;caption-en:As background}*/
.listDefaultThumbnail_var90 .listEntryInner           {background-size:cover}
.listDefaultThumbnail_var90 .listEntryThumbnailOuter  {display:none}
.listDefaultThumbnail_var90 .listEntryThumbnail       {-w-jquery:jQuery(this).parent().parent().css('background-image', 'u' + 'rl(' + (jQuery(this).attr('data-src') ? jQuery(this).attr('data-src') \A3 jQuery(this).attr('src')) + ')')}

/*@wCssFragment{class:listDefaultBorder;variant:10;caption:Standard;caption-en:Default}*/
.listDefaultBorder_var10                               {margin-right:-20px;border:none}
.listDefaultBorder_var10 .listEntry                    {border:none;margin-bottom:20px;padding:0}
.listDefaultBorder_var10 .listEntry:hover              {background:none}
.listDefaultBorder_var10 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0 20px 0 0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;border:none}
.listDefaultBorder_var10 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:46px}
.listDefaultBorder_var10 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:22px}
.listDefaultBorder_var10 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultBorder;variant:20;caption:Box ohne Rahmen mit Innenabstand;caption-en:Box with padding}*/
.listDefaultBorder_var20                               {margin-right:-20px;border:none}
.listDefaultBorder_var20 .listEntry                    {border:none;padding:0 0 20px 0}
.listDefaultBorder_var20 .listEntry:hover              {background:none}
.listDefaultBorder_var20 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0 20px 0 0;padding:20px;box-sizing:border-box;-moz-box-sizing:border-box;border:none}
.listDefaultBorder_var20 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:46px}
.listDefaultBorder_var20 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:22px}
.listDefaultBorder_var20 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultBorder;variant:28;caption:Box ohne Rahmen mit großem Innenabstand;caption-en:Box with large padding}*/
.listDefaultBorder_var28                               {margin-right:-20px;border:none}
.listDefaultBorder_var28 .listEntry                    {border:none;padding:0 0 20px 0}
.listDefaultBorder_var28 .listEntry:hover              {background:none}
.listDefaultBorder_var28 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0 20px 0 0;padding:40px;box-sizing:border-box;-moz-box-sizing:border-box;border:none}
.listDefaultBorder_var28 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:46px}
.listDefaultBorder_var28 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:22px}
.listDefaultBorder_var28 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultBorder;variant:30;caption:Box mit Rand;caption-en:Box with border}*/
.listDefaultBorder_var30                               {margin-right:-20px;border:none}
.listDefaultBorder_var30 .listEntry                    {border:none;margin-bottom:20px;padding:0}
.listDefaultBorder_var30 .listEntry:hover              {background:none}
.listDefaultBorder_var30 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0 20px 0 0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;border:solid 1px #c0c0c0}
.listDefaultBorder_var30 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:46px}
.listDefaultBorder_var30 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:22px}
.listDefaultBorder_var30 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultBorder;variant:40;caption:Box mit Rahmen;caption-en:Box with frame}*/
.listDefaultBorder_var40                               {margin-right:-20px;border:none}
.listDefaultBorder_var40 .listEntry                    {border:none;margin-bottom:20px;padding:0}
.listDefaultBorder_var40 .listEntry:hover              {background:none}
.listDefaultBorder_var40 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0 20px 0 0;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;border:solid 1px #c0c0c0}
.listDefaultBorder_var40 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:46px}
.listDefaultBorder_var40 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:22px}
.listDefaultBorder_var40 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultBorder;variant:50;caption:Box mit Schatten;caption-en:Box with shadow}*/
.listDefaultBorder_var50                               {margin-right:-20px;border:none}
.listDefaultBorder_var50 .listEntry                    {border:none;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box}
.listDefaultBorder_var50 .listEntry:hover              {background:none}
.listDefaultBorder_var50 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0 20px 0 0;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;outline:solid 1px $borderColorLines;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.5)}
.listDefaultBorder_var50 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:46px}
.listDefaultBorder_var50 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:22px}
.listDefaultBorder_var50 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultBorder;variant:70;caption:Kacheln;caption-en:Tiles}*/
.listDefaultBorder_var70                               {margin-right:0;border:none}
.listDefaultBorder_var70 .listEntry                    {margin:0;padding:0;border:none}
.listDefaultBorder_var70 .listEntry:hover              {background:none}
.listDefaultBorder_var70 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0 0 0 0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;border:none}
.listDefaultBorder_var70 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:26px}
.listDefaultBorder_var70 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:2px}
.listDefaultBorder_var70 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultLink;variant:0;caption:Nicht anzeigen;caption-en:Hidden}*/
.listDefaultLink_var0 .listEntryMoreOnly        {}

/*@wCssFragment{class:listDefaultLink;variant:10;caption:Als Textlink nach der Beschreibung;caption-en:Textline after description}*/
.listDefaultLink_var10 .listEntryMoreOnly        {-w-display:block;-w-jquery:jQuery(this).appendTo(jQuery(this).parent().parent().find('.listEntryDescription'));display:inline;text-decoration:underline}

/*@wCssFragment{class:listDefaultLink;variant:20;caption:Als Schaltfläche nach der Beschreibung;caption-en:As button after description}*/
.listDefaultLink_var20 .listEntryMoreOnly        {-w-display:block;display:inline-block;text-decoration:none;margin-top:10px;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}

/*@wCssFragment{class:listDefaultLink;variant:21;caption:Als Schaltfläche unten links;caption-en:As title bottom left}*/
.listDefaultLink_var21 .listEntryInner           {padding-bottom:48px}
.listDefaultLink_var21 .listEntryMoreOnly        {-w-display:block;display:inline-block;position:absolute;bottom:10px;text-decoration:none;margin-top:10px;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}

/*@wCssFragment{class:listDefaultLink;variant:22;caption:Als Schaltfläche unten rechts;caption-en:As button bottom right}*/
.listDefaultLink_var22 .listEntryInner           {padding-bottom:48px}
.listDefaultLink_var22 .listEntryMoreOnly        {-w-display:block;display:inline-block;position:absolute;bottom:10px;right:10px;text-decoration:none;margin-top:10px;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}

/*@wCssFragment{class:listDefaultLink;variant:23;caption:Als Schaltfläche unten volle Breite;caption-en:As button full width bottom}*/
.listDefaultLink_var23 .listEntryInner           {padding-bottom:48px}
.listDefaultLink_var23 .listEntryMoreOnlyOuter   {position:absolute;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;bottom:0;left:0}
.listDefaultLink_var23 .listEntryMoreOnly        {-w-display:block;-w-jquery:jQuery(this).wrap('<div class="listEntryMoreOnlyOuter"/>');display:block;text-align:center;text-decoration:none;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}
.listDefaultLink_var23 .listEntryMoreOnly:hover  {background-color:$backgroundColorButtonsActive;border:solid 1px $borderColorButtonsActive}

/*@wCssFragment{class:listDefaultLink;variant:24;caption:Als Schaltfläche unten links absolut positioniert;caption-en:As button bottom left absolute}*/
.listDefaultLink_var24 .listEntryMoreOnly        {-w-display:block;display:inline-block;position:absolute;bottom:10px;text-decoration:none;margin-top:10px;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}

/*@wCssFragment{class:listDefaultLink;variant:25;caption:Als Schaltfläche unten rechts positioniert;caption-en:As button bottom right absolute}*/
.listDefaultLink_var25 .listEntryMoreOnly        {-w-display:block;display:inline-block;position:absolute;bottom:10px;right:10px;text-decoration:none;margin-top:10px;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}

/*@wCssFragment{class:listDefaultLink;variant:26;caption:Als Schaltfläche vor dem Titel zentriert;caption-en:As button before title centered}*/
.listDefaultLink_var26 .listEntryMoreOnlyOuter   {width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;bottom:0;left:0}
.listDefaultLink_var26 .listEntryMoreOnly        {-w-display:block;-w-jquery:jQuery(this).insertBefore(jQuery(this).parent().find('.listEntryTitle')).wrap('<div class="listEntryMoreOnlyOuter"/>');display:inline-block;text-align:center;text-decoration:none;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}
.listDefaultLink_var26 .listEntryMoreOnly:hover  {background-color:$backgroundColorButtonsActive;border:solid 1px $borderColorButtonsActive}

/*@wCssFragment{class:listDefaultLink;variant:27;caption:Als Schaltfläche unten zentrtiert;caption-en:As button bottom centered}*/
.listDefaultLink_var27 .listEntryInner           {padding-bottom:48px}
.listDefaultLink_var27 .listEntryMoreOnlyOuter   {position:absolute;width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;bottom:0;left:0}
.listDefaultLink_var27 .listEntryMoreOnly        {-w-display:block;-w-jquery:jQuery(this).wrap('<div class="listEntryMoreOnlyOuter"/>');display:inline-block;text-align:center;text-decoration:none;padding:4px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:0px;}
.listDefaultLink_var27 .listEntryMoreOnly:hover  {background-color:$backgroundColorButtonsActive;border:solid 1px $borderColorButtonsActive}

/*@wCssFragment{class:listDefaultLink;variant:37;caption:Als transparente Schaltfläche unten zentrtiert;caption-en:As button tranparent}*/
.listDefaultLink_var37 .listEntryInner           {padding-bottom:48px}
.listDefaultLink_var37 .listEntryMoreOnlyOuter   {position:absolute;width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;padding:10px;bottom:0;left:0}
.listDefaultLink_var37 .listEntryMoreOnly        {-w-display:block;-w-jquery:jQuery(this).wrap('<div class="listEntryMoreOnlyOuter"/>');display:inline-block;text-align:center;text-decoration:none;padding:4px 12px;color:#666666;background-color:transparent;border:solid 1px #666666;border-radius:0px;}
.listDefaultLink_var37 .listEntryMoreOnly:hover  {background-color:$backgroundColorButtonsActive;border:solid 1px $borderColorButtonsActive}

/*@wCssFragment{class:listDefaultLink;variant:39;caption:Als transparent Schaltfläche darunter zentriert;caption-en:As button centered transparent}*/
.listDefaultLink_var39 .listEntryMoreOnlyOuter   {width:100%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;padding:20px 0 0 0}
.listDefaultLink_var39 .listEntryMoreOnly        {-w-display:block;-w-jquery:jQuery(this).wrap('<div class="listEntryMoreOnlyOuter"/>');display:inline-block;text-decoration:none;padding:4px 12px;color:#666666;background-color:transparent;border:solid 3px #666666;border-radius:0px;}

/*@wCssFragment{class:listDefault;variant:111;caption:Individuell;caption-en:Individuell}*/
.listDefault_var111                              {-w-subvariants:date=10,thumbnail=10,title=10,description=10,levelHeadline=4,cols=1,border=10,link=0;-w-editmaskExtended-cols:yes;-w-editmaskExtended-link:yes;-w-editmaskExtended-date:yes;-w-editmaskExtended-border:yes;-w-editmaskExtended-description:yes;-w-editmaskExtended-thumbnailmode:yes;-w-editmaskExtended-lazyload:yes;-w-editmaskExtended-title:yes;-w-editmaskExtended-thumbnail:yes;-w-editmaskExtended-thumbnailswidth:no;-w-editmaskExtended-levelheadline:yes;-w-editmaskExtended-categoriesquickfilter:yes}

/*@wCssFragment{class:listDefault;variant:0;caption:Datum, Titel, Vorschaubild und Beschreibung mit Verlinkung;caption-en:Date, title, thumbnail, description clickable}*/
.listDefault_var0                                {-w-editmaskExtended-thumbnailswidth:no;-w-editmaskExtended-levelheadline:yes;-w-editmaskExtended-categoriesquickfilter:yes}
.listDefault_var0 .listEntry                     {-w-levelheadline:3}
.listDefault_var0 .listEntryQuickfilter          {transition:padding 0.5s linear, opacity 0.5s linear, margin 0.5s linear}
.listDefault_var0 .listEntryQuickfilterVisible   {opacity:1}
.listDefault_var0 .listEntryQuickfilterInvisible {opacity:0;height:0;padding:0;margin:0}
.listDefault_var0 .listEntryThumbnailOuter       {}
.listDefault_var0 .listEntryThumbnail            {width:80px;-w-aspectratio:;display:block;-w-picture-mode:crop}
.listDefault_var0 .listEntryDate                 {-w-date-format:d.m.Y;-w-date-lang:de}

/*@wCssFragment{class:listDefault;variant:10;caption:Dreispaltige Boxdarstellung;caption-en:Three columns box}*/

.listDefault_var10                                                       {border-top:none;-w-add-classes:wglAdjustHeightMax;-w-editmaskExtended-categoriesquickfilter:yes}
.listDefault_var10:after                                                 {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0}
.listDefault_var10 .listEntry.listEntryClickableJS:hover                 {background:none}
.listDefault_var10 .listEntry.listEntryClickableJS:hover .listEntryInner {background:url($wGlobalProjectPath/wGlobal/layout/images/links/list-next.png) right bottom no-repeat;background-color:#f0f0f0}
.listDefault_var10 .listEntry                                            {float:left;position:relative;box-sizing:border-box;width:33.33%;border:none}
.listDefault_var10 .listEntryQuickfilter                                 {transition:all 0.5s linear;clear:none !important;margin:0 !important}
.listDefault_var10 .listEntryQuickfilter .listEntryInner                 {margin:0 13px 10px 0 !important}
.listDefault_var10 .listEntryQuickfilterVisible                          {width:auto}
.listDefault_var10 .listEntryQuickfilterInvisible                        {width:0 !important;height:0 !important;padding:0 !important;margin:0 !important}
.listDefault_var10 .listEntry .wglListEntryMover                         {margin:-4px 0 0 -18px}
.listDefault_var10 .listEntry .wglMarkerManualSortMo                     {margin-top:0}
.listDefault_var10 .listEntry:nth-child(3n + 1)                          {clear:left}
.listDefault_var10 .listEntry .beButtonEditRow                           {position:absolute;right:24px}
.listDefault_var10 .listEntry .beButtonDeleteRow                         {position:absolute;right:0}
.listDefault_var10 .listEntryInner                                       {box-sizing:border-box;height:100%;margin:0 13px 10px 0;padding:0 0 10px 0;border:solid 1px $borderColorLines}
.listDefault_var10 .listEntry:nth-child(3n + 1) .listEntryInner          {margin:0 13px 10px 0}
.listDefault_var10 .listEntry:nth-child(3n + 2) .listEntryInner          {margin:0 6px 10px 7px}
.listDefault_var10 .listEntry:nth-child(3n + 3) .listEntryInner          {margin:0 0 10px 13px}
.listDefault_var10 .listEntryThumbnailOuter                              {-w-dom-prependto:parent();overflow:hidden;margin:10px}
.listDefault_var10 .listEntryThumbnail                                   {margin:0;width:100%}
.listDefault_var10 .listEntryDate                                        {display:none}
.listDefault_var10 .listEntryTitle                                       {padding:0 10px}
.listDefault_var10 .listEntryDescription                                 {padding:0 10px 0 10px}





.listFull .listEntry                       {border-bottom:solid 1px #e0e0e0;margin:0 0 10px 0}
.listFull .listEntryTitle                  {}
.listFull .listEntryTitle a                {text-decoration:none}
.listFull .listEntrySubline                {overflow:hidden;margin:0 0 10px 0}
.listFull .listEntryDate                   {color:$fontColorInfo}
.listFull .listEntryAuthor                 {color:$fontColorInfo}
.listFull .listEntryFooter                 {}
.listFull .listEntryComments               {margin:0 0 10px 0}
.listFull .listEntryComments a             {color:$fontColorInfo;text-decoration:none}

.listSearchResult .listEntry               {overflow:hidden;padding:10px 0 10px 0;margin:0;border-bottom:solid 1px $borderColorLines}
.listSearchResult .listEntryTitle          {color:$fontColorSubline;margin:0 0 8px 0;font-size:12px;font-weight:bold;line-height:17px}
.listSearchResult .listEntryTitle a        {text-decoration:none}
.listSearchResult .listEntryDescription    {margin:0 0 4px 0}
.listSearchResult .listEntryUrl            {margin:0 0 0 0}
.listSearchResult .listEntryUrl a          {color:$fontColorInfo}


/* Teaser Banner Slider */

.elementList-bannerSlider       {position:relative}

/*@wCssFragment{class:objectSlide;variant:0;caption:Standarddarstellung;caption-en:Default}*/
.objectSlide_var0               {}

/*@wCssFragment{class:objectSlide;variant:1;caption:Spezielle Darstellung;caption-en:Default}*/
.objectSlide_var1               {}

/*@wCssFragment{class:listBannerSlider;variant:99;caption:Banner standard;caption-en:Banner default}*/
.elementList-bannerSlider_var99                                                              {}
.listBannerSlider_var99                                                                      {background-color:#f0f0f0;position:relative;overflow:visible;-w-editmaskExtended-fadetime:yes;-w-editmaskExtended-initdelay:yes;-w-editmaskExtended-animation:yes;-w-editmaskExtended-pictureaspectratio:yes;-w-editmaskExtended-lazyload:yes}
.listBannerSlider_var99 .listMoverBack                                                       {cursor:pointer;position:absolute;left:0;bottom:0px;width:64px;margin-right:0;height:100%;z-index:2}
.listBannerSlider_var99 .listMoverForward                                                    {cursor:pointer;position:absolute;right:0;bottom:0px;width:64px;margin-left:0;height:100%;z-index:2}
.listBannerSlider_var99 .listMoverBackInner                                                  {opacity:0.6;top:0;right:0;margin-top:0;height:100%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-128.png);background-repeat:no-repeat;background-position:center;background-size:50%;transition:all 0.3s linear}
.listBannerSlider_var99 .listMoverForwardInner                                               {opacity:0.6;top:0;left:0;margin-top:0;height:100%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-128.png);background-repeat:no-repeat;background-position:center;background-size:50%;transition:all 0.3s linear}
.ie8 .listBannerSlider_var99 .listMoverBackInner                                             {background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-32.png)}
.ie8 .listBannerSlider_var99 .listMoverForwardInner                                          {background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-32.png)}
.listBannerSlider_var99 .listMoverBack:hover                                                 {background-color:transparent}
.listBannerSlider_var99 .listMoverForward:hover                                              {background-color:transparent}
.listBannerSlider_var99 .listMoverBack:hover .listMoverBackInner                             {background-size:80%}
.listBannerSlider_var99 .listMoverForward:hover .listMoverForwardInner                       {background-size:80%}
.listBannerSlider_var99 .listEntries                                                         {width:100%;max-width:$widthMaxSectionInner;position:relative;overflow:hidden;margin:0 auto 10px auto;}
.listBannerSlider_var99 .listEntries .listEntriesInner                                       {}
.listBannerSlider_var99 .listEntries .listEntry                                              {-w-prevent-events-ontouch:yes;display:none;overflow:hidden;}
.listBannerSlider_var99 .listEntries .listEntrySelected                                      {display:block}
.listBannerSlider_var99 .listEntries .listEntry a                                            {text-decoration:none}
.listBannerSlider_var99 .listEntries .listEntryButtons                                       {position:absolute;top:26px;right:0}
.listBannerSlider_var99 .listEntries .listEntryImage                                         {display:block;-w-aspectratio:;-w-picture-mode:crop;width:$widthMaxSectionInner;height:auto}
.listBannerSlider_var99 .listEntries .listEntryInfoLayer                                     {position:absolute;top:0;left;0;width:100%}
.listBannerSlider_var99 .listEntries .listEntryInfoLayerInner                                {position:relative;max-width:980px;margin:0 auto}
.listBannerSlider_var99 .listEntries .listEntryTitle                                         {position:absolute;top:30px;left:64px;margin-left:50%;max-width:70%;opacity:0;padding:10px;font-size:19px;line-height:22px;background-color:rgba(255, 255, 255, 0.85);transition:all 1s 0.1s ease}
.ie8 .listBannerSlider_var99 .listEntries .listEntryTitle                                    {background-color:#ffffff}
.listBannerSlider_var99 .listEntries .listEntrySelected .listEntryTitle                      {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntrySelectedInit .listEntryTitle                  {margin-left:50%;opacity:0;transition:all 1s 0.1s ease}
.listBannerSlider_var99 .listEntries .listEntrySelectedReady .listEntryTitle                 {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntryFadingOut .listEntryTitle                     {margin-left:0;opacity:0}
.listBannerSlider_var99 .listEntries .listEntryDescription                                   {position:absolute;top:90px;left:64px;margin-left:50%;max-width:70%;opacity:0;padding:10px;background-color:rgba(255, 255, 255, 0.85);transition:all 1s 0.9s ease}
.ie8 .listBannerSlider_var99 .listEntries .listEntryDescription                              {background-color:#ffffff}
.listBannerSlider_var99 .listEntries .listEntrySelected .listEntryDescription                {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntrySelectedInit .listEntryDescription            {margin-left:50%;opacity:0;transition:all 1s 1s ease}
.listBannerSlider_var99 .listEntries .listEntrySelectedReady .listEntryDescription           {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntryFadingOut .listEntryDescription               {margin-left:0;opacity:0}
.listBannerSlider_var99 .listEntries .listEntryLink                                          {position:absolute;bottom:30px;left:64px;margin-left:50%;max-width:70%;opacity:0;padding:10px;color:$fontColorButtons;background-color:$backgroundColorButtons;transition:all 1s 1.7s ease}
.ie8 .listBannerSlider_var99 .listEntries .listEntryLink                                     {background-color:#ffffff}
.listBannerSlider_var99 .listEntries .listEntrySelected .listEntryLink                       {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntrySelectedInit .listEntryLink                   {margin-left:50%;opacity:0;transition:all 1s 1s ease}
.listBannerSlider_var99 .listEntries .listEntrySelectedReady .listEntryLink                  {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntryFadingOut .listEntryLink                      {margin-left:0;opacity:0}
.listBannerSlider_var99 .listEntriesPreview                                                  {position:relative;overflow:hidden;margin-top:-40px}
.listBannerSlider_var99 .listEntriesPreviewInner                                             {text-align:center;padding:4px}
.listBannerSlider_var99 .listEntriesPreview .listEntry                                       {border-radius:8px;display:inline-block;zoom:1;*display:inline;cursor:pointer;padding:4px;margin-right:4px;width:4px;height:4px;border:solid 1px #666666;background-color:#666666}
.listBannerSlider_var99 .listEntriesPreview .listEntry:first-child:last-child                {display:none}
.listBannerSlider_var99 .listEntriesPreview .listEntrySelected                               {background-color:rgba(255, 255, 255, 0.8)}
.listBannerSlider_var99 .listEntriesPreview .listEntryProgress                               {background-color:rgba(255, 255, 255, 0.8)}
.listBannerSlider_var99 .listEntriesPreview .listEntry:hover                                 {background-color:rgba(255, 255, 255, 0.8)}
.listBannerSlider_var99 .listEntriesPreview .listEntryInner                                  {}
.listBannerSlider_var99 .listEntriesPreview .listEntry a                                     {}
.listBannerSlider_var99 .listEntriesPreview .listEntryImage                                  {width:48px;height:32px;display:none;-w-picture-mode:crop}
.listBannerSlider_var99 .listEntriesPreview .listEntryTitle                                  {display:none}
.listBannerSlider_var99 .listEntriesPreview .listEntryDescription                            {display:none}
.listBannerSlider_var99 .listEntriesPreview .listEntryPosition                               {display:none}

@media only screen and (max-width: 720px){
  .listBannerSlider_var99 .listEntries .listEntryImage                                       {width:auto;max-width:180%;margin-left:-40%}
}

@media only screen and (max-width: 540px){
  .listBannerSlider_var99 .listEntries .listEntryImage                                       {width:auto;max-width:240%;margin-left:-50%}
}

@media only screen and (max-width: 400px){
  .listBannerSlider_var99 .listEntries .listEntryImage                                       {width:auto;max-width:320%;margin-left:-50%}
}




/* Bildergalerie*/
/*@wCssFragment{class:listPictureGallery;variant:0;caption:Großansicht mit Diavorschau horizontal;caption-en:Large image with horizontal thumbnails below}*/
.listPictureGallery_var0                                                                      {-w-editmaskExtended-picturemode:yes;-w-editmaskExtended-picturepreviewmode:yes;-w-editmaskExtended-pictureaspectratio:yes;}
.listPictureGallery_var0 .listInner                                                           {position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.listPictureGallery_var0 .listMoverBack                                                       {cursor:pointer;opacity:0.5;position:absolute;left:0;bottom:0px;width:5%;margin-right:0;height:58px;z-index:2;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-32.png);background-repeat:no-repeat;background-position:center}
.listPictureGallery_var0 .listMoverForward                                                    {cursor:pointer;opacity:0.5;position:absolute;right:0;bottom:0px;width:5%;margin-left:0;height:58px;z-index:2;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-32.png);background-repeat:no-repeat;background-position:center}
.listPictureGallery_var0 .listMoverBack:hover,
.listPictureGallery_var0 .listMoverForward:hover                                              {opacity:1}
.listPictureGallery_var0 .pageNaviList                                                        {margin-top:8px}
.listPictureGallery_var0 .listEntries                                                         {width:100%;position:relative;overflow:hidden;margin:0 0 4px 0}
.listPictureGallery_var0 .listEntries .listEntriesInner                                       {}
.listPictureGallery_var0 .listEntries .listEntry                                              {display:none;position:relative;overflow:hidden;-w-animation:fadeIn}
.listPictureGallery_var0 .listEntries .listEntrySelected                                      {display:block}
.listPictureGallery_var0 .listEntries .listEntryButtons                                       {position:absolute;top:2px;right:0}
.listPictureGallery_var0 .listEntries .listEntry a                                            {text-decoration:none}
.listPictureGallery_var0 .listEntries .listEntryImage                                         {display:block;width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop}
.listPictureGallery_var0 .listEntries .listEntryTitle                                         {display:none}
.listPictureGallery_var0 .listEntries .listEntryDescription                                   {display:none}
.listPictureGallery_var0 .listEntriesPreview                                                  {position:relative;overflow:hidden;margin-left:6%;width:88%;height:58px;}
.listPictureGallery_var0 .listEntriesPreviewInner                                             {width:20000px}
.listPictureGallery_var0 .listEntriesPreview .listEntry                                       {display:block;float:left;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin-right:4px;background-color:#ffffff;-w-animation:slidehorizontal}
.listPictureGallery_var0 .listEntriesPreview .listEntrySelected                               {background-color:#e0e0e0}
.listPictureGallery_var0 .listEntriesPreview .listEntryProgress                               {}
.listPictureGallery_var0 .listEntriesPreview .listEntry:hover                                 {background-color:#e0e0e0}
.listPictureGallery_var0 .listEntriesPreview .listEntryInner                                  {}
.listPictureGallery_var0 .listEntriesPreview .listEntry a                                     {text-decoration:none}
.listPictureGallery_var0 .listEntriesPreview .listEntryImage                                  {width:64px;height:48px;display:block;-w-picture-mode:crop;}
.listPictureGallery_var0 .listEntriesPreview .listEntryTitle                                  {display:none}
.listPictureGallery_var0 .listEntriesPreview .listEntryDescription                            {display:none}
.listPictureGallery_var0 .listEntriesPreview .listEntryPosition                               {display:none}


/*@wCssFragment{class:listPictureGallery;variant:2;caption:Vorschaubilder mit Fancybox;caption-en:Thumbnails with fancybox}*/
.listPictureGallery_var2                                                                      {-w-showEditbuttonsPreview:yes;-w-editmaskExtended-entriespreviewperrow:yes;-w-editmaskExtended-limitpages:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturepreviewmode:yes;-w-editmaskExtended-lazyload:yes}
.listPictureGallery_var2 a                                                                    {text-decoration:none;display:inline-block;vertical-align:top;}
.listPictureGallery_var2 .listInner                                                           {position:relative;overflow:hidden}
.listPictureGallery_var2 .listMoverBack                                                       {display:none}
.listPictureGallery_var2 .listMoverForward                                                    {display:none}
.listPictureGallery_var2 .pageNaviList                                                        {margin-top:8px}
.listPictureGallery_var2 .listEntries                                                         {display:none;-w-display:none}
.listPictureGallery_var2 .listEntriesPreview                                                  {position:relative;overflow:hidden}
.listPictureGallery_var2 .listEntriesPreview .listEntryButtons                                {position:absolute;top:2px;left:2px}
.listPictureGallery_var2 .listEntriesPreviewInner                                             {-w-add-classes:wglAdjustHeightMax;margin:-10px -10px 0 -10px}
.listPictureGallery_var2 .listEntriesPreviewPerRow6 a                                         {width:16.666%}
.listPictureGallery_var2 .listEntriesPreviewPerRow5 a                                         {width:20%}
.listPictureGallery_var2 .listEntriesPreviewPerRow4 a                                         {width:25%}
.listPictureGallery_var2 .listEntriesPreviewPerRow3 a                                         {width:33.333%}
.listPictureGallery_var2 .listEntriesPreviewPerRow2 a                                         {width:50%}
.listPictureGallery_var2 .listEntriesPreviewPerRow1 a                                         {width:100%}
.listPictureGallery_var2 .listEntriesPreview .listEntry                                       {-w-entriesperrow:5;-w-usefancybox:yes;-w-adddescription:no;display:block;position:relative;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin:10px;background-color:#ffffff}
.listPictureGallery_var2 .listEntriesPreview .listEntrySelected                               {}
.listPictureGallery_var2 .listEntriesPreview .listEntryProgress                               {}
.listPictureGallery_var2 .listEntriesPreview .listEntry:hover                                 {background-color:#e0e0e0}
.listPictureGallery_var2 .listEntriesPreview .listEntryInner                                  {}
.listPictureGallery_var2 .listEntriesPreview .listEntryImage                                  {display:block;max-width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop}
.listPictureGallery_var2 .listEntriesPreview .listEntryTitle                                  {display:none}
.listPictureGallery_var2 .listEntriesPreview .listEntryDescription                            {display:none}
.listPictureGallery_var2 .listEntriesPreview .listEntryPosition                               {position:absolute;right:2px;top:2px;display:block;width:20px;height:20px;font-size:0;color:transparent;background-color:#ffffff;border-radius:0 0 0 5px}
.listPictureGallery_var2 .listEntriesPreview .listEntryPosition:before                        {content:'';position:absolute;left:6px;top:7px;display:block;width:10px;height:2px;background-color:#b0b0b0;}
.listPictureGallery_var2 .listEntriesPreview .listEntryPosition:after                         {content:'';position:absolute;left:10px;top:3px;display:block;width:2px;height:10px;background-color:#b0b0b0;}
.listPictureGallery_var2 .listEntriesPreview .listEntry:hover .listEntryPosition              {background-color:#e0e0e0}
.listPictureGallery_var2 .listEntriesPreview .listEntry:hover .listEntryPosition:before       {background-color:#888888}
.listPictureGallery_var2 .listEntriesPreview .listEntry:hover .listEntryPosition:after        {background-color:#888888}

/*@wCssFragment{class:listPictureGallery;variant:10;caption:Collage;caption-en:Collage}*/

.listPictureGallery_var10                                                                      {}
.listPictureGallery_var10 .listInner                                                           {position:relative;overflow:hidden}
.listPictureGallery_var10 .listMoverBack                                                       {display:none}
.listPictureGallery_var10 .listMoverForward                                                    {-webkit-user-select:none;-moz-user-select:none;display:block;cursor:pointer;position:absolute;background-color:rgba(255,255,255, 0.01);z-index:2000;width:100%;height:100%;top:0;}
.listPictureGallery_var10 .listEntries                                                         {position:relative;width:100%;padding-bottom:90%;height:0;overflow:hidden}
.listPictureGallery_var10 .listEntries .listEntriesInner                                       {}
.listPictureGallery_var10 .listEntries .listEntry                                              {position:absolute;-w-animation:collage;padding:10%;}
.listPictureGallery_var10 .listEntries .listEntryInner                                         {padding:20px;background-color:#ffffff;border:solid 1px #c0c0c0;box-shadow:0 0 10px #b0b0b0}
.listPictureGallery_var10 .listEntries .listEntrySelected                                      {display:block}
.listPictureGallery_var10 .listEntries .listEntryButtons                                       {display:none;position:absolute;top:2px;right:0}
.listPictureGallery_var10 .listEntries .listEntry a                                            {text-decoration:none}
.listPictureGallery_var10 .listEntries .listEntryImage                                         {display:block;width:100%;height:auto;-w-aspectratio:1.5;-w-picture-mode:default}
.listPictureGallery_var10 .listEntries .listEntryTitle                                         {display:block;text-align:center;padding:6px 4px 0 4px}
.listPictureGallery_var10 .listEntries .listEntryDescription                                   {display:none}
.listPictureGallery_var10 .listEntriesPreview                                                  {display:none}

/*@wCssFragment{class:listPictureGallery;variant:11;caption:Karussell;caption-en:Carousel}*/

.listPictureGallery_var11                                                                      {-w-editmaskExtended-picturemode:yes;-w-editmaskExtended-picturepreviewmode:yes;-w-editmaskExtended-pictureaspectratio:yes;}
.listPictureGallery_var11 .listInner                                                           {position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;}
.listPictureGallery_var11 .listMoverBack                                                       {cursor:pointer;position:absolute;left:0;top:0;width:10%;height:100%;z-index:2;}
.listPictureGallery_var11 .listMoverForward                                                    {cursor:pointer;position:absolute;right:0;top:0px;width:10%;height:100%;z-index:2}
.listPictureGallery_var11 .listMoverBackInner                                                  {position:absolute;top:50%;margin-top:-15px;height:30px;width:50%;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center}
.listPictureGallery_var11 .listMoverForwardInner                                               {position:absolute;top:50%;margin-top:-15px;margin-left:50%;height:30px;width:50%;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center}
.listPictureGallery_var11 .listMoverForward:hover .listMoverForwardInner                       {background-color:#f0f0f0}
.listPictureGallery_var11 .listEntries                                                         {position:relative;width:90%;padding-bottom:75%;height:0;overflow:hidden;margin:0 0 0 5%;-w-entryselected:middle}
.listPictureGallery_var11 .listEntries .listEntriesInner                                       {cursor:pointer}
.listPictureGallery_var11 .listEntries .listEntry                                              {display:block;width:70%;position:absolute;overflow:hidden;-w-animation:carouselhorizontal}
.listPictureGallery_var11 .listEntries .listEntryInner                                         {background-color:#ffffff;padding:4px;border:solid 1px #c0c0c0}
.listPictureGallery_var11 .listEntries .listEntrySelected                                      {display:block}
.listPictureGallery_var11 .listEntries .listEntryButtons                                       {display:none}
.listPictureGallery_var11 .listEntries .listEntry a                                            {text-decoration:none}
.listPictureGallery_var11 .listEntries .listEntryImage                                         {display:block;width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop;}
.listPictureGallery_var11 .listEntries .listEntryTitle                                         {display:none;text-align:center;padding:6px 4px 0 4px}
.listPictureGallery_var11 .listEntries .listEntryDescription                                   {display:none}
.listPictureGallery_var11 .listEntriesPreview                                                  {display:none}

@media only screen and (max-width: 540px){
  .listPictureGallery_var2 .listEntriesPreviewPerRow6 a {width:20%}
  .listPictureGallery_var2 .listEntriesPreviewPerRow5 a {width:25%}
  .listPictureGallery_var2 .listEntriesPreviewPerRow4 a {width:33.333%}
}

@media only screen and (max-width: 400px){
  .listPictureGallery_var2 .listEntriesPreviewPerRow6 a {width:25%}
  .listPictureGallery_var2 .listEntriesPreviewPerRow5 a {width:33.333%}
  .listPictureGallery_var2 .listEntriesPreviewPerRow3 a {width:50%}
}

@media only screen and (max-width: 320px){
  .listPictureGallery_var2 .listEntriesPreviewPerRow4 a {width:50%}
  .listPictureGallery_var2 .listEntriesPreviewPerRow2 a {width:100%}
}




/* Bildergalerie Teaser*/
/*@wCssFragment{class:listPictureGalleryTeaser;variant:0;caption:Vorschaubilder nebeneinander;caption-en:Thumnails}*/
.listPictureGalleryTeaser_var0                                                                      {-w-editmaskExtended-entriespreviewperrow:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturepreviewmode:yes}
.listPictureGalleryTeaser_var0:hover                                                                {background-image:none;}
.listPictureGalleryTeaser_var0 .listInner                                                           {position:relative;overflow:hidden;}
.listPictureGalleryTeaser_var0 .listMoverBack                                                       {display:none}
.listPictureGalleryTeaser_var0 .listMoverForward                                                    {display:none}
.listPictureGalleryTeaser_var0 .listEntriesPreview                                                  {position:relative;overflow:hidden;margin-bottom:10px}
.listPictureGalleryTeaser_var0 .listEntriesPreviewInner                                             {margin:-2px;}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntry                                       {-w-entriesperrow:6;display:block;float:left;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin:2px;background-color:#ffffff}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntry:hover                                 {}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryInner                                  {}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntry a                                     {text-decoration:none}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryImage                                  {display:block;-w-aspectratio:1.333;-w-picture-mode:crop}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryTitle                                  {display:none}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryDescription                            {display:none}
.listPictureGalleryTeaser_var0 .listEntriesPreview .listEntryPosition                               {display:none}
.listPictureGalleryTeaser_var0 .linkGallery                                                         {clear:left;float:right;padding:0 10px 10px 10px}



/* Bilderalbum Teaser*/
/*@wCssFragment{class:listPictureAlbumTeaser;variant:0;caption:Vorschaubilder nebeneinander;caption-en:Thumbnails}*/
.listPictureAlbumTeaser_var0                                                                      {-w-editmaskExtended-entriespreviewlimit:yes;-w-editmaskExtended-entriespreviewperrow:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturepreviewmode:yes}
.listPictureAlbumTeaser_var0:hover                                                                {background-image:none;}
.listPictureAlbumTeaser_var0 .listInner                                                           {position:relative;overflow:hidden;}
.listPictureAlbumTeaser_var0 .listInner h3 a                                                      {text-decoration:none}
.listPictureAlbumTeaser_var0 .listMoverBack                                                       {display:none}
.listPictureAlbumTeaser_var0 .listMoverForward                                                    {display:none}
.listPictureAlbumTeaser_var0 .listEntriesPreview                                                  {position:relative;overflow:hidden;margin-bottom:10px}
.listPictureAlbumTeaser_var0 .listEntriesPreviewInner                                             {margin:-2px;}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntry                                       {-w-entriesperrow:6;-w-entrieslimit:;display:block;float:left;padding:4px;border:solid 1px #c0c0c0;margin:2px;background-color:#ffffff}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntry:hover                                 {}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryInner                                  {}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntry a                                     {text-decoration:none}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryImage                                  {display:block;-w-aspectratio:1.333;-w-picture-mode:crop}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryTitle                                  {display:none}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryDescription                            {display:none}
.listPictureAlbumTeaser_var0 .listEntriesPreview .listEntryPosition                               {display:none}
.listPictureAlbumTeaser_var0 .linkGallery                                                         {clear:left;float:right;padding:0 10px 10px 10px}












/* Hauptnavigation oben */
/* Navigationspunkte des oberen ersten Levels */
/* Navigationspunkte des oberen zweiten Levels */
/* Navigationspunkte des oberen dritten Levels */
/* Navigationspunkte des oberen vierten Levels */
/* Navigationspunkte allgemein */
/* Gestaltung der Unternavigation */

/* Hauptnavigation oben */
/* Container der Navigationspunkte des oberen zweiten Levels */
/* Container der Navigationspunkte des oberen zweiten Levels */
/* Container der Navigationspunkte oberen dritten Levels */


/* Hauptnavigation oben */
/* Container der Navigationspunkte des oberen zweiten Levels */
/* Container der Navigationspunkte des oberen zweiten Levels */
/* Container der Navigationspunkte oberen dritten Levels */

/* Hauptnavigation oben */
/* Navigationspunkte des oberen ersten Levels */
/* Navigationspunkte des oberen zweiten Levels */
/* Navigationspunkte des oberen dritten Levels */
/* Navigationspunkte des oberen vierten Levels */
/* Navigationspunkte allgemein */
/* Gestaltung der Unternavigation */

















































/* Imported 2015-05-08 16:07:37 from /surprise-wGlobal/wGlobal/layout/styles/import/calendar.css */
table.calendar                     {background-color:#f0f0f0;padding:4px}
table.calendar td.navYear          {text-align:center}
table.calendar td.navYear div      {position:relative;}
table.calendar td.navYear .prev    {position:absolute;top:0;left:2px;background:none;padding:4px;width:30%;text-align:left}
table.calendar td.navYear .year    {display:inline-block;padding:4px;}
table.calendar td.navYear .next    {position:absolute;top:0;right:2px;background:none;padding:4px;width:30%;text-align:right}
table.calendar td.navMonth         {text-align:center}
table.calendar td.navMonth div     {position:relative;}
table.calendar td.navMonth .prev   {position:absolute;top:0;left:2px;background:none;padding:4px;width:30%;text-align:left}
table.calendar td.navMonth .month  {display:inline-block;padding:4px;}
table.calendar td.navMonth .next   {position:absolute;top:0;right:2px;background:none;padding:4px;width:30%;text-align:right}
table.calendar td.dayHeader        {width:24px;padding:4px;text-align:center;font-weight:bold}
table.calendar td.day              {width:24px;padding:4px;text-align:center}
table.calendar td.dayOther         {width:24px;padding:4px;text-align:center}
table.calendar td.dayToday         {outline:solid 1px red}
table.calendar td.hasEntries       {background-color:#ffffff}
table.calendar td.hasEntries a     {display:block;text-decoration:none}
table.calendar td.daySelected      {width:24px;padding:2px;border:solid 2px red;text-align:center}
table.calendar td.daySelected a    {display:block;text-decoration:none;}

/* Imported 2015-05-08 16:07:37 from /surprise-wGlobal/wGlobal/layout/styles/import/events.css */
.categoryFilterList           {overflow:hidden;margin-bottom:10px}
.categoryFilterList select    {float:right}
/*@wCssFragment{class:elementCategoryFilterList;variant:0;caption:Standarddarstellung;caption-en:Standarddarstellung}*/
.elementCategoryFilterList_var0 {}
/*@wCssFragment{class:listEvents;variant:0;caption:Titel, Datum, Ort und Beschreibung;caption-en:Title, date, location and description}*/
.listEvents_var0                                {}
.listEvents_var0 .listEntrySubline:after        {display:block;overflow:hidden;visibility:hidden;clear:both;content:'.';height:0}
.listEvents_var0 .listEntryDate                 {display:block;float:left;padding:0}
.listEvents_var0 .listEntryLocation             {}
.listEvents_var0 .listEntryLocation:before      {content:',';padding-right:4px}

/* Imported 2018-05-23 18:27:16 from /surprise-wGlobal/wGlobal/layout/styles/import/formular.css */
input:focus, select:focus, textarea:focus {outline:none;border:solid 1px #aaaaaa;}
.wglUploaderForm                {border:0;width:100%;height:240px;border:1px solid #e0e0e0;box-sizing: border-box;}
dl.form dt.wglContainsErrorMessageInline    {position:relative;}
dl.form .wglErrorMessageInline              {position:absolute;top:0;right:0;}
dl.form .wglErrorMessageInline.loaded       {}
dl.form .wglErrorMessageInline > div        {opacity:0;transform:scale(0.5);font-size:13px;white-space:nowrap;background-color:#fffacf;color:#444444;display:inline-block;padding:1px 8px;border:solid 1px #FFEB3B;border-radius:4px;}
dl.form .wglErrorMessageInline.loaded > div {transition:all 0.3s ease-in-out;opacity:1;transform:scale(1);}
dl.form dt.wglContainsValidationStatusInline {position:relative;}
dl.form .wglValidationStatusOK               {display:inline-block;}
dl.form .wglValidationStatusOK.loaded        {}
dl.form .wglValidationStatusOK div           {opacity:0;transform:scale(0.5);margin:0 -18px 0 4px;width:18px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-390px -6px;}
dl.form .wglValidationStatusOK.loaded div    {transition:all 0.3s ease-in-out;opacity:1;transform:scale(1);margin:0 -18px 0 4px;width:18px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-390px -6px;}
dl.formTable dt.wglContainsErrorMessageInline    {position:relative;}
dl.formTable dd                                  {position:relative;}
dl.formTable .wglErrorMessageInline              {position:absolute;top:0;left:0;}
dl.formTable .wglErrorMessageInline > div        {opacity:0;transform:scale(0.5);font-size:13px;white-space:nowrap;background-color:#fffacf;color:#444444;display:inline-block;padding:1px 8px;border:solid 1px #FFEB3B;border-radius:4px;}
dl.formTable .wglErrorMessageInline.loaded > div {transition:all 0.3s ease-in-out;opacity:1;transform:scale(1);}
dl.formTable dt.wglContainsValidationStatusInline {position:relative;}
dl.formTable .wglValidationStatusOK               {display:inline-block;}
dl.formTable .wglValidationStatusOK.loaded        {}
dl.formTable .wglValidationStatusOK div           {opacity:0;transform:scale(0.5);margin:0 -18px 0 4px;width:18px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-390px -6px;}
dl.formTable .wglValidationStatusOK.loaded div    {transition:all 0.3s ease-in-out;opacity:1;transform:scale(1);margin:0 -18px 0 4px;width:18px;height:16px;background-image:url('/weblication/grid5/gui/images/icons.svg');background-size:800px;background-repeat:no-repeat;background-position:-390px -6px;}
dl.form .wglConditionalFormdata              {transition:all 0.3s ease-in;overflow:hidden;height:auto;opacity:1;}
dl.form .wglShowConditionalFormdata          {}
dl.form .wglHideConditionalFormdata          {pointer-events:none;height:0;opacity:0;}
dl.formTable .wglConditionalFormdata         {transition:all 0.3s ease-in;overflow:hidden;height:auto;opacity:1;}
dl.formTable .wglShowConditionalFormdata     {}
dl.formTable .wglHideConditionalFormdata     {pointer-events:none;height:0;opacity:0;}

/*#responsive Responsive Webdesign */

/*@wCssFragment{class:mediaquerySize;variant:max1024;caption:wenn die Fensterbreite kleiner gleich 1024 Pixel ist;caption-en:if window width is equal or less 1024 pixel} */
@media only screen and (max-width: 1024px){
  .max1024 {display:none !important}
  body                           {background:none !important}
}

/*@wCssFragment{class:mediaquerySize;variant:max768;caption:wenn die Fensterbreite kleiner gleich 768 Pixel ist;caption-en:if window width is equal or less 768 pixel} */
@media only screen and (max-width: 768px){
  .max768 {display:none !important}
  #blockMainOuter                {margin:0}
  #blockMain                     {margin:0}
  #blockMainInner                {margin:0 2% 2% 2%}
  .object-singlepage #blockMainInner              {margin:0}
  #blockTop                      {height:auto;}
  #blockTop #logo                {position:static;height:auto;margin:0}
  #blockTop #navigationMeta      {position:static;clear:both;float:none;margin-top:2%;height:auto;overflow:hidden}
  #blockTop #navigationMain      {position:static;clear:both;overflow:hidden;width:100%;margin:0}
  #blockTop #navigationMain > ul {float:none}
  #blockBefore                   {width:100%}
  #blockLeft                     {width:100%}
  #blockLeftInner                {margin:2% 0 0 0}
  #blockLeft #areaContent4Global {display:none}
  #blockContentFull              {width:100%}
  #blockContentFullLeft          {width:100%}
  #blockContentFullRight         {width:100%}
  #blockContent                  {width:100%}
  #blockRight                    {width:100%}
  #blockRightInner               {margin:2% 0 0 0}

  #beButtonsPage                 {margin:2px 0 0 2px}
  #navigationSub                 {display:none}

  #navigationMain li.navLevel1Open ul.navLevel2Container,
  #navigationMain li.navLevel2Open ul.navLevel3Container,
  #navigationMain li.navLevel3Open ul.navLevel4Container {}

  .elementContainerStandardColumns6 > .col1,
  .elementContainerStandardColumns6 > .col2,
  .elementContainerStandardColumns6 > .col3,
  .elementContainerStandardColumns6 > .col4,
  .elementContainerStandardColumns6 > .col5,
  .elementContainerStandardColumns6 > .col6 {width:50%;margin-bottom:20px}

  .elementContainerStandardColumns6 > .col1,
  .elementContainerStandardColumns6 > .col3,
  .elementContainerStandardColumns6 > .col5 {float:left}

  .elementContainerStandardColumns6 > .col2,
  .elementContainerStandardColumns6 > .col4,
  .elementContainerStandardColumns6 > .col6 {float:right}

  .elementContainerStandardColumns6 > .col1 > div,
  .elementContainerStandardColumns6 > .col3 > div,
  .elementContainerStandardColumns6 > .col5 > div {margin:0 10px 0 0}

  .elementContainerStandardColumns6 > .col2 > div,
  .elementContainerStandardColumns6 > .col4 > div,
  .elementContainerStandardColumns6 > .col6 > div {margin:0 0 0 10px}

  .elementContainerStandardColumns5 > .col1,
  .elementContainerStandardColumns5 > .col2,
  .elementContainerStandardColumns5 > .col3,
  .elementContainerStandardColumns5 > .col4,
  .elementContainerStandardColumns5 > .col5 {width:50%;margin-bottom:20px}

  .elementContainerStandardColumns5 > .col1,
  .elementContainerStandardColumns5 > .col3,
  .elementContainerStandardColumns5 > .col5 {float:left}

  .elementContainerStandardColumns5 > .col2,
  .elementContainerStandardColumns5 > .col4 {float:right}

  .elementContainerStandardColumns5 > .col1 > div,
  .elementContainerStandardColumns5 > .col3 > div,
  .elementContainerStandardColumns5 > .col5 > div {margin:0 10px 0 0}

  .elementContainerStandardColumns5 > .col2 > div,
  .elementContainerStandardColumns5 > .col4 > div {margin:0 0 0 10px}
}

/*@wCssFragment{class:mediaquerySize;variant:min769;caption:wenn die Fensterbreite größer 768 Pixel ist;caption-en:if window width is larger than 768 pixel} */
@media only screen and (min-width: 769px){
  .min769 {display:none}
}

/*@wCssFragment{class:mediaquerySize;variant:max720;caption:wenn die Fensterbreite kleiner gleich 720 Pixel ist;caption-en:if window width is equal or less 720 pixel} */
@media only screen and (max-width: 720px){
  .max720 {display:none !important}

  #blockTop  #searchBox                      {position:static}
  #blockTop  #searchBox .searchTerm          {float:left;width:80px;}

  .elementContainerStandardColumns4 > .col1,
  .elementContainerStandardColumns4 > .col2,
  .elementContainerStandardColumns4 > .col3,
  .elementContainerStandardColumns4 > .col4 {width:50%;margin-bottom:20px}

  .elementContainerStandardColumns4 > .col1,
  .elementContainerStandardColumns4 > .col3 {float:left}

  .elementContainerStandardColumns4 > .col2,
  .elementContainerStandardColumns4 > .col4 {float:right}

  .elementContainerStandardColumns4 > .col1 > div,
  .elementContainerStandardColumns4 > .col3 > div {margin:0 10px 0 0}

  .elementContainerStandardColumns4 > .col2 > div,
  .elementContainerStandardColumns4 > .col4 > div {margin:0 0 0 10px}

  .listBox .listEntry1Cols                   {width:100%}
  .listBox .listEntry2Cols                   {width:50%}
  .listBox .listEntry3Cols                   {width:33.33%}
  .listBox .listEntry4Cols                   {width:33.33%}
  .listBox .listEntry5Cols                   {width:33.33%}
  .listBox .listEntry6Cols                   {width:33.33%}
}

/*@wCssFragment{class:mediaquerySize;variant:min721;caption:wenn die Fensterbreite größer 720 Pixel ist;caption-en:if window width is larger than 720 pixel} */
@media only screen and (min-width: 721px){
  .min721 {display:none !important}
}

/*@wCssFragment{class:mediaquerySize;variant:max540;caption:wenn die Fensterbreite kleiner gleich 540 Pixel ist;caption-en:if window width is equal or less 540 pixel} */
@media only screen and (max-width: 540px){
  .max540 {display:none !important}

  #logo img {width:180px;height:auto}

  dl.formFirstBlock               {width:100%}
  dl.formLastBlock                {width:100%}
  dl.formFirstBlock dd            {width: 99%;}

  #blockTop #navigationMain                                {width:100%}

  #navigationMain li.navLevel1                   {width:50%;border-bottom:solid 1px $borderColorNavigationLayer;}
  #navigationMain li.navLevel1:nth-child(odd)    {}
  #navigationMain li.navLevel1:nth-child(even)   {border-right:none}
  #navigationMain li.navLevel1:nth-last-child(2) {border-bottom:none}
  #navigationMain li.navLevel1:nth-child(2)      {border-bottom:solid 1px $borderColorNavigationLayer}
  #navigationMain li.navLevel1:last-child        {border-bottom:none}

  .elementContainerStandardColumns3 > .col1,
  .elementContainerStandardColumns3 > .col2,
  .elementContainerStandardColumns3 > .col3 {width:50%;margin-bottom:20px}

  .elementContainerStandardColumns3 > .col1,
  .elementContainerStandardColumns3 > .col3 {float:left}

  .elementContainerStandardColumns3 > .col2 {float:right}

  .elementContainerStandardColumns3 > .col1 > div,
  .elementContainerStandardColumns3 > .col3 > div {margin:0 10px 0 0}

  .elementContainerStandardColumns3 > .col2 > div {margin:0 0 0 10px}

  dl.formTable                    {width:100%;max-width:400px;}
  .formTable dt                   {clear:both;margin:0 0 2px 0}
  .formTable dt label             {font-weight:bold}
  .formTable dd                   {float:none;width:auto;margin:0 0 10px 0}
  .formTable dd.full              {float:none;width:auto;margin:0 0 10px 0}

  .listBox .listEntry1Cols                   {width:100%}
  .listBox .listEntry2Cols                   {width:50%}
  .listBox .listEntry3Cols                   {width:50%}
  .listBox .listEntry4Cols                   {width:50%}
  .listBox .listEntry5Cols                   {width:50%}
  .listBox .listEntry6Cols                   {width:50%}
  /*
  div.picture {width:100%}
  img.picture {width:100%}
  */
}

/*@wCssFragment{class:mediaquerySize;variant:min541;caption:wenn die Fensterbreite größer 540 Pixel ist;caption-en:if window width is larger than 540 pixel} */
@media only screen and (min-width: 541px){
  .min541 {display:none !important}
}

#_blockMainOuter    {-w-add-classes:nextToSidebar,moveWithSidebar;-w-jquery:jQuery("#blockMainOuter").before('<div id="navigationSidebar" class="navigationSidebarClosed"/>')}

/*@wCssFragment{class:mediaquerySize;variant:max400;caption:wenn die Fensterbreite kleiner gleich 400 Pixel ist;caption-en:if window width is equal or less 400 pixel} */
@media only screen and (max-width: 400px){
  .max400 {display:none !important}

  #logo img {width:140px;height:auto}

  #blockMainOuter.nextToSidebar                  {margin-left:0;}
  #navigationSidebar                             {display:block;position:absolute;z-index:100;padding-right:40px;top:0;left:0;height:100%;background-color:$backgroundColorNavigationMain;}
  #navigationSidebar.navigationSidebarClosed     {padding-right:0;transition:padding 0.05s linear}

  #navigationSidebar #navigationMainToggler      {display:block;position:absolute;top:0;right:0;box-sizing:border-box;-moz-box-sizing:border-box;width:40px;height:80px;margin:0;padding:12px 16px 12px 16px;cursor:pointer;color:$fontColorNavigationMain;text-decoration:none;font-size:$fontSizeNavigationLevel1;text-transform:uppercase;}

  #navigationMainToggler                         {display:block;margin-right:10px;padding:12px 16px 12px 16px;cursor:pointer;color:$fontColorNavigationMain;text-decoration:none;font-size:$fontSizeNavigationLevel1;text-transform:uppercase;}
  #navigationMainToggler:before                  {content:'';position:absolute;right:12px;width:18px;height:11px;box-sizing:border-box;border-bottom:solid 4px $fontColorNavigationMain}
  #navigationMainToggler:after                   {content:'';position:absolute;right:12px;width:18px;height:18px;box-sizing:border-box;border-top:solid 4px $fontColorNavigationMain;border-bottom:solid 4px $fontColorNavigationMain}

  #navigationMain ul.navLevel1Container          {display:none;}
  #navigationMain li.navLevel1                   {float:none;width:auto;border-bottom:none;border-top:solid 1px $borderColorNavigationLayer;border-bottom:none}
  #navigationMain li.navLevel1:nth-child(odd),
  #navigationMain li.navLevel1:nth-child(even),
  #navigationMain li.navLevel1:nth-last-child(2),
  #navigationMain li.navLevel1:nth-child(2),
  #navigationMain li.navLevel1:last-child        {border-right:none;border-bottom:none}

  #navigationMain li.navLevel1Open:hover ul.navLevel2Container,
  #navigationMain li.navLevel2Open:hover ul.navLevel3Container,
  #navigationMain li.navLevel3Open:hover ul.navLevel4Container {display:none;}

  #navigationBreadcrumb                 {display:none}
  #navigationSub                        {display:none}

  img.pictureZoomer                     {display:none}

  .elementText {clear:both}

  .elementContainerStandardColumns > .col1,
  .elementContainerStandardColumns > .col2,
  .elementContainerStandardColumns > .col3,
  .elementContainerStandardColumns > .col4,
  .elementContainerStandardColumns > .col5,
  .elementContainerStandardColumns > .col6 {width:100%;margin-bottom:20px}

  .elementContainerStandardColumns > div > .col_inner {margin:0 !important}

  .listBox .listEntry1Cols                   {width:100%}
  .listBox .listEntry2Cols                   {width:100%}
  .listBox .listEntry3Cols                   {width:100%}
  .listBox .listEntry4Cols                   {width:100%}
  .listBox .listEntry5Cols                   {width:100%}
  .listBox .listEntry6Cols                   {width:100%}

  .listBox .listEntry1Cols .listEntryInner   {height:auto !important}
  .listBox .listEntry2Cols .listEntryInner   {height:auto !important}
  .listBox .listEntry3Cols .listEntryInner   {height:auto !important}
  .listBox .listEntry4Cols .listEntryInner   {height:auto !important}
  .listBox .listEntry5Cols .listEntryInner   {height:auto !important}
  .listBox .listEntry6Cols .listEntryInner   {height:auto !important}

}

/*@wCssFragment{class:mediaquerySize;variant:min401;caption:wenn die Fensterbreite größer 400 Pixel ist;caption-en:if window width is larger than 400 pixel} */
@media only screen and (min-width: 401px){
  .min401 {display:none !important}
}

/*@wCssFragment{class:mediaqueryPixelRatio;variant:min1.5;caption:wenn das Endgerät das benötigte Device-Pixel-Ratio hat} */
@media (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.5dppx){

  #blockTop  #searchBox #searchSubmit   {background-image:url($wGlobalProjectPath/wGlobal/layout/images/backgrounds/button-search@2x.png);background-size:22px 20px;}

  .elementText ul        {margin-top:0;margin-bottom:10px;padding-left:22px;list-style:none}
  .elementText ul > li   {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image@2x.png) left 1px no-repeat;background-size: 10px 12px;}

  a.intern               {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/intern@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.extern               {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/extern@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.box                  {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/box@2x.png)  left 1px no-repeat;background-size: 14px 14px;}
  a.boxPicture           {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/boxPicture@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.boxVideo             {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/video@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.download             {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/download@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.pdf                  {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/pdf@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.doc                  {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/doc@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.xls                  {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/xls@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.audio                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/audio@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.video                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/video@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.next                 {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/next@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.back                 {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/back@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.mail                 {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/mail@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  span.phone,
  a.phone                {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/phone@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  span.fax,
  a.fax                  {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/fax@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.mobile               {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/mobile@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.ical                 {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/ical@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.rss                  {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/rss@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.twitter              {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/twitter@2x.png) left 1px no-repeat;background-size: 14px 14px;}
  a.googlemaps           {padding-left:18px;background:url($wGlobalProjectPath/wGlobal/layout/images/links/googlemaps@2x.png) left 1px no-repeat;background-size: 14px 14px;}
}