/*
    File: lspb.css
    Purpose: Main stylesheet for the general education schools pages.
    Created by: Björn Krzyzelewski

    Description:
    This style sheet defines the basic styles and layouts for the various
    Templates. It follows a mobile-first approach and is divided into several sections
    divided into specific UI components.

   Viewport sizes:
   - Everything under 36.25em: Mobile (mobile first approach)
   - From 36.25em: Small screens (e.g. tablets)
   - From 51.875em: Medium screens (e.g. small laptops)
   - From 68.125em: Large screens (e.g. desktops)
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------------- START "GENERALLY" ---------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.composedcontent-ls_bp_standardelemente em {
    font-style: italic;
}

.hide {
    display: none;
}

#pp_full_res .pp_inline h3 {
    font-size: var(--bw-font-size-400);
}

#pp_full_res .pp_inline p {
    font-size: var(--bw-font-size-200);
}

#pp_full_res .pp_inline li > .text p {
    margin-bottom: var(--bw-space-100) !important;
}

@media (max-width: 51.24em) {
    .pp_pic_holder {
        width: 100% !important;
        max-width: 95% !important;
        height: auto !important;
        margin: auto !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important;
    }

    .pp_content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: auto;
    }

    .pp_details {
        width: 100% !important;
    }
}

.composedcontent-ls_bp_bordercontainer {
    margin-top: var(--bw-space-300);
    margin-bottom: var(--bw-space-300);
}

.composedcontent-ls_bp_bordercontainer p {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

.tktable {
    border: 1px solid;
}

.tktable tr {
    border: 0 !important;
}

.tktable tbody td,
.tktable td {
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

div.bplink-cont div.LP,
div.bplink-cont div.pTK,
div.bplink-cont div.iTK,
div.bplink-cont div.iTK-f,
div.bplink-cont div.bplink-entry {
    display: inline;
}

div.bplink-cont a span {
    display: none;
}

div.bplink-cont a {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    white-space: nowrap;
}

div.bplink-cont .pTK a {
    background-image: url(../img/P.png);
}

div.bplink-cont .iTK a {
    background-image: url(../img/I.png);
}

div.bplink-cont .iTK-f a {
    background-image: url(../img/F.png);
}

div.bplink-cont .LP a {
    background-image: url(../img/L.png);
}

.bp-link-text {
    display: none;
}

.bildungsplan-download-link,
.bildungsplan-download-link-pdf {
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
}

.olink {
    background-image: url(../img/O.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

.sticky, .sticky2 {
    position: sticky;
    top: 94px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------------------------- START "FACH" ------------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.composedcontent-ls_bp_fach {
    margin-bottom: var(--bw-space-600);
}

.composedcontent-ls_bp_fach:last-child,
.composedcontent-ls_bp_ptk:last-child {
    margin-bottom: var(--bw-space-300);
}

.composedcontent-ls_bp_fach a.link--internal,
.composedcontent-ls_bp_ptk a.link--internal {
    box-shadow: initial;
}

.composedcontent-ls_bp_fach tbody td,
.composedcontent-ls_bp_fach td,
.composedcontent-ls_bp_ptk tbody td,
.composedcontent-ls_bp_ptk td {
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
}

.composedcontent-ls_bp_fach th,
.composedcontent-ls_bp_fach thead th {
    padding: var(--bw-space-200) var(--bw-space-200) var(--bw-space-200) var(--bw-space-200);
}

.composedcontent-ls_bp_fach tbody tr:first-of-type,
.composedcontent-ls_bp_fach:nth-of-type(3) tbody tr,
.composedcontent-ls_bp_ptk tbody tr:first-of-type {
    border-top: 0;
}

.composedcontent-ls_bp_fach:nth-of-type(2) tbody tr:first-child {
    border-top: 1px solid var(--bw-border-primary);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------------------------- START "PTK" ------------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.PTK_GESAMT {
    margin-bottom: var(--bw-space-300);
}

.PTK_GESAMT table {
    border: 1px solid black;
}

.PTK_GESAMT tbody td,
.PTK_GESAMT td {
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
}

.PTK_INTRO {
    background-color: #f59d21;
    text-align: center !important;
    color: #fff;
    font-weight: bold;
}

.PTK_SUBHEAD {
    background-color: #fdf7d0;
    text-align: center !important;
    font-weight: bold;
}

.PTK_SUBHEAD h2 {
    font-size: 1.8rem !important;
}

.PTK_TK .teilkompetenzNumber {
    float: left;
    width: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

.PTK_TK .teilkompetenzNumber + .teilkompetenzText {
    margin-left: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------- START "BPLEFTHANDNAVI" ------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.BP_LEFTHAND {
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    border: 1px solid #ccc;
    z-index: 2;
}

.BP_LEFTHAND a.link--internal {
    box-shadow: initial;
}

.BP_LEFTHAND ul {
    padding-left: var(--bw-space-400);
}

.link--internal.ls-list-reset {
    display: none;
}

.ls-lefthand tbody tr {
    border-top: 1px solid #ccc;
}

.ls-lefthand tbody tr:first-child {
    border-top: 0;
}

.ls-lefthand tbody td,
.ls-lefthand td {
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
}

.ls-lefthand,
.ls-lefthand a {
    color: #000 !important;
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

.ls-lefthand-title {
    background-color: #b70017;
    color: #fff;
    font-weight: bold;
    text-align: center !important;
}

.ls-lefthand-block1 {
    background-color: #ffe2d5;
    padding: 5px;
}

.ls-lefthand-block2 {
    background-color: #ffe790;
    padding: 5px;
}

.ls-lefthand-block3 {
    background-color: #a3d7b7;
    padding: 5px;
}

.ls-lefthand-block4 {
    background-color: #e9f0f0;
    padding: 5px;
}

.ls-tk-cont,
.ls-tk-cont-bereich {
    display: none;
}

.ls-tk-cont .ls-tk-text,
.ls-expander .ls-b-open,
.ls-tk-cont .ls-b-open {
    display: none;
}

.ls-tk-cont .ls-b-closed {
    display: inherit;
}

.ls-tk-cont.expanded {
    display: inherit;
}

.ls-tk-cont.expanded .ls-tk-text,
.ls-expander.isopen .ls-b-open,
.ls-tk-cont.expanded .ls-b-open {
    display: inline;
}

.ls-expander.isopen .ls-b-closed,
.ls-tk-cont.expanded .ls-b-closed {
    display: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------ START "BEREICHSNAVIGATION" ------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.bereichsnavigationDiv {
    height: 34.2px;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    border: 1px solid #ccc;
}

.bereichsnavigation {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

.bereichsnavigation svg {
    height: 15px;
}

.bereichsnavigation tbody tr {
    border: 0;
}

.bereichsnavigation tbody td,
.bereichsnavigation td {
    padding: 0;
}

.bereichsnavigation td:first-child {
    background-color: #b70017;
    color: #fff;
}

.bereichsnavigation .button-wrapper {
    cursor: pointer;
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
}

.bereichsnavigation .button-wrapper[aria-expanded="true"] span,
.bereichsnavigation .button-wrapper:focus span,
.bereichsnavigation .button-wrapper:hover span {
    font-weight: bold;
    box-shadow:0 2px #fff;
}

.bereich-dropdown {
    background-color: #ffe2d5;
    display: none;
    cursor: pointer;
    box-shadow: 3px 3px 3px  rgba(0, 0, 0, 0.1), -3px 3px 3px  rgba(0, 0, 0, 0.1);
}

.bereich-dropdown[aria-hidden="true"] {
    display: none;
}

.bereich-dropdown tbody tr {
    border: 0;
}

.bereich-dropdown tbody td,
.bereich-dropdown td {
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
}

.bereich-dropdown td.active {
    background-color: #b70017;
    color: #fff;
}

.bereich-dropdown td a {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

.bereich-dropdown td.active a:hover {
    box-shadow:0 2px #fff;
}

.bereich-dropdown td a:hover {
    box-shadow:0 2px #2a2623;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------- START "ITK-G8" ----------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.itk_header p {
    font-size: var(--bw-font-size-200) !important;
}

.ITK_G8_GESAMT {
    margin-bottom: var(--bw-space-300);
}

th.ITK_G8_INTRO {
    background-color: #b70017;
    color: #fff;
    text-align: center !important;
    border-bottom: 1px solid black !important;
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

.ITK_G8_TK {
    border-bottom: 1px dashed !important;
}

.ITK_G8_TK.td_variant_true {
    border-bottom: 1px solid !important;
}

.ITK_G8_LINK .text > * {
    margin-bottom: 0 !important;
}

.ITK_G8_LINK,
.ITK_G8_HINWEIS {
    border-bottom: 1px solid !important;
}

.ITK_G8_HINWEIS p {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-wide) !important;
    margin-bottom: 0;
}

.ITK_G8_LINK.td_variant_true {
    border-top: 1px solid !important;
}

.ITK_G8_SUBHEAD {
    background-color: #fdf7d0;
}

.ITK_G8_TK .teilkompetenzNumber {
    float: left;
    width: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

.ITK_G8_TK .teilkompetenzNumber + .teilkompetenzText {
    margin-left: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* -------------------------------- START "UMSETZUNGSHILFEN" ------------------------------ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.BP_RIGHTHAND {
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    border: 1px solid #ccc;
    z-index: 2;
}

.BP_RIGHTHAND a.link--internal {
    box-shadow: initial;
}

.ls-righthand-title {
    color: #fff;
    background-color: #899499;
    text-align: center;
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
}

.umsetzungshilfen-block {
    background-color: #e9f0f0;
    padding: var(--bw-space-200) var(--bw-space-500) var(--bw-space-200) var(--bw-space-200);
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

.umsetzungshilfen-block > div {
    margin-bottom: var(--bw-space-400);
}

.umsetzungshilfen-block > div > div {
    margin-bottom: var(--bw-space-200);
}

.umsetzungshilfen-block > div:last-child,
.umsetzungshilfen-block > div > div:last-child {
    margin-bottom: 0;
}

.uhentry .uhtitle_icon {
    float: right;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ----------------------------- START "UMSETZUNGSHILFEN-LAYER" --------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.uhlayercont {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
    overflow: hidden !important;
    padding: 24px !important;
}

.uhlayerh3 {
    margin-bottom: 10px;
}

.uhlayerblock {
    height: 357px;
    width: 670px;
}

.uhlayerblocklinks {
    width: 329px;
    margin-right: 10px;
    float: left;
}

.uhlayertext1 {
    height: 225px;
    overflow-y: auto;
}

.uhlayermedientyp {
    height: 48px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.uhlayermedientyp img {
    max-height: 48px;
}

.uhlayermedienicon {
    float: left;
}

.uhlayermedieninfos {
    float: left;
    margin-left: 10px;
}

.uhlayerlink {
    clear: both;
}

.uhlayerblockrechts {
    width: 329px;
    float: left;
}

.uhlayerbild img {
    max-height: 283px;
}

.uhlayerbildText {
    margin-top: 20px;
}

.uhlayerlinkrequiresaccount {
    width: 670px;
}

.uhlayerfooter {
    bottom: 0;
    position: absolute;
    padding-bottom: 22px;
    width: 670px;
}

@media (max-width: 51.24em) {
    .uhlayercont {
        height: 100% !important;
    }

    .uhlayerblock,
    .uhlayerlinkrequiresaccount{
        width: 100%;
    }

    .uhlayerlinkrequiresaccount {
        clear: both;
    }

    .uhlayerblocklinks,
    .uhlayerblockrechts {
        width: 100%;
        margin-bottom: 10px;
    }

    .uhlayerfooter {
        width: auto;
    }

    .uhlayertext1 {
        height: auto;
        max-height: 225px;
    }
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------- START "ITK-S1" ----------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ITK_S1_GESAMT {
    margin-bottom: var(--bw-space-300);
}

.ITK_S1_INTRO {
    background-color: #b70017;
    color: #fff;
    text-align: center !important;
    border-bottom: 1px solid black !important;
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
}

.ITK_S1_SUBHEAD {
    text-align: center !important;
    font-weight: bold;
    background-color: #fdf7d0;
}

.ITK_S1_SUBHEAD p {
    margin: 0 !important;
}

.ITK_S1_HEAD th {
    text-align: center;
    width: 33%;
    border-right: 1px solid;
}

.ITK_S1_HEAD p {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
    margin: 0 !important;
}

.ITK_S1_Head_G {
    background-color: #ffe2d5;
}

.ITK_S1_Head_M {
    background-color: #ffceb9;
}

.ITK_S1_Head_E {
    background-color: #f5a092;
}

.ITK_S1_ZEILE_TK_SINGLE .teilkompetenzNumber {
    float: left;
    width: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

.ITK_S1_ZEILE_TK_SINGLE .teilkompetenzNumber + .teilkompetenzText {
    margin-left: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

.ITK_S1_LINK {
    border-right: 1px solid;
    width: 33%;
}

.ITK_S1_GESAMT .ITK_S1_HEAD,
.ITK_S1_GESAMT .ITK_S1_ZEILE_LINKS,
.ITK_S1_GESAMT .ITK_S1_ZEILE_SUBHEAD,
.ITK_S1_GESAMT .ITK_S1_ZEILE_TK_HINWEISE {
    border-bottom: 1px solid !important;
}

.ITK_S1_ZEILE_TK_SINGLE .ITK_G,
.ITK_S1_ZEILE_TK_SINGLE .ITK_M,
.ITK_S1_ZEILE_TK_SINGLE .ITK_E {
    border-right: 1px solid;
}

.ITK_S1_ZEILE_TK_SINGLE.td_variant_false {
    border-bottom: 1px dashed !important;
}

.ITK_S1_ZEILE_TK_SINGLE.td_variant_true {
    border-bottom: 1px solid !important;
}

.ITK_S1_ZEILE_TK {
    border-bottom: 1px dashed;
}

.ITK_S1_ZEILE_TK_HINWEISE p {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-wide) !important;
    margin-bottom: 0 !important;
}

.ITK_S1_Hinweis_G,
.ITK_S1_Hinweis_M
.ITK_S1_Hinweis_E {
    border-right: 1px solid;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ------------------------------------- START "ITK-GS" ----------------------------------- */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.ITK_GS_GESAMT {
    margin-bottom: var(--bw-space-300);
}

