/*
// --------------------------------------
// Formatvorlagen für w3logistics.com
// (c) 2026 w3logistics AG, Thomas Omerzu, Dortmund
// --------------------------------------
*/
:root {
    --w3l-orange: #ee6212; /* alternativ: orange */
    --w3l-hellblau: #0099e5; /* alternativ: deepskyblue */
    --w3l-blau: rgb(24,65,133); /* alternativ: darkblue */
    --w3l-gruen: #83b23a; /* alternativ: lawngreen */
    --w3l-gblau: #2a4a93; /* blauer gradient; alternativ: mediumblue */
    --w3l-dgrau: #a4a4a4; /* dunkelgrau für Schrift */
    --w3l-mgrau: #c0c0c0; /* mittelgrau für Linien */
    --w3l-hgrau: #e7e7e7; /* hellgrau für Flaeche */
}
* {
    box-sizing:border-box;
    margin:0; padding:0;
    border:none;
    text-decoration:none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    outline: none;
    vertical-align: baseline;
}
html, body {
    min-height:100%;
    margin: 0; padding: 0;
    font-family:Inter,Helvetica,Arial,sans-serif; 
    font-style: normal;
    font-size:18px;
    font-weight:400;
    color: #000;
    text-align: left;
    text-rendering: optimizeLegibility;
    hyphens: auto;
    hyphenate-limit-chars: auto 4 3;
    hyphenate-limit-lines: 2;
}
.w3l-content b {
    color: var(--w3l-blau); !important
    color: darkblue;
}
.w3l-content .w3lblau h1 b {
    color: white;
}
img.centered {
    display:block;
    margin:auto;
}
.w3lboxcontent img.cicon {
    display:block;
    margin:auto;
    height:120px;
    max-width:80%;
    padding-bottom:10px;
}
img.newsimg {
    width:100%;
    height:175px;
    object-fit:cover;

}
.w3lboxcontent img.terminimg {
    max-width:80%;
    height:100px;
    object-fit:contain;
    margin:20px auto;
    display:block;

}
.w3lbxweiss .refbox .w3lboxcontent p:nth-child(3) {
   color:gray;
   padding-top:0;
}
img.reflogo {
    margin-top:15px;
    height:70px;
}
.referenzlogo .w3lboxcontent {
	height:80px;
	border:0px solid red;
}
div.referenzlogo img{
	max-height:100%;
	margin-left:0;
}
div.validiert {
	height:100px;
}
div.validiert img {
	max-height:100%; float:left;
	margin-right:10px;
}
div.validiert p {
	padding-top:25px;
}
.centered {
    text-align:center;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-style: normal;
    font-weight: 500;
    background: transparent;
    color: var(--w3l-blau); !important
    color: darkblue;
}

h1 {
    font-size: 36px;
    }
h2 {
	font-size: 24px;
	}
.w3l-content h2.kleiner {
	font-size: 16px; 
	}
h3 {
	font-size: 24px;
	}
h4, h5, h6 {
	font-size: 18px;
	}
p {
	margin:1em 0;
    }
b {
	font-weight:700;
    }
td p {
	margin-top:0;
}
.at {
	height:18px; vertical-align:middle;
}
.w3l-content a, 
.w3l-content a:link, 
.w3l-content a:visited, 
.w3l-content a:active
{
    color: var(--w3l-blau); !important
    color: darkblue;
    }
.w3lbxmblau a, 
.w3lbxmblau a:link, 
.w3lbxmblau a:visited, 
.w3lbxmblau a:active,
.w3lbxblau a, 
.w3lbxblau a:link, 
.w3lbxblau a:visited, 
.w3lbxblau a:active {
    color: lightgreen;
    }
.w3l-content a:hover {
    color: var(--w3l-orange); !important
    color: orange;
    }
.w3lbxblau.w3l-footer a,
.w3lbxblau.w3l-footer a:link,
.w3lbxblau.w3l-footer a:active,
.w3lbxblau.w3l-footer a:visited {
    color: white;
    }

.w3l-content a.bold, 
.w3l-content a.bold:link, 
.w3l-content a.bold:visited, 
.w3l-content a.bold:active, 
.w3l-content a.bold:hover {
    text-decoration: none;
    font-weight:bold;
    }
.w3l-content img {
    border:0;
}

.w3l-content figure.map {
    max-width:100%;
}
.w3l-content .w3l-blogcats ul {
	list-style-type:none;
}
.w3l-content .w3l-blogcats li {
	display: inline-block;
	margin: 0 10px 0 0;
	font-size: 12pt;
	font-weight: 500;
}
.w3l-content .w3l-blogcats li[aria-current] > a,
.w3l-content .w3l-blogcats li[aria-current] > a:visited  {
    color: var(--w3l-hellblau); !important
    color: deepskyblue;
}
figure.map img {
    max-width:100%;
}
figure.map figcaption {
    font-size:10px;
    text-align:right;
    color: var(--w3l-blau); !important
    color: darkblue;
}
div.mapcap {
    position:absolute;
    width:180px;
    background-color:white;
    padding:10px;
    margin:10px;
    font-size:13px;
    border:1px solid gray;
    box-shadow:5px 5px 5px gray; 
}
div.mapcap figure {
    float:right;
}
div.mapcap figure figcaption {
    font-size:8px;
    text-align:center;
}


.w3l-content ul {
    list-style:square;
    padding-bottom:1em;
}
.w3l-content ul ul {
    padding:0;
}
.w3l-content li {
    margin-left:2em; padding-left:0em;
}
.w3l-content li.umen {
    margin-left:4em; padding-left:0em;
    list-style-type:circle;
}

.w3l-content ul.haken {
    color: var(--w3l-blau); !important
    color: darkblue;
    font-weight:700;
    padding:0;
}
.w3l-content ul.haken.hellblau {
    color: white;
    font-weight:normal;
    padding:0;
    padding-top:20px;
}

