/* Copyright for the first part of this stylesheet - YUI reset-fonts-grids.css, version: 2.9.0: Copyright (c) 2011, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html  */
html {
    color: #000;
    background: #FFF
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var {
    font: inherit
}

del, ins {
    text-decoration: none
}

li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: baseline
}

sub {
    vertical-align: baseline
}

legend {
    color: #000
}

body {
    font: 13px/1.231 arial, helvetica, clean, sans-serif;
    *font-size: small;
    *font: x-small
}

select, input, textarea, button {
    font: 99% arial, helvetica, clean, sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

pre, code, kbd, samp, tt {
    font-family: monospace;
    *font-size: 108%;
    line-height: 100%
}

body {
    text-align: center
}

#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
    margin: auto;
    text-align: left;
    width: 57.69em;
    *width: 56.25em
}

#doc2 {
    width: 73.076em;
    *width: 71.25em
}

#doc3 {
    margin: auto 10px;
    width: auto
}

#doc4 {
    width: 74.923em;
    *width: 73.05em
}

.yui-b {
    position: relative
}

.yui-b {
    _position: static
}

#yui-main .yui-b {
    position: static
}

#yui-main, .yui-g .yui-u .yui-g {
    width: 100%
}

.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
    float: right;
    margin-left: -25em
}

.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
    float: left;
    margin-right: -25em
}

.yui-t1 .yui-b {
    float: left;
    width: 12.30769em;
    *width: 12.00em
}

.yui-t1 #yui-main .yui-b {
    margin-left: 13.30769em;
    *margin-left: 13.05em
}

.yui-t2 .yui-b {
    float: left;
    width: 13.8461em;
    *width: 13.50em
}

.yui-t2 #yui-main .yui-b {
    margin-left: 14.8461em;
    *margin-left: 14.55em
}

.yui-t3 .yui-b {
    float: left;
    width: 23.0769em;
    *width: 22.50em
}

.yui-t3 #yui-main .yui-b {
    margin-left: 24.0769em;
    *margin-left: 23.62em
}

.yui-t4 .yui-b {
    float: right;
    width: 13.8456em;
    *width: 13.50em
}

.yui-t4 #yui-main .yui-b {
    margin-right: 14.8456em;
    *margin-right: 14.55em
}

.yui-t5 .yui-b {
    float: right;
    width: 18.4615em;
    *width: 18.00em
}

.yui-t5 #yui-main .yui-b {
    margin-right: 19.4615em;
    *margin-right: 19.125em
}

.yui-t6 .yui-b {
    float: right;
    width: 23.0769em;
    *width: 22.50em
}

.yui-t6 #yui-main .yui-b {
    margin-right: 24.0769em;
    *margin-right: 23.62em
}

.yui-t7 #yui-main .yui-b {
    display: block;
    margin: 0 0 1em 0
}

#yui-main .yui-b {
    float: none;
    width: auto
}

.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
    float: left
}

.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
    float: right
}

.yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first {
    float: left
}

.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
    width: 49.1%
}

.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
    width: 32%;
    margin-left: 1.99%
}

.yui-gb .yui-u {
    *margin-left: 1.9%;
    *width: 31.9%
}

.yui-gc div.first, .yui-gd .yui-u {
    width: 66%
}

.yui-gd div.first {
    width: 32%
}

.yui-ge div.first, .yui-gf .yui-u {
    width: 74.2%
}

.yui-ge .yui-u, .yui-gf div.first {
    width: 24%
}

.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
    margin-left: 0
}

.yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
    width: 49%;
    *width: 48.1%;
    *margin-left: 0
}

.yui-g .yui-g .yui-u {
    width: 48.1%
}

.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {
    *margin-right: 0;
    *width: 32%;
    _width: 31.7%
}

.yui-g .yui-gc div.first, .yui-gd .yui-g {
    width: 66%
}

.yui-gb .yui-g div.first {
    *margin-right: 4%;
    _margin-right: 1.3%
}

.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {
    *margin-right: 0
}

.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {
    *margin-left: 1.8%;
    _margin-left: 4%
}

.yui-g .yui-gb .yui-u {
    _margin-left: 1.0%
}

.yui-gb .yui-gd .yui-u {
    *width: 66%;
    _width: 61.2%
}

.yui-gb .yui-gd div.first {
    *width: 31%;
    _width: 29.5%
}

.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {
    width: 32%;
    _float: right;
    margin-right: 0;
    _margin-left: 0
}

.yui-gb .yui-gc div.first {
    width: 66%;
    *float: left;
    *margin-left: 0
}

.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
    margin: 0
}

.yui-gb .yui-gb .yui-u {
    _margin-left: .7%
}

.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {
    *margin-left: 0
}

.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {
    *width: 48.1%;
    *margin-left: 0
}

.yui-gb .yui-gd div.first {
    width: 32%
}

.yui-g .yui-gd div.first {
    _width: 29.9%
}

.yui-ge .yui-g {
    width: 24%
}

.yui-gf .yui-g {
    width: 74.2%
}

.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {
    float: right
}

.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {
    float: left
}

.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {
    *width: 24%;
    _width: 20%
}

.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {
    *width: 73.5%;
    _width: 65.5%
}

.yui-ge div.first .yui-gd .yui-u {
    width: 65%
}

.yui-ge div.first .yui-gd div.first {
    width: 32%
}

#hd:after, #bd:after, #ft:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
    content: "";
    display: block;
    clear: both
}

#hd, #bd, #ft, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
    zoom: 1
}
/*
Geologica: Open Font License: https://openfontlicense.org/open-font-license-official-text/
Erlaubte Axen Geologica: 
    Cursive (CRSV)
    Sharpness (SHRP)
    Weight (wght)
    Slant (slnt)
*/
@font-face {
  font-family: "Geologica";
  src: url("../css/fonts/geologica/geologica-variable-latin.woff2") format("woff2 supports variations"),
       url("../css/fonts/geologica/geologica-variable-latin.woff2") format("woff2-variations");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}

a {
    color: #343434;
    text-decoration: underline;
}

a:visited {
    color: #9b9b9b;
}

a:hover {
    background: none repeat scroll 0 0 #d5d5d5;
}

/* Ueberichten Uebersichten Uebersichten Uebersichten Uebersichten */
.uebersicht {
    background-color: #fff;
    border-bottom: 1px solid #d8ebff;
    border-left: 1px solid #d8ebff;
    border-right: 1px solid #d8ebff;
    color: #000;
    font-size: 100%;
}

.column_header {
    background-color: #d8ebff;
    border-left: 1px solid #d8ebff;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
}

.column_header *:link, .column_header *:visited {
    color: #000;
    text-decoration: none;
}

.column_header *:link:hover, .column_header *:visited:hover {
    color: #555;
    font-weight: bold;
    text-decoration: underline;
}

