:root{ --maxWidth: 1600px; --ciFarbe1: #03407f; /* dunkelblau */ --ciFarbe2: #8fb82b; /* gruen */ --ciFarbe3: #f1f4f9; /* hellgrau */ --ciFarbe4: #e4ebf3; /* hellblau */ --ciFarbe5: #ff6600; /* orange */ } *, *::before, *::after {margin:0px; padding:0px; border:none; box-sizing:border-box;} hr {border:0; height:1px; background:var(--ciFarbe1); margin:16px 0;} a[name="toplink"] {display:block; width:0px; height:0px; line-height:0; overflow:hidden;} h3 {/*text-transform:uppercase;*/} a:not(.normalmainmenu,.activemainmenu,.normalsubmenu,.activesubmenu,.button,#content td) {text-decoration:underline; text-decoration-thickness:4px; text-decoration-color:#0033aa1a; text-underline-offset:2px;} #pageWrap {position:relative; width:100vw; background:linear-gradient(to right, rgba(122,156,196,1) 0%,rgba(122,156,196,1) 50%,rgba(178,204,115,1) 100%);} #container {position:relative; display:grid; max-width:var(--maxWidth); width:100%; margin:0 auto; grid-template-columns:1fr; grid-template-rows:auto 1fr; align-content:start; background:rgb(255, 255, 255);} #container *:not(#navigation, ul.fullmenu *, #extContent) {font-size:max(16px,16px + .1vw); line-height:max(24px,24px + .1vw); font-size:16px;} #logo {height:60px;} #logo a img {width:auto; height:100%;} #logo a img.logo1 {display:none;} #navigation {display:none; background:var(--ciFarbe3);} #content {padding:0 10px 100px; background:var(--ciFarbe4)} #content ul, #extContent ul {list-style-position:outside; max-width:80%; margin-left:20px; padding:max(24px,24px + .1vw) 0;} #content ul li, #extContent ul li {margin-bottom:max(12px,12px + .1vw);} #content td {font-size:14px;} #extContent {padding:20px 10px; background:var(--ciFarbe3);} #extContent2 {display:none; margin-top:40px;} #search,#searchNav {padding:0 10px;background:var(--ciFarbe3);} #suche_top {position:relative; margin:20px 0px; line-height:0 !important; font-size:0px !important;} #suche_top > input[type="image"] {position:absolute; z-index:2; height:23px; top:6px; right:5px; padding-left:8px; border:#fff 2px solid; border-left:1px solid #aaa; background:#fff;} .suche_input {position:relative; z-index:1; width:100%; height:35px; padding-right:50px; border:none; outline:none;} .suche_input {width:100%; padding:5px;} #searchNav {display:none; padding:0;} #searchNav #suche_top2 {position:relative; margin:20px 0px; line-height:0 !important; font-size:0px !important;} #searchNav #suche_top2 > input[type="image"] {position:absolute; z-index:2; height:23px; top:6px; right:5px; padding-left:8px; border:#fff 2px solid; border-left:1px solid #aaa; background:#fff;} #searchNav .suche_input {position:relative; z-index:1; width:100%; height:35px; padding-right:50px; border:none; outline:none;} #searchNav .suche_input {width:100%; padding:5px;} #content img {max-width:100%;} #container #extContent, #container #extContent * {font-size:max(14px,14px + .1vw); line-height:max(18px,18px + .1vw); font-size:15px; line-height:24px;} #container #headline {width:calc(100% + 20px); height:auto; margin-left:-10px; margin-bottom:40px; padding:40px 10px 20px; align-content:end; font-size:max(20px,20px + .1vw); line-height:max(24px,24px + .1vw); background:#fff;} #footGrid {position:relative; display:grid; max-width:var(--maxWidth); width:100%; margin:0 auto; padding:50px 10px 100px; grid-template-columns:1fr; grid-gap:40px; background:linear-gradient(to right, rgb(7, 67, 130) 1%,rgb(49, 103, 209) 100%);} .foot,.foot * {color:rgb(255, 255, 255); font-size:max(14px,14px + .1vw); line-height:max(25px,25px + .1vw);} .button {display:grid; max-width:300px; width:100%; color:rgb(255, 255, 255); padding:10px 20px; text-decoration:none; text-transform:uppercase; justify-content:center; border-radius:5px; background-color:var(--ciFarbe5);} .block {background: #ffffff3d; margin:10px 0; padding:10px;} a.activemainmenu:hover, a.normalmainmenu:hover {color:var(--ciFarbe1); font-size:14px; line-height:18px} a.normalmainmenu {color:#808080; font-size:14px; line-height:18px;} a.activemainmenu {color:#ff6600; font-size:14px; line-height:18px;} a.normalsubmenu {color:#808080; font-size:13px; line-height:18px; } a.activesubmenu {color:#ff6600; font-size:13px; line-height:18px; } .submenulayer:last-child {padding-bottom:10px; } .edbloc a img {width:15px !important; height:15px !important} #editblock {position:relative; z-index:2; width:100%; max-width:1920px; margin:0 auto 20px !important; text-align:center; border-color:silver;} .thumbnail_layer #lg_admin_buttons a img {width:15px; height:15px;} /* Privacy Layer - customized */ .cl_cookie_privacy_layer {width:100vw !important; height:100vh !important; display:grid; align-content:center; background-color:#666666cc !important; } .cl_cookie_privacy_layer > div {padding:20px !important; background:linear-gradient(to right, rgb(7, 67, 130) 1%, rgb(49, 103, 209) 100%) !important; box-shadow:0 0 0 3px #fff,20px 20px 50px 0 rgba(0, 0, 0, 0.5);} .cl_cookie_privacy_layer * {max-width:750px !important; border-radius:20px; color:rgb(255, 255, 255) !important; } .cl_cookie_privacy_layer a {margin:20px 0 0; padding:10px 15px !important; color:rgb(255, 255, 255); background-color:#999 !important; border-radius:10px;} .cl_cookie_privacy_layer a:last-child {margin-left:0px;} #cl_privacy_link_y {color:rgb(255, 255, 255); background-color:#468b0c !important;} #cl_privacy_link_n {color:rgb(255, 255, 255); background-color:#8b0c36 !important; margin-right:40px !important;} .modal-overlay {position:fixed; z-index:9999; inset:0; display:none; inset:0; align-items:center; justify-content:center; background:rgba(0, 0, 0, 0.6); } .modal {position:relative; max-width:540px; width:90%; padding:20px; border-radius:10px; text-align:center; box-shadow:0 10px 30px rgba(0,0,0,0.2); background:#fff; } .modal h2 {margin-top:0; } .modal button {position:absolute; bottom:10px; right:20px;padding:10px 18px; color:#fff; border:none; border-radius:4px; background:#007bff; cursor:pointer; } #content1, #content1 * {font-size:14px; line-height:18px;} /* MEDIA QUERIES */ @media(hover:hover) and (pointer:fine) { .button:hover {color:rgb(255, 255, 255); background-color:var(--ciFarbe1);} .modal button:hover {background:#0056b3;} a.normalsubmenu:hover {color:#0056b3;} } @media screen and (min-width:800px){ #logo a img.logo1 {display:block;} #logo a img.logo2 {display:none;} #container {grid-template-columns:300px 1fr;} #container #headline {width:calc(100% + 80px); height:135px; margin-left:-40px; padding:0 40px 20px;} #logo a img {width:100%; height:auto;} #logo {grid-area:1 / 1 / 2 / 2; height:auto; border-top:20px solid rgb(255, 255, 255);} #navigation {grid-area:2 / 1 / 3 / 2; display:block} #content {grid-area:1 / 2 / 4 / 3; padding:0px 40px 100px; border-left:1px solid rgb(255, 255, 255); border-right:1px solid rgb(255, 255, 255);} #search {grid-area:3 / 1 / 4 / 2; padding:0 20px 0; display:none;} #extContent {grid-area:2 / 2 / 4 / 3; padding:20px; display:none;} #extContent2 {display:block;} #searchNav {display:block; margin-top:40px; margin-left:45px; margin-right:20px;} #footGrid {padding:50px 40px 50px; grid-template-columns:1fr 1fr; grid-gap:40px;} #content td {font-size:16px;} } @media screen and (min-width:1250px){ #container {grid-template-columns:300px 1fr 300px; grid-template-rows: auto auto 1fr; background-color:rgba(255, 255, 255,0)} #logo {grid-area:1 / 1 / 3 / 2; height:auto; border-top:20px solid rgb(255, 255, 255);} #navigation {grid-area:3 / 1 / 4 / 2; display:block} #content {grid-area:1 / 2 / 4 / 3; padding:0px 40px 100px; border-left:1px solid rgb(255, 255, 255); border-right:1px solid rgb(255, 255, 255);} #search {grid-area:1 / 3 / 2 / 4; padding:0 20px 0; border-top:75px solid #fff; display:block;} #searchNav {display:none;} #extContent {grid-area:2 / 3 / 4 / 4; padding:20px; display:block;} #extContent2 {display:none;} #footGrid {padding:50px 340px 50px;} #logo a img {width:100%; height:100%; object-fit:cover;} #container #headline {width:calc(100% + 80px); margin-left:-40px; padding:0 40px 20px;} }