.w3l-content ul.haken li {
    margin: 0;
    padding: 0 0 10px 40px;
    list-style: none;
    background-image: url('/images/2024/Kreis_Haken_W3Orange.svg');
    background-repeat: no-repeat;
    background-position: 0 2px;
    background-size: 25px 25px;
}
.w3l-content ul.haken.hellblau li {
    background-image: url('/images/2024/Kreis_Haken_blau.svg');
    padding-top:10px;
    background-position: 0 12px;
    border-top:1px solid var(--w3l-hellblau);
}
.w3l-content ul.haken.blau li {
    background-image: url('/images/2024/Kreis_Haken_blau.svg');
    padding: 0 0 10px 30px;
    background-position: 0 0px;
    background-size: 20px 20px;
}
.w3l-content ul.haken.rot li {
    background-image: url('/images/2024/Kreis_Haken_rot.svg');
    padding: 0 0 10px 30px;
    /*background-position: 0 0px;*/
    background-size: 20px 20px;
}
.w3l-content ul.haken.hakenplus li {
    background-image: url('/images/2024/Kreis_Plus_W3Orange.svg');
}
.w3l-content .w3lhellblau ul.haken.hakenplus li {
    background-image: url('/images/2024/Kreis_Plus_dunkelblau.svg');
    color:white;
    background-position: 0 0px;
    padding-bottom:15px;
}
div.jobs ul li {
    margin: 0;
    padding: 0 0 10px 20px;
    list-style: none;
    background-image: url('/images/2024/Pfeil_W3Hellblau.svg');
    background-repeat: no-repeat;
    background-position: 0 3px;
    background-size: 15px 15px;
}
.w3l-content ul.graupfeil {
	background-image:url('/images/2024/pfeilmaske.png');
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-color:#ccc;
	padding:0 85px 0 85px;
}
.w3l-content ul.graupfeil li {
	list-style-type: "...";
	border-bottom:2px solid white;
	padding:8px 0;
}
.w3l-content ul.graupfeil li:last-child {
    border-bottom:0;
}
.w3l-content ul.hellblaupfeil {
    background-color: var(--w3l-hellblau); !important
    background-color: deepskyblue;
    background-image: url('/images/2024/pfeilmaske.png');
    background-repeat: no-repeat;
    background-size: 100% calc(100% - 1em - 20px);
    height: 100%;
    min-height: 150px;
    color: white;
    padding:0 70px 0 95px;
}
.w3l-content ul.hellblaupfeil li {
    list-style-type: "...";
    position:absolute; top:49%;
	padding:8px 0;
}
.w3l-content ul.joblist {
    padding:0;
}
/* Jobliste oben mit Linie */
.w3l-content ul.joblist li {
    list-style: none;
    border-top:1px solid var(--w3l-blau); !important
    border-top:1px solid darkblue;
    padding:8px 0;
    margin:0;
}
/* aber nicht, für erstes Element in der Ansprechbox */
.w3l-content div.ansprech ul.joblist li:first-child {
	border-top:0; padding-top:0;
}
/* letztes Element der Joblist mit Extra-Linie unten */
.w3l-content ul.joblist li:last-child {
    border-bottom:1px solid var(--w3l-blau); !important
    border-bottom:1px solid darkblue;
}
/* aber nicht, wenn wir in der Ansprechbox sind */
.w3l-content div.ansprech ul.joblist li:last-child {
	border-bottom:0;
}
p.bread a, p.bread a:visited {
	color:var(--w3l-hellblau);
}
p.bread a:hover {
	color:var(--w3l-orange);
}

code {
    background: #afafaf;
    cursor: text;
    font-family: "Courier New", Courier, monospace;
}

hr { border:0px;
     color:#c0c0c0; background-color:#c0c0c0;
     height:1px;
     margin:20px 0 20px 0;
}
small {
	font-size: 0.8em;
}

img.noborder {
	border: none;
	}

.left {
	float: left;
	}
.right, .rightimg {
	float: right;
	}
.rightimg {
	width:350px;
	max-width:50%;
	margin:0 0 20px 20px;
	}
.center {
	text-align: center;
	}
.alignleft {
	float: left;
	margin-right: 10px;
	}
.alignright {
	float: right;
	margin-left: 10px;
	}

figure.infopool {
    float:left;
    border:1px solid black;
    text-align:center;
    width:139px; height:137px;
    box-shadow:8px 8px 3px gray;
    background-color: var(--w3l-blau); !important
    background-color: darkblue;
    padding:0;
    margin-right:15px;
    margin-bottom:15px;
}
.infopool figcaption {
    color:white;
    font-size:8.5pt;
}

.w3l-content .rot, .rot {
    color:red;
}
.w3l-content .errmsg, .errmsg {
    color:red;
    font-weight:500;
    margin-bottom:20px;
}
/**********************
*   Header            *
***********************/

.w3l-header {
    position: sticky; 
    top:0;
    z-index:10;
    padding: 0;
    margin: 0 auto; /* zentriert */
    min-width: 1280px;
    max-width: 1920px;
    width:100%;
    height: 120px;
    background: white;
    display: block;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.w3l-header img { border: none; }
/*.w3l-header a, .w3l-header a:visited { border: none; }	*/

.w3l-headercontent {
    margin: 0 auto; /* zentriert */
    width:1280px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content:space-between;
    border:0px solid red;
    height:100%;
}

.w3l-header-left {
    width:380px;
    height:100%;
    border:0px solid green;
    padding:43px 0 0 70px;
    flex-grow:0;
}

.w3l-header-right {
    width:900px;
    height:100%;
    padding:0 60px 0 0;
    flex-grow:0;
}
.w3l-header-right > p {
    float:right; margin:0 0 5px 0; padding:0;
    font-size:10pt;
} 
.w3l-nav-bot2 { /* In Normalansicht Kurz-Langswitch ausgeblendet */
    display:none;
}
.w3lmobile{ /* Mobile-Content ausgeblendet */
    display:none;
}

/* -------------------------------------------- */
nav {
	position:relative;
	border:0px solid red;
	float:right;
}
nav > input {
    display:none;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
/* Navigation oberste Zeile */
nav > ul {
    padding: 0;
    float: left;
    margin: 0;
    /*margin-left: 260px;*/
}

nav > ul > li {
    float: left;
    padding:4px 1em 0 0;
    margin-left:0;
    color: white;
    font-weight:bold;
    height:40px;
    text-align:center;
    font-size:12pt;
    min-width:5em;
    background-image:url(/images/2024/Pfeil_W3Hellblau_hoch.svg);
    background-repeat:no-repeat;
    background-size:25px;
    /* background-position:left 23px; */
    background-position:left 40px;
}

nav > ul a {
    display: block;
    white-space: nowrap;
    color: white;
    text-decoration:none;
    font-weight:bold;
    z-index:99;
}

nav ul li a,
nav ul li a:link, 
nav ul li a:visited, 
nav ul li a:active {
    color: var(--w3l-blau); !important
    color: darkblue;
    text-decoration: none;
    font-weight:500;
    font-size:12pt;
    }
nav ul li a:hover {
    color: var(--w3l-orange); !important
    color: orange;
}

/* Navigation 2. Ebene Boxen */
nav > ul > li > ul {
    display: none;
    position:static;
    margin-top: 12px;
    background-color:var(--w3l-hellblau);
    box-shadow: rgba(92, 92, 92, 0.8) 3px 3px 3px 1px;
}
nav > ul > li:last-child > ul {
    right:0; /* letztes Menue soll nicht rechts rausragen */
}

nav ul > li > ul.submenu > li a {
    color: white;
    text-align: left;
    font-weight:normal;
    margin:8px 20px;
    padding:3px 0 10px 0;
    font-size:12pt;
    z-index:99;
    border-bottom:1px solid #ccc;
}
nav ul > li > ul.submenu > li:last-child a {
    border-bottom:0;
    margin-bottom:0;
}

nav ul > li > ul.submenu > li a:hover {
    color: var(--w3l-blau);
    }

nav > ul > li > ul > li {
  position: relative;
}

nav > ul > li:last-child {
  margin-right:0;
}

/* counter auf ueber uns */
div#counter div {
position:absolute;
}
div#counter div  {
display: grid; place-items: center;
width:100%;
height:120px;
}
div#counter div p {
padding-top:35px;
color:var(--w3l-orange);
font-size:22px;
font-family: 'B612 Mono';
font-weight:700;
}
/*--- */

/* Mindestens 800: Normaler Kopf */
@media all and (min-width: 800px) {

nav li[aria-current] {
}
nav li[aria-current] > a, nav li[aria-current] > a:visited {
    color: var(--w3l-hellblau); !important
    color: deepskyblue;
}
.w3l-nav-bot nav > ul > li > a:hover {
  color: var(--w3l-orange); !important
  color: orange;
}
/* Submenue einblenden fuer normale Navigation */
.w3l-nav-bot nav > ul > li:hover > ul {
  display: block;
  position: absolute;
}
.w3l-nav-bot nav > ul > li:hover {
    background-position:12px 23px; 
}

}

