Vorlage: ARCHIUM TEMPLATE thorax display: Unterschied zwischen den Versionen

Aus artux
Wechseln zu: Navigation, Suche
Artux1zu2>SandroSchwarzentrub
Artux1zu2>SandroSchwarzentrub
Zeile 1: Zeile 1:
<!-- ARCHIUM_TEMPLATE_hascher_display -->
:root {
<!-- Version 20200407 -->
  /* set custom colors */
  --ARCHIUM_COLOR_hascher_obect:                  #638b2e;
  --ARCHIUM_COLOR_hascher_object_transparent:    #638b2e7f;
  --ARCHIUM_COLOR_hascher_literature:            #492b6e;
  --ARCHIUM_COLOR_hascher_literature_transparent: #492b6e7f;
  --ARCHIUM_COLOR_hascher_topic:                  #7c2d31;
  --ARCHIUM_COLOR_hascher_topic_transparent:      #7c2d317f;


<!-- This template queries the underlying cargo database
  --ARCHIUM_COLOR_hascher_identity:              #de8f6e;
and displays the results in a pleasant way -->
  --ARCHIUM_COLOR_hascher_provenance:            #88ab75;
{{ARCHIUM_HIDE_BEGIN}}
  --ARCHIUM_COLOR_hascher_contents:              #dbd56e;
<!-- load font-awesome files -->
  --ARCHIUM_COLOR_hascher_status:                #2ec4b6;
<link href="../fontawesome-free-5.12.1-web/css/all.css" rel="stylesheet">
  --ARCHIUM_COLOR_hascher_attachment:            #7d7c84;


<includeonly>
  cursor: default;
    <!-- MAGIC WORDS -->
}
    __NOEDITSECTION__
    __NOTOC__


    <!-- QUERY STUFF AND WRITE RESULTS TO VARIABLES -->
/* ======================== */
    <!-- query type -->
