/*
 Theme Name:	Twenty Sixteen Child Theme
 Theme URI:		https://aokbw-talentpool.de
 Description:	A bare-bones child theme for use with Twenty Sixteen Theme from <a href="https://wordpress.org/">Wordpress</a>. To use this Child Theme, you must have <a href="https://wordpress.org/themes/twentysixteen/">twentysixteen</a> parent theme installed.
 Author:		Maxim Galsterer
 Author URI:	https://galsterer.me
 Template:		twentysixteen
 Version:		1.0.0
*/

/* Fonts */

	@font-face {
		font-family: Frutiger;
		src: url(fonts/FrutigerLTPro-Light.ttf);
		font-style: normal;
		font-weight: 200;
	}

	@font-face {
		font-family: Frutiger;
		src: url(fonts/FrutigerLTPro-Roman.ttf);
		font-style: normal;
		font-weight: 400;
	}

	@font-face {
		font-family: Frutiger;
		src: url(fonts/FrutigerLTPro-Bold.ttf);
		font-style: normal;
		font-weight: 700;
	}

/* Basic */

	html {
		-webkit-font-smoothing: antialiased;
	} body {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	} body.custom-background {
		background-repeat: repeat !important;
	} body, button, button[disabled], button[disabled]:hover, input, select, textarea, .main-navigation {
		font-family: Frutiger, Arial, sans-serif;
	} select::-ms-expand {
		display: none;
	}

	h1, h2, h3, .entry-title, .site-branding .site-title a, .site-branding .site-title .nav-title, .widget .widget-title, blockquote p, .site-footer .site-title, .post-navigation .post-title, .page-title {
		color: #0d882e !important;
		letter-spacing: -1px;
		text-transform: none;
		font-weight: 400 !important;
	} h4 {
		line-height: normal;
		margin-bottom: 7.5px;
	} h5, blockquote {
		color: #7e7f80;
		font-weight: 300;
		line-height: normal;
	} blockquote {
		border: 0 none;
	} blockquote:before, blockquote:after {
		content: '"';
		display: inline;
		color: #000;
	}

	a {
		color: #0d882e;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
	}

	.widget {
		border-width: 2px;
		font-size: 1rem;
	} .widget, .panel-grid .widget {
		overflow: hidden;
	}

	::-moz-selection {
		background: #0d882e;
		color: #fff;
	} ::selection {
		background: #0d882e;
		color: #fff;
	}

/* Cookie */

	#cn-accept-cookie {
		color: #fff !important;
		font-weight: 700 !important;
		text-shadow: none !important;
		border-top-color: #20a623 !important;
		border-left-color: #108d13 !important;
		border-right-color: #108d13 !important;
		border-bottom-color: #007503 !important;
		background: linear-gradient(to bottom,#00c307,#039103) #039103 !important;
	}

/* Header */

	.site-header {
		padding: 0 4.5455%;
		position: absolute;
		z-index: 1;
		width: 100%;
	} .site-branding, .site-header-menu, .header-image {
		margin: 0;
	} .site-branding {
		display: flex;
	} .custom-logo {
		margin-right: 20px;
	} .site-branding .site-title a {
		font-weight: 800 !important;
		color: #000 !important;
		font-size: 32px;
		text-transform: uppercase !important;
	} .site-description {
		margin: 0;
		font-size: 10px;
	}

	.site-header-menu {
		margin: 1.75em 0 1.75em auto;
	}

	.main-navigation a {
		font-size: 14px;
		text-transform: uppercase;
	} .main-navigation li.login a, .main-navigation li.account a {
		background-color: #0d882e;
		border-radius: 20px;
		color: #fff;
	} .main-navigation li.login a:hover, .main-navigation li.account a:hover {
		opacity: .8;
		color: #fff;
	} .main-navigation li a:before {
		font-family: "Font Awesome 5 Free";
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		margin-right: 10px;
	} .main-navigation li.login a:before, .main-navigation li.account a:before {
		content: "\f007";
	} .main-navigation li.dashboard a:before {
		content: "\f022";
	} .main-navigation li.menu-item-28 a:before, .main-navigation li.menu-item-118 a:before {
		content: "\f086";
	}