/* -------------------------------------------- */

.w3l-nav {
    display: block;
    height: 100%;
    color: var(--w3l-blau); !important
    color: darkblue;
    }
.w3l-nav-top {
    display:block;
    height:50%;
    padding-top:30px;
    padding-right:10px;
    font-size:10pt;
    color:gray;
    font-weight:normal;
    font-size:8pt;
}

.w3l-nav-bot {
    display:block;
    margin:0; padding:0;
    padding-top:25px;
    height:50%;
    }

/**********************
*   Splash
***********************/
.w3l-splash-container {
    position:relative;
    margin: 0 auto; /* zentriert */
    min-width:1280px;
    max-width:1920px;
    width:100%;
    height:480px;
    background-color:white;
    border:none;
}
.w3l-splash-container-bottom {
    margin: 0 auto; /* zentriert */
    min-width:1280px;
    max-width:1920px;
    width:100%;
    border-top:5px solid var(--w3l-hellblau); !important
    border-top:5px solid deepskyblue;
}
.w3l-splash-container-bottom p {
    max-width:1280px;
    color: var(--w3l-hellblau); !important
    color: deepskyblue;
    margin:0 auto;
    padding:20px 70px;
    background-image:url(/images/2024/Pfeil_W3Hellblau_runter.svg);
    background-repeat: no-repeat;
    background-position:60px 0px;
    background-size:25px;
}
.w3l-splash-container img {
    float:right;
    height:100%;
    width:60%;
    object-fit:cover;
}
.imgtop {
   object-position: top;
}
.w3l-splash {
    position:absolute;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width:1280px;
    max-width:1920px;
    width:100%;
    height:480px;
}
.w3l-splash-left {
    border: none;
    width:40%;
    background-image: linear-gradient(to right,var(--w3l-blau),var(--w3l-gblau)); !important
    background-image: linear-gradient(to right,darkblue,mediumblue);
    display: flex;
    align-items: center;
    }
.w3l-splash-middle {
    border: none;
    width:10%;
    /*min-width:120px;*/
}
.w3l-splash-right {
    border: none;
    width:50%;
}
.w3l-schraeg {
    width: 100%;
    height: 100%;
    border-top: 480px solid var(--w3l-gblau); !important
    border-top: 480px solid mediumblue;
    border-right: 120px solid transparent;
}
.w3l-splash-container p {
    margin:0 0 0 60px;
    margin:0;
    color:white;
    background-color:transparent;
    padding:0;
    font-weight:400;
    font-size:36px;
    hyphenate-limit-chars: auto 6 5;
}
.w3l-splash-left div {
    margin:0 auto 0 calc((100% - 512px)*1.25 + 70px);
}
.splashright .w3l-splash-left div {
    /*margin:0 calc(100px + 15%) 0 auto;*/
    margin:0 auto 0 0;
}

/* overrides fuer umgekehrte Reihenfolge in der Splashbox */
.splashleft {
}
.splashright {
	flex-direction:row-reverse;
}
.splashright .w3l-splash-left {
    background-image: linear-gradient(to left,var(--w3l-blau),var(--w3l-gblau)); !important
    background-image: linear-gradient(to left,darkblue,mediumblue);
}
.splashright .w3l-schraeg {
    border:0;
    border-bottom: 480px solid var(--w3l-gblau); !important
    border-bottom: 480px solid mediumblue;
    border-left: 120px solid transparent;
}
.w3l-splash-container.splashright > img {
    float:left;
}
.w3l-splash-container.splashright > p {
    margin:0 60px 0 0;
}

div.w3l-side-img {
    position:absolute;
    width:220px;
    right:0;
    top:0;
    top:140px;
    overflow:hidden;
}
div.w3l-side-img-box {
    height:60px;
    width:100%;
    position:relative;
    overflow:hidden;
    background-color:rgba(250,250,250,0.7);
    background-color:transparent;
    margin-bottom:12px;
}
div.w3l-side-img-text p {
    display:block;
    color: var(--w3l-blau); !important
    color: darkblue;
    font-size:17px;
    font-weight:600;
    float:left;
    margin:20px 0 auto 15px;
}
div.w3l-side-img img {
    float:right;
    position:relative;
    z-index:1;
    width:100px;
    height:60px;
    margin-bottom:12px;
    box-shadow: rgba(50, 50, 50, 0.8) 15px 5px 5px 0px;
}
div.w3l-side-img-text  {
    position:absolute;
    background-color:rgba(250,250,250,0.7);
    background-color:transparent;
    box-shadow: rgba(50, 50, 50, 0.8) 15px 5px 5px 0px;
    width:220px;
    height:60px;
    right:-150px;
    z-index:1;
}
div.w3l-side-img:hover div.w3l-side-img-text  {
    transition:all 0.5s;
    color:red;
    right:0;
    background-color:rgba(250,250,250,0.8);
    box-shadow: rgba(50, 50, 50, 0.8) 15px 5px 5px 0px;
}

div.w3l-kreis {
    float:right;
    width:80px; height:30px;
    border-radius:20px;
    background-color:#eee;
    vertical-align:baseline;
    padding:2px;
}
div.w3l-kreis p {
   float:left;
   margin:7px 0 0 16px;
   color:gray;
   font-weight:normal;
   font-size:8pt;
}
.weltkugel {
   float:right;
   position:relative;
   height:23px;
   margin:1px 6px;
}

p.w3l-mehr {
    position:relative;
    background-color:white;
    color: var(--w3l-blau); !important
    color: darkblue;
    font-size:14pt;
    width:fit-content;
    padding:8px 10px;
    margin-top:40px;
    margin-left:0px;
}

p.w3l-mehr a, p.w3l-mehr a:visited {
    color: var(--w3l-blau); !important
    color: darkblue;
    text-decoration: none;
}
p.w3l-mehr a:hover {
    color: var(--w3l-orange); !important
    color: orange;
    text-decoration: none;
}


/**********************
*   Content           *
***********************/
.w3l-content {
    position:relative;
    margin: 0 auto; /* zentriert */
    min-width:1280px;
    max-width:1920px;
    width:100%;
    background: #fff;
    height:auto;
}


/**********************
*   Main area
***********************/

.main {
    position:relative;
    margin: 0 auto; /* zentriert */
    width:100%;
    max-width:1280px;
    background: #fff;
    padding:0 70px;
    }

.main h1, .main h2.lines {
    color: var(--w3l-blau); !important
    color: darkblue;
    margin: 41px 0 10px 0;
    padding:4px 0;
    }
.main h1:first-child {
    margin-top:20px;
	}
.main h2.lines {
    max-width:500px;
}

#weitere + h1 {
    margin-top:71px;
    }

.main table p {
    margin:0; padding:0;
}

.main table.contact td {
    padding-bottom:9px;
}

.main table.contact * {
    vertical-align:top;
}

.newsitem {
    position:relative;
    width:100%;
    margin:0 0 2em 0;
    font-size:12pt;
    min-height:111px;
    border-bottom:1px solid var(--w3l-blau); !important
    border-bottom:1px solid darkblue;
    }

.main .newsimg img {
    width:150px; height:110px;
    object-fit: cover;
    padding:0; margin:0;
    border:0;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
}
.main .newsimg img.imgcontain {
    object-fit: contain;
}

.main .newsimg {
    float:left;
    width:150px; height:110px;
    margin:0 1.5em 0 0;
    padding:0;
}

