
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../Fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../Fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('../Fonts/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('../Fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../Fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../Fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../Fonts/roboto-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('../Fonts/roboto-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../Fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../Fonts/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../Fonts/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../Fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* lexend-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/lexend-v26-latin-regular.woff2') format('woff2');
}

/* lexend-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/lexend-v26-latin-600.woff2') format('woff2');
}

/* lexend-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/lexend-v26-latin-700.woff2') format('woff2');
}

/* lexend-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 900;
  src: url('../Fonts/lexend-v26-latin-900.woff2') format('woff2');
}


:root {

	/* Colors: */
	--p71-tuerkis: #25A498;
	--p71-rot: #e31e24;
	--praktibox-dunkelgrau:#1f1f1f;
	--praktibox-dunkelblau:#007baa;
	--praktibox-mittelblau:#5095ba;
	--praktibox-hellblau:#96bcd5;
	--praktibox-hellrot:#ee706b;
	--praktibox-dunkelbraun:#a78d77;
	--praktibox-mittelbraun:#ccbcab;
	--praktibox-hellbraun:#f0ebe6;
	--rot:#e31e24;
	--grey-bg:#f0ebe6;
}


/* Assistenzmodul */

/*.eyeAble_topFixedPosition {
	top:auto !important;
	bottom:10px !important;
}*/

#eyeAble_customToolOpenerID {
	width:80px;
	height:80px;
	position:fixed;
	right:20px;
	top:340px;
	border-radius:40px;
	border:1px solid rgba(255,255,255,0.5);
	/*overflow:hidden;*/
	background-color:var(--praktibox-dunkelblau);
	opacity:1;
	z-index:2001;
	cursor:pointer;
}
#eyeAble_customToolOpenerID:hover {
	opacity:1;
}
#eyeAble_customToolOpenerID img {
	width:100%;
	height:100%;
}

.eA_altText > span {
	overflow:visible !important;
}

body.disable-tooltips .header-row .ui-tooltip, body.disable-maps #map_canvas, body.disable-maps .ea-hide-with-images {
	display:none !important;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}


/* loading bar */
/*#loading-bar { position:fixed; top:0; left:0; right:0; bottom:0; text-align:center; background:rgba(255,255,255,0.5); z-index:500;}
#loading-bar img { position:absolute; left:50%; top:50%; margin-top:-12px; margin-left:-80px; padding:5px; background:#fff; box-shadow:0 0 10px 10px rgba(0,0,0,0.3); }*/

/* new spinner */
#loading-bar  {
	position:fixed; top:0; left:0; right:0; bottom:0; text-align:center; background:rgba(255,255,255,0.5); z-index:500;
}
.spinner-wrap {
	position:absolute; left:50%; top:50%; margin-top:-140px; margin-left:-140px;
}
.spinner-stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
	width:280px;
	height:280px;
}
.dot-sun {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--praktibox-dunkelblau);
  color: var(--praktibox-dunkelblau);
}
.dot-planet {
  content: '';
  display: inline-block;
  position: absolute;
  left: 135px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border:1px solid #fff;
  background-color: var(--praktibox-dunkelblau);
  color: var(--praktibox-dunkelblau);
}
.dot-planet:nth-child(2) {
  top: 120px;
  transform-origin: 5px 20px;
  animation: dotPlanet 0.9s linear infinite;
}
.dot-planet:nth-child(3) {
  top: 105px;
  transform-origin: 5px 35px;
  animation: dotPlanet 1.1s linear infinite;
}
.dot-planet:nth-child(4) {
  top: 90px;
  transform-origin: 5px 60px;
  animation: dotPlanet 1.2s linear infinite;
}
.dot-planet:nth-child(5) {
  top: 75px;
  transform-origin: 5px 75px;
  animation: dotPlanet 1.3s linear infinite;
}
.dot-planet:nth-child(6) {
  top: 60px;
  transform-origin: 5px 90px;
  animation: dotPlanet 1.4s linear infinite;
}
.dot-planet:nth-child(7) {
  top: 45px;
  transform-origin: 5px 105px;
  animation: dotPlanet 1.5s linear infinite;
}
.dot-planet:nth-child(8) {
  top: 30px;
  transform-origin: 5px 120px;
  animation: dotPlanet 1.6s linear infinite;
}
.dot-planet:nth-child(9) {
  top: 20px;
  transform-origin: 5px 130px;
  animation: dotPlanet 1.7s linear infinite;
}
@keyframes dotPlanet {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
  width:100%;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1; /* Für den IE6 und IE7 */
}

/* floating form labels */
.ffl-wrapper, .relative, .columns {
	position:relative;
}
.ffl-wrapper .ffl-label, .select-label {
  transition-property: all;
  transition-duration: 200ms;
  transition-timing-function: ease;
  transition-delay: 0s;
  position: absolute;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  top: 0.7rem;
  left:0.3rem;
  font-size:1rem;
}
.select-label {
	left:1.5rem;
}

.ffl-wrapper.ffl-floated .ffl-label, .select-label {
  top: 0.1rem;
}

.ffl-label, .select-label {
  color: #666;
  line-height: 1.2;
}

.ffl-floated .ffl-label, .select-label {
  color: #666;
  font-size: 0.75rem;
}
.ffl-floated .ffl-label.force-display, .ffl-label.force-display {
	font-size:1rem;
	position:relative;
	top:0;
	left:0;
}

.off-canvas-wrapper input[type=radio],
.off-canvas-wrapper input[type=checkbox],
.ui-dialog input[type=radio],
.ui-dialog input[type=checkbox] {
	display:none;
}

.off-canvas-wrapper input[type="checkbox"] + span::before, .ui-dialog input[type="checkbox"] + span::before {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border:1px solid #aaa;
  display: block;
  content: "";
  float: left;
  margin-right: 8px;
  margin-top:4px;
  margin-bottom:8px;
}
body[data-fontscale="11"] .off-canvas-wrapper input[type="checkbox"] + span::before, body[data-fontscale="11"] .ui-dialog input[type="checkbox"] + span::before {
	margin-top:5px;
}
body[data-fontscale="12"] .off-canvas-wrapper input[type="checkbox"] + span::before, body[data-fontscale="12"] .ui-dialog input[type="checkbox"] + span::before {
	margin-top:8px;
}
body[data-fontscale="13"] .off-canvas-wrapper input[type="checkbox"] + span::before, body[data-fontscale="13"] .ui-dialog input[type="checkbox"] + span::before {
	margin-top:9px;
}
.off-canvas-wrapper input[type="checkbox"]:checked + span::before, .ui-dialog input[type="checkbox"]:checked + span::before {
  content: "\2713";
  color:#fff;
  background-color: var(--praktibox-dunkelblau);
  border:1px solid var(--praktibox-dunkelblau);
  font-weight:bold;
  font-size:16px;
  line-height:16px;
  text-align:center;
}

.off-canvas-wrapper input[type="radio"] + span::before {
  width: 18px;
  height: 18px;
  border-radius:9px;
  background-color: #fff;
  border:1px solid #aaa;
  display: block;
  content: "";
  float: left;
  margin-right: 8px;
  margin-top:4px;
  margin-bottom:8px;
}
body[data-fontscale="11"] .off-canvas-wrapper input[type="radio"] + span::before, body[data-fontscale="11"] .ui-dialog input[type="radio"] + span::before {
	margin-top:5px;
}
body[data-fontscale="12"] .off-canvas-wrapper input[type="radio"] + span::before, body[data-fontscale="12"] .ui-dialog input[type="radio"] + span::before {
	margin-top:8px;
}
body[data-fontscale="13"] .off-canvas-wrapper input[type="radio"] + span::before, body[data-fontscale="13"] .ui-dialog input[type="radio"] + span::before {
	margin-top:9px;
}

.off-canvas-wrapper .checkbox-list input[type="checkbox"] + span::before {
	margin-top:4px;
	margin-bottom:2px;
}

.off-canvas-wrapper input[type="radio"]:checked + span::before {
  color:#fff;
  background-color: #fff;
  box-shadow: inset 0px 0px 0px 3px var(--praktibox-dunkelblau);
  border:1px solid var(--praktibox-dunkelblau);
  font-weight:bold;
  font-size:16px;
  line-height:16px;
  text-align:center;
}

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"] {
	padding:1rem 0.25rem 0.25rem 0.25rem;
	height:2.5rem;
	border:1px solid transparent;
	border-bottom:1px solid #9b9b9b;
	background:#ebebeb;
	box-shadow:none;
}
body[data-fontscale="11"] [type="color"], body[data-fontscale="11"] [type="date"], body[data-fontscale="11"] [type="datetime-local"], body[data-fontscale="11"] [type="datetime"], body[data-fontscale="11"] [type="email"], body[data-fontscale="11"] [type="month"], body[data-fontscale="11"] [type="number"], body[data-fontscale="11"] [type="password"], body[data-fontscale="11"] [type="search"], body[data-fontscale="11"] [type="tel"], body[data-fontscale="11"] [type="text"], body[data-fontscale="11"] [type="time"], body[data-fontscale="11"] [type="url"], body[data-fontscale="11"] [type="week"] {
	height:fit-content;
	padding-top:1.75rem;
}
body[data-fontscale="12"] [type="color"], body[data-fontscale="12"] [type="date"], body[data-fontscale="12"] [type="datetime-local"], body[data-fontscale="12"] [type="datetime"], body[data-fontscale="12"] [type="email"], body[data-fontscale="12"] [type="month"], body[data-fontscale="12"] [type="number"], body[data-fontscale="12"] [type="password"], body[data-fontscale="12"] [type="search"], body[data-fontscale="12"] [type="tel"], body[data-fontscale="12"] [type="text"], body[data-fontscale="12"] [type="time"], body[data-fontscale="12"] [type="url"], body[data-fontscale="12"] [type="week"] {
	height:fit-content;
	padding-top:1.75rem;
}
body[data-fontscale="13"] [type="color"], body[data-fontscale="13"] [type="date"], body[data-fontscale="13"] [type="datetime-local"], body[data-fontscale="13"] [type="datetime"], body[data-fontscale="13"] [type="email"], body[data-fontscale="13"] [type="month"], body[data-fontscale="13"] [type="number"], body[data-fontscale="13"] [type="password"], body[data-fontscale="13"] [type="search"], body[data-fontscale="13"] [type="tel"], body[data-fontscale="13"] [type="text"], body[data-fontscale="13"] [type="time"], body[data-fontscale="13"] [type="url"], body[data-fontscale="13"] [type="week"] {
	height:fit-content;
	padding-top:1.75rem;
}
input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
	background-color:#ebebeb;
}
.frame-graybox [type="text"], .frame-graybox [type="password"] {
	background-color:#fff;
}
[type="file"] {
	padding:0.25rem;
	height:2.5rem;
	border:1px solid transparent;
	border-bottom:1px solid #9b9b9b;
	background:#ebebeb;
	box-shadow:none;
}
*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
label, .label {
	font-size:1rem;
	color:#666;
	background-color:transparent;
}
textarea {
	padding:1rem 0.25rem 0.25rem 0.25rem;
	border:1px solid transparent;
	border-bottom:1px solid #9b9b9b;
	background:#ebebeb;
	box-shadow:none;
}
textarea#dlg-workflowmessage {
	padding:0.25rem;
	height:50px;
}
.fake-textarea {
    padding: 1rem 0.25rem 0.25rem 0.25rem;
    border: 1px solid transparent;
    border-bottom: 1px solid #9b9b9b;
    background: #ebebeb;
    box-shadow: none;
	position:relative;
}
.fake-textarea > label {
  position: absolute;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left:0.3rem;
  font-size:0.75rem;
  color:#666;
}
.textarea-char-counter {
	position:absolute;
	top:0;
	right:2px;
	font-size:0.75rem;
	font-style:italic;
}
body[data-fontscale="11"] .ta-counter .ffl-wrapper.ffl-floated .ffl-label {
	top:1.25rem;
}
body[data-fontscale="12"] .ta-counter .ffl-wrapper.ffl-floated .ffl-label {
	top:1.5rem;
}
body[data-fontscale="13"] .ta-counter .ffl-wrapper.ffl-floated .ffl-label {
	top:1.75rem;
}
body[data-fontscale="11"] textarea {
	padding-top:2rem;
}
body[data-fontscale="12"] textarea {
	padding-top:2.5rem;
}
body[data-fontscale="13"] textarea {
	padding-top:3rem;
}
@media screen and ( max-width: 480px ) {
	body[data-fontscale="11"] textarea {
		padding-top:3rem;
	}
	body[data-fontscale="12"] textarea {
		padding-top:3.5rem;
	}
	body[data-fontscale="13"] textarea {
		padding-top:4rem;
	}
}
select {
	padding:1rem 0.25rem 0.25rem 0.25rem;
	height:2.5rem;
	border:1px solid transparent;
	border-bottom:1px solid #9b9b9b;
	background-color:#ebebeb;
	background-position: right 0.5rem center;
	box-shadow:none;
}
body[data-fontscale="11"] select {
	padding-top:1.25rem;
	height:3.5rem;
}
body[data-fontscale="12"] select {
	padding-top:1.25rem;
	height:3.95rem;
}
body[data-fontscale="13"] select {
	padding-top:1.5rem;
	height:4.1rem;
}

optgroup {
	font-size:1rem;
	font-weight:bold;
}

optgroup option {
	font-weight:normal;
}

label.inline-label {
	display:inline-block;
}
.checkbox-list-wrap {
	border-bottom: 1px solid #9b9b9b;
	background-color: #ebebeb;
	margin-bottom:1rem;
}
.checkbox-list-wrap p {
	margin-bottom:0;
}

