Cookies - Informationen zum Datenschutz

    <xsl:if test="php:functionString('wVariables::getValue', 'show_cookie_info', $wGlobalProjectPath) = 'yes'">        
      <xsl:if test="php:functionString('wRepository::documentExists', concat($wProjectPath, '/wGlobal/content/privacy/cookie-notice.php'))">
        <div id="cookieNotice">
          <xsl:value-of disable-output-escaping="yes" select="document(concat($wDocumentRoot, $wProjectPath, '/wGlobal/content/privacy/cookie-notice.php'))/wd:document/wd:group/wd:item/wd:fragment[@id = 'code']/text()"/>
          <wsl:buttonEdit id="buttonEditCookieNotice" path="{concat($wProjectPath, '/wGlobal/content/privacy/cookie-notice.php')}" icon="edit" title="Cookie-Hinweis bearbeiten"/>
        </div>
      </xsl:if>
    </xsl:if>

    <xsl:if test="php:functionString('wVariables::getValue', 'show_cookie_info', $wGlobalProjectPath) = 'yes'">
      <xsl:variable name="pathCookieNotice"><xsl:choose>
        <xsl:when test="php:functionString('wVariables::getValue', 'confirm_cookie_types', $wGlobalProjectPath, '') = 'yes'">/wGlobal/content/privacy/cookie-notice-full-opt-in-select.php</xsl:when>
        <xsl:when test="php:functionString('wVariables::getValue', 'confirm_before_loadexternressources', $wGlobalProjectPath, '') = 'yes'">/wGlobal/content/privacy/cookie-notice-full-opt-in.php</xsl:when>
        <xsl:when test="php:functionString('wVariables::getValue', 'confirm_before_track', $wGlobalProjectPath, '') = 'yes'">/wGlobal/content/privacy/cookie-notice-tracking.php</xsl:when>
        <xsl:otherwise>/wGlobal/content/privacy/cookie-notice.php</xsl:otherwise>
      </xsl:choose></xsl:variable>

      <xsl:variable name="classPosition" select="php:functionString('wVariables::getValue', 'consentsbanner_position', $wGlobalProjectPath, '', 'wDoNotAdd')"/>
      <xsl:variable name="classBlockPage"><xsl:if test="php:functionString('wVariables::getValue', 'consentsbanner_block_page', $wGlobalProjectPath, '', 'wDoNotAdd') = 'yes'">blockPage</xsl:if></xsl:variable>

      <xsl:if test="php:functionString('wRepository::documentExists', concat($wProjectPath, $pathCookieNotice))">
        <xsl:choose>
          <xsl:when test="php:functionString('wVariables::getValue', 'confirm_before_loadexternressources', $wGlobalProjectPath, '') = 'yes'">
            <div id="cookieNotice" class="confirmBeforeLoadExternRessources {$classPosition} {$classBlockPage}">
              <div id="cookieNoticeInner">
                <div>
                  <div id="cookieNoticeCloser" onclick="closeCookieNotice()"/>
                  <xsl:apply-templates select="document(concat($wDocumentRoot, $wProjectPath, $pathCookieNotice))/wd:document/wd:group/wd:item"/>
                  <wsl:buttonEdit id="buttonEditCookieNotice" path="{concat($wProjectPath, $pathCookieNotice)}" icon="edit" title="Cookie-Hinweis bearbeiten"/>
                </div>
              </div>
            </div>
          </xsl:when>
          <xsl:when test="php:functionString('wVariables::getValue', 'confirm_before_track', $wGlobalProjectPath, '') = 'yes'">
            <div id="cookieNotice" class="confirmBeforeTrack {$classPosition} {$classBlockPage}">
              <div id="cookieNoticeInner">
                <div>
                  <div id="cookieNoticeCloser" onclick="closeCookieNotice()"/>
                  <xsl:apply-templates select="document(concat($wDocumentRoot, $wProjectPath, $pathCookieNotice))/wd:document/wd:group/wd:item"/>
                  <wsl:buttonEdit id="buttonEditCookieNotice" path="{concat($wProjectPath, $pathCookieNotice)}" icon="edit" title="Cookie-Hinweis bearbeiten"/>
                </div>
              </div>
            </div>
          </xsl:when>
          <xsl:otherwise>
            <div id="cookieNotice" class="infoOnly {$classPosition} {$classBlockPage}">
              <div id="cookieNoticeInner">
                <div>
                  <xsl:apply-templates select="document(concat($wDocumentRoot, $wProjectPath, $pathCookieNotice))/wd:document/wd:group/wd:item"/>
                  <wsl:buttonEdit id="buttonEditCookieNotice" path="{concat($wProjectPath, $pathCookieNotice)}" icon="edit" title="Cookie-Hinweis bearbeiten"/>
                </div>
              </div>
            </div>
          </xsl:otherwise>
        </xsl:choose>
      </xsl:if>
    </xsl:if>

