/* Imports */
@import url("webfonts.css");

/* Global Settings */
* { margin:0px;padding:0px;-webkit-box-sizing:border-box;box-sizing:border-box; }
html, body { font-family:'Titillium Web', sans-serif;font-size:16px;line-height:1em;color:#000000;background:#f9f9f9;font-weight:300; }
html.index, body.index { background:#ffffff; }
.clearboth { clear:both;height:0px;line-height:1px;font-size:1px; }
.hidden { display:none; }

/* Input Styles */
input, select, textarea { font-family:'Titillium Web', sans-serif;font-size:16px;line-height:16px;color:#222222;padding:3px 10px 5px 10px;border:none;border-bottom:3px solid #c2b59b;margin:0 0 3px 0;background:#fdfdfd;outline:none; }
input:invalid, select:invalid { border-color:#AE2125; }
select { padding:2px 10px 4px 10px; }
textarea { line-height:19px;height:4.5em;resize:none; }
input[type=submit] { width:auto !important;padding:8px 25px 8px 25px;font-size:16px;line-height:16px;background:#726658;color:#ffffff;border-color:#c2b59b; }
input[type=submit]:hover { background:#c2b59b;cursor:pointer;border-color:#726658; }
input[type=button] { width:auto !important;padding:8px 25px 8px 25px;font-size:16px;line-height:16px;background:#726658;color:#ffffff;border-color:#c2b59b; }
input[type=button]:hover { background:#c2b59b;cursor:pointer;border-color:#726658; }
input[type=text] { width:200px; }
input[type=password] { width:200px; }
input[type=file] { width:144px;padding:3px 3px 4px 3px; }
input[type=checkbox],
input[type=radio] { width:auto !important;-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);cursor:pointer; }
input.number, select.number { text-align:right; }
input:disabled,
input.disabled { background:#dddddd;color:#444444;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
input:disabled:hover { background:#dddddd;color:#ffffff; }
input.disabled:hover { background:#bbbbbb;color:#ffffff; }

/* Label Styles */
label { display:block;margin:0 0 15px 0; }
label span { display:block;margin:0 0 3px 0; }
label span #check_firmen { display:inline-block;margin:0 0 0 15px;line-height:0em; }
label.checkbox { cursor:pointer; }
label.checkbox span.texttop { margin:0 0 11px 0; }
label.checkbox span.icon { display:inline-block;color:#DDDDDD;width:30px; }
label.checkbox span.icon.active { color:#c2b59b; }
label.checkbox span.icon i { cursor:pointer;font-size:1.2em; }
label.nomargin { margin:0; }
div.labelbox { display:block;width:100%;margin:0 0 15px 0; }
div.labelbox label select,
div.labelbox label textarea,
div.labelbox label input { width:100%; }
div.labelbox.grid2 > label { float:left;width:49%;margin:0 2% 0 0; }
div.labelbox.grid2 > label:last-of-type { margin:0; }
div.labelbox.grid3 > label { float:left;width:32%;margin:0 2% 0 0; }  
div.labelbox.grid3 > label.large { width:66%; }
div.labelbox.grid3 > label:last-of-type { margin:0; }
div.labelbox.grid4 > label { float:left;width:23.5%;margin:0 2% 0 0; }
div.labelbox.grid4 > label.large { width:49%; }
div.labelbox.grid4 > label:nth-child(4n) { margin:0; }
div.labelbox.grid5 > label { float:left;width:18.4%;margin:0 2% 2% 0; }
div.labelbox.grid5 > label.large { width:59.2%; }
div.labelbox.grid5 > label:nth-child(5n) { margin:0; }

div.labelbox.grid5_del { display:grid;grid-template-columns:repeat(5,1fr) 20px;gap:10px;align-items:center; }
div.labelbox.grid5_del > label { margin:0; }
div.labelbox.grid5_del > div.del { text-align:right;color:#AE2125;cursor:pointer; }

div.labelbox.gridHinweis { display:grid;grid-template-columns:4fr 1fr;gap:10px; }
div.labelbox.gridHinweis textarea { height:160px; }
div.labelbox.gridHinweis label { margin:0; }
div.labelbox.gridHinweis span > em { line-height:1.25em;font-weight:400;color:rgba(0,0,0,.6); }

div.labelbox label.last { margin:0; }
div.js-helper-overlay { position:relative; }
div.labelbox.checkboxlist {  }
div.labelbox.checkboxlist label { display:grid;margin:0 0 5px 0;grid-template-columns:20px auto;gap:15px;align-items:center;min-height:41px;cursor:pointer; }
div.labelbox.checkboxlist label input[type=text] { width:75px;text-align:center;cursor:text; }
div.labelbox.checkboxlist label input.large { width:100%;text-align:left; }

/* Buttons */
a.button { display:inline-block;font-family:'Titillium Web', sans-serif;font-size:16px;line-height:16px;padding:8px 15px 8px 15px;font-size:16px;line-height:16px;background:#726658;color:#ffffff !important;border-bottom:3px solid #c2b59b;margin:0 0 3px 0;text-decoration:none;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
a.button:hover { background:#c2b59b;cursor:pointer;border-color:#726658; }

.floatleft { float:left; }
.floatright { float:right; }

a.button.floatright { margin-left:15px; }

/* Text Stylings */
.red { color:#AE2125 !important; } .bg-red { background-color:#AE2125 !important;color:#ffffff !important; }
.green { color:#2dbf2d; } .bg-green { background-color:#2dbf2d !important;color:#ffffff !important; }
.yellow { color:#e2b41b; } .bg-orange { background-color:#f1c446 !important;color:#ffffff !important; }
.fat { font-weight:bold; }
.grey { color:#cccccc !important; }

a.button.red { background:#AE2125;color:#ffffff !important;border-bottom:3px solid #8c1012; }
a.button.red:hover { background:#8c1012;border-bottom:3px solid #AE2125; }
a.button.green { background:#2dbf2d;color:#ffffff !important;border-bottom:3px solid #429042; }
a.button.green:hover { background:#429042;border-bottom:3px solid #2dbf2d; }
a.button.grey { background:#F9F9F9;color:#A7A7A7;border-bottom:3px solid #A7A7A7; }
a.button.grey:hover { background:#A7A7A7;color:#ffffff;border-bottom:3px solid #F9F9F9; }
a.button.width-80 { width:80px;text-align:center; }

h1, h2, h3, h4, h5 { font-family:'Roboto Condensed', sans-serif;line-height:1em;font-weight:400; }
h1 { font-size:36px;line-height:1.2em;margin-bottom:28px; }
h1 em { font-size:0.76em;font-weight:300; }
h2 { font-size:24px;line-height:1em;margin-bottom:20px; }
h2 span.action-count { display:inline-block;margin:0 0 0 10px;font-size:0.9em; }
h2 span.action-count::before { content:"("; }
h2 span.action-count::after { content:")"; }
h2 span.action-count span:first-child::after { content:"/"; }
h3 { font-size:20px;line-height:1em;margin-bottom:10px; }
h3 span { display:inline-block;margin:0 0 0 10px;font-size:0.9em;cursor:pointer; }
h4 { font-size:18px;line-height:1em;margin-bottom:5px;font-weight:300; }

a { -webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease; }

.webpage { position:relative; }
.webpage .wrapper-header { position:relative;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:50px;margin:0 auto;padding:50px 10vw 0px;border-bottom:5px solid #726658; }
.webpage .wrapper-header .logo { width:300px;justify-self:start; }
.webpage .wrapper-header .logo > a { display:block; }
.webpage .wrapper-header .logo img { display:block;width:100%; }
.webpage .wrapper-header .contact-button { justify-self:end; }
.webpage .wrapper-header .contact-button > a { border-radius:100px;font-size:1.5em;line-height:1em;padding:15px 25px; }
.webpage .wrapper-header .navigation { grid-column-start:span 2; }
.webpage .wrapper-header .navigation .navigation-mob { display:none; }
.webpage .wrapper-header .navigation > ul { list-style-type:none;display:flex;gap:50px; }
.webpage .wrapper-header .navigation > ul > li { display:block; }
/* 20231022 old Style */
/* .webpage .wrapper-header .navigation > ul > li > a { display:block;background:#726658;border-radius:100px;color:#ffffff;text-decoration:none;padding:15px 25px;font-weight:300;font-size:1.3em;line-height:1em;border-bottom:3px solid #c2b59b; } */
.webpage .wrapper-header .navigation > ul > li > a { display:block;color:#726658;text-decoration:none;padding:20px 25px;font-weight:600;font-size:2em;line-height:1em; }
.webpage .wrapper-header .navigation > ul > li > a:hover,
.webpage .wrapper-header .navigation > ul > li > a.hover { color:#c2b59b; }
.webpage .wrapper-header .navigation > ul > li > a.contact { background:#AE2125;color:#ffffff !important;border-color:#8c1012; }
.webpage .wrapper-header .navigation > ul > li > a.contact:hover,
.webpage .wrapper-header .navigation > ul > li > a.contact.hover { background:#8c1012;border-color:#AE2125; }

.webpage .wrapper-content {  }
.webpage .wrapper-content h1, 
.webpage .wrapper-content h2, 
.webpage .wrapper-content h3, 
.webpage .wrapper-content h4, 
.webpage .wrapper-content h5 { text-align:center; } 
.webpage .wrapper-content p { margin:0 0 50px 0; }
.webpage .wrapper-content a { color:#716558;text-decoration:none; }
.webpage .wrapper-content hr { border:none;width:10%;border-bottom:3px solid #726658;margin:50px auto; }
.webpage .wrapper-content a.button-web { display:flex;padding:15px 25px;background:#ffffff;border-radius:200px;color:#726658 !important;font-size:1.1em;line-height:1em;font-weight:500;align-items:center;justify-content:center;gap:15px; }
.webpage .wrapper-content a.button-web:hover { background:#25d366;color:#ffffff !important; }
.webpage .wrapper-content a.button-web > i { font-size:2em; }
.webpage .wrapper-content .content-teaser { background:#c2b59b; }
.webpage .wrapper-content .content-teaser .teaser-image { position:relative;display:grid;justify-items:center; }
.webpage .wrapper-content .content-teaser .teaser-image .teaser-slogan { position:absolute;bottom:50px;left:0px;width:100%;text-align:center;background:rgba(194,181,155,.4);padding:25px 0;color:#ffffff;font-size:3.2em;line-height:1em;font-weight:600; }
.webpage .wrapper-content .content-teaser .teaser-image .teaser-slogan-v2 { position:absolute;bottom:0px;left:calc((100vw - 1500px) / 2);width:50%;text-align:left;padding:25px;color:#ffffff;font-size:1.2em;line-height:1em;font-weight:500;text-shadow:0px 0px 12px rgba(0,0,0,.9); }
.webpage .wrapper-content .content-main { width:50%;margin:50px auto 100px auto; }
.webpage .wrapper-content .content-main-full { width:100%;margin:50px auto 100px auto; }
.webpage .wrapper-content .content-main.dark { width:100%;padding:100px 25%;margin:0 auto 0 auto;background:#726658;color:#ffffff; }
.webpage .wrapper-content .content-main.dark a { color:#ffffff; }
.webpage .wrapper-content .content-main.dark a:hover { color:#c2b59b; }
.webpage .wrapper-content .content-main.light { width:100%;padding:100px 25%;margin:0 auto 0 auto;background:#c2b59b;color:#ffffff; }
.webpage .wrapper-content .content-main.interesse-geweckt { text-align:center; }
.webpage .wrapper-content .content-main.interesse-geweckt h2 { font-size:3em;font-weight:500;margin:0 0 25px; }
.webpage .wrapper-content .content-main.interesse-geweckt h3 { font-size:2.5em;font-weight:300;margin:0 0 35px; }
.webpage .wrapper-content .content-main.interesse-geweckt h3:last-child { margin:0; }
.webpage .wrapper-content .content-main.interesse-geweckt a { display:inline-block;padding:20px 35px;color:#726658;background:#ffffff;border-radius:200px;font-size:1.6em;line-height:1em;text-transform:uppercase;font-weight:600;box-shadow:0 3px 10px 0px rgba(0,0,0,.3); }
.webpage .wrapper-content .content-main.interesse-geweckt a:hover { background:#AE2125;color:#ffffff; }
.webpage .wrapper-content .content-main.contact h2 { font-size:3em;font-weight:500;margin:0 0 25px; }
.webpage .wrapper-content .content-main.contact h2:after { content:"";display:block;width:20px;border-bottom:2px solid #ffffff;margin:25px auto; }
.webpage .wrapper-content .content-main.contact h3 { font-size:2em;font-weight:300;margin:0 0 20px; }
.webpage .wrapper-content .content-main.contact p { font-size:1.4em;line-height:1.45em;font-weight:300; }
.webpage .wrapper-content .content-main h1 { font-size:2.6em; }
.webpage .wrapper-content .content-main h1:after { content:"";display:block;width:30px;border-bottom:3px solid #726658;margin:50px auto; }
.webpage .wrapper-content .content-main h2 { font-size:1.8em;line-height:1.2em;margin:0 auto 50px auto; }
.webpage .wrapper-content .content-main p { text-align:center;line-height: 1.7em;font-size:1.1em; }
.webpage .wrapper-content .content-main ul { text-align:center;line-height: 1.7em;font-size:1.1em; }
.webpage .wrapper-content .content-main ul li { width:auto;list-style-type:square; }
.webpage .wrapper-content .content-main .content-left { text-align:left; }
.webpage .wrapper-content .content-main .content-left p { text-align:left; }
.webpage .wrapper-content .content-main .content-left ul { text-align:left;margin-left:25px; }
.webpage .wrapper-content .content-main ul.referenzen { list-style-type:none;margin:0; }
.webpage .wrapper-content .content-main ul.referenzen li { width:100%;display:grid;gap:25px;justify-items:center; }
.webpage .wrapper-content .content-main ul.referenzen li .referenzen-logo { width:250px;height:auto; }
.webpage .wrapper-content .content-main ul.referenzen li .referenzen-logo > img { display:inline-block;max-width:100%;height:auto;max-height:100%; }
.webpage .wrapper-content .content-main ul.referenzen li .referenzen-text { font-size:1.3em;line-height:1.5em; }
.webpage .wrapper-content .content-main ul.referenzen li .referenzen-info { font-size:1em;line-height:1em;font-style:italic; }
.webpage .wrapper-content ul.leistungen { list-style-type:none;margin:0;display:grid;grid-template-columns:repeat(1,1fr);gap:50px;margin:0 0 50px 0; }
.webpage .wrapper-content ul.leistungen > li { list-style-type:none;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;background:#c2b59b; }
.webpage .wrapper-content ul.leistungen > li > .leistungen-banner { height:100%; }
.webpage .wrapper-content ul.leistungen > li > .leistungen-banner img { display:block;width:100%;height:100%;object-fit: cover; }
.webpage .wrapper-content ul.leistungen > li > .leistungen-content { padding:50px; }
.webpage .wrapper-content ul.leistungen > li:nth-child(even) { grid-template-columns:1.3fr 1fr; }
.webpage .wrapper-content ul.leistungen > li:nth-child(even) > .leistungen-banner { grid-row-start:1;grid-column-start:2; }
.webpage .wrapper-content ul.leistungen > li:nth-child(even) > .leistungen-content { grid-row-start:1;grid-column-start:1; }
.webpage .wrapper-content ul.leistungen > li h3 { text-decoration:none;font-weight:600;font-size:1.4em;line-height:1.2em;text-transform:uppercase;margin:0;text-align:left; }
/*.webpage .wrapper-content .content-main ul.leistungen > li h3:after { content:"+"; }
.webpage .wrapper-content .content-main ul.leistungen > li h3:hover {  }*/
.webpage .wrapper-content ul.leistungen > li p { text-align:left; }
.webpage .wrapper-content ul.leistungen > li ul { text-align:left;margin:0 0 0 25px; }
.webpage .wrapper-content ul.leistungen > li ul.long { display:grid;grid-template-columns:repeat(2,1fr); }
.webpage .wrapper-content ul.leistungen > li .leistungen-info { padding:15px 0px;font-size:1.1em;line-height:1.4em;text-align:left; }
.webpage .wrapper-content .content-main ul.netzwerk { list-style-type:none;display:grid;grid-template-columns:repeat(6,1fr);gap:50px;align-items:center; }
.webpage .wrapper-content .content-main ul.netzwerk li { list-style-type:none; }
.webpage .wrapper-content .content-main ul.netzwerk li > a { display:block; }
.webpage .wrapper-content .content-main ul.netzwerk li > a > img { display:block;width:100%; }
.webpage .wrapper-content .content-main ul.netzwerk li > a:hover > img { filter:grayscale(1); }
.webpage .wrapper-content .content-main ul.netzwerk li:nth-child(1) { grid-column-start:span 2; }
.webpage .wrapper-content .content-main ul.netzwerk li:nth-child(2) { grid-column-start:span 3; }
.webpage .wrapper-content .content-main ul.netzwerk li:nth-child(3) { grid-column-start:span 1; }
.webpage .wrapper-content .content-main ul.netzwerk li:nth-child(4) { grid-column-start:span 2; }
.webpage .wrapper-content .content-main ul.netzwerk li:nth-child(5) { grid-column-start:span 4; }
.webpage .wrapper-content .contact-view { display:grid;grid-template-columns:repeat(2,1fr);gap:50px; }

.webpage .wrapper-footer { bottom:0px;width:100%;padding:20px 30px;border-top:2px solid #c2b59b;background:#ffffff; }
.webpage .wrapper-footer .copyright { float:left; }
.webpage .wrapper-footer .submenu { float:right; }
.webpage .wrapper-footer .submenu a { display:inline-block;margin-left:10px;text-transform:uppercase;color:#726658;font-weight:600;text-decoration:none; }

/* Box Settings */
.wrapper { width:100%;margin:0 auto; }

.header { position:fixed;width:209px;background:#ffffff;border-right:1px #F0F0F0 solid;height:100%; }
.header .logo { width:80px;margin:50px auto 0 auto; }
.header .logo img { display:block;width:100%; }
.header ul.navigation { list-style-type:none;margin:50px 0 0 0;font-size:16px;font-family:'Roboto Condensed', sans-serif;font-weight:400;border-top:1px solid #f7f7f7;border-bottom:1px solid #fbfbfb; }
.header ul.navigation li { display:block;text-align:right;border-top:1px solid #fbfbfb;border-bottom:1px solid #f7f7f7; }
.header ul.navigation li a { display:block;padding:15px 45px 15px 15px;color:#726658;text-decoration:none;line-height:19px; }
.header ul.navigation li a:hover { background:#FAFBFB;color:#c2b59b;border-left:4px solid #c2b59b; }
.header ul.navigation li.hover > a { background:#FAFBFB;color:#c2b59b;border-left:4px solid #c2b59b; }
.header ul.navigation li ul { margin:0;border:none;font-size:0.9em;display:none; }
.header ul.navigation li ul li a { padding:15px 42px 15px 15px; }
.header ul.navigation li.hover.has-submenu ul { display:block; }
.header ul.navigation li.hover.has-submenu ul > li > a {  }
.header ul.navigation li.hover.has-submenu ul > li > a:after { content:"\002022";display:block;float:right;color:#296dad;font-size:2.5em;line-height:10px;padding:5px 0 0 5px; }
.content { width:100%;padding:20px 20px 20px 225px; }
.content .content-header { font-family:'Roboto Condensed', sans-serif;font-weight:400; }
.content .content-header .slogan { float:left;width:50%;padding:7px 15px;font-size:18px;line-height:24px;color:#666666;text-transform:uppercase;text-shadow:0 -1px 0 rgba(255,255,255,.5); }
.content .content-header .navigation { float:right;width:auto;margin:15px 24px 0 0;padding:0px 5px 0px 5px;font-size:14px;line-height:24px;border-bottom:1px dotted #e9e9e9; }
.content .content-header .navigation a { display:inline-block;padding:0 5px;color:#c2b59b;text-decoration:none;outline:none;font-size:1em; }
.content .content-header .navigation a:hover { color:#c2b59b; }
.content .content-header .breadcrump { padding:13px 15px 25px;color:#aaaaaa;font-size:14px;line-height:30px; }
.content .content-value { background:#ffffff;padding:30px;border-top:4px solid #c2b59b; }
.content .content-value a { text-decoration:none;color:#726658; }
.content .content-value table tr td a { color:#000000; }
.content .content-value p { margin:0 0 15px 0; }
.content .content-value ul { margin:0 0 15px 20px; }
.content .content-value ul li { margin:0 0 3px 0; }
.content .content-value hr { border:none;border-bottom:5px solid #eeeeee;margin:0 0 15px 0; }
.content .content-value hr.full { margin:0 -30px 15px -30px; }
.content .content-value hr.dotted { border-bottom:2px dotted #eeeeee;margin:0 0 15px 0; }
.content .content-value a#fieldlist-all { cursor:pointer;color:#c2b59b;display:block;margin:0 0 15px 0; }
.content .content-value .action-bottom .button.red { float:right; }
.content .content-value.login { width:260px;margin:15% auto 0 auto; }
.content .content-value.addon { float:left;width:68%;margin:0 2% 0 0; }
.content .content-value ul.list { list-style-type:none;border-top:3px solid #eeeeee;margin:0 0 15px 0; }
.content .content-value ul.list li { padding:15px 0;border-bottom:1px solid #eeeeee; }
.content .content-value ul.list li a em { font-weight:300; }
.content .content-value ul.list li h2 { margin:0;font-weight:600; }
.content .content-value ul.list li h3 { cursor:pointer; }
.content .content-value ul.list li h3 span { display:inline-block;margin:0 0 0 10px;font-style:italic;font-size:0.9em; }
.content .content-value ul.list li h3 em { float:right; }
.content .content-value ul.list li span.info-right { float:right;margin:-22px 0 0 0; }
.content .content-value ul.list li .list-form { display:none;border-top:1px dotted #eeeeee;padding:10px 0 0 0;margin:15px 0 0 0; }
.content .content-value .mitarbeiterdaten { padding:15px;background:#eeeeee;margin:0 0 15px 0; }
.content .content-value .mitarbeiterdaten h4 { margin:0 0 10px 0; }
.content .content-value .mitarbeiterdaten .labelbox:last-of-type { margin:0; }
.content .content-value ul.list li:last-of-type { border-bottom:3px solid #eeeeee; }
.content .content-value ul.list.list-mitglieder li a { display:block;text-decoration:none;color:#000000;font-family:'Titillium Web', sans-serif;font-weight:600;font-size:24px;line-height:1em; }
.content .content-value ul.list.list-mitglieder li a em { display:block;font-size:0.75em;padding:5px 0 0 0;margin:5px 0 0 0;border-top:1px dotted #eeeeee; }
.content .content-value ul.list.list-mitglieder li span.list-mitglieder-betreuer { text-align:right;display:block;margin:-16px 0 0 0; }
.content .content-value ul#mitgliedersuche_active { display:none; }
.content .content-value ul.list.merge-mitglieder li .details { padding:30px;background:#F9F9F9; }
.content .content-value ul.list.merge-mitglieder li .details .details-actions .details-actions-item { float:left;width:auto; }
.content .content-value ul.list.merge-mitglieder li .details .details-actions .details-actions-item.right { float:right;text-align:right; }
.content .content-value ul.list.merge-mitglieder li .details .details-actions .details-actions-item .delete-sure a { cursor:pointer; }
.content .content-value ul.list.contracts { position:relative;border-radius:15px; }
.content .content-value ul.list.contracts li { background:#f1d4d5;padding:0 10px;cursor:pointer; }
.content .content-value ul.list.contracts li:first-of-type { border-top-left-radius:15px;border-top-right-radius:15px; }
.content .content-value ul.list.contracts li:last-of-type { border-bottom-left-radius:15px;border-bottom-right-radius:15px; }
.content .content-value ul.list.contracts li.list-header { background:#cecece;font-weight:bold;text-align:center;cursor:inherit; }
.content .content-value ul.list.contracts li.list-header .list-header-items { display:grid;grid-template-columns:0.5fr repeat(2,1fr) 1.3fr repeat(5,1fr);gap:5px; }
.content .content-value ul.list.contracts li.list-header .list-header-items > div { padding:10px 0;border-right:2px solid rgba(0,0,0,.1 ); }
.content .content-value ul.list.contracts li .list-info { display:grid;grid-template-columns:0.5fr repeat(2,1fr) 1.3fr repeat(5,1fr);gap:5px; }
.content .content-value ul.list.contracts li .list-info > div { padding:10px 0;border-right:2px solid rgba(0,0,0,.1 ); }
.content .content-value ul.list.contracts li .list-info > div:nth-child(1) { font-weight:bold; }
.content .content-value ul.list.contracts li .list-info > div:nth-child(5),
.content .content-value ul.list.contracts li .list-info > div:nth-child(6),
.content .content-value ul.list.contracts li .list-info > div:nth-child(7),
.content .content-value ul.list.contracts li .list-info > div:nth-child(8) { text-align:right;padding-right:5px;  }
.content .content-value ul.list.contracts li .list-info > div:nth-child(9) { text-align:center; }
.content .content-value ul.list.contracts li.list-header .list-header-items > div:last-of-type,
.content .content-value ul.list.contracts li .list-info > div:last-of-type { border-right:none; }
.content .content-value ul.list.contracts li > h3 { color:#ffffff;text-align:center; }
.content .content-value ul.list.contracts li.alt { background:#c8edc8; }
.content .content-value ul.list.contracts li .list-form { width:100%;background:white;box-shadow:0px 0px 15px rgba(0,0,0,0.3);border:none;border-radius:15px;padding:20px;margin:0px;position:absolute;top:0px;left:0px; }
.content .content-value ul.list.contracts li .list-form .list-form-close { position:absolute;right:20px;top:20px;cursor:pointer; }
.content .content-value .ansprechpartner-list { margin:0 0 20px 0; }
.content .content-value .ansprechpartner-list .ansprechpartner-item { padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #eeeeee;position:relative; }
.content .content-value .ansprechpartner-list .ansprechpartner-item:last-of-type { border:none;margin:0;padding:0; }
.content .content-value .ansprechpartner-list .ansprechpartner-item h4 { font-weight:400;cursor:pointer; }
.content .content-value .ansprechpartner-list .ansprechpartner-item p { margin:3px 0 0 0; }
.content .content-value .ansprechpartner-list .ansprechpartner-item p.item-details { display:none; }
.content .content-value .ansprechpartner-list .ansprechpartner-item p span { display:inline-block;padding:0 20px 0 0;margin:0 20px 0 0;border-right:1px dotted #726658; }
.content .content-value .ansprechpartner-list .ansprechpartner-item p span:last-of-type { border:none;padding:0;margin:0; }
.content .content-value .ansprechpartner-list .ansprechpartner-item p span i { margin:0 3px 0 0; }
.content .content-value .ansprechpartner-list .ansprechpartner-item p span a { text-decoration:none;color:#726658; }
.content .content-value .ansprechpartner-list .ansprechpartner-item span.ansprechpartner-item-action { position:absolute;right:0px;top:0px;font-size:24px; }
.content .content-value .listbox { margin:0 0 20px 0; }
.content .content-value .list-adressen .list-item { display:none; }
.content .content-value .list-adressen .list-item:first-child { display:block; }
.content .content-value .listbox ul.list-action-buttons { list-style-type:none; }
.content .content-value .listbox ul.list-action-buttons li { float:left;margin:0 15px 0 0; }
.content .content-value .listbox ul.list-action-buttons li.right { float:right;margin:0 0 0 15px; }
.content .content-value .savebutton-top { margin:0 0 -64px 0;padding:0 0 26px 0;text-align:right; }
.content .content-value .list-lv {  }
.content .content-value .list-lv li { display:block;padding:15px;border-bottom:2px solid #A7A7A7; }
.content .content-value .list-lv li:nth-child(2n+1) { background:#FBFBFB; }
/*.content .content-value .list-lv li:nth-child(2n+1) .list-lv-input input { background:#ffffff; }*/
.content .content-value .list-lv li:last-of-type { background:#F3F3F3;border:none;border-top:1px solid #A7A7A7; }
.content .content-value .list-lv li .list-lv-input { float:left;width:80%;margin:0 2% 0 0; }
.content .content-value .list-lv li .list-lv-input label { margin:0; }
.content .content-value .list-lv li .list-lv-input input { width:100%; }
.content .content-value .list-lv li .list-lv-action { float:left;width:18%; }
.content .content-value .list-lv li .list-lv-action input { width:100% !important; }
.content .content-value div.label-pass { padding:15px;background:#eeeeee;text-align:center;width:70%;margin:15px auto; }
.content .content-value div.label-pass p { margin:5px 0; }
.content .content-value div.label-pass p span { font-weight:bold; }
.content .content-value .labelbox label.kontaktgeber-other { display:none; }
.content .content-value .overlay-suggestion { display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(255,255,255,0.9); }
.content .content-value .overlay-suggestion .overlay-close { position:absolute;top:0px;right:10px;font-size:1.2em;cursor:pointer; }
.content .content-value .overlay-suggestion .overlay-close em { display:inline-block;font-size:0.8em;margin:0 5px 0 0; }
.content .content-value .overlay-suggestion .overlay-loading { margin:25px 0 0 0;text-align:center;font-weight:1.1em;font-weight:600; }
.content .content-value .overlay-suggestion .overlay-loading img { display:inline-block;margin:15px 0 0 0; }
.content .content-value .overlay-suggestion .overlay-content { padding:10px;height:250px; }
.content .content-value .overlay-suggestion .firmen-mitarbeiter-ajax-item { display:block;float:left;width:auto;background:#ffffff;padding:15px;margin:0 15px 15px 0;width:auto;box-shadow:0px 0px 15px rgba(0,0,0,0.1);border-radius:10px;cursor:pointer; }
.content .content-value .overlay-suggestion .firmen-mitarbeiter-ajax-item:hover { background:#efefef; }
.content .content-value .overlay-suggestion .firmen-mitarbeiter-ajax-item p:last-of-type { margin:0; }
.content .addon-value { float:left;width:30%;background:#ffffff;padding:30px;border-top:4px solid #A7A7A7; }
.content .addon-value hr { border:none;border-bottom:5px solid #eeeeee;margin:0 0 15px 0; }
.content .addon-value hr.full { margin:0 -30px 15px -30px; }
.content .addon-value ul { margin:0 0 15px 20px;list-style-type:square; }
.content .addon-value p { margin:0 0 15px 0;line-height:1.4em; }
.content .addon-value .action-top { margin:0 0 20px 0; }
.content .addon-value .action-top a { display:inline-block; }
.content .addon-value .addon { margin:0 0 15px 0; }
.content .addon-value .addon.actions .button { width:100%;text-align:center; }
.content .addon-value .addon-filter .addon_filter { list-style-type:none;margin:0 0 15px 0; }
.content .addon-value .addon-filter .addon_filter li { display:inline-block;margin:0 5px 5px 0; }
.content .addon-value .addon-filter .addon_filter li a { display:block;padding:10px;text-decoration:none;background:#EEEEEE;color:#c2b59b;width:36px;height:36px;text-align:center; }
.content .addon-value .addon-filter .addon_filter.autowidth li a { width:auto; }
.content .addon-value .addon-filter .addon_filter li a:hover { background:#726658;color:#ffffff; }
.content .addon-value .addon-filter .addon_filter li a.hover { background:#726658;color:#ffffff; }
.content .addon-value .addon-filter .addon_filter li a.hover:hover { background:#c2b59b; }
.content .addon-value .addon-suche div.labelbox, 
.content .addon-value .addon-suche div.labelbox label { margin-bottom:0px; }
.content .addon-value .addon-kommentar .comment { display:block;border-bottom:1px dotted #eeeeee;font-size:0.91em;line-height:1.3em;padding:0 0 5px 0;margin:0 0 5px 0; }
.content .addon-value .addon-kommentar .comment p { margin:0; }
.content .addon-value .addon-kommentar .comment p em { font-size:0.9em;color:#777777; }
.content .addon-value .addon-kommentar .comment:last-of-type { border:none;margin:0 0 15px 0;padding:0; }
.content .addon-value .addon a.button { margin:0 5px 5px 0; }

.content .contracts-type > div { display:none; }

.content .content-value .firmen-infos { position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 0 10px 0; }
.content .content-value .firmen-infos h2 { font-weight:600;margin:0; }
.content .content-value .firmen-infos .versorg-overview { display:none;position:absolute;top:50px;right:0px;background:#ffffff;z-index:99;padding:25px;border-radius:15px;box-shadow:0 0 25px 0px rgba(0,0,0,.2); }
.content .content-value .firmen-infos .versorg-overview span { display:inline-block;padding:5px;border-radius:2px;margin:0 0 1px 0;width:100%; }
.content .content-value .firmen-infos .versorg-overview span.benefits-green { background:#2dbf2d;color:#ffffff; }
.content .content-value .firmen-infos .versorg-overview span.benefits-red { background:#AE2125;color:#ffffff; }
.content .content-value .firmen-infos .versorg-overview span.benefits-orange { background:#f1c446;color:#ffffff; }
.content .content-value .firmen-infos .versorg-overview span > em { font-weight:600; }
.content .content-value .firmen-infos .versorg-overview span > em:before { content:"["; }
.content .content-value .firmen-infos .versorg-overview span > em:after { content:"]"; }

.content .dashboard-contents { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.content .dashboard-contents:after { content:"";display:block;clear:both;height:0px;line-height:1px;font-size:1px; }
.content .dashboard-content { /*float:left;width:49%;margin:0 2% 2% 0;*/height:auto !important;background:#ffffff;padding:30px;border-top:4px solid #A7A7A7; }
/*.content .dashboard-content:nth-child(2n) { margin:0 0 2% 0; }*/
.content .dashboard-content ul.dashboard-termine { list-style-type:none; }
.content .dashboard-content ul.dashboard-termine > li { padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #eeeeee; }
.content .dashboard-content ul.dashboard-termine li a { display:block;color:#000000;text-decoration:none;cursor:pio }
.content .dashboard-content ul.dashboard-termine li span { display:inline-block;margin:0 5px 0 0; }
.content .dashboard-content ul.dashboard-termine li span.icon { width:30px;margin:0px; }
.content .dashboard-content ul.dashboard-termine li span.firma { font-weight:400; }
.content .dashboard-content ul.dashboard-termine li span.betreuer { float:right; }
.content .dashboard-content ul.dashboard-termine > li > strong { cursor:pointer; }
.content .dashboard-content ul.dashboard-termine > li:after { content:"";clear:both; }
.content .dashboard-content ul.dashboard-termine > li:last-of-type { border:none;margin:0;padding:0; }
.content .dashboard-content ul.dashboard-termine > li > ul { list-style-type:none;margin:5px 0 0 0;display:none; }
.content .dashboard-content ul.dashboard-termine > li > ul > li > a { padding:5px 0;display:block; }

.btn-confirm { display:block; }
.btn-confirm .confirm-options { display:none; }
.btn-confirm .confirm-options span { display:block;text-align:center;padding:10px 0; }
.btn-confirm .confirm-options a { width:49% !important;margin:0 !important; }
.btn-confirm .confirm-options a:last-of-type { margin:0 0 0 2% !important; }
.btn-confirm .confirm-options a.confirm-true { background:#008000;border-color:#046804; }
.btn-confirm .confirm-options a.confirm-false { background:#AE2125;border-color:#8c1012; }

.content .wide-table { overflow:auto;padding:0 0 30px 0; }
.content .wide-table table { border-collapse:collapse;min-width:100%; }
.content .wide-table table thead tr td { padding: 10px 10px 10px 10px;font-weight:bold;border:1px solid #EEEEEE;border-bottom:3px solid #A7A7A7;vertical-align:top; }
.content .wide-table table tbody tr td { padding: 3px 10px 3px 10px;border:1px solid #EEEEEE;vertical-align:top; }
.content .wide-table table tbody tr td.number { text-align:right; }


/* All SmartPhone & Tablet Portrait */
@media only screen and (max-width: 1501px) {
	.webpage .wrapper-content .content-teaser .teaser-image .teaser-slogan-v2 { left:calc((100vw - 100%) / 2); }
	.webpage .wrapper-content .content-teaser .teaser-image img { width:100%; }
}

@media only screen and (max-width: 1280px) {
	.webpage .wrapper-header { gap:10px;padding:20px 5vw 0px; }
	.webpage .wrapper-header .navigation > ul > li > a { font-size:1.6em; }

	.webpage .wrapper-content .content-main { width:70%; }
	.webpage .wrapper-content .content-main.dark { padding:100px 15%; }
	.webpage .wrapper-content .content-main.light { padding:100px 15%; }

	.webpage .wrapper-content .content-main.contact h2 { font-size:2.6em; }
	.webpage .wrapper-content .content-main.contact h3 { font-size:1.8em; }
	.webpage .wrapper-content .content-main.contact p { font-size:1.3em; }

	.webpage .wrapper-content a.button-web { font-size:1em; }
	.webpage .wrapper-content a.button-web > i { font-size:1.6em; }

	.webpage .wrapper-content .content-main.interesse-geweckt h2 { font-size:2.6em; }
	.webpage .wrapper-content .content-main.interesse-geweckt h3 { font-size:1.8em; }
	.webpage .wrapper-content .content-main.interesse-geweckt a { font-size:1.3em; }

	.webpage .wrapper-content .content-teaser .teaser-image .teaser-slogan { font-size:2.6em; }
}

@media only screen and (max-width: 1024px) {
  .content .content-value.addon { width:100%;margin:0 0 2% 0; }
  .content .addon-value { width:100%; }
}

@media only screen and (max-width: 840px) {
	.webpage .wrapper-header { padding:20px 5vw 20px;gap:10px;justify-items: end;align-items:center; }

	.webpage .wrapper-header .navigation { grid-column-start:auto; }
	.webpage .wrapper-header .navigation.nav-open { display:grid;position:absolute;top:0px;left:0px;width:100vw;height:100vh;background:rgba(0,0,0,.9);z-index:99;align-items:center;justify-items:center; }
	.webpage .wrapper-header .navigation .navigation-mob { display:block;font-size:3em; }
	.webpage .wrapper-header .navigation.nav-open .navigation-mob { position:absolute;right:5vw;top:56px;color:#ffffff; }
	.webpage .wrapper-header .navigation > ul { list-style-type:none;display:flex;gap:25px;flex-direction:column;align-items:center; }
	.webpage .wrapper-header .navigation > ul > li > a { font-size:2em;color:#ffffff; }
	.webpage .wrapper-header .navigation > ul > li > a.contact { border-radius:10px;padding:15px 25px 18px; }

	.webpage .wrapper-content .contact-view { grid-template-columns:1fr; }

	.webpage .wrapper-content ul.leistungen > li { grid-template-columns:1fr; }
	.webpage .wrapper-content ul.leistungen > li:nth-child(even) { grid-template-columns:1fr; }
	.webpage .wrapper-content ul.leistungen > li:nth-child(even) > .leistungen-banner { grid-row-start:auto;grid-column-start:auto; }
	.webpage .wrapper-content ul.leistungen > li:nth-child(even) > .leistungen-content { grid-row-start:auto;grid-column-start:auto; }
}

@media only screen and (max-width: 500px) {
	.webpage .wrapper-header .logo { width:200px; }

	.webpage .wrapper-header .navigation.nav-open .navigation-mob { top:36px; }
	.webpage .wrapper-header .navigation > ul > li > a { font-size:1.8em; }

	.webpage .wrapper-content .content-teaser .teaser-image .teaser-slogan { bottom:0px;font-size:1.2em; }

	.webpage .wrapper-content .content-main { width:90%; }
	.webpage .wrapper-content .content-main.dark { padding:75px 5%; }
	.webpage .wrapper-content .content-main.light { padding:75px 5%; }

	.webpage .wrapper-content .content-main h1 { font-size:2em; }
	.webpage .wrapper-content .content-main h1:after { margin:25px auto; }

	.webpage .wrapper-content .content-main ul.referenzen li .referenzen-text { font-size:1.1em; }

	.webpage .wrapper-content .content-main.interesse-geweckt h2 { font-size:2em; }
	.webpage .wrapper-content .content-main.interesse-geweckt h3 { font-size:1.4em; }
	.webpage .wrapper-content .content-main.interesse-geweckt a { font-size:1.2em; }

	.webpage .wrapper-content ul.leistungen > li ul.long { display:block; }

	.webpage .wrapper-footer { padding:20px 5vw; }

	.webpage .wrapper-footer .copyright { float:none; }
	.webpage .wrapper-footer .submenu { float:none;display:grid;width:100%;border-top:1px dotted #c2b59b;margin:20px 0 0 0;padding:20px 0 0 0; }
	.webpage .wrapper-footer .submenu a { margin:5px 0; }
}