.column_header_active {
    background-color: #d8ebff;
    border-left: 1px solid #fff;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
}

.column_header_active *:link, .column_header_active *:visited {
    color: #679946;
    text-decoration: none;
}

.column_header_active *:link:hover, .column_header_active *:visited:hover {
    color: #555;
    font-weight: bold;
    text-decoration: underline;
}

.column_header_1 {
    background-color: #d8ebff;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
}

.column_header_1 *:link, .column_header_1 *:visited {
    color: #000;
    text-decoration: none;
}

.column_header_1 *:link:hover, .column_header_1 *:visited:hover {
    color: #555;
    text-decoration: underline;
}

.column_header_1_active {
    background-color: #d8ebff;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
}

.column_header_1_active *:link, .column_header_1_active *:visited {
    color: #679946;
    text-decoration: none;
}

.column_header_1_active *:link:hover, .column_header_1_active *:visited:hover {
    color: #00f;
    text-decoration: underline;
}

.highlight_tr {
    border: 3px solid #69ee28;
    font-weight: bold;
}

.highlight_td {
    background: none repeat scroll 0 0 #b3ea8f;
}

/* Einzelanzeigen Einzelanzeigen Einzelanzeigen Einzelanzeigen Einzelanzeigen */

/* allgemeine Formatierungen für Anzeigen selbst ändern - z.B. blaue h2 */
.anzeigenformat h2,
.anzeigenformat h3,
.anzeigenformat h4 {
    font-weight: bold;
    color: #000000;
}

.anzeigenformat h2 {
    font-size: 130%;
    padding: 0.8em 0;
}
.anzeigenformat h3 {
    font-size: 120%;
    padding: 0.5em 0;
}
.anzeigenformat h4 {
    padding: 0.2em 0;
}

.detailview_s1 {
    font-weight: bold;
    margin: 1.5em 0 0.5em;
}

.detailview_s1_bottompadding {
    font-weight: bold;
    padding: 0 0.8em 0.8em;
}

.detailview_s1_adresszusatz_bottompadding {
    font-weight: bold;
    margin: 0 1.5em 0 0;
}

.detailview_s1_adresszusatz {
    font-weight: bold;
    margin: 0 1.5em 0 0;
}

.detailview_s1 strong, .detailview_s2 strong  {

}

.detailview_s2_oberste {
    padding: 0.8em;
}

.detailview_s2_oberste_bottompadding {
    padding: 0.8em;
}

.detailview_s2, .detailview_s2_bottom {
    margin: 0.5em 0 1.5em;
    padding-bottom: 1em;
}

.detailview_s2_bottom {
    border-bottom: 0 none;
    margin-bottom: 0;
}

.detailview_s2_bottompadding {
    padding: 0.8em;
}

.detailview_s2_adresszusatz_bottompadding {
    margin: 0 0 0.8em;
    padding-bottom: 1em;
}

.detailview_s2_adresszusatz {
    margin: 0 1.5em 0.8em 0;
}

.sticky {
   position:sticky;
   top:15px;
   align-self: flex-start;
}

li {
    margin-bottom: 0.5em;
    margin-left: 1.5em;
}

li > ul {
    margin-bottom: 0;
}

ul {
    margin-bottom: 1em;
    margin-top: 1em;
}

ul li {
    list-style: outside disc;
}

ol {
    margin-top: 1em;
}

ol li {
    list-style: outside none decimal;
}

hr {
    background-color: #e0e0e0;
    border: 0 none;
    height: 2px;
}

td {
    padding: 0.8em 0.5em;
    text-align: left;
    vertical-align: top;
}

.overview_table > tbody > tr:nth-of-type(2n), .overview_table > tbody > tr:nth-of-type(2n) a img {
    background-color: #d8ebff;
}

tr {
    background-color: #fff;
    border-bottom: 1px solid #fff;
}

tr:nth-of-type(2n-1) a img {
    background-color: #fff;
}

th {
    padding: 0.8em 0.5em;
    text-align: left;
    vertical-align: top;
}

#menue-allg-info-box {
    height: 6.5em;
    position: relative;
    width: 100%;
}

#allg_info {
    color: #006699;
    float: right;
    padding: 0.2em 0 0;
    right: 0;
    text-align: right;
    width: 500px;
}

#allg_info *:link, #allg_info *:visited {
    color: #006699;
    font-size: 90%;
    text-decoration: none;
}

#allg_info *:link:hover, #allg_info *:visited:hover {
    text-decoration: underline;
}

.pic {
    vertical-align: middle;
}

summary {
    cursor:pointer;
}

/* Inserieren Inserieren Inserieren Inserieren Inserieren */
.ck-editor__editable_inline {
	min-height: 20em;
}

/*BEGINN NAVIGATION*/
#navibox-standard {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0.5em;
    box-shadow: 2px 2px 12px #666;
    float: right;
    height: 4.2em;
    margin-top: 1em;
    width: 100%;
}

div#nav {
    margin-right: 2em;
}

div#nav ul {
    color: #000;
    margin: 0;
    position: absolute;
    right: 0;
}

ul#nav_main {
    border-radius: 0.4em 0.4em 0 0;
    font-weight: bold;
    height: 1em;
    list-style-type: none;
    padding: 0.5em 0;
    width: 100%;
}

ul#nav_main li {
    display: inline;
    margin: 0;
    padding: 0;
}

ul#submenue {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 0.4em 0.4em;
    bottom: -2em;
    font-weight: normal;
    height: 1em;
    left: 0;
    list-style-type: none;
    padding: 0.5em 0;
    position: relative;
    z-index: 1;
}

ul#submenue li {
    display: inline;
    margin: 0;
    padding: 0;
}

div#nav a:link, div#nav a:visited, div#nav a:hover {
    color: #fff;
    padding: 0 5px;
    text-decoration: none;
}

div#nav ul#nav_main a:link, div#nav ul#nav_main a:visited {
    border-right: 1px solid #fff;
}

div#nav ul#nav_main a:hover {
    background-color: white;
    color: #407f00; /*new green*/
}

div#nav ul#nav_main li.menue_active {
    border-right: 1px solid #fff;
    color: #7b7979;
    padding: 0 5px;
}

div#nav ul#nav_main a.menue_active {
    background-color: #c5e89e;
    color: #7b7979;
}

div#nav ul#submenue a:link, div#nav ul#submenue a:visited {
    border-right: 1px solid #006699;
    color: #006699;
}

div#nav ul#submenue a:hover {
    background-color: white;
    color: #7b7979;
}

div#nav ul#submenue li.submenue_active {
    border-right: 1px solid #fff;
    color: #7b7979;
    padding: 0 5px;
}

div#nav ul#submenue a.submenue_active {
    color: #7b7979;
    font-weight: bold;
}

/*ENDE NAVIGATION*/

