/*
////////////////////////////////////////////////////////////////
//
// 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.5.6;
$cssInterpreter: base;
$wGlobalProjectPath: /kickbusch-wGlobal;
$styletCode: 0.page,default.header,fullLeft.navigation,a2.structure,110.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:27%; /* Breite des linken Bereichs */
$widthBlockContent:46%; /* Breite des Inhaltsbereichs */
$widthBlockContentFull: 100%; /* Breite des Inhaltsbereichs ohne linken und rechten Bereich */
$widthBlockContentFullLeft:73%; /* Breite des Inhaltsbereichs ohne linken Bereich */
$widthBlockContentFullRight:73%; /* Breite des Inhaltsbereichs ohne rechten Bereich */
$widthBlockRight:27%; /* Breite des rechten Bereichs */
$widthBlockBottom: 100%; /* Breite des unteren Bereichs */
$widthMaxSectionInner: 980px; /* Maximale Breite der inneren Bereiche */

$bodyBackgroundColor:#F0F0F0; /* Hintergrundfarbe der Seite */
$bodyBackgroundImage:none; /* Hintergrundbild der Seite */
$bodyBackgroundRepeat:no-repeat; /* Wiederholungseffekt des Hintergrundbildes */
$bodyBackgroundPosition:inherit; /* Position des Hintergrundbildes */
$bodyBackgroundAttachment:fixed; /* Wasserzeicheneffekt des Hintergrundbildes */
$bodyBackgroundSize:cover; /* Größe des Hintergrundbildes */

$fontFamilyDefault:Arial, Sans-serif, Helvetica; /* Standardschriftart */
$fontFamilyNavigationMain:inherit; /* Schriftart Hauptnavigation */
$fontFamilyNavigationSub:inherit; /* Schriftart Unternavigation */
$fontFamilyHeadline1:inherit; /* Schriftart Hauptüberschrift */
$fontFamilyHeadline2:inherit; /* Schriftart Überschrift 2 */
$fontFamilyHeadline3:inherit; /* Schriftart Überschrift 3 */
$fontFamilyHeadline4:inherit; /* Schriftart Überschrift 4 */

$fontSizeDefault:13px; /* Standardschriftgröße*/
$fontSizeHeadline1:21px; /* Schriftgröße Hauptüberschrift */
$fontSizeHeadline2:19px; /* Schriftgröße Überschrift 2 */
$fontSizeHeadline3:17px; /* Schriftgröße Überschrift 3 */
$fontSizeHeadline4:15px; /* Schriftgröße Überschrift 4 */
$fontSizeAdditional:12px; /* Schriftgröße Zusatztext*/
$fontSizeListTitle: 21px; /* Schriftgröße der Listenüberschriften */
$fontSizeNavigationLevel1: 15px; /* Schriftgröße Navigationslevel 1 */
$fontSizeNavigationLevel2: 13px; /* Schriftgröße Navigationslevel 2 */
$fontSizeNavigationLevel3: 13px; /* Schriftgröße Navigationslevel 3 */
$fontSizeNavigationLevel4: 13px; /* Schriftgröße Navigationslevel 4 */

$lineHeightDefault: 140%; /* Zeilenhöhe Standardtext */
$lineHeightAdditional: 140%; /* Zeilenhöhe Zusatztext */

$backgroundColorContent: #ffffff; /* Hintergrundfarbe Inhaltsbereich */
$backgroundColorNavigationMain:#f0f0f0; /* Hintergrundfarbe Hauptnavigation */
$backgroundColorNavigationMainActive:#00437b; /* Hintergrundfarbe Hauptnavigation aktiv */
$backgroundColorNavigationSub:#ffffff; /* Hintergrundfarbe Unternavigation */
$backgroundColorNavigationSubActive: #f0f0f0; /* Hintergrundfarbe Unternavigation aktiv */
$backgroundColorNavigationLayer: #ffffff; /* Hintergrundfarbe Navigationslayer */
$backgroundColorNavigationLayerActive:#00437b; /* Hintergrundfarbe Navigationslayer aktiv */
$backgroundColorNavigationSection:#555555; /* Hintergrundfarbe Bereichsnavigation */
$backgroundColorFunctions:transparent; /* Hintergrundfarbe, Meta-Navigation, Suche, Funktionen */
$backgroundColorFunctionsActive:transparent; /* Hintergrundfarbe, Meta-Navigation, Suche, Funktionen aktiv */
$backgroundColorButtons: #999999; /* Hintergrundfarbe Schaltflächen */
$backgroundColorButtonsActive: #888888; /* Hintergrundfarbe Schaltflächen aktiv */
$backgroundColorTable: #ffffff; /* Hintergrundfarbe Tabellen */
$backgroundColorBoxBlank:transparent;  /* Hintergrundfarbe Box neutral */
$backgroundColorBoxColor1:#f0f0f0; /* Hintergrundfarbe Box Farbe 1 */
$backgroundColorBoxColor2:#e0e0e0; /* Hintergrundfarbe Box Farbe 2 */
$backgroundColorBoxColor3:#444444; /* Hintergrundfarbe Box Farbe 3 */
$backgroundColorBoxColor4:#111111; /* Hintergrundfarbe Box Farbe 4 */
$backgroundColorSectionBlank:transparent; /* Hintergrundfarbe Inhaltsbereich Sektion neutral */
$backgroundColorSectionColor1:#f0f0f0; /* Hintergrundfarbe Inhaltsbereich Sektion hell */
$backgroundColorSectionColor2:#e0e0e0; /* Hintergrundfarbe Inhaltsbereich Sektion mittel */
$backgroundColorSectionColor3:#444444; /* Hintergrundfarbe Inhaltsbereich Sektion dunkel */
$backgroundColorSectionColor4:#111111; /* Hintergrundfarbe Inhaltsbereich Sektion black */
$backgroundColorTop: #ffffff; /* Hintergrundfarbe Kopfbereich */
$backgroundColorFooter: #444444; /* Hintergrundfarbe Fußbereich (info:Wird standardmäßig über die Hintergrundfarben der eingesetzten Inhaltsbereiche definiert!) */

$fontColorDefault: #444444; /* Schriftfarbe Standardtext */
$fontColorHeadline1:#666666; /* Schriftfarbe Hauptüberschrift */
$fontColorHeadline2:#666666; /* Schriftfarbe Überschrift 2 */
$fontColorHeadline3:#666666; /* Schriftfarbe Überschrift 3 */
$fontColorHeadline4:#666666; /* Schriftfarbe Überschrift 4 */
$fontColorListTitle: #222222; /* Schriftfarbe der Listenüberschriften */
$fontColorSubline: #999999; /* Schriftfarbe Sublines */
$fontColorAdditional:#b0b0b0; /* Schriftfarbe Zusatztext */
$fontColorInfo: #999999; /* Schriftfarbe Infos */
$fontColorHeadlineInverse: #ffffff; /* Schriftfarbe Hauptüberschrift invers */
$fontColorSublineInvers: #b0b0b0; /* Schriftfarbe Überschrift invers */
$fontColorInverse: #c0c0c0; /* Schriftfarbe invers */
$fontColorLink:#000000; /* Schriftfarbe Link */
$fontColorLinkActive: #666666; /* Schriftfarbe Link aktiv */
$fontColorNavigationMain: #575757; /* Schriftfarbe Hauptnavigation */
$fontColorNavigationMainActive:#ffffff; /* Schriftfarbe Hauptnavigation aktiv */
$fontColorNavigationSub: #575757; /* Schriftfarbe Unternavigation */
$fontColorNavigationSubActive:#ffffff; /* Schriftfarbe Unternavigation aktiv */
$fontColorNavigationLayer: #000000; /* Schriftfarbe Navigationslayer */
$fontColorNavigationLayerActive:#ffffff; /* Schriftfarbe Navigationslayer aktiv */
$fontColorFunctions:#999999; /* Schriftfarbe Meta-Navigation, Suche, Funktionen */
$fontColorFunctionsActive: #000000; /* Schriftfarbe Meta-Navigation, Suche, Funktionen aktiv */
$fontColorButtons: #ffffff; /* Schriftfarbe Schaltflächen */
$fontColorButtonsActive: #ffffff; /* Schriftfarbe Schaltflächen aktiv */
$fontColorFooter: #cccccc; /* Schriftfarbe Fußbereich */

$borderColorLines: #e0e0e0; /* Rahmenfarbe, Boxen, Linien */
$borderColorNavigationMain: #eeeeee; /* Rahmenfarbe Hauptnavigation */
$borderColorNavigationSub: #eeeeee; /* Rahmenfarbe Unternavigation */
$borderColorNavigationLayer: #eeeeee; /* Rahmenfarbe Navigationslayer */
$borderColorTable: #eeeeee; /* Rahmenfarbe Tabellen */
$borderColorButtons: #999999; /* Rahmenfarbe Schaltflächen */
$borderColorButtonsActive: #888888; /* Rahmenfarbe Schaltflächen aktiv */
$borderColorButtonsGhost: #444444; /* Rahmenfarbe Ghost-Schaltflächen */

$colorLinkIcon: #444444; /* Farbe Link-Icons */
$colorLinkIconInverse: #bbbbbb; /* Farbe Link-Icons invers */

$navigationTopType: ; /* Darstellung der oberen Navigation */
$navigationTopPosition:blockTop; /* Position der oberen Navigation */
$navigationLeftType: full; /* Darstellung der linken Navigation */
$navigationMetaPosition: blockTop; /* Position der Meta-Navigation */

$effectTransitionContentDuration: 0.0s; /* Dauer, des Einblendeffektes für den Inhalt */

$displayNavigationMeta: block; /* Darstellung der Meta-Navigation */
$displayNavigationMetaBottom: none; /* Darstellung der Meta-Navigation im Fußbereich */
$displayNavigationBreadcrumb:none; /* 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:640px;  /* 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:$lineHeightDefault;color:$fontColorDefault;-webkit-tap-highlight-color:transparent;background-color:$bodyBackgroundColor;background-image:$bodyBackgroundImage;background-repeat:$bodyBackgroundRepeat;background-position:$bodyBackgroundPosition;background-size:$bodyBackgroundSize;background-attachment:$bodyBackgroundAttachment}
body.zoom-l                                {font-size:15px}

/*#blocks Grundgerüst */

#blockMainOuter                            {margin:10px auto;max-width:$widthBlockMainOuter;background-color:$backgroundColorContent;box-shadow:none}

#blockMain                                 {margin:0 20px 20px 20px}
#blockMainInner                            {margin:0}

#blockTop                                  {position:relative;max-width:wCalc($widthBlockMainOuter - 40);margin:0 auto 1px auto;background-color:$backgroundColorTop;-w-add-classes:$keepBlockTopInsideTopOnScroll}
.no-weditor #blockTop                      {-w-add-classes:$keepBlockTopInsideTopOnScroll}
#blockTopInner                             {position:relative;-w-add-classes:$displayFontResizerClass;}

#blockTop #logo                            {float:left;display:block;max-width:100%;margin:20px 0 20px 0}
#blockTop.restored-init #logo              {margin:2px 0 12px 0}
#blockTop.restored-ready #logo             {margin:12px 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:12px 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:20px 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}

#blockTop #languageSelector                    {display:$displayLanguageselector;float:right;height:30px;position:relative;background-color:$backgroundColorFunctions;margin:20px 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;margin:20px 0 0 0;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;}
#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)}
#blockTop #searchBox dd.focused .searchTerm,
#blockTop #searchBox .searchTerm:focus         {opacity:1;position:relative;z-index:2;outline:none;cursor:text;border-radius:0;width:120px !important;color:inherit}
#blockTop #searchBox #searchSubmit             {display:none}

#blockTop #navigationMeta                      {display:$displayNavigationMeta;float:right;margin:20px 0 0 0;padding:0 4px 0 4px;height:30px;background-color:$backgroundColorFunctions}
#blockBottom #navigationMeta                   {display:$displayNavigationMetaBottom;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;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}

#blockTop #navigationMain                  {clear:both;width:100%;position:static;overflow:hidden;float:left;font-family:$fontFamilyNavigationMain;background-color:$backgroundColorNavigationMain;-w-add-classes:wglNavigationOptimizeTouch}
#blockTop #navigationMain > ul             {float:none}

#blockBeforeLeftContentRight               {position:relative;width:$widthBlockBeforeLeftContentRight}
#blockBeforeLeftContentRightInner          {margin:0 0 -10px 0}

#blockBefore                               {max-width:$widthBlockBefore;position:relative;width:$widthBlockBefore;}
#blockBeforeInner                          {}
#blockBeforeFull                           {position:relative;width:$widthBlockBeforeFull;max-width:100%}
#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 0 10px 0}
#navigationBreadcrumb:empty                {display:none}
#navigationBreadcrumb > div                {max-width:$widthBlockTop;margin:0 auto;display:block !important}

#blockLeftContentRight                     {position:relative;width:$widthBlockLeftContentRight;margin:0 auto;}

.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                          {float:left;width:$widthBlockContentFull}
#blockContentFullInner                     {margin:20px 0 0 0}
#blockContentFullLeft                      {float:left;width:$widthBlockContentFullLeft}
#blockContentFullLeftInner                 {margin:20px 0 0 0}
#blockContentFullRight                     {float:left;width:$widthBlockContentFullRight}
#blockContentFullRightInner                {margin:20px 0 0 0}
#blockContent                              {float:left;width:$widthBlockContent}
#blockContentInner                         {margin:20px 0 0 0}

#areaContent6Global                        {position:relative}

#blockRight                                {display:block;float:right;position:relative;width:$widthBlockRight}
#blockRightInner                           {margin:20px 0 -10px 20px}

#blockBottom                               {clear:both;position:relative;margin:0;width:$widthBlockBottom;background-color:$backgroundColorFooter}
#blockBottomInner                          {margin:0;padding:0}

#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}

#cookieNotice              {position:relative;z-index:1000;background-color:#d0d0d0;border-bottom:solid 1px #a0a0a0;padding:10px;text-align:center}
#cookieNoticeCloser        {margin-left:8px}
#cookieNotice #buttonEditCookieNotice   {position:absolute;top:4px;right:4px}



/* 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 #blockBeforeLeftContentRightInner {margin:0}

.object-singlepage #blockContentFull                 {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-singlepage #blockContentFullInner            {margin:20px 0 0 0}
.object-singlepage #blockContentFullLeft             {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-singlepage #blockContentFullLeftInner        {margin:20px 0 0 0}
.object-singlepage #blockContentFullRight            {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-singlepage #blockContentFullRightInner       {margin:20px 0 0 0}
.object-singlepage #blockContent                     {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-singlepage #blockContentInner                {margin:20px 0 0 0}





/* Singlepage2 Layout*/

.object-singlepage2 #blockMainOuter                               {max-width:100%;margin:0;padding:0}
.weditor .object-singlepage2 #blockBeforeLeftContentRightInner    {margin:100px 30px 0 30px}
.object-singlepage2 #blockMain                                    {margin:0}
.object-singlepage2 #blockTop                                     {position:fixed;top:0;z-index:10;width:100%;max-width:100%;height:84px;border-bottom:solid 1px #f0f0f0;transition:all 0.5s ease-in-out}
.scrolled-top .object-singlepage2 #blockTop                       {background-color:rgba(255, 255, 255, 0.8)}
.scrolldirection-up .object-singlepage2 #blockTop                 {margin-top:0px;transition:margin 0.2s ease-in-out;}
.scrolldirection-down .object-singlepage2 #blockTop               {margin-top:-200px;transition:margin 1.2s ease-in-out;}

.object-singlepage2 #blockTop #logo                               {margin:0}
.object-singlepage2 #blockTop #logo img                           {height:64px;width:auto;margin:10px}
.object-singlepage2 #blockTopInner                                {max-width:$widthMaxSectionInner;margin:0 auto;position:relative}
.object-singlepage2 #navigationMeta                               {display:none;-w-display:none}
.object-singlepage2 #blockTop #searchBox                          {display:none;margin-top:25px;background-color:transparent}
.object-singlepage2 #navigationMain                               {float:right !important;margin-top:21px !important;clear:none !important;width:auto !important;background-color:transparent !important}
.object-singlepage2 #navigationMain li > a                        {background-color:transparent !important;border:none !important}
.object-singlepage2 #navigationMain                 {}
.object-singlepage2 #navigationMain li,
.object-singlepage2 #navigationMain li > a          {background-color:transparent !important;border:none !important;color:#000000 !important}
.scrolled-top .object-singlepage2 #navigationMain li.navLevel2,
.scrolled-top .object-singlepage2 #navigationMain li.navLevel2 > a  {background-color:#ffffff !important;border:none !important;color:#444444 !important}
.object-singlepage2 #navigationBreadcrumb                         {display:none;-w-display:none}
.object-singlepage2 #blockBottom                                  {width:100%;clear:both;position:relative;margin:0;background-color:$backgroundColorFooter}
.object-singlepage2 #blockBeforeLeftContentRightInner             {margin:0}

.object-singlepage2 #blockContentFull                 {float:left;max-width:$responsiveImageMaxWidth}
.object-singlepage2 #blockContentFullInner            {margin:20px 0 0 0}
.object-singlepage2 #blockContentFullLeft             {float:left;max-width:$responsiveImageMaxWidth}
.object-singlepage2 #blockContentFullLeftInner        {margin:20px 0 0 0}
.object-singlepage2 #blockContentFullRight            {float:left;max-width:$responsiveImageMaxWidth}
.object-singlepage2 #blockContentFullRightInner       {margin:20px 0 0 0}
.object-singlepage2 #blockContent                     {float:left;max-width:$responsiveImageMaxWidth}
.object-singlepage2 #blockContentInner                {margin:20px 0 0 0}

.object-singlepage2 #navigationMain div.navLevelEmbed {left:auto !important;right:0}



/* Singlepage Layout*/


.object-fullpage                                   {font-size:19px;line-height:150%}
.object-fullpage #blockMainOuter                   {max-width:100%;margin:0;padding:0}
.weditor .object-fullpage #blockBeforeLeftContentRightInner {margin-left:30px;margin-right:30px}
.object-fullpage #blockMain                        {margin:0}
.object-fullpage #blockTop                         {margin-top:-100%;position:absolute;max-width:none;z-index:10;width:100%;transition:margin 0.3s ease-in-out}
html[data-section-selected="1"] .object-fullpage #blockTop {margin-top:0}
.object-fullpage #blockTopInner                    {max-width:$widthMaxSectionInner;margin:0 auto;position:relative}
.object-fullpage #blockTop #navigationMeta         {display:none;-w-display:none}
.object-fullpage #blockTop #searchBox              {display:none;-w-display:none}
.object-fullpage #blockTop #navigationMain         {display:none;-w-display:none}
.object-fullpage #blockTop #navigationBreadcrumb   {display:none;-w-display:none}
.object-fullpage #blockBottom                      {display:none}
.object-fullpage #blockBeforeLeftContentRightInner {margin:0}

.object-fullpage #blockContentFull                 {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-fullpage #blockContentFullInner            {margin:0 0 0 0}
.object-fullpage #blockContentFullLeft             {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-fullpage #blockContentFullLeftInner        {margin:0 0 0 0}
.object-fullpage #blockContentFullRight            {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-fullpage #blockContentFullRightInner       {margin:0 0 0 0}
.object-fullpage #blockContent                     {float:left;max-width:$responsiveImageMaxWidth;max-width:100%}
.object-fullpage #blockContentInner                {margin:0 0 0 0}
.object-fullpage #navigationBreadcrumb             {display:none;-w-display:none}

@media only screen and (max-width: 540px){
  .object-fullpage                                 {font-size:15px}
}



/*#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 #aaaaaa;border-top-style:none}
.searchSuggestEntry             {padding:2px 6px;cursor:pointer;}
.searchSuggestEntry:first-child {padding:4px 6px 2px 6px}
.searchSuggestEntry:last-child  {padding:2px 6px 4px 6px}
.searchSuggestEntry:hover       {background-color:#f0f0f0}
.searchSuggestEntry.selected    {background-color:#f0f0f0}

.searchResultNoTerm             {}
.searchResultNumberResults      {}
.searchResultNoResultsCaption   {margin-bottom:10px}
.searchResultNoResultsProposal  {}
.searchResultNoResultsTips      {padding:0 0 0 24px}
.searchResultNoResultsTips > li            {}
.searchResultNoResultsTips > li:before     {content:'';display:block;position:absolute;margin:1px 2px 0 -24px;width:16px;height:16px;vertical-align:top;background-image:url("$wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.svg?stroke=$colorLinkIcon");background-position:0 0;background-repeat:no-repeat}

.searchResultDidYouMean         {margin-bottom:10px}

/*#if test="$wVariable[search_allow_suggest] = 'yes'"*/
.searchTerm                     {-w-add-classes:wglSearchSuggest;-w-add-data:usecache=0}

/*#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.navLevelEmbed                     {display:none;position:absolute;z-index:100;left:0;margin:-2px 0 0 0;border:solid 1px #f0f0f0;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                                                                 {margin:0 0 20px 0}
#navigationMain ul.navLevelContainer                                            {display:block;list-style-type:none;margin:0;padding:0;}
#navigationMain li.navLevel                                                     {display:block;vertical-align:middle;margin:0;padding:0}
#navigationMain li.navLevel > a                                                 {display:block;vertical-align:middle;text-decoration:none;margin:0;padding:0;color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain}
#navigationMain li.navLevel > a:hover                                           {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive}
#navigationMain 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}
#navigationMain ul.navLevel1Container                                           {position:relative;margin:0;padding:0;border-top:solid 1px $borderColorNavigationMain}
#navigationMain li.navLevel1 > a                                                {font-size:$fontSizeNavigationLevel1;padding:10px 0 10px 16px;border-bottom:solid 1px $borderColorNavigationMain}
#navigationMain li.navLevel2 > a                                                {font-size:$fontSizeNavigationLevel2;padding:6px 0 6px 32px;border-bottom:solid 1px $borderColorNavigationMain}
#navigationMain li.navLevel3 > a                                                {font-size:$fontSizeNavigationLevel3;padding:6px 0 6px 48px;border-bottom:solid 1px $borderColorNavigationMain}
#navigationMain li.navLevel4 > a                                                {font-size:$fontSizeNavigationLevel4;padding:6px 0 6px 64px;border-bottom:solid 1px $borderColorNavigationMain}
#navigationMain li.navLevelDefault > a                                          {color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain}
#navigationMain li.navLevelChilds > a                                           {color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain}
#navigationMain li.navLevelOpen > a                                             {color:$fontColorNavigationMain;background-color:$backgroundColorNavigationMain}
#navigationMain li.navLevelSelected > a                                         {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive}
#navigationMain li.navLevelOpenSelected > a                                     {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMainActive}
#navigationMain li.navLevelOpenDescendantSelected > a                           {color:$fontColorNavigationMainActive;background-color:$backgroundColorNavigationMain}





/* Gestaltung der Unternavigation */

#navigationSub                                                                  {margin:0 0 0 0}
#navigationSub ul.navLevelContainer                                             {list-style-type:none;margin:0;padding:0}
#navigationSub ul.navLevel2Container                                            {position:relative;margin:0 0 20px 0;border-top:solid 1px $borderColorNavigationSub}
#navigationSub li.navLevel                                                      {display:block;overflow:hidden;margin:0;padding:0}
#navigationSub li.navLevel > a                                                  {display:block;text-decoration:none;color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub}
#navigationSub li.navLevel > a:hover                                            {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive}
#navigationSub li.navLevel2 > a                                                 {font-size:$fontSizeNavigationLevel2;padding:7px 0 7px 32px;border-bottom:solid 1px $borderColorNavigationSub}
#navigationSub li.navLevel3 > a                                                 {font-size:$fontSizeNavigationLevel3;padding:6px 0 6px 48px;border-bottom:solid 1px $borderColorNavigationSub}
#navigationSub li.navLevel4 > a                                                 {font-size:$fontSizeNavigationLevel4;padding:6px 0 6px 64px;border-bottom:solid 1px $borderColorNavigationSub}
#navigationSub li.navLevelDefault > a                                           {color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub}
#navigationSub li.navLevelOpen > a                                              {color:$fontColorNavigationSub;background-color:$backgroundColorNavigationSub}
#navigationSub li.navLevelSelected > a                                          {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold}
#navigationSub li.navLevelOpenSelected > a                                      {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold}
#navigationSub li.navLevelOpenDescendantSelected > a                            {color:$fontColorNavigationSubActive;background-color:$backgroundColorNavigationSubActive;font-weight:bold}




/* 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                                          {transition:all 0.3s linear;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                                          {transition:all 0.3s linear;content:'';position:absolute;top:18px;left:14px;border:solid 6px $fontColorNavigationMain;border-bottom:none;border-left-color:transparent;border-right-color:transparent;transform:rotateX(180deg)}

#navigationResponsiveAll li.navLevel1                                                    {box-sizing:border-box;margin:0;padding:0;display:block;overflow:hidden;}
#navigationResponsiveAll li.navLevel1 > a                                                {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 ul.navLevelContainer                                            {display:none;position:relative;margin:0 0 0 0;padding:0}

#navigationResponsiveAll li.navLevel1OpenSelected > ul                                   {display:block}
#navigationResponsiveAll li.navLevel1OpenDescendantSelected > ul                         {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 > ul                                   {display:block}
#navigationResponsiveAll li.navLevel2OpenDescendantSelected > ul                         {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 > ul                                   {display:block}
#navigationResponsiveAll li.navLevel3OpenDescendantSelected > ul                         {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                                   {}
#navigationSitemap ul                                {list-style-type:none;margin:0}
#navigationSitemap li                                {margin:0}
#navigationSitemap a                                 {text-decoration:none}

#navigationSitemap .navLevel1                        {}
#navigationSitemap .navLevel1 > a                    {line-height:27px;font-weight:bold}

#navigationSitemap .navLevel1 ul                     {padding-left:30px;position:relative;}
#navigationSitemap .navLevel1 ul:before              {display:block;position:absolute;content:'';width:1px;height:calc(100% - 11px);margin:0 0 0 -16px;background-color:#e0e0e0}
#navigationSitemap .navLevel1 ul li.navLevel         {line-height:23px}
#navigationSitemap .navLevel1 ul li.navLevel:before  {display:block;position:absolute;content:'';width:10px;height:1px;margin:11px 0 0 -16px;background-color:#e0e0e0}
#navigationSitemap .navLevel1 ul li.navLevel > a     {}

/* 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:normal;color:$fontColorHeadline4;padding:0;margin:0 0 10px 0}

/*#texts Textformatierung */

.subline             {font-size:13px;color:$fontColorSubline}
.subline a           {background:none;color:inherit}
.description         {font-weight:bold}
.unimportant         {color:$fontColorInfo}
.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                   {margin:0;padding:0;list-style:none;}
ol                   {margin:0;padding:0}
li                   {margin:0;padding:0}

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}
#blockLeft a,
#blockRight a,
#blockBottom a       {text-decoration:none}

a.intern:before,
a.extern:before,
a.box:before,
a.boxPicture:before,
a.download:before,
a.pdf:before,
a.doc:before,
a.xls:before,
a.audio:before,
a.video:before,
a.next:before,
a.back:before,
a.mail:before,
span.phone:before,
a.phone:before,
span.fax:before,
a.fax:before,
span.mobile:before,
a.mobile:before,
a.rss:before,
a.vcf:before,
a.ical:before        {content:'';display:inline-block;margin:2px 5px 0 0;width:16px;height:16px;vertical-align:top;background-position:0 0;background-repeat:no-repeat}