/* Front Page */

	.home .site-main {
		overflow: hidden;
		margin-bottom: 0;
	} .home .site-content {
		background-color: transparent !important;
		padding: 0;
	}

	.home .entry-header {
		position: relative;
		padding-top: 100vh;
		min-height: 100vh;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
	} .home .entry-title {
		padding-left: 350px;
		width: calc(500px + 350px);
		margin: 0 auto;
		font-size: 40px;
		font-weight: 800 !important;
		color: #fff !important;
		text-transform: uppercase;
		text-align: center;
	} .home .entry-title span {
		color: #aec47b !important;
		display: block;
		font-size: 60px;
	}

	.home .step {
		opacity: 0;
		position: absolute;
		animation-name: fade-in;
		animation-duration: .5s;
		animation-fill-mode: forwards;
	} .home .step-1 {
		top: 10%;
		left: 60%;
		animation-delay: .5s;
	} .home .step-2 {
		top: 20%;
		left: 35%;
		animation-delay: 1s;
	} .home .step-3 {
		top: 30%;
		left: 50%;
		animation-delay: 1.5s;
	} .home .step-4 {
		top: 40%;
		left: 35%;
		animation-delay: 2s;
	}

	@keyframes fade-in {
		0%   { opacity: 0; }
		100% { opacity: 1; }
	}

	.home .plant-container {
		color: #fff;
		overflow: hidden;
		padding: 0 4.5455%;
		margin-top: 10vh;
		background-color: rgba(13, 136, 46, .75);
	} .home .plant-container img {
		margin: 5% auto;
		display: block;
	} .home .plant-content {
		column-count: 2;
		column-gap: 50px;
		margin-bottom: 50px;
	}

	.home .feature-container {
		display: flex;
		overflow: hidden;
		padding: 4.5455% 0;
		background-image: url("/wp-content/uploads/bg.jpg");
		background-size: cover;
	} .home .feature {
		padding: 0 4.5455%;
		width: 33.3333%;
	}  .home .feature img {
		margin: 5% auto;
		display: block;
	}