.newsitem h2 {
    padding:0 0 0.5em 0;
}
.newsitem p {
    padding:0; 
    margin:0;
    font-size:12pt;
}

.newstext {
    padding:0;
}

p.kgrau  { 
    color:#808080;
    font-size:10px;
    }
.deko { float:right;border:none;
    padding-top:0px;padding-left:12px;padding-bottom:15px; 
}
.deko-mit { float:right;border:none;
    padding:0 0 0 12px; 
}
.deko1 { border:1px solid #184185;
    padding:5px; 
    margin:2px 0 1em 0; }

.deko1r { border:1px solid #184185;float:right;
    padding:5px;
    margin:2px 0 1em 1em; }

.deko1rn { border:1px solid #184185;float:right;
    padding:5px;
    margin:0 0 1em 1em; }
.fleximgs {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    gap:12px;
}


figure.deko1ru {
  float:right;
  margin: 0 0 0 20px;
  }  
figure.deko1ru > img {
 width:100%; 
 max-width:100%; 
margin:0;
}
figure.deko1ru div {
border:1px solid #184185;
    padding:5px; margin:0;
    }

figure.deko1ru figcaption {
    width:100%;
    max-width:100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-style: italic;
    font-size:12px;
    /*display: table-caption;*/
    caption-side: bottom;
}

.vorteile { border:1px solid #184185;float:right;
    padding:5px; width:150px;
    margin:2px 0 12px 10px; }

.vorteile p {
    margin:3px 0;
    padding:2px;
    font-weight:bold;
}
.bgorange {
    background-color: var(--w3l-orange); !important
    background-color: orange;
    color:white;
}
.orange, .w3lboxcontent .orange, .w3l-content .hellblau a:hover {
    color: var(--w3l-orange); !important
    color: orange;
}
.hellblau, .w3lboxcontent .hellblau, .w3l-content .hellblau a, .w3l-content .hellblau a:link .w3l-content .hellblau a:visited  {
    color: var(--w3l-hellblau); !important
    color: deepskyblue;
}
.gray, .w3lboxcontent .gray {
    color:#888;
}
.w3lgruen {
    background-color: var(--w3l-gruen); !important
    background-color: lawngreen;
    color:white;
}
.gruen {
    color: var(--w3l-gruen); !important
    color: lawngreen;
}
.bgblau {
    background-color:#184185;
    color:white;
}
.bghellgruen {
    background-color:#f1f6e8;
}
.bghellorange {
    background-color:#ffeee3;
}
.bghellblau {
    background-color: var(--w3l-hellblau); !important
    background-color: deepskyblue;
}
.main .vorteile ul {
    padding-top:4px;
    padding-bottom:0;
}
.main .vorteile ul li {
    margin-left:1.8em;
    margin-bottom:2px;
    font-size:9pt;
}

.bghellorange ul li {
    list-style-image:url('checkbox-orange.png');
}
.bghellgruen ul li {
    list-style-image:url('checkbox-gruen.png');
}
.bghellblau ul li {
    list-style-image:url('checkbox-blau.png');
}

.main .deko1r-mit { border:1px solid #184185;float:right;
    padding:5px;
    margin:2px 0 0 10px; }

.main .deko1l { border:1px solid #184185;float:left;
    padding:5px;
    margin:2px 12px 12px 0; }

.main .deko2 { border:1px solid #184185;float:right;
    padding:5px;
    margin:2px 0 12px 20px; }

.main .deko1 img, 
.main .deko1r img, 
.main .deko1l img, 
.main .deko2 img,
.main .deko1r-mit img { 
    border:1px solid #999999; 
    vertical-align:middle;
}

div.bildunter { 
    font-size:10px; 
    color:rgb(91,120,190); 
    padding:0; 
    margin:5px 0 0 10px;
    text-align:center; 
    font-style:italic; 
}

input, textarea, select {
	border: 1px solid #aaa;
	padding:6px;
    font-family:Inter,Helvetica,Arial,sans-serif; 
    font-size:18px;
	}

input:hover, textarea:hover {
	border: 1px solid #f80;
	}
input::placeholder, textarea::placeholder {
	color:gray;
	font-style:italic;
}
button, input[type="submit"] {
	border-radius:15px;
	padding:5px 10px;
}
#weitere { padding-top:0; margin-top:-5px; }


.w3lbox {
	width:100%;
	margin:20px 0 50px 0;
	margin:0;
	padding:20px 40px;
	text-align:center;
}
.w3lbox.w3lgrau {
	background-color:var(--w3l-hgrau); !important
	background-color:#e7e7e7;
}
.w3lbox.w3lweiss {
	background-color:#fff;
}
.w3lbox.w3lblau {
    background-color: var(--w3l-blau); !important
    background-color: darkblue;
    color:white;
}
.w3lbox.w3lhellblau {
    background-color: var(--w3l-hellblau); !important
    background-color: deepskyblue;
    color:white;
}
/*
 * fuer newsletter datenschutz hellgruen
.w3lbox.w3lblau a, .w3lbox.w3lblau a:visited,
.w3lbox.w3lgruen a, .w3lbox.w3lgruen a:visited 
*/
.w3lbox.w3lblau h1, 
.w3lbox.w3lgruen h1 {
    color:white;
}
.w3lbox.w3lgrau h1 {
    color: var(--w3l-blau); !important
    color: darkblue;
}

.w3lboxmain {
    position:relative;
    margin: 0 auto; /* zentriert */
    width:100%;
    max-width:1180px;
    padding:0;
    }

.w3lboxmain > div {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    column-gap:30px;
    /* justify-content:center; */
}

.w3lboxmain.csscols > div.raster2,
.csscols .row2
{
	display:block;
	column-count:2;
	column-gap:30px;
	width:100%;
}
.row2 div, .row div {
	margin-bottom:15px;
	margin-right:0;
}
.row textarea, .row2 input, .row input[type=text] {
	width:100%;
}
.w3lboxmain.csscols .w3lboxbox {
	width:100%;
    margin:0 20px 0px 0;
}
.w3lbox h1 {
	font-weight:400;
	margin-bottom:20px;
	text-align:left;
}
.w3lblau > h1, .w3lblau + li {
    color:white;
}
.w3lboxbox {
    margin:0 0 10px 0;
    padding:0;
    font-size:18px;
    overflow:hidden;
    position:relative;
    display:block;
}
.w3lbxblau .w3lboxbox {
    padding:20px;
    background-color: var(--w3l-blau); !important
    background-color: darkblue;
}
.w3lbxmblau .w3lboxbox {
    padding:20px;
    background-color: var(--w3l-gblau); !important
    background-color: steelblue;
}
.w3lbxweiss .w3lboxbox {
    padding:20px;
    background-color:white;
}
.w3lbxgrau .w3lboxbox {
    padding:20px;
    background-color:#e0e0e0;
}
.withpadding h1 {
    margin:0 15px 20px 15px;
}
.w3lbox180 {
    height:180px;
}
.whiteline {
    border-top:2px solid white;
    padding-top:10px;
}
.w3lboxbox.vertical {
	margin:auto 0;
}
img.vertical {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height:100%;
}
details.w3lakkord {
	width:100%;
}
details.w3lakkord > summary {
	font-size:20px;
	font-weight:bold;
	border-top:1px solid white;
	padding:11px 0 11px 0;
	cursor:zoom-in;
	text-align:left;
	}