td.ITK_GS_HEAD {
	width: 50%;
	border-bottom: 1px solid !important;
	text-align: center !important;
}

td.ITK_GS_HEAD p {
    font-size: var(--bw-font-size-200) !important;
    line-height: var(--bw-leading-narrow) !important;
	margin: 0 !important;
}

.ITK_GS_GESAMT .ITK_GS_ZEILE_INTRO {
    border-bottom: 1px solid !important;
}

.ITK_GS_INTRO {
    background-color: #b70017;
    color: #fff;
    font-weight: bold;
    text-align: center !important;
    padding: 4px 0 4px 0 !important;
}

.ITK_GS_GESAMT .ITK_GS_LEFT p {
    line-height: var(--bw-leading-wide) !important;
}

.ITK_GS_TK .teilkompetenzNumber {
    float: left;
    width: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

.ITK_GS_TK .teilkompetenzNumber + .teilkompetenzText {
    margin-left: var(--bw-space-700);
    line-height: var(--bw-leading-wide);
}

td.GS_Head_Denkanst {
	background-color: #ffe2d5;
	font-weight: bold;
	color:#000;
}

td.GS_Head_Teilk {
	border-left: 1px solid;
	background-color: #ffceb9;
	font-weight: bold;
	color:#000;
}

td.ITK_GS_LEFT {
	border-right: 1px solid;
}

td.ITK_GS_LEFT.td_variant_true {
	border-bottom: 1px solid;
}

td.ITK_GS_TK.td_variant_false {
	border-bottom: 1px dashed;
}

td.ITK_GS_TK.td_variant_true {
	border-bottom: 1px solid;
}

td.ITK_GS_LINK {
	border-bottom: 1px solid !important;
}