/* Page */

	.site-inner {
		max-width: none;
	} .site-content {
		padding: 150px 4.5455% 0;
	} .content-area.full-width {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h4, .comment-content h5, .comment-content h6 {
		margin: 25px 0 5px;
	}

/* Single */

	.entry-category ul {
		display: flex;
		list-style: none;

		margin: 0 auto !important;
		padding: 0;
		max-width: 1200px;
		text-align: center;
	} .entry-category ul li {
		width: 20%;
		border-right: 1px solid #0d882e;
	} .entry-category ul li:last-child {
		border-right: 0 none;
	} .entry-category ul li img {
		width: 50%;
		/* opacity: .5; */
		margin: 25px auto;
		display: block;
	} .entry-category ul li.active img {
		opacity: 1;
	} .entry-category ul li a {
		display: block;
		min-height: 60px;
		line-height: normal;
	} .entry-category ul li ul {
		display: block;
		padding: 10px;
	} .entry-category ul li ul li {
		width: 100%;
		margin-bottom: 10px;
	} .entry-category ul li ul li a {
		line-height: normal;
		height: 75px;
		width: 100%;
		color: #fff;
		/* opacity: .5; */
		display: table;
		background-color: #0d882e;
	} .entry-category ul li ul li a span {
		padding: 0 10px;
		display: table-cell;
		vertical-align: middle;
	} .entry-category ul li ul li.active a, .entry-category ul li ul li a:hover {
		opacity: 1;
	}

/* Background Image */

	.page-template-background-image .site, .page-template-dashboard .site {
		background-color: transparent;
	}

/* Dashboard */

	.page-template-dashboard p {
		margin: 0;
	} .page-template-dashboard ul.contact, ul.contact {
		list-style: none;
	}

	.page-template-dashboard .user-filter {
		margin-bottom: 5%;
		overflow: hidden;
	} .page-template-dashboard .user-filter form {
		float: right;
		color: #fff;
	} .page-template-dashboard .user-filter form input[type="search"] {
		color: #fff;
		width: 200px;
		margin-right: 10px;
		background-color: rgba(255,255,255,.25);
		border: 2px solid #fff;
		transition: all .3s;
	} .page-template-dashboard .user-filter form select:hover, .page-template-dashboard .user-filter form select:focus {
		background-color: rgba(255,255,255,.5);
	} .page-template-dashboard .user-filter form select {
		color: #fff;
		line-height: 1;
		margin-left: 10px;
		background-color: rgba(255,255,255,.25);
		background-image: url(/wp-content/uploads/arrow-down-white.svg);
		border: 2px solid #fff;
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		transition: all .3s;
		cursor: pointer;
	} .page-template-dashboard .user-filter form select:hover {
		background-color: rgba(255,255,255,.5);
	} .page-template-dashboard .user-filter form select option {
		color: #69717a;
	}

	.page-template-dashboard .user-container {
		clear: both;
		display: grid;
		grid-gap: 5%;
		grid-row-gap: 50px;
		grid-template-columns: 21.25% 21.25% 21.25% 21.25%;
	}

	.page-template-dashboard .user-container .user {
		cursor: pointer;
	}

	.page-template-dashboard .user-container .user .avatar {
		width: 40%;
		float: left;
		margin-top: -45px;
		margin-left: -45px;
		border-radius: 50%;
	} .page-template-dashboard .user-container .user .user-header {
		width: 50%;
		float: left;
		margin-left: 10%;
		font-size: 1.25em;
	} .page-template-dashboard .user-container .user .user-content {
		clear: both;
		padding-top: 20px;
	} .page-template-dashboard .user-container .user .user-content .icon {
		width: 15px;
		margin-right: 10px;
	}

	/* Flip Card */

	.page-template-dashboard .user-container .user {
		min-height: 400px;
		perspective: 400px;
	} .page-template-dashboard .user-container .user .user-flip-card {
		width: 100%;
		min-height: 400px;
		position: relative;
		transition: transform 1s;
		transform-style: preserve-3d;
	} .page-template-dashboard .user-container .user.active .user-flip-card /* , .page-template-dashboard .user-container .user:hover .user-flip-card */ {
		transform: rotateY(180deg);
	}

	.page-template-dashboard .user-container .user .flip-init {
		position: absolute;
		bottom: 0; right: 0;
		z-index: 1;

		width: 50px;
		height: 50px;
		cursor: pointer;
	} .page-template-dashboard .user-container .user.active .flip-init {
		left: 0;
	}

	.page-template-dashboard .user-container .user .user-front, .page-template-dashboard .user-container .user .user-back {
		width: 100%;
		height: 100%;
		padding: 20px 10px;
		position: absolute;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.page-template-dashboard .user-container .user .user-front {
		background-color: #fff;
		background-image: url(/wp-content/uploads/icon-flip-card-front.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		border-bottom-right-radius: 10px;
	}

	.page-template-dashboard .user-container .user .user-back {
		color: #fff;
		padding: 20px;
		background-color: #0d882e;
		background-image: url(/wp-content/uploads/icon-flip-card-back.png);
		background-repeat: no-repeat;
		background-position: bottom left;
		border-bottom-left-radius: 10px;

		transform: rotateY(180deg);
	} .page-template-dashboard .user-container .user .user-back .user-header {
		width: 100%;
		float: none;
		margin: 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #fff;
	} .page-template-dashboard .user-container .user .user-back .user-content li {
		font-size: .9rem;

		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

		white-space: normal;
	}

	/* Percentage Chart */

	.circular-chart {
		display: block;
		margin: 50px auto 0;
		max-width: 60%;
		max-height: 250px;
	}

	.circle-bg {
		fill: none;
		stroke: #eee;
		stroke-width: 3.8;
	}

	.circle {
		fill: none;
		stroke: #0d882e;
		stroke-width: 2.8;
		stroke-linecap: round;
		animation: progress 1s ease-out forwards;
	}

	@keyframes progress {
		0% {
			stroke-dasharray: 0 100;
		}
	}

	.percentage {
		fill: #666;
		font-family: sans-serif;
		font-size: 0.5em;
		text-anchor: middle;
	}

	.third {
		float: left;
		width: 33.3333%;
	} .third .circular-chart {
		margin-top: 10px;
	} .third .circle-bg {
		stroke: #0e7835;
	} .third .circle {
		stroke: #81c0a8;
	} .third .percentage {
		fill: #fff;
	} .third p {
		font-size: 10px;
		text-align: center;

		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

		white-space: normal;
	}

	/* Modal (and Account Overview) */

	.page-template-dashboard .modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;

		width: 100vw;
		height: 100vh;
		display: block;

		opacity: 0;
		visibility: hidden;
		transition: all .3s;

		background-color: rgba(255,255,255,.5);
		-webkit-backdrop-filter: blur(8px);
		-moz-backdrop-filter: blur(8px);
		backdrop-filter: blur(8px);
	} .page-template-dashboard .modal-user.active {
		opacity: 1;
		visibility: visible;
	} .page-template-dashboard .modal-user .close {
		position: absolute;
		top: calc(15% - 20px);
		right: calc(20% - 20px);
		z-index: 1;

		width: 40px;
		height: 40px;
		line-height: 35px;
		text-align: center;
		font-size: 30px;

		color: #fff;
		background-color: #0d882e;
		border-radius: 50%;
		cursor: pointer;

		opacity: 1;
		transition: all .3s;
	} .page-template-dashboard .modal-user .close:hover {
		opacity: .8;
		color: #fff;
	} .page-template-dashboard .modal-user .modal-inner {
		position: absolute;
		top: 15%;
		right: 20%;
		bottom: 5%;
		left: 20%;

		overflow-y: scroll;
		background-color: #fff;
		border-top-left-radius: 125px;
	}

	.page-template-dashboard .modal-user .avatar,
	.user-registration-account .avatar {
		width: 250px;
		float: left;
		border-radius: 125px;
	} .page-template-dashboard .modal-user .user-header, .page-template-dashboard .modal-user aside, .page-template-dashboard .modal-user .user-content,
	.user-registration-account .user-header, .user-registration-account aside, .user-registration-account .user-content {
		width: calc(100% - 300px);
		float: left;
		padding: 20px 40px;
		margin-left: 50px;
	} .page-template-dashboard .modal-user .user-header h4, .page-template-dashboard .modal-user .user-header h5,
	.user-registration-account .user-header h4, .user-registration-account .user-header h5 {
		font-size: 1.5em;
	} .page-template-dashboard .modal-user .user-header ul,
	.user-registration-account .user-header ul {
		margin-top: 50px;
	} .page-template-dashboard .modal-user .user-header .icon,
	.user-registration-account .user-header .icon {
		width: 15px;
		margin-right: 10px;
	} .page-template-dashboard .modal-user aside,
	.user-registration-account aside {
		clear: both;
		width: 250px;
		margin: 0;
		text-align: center;
	}

/* Account */

	#user-registration .user-registration-MyAccount-navigation ul {
		border: 0 none;
		background-color: #0d882e;
		border-top-left-radius: 25px;
		border-bottom-left-radius: 25px;
	} #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:first-child {
		border-top-left-radius: 25px;
	} #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:last-child {
		border-bottom-left-radius: 25px;
	}

	#user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
		color: #fff;
	} #user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
		color: #000;
	}

	#user-registration.vertical .user-registration-MyAccount-content {
		border-radius: 25px;
		border-top-left-radius: 0;
	}

	/* Overview */

	.avatar {
		width: 250px;
		text-align: center;
	}

	.avatar button {
		padding: 5px 10px;
		font-size: 14px;
		font-weight: normal;
		text-transform: none;
	}

	.avatar img {
		border-radius: 50%;
	}

	#wpua-preview img, #wpua-thumbnail img, #wpua-preview-existing img, #wpua-thumbnail-existing img {
		width: 250px;
		height: 250px;
		max-height: none !important;
	}

	#wpua-preview-existing .description, #wpua-thumbnail-existing, #wpua-undo-button-existing, #wpua-remove-button-existing, .avatar h3 {
		display: none !important;
	} #wpua-preview, #wpua-preview-existing {
		margin-right: 0 !important;
	}

	#wpua-add-button-existing {
		position: absolute;
		width: 250px;
		height: 250px;
	} #wpua-add-button-existing button {
		width: 250px;
		height: 250px;
		background-color: rgba(0,0,0,.33);
		border-radius: 50%;
	} #wpua-add-button-existing button:hover {
		background-color: rgba(0,0,0,.66);
	}