details[open]::details-content {
  block-size:auto;
  block-size:calc-size(auto, size);
 overflow: hidden;
}
details::details-content {
  display:block;
  block-size:0;
  transition-property: block-size, content-visibility;
 transition-duration: 0.5s;
 transition-behavior: allow-discreet;
 overflow: hidden;
}
.w3lakkord .w3lbxtrans .w3lboxcontent {
    background-color: transparent;
}
.w3lakkord .w3lgrau .w3lboxcontent {
    background-color:var(--w3l-hgrau); !important
    background-color: #e7e7e7;
}
.w3lblau .w3lboxmain.hakenplus h2 {
    background-color: var(--w3l-hellblau); !important
    background-color: deepskyblue;
    color: white;
    font-size:18px;
    padding:15px 20px 15px 90px;
    margin:0 -20px 10px -20px;
    background-image:url(/images/2024/plusweiss-oranger-hintergrund.svg);
    background-repeat:no-repeat;
    background-size:auto 100%;
}
.w3lboxmain.hakenplus p {
    font-weight:700;
    font-size:24px;
    padding:0px 20px;
    margin:0 -20px 10px -20px;
}
.hakenplus .raster3 .w3lboxbox:first-child h2 {
    background-image:url(/images/2024/hakenweiss-oranger-hintergrund.svg);
}

.w3lakkord .w3lboxcontent h2 {
    background-color: var(--w3l-hellblau); !important
    background-color: deepskyblue;
    color: white;
    font-size:18px;
    padding:10px 20px;
    margin:0 -20px 10px -20px;
}
.w3lakkord .w3lbox {
	padding:0 20px;
}
.w3lakkord ul.haken li, .hakenplus ul.haken li {
	margin:12px 0;
	border-bottom:1px solid white;
	background-size:23px 23px;
	font-weight:normal;
}
.w3lakkord .w3lboxcontent ul:first-child li:first-child {
	border-top:10px solid transparent; /* fuer erstes Elem. im Akkordeon ohne Uebersch */
	margin-top:0;
}
.w3lakkord .w3lboxmain h1:first-child {
	padding-top:20px; /* fuer erstes Elem. im Akkordeon mit Uebersch */
}
.w3lboxcontent ul {
    color: var(--w3l-blau); !important
    color: darkblue;
    font-weight:500;
}
.w3lboxcontent p.jobs {
    color: var(--w3l-hellblau); !important
    color: deepskyblue;
    font-weight:700;
}
.w3lboxcontent img {
    max-width:100%;
}
.w3lboxcontent img.cover {
    min-height:100%;
    object-fit:cover;
}
.w3lboxcontent img.contain {
    min-height:100%;
    object-fit:contain;
}
.w3lboxcontent img.fotobox {
    float:left;
    max-height:100%;
    max-width:50%;
    margin-right:15px;
}
.subtitle .w3lboxcontent p, .subtitle .w3lboxcontent b {
	display:block;
	text-align:center;
	font-weight:normal;
}
img.subtitle {
	display:block;
	margin:0 auto;
}
.boxansprech {
	min-height:280px;
}
.boxansprech .w3lboxcontent {
	height:100%;
}
.boxansprech .w3lboxcontent h2 {
	font-weight:500;
}
.ansprech {
	position:relative;
	color:var(--w3l-blau);
	border-top:1px solid var(--w3l-blau);
	border-bottom:1px solid var(--w3l-blau);
	padding:8px 0;
	height:calc(100% - 50px);
}
.alignbot {
	position:absolute;
	bottom:15px;
}
img.ansprechimg {
	float:right;
	height:200px;
	max-width:33%;
	object-fit:cover;
}
img.ansprechimg.withborder {
	border:1px solid var(--w3l-mgrau); !important
	border:1px solid #c0c0c0;
}
img.downloadimg {
	width:70px;
	margin-bottom:20px;
}
.raster1 .w3lboxbox {
    width:100%;
}
.raster6 .w3lboxbox {
    width:calc((100% - 150px) / 6);
}
.raster4 .w3lboxbox {
    width:calc((100% - 90px) / 4);
}
.w3l-footer .w3lboxbox:nth-child(3),
.w3l-footer .w3lboxbox:nth-child(7) {
    width:calc((100% - 90px) / 4 - 50px);

}
.w3l-footer .w3lboxbox:nth-child(2),
.w3l-footer .w3lboxbox:nth-child(6) {
    width:calc((100% - 90px) / 4 + 50px);
}

.raster3 .w3lboxbox {
    width:calc((100% - 60px) / 3);
}
.raster3a .w3lboxbox {
    width:calc((100% - 60px) / 3); 
}
.raster1, .raster2, .raster23, .raster3, .raster3a, .raster4, .raster6 {
    padding:0 20px;
}
.w3lakkord .raster3 {
	padding:0;
}
.raster2 .w3lboxbox,
.raster3a .w3lboxbox {
	padding:0;
	margin-bottom:25px;
}
.raster3a  p {
	padding:10px 20px 0 20px;
}
.raster2 .w3lboxbox {
    width:calc((100% - 30px) / 2);
}
.raster23 .w3lboxbox {
    width:calc((100% - 30px) * 0.4);
}
.raster23 .w3lboxbox:nth-child(2) {
    width:calc((100% - 30px) * 0.6);
}
.withlines .w3lboxbox {
    border-top:2px solid white;
    padding-top:10px;
}
.withlines > div {
    border-bottom:2px solid white;
}
.topline .w3lboxcontent h2 {
	border-top:1px solid var(--w3l-blau);
	font-weight:normal;
	padding-top:10px;
}
.w3lboxbg {
    opacity:0.3;
    display:block;
    position:absolute;
    left:0; top:0;
    width:100%;
    height:auto;
}
.w3lboxcontent p, .w3lboxcontent h2 {
    margin-top:0;
    color: var(--w3l-blau); !important
    color: darkblue;
    margin-bottom:10px;
}
.w3lbxmblau .w3lboxcontent p, .w3lbxmblau .w3lboxcontent h2,
.w3lbxblau .w3lboxcontent p, .w3lbxblau .w3lboxcontent h2 {
    color:white; 
}
.w3lbxgrau .w3lboxcontent p, .w3lbxgrau .w3lboxcontent h2,
.w3lbxweiss .w3lboxcontent p, .w3lbxweiss .w3lboxcontent h2 {
    color:black; 
}
.w3lbxmblau input[type=submit] {
	background-color:var(--w3l-hellblau); !important
	background-color:deepskyblue;
	color:white;
}
.w3lbxmblau input[type=submit]:hover {
	color:black;
	border:1px solid white;
}
.w3lbxtrans .w3lakkord .w3lboxcontent,
.w3lboxmain h1 {
    padding:0 20px;
}
.w3lakkord .w3lboxmain.w3lbxtrans h1, .w3lakkord .w3lboxmain.w3lbxtrans .w3lboxcontent {
    padding-left:0;
    padding-right:0;
}
.w3lboxcontent h2 {
    font-weight:700;
    font-size:24px;
}
.w3lboxcontent {
    position:relative;
    display:block;
    color:white;
    width:100%; height:100%;
    text-align:left;
    padding:0px;
}
.w3lboxlogolinks .w3lboxcontent {
	height:auto;
}
/* weiße box auf weißem Hintergrund mit Rand */
.w3lweiss .w3lbxweiss .w3lboxbox {
    border:1px solid var(--w3l-mgrau); !important
    border:1px solid #c0c0c0;
}
.w3l-footer .w3lboxbox {
	margin-bottom:0;
	padding-right:0;
	padding-bottom:0;
}
.w3l-footer .w3lboxbox:nth-child(4) {
	padding-top:0;
}