.ui-dialog { padding:0; }
.ui-dialog .ui-dialog-titlebar { border-radius:0; background-color:var(--praktibox-dunkelblau);  }
.ui-dialog .ui-dialog-title { color:#fff; }
.ui-dialog .ui-dialog-titlebar-close { right:0.5em; }
.ui-widget {font-family: 'Lexend',Arial,Helvetica,sans-serif;}

html,body { margin:0; font-size:1em;background-color: #fff; color:var(--praktibox-dunkelgrau); }
body { font-family: 'Lexend',Arial,Helvetica,sans-serif;font-size:16px; background-color:#fff; }
.row { max-width: 1200px; }
.row.ge { padding-bottom: 20px; }
.hidden { display:none; }
h1,h2,h3,h4 { font-family: 'Lexend',Arial,Helvetica,sans-serif; color:var(--praktibox-dunkelgrau); }
h1 { font-size: 2.5rem; margin: 45px 0 45px 0; }
h2 { font-size: 1.75rem; margin: 20px 0 15px 0; }
/*.page-1 h1, .page-1 h2 { text-transform:uppercase; }*/
h1 { font-size: 2.5rem; margin: 45px 0 45px 0; padding-left:16px; border-left:10px solid var(--praktibox-hellrot); line-height:1.2; padding-top:4px; }
.page-1 h1 { margin-bottom:15px; }
.page-1 h2 { font-size: 2.5rem; margin: 45px 0 15px 0; padding-left:16px; border-left:10px solid #e31e24; line-height:1.2; padding-top:4px; }
h1.two-rows { font-size:1.75rem; padding-top:0; padding-bottom:0; line-height:1.2; }
h3 { font-size: 1.5rem; margin: 20px 0 15px 0; line-height:1.2; }
h4 { font-size: 1.25rem; margin: 20px 0 15px 0; line-height:1.2; }
select,button,input,textarea { font-family: 'Lexend',Arial,Helvetica,sans-serif; }
a, a:hover, a:focus, .ui-widget-content a { color: #e31e24; }
.right-column h3.headline_third { margin-top:0; font-size:1.25rem; }
.ce-gallery figcaption { text-align:center; font-size:0.9rem; }
#darkbox_description:not(.show) { display:none; }
#darkbox_description {
  bottom: 24px;
  left: 24px;
  right: 24px;
  text-align: center;
  text-shadow: 0 0 3px #000;
  font-size: 1.5rem;
  font-weight: bold;
}
.print-only { display:none; }

a.download i { vertical-align:baseline; }

.ui-widget-content { color:#666; }
.border-red {
	border:1px solid #ee0000;
}
.border-bottom-white-2 {
	border-bottom:2px solid #fff;
}
.border-bottom-gray td {
	border-bottom:2px solid #666;
}

.box-light-gray {
	background:none #f2f2f2;
	padding:1rem;
}
.bold { font-weight:600; }
.faded { opacity:0.4; }
.uppercase { text-transform:uppercase; }
.smaller { font-size:0.9rem; }
h1.two-rows .smaller { font-size:1.35rem; }
.smaller h3, h3.smaller { font-size:1.25rem; }
.smaller h4 { font-size:0.9rem; }
.extra-small { font-size:0.8rem; }
p i, .valign-middle { vertical-align:middle; }
.valign-top { vertical-align:top; }
.valign-baseline { vertical-align:baseline; }
.valign-sub { vertical-align:sub; }
.align-left { text-align:left; }
.center, .align-center { text-align:center; }
.center button.btn, .align-center button.btn { margin-left:auto; margin-right:auto; }
.align-right { text-align:right; }
.float-left { float:left; }
.float-right { float:right; }
.dark-gray, .gray-font { color:#666; }
.light-gray { color:#ccc; }
.black { color:#111; }
.bg-white { background-color:#fff; }
.bg-gray { background-color:var(--grey-bg); }
.border-gray { border:1px solid var(--grey-bg); }
.block { display:block; }
.inline-block { display:inline-block !important; }
.w15 { width:15px !important; }
.w20 { width:20px !important; }
.w30 { width:30px !important; }
.w35 { width:35px !important; }
.w60 { width:60px !important; }
.w80 { width:80px !important; }
.w90 { width:90px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w150 { width:150px !important; }
.w200 { width:200px !important; }
.w234 { width:234px !important; }
.w300 { width:300px !important; }
.w380 { width:380px !important; }
.mw80p { max-width:80%; margin-left:auto; margin-right:auto; }
.mw90p { max-width:90%; margin-left:auto; margin-right:auto; }
.h60 { height:60px; }
.mr-3 { margin-right:3px; }
.mr-5 { margin-right:5px; }
.mr-10 { margin-right:10px; }
.mr-15 { margin-right:15px; }
.ml-0 { margin-left:0px !important; }
.ml-6 { margin-left:6px !important; }
.ml-10 { margin-left:10px; }
.mtm-4 { margin-top:-4px; }
.mtm-8 { margin-top:-8px; }
.mt-0 { margin-top:0 !important; }
.mt-2 { margin-top:2px; }
.mt-5 { margin-top:5px; }
.mt-10 { margin-top:10px !important; }
.mt-15 { margin-top:15px !important; }
.mt-20 { margin-top:20px !important; }
.mt-25 { margin-top:25px !important; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mt-44 { margin-top:44px; }
.mt-57 { margin-top:57px; }
.mt-60 { margin-top:60px; }
.mb-0 { margin-bottom:0; }
.mb-2 { margin-bottom:2px; }
.mb-5 { margin-bottom:5px; }
.mb-10 { margin-bottom:10px !important; }
.mb-15 { margin-bottom:15px !important; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px !important; }
.mb-40 { margin-bottom:40px; }
.mb-50 { margin-bottom:40px; }
.mb-60 { margin-bottom:60px; }
.mb-120 { margin-bottom:120px; }
.mr-8 { margin-right:8px; }
.mr-14 { margin-right:14px !important; }
.p-10 { padding:10px; }
.pt-0 { padding-top:0 !important; }
.pt-2 { padding-top:2px; }
.pt-4 { padding-top:4px; }
.pt-10 { padding-top:10px; }
.pt-16 { padding-top:16px; }
.pt-20 { padding-top:20px; }
.pt-40 { padding-top:40px; }
.pb-0 { padding-bottom:0 !important; }
.pb-1 { padding-bottom:1px !important; }
.pb-5 { padding-bottom:5px !important; }
.pb-12 { padding-bottom:12px !important; }
.pb-16 { padding-bottom:16px !important; }
.pb-20 { padding-bottom:20px !important; }
.pb-40 { padding-bottom:40px; }
.pl-15 { padding-left:15px; }
.pl-26 { padding-left:26px; }
.pl-30 { padding-left:30px; }
.pl-120 { padding-left:120px; }
.border-bottom-white { border-bottom:1px solid #fff; }
.border-right-white { border-right:2px solid #fff; }
.border-left-white { border-left:2px solid #fff; }
.green { color:#00cc00; }
.red { color:#ee0000 !important; }
.tuerkis { color:var(--praktibox-dunkelblau); }
.gray { color:#666; }
.cursor-pointer { cursor:pointer; }
.cursor-normal { cursor:default; }
.no-shadow { box-shadow:none !important; }
.rotate-left-90 { transform: rotate(270deg); }
.hide-large, .frame-desktophide { display:none !important; }
.hide-mobile, .frame-mobilehide { display:block; }
.prelative { position:relative; }
.center-all { display:flex; justify-content:center; flex-direction:column; text-align:center; }
.nowrap { white-space:nowrap; }
.flex { display:flex; }
.edit-icons i { margin-left:2px; margin-right:2px; }
table tfoot, table thead { background:transparent; }
figure.table {margin:0;}

.pdf-only { display:none; }

ul.arrows, .frame-type-text ul, .ce-bodytext ul, .p71-slide ul { list-style:none; margin-left:0; padding-left:0; }
ul.arrows li, .frame-type-text ul li, .ce-bodytext ul li, .p71-slide ul li { padding-left:15px; background:transparent url(../Images/Arrow-green-right.png) 0 8px no-repeat; background-size:10px; }
body[data-fontscale="11"] ul.arrows li, body[data-fontscale="11"] .ce-bodytext ul li, body[data-fontscale="11"] .p71-slide ul li, body[data-fontscale="11"] .frame-type-text ul li { background-position:0 9px; }
body[data-fontscale="12"] ul.arrows li, body[data-fontscale="12"] .ce-bodytext ul li, body[data-fontscale="12"] .p71-slide ul li, body[data-fontscale="12"] .frame-type-text ul li { background-position:0 10px; }
body[data-fontscale="13"] ul.arrows li, body[data-fontscale="13"] .ce-bodytext ul li, body[data-fontscale="13"] .p71-slide ul li, body[data-fontscale="13"] .frame-type-text ul li { background-position:0 11px; }
body[data-fontscale="11"] .ui-accordion .frame-type-text ul li { background-position:0 11px; }
body[data-fontscale="12"] .ui-accordion .frame-type-text ul li { background-position:0 14px; }
body[data-fontscale="13"] .ui-accordion .frame-type-text ul li { background-position:0 17px; }
ul.lines { list-style:none; margin-left:0; padding-left:0; }
ul.lines li { border-bottom:1px solid #ccc; padding:5px 0 8px 0; }
ul.lines li:first-child { border-top:1px solid #ccc; }
ul.no-dots { list-style:none; margin-left:0; padding-left:0; }

a.arrow-link {
	display:inline-block;
	padding-left:15px;
	background:transparent url(../Images/Arrow-green-right.png) 0 7px no-repeat;
	background-size:10px;
}
body[data-fontscale="11"] p > a.arrow-link {
	background-position:0 10px;
}
body[data-fontscale="12"] p > a.arrow-link {
	background-position:0 13px;
}
body[data-fontscale="13"] p > a.arrow-link {
	background-position:0 16px;
}
p.p-arrow-link {
	margin-bottom:3px;
}
a.arrow-link-full {
	display:block;
	padding:0.75rem 2rem 0.75rem 0.75rem;
	background:var(--praktibox-hellbraun) url(../Images/Arrow_right_black.svg) no-repeat;
	background-position:top 14px right 14px;
	background-size:9px;
	color:#000;
	font-size:1.1rem;
	line-height:1.2;
	font-weight:bold;
}
a.arrow-link-full:hover, a.arrow-link-full:focus {
	color:#000;
}

label.img-label { float:left; width:30px; height:30px; }
label.img-label.img-label-large { width:60px; height:60px; text-align:center; margin-right:6px; }
label.img-label.rows-3 { height:80px;  }
label.img-label img { max-width:20px; }
label.img-label.img-label-large img { max-width:50px; max-height:50px; }
label.img-label img.smaller-img { max-width:14px; margin:0 0 0 3px; display:block; }
img.smaller-arrow { width:12px; display:inline-block; margin-top:-3px; }
label.img-label i { color:var(--praktibox-dunkelblau); font-size:1.25rem; }
body[data-fontscale="11"] label.img-label img { margin-top:3px; }
body[data-fontscale="12"] label.img-label img { margin-top:4px; }
body[data-fontscale="13"] label.img-label img { margin-top:5px; }
body[data-fontscale="11"] label.img-label.mtm-4 img { margin-top:8px; }
body[data-fontscale="12"] label.img-label.mtm-4 img { margin-top:12px; }
body[data-fontscale="13"] label.img-label.mtm-4 img { margin-top:15px; }
p.handicap-label { background:url(../Images/Icon-Behinderung-Sterne.png) no-repeat 3px; background-size:70px; padding-left:30px; }
p.handicap-label span { display:block; padding-left:55px; }
label.img-label.swap-images { position:relative; }
label.img-label.swap-images img { position:absolute; left:0; top:0; }
label.img-label.swap-images img:last-child { display:none; }
#c926 {
	background:var(--grey-bg);
	text-align:center;
}
#c926 p {
	padding:0.5rem;
}
@media screen and ( min-width: 640px ) {
	#c926 p {
		padding:1.5rem;
		font-size:20px;
	}
	#c926 p:before {
		content:'! ! ! ';
		color:#e31e24;
		font-size:20px;
		font-weight:bold;
		margin-right:15px;
	}
	#c926 p:after {
		content:'  ! ! !';
		color:#e31e24;
		font-size:20px;
		font-weight:bold;
		margin-left:15px;
	}
}

/* 20 Jahre Firmentage */

#ft20-badge {
	display:none;
	position:absolute;
	right:0;
	top:calc(50vh - 300px);
	width:100vw;
	z-index:100;
	opacity:0;
	transform:scale(1.5);
	-webkit-transition: opacity .2s ease, transform .2s ease, top 1.5s ease, right 1.5s ease;
	-moz-transition: opacity .2s ease, transform .2s ease, top 1.5s ease, right 1.5s ease;
	-o-transition: opacity .2s ease, transform .2s ease, top 1.5s ease, right 1.5s ease;
	-ms-transition: opacity .2s ease, transform .2s ease, top 1.5s ease, right 1.5s ease;
	transition: opacity .2s ease, transform .2s ease, top 1.5s ease, right 1.5s ease;
}
#ft20-badge.show {
	opacity:1;
	transform:scale(1);
}
#ft20-badge img {
	width:100%;
	height:auto;
	cursor:pointer;
}
#ft20-badge.clicked {
	top:-600px;
	right:0;
	transform:scale(0.5);
}
#ft20-badge.clicked img {
	cursor:default;
}

#ft20-badge-mobile {
	position:absolute;
	right:0;
	top:0;
	width:220px;
}

@media screen and ( min-width: 640px ) {
	#ft20-badge {
		-webkit-transition: opacity .2s ease, transform .2s ease, top .2s ease, right .2s ease, width .2s ease;
		-moz-transition: opacity .2s ease, transform .2s ease, top .2s ease, right .2s ease, width .2s ease;
		-o-transition: opacity .2s ease, transform .2s ease, top .2s ease, right .2s ease, width .2s ease;
		-ms-transition: opacity .2s ease, transform .2s ease, top .2s ease, right .2s ease, width .2s ease;
		transition: opacity .2s ease, transform .2s ease, top .2s ease, right .2s ease, width .2s ease;
	}
	#ft20-badge.clicked {
		top:160px;
		right:0;
		width:220px;
		transform:scale(1);
	}
}

@media screen and ( min-width: 1024px ) {
	#ft20-badge.clicked {
		top:-28px;
		right:260px;
		width:120px;
	}
	#ft20-badge-mobile {
		display:none;
	}
}

@media screen and ( min-width: 1400px ) {
	#ft20-badge {
		right:0;
		top:100px;
		width:800px;
	}
	#ft20-badge.clicked {
		top:40px;
		right:-100px;
		width:160px;
	}
}

body:not(.page-1) {
	#ft20-badge {
		display:none;
	}
}

/* Main-Navigation */

.main-navigation { padding-top:20px; padding-bottom:20px; position:relative; text-align:right;}
.main-navigation > a { display:inline-block; color:#000; text-decoration:none; text-align:center; margin-right:62px; font-size:0.9rem; font-weight:bold; }
#search-switch {margin-right:0;}
.header-row.eyeAble_hideBackImg .main-navigation > a { color:var(--praktibox-dunkelblau); }
.main-navigation > a > img { display:block; clear:both; max-width:43px; height:auto; margin:0 auto 10px auto; }
.main-navigation > a#profile-switch > img {width:43px;}
.main-navigation ul { list-style-type:none; width:auto; margin-top: 20px; margin-left: 75px; }
.main-navigation ul li { display:inline-block; }
.main-navigation ul li a { display:block; font-size:22px; padding:1rem 1.5rem 1rem 1.5rem; text-align:center;color:#666; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
.main-navigation ul li a:hover{ color:var(--praktibox-dunkelblau); border-bottom: 1px solid #67639b; border-top: 1px solid #67639b; }
/*#navigation-switch { display:block; width:40px; height:auto; float:left; cursor: pointer;margin-top:25px; margin-bottom: 20px; }*/
.tooltip { margin-top:-12px; }
/*.ui-tooltip { min-width:360px; }*/
.ui-tooltip .close-trigger { position:absolute; right:6px; top:-2px; font-size:20px; }
body[data-fontscale="11"] .ui-tooltip { margin-top:40px; }
body[data-fontscale="12"] .ui-tooltip { margin-top:40px; }
body[data-fontscale="13"] .ui-tooltip { margin-top:60px; }

.provider-frame { width:44px; height:37px; display:block; position:relative; }
.provider-frame-wrap { position:absolute; left:2px; top:2px; right:2px; bottom:1px; z-index:10; border-radius:4px; display:block; background-color:#fff; overflow:hidden; }
.provider-frame-logo { position:absolute; left:0; top:0; right:0; bottom:0; background-size:contain; background-color:#fff; background-position:center center; background-repeat:no-repeat; display:block; }
.provider-frame-mask { position:absolute; left:0; top:0; right:0; bottom:0; z-index:11; }

/* Kopfzeile */

.header-row .logo { margin-top: 0; margin-bottom: 5px; }
.header-row .logo a {
	display:inline-block;
	position:absolute;
	left:0;
	background-color:var(--grey-bg);
	padding:30px 20px;
	border-bottom-left-radius:20px;
	z-index:10;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.scrolled .header-row .logo a {
	padding-top:10px;
	padding-bottom:10px;
	background-color:transparent;
}
.header-row .logo img {
	width: 250px;
	display:block;
	margin-top:0;
	opacity:1;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.header-row .logo img.logo-lrabb {
	/*width:140px;
	margin-right:auto;*/
	position:absolute;
	top:20px;
	left:330px;
	width:150px;
	opacity:1;
	z-index:9;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.scrolled .header-row .logo img {
	width:250px;
}
.header-row .logo span {
	/*display:block;*/
	display:none;
	max-height:500px;
	overflow:hidden;
	text-align:left;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.scrolled .header-row .logo span {
	max-height:0;
}
.scrolled .header-row .logo img.logo-lrabb {
	opacity:0;
	width:150px;
	top:-100px;
}
.header-row .logo img.logo-planet75 { display:none; }
#logo-switch-trigger { display:block; position:absolute; right:0; top:20%; bottom:13%; width:9%; }
.header-row .logo.planet75 img.logo-planet71 { display:none; }  
.header-row .logo.planet75 img.logo-planet75 { display:block; }
.header-row { background:#000 url('../Images/Sternenhimmel-schmal.jpg') no-repeat center center; background-size:cover; border-bottom: 1px solid #aaa; }
.header-row.eyeAble_hideBackImg {
	background-image:none;
	background-color:#eee;
}

/* Header */

.header-teaser { position:relative; }
.header-background { width:100%; min-height:580px; overflow:hidden; position:relative; background-position:bottom center; background-size:cover; }
.header-background.eyeAbleHideSkip.eyeAble_hideBackImg { background-color:#ccc !important; background-image:none !important; }
.header-text { position:absolute; left:0; top:0; width:100%; padding-top:132px; z-index:91; }
.main-header { position:relative; }
.page-1 .main-header { overflow:hidden; position:relative; }
.main-header .astronaut { position:absolute; left:55%; top:-400px; z-index:90; }
.header-text h2 { text-transform:uppercase; margin-bottom:20px; border-left: 0; padding-left: 0; }
.header-text .text { color:#fff; margin-bottom:30px; }
.header-text a { display:inline-block; clear:both; color:#fff; border:1px solid #fff; background:#e31e24; text-transform:uppercase; padding:5px 60px 4px 12px; position:relative; }
.header-text a:hover, .header-text a:focus { color:#fff; background-color:#25A498; }
.header-text a img { width:16px; height:16px; position:absolute; right:10px; top:50%; margin-top:-8px; }
.header-background-default { max-height:30px; overflow:hidden; }
.main-header.has-basket .header-background-default { max-height:300px; overflow:hidden; }
.header-background-default.user-bannerimage { max-height:300px; }
.header-background-default img { width:100%; }
body[data-fontscale="11"] .header-text a .tooltip-container { top:56px !important; }
body[data-fontscale="12"] .header-text a .tooltip-container { top:56px !important; }
body[data-fontscale="13"] .header-text a .tooltip-container { top:56px !important; }

.off-canvas-content { position:relative; }
.header-row { background:none transparent; border-bottom:0; position:absolute; left:0; top:125px; right:0; z-index:10;}
header.main-header { padding-top:240px; margin-top:-125px; /*background:url(../Images/Planet71_Header_BG.jpg) no-repeat; background-position:center bottom; background-size:cover;*/ }
/*.page-1 header.main-header { url('../Images/Planet71_Footer_BG.svg'); }
.page-1 header.main-header { background-color:#1f3240; }
.page-1 header.main-header .row { position:relative; z-index:1; }
.page-1 header.main-header:after { content:''; position:absolute; left:0; top:160px; right:120px; bottom:0; background:url(../Images/Planet71_Header_Skaterin.png) no-repeat; background-position:top center; background-size:contain; }
header.main-header.basket-hidden { background-position:center bottom -200px; }*/
.basket-hidden .header-background-default:not(.user-bannerimage) { max-height:10px; }
.header-background-default.transparent img { opacity:0; }
.page-1 .home-dist { width:100%; background:#fff; height:40px; }

@media screen and ( max-width: 1200px ) {
	
	header.main-header.basket-hidden { background-position:center bottom -100px; }
	.basket-hidden .header-background-default:not(.user-bannerimage) { height:0; }
	.page-1 header.main-header { background-position:top left; }
	.page-1 header.main-header:after { right:0; }
}

@media screen and ( max-width: 580px ) {
	
	header.main-header { padding-top:200px; }
	.page-1 header.main-header { /*background-image:url(../Images/Planet71_Header_BG.jpg);*/ }
	.header-background-default.transparent { min-height:0; max-height:0; }
	header.main-header.basket-hidden { background-position:center bottom; padding-top:220px; }
	.page-1 header.main-header:after { background-position:center top 40px; background-size:900px; top:120px; }
	.home-dist { display:none; }
}

.header-row {
	position:fixed;
	top:0;
	z-index:120;
	min-height:120px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.scrolled .header-row {
	min-height:100px;
}
.header-row-back {
	display:block;
	position:absolute;
	opacity:1;
	left:0;
	top:0;
	bottom:0;
	right:0;
	/*background-image:url(../Images/Planet71_Header_BG.jpg);
	background-repeat: no-repeat;
	background-position:center bottom;
	background-size:100%;*/
	background:#fff;
	box-shadow:0px 3px 6px #00000029;
}
/*.page-1 .header-row-back {
	-webkit-transition: opacity .2s ease;
	-moz-transition: opacity .2s ease;
	-o-transition: opacity .2s ease;
	-ms-transition: opacity .2s ease;
	transition: opacity .2s ease;
	opacity:0;
}
body.page-1.scrolled .header-row-back {
	opacity:1;
}*/
	

header.main-header > .row:first-child {
	max-width:100%;
}
header.main-header > .row:first-child > .large-12 {
	padding-left:0;
	padding-right:0;;
}
.frame-tourteaser {
	margin: 0;
	background:url(../Images/Ausbildung-Praktikum.jpg) no-repeat center center;
	background-size:cover;
	aspect-ratio:5 / 2 auto;
	padding-top:40px;
}
.frame-tourteaser > .row {
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 10px;
	background-color:#fff;
	border-radius:20px;
}
/*.frame-tourteaser .right-column {
	opacity:0;
}*/
.frame-tourteaser h2 {
	text-transform: uppercase;
	font-size: 2.5rem;
	margin-top:0;
	margin-bottom: 15px;
	padding-left: 0;
	border-left: 0;
	line-height: 1.2;
	padding-top: 4px;
	color:#000;
}
.frame-tourteaser p {
	color:#000;
	margin-bottom:0;
}
.frame-tourteaser .right-column p {
	color:#fff;
}
.frame-tourteaser .right-column .frame, .frame-layout-10 {
	background-color:var(--praktibox-dunkelblau);
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	position:relative;
	color:#fff;
	padding:8px 10px 10px 10px;
	margin-top:0;
	cursor:pointer;
	text-align:center;
}
/*.frame-tourteaser .right-column .frame:before, .frame-layout-10:before {
	content:'';
	position:absolute;
	left:-50px;
	top:-10px;
	width:115px;
	height:calc(100% + 10px);
	background:url(../Images/Hugo.png) no-repeat;
	background-size:contain;
}*/
.frame-tourteaser .right-column .frame:after, .frame-layout-10:after {
	content:'';
	position:absolute;
	right:-8px;
	bottom:-10px;
	width:70px;
	height:70px;
	background:url(../Images/Icon_Start_Click_Arrow.svg) no-repeat;
	background-size:contain;
	transform:scale(0.6);
	filter:grayscale(1);
	opacity:0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease; 
	transition: all .5s ease;
}
.frame-tourteaser .right-column .frame:after, .frame-layout-10:after {
	transform:scale(1);
	filter:grayscale(0);
	opacity:1;
}
.frame-tourteaser .right-column:hover .frame:after, .frame-layout-10:hover:after {
	transform:scale(1.2);
}
.frame-tourteaser .right-column .frame h3, .frame-layout-10 h3 {
	color:#fff;
	font-size:1.5rem;
	margin:0 0 0.25rem 0;
}
.frame-tourteaser .right-column .frame h3 .rot, .frame-layout-10 h3 .rot {
	color:var(--p71-rot);
}
.frame-tourteaser .right-column .frame p, .frame-layout-10 p {
	font-size:1rem;
	line-height:1.2;
	margin:0;
}

@media screen and ( min-width: 1000px ) {
	
	.frame-tourteaser .left-column {
		width:58.3%;
	}
	.frame-tourteaser .right-column {
		width:41.7%;
	}
	
}

#user-list-search + span {
	position: absolute;
	right: 10px;
	top: 4px;
	cursor: pointer;
	font-size: 2rem;
	line-height: 1;
	display:none;
}
#user-list-search.filled + span {
	display:block;
}

/* Event-Warenkorb im Header */
.headerbasket { position:absolute; top:250px; left:0; bottom:0; right:0; z-index:80; display:none; }
.page-1 .headerbasket { display:none !important; }
.basket-wrap { position:absolute; top:50px; left:50%; margin-left:-584px; }
.basket-wrap h3 { color:#fff; text-shadow:0 0 6px #000; }
.basket-offer-list { list-style:none; margin:0; padding:0; display:inline-block; width:600px; }
ul.basket-offer-list li { display:inline-block; vertical-align:top; background:#fff; position:relative; width:180px; height:110px; text-align:center; margin-right:12px; padding:0; }
ul.basket-offer-list li.not-finalized > a:after { position:absolute; left:0; top:0; bottom:21px; right:0; content:''; }
ul.basket-offer-list li > a { display:block; height:100%; width:100%; position:relative; }
ul.basket-offer-list li > a > span { position:relative; top:5px; display:block; width:90%; margin-left:auto; margin-right:auto; height:80px; overflow:hidden; background-position:center center; background-size:contain; background-repeat:no-repeat; }
.basket-offer-list li img { max-width:100%; object-fit:contain; margin:5px 0; }
.basket-offer-list li span.basket-count { position:absolute; left:0; bottom:0; right:0; display:block; color:#fff; background:#25A498; font-size:0.8rem; }
.basket-offer-list li.not-finalized span.basket-count { background:#e31e24; }
.basket-offer-list li.empty-item { background-color:#1a4c5d; }
.basket-offer-list li.empty-item > span:first-child { display:block; width:100%; height:100%; color:#25A498; font-size:4rem; line-height:1.3; }
.basket-hint { position:absolute; left:0; bottom:0; right:0; background-color:#25A498; color:#fff; padding:8px 0; }
.basket-hint img { margin-right:6px; vertical-align:middle; }
.headerbasket button, .headerbasket a.btn.btn-inline { vertical-align:bottom; }
.headerbasket .btn.no-function, #side-firmentag .btn.no-function { cursor:default; opacity:0.3; display:inline-block; background-color:#000; }
.page-179 .headerbasket .btn-register { display:none; }
.basket-remove, .off-canvas ul .basket-remove { position:absolute; right:-8px; top:-8px; cursor:pointer; width:16px; height:16px; border-radius:8px; background-color:#e31e24; color:#fff; font-weight:bold; line-height:16px; }
.basket-remove a, .off-canvas ul .basket-remove a { color:#fff; padding:0; }
#firmentagbox-trigger { display:none; }

/* Landkreis Logo im Header */

.provider-logo-row { max-width:1200px; display:none; width:100%; height:100%; position:relative; margin:0 auto; }
.provider-logo-row a { position: absolute; max-width: auto; bottom: 30px; right:0.9375rem; width:150px; background-color:#fff; display:inline-block; padding:10px; }
.page-1 .provider-logo-row { display:none; }

/* Suche */

#search-box { position:absolute; left:287px; top:125px; z-index:101; background:var(--praktibox-dunkelblau); color:#fff; padding:4px 10px 4px 4px; display:none; }
#search-box #search-form { width:288px; }
#search-box input[type="search"] { width:245px; display:inline-block; box-shadow: none; border:0; background:var(--praktibox-dunkelblau); color:#fff; }
#search-box #search-submit { display:inline-block; color:#fff; margin-left:0.5rem; }
#search-box input[type="submit"] { width:30px; height:auto; border:0; background:none transparent; font-weight:normal; color:#000; font-size:30px; line-height:44px; padding:6px; }
#search-box #search-query { margin: 0; padding-bottom: 0; border:0; padding: 0 0 0 10px; }
#search-box #search-query::placeholder { color: #fff; }

dl.tx-indexedsearch-info, span.tx-indexedsearch-icon, span.tx-indexedsearch-percent, .tx-indexedsearch-searchbox legend { display: none; }
#tx-indexedsearch-searchbox-button-submit { margin-bottom: 10px; padding: 5px 20px; border: none; background-color: #e31e24; color: #fff; border: 1px solid #e31e24; }
.tx-indexedsearch-title a { color: #d21021; }
#search-submit { color: #aaa; font-size: 22px; }
#search-submit:hover { color: #67639b; }

.tx-indexedsearch-browsebox { margin-left: 0; }
.tx-indexedsearch-browsebox li { display: inline-block; margin-right: 15px; }

/* Breadcrumb */

.breadcrumb { font-size:0.85rem; margin-top:1rem; margin-bottom:1rem; }
.page-1 .breadcrumb { display:none; }
.breadcrumb .bc-divider { display:inline-block; margin-left:4px; margin-right:4px; }

/* Login */

.frame-type-felogin_login h3 { font-size: 1.75rem; }
.right-column .frame-type-felogin_login h3 { font-size: 1.25rem; }
.frame-type-felogin_login > div { margin-bottom:1rem; }
.frame-type-felogin_login button[type="submit"] { background:none var(--praktibox-dunkelblau); width:2.5rem; height:2.5rem; padding:0.25rem 0.5rem 0.5rem 0.5rem; }
.frame-type-felogin_login .row { margin-left:-0.25rem; margin-right:-0.25rem; }
.frame-type-felogin_login .columns { padding-left:0.25rem; padding-right:0.25rem; }
.frame-type-felogin_login a { color:#e31e24; }
.page-1 .frame-type-felogin_login > div { display:none; }
#c73 {border-top-right-radius:20px;}
#c74 { padding-top:0; }
#c74 a.link-button { margin-bottom:1.5rem; }
#c74 img { margin:-4px 8px 0 4px; }
#c954 {display:none;}

/* Site-Navigation */

#menu-trigger {
	left:-4px;
	margin-top:-190px;
	background:url(../Images/Arrow-white-right.png) var(--praktibox-dunkelblau) no-repeat 0 49%;
}

#profile-trigger {
	left:-4px;
	margin-top:0;
	background:url(../Images/Arrow-white-right.png) var(--praktibox-dunkelbraun) no-repeat 0 49%;
}

#shortcut-trigger {
	right:-4px;
	margin-top:0;
	background:url(../Images/Arrow-white-left.png) var(--praktibox-dunkelblau) no-repeat;
	background-position:right 49%;
	display:block;
}
#shortcut-trigger.active {
	background-color:#e31e24;
}
/*.page-1 #shortcut-trigger, .page-107 #shortcut-trigger, .offer-page #shortcut-trigger {
	display:block;
	opacity:0;
}*/
.hide-filter-button .sticky-side-item-filter {
	display:none;
}

.off-canvas-trigger {
	position:fixed;
	top:50%;
	width:32px;
	height:188px;
	border-radius:0;
	cursor:pointer;
	z-index:1000;
	background-size:100%;
	box-shadow:0 0 1px 1px rgba(255,255,255,0.8);
	background-size:8px 8px;
	overflow:visible;
}

.off-canvas-trigger span {
	position:absolute;
	top:38%;
	left:-80px;
	width:180px;
	display:block;
	white-space:nowrap;
	margin:12px;
	color:#fff;
	/*background:rgba(66,66,66,0.2);*/
	font-size:0.95rem;
	font-weight:bold;
	text-align:center;
}

#shortcut-trigger span {
	top:26%;
}
#shortcut-trigger.item-count-1 span {
	margin:0 12px;
}
#shortcut-trigger.item-count-3 span {
	top:33%;
}

@media screen and ( max-width: 1260px ) {

	.off-canvas-trigger {
		width:12px;
	}

	.off-canvas-trigger span {
		display:none;
	}

	.page-1 .off-canvas-trigger {
		width:32px;
	}

	.page-1 .off-canvas-trigger span {
		display:block;
	}

}

@media screen and ( max-height: 375px ) {
	
	#menu-trigger {
		height:160px;
		margin-top:-160px;
	}
	#profile-trigger {
		height:160px;
	}
	
}

.sticky-side-items { width: 280px; z-index:100; padding:0; }
.sticky-side-item { cursor:pointer; height:47px; margin: 0; padding: 8px; float: none; border-bottom:1px solid #eee; display:flex; justify-content:center; flex-direction:column; }
.sticky-side-item:last-child {  border-bottom:0; }
.sticky-side-item img { width: 26px; margin-right: 10px;}
.ssn-title { color: #fff; font-size: 16px; line-height:30px; font-weight:normal; display: flex; align-items: left;}
.sticky-side-item-filter.active { background-color:#e31e24; }
/*#sticky-side-item-1 { top: 0;}
#sticky-side-item-2 { top: 61px;}
#sticky-side-item-3 { top: 122px;}
#sticky-side-item-4 { top: 183px;}*/

/* Vernetzte Anbieter */
.linked-providers { color:#666; font-size:1rem; cursor:pointer; position:relative; float:right; padding-top:13px; }
.linked-providers .lp-content { position:absolute; right:0; top:42px; background-color:#fff; border:1px solid #ccc; box-shadow:0 0 5px 5px rgba(0,0,0,0.1); white-space:nowrap; padding:10px 10px 6px 10px; display:none; z-index:100; }
.linked-providers .lp-content p { margin:0 0 0.2rem 0; }

/* BO-Projekte */
.bo-edit-page main > .row:first-child .frame-type-text p {
	display:none;
}

/* INSIDE-Angebote */
.inside-edit-page .frame-edithide {
	display:none;
}
a[href="#insides"] {
	display:block;
	margin-top:90px;
	font-weight:bold;
}
a[href="#insides"] img {
	width:100px;
	transform:rotate(-10deg);
	margin-right:12px;
}
#insides .ui-widget-content {
	padding:0;
	background:none transparent;
	border:0;
	margin-left:-10px;
	margin-right:10px;
}
.insides > h2 {
	position:relative;
	padding-left:32px;
	padding-bottom:10px;
}
.insides > h2 > img {
	position:absolute;
	left:0;
	top:2px;
	width:26px;
	transform:rotate(-10deg);
}
.inside-intro {
	padding-left:10px;
	padding-right:10px;
}
.insides section {
	background:none #fff;
	padding:1px 12px 1px 12px;
	box-shadow:0 0 5px 5px rgba(0,0,0,0.1);
	margin:1.5rem 10px;
}
.insides section h4:not(:first-child) {
	font-size:1rem;
	font-weight:600;
}
.insides iframe {
	max-width:100%;
}
.insides iframe, .insides section img {
	margin-top:1rem;
	margin-bottom:1rem;
}
@media screen and ( min-width: 960px ) {
	
	.insides > h2 {
		padding-left:36px;
		padding-bottom:10px;
	}
	.insides > h2 > img {
		top:4px;
		width:30px;
	}
	.inside-entry-info {
		display:flex;
		flex-direction:row;
	}
	.inside-entry-info.has-media .inside-description {
		width:47%;
		margin-right:3%;
		padding-bottom:1rem;
	}
	.inside-media {
		width:50%;
	}
	.insides iframe {
		max-width:100%;
	}
	.insides iframe, .insides section img {
		margin-top:0.5rem;
		margin-bottom:1rem;
	}
}

/* Teaser */

.project-teaser { position:relative; padding:20px 20px; background:#fff; max-width:1170px; margin-left:auto; margin-right:auto; border-top-left-radius:20px;}
.project-teaser h3 { text-transform:uppercase; margin:0 0 1rem 0; font-size:1.45rem; }
.project-teaser .teaser-text { margin:0 0 20px 0; min-height:120px; }
@media screen and ( min-width: 960px ) {
	.col-md-4 .project-teaser .teaser-text { min-height:160px; }
	#c77 > .row {
	  display: flex;
	  flex-direction: row;
	}
	#c77 > .row .project-teaser {
		height:100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}
	#c77 > .row .project-teaser .teaser-image {
		margin-top:auto;
	}
}
.project-teaser .teaser-text:last-child, .project-teaser .teaser-text:last-child p:last-child { margin-bottom:0; min-height:80px; }
.project-teaser.colwidth-3 .teaser-text { min-height:1px; }
.project-teaser.colwidth-3 .teaser-cta { bottom:auto; top:6px; }
.project-teaser .teaser-button { position:absolute; bottom:40px; left:0; right:0; text-align:center; }
.project-teaser .link-button { display:inline-block; width:auto; margin:0 auto; padding:5px 20px 4px 20px !important; background-color:rgba(227,30,36,0.9); }
.project-teaser .teaser-image { position:relative; }
.project-teaser .teaser-image img { width:100%; }
.project-teaser .teaser-cta { position:absolute; display:table-cell; right:0; left:auto; bottom:auto; top:0; text-align:center; background:none #e31e24; width:100px; height:100px; border-radius:50px; color:#fff; font-size:0.8rem; line-height:0.7; transform: rotate(20deg); padding-top:13px; }

/* Off-Canvas */

.close-button { right:15px; top:5px; color:#fff; }
.close-button:hover { color:#fff; }
.off-canvas { background-color: var(--praktibox-dunkelblau); overflow-y:visible; }
.off-canvas.position-left { position:fixed; overflow-y:auto; left:-400px; width:400px; -webkit-transform: translateX(0); transform: translateX(0); z-index:1100; height:100%; } 
.off-canvas.position-right { position:fixed; right:-280px; width:280px; -webkit-transform: translateX(0); transform: translateX(0); z-index:1100; height:auto; top:50%; margin-top:0; }

.off-canvas-content { box-shadow:none; }

.off-canvas div, .off-canvas p, .off-canvas a { font-size:1rem; }
.off-canvas ul a { display:block; color:#fff; padding: 5px 0 5px 8px; height:fit-content; text-transform:uppercase; font-size:0.95rem; }
.off-canvas ul a:hover, .off-canvas ul a:focus, .off-canvas ul a:visited {text-decoration:none;}
.off-canvas .nav-side-user ul a {text-transform: none;}
.off-canvas ul .nav--item_image { display:inline-block; margin-right:10px; width:44px; height:36px; background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:middle; } 
.off-canvas .nav--item_text { display:inline-block; vertical-align:middle; height:100%; line-height:1.5; }
.off-canvas .current > a > .nav--item_text, .off-canvas ul.nav--level_1 > li.active > a > .nav--item_text, .off-canvas .active > i { color:#fff !important; }
.off-canvas a:focus { color:#fff !important; }
.off-canvas ul { margin-left: 0; list-style:none;}
.off-canvas ul li { background-color:var(--praktibox-dunkelblau); color:#fff; font-size:18px;padding:0;border-top: 1px solid #eee; position:relative; }
.off-canvas ul li.gruen-dunkel, .off-canvas ul li.gruen-dunkel li { background-color:var(--praktibox-dunkelbraun); }
.off-canvas ul li.gruen-mittel, .off-canvas ul li.gruen-mittel li { background-color:var(--praktibox-mittelbraun); }
.off-canvas ul li.gruen-hell, .off-canvas ul li.gruen-hell li { background-color:var(--praktibox-hellbraun); }
.off-canvas ul li.gruen-dunkel a, .off-canvas ul li.gruen-dunkel i { color:#fff; }
.off-canvas ul li.gruen-mittel a, .off-canvas ul li.gruen-mittel i { color:#000; }
.off-canvas ul li.gruen-hell a, .off-canvas ul li.gruen-hell i { color:#000; }
.off-canvas ul.nav--level_1 > li.active:not(#sn-110) > a { background-color:var(--praktibox-dunkelblau);color:#fff; }
.off-canvas ul.nav--level_1 > li.active:not(#sn-110) > a + span.submenu-toggle i {color:#fff;}
.off-canvas ul li a:hover { color:#000; }
.off-canvas ul ul { margin-top:0; height:auto; }
.off-canvas ul ul a { padding-left:65px; }
.off-canvas .submenu-toggle { position:absolute; right:0; top:0; padding:11px 16px 8px 8px; }
.off-canvas i:hover { color:#fff; cursor:pointer; }
.off-canvas i.fa-chevron-up { display:none; }
.off-canvas .submenu-toggle.open i.fa-chevron-down { display:none; }
.off-canvas .submenu-toggle.open i.fa-chevron-up { display:block; }

#offCanvas > nav > ul { margin-top:50px; }

.user-profile-head { margin:50px 40px 10px 40px; min-height:150px; }
.user-profile-head .columns { padding-left:0; padding-right:0; }
.user-profile-head h3 { color:#25A498; }
.user-profile-head .frame-type-felogin_login h3, .user-profile-head .frame-type-felogin_login > div { display:none; }
.user-profile-head .frame-type-felogin_login .row { margin:0; }
.user-profile-head .frame-type-felogin_login input[type="text"], .user-profile-head .frame-type-felogin_login input[type="password"] { width:95%; background-color:#fff; }
.user-profile-head p.logout-link { margin-bottom:1.5rem; }
.user-profile-head p a { color:#fff; padding:0; }
.user-profile-head p a > img { width:10px; vertical-align:baseline; display:inline-block; padding-bottom:1px; }
.user-profile-head p a.btn { padding:4px 0 4px 0; }
.user-profile-head input[type="text"], .user-profile-head input[type="password"] { margin-bottom:0.5rem; }
.user-profile-head .frame-type-felogin_login .pw-forgot-link { display:none; }
.user-profile-head .pw-forgot-link { font-size:0.8rem; margin:0; }
.user-profile-head h3.register-header { color:#25A498; font-weight:normal; }

#sn-menu { color:var(--praktibox-dunkelblau); font-size:1.2rem; }
#sn-menu .nav--item_image { margin-right:10px; display:inline-block; }
#sn-menu .nav--item_image { margin-bottom:2px; }

.sidebar-crosslink { margin:20px 40px 10px 40px; }

.off-canvas .user-image, .off-canvas .company-image { text-align:center; position:relative; }
.user-image { border-radius:70px; width:140px; height:140px; margin:0 auto; overflow:hidden; position:relative; background:#88ddd5; }
.user-image img { position:absolute; left:50%; top:0; margin-left:-70px; width:140px; }
.btn-change-image {
	position:absolute;
	right:40px;
	top:160px;
	background:#fff;
	color:var(--praktibox-dunkelblau);
	padding:0 4px 2px 4px;
	font-size:0.8rem;
	opacity:0.8;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease; 
	transition: all 1s ease;

}
.btn-change-image:hover { opacity:1; }
.btn-change-image img { width:19px; vertical-align:center;}
.btn-change-image a { color:var(--praktibox-dunkelblau); }
.off-canvas .btn-change-image { left:40px; right:auto; top:10px; }
.off-canvas-content > header { position:relative; }
.off-canvas-content > header > .btn-change-image { right:70px; bottom:20px; top:auto; z-index:90; }
.off-canvas .user-name { color:#fff; text-align:center; margin:1rem 0; }
.off-canvas .nav-side-user a.nav--item_link { padding-left:40px; padding-right:40px; white-space:nowrap; }
.off-canvas .nav-side-user ul ul a.nav--item_link { padding-left:66px; }
.off-canvas .nav-side-user.usertype-organisator ul ul a.nav--item_link, .off-canvas .nav-side-user.usertype-provider ul ul a.nav--item_link { padding-left:64px; }
.off-canvas .nav-side-user a.nav--item_link .nav--item_image { width:38px; margin-right:10px; text-align:center; opacity:0.5; display:inline-flex; justify-content:center; flex-direction:column;  }
.off-canvas .nav-side-user a.nav--item_link .nav--item_image img { vertical-align:middle; display:block; margin:0 auto; }
.off-canvas .nav-side-user a.nav--item_link:hover .nav--item_image, .off-canvas .nav-side-user .current a.nav--item_link .nav--item_image, .off-canvas .nav-side-user .active a.nav--item_link .nav--item_image { opacity:1; }
.off-canvas .nav-side-user .nav--item_text { display:inline-block; vertical-align:middle; height:100%; line-height:2.4; max-width:80%; text-transform:uppercase; }

#offCanvasUser { background-color:var(--grey-bg); }
#offCanvasUser .user-profile-head h3.register-header { color:var(--praktibox-dunkelblau); font-size:1.2rem; }
#offCanvasUser .user-name, #offCanvasUser .close-button, #offCanvasUser .user-profile-head .register-header { color:#666; }
#offCanvasUser .user-profile-head .pw-forgot-link a { color:var(--praktibox-dunkelblau); }
#offCanvasUser .user-profile-head .pw-forgot-link a:hover { color:var(--praktibox-dunkelblau); }

.logout-link a { display:block; background:var(--praktibox-dunkelbraun); color:#fff; text-align:center; border:1px solid #fff; padding:0.25rem 0; height:auto; }

.js-off-canvas-exit { background:hsla(0,20%,20%,.25); z-index:1099; position:absolute; width:1px; height:100%; left:-100px; }
.js-off-canvas-exit.active { width:100%; left:0; display:block; }

/* Slider */
.slick-slider { max-width:1170px; margin:0 auto 40px auto; }
.slick-dotted.slick-slider { margin:0 auto 25px auto; }
.p71-slide { position:relative; max-height:400px; overflow:hidden; text-align:left; }
.slide-text { position:absolute; left:50%; bottom:20px; width:48%; max-width:48%; padding:20px; background:rgba(255,255,255,0.9); }
.slide-text h3 { margin-top:0; }
.slick-prev, .slick-next { background-color:var(--praktibox-dunkelblau); width:56px; height:56px; z-index:96; border-radius:50%;border:1px solid #fff;}
.slick-prev {left:-28px;}
.slick-next {right:-28px;}
.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background-color:var(--praktibox-mittelblau); }
.slick-prev::before, .slick-next::before { width:56px; height:56px; display:block; content: ' '; background-repeat:no-repeat; background-position:center center; background-size:28px 28px; opacity:1;}
.slick-prev::before { background-image:url(../Images/Arrow_Slider_left.svg); }
.slick-next::before { background-image:url(../Images/Arrow_Slider_right.svg); }
.slick-dots li button::before { font-size:10px; color:#666; }
.slick-dots li.slick-active button::before { color:var(--praktibox-dunkelblau); }
.offer-detail-company-image-column .slick-dotted.slick-slider { margin-bottom:10px; }
.offer-detail-company-image-column .slick-prev, .offer-detail-company-image-column .slick-next {
	width:32px;
	height:32px;
	text-align:center;
}
.offer-detail-company-image-column .slick-prev:before, .offer-detail-company-image-column .slick-next:before {
	width:18px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	background-size:16px 16px;
}
.offer-detail-company-description p, .offer-detail-company-description p span {
	color:var(--praktibox-dunkelgrau) !important;
}
@media screen and ( max-width: 768px ) {
	.offer-detail-company-image-column .slick-slide.mt-44 {
		margin-top:0;
	}
}

/* Angebots-Slider */
.os4me-slider { background-color:var(--praktibox-dunkelblau); }
.offer-slider.slick-initialized .slick-track { background-color:#fff; margin-top:50px; margin-bottom:50px; }
.offer-slider.slick-initialized .slick-slide { position:relative; }
.offer-slider.slick-initialized .slick-slide { display:table-cell; float:none; height:100%; vertical-align:top; }
.offer-slider.slick-initialized .slick-slide > div { height:100%; }
.offer-slider .offer-slide { padding-top:30px; padding-bottom:30px; }
.offer-slider .offer-slide-header { height:85px; margin-bottom:10px; line-height:1.3; }
.offer-slider p { color:#000; }
.offer-slider .offer-date { position:absolute; top:-15px; left:0; right:0; }
.offer-slider .offer-date span { color:#fff; font-weight:bold; background-color:var(--praktibox-dunkelblau); display:inline-block; margin:0 auto; padding:4px 12px; height:28px; border-radius:14px; }
.offer-slider .offer-image a, .offer-slider .offer-image > span { display:block; max-width:80%; margin:0 auto;background-color:#fff; padding:10px 0; }
.offer-slider .offer-image a span, .offer-slider .offer-image span span { background-size:contain; background-position:center center; background-repeat:no-repeat; display:block; max-width:90%; height:180px; margin:10px auto; }
.offer-slider .detail-link { margin-bottom:0; }
.offer-slider .link-button-invert {
	display:block !important;
	margin-bottom:5px;
	background-color:transparent;
	font-weight:600;
	padding:8px 8px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease; 
	transition: all .5s ease;
}
.offer-slider .link-button-invert:hover {
	background-color:var(--p71-rot);
	color:#fff;
	border-color:#fff;
}

@media screen and ( min-width: 768px ) {
	
	/*.offer-slider .slick-slide:nth-child(3n+2) .offer-slide-content, .offer-slider .slick-slide:nth-child(3n+3) .offer-slide-content { border-left:1px solid #fff; }*/
	.offer-slider .slick-slide:nth-child(3n+2):before, .offer-slider .slick-slide:nth-child(3n+3):before { content:''; width:1px; position:absolute; left:0; top:40px; bottom:40px; background:var(--praktibox-dunkelblau); }
}

@media screen and ( max-width: 768px ) {
	
	/*.offer-slider .slick-prev, .offer-slider .slick-next, .offer-slider .slick-prev:focus, .offer-slider .slick-next:focus { background-color:var(--p71-rot); }*/
}

@media screen and ( max-width: 640px ) {
	
	.offer-slider .offer-image a, .offer-slider .offer-image > span { max-width:90%; }
}

/* Anbieter-Slider */

.provider-image-slider .slick-slide {
	height:100%;
}
.provider-image-slider .slick-prev, .provider-image-slider .slick-next {
	top:58%;
}
.provider-image-slider .slick-prev {
	left:10px;
}
.provider-image-slider .slick-next {
	right:10px;
}
.provider-image-slider .slick-dots {
	bottom:-30px;
}
.provider-image-slider .slick-dots li button {
	color:#e6e6e6;
	background-color:#aaa;
	font-size:12px;
	padding:0;
}
.provider-image-slider .slick-dots li.slick-active button {
	background-color:var(--praktibox-dunkelblau);
}
.provider-image-slider .slick-dots li button:before {
	display:none;
}

.offer-page .bg-gray h3 {
	color:var(--praktibox-dunkelblau);
}
.offer-detail-company-image-frame {
	aspect-ratio: 4 / 3 auto;
	overflow:hidden;
	background-color:#f5f5f5;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	position:relative;
}
.offer-detail-company-image-title {
	position:absolute;
	bottom:16px;
	left:0;
	right:0;
	color:#fff;
	text-shadow:0 0 2px rgba(0,0,0,1);
	text-align:center;
	font-weight:bold;
}
.offer-detail-company-image-frame .fa-search-plus {
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	color:#fff;
	text-shadow:0 0 4px #000;
	font-size:2rem;
}
.provider-images-hidden {
	display:none;
}
.offer-detail-company-image-column iframe {
	width:100%;
	height:100%;
	aspect-ratio: 16 / 9 auto;
}
.offer-detail-company-image-column video {
	max-width:100%;
	background-color:#f5f5f5;
}

.offer-detail-company-image-column .google-map-consent-link, .lightbox-content .google-map-consent-link {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content: center;
	max-width:none;
	margin-left:auto;
	margin-right:auto;
}
.offer-detail-company-image-column .google-map-consent-link p, .lightbox-content .google-map-consent-link p {
	margin:0 40px 1rem 40px;
}

.ck-editor__editable_inline:not(.ck-comment__input *) {
    min-height: 200px;
    max-height: 400px; /* Optional: Stoppt das Wachstum bei 600px und zeigt Scrollbars */
}

@media screen and ( max-width: 1080px ) {
	.lightbox-overlay .next, .lightbox-overlay .prev {
		top:80%;
	}
}
@media screen and ( max-width: 640px ) {
	.lightbox-content .desc {
		padding-bottom:100px;
	}
	.lightbox-overlay .next, .lightbox-overlay .prev {
		top:70%;
	}
}

figure.lightbox-content {
	margin:0;
}

/* Anbieter-Downloads */

.offer-detail-company-description > p i {
	color:var(--praktibox-dunkelblau);
	transform:rotate(0deg);
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease; 
	transition: all .5s ease;
}
.offer-detail-company-description.open-details > p i {
	transform:rotate(180deg);
}	
ul.provider-downloads {
	list-style:none;
	padding-left:0;
	margin-left:0;
	margin-bottom:0;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
ul.provider-downloads li {
	width:50%;
	margin-bottom:1rem;
}
ul.provider-downloads li a {
	display:flex;
	align-items:center;
}
ul.provider-downloads li a i {
	font-size:2rem;
}
ul.provider-downloads li a img {
	margin-right:10px;
}
@media screen and ( max-width: 640px ) {
	ul.provider-downloads li {
		width:100%;
	}
}
@media screen and ( min-width: 640px ) {
	ul.provider-downloads li:nth-child(even) {
		padding-left:14px;
	}
}



/* Hauptinhalt */
main { min-height:600px; }

/* TYPO3 Classes */

.frame-space-before-small { margin-top:2rem; }
.frame-graybox { background:none var(--grey-bg); padding:1rem 2rem; }
.page-87 .frame-graybox, .page-179 .frame-graybox { padding-left:0.5rem; padding-right:0.5rem; }
.page-87 .frame-graybox p, .page-179 .frame-graybox p { margin-bottom:0; }
.gray-box { background:none #e5e5e5; padding:0.5rem 1rem; }
.gray-box.bright { background:none #f5f5f5; }
.gray-box h3:first-child { margin-top:8px; }
.gray-box p { border-bottom:1px solid var(--praktibox-dunkelblau); margin:0; padding:0.5rem 0; }
.gray-box ul.lines > li > div > p { border-bottom:0; }
.gray-box p:last-child { border-bottom:0; }
.right-column > .row:nth-child(2) .frame-graybox { padding-top:0; }
.frame-type-felogin_login { padding-bottom:0; }
.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 {
	display:block;
	clear:both;
	color:#fff;
	border:2px solid var(--praktibox-dunkelbraun);
	background:var(--praktibox-dunkelbraun);
	text-transform:uppercase;
	padding:4px 32px 4px 32px;
	text-align:center;
	height:fit-content;
	font-size:1rem;
	line-height:1.4;
}
.powermail_field .btn-primary {
	margin:2rem 0;
}
.btn-w13 { width:370px; max-width:100%;}
.ui-dialog.red-buttons.red-buttons-inline .ui-dialog-buttonpane button { display:inline-block; }
.link-button-autowidth {
	height: 36px;
	border-radius: 18px;
	color: #fff;
	border:2px solid var(--praktibox-dunkelbraun);
	background:var(--praktibox-dunkelbraun);
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width:auto;
	padding:4px 32px 4px 32px;
}
.link-button:hover, .link-button-autowidth:hover { color:#fff; text-decoration:none; }
.link-button-invert, a.link-button-invert, button.link-button-invert {
	height: 36px;
	border-radius: 18px;
	color: var(--praktibox-dunkelbraun);
	border:2px solid var(--praktibox-dunkelbraun);
	background:#fff;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width:auto;
	padding:4px 32px 4px 32px;
}
.link-button-invert:hover, a.link-button-invert:hover, button.link-button-invert:hover {
	color: #fff;
	background:var(--praktibox-dunkelbraun);
}
a.link-button-invert.disabled { border:1px solid #aaa; color:#aaa; cursor:default; }
button.link-button-invert { padding:4px 32px 4px 32px; height:fit-content; }
.ui-dialog .ui-dialog-buttonpane { text-align:center; }
.ui-dialog .ui-dialog-buttonpane button:last-child { margin-right:0; }
.ui-dialog .ui-dialog-buttonpane .red-button { text-align:center; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float:none; margin-left:auto; margin-right:auto; display:inline-block; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset.red-button { float:none; }
.ui-dialog .ui-dialog-buttonpane .red-button button { margin-left:auto; margin-right:auto; }
.ui-dialog .ui-dialog-buttonpane .red-button.red-button-inline button { display:inline-block; margin-left:5px; margin-right:5px; }
.ui-dialog .ui-dialog-buttonpane { padding-right:.4em; }
/*.ui-dialog .ui-dialog-buttonpane button {
	height: 36px;
	border-radius: 18px;
}*/
.link-button.btn-center, .btn.btn-center, a.btn.btn-center, button.btn.btn-center, .right-column .link-button { padding-left:0; padding-right:0; }
.btn.btn-inline, .powermail_submit { display:inline-flex !important; }
.btn.btn-inline + .btn.btn-inline {margin-left:1rem; }

.btn-right { float:right; }
.btn-center { margin-left:auto; margin-right:auto; }
/*.link-button:hover, .link-button:focus, .btn:hover, .btn:focus { color:#fff; background-color:#e31e24; }*/
.graybox-fullwidth, .frame-grayboxfull { width: 100%; background-color: var(--grey-bg); }
.stars-fullwidth {
	width:100%;
	background:#000 url('../Images/Sternenhimmel.jpg') no-repeat center center;
	background-size: cover;
}
.stars-fullwidth .row { max-width:100%; }
.sky-fullwidth {
	width:100%;
	background:#000 url('../Images/BG_Journey.jpg') no-repeat center center;
	background-size: cover;
}
.sky-fullwidth .row { max-width:100%; }
.stars-fullwidth.eyeAble_hideBackImg, .sky-fullwidth.eyeAble_hideBackImg {
	background-image:none;
	background-color:#111133;
}
.btn i { font-size:90%; width:18px; margin-right:2px; margin-top:-3px; }
.btn-green { background:#fff; color:var(--praktibox-dunkelblau); padding:2px 6px 2px 6px; font-size:0.9rem; margin:0 4px; border:1px solid var(--praktibox-dunkelblau); }
.btn.btn-tuerkis { background-color:var(--praktibox-dunkelblau); }
.btn.btn-tuerkis.disabled { opacity:0.3; }
.btn.btn-orange { background-color:#f99800; }
.btn.btn-orange.btn-small { padding:4px 12px 5px 12px; line-height:1; height:auto; }
.btn.btn-small { font-size:0.9rem; }
.btn.btn-transparent { background:none transparent; color:var(--praktibox-dunkelblau); border:0; text-transform:none; padding-left:0; }
.btn.btn-transparent:hover {background:none transparent; color:var(--praktibox-dunkelblau);}
.btn-circle-overlay { width:26px; height:26px; border-radius:13px; text-align:center; background:rgba(255,255,255,0.8); font-size:16px; line-height:24px; color:#666; cursor:pointer; }

.round-event-button { display:block; margin:0 auto; width:150px; height:150px; border-radius:75px; background-image:url(../Images/Fingerprint.svg); background-size:140px 140px; background-repeat:no-repeat; background-position:center center; background-color:#e31e24; color:#fff !important; text-decoration:none; text-align:center; text-transform:uppercase; font-size:1.25rem; line-height:1.35; font-weight:bold; padding-top:45px; }
.round-event-button:hover, .round-event-button:focus { color:#fff; }
.preview .round-event-button { color:#fff; }
.preview .round-event-button a { color:#fff; }
.round-event-button.disabled { filter: grayscale(1); opacity:0.3; cursor:default; }

.chances p { margin:10px 0; }
.chances img { max-width:60px; max-height:60px; margin:0 auto; }

.page-print-link img { width:20px; height:auto; vertical-align:text-bottom; }

/* Kontaktformular */

legend.powermail_legend{ display:none; }
#c3 h3 { display: none; }
.powermail_submit { font-size: 18px; margin-top:40px; margin-bottom: 20px; border: none; background-color: #e31e24; color: #fff; border:1px solid #e31e24; }
#powermail_field_nachricht { resize: none; }
label[for="powermail_field_datenschutz"] { display:none; }
.parsley-errors-list.filled, .powermail_message_error { color:#ff0000; font-weight:bold; list-style:none; margin-left:0; }
.tx-powermail input.parsley-error { border:1px solid #ff0000; }
.tx-powermail .mandatory { padding-left:4px; }
.form-validation-error { color:#ff0000; font-weight:bold; margin-top:-10px; }
.textarea-char-counter + .form-validation-error, .has-rte .form-validation-error { margin-top:5px; }
.error { color:#ff0000; font-weight:bold; }

.powermail_form.layout4 [type="color"], .powermail_form.layout4 [type="date"], .powermail_form.layout4 [type="datetime-local"], .powermail_form.layout4 [type="datetime"], .powermail_form.layout4 [type="email"], .powermail_form.layout4 [type="month"], .powermail_form.layout4 .powermail_form.layout4 [type="number"], .powermail_form.layout4 [type="password"], .powermail_form.layout4 [type="search"], .powermail_form.layout4 [type="tel"], .powermail_form.layout4 [type="text"], .powermail_form.layout4 [type="time"], .powermail_form.layout4 [type="url"], .powermail_form.layout4 [type="week"], .powermail_form.layout4 select, .powermail_form.layout4 textarea {
	padding:0.25rem;
}

.powermail_fieldwrap_type_radio {
	margin-bottom:1.5rem;
}
.powermail_field > .radio:after {
	content:'';
	display:table;
	width:100%;
}
.powermail_fieldwrap_anzahlteilnehmer {
	padding-left:26px;
}
.powermail_fieldwrap_anzahlteilnehmer input {
	max-width:80px;
}
.powermail_fieldwrap_type_html, .powermail_fieldwrap_type_text {
	margin-top:1.5rem;
}

@media screen and ( min-width: 768px ) {
	
	.powermail_form.layout4 .powermail_fieldwrap { padding-right:1.5rem; }
	.powermail_fieldwrap.layout4 { width:50%; display:inline-block; }
	.powermail_fieldwrap.layout5 { width:33.333%; display:inline-block; }
	
}

ul.powermail-errors-list.filled {
	list-style:none;
	font-weight:bold;
	color:#ff0000;
	padding:0;
	margin-left:0;
	margin-top:-10px;
}

/* Tadel-Mail */
.powermail_fieldwrap.layout3, .powermail_form_3 h3 { display:none; }

/* Cross Offers */

.crossoffers ul .btn { padding-left:10px; padding-right:10px; border:1px solid var(--praktibox-dunkelblau); margin-bottom:5px; }
.crossoffers ul .btn.current { background-color:#fff; color:var(--praktibox-dunkelblau);  }

/* News */

.news-area {margin-top: 25px; }
.news-area img.icon-benutzer { width:60px; height:52px; margin:6px 0; }
.news-area img.icon-unternehmen { width:60px; height:auto; }
.news-area img.icon-schule { width:68px; height:auto; }
.news-area img.icon-kalender { width:57px; height:auto; margin:4px 0 3px 0; }
/*.news-area .center-column, .news-area .right-column { background:url(../Images/grey-border.png) no-repeat 1px 130px; }*/
.news .footer { border-top: none; color:#666; }
.news .footer span { margin-right:5px; }
.news-list-view .news-list-date, .news-list-view .news-list-author { font-size: 12px; font-weight: bold; color: #424242; display:none;}
.infonews-text .news-list-date, .infonews-text .news-list-author { font-size: 14px; font-weight: bold; color: #424242; }
.news-list-view .article { padding-bottom:2rem; }
.news-list-view .article:last-child {
	padding-bottom:0;
}
.news-list-view h4 { margin:10px 0; padding-top: 0;}
.news-list-view h4 a { font-size: 20px; font-weight: bold; color: #424242; }
.news-list-view p { margin-bottom: 0; }
.news-list-view .teaser-text a { margin-bottom: 0; color: #e31e24; font-size: 14px;}
.news-list-view .news-img-wrap { margin-bottom:10px; }
.news-single .footer span { margin-right:8px; }
.news-single .teaser-text { color:#666; font-size:16px !important;}
.news-single .article .news-img-wrap { float:left !important; width:100% !important; margin:0 20px 20px 0 !important; }
.news .article .news-img-wrap a { padding:0 !important; border:0 !important; }

.page-1 .news-list-view .article {
	background-color:var(--praktibox-dunkelblau);
	border-top-right-radius:20px;
	padding:10px;
	margin-bottom:2rem;
	color:#fff;
}
.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:#fff;
}
.page-1 .news-list-view .more-link-wrap {
	text-align:right;
	margin:1rem 0 0 0;	
}

.offer-news .news-list-view h4 { margin-top:0; margin-bottom:0.1rem; }
.offer-news .news-list-view h4 a { display:block; color:#25A498; margin:0; font-weight:normal; font-size:1rem; }
.offer-news .news-img-wrap { float:left; width:100px; margin:6px 10px 10px 0; }
.offer-news p { font-size:0.9rem; }
.offer-news hr { margin:0.75rem 0; }
.news-modal { display:none; }
.news-modal hr:last-child { display:none; }

.news .f3-widget-paginator { margin:1rem 0; list-style:none; }
.news .f3-widget-paginator li { display:inline-block; margin-right:8px; }

.news-floated-image {
	max-width:100%;
	margin-bottom:15px;
}

@media screen and ( min-width: 768px ) {
	.news-floated-image.news-image-left {
		float:left;
		margin-right:15px;
	}
	.news-floated-image.news-image-right {
		float:right;
		margin-left:15px;
	}
}

@media screen and ( min-width: 1200px ) {
	.news-area-events .news-list-view:before {
		display:none;
	}
	.news-area-events .news-list-view {
		display:flex;
		flex-direction:row;
		margin-left:0;
		margin-right:0;
		justify-content:space-between;
		gap: 2.7%;
	}
	.news-area-events .news-list-view .article {
		max-width:31.5%;
		flex: 0 0 31.5%;
		display: flex;
		flex-direction: column;
		justify-content:flex-start;
	}
	.news-area-events .news-list-view .article .more-link-wrap {
		margin-top:auto;
	}
	/*.news-area-events .news-list-view .article:not(:first-child) {
		background: url(../Images/grey-border.png) no-repeat 1px 0;
	}*/	
}

/* Kompetenzen */

@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzonefield,.dropzonefield *{box-sizing:border-box}.dropzonefield{}.dropzonefield.dz-clickable{cursor:pointer}.dropzonefield.dz-clickable *{cursor:default}.dropzonefield.dz-clickable .dz-message,.dropzonefield.dz-clickable .dz-message *{cursor:pointer}.dropzonefield.dz-started .dz-message{display:none}.dropzonefield.dz-drag-hover{}.dropzonefield.dz-drag-hover .dz-message{opacity:0.5}.dropzonefield .dz-message{text-align:center;margin:2em 0}.dropzonefield .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzonefield .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzonefield .dz-preview:hover{z-index:1000}.dropzonefield .dz-preview:hover .dz-details{opacity:1}.dropzonefield .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzonefield .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzonefield .dz-preview.dz-image-preview{background:white}.dropzonefield .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzonefield .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzonefield .dz-preview .dz-remove:hover{text-decoration:underline}.dropzonefield .dz-preview:hover .dz-details{opacity:1}.dropzonefield .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzonefield .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzonefield .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzonefield .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzonefield .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzonefield .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzonefield .dz-preview .dz-details .dz-filename span,.dropzonefield .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzonefield .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzonefield .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzonefield .dz-preview .dz-image img{display:block}.dropzonefield .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzonefield .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzonefield .dz-preview .dz-success-mark,.dropzonefield .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzonefield .dz-preview .dz-success-mark svg,.dropzonefield .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzonefield .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzonefield .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzonefield .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzonefield .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzonefield .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzonefield .dz-preview.dz-error .dz-error-message{display:block}.dropzonefield .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzonefield .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzonefield .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}


.maincompetence-sum { position:absolute; right:40px; top:-25px; z-index:28; width:70px; height:70px; background:url(../Images/Icon-Star.svg) no-repeat; background-size:70px; text-align:center; color:#fff; font-size:1.4rem; line-height:3.2; display:none; }
.collapsible-block h3.bg-gray { background-color:#ccc; }
.collapsible-block.open > h4 > .maincompetence-sum { display:block; }
.competence-block .gray-box { min-height:120px; }
img.competence-status { width:100%; display:block; margin:15px 0 0 0; }
.competence-status-indicator { width:96.5%; }
.competence-status-indicator img { position:absolute; top:0; z-index:22; margin-left:-5px; }
.competence-description { display:none; position:absolute; left:15px; top:30px; width:320px; box-shadow:0 0 5px 5px rgba(0,0,0,0.2); padding:10px; background-color:#fff; z-index:25; }
.competence-block .gray-box p { border-bottom:0; }
.frmCompanyCompetences .hover-highlight:hover { background-color:#eee; }
.gray-box .competence-description p { padding-top:0; font-size:14px; color:#666; }
.gray-box .competence-description p:last-child { padding-bottom:0; margin-bottom:0; }
.gray-box .competence-description .close { position:absolute; right:10px; top:4px; color:#666; cursor:pointer; font-size:18px; display:none; }

.competence-card { background-color:#f2f2f2; cursor:grab; position:relative; margin-bottom:10px; }
.competence-card .card-set { width:100%; overflow:hidden; white-space:nowrap; height:100%; min-height:320px; position:relative; }
body[data-fontscale="11"] .competence-card .card-set { min-height:370px; }
body[data-fontscale="12"] .competence-card .card-set { min-height:410px; }
body[data-fontscale="13"] .competence-card .card-set { min-height:460px; }
.competence-card .card-wrap { position:absolute; left:0; top:0; width:auto; height:100%; }
.competence-card .card { width:auto; display:block; white-space:normal; position:absolute; top:0; padding:0.75rem 0.75rem 0.75rem 0.75rem; height:100%; border:1px solid #ccc; border-bottom-color:#e31e24; background-color:#fff; }
.competence-card .card-wrap.moving .card { border-left:1px solid #ccc; border-right:1px solid #ccc; }
.competence-card p { padding:0 1rem 0.5rem 0; }
.competence-card .card-2 p { font-size:0.8rem; margin-bottom:0.2rem; padding:0 1.2rem 0 0; }

.competence-card .card-indicator { margin:6px 0 0 0; padding:6px 0; text-align:center; line-height:1; }
.competence-card .card-indicator li { display:inline-block; width:12px; height:12px; border-radius:6px; background-color:#ccc; margin:0 6px; cursor:pointer; }
.competence-card .card-indicator li.active { background-color:var(--praktibox-dunkelblau); }
.competence-card .card-left, .competence-card .card-right { position:absolute; bottom:72px; z-index:20; cursor:pointer; }
.competence-card .card-left { left:0.75rem; }
.competence-card .card-right { right:0.75rem; }
.competence-card[data-cardindex="0"] .card-left { display:none !important; }
.competence-card[data-cardindex="4"] .card-right { display:none !important; }

.competence-card .niveau { text-align:center; background-color:#f2f2f2; padding:8px 0; display:block; width:100%; padding-bottom:25px; }
.competence-card.vita .niveau img { width:26px; }
.competence-card .niveau-text { position:absolute; bottom:0; left:0; right:0; font-size:0.8rem; text-align:center; z-index:28; display:none; padding-bottom:5px; }
.niveau[data-niveau="1"] .niveau-text[data-niveau="1"] { display:block; }
.niveau[data-niveau="2"] .niveau-text[data-niveau="2"] { display:block; }
.niveau[data-niveau="3"] .niveau-text[data-niveau="3"] { display:block; }
.niveau[data-niveau="4"] .niveau-text[data-niveau="4"] { display:block; }
.niveau[data-niveau="5"] .niveau-text[data-niveau="5"] { display:block; }
.frmCompanyCompetences .niveau-text { display:none; font-size:0.8rem; margin:-4px 0 0 10px; }
.frmCompanyCompetences .niveau[data-niveau="1"] .niveau-text[data-niveau="1"] { display:inline-block; }
.frmCompanyCompetences .niveau[data-niveau="2"] .niveau-text[data-niveau="2"] { display:inline-block; }
.frmCompanyCompetences .niveau[data-niveau="3"] .niveau-text[data-niveau="3"] { display:inline-block; }
.frmCompanyCompetences .niveau[data-niveau="4"] .niveau-text[data-niveau="4"] { display:inline-block; }
.frmCompanyCompetences .niveau[data-niveau="5"] .niveau-text[data-niveau="5"] { display:inline-block; }

.competence-card .competence-proof { position:absolute; right:1px; top:1px; width:26px; text-align:center; background-color:#f2f2f2; padding:2px 0; display:block; z-index:28; }
.competence-card .competence-proof a { color:#ccc; font-size:1.25rem; display:block; margin:0 4px; }
.competence-card .competence-proof a.active { color:#666; }

.competence-card textarea.competence-proof-text { padding:6px; margin-bottom:10px; border:4px dashed #ccc; height:145px; background-color:#fff; }
.competence-card .card-3 button.btn { display:block; width:100%; }

.competence-card .competence-image { height:240px; margin-bottom:0; border:0; background-size:contain; background-repeat:no-repeat; background-position:center center; position:relative; }
.competence-card .competence-image a { display:block; width:100%; height:100%; position:relative; }
.competence-card .competence-image a i { position:absolute; right:5px; bottom:5px; color:#666; }
.competence-card .btn-circle-overlay { position:absolute; bottom:5px; left:50%; margin-left:-10px; }
.competence-card .btn-circle-overlay.left-btn { margin-left:-28px; }
.competence-card .btn-circle-overlay.right-btn { margin-left:8px; }
.competence-card .dropzonefield { display:block; width:100%; height:180px; min-height:100px; background-color:#fff; padding:0; overflow:hidden; border:4px dashed #ccc; }
.competence-card .dropzonefield .dz-message { font-size:0.9rem; text-align:center; margin:0; padding-top:55px; }
.competence-card .dropzonefield.dz-started .dz-message { display:none; }
.dropzonefield .dz-filename, .dropzonefield .dz-image, .dropzonefield .dz-error-message, .dropzonefield .dz-details, .dropzonefield .dz-success-mark, .dropzonefield .dz-error-mark { display:none; }
.competence-card .dropzonefield .dz-preview.dz-image-preview, .competence-card .dropzonefield .dz-preview { background-color:transparent !important; margin:0; text-align:center; width:100%;}
.competence-card .dropzonefield .dz-preview .dz-image { border-radius:0 !important; margin:0 auto; }

.competence-card .competence-video { margin-bottom:0; border:0; position:relative; width:100%; height:240px; overflow:hidden; text-align:center; }
.competence-video video { width:100%; height:auto; display:block; }
.competence-video video.portrait { width:auto; height:100%; margin:0 auto; }

.competence-star { width:460px;	height:460px; position:relative; margin-left:auto; margin-right:auto; }
body[data-fontscale="11"] .competence-star { margin-bottom:40px; }
body[data-fontscale="12"] .competence-star { margin-bottom:40px; }
body[data-fontscale="13"] .competence-star { margin-bottom:40px; }
.competence-star .star-back { width:204px; height:204px; border-radius:102px; position:absolute; left:50%; top:52.75%; margin-left:-102px; margin-top:-102px; background-color:var(--praktibox-dunkelblau); background-image:none; }
.competence-star > div { position:absolute; width:100%; height:100%; }
.competence-star > div > span { display:block; position:absolute; width:120px; height:160px; }
.competence-star > div > span:nth-child(1) { left:170px; top:0; }
.competence-star > div > span:nth-child(2) { left:325px; top:112px; transform: rotate(72deg); }
.competence-star > div > span:nth-child(3) { left:265px; top:293px; transform: rotate(144deg); }
.competence-star > div > span:nth-child(4) { left:74px; top:293px; transform: rotate(216deg); }
.competence-star > div > span:nth-child(5) { left:15px; top:112px; transform: rotate(288deg); }
.competence-star > div > span img { width:100%; height:100%; position:absolute; left:0; bottom:0; }
.competence-star > div.bg-competence-star { opacity:0.2; filter: grayscale(100%); }
/*.competence-star > div.foreign-competence-star { opacity:0.3; }
.competence-star > div.foreign-competence-star img, .competence-star div.foreign-competence-star .star-back { filter: grayscale(100%); }*/
.competence-star > div.user-competence-star { opacity:0.3; } 
.competence-star > div.overlay-competence-star > span { display:block; position:absolute; width:120px; height:160px; background-image:url(../Images/stern-skala-weiss.png); background-repeat:no-repeat; background-size:120px 160px; z-index:30; }
.star-part-foreign-empty { border-bottom:2px solid var(--praktibox-dunkelblau); }
.competence-star .competence-title { position:absolute; width:140px; color:var(--praktibox-dunkelblau); font-size:1rem; line-height:1.3; z-index:30; }
.competence-star .competence-title:nth-child(1) { left:162px; top:-26px; width:140px; }
.competence-star .competence-title:nth-child(2) { left:468px; top:146px; }
.competence-star .competence-title:nth-child(3) { left:379px; top:412px; }
.competence-star .competence-title:nth-child(4) { left:-62px; top:412px; text-align:right; }
.competence-star .competence-title:nth-child(5) { left:-148px; top:146px; text-align:right; }
.competence-star-legend { position:absolute; right:1rem; top:115px; }
#modal-dialog .competence-star-legend { top:75px; }
.competence-star-legend span { display:block; margin-bottom:4px; }
.competence-star-legend span img { vertical-align:middle; }
.competence-star-legend .status-wrapper { width:230px; }
body[data-fontscale="11"] .competence-star-legend .status-wrapper { width:250px; }
body[data-fontscale="12"] .competence-star-legend .status-wrapper { width:270px; }
body[data-fontscale="13"] .competence-star-legend .status-wrapper { width:290px; }
.competence-star-legend .status-wrapper .info-icon.input-info-icon, #frmUserCompetences .gray-box .info-icon.input-info-icon, .frmCompanyCompetences .gray-box .info-icon.input-info-icon { right:5px; top:6px; }

textarea#proof-text { height:150px; padding-top:0.25rem;}

.softskills-trigger-bar { background-color:#f5f5f5; padding:10px; margin-bottom:0; display:none;}
.softskills-trigger-block { position:absolute; right:0; top:6px; width:50px; text-align:right; }
.softskills-trigger-block.single-offer { right:10px; top:3px; }
.softskills-trigger-block strong { margin-right:50px; }
.softskills-trigger { position:absolute; right:0; top:8px; text-align:center; display:table-cell; vertical-align:middle; width:32px; height:33px; background:url(../Images/Softskills_Icon_tuerkis.svg) center center no-repeat; background-size:26px; }
.softskills-trigger.gray { background-image:url(../Images/Softskills_Icon_grau.svg); }
.softskills-trigger-block .softskills-trigger { top:-2px;  }
.softskills-trigger-block .softskills-trigger i { background-color:rgba(255,255,255,0.7); width:16px; height:16px; border-radius:8px; border:1px solid #e31e24; color:#e31e24; font-size:10px; line-height:14px; margin-top:4px; position:absolute; right:0; bottom:0; }
.softskills-trigger img { width:24px; height:auto; }
.softskills-trigger-block i.fa-chevron-up { display:none; }
.softskills-trigger-elem.open i.fa-chevron-up { display:inline-block; }
.softskills-trigger-elem.open i.fa-chevron-down { display:none; }
.skill-compare-block { background-color:#f5f5f5; padding:10px 10px 1px 10px; margin-bottom:10px; }
body.firmentage .skill-compare-block { padding:0; }
.skill-compare-block .competence-star-legend { top:37px; }
body.firmentage .skill-compare-block .competence-star-legend { top:65px; }
.gray-box .skill-compare-block p, .gray-box p.softskills-trigger-bar { border-bottom:0; }
.soft-skills-hint { display:inline-block; width:20px; height:20px; border-radius:10px; text-align:center; background-color:#fff; color:red; font-size:16px; line-height:19px; font-weight:bold; margin-left:6px; }
.profile-hint { position:absolute; top:10px; right:-12px; display:block; width:20px; height:20px; border-radius:10px; text-align:center; background-color:#fff; color:red; border:1px solid red; font-size:16px; line-height:19px; font-weight:bold; }

@media screen and ( min-width: 1025px ) {
	.competence-card .card-left, .competence-card .card-right { display:none; }
	.competence-card:hover .card-left, .competence-card:hover .card-right { display:block; }
	.profile-hint { right:4px; }
}

@media screen and ( max-width: 1024px ) {
	.skill-compare-block .competence-star { transform:scale(0.8); margin-left:auto; margin-right:auto; margin-top:0px; }
	.skill-compare-block .competence-star-legend { position:relative; top:0; right:auto;margin-bottom:40px; }
	body.firmentage .skill-compare-block .competence-star-legend { top:0; }
}

@media screen and ( max-width: 768px ) {
	.skill-compare-block .competence-star { transform:scale(0.6); margin-left:0; margin-right:0; margin-top:-30px; }
}

@media screen and ( max-width: 480px ) {
	.competence-block .gray-box.collapsible-block .collapsible-block-content { margin-top:58px; }
	.competence-card { margin-bottom:20px; }
	.gray-box .competence-description .close { display:block; }
	.maincompetence-sum { position:absolute; left:50%; right:auto; top:32px; margin-left:-35px; }
	.competence-star { transform:scale(0.7); margin-left:-15%; margin-right:0; }
	.skill-compare-block .competence-star { transform:scale(0.6); margin-left:-20%; margin-right:0; }
	.competence-star .competence-title { font-size:1.2rem; width:180px; }
	.competence-star .competence-title:nth-child(1) { left:152px; top:-26px; width:180px; }
	.competence-star .competence-title:nth-child(2) { left:auto; right:0; top:108px; text-align:right; }
	.competence-star .competence-title:nth-child(3) { left:auto; right:0; top:442px; text-align:right; }
	.competence-star .competence-title:nth-child(4) { left:0; top:442px; text-align:left; }
	.competence-star .competence-title:nth-child(5) { left:0; top:108px; text-align:left; }
	.competence-star-legend { position:relative; top:0; right:auto;margin-bottom:40px; }
	.competence-star-legend span img { width:24px; }
	.competence-star-legend .status-wrapper { width:100%; }
	.mobile-abs-bottom-right { position:absolute; right:0; bottom:4px; }
}

@media screen and ( max-width: 375px ) {
	.competence-star { transform:scale(0.6); margin-left:-20%; margin-right:0; }
	.skill-compare-block .competence-star { transform:scale(0.6); margin-left:-25%; margin-right:0; }
	body.firmentage .skill-compare-block .competence-star { margin-left:-35%; }
	.pool-provider-list .skill-compare-block .competence-star { transform:scale(0.6); margin-left:-28%; margin-right:0; }
}

@media screen and ( max-width: 360px ) {
	.competence-star { transform:scale(0.6); margin-left:-20%; margin-right:0; }
	.skill-compare-block .competence-star { transform:scale(0.6); margin-left:-25%; margin-right:0; }
	body.firmentage .skill-compare-block .competence-star { margin-left:-35%; }
	.pool-provider-list .skill-compare-block .competence-star { transform:scale(0.6); margin-left:-33%; margin-right:0; }
}

/* Person melden */

#dlg-melden label {
	display:block;
	clear:both;
}
#dlg-melden textarea {
	padding-top:0.25rem;
	height:80px;
}

/* aufklappbare Blöcke */

.collapsible-block h3 { background-color:var(--praktibox-dunkelblau); color:#fff; font-size:1.1rem; font-weight:bold; padding:5px 10px; cursor:pointer; position:relative; }
.collapsible-block h3 i { position:absolute; right:10px; top:6px; }
.collapsible-block h3 .fa-chevron-up, .collapsible-block.open h3 .fa-chevron-down, .collapsible-block h4 .fa-chevron-up, .collapsible-block.open h4 .fa-chevron-down { display:none; }
.collapsible-block.open h3 .fa-chevron-up, .collapsible-block.open h4 .fa-chevron-up { display:block; }
.collapsible-block-content { display:none; }

.collapsible-block h4 { padding:5px 0; margin:0; cursor:pointer; position:relative; }
.collapsible-block h4 i { position:absolute; right:0; top:8px; }
.competence-block .gray-box.collapsible-block { min-height:10px; }

@media screen and ( max-width: 480px ) {
	.collapsible-block h3.fixed-height { min-height:73px; }
	.collapsible-block h3 i { top:auto; bottom:7px; }
}

/* Filter-Liste */

.filter-list {
	background-color:var(--praktibox-dunkelblau);
	padding:20px 0 1px 0;
	font-family: 'Lexend',Arial,Helvetica,sans-serif;
}

#rightcontent .filter-list {
	border-top-left-radius:20px;
}

.filter-list .filter-block {
	color:#000;
	background-color:var(--praktibox-hellbraun);
	margin-bottom:1px;
	padding: 15px 20px 12px 20px;
}

.filter-list .filter-block.company-filter-block {
	margin-bottom:0;
	/*border-top:20px solid #fff;
	padding-top:0;*/
}
.filter-list .filter-block.no-margin {
	margin-bottom:0;
}


.off-canvas .filter-block ul li {
	background-color: transparent;
	color: #000;
	font-size: 1rem;
	border-top: 0;
}

.filter-list .filter-button {
	margin: 0 20px;
}

.filter-list button {
	width:100%;
	margin-bottom:25px;
}

.filter-list button.disabled {
	background-color:var(--praktibox-hellbraun);
	color:#4a4a4a;
	cursor:default;
}

.filter-list label {
	color:#000;
	font-size:1rem;
	margin-bottom:10px;
	font-weight:600;
}

.filter-list select {
	background-color:#fff;
	color:#4a4a4a;
	padding-top:0.25rem;
}

.filter-list input[type="text"] {
	background-color:#fff;
	color:#4a4a4a;
	padding-top:0.25rem;
}

.filter-list h2 {
	color:#fff;
	font-size:1.75rem;
	vertical-align:middle;
	border-left:0;
	padding-left:0px;
	margin:0px 0 25px 20px;
}

.filter-list h2 img{
	padding-right:10px;
	margin-top: -6px;
}

.filter-list h3 {
	color:#000;
	font-size:1.25rem;
	vertical-align:middle;
	margin: 10px 0 15px 0;
}

.filter-list p a, a:hover, a:focus {
    color:var(--praktibox-dunkelblau);
}

.filter-list p a img {
	padding-right:12px;
	vertical-align:top;
	margin-top:5px;
}
body[data-fontscale="11"] .filter-list p a img {
	margin-top:6px;
}
body[data-fontscale="12"] .filter-list p a img {
	margin-top:8px;
}
body[data-fontscale="13"] .filter-list p a img {
	margin-top:10px;
}
.filter-selected-list {
	margin:0 0 0.5rem 0;
	list-style:none;
}

.filter-selected-list li {
	clear:both;
	margin-bottom:4px;
}

.filter-selected-list img {
	display:inline-block;
	float:left;
	margin:0 6px 8px 0;
}

.filter-list .filter-block .filter-selected-list {
	color:#000;
}

.filter-list .arrow-right {
	display:none;
}

#offCanvasFilter .filter-list .arrow-right {
	display:inline-block;
}

#offCanvasFilter .filter-list .arrow-left {
	display:none;
}

#selectFilterRadius {
	width:calc(100% - 62px);
}
#btnSubmitRadiusSearch {
	text-align: center;
	line-height: 1.3;
	margin:0;
	margin-left:12px;
	padding: 0.35rem 0.35rem 0.35rem 0.2rem;
	width: 40px;
	font-size: 1.75rem;
	height: 40px;
	display: inline-flex !important;
	vertical-align:top;
}
#filterForm input[type="text"]:focus, #filterForm select:focus {
	border:1px solid var(--praktibox-dunkelblau);
}
.profession-area h3 {
	position:relative;
	padding-left:26px !important;
}
.profession-area h3 > label.label-chk-all {
	position:absolute;
	left:0;
	top:10px;
	z-index:102;
}
.profession-area h3 > label.label-chk-all span:last-child {
	display:none;
}

/* Pool-Filter :) */ 

.linking .large-6 .gray-box {
	height:100%;
}
.linking .gray-box p {
	padding-bottom:0;
}
.linking label.w234{
	display:inline-block;
}
.linking select {
	width:300px;
	display:inline-block;
	padding-top:0.25rem;
	margin-bottom:0;
}
.linking input[type="text"] {
	width:300px;
	display:inline-block;
	padding-top:0.25rem;
	margin-bottom:0;
}
.linking a img.arrow-right {
	margin-top:-3px;
}
.pool-provider {
	display:none;
}
.pool-provider:first-child {
	display:block;
}
.pool-provider .actions {
	position:absolute;
	right:30px;
	bottom:33px;
	width:240px;
}
.pool-provider.pool-provider-top .actions {
	bottom:103px;
}
.pool-provider .actions p {
	padding:10px 0 0 0;
}
.pool-provider .actions button {
	margin-left:0;
	display:block;
	width:100%;
}
.pool-provider .actions a.btn {
	width:100%;
	border:1px solid #e31e24;
}
.provider-pagination button.btn {
	padding:4px 8px;
}
.provider-pagination > span {
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
}
.linking .table-inner-wrap {
	overflow-x:hidden;	
}
.linking table.profession-selection tr {
	background-color:#ebebeb;
}
.linking table.profession-selection tr.profession-row.matrix-active td {
	border-top:2px solid var(--praktibox-dunkelblau);
	border-bottom:2px solid var(--praktibox-dunkelblau);
	background-color:#fff;
	color:#666;
}
.linking table.profession-selection tr.profession-row.matrix-active td:first-child {
	border-left:2px solid var(--praktibox-dunkelblau);
}
.linking table.profession-selection tr.profession-row.matrix-active td:last-child {
	border-right:3px solid var(--praktibox-dunkelblau);
}
.linking table.profession-selection tr.profession-row.active td, .linking table.profession-selection tr.profession-row.matrix-active:hover td {
	background-color:var(--praktibox-dunkelblau);
	color:#fff;
	cursor:pointer;
}
.linking table.profession-selection tr.profession-row.matrix-inactive td:first-child {
	cursor:not-allowed;
}
.linking table.profession-selection tr.profession-row.matrix-inactive td {
	color:#aaa;
}
.linking table.profession-selection tbody td {
	padding:0.2rem;
	border-bottom:1px solid #e5e5e5;
	vertical-align:top;
}
.off-canvas-wrapper .linking table.profession-selection tbody td input[type="checkbox"]:checked + span::before, .off-canvas-wrapper input[type="checkbox"].chk-disabled:checked + span::before {
	background-color: #aaa;
	border:1px solid #aaa;
}
.linking table.profession-selection tr.profession-row.active td input[type="checkbox"] + span::before, .linking table.profession-selection tr.profession-row.matrix-active:hover td input[type="checkbox"] + span::before {
	background-color: #fff !important;
	border:1px solid #fff !important;
	color:var(--praktibox-dunkelblau) !important;
}
.linking table.profession-selection tr.profession-row.active td:last-child a, .linking table.profession-selection tr.profession-row.matrix-active:hover td:last-child a {
	color:#fff;
}
.linking .inline-grid {
	display:inline-block;
	width:300px;
}
.linking .inline-grid .columns {
	padding-left:0;
	padding-right:5px;
}
.linking .inline-grid .columns:last-child {
	padding-right:0;
}
.linking .inline-grid select {
	width:100%;
	margin-bottom:0;
}
.linking .inline-grid label.select-label {
	left:0.25rem;
}
.linking .vita .niveau img {
	cursor:default;
}


/* Journey */

.journey-button {
	position:absolute;
	left:50%;
	bottom:20px;
	margin-left:425px;
	border:1px solid var(--praktibox-dunkelblau);
	padding:15px 15px 10px 15px;
	background:rgba(0,0,0,0.7);
	text-align:center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease; 
	transition: all .5s ease;
	line-height:1;
	z-index:81;
}

.journey-button img {
	width:50px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease; 
	transition: all .5s ease;
}

.journey-button img.hover {
	opacity:0;
	position:absolute;
	left:50%;
	top:15px;
	margin-left:-25px;
}
.journey-button span {
	color:var(--praktibox-hellblau);
	font-size:0.75rem;
	line-height:1;
	display:block;
	padding-top:8px;
	text-align:center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease; 
	transition: all .5s ease;
}

.journey-button:hover {
	border:1px solid #fff;
}

.journey-button:hover img.hover {
	opacity:1;
}

.journey-button:hover span {
	color:#fff;
}

.journey-header {
}

#journeyDiv {
	width:100%;
	height:800px;
}
.journey-layer {
	position:absolute;
	z-index:122;
	background:rgba(255,255,255,0.9);
	padding:10px;
	left:0;
	top:0;
	overflow:visible;
	display:none;
	font-size:1rem;
}

.journey-modal {
	display:none;
}
.journey-modal p:first-child {
	margin-top:10px;
}
.journey-modal p:last-child {
	margin-bottom:10px;
}

.data-list .columns:first-child {
	padding-left:0;
}

.data-list .columns:last-child {
	padding-right:0;
}

.data-list .value-wrapper {
	background-color:#ebebeb;
	position:relative;
	padding:1.3rem 0.25rem 0.25rem 0.25rem;
	margin:0 0 1rem 0;
	height:fit-content;
	min-height:49px;
}
body[data-fontscale="11"] {
	min-height:52px;
}
body[data-fontscale="12"] {
	min-height:54px;
}
body[data-fontscale="13"] {
	min-height:57px;
}

.data-list .value-wrapper label {
	position:absolute;
	left:0.25rem;
	top:0.1rem;
	color: #666;
	font-size: 0.7rem;
	font-weight:bold;
}
.journey-modal .niveau img {
	width:20px;
}
.journey-modal .value-label {
	display:inline-block;
	width:220px;
}

/* Dialog-Bar */

.ui-dialog .ui-widget-header {
	border-width:0;
}

.modal-filter.ui-dialog .ui-widget-header {
	border-top:0;
	border-left:0;
	border-right:0;
}

.modal-filter.ui-dialog .ui-dialog-titlebar {
	background-color:#fff;
}

.modal-filter.ui-dialog .ui-dialog-title {
	color:var(--praktibox-dunkelblau);
	font-size:2rem;
	font-weight:400;
	text-transform:uppercase;
}

.modal-filter.ui-dialog .ui-dialog-titlebar-close {
	right:1.3rem;
}
.modal-filter .ui-button .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}

.modal-filter .ui-accordion h3.ui-accordion-header {
	background-color:transparent;
	color:#666;
	text-transform:none;
	font-weight:normal;
	padding:0.75rem 0;
	border:0;
	border-bottom:1px solid #ccc;
	font-size:1.1rem;	
	background-image: url(../Images/Arrow_down_red.svg);
	background-repeat: no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-position: top 14px right 14px;
	background-size: 22px;
}

.modal-filter .ui-accordion h3.ui-accordion-header.ui-state-active {
	background-color:transparent;
	background-image: url(../Images/Arrow_up_red.svg);
	color:var(--praktibox-dunkelblau); border:0;
	border-bottom:1px solid #ccc;
}

.modal-filter .ui-accordion .ui-accordion-content {
	padding:1rem 0;
	border-left:0;
	border-right:0;
}

.modal-filter .ui-dialog-content {
	padding:1rem;
}

.modal-filter .ui-dialog-content h2 {
	font-size:2rem;
	border-left:0;
	padding-left:0;
	font-weight:400;
	margin:20px 0 25px 0;
}

#modal-filter-professions.modal-filter .ui-dialog-content h2 {
	margin-bottom:0;
}

.modal-filter .ui-dialog-content ul {
	list-style-type:none;
	margin:0;
}

.modal-filter .ui-dialog-content ul li {
	clear:both;
}

.ui-dialog-content .columns {
	padding-left:.9375rem;
}
.ui-dialog-content .profession-area .columns {
	padding-left:0;
}

.uid-dialog.preview .ui-dialog-content .columns {
	padding-left:0;
}

#offerPreviewDialog {
	width:100% !important;
}

#offerPreviewDialog .tx-os4me {
	position:relative;
}

#offerPreviewDialog .row .row {
	margin-left:0;
	margin-right:0;
}

#offerPreviewDialog .back-print, #offerPreviewDialog .tabbed-offers-nav {
	display:none;
}
#offerPreviewDialog #tabbed-offers-list div[id^="offertab-"] {
	display:none;
}
#offerPreviewDialog #tabbed-offers-list div#offertab-1 {
	display:block;
}

.preview-blocker {
	position:absolute;
	top:70px;
	left:0;
	right:0;
	bottom:0;
	z-index:123;
}

.tx-os4me.ft-journey .preview-header-row, .tx-os4me.ft-journey > hr {
	display:none;
}

/* PLANET 71 Countdown */

#planet71-countdown {
	/*width:100%;
	height:100%;
	background:rgba(88,88,88,0.3);*/
	width:560px;
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-280px;
	z-index:98;
	font-family:Lexend,Dosis,Arial,sans-serif;
	padding-left:0;
	padding-right:0;
}

#planet71-countdown .outer-wrap {
	/*position:absolute;
	width:1062px;
	height:auto;
	margin-left:-531px;
	left:50%;
	top:0;*/
}

#planet71-countdown .container {
  /*width: 100%;
  padding-top: 43%;*/ /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
}

#planet71-countdown .wrap {
	/*position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(/fileadmin/templates/img/Planet71-Countdown-Back.jpg) center center no-repeat;
	box-shadow:0 0 12px 2px rgba(255,255,255,0.8);*/
	text-align:center;
}

#planet71-countdown .close {
	position:absolute;
	right:15px;
	top:5px;
	color:#fff;
	font-size:26px;
	cursor:pointer;
	display:none;
}

#planet71-countdown .take-off {
	position:absolute;
	left:50%;
	top:-40px;
	margin-left:-280px;
	width:560px;
	color:#fff;
	font-size:40px;
	line-height:26px;
	font-weight:normal;
}
#planet71-countdown .take-off span {
	font-size:20px;
}
#planet71-countdown .take-off img {
	max-width:100%;
	height:auto;
}

#planet71-counter {
	/*position:absolute;
	left:50%;
	bottom:8%;
	margin-left:-280px;*/
	width:560px;
	/*background-color:rgba(74,74,74,0.3);*/
	border-radius:0;
	padding-bottom:12px;
}

#planet71-counter .digits {
	font-size:80px;
	color:#13a498;
	text-shadow:0 0 10px rgba(0,0,0,0.6);
}

#planet71-counter .digits > div {
	display:inline-block;
	padding:0 1px;
	width:110px;
	text-align:center;
}

#planet71-counter .digits > div.dp {
	width:auto;
}

#planet71-counter .labels {
	margin-top:-20px;
}

#planet71-counter .labels > span {
	font-size:12px;
	color:#fff;
	display:inline-block;
	width:130px;
}

#planet71-countdown .btn-inline {
	max-width:300px;
	margin-left:auto;
	margin-right:auto;
}

@media screen and ( max-width: 1024px ) {
	#planet71-countdown .outer-wrap {
		max-width:100%;
		left:0;
		margin-left:auto;
	}
	#planet71-countdown .wrap {
		background-size:100%;
	}
}

@media screen and ( max-width: 768px ) {
	/*#planet71-countdown .take-off {
		margin-left:-130px;
		width:260px;
	}
	#planet71-counter {
		width:380px;
		margin-left:-190px;
		bottom:5%;
	}*/
	#planet71-countdown .take-off {
		line-height:22px;
	}
	#planet71-countdown .take-off span {
		font-size:16px;
	}
	#planet71-counter .digits {
		font-size:60px;
	}
	#planet71-counter .digits > div {
		width:74px;
	}
	#planet71-counter .labels > span {
		width:89px;
	}
}

@media screen and ( max-width: 480px ), screen and ( max-height: 480px ) {
	#planet71-countdown {
		position:relative;
		left:auto;
		bottom:auto;
		width:auto;
		margin-left:0;
		padding-top:20px;
		background-color:#fff;
	}
	#planet71-countdown .take-off {
		top:auto;
		left:auto;
		width:auto;
		color:#666;
		font-size:28px;
		position:relative;
		margin-left:0;
	}
	#planet71-counter {
		width:100%;
		left:auto;
	}
	#planet71-counter .digits {
		font-size:40px;
		text-shadow:none;
	}
	#planet71-counter .digits > div {
		width:48px;
	}
	/*#planet71-counter .digits > div:first-child {
		width:70px;
	}*/
	#planet71-counter .labels > span {
		width:59px;
		font-size:10px;
		color:#666;
	}
	/*#planet71-counter .labels > span:first-child {
		width:83px;
	}*/
}

@media screen and ( min-width: 1024px ) {
	/*#planet71-counter .digits > div:first-child {
		width:140px;
	}
	#planet71-counter .labels > span:first-child {
		width:160px;
	}*/
}

/* Wegweiser */

.modal-guide .ui-widget-header {
	border:0;
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
#modal-guide {
	background-image:url(../Images/Wegweiser-BG-Space.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	min-height:660px !important;
	color:#fff;
}
#modal-guide h3 {
	color:#fff;
}
#guideForm {
	margin:10px 0 0 142px;
	clear:both;
}
body[data-fontscale="11"] #guideForm {
	margin-bottom:110px;
}
body[data-fontscale="12"] #guideForm {
	margin-bottom:120px;
}
body[data-fontscale="13"] #guideForm {
	margin-bottom:130px;
}
.gp-page {
	float:left;
	width:60px;
	height:60px;
	border-radius:30px;
	text-align:center;
	font-size:40px;
	line-height:54px;
	color:#fff;
	border:2px solid rgba(66,66,66,1);
	background-color:rgba(66,66,66,1);
	margin:0 10px 0 0;
	opacity:0.5;
}
.gp-page-active {
	background-color:var(--praktibox-dunkelblau);
	border-color:#fff;
	opacity:1;
}
.gp-page-completed {
	/*background-color:#e31e24;
	border-color:#e31e24;
	opacity:1;*/
	cursor:pointer;
}
.gp-you-are {
	font-size:1.5rem;
	height:60px;
	padding-top:16px;
	color:#fff;
	display:inline-block;
}
#modal-guide .row {
	width:auto;
	margin-left:-0.5rem;
	margin-right:-0.5rem;
}
#modal-guide .columns {
	text-align:center;
	padding-left:0;
	padding-right:0;
	position:relative;
}
.disable-maps #modal-guide p {
	color:#111;
}
#modal-guide .columns:last-child {
	float:left;
}
#modal-guide .columns > span {
	background-color:var(--praktibox-dunkelblau);
	display:block;
	margin:0 0.25rem;
	padding:0.75rem 0;
	cursor:pointer;
	border:1px solid #fff;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	height:50px;
}
#modal-guide #guide-step1 .columns > span {
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
}
#modal-guide #guide-step2 .columns > span:first-child {
	margin-right:20px;
	border-right:0;
}
#modal-guide #guide-step2 .columns > span:nth-child(2) {
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:40px;
	background:var(--praktibox-mittelblau);
	color:#fff;
	text-align:center;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:0;
	font-weight:bold;
	font-size:1.5rem;
	line-height:1;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	height:50px;
}
/*#modal-guide .columns:nth-child(odd) {
	padding-left:0;
}
#modal-guide .columns:nth-child(even) {
	padding-right:0;
}*/
#modal-guide .active span, #modal-guide .guide-grade-option span:hover, #modal-guide .guide-project span:hover {
	color:#fff;
	background-color:var(--praktibox-dunkelblau);
}
select#guide-degree {
	padding:0.5rem 0.25rem;
}
#guide-project-description {
	min-height:160px;
	opacity:0;
	color:#333;
	position:relative;
}
#guide-project-description.filled {
	opacity:1;
}
.tt-text {
	background:rgba(255,255,255,0.8);
	padding:0.75rem 0.75rem 1px 0.75rem;
}
.gpd-close {
	position:absolute;
	z-index:112;
	right:5px;
	top:0;
	font-weight:bold;
	color:#e31e24;
	font-size:1rem;
	cursor:pointer;
}
.guide-hint {
	position:absolute;
	left:1em;
	right:1em;
	bottom:1rem;
	z-index:113;
	background:rgba(255,255,255,0.8);
	padding:0.75rem;
}
.guide-hint p {
	margin:0;
}

/* Modal Benutzerkonto löschen */

#modal-deletion {
	display:none;
}
#modal-deletion .large-12 {
	padding-left:0;
	padding-right:0;
}
.ui-dialog-buttonpane .link-button {
	display:inline-block;
}

/* Kontaktblock */
.contact-row {background:var(--praktibox-hellbraun); padding-top:40px; padding-bottom:24px; margin-top:3rem;}
.contact-row h3 { font-size:1.3rem; color:#000;}
.contact-row p { font-size:14px; color:#000; margin:0 0 0.5rem 0; }
.contact-row a { color:#000; }
.contact-row table { margin-bottom:0; }
.contact-row table tbody, .contact-row table tfoot, .contact-row table thead { background:none transparent; border:0; }
.contact-row table tr { background:none transparent !important; }
.contact-row table td { vertical-align:top; color:#000; font-size:14px; }
.contact-row table td:first-child { padding-left:0; padding-right:0; text-align:center;}
.contact-row table tr:first-child td { padding-top:0; }
.contact-row table td p { margin:0 0 0.5rem 0; color:#000; font-size:14px; }
.contact-row table td a[href^="tel"], .contact-row table td a[href^="mailto"], .contact-row table td a[data-mailto-token], .contact-row table td a[href^="javascript"] { color:var(--praktibox-dunkelblau); }
#frmCompanyContacts .column:last-child:not(:first-child), #frmCompanyContacts .columns:last-child:not(:first-child) {
  float: left;
}

/* Haupt-Footer */

footer {
	background-color:var(--praktibox-mittelbraun);
	background-repeat: no-repeat;
	background-size: 100em;
	background-position: right -36em top -54em;
	background-image:url(../Images/footer-background.svg);
	padding-top:1px; padding-bottom:48px;
}
footer h3 { font-size:1.3rem; color:#000;}
footer p { font-size:14px; color:#000; margin:0 0 0.5rem 0; }
footer a { color:#000; }
footer table { margin-bottom:0; }
footer table tbody, footer table tfoot, footer table thead { background:none transparent; border:0; }
footer table tr { background:none transparent !important; }
footer table td { vertical-align:top; color:#000; font-size:14px; }
footer table td:first-child { padding-left:0; padding-right:0; }
footer table tr:first-child td { padding-top:0; }
footer table td p { margin:0 0 0.5rem 0; color:#000; font-size:14px; }
footer table td a[href^="tel"], footer table td a[href^="mailto"], footer table td a[href^="javascript"] { color:var(--praktibox-dunkelblau); }
footer .center-column table tr:nth-child(2) img { max-width:14px; margin:0 auto; display:block; }

footer [data-ce-columns="7"] .ce-column {margin-left:15px;margin-right:15px;}

footer.eyeAble_hideBackImg td, footer.eyeAble_hideBackImg table td p { color:#000 !important; }
footer.eyeAble_hideBackImg a { color:#25A498 !important; }

.meta-bottom {text-align:center;}

@media screen and ( max-width: 960px ) {
	footer [data-ce-columns="7"] {text-align:center;}
	footer [data-ce-columns="7"] .ce-row {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;}
	footer [data-ce-columns="7"] .ce-column {margin:10px 15px;}
}
@media screen and ( max-width: 640px ) {
	footer [data-ce-columns="7"] .ce-row { display:block; text-align:center;}
	footer [data-ce-columns="7"] .ce-column {display:block;float:none; text-align:center;}
	footer [data-ce-columns="7"] .ce-column figure, footer [data-ce-columns="7"] .ce-column figure a, footer [data-ce-columns="7"] .ce-column figure a img {display:block;margin:0 auto;}
}

/* Footer unten*/

.bottom-bar { width: 100%; height: auto; background-color:var(--praktibox-mittelbraun); color:#000; padding:15px 0; }
.bottom-bar p { font-size:14px; margin:0; padding:0; }
.bottom-bar img { vertical-align:middle; margin:0 38px 0 0; max-width:100px;height:auto;}
.bottom-bar ul, ul.meta-bottom { margin:32px auto 32px auto; }
.bottom-bar ul li, ul.meta-bottom li { display:inline-block; margin:0; text-align: center; }
.bottom-bar ul li a, ul.meta-bottom li a { display:inline-block; color:#000; font-size:14px; border-left:1px solid #000; padding:0 4px; line-height:1; }
.bottom-bar ul li:first-child a, ul.meta-bottom li:first-child a { border-left:0; padding-left:0; }
.bottom-bar ul li a:hover, ul.meta-bottom li a:hover {color:#fff; }

@media screen and ( min-width: 960px ) {
	.bottom-bar .ce-intext.ce-left .ce-gallery { margin-bottom:0;}
	.bottom-bar .ce-textpic { display:flex;flex-direction:row;align-items:center;justify-content:flex-start; }
}

/* Footer Transparente Box*/

.frame-footerbox {
	width: 321px;
	max-width:100%;
	text-align: center;
	/*background-color: #000;
	background: rgba(0,0,0, 0.45);*/
}

footer .right-column .row:nth-child(2) .frame-footerbox {
	margin-top:4px;
	padding-top: 15px;
}

footer .right-column .row:last-child .frame-footerbox {
	padding-bottom: 15px;
}

.frame-footerbox .ce-column, .frame-footerbox figure {
	width: 100%;
}

.frame-footerbox img {
	display: block;
	margin: 0 auto;
}
.right-column .frame-footerbox img {
	margin:10px auto;
}

/* nach oben Link */

#top-link { position:fixed; right:20px; bottom:20px; z-index:2000; background:rgba(227,30,36,1); cursor:pointer; width:80px; height:80px; border-radius:40px; text-align:center; border:1px solid rgba(255,255,255,0.5);}
#top-link img { width:28px; margin-top:7px; }
#top-link:hover { background:rgba(227,30,36,1); }

/* Registrierung */

.form-user { margin-top:2rem; }
.form-user > .row { margin-bottom:1rem; }
.form-user .columns { position:relative; }
.form-user select { padding-top:0.75rem; }
.form-user .form-check-label { margin-top:0.5rem;}
.form-user .form-check-label > input { width: 13px; margin-top:7px; margin-bottom:20px; float:left; }
.form-user .additionalinfo { position:absolute; left:-800px; width:20px; }
.invalid-feedback { margin-top: 10px; margin-bottom: 10px; color: red; font-weight: bold; display:none; }
.is-invalid { border:1px solid red; }
.form-user .link-button { border:0; }
.form-user hr { max-width:100%; width:100%; margin-bottom:2rem; }

.row-school .col-schoolclass { display:none; }
.row-school.fsr-bb .col-schoolclass { display:block; }
@media screen and ( min-width: 624px ) {
	.row-school.fsr-bb .col-school { width:33.3333%; }
}

.privacy-label-text { line-height:1.2; font-size:1rem; color:#666;}

.info-icon.input-info-icon { position:absolute; right:22px; top:10px; width:20px; height:20px; border-radius:10px; background:#888; text-align:center; color:#fff; cursor:pointer; font-size:16px; line-height:1.3; }
.info-icon.pagebreak-info-icon { width:20px; height:20px; border-radius:10px; background:#888; text-align:center; color:#fff; cursor:pointer; font-size:16px; line-height:1.3; display:inline-block; margin-left:4px; }
.info-icon.inline-info-icon { display:inline-block; width:12px; height:12px; border-radius:6px; background:#888; text-align:center; color:#fff; cursor:pointer; font-size:10px; line-height:1; vertical-align:super; }
.info-icon.label-info-icon { display:inline-block; width:20px; height:20px; border-radius:10px; background:#888; text-align:center; color:#fff; cursor:pointer; font-size:16px; line-height:1.3; margin-left:10px; }
.info-icon.info-icon-red { background-color:#e31e24; right:8px; }
select.with-info-icon { width:calc(100% - 36px); }
.dropzone { display:none; background:#e5e5e5 !important; border:0 !important; }
#modal-upload .dropzone { margin:10px 0; }

/* cropping */

#crop-zone { display:none; }
.cropme-container { border:1px solid #ccc; }

/* Umfrage */
.tx-os4mefeedback {
	display:none;
}
.provider-logo > img + .tx-os4mefeedback {
	padding-top:1rem;
}
.feedback-widget {
	text-align:right;
	padding-top:
}
.feedback-widget > span {
	float:right;
	width:40px;
	height:40px;
	text-align:center;
	color:#fff;
	background-color:var(--praktibox-dunkelblau);
	border-radius:3px;
	font-size:1.2rem;
	line-height:2;
	font-weight:bold;
	margin-left:8px;
}
.feedback-widget > label {
	line-height:1.35;
}
.feedback-widget > label > span {
	display:block;
	font-size:0.9rem;
}

/* Anmeldung Firmentage */

.gray-box.offer-basket-sort p { border-bottom:0; padding:0.25rem 0; }
.offer-basket-sort .basket-item { display:inline-block; width:30%; float:left; position:relative; }
.offer-basket-sort .basket-item.empty > h3, .offer-basket-sort .basket-item.empty > div { opacity:0.5; }
.offer-basket-sort .basket-item .goto-list-link { position:absolute; left:14px; bottom:12px; opacity:1; }
.offer-basket-sort .logo-wrap { display:flex; height:90px; text-align:center; }
.offer-basket-sort .logo-wrap > div { width:100%;  height:100%; background-size:contain; background-position:center center; background-repeat:no-repeat; }
.offer-basket-sort .sort-arrows { display:flex; width:5%; height:100%; float:left; text-align:center; padding-top:240px; }
.offer-basket-sort .sort-arrows a { display:block; cursor:pointer; margin-bottom:12px; }
.offer-basket-sort .sort-arrows a img {  }
.offer-basket-sort .sort-arrows a:last-child img { transform: rotate(180deg); }
.offer-basket-sort .sort-arrows.inactive a { cursor:default; opacity:0.5; }
.offer-basket-sort .pos-descr { border:1px solid var(--praktibox-dunkelblau); background:#fff; text-align:center; margin-bottom:10px; padding:15px 0; min-height:120px; }
.offer-basket-sort .pos-descr img { display:inline-block; margin-left:8px; vertical-align:middle; }
.offer-basket-sort .basket-item:first-child .pos-descr img { width:28px; }
.offer-basket-sort .basket-item:nth-child(3) .pos-descr img { width:46px; }
.offer-basket-sort .basket-item:last-child .pos-descr img { width:60px; }
.offer-basket-sort .basket-item .pos-descr.nachrueckverfahren-0 img { width:28px !important; }
.offer-basket-sort .basket-offer-item { border:1px solid var(--praktibox-dunkelblau); background:#fff; padding:0 12px; min-height:360px; }
.offer-basket-sort select { padding:0.5rem 0.25rem 0.5rem 0.25rem; }
.offer-basket-sort label.img-label { text-align:center; cursor:pointer; }
.offer-basket-sort label.img-label i { margin-top:-8px; }
#registration-step2 .buttons-bottom { display:flex; }
#registration-step2 .buttons-bottom input { margin-right:5px; }
#registration-step2 .buttons-bottom input:first-child { order:2; }
#registration-step2 .buttons-bottom input:last-child { order:1; }

#side-firmentag .basket-wrap {
	position:relative;
	margin-left:0;
	top:auto;
	left:auto;
	padding:20px 15px;
}
#side-firmentag .basket-wrap h3 {
	color:#fff;
	text-align:center;
}
#side-firmentag .basket-offer-list {
	width:100%;
	text-align:center;
}
#side-firmentag .basket-offer-list li {
	display:block;
	margin:0 auto 15px auto;
	background-color:#fff;
}
#side-firmentag ul.basket-offer-list li > a > span {
	top:0;
}
#side-firmentag .btn {
	display:block;
	width:100%;
}
#offCanvasFirmentag {
	height:100%;
	top:0;
	overflow-y:auto;
}
#offCanvasFirmentag .close-button {
	z-index:70;
}
#offCanvasFirmentag .basket-hint {
	position:relative;
	left:auto;
	right:auto;
	bottom:auto;
}
#offCanvasFirmentag .basket-hint img {
	clear:both;
	display:none;
	margin-bottom:8px;
}

/* Tabellen */

table.content-table {
	border-spacing:2px;
	background:transparent;
	border:0;
}
table.content-table tbody, table.content-table tfoot, table.content-table thead {
    border: 0;
    background-color: #fff;
}
table.content-table thead td {
	font-weight:bold;
}
table.content-table tr td {
	border-top:2px solid var(--praktibox-dunkelblau);
	border-left:2px solid var(--praktibox-dunkelblau);
	background:#fff;
}
table.content-table tbody:first-child > tr:first-child td {
	border-top:0;
	font-weight:bold;
	color:var(--praktibox-dunkelblau);
}
table.content-table thead tr td {
	border-top:0;
	background:#fff;
}
table.content-table tr td:first-child {
	border-left:0;
}

table.tx_os4me {
	border-spacing:1px;
	border-collapse:separate;
}
table.tx_os4me th { text-align:left; background-color:var(--praktibox-dunkelblau); color:#fff; }
table.tx_os4me th.center { text-align:center; }
table.tx_os4me th.align-right { text-align:right; }
table.tx_os4me .edit-col {
	width:60px;
}

table.calendar {
	border:1px solid var(--praktibox-dunkelblau);
}

table.calendar tr:first-child td, table.calendar tr td:first-child {
	text-align:center;
	font-size:1.25rem;
	border-right:2px solid var(--praktibox-dunkelblau);
	border-bottom:2px solid var(--praktibox-dunkelblau);
}

table.calendar tr td {
	width:18%;
	border-top-width:1px;
	border-left-width:1px;
	vertical-align:top;
}

table.calendar tr td:first-child {
	width:10%;
}
table.calendar tr td div {
	position:relative;
	width:100%;
	min-height:120px;
	padding-top:20px;
}
table.calendar div img {
	margin:8px auto;
	max-width:160px;
}
table.calendar .dayNum {
	/*position:absolute;
	right:2px;
	top:2px;*/
	text-align:right;
	font-size:0.8rem;
	display:block;
}
table.calendar img.logo-follow-day {
	max-width:46%;
	margin-left:2%;
	margin-right:2%;
}

.table-wrap {
	max-width:100%;
	position:relative;
}
.table-inner-wrap {
	overflow-x:auto;	
}
.table-scroll {
	display:none;
	width:12px;
	height:100%;
	position:absolute;
	top:0;
}
.table-scroll-left {
	left:0;
	background: transparent;
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	display:none;
}
.table-scroll-right {
	right:0;
	background: transparent;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.table-scroll-explanation {
	display:none;
}

/* Angebote */

.timeSelector { width:56px; }
body[data-fontscale="13"] select.timeSelector { width:42px; background-position: right 0.1rem center; padding-left:0; padding-right:0; }

.places-legend-stars img { width:22px; vertical-align:top; margin-left:10px; }
.star-free-places { position:absolute; top:-20px; left:50%; width:36px; height:36px; margin-left:-18px; background:url(../Images/Icon-Star.svg) no-repeat center center; background-size:36px 36px; color:#fff; text-align:center; z-index:3; font-size:1.1rem; line-height:38px; }
.star-free-places.booked-up { background-image:url(../Images/Icon-Star-grau.svg); }

.content-count { position:absolute; right:22px; top:0; font-size:11px; }
body[data-fontscale="11"] .content-count { top:20px; }
body[data-fontscale="12"] .content-count { top:21px; }
body[data-fontscale="13"] .content-count { top:22px; }
.content-count i { color:#ff0000; }

.column.offer-tile-col:last-child:not(:first-child), .columns.offer-tile-col:last-child:not(:first-child) { float:left; }
.offer-tile { margin:1.5rem 1.5rem 1.5rem 1.5rem; min-height: 300px; height:325px; border-top:3px solid var(--praktibox-dunkelblau); border-bottom:25px solid transparent; padding-top:3px; position:relative; }
body[data-fontscale="11"] .offer-tile { height:500px; }
body[data-fontscale="12"] .offer-tile { height:550px; }
body[data-fontscale="13"] .offer-tile { height:600px; }
.offer-tile.booked-up { border-top:3px solid #4a4a4a; }
.offer-tile > div { width:100%; height:100%; background:#fff; position:absolute !important; }
.offer-tile > div.back { cursor:pointer;}
.offer-tile .logo img { width:auto; max-width:86%; }
.offer-tile .offer-more-link, .offer-tile .tile-date-bottom { position:absolute; bottom:-25px; left:50%; margin-left:-25px; width:50px; height:50px; border-radius:50px; background-image:url(../Images/Icon_Lupe_weiss.svg); background-repeat:no-repeat; background-position:center center; background-size:30px 30px; background-color:rgba(227,30,36,1); text-align:center; z-index:250; }
.offer-tile .tile-date-bottom .offer-more-link { bottom:0; }
.offer-tile.has-multiple-offers .front .tile-date-bottom { box-shadow:1px -1px 1px 1px rgba(255,255,255,1); }
.offer-tile .multiple-offers-dot { position:absolute; bottom:-20px; left:50%; margin-left:-20px; width:50px; height:50px; border-radius:50px; background-color:rgba(227,30,36,1); color:rgba(227,30,36,1); z-index:249; }
.offer-tile .tile-date-bottom { background-image:url(../Images/Fingerprint.svg); background-size:40px 40px; color:#fff; }
.offer-tile.booked-up .tile-date-bottom { background-color:#4a4a4a; background-image:none; }
.offer-tile .tile-date-bottom .icon-handicap-offer { position:absolute; left:-15px; top:23px; width:66px; max-width:66px;}
.offer-tile .offer-more-link img { margin-top:9px; }
.offer-tile .tile-date-bottom span { display:block; font-size:0.9rem; }
.offer-tile .tile-date-bottom span:first-child { font-size:1.3rem; line-height:0.7; padding-top:9px; }
.offer-tile > div.back .tile-date-bottom { display:none; }
.offer-tile .professions { list-style:none; margin:0 1rem; text-align:left; max-height: 90%; overflow: hidden; }
.offer-tile .professions li { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.offer-tile .professions img { width:12px; margin:-2px 4px 0 0; }

.offer-single-view { margin-top:45px; }
.offer-single-view h1 { margin-top:0; }
.offer-detail-company-image-wrap { background-image:none !important; }

.company-addresses h3 { margin-bottom:0.75rem; }
.company-addresses p { margin-bottom:0.75rem; }
.company-addresses p:last-child { margin-bottom:1.25rem; }

.offer-pagination .square-arrow-link { display:inline-block; vertical-align:middle; width:24px; height:24px; background:rgba(227,30,36,1); text-align:center; padding:0 3px; }
.offer-pagination .prev .square-arrow-link {margin-right: 6px;}
.offer-pagination .next .square-arrow-link {margin-left: 6px;}
.offer-pagination .square-arrow-link img { margin-top:-3px; }
.offer-pagination .active a { color:#666; }
.offer-pagination .inactive { color:#ccc; }
.offer-pagination .inactive .square-arrow-link { background:#ccc; }

a.removeJobRow { display:block; }
a.removeJobRow i { font-size:1.4rem; }

.provider-offers { padding:0.9375rem 0.9375rem 3rem 0.9375rem; }

.provider-offers.ui-accordion h3.ui-accordion-header,
.tx-tinyaccordion-pi1 .ui-accordion h3.ui-accordion-header,
#acc-insides h3.ui-accordion-header {
	background-color:transparent;
	color:#666;
	text-transform:none;
	font-weight:bold;
	padding:0.75rem 40px 0.75rem 0;
	border:0;
	border-bottom:1px solid #ccc;
	font-size:1.1rem;
	background: url(../Images/Arrow_down_red.svg) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-position: top 18px right 14px;
	background-size: 22px;
}
.provider-offers.ui-accordion h3.ui-accordion-header.ui-state-active,
.tx-tinyaccordion-pi1 .ui-accordion h3.ui-accordion-header.ui-state-active,
#acc-insides h3.ui-accordion-header.ui-state-active {
	background-image: url(../Images/Arrow_up_red.svg);
}
.frame-green-accordion .tx-tinyaccordion-pi1 .ui-accordion h3.ui-accordion-header {
	color:#fff;
	text-transform:none;
	font-weight:bold;
	padding:0.75rem 0 0.75rem 0.75rem;
	border:0;
	border-bottom:1px solid #fff;
	font-size:1.1rem;
	border-radius:0;
	background-color:var(--praktibox-dunkelblau);
	background-image: url(../Images/Arrow_down.svg);
	background-repeat:	no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
	background-position: top 14px right 14px;
	background-size: 22px;
}
.frame-green-accordion .tx-tinyaccordion-pi1 .ui-accordion h3.ui-accordion-header.ui-state-active {
	background-image: url(../Images/Arrow_up.svg);
}
h3.ui-accordion-header:focus {
	outline: none;
}
.ui-accordion-header-icon, .ui-accordion-header .t-small {
	display:none;
}
.provider-offers.ui-accordion h3.ui-accordion-header.ui-state-active,
.tx-tinyaccordion-pi1 .ui-accordion h3.ui-accordion-header.ui-state-active {
	background-color:transparent; color:var(--praktibox-dunkelblau); border:0; border-bottom:1px solid #ccc;
}
.frame-green-accordion .tx-tinyaccordion-pi1 .ui-accordion h3.ui-accordion-header.ui-state-active {
	background-color:var(--praktibox-dunkelblau); color:#fff; border:0; border-bottom:1px solid #fff;
}

.provider-offers .ui-widget-content { background-color:transparent; border:0; border-bottom:1px solid #ccc; padding:1rem 0 0.5rem 0; }
.provider-offers ul { margin-bottom:0.5rem; }
.provider-offers .smaller, .provider-ft-offers .smaller { font-size:0.7rem; }

/* Einzelansicht Angebot */
#tabbed-offers-list .ui-state-default, #tabbed-offers-list .ui-widget-content .ui-state-default, #tabbed-offers-list .ui-widget-header .ui-state-default, #tabbed-offers-list .ui-button, html #tabbed-offers-list .ui-button.ui-state-disabled:hover, html #tabbed-offers-list .ui-button.ui-state-disabled:active {
	
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background-color:var(--p71-rot);
	border:0;
}
#tabbed-offers-list.ui-tabs {
	margin:1rem 0;
	background:none transparent;
	border:0;
	padding:0;
}
#tabbed-offers-list.ui-tabs .ui-tabs-nav {
	background:none transparent;
	border:0;
	padding:0;
}
#tabbed-offers-list.ui-tabs .ui-tabs-tab {
	border-radius:0;
}
#tabbed-offers-list.ui-tabs .ui-tabs-panel {
	border:1px solid #ccc;
}
.offer-tab p, .offer-tab p span {
	color:#666 !important;
}

/* FAQ */
.tx-tinyaccordion-pi1 .ui-accordion .ui-accordion-content { border:0; padding:1rem 0; }
.tx-tinyaccordion-pi1 .ui-accordion .ui-accordion-content > .row { margin-left:0; margin-right:0; }
.tx-tinyaccordion-pi1 .ui-accordion .ui-accordion-content > .row > .columns { padding-left:0; padding-right:0; }
.tx-tinyaccordion-pi1 header h2 { display:none; }

/* Ansprechpartnerdaten */

.company-contact-block i {
	position:absolute;
	cursor:pointer;
	right:8px;
	top:12px;
	z-index:100;
}

/* Tooltips */

.tooltip-container {
	position:absolute;
	overflow:visible;
	z-index:99;
	display:none;
}
.tooltip-wrap {
	position:absolute;
	left:20px;
	top:20px;
	background:rgba(37,164,152,1);
	padding:8px;
	color:#fff;
	text-align:center;
	display:none;
	cursor:default;
	font-weight:normal;
	width:320px;
	font-size:0.9rem;
	line-height:1rem;
	box-shadow:0 0 5px 5px rgba(0,0,0,0.2);
	text-transform:none;
	text-align:left;
}
#tt-5 {
	margin-top:-190px;
}
#tt-12 .tooltip-wrap {
	margin-top:-170px;
}
#side-filter #tt-11 {
	left:205px !important;
}
#side-filter #tt-11 .tooltip-wrap {
	margin-left:0 !important;
}
@media screen and ( max-width: 480px ) {
	#side-filter .tooltip-wrap {
		left:-185px !important;
	}
	#tt-7 .tooltip-wrap {
		margin-top:-200px;
	}
	#tt-12 .tooltip-wrap {
		margin-top:-100px;
		margin-left:-265px;
	}
}
@media screen and ( max-width: 360px ) {
	#tt-1 {
		margin-top:-6px;
		margin-left:-3px;
	}
	#tt-2 {
		margin-top:-7px;
		margin-left:-3px;
	}
	#tt-3 {
		margin-top:-3px;
		margin-left:-3px;
	}
	#tt-4 {
		margin-left:-20px;
		margin-top:2px;
	}
}

@media screen and ( max-height: 375px ) {
	#side-filter #tt-11 .tooltip-wrap {
		margin-left:-185px !important;
	}
	#tt-1 {
		margin-top:-32px;
		margin-left:-3px;
	}
	#tt-2 {
		margin-top:-36px;
		margin-left:-37px;
	}
	#tt-3 {
		margin-top:-35px;
		margin-left:-4px;
	}
	#tt-4 {
		margin-top:-36px;
		margin-left:-30px;
	}
	#tt-5 {
		margin-top:-45px;
	}
}
.tooltip-wrap strong {
	display:block;
	margin-bottom:6px;
}
.tooltip-wrap .smaller {
	white-space:nowrap;
	font-size:0.7rem;
	cursor:pointer;
	display:block;
	margin-top:6px;
	text-align:center;
}
.tooltip-wrap .close {
	position:absolute;
	top:7px;
	right:8px;
	cursor:pointer;
	font-size:1.5rem;
}
@media screen and ( max-width: 480px ) {
	.ui-tooltip-content:after {
		content: 'x';
		position:absolute;
		right:6px;
		top:4px;
		font-size:12px;
		line-height:1px;
	}
	body[data-fontscale="11"] .ui-tooltip-content:after {
		font-size:14px;
		line-height:1;
	}
	body[data-fontscale="12"] .ui-tooltip-content:after {
		font-size:17px;
		line-height:1;
	}
	body[data-fontscale="13"] .ui-tooltip-content:after {
		font-size:20px;
		line-height:1;
	}
}
.pulse {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--praktibox-dunkelblau);
  cursor: pointer;
  box-shadow: 0 0 0 rgba(37,164,152, 0.6);
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}
.pulse.color-1 {
	background:#fff;
}
td > .pulse {
	width:17px;
	height:17px;
	margin-top:1px;
}
#tt-on, #tt-off { cursor:pointer; }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.6);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(204,169,44, 0);
      box-shadow: 0 0 0 15px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.btn-pulse {
  box-shadow: 0 0 0 rgba(255,255,255, 0);
  animation: btnpulse 2s infinite;
}
@-webkit-keyframes btnpulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes btnpulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(255,255,255, 0);
      box-shadow: 0 0 0 15px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

/* Rundes Bild */

.circle-img {
	position:relative;
	margin-bottom:15px;
}
.circle-img:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.circle-img-content {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius:50%;
  overflow:hidden;
}
.circle-img.landscape img {
	height:100%;
	width:auto;
	max-width:6000px;
}
.circle-img-caption {
	color:#999;
}

/* Bewerbung */

.application label { font-size:1rem; color:#666; }
.application label.select-label { font-size:0.75rem; }
#parentalconsent { display:none; }
.application-list .highlight { font-weight:bold; }
.application-list .highlight td { background:#ddd; }
.application-list td.deleted { color:#aaa; cursor:help; }
table.application-list.condensed tbody td { font-size:0.85rem; padding:0.25rem; }


/* Lebenslauf */

.vita table { border:1px solid #ccc; border-collapse:separate; margin:0; }
.vita table tr { background-color:transparent !important; }
.vita table.vita-head { margin-bottom:20px; }
.vita table.vita-head h3 { margin:0 0 0.25rem 0; }
.vita table.vita-head td { border-bottom:0; width:50%; }
.vita table.vita-head td table { border:0; }
.vita table.vita-head td table td { padding-left:0; }
.vita .dummy-dist { height:29px; }
.vita i { cursor:pointer; }
.vita td { vertical-align:top; border-bottom:1px solid #ccc; padding:0.5rem; position:relative; }
.vita td.no-border-bottom { border-bottom-width:0; }
.vita-block:nth-child(2) .vita-actions-block .fa-chevron-up, .vita-block:last-child .vita-actions-block .fa-chevron-down, .vita-block tbody tr:first-child .fa-chevron-up, .vita-block tbody tr:last-child .fa-chevron-down { cursor:default; color:#ccc; }
/*.vita .table-block tbody tr:nth-child(odd) td { background-color:#fcfcfc; }
.vita .table-block tbody tr:nth-child(even) td { background-color:#f8f8f8; }*/
.vita .table-block tbody td { border-bottom:1px dashed #ddd; }
.vita thead td, .vita tfoot td { padding:0.5rem 0.5rem 0 0.5rem; background:#fff; position:relative; }
.vita input, .vita textarea { margin-bottom:0.5rem; }
.vita textarea { height:119px; resize: none; }
.vita tfoot td { font-weight:normal; background:#fff; border-bottom:0; padding-bottom:0.5rem; }
.vita thead .vita-actions i, .vita tbody tr .vita-actions i { color:#666; }
/*.vita thead .vita-actions, .vita tbody tr .vita-actions { opacity:0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease; 
transition: all .5s ease; }
.vita thead:hover .vita-actions, .vita tbody tr:hover .vita-actions { opacity:1; }*/
.vita-head.shadowed, .vita-block-wrap.shadowed { box-shadow:0 0 5px 5px rgba(0,0,0,0.1) }
.vita-block select { margin-bottom:8px; font-weight:normal; }
.vita-block td { width:50%; }
.vita-block .select-label { left:0.5rem; top:0.1rem; }
.vita-block .columns > .select-label { left:1.25rem; top:0.1rem; }
.vita-block .btn-green { margin-left:0; }
.vita-save-row { border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px 0.5rem 0 0.5rem; }

.vita-actions-block { text-align:right; padding-bottom:0; }
.vita-actions-entry { text-align:right; padding-bottom:5px; }

.inside-form .vita-block .vita-actions-block .fa-chevron-up, .inside-form .vita-block .vita-actions-block .fa-chevron-down {
	cursor:pointer;
	color:#000;
}
.inside-form .vita-block:first-child .vita-actions-block .fa-chevron-up, .inside-form .vita-block:last-child .vita-actions-block .fa-chevron-down {
	cursor:default;
	color:#ccc;
}
@media screen and ( min-width: 1024px ) {
	.inside-form .vita-actions-entry { padding-bottom:5px; }
	.inside-form .vita-block input[id*="title"] { margin-bottom:87px; }
}

.vita .info-icon.input-info-icon { right:10px; }
/*.vita .vita-block tr:hover .info-icon.input-info-icon.info-icon-entry-2 { right:64px; }*/

.off-canvas-wrapper .chk-page-break input[type="checkbox"] + span::before { margin-top:4px; }

.vita .niveau img { width:20px; cursor:pointer; margin-right:4px; vertical-align:baseline; }
.vita .niveau span { vertical-align:middle; }
.vita .niveau span .off { opacity:0.2; }
.vita .niveau span .on { display:none; }

.vita .niveau[data-niveau="1"] span:nth-child(1) .on { display:inline-block; }
.vita .niveau[data-niveau="2"] span:nth-child(1) .on,
	.vita .niveau[data-niveau="2"] span:nth-child(2) .on { display:inline-block; }
.vita .niveau[data-niveau="3"] span:nth-child(1) .on,
	.vita .niveau[data-niveau="3"] span:nth-child(2) .on,
	.vita .niveau[data-niveau="3"] span:nth-child(3) .on { display:inline-block; }
.vita .niveau[data-niveau="4"] span:nth-child(1) .on,
	.vita .niveau[data-niveau="4"] span:nth-child(2) .on,
	.vita .niveau[data-niveau="4"] span:nth-child(3) .on,
	.vita .niveau[data-niveau="4"] span:nth-child(4) .on { display:inline-block; }
.vita .niveau[data-niveau="5"] span:nth-child(1) .on,
	.vita .niveau[data-niveau="5"] span:nth-child(2) .on,
	.vita .niveau[data-niveau="5"] span:nth-child(3) .on,
	.vita .niveau[data-niveau="5"] span:nth-child(4) .on,
	.vita .niveau[data-niveau="5"] span:nth-child(5) .on { display:inline-block; }

.vita .niveau[data-niveau="1"] span:nth-child(1) .off { display:none; }
.vita .niveau[data-niveau="2"] span:nth-child(1) .off,
	.vita .niveau[data-niveau="2"] span:nth-child(2) .off { display:none; }
.vita .niveau[data-niveau="3"] span:nth-child(1) .off,
	.vita .niveau[data-niveau="3"] span:nth-child(2) .off,
	.vita .niveau[data-niveau="3"] span:nth-child(3) .off { display:none; }
.vita .niveau[data-niveau="4"] span:nth-child(1) .off,
	.vita .niveau[data-niveau="4"] span:nth-child(2) .off,
	.vita .niveau[data-niveau="4"] span:nth-child(3) .off,
	.vita .niveau[data-niveau="4"] span:nth-child(4) .off { display:none; }
.vita .niveau[data-niveau="5"] span:nth-child(1) .off,
	.vita .niveau[data-niveau="5"] span:nth-child(2) .off,
	.vita .niveau[data-niveau="5"] span:nth-child(3) .off,
	.vita .niveau[data-niveau="5"] span:nth-child(4) .off,
	.vita .niveau[data-niveau="5"] span:nth-child(5) .off { display:none; }

.vita-media-preview-row { display:flex; justify-content:top; align-items:left; }
.vita-media-preview-row .ffl-wrapper { display:inline-block; }
.vita-media-preview-row .ffl-wrapper.img-description { width:378px; }
.vita-media-preview-row .ffl-wrapper.video-description { width:378px; }
.vita-image-preview, .vita-video-preview { margin:0 10px 10px 0; display:inline-block; border:1px solid #eee; position:relative; }
.vita-image-preview { width:180px; }
.vita-video-preview { width:180px; }
.vita-image-preview span, .vita-video-preview span { cursor:pointer; position:absolute; right:4px; top:4px; color:#666; background-color:rgba(255,255,255,0.7); padding:4px; width:26px; height:26px; border-radius:13px; text-align:center; line-height:1; z-index:20; }
.vita-media-preview-row textarea { height:120px; margin-bottom:0; }
.vita-media-preview-row video { display:block; }

#pdf-button-message { display:none; padding-left:0.5rem; }

.uploadfiles .dz-preview { display:block; margin:0 0 10px 0; border:1px solid #ccc; padding:10px; text-align:center; }
.uploadfiles .dz-filename, .uploadfiles .dz-progress, .uploadfiles .dz-error-message, .uploadfiles .dz-success-mark, .uploadfiles .dz-error-mark { display:none; }

/* Maps */
#map_canvas { height:500px; }
.large-4 #map_canvas { height:370px; z-index:119; }
#map_canvas.preview { background:url(../Images/Maps-Preview.jpg) no-repeat center center; background-size:cover; padding-top:60px; }
.google-map-consent-link { max-width:600px; margin:0 auto; }
.google-map-consent-link .btn.btn-inline { margin-left:auto; margin-right:auto; }
.infoWindow {
    min-height:150px;
}

/* Statistik */
table.tx_os4me.subTable th { background-color:#ddd; color:#666; }
.stats tr.bg-white { background-color:white; }
.stats tr.bg-gray { background-color:#f1f1f1; }
.stats.unpublished th { background-color:#aaa; }
.stats tr.border-bottom td { border-bottom:1px solid #eee; }
.stats td { vertical-align:top; }
.stats.provider-data td:first-child { width:200px; }
.stats.overview td:last-child { width:100px; }
.stats td > img { width:12px; margin-right:4px; }
.stats td > img + a { vertical-align:middle; }

/* jQuery UI */
.ui-widget-overlay { opacity:0.8; background:#ccc;}
.ui-datepicker { font-size:0.8rem; }
.ui-datepicker select { padding:0 0.15rem 0 0; line-height:1; height:1.5rem; }
.ui-icon.iconOpen {
    background:url('../Images/Arrow_up_red.svg') no-repeat;
    background-size:16px;
    width:23px;
    height:20px;
	float:right;
	margin-top:6px;
	margin-right:4px;
}
.ui-icon.iconClosed {
    background:url('../Images/Arrow_down_red.svg') no-repeat;
    background-size:16px;
    width:23px;
    height:20px;
	float:right;
	margin-top:6px;
	margin-right:4px;
}
.frame-green-accordion .ui-icon.iconOpen {
    background:url('../Images/Arrow_up.svg') no-repeat;
	margin-right:10px;
}
.frame-green-accordion .ui-icon.iconClosed {
    background:url('../Images/Arrow_down.svg') no-repeat;
	margin-right:10px;
}

/* Formular-Meldungen */
.typo3-messages {
	border:0;
	margin:1rem 0;
	padding:0;
	list-style:none;
}
.alert-success { border:1px solid var(--praktibox-dunkelblau); }
.alert-error, .alert-danger { border:1px solid #ff0000; }
.typo3-messages li { padding:1rem; margin-bottom:0.5rem; }
.typo3-messages li p { margin:0; }
.frame-type-felogin_login .alert-success { border:0; padding:0; }

/* Cookie */

.waconcookiemanagement { z-index:1100; }
#CookieBox h2 { border-left:0; }
.cookie-set { display:inline-block; clear:both; color:#fff; border:1px solid #fff; background:#e31e24; text-transform:uppercase; padding:4px 32px 4px 32px; text-align:center; height:32px; line-height:1.5; }
.bottom-bar .cookie-set { padding:0; height:0; min-height:0; }
#CookieBox .cookie-btn { background-color:var(--praktibox-dunkelblau); }

.cookie-consent-container .buttons button {
	margin-left:auto;
	margin-right:auto;
}

.tx-cf-cookiemanager {
	display:none;
}


/* User-Liste */

#reason { border:1px solid #ccc; width:300px; height:100px; }

/* Responsive */

@media screen and ( min-width: 960px ) {
	
	.columns.col-md-1 {
		width:8.33333%;
	}
	.columns.col-md-2 {
		width:16.66666%;
	}
	.columns.col-md-3 {
		width:25%;
	}	
	.columns.col-md-4 {
		width:33.33333%;
	}	
	.columns.col-md-5 {
		width:41.7%;
	}
	.columns.col-md-6 {
		width:50%;
	}
	.columns.col-md-7 {
		width:58.3%;
	}
	.columns.col-md-8 {
		width:66.66666%;
	}
	.columns.col-md-9 {
		width:75%;
	}
	.columns.col-md-10 {
		width:83.33333%;
	}
	.columns.col-md-11 {
		width:91.66666%;
	}
	.columns.col-md-12 {
		width:100%;
	}
}

@media screen and ( min-width: 1024px ) and ( max-width: 1200px ) {

	.slick-prev { left:20px !important; }
	.slick-next { right:20px !important; }
	.slide-text { max-width:44%; }

	.offer-tile { margin-left:0.25rem; margin-right:0.25rem; }
}
    
@media screen and ( max-width: 1024px ) {

    #search-box { top: 95px; }
	
	.header-row .logo img.logo-lrabb {
		width:120px;
		top:30px;
	}
	.scrolled .header-row .logo img.logo-lrabb {
		width:120px;
	}
    
    .ce-bodytext { width: 100%; }
    .ce-right .ce-gallery { float: left; }
    .sticky-side-items { top: 195px; }
	
	.slick-prev { left:20px !important;}
	.slick-next { right:20px !important;}
	.slide-text { max-width:44%; }
	
	.journey-button {
		left:auto;
		margin-left:0;
		right:1.1rem;
	}
}

@media screen and ( max-width: 810px ) {
	
	.header-row .logo img.logo-lrabb {
		display:none;
	}
	
	.frame-tourteaser { margin-top:0; }
	.frame-tourteaser .right-column .frame, .frame-layout-10 { width:100%; }
	.frame-tourteaser .right-column .frame::after, .frame-layout-10:after { bottom:-20px; }
	
	
	.headerbasket .basket-wrap { position:relative; top:auto; left:auto; margin-left:12px; }
	.headerbasket ul.basket-offer-list { width:500px; }
	.headerbasket ul.basket-offer-list li { width:150px; }
}

@media screen and ( max-width: 768px ) {
	
	h1, h2 { font-size:2rem; margin:25px 0 15px 0; }
	h3 { font-size: 1.5rem; }
	
    .main-navigation { padding-top: 25px; }
	.main-header .astronaut { left:auto; right:25px; top:-250px; width:280px; }
	
	.hide-large, .frame-desktophide { display:block !important; }
	.hide-mobile, .frame-mobilehide { display:none !important; }
	
	.slick-slide { max-height:5000px; }
	.p71-slide { max-height:5000px; }
	/*.slick-next, .slick-prev { display:none !important; }*/
	.slick-next, .slick-prev { top:30%; }
	.slick-prev, .slick-next { background-color:var(--praktibox-dunkelblau); width:20px; height:20px; background-size: 16px 16px; }
	.slick-prev:before, .slick-next:before { background-size: 16px 16px; width:20px; height:20px; }
	.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background-color:var(--praktibox-dunkelblau); }
	.slide-text { position:relative; max-width:100%; width:auto; left:auto; right:auto; bottom:auto; }
	
	.journey {
		margin-left:-0.9375rem;
		margin-right:-0.9375rem;
	}
	.journey-button {
		padding:10px 10px 7px 10px;
	}
	.journey-button img {
		width:30px;
	}
	.journey-button img.hover {
		margin-left:15px;
	}
	.journey-button img.hover {
		opacity:0;
		left:50%;
		top:10px;
		margin-left:-15px;
	}
	
	.gp-you-are { display:block; clear:both; height:auto;}
	.gp-you-are:after { content:' ';display:table;width:100%; }
	#guideForm { margin-left:0; padding-bottom:120px; }

	/*#menu-trigger {
		height:99px;
		margin-top:-100px;
	}

	#profile-trigger {
		height:99px;
	}

	#shortcut-trigger {
		height:99px;
		margin-top:-50px;
	}*/
    .sticky-side-items { top: 170px; }
	.provider-logo-row a { width:100px; right:60px; bottom:10px; }
    .info-box { position: relative; width: 100%; top:0; left:0; margin-left:0; }
    .background-image { height: 400px; }
    .news-area .center-column {border-left: 0; border-right: 0; }
	
	.offer-detail-company-image.mt-44 { margin-top:0; }
	
	.offer-basket-sort .logo-wrap img { max-width:100px; }
	
	.rightcontent .filter-list { display:none; }
	
	.news-area .left-column, .news-area .center-column { padding-bottom:2rem; }
	.news-area .center-column, .news-area .right-column { background:none; }
	.table-scroll-right { display:block; }
	.table-scroll-explanation { display:block; font-size:0.8rem; }
	
	.vita .dummy-dist { display:none; }
	.vita .hide-large { opacity:0; }
	.vita .hide-mobile { display:block; }
	.vita-media-preview-row .ffl-wrapper.img-description { width:100%; }
	.vita-media-preview-row .ffl-wrapper.video-description { width:100%; }
	.vita-media-preview-row textarea { height:78px; }
	.vita-media-preview-row .video-description textarea { height:120px; }
	
}

@media screen and ( min-width: 481px ) and ( max-width: 768px ) {
	
	.page-1 main .large-4 { width:100%; }
	.page-1 main .large-4 .project-teaser::after {
	  content: "";
	  clear: both;
	  display: table;
	}
	.columns:first-child .project-teaser:not(.colwidth-3), .columns.large-4:nth-child(2) .project-teaser { margin-bottom:20px; }
	.page-1 main .large-4 .project-teaser h4 { margin-top:-4px; }
	.page-1 main .large-4 .project-teaser .teaser-text { display:inline-block; width:50%; }
	.page-1 main .large-4 .project-teaser img { float:right; }
	.page-1 main .large-4 .project-teaser .teaser-button { left:20px; right:auto; bottom:20px;}
	
}

@media screen and ( max-width: 640px ) {
	
	.header-row {
		min-height:75px;
	}
	.scrolled .header-row {
		min-height:75px;
	}
	.header-row > .row {
		height: 100%;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
	/*.header-row .logo a {
		top:75px;
	}*/
	.header-row .logo img.logo-lrabb {
		/*width:140px;
		margin-right:auto;*/
		position:absolute;
		display:block;
		top:8px;
		left:26px;
		height:56px;
		width:auto;
		opacity:1;
		z-index:9;
	}
	.main-navigation {
		padding-bottom:0;
	}
	.scrolled .header-row .logo img.logo-lrabb {
		top:-80px;
		left:26px;
		opacity:0;
	}
	.scrolled .header-row .logo a {
		top:0;
	}
	
	.breadcrumb {
		margin-top:4rem;
	}
	
	.border-left-white { border-left-width:0; }
	.border-right-white { border-right-width:0; }
	
	.ce-textpic.ce-left.ce-intext .ce-gallery {float:none;}
	
	/* Login mobil weiter unten */
	#c72 .right-column { display:none;}
	#c954 {display:block;margin-bottom:4rem;}
	#c954 input {margin-bottom:0;}
	#c954 #c74 h3 {margin-top:0;font-size:1rem;}
	#c954 p { margin-bottom:0.5rem;}
	#c954 .link-button {height:36px;border-radius:18px;padding-left:8px;padding-right:8px;}
	
	.powermail_fieldset .row {margin-left:0;margin-right:0;}
	
	.mobile-full { display:block !important; width:100% !important; }
	.vita .hide-large { opacity:1; }
	.vita .hide-mobile { display:none; }
	.btn-add-vita-image, .btn-add-vita-video { margin:10px 0 0 0 !important; }
	.vita-media-preview-row textarea { height:76px; }
	.vita-media-preview-row .video-description textarea { height:121px; }
	
	.frame-tourteaser {
		aspect-ratio:3 / 4 auto;
		background-position:left -260px top 0;
	}
	.frame-tourteaser > .row {
		max-width: calc(100% - 30px);
		margin-left:auto;
		margin-right:auto;
		padding:10px;
	}
	.frame-tourteaser .right-column .frame:before, .frame-layout-10:before { left:-40px; }
	.frame-tourteaser h2 { margin-top:0; margin-bottom:8px;font-size:1.3rem; }
	.frame-tourteaser p { font-size:0.95rem; margin-bottom:6px; }
	.frame-tourteaser .right-column .frame h3, .frame-layout-10 h3 { font-size:1.25rem; }
	.frame-tourteaser .right-column .frame p, .frame-layout-10 p { font-size:0.8rem; }
	
}

@media screen and ( min-width: 481px ) {
	
	.bottom-bar .columns:first-child br { display:none; }
	
}

@media screen and ( max-width: 480px ), screen and ( max-height: 480px ) {
	
	h1 { font-size:1.6rem; margin:25px 0 15px 0; }
	h2 { font-size:1.4rem; margin:25px 0 15px 0; }
	h3 { font-size: 1.25rem; }
	
	.mobile-mt-30 { margin-top:30px; }
	
	.user-profile-head { margin:50px 15px 30px 15px; }
	.page-1 .provider-logo-row { display:none; }
	
	.main-navigation {
		padding-top: 24px;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		-ms-transition: all .2s ease;
		transition: all .2s ease;
	}
	.scrolled .main-navigation { padding-top:24px; padding-bottom:8px;}
	.main-navigation > a { margin-right: 15px; }
	.main-navigation > a > img { max-width: none; max-height:30px; width:auto; height:100%; margin-right: 0px; }
	/*.main-navigation > a:nth-child(2) > img  { margin-bottom: 7px; }
	.main-navigation > a:nth-child(3) > img  { width: 28px; margin-bottom: 6px; }*/
	.main-navigation > a > span { display: none; }
	
	.header-background { min-height:240px; background-position:center center; }
	.header-text { padding-top:0; }
	.header-text h2 { margin-top:1rem; font-size:1.6rem; }
	.header-text a { font-size:14px; }
	.main-header .astronaut { left:auto; right:15px; top:-250px; width:140px; }
	
	.frame-tourteaser { margin-bottom:0; }
	.frame-tourteaser .right-column .frame, .frame-layout-10 { margin-bottom:60px; }
	.frame-tourteaser .right-column .frame:after, .frame-layout-10:after { bottom:-44px; }
	.frame-tourteaser .right-column .frame p, .frame-layout-10 p { font-size:1rem; }
	
	.main-header.has-basket .header-background-default:not(.user-bannerimage) { display:none; }
	.headerbasket { height:180px; position:relative; top:auto; left:auto; bottom:auto; right:auto; /*background:url(../Images/Header-Unterseite.jpg) no-repeat top right; background-size:cover;*/ }
	.headerbasket h3 { margin:0; padding-top:10px; font-size:1rem; font-weight:600; }
	.headerbasket ul.basket-offer-list { width:100%; padding-top:12px; padding-bottom:10px; }
	.headerbasket ul.basket-offer-list li { width:80px; height:60px; }
	.headerbasket ul.basket-offer-list li:last-child { margin-right:0; }
	.headerbasket ul.basket-offer-list li > a > span { height:52px; top:4px; }
	.basket-offer-list li.empty-item > span:first-child { font-size:3rem; }
	.headerbasket ul.basket-offer-list li > span:last-child { display:none; }
	.headerbasket .basket-remove, .headerbasket .basket-hint { display:none; }
	.headerbasket .btn.btn-inline.btn-register { display:inline-block; margin-top:8px; width:272px; }
	.headerbasket .btn.no-function { width:272px; }
	.headerbasket #firmentagbox-trigger { display:block; position:absolute; right:10px; bottom:0; width:40px; height:40px; padding-top:6px; background-color:#e31e24; border-radius:20px; text-align:center; color:#fff; font-size:20px; }
	#side-firmentag #firmentagbox-trigger { display:none; }
	
	.off-canvas-content > header > .btn-change-image { display:none; right:1.1rem; bottom:2px; top:auto; }
	
	.sticky-side-items { top: 120px; }
	.sticky-side-item { right: -150px; padding: 8px; }
	.sticky-side-item img { width: 32px; }
	.sticky-side-item:hover { right: 0px; }
	
	.journey-button {
		top:auto;
		padding:10px 10px 7px 10px;
		line-height:1;
	}
	.journey-button span {
		font-size:0.65rem;
		line-height:1;
	}
	
	.frame-type-felogin_login h3 { font-size:1.25rem; }
	
	#guideForm { padding-bottom:180px; }
	#guide-project-3 .guide-question-mark { padding-top:24px !important; }
	
	.frame-graybox { padding:0.5rem 1rem; }
	
	.slick-dotted.slick-slider { margin-bottom:20px; }
	#slickid-394 ul.slick-dots, #slicksync-394 ul.slick-dots { bottom:auto; top:-40px; bottom:auto !important; }
	.slick-next, .slick-prev { top:49%; opacity:0.7; }
	.os4me-slider .slick-next, .os4me-slider .slick-prev { top:59.5%;}
	#slickid-394 .slick-next, #slickid-394 .slick-prev { top:16%;}
	
	.project-teaser .teaser-text { min-height:1px; }
	.project-teaser .teaser-cta { display:block; }
	.columns:first-child .project-teaser:not(.colwidth-3), .columns.large-4:nth-child(2) .project-teaser { margin-bottom:20px; }
	/*.project-teaser .teaser-cta, .project-teaser.colwidth-3 .teaser-cta { position:relative; display:block; bottom:auto; top:auto; left:auto; right:auto; transform:none; width:100%; height:auto; border-radius:0; padding:10px 0 10px 0; font-size:1rem; background-color:#e5e5e5; color:#666; margin-bottom:20px; font-weight:bold; }*/
	.project-teaser .teaser-cta p { margin:0; }
	.project-teaser .teaser-cta br { /*display:none;*/ }
	
	.frame-footerbox { width:100%; }
	.frame-footerbox img { margin:5px auto; }
	
	.news-area .btn.btn-inline { width:auto; padding-left:12px; padding-right:12px; }
	
	.bottom-bar img { float:left; }
	
	#top-link { width:44px; height:44px; border-radius:22px; bottom:20px; }
	#top-link img { width:14px; }
	
	/* Assistenzmodul */
	#eyeAble_customToolOpenerID { width:44px; height:44px; border-radius:22px; top:auto; bottom:78px; }
	
	.hide-small { display:none; }
	
	input[type="checkbox"] + span::before { margin-bottom:0; }
	.off-canvas-wrapper .competence-block input[type="checkbox"] + span::before { margin-bottom:40px; }
	.off-canvas-wrapper .addbottommargin input[type="checkbox"] + span::before { margin-bottom:30px; }
	
	.offer-tile .offer-more-link { /*display:none;*/ left: auto; right: 0; bottom: 10px; }
	.offer-tile > div.back { /*background-image:url(../Images/lupe.png); background-position:right 10px bottom 10px; background-repeat:no-repeat;*/ }
	.offer-tile.booked-up > div.back { background-image:none; }
	.offer-tile > div.back .tile-date-bottom { display:block; }
	.offer-tile .tile-date-bottom { /*bottom:10px; right:10px; left:auto;*/ bottom: -20px; left: 50%; margin-left: -20px; }
	
	.offer-single-view .provider-logo { text-align:center; }
	.offer-detail-company-description { padding-bottom:10px; }
	.offer-detail-offerlist { border-bottom:2px solid #fff; }
	.provider-offers { padding-bottom:1.5rem; }
	div.offer-detail-company-image { padding-top:0; }
	.pagination-label { display:none; }
	.softskills-trigger-elem > p { padding-right:36px; }
	
	.offer-basket-sort .basket-item { float:none; width:100%; }
	.offer-basket-sort .sort-arrows { display:block; float:none; width:100%; padding-top:0; }
	.offer-basket-sort .sort-arrows a { display:inline-block; }
	.offer-basket-sort .sort-arrows a:first-child { transform: rotate(90deg); }
	.offer-basket-sort .sort-arrows a:last-child { transform: rotate(90deg); }
	.offer-basket-sort .logo-wrap { height:auto; min-height:90px; }
	.offer-basket-sort .logo-wrap > div { min-height:90px; }
	.offer-basket-sort .logo-wrap img { max-width:120px; margin:6px auto 0 auto; }
	#registration-step2 .buttons-bottom { display:block; }
	#registration-step2 .buttons-bottom input { margin-right:0; width:100%; }
	
	.page-print-link { display:none; }
	
	label.img-label.wheelchair { margin-bottom:32px; }
	
	table.calendar tr td { font-size:0.9rem !important; padding:0.25rem 0.25rem; }
	table.calendar div img { margin:8px auto; max-width:100%; }
	
	#c215 { margin-bottom:20px; }
	#c227 { height:20px; }
	
	#search-box { left:auto; right:10px;top:84px; }

	#contactEmail > .columns:first-child { margin-bottom:10px; }
	#contactEmailOption-0 { float:left; margin-top:6px; }
	
	.form-check-label { line-height:24px; }
	
	.modal-filter.ui-dialog .ui-dialog-title { font-size:1.5rem; }
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float:none; display:inline-block; }
	.ui-dialog[aria-describedby="modal-filter-professions"] .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog[aria-describedby="modal-filter-branches"] .ui-dialog-buttonpane .ui-dialog-buttonset { display:block; }
	.ui-dialog .ui-dialog-buttonpane .link-button { display:block; width:100%; padding-left:0; padding-right:0; }
	.btn.btn-inline, .powermail_submit, .link-button-invert { display:block; width:100%; margin-bottom:0.75rem; padding-left:0; padding-right:0; }
	.pool-provider .actions { width:100%; }
	.provider-pagination { text-align:center; }
	.provider-pagination .btn.btn-inline { display:inline-block; width:auto; }
	.btn.btn-inline.activate-gm { width:80%; margin-left:auto; margin-right:auto; }
	.google-map-consent-link { max-width:90%; margin-left:auto; margin-right:auto; }
	
	.jobRow .large-4 { margin-bottom:10px; }
	.jobRow .large-11 select { margin-bottom:0; }
	.jobRow .large-1 { margin-bottom:20px; }
	
	textarea#company-description { height:500px; }
	
	#user-croppedimage { margin-bottom:1.75rem; }
	.gray-box a.dropzone-trigger, .gray-box a.delete-image { margin:0; }
	#btn-edit-crop-img { padding-right:0; width:100%; }
	
	.mobile-full { display:block !important; width:100% !important; }
	/*.vita thead td, .vita tbody td { display:block; }*/
	/*.vita-head > tbody > tr > td, .vita-block > table > tbody > tr > td { display:block; width:100% !important; }*/
	.vita-head > tbody > tr > td { display:block; width:100% !important; }
	.vita-head label.w150.inline-block { float:none !important; width:100% !important; }
	/*.vita thead .ffl-wrapper, .vita tbody td:first-child .ffl-wrapper { max-width:75%; }
	.vita thead .vita-actions, .vita tbody tr .vita-actions { opacity:1 !important; }*/
	.vita-block > table > tbody > tr > td { display:block; width:100% !important; }
	.vita-head .vita-block > table > tbody > tr > td:first-child { display:table-cell; width:45% !important; }
	.vita-head .vita-block > table > tbody > tr > td:last-child { display:table-cell; width:55% !important; }
	.vita-head > tbody > tr > td img { max-width:55%; }
	/*.vita-actions-block { position:relative; right:auto; top:0; margin-bottom:0.5rem; }
	.vita-actions-entry { position:absolute; left:auto; right:1rem; top:1rem; }*/
	
	.linked-providers { padding-top:6px; }
	.linked-providers .lp-content { top:36px; white-space:normal; min-width:325px; }
	.linking-select-profession img.ml-10, .linking-select-branch img.ml-10 { margin-left:0; }
	
	#CookieBox .intro p { width:100%; }
	#CookieBox { width:96%; overflow-y:auto; }
	#CookieBox .category { margin-left:0; margin-right:0; }
	#CookieBox .cookie-fix .text-back-right { margin-right:0; width:100%; }
	
	.pool-filter-reset {
		padding-top:20px;
	}
	.pool-filter-reset img {
		display:none;
	}
	.pool-provider .actions {
		position:relative;
		right:auto;
		bottom:auto;
	}
	.pool-provider.pool-provider-top .actions {
		bottom:auto;
	}
	.pool-provider .actions button {
		margin-left:0;
	}
	.provider-pagination .btn-inline {
		display:inline-block;
		width:auto;
	}
	.journey-modal {
		position:fixed !important;
		top:10px !important;
		left:10px !important;
		height:calc(100% - 50px) !important;
	}
	.journey-modal .ui-dialog-content {
		height:85% !important;
		overflow-y:auto;
	}
	.ui-dialog-content .columns {
		padding-left:0;
		padding-right:0;
	}
	#offerPreviewDialog.ui-dialog-content .bg-gray > .columns {
		padding-left:1rem;
		padding-right:1rem;
	}
	#offerPreviewDialog.ui-dialog-content .bg-gray > .columns .columns {
		padding-left:0;
		padding-right:0;
	}
	.ui-dialog.preview {
		border:0;
	}
	.ui-dialog.preview.red-buttons .ui-dialog-buttonpane button {
		padding:4px 15px 4px 15px;
	}
	.ui-tooltip {
		min-width:320px;
	}
	.competence-description {
		width:auto;
		left:0;
		right:0;
	}
	.competence-block .table-scroll-explanation {
		display:none;
	}
	.competence-star.mt-57 {
		margin-top:-80px !important;
	}
	.linking table.profession-selection tbody td:last-child {
		width:60px;
	}
	.linking .table-wrap .table-scroll-right {
		display:none;
	}
	.off-canvas-wrapper .competence-block table.profession-selection input[type="checkbox"] + span::before {
		margin-bottom:0;
	}
	.off-canvas-wrapper .competence-block table.profession-selection .mtm-4 {
		margin-top:3px !important;
		vertical-align:top;
	}
	.off-canvas-wrapper .competence-block .linking table.profession-selection tbody td, .off-canvas-wrapper .competence-block .linking table.profession-selection tbody td * {
		vertical-align:top;
	}
	
	.row > p.p-arrow-link {
		padding-left:15px;
		padding-right:15px;
	}
	
	.news-list-view .article:last-child {
		padding-bottom:2rem;
	}
	.news-list-view .news-list-date, .news-list-view .news-list-author {
		font-weight:normal;
	}
	
	textarea.limited-print {
		margin-bottom:40px;
	}
	.content-count {
		top:calc(100% + 5px);
	}
	.btn.btn-inline + .btn.btn-inline {
		margin-left:0;
	}
   
}

@media screen and ( max-width: 412px ) {

	.main-navigation > a { margin-right: 10px; }
	.main-navigation > a > img { max-width: none; max-height:24px; width:auto; height:100%; margin-right: 0px; }
}

@media screen and ( max-width: 360px ) {
    
	.main-navigation > a { margin-right: 10px; }
	.main-navigation > a > img {  }
	
	.header-text h2 { font-size:1.3rem; }
	a#search-switch img {margin-bottom:6px;}
	.off-canvas-wrapper .competence-block input[type="checkbox"] + span::before { margin-bottom:70px; }
	.off-canvas-wrapper .competence-block p.select-profession-hint input[type="checkbox"] + span::before { margin-bottom:0; }
	.off-canvas-wrapper #frmUserLinking .competence-block input[type="checkbox"] + span::before { margin-bottom:100px; }
	.off-canvas-wrapper #frmUserLinking .competence-block p.select-profession-hint input[type="checkbox"] + span::before { margin-bottom:0; }
	.off-canvas-wrapper #frmUserLinking .competence-block table.profession-selection input[type="checkbox"] + span::before {
		margin-bottom:0;
	}
	.os4me-slider .slick-next, .os4me-slider .slick-prev { top:56%;}
	
	h1 {
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;}
	
	.ui-tooltip {
		min-width:200px;
	}
    
}