a.intern:before      {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/intern.svg?stroke=$colorLinkIcon")}
a.extern:before      {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/extern.svg?stroke=$colorLinkIcon")}
a.box:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/box.svg?stroke=$colorLinkIcon")}
a.boxPicture:before  {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/box.svg?stroke=$colorLinkIcon")}
a.download:before    {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/download.svg?stroke=$colorLinkIcon")}
a.pdf:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/pdf.svg?stroke=$colorLinkIcon")}
a.doc:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/doc.svg?stroke=$colorLinkIcon")}
a.xls:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/xls.svg?stroke=$colorLinkIcon")}
a.audio:before       {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/audio.svg?stroke=$colorLinkIcon")}
a.video:before       {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/video.svg?stroke=$colorLinkIcon")}
a.next:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/next.svg?stroke=$colorLinkIcon")}
a.back:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/back.svg?stroke=$colorLinkIcon")}
a.mail:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/mail.svg?stroke=$colorLinkIcon")}
span.phone:before,
a.phone:before       {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/phone.svg?stroke=$colorLinkIcon")}
span.fax:before,
a.fax:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/fax.svg?stroke=$colorLinkIcon")}
span.mobile:before,
a.mobile:before      {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/mobile.svg?stroke=$colorLinkIcon")}
a.rss:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/rss.svg?stroke=$colorLinkIcon")}
a.vcf:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/vcf.svg?stroke=$colorLinkIcon")}
a.ical:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/ical.svg?stroke=$colorLinkIcon")}

.iconsInvers a.intern:before      {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/intern.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.extern:before      {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/extern.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.box:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/box.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.boxPicture:before  {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/box.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.download:before    {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/download.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.pdf:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/pdf.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.doc:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/doc.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.xls:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/xls.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.audio:before       {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/audio.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.video:before       {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/video.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.next:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/next.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.back:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/back.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.mail:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/mail.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.phone:before       {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/phone.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.fax:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/fax.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.mobile:before      {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/mobile.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.rss:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/rss.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.vcf:before         {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/vcf.svg?stroke=$colorLinkIconInverse")}
.iconsInvers a.ical:before        {background-image:url("$wGlobalProjectPath/wGlobal/layout/images/links/ical.svg?stroke=$colorLinkIconInverse")}

a.downloadIcon        {background-image:none !important}
a.downloadIcon > span {display:inline-block;margin:1px 2px 0 0;width:16px;height:16px;vertical-align:top;background-position:0 0;background-repeat:no-repeat}
a.downloadIcon:before {display:none}

a.autolink           {}

a:hover              {text-decoration:none;color:$fontColorLinkActive}

.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 10px 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 #e0e0e0;background-color:#ffffff}
select                 {font:inherit;padding:0;margin:0;border:1px solid #e0e0e0;background-color: #ffffff}
textarea               {font:inherit;padding:0;margin:0;border:1px solid #e0e0e0}
input[type="radio"]    {border:none;background-color:transparent}
input[type="checkbox"] {border:none;background-color:transparent}
input[type="file"]     {}

input:focus, select:focus, textarea:focus {outline:none;border:solid 1px #aaaaaa}

button                   {cursor:pointer;font:inherit;font-weight:normal;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;overflow:hidden;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                  {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 0 0 1%;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             {}
.formTable dd                   {display:block;overflow:hidden;float:right;width:50%;margin:-26px 0 10px 0}
.formTable dd.full              {display:block;overflow:hidden;float:none;width:100%;margin:-26px 0 10px 0}
.formTable dd *                 {}
.formTable dd button            {box-sizing:border-box;-moz-box-sizing:border-box;margin:0 0 0 1%;height:26px;padding:0 10px;user-select:none;}

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 label {display:none}
dl.formTable .wglErrorMessageInline       {}
dl.formTable .wglErrorMessageInline > div {line-height:26px;color:#ff0000;display:inline-block;}

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 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 {width:15%;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 {width:30%;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 {width:50%;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 {width:70%;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 {width:85%;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 {width:100%;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}
.soft        {color:#c0c0c0}
.preWrap     {white-space:pre-wrap}

.errorMessages                  {box-sizing:border-box;-moz-box-sizing:border-box;margin:0 0 10px 0;padding:20px;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}
.wLightboxDescription:empty {display:none !important}
.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              {position:relative;margin:0 0 20px 0}
.elementContent               {}
.blockContent .elementContent {max-width:$widthMaxSectionInner;margin-left:auto;margin-right:auto}

.elementHeadline              {margin:auto}

.elementHeadline:last-child > h1,
.elementHeadline:last-child > h2,
.elementHeadline:last-child > h3,
.elementHeadline:last-child > h4,
.elementHeadline:last-child > h5,
.elementHeadline:last-child > h6 {margin-bottom:0}

.elementStandard + .elementHeadline h1 {margin-top:36px}
.elementStandard + .elementHeadline h2 {margin-top:24px}
.elementStandard + .elementHeadline h3 {margin-top:16px}
.elementStandard + .elementHeadline h4 {margin-top:12px}

p + h1               {margin-top:36px}
p + h2               {margin-top:24px}
p + h3               {margin-top:16px}
p + h4               {margin-top:12px}


/* Überschriften */



/*@wCssFragment{class:elementHeadline;variant:0;caption:Standardüberschrift;caption-en:Default;livepreview:yes}*/
.elementHeadline_var0                     {-w-editmaskExtended-level:yes;-w-max-level:4}



/*@wCssFragment{class:elementHeadline;variant:50;caption:Bereichsüberschrift;caption-en:Section headline;livepreview:yes}*/
.elementHeadline_var50                    {margin:60px 0 40px 0}
.elementHeadline_var50:first-child        {margin:0px 0 40px 0}
.elementHeadline_var50 *                  {text-align:center;font-size:48px}

@media only screen and (max-width: 768px){
  .elementHeadline_var50 * {font-size:35px}
}

/*@wCssFragment{class:elementHeadline;variant:55;caption:Bereichsuntertitel;caption-en:Section subline;livepreview:yes}*/
.elementHeadline_var55                          {margin:20px 0 10px 0}
.elementHeadline_var50 + .elementHeadline_var55 {margin:-36px 0 10px 0}
.elementHeadline_var55 *                        {text-align:center;font-size:21px;color:#c0c0c0}

@media only screen and (max-width: 768px){
  .elementHeadline_var50 + .elementHeadline_var55 {margin:-36px 0 20px 0}
  .elementHeadline_var55 * {font-size:19px}
}



.elementText                    {position:static;margin-bottom:20px}
.elementText:lastChild          {margin-bottom:0}
.weditor .elementText           {position:relative}

.elementText p                  {margin-bottom:20px}
.elementText p:last-child       {margin-bottom:0}
.elementText p.hasOnlyATag + p.hasOnlyATag {margin-top:-12px;}

.elementText ul                 {margin:0 0 20px 0;padding:0 0 0 24px;display:inline-block;list-style:none}
.elementText ul:last-child      {margin-bottom:0}
.elementText ul > li            {padding-left:0px;position:relative}
.elementText ul > li:before     {content:'';display:block;position:absolute;margin:1px 2px 0 -24px;width:16px;height:16px;vertical-align:top;background-image:url("$wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.svg?stroke=$colorLinkIcon");background-position:0 0;background-repeat:no-repeat}

#blockBottom  ul                {padding:0}
#blockBottom  ul > li           {padding:3px 0}
#blockBottom  ul > li:before    {content:'';display:none}

.no-weditor .elementText ul     {}

.elementText ol                 {margin:0 0 20px 0;padding:0 0 0 40px;display:inline-block;}
.elementText ol:last-child      {margin-bottom:0}
.no-weditor .elementText ol     {}



/*@wCssFragment{class:elementText;variant:0;selectable:yes;caption:Standard;caption-en:Default;livepreview:yes}*/
.elementText_var0               {}



/*@wCssFragment{class:elementText;variant:2;usertypes:admin;caption:Weiße Schrift;caption-en:White;livepreview:yes}*/
.elementText_var2              {color:#ffffff}

/*@wCssFragment{class:elementText;variant:10;selectable:yes;caption:Zusatzinfo;caption-en:Additional;livepreview:yes}*/
.elementText_var10              {color:$fontColorAdditional;font-size:$fontSizeAdditional;line-height:$lineHeightAdditional;}
.elementText_var10 a            {color:$fontColorAdditional !important}

/*@wCssFragment{class:elementText;variant:50;usertypes:admin;caption:Große Schrift;caption-en:Big letter;livepreview:yes}*/
.elementText_var50              {font-size:50px;line-height:135%}

/*@wCssFragment{class:elementText;variant:52;usertypes:admin;caption:Große Schrift weiß;caption-en:Big letter white;livepreview:yes}*/
.elementText_var52              {color:#ffffff;font-size:50px;line-height:135%}

/*@wCssFragment{class:elementText;variant:54;usertypes:admin;caption-en:Big letter white background;caption:Große Schrift auf weiß hinterlegt;livepreview:yes}*/
.elementText_var54                 {}
.elementText_var54 p               {clear:both;float:left;display:inline-block;padding:0 20px;color:#000000;background-color:#ffffff;font-size:48px;line-height:135%}
.elementText_var54 p.alignCenter   {clear:both;float:none;display:table;margin-left:auto;margin-right:auto}
.elementText_var54 p.alignRight    {clear:both;float:right}
.elementText_var54 p.alignJustify  {display:block;float:none}
.elementText_var54:after           {display:block;content:'';clear:both}

@media only screen and (max-width: 480px){
  .elementText_var54 p             {font-size:24px;line-height:135%}
}

.elementTable                   {/*width:100%;overflow:auto;-webkit-overflow-scrolling:touch;*/}
.elementTable table             {margin:0}


/* Trennstrich */

.elementHr                      {}

/*@wCssFragment{class:elementHr;variant:0;livepreview:yes;caption:Standard;caption-en:Default}*/
.elementHr_var0                 {}

/*@wCssFragment{class:elementHr;variant:10;livepreview:yes;caption:Mit Verlauf;caption-en:Gradient}*/
.elementHr_var10 hr             {height:1px;border:0;background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0))}




/* Bildelement */

.elementPicture                 {}

.elementPictureLeft             {display:inline;max-width:100%}
.elementPictureCenter           {display:block;text-align:center;max-width:100%}
.elementPictureRight            {display:inline;max-width:100%}

div.pictureBorder               {border-style:solid;border-color:#e0e0e0;border-width:1px}
div.pictureFrame                {padding:10px;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:inline-block;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.elementPictureLeft.pictureSize-adapt > div,
div.elementPictureRight.pictureSize-adapt > div {width:auto}

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                     {max-width:100%;border:solid 1px #e0e0e0;border-top:none;margin:0;padding:8px;box-sizing:border-box}
div.pictureFrame  .pictureSubtitle      {border:none;padding:9px 0 0 0;margin:0 0 -2px 0}
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:not(.pictureSize-set),
div.pictureFrameInner  {position:relative;width:100%;max-width:100%}
.ie9 span.pictureCore img.pictureDefault:not(.pictureSize-set),
.ie9 div.pictureFrameInner  {display:block !important}

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-editmaskExtended-size:yes;-w-editmaskExtended-align:yes;-w-editmaskExtended-layout:yes;-w-editmaskExtended-usedirectoryofsite:yes;-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%}






.elementFlash                           {}
.elementFlash .swfMovie object,
.elementFlash .swfMovie embed         {width:100%;max-width:100%}
.elementFlash .alternativeImage > img {width:100%;max-width:100%}
.elementFlash img {}




.elementBodyBackgroundVideo {z-index:-1;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%}





.elementGoogleMaps                               {position:relative;padding-bottom:75%;height:0;overflow:hidden}
.elementGoogleMaps .googleMapsContainer          {position:absolute;top:0;left:0;width:100%;height:100%}
.elementGoogleMaps .infoWindowLocation           {clear:both;margin:0}
.elementGoogleMaps .infoWindowLocationAdditional {margin-top:10px}
.elementGoogleMaps .infoWindowLocation img       {font-family:$fontFamilyDefault;float: left;margin: 0 10px 0 0;}

/*@wCssFragment{class:elementGoogleMapsWidth;variant:0;caption:Automatisch;caption-en:Auto}*/
.elementGoogleMapsWidth_var0    {}

/*@wCssFragment{class:elementGoogleMapsWidth;variant:100;caption:Volle Breite;caption-en:Full width}*/
.elementGoogleMapsWidth_var100  {width:100% !important;max-width:100% !important}

/*@wCssFragment{class:elementGoogleMapsHeight;variant:0;caption:Automatisch (4/3);caption-en:Auto}*/
.elementGoogleMapsHeight_var0   {}

/*@wCssFragment{class:elementGoogleMapsHeight;variant:50;caption:2 / 1;caption-en:2 / 1}*/
.elementGoogleMapsHeight_var50  {padding-bottom:50% !important}

/*@wCssFragment{class:elementGoogleMapsHeight;variant:25;caption:4 / 1;caption-en:4 / 1}*/
.elementGoogleMapsHeight_var25  {padding-bottom:25% !important}

@media only screen and (max-width: 480px){
  .elementGoogleMapsHeight_var25  {padding-bottom:75% !important}
}

/*@wCssFragment{class:elementGoogleMapsStyler;variant:0;caption:Standard;caption-en:Default}*/
.elementGoogleMapsStyler_var0   {}

/*@wCssFragment{class:elementGoogleMapsStyler;variant:5;caption:Vereinfacht;caption-en:Simplified}*/
.elementGoogleMapsStyler_var5   {-w-maptypestyler-visibility:simplified}

/*@wCssFragment{class:elementGoogleMaps;variant:0;caption:Standard;caption-en:Default}*/
.elementGoogleMaps_var0         {-w-editmaskExtended-width:yes;-w-editmaskExtended-height:yes;-w-editmaskExtended-styler:yes}





.elementAudio                   {margin:0 0 10px 0}
.elementAudio audio             {max-width:100%}



.elementList                    {overflow:hidden}

.browseedit .elementList        {overflow:visible}
.browseedit .elementList:after  {content:'';display:table;clear:both;visibility:hidden;height:0px;width:0px}

.elementListWidth               {}

.elementListFloat               {margin:0;overflow:visible}

.elementSitemap                 {overflow:hidden}



.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;}
.elementContainerStandard:after                                      {content:'';display:block;height:0;clear:both;}
.elementContainerStandard .col                                       {float:left}
.elementContainerStandard .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:33.33%}
.elementContainerStandardColumns_var3070 > .col2                     {float:left;width:66.66%}
.elementContainerStandardColumns_var3070 > .col1 > div               {margin-right:13px}
.elementContainerStandardColumns_var3070 > .col2 > div               {margin-left:6px}

/*@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:left;width:50%}
.elementContainerStandardColumns_var5050 > .col1 > div               {margin-right:10px}
.elementContainerStandardColumns_var5050 > .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:66.66%}
.elementContainerStandardColumns_var7030 > .col2                     {float:left;width:33.33%}
.elementContainerStandardColumns_var7030 > .col1 > div               {margin-right:6px}
.elementContainerStandardColumns_var7030 > .col2 > div               {margin-left:14px}

/*@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:left;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: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:left;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            {}

/*@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                         {}

.elementGallery                      {}

.elementButton                       {margin:0}
.elementButton .wglButton            {margin-bottom:4px}

.elementIncludeGroup                 {margin:0}
.elementIncludeGroup > *:last-child  {margin-bottom:0}


/* Inhaltsbereiche */

.elementSection                                 {margin:0 0 20px 0;box-sizing:border-box;position:relative;background-size:100%;background-attachment:absolute}
.elementSection > .sectionInner                 {position:relative;max-width:$widthMaxSectionInner;margin:0 auto;}
.elementSection > .sectionInner > *:last-child  {margin-bottom:0}
.elementSection > video                         {position:absolute;top:0;left:0;width:100%;height:auto;min-width:100%;min-height:100%}
.elementSection[data-hasbackgroundvideo="1"]    {overflow:hidden}
.elementSection                                 {background-size:cover}
.elementSection > .sectionInner                     {background-size:cover}
.elementSection > .sectionInner[data-hasmouseoverimage="1"]:hover {background-image:none !important}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:0;caption:Neutral;caption-en:Neutral;preview-color:$backgroundColorSectionBlank;livepreview:yes}*/
.elementSectionBackgroundColor_var0          {background-color:$backgroundColorSectionBlank !important}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:30;caption:Hell;caption-en:Light;preview-color:$backgroundColorSectionColor1;livepreview:yes}*/
.elementSectionBackgroundColor_var30         {background-color:$backgroundColorSectionColor1 !important}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:50;caption:Mittel;caption-en:Medium;preview-color:$backgroundColorSectionColor2;livepreview:yes}*/
.elementSectionBackgroundColor_var50         {background-color:$backgroundColorSectionColor2 !important}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:60;caption:Dunkel;caption-en:Dark;preview-color:$backgroundColorSectionColor3;livepreview:yes}*/
.elementSectionBackgroundColor_var60         {background-color:$backgroundColorSectionColor3 !important}
.elementSectionBackgroundColor_var60 h1, .elementSectionBackgroundColor_var60 .h1Editor,
.elementSectionBackgroundColor_var60 h2, .elementSectionBackgroundColor_var60 .h2Editor,
.elementSectionBackgroundColor_var60 h3, .elementSectionBackgroundColor_var60 .h3Editor,
.elementSectionBackgroundColor_var60 h4, .elementSectionBackgroundColor_var60 .h4Editor {color:$fontColorHeadlineInverse}

.elementSectionBackgroundColor_var60 p,
.elementSectionBackgroundColor_var60 a,
.elementSectionBackgroundColor_var60 li      {color:$fontColorInverse}

.elementSectionBackgroundColor_var60 .elementText,
.elementSectionBackgroundColor_var60 .elementLink {-w-jquery:jQuery(this).addClass('iconsInvers')}

/*@wCssFragment{class:elementSectionBackgroundColor;variant:90;caption:Schwarz;caption-en:Black;preview-color:$backgroundColorSectionColor4;livepreview:yes}*/
.elementSectionBackgroundColor_var90         {background-color:$backgroundColorSectionColor4 !important}

.elementSectionBackgroundColor_var90 h1, .elementSectionBackgroundColor_var90 .h1Editor,
.elementSectionBackgroundColor_var90 h2, .elementSectionBackgroundColor_var90 .h2Editor,
.elementSectionBackgroundColor_var90 h3, .elementSectionBackgroundColor_var90 .h3Editor,
.elementSectionBackgroundColor_var90 h4, .elementSectionBackgroundColor_var90 .h4Editor {color:$fontColorHeadlineInverse}

.elementSectionBackgroundColor_var90 p,
.elementSectionBackgroundColor_var90 a,
.elementSectionBackgroundColor_var90 li      {color:$fontColorInverse}

.elementSectionBackgroundColor_var90 .elementText,
.elementSectionBackgroundColor_var90 .elementLink {-w-jquery:jQuery(this).addClass('iconsInvers')}

/*@wCssFragment{class:elementSectionPadding;variant:0;caption:Keinen Innenabstand;caption-en:No padding;livepreview:yes}*/
.elementSectionPadding_var0                  {padding:0 !important}

/*@wCssFragment{class:elementSectionPadding;variant:20;caption:Innenabstand;caption-en:Padding;livepreview:yes}*/
.elementSectionPadding_var20                 {padding:20px 20px !important}

/*@wCssFragment{class:elementSectionPadding;variant:40;caption:Großer Innenabstand;caption-en:Padding large;livepreview:yes}*/
.elementSectionPadding_var40                 {padding:40px 40px !important}

@media only screen and (max-width: 480px){
  .elementSectionPadding_var40  {padding:20px 20px !important}
}

/*@wCssFragment{class:elementSectionPadding;variant:60;caption:Extra großer Innenabstand;caption-en:Padding extra large;livepreview:yes}*/
.elementSectionPadding_var60                 {padding:60px 60px !important}

@media only screen and (max-width: 480px){
  .elementSectionPadding_var60  {padding:20px 20px !important}
}

/*@wCssFragment{class:elementSectionMargin;variant:0;caption:Keinen Abstand unter dem Bereich;caption-en:No margin;livepreview:yes}*/
.elementSectionMargin_var0                   {margin:0 !important}

/*@wCssFragment{class:elementSectionMargin;variant:20;caption:Abstand unter dem Bereich;caption-en:Margin bottom;livepreview:yes}*/
.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      {padding:100px 0;-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:elementSectionInnerWidth;variant:0;livepreview:yes;caption:Automatisch;caption-en:Auto}*/
.elementSectionInnerWidth_var0 > .sectionInner   {max-width:$widthMaxSectionInner !important}

/*@wCssFragment{class:elementSectionInnerWidth;variant:100;livepreview:yes;caption:Volle Breite;caption-en:Full width}*/
.elementSectionInnerWidth_var100 > .sectionInner                 {max-width:100% !important}
.elementSectionInnerWidth_var100 > .sectionInner .elementContent {max-width:100% !important}

/*@wCssFragment{class:elementSectionInnerHeight;variant:0;livepreview:yes;caption:Automatisch;caption-en:Auto}*/
.elementSectionInnerHeight_var0 > .sectionInner   {}

/*@wCssFragment{class:elementSectionInnerHeight;variant:41240;livepreview:yes;caption:Maximale Höhe 320px;caption-en:Max height 320px}*/
.elementSectionInnerHeight_var41240 > .sectionInner {max-height:320px;overflow:hidden}

/*@wCssFragment{class:elementSectionInnerHeight;variant:80;livepreview:yes;caption:Fensterhöhe;caption-en:Viewport height}*/
.elementSectionInnerHeight_var80                 {-w-add-classes:section;height:100vh;box-sizing:border-box;background-size:cover}
.elementSectionInnerHeight_var80 > .sectionInner {height:100%}
.elementSectionInnerHeight_var80 > video {position:absolute;width:auto;height:auto;min-width:100%;min-height:100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}

/*@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;usertypes:admin;livepreview:yes;caption:Individuell;caption-en:Default}*/
.elementSection_var111                           {-w-editmaskExtended-target:no;-w-editmaskExtended-link:no;-w-editmaskExtended-anchor:yes;-w-editmaskExtended-mouseoverimage:yes;-w-editmaskExtended-backgroundvideo:yes;-w-editmaskExtended-innerheight:yes;-w-editmaskExtended-backgroundimage:yes;-w-editmaskExtended-parallaxbackground:yes;-w-editmaskExtended-title:yes;-w-editmaskExtended-ifvisible:yes;-w-editmaskExtended-innerwidth:yes;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;-w-editmaskExtended-id:yes;-w-editmaskExtended-class:yes;}

/*@wCssFragment{class:elementSection;variant:0;livepreview:yes;caption:Standard;caption-en:Default}*/
.elementSection_var0                             {-w-subvariants:padding=20,margin=20;-w-editmaskExtended-ifvisible:yes;-w-editmaskExtended-innerwidth:yes;-w-editmaskExtended-innerheight:no;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes}

/*@wCssFragment{class:elementSection;variant:20;livepreview:yes;caption:Mit Hintergrundbild;caption-en:With background image}*/
.elementSection_var20                            {-w-subvariants:margin=20,padding=20;-w-editmaskExtended-ifvisible:yes;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;-w-editmaskExtended-backgroundimage:yes;-w-editmaskExtended-parallaxbackground:yes}

/*@wCssFragment{class:elementSection;variant:30;livepreview:yes;caption:Mit Hintergrundvideo;caption-en:With background video}*/
.elementSection_var30                            {-w-subvariants:padding=20,margin=20;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-margin:yes;-w-editmaskExtended-padding:yes;-w-editmaskExtended-backgroundvideo:yes}




/* Inhaltsboxen */

/*@wCssFragment{class:elementBoxPosition;variant:0;caption:Standard;caption-en:Default;livepreview:yes}*/
.elementBoxPosition_var0 > .boxInner   {}

/*@wCssFragment{class:elementBoxPosition;variant:10;caption:Links ausgerichtet;caption-en:Align left;livepreview:yes}*/
.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;livepreview:yes}*/
.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;livepreview:yes}*/
.elementBoxPosition_var30 > .boxInner   {margin-left:auto !important;margin-right:auto !important}

/*@wCssFragment{class:elementBoxPosition;variant:40;caption:Links fließen;caption-en:Float left;livepreview:yes}*/
.elementBoxPosition_var40               {float:left !important}
.weditor .elementBoxPosition_var40      {float:none !important}

/*@wCssFragment{class:elementBoxPosition;variant:50;caption:Rechts fließen;caption-en:Float right;livepreview:yes}*/
.elementBoxPosition_var50               {float:right !important}
.weditor .elementBoxPosition_var50      {float:none !important}

/*@wCssFragment{class:elementBoxPosition;variant:220;livepreview:yes;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;livepreview:yes}*/
.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;livepreview:yes}*/
.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;livepreview:yes}*/
.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;livepreview:yes}*/
.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;livepreview:yes}*/
.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;livepreview:yes}*/
.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;livepreview:yes}*/
.elementBoxInnerWidth_var0 > .boxInner   {}

/*@wCssFragment{class:elementBoxInnerWidth;variant:60;caption:Schmal, mittig;caption-en:Narrow centered;livepreview:yes}*/
.elementBoxInnerWidth_var60 > .boxInner  {max-width:400px !important;margin:0 auto}

/*@wCssFragment{class:elementBoxInnerHeight;variant:0;caption:100%;caption-en:100%;livepreview:yes}*/
.elementBoxInnerHeight_var0              {height:100%}

/*@wCssFragment{class:elementBoxBorder;variant:0;caption:Ohne Rahmen;caption-en:Without frame;livepreview:yes}*/
.elementBoxBorder_var0                   {border:none;outline:none;box-shadow:none}

/*@wCssFragment{class:elementBoxBorder;variant:10;caption:Mit Rahmen;caption-en:With frame;livepreview:yes}*/
.elementBoxBorder_var10                  {border:solid 1px $borderColorLines;outline:none;box-shadow:none}

/*@wCssFragment{class:elementBoxBorder;variant:15;caption:Mit Schatten;caption-en:With shadow;livepreview:yes}*/
.elementBoxBorder_var15                  {border:solid 1px $borderColorLines;outline:none;box-shadow:1px 3px 5px rgba(0, 0, 0, 0.5)}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:0;caption:Neutral;caption-en:Neutral;preview-color:$backgroundColorBoxBlank;livepreview:yes}*/
.elementBoxBackgroundColor_var0          {background-color:$backgroundColorBoxBlank !important}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:5;caption:Neutral auf dunklem Hintergrund;caption-en:Neutral on dark background;preview-color:$backgroundColorBoxBlank;livepreview:yes}*/
.elementBoxBackgroundColor_var5         {background-color:$backgroundColorBoxBlank !important}

.elementBoxBackgroundColor_var5 h1, .elementBoxBackgroundColor_var5 .h1Editor {color:$fontColorHeadlineInverse}
.elementBoxBackgroundColor_var5 h2, .elementBoxBackgroundColor_var5 .h2Editor {color:$fontColorSublineInverse}
.elementBoxBackgroundColor_var5 h3, .elementBoxBackgroundColor_var5 .h3Editor {color:$fontColorSublineInverse}
.elementBoxBackgroundColor_var5 h4, .elementBoxBackgroundColor_var5 .h4Editor {color:$fontColorSublineInverse}

.elementBoxBackgroundColor_var5 p,
.elementBoxBackgroundColor_var5 a,
.elementBoxBackgroundColor_var5 li      {color:$fontColorInverse}

.elementBoxBackgroundColor_var5 .elementText,
.elementBoxBackgroundColor_var5 .elementLink {-w-jquery:jQuery(this).addClass('iconsInvers')}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:10;caption-en:White;caption:Weiß;preview-color:#ffffff;livepreview:yes}*/
.elementBoxBackgroundColor_var10          {background-color:#ffffff !important}

.elementBoxBackgroundColor_var10 h1, .elementBoxBackgroundColor_var10 .h1Editor {color:$fontColorHeadline1}
.elementBoxBackgroundColor_var10 h2, .elementBoxBackgroundColor_var10 .h2Editor {color:$fontColorHeadline2}
.elementBoxBackgroundColor_var10 h3, .elementBoxBackgroundColor_var10 .h3Editor {color:$fontColorHeadline3}
.elementBoxBackgroundColor_var10 h4, .elementBoxBackgroundColor_var10 .h4Editor {color:$fontColorHeadline4}

.elementBoxBackgroundColor_var10 p,
.elementBoxBackgroundColor_var10 a,
.elementBoxBackgroundColor_var10 li      {color:$fontColorDefault}

.elementBoxBackgroundColor_var10 .elementText,
.elementBoxBackgroundColor_var10 .elementLink {-w-jquery:jQuery(this).removeClass('iconsInvers')}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:30;caption:Hell;caption-en:Light;preview-color:$backgroundColorBoxColor1;livepreview:yes}*/
.elementBoxBackgroundColor_var30         {background-color:$backgroundColorBoxColor1 !important}

.elementBoxBackgroundColor_var30 h1, .elementBoxBackgroundColor_var30 .h1Editor {color:$fontColorHeadline1}
.elementBoxBackgroundColor_var30 h2, .elementBoxBackgroundColor_var30 .h2Editor {color:$fontColorHeadline2}
.elementBoxBackgroundColor_var30 h3, .elementBoxBackgroundColor_var30 .h3Editor {color:$fontColorHeadline3}
.elementBoxBackgroundColor_var30 h4, .elementBoxBackgroundColor_var30 .h4Editor {color:$fontColorHeadline4}

.elementBoxBackgroundColor_var30 p,
.elementBoxBackgroundColor_var30 a,
.elementBoxBackgroundColor_var30 li      {color:$fontColorDefault}

.elementBoxBackgroundColor_var30 .elementText,
.elementBoxBackgroundColor_var30 .elementLink {-w-jquery:jQuery(this).removeClass('iconsInvers')}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:50;caption:Mittel;caption-en:Medium;preview-color:$backgroundColorBoxColor2;livepreview:yes}*/
.elementBoxBackgroundColor_var50         {background-color:$backgroundColorBoxColor2 !important}

.elementBoxBackgroundColor_var50 h1, .elementBoxBackgroundColor_var50 .h1Editor {color:$fontColorHeadline1}
.elementBoxBackgroundColor_var50 h2, .elementBoxBackgroundColor_var50 .h2Editor {color:$fontColorHeadline2}
.elementBoxBackgroundColor_var50 h3, .elementBoxBackgroundColor_var50 .h3Editor {color:$fontColorHeadline3}
.elementBoxBackgroundColor_var50 h4, .elementBoxBackgroundColor_var50 .h4Editor {color:$fontColorHeadline4}

.elementBoxBackgroundColor_var50 p,
.elementBoxBackgroundColor_var50 a,
.elementBoxBackgroundColor_var50 li      {color:$fontColorDefault}

.elementBoxBackgroundColor_var50 .elementText,
.elementBoxBackgroundColor_var50 .elementLink {-w-jquery:jQuery(this).removeClass('iconsInvers')}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:60;caption:Dunkel;caption-en:Dark;preview-color:$backgroundColorBoxColor3;livepreview:yes}*/
.elementBoxBackgroundColor_var60         {background-color:$backgroundColorBoxColor3 !important}

.elementBoxBackgroundColor_var60 h1, .elementBoxBackgroundColor_var60 .h1Editor {color:$fontColorHeadlineInverse}
.elementBoxBackgroundColor_var60 h2, .elementBoxBackgroundColor_var60 .h2Editor {color:$fontColorSublineInverse}
.elementBoxBackgroundColor_var60 h3, .elementBoxBackgroundColor_var60 .h3Editor {color:$fontColorSublineInverse}
.elementBoxBackgroundColor_var60 h4, .elementBoxBackgroundColor_var60 .h4Editor {color:$fontColorSublineInverse}

.elementBoxBackgroundColor_var60 p,
.elementBoxBackgroundColor_var60 a,
.elementBoxBackgroundColor_var60 li      {color:$fontColorInverse}

.elementBoxBackgroundColor_var60 .elementText,
.elementBoxBackgroundColor_var60 .elementLink {-w-jquery:jQuery(this).addClass('iconsInvers')}

/*@wCssFragment{class:elementBoxBackgroundColor;variant:90;caption:Schwarz;caption-en:Black;preview-color:$backgroundColorBoxColor4;livepreview:yes}*/
.elementBoxBackgroundColor_var90         {background-color:$backgroundColorBoxColor4 !important}

.elementBoxBackgroundColor_var90 h1, .elementBoxBackgroundColor_var90 .h1Editor {color:$fontColorHeadlineInverse}
.elementBoxBackgroundColor_var90 h2, .elementBoxBackgroundColor_var90 .h2Editor {color:$fontColorSublineInverse}
.elementBoxBackgroundColor_var90 h3, .elementBoxBackgroundColor_var90 .h3Editor {color:$fontColorSublineInverse}
.elementBoxBackgroundColor_var90 h4, .elementBoxBackgroundColor_var90 .h4Editor {color:$fontColorSublineInverse}

.elementBoxBackgroundColor_var90 p,
.elementBoxBackgroundColor_var90 a,
.elementBoxBackgroundColor_var90 li      {color:$fontColorInverse}

.elementBoxBackgroundColor_var90 .elementText,
.elementBoxBackgroundColor_var90 .elementLink {-w-jquery:jQuery(this).addClass('iconsInvers')}

/*@wCssFragment{class:elementBoxPadding;variant:0;caption:Keinen Innenabstand;caption-en:No padding;livepreview:yes}*/
.elementBoxPadding_var0                  {box-sizing:border-box;-moz-box-sizing:border-box;padding:0 !important}

/*@wCssFragment{class:elementBoxPadding;variant:20;caption:Innenabstand;caption-en:Padding;livepreview:yes}*/
.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;livepreview:yes}*/
.elementBoxPadding_var40                 {box-sizing:border-box;-moz-box-sizing:border-box;padding:40px !important}

/*@wCssFragment{class:elementBoxPadding;variant:50;caption:Mittig;caption-en:Centered;livepreview:yes}*/
.elementBoxPadding_var50                 {display:table;margin:0 auto}
.elementBoxPadding_var50 > .boxInner     {display:table-cell;vertical-align:middle}

/*@wCssFragment{class:elementBoxMargin;variant:0;caption:Keinen Abstand unter der Inhaltsbox;caption-en:No margin;livepreview:yes}*/
.elementBoxMargin_var0                   {margin:0 !important}

/*@wCssFragment{class:elementBoxMargin;variant:20;caption:Abstand unter dem Bereich;caption-en:Margin bottom;livepreview:yes}*/
.elementBoxMargin_var20                  {margin-bottom:20px !important;}

/*@wCssFragment{class:elementBoxMargin;variant:210;caption-en:Margin right;caption:Abstand rechts neben Element;livepreview:yes}*/
.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:elementBoxParallaxContent;variant:0;caption:Ohne Parallax Effekt;caption-en:No effect}*/
.elementBoxParallaxContent_var0       {}

/*@wCssFragment{class:elementBoxParallaxContent;variant:10;caption:Mit Parallax Effekt nach unten;caption-en:With parallax to bottom}*/
.elementBoxParallaxContent_var10            {-w-add-classes:wglParallaxContent;-w-add-data:parallaxcontentdirection=bottom}

/*@wCssFragment{class:elementBoxParallaxContent;variant:20;caption:Mit Parallax Effekt nach oben;caption-en:With parallax to top}*/
.elementBoxParallaxContent_var20            {-w-add-classes:wglParallaxContent;-w-add-data:parallaxcontentdirection=top}

/*@wCssFragment{class:elementBoxParallaxContentSpeed;variant:10;caption:Schnell;caption-en:Fast}*/
.elementBoxParallaxContentSpeed_var10       {-w-add-data:parallaxcontentspeed=2}

/*@wCssFragment{class:elementBoxParallaxContentSpeed;variant:0;caption:Normal;caption-en:Default}*/
.elementBoxParallaxContentSpeed_var0        {-w-add-data:parallaxcontentspeed=1}

/*@wCssFragment{class:elementBoxParallaxContentSpeed;variant:50;caption:Langsam;caption-en:Slow}*/
.elementBoxParallaxContentSpeed_var50       {-w-add-data:parallaxcontentspeed=0.5}

/*@wCssFragment{class:elementBoxParallaxContentSpeed;variant:90;caption:Sehr langsam;caption-en:Very slow}*/
.elementBoxParallaxContentSpeed_var90       {-w-add-data:parallaxcontentspeed=0.1}

/*@wCssFragment{class:elementBoxHover;variant:0;caption:Kein Effekt;caption-en:No effect}*/
.elementBoxHover_var0 > .boxInner              {}

/*@wCssFragment{class:elementBoxHover;variant:10;caption:Vergrößern;caption-en:Zoom}*/
.elementBoxHover_var10             {transition:all 0.3s linear}
.elementBoxHover_var10:hover       {transform:scale(1.1)}

/*@wCssFragment{class:elementBoxIfVisible;variant:0;caption:Kein Effekt;caption-en:No effect}*/
.elementBoxIfVisible_var0  {}

/*@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}
.elementBox {background-size:cover}
.elementBox > .boxInner {background-size:cover}
.elementBox > .boxInner[data-hasmouseoverimage="1"]:hover {background-image:none !important}

/*@wCssFragment{class:elementBox;variant:111;usertypes:admin;caption-en:Individual;caption:Individuell;caption:Individuell;livepreview:yes}*/
.elementBox_var111              {-w-use-orig-backgroundimage:yes;-w-editmaskExtended-parallaxcontent:yes;-w-editmaskExtended-backgroundcolorpicker:no;-w-editmaskExtended-backgroundcolor:yes;-w-editmaskExtended-hover:yes;-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-class:yes;-w-editmaskExtended-id:yes;}

/*@wCssFragment{class:elementBox;variant:0;caption:Hervorgehoben;caption-en:Highlighted;livepreview:yes}*/
.elementBox_var0                {-w-subvariants:backgroundColor=30,padding=20,innerHeight=0;-w-editmaskExtended-target:no;-w-editmaskExtended-link:no;-w-editmaskExtended-mouseoverimage:no;-w-editmaskExtended-backgroundvideo:no;-w-editmaskExtended-backgroundimage:no;-w-editmaskExtended-class:no;-w-editmaskExtended-id:no;-w-editmaskExtended-ifvisible:no;-w-editmaskExtended-hover:no;-w-editmaskExtended-parallaxbackground:no;-w-editmaskExtended-margin:no;-w-editmaskExtended-padding:no;-w-editmaskExtended-backgroundcolor:no;-w-editmaskExtended-border:no;-w-editmaskExtended-innerheight:no;-w-editmaskExtended-innerwidth:no;-w-editmaskExtended-position:no;-w-editmaskExtended-backgroundcolorpicker:no;-w-editmaskExtended-parallaxcontentdirection:no;-w-editmaskExtended-parallaxbackgroundspeed:no;-w-editmaskExtended-parallaxbackgrounddirection:no;}

/*@wCssFragment{class:elementBox;variant:1;caption:Eingerahmt;caption-en:Framed;livepreview:yes}*/
.elementBox_var1                {-w-subvariants:border=10,padding=20,innerHeight=0;-w-editmaskExtended-target:no;-w-editmaskExtended-link:no;-w-editmaskExtended-mouseoverimage:no;-w-editmaskExtended-backgroundvideo:no;-w-editmaskExtended-backgroundimage:no;-w-editmaskExtended-class:no;-w-editmaskExtended-id:no;-w-editmaskExtended-ifvisible:no;-w-editmaskExtended-hover:no;-w-editmaskExtended-parallaxbackground:no;-w-editmaskExtended-margin:no;-w-editmaskExtended-padding:no;-w-editmaskExtended-backgroundcolor:no;-w-editmaskExtended-border:no;-w-editmaskExtended-innerheight:no;-w-editmaskExtended-innerwidth:no;-w-editmaskExtended-position:no;-w-editmaskExtended-backgroundcolorpicker:no;-w-editmaskExtended-parallaxcontentdirection:no;-w-editmaskExtended-parallaxbackgroundspeed:no;-w-editmaskExtended-parallaxbackgrounddirection:no;}

/*@wCssFragment{class:elementBox;variant:10;livepreview:yes;caption:Neutral;caption-en:Neutral}*/
.elementBox_var10               {-w-subvariants:padding=20,innerHeight=0;-w-editmaskExtended-target:no;-w-editmaskExtended-link:no;-w-editmaskExtended-mouseoverimage:no;-w-editmaskExtended-backgroundvideo:no;-w-editmaskExtended-backgroundimage:no;-w-editmaskExtended-class:no;-w-editmaskExtended-id:no;-w-editmaskExtended-ifvisible:no;-w-editmaskExtended-hover:no;-w-editmaskExtended-parallaxbackground:no;-w-editmaskExtended-margin:no;-w-editmaskExtended-padding:no;-w-editmaskExtended-backgroundcolor:no;-w-editmaskExtended-border:no;-w-editmaskExtended-innerheight:no;-w-editmaskExtended-innerwidth:no;-w-editmaskExtended-position:no;-w-editmaskExtended-backgroundcolorpicker:no;-w-editmaskExtended-parallaxcontentdirection:no;-w-editmaskExtended-parallaxbackgroundspeed:no;-w-editmaskExtended-parallaxbackgrounddirection:no;}



.elementForm table              {width:400px}
.elementForm td                 {padding:4px 0 0 0}
.elementForm .rowText           {}
.elementForm .formButtons       {clear:left;text-align:right}
.elementForm .formButtons button:last-child {margin-left:4px}
.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}

.elementInfo ul                 {margin:0 0 10px 0;padding:0 0 0 24px;display:inline-block;list-style:none}
.elementInfo ul > li            {padding-left:0px}
.elementInfo ul > li:before     {content:'';display:block;position:absolute;margin:1px 2px 0 -24px;width:16px;height:16px;vertical-align:top;background-image:url("$wGlobalProjectPath/wGlobal/layout/images/icons/list-style-image.svg?stroke=$colorLinkIcon");background-position:0 0;background-repeat:no-repeat}


/* Layout-Container */

.elementContainerLayout > *:last-child              {margin-bottom:0}

/*@wCssFragment{class:elementContainerLayout;variant:0;caption:Keine Formatierung;caption-en:Blank}*/
.elementContainerLayout_var0                        {}

/*@wCssFragment{class:elementContainerLayout;variant:1;caption:Halbe Breite links ausgerichtet;caption-en:Half width align left}*/
.elementContainerLayout_var1                        {width:50%;float:left;height:100%}

@media only screen and (max-width: 1024px){
  .elementContainerLayout_var1                        {width:75%}
}

@media only screen and (max-width: 768px){
  .elementContainerLayout_var1                        {width:auto}
}

/*@wCssFragment{class:elementContainerLayout;variant:2;caption:Halbe Breite rechts ausgerichtet;caption-en:Half width align right}*/
.elementContainerLayout_var2                        {width:50%;float:right;height:100%}

@media only screen and (max-width: 1024px){
  .elementContainerLayout_var2                        {width:75%}
}

@media only screen and (max-width: 768px){
  .elementContainerLayout_var2                        {width:auto}
}

/*@wCssFragment{class:elementContainerLayout;variant:3;caption:Breite des Kopfbereichs;caption-en:Width of header}*/
.elementContainerLayout_var3                        {max-width:$widthBlockTop;margin:0 auto;}

/*@wCssFragment{class:elementContainerLayout;variant:4;caption:Halbe Breite zentriert;caption-en:Half width centered}*/
.elementContainerLayout_var4                        {width:50%;margin:0 auto;}

@media only screen and (max-width: 1024px){
  .elementContainerLayout_var4                        {width:75%}
}

@media only screen and (max-width: 768px){
  .elementContainerLayout_var4                        {width:auto}
}

/*@wCssFragment{class:elementContainerLayout;variant:11;caption:Links ausgerichtet;caption-en:Align left}*/
.elementContainerLayout_var11                        {float:left;height:100%}

/*@wCssFragment{class:elementContainerLayout;variant:12;caption:Rechts ausgerichtet;caption-en:Align right}*/
.elementContainerLayout_var12                        {float:right;height:100%}

/*@wCssFragment{class:elementContainerLayout;variant:20;caption:Bleibt beim Scrollen oben kleben;caption-en:Half width centered}*/
.elementContainerLayout_var20                        {-w-add-classes:wglKeepInsideTopOnScroll}

/*@wCssFragment{class:elementContainerLayout;variant:30;caption:Absolut positioniert, oben;caption-en:Position absolute, top}*/
.elementContainerLayout_var30                        {position:absolute;top:0}

/*@wCssFragment{class:elementContainerLayout;variant:31;caption:Absolut positioniert, unten;caption-en:Position absolute, bottom}*/
.elementContainerLayout_var31                        {position:absolute;bottom:0}
.weditor .elementContainerLayout_var31               {position:static;}

/*@wCssFragment{class:elementContainerLayout;variant:50;caption:Neutral mit ID versehbar;caption-en:Width ID}*/
.elementContainerLayout_var50                        {-w-editmaskExtended-id:yes;}

/*@wCssFragment{class:elementContainerLayout;variant:51;caption:Neutral mit beliebiger CSS-Klasse versehbar;caption-en:Width css class}*/
.elementContainerLayout_var51                        {-w-editmaskExtended-class:yes;}

/*@wCssFragment{class:elementContainerLayout;variant:52;caption:Neutral mit auswählbarer CSS-Klasse;caption-en:Width selectable css class}*/
.elementContainerLayout_var52                        {-w-editmaskExtended-classes:classA(rot)|classB(blau)|classC(gelb);}
.elementContainerLayout_var52.classA                 {background-color:red;padding:20px}
.elementContainerLayout_var52.classB                 {background-color:blue;padding:20px}
.elementContainerLayout_var52.classC                 {background-color:yellow;padding:20px}

/*@wCssFragment{class:elementContainerLayout;variant:60;caption:Abstand;caption-en:Margin}*/
.elementContainerLayout_var60                        {margin:20px}

/*@wCssFragment{class:elementContainerLayout;variant:70;caption:Vertikal zentriert;caption-en:Vertically centered}*/
.elementContainerLayout_var70                        {position:relative;top:50%;transform:translateY(-50%);}
.weditor .elementContainerLayout_var70               {top:auto;transform:none}




/* Tab-Container mit Registerlaschen */

/*@wCssFragment{class:elementTabContainer;variant:0;livepreview:no;caption:Standard;caption-en:Default}*/
.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 > div                                     {}
.elementTabContainer_var0 .tabs > .tab                                    {float:left;cursor:pointer;list-style:none;font-size:13px;line-height:36px;margin:0 0 -1px 0;padding:0 16px 0 16px;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:default;list-style:none;font-size:13px;line-height:36px;margin:0 0 -1px 0;padding:0 16px 0 16px;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:16px;background-color:#ffffff;border:solid 1px $borderColorLines}
.elementTabContainer_var0 .containers > div                               {transition:opacity 0.3s ease}
.elementTabContainer_var0 .containers > .containerSelected                {display:block;opacity:0}
.elementTabContainer_var0 .containers > .containerSelectedAfterInit       {opacity:1}
.elementTabContainer_var0 .containers > .containerSelected > *:last-child {margin-bottom:0}
.elementTabContainer_var0 .containers > .containerInvisible               {display:none}
.elementTabContainer_var0 .containers > .containerInvisibleAfterInit      {opacity:1}




/* Akkordeon-Container */

@media print{
  .elementAccordion .accordionOpenerCloser         {display:none}
}

.viewmode-print .elementAccordion .accordionOpenerCloser         {display:none}

/*@wCssFragment{class:elementAccordion;variant:0;livepreview:no;caption:Standard;caption-en:Default}*/
.elementAccordion_var0                                                         {}
.elementAccordion_var0 .accordionHeader                                        {user-select:none;cursor:pointer;border-bottom:solid 1px $borderColorLines;background-image:none;border-radius:0;padding:10px 16px;margin:1px 0 0 0;position:relative}
.elementAccordion_var0 .accordionHeader:last-of-type                           {border-bottom:none}
.elementAccordion_var0 .accordionHeader > a                                    {font-weight:normal;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:#aaaaaa;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:#aaaaaa;transform:rotate(-40deg)}
.elementAccordion_var0 .accordionHeader:hover > .accordionHeaderOpener:before,
.elementAccordion_var0 .accordionHeader:hover > .accordionHeaderOpener:after   {transition:all 0.2s ease-in-out;background-color:#666666}
.elementAccordion_var0 .accordionHeaderVisible > .accordionHeaderOpener:before {transform:rotate(-40deg)}
.elementAccordion_var0 .accordionHeaderVisible > .accordionHeaderOpener:after  {transform:rotate(40deg)}
.elementAccordion_var0 .accordionContent                                       {overflow:hidden;padding:17px;background-color:#ffffff;border-bottom:solid 1px $borderColorLines}
.elementAccordion_var0 .accordionContent:last-of-type                          {border-top:solid 1px $borderColorLines;border-bottom:none}
.elementAccordion_var0 .accordionContent > *:first-child                       {margin-top:0px}
.elementAccordion_var0 .accordionContent > *:last-child                        {margin-bottom:0px;}
.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}









.elementLink                    {margin-bottom:20px}
.elementLink + .elementLink     {margin-top:-12px}
.elementLink a                  {display:inline-block;background-position:left 3px;}

.elementLink .infoDownloadSize  {color:#999999}

/*@wCssFragment{class:elementLinkPosition;variant:0;caption:Standard;caption-en:Default;livepreview:yes}*/
.elementLinkPosition_var0 > a   {}

/*@wCssFragment{class:elementLinkPosition;variant:10;caption:Links ausgerichtet;caption-en:Align left;livepreview:yes}*/
.elementLinkPosition_var10 > a   {float:left !important}

/*@wCssFragment{class:elementLinkPosition;variant:20;caption:Rechts ausgerichtet;caption-en:Align right;livepreview:yes}*/
.elementLinkPosition_var20 > a   {float:right !important}

/*@wCssFragment{class:elementLinkPosition;variant:30;caption:Zentriert;caption-en:Centered;livepreview:yes}*/
.elementLinkPosition_var30 > a   {display:table;margin-left:auto !important;margin-right:auto !important}

/*@wCssFragment{class:elementLink;variant:0;caption:Standard;caption-en:Default;livepreview:yes}*/
.elementLink_var0                  {-w-subvariants:position=0;-w-editmaskExtended-position:yes;}

/*@wCssFragment{class:elementLink;variant:1;caption:Nur Text (nicht unterstrichen);caption-en:Without text decoration;livepreview:yes}*/
.elementLink_var1                  {-w-editmaskExtended-position:yes;}
.elementLink_var1 a                {text-decoration:none}



/*@wCssFragment{class:elementLink;variant:10;caption:Schaltfläche;caption-en:Button;livepreview:yes}*/
.elementLink_var10                 {-w-editmaskExtended-position:yes;-w-jquery:jQuery(this).addClass('iconsInvers');overflow:hidden;}
.elementLink_var10 > a             {padding:8px 24px;border-radius:5px;background-color:$backgroundColorButtons;border:solid 2px $backgroundColorButtons;color:#ffffff;text-decoration:none;font-size:16px;white-space:nowrap}
.elementLink_var10 > a:before      {transform:scale(1.2);margin-right:8px}

/*@wCssFragment{class:elementLink;variant:11;caption:Schaltfläche weiß;caption-en:Button white;livepreview:yes}*/
.elementLink_var11                 {-w-editmaskExtended-position:yes;overflow:hidden;}
.elementLink_var11 > a             {padding:8px 24px;border-radius:5px;background-color:#ffffff;color:#000000;text-decoration:none;font-size:16px;white-space:nowrap}
.elementLink_var11 > a:before      {transform:scale(1.2);margin-right:8px}

/*@wCssFragment{class:elementLink;variant:50;caption:Schaltfläche transparent;caption-en:Button transparent;livepreview:yes}*/
.elementLink_var50                 {-w-editmaskExtended-position:yes;overflow:hidden;}
.elementLink_var50 > a             {padding:7px 24px;border-radius:5px;border:solid 1px $borderColorButtonsGhost;color:$borderColorButtonsGhost;text-decoration:none;font-size:16px;white-space:nowrap}
.elementLink_var50 > a:before      {transform:scale(1.2);margin-right:8px}

/*@wCssFragment{class:elementLink;variant:51;caption:Schaltfläche weiß transparent;caption-en:Button white transparent;livepreview:yes}*/
.elementLink_var51                 {-w-editmaskExtended-position:yes;-w-jquery:jQuery(this).addClass('iconsInvers');overflow:hidden;}
.elementLink_var51 > a             {padding:7px 24px;border-radius:5px;border:solid 1px #ffffff;color:#ffffff;text-decoration:none;font-size:16px;white-space:nowrap}
.elementLink_var51 > a:before      {transform:scale(1.2);margin-right:8px}


/* Social Buttons */

.elementSocialButton                        {position:relative;margin:0 10px 10px 0;width:72px;height:72px;float:left;}
.elementSocialButton:last-of-type             {margin-right:0}

.elementSocialButton .socialIcon            {position:absolute;width:100%;height:100%;background-image:url("/kickbusch-wGlobal/wGlobal/layout/images/social-icons/social-icons.svg?fill=#ffffff");background-size:1000%;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:#BD081C}
.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:11.11% 0;}
.elementSocialButtonTypeGoogle .socialIcon     {background-position:22.22% 0;}
.elementSocialButtonTypePinterest .socialIcon  {background-position:33.33% 0;}
.elementSocialButtonTypeRSS .socialIcon        {background-position:44.44% 0;}
.elementSocialButtonTypeMail .socialIcon       {background-position:55.55% 0;}
.elementSocialButtonTypeInstagram .socialIcon  {background-position:0 11.11%;}
.elementSocialButtonTypeYoutube .socialIcon    {background-position:11.11% 11.11%;}
.elementSocialButtonTypeLinkedIn .socialIcon   {background-position:22.22% 11.11%;}
.elementSocialButtonTypeTumblr .socialIcon     {background-position:33.33% 11.11%;}
.elementSocialButtonTypeXing .socialIcon       {background-position:44.44% 11.11%;}
.elementSocialButtonTypeTel .socialIcon        {background-position:55.55% 11.11%;}

/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:0;livepreview:yes;caption:Eckig;caption-en:square}*/
.elementSocialButtonBorderRadius_var0   {border-radius:0}

/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:25;livepreview:yes;caption:Leicht abgerundet;caption-en:small radius}*/
.elementSocialButtonBorderRadius_var25  {border-radius:5%}

/*@wCssFragment{class:elementSocialButtonBorderRadius;variant:100;livepreview:yes;caption:Rund;caption-en:round}*/
.elementSocialButtonBorderRadius_var100 {border-radius:50%}

/*@wCssFragment{class:elementSocialButtonFloat;variant:50;livepreview:yes;caption:Untereinander;caption-en:with linebreak}*/
.elementSocialButtonFloat_var50  {float:none;clear:both}

/*@wCssFragment{class:elementSocialButtonFloat;variant:25;livepreview:yes;caption:Links fließend;caption-en:float left}*/
.elementSocialButtonFloat_var25  {float:left;margin-bottom:0}

/*@wCssFragment{class:elementSocialButtonFloat;variant:75;livepreview:yes;caption:Rechts fließend;caption-en:float right}*/
.elementSocialButtonFloat_var75  {float:right;margin-bottom:0}

/*@wCssFragment{class:elementSocialButtonSize;variant:24;livepreview:yes;caption:Klein;caption-en:Small}*/
.elementSocialButtonSize_var24  {width:24px;height:24px}

/*@wCssFragment{class:elementSocialButtonSize;variant:36;livepreview:yes;caption:Mittel;caption-en:Medium}*/
.elementSocialButtonSize_var36  {width:36px;height:36px}

/*@wCssFragment{class:elementSocialButtonSize;variant:50;livepreview:yes;caption:Groß;caption-en:Large}*/
.elementSocialButtonSize_var50  {width:72px;height:72px}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:0;livepreview:yes;caption:Automatisch;caption-en:auto}*/
.elementSocialButtonBackgroundColor_var0  {}

/*@wCssFragment{class:elementSocialButtonBackgroundColor;variant:99;livepreview:yes;caption:Transparent;caption-en:transparency}*/
.elementSocialButtonBackgroundColor_var99  {background-color:transparent}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:0;livepreview:yes;caption:Kein Effekt;caption-en:No effect}*/
.elementSocialButtonBackgroundGradient_var0   {}

/*@wCssFragment{class:elementSocialButtonBackgroundGradient;variant:10;livepreview:yes;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:elementSocialButtonShadow;variant:0;livepreview:yes;caption:Kein Schatten;caption-en:No shadow}*/
.elementSocialButtonShadow_var0   {}

/*@wCssFragment{class:elementSocialButtonShadow;variant:11;livepreview:yes;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:elementSocialButtonMargin;variant:0;selectable:yes;livepreview:yes;caption:Mit Abstand;caption-en:With Margin}*/
.elementSocialButtonMargin_var0   {margin:0 10px 10px 0;}

/*@wCssFragment{class:elementSocialButtonMargin;variant:10;livepreview:yes;caption:Ohne Abstand;caption-en:Without margin}*/
.elementSocialButtonMargin_var10  {margin:0}

/*@wCssFragment{class:elementSocialButton;variant:0;livepreview:yes;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%}






/* 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}
.listSearchResult                          {list-style:none;margin:0 0 10px 0;padding:0}
.listFull                                  {}

.listEntryClickable,
.listEntryInnerClickable                   {-w-add-classes:listEntryClickableJS}

.listEntryClickableJS                      {cursor:pointer}
.listEntryClickableJS:hover                {background-color:#f0f0f0}

.listDefault dt                            {margin:0 0 4px 0}
.listDefault dd                            {color:$fontColorSubline;margin:0 0 8px 8px}
.listDefault .listEntry                    {overflow:visible;position:relative;padding:10px 0 10px 0;margin:0 0 0 0;border-bottom:solid 1px $borderColorLines}
.listDefault .listEntry:after              {content:'';display:block;clear:both;width:100%;height:0px}
.listDefault .listEntryTitle               {color:$fontColorListTitle;margin:0 0 8px 0;font-weight:normal;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}

.pageNaviList                              {clear:both;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:none 1px $borderColorLines;margin:0 4px 0 4px;padding:1px 8px 1px 8px}
.pageNaviList .pageNaviLink                {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:none 1px $borderColorLines;margin:0 4px 0 4px;padding:1px 8px 1px 8px}
.pageNaviList .pageNaviCurrent             {background-color:$backgroundColorFunctionsActive;color:$fontColorFunctionsActive;border:solid 1px $borderColorLines;margin:0 4px 0 4px;padding:1px 8px 1px 8px;font-weight:bold}
.pageNaviList .pageNaviNextLink            {background-color:$backgroundColorFunctions;color:$fontColorFunctions;border:none 1px $borderColorLines;margin:0 4px 0 4px;padding:1px 8px 1px 8px}



/* 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;margin-bottom:0 !important}
.listDefaultCols_var1 .listEntryQuickfilterInvisible > div {padding:0 !important;border:none !important;outline:none !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}
.listDefaultCols_var2 .listEntryQuickfilterInvisible > div {padding:0 !important;border:none !important;outline:none !important}

@media only screen and (max-width: 400px){
  .listDefaultCols_var2 .listEntry                   {width:100%}
}

/*@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}
.listDefaultCols_var3 .listEntryQuickfilterInvisible > div {padding:0 !important;border:none !important;outline:none !important}

@media only screen and (max-width: 540px){
  .listDefaultCols_var3 .listEntry                   {width:50%}
}

@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}
.listDefaultCols_var4 .listEntryQuickfilterInvisible > div {padding:0 !important;border:none !important;outline:none !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:listDefaultCols;variant:22;caption:Zweispaltig - Spaltenlayout;caption-en:Two columns masonry}*/
.listDefaultCols_var22                                                 {display:inline-block;margin-right:0;border:none;-moz-column-count:2;-moz-column-gap:0;-moz-column-width:50%;-webkit-column-count:2;-webkit-column-gap:0;-webkit-column-width:50%;column-count:2;column-gap:0;column-width:50%}
.listDefaultCols_var22 .listEntry                                      {display:inline-block;overflow:visible}
.listDefaultCols_var22 .listEntryQuickfilterVisible   .listEntryInner  {transition:all 0.2s ease-in-out;transform:scale(1)}
.listDefaultCols_var22 .listEntryQuickfilterInvisible .listEntryInner  {transform:scale(0.8);height:0;padding:0;border:none}
.listDefaultCols_var22 .listEntryQuickfilterChanged   .listEntryInner  {transition:all 0s ease-in-out;transform:scale(0.8);height:0}
.listDefaultCols_var22 .listEntryQuickfilterVisible                    {transition:all 0.3s linear;opacity:1}
.listDefaultCols_var22 .listEntryQuickfilterInvisible                  {display:none;opacity:0}
.listDefaultCols_var22 .listEntryQuickfilterChanged                    {transition:all 0s linear;opacity:0}

@media only screen and (max-width: 400px){
  .listDefaultCols_var22                                               {margin-right:0;border:none;-moz-column-count:1;-moz-column-gap:0;-moz-column-width:100%;-webkit-column-count:1;-webkit-column-gap:0;-webkit-column-width:100%;column-count:1;column-gap:0;column-width:100%}
}

/*@wCssFragment{class:listDefaultCols;variant:23;caption:Dreispaltig - Spaltenlayout;caption-en:Three columns masonry}*/
.listDefaultCols_var23                                                 {display:inline-block;margin-right:0;border:none;-moz-column-count:3;-moz-column-gap:0;-moz-column-width:33.333%;-webkit-column-count:3;-webkit-column-gap:0;-webkit-column-width:33.333%;column-count:3;column-gap:0;column-width:33.333%}
.listDefaultCols_var23 .listEntry                                      {display:inline-block;overflow:visible}
.listDefaultCols_var23 .listEntryQuickfilterVisible   .listEntryInner  {transition:all 0.2s ease-in-out;transform:scale(1)}
.listDefaultCols_var23 .listEntryQuickfilterInvisible .listEntryInner  {transform:scale(0.8);height:0;padding:0;border:none}
.listDefaultCols_var23 .listEntryQuickfilterChanged   .listEntryInner  {transition:all 0s ease-in-out;transform:scale(0.8);height:0}
.listDefaultCols_var23 .listEntryQuickfilterVisible                    {transition:all 0.3s linear;opacity:1}
.listDefaultCols_var23 .listEntryQuickfilterInvisible                  {display:none;opacity:0}
.listDefaultCols_var23 .listEntryQuickfilterChanged                    {transition:all 0s linear;opacity:0}

@media only screen and (max-width: 540px){
  .listDefaultCols_var23                                               {margin-right:0;border:none;-moz-column-count:2;-moz-column-gap:0;-moz-column-width:50%;-webkit-column-count:2;-webkit-column-gap:0;-webkit-column-width:50%;column-count:2;column-gap:0;column-width:50%}
}

@media only screen and (max-width: 400px){
  .listDefaultCols_var23                                               {margin-right:0;border:none;-moz-column-count:1;-moz-column-gap:0;-moz-column-width:100%;-webkit-column-count:1;-webkit-column-gap:0;-webkit-column-width:100%;column-count:1;column-gap:0;column-width:100%}
}

/*@wCssFragment{class:listDefaultCols;variant:24;caption:Vierspaltig - Spaltenlayout;caption-en:Four columns masonry}*/
.listDefaultCols_var24                                                 {display:inline-block;margin-right:0;border:none;-moz-column-count:4;-moz-column-gap:0;-moz-column-width:25%;-webkit-column-count:4;-webkit-column-gap:0;-webkit-column-width:25%;column-count:4;column-gap:0;column-width:25%}
.listDefaultCols_var24 .listEntry                                      {display:inline-block;overflow:visible}
.listDefaultCols_var24 .listEntryQuickfilterVisible   .listEntryInner  {transition:all 0.2s ease-in-out;transform:scale(1)}
.listDefaultCols_var24 .listEntryQuickfilterInvisible .listEntryInner  {transform:scale(0.8);height:0;padding:0;border:none}
.listDefaultCols_var24 .listEntryQuickfilterChanged   .listEntryInner  {transition:all 0s ease-in-out;transform:scale(0.8);height:0}
.listDefaultCols_var24 .listEntryQuickfilterVisible                    {transition:all 0.3s linear;opacity:1}
.listDefaultCols_var24 .listEntryQuickfilterInvisible                  {display:none;opacity:0}
.listDefaultCols_var24 .listEntryQuickfilterChanged                    {transition:all 0s linear;opacity:0}

@media only screen and (max-width: 720px){
  .listDefaultCols_var4 .listEntry                                     {margin-right:0;border:none;-moz-column-count:3;-moz-column-gap:0;-moz-column-width:33.333%;-webkit-column-count:3;-webkit-column-gap:0;-webkit-column-width:33.333%;column-count:3;column-gap:0;column-width:33.333%}
}

@media only screen and (max-width: 540px){
  .listDefaultCols_var24                                               {margin-right:0;border:none;-moz-column-count:2;-moz-column-gap:0;-moz-column-width:50%;-webkit-column-count:2;-webkit-column-gap:0;-webkit-column-width:50%;column-count:2;column-gap:0;column-width:50%}
}

@media only screen and (max-width: 400px){
  .listDefaultCols_var24                                               {margin-right:0;border:none;-moz-column-count:1;-moz-column-gap:0;-moz-column-width:100%;-webkit-column-count:1;-webkit-column-gap:0;-webkit-column-width:100%;column-count:1;column-gap:0;column-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:$fontSizeListTitle;line-height:125%}

/*@wCssFragment{class:listDefaultTitle;variant:20;caption:Zentriert;caption-en:Centered}*/
.listDefaultTitle_var20 .listEntryTitle              {font-size:$fontSizeListTitle;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:$fontSizeListTitle;line-height:125%}

/*@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:$fontSizeListTitle;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            {display:block;font-size:13px;line-height:17px;-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:listDefaultDate;variant:80;caption:Als Kalender;caption-en:As calendar}*/
.listDefaultDate_var80 .listEntryDate                    {-w-dom-prependto:parent().parent().parent();-w-jquery:jQuery(this).html('<span>' + jQuery(this).html().replace(/ .*/, '') + '</span><span>' + jQuery(this).html().replace(/.* /, '').replace(/&.*/, '') + '</span>');float:left;display:block;width:80px;height:80px;background-color:#ffffff;margin:0 12px 0 0;padding:0;-w-date-format:d F;-w-date-lang:de;position:relative;}
.listDefaultDate_var80 .listEntryDate > span:first-child {display:block;text-align:center;height:56px;line-height:56px;background-color:#f0f0f0;font-size:36px}
.listDefaultDate_var80 .listEntryDate > span:last-child  {display:block;text-align:center;height:24px;line-height:24px;background-color:#30359B;color:#ffffff}

/*@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        {-w-display:none;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%;height:auto;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:3px;right:46px}
.listDefaultBorder_var10 .listEntry .beButtonDeleteRow {position:absolute;top:3px;right:22px}
.listDefaultBorder_var10 .listEntryInner:after         {content:'';display:block;clear:both;width:0px;height:0px}

/*@wCssFragment{class:listDefaultBorder;variant:15;caption-en:Default less padding;caption:Standard wenig Abstand}*/
.listDefaultBorder_var15                               {margin-right:-20px;border:none}
.listDefaultBorder_var15 .listEntry                    {border:none;margin-bottom:0px;padding:0}
.listDefaultBorder_var15 .listEntry:hover              {background:none}
.listDefaultBorder_var15 .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_var15 .listEntry .beButtonEditRow   {position:absolute;top:3px;right:46px}
.listDefaultBorder_var15 .listEntry .beButtonDeleteRow {position:absolute;top:3px;right:22px}
.listDefaultBorder_var15 .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: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 $borderColorLines}
.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 $borderColorLines}
.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: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:listDefaultBorder;variant:80;caption:Kacheln mit Innenabstand;caption-en:Tiles with padding}*/
.listDefaultBorder_var80                               {margin-right:0;border:none}
.listDefaultBorder_var80 .listEntry                    {margin:0;padding:0;border:none}
.listDefaultBorder_var80 .listEntry:hover              {background:none}
.listDefaultBorder_var80 .listEntryInner               {position:relative;overflow:hidden;height:100%;margin:0;padding:30px 20px;box-sizing:border-box;-moz-box-sizing:border-box;border:none;border-bottom:solid 20px transparent}
.listDefaultBorder_var80 .listEntry .beButtonEditRow   {position:absolute;top:14px;right:26px}
.listDefaultBorder_var80 .listEntry .beButtonDeleteRow {position:absolute;top:14px;right:2px}
.listDefaultBorder_var80 .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;padding-left:4px}

/*@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 button 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 absolut 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:$borderColorButtonsGhost;background-color:$borderColorButtonsGhost;border:solid 1px $backgroundColorButtonsGhost;border-radius:0px;}
.listDefaultLink_var26 .listEntryMoreOnly:hover  {background-color:$borderColorButtonsGhost;color:#ffffff}

/*@wCssFragment{class:listDefaultLink;variant:27;caption:Als Schaltfläche unten zentriert;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:5px 12px;color:$fontColorButtons;background-color:$backgroundColorButtons;border:solid 1px $borderColorButtons;border-radius:5px;}
.listDefaultLink_var27 .listEntryMoreOnly:hover  {background-color:$backgroundColorButtonsActive;border:solid 1px $borderColorButtonsActive}

/*@wCssFragment{class:listDefaultLink;variant:36;caption:Als transparent Schaltfläche unten links;caption-en:As button transparent bottom left}*/
.listDefaultLink_var36 .listEntryInner           {padding-bottom:48px}
.listDefaultLink_var36 .listEntryMoreOnly        {-w-display:block;display:inline-block;text-decoration:none;margin-top:10px;padding:5px 12px;color:#666666;background-color:transparent;border:solid 1px #666666;border-radius:5px;}
.listDefaultLink_var37 .listEntryMoreOnly:hover  {background-color:$borderColorButtonsGhost;color:#ffffff}

/*@wCssFragment{class:listDefaultLink;variant:37;caption:Als transparente Schaltfläche unten zentriert;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:5px 12px;color:$borderColorButtonsGhost;background-color:transparent;border:solid 1px $borderColorButtonsGhost;border-radius:5px;}
.listDefaultLink_var37 .listEntryMoreOnly:hover  {background-color:$borderColorButtonsGhost;color:#ffffff}

/*@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 1px #666666;border-radius:0px;}

/*@wCssFragment{class:listDefault;variant:0;caption:Standard;caption-en:Default}*/
.listDefault_var0                                {-w-editmaskExtended-ajax:yes;-w-editmaskExtended-thumbnail:yes;-w-subvariants:cols=1,levelHeadline=3,title=10,date=22,description=10,border=10,link=0,thumbnail=10;-w-editmaskExtended-thumbnailswidth:no;-w-editmaskExtended-levelheadline:yes;-w-editmaskExtended-categoriesquickfilter:yes}

/*@wCssFragment{class:listDefault;variant:111;caption:Individuell;caption-en:Individuell}*/
.listDefault_var111                              {-w-subvariants:cols=1,levelHeadline=3,title=10,date=22,description=10,border=10,link=0,thumbnail=10;-w-editmaskExtended-ajax:yes;-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:10000;caption-en:Liste Kickbusch NF;caption:Liste Kickbusch NF}*/

.listDefault_var10000 {-w-editmaskExtended-link:yes;-w-editmaskExtended-border:yes;-w-editmaskExtended-thumbnail:yes;-w-editmaskExtended-description:yes;-w-editmaskExtended-date:yes;-w-editmaskExtended-title:yes;-w-editmaskExtended-levelheadline:yes;-w-editmaskExtended-cols:yes;-w-subvariants:cols=1,levelHeadline=3,title=10,date=22,description=10,border=10,link=0,thumbnail=10,}



.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:$fontColorListTitle;margin:0 0 8px 0;font-size:$fontSizeListTitle;line-height:130%}
.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                                                                      {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                                                       {display:none;cursor:pointer;position:absolute;left:0;bottom:0px;width:64px;margin-right:0;height:100%;z-index:2}
.listBannerSlider_var99 .listMoverForward                                                    {display:none;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.svg?stroke=#ffffff");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.svg?stroke=#ffffff");background-repeat:no-repeat;background-position:center;background-size:50%;transition:all 0.3s linear}
.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%;position:relative;overflow:hidden;margin:0 auto}
.listBannerSlider_var99 .listEntries .listEntriesInner                                       {}
.listBannerSlider_var99 .listEntries .listEntry                                              {-w-prevent-events-ontouch:yes;-w-pause-onmouseover:yes;display:none;overflow:hidden;}
.listBannerSlider_var99 .listEntries .listEntryInner                                         {position:relative}
.listBannerSlider_var99 .listEntries .listEntrySelected                                      {display:block}
.listBannerSlider_var99 .listEntries .listEntry a                                            {text-decoration:none;color:inherit}
.listBannerSlider_var99 .listEntries .listEntryButtons                                       {position:absolute;top:26px;right:0}
.listBannerSlider_var99 .listEntries .listEntryImage                                         {display:block;-w-aspectratio:;-w-picture-mode:crop;-w-allow-enlargement:no;width:100%;height:auto;-w-quality:default}
.listBannerSlider_var99 .listEntries .listEntryVideo                                         {display:block;width:100%;height:auto}
.listBannerSlider_var99 .listEntries .listEntryInfoLayer                                     {position:absolute;bottom:40px;left:calc(50% - $widthMaxSectionInner / 2 + 40px);opacity:0;margin-left:10%;transition:all 0.8s ease}
.listBannerSlider_var99 .listEntries .listEntryInfoLayerInner                                {position:relative;overflow:hidden;max-width:980px;margin:0 auto;padding:20px;background-color:rgba(255, 255, 255, 1);}
.listBannerSlider_var99 .listEntries .listEntryInfoLayerInner:empty                          {display:none}
.listBannerSlider_var99 .listEntries .listEntrySelected .listEntryInfoLayer                  {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntrySelectedInit .listEntryInfoLayer              {margin-left:10%;opacity:0}
.listBannerSlider_var99 .listEntries .listEntrySelectedReady .listEntryInfoLayer             {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntryFadingOut .listEntryInfoLayer                 {margin-left:0;opacity:1}
.listBannerSlider_var99 .listEntries .listEntryTitle                                         {font-size:32px;line-height:125%;font-weight:bold;color:#999999;margin-bottom:12px;}
.listBannerSlider_var99 .listEntries .listEntryDescription                                   {color:#333333;line-height:125%}
.listBannerSlider_var99 .listEntries .listEntryDescription p:last-child                      {margin-bottom:0}
.listBannerSlider_var99 .listEntries .listEntryLink                                          {margin-top:10px;display:inline-block;float:right;padding:10px;font-size:17px;background-color:#c0c0c0;border-radius:5px;color:#ffffff}
.listBannerSlider_var99 .listEntries .listEntryObject-slide_var1 .listEntryInfoLayer         {left:auto;right:calc(50% - $widthMaxSectionInner / 2 + 40px);border:none}
.listBannerSlider_var99 .listEntries .listEntryObject-slide_var1 .listEntryInfoLayerInner    {background-color:transparent}
.listBannerSlider_var99 .listEntries .listEntryObject-slide_var1 .listEntryLink              {background-color:#222222;color:#ffffff;font-size:21px;line-height:27px;}
.listBannerSlider_var99 .listEntriesPreview                                                  {position:relative;overflow:hidden;margin-top:-27px}
.listBannerSlider_var99 .listEntriesPreviewInner                                             {text-align:center;padding:4px}
.listBannerSlider_var99 .listEntriesPreview .listEntry                                       {border-radius:8px;display:inline-block;zoom:1;cursor:pointer;padding:4px;margin-right:12px;width:4px;height:4px;border:solid 1px #222222;background-color:#222222}
.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                                  {-w-display:none;width:48px;height:32px;display:none;-w-picture-mode:crop;-w-quality:default}
.listBannerSlider_var99 .listEntriesPreview .listEntryTitle                                  {-w-display:none;display:none}
.listBannerSlider_var99 .listEntriesPreview .listEntryDescription                            {-w-display:none;display:none}
.listBannerSlider_var99 .listEntriesPreview .listEntryPosition                               {-w-display:none;display:none}

/*@wCssFragment{class:listBannerSlider;variant:19;caption:Überschrift, Text, vor zurück;caption-en:Text only}*/

.listBannerSlider_var19                                                                      {position:relative;-w-editmaskExtended-fadetime:yes;-w-editmaskExtended-initdelay:yes;-w-editmaskExtended-animation:yes;-w-editmaskExtended-pictureaspectratio:yes}
.listBannerSlider_var19 .listMoverBack                                                       {cursor:pointer;position:absolute;left:0;top:0;width:5%;height:100%;z-index:2;}
.listBannerSlider_var19 .listMoverForward                                                    {cursor:pointer;position:absolute;right:0;top:0px;width:5%;height:100%;z-index:2}
.listBannerSlider_var19 .listMoverBackInner                                                  {position:absolute;bottom:20px;height:30px;width:100%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center}
.listBannerSlider_var19 .listMoverForwardInner                                               {position:absolute;bottom:20px;height:30px;width:100%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center}
.listBannerSlider_var19 .listMoverBack:hover .listMoverBackInner, .listBannerSlider_var19 .listMoverForward:hover .listMoverForwardInner                       {background-color:#f0f0f0}
.listBannerSlider_var19 .listEntries                                                         {width:100%;position:relative;overflow:hidden;margin:0 auto 10px auto;}
.listBannerSlider_var19 .listEntries .listEntriesInner                                       {}
.listBannerSlider_var19 .listEntries .listEntry                                              {-w-prevent-events-ontouch:yes;display:none;overflow:hidden}
.listBannerSlider_var19 .listEntries .listEntrySelected                                      {display:block}
.listBannerSlider_var19 .listEntries .listEntryButtons                                       {position:absolute;top:2px;right:0}
.listBannerSlider_var19 .listEntries .listEntry a                                            {text-decoration:none}
.listBannerSlider_var19 .listEntries .listEntryImage                                         {display:none}
.listBannerSlider_var19 .listEntries .listEntryInfoLayer                                     {width:90%;margin:0 5%}
.listBannerSlider_var19 .listEntries .listEntryTitle                                         {padding:0 0 0 10px;font-size:19px;line-height:22px}
.listBannerSlider_var19 .listEntries .listEntryDescription                                   {padding:10px}
.listBannerSlider_var19 .listEntries .listEntryLink                                          {display:none}
.listBannerSlider_var19 .listEntriesPreview                                                  {display:none;position:relative;overflow:hidden;margin-top:-20px}
.listBannerSlider_var19 .listEntriesPreviewInner                                             {text-align:center;padding:4px}
.listBannerSlider_var19 .listEntriesPreview .listEntry                                       {border-radius:8px;display:inline-block;cursor:pointer;padding:4px;margin-right:4px;width:4px;height:4px;border:solid 1px #f0f0f0;background-color:#b0b0b0}
.listBannerSlider_var19 .listEntriesPreview .listEntrySelected                               {background-color:#ffffff;color:#000000;border-color:#c0c0c0}
.listBannerSlider_var19 .listEntriesPreview .listEntryProgress                               {}
.listBannerSlider_var19 .listEntriesPreview .listEntry:hover                                 {background-color:#f0f0f0;color:#000000;border-color:#c0c0c0}
.listBannerSlider_var19 .listEntriesPreview .listEntryInner                                  {}
.listBannerSlider_var19 .listEntriesPreview .listEntry a                                     {}
.listBannerSlider_var19 .listEntriesPreview .listEntryImage                                  {width:48px;height:32px;display:none;-w-picture-mode:crop}
.listBannerSlider_var19 .listEntriesPreview .listEntryTitle                                  {display:none}
.listBannerSlider_var19 .listEntriesPreview .listEntryDescription                            {display:none}
.listBannerSlider_var19 .listEntriesPreview .listEntryPosition                               {display:none}

/*@wCssFragment{class:listBannerSlider;variant:24;caption:Hintergrund des gesamten Inhaltsbereichs;caption-en:Background of content}*/

.listBannerSlider_var24                                                                      {-w-add-classes:parent=overflowVisible;position:relative;-w-editmaskExtended-fadetime:yes;-w-editmaskExtended-initdelay:yes;-w-editmaskExtended-animation:no;-w-background-target:#blockBeforeLeftContentRight}
.listBannerSlider_var24 .listMoverBack                                                       {display:block;cursor:pointer;position:absolute;left:-32px;top:120px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/back.gif);background-repeat:no-repeat;background-position:center}
.listBannerSlider_var24 .listMoverForward                                                    {display:block;cursor:pointer;position:absolute;right:-32px;top:120px;width:30px;height:30px;z-index:2;background-color:#ffffff;background-image:url($wGlobalProjectPath/wGlobal/layout/images/links/next.gif);background-repeat:no-repeat;background-position:center}
.listBannerSlider_var24 .listEntries                                                         {width:100%;position:relative;overflow:hidden;margin:0}
.listBannerSlider_var24 .listEntries .listEntriesInner                                       {}
.listBannerSlider_var24 .listEntries .listEntry                                              {display:none;overflow:hidden;}
.listBannerSlider_var24 .listEntries .listEntryImage                                         {display:none}
.listBannerSlider_var24 .listEntries .listEntryTitle                                         {font-size:24px;margin-bottom:20px;text-align:center}
.listBannerSlider_var24 .listEntries .listEntryDescription                                   {font-size:12px;margin-bottom:20px;text-align:center}
.listBannerSlider_var24 .listEntries .listEntryLink                                          {display:none}
.listBannerSlider_var24 .listEntriesPreview                                                  {display:none}

/*@wCssFragment{class:listBannerSlider;variant:342;caption:Zweispaltig nur Bild mit Fancybox, vor zurück und Blätternavigation darüber;caption-en:2 columns, navigation top}*/

.listBannerSlider_var342                                                                      {position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-w-initon:load;-w-editmaskExtended-fadetime:no;-w-editmaskExtended-initdelay:no;-w-editmaskExtended-animation:no;-w-editmaskExtended-animationduration:no;-w-editmaskExtended-preselectedentry:no}
.listBannerSlider_var342 .listMoverBack                                                       {cursor:pointer;float:right;opacity:0.5;width:20px;height:20px;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-32.png);background-repeat:no-repeat;background-position:center;background-size:100%}
.listBannerSlider_var342 .listMoverForward                                                    {-w-jquery:jQuery(this).insertBefore(jQuery(this).parent().find('.listMoverBack'));opacity:0.5;cursor:pointer;float:right;width:20px;height:20px;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-32.png);background-repeat:no-repeat;background-position:center;background-size:100%}
.listBannerSlider_var342 .listMoverBack:hover                                                 {opacity:0.7}
.listBannerSlider_var342 .listMoverForward:hover                                              {opacity:0.7}
.listBannerSlider_var342 .listEntries                                                         {-w-jquery:jQuery(this).appendTo(jQuery(this).parent());margin-left:-8px;clear:both;position:relative;overflow:hidden;width:calc(100% + 16px)}
.listBannerSlider_var342 .listEntries .listEntriesInner                                       {background-color:transparent;position:relative;width:10000%}
.listBannerSlider_var342 .listEntries .listEntry                                              {-w-jquery:jQuery(this).wrapInner('<a class="boxPictureOnly"></a>').find('.boxPictureOnly').attr('href', jQuery(this).find('.listEntryImage').attr('data-src')).attr('rel', jQuery(this).closest('.listEntriesInner').attr('id'));-w-clickable:no;display:block;float:left;width:0.5%;overflow:hidden;position:relative;-w-animation:scrollHorizontal !important;-w-fadetime:no !important;}
.listBannerSlider_var342 .listEntries .listEntryInner                                         {margin:0 8px 0 8px}
.listBannerSlider_var342 .listEntries .listEntryButtons                                       {position:absolute;right:6px}
.listBannerSlider_var342 .listEntries .listEntry a                                            {text-decoration:none}
.listBannerSlider_var342 .listEntries .listEntryImage                                         {-w-addsrc:yes;-w-aspectratio:;-w-picture-mode:crop;width:100%;height:auto}
.listBannerSlider_var342 .listEntries .listEntryInfoLayer                                     {display:none}
.listBannerSlider_var342 .listEntries .listEntryTitle                                         {padding:0;font-size:19px;line-height:150%}
.listBannerSlider_var342 .listEntries .listEntryDescription                                   {padding:0}
.listBannerSlider_var342 .listEntries .listEntryLink                                          {display:none}
.listBannerSlider_var342 .listEntriesPreview                                                  {-w-jquery:jQuery(this).insertBefore(jQuery(this).parent().find('.listMoverBack'));position:relative;overflow:hidden;float:right}
.listBannerSlider_var342 .listEntriesPreviewInner                                             {text-align:center;padding:3px 4px}
.listBannerSlider_var342 .listEntriesPreview .listEntry                                       {display:inline-block;cursor:pointer;padding:4px;margin-right:4px;width:4px;height:4px;border:solid 1px #b0b0b0;background-color:#b0b0b0}
.listBannerSlider_var342 .listEntriesPreview .listEntry:nth-child(2n + 2)                     {display:none}
.listBannerSlider_var342 .listEntriesPreview .listEntry:nth-last-child(1)                     {display:none}
.listBannerSlider_var342 .listEntriesPreview .listEntry:nth-last-child(2)                     {display:inline-block}
.listBannerSlider_var342 .listEntriesPreview .listEntrySelected                               {background-color:#ffffff;color:#000000;border-color:#b0b0b0}
.listBannerSlider_var342 .listEntriesPreview .listEntryProgress                               {}
.listBannerSlider_var342 .listEntriesPreview .listEntry:hover                                 {background-color:#f0f0f0;color:#000000;border-color:#b0b0b0}
.listBannerSlider_var342 .listEntriesPreview .listEntryInner                                  {}
.listBannerSlider_var342 .listEntriesPreview .listEntry a                                     {}
.listBannerSlider_var342 .listEntriesPreview .listEntryImage                                  {width:48px;height:32px;display:none;-w-picture-mode:crop}
.listBannerSlider_var342 .listEntriesPreview .listEntryTitle                                  {display:none}
.listBannerSlider_var342 .listEntriesPreview .listEntryDescription                            {display:none}
.listBannerSlider_var342 .listEntriesPreview .listEntryPosition                               {display:none}

@media only screen and (max-width: 1024px){
  ._listBannerSlider_var99 .listEntries .listEntryImage                                       {min-width:100%}
  .listBannerSlider_var99 .listEntries .listEntryInfoLayer                                   {left:3%}
  .listBannerSlider_var99 .listEntries .listEntryObject-slide_var1  .listEntryInfoLayer      {right:3%}
}

@media only screen and (max-width: 768px){
  ._listBannerSlider_var99 .listEntries .listEntryImage                                       {min-width:140%;margin-left:-20%}
  .listBannerSlider_var99 .listEntries .listEntryInfoLayer                                   {}
  .listBannerSlider_var99 .listEntries .listEntryInfoLayerInner                              {padding:12px}
  .listBannerSlider_var99 .listEntries .listEntryTitle                                       {font-size:25px;margin-bottom:8px}
  .listBannerSlider_var99 .listEntries .listEntryObject-slide_var1 .listEntryLink            {font-size:25px}
}

@media only screen and (max-width: 540px){
  ._listBannerSlider_var99 .listEntries .listEntryImage                                       {min-width:180%;margin-left:-40%}
  .listBannerSlider_var99 .listMoverBack,
  .listBannerSlider_var99 .listMoverForward                                                  {display:none}
  .listBannerSlider_var99 .listEntries .listEntryInfoLayer                                   {bottom:8px;left:3%;max-width:94%;}
  .listBannerSlider_var99 .listEntries .listEntryInfoLayerInner                              {box-sizing:border-box;padding:6px 12px;background-color:rgba(255, 255, 255, 0.9)}
  .listBannerSlider_var99 .listEntries .listEntryTitle                                       {font-size:15px;margin-bottom:4px;color:#555555}
  .listBannerSlider_var99 .listEntries .listEntryDescription                                 {font-size:12px}
  .listBannerSlider_var99 .listEntries .listEntryObject-slide_var1 .listEntryLink            {font-size:17px;left:auto;right:2%;}
  .listBannerSlider_var99 .listEntriesPreview                                                {margin-top:2px}
}

@media only screen and (max-width: 480px){
  ._listBannerSlider_var99 .listEntries .listEntryImage                                       {min-width:240%;margin-left:-60%}
  .listBannerSlider_var33 .listEntries .listEntry                                            {width:1%}
  .listBannerSlider_var33 .listEntries .listEntryTitle                                       {font-size:13px;font-weight:bold}
  .listBannerSlider_var33 .listEntries .listEntryDescription                                 {display:none}
  .listBannerSlider_var33 .listEntriesPreview .listEntry                                     {display:inline-block !important}
  .listBannerSlider_var342 .listEntries .listEntry                                            {width:1%}
  .listBannerSlider_var342 .listEntries .listEntryTitle                                       {font-size:13px;font-weight:bold}
  .listBannerSlider_var342 .listEntries .listEntryDescription                                 {display:none}
  .listBannerSlider_var342 .listEntriesPreview .listEntry                                     {display:inline-block !important}
}




/* 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.svg);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.svg);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-addsrc:no;-w-animation:fadeIn;-w-pause-onmouseover:yes;}
.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-addsrc:no;-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-showlightboxtitle:no;-w-adddescription:no;-w-addsrc: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}

@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: 480px){
  .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%}
}



/*@wCssFragment{class:listPictureGallery;variant:31;caption:Großansicht mit Miniaturvorschau und Vollbilddarstellung;caption-en:Large images with thumbnails and fullsize}*/

.listPictureGallery_var31                                                                      {-w-add-events:onclick=expandGalleryToFullSize;-w-add-data:modefullsize=crop,maxwidthfullsize=1024;-w-editmaskExtended-pictureaspectratio:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturemode:yes;-w-editmaskExtended-picturepreviewmode:yes;-w-editmaskExtended-picturecreatehd:yes}
.listPictureGallery_var31 .listInner                                                           {overflow:hidden;position:relative}
.listPictureGallery_var31 .listMoverBack                                                       {cursor:pointer;position:absolute;left:0;top:50%;width:36px;height:36px;z-index:2;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.7)}
.listPictureGallery_var31 .listMoverForward                                                    {cursor:pointer;position:absolute;right:0;top:50%;width:36px;height:36px;z-index:2;background-color:#ffffff;background-color:rgba(255, 255, 255, 0.7)}
.listPictureGallery_var31 .listMoverBack:hover                                                 {background-color:rgba(255, 255, 255, 1);}
.listPictureGallery_var31 .listMoverForward:hover                                              {background-color:rgba(255, 255, 255, 1);}
.listPictureGallery_var31 .listMoverBackInner                                                  {height:100%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-32.png);background-repeat:no-repeat;background-position:center;background-size:50%}
.listPictureGallery_var31 .listMoverForwardInner                                               {height:100%;background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-32.png);background-repeat:no-repeat;background-position:center;background-size:50%}
.listPictureGallery_var31 .listEntries                                                         {width:100%;position:relative;overflow:hidden;margin:0}
.listPictureGallery_var31 .listEntries .listEntriesInner                                       {}
.listPictureGallery_var31 .listEntries .listEntry                                              {-w-addsrc:yes;display:none;position:relative;overflow:hidden}
.listPictureGallery_var31 .listEntries .listEntrySelected                                      {display:block;-w-animation:fadeIn}
.listPictureGallery_var31 .listEntries .listEntryButtons                                       {position:absolute;top:2px;right:0}
.listPictureGallery_var31 .listEntries .listEntry a                                            {text-decoration:none}
.listPictureGallery_var31 .listEntries .listEntryImage                                         {display:block;width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop}
.listPictureGallery_var31 .listEntries .listEntryTitle                                         {display:none}
.listPictureGallery_var31 .listEntries .listEntryDescription                                   {display:none}
.listPictureGallery_var31 .listEntriesPreview                                                  {position:absolute;box-sizing:border-box;bottom:0;margin:10px;width:100%;text-align:center}
.listPictureGallery_var31 .listEntriesPreviewInner                                             {display:inline-block}
.listPictureGallery_var31 .listEntriesPreview .listEntry                                       {float:left;cursor:pointer;margin:0 4px 4px 0;padding:4px;background-color:#ffffff;border:solid 1px #c0c0c0;box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3)}
.listPictureGallery_var31 .listEntriesPreview .listEntry:nth-child(n+6)                        {display:none}
.listPictureGallery_var31 .listEntriesPreview .listEntrySelected                               {}
.listPictureGallery_var31 .listEntriesPreview .listEntryProgress                               {}
.listPictureGallery_var31 .listEntriesPreview .listEntryInner                                  {}
.listPictureGallery_var31 .listEntriesPreview .listEntry a                                     {text-decoration:none}
.listPictureGallery_var31 .listEntriesPreview .listEntryImage                                  {-w-create-hd:yes;max-width:48px;height:auto;width:80px;-w-aspectratio:1.333;display:block;-w-picture-mode:crop;}
.listPictureGallery_var31 .listEntriesPreview .listEntryTitle                                  {display:none}
.listPictureGallery_var31 .listEntriesPreview .listEntryDescription                            {display:none}
.listPictureGallery_var31 .listEntriesPreview .listEntryPosition                               {display:none}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listInner                                                           {overflow:hidden;position:relative}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listMoverBack                                                       {display:block;cursor:pointer;position:fixed;left:0;top:auto;bottom:0px;width:20%;margin-right:0;height:100%;z-index:2;background-color:transparent}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listMoverForward                                                    {display:block;cursor:pointer;position:fixed;right:0;top:auto;bottom:0px;width:20%;margin-left:0;height:100%;z-index:2;background-color:transparent}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listMoverBackInner                                                  {position:absolute;top:50%;left:0;margin-top:-30%;height:12%;min-height:48px;width:40%;min-width:40px;max-width:80px;border-radius:0 10% 10% 0;background-color:rgba(255, 255, 255, 0.6);background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-w-1-64.png);background-repeat:no-repeat;background-position:center;background-size:50%}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listMoverForwardInner                                               {position:absolute;top:50%;right:0;margin-top:-30%;height:12%;min-height:48px;width:40%;min-width:40px;max-width:80px;border-radius:10% 0 0 10%;background-color:rgba(255, 255, 255, 0.6);background-image:url($wGlobalProjectPath/wGlobal/layout/images/icons/arrow-e-1-64.png);background-repeat:no-repeat;background-position:center;background-size:50%}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listMoverBack:hover .listMoverBackInner                             {background-color:rgba(255, 255, 255, 1)}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listMoverForward:hover .listMoverForwardInner                       {background-color:rgba(255, 255, 255, 1)}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries                                                         {visibility:visible;height:auto;width:100%;position:relative;overflow:hidden;margin:0}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntriesInner                                       {}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntry                                              {display:none;position:relative;overflow:hidden}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntrySelected                                      {display:block;-w-animation:fadeIn}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntryButtons                                       {position:absolute;top:2px;right:0}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntry a                                            {text-decoration:none}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntryImage                                         {display:block;width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntryTitle                                         {display:none}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntries .listEntryDescription                                   {display:none}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview                                                  {margin:0 auto;position:fixed;overflow:hidden;left:0;bottom:40px;width:100%;text-align:center;z-index:2}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreviewInner                                             {display:inline-block;width:auto;margin:1px 10px}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntry                                       {width:auto;display:block;margin:0 10px 10px 0;padding:6px;background-color:rgba(255, 255, 255, 1);border:solid 1px #c0c0c0;box-shadow:6px 6px 6px rgba(0, 0, 0, 0.3)}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntrySelected                               {background-color:#c0c0c0}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntryProgress                               {}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntryInner                                  {border:none;margin:0;padding:0}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntry a                                     {text-decoration:none}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntryImage                                  {max-width:none;width:80px;height:auto}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntryTitle                                  {display:none}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntryDescription                            {display:none}
.containerGalleryFullSize_var31 .listPictureGallery_var31 .listEntriesPreview .listEntryPosition                               {display:none}
.listPictureGallery_var31 .tmp{}

/*@wCssFragment{class:listPictureGallery;variant:52;caption:Vorschaubilder mit Titel und Fancybox;caption-en:Thumbnails with title and fancybox}*/

.listPictureGallery_var52                                                                      {-w-showEditbuttonsPreview:yes;-w-editmaskExtended-entriespreviewperrow:yes;-w-editmaskExtended-limitpages:yes;-w-editmaskExtended-picturepreviewaspectratio:yes;-w-editmaskExtended-picturepreviewmode:yes}
.listPictureGallery_var52 a                                                                    {text-decoration:none;display:inline-block;vertical-align:top;}
.listPictureGallery_var52 .listInner                                                           {position:relative;overflow:hidden}
.listPictureGallery_var52 .listMoverBack                                                       {display:none}
.listPictureGallery_var52 .listMoverForward                                                    {display:none}
.listPictureGallery_var52 .pageNaviList                                                        {margin-top:8px}
.listPictureGallery_var52 .listEntries                                                         {display:none;-w-display:none}
.listPictureGallery_var52 .listEntriesPreview                                                  {position:relative;overflow:hidden}
.listPictureGallery_var52 .listEntriesPreviewInner                                             {-w-add-classes:wglAdjustHeightMax;margin:-10px}
.listPictureGallery_var52 .listEntriesPreview .listEntryButtons                                {position:absolute;top:2px;left:2px}
.listPictureGallery_var52 .listEntriesPreview .listEntry                                       {-w-entriesperrow:6;-w-addsrc:yes;display:block;position:relative;float:left;cursor:pointer;padding:4px;border:solid 1px #c0c0c0;margin:10px;background-color:#ffffff}
.listPictureGallery_var52 .listEntriesPreview .listEntrySelected                               {}
.listPictureGallery_var52 .listEntriesPreview .listEntryProgress                               {}
.listPictureGallery_var52 .listEntriesPreview .listEntry:hover                                 {background-color:#e0e0e0}
.listPictureGallery_var52 .listEntriesPreview .listEntryInner                                  {-w-jquery:jQuery(this).wrap('<a href="' + jQuery(this).closest('.listEntry').data('src-detail') + '" class="boxPictureOnly" rel="fancybox_gallery_var52" title=""/>')}
.listPictureGallery_var52 .listEntriesPreview .listEntry a                                     {text-decoration:none}
.listPictureGallery_var52 .listEntriesPreview .listEntryImage                                  {-w-jquery:jQuery(this).parent().css('width', jQuery(this).attr('width')) \3B jQuery(this).parent().find('.listEntryTitle').show();display:block;width:100%;max-width:100%;height:auto;-w-aspectratio:1.333;-w-picture-mode:crop}
.listPictureGallery_var52 .listEntriesPreview .listEntryTitle                                  {display:none;padding:8px}
.listPictureGallery_var52 .listEntriesPreview .listEntryDescription                            {display:none}
.listPictureGallery_var52 .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_var52 .listEntriesPreview .listEntryPosition:before                        {content:'';position:absolute;left:6px;top:7px;display:block;width:10px;height:2px;background-color:#b0b0b0;}
.listPictureGallery_var52 .listEntriesPreview .listEntryPosition:after                         {content:'';position:absolute;left:10px;top:3px;display:block;width:2px;height:10px;background-color:#b0b0b0;}




/* 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}






/* Bereichsverzeichnis */

.elementNavigationSections                    {margin-bottom:0}

/*@wCssFragment{class:elementNavigationSections;variant:0;caption:Horizontale Bereichsnavigation;caption-en:In page navigation horizontally}*/
.elementNavigationSections_var0               {background-color:$backgroundColorNavigationSection;width:100%}

.elementNavigationSections_var0 ul            {display:block;list-style-type:none;max-width:$widthBlockMainOuter;margin:0 auto;padding:0;text-align:center}
.elementNavigationSections_var0:after         {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0}

.elementNavigationSections_var0 li            {display:inline-block;-w-jquery:jQuery(this).on('click', function()\7BjQuery(this).parent().parent().prev().trigger('click')\7D);}

.elementNavigationSections_var0 a             {-w-add-data:scrollsmoothtotargetduration=400;-w-add-events:onclick=wScrollSmoothToTarget;display:block;border-bottom:solid 4px transparent;text-decoration:none;background:none;color:#ffffff;font-size:17px;padding:10px 10px 6px 10px;text-transform:uppercase;}
.elementNavigationSections_var0 a:hover       {color:#ffffff}
.elementNavigationSections_var0 li:hover a,
.elementNavigationSections_var0 li.selected a {border-bottom:solid 4px #ffffff}

@media only screen and (max-width: 768px){
  .elementNavigationSections_var0 ul                         {display:none}
  .elementNavigationSections_var0 ul.open                    {display:block}
  .elementNavigationSections_var0 li                         {display:block;text-align:left}

  .elementNavigationSections_var0 .navigationSectionToggler                         {-w-jquery:jQuery(this).on('click', function()\7BjQuery(this).toggleClass('open').next().animate(\7B'height' : 'toggle'\7D, function()\7Bif(jQuery(this).css('display') == 'block')\7BjQuery(this).addClass('open').removeAttr('style')\7D\else\7BjQuery(this).removeClass('open').removeAttr('style')\7D\7D)\7D);display:block;position:relative;min-height:17px;margin-right:2px;padding:12px 38px 12px 16px;cursor:pointer;color:#ffffff;text-decoration:none;font-size:16px;text-transform:uppercase;}
  .elementNavigationSections_var0 .navigationSectionToggler:before                  {content:'';position:absolute;right:12px;width:18px;height:11px;box-sizing:border-box;border-top:solid 4px #ffffff;border-bottom:solid 4px #ffffff}
  .elementNavigationSections_var0 .navigationSectionToggler:after                   {content:'';position:absolute;right:12px;width:18px;height:18px;box-sizing:border-box;border-bottom:solid 4px #ffffff}

  .elementNavigationSections_var0 .navigationSectionToggler.closed:before           {transition:all 0.3s linear,border-color 0.3s 0.3s linear}
  .elementNavigationSections_var0 .navigationSectionToggler.closed:after            {transition:all 0.3s linear}

  .elementNavigationSections_var0 .navigationSectionToggler.open:before             {transition:all 0.3s linear,border-color 0.1s linear;margin-top:6px;transform:rotate(45deg);right:14px;width:19px;border-bottom-color:transparent}
  .elementNavigationSections_var0 .navigationSectionToggler.open:after              {transition:all 0.3s linear;margin-top:-5px;transform:rotate(-45deg);right:17px;width:19px}

}

/*@wCssFragment{class:elementNavigationSections;variant:30;caption:Vertikale Bereichsnavigation Knöpfe mit ausfahrenden Texte;caption-en:In page navigation vertically sliding texts}*/

.elementNavigationSections_var30                    {background-color:#444444;margin:0 0 0 0;padding:4px;}
.elementNavigationSections_var30 ul                 {display:block;list-style-type:none;margin:0;padding:0}
.elementNavigationSections_var30:after              {display:block;overflow:hidden;visibility:hidden;clear:both;content:".";height:0}
.elementNavigationSections_var30 li                 {margin:12px 4px;width:12px;height:12px;padding:0;display:block;position:relative;}
.elementNavigationSections_var30 li:after           {display:block;content:"";width:10px;height:10px;display:block;font-size:0;border-radius:100%;background-color:transparent;border:solid 1px #ffffff}
.elementNavigationSections_var30 li:hover:after     {background-color:#ffffff;border:solid 1px #ffffff}
.elementNavigationSections_var30 a                  {-w-add-events:onclick=wScrollSmoothToTarget;position:absolute;overflow:hidden;text-decoration:none;white-space:nowrap;right:0;width:0;box-sizing:border-box;-moz-box-sizing:border-box;color:#ffffff;margin:-8px -30px 0 0;transition:margin 0.2s ease-in-out}
.elementNavigationSections_var30 li:hover a         {margin-right:0;padding:4px 30px 4px 10px;width:auto;}
.elementNavigationSections_var30 li:hover a:before  {display:block;content:"";position:absolute;z-index:-1;width:100%;top:0;right:18px;height:100%;background-color:#444444}



























.page-Full #blockLeftContentRight          {}
















/*#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,
  .object-singlepage1 #blockMainInner,
  .object-singlepage2 #blockMainInner,
  .object-fullpage #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:0px}
  #blockTop #navigationMain > ul {float:none}
  #blockTop  #searchBox                      {position:static}
  #blockTop  #searchBox .searchTerm          {float:left;width:80px;}
  #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}

  #blockTop #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 24px 12px 16px;cursor:pointer;color:$fontColorNavigationMain;text-decoration:none;font-size:$fontSizeNavigationLevel1;text-transform:uppercase;}

  #navigationMainToggler                         {display:block;position:relative;margin-right:2px;padding:12px 38px 12px 16px;cursor:pointer;color:$fontColorNavigationMain;text-decoration:none;font-size:$fontSizeNavigationLevel1;text-transform:uppercase;}
  #navigationMainToggler:before                  {content:'';position:absolute;margin-top:3px;right:12px;width:18px;height:11px;box-sizing:border-box;border-top:solid 4px $fontColorNavigationMain;border-bottom:solid 4px $fontColorNavigationMain}
  #navigationMainToggler:after                   {content:'';position:absolute;margin-top:3px;right:12px;width:18px;height:18px;box-sizing:border-box;border-bottom:solid 4px $fontColorNavigationMain}

  #navigationMainToggler.closed:before           {transition:all 0.3s linear,border-color 0.3s 0.3s linear}
  #navigationMainToggler.closed:after            {transition:all 0.3s linear}

  #navigationMainToggler.open:before             {transition:all 0.3s linear,border-color 0.1s linear;margin-top:6px;transform:rotate(45deg);right:14px;width:19px;border-bottom-color:transparent}
  #navigationMainToggler.open:after              {transition:all 0.3s linear;margin-top:-5px;transform:rotate(-45deg);right:17px;width:19px}

  #blockTop #navigationMain > ul,
  #blockLeft #navigationMain > ul,
  #blockBeforeLeftContentRightInner #navigationMain > ul {display:none;}
  #navigationMain > ul                           {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;}

  #navigationSub                        {display:none}

  #navigationBreadcrumb                 {display:none}

  .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}

  .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}
}

/*@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: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}

  .elementContainerStandardColumns > .col1,
  .elementContainerStandardColumns > .col2,
  .elementContainerStandardColumns > .col3,
  .elementContainerStandardColumns > .col4,
  .elementContainerStandardColumns > .col5,
  .elementContainerStandardColumns > .col6 {width:100%;margin-bottom:20px}

  .elementContainerStandardColumns > div > .col_inner {margin:0 !important}

  .elementText_var50 {font-size:32px}

  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}

  dl.formFirstBlock               {width:100%}
  dl.formLastBlock                {width:100%}
  dl.formFirstBlock dd            {width: 99%;}
}

/*@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:max480;caption:wenn die Fensterbreite kleiner gleich 480 Pixel ist;caption-en:if window width is equal or less 480 pixel} */
@media only screen and (max-width: 480px){
  .max480 {display:none !important}

  #blockTop #logo img {width:140px;height:auto}

  img.pictureZoomer                     {display:none}

  .elementText {clear:both}

}

/*@wCssFragment{class:mediaquerySize;variant:min481;caption:wenn die Fensterbreite größer 480 Pixel ist;caption-en:if window width is larger than 480 pixel} */
@media only screen and (min-width: 481px){
  .min481 {display:none !important}
}






