/* Mehr erfahren: gemeinsame Einstellungen */
.w3lboxmehr {
    width:fit-content;
    height:fit-content;
    padding:3px 5px;
    font-size:10pt;
    white-space:nowrap;
}
/* Mehr erfahren: hellblau und statische Position für Headerbox */
.w3lboxmehr1 {
    background-color: var(--w3l-hellblau); !important
    background-color: deepskyblue;
    color:white;
    position:absolute;
    left:0; bottom:0;
}
/* Mehr erfahren: weiß mit grauem Rand und flißend für Newsbox */
.w3lboxmehr2 {
    border:1px solid var(--w3l-mgrau); !important
    border:1px solid #c0c0c0;
    color: var(--w3l-mgrau); !important
    color: #c0c0c0;
    margin:10px 0 10px 20px;
}
.terminbox .w3lboxmehr2 {
    position:absolute;
    bottom:-15px; left:0;
}
.newsbox .w3lboxmehr2 { /* unklar, warum unterschied zur terminbox */
    position:absolute;
    bottom:-35px; left:0;
}
.graytitle h1,
.w3l-content .terminbox h1, 
.w3l-content .terminbox h1 a, 
.w3l-content .terminbox h1 a:visited  {
    text-align:center;
    color: var(--w3l-dgrau); !important
    color:gray;
}
.terminbox h1 a:hover  {
    color: var(--w3l-orange); !important
    color: orange;
}

.terminbox .w3lboxbox,
.newsbox .w3lboxbox {
	padding-bottom:40px; /* zusaetzlichen Platz schaffen fuer abs. w3lboxmehr2 */
}
.w3lboxmehr2 a, .w3lboxmehr2 a:link, .w3lboxmehr2 a:visited {
    color: var(--w3l-mgrau); !important
    color:#c0c0c0;
}
.w3lboxmehr2 a:hover {
    color: var(--w3l-orange); !important
    color: orange;
}

img.w3lboxlogo {
    position:absolute;
    right:0; bottom:0;
    display:block;
    width:90px;
    max-width:30%;
}
.w3lboxlogolinks img.w3lboxlogo {
	left:30px;
	right:auto;
	bottom:20px;
}
.csscols .w3lboxlogolinks img.w3lboxlogo {
	max-width:15%;
	left:7%;
	bottom:7%;
}
.w3lboxcontent p {
    font-weight:500;
    font-size:18px;
}
.w3lboxcontent p.withlogo {
    margin-right:30%;
    }
p.teaser {
    font-weight:700;
    /*font-size:24px;*/
    font-size:20px;
    color: var(--w3l-dgrau); !important
    color:gray;
    padding:0;
}

/**********************
*   Bottom            *
***********************/
.w3llast {
	padding-bottom:0;
}
.w3l-footer img {
	max-width:100%;
}

.nologo { /* platzhalter */
	height:65px;
}
.mittelstand {
	width:180px;
	max-width:100%;
}
img.social {
	padding:20px 0 40px 5px;
	width:calc(25% - 5px);
	max-width:45px;
}
.right {
	text-align:right;
}

.w3l-footer p {
	padding:5px 0;
	font-size: 15px;
	}
div.clear {
	clear: both;
}
div.clearleft {
	clear: left;
}


/* Extras */

pre {
    font-size: 0.9em;
}

li.ad {
    padding-left:18px;
}

ul.small {
    padding:0; margin:0;
}

ul.small li {
    margin:0; padding-top:0; padding-bottom:0;
    line-height:90%;
}

p.credits {
    font-style:italic;
    font-size:10px;
    margin:10px 0 0 0;
}

p.small {
    font-size:10px;
    font-weight:normal;
    padding:0; margin:0;
}

li.versteckt {
    display:none;
}

.w3l-content a.black, 
.w3l-content a.black:visited  { 
    color:black;
    text-decoration: none;
    }

img.imginv  { 
    visibility:hidden;
    }

div.logobox#eubox {
    margin-top:90px;
    background-image:url(/images/flag_2colors.gif);
    background-position:17px 0px;
}
div.logobox#eubox p {
    color:#808080;
    font-size:9px;
    margin-left:70px;
}

div.logobox#vdklbox {
    margin:40px 47px auto 0px;
    background-image:url(/images/vdkl-logo-klein.jpg);
    height:160px;
}
div.logobox#vdklbox p {
    color:#4496be;
    font-size:9px;
    margin-left:0px;
}
div.logobox#bmbfbox {
    height:110px; 
    background-image:url(/images/BMBF/BMBF_RGB_Gef_L_crop.jpg);
    background-size:contain;
    margin-bottom:20px;
}
div.logobox#bmbfboxe {
    height:110px;
    background-image:url(/images/BMBF/BMBF_RGB_Gef_L_e_crop.jpg);
    background-size:contain;
    margin-bottom:20px;
}
div.logobox#mittelbox {
    margin-top:20px;
    background-image:url(/images/100proMittel-dunkel-180.png);
}
div.logobox#mittelboxe {
    margin-top:20px;
    background-image:url(/images/100proMid-dunkel-180.png);
    height:100px;
}
div.logobox#efrebox {
    background-image:url(/images/EFRE/efre_eu_logo_359.png);
    background-size:contain;
    height:50px;
    margin-bottom:20px;
}
div.logobox#efrebox2 {
    background-image:url(/images/EFRE/ziel2nrw_400.png);
    background-size:contain;
    height:50px;
}
div.logobox#zimbox {
    background-image:url(/images/ZIM/BMWi_Fz_2017_Office_Farbe_de.png);
    background-size:contain;
    height:200px;
    margin-bottom:20px;
}
div.logobox#zimboxe {
    background-image:url(/images/ZIM/BMWi_Fz_2017_Office_Farbe_en.png);
    background-size:contain;
    height:200px;
    margin-bottom:20px;
}
div.logobox#zimbox2 {
    background-image:url(/images/ZIM/zim_rgb_mittel.png);
    background-size:contain;
    height:200px;
}
div.logobox#effbox {
    background-image:url(/news/eff_logo.jpg);
    background-size:contain;
    height:50px;
}
div.logobox#orabox {
    margin-top:20px;
    background-size:contain;
    background-image:url(/datenbank/o-prtnr-clr-rgb.png);
}
img.forschungslogo {
    max-width:100%;
    margin-top:20px;
}

div.logobox {
	/*display:none;  TODO */
    background:white;
    border:0;
    margin:30px 10px auto 0px;
    background-repeat:no-repeat;
    background-position:0px 0px;
    height:100px;
}

div.footerlogo div.logobox {
    margin-right:10px;
    width:45%;
    background-repeat:no-repeat;
    background-size:contain;
    float:left;
}
/* footerlogo nur wenn zu schmal */
div.footerlogo {
    /*display:none;*/
}

.w3l {
    color:black;
    font-size:11pt;
}
.ueng { margin-bottom:0; }
.oeng { margin-top:0; }

#hidden {
    display:none;
}
.hidden {
    display:none;
}
.ad1 {
    margin-bottom:2px;
}
.ad2 {
    font-size:10px;
    margin-bottom:0px;
}
div.adbig {
    width:468px;
    height:60px;
    margin-bottom:5px;
    float:left;
}
div.adleft {
    width:232px;
    height:60px;
    float:left;
}
div.adright {
    width:234px;
    height:60px;
    float:right;
}
table.x {
	border-collapse: collapse;
}
table.x td {
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px; font-weight:normal;
	border: 1px solid #184185;
	padding:2px 5px 2px 5px;
}
table.x td.c {
	text-align:center;
}
table.x tr.h {
	background-color:#dce2ed;
}