/* Formular */

	.input-hide,
	#user_registration_input_hide_1_field label, #user_registration_input_hide_1_field input, #user_registration_input_hide_2_field label, #user_registration_input_hide_2_field input, #user_registration_input_hide_3_field label, #user_registration_input_hide_3_field input, #user_registration_input_hide_4_field label, #user_registration_input_hide_4_field input, #user_registration_input_hide_5_field label, #user_registration_input_hide_5_field input,
#user_registration_ausbildung_2_field label, #user_registration_ausbildung_3_field label {
		display: none !important;
	} .ur-frontend-form form .ur-form-row {
		display: block;
	} .form-row {
		margin: 0;
	} .user-registration-profile-fields {
		position: relative;
	} .user-registration-profile-fields__field-wrapper {
		padding-bottom: 50px;
	} .user-registration-profile-fields__field-wrapper, .ur-frontend-form form.register {
		padding-bottom: 100px;
	} .form-row {
		overflow: hidden;
	} span.description {
		color: #0d882e;
		font-size: 16px;
		font-weight: 700;
		margin-top: 40px;
		display: block;
	}

	::-webkit-input-placeholder {
		color: #0d882e;
	} ::-moz-placeholder {
		color: #0d882e;
	} :-ms-input-placeholder {
		color: #0d882e;
	} input::placeholder {
		color: #0d882e;
	} .ur-frontend-form form .ur-form-row .ur-form-grid input[type="date"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid input[type="email"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid input[type="number"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid input[type="password"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid input[type="phone"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid input[type="text"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid input[type="timepicker"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid input[type="url"]::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid select::-moz-placeholder, .ur-frontend-form form .ur-form-row .ur-form-grid textarea::-moz-placeholder {
		color: #0d882e;
	}

	.ajax-load {
		width: 40px;
		height: 40px;
		padding: 0;
		font-size: 0;
		background-color: transparent;
		border: 3px solid #fff;
		border-radius: 50%;
		border-left-color: #0d882e;
		-webkit-animation: rotating 2s 0.25s linear infinite;
		animation: rotating 2s 0.25s linear infinite;

		margin-right: 25px;
		float: left;
		opacity: 0;
		visibility: hidden;
	} .ajax-load.active {
		opacity: 1;
		visibility: visible;
	} @-webkit-keyframes rotating {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		} to {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	} @keyframes rotating {
		from {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		} to {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}

	label:not(.radio, .checkbox) {
		margin: 20px 0 5px !important;
		line-height: 1 !important;
	}

	button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus, .pagination:before, .pagination:after, .pagination .prev, .pagination .next, .page-links a {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		transition: all 0.3s;
	} button[disabled], button[disabled]:hover {
		background-color: #a6a7a8;
		border-radius: 25px;
		opacity: .5;
	}

	input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], select, textarea {
		border: none;
		border-bottom: 1px solid #69717a;
		outline: 0;
		-webkit-transition: all .35s;
		transition: all .35s;
		padding: 10px 15px;
		background-color: #f8f9fa;
		color: #69717a;
		height: 45px;
	} input.error:not(:valid), textarea.error:not(:valid), input.error:focus:not(:valid), textarea.error:focus:not(:valid) {
		background-color: rgba(255,0,0,.1) !important;
		border-color: red !important;
	}

	select, .ur-frontend-form.ur-frontend-form--bordered form .ur-form-row .ur-form-grid select {
		width: auto;
		padding: 0 50px 0 15px;

		background-image: url(/wp-content/uploads/arrow-down.svg);
		background-position: right 15px center;
		background-repeat: no-repeat;
		background-size: 20px 20px;

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.radio {
		color: #000 !important;
		width: 100px !important;
		height: 25px;
		line-height: 25px;
		text-align: center;
		position: relative;
		margin: 0 1% 1% 2.5px;
	} .radio input[type="radio"] {
		border: 1px solid #0d882e;
		width: 100px;
		height: 25px;

		position: absolute;
		left: 0;
		z-index: -1;

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	} .radio input::-ms-check {
		display: none;
	} .radio input[type="radio"]:checked {
		background-color: #0d882e;
	} #user_registration_restriktion_field .radio, #user_registration_restriktion_field .radio input[type="radio"],
	#restriktion_field .radio, #restriktion_field .radio input[type="radio"] {
		width: 225px !important;
	}

	#user_registration_input_hide_1_field, #user_registration_input_hide_2_field, #user_registration_input_hide_3_field, #user_registration_input_hide_4_field,
	#user_registration_ausbildung_field,
	#user_registration_alleinstellungsmerkmal_field,

	#input_hide_1_field, #input_hide_2_field, #input_hide_3_field, #input_hide_4_field,
	#ausbildung_field,
	#alleinstellungsmerkmal_field {
		clear: both;
	} #user_registration_jahr_1_field, #user_registration_jahr_2_field, #user_registration_jahr_3_field,
	#user_registration_beruf_von_1_field, #user_registration_beruf_von_2_field, #user_registration_beruf_von_3_field,
	#user_registration_beruf_bis_1_field, #user_registration_beruf_bis_2_field, #user_registration_beruf_bis_3_field,
	#user_registration_projekt_von_1_field, #user_registration_projekt_von_2_field, #user_registration_projekt_von_3_field,
	#user_registration_projekt_bis_1_field, #user_registration_projekt_bis_2_field, #user_registration_projekt_bis_3_field,
	#user_registration_projekt_name_1_field, #user_registration_projekt_name_2_field, #user_registration_projekt_name_3_field,
	#user_registration_projekt_taetigkeit_1_field, #user_registration_projekt_taetigkeit_2_field, #user_registration_projekt_taetigkeit_3_field,
	#user_registration_kompetenz_skill_1_field, #user_registration_kompetenz_skill_2_field, #user_registration_kompetenz_skill_3_field,

	#jahr_1_field, #jahr_2_field, #jahr_3_field,
	#beruf_von_1_field, #beruf_von_2_field, #beruf_von_3_field,
	#beruf_bis_1_field, #beruf_bis_2_field, #beruf_bis_3_field,
	#projekt_von_1_field, #projekt_von_2_field, #projekt_von_3_field,
	#projekt_bis_1_field, #projekt_bis_2_field, #projekt_bis_3_field,
	#projekt_name_1_field, #projekt_name_2_field, #projekt_name_3_field,
	#projekt_taetigkeit_1_field, #projekt_taetigkeit_2_field, #projekt_taetigkeit_3_field,
	#kompetenz_skill_1_field, #kompetenz_skill_2_field, #kompetenz_skill_3_field {
		width: 24%;
		margin-right: 1%;
		float: left;
	} #user_registration_beruf_taetigkeit_1_field, #user_registration_beruf_taetigkeit_2_field, #user_registration_beruf_taetigkeit_3_field,
	#beruf_taetigkeit_1_field, #beruf_taetigkeit_2_field, #beruf_taetigkeit_3_field {
		width: 49%;
		margin-right: 1%;
		float: left;
	} #user_registration_abschluss_1_field, #user_registration_abschluss_2_field, #user_registration_abschluss_3_field,
	#user_registration_kompetenz_1_field, #user_registration_kompetenz_2_field, #user_registration_kompetenz_3_field,

	#abschluss_1_field, #abschluss_2_field, #abschluss_3_field,
	#kompetenz_1_field, #kompetenz_2_field, #kompetenz_3_field {
		width: 74%;
		margin-right: 1%;
		float: left;
	}

	.slick-arrow {
		border-radius: 25px;
		background-color: #0d882e;

		position: absolute;
		bottom: 0;
		z-index: 1;
	} .slick-prev {
		left: 0;
	} .slick-next {
		right: 0;
	} .slick-arrow:hover {
		opacity: .8;
	} .slick-disabled, .slick-disabled:hover {
		cursor: default;
		background-color: #a6a7a8;
		opacity: 1;
	} .slick-disabled {
		display: none !important;
	}

	.slick-dots {
		position: absolute;
		bottom: 0;

		width: 100%;
		display: flex;
		justify-content: center;

		margin: 0;
		list-style: none;
		pointer-events: none;
	} .slick-dots li {
		width: 50px;
		height: 20px;
		font-size: 0;
		background-color: #a6a7a8;
	} .slick-dots li:first-child {
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	} .slick-dots li:last-child {
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	} .slick-dots li.slick-active {
		background-color: #0d882e;
	} .slick-dots li button {
		font-size: 0;
	}

	input[type="submit"], .action-button,
	.ur-frontend-form form button[type=submit], .ur-frontend-form form input[type=submit],
	.ur-frontend-form.ur-frontend-form--bordered form button[type="submit"], .ur-frontend-form.ur-frontend-form--bordered form input[type="submit"] {
		color: #fff;
		padding: 16px 20px;
		text-transform: none;
		font-family: Frutiger, Arial, sans-serif;
		font-weight: normal;
		font-size: 16px;
		border: 0 none;
		border-radius: 25px;
		background-color: #0d882e;
		transition: all .3s;
	} .user-registration-edit-profile .ur-frontend-form form button[type=submit], .user-registration-edit-profile .ur-frontend-form form input[type=submit],
	.ur-frontend-form form.register button[type=submit], .ur-frontend-form form.register input[type=submit] {
		position: absolute;
		bottom: 0; right: 0;
		z-index: 1;
	} input[type="submit"]:hover, .action-button:hover,
	.ur-frontend-form form button[type=submit]:hover, .ur-frontend-form form input[type=submit]:hover,
	.ur-frontend-form.ur-frontend-form--bordered form button[type="submit"]:hover, .ur-frontend-form.ur-frontend-form--bordered form input[type="submit"]:hover {
		background-color: #0d882e;
		opacity: .8;
		color: #fff;
	} .ur-frontend-form form.edit-profile button[type=submit], .ur-frontend-form form.edit-profile input[type=submit],
	.ur-frontend-form form.register button[type=submit], .ur-frontend-form form.register input[type=submit] {
		display: none;
	}

	/* Input Range */

	input[type="range"] {
		-webkit-appearance: none;
		background: transparent;
		margin: 20px 0 0;
		width: 100%;
		display: block;
		border: 1px solid transparent;
	} input[type="range"]::-webkit-slider-runnable-track {
		width: 100%;
		height: 5px;
		background: #ddd;
		border: none;
		border-radius: 3px;
	} input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		border: none;
		height: 16px;
		width: 16px;
		border-radius: 50%;
		background: #0d882e;
		margin-top: -4px;
	}

	input[type="range"]:focus {
		outline: none;
		box-shadow: none;
	} input[type="range"]:focus::-webkit-slider-runnable-track {
		background: #ccc;
	} input[type="range"]::-moz-range-track {
		width: 100%;
		height: 5px;
		background: #ddd;
		border: none;
		border-radius: 3px;
	} input[type="range"]::-moz-range-thumb {
		border: none;
		height: 16px;
		width: 16px;
		border-radius: 50%;
		background: #0d882e;
	}

	input[type="range"]:-moz-focusring {
		outline: 1px solid white;
		outline-offset: -1px;
	} input[type="range"]::-ms-track {
		width: 100%;
		height: 5px;
		background: transparent;
		border-color: transparent;
		border-width: 6px 0;
		color: transparent;
	} input[type="range"]::-ms-fill-lower {
		background: #777;
		border-radius: 10px;
	} input[type="range"]::-ms-fill-upper {
		background: #ddd;
		border-radius: 10px;
	} input[type="range"]::-ms-thumb {
		border: none;
		height: 16px;
		width: 16px;
		border-radius: 50%;
		background: #0d882e;
	} input[type="range"]:focus::-ms-fill-lower {
		background: #888;
	} input[type="range"]:focus::-ms-fill-upper {
		background: #ccc;
	}

	input[type="range"] + output {
		display: block;
		text-align: center;
		margin-bottom: 20px;
		position: relative;
	} input[type="range"] + output:before {
		content: '0';
		position: absolute;
		left: 5px;
	} input[type="range"] + output:after {
		content: '100';
		position: absolute;
		right: 0;
	}

/* Footer */

	.content-bottom-widgets {
		clear: both;
	} .content-bottom-widgets .widget-area {
		width: 30%;
		float: left;
		margin: 0 3.3333% 0 0;
	} .content-bottom-widgets .widget-area .widget {
		margin: 0;
	}

	.widget .widget-title, .entry-footer h3 {
		font-size: 1.5rem;
	}

	aside .widget a {
		color: #fff;
	} aside .widget a:hover {
		color: #0d882e;
	}

	/* Breadcrumbs */

	#breadcrumbs a, #breadcrumbs span, #breadcrumbs strong {
		font-size: 11px;
	}

	/* Site Footer */

	.site-footer {
		padding: 1em 4.5455%;
		background-color: #2f3031;
	}

	.site-info {
		font-size: 14px;
		text-align: center;
	} .site-info .site-title a {
		color: #fff;
	}

	.site-footer .site-title:after, .site-footer .site-legal:after {
		content: '|';
		display: inline-block;
		font-family: Montserrat, "Helvetica Neue", sans-serif;
		opacity: 0.7;
		padding: 0 0.5em;
	} .site-footer .site-legal.last:after {
		content: '';
	}

	.social-navigation a {
		color: #fff;
		border: 2px solid #0d882e;
	}

	.site-footer {
		display: flex;
		flex-flow: column;
	}
	.site-footer .social-navigation {
		order: 0;
	}
	.site-info {
		margin: 0 auto;
		color: #fff;
		text-transform: uppercase;
	}
	.footer-text {
		margin-top: 15px;
	}
	.footer-copyright {
		margin-bottom: 15px;
	}
	.site-legal a {
		color: #fff;
	}
	.social-links-menu a {
		background-color: #0d882e;
	}
	.social-links-menu {
		justify-content: center;
		display: flex;
	}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	.radio input {
		margin-left: 80px;
	}

}