#logo {
    margin-top: -11px;
}

div#logo a:hover, div#logo_nurtext a:hover {
    background:none;
}
    
div#logo_res a:hover {
    background:#ffffff;
}

.logo {
    margin: 1em 1.5em 1em 0;
}

.gj_content {
    margin: 1.5em -0.5em 0;
    padding: 0 0.5em;
}

.catselection_column_1_1 {
    margin-left: 1.5em;
}

.catselection_column_2_1 {
    float: left;
    margin-left: 1.5em;
    width: 43%;
}

.catselection_column_2_2 {
    float: right;
    margin-left: 1.5em;
    width: 43%;
}

.price_table {
    border-collapse: separate;
    border-spacing: 0.5em;
    margin-left: -0.5em;
    width: 100%;
}

.price_table th {
    background-color: #006699; /*new blue*/
    border-radius: 0.5em;
    color: #fff;
    font-weight: bold;
    padding: 1em 0.8em;
    text-align: right;
}

.price_table td {
    background-color: #cce0ea; /*new light blue*/
    border-radius: 0.5em;
    padding: 0.8em;
    text-align: right;
}

.price_table th:first-child, .price_table td:first-child {
    text-align: left;
}

dl {
    clear: both;
    height: auto;
}

.column_left {
    float: left;
    width: 50%;
}

.column_right {
    margin-left: 50%;
}

.shortlist > div {
    border-bottom: 1px solid #407f00;
    padding: 0.8em 0;
}

.shortlist > div a img {
    background-color: #fff;
}

.shortlist > h2 {
    border-bottom: 1px solid #407f00;
    margin-top: 1em;
}

.shortlist > div > div {
    margin-left: 80px;
}

.shortlist > div > img {
    float: left;
    margin: 0.7em 0 0 0.5em;
}

h1 {
    font-size: 120%;
    font-weight: bold;
}

h2 {
    font-size: 110%;
    font-weight: bold;
    padding: 0.8em 0;
}

h3 {
    color:#407f00;
    margin:0.5em 0 0.5em 0;
}

.input, .input_medium, .input_medium2, .input_klein, .input_box {
    background: none repeat scroll 0 0 #f0f9fe;
    border: 1px dotted #666;
    color: #000;
    font-family: 'Geologica', Helvetica, Arial, Verdana, sans-serif;
    margin: 0;
    padding: 0.2em;
}

.input {
    width: 96%;
}

.input_medium {
    width: 79%;
}

.input_medium2 {
    width: 50%;
}

.input_klein {
    width: 15%;
}

.input_box {
}

div#kostenlos_pflichtfrage {
    display: none;
}
input#kostenlos:checked + label + div#kostenlos_pflichtfrage {
    display: block;
}

#kostenlos_antwort {
    margin-top: 0.4em;
}

.checkbox {
    margin: 0 0.3em 0.5em -1.5em;
    width: 1em;
}

#s, #jobabo_email {
    color: #000;
}

.yui-b {
    padding: 0.5em;
}

.width_50 {
    width: 50%;
}

.width_80 {
    width: 80%;
}

.special_width_1 {
    width: 50%;
}

.button, .button_small, .dropdown {
  /*  background-color: #7b7979;
    border: 0 none;
    border-radius: 0.3em;
    color: #fff;*/
    background-color: #ffffff;
    border: 3px solid #d9b500;
    border-radius: 50px;
    color: #000000;
    cursor: pointer;
    margin-top: 0.5em;
   /* padding: 0.3em;*/
    padding: 0.5em 1em 0.5em 1em;
    max-width: 100%;
}

.button_small {
    width: 15%;
}

.cta {
	display:flex;
	justify-content:center;
}

.cta a {
	text-decoration:none;
	font-weight:700;
	font-size:110%;
}

.cta a:hover {
	background-color:#ffffff;
}

.cta a:visited {
	color:#000000;
}

.box {
    background: none repeat scroll 0 0 #fff;
    border-radius: 0.5em;
    margin: 1em 0 1.5em;
}

.box_top > div:first-child, .box_top > div:first-child > h1, .box_top > div:first-child > h2, .box_top > h1:first-child, .box_top > h2:first-child, .box_top > p:first-child, .box_top > p:first-child > a, .box_top > span:first-child {
    color: #fff;
}

.box_full {
    color: #fff;
    margin: 1em 0 1.5em;
    padding: 1em;
}

.box_top > div:first-child, .box_top > h1:first-child, .box_top > h2:first-child {
    border-radius: 0.4em 0.4em 0 0;
    padding: 0.8em;
}

.box_bottom {
    border-radius: 0 0 0.4em 0.4em;
    padding: 0.8em 1em;
}

/*Akkordeon Start*/
.accordion input[type="checkbox"] {
    appearance:none;
}

.anzeigenliste {
	display:flex;
	flex-direction:row-reverse;
}

.anzeigenliste .yui-u {
	margin-left:0;
}

.anzeigenliste div.first {
	margin-left:1.99%;
}

.anzeigenliste_h1 {
	margin:1.5em 0.5em 0 0.5em;
	color:#006699;
}

.anzeigenliste_beschreibung {
	margin:0.5em;
}

.anzeigenliste_beschreibung h2, .anzeigenliste_beschreibung h3 {
	color:#006699;
}

.uebersichten_kopf_div {
    display:flex;
}

.uebersichten_kopf_div h2, .uebersichten_kopf_div div{
    display: inline-block;
    font-size: 110%;
    padding:0;
}

.uebersichten_kopf_div h2 {
    flex:1;
}

a.sort, a.sort:visited, a.sort_active, a.sort_active:visited {
    color:#ffffff;
    text-decoration:none;
}

a.sort_active, a.sort_active:visited {
    font-weight:bold;
    text-decoration:none;
}

.sort_pfeil:after {
    display:inline-block;
    content:'';
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' style='fill:%23fff'%3E%3Cpath d='M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E%0A") center center no-repeat;
    background-size: 18px;
    width: 18px;
    height: 11px;
    text-decoration:none;
}

.sort_pfeil_abwaerts:after {
    transform: rotate(180deg);
}

.jobitem {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:15px;
	padding:0.5em 0 1em 0;
	line-height:1.5em;
	border-bottom:1px solid #006699;
}

.jobitem .logo {
	width:100px;
}

#anzeige-0 {
	display:flex;
	justify-content:center;
}

.anzeige {
	display:flex;
	width:80%;
}

.anzeigenbox {
	border:1px solid #cbcbcb;
	font-family:'Geologica', Helvetica, Arial, Verdana, sans-serif;
	font-size: 110%;
	line-height:1.5em;
	padding:2em;
	word-wrap: break-word;
}

.anzeigenbox h1 {
    font-family:'Geologica', Helvetica, Arial, Verdana, sans-serif;
    font-size:180%;
    font-weight:700;
    line-height:1.5em;
}

