/* --------------------------- sortierung der flexbox-kiddies von links nach rechts ------------------------- */

.jobbuzz_container {
	background: var(--drei);
    width: 100%;
    padding: 0.3em;
    margin: auto auto;
    margin-top: 1em;
    border: 0.1em solid var(--drei);
	display: flex;
	flex-wrap: wrap; /*braucht es!*/
	flex-direction: column;
    text-align: justify;
    font-family: var(--calibri);
	box-sizing: border-box;
}

.jobbuzz_container_mcp {
	background: var(--drei);
    width: 100%;
    padding: 0.3em;
    margin: auto auto;
    margin-top: 1em;
    border: 0.1em solid var(--drei);
	display: flex;
	flex-wrap: wrap; /*braucht es!*/
	flex-direction: column;
    text-align: justify;
    font-family: var(--calibri);
	box-sizing: border-box;
	border-bottom: 0.4em solid var(--picked2);
}

.jobbuzz_flex_row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	flex-wrap: wrap; /*braucht es!*/
	align-items: stretch;  /*braucht es?*/
	box-sizing: border-box;
    width: 100%;
	margin: auto auto;
    padding: 0.1em;
	color: var(--zwoelf);
	font-size:  0.7em;
	text-transform: uppercase;
	text-align: justify;
	
}

/* --------------------------- allgemeingültige boxeninhalte: header & lane (als 'inhaltsbox') ------------------------- */

.jobbuzz_head {
	flex:1;
    opacity: 90%;
    font-family: var(--open);
    font-size: 0.9em;
    letter-spacing: 0.1em;
    border: solid 0.7em var(--acht);
	background-color: var(--zwei);
	box-sizing: border-box;
	margin: 0.2em;
	text-wrap: pretty;
	font-weight: bold;
padding-block: 5% 5%;
	padding-left: 1.2em;
	padding-right: 1.2em;
writing-mode: horizontal-tb;
	vertical-align:baseline;
	max-height: 8em;
}

.jobbuzz_subhead {
    opacity: 90%;
    font-family: var(--open);
    font-size: 0.68em;
    letter-spacing: 0.1em;
    padding: 0.8em;
		text-wrap: pretty;
}

.jobbuzz_bottline {
   background-color: var(--elf);
    opacity: 90%;
    font-family: var(--open);
    font-size: 0.7em;
    letter-spacing: 0.15em;
    padding: 0.8em;
    border: solid 0.2em var(--drei);
		text-wrap: pretty;
}

.jobbuzz_lane {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.jobbuzz_head_mcp {
   	background-color: var(--elf);
    opacity: 90%;
    font-family: var(--open);
    font-size: 0.9em;
    letter-spacing: 0.15em;
    padding: 0.8em;
    border: solid 0.2em var(--drei);
	text-wrap: pretty;
	max-width: 100%;
	flex-wrap:wrap;
	display: flex;
}

/* --------------------------- bucketspezifika ------------------------- */

.jobbuzztop_bucket_dreier {
	flex-basis: 33.333333%;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.jobbuzztop_bucket_single {
	display: flex;
	width: 100%;
	flex-direction: column;
	box-sizing: border-box;
    justify-content: space-between;
}

.jobbuzztop_bucket_dreier > .jobbuzz_head {
    text-align: center;
}

.jobbuzztop_bucket_dreier > .jobbuzz_subhead {
    text-align: center;
}

.jobbuzztop_bucket_dreier > .jobbuzz_bottline {
    text-align: center;
}

.jobbuzztop_bucket_dreier > .jobbuzz_lane {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: auto;
	margin-right: 0.2em; /* --------------------------- scroolbar... damit sie mit head abschließt --------------- */
	text-align: justify;
	padding: 1.5em;
	box-sizing: border-box;
}

.jobbuzztop_bucket_single > .jobbuzz_lane {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: auto;
	margin-right: 1em; /* --------------------------- scroolbar... damit sie mit head abschließt --------------- */
	text-align: justify;
	padding: 0.1em;
	box-sizing: border-box;
}

.jobbuzz_bottline_mcp {
    opacity: 90%;
    font-family: var(--open);
    font-size: 0.7em;
    letter-spacing: 0.15em;
    padding: 0.8em;
    border: solid 0.2em var(--drei);
	text-wrap: pretty;
}

.jobbuzz_alley select {
padding: 4px !important;
	margin-right: 1px !important;
}

/* --------------------------- plotbit ------------------------- */

.jobbuzz_alley {
	display: flex;
	flex-direction: row; 
	justify-content: center;
	flex: 1;
    align-items: center;
	margin: 0.4em;
	padding: 0.2em;
	max-height: 2em;
}

.jobbuzz_left_mcp {
	display: flex;
	flex:1;
	width: 50% !important; 
	font-size: 1em;
	color: var(--picked);
	text-align: center;
	padding: 1%;
}

.jobbuzz_right_mcp {
	display: flex;
	flex:1;
	width: 50% !important; 
	font-size: 1em;
	text-align: center;
	padding: 1%;
}

.jobbuzz_right_mcp link {
	color: var(--picked);
}

.jobbuzz_trip_mcp {
	display: flex;
	flex:1;
	width: 33,333% !important; 
	font-size: 1em;
	color: var(--picked);
	text-align: center;
	padding: 1%;
}