/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

/* Allgemein */
.col-lg-6.col-txt.container-bg p {
	color: unset;
	text-rendering:optimizeLegibility;
}

.col-lg-6.col-txt.container-no-bg p {
  color: #373535 !important;
}

html {
  	scroll-behavior: smooth;
	scroll-padding-top: 160px;
}


/* Submenu */
ul.sub-menu {
	border-radius: 10px;
}

ul.sub-menu li:hover, ul.sub-menu li a:hover {
	color: #bc9061 !important;
}

@media (max-width: 1199px){
	ul.sub-menu li, ul.sub-menu li a {
		text-align: center !important;
	}
}

.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
    width: 100%;
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Menü */
.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li>a, .mobile-menu-wrapper .mobile-menu-container ul.menu>li>a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-menu-wrapper .mobile-menu-container div.menu>ul>li:last-child, .mobile-menu-wrapper .mobile-menu-container ul.menu>li:last-child {
	text-align: center;
}

.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a:after {
	background-color: #bc9061 !important;
	height: 2px;
}

.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main div.menu > ul > li > a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li:last-child > a:after {
	height: 0 !important;
}


/* Teaser */
.container-teaser a .teaser-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.container-teaser a .teaser-text {
	align-self: center;
	padding-right: 0;
}

.container-teaser .teaser-text p {
	margin: 0;
	line-height: 125%;
}

.container-teaser .teaser-link {
	width: 50px;
	height: 50px;
	background: #bc9061;
	background-image: url(/wp-content/uploads/link-pfeil.svg);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: center;
}

.container-teaser {
	background: #fff;
	border-radius: 15px;
	/*-webkit-box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 15%);
	box-shadow: 0px 0px 20px 2px rgb(0 0 0 / 15%);
	margin: 25px;*/
	padding: 0 !important;
}

@media (min-width:1200px){
	.teaser-sm-container {
		width: 33.3333%;
		display: flex;
		flex-direction: row;
		margin: 45px;
		max-width: 320px;
	}
	
	.teaser-sm-container:first-child {
		margin-left: 15px !important;
	}

	.container-teaser .teaser-image {
		border-radius: 15px 0 0 15px;
	}

	.container-teaser .container-link {
		display: flex;
		align-items: center;
		right: 0;
		position: absolute;
		top: 30%;
	}
	
	.container-teaser > a {
		width: 100%;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

	.wpb_column.vc_column_container.vc_col-sm-4.container-teaser {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: row;
		height: 125px;
		max-height: 125px;
		align-items: stretch;
		width: 100%;
	}

	.row-teaser .wrapper.wrapper-inner {
		display: flex;
		justify-content: space-between;
	}
}

@media (min-width:769px) and (max-width:1199px){
	.teaser-sm-container {
		width: 33.3333%;
		display: flex;
		flex-direction: row;
		margin: 45px;
		max-width: 370px;
	}
	
	.row-teaser .wrapper.wrapper-inner {
		display: flex;
		justify-content: space-between;
	}

	.wpb_column.vc_column_container.vc_col-sm-4.container-teaser {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		height: auto;
		max-height: none;
		width: 100%;
	}

	.col-lg-4.teaser-image {
		height: 150px;
		border-radius: 15px 15px 0 0 !important;
		margin-bottom: 20px;
		width: 100%;
	}

	.container-teaser .container-link {
		right: 0 !important;
		margin: 10px 0 25px 0 !important;
	}
	
	.container-teaser .teaser-text {
		padding-right: 0;
	}
}

@media (max-width:768px){
	.teaser-sm-container {
		display: flex;
		flex-direction: column;
		margin: 45px 25px;
	}
	
	.container-teaser .teaser-text {
		text-align: left !important;
		position: absolute;
		bottom: 35px;
		padding-right: 0;
		left: 0;
		bottom: -5rem;
	}

	.col-lg-4.teaser-image {
		height: 150px;
		border-radius: 15px 15px 0 0 !important;
		margin-bottom: 20px;
	}

	.container-teaser .container-link {
		right: 0 !important;
		margin: 10px 0 25px 0;
		align-self: flex-end;
	}

	.wpb_column.vc_column_container.vc_col-sm-4.container-teaser {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column !important;
		height: auto;
		max-height: none;
		width: 100%;
	}
}

@media (min-width:1800px){
	.col-lg-12.row.row-teaser.row-content {
		width: 100% !important;
		max-width: 100% !important;
	}
}


/* chatty */
.i-trigger.one-widget a .animation-svg:after {
	width: 120% !important;
}


/* spalten & zeilen */
.row {
	margin: 0;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 25px;
	padding-left: 25px;
}

@media (max-width: 1199px){
	.col {
		margin-bottom: 75px;
		padding: 0;
	}
	
	.col:last-child {
		margin-bottom: 0 !important;
	}
}

@media (min-width: 1200px){
	.row-header {
		max-width: 100%;
		margin: 0;
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		max-height: 475px;
		height: 475px;
	}

	.row-content--text-image-nospace .col-lg-6.col-txt {
		margin-bottom: 0;
		justify-content: center;
		padding: 50px;
	}

	.row-content--text-image-nospace .col-lg-6, .row-header .col-lg-6 {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-items:stretch;
		-ms-flex-align:stretch;	
	}

	.row-content--text-image-nospace .col-img, .row-header .col-img {
		margin-bottom: 0 !important;
		background-repeat: no-repeat !important;
		height: auto;
		background-size: cover;
		background-position: center;
	}

	.row-content--text-image-nospace .col-img:nth-child(odd) {
		padding-right: 0;
	}

	.row-content--text-image-nospace .col-img:nth-child(even) {
		padding-left: 0;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.row-header {
		max-width: 100%;
		margin: 0;
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		max-height: 475px;
		height: 475px;
	}
	
	.col-lg-6.col-txt {
		width: 50%;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		align-items: center;
		padding: 50px;
		flex-direction: column;
	}
	
	.col-lg-6.col-img {
		width: 50%;
	}
	
	.col-lg-6.col-bg {
		position: absolute;
		z-index: 2;
		opacity: 0.5;
		mix-blend-mode: multiply;
		-webkit-mix-blend-mode: multiply;
		bottom: 0 !important;
		width: 60% !important;
		height: 100% !important;
	}
}

@media (max-width: 991px){
	.wrapper.wrapper-inner.row-txt-img > .col.col-lg-12 > .col-lg-6 {
		padding: 0 !important;
	}
	
	.col-lg-12.row.row-header.row-content--text-image.row-content--text-image-nospace .col-lg-6 {
		padding: 25px !important;
	}

	.row-content--text-image-nospace > .wrapper.wrapper-inner {
		margin-bottom: 5rem;
	}

	.row-content--text-image > .wrapper .col-img {
		width: 100%;
		background-position: center;
		background-size: cover;
	}
	
	.row-header .col-img {
		width: 100%;
		height: 230px;
		background-position: center;
		background-size: cover;
	}
	
	.col-img img {
		height: 230px;
	}

	.col-lg-6.col-txt.container-bg {
		/*margin: 0 25px;*/
		padding: 25px !important;
	}
	
	.row.row-content.row-content--text-image.row-content--text-image-nospace .col-lg-3, .row.row-content.row-content--text-image.row-content--text-image-nospace .col-lg-9 {
		padding: 0 !important;
	}

	.row-content--text-image > .wrapper, .col-lg-12.row.row-header.row-content--text-image.row-content--text-image-nospace {
		display: flex;
		flex-wrap: wrap;
	}

	.row-content--text-image > .wrapper .intro-txt, .col-lg-12.row.row-header.row-content--text-image.row-content--text-image-nospace .col-img {
		order: 1;
	}

	.row-content--text-image > .wrapper .col-img, .col-lg-12.row.row-header.row-content--text-image.row-content--text-image-nospace .col-txt {
		order: 2;
	}

	.row-content--text-image > .wrapper .col-txt {
		order: 3;
		width: 100%;
	}
}

.row-content--text-image-nospace .col-img img {
	max-height: 400px;
	width: 100vw;
}

.row-content--text-image-nospace > .wrapper.wrapper-inner {
	display: flex;
	align-items: stretch;
}

@media (min-width: 1200px){
	.col-centered {
		text-align: center !important;
		align-items: center !important;
		padding: 50px;
	}
	
	.col-left {
		text-align: left !important;
		align-items: left !important;
		padding: 50px;
	}
	
	.col-right {
		text-align: right !important;
		align-items: right !important;
		padding: 50px;
	}
	
	.add-img {
		max-height: 75px;
		margin-bottom: 20px;
		max-width: 104px !important;
	}
}

@media (min-width:768px) and (max-width: 1199px){
	.col-centered {
		text-align: left;
		align-items: left;
		padding: 50px !important;
	}
	
	.col-txt {
		margin-bottom: 0 !important;
	}
	
	.col-lg-6.col-img {
		background-position: center !important;
		background-size: cover !important;
	}
	
	.row-txt-img .col-lg-6, .row-txt-img .col-lg-12.col-txt {
		padding-left: 0 !important;
	}
	
	.row-txt-img .col-lg-6 {
		margin-bottom: 3rem;
	}
	
	.row-txt-img .col-lg-6:last-child {
		margin-bottom: 0 !important;
	}
}

.row-txt-img .col-img {
		padding-left: 0 !important;
	}

.row-txt-img .col-lg-12.col-txt {
	padding-right: 0 !important;
}

.row-txt-img .col-lg-12 {
	padding: 0 !important;
}

@media (max-width: 767px){
	.col-centered {
		text-align: left;
		align-items: left;
		padding: 25px !important;
	}
	
	/*.col-no-bg {
		margin-left: -25px;
		margin-right: -25px;
	}*/
	
	.col-lg-6.col-txt.container-no-bg {
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (max-width:1199px){
	.add-img {
		max-height: 50px;
		margin-bottom: 0;
		max-width: 104px !important;
	}
}

.intro-txt {
	margin-bottom: 2rem;
}

.col-lg-12.intro-txt {
	padding: 0 !important;
}

.col-lg-12.intro-txt .col-centered {
	padding: 0 !important;
}

.col-img img {
	width: 100%;
	object-fit: cover;
	margin-bottom: 25px;
}

.col-txt {
	margin-bottom: 5rem;
}

.row-header > .col-txt {
	margin-bottom: 0;
}

@media (max-width:1199px){
	.col-img img {
		/*max-height: 400px;*/
		width: 100%;
		height: 100%;
	}
	
	.col-img {
		min-height: 320px;
	}
	
	.col-lg-3.col-img img {
		max-height: 320px;
		width: 100%;
		max-width: 100% !important;
		object-fit: contain !important;
	}
	
	.col-lg-3.col-img, .col-lg-9.col-txt {
		padding: 0;
		margin: 0 -25px !important;
	}
}

@media (min-width:768px) and (max-width:1998px){
	
}


/* Footer */
.pre-footer .row.row-content .col-lg-10 {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}

@media (min-width:1024px){
	.pre-footer .row.row-content .col-lg-10 .col-lg-6 {
		width: 50%;
	}
}

@media (max-width:1023px){
	.pre-footer .row.row-content .col-lg-10 .col-lg-6 {
		width: 100%;
	}
	
	.pre-footer .row.row-content .col-lg-10 .col-lg-6:first-child {
		margin-bottom: 3rem;
	}
}

@media (min-width:1800px){
	.pre-footer .row.row-content {
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.pre-footer .row.row-content .col-lg-10 {
		width: 60%;
	}
}

.widget.widget_nav_menu .menu-footer-container ul li {
	display: inline;
	padding: 0 5px;
}

.footer--widgets.widget-area.widgets--columned-layout.widgets--columns-1 {
	margin-bottom: 20px;
}

.footer-bottom {
	display: none;
}

.pre-footer {
	background-color: #256c61;
	color: #fff !important;
}

@media (min-width:1200px){
	.pre-footer {
		background-image: url(/wp-content/uploads/footer-bg-w.svg);
		background-repeat: no-repeat;
		background-position: center 5%;
		background-size: cover;
	}
}

.pre-footer p, .pre-footer p a {
	color: #fff !important;
}

@media (max-width:1199px){
	.pre-footer .row.row-content .col-lg-12 .col-lg-3 {
		margin-bottom: 25px;
	}
}


/* Header Intro */
.col-lg-6.col-txt {
	z-index: 4;
}

@media (min-width:1200px){
	.col-lg-6.col-bg {
		position: absolute;
		left: 10%;
		height: 100%;
		z-index: 2;
		opacity: 0.5;
		mix-blend-mode: multiply;
		-webkit-mix-blend-mode: multiply;
	}
}

@media (max-width:1199px){
	.col-lg-6.col-bg {
    position: absolute;
    z-index: 2;
    opacity: 0.5;
    mix-blend-mode: multiply;
    -webkit-mix-blend-mode: multiply;
    bottom: 50px;
    width: 100%;
    height: 70%;
}
	
	.row.row-stretch .row.row-content {
		margin: 4rem 0 !important;
		padding-bottom: 0 !important;
	}
}

@media (max-width:600px) {
	.row.row-stretch .row.row-content {
		margin: 5rem 0 !important;
		padding: 0 25px !important;
	}
	
	.wrapper.wrapper-inner .col-lg-6.col-img, .wrapper.wrapper-inner .col-lg-6.col-txt {
		margin: 0 !important;
	}
	
	.col-third {
		margin: 0 -25px !important;
		margin-bottom: 3rem !important;
	}
	
	.col-third:last-child {
		margin-bottom: 0 !important;
	}
	
	.wrapper.wrapper-inner.hover-box--grid {
		padding: 0 !important;
	}
	
	.col-lg-6.col-txt {
		padding: 15px 0 0 0 !important;
	}
}

@media (min-width:600px) and (max-width:991px){
	.row.row-stretch .row.row-content {
		margin: 8rem 0 !important;
		padding: 0 25px !important;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.row.row-stretch .row.row-content {
		/*max-width: 1440px;*/
		margin: 8rem 0 !important;
		padding: 0 55px !important;
	}
}

@media (min-width:1200px){
	.row.row-stretch .row.row-content {
		/*max-width: 1440px;*/
		margin: 8rem 0 !important;
		padding: 0 50px !important;
	}
	
	/*.row.row-stretch {
		margin: 0 -30px;
	}
	
	.container, .content-area {
		padding: 0;
	}*/
}

@media (min-width:1800px){
	.row.row-stretch .row.row-content {
		margin-left: auto !important;
		margin-right: auto !important;		
		padding: 0 50px !important;
		max-width: 70%;
	}
}

.has-fixed-footer .wrapper {
	width: 100%;
}

.container.default-margin.post-formatting {
	width: 100% !important;
	padding: 0 !important;
}

/*.container, .content-area {
	padding: 0;
}*/

.row.row-stretch > div:first-child {
	padding: 0 !important;
}

.row-inner {
	display: flex;
	flex-direction: column !important;
}

.vertical-align--bottom {
	justify-content: flex-end;
}


/* Buttons / links */
a.btn-primary, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-322 a {
	padding: 16px 32px;
	display: inline-block;
	margin: 2rem 0 3rem 0;
	color: #fff !important;
	width: -moz-fit-content;
	width: fit-content;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-322 a {
	background-color: #bc9061 !important;
	border-color: #bc9061 !important;
	padding: 16px 32px;
	display: inline-block;
	margin: 2rem 0 3rem 0;
	color: #fff !important;
}


li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-322 a:hover, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-322 a:focus {
	background-color: #256c61 !important;
	border-color: #256c61 !important;
	padding: 16px 32px;
	display: inline-block;
	margin: 2rem 0 3rem 0;
	color: #fff !important;
}

a.btn-primary::after {
	opacity: 0;
}

a.btn-primary.btn-primary--bg, li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-322 a {
	/*background-color: #256c61;*/
	border-radius: 10px;
}

.btn-primary.btn-primary--bg:hover {
	opacity: 0.75;
}

a::after {
	background: transparent !important;
}

p a:hover {
	text-decoration: underline;
}

a.btn-secondary, a.btn-secondary-map {
	font-weight: 900;
	margin-top: 15px;
}

a.btn-secondary::before {
	content: "\f0da";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 7px;
}

a.btn-secondary-map::before {
	content: "\f041";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 7px;
}

a.btn-secondary:hover, a.btn-secondary-map:hover {
	font-weight: 900;
	opacity: 0.75;
}


/* Hover Boxen */
.hover-box--grid {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}

.hover-box--grid > .col-lg-4 {
	padding: 0 !important;
}

.wrapper.wrapper-inner.hover-box--grid {
	padding: 25px;
}

@media (min-width: 768px){
	.hover-box--grid > .col-lg-4 {
		width: 33%;
		max-width: 33%;
	}
	
	.hover-box--main-container {
	text-align: center;
	padding: 50px 25px;
}
}

@media (max-width: 767px){
	.hover-box--grid > .col-lg-4 {
		width: 50% !important;
	}
	
	.hover-box--main-container {
		text-align: center;
		padding: 20px 15px !important;
	}
}

.hover-box--main-container {
	position: relative;
	width: 100%;
}

.hover-box--main-container img {
	width: 65%;
	padding: 0 !important;
}


/* hoverbox grid */
@media (min-width: 1280px){
	.hover-box--grid {
		width: 70% !important;
		margin-left: auto;
		margin-right: auto;
	}
}


/* icon before */
img.icon--before {
	width: 75px;
}


/* progressbar */
@media (max-width:1199px){
	.prg-bar {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		z-index: 1;
		margin-bottom: 25px;
	}

	.prg-bar .col-centered {
		display: flex;
		flex-direction: row;
		align-items: top;
	}

	.prg-bar--txt {
		padding-left: 25px;
	}

	.prg-bar--icon {
		width: 50px;
		padding: 10px;
		background: radial-gradient(ellipse 40px 40px, #257E79 60%, transparent 40%);
		height: 50px !important;
		margin-top: 10px !important;
	}

	hr.prg-bar--line {
		display: none;
	}
}

@media (min-width:1200px){
	.prg-bar {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		z-index: 1;
		margin-bottom: 25px;
	}

	.prg-bar--icon {
		width: 100px;
		padding: 25px;
		background: radial-gradient(ellipse 70px 70px, #257E79 60%, transparent 40%);
		height: 100px !important;
	}

	hr.prg-bar--line {
		display: block;
		margin: 10px 0;
		border: 0;
		background-image: -webkit-gradient(linear, left top, right top, color-stop(34%, #959595), color-stop(0%, rgba(255,255,255,0)));
		background-image: linear-gradient(to right, #323b3d 34%, rgba(255,255,255,0) 0%);
		background-position: top;
		background-size: 3px 1px;
		background-repeat: repeat-x;
		height: 1px;
		position: absolute;
		top: 40px;
		content: ' ';
		width: 80%;
		text-align: center;
		left: 10%;
	}
}


/* hintergründe */
.wrapper.wrapper-inner {
	background: transparent;
}

.background--flaches-wasser {
	background: #e6f4f1;
}

.background--meersand {
	background: #f1e7dd;
}

.background--flaches-wasser-2 {
	background: #c1e3f1;
}

.background--meertuerkis {
	background: #80d9c8;
}

.background-test {
	background: #000000;
}


/* formular */
.col-form {
	padding: 0 15px;
}

.col-form label {
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
}


/* Diverses */
@media (min-width: 1200px) and (max-width:1299px) {
	.col.col-lg-4 > .col-lg-2 {
		padding-top: 25px;
	}
}

@media (min-width: 1300px) {
	.col.col-lg-4 > .col-lg-2 {
		padding-top: 10px;
	}
}

@media (min-width: 1200px){
	text-align: end;
}