a, a:hover, a:focus, .ui-widget-content a {
  color: var(--praktibox-dunkelblau);;
}
a:hover, a:focus {
	text-decoration:underline;
}

.frame-tourteaser {
	background-image: url(../Images/Finde-deinen-Traumberuf-2400.jpg) !important;
}
.frame-tourteaser > .row {
	transform: translateY(540px);
}
.os4me-slider {
	background-color:var(--praktibox-hellbraun);
}
.offer-slider .link-button-invert {
	background-color:var(--praktibox-dunkelblau);
	color:#fff;
	height:58px;
	border-radius:29px;
	border:0;
	display:flex !important;
	align-items:center;
	justify-content:center;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.offer-slider .link-button-invert:hover {
	background-color:var(--praktibox-mittelblau);
	text-decoration:none;
}

h1 {
	border-left: 10px solid var(--praktibox-mittelblau);
}

a.btn,
a.link-button,
.link-button-darkbrown,
a.btn.link-button-darkbrown,
.project-teaser .link-button,
.frame-type-felogin_login button[type="submit"] {
	color:#fff;
	background-color:var(--praktibox-dunkelbraun);
	border:2px solid var(--praktibox-dunkelbraun);
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
a.btn:hover,
a.link-button:hover,
.link-button-darkbrown:hover,
a.btn.link-button-darkbrown:hover,
.project-teaser .link-button:hover,
.frame-type-felogin_login button[type="submit"]:hover,
a.btn:focus,
a.link-button:focus,
.link-button-darkbrown:focus,
a.btn.link-button-darkbrown:focus,
.project-teaser .link-button:focus,
.frame-type-felogin_login button[type="submit"]:focus {
	background-color:#fff;
	color:#000 !important;
	text-decoration:none;
}
.frame-type-felogin_login button[type="submit"] {
	text-align:center;
	line-height:1.3;
	padding:0.35rem 0.35rem 0.25rem 0;
}
.frame-type-felogin_login button[type="submit"] i {
	font-size:1.75rem;
}
.frame-type-felogin_login button[type="submit"]:hover i {
	color:#000;
}

.page-1 .news-list-view .article {
	background-color:var(--praktibox-hellbraun);
	color:#000;
}
.page-1 .news-list-view .news-list-date, .page-1 .news-list-view .news-list-author, .page-1 .news-list-view a, .page-1 .news-list-view h4 a {
	color:#000;
}

.link-button, .btn, a.btn, button.btn, .powermail_submit, .ui-dialog .ui-dialog-buttonpane .red-button button, .ui-dialog.red-buttons .ui-dialog-buttonpane button {
	/*background-color:var(--praktibox-hellbraun);*/
	height:58px;
	border-radius:29px;
	color:#fff;
	display:flex !important;
	align-items:center;
	justify-content:center;
	max-width:369px;
}
p.center a.btn { margin-left:auto;margin-right:auto;}
.link-button.btn-flat, .btn.btn-flat, a.btn.btn-flat, button.btn.btn-flat, .powermail_submit.btn-flat, .ui-dialog .ui-dialog-buttonpane .red-button.btn-flat button, .ui-dialog.red-buttons.btn-flat .ui-dialog-buttonpane button {
	height:36px;
	border-radius:18px;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	display:flex !important;
	align-items:center;
	justify-content:center;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
	height:36px;
	border-radius:18px;	
}
.project-teaser .link-button {
	max-width:180px;
}

@media screen and ( min-width: 1024px ) {
	.link-button.hide-large, .btn.hide-large, a.btn.hide-large, button.btn.hide-large, .powermail_submit.hide-large, .ui-dialog .ui-dialog-buttonpane .red-button button.hide-large, .ui-dialog.red-buttons .ui-dialog-buttonpane button.hide-large {
		display:none !important;
	}
}

@media screen and (max-width: 640px) {
	.frame-tourteaser {
		aspect-ratio: 1 / 1 auto;
		background-position: left -180px top 0;
		position:relative;
	}
	.frame-tourteaser > .row {
		transform: translateY(0px);
		position:absolute;
		bottom:20px;
		left:20px;
		right:20px;
	}
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
		display:block !important;
	}
	.ui-dialog .ui-dialog-buttonpane .red-button button, .ui-dialog.red-buttons .ui-dialog-buttonpane button {
		display:inline-block !important;
		margin-right:0;
		margin-left:0;
	}
	footer {
		background-size: 800px;
		background-position: 100px -100px;
	}
}