.tx-ww-sozben-praxisdb {}
.tx-ww-sozben-praxisdb #projektdetail { border: 2px solid #2c4e92; margin-top: 2em; padding:1em; margin-bottom: 2em; }
.tx-ww-sozben-praxisdb #projektdetail .projekte1kartei { margin: -1em; margin-bottom: 1em; padding: 0.5em; background-color:  #2c4e92; color: #ffffff; font-weight: bold; }
.tx-ww-sozben-praxisdb #projektdetail .projekte1karteisub { margin-top: 2em; }
.tx-ww-sozben-praxisdb #projektdetail .datum { font-weight: bold; }
.tx-ww-sozben-praxisdb #projektdetail h2 { margin-top: 2em; padding-right: 1em; background-position-y: 0.2rem; }
.tx-ww-sozben-praxisdb #projektdetail h3 { margin-top: 1.5em; }

.tx-ww-sozben-praxisdb #projektdetail .togglebut { float: right; padding-bottom: 1em; background: url("/typo3conf/ext/ww_sozben_praxisdb/Resources/Public/pix/doppelwinkel_klein_down.png") no-repeat; padding-left: 20px; margin-top: -2em; }
.tx-ww-sozben-praxisdb #projektdetail .togglebut.open { background: url("/typo3conf/ext/ww_sozben_praxisdb/Resources/Public/pix/doppelwinkel_klein_up.png") no-repeat; }
.tx-ww-sozben-praxisdb #projektdetail .hideelementheader.moretext a.moretext { background: url("/fileadmin/user_upload/Page/icon_mehr_text.gif") 0 3px no-repeat; padding-left: 20px; }
.tx-ww-sozben-praxisdb #projektdetail .hideelementheader.moretext.open a.moretext { background: url("/fileadmin/user_upload/Page/icon_weniger_text.gif") 0 3px no-repeat; }
.tx-ww-sozben-praxisdb #projektdetail .imagemain { float:left; margin-right: 1em; margin-bottom: 1em; }
.tx-ww-sozben-praxisdb #projektdetail .imagemain img { border: 1px solid #ccc; }
.tx-ww-sozben-praxisdb #projektdetail .imagemain .copyright { padding: 0.2rem 0.5rem; background-color: #eee; display: inline-block; width: 100%; }