.anzeigenbox h2 {
    font-family:'Geologica', Helvetica, Arial, Verdana, sans-serif;
    font-size:140%;
    font-weight:700;
    line-height:1.5em;
    padding-bottom:0;
}

.anzeigenbox h3 {
    font-family:'Geologica', Helvetica, Arial, Verdana, sans-serif;
    font-size:110%;
    font-weight:700;
    line-height:1.5em;
    padding-bottom:0;
}

.anzeigenbox ul li::marker, 
.anzeigenbox ol li::marker {
    color: #407f00;
}

.anzeigenbox a {
    color: #407f00;
}
/*
.location {
    background-image: url(../pic/map-pin-green.svg);
    background-position:0px 20px;
    background-size:18px 18px;
    background-repeat: no-repeat;
    text-indent:25px;
    color:#407f00;
    font-weight:bold;
}

.location h2, .location a {
    color:#407f00;
    text-decoration:none;
    margin-top:1em;
}
*/

.location {
fill:#407f00;display:inline;max-height:18px;max-width:18px;margin:0 0.4em 0 0;
}

.company {
    padding:0 0 0.8em 0;
    margin-bottom:1.5em;
}
.company a {
    text-decoration:none;
}
.company a:visited {
    color:#000000;
}

.bewerben {
    text-align:center;
    margin:3em 0 3em 0;
}
.bewerben .button {
    background-color: #407f00;
    color: #ffffff;	   
    padding: 1em 2em 1em 2em;
    margin:10px 0 10px 0;
    font-family: 'Geologica', Helvetica, Arial, Verdana, sans-serif;
    font-weight:bold;
    font-size:120%;
    border: 2px solid #407f00;
    border-radius:10px;
}

.bewerben a {
    color:#ffffff;
    text-decoration:none;
}

.bewerben .button:hover {
    border: 2px solid #5ca128;
}

.bg_lightgreen, .bg_lightgreen a img {
    background-color: #e4efd8;
}

.bg_green, .bg_green_fc > h1:first-child, .bg_green a img {
    background-color: #407f00;
}

div.bg_green_fc h2 {
    color: #407f00;
}

.bg_blue, .bg_blue_fc > div:first-child, .bg_blue_fc > h1:first-child, .bg_blue_fc > h2:first-child, .bg_blue a > img {
    background-color: #006699;
    color: #fff;
}

div.bg_blue a {
    color: #fff;
}

div.bg_blue_fc h2 {
    color: #006699;
}

.bg_white {
    background-color: #fff;
    color: #006699;
}

.table_end {
    background-color: #ffffff;
    padding-bottom: 0.4em;
}

.partner_item, .partner_item_placeholder {
    border: 1px solid #407f00;
    margin: 0.5em 0 0.5em -1.5em;
    padding: 0.5em;
    text-align: center;
}

.partner_item_placeholder {
    border: 1px solid #fff;
}

.partner_item a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.medienpartner_item {
    background-color: #fff;
    margin: 0.5em 0 0.5em 0;
    padding: 0.5em;
    width: 670px;
    border-radius: 4px;
}

.medienpartner_item ul {
    color: #006699;
    margin-left: 230px;
}

.medienpartner_logo {
    width: 200px;
    float: left;
    margin: 15px 0 0 10px;
}

.medienpartner_logo img {
    vertical-align: middle;
    margin: 0.2em 0 0.2em 0;
}

.padding {
    padding: 0 1em 1em;
}

.show_mobile, .show_mobile_inline {
    display:none;
}

.show_desktop {
    display:block;
}

.show_desktop_inline {
    display:inline;
}

.man, .man_standing, .man_angeschnitten_xl {
    background-image: url(../pic/mann.svg#mann);
    background-size:80px 170px;
    background-position:right 10px; /*nach rechts, nach unten*/
    background-repeat: no-repeat;
}

.man_standing {
    background-position: right bottom;
}

.man_angeschnitten_xl {
    background-size:140px auto;
    background-position: bottom -172px right -45px;
}

#jobfinden {
    margin: 0.5em 0 0 0.2em;
}

#mitarbeiterfinden {
    margin: 0.8em 0 0.8em 0.2em;
}

.red, .red *:link {
    color: #e30000;
}

.red *:visited {
    color: #e39494;
}

.grey, .grey *:link {
    color: #918f90;
}

.grey *:visited {
    color: #d1d1d1;
}

.black, black *:link {
    color: #000;
}

black *:visited {
    color: #666;
}

.lightgreen {
    background: none repeat scroll 0 0 #e4efd8; /*new light green*/
}

.step_active {
    color: #006699;
    font-weight: bold;
}

.price {
    font-weight: bold;
    text-align: right;
}

.left {
    float: left;
}

.right {
    float: right;
    margin-right: 6em;
}

.right > h2 {
    margin-top: -0.6em;
}

.warning {
    background: none repeat scroll 0 0 #fae2e2;
    border: 1px solid #ca2a2a;
    border-radius: 0.5em;
    color: #ca2a2a;
    margin: 0.5em 0;
    padding: 0.5em;
}

.info {
    background: none repeat scroll 0 0 #fef9c6;
    border: 1px solid #fede75;
    border-radius: 0.5em;
    color: #000;
    margin: 0.5em 0;
    padding: 0.5em;
}

.ok {
    background: none repeat scroll 0 0 #d7e7d4;
    border: 1px solid #2a771d;
    border-radius: 0.5em;
    color: #2a771d;
    margin: 0.5em 0;
    padding: 0.5em;
}

.tag1, .tag2 {
    border:solid 1px #407f00;
    border-radius:0.5em;
    margin: 0.3em 0.3em 0.3em 0;
    padding:0.4em 0.5em 0.4em 0.5em;
    background-color:#ffffff;
    color:#407f00;
/*  line-height:3em;
    white-space: nowrap;*/
    display:inline-block;
    text-align:center;
    width:93%;
}

.tag2 {
    border:1px solid #006699;
  /*  color:#000000;*/
}

.accordion__paragraph .tag2 {
  color:#000000;
  text-decoration: none;
}

.accordion__paragraph .tag2:hover {
  background-color:#fff;
}

del {
    color: red;
    text-decoration: line-through;
}

ins {
    color: green;
    text-decoration: underline;
}


/* SVG Sprite */
.greenjobs_logo{
    max-width:236px;
    max-height:80px;
}

.greenjobs_logo_nurtext{
    max-width:100px;
    max-height:23px;
    margin: 8px 0 0 4px;
}

.greenjobs_logo_2025_mit_claim_horizontal{
    max-width:240px;
    max-height:69px
}

.greenjobs_logo_2025_horizontal{
    max-width: 125px;
    max-height: 28px;
    margin: 8px 0 0 5px;
}

