/**
*  @template       GeMore Standard-Template
*  @version        see info.php of this template
*  @author         Internet-Service Berlin
*  @copyright      2023 Internet-Service Berlin
*  @license        All rights reserved
*  @license terms  see info.php of this template
*  @platform       see info.php of this template
*/
* {margin:0;padding:0;box-sizing:border-box;}
html, body {height:100%;}
html body {background:#eaf6df;font-size:18px;line-height:24px;color:#555;}
img {border:none;text-decoration:none;outline:none;}
.js .slicknav_menu , .js #menu {display:none;}
a, img, #phone, #mail, .move-up {outline:none;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}
b, strong {}
#menu, .slicknav_menu {display:none;}
/* ~~~~~~~~~~~~~~~~~~~ HEADER  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {position:fixed;width:100%;top:0;left:0;background:#08600a;height:130px;display:flex;justify-content:flex-start;z-index:999;padding:20px 20px;}
#title {display:flex;align-items:center;padding:0 80px 0 0;}
#logo {padding:0 30px 0 0;}
#title_short {font-size:60px;line-height:60px;}
#title_long {font-size:22px;line-height:22px;padding:8px 0 0 30px;}
#title_short a:link, #title_short a:visited {color:#fff;text-decoration:none;}
#title_long a:link, #title_long a:visited {color:#fff;text-decoration:none;}
#title_short a:focus, #title_short a:hover, #title_short a:active, #title_long a:focus, #title_long a:hover, #title_long a:active {color:#ddd;}
/*
#title_short a:link, #title_short a:visited {color:#08600a;text-decoration:none;}
#title_long a:link, #title_long a:visited {color:#609562;text-decoration:none;}
#title_short a:focus, #title_short a:hover, #title_short a:active, #title_long a:focus, #title_long a:hover, #title_long a:active {color:#062c07;}
#title_short span.light {color:#609562;}
*/
#logout {display:flex;align-items:center;padding:0 0 0 20px;}
#logout input.dbutton {font-size:18px;line-height:18px;color:gold;text-decoration:none;font-weight:normal;text-transform:uppercase;background:none;border:none;cursor:pointer;}
#logout input.dbutton:focus, #logout input.dbutton:hover {color:#fff;}
#logout a:link, #logout a:visited {font-size:18px;line-height:18px;color:#fff;text-decoration:none;font-weight:normal;text-transform:uppercase;padding:0 40px 0 0;}
#logout a:focus, #logout a:hover, #logout a:active {color:#ddd;}
/* ~~~~~~~~~~~~~~~~~~~~~~ NAVI  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
nav {display:flex;align-items:center;padding:32px 0 0 0;}
nav ul {display:flex;justify-content:space-between;list-style:none;}
nav li {padding:0 20px;}
nav li a:link, nav li a:visited {font-size:18px;line-height:18px;color:#fff;text-decoration:none;font-weight:normal;text-transform:uppercase;}
nav li a:focus, nav li a:hover,nav li a:active {color:#ddd;}
/* ~~~~~~~~~~~~~~~~~~~ CONTENT  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content {width:100%;min-height:400px;background:#fff;padding:180px 0 20px 0;}
#content p {margin:0 0 20px 0;}
#content ul {margin:0 0 20px 20px;font-size:18px;line-height:24px;}
#content p.small {margin:0 !important;}
#content h1 {font-size:36px;line-height:40px;margin:0 0 20px 0;color:#08600a;}
#content a:link, #content a:visited {text-decoration:none;color:#219824;}
#content a:focus, #content a:hover, #content a:active {color:#333;}
table.captcha_table {margin:10px 0 0 0;}
/* ~~~~~~~~~~~~~~~~~~~ FOOTER  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {width:100%;background:#eaf6df;font-size:15px;line-height:18px;}
#footer_content {width:1127px;margin:0 auto;padding:50px 0;text-align:center;}
#footer_nav ul {list-style:none;display:flex;justify-content:center;padding:0 0 20px 0;}
#footer_nav li {padding:0 10px 0 0;}
#footer_nav li:after {content:'|';padding:0 0 0 10px;}
#footer_nav li:last-child:after {content:'';padding:0;}
#footer_content a:link, #footer_content a:visited {text-decoration:none;color:#219824;}
#footer_content a:focus, #footer_content a:hover, #footer_content a:active {color:#333;}
#footer h2 {text-transform:uppercase;font-size:18px;}


.ui.orange.message {background-color:#f1f1f1;color:#f2711c;box-shadow:none;}
#content .ui.orange.message p {margin:0;}
.ui.form .field.field input:-webkit-autofill {box-shadow: 0 0 0 100px ivory inset!important;border-color: #219824!important;}
fieldset {border:1px solid #555;}
.ui.button:last-child {margin:0;}
.ui.grey.button:hover, .ui.grey.buttons .button:hover {background-color:#aaa;}

.ui.text.container {max-width:1127px;}
.ui.segment {padding:1em 0;}
.ui.segment {border:none;box-shadow:none;}
.ui.grey.segment.segment.segment.segment.segment:not(.inverted) {border:none;}
.ui.secondary.segment {padding:1em;}
.ui.message, .ui.warning.message {box-shadow:none;}
.ui.warning.message {background-color:#f3dbd6;color:#791e02;}
.ui.warning.message .header {color:#791e02;}
.button_frame {display:flex;justify-content:space-between;}
.button_frame>.ui.button {flex:1 1 25%;width:25%;display:flex;align-items:center;justify-content:center;}
.ui.button, .ui.grey.button {font-size:18px;}
.ui.grey.button {background-color:#888;}
.ui.teal.button, .ui.teal.buttons .button {background-color: #349379;}
.ui.blue.button, .ui.blue.buttons .button {background-color: #316a8e;}
.ui.red.button, .ui.red.buttons .button {background-color: #b22222;}
#content a.ui.grey.button:link, #content a.ui.grey.button:visited {text-decoration:none;color:#fff;}
.ui.positive.button, .ui.positive.buttons .button {background-color: #08600a;}
.ui.orange.button:hover, .ui.orange.buttons .button:hover {background-color: #f8a73e;}
.ui.table {color:#333;border:0;}
.ui.table>thead>tr>th {background: #eee;}
.ui.steps .step.active .title {color: #333;}

.ui.vertical.stripe h3 {font-size: 2em;}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {margin-top: 3em;}
.ui.vertical.stripe .floated.image {clear: both;}
.ui.vertical.stripe .horizontal.divider {margin: 3em 0em;}
.quote.stripe.segment {padding: 0em;}
.quote.stripe.segment .grid .column {padding-top: 5em;padding-bottom: 5em;}
.footer.segment {padding: 5em 0em;}
.secondary.pointing.menu .toc.item {display: none;}
@media only screen and (max-width: 700px) {
.ui.fixed.menu {display: none !important;}
.secondary.pointing.menu .item,
.secondary.pointing.menu .menu {display: none;}
.secondary.pointing.menu .toc.item {display: block;}
.masthead.segment {min-height: 350px;}
.masthead h1.ui.header {font-size: 2em;margin-top: 1.5em;}
.masthead h2 {margin-top: 0.5em;font-size: 1.5em;}
}
/*  custom style:		 */
.ui.inverted.segment, .ui.primary.inverted.segment {background: #349400 !important;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SLICKNAV ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.slicknav_btn {position:absolute;display: block;vertical-align: middle;right:20px;top:10px;cursor: pointer;text-decoration: none;background:transparent;z-index:999999; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0; }
.slicknav_menu {*zoom: 1;position:relative; box-sizing: border-box;background: #fff;padding:0;}
.slicknav_menu * {box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {display: block;float: left; }
.slicknav_menu .slicknav_icon {display:none; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu:before {content: " ";display: table; }
.slicknav_menu:after {content: " ";display: table;clear: both; }
.slicknav_nav {clear: both; position:absolute;top:0;left:0;z-index:99999;background:rgb(0, 0, 0, 0.8);width:80%;color:#fff;padding:10px 20px 50px 20px;list-style: none;overflow: hidden;box-sizing:border-box;}
.slicknav_nav ul {display: block;list-style: none;overflow: hidden;padding: 0;margin:0;  }
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 15px;margin: 0 0.4em 0 0;float:right;}
.slicknav_nav .slicknav_item {cursor: pointer; }
.slicknav_nav .slicknav_item a {display: inline; padding: 0;margin: 0; }
.slicknav_nav .slicknav_row {display: block; }
.slicknav_nav .slicknav_parent-link a {display: inline;padding: 0;margin: 0;  }
.slicknav_nav a {display: block;font-size:18px;line-height:35px;font-weight:normal;padding:0;margin:0;text-decoration: none;color: #fff;text-transform:uppercase;}
.slicknav_nav a:hover {color: #219824; }
.slicknav_nav li.menu-current a:hover {color: #219824; }
.slicknav_nav li li a {padding:0 0 0 40px;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
.slicknav_nav ul.menu-top:nth-of-type(2) {margin-top:20px;}
.slicknav_nav ul.menu-top:nth-of-type(2) a {line-height:28px;text-transform:none;}
/* ~~~~~~~~~~~~~~~~~~~~ Aktiv ~~~~~~~~~~~~~~~~ */
.slicknav_nav ul li.menu-current  a {color:#fff;}
.slicknav_nav ul li.menu-current  li a {color:#fff;}
.slicknav_nav li.menu-current li a:hover {color: #219824; }
/* ~~~~~~~~~~~~~~~~~~~~ Buttons ~~~~~~~~~~~~~~~~ */
#cross {display:none;}
a.slicknav_open #burger {display:none;}
a.slicknav_open #cross {display:block;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NACH OBEN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.move-up {position: fixed;bottom: 50px;right: 40px;z-index: 3;display: none;z-index:1000;width:60px;height:60px;border-radius:30px;background:rgb(8, 96, 10, 0.4);display:flex;justify-content:center;align-items:center;padding:5px 0 0 0;cursor:pointer;}
.move-up i {border: solid #fff;border-width: 0 2px 2px 0;display:inline-block;padding:10px;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.move-up:focus, .move-up:hover {background:rgb(8, 96, 10, 0.9);} 
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ REPSPONSIVE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 1480px) {
#header {height:180px;display:flex;justify-content:center;flex-direction:column;}
#title, nav {width:100%;padding:0;justify-content:center;}
nav {margin:20px 0 0 0;}
#logout a:link, #logout a:visited {padding:0 20px 0 0;}
#content {padding:240px 0 20px 0;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 1140px) {
#footer_content {width:100%;margin:0;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width: 768px) and (max-width: 1199.98px) {
.ui.ui.ui.container:not(.fluid) {width: calc(100% - 40px);margin-left: 20px;margin-right: 20px;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width:900px) {
#btn_bottom .ui.positive.button, #btn_bottom .ui.orange.button, #btn_bottom .ui.red.button, #btn_bottom .ui.grey.button {display:block;width:100%;margin:0 0 10px 0;float:none !important;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 767.98px) {
.ui.steps:not(.unstackable) {display:flex;flex-direction:row;}
.ui.steps:not(.unstackable) .step {flex-direction:row;}
.ui.ordered.steps:not(.unstackable) .step::before, .ui.steps:not(.unstackable) .step>i.icon {margin: 0 1rem 1rem 0;}
.ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>td, .ui.ui.ui.ui.table:not(.unstackable)>tbody>tr>th, .ui.ui.ui.ui.table:not(.unstackable)>tfoot>tr>td, .ui.ui.ui.ui.table:not(.unstackable)>tfoot>tr>th, .ui.ui.ui.ui.table:not(.unstackable)>thead>tr>th, .ui.ui.ui.ui.table:not(.unstackable)>tr>td, .ui.ui.ui.ui.table:not(.unstackable)>tr>th {padding: 0.25em 0.75em  0.25em 0;}
.ui.button:not(.icon)>.icon:not(.button):not(.dropdown), .ui.button:not(.icon)>.icons:not(.button):not(.dropdown) {margin: 0 0.42857143em 0 0;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 720px) {
.js #menu {display:none;}
.slicknav_menu {display:block;}
#header {position:absolute;height:250px;}
#title {flex-direction:column;}
#logo {padding:0;}
#title_long {padding:8px 0 0 0;text-align:center;}
nav, #logout {display:none;}
#content {padding:300px 0 20px 0;}
#content td, #content tr {display:block;}
#content table.captcha_table td, #content table.captcha_table tr {display:inline-block;}
#content table#forms_work thead, #content table#forms_sent thead  {display:none !important;}
#content table#forms_work td:nth-child(1):before {content:'Interner Name: ';font-weight:bold;}
#content table#forms_work td:nth-child(2):before {content:'Formular gestartet:  ';font-weight:bold;}
#content table#forms_work td:nth-child(3):before {content:'Zuletzt geändert: ';font-weight:bold;}
#content table#forms_work td:nth-child(4):before {content:'Seite(n) ausgefüllt: ';font-weight:bold;}
#content table#forms_work td:nth-child(5):before {content:'';}
#content table#forms_sent td:nth-child(1):before {content:'ID: ';font-weight:bold;}
#content table#forms_sent td:nth-child(2):before {content:'Interner Name: ';font-weight:bold;}
#content table#forms_sent td:nth-child(3):before {content:'Formular gestartet: ';font-weight:bold;}
#content table#forms_sent td:nth-child(4):before {content:'Zuletzt geändert: ';font-weight:bold;}
#content table#forms_sent td:nth-child(5):before {content:'Versendet: ';font-weight:bold;}
#footer_content {padding:50px 20px;}
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (max-width: 590px) {
.button_frame {flex-direction:column;justify-content:center;}
.button_frame>.ui.button {flex:1 1 100%;width:100%;margin:0 0 10px 0;}