@charset "UTF-8";
/* CSS Document */

body {width:100%; height:100%; font-family: 'Lato', sans-serif; color:#7C8084; font-size:100%; margin: 0;padding: 0;hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; }

ul, ol, li { margin:0;padding:0; }
h1, h2, h3, h4, h5, h6, p {margin:0;padding:0 0 1em 0}
a img {border:none;}
b, strong {font-weight:700;}
a {transition: all 0.3s ease 0s;}  
a:link {text-decoration: underline; }
a:hover { color:#004182; text-decoration: none;}
table {border-collapse: collapse;border-spacing: 0;}
.clear { clear:both;height:0;font-size: 1px;line-height: 0px;}

.wrapper {width:100%; height:100%; margin:0;padding:0;}

/* KOPF */
.head {width:60em; margin:0 auto;height:6em;padding-top:3em;}
.head .logo {width:25.25em;height:3em;float:left;margin:0 0 0 1.25em}
.head .topnav {float:right;width:32.25em;margin:0 0 0 0}
.head .topnav ul.nav {float:left;margin:0.65em 0 0 4.75em;padding:0}
.head .topnav ul.nav li {position:relative;list-style:none; width:auto; float:left;font-size:0.938em;margin:0 0 0 1em;font-weight:300;}
.head .topnav ul.nav li a {text-decoration:none;color:#7c8083}
.head .topnav ul.nav li:hover a {color:#a40715;}
.head .topnav ul.nav li.act a {color:#a40715;}
.head .topnav ul.nav li.last {}
.head .topnav ul.nav li.last a {text-indent:-99px;overflow:hidden;display:block;width:12px;height:15px;background-image:url(/fileadmin/templates/khb/bilder/login.png);background-repeat:no-repeat;}

.head .topnav .mobileNav {display:none;}

/* Level2 */
.head .topnav ul.nav li:hover ul { display:none; }
.head .topnav ul.nav li ul { display:none;position:absolute;top:20px;left:0;min-width:150px; }
.head .topnav ul.nav li ul li { float:none;margin:0; }


/* SLIDER STARTSEITE */
.slider {width:100%;min-width:960px;height:37.5em;margin:0 0 6em 0;overflow:hidden;position:relative;}

.slider .slider-nav {
width: 1000px;
position: absolute;
z-index: 9999999;
top: 0;
height: 100px;
left: 50%;
margin-left: -500px;
}
.slider span.btn_prev {cursor:pointer;font-size: 72px;color: grey;position: absolute;top:270px;left:0;z-index: 999;text-indent:-99999px;height:50px;width:50px;background-image:url(/fileadmin/templates/khb/bilder/btn_prev.png);}
.slider span.btn_next {cursor:pointer;font-size: 72px;color: grey;position: absolute;top:270px;right:0;z-index: 999;text-indent:-99999px;height:50px;width:50px;background-image:url(/fileadmin/templates/khb/bilder/btn_next.png);}

.slidercontent {width:60em; height:37.5em; background-color:#a40715;position:relative; float:left;}
.slidercontent .zitat {width:100%;height:auto;padding:10.75em 0 0 0;}
.slidercontent .zitat h1 {width:auto;color:#d9cdb7;font-size:3.25em;font-weight:300;margin:0 auto;padding-bottom:18px;padding-left:80px;padding-right:80px;}
.slidercontent .zitat p {width:auto;font-size:1em;color:#d9cdb7;margin:0 auto;padding-left:80px;}
.slidercontent .zitat a { color:#d9cdb7;font-weight:300;text-decoration:none;display:block; }
.slidercontent .button {position:absolute;width:150px;height:30px;left:50px;bottom:40px;}
.slidercontent .links { position:absolute;width:100%;left:0;top:15.75em;text-align:center; }
.slidercontent .links a { color:#d9cdb7;font-size:3.25em;font-weight:300;text-decoration:none;margin:0 0.4em 0 0;display:block }
.slidercontent .sliderfoto {width:100%; height:37.5em;}


/* CONTENT */
.content {width:100%}
.content .inner {width:57.5em;margin:0 auto;padding:48px 1.25em 48px 1.25em; }

.content p {font-size:1em;font-weight:300;line-height:1.4em;}
.content h1 {font-size:3.125em; font-weight:300;}
.content h2 {font-size:2.5em; font-weight:300;}
.content h3 {font-size:1.5em; font-weight:300;}
.content h4 {font-size:1.3em; font-weight:300;}
.content h5 {font-size:1.125em; font-weight:300;}

.content ul {font-size:1em;font-weight:300;margin:0 0 1em 1em;padding:0}
.content ul li {padding:0 0 0.25em 1em}

.content .stellenanzeige {padding:2.5em 0 2.5em 0;border-top:1px solid #dedfe0;border-bottom:1px solid #dedfe0;}
.content .stellenanzeige p {color:#004182;font-size:1.5em;text-align:center;margin:0;}


.content .fcemulticol.fce2col {margin:1em 0 1em 0}
.content .fcemulticol.fce2col .csc-textpic-text {padding:40px 14px 0 14px}
.content .fcemulticol.fce2col .csc-textpic-text h3 {color:#a40715;}
.content .fcemulticol.fce2col .csc-textpic-imagewrap {margin:0 0 0 0;}
.content .fcemulticol.fce2col .csc-textpic-image {margin-bottom:0;}
.content .fcemulticol.fce2col .bg_weiss h3,.content .fcemulticol.fce2col .bg_weiss p {color:#7c8083;}
.content .fcemulticol.fce2col .bg_hellblau h3,.content .fcemulticol.fce2col .bg_hellblau p {color:#FFFFFF;}
.content .fcemulticol.fce2col .col.first {width:50%;float:left;}
.content .fcemulticol.fce2col .col.first .inner {width:91%;margin:0;padding:20px 20px 0 20px;min-height:150px;}
.content .fcemulticol.fce2col .col.first .csc-default {background-color:#FFFFFF}
.content .fcemulticol.fce2col .col.last {width:50%;float:left;}
.content .fcemulticol.fce2col .col.last .csc-default {background-color:#FFFFFF}
.content .fcemulticol.fce2col .col.last .inner {width:91%;margin:0;min-height:150px;padding:20px 20px 0 20px;}
.content .fcemulticol.fce2col .col.first h2,.content .fcemulticol.fce2col .col.first h3,.content .fcemulticol.fce2col .col.first p,.content .fcemulticol.fce2col .col.first ul {padding-right:10px;}
.content .fcemulticol.fce2col .col.last h2,.content .fcemulticol.fce2col .col.last h3,.content .fcemulticol.fce2col .col.last p,.content .fcemulticol.fce2col .col.last ul {padding-left:10px;}

.content .fcemulticol.fce3col {margin:1em 0 1em 0}
.content .fcemulticol.fce3col .bg_weiss h3,.content .fcemulticol.fce2col .bg_weiss p {color:#7c8083;}
.content .fcemulticol.fce3col .bg_hellblau h3,.content .fcemulticol.fce2col .bg_hellblau p {color:#FFFFFF;}
.content .fcemulticol.fce3col .col.first {width:33.333%;float:left;}
.content .fcemulticol.fce3col .col.first .inner {width:91%;margin:0;padding:20px 20px 0 20px;min-height:150px;}
.content .fcemulticol.fce3col .col.first .csc-default {background-color:#FFFFFF}
.content .fcemulticol.fce3col .col {width:33.333%;float:left;}
.content .fcemulticol.fce3col .col .inner {width:91%;margin:0;padding:20px 20px 0 20px;min-height:150px;}
.content .fcemulticol.fce3col .col .csc-default {background-color:#FFFFFF}
.content .fcemulticol.fce3col .col.last {width:33.333%;float:left;}
.content .fcemulticol.fce3col .col.last .csc-default {background-color:#FFFFFF}
.content .fcemulticol.fce3col .col.last .inner {width:91%;margin:0;min-height:150px;padding:20px 20px 0 20px;}
.content .fcemulticol.fce3col .col.first .bg_beige {background-color:#AEA188;}

/* Section Wissenswertes */
section#wissenswertes .content .fcemulticol.fce2col .bg_beige a { color:#a40715; }
section#wissenswertes .content .fcemulticol.fce2col .bg_hellblau a { color:#FFFFFF; }
section#wissenswertes .content .fcemulticol.fce2col .bg_beige a,
section#wissenswertes .content .fcemulticol.fce2col .bg_hellblau a { text-decoration:none;text-align:center;padding:40px 0 0 0;display:block; }

section#wissenswertes .content .fcemulticol.fce3col .bg_beige a { color:#a40715; }
section#wissenswertes .content .fcemulticol.fce3col .bg_hellblau a { color:#FFFFFF; }
section#wissenswertes .content .fcemulticol.fce3col .bg_beige a,
section#wissenswertes .content .fcemulticol.fce3col .bg_hellblau a { text-decoration:none;text-align:center;padding:40px 0 0 0;display:block; }


/*.content.bg_gelb .fcemulticol.fce2col .col.first .csc-default {background-color:#FAF8EF;}
.content.bg_gelb .fcemulticol.fce2col .col.last .csc-default {background-color:#FAF8EF;}*/

.content p.align-center {text-align:center;}
.content p.align-center span.detail {color:#a40715!important;font-size:1.5em!important;}
.content.bg_weiss p span.important {font-size:2.5em;font-weight:300;color:#d9cdb7;line-height:1.2em;}
.content.bg_blau p span.important {font-size:2.5em;font-weight:300;color:#FFFFFF;line-height:1.2em;}
.content.bg_weiss p span.detail {color:#AAAEB1;font-size:1.5em;font-weight:300;line-height:1.2em;border-top:1px solid #75797B;border-bottom:1px solid #75797B; padding:10px 15px 15px 15px;margin-top:10px;margin:0 auto;display:block;width:575px;max-width: 100%; box-sizing: border-box;}
.content.bg_weiss p span.name-of-person {color:#AAAEB1;font-size:1.5em;font-weight:300;line-height:1.2em;margin-top:10px;margin:0 auto;display:block;}
.content.bg_blau p span.name-of-person {color:#FFFFFF;font-size:1.5em;font-weight:300;line-height:1.2em;margin-top:10px;margin:0 auto;display:block;}

.content.bg_weiss p a {color:#7C8084;}
.content.bg_weiss p a:hover {color:#a40715;}
.content.bg_weiss h2 {font-size:1.5em; color:#a40715}
.content.bg_gelb h2 {font-size:1.5em; color:#a40715}
.content.bg_weiss table.contenttable {width:100%}
.content.bg_weiss table.contenttable td {width:50%;padding:10px;vertical-align:top;text-align:left;}
.content.bg_blau p,.content.bg_blau ul {color:#FFFFFF;}
.content.bg_blau h1 {color:#FFFFFF}
.content.bg_blau h2 {color:#FFFFFF;font-size:1.5em;}
.content.bg_blau h3 {color:#d9cdb7;}
.content.bg_blau h4 {color:#FFFFFF;}
.content.bg_blau h4 a {color:#FFFFFF!important;text-decoration:none;}
.content.bg_blau table.contenttable {width:100%}
.content.bg_blau table.contenttable td {width:50%;padding:10px;vertical-align:top;text-align:left;}
.content.bg_gelb table.contenttable {width:100%}
.content.bg_gelb table.contenttable td {width:50%;padding:10px;vertical-align:top;text-align:left;}
.content.bg_gelb h1 {color:#a40715}
.content.bg_gelb p a {color:#7C8084;}
.content.bg_gelb p a:hover {color:#004182;}
.content.bg_gelb p span.detail {color:#AAAEB1;font-size:1.5em;font-weight:300;line-height:1.2em;}
.content.bg_hellblau h1 {color:#FFFFFF}
.content.bg_hellblau h2 {font-size:1.5em; color:#FFFFFF}
.content.bg_hellblau p,.content.bg_hellblau ul {color:#FFFFFF}
.content.bg_hellblau p span.detail {color:#AAAEB1;font-size:1.5em;font-weight:300;line-height:1.2em;}
.content.bg_grau h2 {font-size:1.5em; color:#a40715;}
.content.bg_grau p span.detail {color:#7C8083;font-size:1.5em;font-weight:300;line-height:1.2em;}
.content.bg_grau a { text-decoration:none;color:#7C8084; }



.content table.contenttable .bg_weiss p {color:#7c8083;}
.content table.contenttable .bg_weiss h3 {color:#7c8083;}

.content table.contenttable .bg_hellblau p {color:#FFFFFF;}
.content table.contenttable .bg_hellblau h3 {color:#FFFFFF;}

.footermenue {height:6em;width:60em;margin:0 auto;padding:0 0 0 0.5em}
.footermenue ul.footernav {float:left;margin:3em 0 0 0;padding:0}
.footermenue ul.footernav li {list-style:none; width:auto; float:left;font-size:0.938em;margin:0 0 0 1em;font-weight:300;}
.footermenue ul.footernav li a {text-decoration:none;color:#7c8083}
.footermenue ul.footernav li:hover a {color:#a40715;}
.footermenue ul.footernav li.act a {color:#a40715;}
.footermenue ul.footernav li.last a {text-indent:-99px;overflow:hidden;display:block;width:12px;height:15px;background-image:url(/fileadmin/templates/khb/bilder/login.png);background-repeat:no-repeat;}

/* FE_LOGIN */
.tx-felogin-pi1 fieldset { border:none;margin:0;padding:0; }
.tx-felogin-pi1 label { display:inline-block!important;min-width:150px; } 
.tx-felogin-pi1 input[type=submit] { background: #a40715;border: none;border-radius: 5px;color: #fff;font-size:0.938em;margin:15px 0 0 0;cursor:pointer; }

/* ACCORDION */
.fceAccordion {}
.fceAccordion .headline { margin:10px 0 0 0;cursor:pointer;padding:0 0 0 40px;height:29px;color:#FFFFFF;font-size:1.3em;font-weight:300;background:url(/fileadmin/templates/khb/bilder/open.png) 0 0 no-repeat;border: none;
outline: none; }
.fceAccordion .headline.ui-state-active { background:url(/fileadmin/templates/khb/bilder/close.png) 0 0 no-repeat; }
.fceAccordion .text { padding:10px 0 0 0; }
.content.bg_weiss .fceAccordion .headline {color:#a40715;background:url(/fileadmin/templates/khb/bilder/open_rot.png) 0 0 no-repeat;}
.content.bg_weiss .headline.ui-state-active {background:url(/fileadmin/templates/khb/bilder/close_rot.png) 0 0 no-repeat;}

/* ACCORDION-BREIT (Mandanten-Rundschreiben) */
.content.accordion_breit .headline { background:#f6f3ec;margin:0;padding:0;font-size:1.125em;height:auto; }
.content.accordion_breit .headline .acc_inner { width:47.834em;max-width:100%;margin:0 auto;padding:20px 1.25em 20px 4.25em;color:#a40715;background:url(/fileadmin/templates/khb/bilder/open_rot.png) 20px 17px no-repeat;box-sizing: border-box; }
.content.accordion_breit .headline.ui-state-active .acc_inner {background:url(/fileadmin/templates/khb/bilder/close_rot.png) 20px 17px no-repeat;}

.content.accordion_breit .text { width:57.5em;max-width:100%;margin:0 auto;padding:10px 1.25em 10px 1.25em; box-sizing: border-box; }
.content.accordion_breit .text h3 { color:#a40715;font-size:1em;padding:1em 0 0 0; }
.content.accordion_breit .text a { color:#7C8084; }

/* FARBEN */
.bg_weiss {background-color:#FFFFFF;}
.bg_beige {background-color:#d9cdb7;}
/* blau ist jetzt rot */
.bg_blau {background-color:#a40715;}
/* hellblau ist jetzt rot */
.bg_hellblau {background-color:#7b0303;}
/*.bg_gelb {background-color:#FAF8EF;}
.bg_gelb {background-color:#f5efe4;}*/
.bg_gelb {background-color:#f6f3ec;}
.bg_grau {background-color:#F0F0F0;}

.textblau {color:#a40715}
.textblau a {color:#a40715}
.textgelb {color:#d9cdb7}
.textgelb a {color:#d9cdb7}
.textweiss {color:#FFFFFF;}
.textweiss a {color:#FFFFFF;}
.textgrau {color:#7C8083;}
.textgrau a {color:#7C8083;}
.texthellgrau {color:#AAAEB1}
.texthellgrau a {color:#AAAEB1}
a:hover { color:#a40715; text-decoration: none;}

/* FOOTER */
.footer {height:auto;width:60em;margin:0 auto;}
.footer .footercontent {padding:0.75em 0 0 1.25em; font-weight:300;font-size:0.938em;border-top:1px solid #DEDEDE;}
.footer .footercontent a {color:#7C8084;text-decoration:none;}
.footer .footercontent a:hover { color:#a40715; text-decoration: none;}
.footer .footercontent .top {float:left;width:7.25em;height:1.75em}
.footer .footercontent .top img {float:left;}
.footer .footercontent .col.first {float:left;width:18.75em;height:auto;margin-left:22.75em;}
.footer .footercontent .col.last {float:right;}


@media (min-width: 320px) {

/* MITARBEITER */
.mitarbeiter .fcemulticol.fce4col .col { float:left;width:25%; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic { position:relative;margin:0 10px 10px 0; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-imagewrap figure { margin:0; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-imagewrap figure img { max-width:220px;height:auto; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text { display:none;position:absolute;top:0;left:0;margin:0;height:240px;width:220px;background-color: rgba(164,7,2,0.8);color:#fff; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text article { position: absolute;bottom:15px;left:10px;width:200px;}
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text article b { font-size:1.2em;font-weight:300; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text article b a { font-size:0.98em;font-weight:300; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text article i { font-size:0.9em; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text article p { margin:0;padding:0; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text article a { color:#ffffff;cursor:pointer;text-decoration:none; }
.mitarbeiter .fcemulticol.fce4col .col .csc-textpic-text article a:hover { text-decoration:underline; }

.mitarbeiter .fcemulticol.fce4col .col .csc-textpic:hover .csc-textpic-text { display:block;cursor:pointer; }

}

@media (max-width: 1024px) { 

.slider { min-width:auto; }
.slidercontent {width:50em;}

.mitarbeiter .fcemulticol.fce4col .col { float:left;width:50%; }

}

@media (max-width: 800px) {

.head {width:100%;box-sizing: border-box;padding-top: 2em;height:auto;border-bottom:1px solid #DEDEDE;}
.head .topnav .mobileNav {display:block;background-image:url(/fileadmin/templates/khb/bilder/hamburger.png);background-repeat:no-repeat;width:22px;height:14px;position: absolute;top:40px;right:20px;cursor:pointer;}
.head .topnav {float:none;width:100%;margin-top:65px;box-sizing: border-box;}
.head .topnav ul.nav {display:none;width:100%;margin:0;float:none;position:relative;background-color:#FFFFFF;}
.head .topnav ul.nav li {display:block;float:none;box-sizing: border-box;}
.head .topnav ul.nav li a {padding:10px 0 10px 0;display:block;}
/*.head .topnav ul.nav li ul {display:none;}*/

.slider {width:100%;min-width:100%;height:auto;margin-bottom:0}
.slider .slider-nav {width: 100%;top: 0;height: 100px;left: 50%;margin-left: -50%;}
.slidercontent {width:100%;height:auto;}
.slidercontent .sliderfoto {width:100%;height:auto;box-sizing: border-box;}
.slidercontent .sliderfoto img {max-width:100%;width:100%;height:auto;display:block;}
.slidercontent .zitat {width: 100%;height: auto;padding: 2.75em 0 0 0;}
.slidercontent .zitat h1 {font-size:2.75em}
.slider-wrapper {background-color: #a40715;}

section#wissenswertes .csc-textpic-image.csc-textpic-last img {max-width:100%;width:100%;height:auto;}

.content h1 {font-size:2.75em;}
.content.bg_weiss p span.important {font-size: 2.25em;}
.content .inner {max-width:100%;margin:0 auto;padding:48px 15px 48px 15px;box-sizing: border-box; }
.content .inner img {width:100%;height:auto;}

.footermenue {width:100%;padding:0;}
.footer {width:100%;box-sizing: border-box;}
.footer .footercontent {width:100%;box-sizing: border-box;}
.footer .footercontent .top {width:100%;float:initial;height:auto;}
.footer .footercontent .top img {float:initial;}
.footer .footercontent .col.first {width:50%;float:left;margin-left:0}
.footer .footercontent .col.last {width:50%;float:right;}

}


@media (max-width: 680px) {

section#wissenswertes .col.first h3,section#wissenswertes .col h3,section#wissenswertes .col.last h3 {font-size:1.15em}

}

@media (max-width: 568px) {

.content .fcemulticol.fce2col .col.first {width:100%;float:initial;}
.content .fcemulticol.fce2col .col.last {width:100%;float:initial;}

.mitarbeiter .fcemulticol.fce4col .col { width:100%; }


.footer .footercontent .col.first {width:100%;float:initial;margin-left:0}
.footer .footercontent .col.last {width:100%;float:initial;}
.footermenue {display:none;}
}

@media (max-width: 480px) { 

.head .logo {width:100%;margin: 0;padding-left:15px;padding-right:50px;box-sizing: border-box;}
.head .logo img {max-width:100%;width:100%;height:auto;display:block;}

/* Slider */
.slider .caroufredsel_wrapper { width:100%!important;height:auto!important; }
.slider .slider-wrapper { width:100%!important;height:auto!important; }
.slider .slidercontent { float:none; }
.slider .slidercontent .zitat h1 { font-size:1.75em;padding-left:20px;padding-right:20px; }
.slidercontent .links {top: 7.75em;}
.slidercontent .links a {font-size:2.75em}
.slider .slider-nav { display:none; }

section#wissenswertes .col.first,section#wissenswertes .col,section#wissenswertes .col.last {width:100%;float:none;}
.fceAccordion .headline {font-size:1em;}
.mitarbeiter p {padding: 0 0 0.25em 0}
.mitarbeiter .col,.mitarbeiter .col-last {margin-top:20px}

}