.eejobs_logo {
    max-width:217px;
    max-height:50px;
    margin: 21px 0 0 11px;
}

.eejobs_logo_nureejobsde {
    max-width:100px;
    max-height:25px;
    margin-top: 7px;
}

.eej_icon{
    max-width:23px;
    max-height:16px;
    margin: 0 0 -4px 5px;
}

.nach_oben_icon{
    fill:#999999;
    bottom: 5px;
    position: fixed;
    right: 20px;
    height: 30px;
    width: 30px;
}

.nach_oben_icon:hover {
    fill:#cccccc;
}

.icon_weiss_32 {
    width: 32px;
    height: 32px;
    fill:#ffffff;
}

.icon_weiss_32:hover {
    fill:#d5d5d5;
}

.icon_margin_left {
    margin-left:10px;
}

.icon_margin_top {
    margin-top: -10px;
}

.pdf_icon {
    max-height:22px;
    max-width:22px;
    fill:#ffffff
}

.pdf_icon:hover {
    fill:#d5d5d5;
}

.statistik_pdf_icon {
    max-height:22px;
    max-width:22px;
    fill:#ffffff
}

.statistik_pdf_icon:hover {
    fill:#d5d5d5;
}

.abonnieren_icon {
    max-height:22px;
    max-width:22px;
    fill:#ffffff;
}

.abonnieren_icon_home_weiss {
    display:none;
}

.aufklappen_icon{
    max-height:22px;
    max-width:22px;
    fill:#ffffff;
}

.aufklappen_icon:hover{
    fill:#cccccc;
}

.zuklappen_icon{
    transform: rotate(180deg);
    max-height:22px;
    max-width:22px;
    fill:#ffffff;
}

.zuklappen_icon:hover{
    fill:#cccccc;
}

@media(min-width:1200px){
    .abonnieren_icon_home_weiss {
        max-height:58px;
        max-width:64px;
        fill:#ffffff;
        z-index:2; 
        position:static;
        display:inline;
        float:right;
        margin:-13px 0 0 0;
    }
}
.abonnieren_icon_home_gruen {
    max-height:32px;
    max-width:35px;
    margin: 0 5px -6px 0;
    fill:#407f00;
}

.abonnieren_icon:hover, .abonnieren_icon_home_gruen:hover {
    fill:#d5d5d5;
}

.versenden_icon {
    max-height:22px;
    max-width:22px;
    fill:#ffffff;
}

.versenden_icon:hover {
    fill:#d5d5d5;
}

.rss_farbig_icon{
    width: 22px;
    height: 22px;
    margin: 0 5px -6px 0;
    fill: #f99000;
}

.rss_weiss_icon {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    fill: #ffffff;
}

.rss_farbig_icon:hover, .rss_weiss_icon:hover {
    fill:#d5d5d5;
}

.mastodon_icon {
    max-height:22px;
    max-width:22px;
    fill: url(#mastodon-gradient) #563ACC;
    margin: 0 0.3em -0.4em 0;
}

.mastodon_icon:hover {
    fill:#d5d5d5;
}

.linkedin_icon {
    max-height:22px;
    max-width:22px;
    fill:#0a66c2;
    margin-bottom:-0.35em;
}

.linkedin_icon:hover {
    fill:#d5d5d5;
}

.bluesky_icon {
    max-height:22px;
    max-width:22px;
    fill:#1185fe;
    margin: 0 0.5em -0.4em 0;
}

.bluesky_icon:hover {
    fill:#d5d5d5;
}

a.icon_link, a.icon_link:hover {
    background:none;
}

span#stellenangebot_inserieren {
    font-weight:bold;
}

.flexbox_1 {
    display:flex;
    justify-content:space-between;
}

p {
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

strong, .strong {
    font-weight: bold;
}

em, .em {
    font-style: italic;
}

iframe {
    background: none repeat scroll 0 0 #fff;
    border: 0 none;
    padding-top: 50px;
}

.detailview_footer {
    font-style: italic;
    padding: 0 0 1em;
}

footer {
	display: flex;
	flex-direction: row;
	/*flex-wrap: wrap;*/
	justify-content: space-between;
	column-gap: 30px;
	row-gap: 10px;
	padding: 1em 1em 1em 1em !important;
}

footer a {
	color: #ffffff;
	text-decoration: none;
	line-height:1.5em;
}

footer a:hover {
	background: none;
	text-decoration: underline;
}

footer a:visited {
	color:#ffffff;
}

footer .box_full {
	
}

.footer-buttons {
	display:flex;
	flex-direction: row;
	column-gap: 20px;
}

footer .button {
	display: block;
	margin: 0;
	max-width: 160px;
	background: none;
	border:1px solid #ffffff;
	color:#ffffff;
	border-radius:0.3em;
	font-weight:bold;
}

.awesomplete {
    width: 100%;
}

.hidden {
    display: none;
}

.visually-hidden:not(:focus):not(:active):not(:focus-within) {
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

#doc4 {
    margin: auto;
    text-align: left; /* leave unchanged */
    width: 100%;
    min-width: 942px;
    max-width: 94.615em;
}
body {
	 font-family: 'Geologica', Helvetica, Arial, Verdana, sans-serif;
	 line-height: 1.5em;
	 font-weight:280;
    font-optical-sizing: auto;
/*    letter-spacing: -0.5px;*/
}
@media (min-width:761px){
html {
    background-image: url('../pic/ecke_unten-rechts.png');
    background-position: bottom right;
    background-repeat: no-repeat, repeat;
}
}
@media print {
@page {
    size: a4 portrait;
}

.yui-t4 #yui-main .yui-b {
    margin-right: 0;
}

html {
    background: none;
}

a {
    color: #555;
    text-decoration: underline;
}

.column_header, .column_header_active, .column_header_1, .column_header_1_active {
    background-color: #fff;
    border: none;
}

.column_header *:link, .column_header_active *:link, .column_header_1 *:link, .column_header_1_active *:link {
    background: none repeat scroll 0 0 #fff;
    color: #000;
    text-decoration: none;
}

.detailview_s2, .detailview_s2_bottom, .detailview_s2_adresszusatz_bottompadding {
    border-bottom: 1px solid #d3d3d3;
}

#menue-allg-info-box {
    display: none;
}

div#logo_res {
    display: none;
}

.logo_res {
    display: none;
}

.res_text {
    display: none;
}

.box {
    box-shadow: none;
    border: 1px solid #69be28;
}

.bg_green, .bg_green_fc > h1:first-child, .bg_green a img, .bg_blue, .bg_blue_fc > div:first-child, .bg_blue_fc > h1:first-child, .bg_blue_fc > h2:first-child, .bg_blue a > img {
    background-color: #fff;
}