/* Cookie Hinweis */

#cookieNotice                         {display:none;position:fixed;overflow:hidden;z-index:1000;bottom:-80px;left:0;width:100%;background-color:#d0d0d0;border-top:solid 1px #a0a0a0;padding:10px;text-align:center;}
.pagestatus-loaded #cookieNotice      {display:block;bottom:0;}
#cookieNotice #cookieNoticeCloser     {margin-left:8px;}
#cookieNotice #buttonEditCookieNotice {position:absolute;top:4px;right:48px;}

/* Cookie Hinweis */
.bodyBlank #cookieNotice {
  display: none !important;
}

#cookieNotice {
  display: none;
  position: fixed;
  z-index: 120;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  background: none;
}
.pagestatus-loaded #cookieNotice {
  display: block;
}
#cookieNotice #cookieNoticeInner {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}
#cookieNotice #cookieNoticeInner > div {
  position: relative;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  background-color: #F0F0F0;
  border-top: solid 1px #DDDDDD;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  padding: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  #cookieNotice #cookieNoticeInner > div {
    width: 50vw;
    height: auto;
    max-height: 96%;
  }
}
#cookieNotice #cookieNoticeInner .elementInfo {
  padding: 1rem;
}
#cookieNotice #cookieNoticeInner .elementInfo * {
  font-size: 0.8rem;
  line-height: 120%;
}
#cookieNotice #cookieNoticeInner a {
  white-space: nowrap;
}
#cookieNotice #cookieNoticeInner button {
  margin-bottom: 0.3rem;
}
#cookieNotice #buttonEditCookieNotice {
  position: absolute;
  top: 32px;
  right: 4px;
}
#cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry {
  display: block;
  padding-right: 0.5rem;
  font-size: 0.9rem;
}
#cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry.cookieNoticeSelectionEntryEssential {
  font-weight: bold;
}
#cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry input, #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry label {
  vertical-align: middle;
  line-height: 20px;
}
#cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry label {
  font-size: 0.9rem;
  color: #000000;
  padding-left: 4px;
}
#cookieNotice #cookieNoticePrivacyDetails {
  padding: 0 0 0.8rem 0;
}
#cookieNotice #cookieNoticePrivacyDetails a {
  color: #a0a0a0;
  text-decoration: none;
}
#cookieNotice #containerRememberDataSecurityPreferences input, #cookieNotice #containerRememberDataSecurityPreferences label {
  vertical-align: middle;
  line-height: 20px;
}
#cookieNotice #containerRememberDataSecurityPreferences label {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.5);
  padding-left: 4px;
}
#cookieNotice div#cookieNoticeCloser {
  cursor: pointer;
  box-sizing: border-box;
  display: none;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
  color: transparent;
  border: none;
  background-color: transparent;
  transition: transform 0.3s ease-in-out;
}
#cookieNotice div#cookieNoticeCloser:hover {
  transition: all 0.3s linear;
}
#cookieNotice div#cookieNoticeCloser:before {
  content: "";
  position: absolute;
  left: 0;
  width: 26px;
  height: 11px;
  margin: 6px 0 0 3px;
  border-top: solid 2px #000000;
  transform: rotate(45deg);
  transform-origin: 2px 5px;
}
#cookieNotice div#cookieNoticeCloser:after {
  content: "";
  position: absolute;
  left: 0;
  width: 26px;
  height: 20px;
  margin: 6px 0 0 4px;
  border-bottom: solid 2px #000000;
  transform: rotate(-45deg);
  transform-origin: 2px 16px;
}
#cookieNotice.hasOpenedByClick #cookieNoticeCloser {
  display: block;
}
#cookieNotice.infoOnly #cookieNoticeCloser {
  display: block;
}
#cookieNotice.infoOnly button#cookieNoticeCloser {
  margin-left: 5px;
  display: inline-block;
}

#cookieNotice.bottom #cookieNoticeInner {
  position: fixed;
  display: block;
  bottom: 0;
  width: 100%;
  height: auto;
}
#cookieNotice.bottom #cookieNoticeInner > div {
  position: relative;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  background-color: #F0F0F0;
  border-top: solid 1px #DDDDDD;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  padding: 1rem;
  text-align: center;
}
#cookieNotice.bottom #cookieNoticeCloser {
  display: block;
}

#cookieNotice.blockPage {
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.2);
}

#embed_cookieNotice {
  display: none;
}