.footerg { display:none; }
span.gray { color: #888; }
span.smblue { font-size:6px; 
    color: var(--w3l-blau); !important
    color: darkblue;
}

/* --- Suchseite */
a.suchlink, a.suchlink:visited, a.suchlink:link {
    font-size:10px;
    color:green;
}

a.sucherg, a.sucherg:visited, a.sucherg:link {
    text-decoration:underline;
}

li.such {
	margin-bottom:10px;
}
.gx { display:none; color:white; }

.notop {
padding-top:0;margin-top:0;
}

#w3l-cookiebox {
    display:block;
    height:auto; width:100%;
    background-color:blue;
    color:white;
    text-align:center;
    font-weight:bold;
    padding:0; margin:0;
    position:fixed;
    bottom:0;
    z-index:100;
}

#w3l-cookiebox p {
    display:block; vertical-align:baseline;
    padding:4px; margin:0px;
}

#w3l-cookiebox a, #w3l-cookiebox a.visited {
    color: white; text-decoration:underline;
}

table.termintabelle td {
    padding-bottom:1em;
}

.col {
margin-top: 1.8ex;
column-count: 2; column-gap:2em;column-width: 270px;
column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver;
}

td.top {
    vertical-align: top;
}
img.logo {
    width:280px; 
}
img.logojubi {
    margin-top:-32px;
}

/* Handy Nav-Menu-Elemente ausblenden */
nav > ul input, nav > ul label {
    display: none;
}
label.drop-icon {
	line-height:22px;
	text-align:right;
}
label.drop-icon::after {
	content:attr(name);
	font-size:35px;
	vertical-align:middle;
    }
label.drop-icon div {
	display:inline;
	float:left;
}
label.drop-icon:hover {
    color: var(--w3l-blau); !important
    color: darkblue;
}
/* leere Mains ausblenden */
div.main:empty {
	display:none;
}

/* ----------- Unter 1280 px: Inhalt dynamisch schrumpfen  ----------------- */
@media all and (max-width:1279px) {

.w3l-content, .w3l-header, .w3l-headercontent, 
.w3l-splash, .w3l-splash-container, .w3l-splash-container-bottom {
    width:100%; min-width:800px;
    }
.w3l-splash-left div {
	margin:0 auto 0 70px;
    }
.splashright .w3l-splash-left div {
    margin:0 calc(100px + 5%) 0 auto;
}
.w3l-header-right {
    border:0px solid green;
    width:calc(100% - 380px);
    padding-right:20px;
}
/* Altes Layout: Kein Sidebar wenn zu schmal */
#sidebar-r {
    display:none;
}
/* s Layout: Dann aber die Logos im Fuss */
div.footerlogo {
    min-height:110px;
    padding-top:10px;
    display:block;
}

/* Bilder schrumpfen */
.main .deko1r, .main .deko { 
    margin:2px 0 0.75em 0.75em; 
    max-width:50%;
}
.main .deko1l { 
    margin:2px 1em 0.75em 0; 
    max-width:50%;
}
.main .deko1r img, .main .deko1l img, 
.main .rightimg img, .main .deko1r-mit img,
.main img
{ 
    max-width:100%;
}
.main .rightimg, .main figure {
    max-width:50%;
    margin-left:10px;
}

.main {
    margin:20px 0 0 0;
    max-width:100%;
    padding:0 60px;
}
p.bread {
    padding:20px 60px;
    background-position:50px 0;
}
.main .newsimg {
    margin-right:0.75em;
}
.w3l-content li {
    margin-left:1em; padding-left:0em;
}
}

/* ----------- Unter 1025 px: Burger-Menu  ----------------- */
@media all and (max-width:1024px) {
.raster23 .w3lboxbox,
.raster23 .w3lboxbox:nth-child(2) {
    width:100%;
}
.raster23 img.vertical {
	position:relative;
}
/* extra titelmenüzeilen ausblenden, Kurz-Langswitch einblenden */
.w3l-nav-top { /* Standardsprachumschaltung aus */
    display:none;
}
.w3l-nav-bot {
	height:100%;
	width:100%;
	padding-top:0;
	float:right;
}
.w3l-nav-bot2 { /* alternatives Sprachumschaltungsmenu */
	float:right;
	display:block;
	border:0px solid blue;
	width:70px;
	margin:60px 0 0 30px;
	color:var(--w3l-dgrau); !important
	color:gray;
	font-weight:normal;
	font-size:12pt;
}
.w3l-nav-bot2 > a:visited, .w3l-nav-bot2 > a {
    color: var(--w3l-blau); !important
    color: darkblue;
}
.w3l-nav-bot2 .gray {
    font-size:12pt;
}
.w3l-container, .w3l-header {
    width:100%;
    min-width:300px;
}

nav > ul { /* ausgeblendetes Burgermenu */
    display:block;
    height:0;
    max-height:0;
    overflow:hidden;
}
nav > ul > li > a {
    display:none;
}

/* Nav-Menu aendern, Stufe 1 */
nav input#toggle {
    display: none;
}
/* Submenue einblenden fuer normale Navigation hier deaktivieren damit es nicht flackert */
.w3l-nav-bot nav > ul > li:hover > ul {
    display:block;
    position:static;
}

nav input#toggle + label {
    display: block;
    width: 50px;
    height: 50px;
    margin-top:45px;
    background:url(../images/menu-duenn.png) center right no-repeat;
    border:0;
    cursor: pointer;
    color:white;
    z-index: 10;
}

input#toggle:checked ~ label {
    background:url(../images/menu-off.png) center right no-repeat;
    }

input#toggle:checked ~ ul {
    display:block;
    height:auto;
    max-height:100vh;
    transition:display 0.5s ease-in;
    background-image:url(/images/2024/Pfeil_W3Hellblau_hoch.svg);
    background-repeat:no-repeat;
    background-size:25px;
    background-position:175px 8px;
}

/* Nav-Menu-Elemente Stufe 2 einblenden */
nav > ul > li label {
    display: block;
    text-align:left;
    margin:0px 2px;
    padding:5px 2px 0px 2px;
}
ul.submenu {
    display:block;
    max-height:0;
    overflow:hidden;
    border:0;
    margin-top:3px;
}
nav > ul > li input[type="radio"]:checked ~ ul.submenu {
      display: block;
      height:fit-content;
      max-height:500px;
    transition:all 0.8s ease-in;
    border-top:1px solid white;
    border-bottom:1px solid white;
}
nav > ul > li input[type="radio"]:checked + label.drop-icon::after {
      content:attr(value);
      /*
    color: var(--w3l-orange); !important
    color: orange;
    */
}

nav > ul  {
    position:absolute;
    width:220px;
    margin:50px 0 0 0;
    padding:20px 0 0 0;
    right:-10px;
    top:50px; 
}
nav > ul > li {
    background-color: var(--w3l-hellblau);
    width:100%;
    margin:0px;
    padding: 0px 7px;
    height:auto;
    background-image:none;
    position:relative;
    font-weight:500;
}
nav > ul > li:last-child {
  padding-bottom:10px;
}
nav > ul > li > ul {
    width:auto;
    box-shadow: none;
    margin:0;
    padding:0;
}
nav ul > li > ul > li a {
  padding:3px 5px;
}

} /*max 1170*/