@media screen and (min-width: 44.375em) {

	.site {
		margin: 0;
	}
}

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

	.page-template-dashboard .user-filter form select {
    margin-left: 0px;
	}
	body.custom-background {
		background-repeat: repeat !important;
		background-position: 0 0 !important;
		background-attachment: scroll !important;
		background-size: auto;
	}

	.home .step-4 {
		top: 30%;
		left: 25%;
		animation-delay: 2s;
	}
	.page-template-dashboard .user-container {
    grid-template-columns: 45% 45%;
		grid-gap: 10%;
    grid-row-gap: 50px;
	}
}

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

	.user-registration-account .avatar {
		width: 100%;
		position: relative;
	}
	#wpua-add-button-existing button {
		position: absolute;
		left: 82%;
	}
	#user-registration.vertical .user-registration-MyAccount-content {
    width: 100%;
	}
	#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:last-child {
		border-bottom-left-radius: 0;
	}#user-registration .user-registration-MyAccount-navigation ul {
		border-bottom-left-radius: 0;
		border-top-right-radius: 25px;
	}#user-registration.vertical .user-registration-MyAccount-content {
		border-top-right-radius: 0;
		text-align: center;
	}#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:first-child {
		border-top-right-radius: 25px;
	}
	#user-registration.vertical .user-registration-MyAccount-navigation {
    width: 100%;
	}

	.user-registration-account .avatar {
    width: 100%;
	}

	.home .entry-title {
    padding-left: 175px;
	}
	.site-footer .social-navigation {
		margin-bottom: 0;
	}
	.page-template-dashboard .user-filter form {
		margin-bottom: 50px;
	}
	.page-template-dashboard .user-filter form input[type="search"] {
    width: 321px;
		margin-right: 0;
	}
	.wp-custom-logo .site-title {
    margin-top: 0.9em;
	}
	.custom-logo-link {
		background-image: url(img/talentpool-logo.png);
    background-size: 100%;
    background-position: bottom center;
    background-repeat: no-repeat;
    width: 120px;
    height: 100px;
    margin-right: 10px;
	}
	.custom-logo-link img {
    display: none;
	}
	.page-template-dashboard .modal-user .close {
    right: calc(6% - 20px);
	}
	.page-template-dashboard .user-filter form select {
		margin-bottom: 10px;
	}
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
		margin: 0;
	}

	.home .plant-content {
		column-count: 1;
		column-gap: 0;
	}

	.sidebar, .widecolumn {
		padding-right: 7.6923%;
	}


	@keyframes mobile-menu-out {
    from {opacity: 0; transform: rotate(-90deg); background-size: 5%;}
    to {opacity: 1; transform: rotate(-180deg); background-size: 65%}
  }
  @keyframes mobile-menu-in {
    from {opacity: 0; transform: none; background-size: 5%;}
    to {opacity: 1; transform: rotate(90deg); background-size: 55%}
  }
	.menu-toggle {
    border: inherit;
  }
  .menu-toggle {
    background: url("/wp-content/themes/twentysixteen-child/img/mobile-menu-new.svg");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
    color: transparent;
		width: 60px;
  }
  .menu-toggle.toggled-on {
    color: transparent;
    background: url("/wp-content/themes/twentysixteen-child/img/mobile-menu-new.svg");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
		width: 60px;
  }
  .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
    background-color: transparent;
    border-color: transparent !important;
    color: transparent !important;
    background: url("/wp-content/themes/twentysixteen-child/img/mobile-menu-x.svg");
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: center center;
    animation-name: mobile-menu-in;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
		width: 60px;
  }
  .menu-toggle:hover, .menu-toggle:focus {
    background-color: transparent;
    border-color: transparent !important;
    color: transparent !important;
    background: url("/wp-content/themes/twentysixteen-child/img/mobile-menu-new.svg");
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center center;
    animation-name: mobile-menu-out;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
		width: 60px;
  }
	.site-header-menu.toggled-on {
		height: 100vh;
		position: fixed;
		top: 76px;
		z-index: 1;
		width: 100vw;
		background-color: #fff;
	}
	.menu-toggle {
		position: absolute;
		right: 10px;
		top: 10px;
		padding: 15px;
	}
	.site-header-main {
		background-color: #fff;
		width: 100vw;
		position: fixed;
		left: 0;
	}
	#menu-hauptmenue-1 {
		display: none;
	}
	.main-navigation a {
		padding: 15px;
		font-size: 18px;
	}.main-navigation .primary-menu {
		margin-top: 20px;
	}.menu-item-40 a:before, .menu-item-41 a:before {
		color: #fff;
	}

	.site-header-menu.toggled-on {
		height: 100vh;
		position: fixed;
		top: 72px;
		z-index: 1;
		width: 100vw;
		background-color: #fff;
	}

	.home .feature-container {
		flex-flow: column;
		align-items: center;
		text-align: center;
	}.home .feature {
		width: 95%;
	}

	.page-template-dashboard .modal-user .modal-inner {
    left: 5%;
		width: 90%;
	}
	.user-filter {
		display: flex;
	}
	.page-id-55 form {
		display: flex;
    flex-flow: column;
	}.page-template-dashboard .user-filter form select {
		margin-left: 0;
	}

	.user-registration-MyAccount-content {
		display: flex;
		flex-flow: column;
	}
	.user-registration-account .user-header, .user-registration-account .user-content {
		width: 100%;
	}
	.slick-prev {
    left: -15px;
	}
	.slick-next {
    right: -15px;
	}
	.user-registration-edit-profile .ur-frontend-form form input[type=submit] {
		bottom: 50px;
    right: -20px;
	}
}

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

	#wpua-add-button-existing button {
		left: 0%;
	}
	.slick-dots {
		width: 15%;
		transform: translateX(-50%);
		left: 50%;
		bottom: 10px;
	}
	#user-registration p {
		width: 100%;
	}
	.slick-list.draggable {
		height: auto;
	}

	.user-registration-edit-profile .ur-frontend-form form input[type=submit] {
		bottom: 0;
		right: -30px;
	}

	.page-template-dashboard .user-filter form input[type="search"] {
		width: 100%;
	}.page-template-dashboard .user-filter form {
		width: 100%;
	}
	.page-template-dashboard .modal {
		background-color: rgba(255,255,255,.8);
	}.page-template-dashboard .modal-user .modal-inner {
		top: 10%;
	}
	.home .entry-title {
		padding-left: 0px;
		width: calc(430px);
	}
	.ur-frontend-form form input[type=submit] {
		padding: 14px 20px;
		bottom: 21px;
		right: -30px;
	}
	.avatar {
		display: flex;
		justify-content: center;
	}


	.user-registration-account .user-header, .user-registration-account .user-content {
		margin-left: 0;
	}

	.page-template-dashboard .user-filter {
		margin-bottom: 10%;
	}
	.page-template-dashboard .modal-user .user-content, .page-template-dashboard .modal-user .user-header {
		width: 100%;
		margin-left: 0;
	}
	.page-template-dashboard .user-container {
		grid-template-columns: 100%;
	}

	h1, .entry-title {
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

		white-space: normal;
	}

	.content-bottom-widgets .widget-area {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	.home .step-4 {
		left: 1%;
	}

	.site-branding .site-title a {
		display: none;
	}

	.user-registration-account .avatar {
		width: 100%;
	}

	.site-header-menu.toggled-on {
		top: 71px;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	.page-template-dashboard .user-container {
		display: flex !important;
		flex-flow: wrap;
	} .page-template-dashboard .user-container .user {
		min-width: 385px;
		margin-right: 50px;
		margin-bottom: 50px;
	}
}