:root { --pageBackground: rgb(255,255,255); --pageBackgroundDeep: rgb(250,250,250); --pageBackgroundHigh: rgb(235,235,235); --pageForeground: rgb(41, 62, 106); --pageForegroundWaiting: rgb(105,120,150);        /* Foreground on background with A 0.7 */ --pageForegroundInactive: rgb(148,158,180);       /* Foreground on background with A 0.5 */ --pageForegroundLow: rgb(212,216,225);            /* Foreground on background with A 0.2 */ --pageForegroundSubtile: rgb(244,245,247);        /* Foreground on background with A 0.05 */ --buttonColor: rgb(119, 186, 155); --buttonTextColor : rgb(255,255,255); --pageForegroundSupport: rgb(119, 186, 155); --pageForegroundSupportWaiting: rgb(160,207,185); /* Forground support color on background with A 0.7 */ --pageForegroundSupportLow: rgb(214,234,225);     /* Forground support color on background with A 0.2 */ --pageForegroundAccent: rgb(182, 167, 84); --headerForegroundColor: rgb(255,255,255); --headerBackgroundColor: rgba(255,255,255,0.9); --headerFilter: none; --popupBackground: rgb(245, 245, 245); --popupBackgroundHover: rgb(231, 231, 231); --popupForeground: rgb(51,51,51); --strokeColor: rgba(255,255,255,0.95);            /* = Background color */ --overlayColor: rgba(255,255,255,0.5);            /* = Background color */ --maskColor: rgba(77, 77, 77, 0.5); --illustrationFilter: none; --boxShadowColor: rgba(0, 0, 0, 0.4); --errorColor: rgb(243,7,7); } @media (prefers-color-scheme: dark) { :root { --pageBackground: rgb(51,51,51); --pageBackgroundDeep: rgb(65,65,65); --pageBackgroundHigh: rgb(90,90,90); --pageForeground: rgb(210,210,210); --pageForegroundWaiting: rgb(156,156,156);        /* Foreground on background with A 0.7 */ --pageForegroundInactive: rgb(120,120,120);       /* Foreground on background with A 0.5 */ --pageForegroundLow: rgb(84,84,84);               /* Foreground on background with A 0.2 */ --pageForegroundSubtile: rgb(39,39,39);           /* Foreground on background with A 0.05 */ --buttonColor: rgb(99,146,124); --buttonTextColor : rgb(210,210,210); --pageForegroundSupport: rgb(99,146,124); --pageForegroundSupportWaiting: rgb(84,117,102);  /* Forground support color on background with A 0.7 */ --pageForegroundSupportLow: rgb(66,80,73);        /* Forground support color on background with A 0.2 */ --pageForegroundAccent: rgb(182, 167, 84); --headerForegroundColor: rgb(210,210,210); --headerBackgroundColor: rgba(51,51,51,0.9); --headerFilter: brightness(0.7); --popupBackground: rgb(102,102,102); --popupBackgroundHover: rgb(124,124,124); --popupForeground: rgb(245,245,245); --strokeColor: rgba(51,51,51,0.95);               /* = Background color */ --overlayColor: rgba(51,51,51,0.5);               /* = Background color */ --maskColor: rgba(77, 77, 77, 0.5); --illustrationFilter: brightness(0) invert(1); --boxShadowColor: rgba(0, 0, 0, 0.4); --errorColor: rgb(211,31,31); } } html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color: var(--pageForeground); background-color: var(--pageBackground); line-height: 1.3em; font-family: open-sans,sans-serif; font-size: 1.1em; min-height: 100%; } body { margin: 0; padding: 0; } .colorTesterBackground { background-color: var(--pageBackground); color: var(--pageBackground); padding: 10px; } .colorTester { background-color: var(--pageForeground); opacity: 1; width: 50px; height: 50px; display: inline-block; } .colorTester.support { background-color: var(--pageForegroundSupport); } .colorTester.accent { background-color: var(--pageForegroundAccent); } @-ms-viewport{ width: device-width; } .masker { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--maskColor); z-index: -5; display: none; } .alertscreen { position: fixed; top: 0px; left: 0px; width: 100%; padding: 0px; color: var(--pageForeground); background-color: var(--pageBackground); text-align: center; z-index: -5; display: none; box-shadow: 0px 4px 20px 0px var(--boxShadowColor); } .inner_text { margin: 30px 0px; } .confirmscreen button, .alertscreen button { color: var(--pageForeground); background-color: var(--pageBackground); width: 125px; font-weight: normal; padding: 0px; border: 1px solid var(--pageForeground); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; box-sizing : border-box; vertical-align: middle; } .alertscreen.panel { left: 10px; width: calc(100% - 20px); border: 1px solid var(--pageForegroundInactive); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-sizing : border-box; } .strokeClass {  /* todo */ position: fixed; top: 5px; left: 50%; -webkit-transform: translate(-50%, -100px); transform: translate(-50%, -100px); z-index: +5000; width: 450px; height: 80px; padding: 10px; overflow: hidden; background-color: var(--strokeColor); border-style: solid solid solid solid; border-color: var(--pageBackgroundHigh); border-width: 2px; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px 5px 5px 5px; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; cursor: pointer; box-sizing : border-box; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .strokeContentClass { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: var(--pageForeground); line-height: 1.3em; font-family: open-sans,sans-serif; font-size: 0.9em; text-align: center; } .strokeClass_show { -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); box-shadow: 0px 4px 20px 0px var(--boxShadowColor); } .copyContent { word-wrap: break-word; overflow-wrap: break-word; } .copyContent::selection { background: none; } .actionIcon { color: var(--pageForegroundInactive); margin-right: 20px; cursor: pointer; } .actionIcon:hover { color: var(--pageForeground); } p { margin-top: 0em; margin-bottom: 0em; } ul { margin-top: 0em; margin-bottom: 0em; } a:link, a:visited { color : var(--pageForegroundSupport); text-decoration : none; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } a:hover { color : var(--pageForegroundSupport); text-decoration : underline; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } h1 { font-size : 1.4em; line-height: 1.1em; color : var(--pageForeground); font-weight: normal; margin-top: 0pt; margin-bottom: 0.2em; } h2 { font-size : 1.2em; line-height: 1.1em; color : var(--pageForegroundSupport); font-weight : normal; margin-top: 0pt; margin-bottom: 0.1em; } h3 { font-size : 1em; color : var(--pageForegroundSupport); font-weight : normal; margin-top: 0pt; margin-bottom: 0em; } h4 { font-size : 1em; color : var(--pageForegroundSupport); font-weight : normal; font-style: italic; margin-top: 0pt; margin-bottom: 0em; } form { max-width: 1080px; margin: 0 auto; padding: 0px; text-align: left; } .editblock form { width: 100%; max-width: 2000px; } input { color : var(--pageForeground); width: 100%; box-sizing : border-box; border-color: var(--pageForegroundWaiting); border-style: solid; border-width: 2px; background-color: var(--pageBackgroundDeep); padding: 4px 4px 4px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size : 1em; line-height: 1.3em; } input[type="checkbox"] { width: 20px; height: 20px; margin: -3px 5px 0px 0px; padding: 0px; vertical-align: middle; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: var(--pageBackgroundDeep); } input[type="checkbox"]:checked { position: relative; -webkit-appearance: none; appearance: none; background-color: var(--pageBackgroundDeep); } input[type="checkbox"]:checked::after { content: ""; display: block; width: 5px; height: 10px; border: solid var(--pageForeground); border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 0.5px; left: 4.5px; } input:disabled { color : var(--pageForegroundInactive); background: var(--pageBackgroundHigh); } button { border: 1px solid var(--buttonColor); background-color: var(--buttonColor); width: 100%; color: var(--buttonTextColor); font-size : 1em; line-height: 1.5em; font-weight: bold; padding: 10px; margin: 5px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; box-sizing : border-box; vertical-align: middle; } .button_push { background-color: var(--pageForegroundSupportWaiting); } .buttonarea { padding: 1em 0px 0px 0px; } .imagebutton { border-style: none; border-width: 0px; padding: 0px; } .radio_button { width: 1em; height: 1em; } .checkbox { width: 1.4em; height: 1.4em; color : var(--pageForegroundWaiting); border-color: var(--pageForegroundWaiting); border-style: solid; border-width: 2px; background-color: var(--pageBackground); font-weight: bold; margin: 0px 7px 0px 0px; padding: 0px; vertical-align: middle; } select { color : var(--pageForeground); /*  width: 100%;  */ border-color: var(--pageForegroundWaiting); border-style: solid; border-width: 2px; box-sizing : border-box; background-color: var(--pageBackground); padding: 4px 4px 4px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size : 1em; line-height: 1.3em; } select:disabled { color : var(--pageForegroundInactive); background: #E6E6E6; } textarea { color : var(--pageForeground); border-color: var(--pageForegroundWaiting); border-style: solid; border-width: 2px; background-color: var(--pageBackgroundDeep); width: 100%; box-sizing : border-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size : 1em; line-height: 1.3em; font-family: open-sans,sans-serif; padding: 4px 0px 1px 3px; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--pageForegroundInactive); } ::-moz-placeholder { /* Firefox 19+ */ color: var(--pageForegroundInactive); } :-moz-placeholder { /* Firefox 18- */ color: var(--pageForegroundInactive); } .spacer { clear: both; } .kader { background-color: var(--pageForegroundWaiting); color : var(--pageForeground); border-color: var(--pageBackground); border-style: solid; border-width: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 100%; margin: 20px 0px; padding: 20px 20px 20px 20px; box-sizing : border-box; font-size : 1em; line-height: 1.3em; color: var(--pageBackground); text-align: center; } .show_list { width: 100%; } .show_list a { display: block; border-style: hidden hidden solid hidden; border-color: rgb(66, 66, 66); border-width: 1px; color: var(--pageForeground); text-decoration : none; } .show_list a:hover { background-color: var(--pageForegroundLow); } .slist { display: inline-block; width: 150px; } .nlist { display: inline-block; font-size: 0.6em; width: 150px; } .wlist { display: inline-block; width: 320px; } .blist { display: inline-block; width: 320px; font-weight: bold; } .introblock { position: relative; background-color: var(--pageForegroundLow); } .introblocktext { max-width: 1080px; margin: 0px auto; } .textblock, .standardblock, .editblock { position: relative; background-color: var(--pageBackground); } .nomenuheader { height: 68px; width: 100%; position: relative; background: url("header_picture.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: var(--pageBackground); filter: var(--headerFilter); padding: 0px; border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 3px; } .nomenuheader_layer { height: 100%; width: 100%; top: 0px; left: 0px; background-color: var(--overlayColor); } .nomenuheader a { height: 40px; width: 134px; max-width: 100%; display: inline-block; position: absolute; background: url("kvgi_logo.png") no-repeat center center; background-color: var(--pageForeground); border: 0px; margin: 0px; top: 14px; left: 14px; text-decoration : none; } .pageproperties { margin-top: 25px; text-align: right; font-size : 0.7em; } @media (max-width: 500px) { .pagina { height: 100%; } .container { position: absolute; height: 100%; width: 100%; } .ankertag { position: relative; width: 100%; height: 0px; top: -70px; z-index:-50; } .siteheader, .smallheader { height: 68px; width: 100%; position: fixed; z-index: +1; margin-top: 0px; background: url("header_picture.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: var(--pageBackground); filter: var(--headerFilter); padding: 0px; border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 3px; } .siteheader_layer, .smallheader_layer { height: 100%; width: 100%; top: 0px; left: 0px; /* background-color: var(--pageBackground); */ } .smallheader a:link, .smallheader a:visited, .smallheader a:hover { color: var(--headerForegroundColor); text-decoration : none; } .siteheader a, .smallheader_logo { height: 40px; width: 134px; max-width: 100%; display: inline-block; position: absolute; background: url("kvgi_logo.png") no-repeat center center; background-color: var(--pageForeground); border: 0px; margin: 0px; top: 14px; left: 14px; text-decoration : none; } .siteheader_placer, .smallheader_placer { height: 71px; display: block; position: relative; } .smallheader_dynamiclogo { max-width: 80%; display: inline-block; position: absolute; color: var(--headerForegroundColor); font-size: 1.3em; border: 0px; margin: 0px; top: 25px; left: 14px; } .menu_button { height: 40px; width: 40px; position: absolute; right: 14px; top: 14px; padding: 0px; background: url("menu_button.png") no-repeat center center; color: var(--pageForeground); background-color: var(--headerForegroundColor); cursor: pointer; } .menu_button:hover { background-color: var(--pageForegroundInactive); } .top_menu_container { display: none; } .top_menu { display: none; } .wide_menu { position: fixed; top: 70px; display: none; width: 100%; z-index: +10; } .wide_menu_selected { display: none; } .wide_menu .clickMenuItem, .wide_menu a { display: block; background-color: var(--pageForegroundWaiting); background-image: url( "button_arrow_right.png" ); background-position: right 20px center; background-repeat: no-repeat; border-style: hidden hidden solid hidden; border-color: var(--pageBackground); border-width: 1px; padding: 20px 20px 20px 20px; font: 1.1em arial, sans-serif; font-weight: bold; color: var(--headerForegroundColor); text-decoration : none; cursor: pointer; } .wide_menu .clickMenuItem:hover, .wide_menu a:hover { background-color: var(--pageForegroundSupportWaiting); } .show_list a { padding: 4px 14px 4px 14px; } .introblock, .standardblock, .editblock { padding: 14px 14px 40px 14px; } .textblock { padding: 14px 0px; } .textblock h1, .textblock h2, .textblock h3, .textblock h4, .textblock p, .textblock .pageproperties { padding: 0px 14px; } .textblock img { width: 100%; margin-top: 1em; margin-bottom: 1em; } .inneralert { padding: 20px 14px 20px 14px; } .labelColumn { display: none; float: left; width: 100%; text-align: left; padding: 0px 0px 0px 0px; margin-right: 10px; } .inputColumn { float: left; text-align: left; width: 100%; margin-bottom: 7px; } .addresssplit { display: block; } .icon-only { display: none; } .text-only { display: inline; } } /* end max-width 500px */ @media (min-width: 961px) { .pagina { width : 100%; height: 100%; margin: 0 auto; } .container { width: 100%; position: relative; } .ankertag { position: relative; width: 100%; height: 0px; top: -50px; z-index:-50; } .siteheader { position: absolute; height: 400px; width: 100%; background: url("header_picture_large.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: var(--pageBackground); filter: var(--headerFilter); padding: 0px; border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 7px; z-index: +5; } .siteheader_layer { display: none; } .siteheader a { height: 200px; width: 670px; display: block; position: relative; background: url("kvgi_logo_large.png") no-repeat; background-color: var(--pageForeground); border: 0px; margin: 0 auto; top: 100px; text-decoration : none; } .siteheader_placer { height: 400px; display: block; position: relative; } .smallheader { position: absolute; height: 68px; width: 100%; background: url("header_picture_large.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: var(--pageBackground); filter: var(--headerFilter); padding: 0px; border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 3px; z-index: +5; } .smallheader_layer { display: none; } .smallheader a:link, .smallheader a:visited, .smallheader a:hover { color: var(--headerForegroundColor); text-decoration : none; } .smallheader_logo { height: 40px; width: 134px; max-width: 100%; display: block; position: relative; background: url("kvgi_logo.png") no-repeat center center; background-color: var(--pageForeground); border: 0px; margin: 0px; top: 14px; left: 25px; text-decoration : none; } .smallheader_placer { height: 71px; display: block; position: relative; } .smallheader_dynamiclogo { max-width: 80%; display: inline-block; position: absolute; color: var(--headerForegroundColor); font-size: 1.3em; border: 0px; margin: 0px; top: 25px; left: 25px; } .menu_button { display: none; } .top_menu_container { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background-color: var(--headerBackgroundColor); border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 1px; z-index: +2; } .top_menu_container a:link, .top_menu_container a:visited, .top_menu_container a:hover { color: var(--pageForeground); text-decoration : none; } .top_menu_container_logo { height: 40px; width: 134px; max-width: 100%; display: inline-block; position: absolute; background: url("kvgi_logo.png") no-repeat center center; background-color: var(--pageForeground); border: 0px; margin: 0px; top: 5px; left: 25px; } .top_menu_dynamiclogo { max-width: 80%; display: inline-block; position: absolute; color: var(--pageForeground); border: 0px; margin: 0px; top: 15px; left: 25px; } .top_menu { position: absolute; display: block; right: 0px; padding: 15px 25px 0px 0px; font: 1.1em arial, sans-serif; font-weight: normal; color: var(--pageForeground); text-decoration : none; text-align: right; } .top_menu a, .wide_menu a, .wide_menu .clickMenuItem { margin-left: 20px; cursor: pointer; } .top_menu a:link, .top_menu a:visited { color: var(--pageForeground); text-decoration : none; } .top_menu a:hover { color : var(--pageForegroundAccent); text-decoration : none; } .wide_menu { position: absolute; top: 25px; right: 25px; padding: 0px; font: 1.1em arial, sans-serif; font-weight: normal; color: var(--headerForegroundColor); text-decoration : none; text-align: right; z-index: +51; } .wide_menu_selected { display: inline; color : var(--pageForegroundAccent); } .wide_menu a:link, .wide_menu a:visited { color: var(--headerForegroundColor); text-shadow: 0px 0px 5px black; text-decoration : none; } .wide_menu a:hover, .wide_menu .clickMenuItem:hover { color : var(--pageForegroundAccent); text-shadow: 0px 0px 5px black; text-decoration : none; } .show_list a { padding: 4px 25px 4px 25px; } .introblock, .textblock, .standardblock, .editblock { padding: 25px 25px 40px 25px; } .textblock { max-width: 700px; margin: 0px auto; } .textblock img { width: 100%; margin-top: 1em; margin-bottom: 1em; } .inneralert { padding: 20px 25px 20px 25px; } .labelColumn { float: left; width: 250px; text-align: right; padding: 6px 0px; font-size : 1em; line-height: 1.3em; vertical-align: middle; margin-right: 10px; } .inputColumn { float: left; text-align: left; width: calc(100% - 250px - 120px); margin-bottom: 3px; } button { width: 250px; } .smallpage { width : 320px; margin: 0 auto; } .smallpage button { width: 100%; } .smallpage .labelColumn, .smallpage .inputColumn { width: 100%; text-align: left; } .smallpage .labelColumn { display: none; } .smallpage .inputColumn { margin-bottom: 7px; } .addresssplit::before { content: ", "; } .icon-only { display: inline; } .text-only { display: none; } }   /* end 961px  */ @media (min-width: 501px) and (max-width: 960px) { .pagina { width: 100%; height: 100%; } .container { width: 100%; position: relative; } .ankertag { position: relative; width: 100%; height: 0px; top: -50px; z-index:-50; } .siteheader { position: absolute; height: 300px; width: 100%; background: url("header_picture_medium.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: var(--pageBackground); filter: var(--headerFilter); padding: 0px; border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 7px; z-index: +5; } .siteheader_layer { display: none; } .siteheader a { height: 150px; width: 503px; max-width: 100%; display: block; position: relative; background: url("kvgi_logo_medium.png") no-repeat center center; background-color: var(--pageForeground); border: 0px; margin: 0 auto; top: 75px; text-decoration : none; } .siteheader_placer { height: 300px; display: block; position: relative; } .smallheader { position: absolute; height: 68px; width: 100%; background: url("header_picture_medium.jpg") no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: var(--pageBackground); filter: var(--headerFilter); padding: 0px; border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 3px; z-index: +5; } .smallheader_layer { display: none; } .smallheader a:link, .smallheader a:visited, .smallheader a:hover { color: var(--headerForegroundColor); text-decoration : none; } .smallheader_logo { height: 40px; width: 134px; max-width: 100%; display: block; position: relative; background: url("kvgi_logo.png") no-repeat center center; background-color: var(--pageForeground); border: 0px; margin: 0px; top: 14px; left: 25px; text-decoration : none; } .smallheader_placer { height: 71px; display: block; position: relative; } .smallheader_dynamiclogo { max-width: 80%; display: inline-block; position: absolute; color: var(--headerForegroundColor); font-size: 1.3em; border: 0px; margin: 0px; top: 25px; left: 25px; } .menu_button { display: none; } .top_menu_container { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; background-color: var(--headerBackgroundColor); border-style: hidden hidden solid hidden; border-color: var(--pageForeground); border-width: 1px; z-index: +2; } .top_menu_container a:link, .top_menu_container a:visited, .top_menu_container a:hover { color: var(--pageForeground); text-decoration : none; } .top_menu_container_logo { height: 40px; width: 134px; max-width: 100%; display: inline-block; position: absolute; background: url("kvgi_logo.png") no-repeat center center; background-color: var(--pageForeground); border: 0px; margin: 0px; top: 5px; left: 25px; } .top_menu_dynamiclogo { max-width: 80%; display: inline-block; position: absolute; color: var(--pageForeground); border: 0px; margin: 0px; top: 15px; left: 25px; } .top_menu { position: absolute; display: block; right: 0px; padding: 15px 25px 0px 0px; font: 1.1em arial, sans-serif; font-weight: normal; color: var(--pageForeground); text-decoration : none; text-align: right; } .top_menu a, .wide_menu a, .wide_menu .clickMenuItem { margin-left: 20px; cursor: pointer; } .top_menu a:link, .top_menu a:visited { color: var(--pageForeground); text-decoration : none; } .top_menu a:hover { color : var(--pageForegroundAccent); text-decoration : none; } .wide_menu { position: absolute; top: 25px; right: 25px; padding: 0px; font: 1.1em arial, sans-serif; font-weight: normal; color: var(--headerForegroundColor); text-decoration : none; text-align: right; z-index: +51; } .wide_menu_selected { display: inline; color : var(--pageForegroundAccent); } .wide_menu a:link, .wide_menu a:visited { color: var(--headerForegroundColor); text-shadow: 0px 0px 5px black; text-decoration : none; } .wide_menu a:hover, .wide_menu .clickMenuItem:hover { color : var(--pageForegroundAccent); text-shadow: 0px 0px 5px black; text-decoration : none; } .show_list a { padding: 4px 25px 4px 25px; } .introblock, .textblock, .standardblock, .editblock { padding: 25px 25px 40px 25px; } .textblock { max-width: 700px; margin: 0px auto; } .textblock img { width: 100%; margin-top: 1em; margin-bottom: 1em; } .inneralert { padding: 20px 25px 20px 25px; } .labelColumn { display: none; float: left; width: 100%; text-align: left; padding: 0px 0px 0px 0px; margin-right: 10px; } .inputColumn { float: left; text-align: left; width: 100%; margin-bottom: 7px; } .buttonarea { text-align: center; } button { width: 250px; } .smallpage { width : 320px; margin: 0 auto; } .smallpage button { width: 100%; } .smallpage .labelColumn, .smallpage .inputColumn { width: 100%; text-align: left; } .addresssplit::before { content: ", "; } .icon-only { display: inline; } .text-only { display: none; } }  /* en between 501 and 960  */ .smallLabelColumn { float: left; text-align: left; display: inline-block; width: 84%; /* fallback if needed */ width: calc(85% - 2px); box-sizing: border-box; padding-top: 6px; padding-left: 15px; height: 1.7em; } .smallInputColumn { position: relative; float: left; text-align: left; display: inline-block; width: 14%; /* fallback if needed */ width: calc(15% - 5px); box-sizing: border-box; margin-bottom: 7px; } .sitefooter { background-color: var(--pageForegroundLow); text-align: center; padding: 30px 20px 30px 20px; color: var(--pageForegroundWaiting); font: 0.7em arial, sans-serif; } .sitefooter img { border: 0px; } .sitefooter a:link, .sitefooter a:visited { color: var(--pageForegroundWaiting); text-decoration : none; } .sitefooter a:hover { text-decoration : underline; } .edittag { display: block; position: absolute; right: 14px; text-align: right; font-size: 24px; } .edittag a:link, .edittag a:visited { color: grey; text-decoration: none; } .edittag a:hover { color: darkgray; text-decoration: none; } .requiredField { border-color: red; } .portretpicture { float: right; max-width: 210px; padding: 0px 0px 0px 10px; margin: 0px; filter: var(--headerFilter); } .actionbuttons > .inputColumn { text-align: right; } .actionbuttons button { width: 125px; } .showDiv { display: block; } .allwaysHidden { display: none; } .alertClose { display: inline-block; position: absolute; top: 5px; right: 5px; padding: 2px 6px; cursor: pointer; } .leftAlign { text-align: left; } .singleLine { display: inline-block; width: calc(100% - 40px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } @media print { html { font-size: 12px; } header { display: none; } .edittag { display: none; } }   /* print */ @font-face { font-family: "WebSymbols"; src: url("foundation-icons.eot"); src: url("foundation-icons.eot?#iefix") format("embedded-opentype"), url("foundation-icons.woff") format("woff"), url("foundation-icons.ttf") format("truetype"), url("foundation-icons.svg#fontcustom") format("svg"); font-weight: normal; font-style: normal; } .webicon-search::before, .webicon-locked::before, .webicon-unlock::before, .webicon-pencil::before, .webicon-delete::before, .webicon-cancel::before, .webicon-ok::before, .webicon-plus::before, .webicon-minus::before, .webicon-like::before, .webicon-love::before, .webicon-favorite::before, .webicon-checkbox::before, .webicon-attachment::before, .webicon-phone::before, .webicon-mail::before, .webicon-web::before, .webicon-location::before, .webicon-home::before, .webicon-info::before, .webicon-refresh::before, .webicon-target::before, .webicon-comment::before, .webicon-img::before, .webicon-config::before, .webicon-list::before, .webicon-prev::before, .webicon-next::before, .webicon-power::before, .webicon-stop::before, .webicon-relations::before, .webicon-results::before, .webicon-eject::before, .webicon-play::before, .webicon-page::before, .webicon-key::before, .webicon-copy::before, .webicon-persons3::before, .webicon-to-archive::before, .webicon-from-archive::before, .webicon-login::before { top: 1px; line-height: 1; font-family: WebSymbols; font-style: normal; font-weight: 400; display: inline-block; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .webicon-search::before { content: "\f16c"; } .webicon-locked::before { content: "\f16a"; } .webicon-unlock::before { content: "\f20a"; } .webicon-pencil::before { content: "\f194"; } .webicon-delete::before { content: "\f204"; } .webicon-cancel::before { content: "\f217"; } .webicon-ok::before { content: "\f126"; } .webicon-plus::before { content: "\f199"; } .webicon-minus::before { content: "\f176"; } .webicon-like::before { content: "\f164"; } .webicon-love::before { content: "\f159"; } .webicon-favorite::before { content: "\f1ee"; } .webicon-checkbox::before { content: "\f127"; } .webicon-attachment::before { content: "\f190"; } .webicon-phone::before { content: "\f1f8"; } .webicon-mail::before { content: "\f16d"; } .webicon-web::before { content: "\f212"; } .webicon-location::before { content: "\f172"; } .webicon-home::before { content: "\f15a"; } .webicon-info::before { content: "\f15e"; } .webicon-refresh::before { content: "\f16b"; } .webicon-target::before { content: "\f1f5"; } .webicon-comment::before { content: "\f132"; } .webicon-img::before { content: "\f195"; } .webicon-config::before { content: "\f214"; } .webicon-list::before { content: "\f168"; } .webicon-prev::before { content: "\f1a9"; } .webicon-next::before { content: "\f148"; } .webicon-power::before { content: "\f19b"; } .webicon-stop::before { content: "\f216"; } .webicon-relations::before { content: "\f1a6"; } .webicon-results::before { content: "\f1a7"; } .webicon-eject::before { content: "\f144"; } .webicon-play::before { content: "\f198"; } .webicon-page::before { content: "\f18e"; } .webicon-key::before { content: "\f160"; } .webicon-copy::before { content: "\f180"; } .webicon-persons3::before { content: "\f200"; } .webicon-to-archive::before { content: "\f143"; } .webicon-from-archive::before { content: "\f20c"; } .webicon-login::before { content: "\f1fe"; }