.box_top > div:first-child, .box_top > div:first-child > h1, .box_top > div:first-child > h2, .box_top > h1:first-child, .box_top > h2:first-child, .box_top > p:first-child, .box_top > p:first-child > a, .box_top > span:first-child, div.bg_blue_fc h2, div.bg_green_fc h2 {
    color: #000;
}

.overview_table > tbody > tr:nth-of-type(2n), .overview_table > tbody > tr:nth-of-type(2n) a img {
    background-color: #fff;
}

tr {
    border-bottom: 1px solid #d3d3d3;
}

.table_end {
    background-color: #fff;
    padding-bottom: 0.4em;
}

.warning, .info, .ok {
    background-color: #fff;
}

.price_table th {
    border-bottom: 1px solid #006699;
    background-color: #fff;
    color: #000;
}

.price_table td {
    border-bottom: 1px solid #b4e0f7;
    background-color: #fff;
}

.step_active {
    color: #69be28;
}

.anzeige {
    	display:inline;
	width:100%;
}

.anzeigenbox {
	padding:0.5em;
	border:none;
}

.input, .input_medium, .input_medium2, .input_klein, .input_box {
    background: none repeat scroll 0 0 #fff;
}

.no_print {
    display: none;
}

}
.partner_item {
    margin: 0.5em 1.5em 0.5em -1.5em;
    width: 100%;
}

#logo {
    display: none;
    overflow: hidden;
}

#logo_nurtext {
    overflow: hidden;
}

@media (min-width:761px) {
    #logo {
        display: inline;
    }
    #logo_nurtext {
        display: none;
    }
}

img {
    max-width: 100%;
    height: auto;
}

#doc4 {
    min-width: 750px;
}

@media (max-width:1070px) {
	.bewerben .button {
		padding:1em;
	}
	.anzeige {
		width:100%;
	}
}

@media screen and (max-width: 760px) {
    tr {
        border-bottom: 1px solid #006699;
    }
    footer .button:first-child {
    	margin-top: 0.5em;
    }
    footer .button:last-child {
    	margin-bottom: 0.5em;
    }

    #home_suchbox {
        font-size:120%;
        text-align:center;
    }

    #home_suchbox > h1 {
        font-size: 160%;
        margin-bottom: 10px;
    }

    #home_suchbox input.input_box {
        width: 80%;
        margin: 0 auto 20px auto;
        line-height: 150%;
    }

    #home_suchbox div.awesomplete>input{
        display:inline;
    }

    #home_suchbox div.awesomplete ul{
        text-align:left;
    }

    #home_suchbox input#job_suche_submit{
        width:8em;
        font-weight:bold;
    }

    span#stellenangebot_inserieren {
        font-size:90%;
    }

    .show_desktop, .show_desktop_inline {
        display:none;
    }

    .show_mobile {
        display:block;
    }

    .show_mobile_inline {
        display:inline;
    }
    
    /*Akkordeon Start*/
.accordion__label::before{
  display: inline-flex;
  content:'';
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' style='fill:%23fff'%3E%3Cpath d='M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: 22px;
  width: 22px;
  height: 13px;
}

.aufklappen_icon {
display: block;
}

.accordion {
/*  border: 1px solid lightgrey;*/
/*  width: 15rem;*/
/*  padding: 1rem 1.5rem;*/
}

.accordion__opener {
  display: flex;
  justify-content: space-between;
  align-items:center;
}

.accordion__paragraph{
  height:55px; /*für die Höhe des Anschnitts*/
  overflow:hidden;
/*  transition:all 0.4s ease-in-out;*/ /*harmoniert nicht mit height:100%; bei .accordion:has(input[type="checkbox"]:checked) .accordion__paragraph*/
  margin-top:0;
}

.accordion:has(input[type="checkbox"]:checked) .accordion__paragraph{
  height:100%;
  margin-top:0rem;
}

.accordion:has(input[type="checkbox"]:checked) .accordion__label::before{  
  display: inline-flex;
  content:'';
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' style='fill:%23fff'%3E%3Cpath d='m240.971 130.524 194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z'/%3E%3C/svg%3E%0A") center center no-repeat;
  background-size: 22px;
  width: 22px;
  height: 13px;
}

.accordion_footer, .accordion_footer_ohne_schatten {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 -1em -0.5em -1em;
	padding:0 1em 0 1em;
	position: relative;
}

.accordion_footer::before {
    content: "";
    position: absolute;
    top: -5px;
    left: 0;
    width: 100%;
    height: 5px; /* Höhe des Schattens anpassen */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

.accordion_footer_ohne_schatten::before {
   background: none;
}

.accordion:has(input[type="checkbox"]:checked) .accordion_footer::before{
  background: none;
} 

/*Akkordeon Ende*/

    .anzeige, .anzeigenliste {
    	display:inline;
	width:100%;
    }
    .anzeigenliste_h1 {
	margin:0.5em;
    }

    .anzeigenbox {
    padding:0.2em;
    }
}

/*
.footer_box {
    background: none repeat scroll 0 0 #407f00;
    border-radius: 0.5em;
    color: #fff;
    padding: 1em;
    text-align: center;
}

div.footer_box a {
    color: #fff;
}

@media (min-width:761px) {
    .footer_box {
        display: none;
    }
}
*/
.box {
    box-shadow: none;
}

.box_top>*:first-child {
    border-radius: 0.5em 0.5em 0 0;
}

.box.bg_blue_fc,
.box.bg_blue {
    border: 1px solid #006699;
}

.box.bg_green_fc,
.box.bg_green {
    border: 1px solid #407f00;
}

.partner_item_placeholder {
    display: none;
}

.medienpartner_item {
    width: 97%;
}

.medienpartner_item ul {
    margin-left: 0px;
    float: left;
}

li {
    list-style-type: disc;
}

.greenbox {
    border: 1px solid #407f00;
}
/*
.footer_box {
    border: 0 none;
}
*/
.whitebox,
.hinweis {
    width: 95%;
}

@media(max-width:480px) {
    .catselection_column_2_1 {
        width: 100%;
    }
    .catselection_column_2_2 {
        float: left;
        width: 100%;
    }
    .flexbox_1 {
        flex-direction: column;
    }
    footer, .footer-buttons {
        flex-direction: column;
    }
}

.left {
    width: 75%;
}

.right {
    margin-right: 0;
    float: right;
}

@media(min-width:761px) {
    .right {
        margin-right: 6em;
    }
}

.detailview_s1,
.detailview_s2,
.detailview_s2_bottom,
.detailview_s1_adresszusatz,
.detailview_s1_adresszusatz_bottompadding,
.detailview_s2_adresszusatz,
.detailview_s2_adresszusatz_bottompadding,
.logo,
.detailview_footer {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#logo {
    margin-top: 0;
}

@media (min-width:761px) {
    #logo {
        margin-top: 35px;
        margin-left: 0;
    }
}

.table_end {
    background-color: #d8ebff;
}