/* mediawiki related tweaks */
    {{#vardefine:type|
/* ======================== */
        {{#switch:
            {{#cargo_query:
                tables    =
                    ARCHIUM_TABLE_hascher_type
                        |fields=ARCHIUM_PROPERTY_hascher_type
                |default    = nicht kategorisiertes Objekt
                |no html
                |where      = "_pageName" = '{{PAGENAME}}'
            }}
            | object        = Denkmalobjekt
            | literature    = Literatur
            | topic        = Thema
        }}
    }}
    <!-- query signature -->
    {{#vardefine:signature|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_signature
                    |fields=ARCHIUM_PROPERTY_hascher_signature
            |default    = keine Signatur angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query title -->
    {{#vardefine:title|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_title
                    |fields=ARCHIUM_PROPERTY_hascher_title
            |default    = kein Titel angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query description -->
    {{#vardefine:description|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_description
                    |fields=ARCHIUM_PROPERTY_hascher_description
            |default    = keine Beschreibung angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query remark -->
    {{#vardefine:remark|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_remark
                    |fields=ARCHIUM_PROPERTY_hascher_remark
            |default    = keine Anmerkungen angegeben
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query timeframe -->
    {{#vardefine:timeframe|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_timeframe
                    |fields=
                        ARCHIUM_PROPERTY_hascher_date_from  =  date_from,
                        ARCHIUM_PROPERTY_hascher_date_until =  date_until
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |named args = yes
            |template  = ARCHIUM_TEMPLATE_format_timeframe
        }}
    }}
    <!-- query date of creation -->
    {{#vardefine:date_of_creation|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_date_of_creation
                    |fields=ARCHIUM_PROPERTY_hascher_date_of_creation
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query creator -->
    {{#vardefine:creator|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_creator
                    |fields=ARCHIUM_PROPERTY_hascher_creator
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query editor -->
    {{#vardefine:editor|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_editor
                    |fields=ARCHIUM_PROPERTY_hascher_editor
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query topic -->
    {{#vardefine:topic|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_topic
                    |fields=ARCHIUM_PROPERTY_hascher_topic
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query category -->
    {{#vardefine:category|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_category
                    |fields=ARCHIUM_PROPERTY_hascher_category
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query sub category -->
    {{#vardefine:sub_category|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_sub_category
                    |fields=ARCHIUM_PROPERTY_hascher_sub_category
            |default    = -
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query title image -->
    {{#vardefine:title_image|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_title_image
                    |fields=ARCHIUM_PROPERTY_hascher_title_image
            |default    =
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
        }}
    }}
    <!-- query count -->
    {{#vardefine:count|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_count
                    |fields=ARCHIUM_PROPERTY_hascher_count
            |default    =
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query condition -->
    {{#vardefine:condition|
        {{#cargo_query:
            tables    =
                ARCHIUM_TABLE_hascher_condition
                    |fields=ARCHIUM_PROPERTY_hascher_condition
            |default    =
            |no html
            |where      = "_pageName" = '{{PAGENAME}}'
            |format    = template
            |template  = ARCHIUM_TEMPLATE_format_ul
        }}
    }}
    <!-- query all entries which have the same topic -->
    {{#vardefine:topic_list|
        {{#cargo_query:
            tables  =
                ARCHIUM_TABLE_hascher_topic
                    |fields=_pageName
            |default    =
            |where      = "ARCHIUM_PROPERTY_hascher_topic" = 'Industrie'
            |format    = ul
        }}
    }}
{{ARCHIUM_HIDE_END}}


<div class="archium-background-{{#var:type}}">
/* make multi template wrappers wrap and shrink if needed */
    <!-- HEADER-CONTAINER -->
/* exanple: multiple date inputs in a form */
    <div class="archium-grid-container-base archium-grid-container-header">
.multipleTemplateWrapper {
        <div class="archium-grid-item-header" style="grid-column: 1 / span 3">
  display: inline-grid;
            <h3>Denkmalobjekt</h3>
  white-space: normal;
        </div>
}
        <div class="archium-grid-item-header" style="grid-column: 4 / span 3">
 
        </div>
/* no idea anymore - probably removes empty linebreaks*/
    </div>
fieldset {
    <!-- IDENTITY-CONTAINER -->
  white-space: normal;
    <div class="archium-grid-container-base archium-grid-container-identity">
}
        <div style = "grid-column: 1 / span 3;">
 
            <h3><i class="far fa-id-card"></i> Identifizierung</h3>
/* removes ugly empty white lines from date
        </div>
  input fields */
        <div class="archium-grid-item" style="grid-column: 1 / span 1";>
.instanceMain > pre {
            <h4>Objekttyp:</h4>
  display: none;
            <p>{{#var:type}}</p>
  white-space: normal;
        </div>
}
        <div class="archium-grid-item" style="grid-column: 2 / span 1";>
 
            <h4>Signatur:</h4>
/* makes it so that combo boxes do wrap if needed
            <p>{{#var:signature}}</p>
and dont take up too much horizontal space */
        </div>
/* !important is needed to avoid countless specific rules */
        <div class="archium-grid-item" style="grid-column: 3 / span 1";>
.select2-container {
            <h4>Titel:</h4>
  display: inline-grid !important;
            <p>{{#var:title}}</p>
}
        </div>
.select2-choice {
        <div class="archium-grid-item" style="grid-column: 4 / span 3; grid-row: 2 / span 2";>
  display: inline-grid;
            <h4>Titelbild:</h4>
}
            <p>[[File:{{#var:title_image}}]]</p>
 
        </div>
/* removes ugly backgrounds and borders from input elements */
        <div class="archium-grid-item" style="grid-column: 1 / span 1";>
.archium-grid-item > pre {
            <h4>Erstellungsdatum:</h4>
  background: none;
            <p>{{#var:date_of_creation}}</p>
  border: none;
        </div>
}
        <div class="archium-grid-item" style="grid-column: 2 / span 2;">
 
            <h4>Laufzeiten:</h4>
/* set container dimensions
            <p>{{#var:timeframe}}</p>
  the effect is better horizontal alignment
        </div>
  of out page content - including forms */
    </div>
.container {
    <!-- PROVENANCE-CONTAINER -->
  margin: auto;
    <div class="archium-grid-container-base archium-grid-container-provenance">
  max-width: 75%;
        <div style = "grid-column: 1 / span 3;">
  min-width: 350px;
            <h3><i class="fas fa-route"></i> Provenienz</h3>
}
        </div>
 
        <div class="archium-grid-item" style="grid-column: 1;">
/* center embedded images and make them (down)scalable
            <h4>Ersteller:</h4>
  this does _not_ apply to image previews in forms */
            <p>{{#var:creator}}</p>
.image img {
        </div>
  display: block;
        <div class="archium-grid-item" style="grid-column: 2;">
  margin: auto;
            <h4>Bearbeiter:</h4>
  max-width: 100%;
            <p>{{#var:editor}}</p>
  max-height: 300px;
        </div>
  object-fit: cover;
        <div class="archium-grid-item">3</div>
}
        <div class="archium-grid-item">4</div>
/* this distorts images but vills the image box => REVISIT */
    </div>
 
    <!-- CONTENTS-CONTAINER -->
/* display the parser output as "flex",
    <div class="archium-grid-container-base archium-grid-container-contents">
this way extra blank lines which are not hidden by
        <div style = "grid-column: 1 / span 3;">
ARCHIUM_HIDE will be omitted */
            <h3><i class="fas fa-box-open"></i> Inhalt</h3>
/* .mw-parser-output {
        </div>
  display: flex;
        <div class="archium-grid-item" style="grid-column: 1 / span 2;">
} */
            <h4>Thema:</h4>
/* BREAKS NORMAL PAGES => REVISIT */
            <p>{{#var:topic}}</p>
 
        </div>
/* hide stuff to allow for readable code in templates */
        <div class="archium-grid-item" style="grid-column: 3 / span 2;">
.ARCHIUM_HIDDEN {
            <h4>Kategorie:</h4>
  display:none;
            <p>{{#var:category}}</p>
}
        </div>
 
        <div class="archium-grid-item" style="grid-column: 5 / span 2;">
/* =============================== */
            <h4>Unterkategorie:</h4>
/* define looks of grid CONTAINERS
            <p>{{#var:sub_category}}</p>
  and other grid related stuff */
        </div>
/* =============================== */
        <div class="archium-grid-item" style="grid-column: 1 / span 3;">
.archium-background-Denkmalobjekt {
            <h4>Beschreibung:</h4>
  border-radius: 5px;
            <p>{{#var:description}}</p>
  border-color: transparent;
        </div>
  background: var(--ARCHIUM_COLOR_hascher_object_transparent);
        <div class="archium-grid-item" style="grid-column: 4 / span 3;">
  width: 100%;
            <h4>Anmerkungen:</h4>
  min-width: min-content;
            <p>{{#var:remark}}</p>
  display: grid;
        </div>
  grid-template-areas:
    </div>
    'header header header header header header'
    <!-- STATUS-CONTAINER -->
    'identity identity identity identity identity identity'
    <div class="archium-grid-container-base archium-grid-container-status">
    'provenance provenance provenance provenance provenance provenance'
        <div style = "grid-column: 1 / span 3;">
    'contents contents contents contents contents contents'
            <h3><i class="far fa-chart-bar"></i> Objektstatus</h3>
    'status status status status status status'
        </div>
    'attachments attachments attachments attachments attachments attachments';
        <div class="archium-grid-item" style="grid-column: 1 / span 3;">
 
            <h4>Anzahl:</h4>
}
            <p>{{#var:count}}</p>
 
        </div>
.archium-background-Literatur {
        <div class="archium-grid-item" style="grid-column: 4 / span 3;">
  border: 5px;
            <h4>Zustand:</h4>
  border-style: solid;
            <p>{{#var:condition}}</p>
  border-radius: 5px;
        </div>
  border-color: transparent;
        <div class="archium-grid-item" style="grid-column: 1 / span 3;">
  background: var(--ARCHIUM_COLOR_hascher_literature_transparent);
            <h4>3</h4>
}
            <p>3</p>
 
        </div>
.archium-background-Thema {
        <div class="archium-grid-item" style="grid-column: 4 / span 3;">
  border: 5px;
            <h4>4</h4>
  border-style: solid;
            <p>4</p>
  border-radius: 5px;
        </div>
  border-color: transparent;
    </div>
  background: var(--ARCHIUM_COLOR_hascher_topic_transparent);
    <!-- ATTACHMENTS-CONTAINER -->
}
    <div class="archium-grid-container-base archium-grid-container-attachments">
 
        <div style = "grid-column: 1 / span 3;">
/* Define a basic container class */
            <h3><i class="fas fa-paperclip"></i> Anhänge</h3>
.archium-grid-container-base {
        </div>
  display: grid;
        <div class="archium-grid-item" style="grid-column: 1 / span 2;">
  padding: 5px;
            <h4>Anmerkungen:</h4>
  margin: 5px;
            <p>{{#var:remark}}</p>
  gap: 5px;
        </div>
}
        <div class="archium-grid-item" style="grid-column: 1 / span 2;">
 
            <h4>Themenliste:</h4>
.archium-grid-container-header {
            <div class = "dropdown-content">
  grid-area: header;
                <p>{{#var:topic_list}}</p>
  grid-template-columns: auto auto;
            </div>
}
        </div>
 
        <div class="archium-grid-item">3</div>
.archium-grid-container-identity {
        <div class="archium-grid-item">4</div>
  grid-area: identity;
    </div>
  grid-template-columns: auto auto auto auto auto auto;
</div>
  background-color: var(--ARCHIUM_COLOR_hascher_identity);
<nowiki/>
}
</includeonly>
 
<!--  -->
.archium-grid-container-provenance {
<noinclude>
  grid-area: provenance;
    <!-- CALL HOOKS -->
  grid-template-columns: auto auto auto;
    {{ARCHIUM_TEMPLATE_hook|ARCHIUM_hascher}}
  background-color: var(--ARCHIUM_COLOR_hascher_provenance);
    <!--  -->
}
    <!-- -->
 
    <!-- LICENSE NOTE -->
.archium-grid-container-contents {
    <!-- https://www.mediawiki.org/wiki/Extension:Cargo/Storing_data -->
  grid-area: contents;
    <!-- Distributed under the terms of GNU General Public License, version 2 (GPL-2.0), https://www.gnu.org/licenses/old-licenses/gpl-2.0.html -->
  grid-template-columns: auto auto auto;
</noinclude>
  background-color: var(--ARCHIUM_COLOR_hascher_contents);
}
 
.archium-grid-container-status {
  grid-area: status;
  grid-template-columns: auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_status);
}
 
.archium-grid-container-attachments {
  grid-area: attachments;
  grid-template-columns: auto auto;
  background-color: var(--ARCHIUM_COLOR_hascher_attachment);
}
 
 
/* ========================== */
/* define looks of grid ITEMS */
/* ========================== */
 
.archium-grid-item {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 0 5px 0 5px;
  align-content: center;
}
 
/* remove background from header */
.archium-grid-item-header {
  background-color: transparent;
  align-content: center;
}
 
.archium-grid-item:hover {
  box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);
}
 
.archium-grid-item:focus-within {
  box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);
}
 
 
/* ============================== */
/* define looks of dropdown menus */
/* ============================== */
 
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffffd5;
  border: 5px;
  border-style: solid;
  border-radius: 5px;
  border-color: transparent;
  padding-right: 10px;
  /* min-width: 160px; */
  /* box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); */
  z-index: 1;
}
 
/* .archium-grid-item:hover .dropdown-content {display: block;} */
.archium-ul:hover .dropdown-content {display: block;}
 
 
/* ================================= */
/* emulate general, unnumbered lists */
/* ================================= */
.archium-ul {
  cursor: pointer;
  display: list-item;
  margin-left: 1.5em;
}
 
.archium-ul:last-of-type {
  margin-bottom: 1em;
}

Version vom 7. April 2020, 20:34 Uhr

root {
 /* set custom colors */
 --ARCHIUM_COLOR_hascher_obect:                  #638b2e;
 --ARCHIUM_COLOR_hascher_object_transparent:     #638b2e7f;
 --ARCHIUM_COLOR_hascher_literature:             #492b6e;
 --ARCHIUM_COLOR_hascher_literature_transparent: #492b6e7f;
 --ARCHIUM_COLOR_hascher_topic:                  #7c2d31;
 --ARCHIUM_COLOR_hascher_topic_transparent:      #7c2d317f;
 --ARCHIUM_COLOR_hascher_identity:               #de8f6e;
 --ARCHIUM_COLOR_hascher_provenance:             #88ab75;
 --ARCHIUM_COLOR_hascher_contents:               #dbd56e;
 --ARCHIUM_COLOR_hascher_status:                 #2ec4b6;
 --ARCHIUM_COLOR_hascher_attachment:             #7d7c84;
 cursor: default;

}

/* ======================== */ /* mediawiki related tweaks */ /* ======================== */

/* make multi template wrappers wrap and shrink if needed */ /* exanple: multiple date inputs in a form */ .multipleTemplateWrapper {

 display: inline-grid;
 white-space: normal;

}

/* no idea anymore - probably removes empty linebreaks*/ fieldset {

 white-space: normal;

}

/* removes ugly empty white lines from date

 input fields */

.instanceMain > pre {

 display: none;
 white-space: normal;

}

/* makes it so that combo boxes do wrap if needed

and dont take up too much horizontal space */
/* !important is needed to avoid countless specific rules */

.select2-container {

 display: inline-grid !important;

} .select2-choice {

 display: inline-grid;

}

/* removes ugly backgrounds and borders from input elements */ .archium-grid-item > pre {

 background: none;
 border: none;

}

/* set container dimensions

 the effect is better horizontal alignment
 of out page content - including forms */

.container {

 margin: auto;
 max-width: 75%;
 min-width: 350px;

}

/* center embedded images and make them (down)scalable

 this does _not_ apply to image previews in forms */

.image img {

 display: block;
 margin: auto;
 max-width: 100%;
 max-height: 300px;
 object-fit: cover;

} /* this distorts images but vills the image box => REVISIT */

/* display the parser output as "flex", this way extra blank lines which are not hidden by ARCHIUM_HIDE will be omitted */ /* .mw-parser-output {

 display: flex;

} */ /* BREAKS NORMAL PAGES => REVISIT */

/* hide stuff to allow for readable code in templates */ .ARCHIUM_HIDDEN {

 display:none;

}

/* =============================== */ /* define looks of grid CONTAINERS

 and other grid related stuff */

/* =============================== */ .archium-background-Denkmalobjekt {

 border-radius: 5px;
 border-color: transparent;
 background: var(--ARCHIUM_COLOR_hascher_object_transparent);
 width: 100%;
 min-width: min-content;
 display: grid;
 grid-template-areas:
   'header header header header header header'
   'identity identity identity identity identity identity'
   'provenance provenance provenance provenance provenance provenance'
   'contents contents contents contents contents contents'
   'status status status status status status'
   'attachments attachments attachments attachments attachments attachments';
 

}

.archium-background-Literatur {

 border: 5px;
 border-style: solid;
 border-radius: 5px;
 border-color: transparent;
 background: var(--ARCHIUM_COLOR_hascher_literature_transparent);

}

.archium-background-Thema {

 border: 5px;
 border-style: solid;
 border-radius: 5px;
 border-color: transparent;
 background: var(--ARCHIUM_COLOR_hascher_topic_transparent);

}

/* Define a basic container class */ .archium-grid-container-base {

 display: grid;
 padding: 5px;
 margin: 5px;
 gap: 5px;

}

.archium-grid-container-header {

 grid-area: header;
 grid-template-columns: auto auto;

}

.archium-grid-container-identity {

 grid-area: identity;
 grid-template-columns: auto auto auto auto auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_identity);

}

.archium-grid-container-provenance {

 grid-area: provenance;
 grid-template-columns: auto auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_provenance);

}

.archium-grid-container-contents {

 grid-area: contents;
 grid-template-columns: auto auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_contents);

}

.archium-grid-container-status {

 grid-area: status;
 grid-template-columns: auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_status);

}

.archium-grid-container-attachments {

 grid-area: attachments;
 grid-template-columns: auto auto;
 background-color: var(--ARCHIUM_COLOR_hascher_attachment);

}


/* ========================== */ /* define looks of grid ITEMS */ /* ========================== */

.archium-grid-item {

 background-color: rgba(255, 255, 255, 0.6);
 padding: 0 5px 0 5px;
 align-content: center;

}

/* remove background from header */ .archium-grid-item-header {

 background-color: transparent;
 align-content: center;

}

.archium-grid-item:hover {

 box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);

}

.archium-grid-item:focus-within {

 box-shadow: 0 0 3px 2px rgba(255, 0, 0, 0.4);

}


/* ============================== */ /* define looks of dropdown menus */ /* ============================== */

.dropdown-content {

 display: none;
 position: absolute;
 background-color: #ffffffd5;
 border: 5px;
 border-style: solid;
 border-radius: 5px;
 border-color: transparent;
 padding-right: 10px;
 /* min-width: 160px; */
 /* box-shadow: 0 0 3px 2px rgba(0,0,0,0.2); */
 z-index: 1;

}

/* .archium-grid-item:hover .dropdown-content {display: block;} */ .archium-ul:hover .dropdown-content {display: block;}


/* ================================= */ /* emulate general, unnumbered lists */ /* ================================= */ .archium-ul {

 cursor: pointer;
 display: list-item;
 margin-left: 1.5em;

}

.archium-ul:last-of-type {

 margin-bottom: 1em;

}

Wir entschuldigen uns für diese lästige und unsinnige Cookie-Warnung, die uns die EU-DSGVO und das BDSG (neu) seit Mai 2018 abverlangt! Natürlich verwendet artux "Cookies". Wir verwenden Cookies ausschließlich aus technischen Gründen, z.B. zum Speichern von Session-Parametern, damit wir selber uns nicht andauernd neu anmelden müssen, wenn wir an der eigenen Seite basteln. Für den Inhalt der Besucher-Cookies interessieren wir uns nicht; wir haben in 18 Jahren nicht eine einzige individuelle Besucher-Information abgegriffen und werden das auch zukünftig nicht tun. Die die Durchsetzung des Datenschutzes überwachenden Aufsichtsbehörden der Länder 👁👁 erwarten jetzt von Ihnen, daß Sie Ihr Einverständnis mit unseren Cookies erklären und die Verantwortung für Ihr Handeln übernehmen indem Sie auf "Okay" klicken: