/*
Theme Name: Alders Electronic GmbH
Theme URI: https://p3creation.com
Author: P3 CREATION GROUP
Author URI: https://p3creation.com
Description: 
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: p3-homepage
Tags: 
Domain Path: /languages
*/



html {
    scroll-behavior: smooth;
}

/* Preloader */
#preloader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1071;
	background-color: #fff;
}
body.admin-bar #preloader {
	top: 46px;
}
@media (min-width: 783px) {
	body.admin-bar #preloader {
		top: 32px;
	}
}

#preloader > div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#preloader img {
	-webkit-animation: shake .5s linear 0s infinite both;
	animation: shake .5s linear 0s infinite both;
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-.3125rem);
	}
}
@keyframes shake {
	0%,
	100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-.3125rem);
	}
}


/* Header / Header-Menu */

header #header-menu li.menu-item.dropdown:focus,
header #header-menu a.nav-link:focus{
	outline: 0;
}

.navbar-fullsize .navbar-collapse .mobile-container {
	display: flex;
	width: 100%;
}

	/* Header 1 */

	header #header-icons {
	    border-left: 1px solid #eee;
    	margin-left: 10px;
    	padding-left: 15px;
	}

	header #header-icons > a {
	    display: inline-block;
		width: 1.25rem;
		text-align: center;
		padding: .3125rem 0;
		border-radius: .25rem;
	}

	header #header-icons > a + a {
		margin-left: .625rem;
	}

	header #header-icons > a > svg {
	    max-height: 1.25rem;
	}

	/* Header 2 */

	/* Header 3 */


/* Typography */
h1,
.h1 {
	font-size: calc(1.4rem + 1vw);
}

h2,
.h2 {
	font-size: calc(1.2rem + 1vw);
}

h3,
.h3 {
	font-size: calc(1rem + 1vw);
}

h4,
.h4 {
	font-size: calc(1rem + 0.5vw);
}

h5,
.h5 {
	font-size: calc(1rem + 0.2vw);
}

h6,
.h6 {
	font-size: 1rem;
}

.lead {
	font-size: 1.25rem !important;
}

a:hover {
	text-decoration: none;
}

hr.divider {
	margin-top: 2.8125rem;
	margin-bottom: 2.8125rem;
}


/* Navbar */
.navbar-light .navbar-nav .current-menu-item > a,
.navbar-light .navbar-nav a.active,
.navbar-light .navbar-nav a.show,
.navbar-light .navbar-nav .show > a {
	color: rgba(0,0,0,.9);
}

.navbar-light .navbar-nav a {
	color: rgba(0,0,0,.5);
}
@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav a {
		padding-right: .5rem;
		padding-left: .5rem;
	}
}
.navbar-nav a {
	padding-right: 0;
	padding-left: 0;
}
.menu-item > a {
	display: block;
	padding: .5rem 1rem;
}

.navbar-brand {
	max-width: 75%;
}

.navbar-toggler {
	border: 0;
	background-color: transparent;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
	outline: 0;
}

.icon-bar {
	display: block;
	margin-top: 4px;
	width: 22px; 
	height: 2px;
	background-color: #000;
	transition: opacity .2s, transform .2s;
}
.navbar-toggler .top-bar {
	transform: rotate(45deg);
	transform-origin: 10% 10%;
}
.navbar-toggler .middle-bar {
	opacity: 0;
}
.navbar-toggler .bottom-bar {
	transform: rotate(-45deg);
	transform-origin: 10% 90%;
}
.navbar-toggler.collapsed .top-bar {
	transform: rotate(0);
}
.navbar-toggler.collapsed .middle-bar {
	opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
	transform: rotate(0);
}



/* Images */
img {
	max-width: 100%;
	height: auto;
}
svg {
	width: 100%;
	height: auto;
}


img.injectable {
	visibility: hidden;
}


.svg-wrap {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}
.svg-wrap > canvas {
	display: block;
	visibility: hidden;
	height: 100%;
}

.svg-wrap > svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}


/* Badges */
.badge {
	padding: .375rem .625rem;
	font-weight: 500;
}


/* Containers */
@media (min-width: 1200px) {
	.container {
		max-width: 1440px;
	}
}


/* Navs */
.nav-pills {
	margin-top: .9375rem;
	margin-bottom: 3.75rem;
}

.nav-pills .nav-item + .nav-item {
	margin-top: 15px;
}
@media (min-width: 768px) {
	.nav-pills .nav-item + .nav-item {
		margin-top: 0;
		margin-left: 15px;
	}
}

.nav-pills .nav-link {
	position: relative;
	padding: .625rem 1.25rem;
	height: 100%;
	text-align: left;
	transition: background-color .125s, color .125s ease, border-color .125s;
	border: 1px solid transparent;
}
@media (min-width: 768px) {
	.nav-pills .nav-link {
		padding-top: 1.5625rem;
		padding-bottom: .9375rem;
		text-align: inherit;
	}
}

.nav-pills .nav-link::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	border-top: .625rem solid transparent;
	border-right: .625rem solid transparent;
	border-left: .625rem solid transparent;
	transform: translateX(-50%);
	transition: border-top-color .125s;
}
.nav-pills .nav-link.active::after {
	border-top-color: #000;
}

.nav-pills .nav-link > svg,
.nav-pills .nav-link > img {
	margin-right: 1rem;
	max-width: 2.5rem;
}
.nav-pills .nav-link > svg {
	max-height: 2.5rem;
	fill: #fff;
	stroke: #fff;
}
@media (min-width: 768px) {
	.nav-pills .nav-link > svg,
	.nav-pills .nav-link > img {
		display: block;
		margin-right: auto;
		margin-left: auto;
		max-width: 5rem;
	}

	.nav-pills .nav-link > svg {
		max-height: 5rem;
	}
}

.nav-pills .nav-link > span {
	display: inline-block;
	padding: .625rem;
	text-transform: uppercase;
}
@media (min-width: 768px) {
	.nav-pills .nav-link > span {
		padding: .9375rem .625rem .625rem;
	}
}

/* Startseite */

.home-accordion{
	margin-top: 5.625rem;
}

.home-accordion button {
	position: relative;
	margin-left: 1.125rem;
	padding: 0 0 0 .75rem;
	font-size: inherit;
	text-align: left;
}
.home-accordion button::before,
.home-accordion button::after {
	content: "";
	position: absolute;
	top: calc(50% - .25rem + .2em);
	left: -1.125rem;
	width: 1rem;
	height: .125rem;
	background-color: #212529;
	transition: transform .5s;
}
.home-accordion button.collapsed::before {
	transform: rotate(180deg);
}
.home-accordion button.collapsed::after {
	transform: rotateZ(90deg);
}

/* Benefits */

.benefit {
	position: relative;
	border-radius: .25rem;
	background-color: #fff;
}
.benefit::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.benefit > div {
	position: absolute;
	padding: 1rem;
	width: 100%;
	height: 100%;
	text-align: center;
}

.benefit svg,
.benefit img {
	padding: .625rem 1.25rem;
	max-width: 7.1875rem;
}
.benefit svg {
	max-height: 5.9375rem;
}
@media (min-width: 768px) {
	.benefit svg,
	.benefit img {
		padding: .9375rem 1.875rem;
		max-width: 9.375rem;
	}
	.benefit svg {
		max-height: 7.5rem;
	}
}

.benefit > div > span {
	font-size: 1.15rem;
}

/* Grid */
#benefits-grid {
	margin-right: -15px;
	margin-top: 45px;
}

#benefits-grid .benefit {
	margin-bottom: 15px;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.05);
}

#benefits-grid .gutter-sizer {
	width: 15px;
}

#benefits-grid .benefit,
#benefits-grid .grid-sizer {
	width: calc(50% - 15px);
}
/*@media (min-width: 576px) {
	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(50% - 15px);
	}
}*/
@media (min-width: 768px) {
	#benefits-grid {
		margin-right: -30px;
		padding-left: 0;
		padding-right: 0;
	}

	#benefits-grid .benefit {
		margin-bottom: 30px;
	}

	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(33.334% - 30px);
	}

	#benefits-grid .gutter-sizer {
		width: 30px;
	}
}
@media (min-width: 992px) {
	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(25% - 30px);
	}
}
@media (min-width: 1200px) {
	#benefits-grid .benefit,
	#benefits-grid .grid-sizer {
		width: calc(20% - 30px);
	}
}

/*#benefits-grid .benefit img,
#benefits-grid .benefit svg {
	padding: 0 1.5rem;
}*/
/* Carousel */
/*#benefits-carousel .benefit img,
#benefits-carousel .benefit svg {
	padding: 0 3rem;
}*/

#leisure-facilities-grid .info-link,
#benefits-grid .info-link,
#benefits-carousel .info-link {
    position: absolute;
    max-width: 1.5rem !important;
    right: 1px;
    fill: rgba(0,0,0,0.6);
    top: 1px;
    background-color: rgba(255,255,255,0.6);
    padding: 5px !important;
    border-radius: 0 4px;
    transition: all 0.5s ease;
}

#leisure-facilities-grid a:hover .info-link,
#benefits-grid a:hover .info-link,
#benefits-carousel a:hover .info-link {
    fill: rgba(0,0,0,1);
    background-color: rgba(255,255,255,1);
    transition: all 0.5s ease;
}


/* Vacancies */
#vacancies-grid-col > .row {
	padding-top: 2.8125rem;
	padding-bottom: 2.8125rem;
}

#vacancies-grid {
	margin: 0 -15px 0 15px;
}

#vacancies-grid .grid-sizer {
	width: 100%;
}

#vacancies-grid.grid-layout .grid-sizer {
	width: 100%;
}

@media (min-width: 1024px) {
	#vacancies-grid.grid-layout .grid-sizer {
		width: 33.333333%;
	}
}

#vacancies-grid .gutter-sizer {
	width: 0;
}
#vacancies-grid.grid-layout .gutter-sizer {
	width: 15px;
}

.isotope-filter {
	width: initial;
}
.isotope-filter + .isotope-filter {
	margin-left: 5px;
}

.vacancy {
	position: relative;
	border-radius: .25rem;
	width: 100%;
	box-shadow: 0 0 .3125rem 0 rgba(0,0,0,.1);
}

#vacancies-grid.grid-layout .vacancy {
	width: 100%;
	margin-bottom: 15px;
	padding: 1.25rem 1.875rem;
}

@media (min-width: 1024px) {
	#vacancies-grid.grid-layout .vacancy {
		width: 33.333333%;
	}
}

.vacancy + .vacancy {
	margin-top: 15px;
}

.vacancy > .col-md-7 {
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}

.vacancy > .col-md-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

.vacancy > .col-md-7 > h3,
.vacancy > .col-md-5 > .row {
	padding-right: 1.875rem;
	padding-left: 1.875rem;
}

.vacancy > .col-md-5 > .row > .col-12 {
	padding-top: .625rem;
	padding-bottom: .625rem;
}

.vacancy h3 {
	margin-bottom: 0;
}

.vacancy .badge + .badge {
	margin-left: .3125rem;
}

.vacancy .badge > i {
	margin-right: .1875rem;
}

/* FAQs */

.faq {
	box-shadow: 0 0 .3125rem 0 rgba(0,0,0,.1);
}
.faq + .faq {
	margin-top: .3125rem;
}

.faq > .card-header {
	padding: .9375rem;
	background-color: #fff;
}

.faq button {
	position: relative;
	margin-left: 1.125rem;
	padding: 0 0 0 .75rem;
	font-size: inherit;
	text-align: left;
}
.faq button::before,
.faq button::after {
	content: "";
	position: absolute;
	top: calc(50% - .25rem + .2em);
	left: -1.125rem;
	width: 1rem;
	height: .125rem;
	background-color: #212529;
	transition: transform .5s;
}
.faq button.collapsed::before {
	transform: rotate(180deg);
}
.faq button.collapsed::after {
	transform: rotateZ(90deg);
}

.faq .btn-link {
	color: inherit;
}
.faq .btn-link:hover,
.faq .btn-link:focus {
	text-decoration: none;
}


/* Vacancy (single-vacancy.php) */

#job-posting {
	margin-bottom: 1.25rem;
	padding: 3.75rem 15px;
	background-color: #fff;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#job-posting img.attachment-post-thumbnail.wp-post-image{
	margin: -3.75rem -15px;
    width: calc(100% + 30px);
    min-width: calc(100% + 30px);
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
	#job-posting {
		padding: 5.625rem 3.75rem 3.75rem;
	}

	#job-posting img.attachment-post-thumbnail.wp-post-image{
		margin: -5.625rem -3.75rem -3.75rem;
	    width: calc(100% + 7.5rem);
	    min-width: calc(100% + 7.5rem);
	    margin-bottom: 3rem;
	}
}

#job-posting > h1 + div {
	margin-top: 3.75rem;
	margin-bottom: 1.875rem;
	padding: .625rem;
	background-color: #f5f5f5;
}

#job-posting .flex-container {
  display:flex;
  flex-direction: column;
  margin-bottom: 60px;
}

#job-posting .flex-item{
    flex-grow: 1;
    flex-basis: 0;
	border-bottom: 1px solid #f5f5f5;
	padding: 15px;
}

#job-posting .flex-item a{
	line-height: 1.5;
	display: inline-block;
}

@media (min-width: 768px) AND (max-width: 1200px) {
	#job-posting .flex-container {
	  flex-direction: row;
	}

	#job-posting .flex-item:not(:last-child){border-right: 1px solid #f5f5f5;}

	#job-posting .flex-item{
	    flex-grow: 1;
	    flex-basis: 0;
	    border-bottom: 0;
		padding-top: 15px;
	}
}

/* IE9, IE10, IE11 */
@media screen and (min-width:0\0) {
    #job-posting .flex-item{
	    flex-basis: 120px;
    }

    #job-posting .meta svg{
    	height: 70px;
    }
}


#job-posting .meta svg{
	max-width: 50px;
}

.job-locations,
.employment-types {
	display: inline-block;
	font-size: 1rem;
}
.employment-types {
	margin-top: .3125rem;
}
@media (min-width: 768px) {
	.employment-types {
		margin-top: 0;
		margin-left: .625rem;
		border-left: 1px #999 solid;
		padding-left: .625rem;
	}
}

.job-locations > span:not(.address),
.employment-types > span:not(.badge) {
	margin-right: .3125rem;
	text-transform: uppercase;
	font-size: .8rem;
}

.job-locations .badge,
.employment-types .badge {
	padding: .3rem .5rem;
}

#job-posting + .col-xl-10 > a {
	display: inline-block;
	margin-bottom: 5.625rem;
}

#job-posting .job-posting-description{
	margin-bottom: 60px;
}


/* Counterpart */
#counterpart-divider {
	/*margin-top: 5.625rem;*/
	margin-top: 5rem;
	margin-bottom: 0;
}

#counterpart {
	margin-top: 5.625rem;
	margin-bottom: 5.625rem;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#counterpart > .card-body {
	padding: 1.25rem calc(1.25rem + 15px);
}


/* Contact */
#contact-tab-pane-1 .counterpart-img {
	max-width: 180px;
	margin-bottom: .9375rem;
}

#contact-phone > svg {
	max-width: 2.3rem;
	max-height: 2.3rem;
}

#contact-phone > span {
	font-size: 1.8rem;
}

@media (min-width: 768px) {
	#contact-phone svg {
		max-width: 3.2rem;
		max-height: 3.2rem;
	}

	#contact-phone > span {
		padding-left: .9375rem;
		font-size: 2.6rem;
	}
}

#contact-email {
	margin-top: .9375rem;
}

#contact-email > svg {
	max-width: 1.875rem;
	max-height: 1.875rem;
}

#contact-email > a {
	padding-left: .625rem;
}

#contact-whatsapp {
	margin-top: .9375rem;
}

#contact-whatsapp > svg {
	max-width: 1.875rem;
	max-height: 1.875rem;
}

#contact-whatsapp > a {
	padding-left: .625rem;
}

#locations-tab-content {
	padding: 15px;
	background-color: #fff;
}

#locations-tab-content iframe {
	width: 100%;
	height: 100%;
}

#locations-tab-content > .tab-pane .col-lg-5 {
	padding: 30px 30px 30px 15px;
}

#contact-form {
	margin-bottom: 2.8125rem;
	border-radius: .25rem;
	background-color: #fff;
	padding: 3.75rem 2.8125rem 2.8125rem;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#contact-social-media {
	padding: 3.75rem calc(3.75rem - 15px);
}

#contact-social-media > a {
	display: inline-block;
	margin: 0 .9375rem .9375rem 0;
	border: 1px solid #999;
	border-radius: 100%;
	width: 110px;
	height: 110px;
	transition: background-color .125s ease-in-out;
}
/*#contact-social-media > a + a {
	margin-left: .9375rem;
}*/
#contact-social-media > .facebook:hover,
#contact-social-media > .facebook:focus {
	background-color: #3b5998;
}
#contact-social-media > .instagram:hover,
#contact-social-media > .instagram:focus {
	background-color: #5851db;
}
#contact-social-media > .twitter:hover,
#contact-social-media > .twitter:focus {
	background-color: #1da1f2;
}
#contact-social-media > .xing:hover,
#contact-social-media > .xing:focus {
	background-color: #026466;
}
#contact-social-media > .linkedin:hover,
#contact-social-media > .linkedin:focus {
	background-color: #0077b5;
}
#contact-social-media > .youtube:hover,
#contact-social-media > .youtube:focus {
	background-color: #cd201f;
}
#contact-social-media > .kununu:hover,
#contact-social-media > .kununu:focus {
	background-color: #99c613;
}

#contact-social-media > a > svg {
	max-width: 50%;
	max-height: 50%;
	transform: translateY(50%);
	fill: #999;
	stroke: #999;
	transition: fill .125s ease-in-out, stroke .125s ease-in-out;
}
#contact-social-media > a:hover > svg,
#contact-social-media > a:focus > svg {
	fill: #fff;
	stroke: #fff;
}


	/* Contact 1 */

	/* Contact 2 */

	#contact-2 .full-size-map{
		position: absolute;
	    width: 100%;
	    left: 0;
	    height: 300px;
	}

	#contact-2 .full-size-map iframe{
		width: 100%;
		height: 100%;
	}

	#contact-2 #offset{
		padding-top: 270px;
	}

	#contact-2 #contact-social-media > a{
	    display: inline-block;
	    margin: 0 5px 5px 0;
	    border: 0;
	    border-radius: 0;
	    width: 45px;
	    height: 50px;
	    transition: background-color .125s ease-in-out;
	}

	#contact-2 #contact-social-media {
    	padding: 0;
	}

	/* Contact 3 */


/* About us */
#about-us-tab-pane-2 > .no-gutters {
	border-radius: .25rem;
	overflow: hidden;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
	background-color: #fff;
}

#workplace-imgs {
	min-height: 25rem;
}

#workplace-imgs-carousel .owl-stage-outer,
#workplace-imgs-carousel .owl-stage,
#workplace-imgs-carousel .owl-item {
	height: 100%;
}

#workplace-imgs-carousel .owl-dots {
	margin-top: 0;
	transform: translateY(-100%);
}

.workplace-img {
	background-size: cover;
	background-position: top center;
}

#about-us-tab-pane-2 > .no-gutters > .col-lg-7 {
	padding-right: 15px;
	padding-left: 15px;
}

#workplace-text {
	margin-bottom: 1.875rem;
	margin-top: 1.875rem;
	padding: 0 1.875rem;
	height: 450px;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: #000 #f5f5f5;
}
#workplace-text::-webkit-scrollbar-track {
	background-color: #f5f5f5;
	border-radius: .25rem;
	-webkit-box-shadow: inset 0 0 .1875rem 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 0 .1875rem 0 rgba(0,0,0,.1);
	box-shadow: inset 0 0 .1875rem 0 rgba(0,0,0,.1);
}
#workplace-text::-webkit-scrollbar {
	width: .375rem;
	background-color: transparent;
	border-radius: .25rem;
}
#workplace-text::-webkit-scrollbar-thumb {
	background-color: #999;
	border-radius: .25rem;
}

#traffic-links{
	margin-top: 2rem;
	margin-bottom: 3rem;
}

#traffic-links .path .col-2 {
	display: flex;
	overflow: hidden;
}

#traffic-links .path div {
	padding: 0;
	height: 40px;
}

#traffic-links .path-top-right,
#traffic-links .path-bottom-left,
#traffic-links .path-bottom-right,
#traffic-links .path-top-left {
	position: relative;
	border: 2.5px solid #222;
	border-radius: 15px;
	width: 100%;
}

#traffic-links .path-top-right {
	top: -50%;
	left: 50%;
}

#traffic-links .path-bottom-left {
	top: calc(50% - 3px);
	left: -50%;
}

#traffic-links .path-bottom-right {
	top: calc(50% - 3px);
	left: 50%;
}

#traffic-links .path-top-left {
	top: -50%;
	left: -50%;
}

#traffic-links .path hr {
	position: relative;
	top: 17px;
	margin: 0;
	border-top: 3px solid #222;
}

#cities-nearby {
	margin: 1.875rem .9375rem 0;
	border-radius: .25rem;
	padding: .9375rem;
	height: calc(100% - 1.875rem);
	background-color: #fff;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.2);
}

#cities-nearby > svg {
	display: block;
	margin: -2.8125rem auto 1.875rem;
	border-radius: 50%;
	padding: .9375rem;
	max-width: 7.5rem;
	max-height: 7.5rem;
	background-color: #fff;
	box-shadow: 0 -.3125rem .625rem 0 rgba(0,0,0,.2);
}

#cities-nearby .table th {
    border-top: 0;
}


/* Leisure facilities */
.leisure-facility {
	position: relative;
	border-radius: .25rem;
	background-color: #fff;
}
.leisure-facility::after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.leisure-facility > div {
	position: absolute;
	padding: 1rem;
	width: 100%;
	height: 100%;
	text-align: center;
}

.leisure-facility svg,
.leisure-facility img {
	padding: .625rem 1.25rem;
	max-width: 7.1875rem;
}
.leisure-facility svg {
	max-height: 5.9375rem;
}
@media (min-width: 768px) {
	.leisure-facility svg,
	.leisure-facility img {
		padding: .9375rem 1.875rem;
		max-width: 9.375rem;
	}

	.leisure-facility svg {
		max-height: 7.5rem;
	}
}

.leisure-facility > div > span {
	font-size: 1.15rem;
}

.leisure_facilities_hr{
	margin-top: 4rem;
    margin-bottom: 3rem;
}

/* Grid */
#leisure-facilities-grid.d-block {
	margin-right: -15px;
	margin-top: 45px;
}

#leisure-facilities-grid.d-block .leisure-facility {
	margin-bottom: 15px;
	box-shadow: 0 .125rem .625rem 0 rgba(0,0,0,.05);
}

#leisure-facilities-grid.d-block .gutter-sizer {
	width: 15px;
}

#leisure-facilities-grid.d-block .leisure-facility,
#leisure-facilities-grid.d-block .grid-sizer {
	width: calc(50% - 15px);
}
/*@media (min-width: 576px) {
	#leisure-facilities-grid .leisure-facility,
	#leisure-facilities-grid .grid-sizer {
		width: calc(50% - 15px);
	}
}*/
@media (min-width: 768px) {
	#leisure-facilities-grid.d-block {
		margin-right: -30px;
		padding-left: 0;
		padding-right: 0;
	}

	#leisure-facilities-grid.d-block .leisure-facility {
		margin-bottom: 30px;
	}

	#leisure-facilities-grid.d-block .leisure-facility,
	#leisure-facilities-grid.d-block .grid-sizer {
		width: calc(33.334% - 30px);
	}

	#leisure-facilities-grid.d-block .gutter-sizer {
		width: 30px;
	}
}
@media (min-width: 992px) {
	#leisure-facilities-grid.d-block .leisure-facility,
	#leisure-facilities-grid.d-block .grid-sizer {
		width: calc(25% - 30px);
	}
}
@media (min-width: 1200px) {
	#leisure-facilities-grid.d-block .leisure-facility,
	#leisure-facilities-grid.d-block .grid-sizer {
		width: calc(20% - 30px);
	}
}

/*#leisure-facilities-grid .leisure-facility img,
#leisure-facilities-grid .leisure-facility svg {
	padding: 0 1.5rem;
}*/


/* Modals */
.modal-dialog.modal-xl {
	max-height: calc(100vh - 2rem - 30px);
}
body.admin-bar .modal-dialog.modal-xl {
	max-height: calc(100vh - 2rem - 76px);
}
@media (min-width: 783px) {
	body.admin-bar .modal-dialog.modal-xl {
		max-height: calc(100vh - 2rem - 62px);
	}
}

.modal-content {
	border: 0;
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1410px;
	}
}


/* Footer */

#footer {
	margin-top: 5.625rem;
	border-top: 1px solid rgba(119,119,119,.149020);
	padding-top: 1.875rem;
}

#footer iframe {
    width: 100%;
    height: 100%;
}

#footer img.footer-logo{width: auto;}

#footer-menu {
	display: block;
}
@media (min-width: 992px) {
	#footer-menu {
		display: -ms-flexbox;
		display: flex;
	}
}

#footer-menu > .menu-item {
	display: inline-block;
	padding: .3125rem 0;
}
@media (min-width: 992px) {
	#footer-menu > .menu-item {
		display: list-item;
	}
}

#footer-menu > .menu-item > a {
	padding: .3125rem .625rem;
}

	/* Footer 1 */

	/* Footer 2 */

	#footer-2 #footer-menu {
		display: flex;
	}

	/* Footer 3 */

	#footer #footer-3{
		padding-left: 0;
	    padding-right: 0;
    }

	#footer #footer-3 p,
	#footer #footer-3 dd{
		margin-bottom: 2px;
	}

	@media (min-width: 992px) {
		#footer #footer-3 .infotext{
			max-width: 300px;
		}
	}

	/* Footer 4 */

	#footer #footer-4 .footer-contact p,
	#footer #footer-4 .footer-social dd{
		margin-bottom: 2px;
	}

#social-icons > a {
	display: inline-block;
	border-radius: .25rem;
	padding: .3125rem 0;
	width: 1.25rem;
	text-align: center;
}
#social-icons > a + a {
	margin-left: .625rem;
}

#social-icons > a > svg {
	max-height: 1.25rem;
	fill: #777;
	stroke: #777;
}
#social-icons > a:hover > svg,
#social-icons > a:focus > svg {
	fill: #000;
	stroke: #000;
}

#copyright {
	margin-top: .9375rem;
	font-size: .8rem;
}

#copyright > div {
	margin-top: 2.1875rem;
}


/* Lightbox */
#lightbox {
	transform: translateY(25%);
}
html.admin-bar #lightbox {
	transform: translateY(25% + 46px);
}
@media (min-width: 783px) {
	html.admin-bar #lightbox {
		transform: translateY(25% + 32px);
	}
}


/* Google reCAPTCHA */
.grecaptcha-badge {
	visibility: hidden;
}


/* 404-Seite */

#page404 h1{
	font-size: 10rem;
}


/* Archive */

	#archive article{
		margin-bottom: 1.25rem;
	    background-color: #fff;
	    box-shadow: 0 0.125rem 0.625rem 0 rgba(0,0,0,.1);
	    transition: all 0.5s ease;
	    position: inherit;
	}


	#archive article:hover{
		margin-bottom: 1.25rem;
	    background-color: #fff;
	    box-shadow: 0 0.3rem 0.9rem 0 rgba(0,0,0,.4);
	    transition: all 0.5s ease;
	}

	#archive article h2.archive-title{
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 30px;
	    margin: 0;
	}

	#archive article div.archive-content{
		padding: 15px 30px;
	}

/* Archive-Sidebar */

#archive-sidebar ul{
	list-style: none;
    font-size: 0.9286em;
    border-bottom: 1px solid #ededed;
	margin: 0;
    padding: 0;
}

#archive-sidebar li{
	padding: 8px 0 8px 15px;
	line-height: 1.4;
    border-top: 1px solid #ededed;
}


/* Search */

	#search article{
		margin-bottom: 1.25rem;
	    background-color: #fff;
	    box-shadow: 0 0.125rem 0.625rem 0 rgba(0,0,0,.1);
	    transition: all 0.5s ease;
	    position: inherit;
	}


	#search article:hover{
		margin-bottom: 1.25rem;
	    background-color: #fff;
	    box-shadow: 0 0.3rem 0.9rem 0 rgba(0,0,0,.4);
	    transition: all 0.5s ease;
	}

	#search article h2.search-title{
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-top: 30px;
	    margin: 0;
	}

	#search article img {
		padding-top: 30px;
		padding-left: 30px;
	}

	#search article div.search-content{
		padding: 15px 30px;
	}


/* Search-Sidebar */

#search-sidebar ul{
	list-style: none;
    font-size: 0.9286em;
    border-bottom: 1px solid #ededed;
	margin: 0;
    padding: 0;
}

#search-sidebar li{
	padding: 8px 0 8px 15px;
	line-height: 1.4;
    border-top: 1px solid #ededed;
}


/* Single */

	#single article{
		margin-bottom: 1.25rem;
	    background-color: #fff;
	    box-shadow: 0 0.125rem 0.625rem 0 rgba(0,0,0,.1);
	    transition: all 0.5s ease;
	}

	#single article h1.single-title{
	    padding-left: 30px;
	    padding-right: 30px;
		padding-top: 30px;
	    margin: 0;
	}

	#single article div.single-datum{
		display: inline-block;
	    padding-left: 30px;
	    padding-right: 30px;
	}

	#single article div.single-content{
		padding: 15px 30px;
	}

	#single article div.single-social-share{
		padding: 30px;
	}


/* Single-Sidebar */

#single-sidebar ul{
	list-style: none;
    font-size: 0.9286em;
    border-bottom: 1px solid #ededed;
	margin: 0;
    padding: 0;
}

#single-sidebar li{
	padding: 8px 0 8px 15px;
	line-height: 1.4;
    border-top: 1px solid #ededed;
}