/* ---Unter 900 px: alles max 2-spaltig, Header-Schrift kleiner  --- */
@media all and (max-width:900px) {
.w3lmobile { /* Mobile-Content eingeblendet */
    display:block;
}
.w3ldesktop { /* Desktop-Content ausgeblendet */
    display:none;
}
.w3lmobile .raster2 .w3lboxcontent img {
	display:block;
	max-width:250px;
	margin:0 auto;
}
.w3l-content, .w3l-header, .w3l-headercontent, 
.w3l-splash, .w3l-splash-container, .w3l-splash-container-bottom {
    width:100%; min-width:0;
    }
.w3l-splash-container-bottom p {
    margin-left:0;
    padding:20px 20px;
    background-position:10px 0;
}
.w3l-splash-left div {
	margin:0 auto 0 20px;
    }
.w3l-splash-container p {
    font-size:30px;
}
p.w3l-mehr {
    font-size:10pt;
}
.w3l-header-left {
    padding:43px 0 0 20px; 
    width:330px;
}

.w3l-header-right {
    padding:0 15px 0 0; 
    width:calc(100% - 320px);
}
.w3l-nav-bot2 {
	margin:60px 0 0 5px;
}
.main {
    margin:0;
    padding:0 20px;
}
.w3lbox {
    padding:20px 0px 20px 0px;
}
h1 {
    font-size: 30px;
    }
p.teaser {
	font-size:20px;
    }
.w3lboxbox {
    margin:0 0 15px 0;
    padding:0;
}
.w3l-footer .raster4 .w3lboxbox, /*spezifität künstlich erhöht wg nth-child */
.raster4 .w3lboxbox, 
.raster3 .w3lboxbox,
.raster3a .w3lboxbox,
.raster2 .w3lboxbox {
	width:calc((100% - 30px) / 2);
}
.w3l-footer .raster4 .w3lboxbox:nth-child(2),
.w3l-footer .raster4 .w3lboxbox:nth-child(3) {
	display:none;
}
.raster6 .w3lboxbox {
    width:calc((100% - 60px) / 3);
}
/*
.raster3a .w3lboxbox:nth-child(3) {
	margin:20px auto;
}
*/
/* Fotoboxen ausbreiten */
.w3lboxcontent img.fotobox {
    float:none;
    max-width:100%;
    margin-right:0;
}
/* Bilder max 50% */
.main > img,
.main > .deko2,
.main > .deko1,
.main > .deko1r,
.storycontent img
{ 
    max-width:50%;
}
} /*max900*/

/* ----------- Unter 480 px: alles 1-spaltig einspaltig ----------------- */
@media all and (max-width:480px) {

.w3l-splash { /* Splash-Bild niedriger */
    height:129px;
}
.w3l-splash img {
    height:129px;
    width:100%;
    object-fit:cover;
}
.w3l-header {
	height:80px;
}
img.logo, 
.w3l-splash-container, .w3l-splash, .w3l-splash-container-bottom, 
.w3l-content, .w3l-nav, .w3l-nav-bot2 {
	max-width:100%;
	min-width:1%;
}
.raster1, .raster2, .raster3, .raster3a, .raster4 {
	padding:0;
}
img.logo {
	padding:0 10px;
}
img.logojubi {
    margin-top:-12px;
    max-height:65px;
    width:205px;
}
div.referenzlogo img {
	display: block;
	margin: 20px auto;
	max-width:80%;
}
.w3l-header-right {
	max-width:40%;
}
.w3l-nav-bot2 .gray {
    font-size:7pt;
}
.w3l-nav-bot2 { /* alternatives Sprachumschaltungsmenu */
	border:0px solid blue;
	max-width:50px;
	margin:35px 0 0 5px;
    font-size:7pt;
}
.w3l-header-right {
    padding-right:10px;
    width:calc(100vw - 205px);
}
.w3l-header-left {
	padding:15px 0 15px 0;
	width:205px;
}
nav input#toggle + label {
	margin-top:15px;
}
nav > ul {
    top:10px; 
}
.main {
	padding:10px 10px 10px 10px;
}
.w3l-splash-container {
	width:100%; 
	height:360px;
}
.w3l-splash {
	flex-direction: column-reverse;
	width:100%; 
	height:100%;
}
.w3l-splash-left, .splashright .w3l-splash-left { /* beide gleich! */
    width:100%;
    height:50%;
    background-image: linear-gradient(to bottom,var(--w3l-blau),var(--w3l-gblau)); !important
    background-image: linear-gradient(to bottom,darkblue,mediumblue); !important
}
.splashright .w3l-splash-left div,
.w3l-splash-left div {
    margin:15px 10px 0 10px;
}
.w3l-splash-container p.w3l-mehr {
    font-size:12px;
    margin:20px 0 -40px 0px;
    padding:1px 4px;
}
.w3l-splash-middle {
	display:none;
}
.w3l-splash-right {
    width:100%;
    height:50%;
    border-bottom:5px solid var(--w3l-hellblau); !important
    border-bottom:5px solid deepskyblue;
}
.w3l-splash-container p {
    margin:0;
    padding:5px 0 5px 0;
    font-size:25px;
}
.w3l-splash-container-bottom {
    border-top:0;
    background-color:white;
    border-left: 100vw solid var(--w3l-gblau); !important
    border-left: 100vw solid mediumblue;
    border-bottom: 60px solid transparent;
    max-width:100vw;
    width:100vw;
    margin:0;
}
.w3l-splash-container-bottom p {
    display:none;
}
.w3l-splash-container img {
	width:100%;
	max-height:50%;
}
div.w3l-side-img {
	display:none;
}
.w3lbox {
	padding:10px 10px 10px 10px;
}
.w3lboxmain h1 {
	padding:0 15px;
}
.w3lboxmain h1
/* .w3lbxtrans .w3lboxcontent */ {
    padding:0 15px;
}
.raster6 .w3lboxbox {
	width:calc((100% - 30px) / 2);
}
.w3l-footer .raster4 .w3lboxbox, /*spezifität künstlich erhöht wg nth-child */
.raster4 .w3lboxbox, 
.raster3 .w3lboxbox,
.raster3a .w3lboxbox,
.raster2 .w3lboxbox {
    width:100%;
}
.raster3a .w3lboxbox:first-child,
.raster3a .w3lboxbox:nth-child(3)
{
    margin:0 0 15px 0;
}
.raster3a {
    padding-left:0;
}
.raster2 .w3lboxcontent {
    padding:0;
}
.w3lboxmain.csscols > div.raster2,
.csscols .row2 {
	column-count:1;
}
.w3lbox h1 {
	padding:0;
}
.w3llast .w3lboxbox {
	padding:5px 0px;
	margin:0;
}
img.social {
	padding:10px 10px 10px 0;
}
.hideable {
	display:none;
}

/* -------------------- */
} /* max480 */


/* ----------- Fonts ----------------- */

/* inter-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/inter-v13-latin-regular.woff2') format('woff2'), 
       url('/fonts/inter-v13-latin-regular.ttf') format('truetype'); 
}
/* inter-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/inter-v13-latin-500.woff2') format('woff2'), 
       url('/fonts/inter-v13-latin-500.ttf') format('truetype'); 
}
/* inter-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/inter-v13-latin-700.woff2') format('woff2'), 
       url('/fonts/inter-v13-latin-700.ttf') format('truetype'); 
}
/* B612 Mono-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'B612 Mono';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/B612Mono-Bold.ttf') format('truetype'); 
}