.tx-ww-sozben-praxisdb table.oddeventab tr:nth-child(even) { background-color: #e7f0f7; }
.tx-ww-sozben-praxisdb table.oddeventab tr td { padding: 0.5rem; vertical-align: top; }
.tx-ww-sozben-praxisdb table.oddeventab tr.tabkopf { background-color: #004a99; color: #ffffff !important; }
.tx-ww-sozben-praxisdb table.oddeventab tr.tabkopf th { padding: 0.5rem; }
.tx-ww-sozben-praxisdb table.oddeventab tr.tabkopf th a { color: #ffffff !important; }
.tx-ww-sozben-praxisdb table.oddeventab tr.zwischentr { background-color: #5676B6; color: #ffffff; font-weight: bold; }

.tx-ww-sozben-praxisdb .angebotmarginal { hyphens: auto; }
.tx-ww-sozben-praxisdb .angebotmarginal img { width: 100%; height: auto; }
.tx-ww-sozben-praxisdb a.archiv { color: #000 !important; }
.tx-ww-sozben-praxisdb .lastcrdate { padding: 1rem 0; }
.tx-ww-sozben-praxisdb .lastcrdate .well { padding: 0.5rem; }

.tx-ww-sozben-praxisdb .tipp { background-color: #e7f0f7; padding: 1rem; margin: -0.5rem; }
.tx-ww-sozben-praxisdb .recherchetab { width: 100%; margin-bottom: 1rem; margin-top: 1rem; }
.tx-ww-sozben-praxisdb .recherchetab tr td { padding: 0.5rem; vertical-align: top; }
.tx-ww-sozben-praxisdb .recherchetab tr td:first-child { width: 15%;}
.tx-ww-sozben-praxisdb .recherchetab label { font-weight: bold; }
.tx-ww-sozben-praxisdb .recherchetab .select { width: 20rem; max-width: 100%; }
.tx-ww-sozben-praxisdb .recherchetab .textfeld { width: 20rem; max-width: 100%; }
.tx-ww-sozben-praxisdb .recherbuttons { display: flex; }
.tx-ww-sozben-praxisdb .recherbuttons p { width: 100%; margin-bottom: 1rem; }
.tx-ww-sozben-praxisdb .auswahlklein { font-size: 1.1rem; margin-right: 1rem; }

.tx-ww-sozben-praxisdb .recherchetab th { padding: 0.5rem; background-color: #f6f6f6; }
.tx-ww-sozben-praxisdb .recherchetab th.comb { background-color: #e7f0f7; text-align: center; }
.tx-ww-sozben-praxisdb .recherchetab td.comb { background-color: #e7f0f7; }
.tx-ww-sozben-praxisdb .recherchetab .hinweis { margin-top: 0.5em; padding: 0.5em; background-color: #e7f0f7; }

.tx-ww-sozben-praxisdb .recherchetab fieldset { border: 1px solid #333; padding: 1rem; }
.tx-ww-sozben-praxisdb .recherchetab legend { font-size: 1rem; width: auto; padding: 0 0.5rem; }
.tx-ww-sozben-praxisdb .recherchetab ul.checkboxes { list-style-image: none; padding: 0; margin: 0; }
.tx-ww-sozben-praxisdb .recherchetab ul.checkboxes li { text-indent: -1.5em; padding-left: 3rem; padding-top: 0; padding-bottom: 0; padding-right: 0; }
.tx-ww-sozben-praxisdb .recherchetab label span { margin-left: 0.5rem; font-weight: normal; }
.tx-ww-sozben-praxisdb #nav-recher1, .tx-ww-sozben-praxisdb #nav-recher2, .tx-ww-sozben-praxisdb #nav-recher3 { padding-top: 0.5rem; }

.subnav-wrap_xxx .frame-type-subnavigation .tx-ww-sozben-praxisdb .subnav-nav .subnav-item > span.subnav-link { background: none repeat scroll 0 0 #eeeeee; border: 2px solid #2d4e93; color: #999999; }

.tx-ww-sozben-praxisdb #fortschritt { margin-top: 0; margin-bottom: 1rem; }
.tx-ww-sozben-praxisdb #fortschritt p.schritt { display: flex; line-height: 0.5rem; }
.tx-ww-sozben-praxisdb #fortschritt p.schritt span { background-color: #ccccee; margin-right: 5px; width: 8%; content: ''; }
.tx-ww-sozben-praxisdb #fortschritt p.schritt span.current { background-color: #2C4E92; }

.tx-ww-sozben-praxisdb .angaben { margin: 1rem 0; padding: 1rem; background-color: #f6f6f6; border: 1px solid #000000; color: #000000; }
.tx-ww-sozben-praxisdb .angaben h2 { color: #4c4c4c; background: none; border: none; text-transform: unset; padding: 0; }
.tx-ww-sozben-praxisdb .angaben textarea { background-color: #eeeeee; border: 1px solid #dddddd; }
.tx-ww-sozben-praxisdb .angaben textarea:focus { background-color: #ffffff;  border: 1px solid #000; }
.tx-ww-sozben-praxisdb .angaben .textfeld { background-color: #eeeeee; border: 1px solid #dddddd; }
.tx-ww-sozben-praxisdb .angaben .textfeld:focus { background-color: #ffffff;  border: 1px solid #000; }
.tx-ww-sozben-praxisdb .angaben .textfeld1 { background-color: #eeeeee; border: 1px solid #dddddd; }
.tx-ww-sozben-praxisdb .angaben .textfeld1:focus { background-color: #ffffff;  border: 1px solid #000; }
.tx-ww-sozben-praxisdb .angaben .textfeld2 { background-color: #eeeeee; border: 1px solid #dddddd; }
.tx-ww-sozben-praxisdb .angaben .textfeld2:focus { background-color: #ffffff;  border: 1px solid #000; }
.tx-ww-sozben-praxisdb .angaben .select { background-color: #eeeeee; border: 1px solid #dddddd; }
.tx-ww-sozben-praxisdb .angaben .select:focus { background-color: #ffffff;  border: 1px solid #000; }
.tx-ww-sozben-praxisdb .angaben .property { display: flex; }
.tx-ww-sozben-praxisdb .angaben .property .label { width: 30%; }
.tx-ww-sozben-praxisdb .angaben .property .span { width: 70%; }
.tx-ww-sozben-praxisdb .angaben .property .textfeld { width: 100%; }
.tx-ww-sozben-praxisdb .angaben .property .textfeld1 { width: calc(20% - 5px); }
.tx-ww-sozben-praxisdb .angaben .property .textfeld2 { width: 80%; }
.tx-ww-sozben-praxisdb .angaben .rahmen { padding: 1rem; border: 1px solid #000000; margin: 1rem 0; }
.tx-ww-sozben-praxisdb .angaben .rahmen .property label { text-indent: -1rem; padding-left: 1rem; }
.tx-ww-sozben-praxisdb .angaben .rahmen .property sub { text-indent: 0; }

.tx-ww-sozben-praxisdb .angaben .rahmen0 { padding: 1rem; border: none; margin: 1rem 0; }
.tx-ww-sozben-praxisdb .angaben .rahmen0 .property label { text-indent: -1.3rem; padding-left: 1rem; }

.tx-ww-sozben-praxisdb .angaben ul.checkboxes { list-style-image: none; padding: 0; margin: 0; }
.tx-ww-sozben-praxisdb .angaben ul.checkboxes li { text-indent: -1.5em; padding-left: 3rem; padding-top: 0; padding-bottom: 0; padding-right: 0; }
.tx-ww-sozben-praxisdb .angaben ul.checkboxes .textfeld { width: 100%; }
.tx-ww-sozben-praxisdb .angaben label { margin-bottom: 0; }
.tx-ww-sozben-praxisdb .angaben label span { margin-left: 0.5rem; font-weight: normal; }

.tx-ww-sozben-praxisdb .angaben ul.nostyle { list-style-image: none; }
.tx-ww-sozben-praxisdb .angaben .zielgruppen_alt { display: none; }

.tx-ww-sozben-praxisdb .angaben table.zeitraum td { padding-right: 0.5rem; padding-bottom: 0.5rem; }
.tx-ww-sozben-praxisdb .angaben .selkurz { width: 9rem; }
.tx-ww-sozben-praxisdb .angaben .textkurz { width: 4rem; }
.tx-ww-sozben-praxisdb .angaben .textlang { height: 6rem; width: 100%; margin-bottom: 1rem; }

.tx-ww-sozben-praxisdb .loginform .label { font-weight: bold; }

.tx-ww-sozben-praxisdb #moreansp { display: none; }
.tx-ww-sozben-praxisdb #moremantel { display: none; }
.tx-ww-sozben-praxisdb #wwsozbenpraxisdb_p10haseval_1 { display: none; }
.tx-ww-sozben-praxisdb #wwsozbenpraxisdb_p10eval1_1 { display: none; }
.tx-ww-sozben-praxisdb #wwsozbenpraxisdb_p10eval2_1 { display: none; }
.tx-ww-sozben-praxisdb #wwsozbenpraxisdb_p10eval3_1 { display: none; }
.tx-ww-sozben-praxisdb #wwsozbenpraxisdb_p10eval4_1 { display: none; }
.tx-ww-sozben-praxisdb #wwsozbenpraxisdb_p10eval5_1 { display: none; }
.tx-ww-sozben-praxisdb #wwsozbenpraxisdb_p10eval0_1 { display: none; }
.tx-ww-sozben-praxisdb div.error { border: 2px solid #ff0000; margin-bottom: 1em; padding: 1rem; background-color: #eeeeee; }
.tx-ww-sozben-praxisdb div.error ul { margin-bottom: 0; }
.tx-ww-sozben-praxisdb div.error strong { color: #dd0000; }

.tx-ww-sozben-praxisdb .reflexion .text-black { color: #000000; }
.tx-ww-sozben-praxisdb .reflexion table.overview { width: 100%; }
.tx-ww-sozben-praxisdb .reflexion table.overview td { border: 4px solid #fff; text-align:center; vertical-align:middle; color:#000000; padding:1rem; background-color:#E9F4F5; }
.tx-ww-sozben-praxisdb .reflexion table.overview td.select { background-color:#238D8D; color: #fff; }
.tx-ww-sozben-praxisdb .reflexion table.overview td.select a { color: #fff !important; display: inline-block; }

.tx-ww-sozben-praxisdb .reflexion .grafik { position: relative; }
.tx-ww-sozben-praxisdb .reflexion .head_na { position: absolute; top: 3rem; }
.tx-ww-sozben-praxisdb .reflexion table.grafik_na { table-layout: fixed; width: 100%; }
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen { background-image: url("/fileadmin/user_upload/Page/grafik_niedrigschwellige_arbeitsweise.png"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; }
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen td.stufe1,
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen td.stufe2,
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen td.stufe3 {
    height: 22rem;
    vertical-align: bottom;
}
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen td.steg,
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.legende td.steg {
    width: 1rem;
    background-color: #ffffff;
    padding: 0;
}
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen td.stufe1 div,
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen td.stufe2 div,
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr.stufen td.stufe3 div {
    color: #ffffff;
    text-align: center;
    padding: 1rem;
}
.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr td.legende {
    background-color: #eeeeee;
    text-align: center;
    padding: 1rem;
    border-top: 10px solid #ffffff;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr td.ziel {
    border-top: 10px solid #ffffff;
    padding: 0;
    position: relative;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr td.ziel .ziel1 {
    width: calc(100% - 19px);
    border-width: 3px 3px 3px 3px;
    border-color: #4f81bd;
    border-style: solid;
    padding: 8px;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr td.ziel .ziel1::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-left: 19.75px solid #4f81bd;
    border-top: 19.75px solid transparent;
    border-bottom: 19.75px solid transparent;
    right: 0px;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr td.ziel .ziel1::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-left: 16.75px solid #fff;
    border-top: 17.75px solid transparent;
    border-bottom: 17.75px solid transparent;
    right: 6px;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_na tr td.ziel .ziel2 {
	display: none; 
}
.tx-ww-sozben-praxisdb .reflexion .modul2chkwrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.tx-ww-sozben-praxisdb .reflexion .modul2chkwrap .modul2chk {
    flex: 1;
    margin-right: 20px;
}
.tx-ww-sozben-praxisdb .reflexion .modul2chkwrap .modul2chk:nth-child(1) {
    background-position: 50% -22em;
    padding-top: 13em;
}
.tx-ww-sozben-praxisdb .reflexion .modul2chkwrap .modul2chk {
    background-color: #eeeeee;
    background-image: url("/fileadmin/user_upload/Page/modul2_anstieg.png");
    background-repeat: no-repeat;
    padding: 5px;
}

.tx-ww-sozben-praxisdb .reflexion .head_pz { position: absolute; top: 3rem; }
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz { table-layout: fixed; width: 100%; }
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen {    background-image: url("/fileadmin/user_upload/Page/grafik_partizipation.png"); background-position: 0 0; background-repeat: no-repeat; background-size: cover; }
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe1,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe2,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe3,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe4,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe5,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe6 {
    height: 22rem;
    vertical-align: bottom;
}
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.steg,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.legende td.steg {
    width: 0.5rem;
    background-color: #ffffff;
    padding: 0;
}
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe1 div,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe2 div,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe3 div,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe4 div,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe5 div,
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr.stufen td.stufe6 div {
    color: #ffffff;
    text-align: center;
    padding: 1rem 0.5rem;
}
.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr td.legende {
    background-color: #eeeeee;
    text-align: center;
    padding: 10px 5px;
    border-top: 10px solid #ffffff;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr td.ziel {
    border-top: 10px solid #ffffff;
    padding: 0;
    position: relative;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr td.ziel .ziel1 {
    width: calc(100% - 19px);
    border-width: 3px 3px 3px 3px;
    border-color: #4f81bd;
    border-style: solid;
    padding: 8px;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr td.ziel .ziel1::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-left: 19.75px solid #4f81bd;
    border-top: 19.75px solid transparent;
    border-bottom: 19.75px solid transparent;
    right: 0px;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr td.ziel .ziel1::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-left: 16.75px solid #fff;
    border-top: 17.75px solid transparent;
    border-bottom: 17.75px solid transparent;
    right: 6px;
}

.tx-ww-sozben-praxisdb .reflexion table.grafik_pz tr td.ziel .ziel2 {
	display: none; 
}

.tx-ww-sozben-praxisdb .reflexion .modul2chkwrap .modul2chk:nth-child(1) {
	background-position: 50% -18em;
	padding-top: 14em;
}

.tx-ww-sozben-praxisdb .reflexion .modul2chkwrap .modul2chk:nth-child(2) {
	background-position: 50% -22.5em;
	padding-top: 9em;
}

.tx-ww-sozben-praxisdb .reflexion .modul2chkwrap .modul2chk:nth-child(3) {
	background-position: 50% -27em;
	padding-top: 4em;
}

.tx-ww-sozben-praxisdb .cb-after { display: inline-block; }
.tx-ww-sozben-praxisdb .cb-after::after { clear: both; }

.tx-ww-sozben-praxisdb .btn-logout { background-color: #bfd903; border-radius: 0.5rem; font-size: 0.9rem; }
.tx-ww-sozben-praxisdb .btn-logout:hover { background-color: #b1c903; }
.tx-ww-sozben-praxisdb .btn-delete { background-color: #dc886e; border-radius: 0.5rem; font-size: 0.9rem; }
.tx-ww-sozben-praxisdb .btn-delete:hover { background-color: #cb7e65; }

.tx-ww-sozben-praxisdb .margt1rem { margin-top: 1rem; }
.tx-ww-sozben-praxisdb .margb1rem { margin-bottom: 1rem; }
.tx-ww-sozben-praxisdb .margt2rem { margin-top: 2rem; }
.tx-ww-sozben-praxisdb .margb2rem { margin-bottom: 2rem; }
.tx-ww-sozben-praxisdb .w100 { width: 100%; }
.tx-ww-sozben-praxisdb .text-align-center { text-align: center; }

.tx-ww-sozben-praxisdb #mobilnavigation { margin-bottom: 1rem; border-bottom: 1px solid #eee; }
.tx-ww-sozben-praxisdb #mobilnavigation .mainnavpage { display: none; }
.tx-ww-sozben-praxisdb #mobilnavigation .navbar-nav { padding: 0; }
.tx-ww-sozben-praxisdb #mobilnavigation .subnavbuttons { display: none; }
.tx-ww-sozben-praxisdb #mobilnavigation .subnav-nav { list-style: none; padding: 0; border-left-color: transparent; }
.tx-ww-sozben-praxisdb #mobilnavigation .subnav-item { color: #eefafa; background-color: #004a99; }
.tx-ww-sozben-praxisdb #mobilnavigation .subnav-item a.subnav-link { color: #eefafa; }
.tx-ww-sozben-praxisdb #mobilnavigation .subnav-item a.subnav-link:hover { color: #004a99; }
.tx-ww-sozben-praxisdb #mobilnavigation .subnav-item span.subnav-link { background-color: #eee; color: #999; }
.tx-ww-sozben-praxisdb .mainbuttons .buttons .btn { white-space: nowrap; }

.tx-ww-sozben-praxisdb .scrollview { overflow-x: auto; padding-bottom: 1rem; }
.tx-ww-sozben-praxisdb .scrollview .grafik { min-width: 600px; }
.tx-ww-sozben-praxisdb .scrollview .modul2chkwrap { min-width: 620px; }

.tx-ww-sozben-praxisdb #mobilnavigation .subnav-item.active { color: #004a99; background-color: #eefafa; }
.tx-ww-sozben-praxisdb #mobilnavigation .subnav-item.active > .subnav-link { color: unset !important; }

.tx-ww-sozben-praxisdb .visible-md { display: none; }
@media screen and (max-width: 991px) {
	.tx-ww-sozben-praxisdb .visible-md { display: block; }
}