.special_width_1 {
    width: 100%;
}

.special_width_2 {
    width: 82%;
}

.gj_content {
    margin: 0 -0.5em;
}

div#nav {
    margin-right: 0;
    height: 3em;
}

#navibox-standard {
    margin-top: 2em;
    box-shadow: none;
    border: 1px solid #407f00;
}

@media(min-width:761px) {
    #navibox-standard {
        margin-top: 1em;
    }
}

ul#nav_main {
    border-radius: 0.5em 0.5em 0 0;
    border: 1px solid #407f00;
}

iframe {
    padding-top: 0;
}

@media screen and (max-width: 760px) {
    #doc4 {
        min-width: 100px;
    }
/*    
.detailview_s2,
.detailview_s2_bottom,
.detailview_s2_adresszusatz_bottompadding {
    border-bottom: 1px solid #5eb6e4;
}
*/
    #menue-allg-info-box {
        height: auto;
        position: static;
    }
    #allg_info {
        display: none;
    }
    .yui-t4 #yui-main,
    .yui-t5 #yui-main,
    .yui-t6 #yui-main {
        margin-right: 0;
    }
    .yui-t4 #yui-main .yui-b {
        margin-right: 0;
    }
    .yui-t4 .yui-b {
        float: none;
        width: 100%;
    }
    .yui-gc div.first,
    .yui-gc .yui-u,
    .yui-gd .yui-u,
    .yui-ge .yui-u,
    .yui-g div.first,
    .yui-gb div.first,
    .yui-gc div.first,
    .yui-gd div.first,
    .yui-ge div.first,
    .yui-gf div.first,
    .yui-g .yui-gc div.first,
    .yui-g .yui-ge div.first,
    .yui-gc div.first div.first,
    .yui-g .yui-u,
    .yui-g .yui-g,
    .yui-g .yui-gb,
    .yui-g .yui-gc,
    .yui-g .yui-gd,
    .yui-g .yui-ge,
    .yui-g .yui-gf {
        float: none;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    #advertising {
        display: none;
    }
    .js .nav-collapse.closed {
        max-height: 0;
    }
    #navibox-standard {
        background: none;
        border: none;
        height: auto;
        margin: 0;
    }
    div#nav {
        height: auto;
    }
    div#nav ul#nav_main {
        position: relative;
        margin-top: 0.5em;
    }
    div#nav ul#nav_main a.menue_active {
        background-color: #407f00;
        color: #fff;
    }
    div#nav a:link,
    div#nav a:visited,
    div#nav a:hover {
        padding: 0.5em 1em;
    }
    div#nav ul#nav_main a:link,
    div#nav ul#nav_main a:visited {
        border-right: 2px solid #fff;
    }
    div#nav ul#nav_main a:hover,
    div#nav ul#nav_main a:focus {
        background-color: #fff;
        border: 2px solid #407f00;
        color: #407f00;
    }
    #nav_main {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        float: none;
        margin-top: 0.5em;
        width: 100%;
    }
    #nav_main>li {
        margin: 0;
        padding: 0;
    }
    #nav_main>li a {
        background-color: #407f00;
        border: 2px solid #fff;
        border-radius: 0.5em;
        color: #fff;
        display: block;
        font-size: 1.4em;
        font-weight: bold;
        padding: 0.5em 1em;
        text-decoration: none;
    }
    #nav_main>li a:hover,
    #nav_main>li a:focus {
        background-color: #fff;
        border: 2px solid #407f00;
        color: #407f00;
    }
    ul#nav_main {
        height: auto;
        padding: 0;
        border-radius: 0;
    }
    ul#nav_main li {
        display: block;
    }
    .nav-toggle {
        display: inline;
    }
    ul#submenue {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        bottom: auto !important;
        height: auto;
        padding: 0 0 0.5em;
        position: relative !important;
    }
    ul#submenue li a {
        background-color: #fff;
        border: 2px solid #407f00;
        color: #407f00;
        margin: 2px;
    }
    ul#submenue li a:hover,
    ul#submenue li a:focus {
        color: #555;
    }
    #submenue-spacer {
        display: none;
    }
    div#nav ul#submenue a:link,
    div#nav ul#submenue a:visited {
        border: 2px solid #407f00;
        color: #407f00;
    }
    div#nav ul#submenue a:hover,
    div#nav ul#submenue a:focus {
        color: #555;
    }
    .gj_content {
        border-top: 0 none;
    }
    .man,
    .man_standing,
    .man_angeschnitten_xl {
        background-image: none;
    }

    /* Force table to not be like tables anymore */
    table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
        overflow: hidden;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }
    td {
        /* Behave  like a "row" */
        border: 0 none;
        min-height: 1em;
        padding-left: 30%;
        position: relative;
    }
    .overview_jobs td:nth-of-type(4) {
        display: inline-block;
        margin-right: -4px;
        width: 12%;
    }
    .overview_jobs td:nth-of-type(4):empty {
        height: 2.8em;
        padding: 0;
        width: 30%;
    }
    .overview_jobs td:nth-of-type(5) {
        display: inline-block;
        margin-right: -4px;
        padding-left: 0;
        width: 54%;
    }
    .overview_jobs td:nth-of-type(4):empty+td {
        width: 68%;
    }
    td:before {
        /* Now like a table header */
        font-weight: bold;
        /* Top/left values mimic padding */
        left: 0.5em;
        min-height: 1em;
        padding-right: 10px;
        position: absolute;
        top: 0.75em;
        white-space: nowrap;
        width: 25%;
    }
    /*
    Label the data
    */
    .overview_jobs td:nth-of-type(1):before {
        content: "Job:";
    }
    .overview_jobs td:nth-of-type(2):before {
        content: "Logo:";
    }
    .overview_jobs td:nth-of-type(3):before {
        content: "Anbieter:";
    }
    .overview_jobs td:nth-of-type(4):before {
        content: "PLZ/Ort:";
    }
    .overview_jobs td:nth-of-type(6):before {
        content: "Frist";
    }
    .overview_jobwanted td:nth-of-type(1):before {
        content: "Titel:";
    }
    .overview_jobwanted td:nth-of-type(2):before {
        content: "aktualisiert:";
    }
    .client_job_list td:nth-of-type(1):before {
        content: "Merken:";
    }
    .client_job_list td:nth-of-type(2):before {
        content: "Job:";
    }
    .client_job_list td:nth-of-type(3):before {
        content: "PLZ:";
    }
    .client_job_list td:nth-of-type(4):before {
        content: "Ort:";
    }
    .client_job_list td:nth-of-type(5):before {
        content: "Status:";
    }
    .client_job_list td:nth-of-type(6):before {
        content: "Angezeigt bis:";
    }
    .client_job_list td:nth-of-type(7):before {
        content: "Statistik:";
    }
    .price_table {
        margin-left: 0;
    }
    .price_table tr {
        border-bottom: 0 none;
        border-radius: 0.5em;
        margin-bottom: 0.3em;
    }
    .price_table th,
    .price_table td {
        border-radius: 0;
    }
    .price_table th:nth-of-type(2) {
        margin-top: -3.2em;
    }
    .price_table td {
        padding-left: 30%;
        text-align: left;
    }
    .price_table td:nth-of-type(1):before {
        content: "Leistung:";
    }
    .price_table td:nth-of-type(2):before {
        content: "Preis:";
    }
    .subscription {
        margin-left: 0;
    }
}

#navibox-standard {
    display: none;
}

@media (min-width: 761px) {
    #navibox-standard {
        display: block;
    }
    #navibox {
        display: none;
    }
}


/* Clicky-menue https://github.com/mrwweb/clicky-menus */

/**
    * Initial state, hidden off screen
    */

.clicky-menu ul {
    position: absolute;
    top: 100%;
    left: 0;
    visibility: hidden;
    /*[1]*/
}

/**
    * No JS fallback
    *
    * Triggers menus on hover rather than click. Supports keyboard navigation in modern browsers.
    */

.clicky-menu.no-js li:hover>ul {
    visibility: visible;
}

.clicky-menu.no-js li:focus-within>ul {
    /*[2]*/
    visibility: visible;
}

/**
    * Open/Close Menu Behavior with JS
    */

.clicky-menu ul[aria-hidden=false] {
    visibility: visible;
}


/* Prevent offscreen-submenus */

.clicky-menu .sub-menu--right {
    left: auto !important;
    right: 0 !important;
}

ul.main-menu.clicky-menu li:last-of-type ul {
    left: auto !important;
    right: 0 !important;
}

ul.main-menu.clicky-menu li ul {
    z-index: 1;
}

/**
    * Footnotes
    *
    * [1] Using visibility instead of display allows for easier transitions and animation of submenus
    * [2] Must be a separate ruleset so that hover works in non-modern browsers
    */

/* DEMO CSS */


/* mobile.css.php | http://gj.local/css/mobile.css.php */

svg#startseite_icon {
    height: 28px;
    width: 28px;
    margin-left: 0;
    stroke: #fff;
    fill: #fff;
}

.clicky-menu li a:hover svg#startseite_icon,
.clicky-menu li button:hover svg#startseite_icon {
    fill: #707275;
    stroke: #707275;
}


/* Hidden SVG used for down arrows */
svg#arrow_svg {
    display: none;
    position: absolute;
}

.clicky-menu li a:hover svg,
.clicky-menu li button:hover svg,
.clicky-menu li a:focus svg,
.clicky-menu li button:focus svg {
    stroke: #707275;
}

.site-navigation {
    background-color: #707275;
    border-radius: 4px;
    border: 4px solid #707275;
}

.clicky-menu {
    justify-content: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
}


/* @media (min-width: 540px) { */

@media (min-width: 300px) {
    .clicky-menu {
        display: flex;
    }
}


/* General Link & Button Styles */

.clicky-menu a,
.clicky-menu button {
    margin: 0.25em;
    background: transparent;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-family: inherit;
    border-radius: 3px;
}

.clicky-menu a:hover,
.clicky-menu button:hover {
    background: #fff;
    color: #707275;
}

.clicky-menu a:focus,
.clicky-menu button:focus {
    background: #fff;
    color: #707275;
    outline: 0.125em dotted purple;
    outline-offset: -0.125em;
}


/* Top Level Items */

.clicky-menu>li {
    position: relative;
    flex: 1 1 auto;
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
}

.clicky-menu>li:nth-child(n+2) {
    border-left: 1px solid white;
}

.clicky-menu>li>a,
.clicky-menu>li>button {
    flex: 1 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 0;
    font-size: inherit;
    line-height: 1.5;
    cursor: pointer;
    color: white;
    font-size: 1em;
}


/* @media (min-width: 540px) { */

@media (min-width: 300px) {
    .clicky-menu>li>a,
    .clicky-menu>li>button {
        justify-content: center;
    }
}


/* Icon */

.clicky-menu svg {
    width: 1em;
    height: 1em;
    margin-left: 0.5em;
    stroke: #fff;
}

.clicky-menu [aria-expanded=true] svg {
    transform: scaleY(-1);
}


/* Submenu Styles */

.clicky-menu ul {
    min-width: 100%;
    /* width: 12em;*/
    margin-top: 0;
    padding: 0;
    list-style: none;
    background-color: #ededed;
    border-top: 4px solid #707275;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}


/* Responsive Submenu Behavior */

.clicky-menu ul[aria-hidden=false] {
    position: static;
    width: 100%;
    flex: 0 0 auto;
}


/* @media (min-width: 540px) { */

@media (min-width: 300px) {
    .clicky-menu ul[aria-hidden=false] {
        position: absolute;
        width: auto;
    }
}

/* Submenu Links */

.clicky-menu ul a {
    display: block;
    padding-top: 0.375em;
    padding-bottom: 0.375em;
}


/* @media (min-width: 540px) { */

@media (min-width: 300px) {
    .clicky-menu ul a {
        padding: 0.375em 1em;
        white-space: nowrap;
    }
}

.main-menu li {
    margin: 0;
    list-style: none;
}

div#logo,
div#logo_nurtext {
    float: left;
    width: 32%;
}

div#menue {
    float: right;
    width: 66%;
    margin-top: 3px;
}

@media (max-width:420px){
    .greenjobs_logo_2025_horizontal{
        max-width: 101px;
        max-height:22px;
        margin: 10px 0 0 5px;
    }
}

@media (max-width:360px) {
    div#logo,
    div#logo_nurtext {
        width: 25%;
    }
    div#menue {
        width: 75%;
    }

    .greenjobs_logo_nurtext{
        max-width:75px;
        max-height:19px;
        margin: 11px 0 0 4px;
    }

    .clicky-menu a,
    .clicky-menu button {
        font-weight: normal;
    }

    .icon_margin_left {
        margin-left:8px;
    }

    div#logo,
    div#logo_nurtext {
        width: 23%;
        padding-left:5px;
    }
    div#menue {
        width: 75%;
    }

    .greenjobs_logo_nurtext{
        max-width:75px;
        max-height:19px;
        margin: 11px 0 0 4px;
    }

    .greenjobs_logo_2025_horizontal{
        max-width:82px;
        max-height:22px;
        margin: 11px 0 0 -19px;
    }
    
    .clicky-menu a,
    .clicky-menu button {
        font-weight: normal;
    }

    .icon_margin_left {
        margin-left:8px;
    }
}

@media (max-width:330px) {
    .greenjobs_logo_nurtext{
        max-width:70px;
        max-height:18px;
        margin: 11px 0 0 4px;
    }
}