/*
Theme Name: Kita-Planer
Theme URI: http://www.kita-planer.de
Description: Kita-Planer KP GmbH Theme
Version: 1.0
Author: Kita-Planer KP GmbH
Author URI: http://www.kita-planer.de
*/



html{
background-color:white;
}

body{
font-family: "Open Sans", Helvetica, sans-serif !important;
background-color: #FFFFFF;
color:#4C4643;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

/*----------- WORDPRESS ALLGEMEIN ---------*/

.maingreen_dark{color:#009878;}
.maingreen_light{color:#68BFAE;}
.mainyellow{color:#FFE491;}

h5{
    margin-top: 50px;
	}
	
table {
    border-collapse: collapse;
    margin: 0 auto;
}

a{
font-family: 'Open Sans', sans-serif;
color:#68BFAE;
}

a:hover,a:focus{
color:#009878;
}

.fontsize14{
font-size:14px;
}

.fontsize12{
font-size:12px !important;
}

.aligncenter {
margin:0 auto;
text-align:center;
display:block;
max-width: 100%;
height: auto;
}

.section-sidebar-wrapper ul, .section-sidebar-wrapper li{
font-size:14px;
}


/*----------- COSTUM ALLGEMEIN ---------*/

h3{
font-weight: 600;
font-size: 20px;
color:#4C4643;
}

p{
font-weight: 500;
font-size: 14px;
}

.light-color{
color:#756E6C;
}

.section{
	max-width: 1440px !important;
	margin:0 auto;
}

.section-fullwidth{
	max-width: 100% !important;
	margin:0 auto;
}

.section-heading{
font-weight: 600;
font-size: 36px;
text-align:center;
color:#4C4643;
padding:0px 10px 40px 10px;
}

.section-heading-new{
font-weight: 600;
font-size: 36px;
color:#4C4643;
margin-bottom:50px;
}

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

.section-heading-pages{
font-weight: 600;
font-size: 32px;
text-align:left;
color:#4C4643;
padding:20px 0px 20px 0px;
}

.section-heading-pages-center{
font-weight: 600;
font-size: 32px;
text-align:left;
color:#4C4643;
padding:20px 0px 20px 0px;
}

.sm-only{
display:none;
padding-top:0px;
}

.section-heading-small{
font-weight: 700;
font-size: 24px;
text-align:center;
color:#4C4643;
padding:0px 0px 30px 0px;
}

@media (max-width: 768px) {

	.section-heading-new{
		font-weight: 600;
		font-size: 32px;
		color:#4C4643;
		padding-bottom:30px;
	}

.fontsize12-small{
font-size:12px !important;
}

.sm-only{
display:block;
}
h3{
font-size: 16px;
line-height:1.5;
}

.section-heading{
font-size: 26px;
}

.section-heading-pages{
text-align:center;
}

.section-heading-small{
font-size: 16px;
}

}

.color-white{
color:white;
}

.section{
padding-bottom: 100px;
}

.section-sidebar-wrapper{
padding-top: 70px;
padding-bottom: 70px;
}

.container-fluid{
padding-bottom: 0px;
}

.costum_button{
font-weight: 600;
font-size: 14px;
color:#FFFFFF !important;
cursor:pointer;
border-radius: 10px;
background-color: #009878;
padding: 15px 20px;
display:inline-block;
letter-spacing:0.5px;
transition: all 0.2s ease-in-out;
}


.costum_button:hover{
color:#FFFFFF !important;
text-decoration:none;
background-color: #68BFAE;
transform:scale(1.1) translateY(-5px);
}

.costum_button_ghost{
color:#FFFFFF !important;
cursor:pointer;
border:1px solid #FFFFFF;
background-color: transparent;
padding: 10px 25px;
}

.costum_button_ghost:hover{
background-color: transparent;
border:1px solid #FFFFFF;
text-decoration:none;
transform:scale(1.1) translateY(-5px);
}



/* Icon 1 */

button:focus {
    outline: none;
}

#nav-icon1 {
  width: 50px;
  height: 50px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  padding-right:30px;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 25px;
  background: #4C4643;
  border-radius: 8px;
  opacity: 1;
  left: 12px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 13px;
}

#nav-icon1 span:nth-child(2) {
  top: 23px;
}

#nav-icon1 span:nth-child(3) {
  top: 33px;
}


#nav-icon1.open span:nth-child(1) {
  top: 23px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
}

#nav-icon1.open span:nth-child(3) {
  top: 23px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}






/* Navigation */


.dropdown-menu {
border:none;
}


.navbar {
		position:fixed !important;
		z-index:999;
		top:0;
		left:0;
		width: 100%; 
		background-color:#FFFFFF;
	font-weight: 600;
	font-size: 13px;
	text-transform:uppercase;
	border-bottom:1px solid #DDDDDD; 
	display:flex;
	justify-content: space-between !important;
	align-items: center;
	height: 70px !important;
	transition: all 0.3s ease-in-out;
	padding:0 0 0 0;
}


.collapse {
	display: none;
	width:100%;
	transition: all 0.3s ease-in-out;
}

.collapse.show{
	display: block;
}

.navbar-collapse{
background-color:#4C4643;
padding:30px 30px;
flex-grow: 0 !important;
}

.dropdown-item{
font-weight: 300;
}

.navbar ul li a {
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    padding: 7px 0;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
	padding: 15px 0px;
}



.nav-link:hover {
    color: #cbc8c4;
}


.kita-planer-logo-nav{
	width:150px;
	height: auto;
	transition: all 0.3s ease-in-out;
	padding-left:10px;
}


@media (min-width: 992px) {

	.kita-planer-logo-nav{
	width: 220px;
	height: auto;
	transition: all 0.3s ease-in-out;
}
	
.dropdown-menu{
		border-radius:0px;
		margin-top:0px;
	}
	

	.navbar-collapse{
	padding-bottom:0px;
}
	  

	.navbar {
		height:90px !important;
		position:fixed;
		width: 100%; 
		justify-content:center;
		background-color:white;
		border-bottom: 1px solid #DDDDDD;
		padding:0 30px;
	}
	

.collapse {
    position: unset;
	padding: 0;
	opacity: 1;
    width: auto;
	transition: all 0.3s ease-in-out;
}

.navbar ul li a {
    color: #4C4643;
}
	 .dropdown-menu{
	 border:1px solid #DDDDDD;
	 border-top:0px;
	 }
	 
	.nav-link:hover {
	background-color:transparent;}
		 
	.navbar-expand-lg .navbar-nav .nav-link{
		padding: 0 15px;
	}
	
	.navbar-nav{
	display:flex;
	justify-content:space-around;
	width: 100%;
	margin:0 auto;
	background-color:transparent;
	}
	
	.navbar-collapse{
	border-bottom: 0px solid #DDDDDD;
	background-color:transparent;
}
	 

  
  	  .navbar-custom .dropdown-item{
  line-height: 30px;
  padding:5px 10px;
  }
}



.fixed-header {
	height:70px !important;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fixed-header .kita-planer-logo-nav{
	width: 180px;
}





#top{
  text-align: center;
  background-image: url(img/newheader.jpg);
  background-position:50% 50%;
  background-size:cover;
  color: white;
  width:100%;
  top:0;
  height:600px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  font-family: "Open Sans", Helvetica, sans-serif !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
	z-index:-1;
}

#topanwender{
  text-align: left;
  background-image: url(img/anwenderheader.jpg);
  background-position:center right;
  background-size:cover;
  color: white;
  width:100%;
  top:0;
  height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  font-family: "Open Sans", Helvetica, sans-serif !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
	z-index:-1;
}

.headerinfos{
position:relative;
z-index:123;
}

.headerinfosanwender {
    position: relative;
    z-index: 123;
    display: flex;
    flex-direction: column;
    justify-content: left;
}

.header-alt{
background-image: none !important;
background-color: #009878;
}

.topnav{
width:100%;
height: 70px;
background-color:transparent;
display:flex;
align-items:center;
}

.logo{
width: 160px;
height: auto;
}

.top-social-button{
display:inline-block;
text-align:center;
background-color:transparent;
border-radius:50%;
border: 1px solid white;
width:35px;
height:35px;
margin:0 5px;
padding-top:4px;
transition: all 0.3s ease-in-out;
cursor:pointer;
color:#FFFFFF;
font-size:18px;
}

.top-social-button:hover{
color: #68BFAE;
background-color:white;
transform:scale(1.2);
}



.mainheading{
font-family: 'Open Sans Condensed', sans-serif;
text-shadow: 0 0 28px rgba(0,0,0,0.5);
margin-top: 0px !important;
  font-weight: 600;
  font-size: 70px;
  text-transform:uppercase;
  letter-spacing:2px;
  margin-bottom: 0px;
}

.mainheadinganwender{
font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  font-size: 48px;
  letter-spacing:1px;
  margin-bottom: 0px;
  margin-top: -30px
}

.kicker{
font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
  font-size: 20px;
  text-transform:uppercase;
  letter-spacing:1px;
  margin-bottom: -5px;
  margin-top: -5px;
}

.button-header{
font-weight: 600;
font-size: 14px;
color:white;
cursor:pointer;
border-radius: 7px;
background-color: #009878;
padding: 12px 40px;
display:inline-block;
margin: 30px 15px 0px 15px;
letter-spacing:0.5px;
transition: all 0.2s ease-in-out;
}

.button-header-anwender{
font-weight: 600;
font-size: 14px;
color:white;
cursor:pointer;
border-radius: 7px;
background-color: #009878;
padding: 12px 40px;
display:inline-block;
margin: 30px 10px 0px 10px;
letter-spacing:0.5px;
transition: all 0.2s ease-in-out;
}

.button-header-anwender:hover{
color:white;
text-decoration:none;
background-color: #68BFAE;
transform:scale(1.1) translateY(-5px);
}

.button-header:active,.button-header:focus,.button-header-anwender:active,.button-header-anwender:focus{
color:white;
}

.white-button{
color:#009878;
border:none;
background-color: white;
}

.white-button:hover{
color:#009878;
border:none;
background-color: white;
transform:scale(1.1) translateY(-5px);
}

.ghost-button{
border:1px solid #FFFFFF;
background-color: transparent;
}

.ghost-button:hover{
border:1px solid #FFFFFF;
background-color: transparent;
transform:scale(1.1) translateY(-5px);
}


@media (max-width: 768px) {

#top{
  background-position:top center;
  height:450px;
}

.topnav{
visibility:hidden;
height:1px;
}

.mainheading{
margin-top:0px;
  font-size:44px;
}

.mainheadinganwender{
  font-size: 36px;
text-align:center;
}
	
.headerinfosanwender {
    position: relative;
    z-index: 123;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
	
.kicker{
  font-size: 14px;
  margin-top:0px;
  margin-bottom:-5px;
}

.button-header{
display:block;
padding: 10px 30px;
margin: 10px auto;
max-width:220px;
font-size: 12px;
}
.button-header:first-child{
	margin: 35px auto 10px auto;
}
.button-header:hover{
transform:scale(1.05) translateY(-5px);
}

	.button-header-anwender{
display:block;
		text-align:center;

}
	
}




/*----------- INFO ---------*/

.section-small{
	max-width: 1000px;
	margin:0 auto;
	padding:100px 20px;
}

.section{
	max-width: 1440px;
	margin:0 auto;
	padding:100px 20px;
}

.maxw1000{
	max-width: 1000px;
	margin:0 auto;
}

.heading-underline{
	position: relative;
	z-index: 1;
}

.heading-underline::after{
	display: block;
	content: '';
	height:5px;
	background-color:#009878;
	color:#009878;
	width:100%;
	border-radius: 10px;
	z-index: -1;
	position: absolute;
	bottom:5px;
	left:0px;
}

.kp-info-content{
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 50px;
}

.kp-info-text{
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
	text-align:justify;
}

.kp-info-details{
	display:grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 50px;
	margin-top:20px;
	align-items: center;
	margin-bottom:120px;
}

.kpmockup{
	width:100%;
	height:auto;
}


.kp-info-item{
	display:flex;
	flex-direction: row;
	align-items: center;
	margin: 50px 0px;
}

.kp-info-image{
	width:70px;
	height:auto;
	margin-right: 20px;
}

.kp-info-item-heading{
	font-size: 18px;
	font-weight: 600;
}

.kp-info-item-p{
	font-size: 16px;
	font-weight: 400;
	margin:0px;
}


@media (max-width: 1200px) {
	.kp-info-details{
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top:50px;
		margin-bottom:100px;
	}
}

@media (max-width: 768px) {
	.kp-info-details{
		margin-bottom:50px;
	}

	.kp-info-content{
		grid-template-columns: 1fr;
		gap:10px;
	}
		.kp-info-text{
		font-size: 16px;
	}

	.kp-info-item-heading{
		font-size: 16px;
	}

	.kp-info-item-p{
		font-size: 14px;
	}
}




/*----------- NUMBERS ---------*/

#kp-numbers{
	position: relative;
	background: linear-gradient(#9E918A, #4C4643);
	background-color: #4C4643;
}

.kp-numbers-town{
	max-width:900px;
	width:100%;
	top:-80px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	position: absolute;
	z-index: 1;
}

.kp-numbers-townbg {
    height: 100px;
    border-radius: 100% 100% 0 0;
    opacity: 0;
    background-color: #dddddd;
    width: 100%;
    top: -100px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 0;
}

.kp-numbers-town img, .kp-numbers-townbg img{
	width:100%;
	height:auto;
}

.kp-numbers-details{
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-auto-rows: 1fr;
	grid-gap: 50px;
    align-items: start;
    justify-content: space-around;
}

.kp-numbers-item{
	text-align: center;
	color:white;
}

.kp-numbers-item::after{
	content: '';
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:0;
	margin-top: auto;
	bottom:0;
	margin-bottom: auto;
	text-align: center;
	background-color:rgba(0,152,120,0.5);
	border-radius: 100%;
	width: 180px;
	height:180px;
	z-index: -1;
}

.kp-numbers-number{
	font-weight: 800;
	font-size: 68px;
	display:inline;
}

.kp-numbers-p{
	max-width: 300px;
	line-height: 1.5;
    font-size: 16px;
    font-weight: 600;
	margin: 10px auto 0 auto;
}


.kp-numbers-town, .kp-numbers-townbg{
	opacity:0;
	transform:translateY(80px);
	transition: all 0.5s ease-in-out;
}

.kp-numbers-town.is-showing{
	opacity:1;
	transform:translateY(0px);
}

.kp-numbers-townbg.is-showing{
	opacity:0.4;
	transform:translateY(0px);
}

.kp-numbers-item{
	opacity:0;
	transform:scale(0.5);
	transition: all 0.2s ease-in-out;
}

.kp-numbers-item.is-showing{
	opacity:1;
	transform:scale(1);
}


/* Define a custom CSS property '--num' that can be animated as an integer */
@property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

/* Base style for number animation elements */
/* Initializes --num to 0 and resets the CSS counter 'num' to that value */
.number-animation {
  --num: 0;
  counter-reset: num var(--num);
}

/* Use the ::after pseudo-element to display the current value of the counter */
.number-animation::after {
  content: counter(num);
}

/* Keyframe animations to animate --num from 0 up to the target number */
/* Example animation from 0 to 50 */
@keyframes counter--10 {
  from {
    --num: 0;
  }
  to {
    --num: 10;
  }
}

@keyframes counter--13000000 {
  from {
    --num: 0;
  }
  to {
    --num: 13000000;
  }
}

@keyframes counter--13300 {
  from {
    --num: 0;
  }
  to {
    --num: 13300;
  }
}

@keyframes counter--1500 {
  from {
    --num: 0;
  }
  to {
    --num: 1500;
  }
}

/* You can add more animations for different target numbers as needed */
/* Animation classes that apply the corresponding keyframe animations */
.animate--13300 {
  animation: counter--13300 1s ease forwards;
}

.animate--13000000 {
  animation: counter--13000000 1s ease forwards;
}

.animate--13300 {
  animation: counter--13300 1s ease forwards;
}

.animate--1500 {
  animation: counter--1500 1s ease forwards;
}

.animate--10 {
  animation: counter--10 1s ease forwards;
}




@media (max-width: 1200px) {
	.kp-numbers-town{
		top:-70px;
	}
	.kp-numbers-number{
		font-size: 52px;
	}
	.kp-numbers-p{
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.kp-numbers-details{
		grid-template-columns: 1fr;
		gap:10px;
	}

	.kp-numbers-item{
		margin:45px 0px;
	}

	.kp-numbers-town{
		top:-50px;
	}

	.kp-numbers-townbg{
		top:-80px;
		height:80px;
	}
}

@media (max-width: 576px) {
    .kp-numbers-townbg {
        top: -60px;
		height:60px;
    }
	.kp-numbers-town{
		top:-30px;
	}
	.kp-numbers-item::after{
		width: 150px;
		height:150px;
	}
}


.nutzen-item{
opacity:0;
transform:scale(0.5);
transition: all 0.2s ease-in-out;
}

.nutzen-item.is-showing{
opacity:1;
transform:scale(1);
}

/*----------- Features ---------*/ 

.kp-feat{
background-color:#F4F4F4;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
padding-bottom:0px;
}


.feature-hr{
display:none;
margin:30px 0px;
    border-top: 1px solid rgba(0,0,0,.2);}

@media (max-width: 768px) {
.feature-hr{
display:block;
}
}

.circle-feature{
min-height:80px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
cursor:pointer;
transition: all 0.1s ease-in-out;
}

.circle-feature:hover{
transform:scale(1.02) translateY(-5px);
}

.funktion-item{
opacity:0;
transform:scale(0.5);
transition: all 0.2s ease-in-out;
}

.funktion-item.is-showing{
opacity:1;
transform:scale(1);
}





/*----------- NEWS ---------*/ 

.kp-news{
background-color:#F4F4F4;
border-bottom:px solid #DDDDDD;
border-top:1px solid #DDDDDD;
padding-bottom:0px;
}

.kp-news-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	gap: 50px;
}

.alm-listing {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	margin-top:50px !important;
}

.news-anchor:hover{
	text-decoration:none;
}

.news-object{
	background-color:#FFFFFF;
	border-radius:10px;
	border:1px solid #DDDDDD;
	padding:20px;
	transition: all 0.2s ease-in-out;
	display:relative;
	opacity:0;
	transform:translate(0,50px);
	height:100%;
}

.news-object-more{
	background-color:#FFFFFF;
	border-radius:10px;
	border:1px solid #DDDDDD;
	padding:20px;
	transition: all 0.2s ease-in-out;
	display:relative;
	height:100%;
}

.alm-listing {
	opacity:0;
	transition: all 0.2s ease-in-out;
}

.loadmorebtn{
	font-weight: 600 !important;
	font-size: 14px !important;
	color:#FFFFFF !important;
	cursor:pointer !important;
	border-radius: 10px !important;
	background-color: #009878;
	padding: 15px 20px !important;
	display:inline-block !important;
	letter-spacing:0.5px !important;
	transition: all 0.2s ease-in-out !important;
}

.loadmorebtn:hover{
color:#FFFFFF !important;
text-decoration:none !important;
background-color: #68BFAE !important;
transform:scale(1.1) translateY(-5px) !important;
}


.news-object.is-showing, .alm-listing.is-showing{
	opacity:1;
	transform:translate(0,0px);
}


.news-object:hover,.news-object-more:hover{
	text-decoration:none;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 20px 0px rgba(0,0,0,0.2);
	transform:scale(1.02) translateY(-5px);
}

.news-object:hover h3,.news-object-more:hover h3{
	color: #009878;
}

.news-object-content{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
	gap: 20px;
	align-items: start;
}

.news-object-content-date{
	display: flex;
	align-items: center;
}

.news-object-calener-image{
	width:20px;
	height: auto;
	display: inline;
	margin-right:10px;
}

.news-object-content-date-text{
	font-weight: 600;
	padding-top:1px;
}


.news-thumb{
    width: 100%;
    object-fit: cover;
    height: 250px;
    margin: 0 0 0 0;
    border-radius: 10px;
}

.read_more{
	margin: 15px 0 0 0;
}

.news-object h3, .news-object-more h3{
	padding:0 0px;
	margin:20px 0px;
	font-size: 20px;
}

@media (max-width: 1200px) {
	.kp-news-content {
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
	}
	
	.alm-listing {
		grid-template-columns: 1fr;
		grid-auto-rows: 1fr;
	}
}

@media (max-width: 768px) {
	.kp-news-content {
		gap: 30px;
	}

	.alm-listing {
		gap: 30px;
	}
	
	.news-object h3{
		padding:0 0px;
		margin:20px 0px;
		font-size: 16px;
	}
}

@media (max-width: 576px) {
	.news-object-content{
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		grid-auto-rows: unset;
	}
}



/* ------------------- KUNDESEITE -----------*/



.kunden-header-content{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
	gap:50px;
	align-items: center;
}

.news-header-image{
	width: 100%;
	height:auto;
	border-radius: 10px;
}

.kunden-header-content img{
	width: 100%;
	height:auto;
}

.kunden-header-text p{
	font-size: 16px;
	line-height: 1.5;
	text-align: justify;
}


#kundenliste{
background-color:#F4F4F4;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}

.kundenliste-bundesland{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	align-items: start;
	justify-content: center;
}

.kundenliste-bundesland-item{
	width:100%;
	padding:30px;
	min-height:100px;
	background-color: white;
	border: 2px solid #DDDDDD;
	border-radius: 10px;
	transition: all 0.2s ease-in-out;
}

.kundenliste-bundesland-header{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 60px;
}

.kundenliste-bundesland-logoname{
	display:flex;
	flex-direction: row;
	align-items: center;
}

.kundenliste-bundesland-wappen{
	width:50px;
	height:auto;
	margin-right:20px;
}

.kundenliste-bundesland-name{
	font-size: 20px;
}

.kundenliste-arrow{
	width: 20px;
	height:auto;
	transition: all 0.2s ease-in-out;
}


.kundenliste-bundesland-item:hover, .kundenliste-bundesland-item.open{
	width:100%;
	padding:30px;
	min-height:80px;
	background-color: #FFE594;
	border: 2px solid #DDDDDD;
	cursor: pointer;
}

.kundenliste-bundesland-item:hover .kundenliste-arrow, .kundenliste-bundesland-item.open .kundenliste-arrow{
	transform: rotate(-90deg);
}

.kundenliste-bundesland-content a {
    display: block;
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    margin: 10px 0px;
    color: #4C4643;
}

.kundenliste-bundesland-content a:hover{
    color: #009878
}

.kundenliste-bundesland-content a:first-child{
	margin:30px 0px 10px 0px;
}

.kundenliste-bundesland-content {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.kundenliste-bundesland-item.open .kundenliste-bundesland-content {
  grid-template-rows: 1fr;
}

.kundenliste-bundesland-content-wrapper {
    min-height: 0;
}


.kundenliste-bundesland-item{
opacity:0;
transform:scale(0.5);
transition:all 0.1s ease-in;
}

.kundenliste-bundesland-item.is-showing{
opacity:1;
transform:scale(1);
}


@media (max-width: 1200px) {

	.kunden-header-content{
		display: grid;
		grid-template-columns: 1fr;
		grid-auto-rows: unset;
		gap:50px;
		align-items: center;
	}

	.kunden-header-text p {
		font-size: 16px;
		line-height: 1.5;
		text-align: justify;
		margin-top: -30px;
	}
	
	.kundenliste-bundesland{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
		align-items: start;
		justify-content: center;
	}

}

@media (max-width: 768px) {
	.kundenliste-bundesland-content a {
		font-size: 14px;
	}
	.kundenliste-bundesland{
		grid-template-columns: 1fr;
		gap: 30px;
		align-items: start;
		justify-content: center;
	}
}



/* ------------------ REVIEW ----------------*/

.review-slide-item{
	position: relative;
	display:flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
	margin:100px 30px 50px 30px;
	padding: 100px 30px 90px 30px;
    background-color: white;
    border: 1px solid #DDDDDD;
    border-radius: 10px;
	min-height:550px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}


.review-logo-wrapper{
	position: absolute;
	height:100px;
	width:100px;
	border-radius: 100%;
	background-color:white;
	border:1px solid #DDDDDD;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top:-50px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.review-logo{
	width:50px;
	height:auto;
}

.review-quote-upper,.review-quote-lower{
	position: absolute;
	opacity: 0.75;
	width:60px;
	height:auto;
	z-index: 0;
}

.review-quote-upper{
	top:10px;
	left:10px;
}

.review-quote-lower{
	bottom:10px;
	right:10px;
	transform:rotate(180deg);
}


.review-quote-img{
	width:100%;
	height:auto;
}

.review-text{
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	font-style: italic;
}

.review-person{
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin:50px 0px 10px 0px
}

.review-client{
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	font-style: italic;
	margin:0px 0px;
}

.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
	z-index: 1;
    padding: 0;
    transform: scale(1);
    cursor: pointer;
    color: #4C4643;
    outline: none;
    background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	transition: all 0.2s ease-in-out;
}


.slick-prev:hover, .slick-next:hover {
    color: white;
    outline: none;
    background: #FFFFFF !important;
	transform: scale(1.2);
	transform-origin: 50% 50%;
}

.slick-prev:focus, .slick-next:focus {
    color: white;
    outline: none;
    background: #FFFFFF !important;
	transform: scale(1);
	transform-origin: 50% 50%;
}


.slick-next::before {
    content: "\f105" !important;
	color: #4C4643;
}

.slick-prev::before {
    content: "\f104" !important;
	color: #4C4643;
}

.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 42px;
    line-height: 1;
    opacity: 1;
    color: #4C4643;
}

.review-slide-item, .slick-slide{
	transition: all 0.2s ease-in-out;
}

.slick-current{
	transform: scale(1.1);
	transform-origin: 50% 50%;
	transition: all 0.2s ease-in-out;
}


@media (max-width: 1200px) {
	.review-slide-item {
		margin:100px 20px 40px 20px;
		padding: 80px 20px 60px 20px;
		min-height: 400px;
	}
	.review-text {
		font-size: 16px;
		text-align: justify;
	}
	.review-person {
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		margin: 20px 0px 10px 0px;
	}
	.review-client{
		font-size: 12px;
	}

	.review-logo{
		width:40px;
	
	}
	.review-quote-upper,.review-quote-lower{
		width:40px;
	}
	.review-logo-wrapper{
		height:80px;
		width:80px;
	}
}

@media (max-width: 768px) {
	.review-slide-item {
		margin:80px 20px 40px 20px;
		padding: 60px 20px 40px 20px;
		min-height: 300px;
	}
	.review-text {
		font-size: 14px;
		text-align: justify;
	}
	.review-person {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		margin: 20px 0px 10px 0px;
	}
	.review-client{
		font-size: 12px;
	}

	.review-logo{
		width:50px;
	
	}
	.review-quote-upper,.review-quote-lower{
		width:30px;
	}
	.review-logo-wrapper{
		height:80px;
		width:80px;
	}
}


/* ------------------- SPECIAL --------------*/

.kp-special{
background-color:#68BFAE;
background-image:url(img/specbg.jpeg);
background-size:cover;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
}
.max-width-1600{
margin:0 auto;
max-width:1600px;
padding-top:40px;
overflow:hidden;}


.showcase-text{
align-self:center;
padding-left:50px;
transition: all 0.5s ease-in;
opacity:0;
transform:translate(100px,0);
}

.showcase-text.is-showing{
opacity:1;
transform:translate(0,0);
}

.showcase-pic{
display:flex;
}

.showcase-pc{
width:90%;
margin:0 auto;
align-self:flex-end;
transition: all 0.1s ease-in;
opacity:0;
}

.showcase-pc.is-showing{
opacity:1;
}

.showcase-phone{
width:97%;
position:absolute;
z-index:3;
bottom:0;
right: 25px;
transition: all 0.5s ease-in;
opacity:0;
transform:translate(50px,0);
}

.showcase-phone.is-showing{
opacity:1;
transform:translate(0,0)
}

.showcase-tablet{
width:97%;
position:absolute;
z-index:4;
bottom:0;
left:25px;
transition: all 0.5s ease-in;
opacity:0;
transform:translate(-50px,0);
}

.showcase-tablet.is-showing{
opacity:1;
transform:translate(0,0);
}

.showcase-heading{
	font-size:32px;
}

.showcase-li{
	font-size:18px;
	text-decoration:none;
	display:block;
	padding:5px 5px;
}

.showcase-li i{
	font-size:22px;
	padding-right:10px;
}

@media (max-width: 992px) {
.showcase-pic{
margin-top:30px;}

.showcase-text{
padding-left:100px;
}
}

@media (max-width: 768px) {
.showcase-text{
padding-left:50px;
}
.showcase-heading{
	font-size:28px;
}
.showcase-li{
	font-size:16px;
	padding:3px 3px;
}
.showcase-li i{
	font-size:18px;
}
}
/* ------------------- REFERENZEN ----------------*/


.kp-referenzen{
background-color:#F4F4F4;
position:relative;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
/*padding: 30px 0;*/
overflow:hidden;
}

.karten-dienst{
min-height:600px;
position:relative;
padding:0;
}

.legende{
position:absolute;
top: 10px;
right:10px;
background-color:white;
border-radius:5px;
padding:10px;
border: 1px solid #4C4643;}

.legende p{
margin:0 0 0 0;
font-size:12px;}

.kp-referenzen .section-heading{
padding: 50px 10px 20px 10px;
}

.section-referenzen{
margin:0 auto;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.kunden-wrapper{
display:flex;
max-width:750px;
justify-content:center;
align-items:center;
margin:0 auto;
display:none;
transition: all 0.2s ease-in-out;
min-height:220px;
}

.kunden-wrapper.active-kunde{
display:flex;
animation-duration: 0.3s;
 animation-name: slidein;
}

@keyframes slidein {
  from {
	opacity:0;
    transform:translate(200px,0);
  }

  to {
	opacity:1;
    transform:translate(0,0);
  }
}

.karte-bg{
	z-index:0;
	position:absolute;
	top:50px;
	height:80%;
	width:400px;
	left:60%;
	margin-left:-450px;
	background-image:url(img/map-germany.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
transition: all 0.3s ease-in;
opacity:0;
transform:scale(0);
}

.karte-bg.is-showing{
opacity:1;
transform:scale(1);
}


.kunden-info{
text-align:center;
min-width:250px;
}

.kunde-logo{
	width:60px;
	height:auto;}

.kunde-stadt{
	font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing:1px;
text-transform:uppercase;
display:block;
margin:10px 0 5px 0;
}

.kunde-name{
	font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 12px;
display:block;
margin:0 0 5px 0;
}

.kunde-funktion{
	font-family: 'Open Sans', sans-serif;
font-weight: 100;
font-size: 10px;
display:block;
}

.kunden-text{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 20px;
font-style:italic;
line-height:30px;
padding:0 20px;
max-width:100%;
}	

.kunden-auswahl{
display:flex;
max-width:750px;
justify-content:center;
align-items:flex-end;
margin:20px auto 0 auto;
}

.kunden-auswahl-logo{
height: 50px;
width:auto;
margin:0 20px;
cursor:pointer;
opacity:0.5;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	transition: all 0.2s ease-in-out;
}


.kunden-auswahl-logo:hover{
opacity:1;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	transform:scale(1.2);
}

.kunden-auswahl-logo.active-kunde{
opacity:1;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	transform:scale(1.2);
}

@media (max-width: 1090px) {
	

.kunden-wrapper{
	order:2;
	flex-direction:column;
	align-items:center;
	width:100%;
}
.kunden-auswahl{
	order:1;
	margin:5px auto 15px auto;
	flex-wrap:wrap;
}

.kunden-auswahl-logo{
height: 30px;
width:auto;
margin:5px 10px;
}

.karte-bg{
	margin-left:-200px;
	height:90%;
	left:50%;
	top:25px;
}

.kunden-info{
min-width:200px;
display:flex;
text-align:left;
width:100%;
margin:0 auto;
padding:0 20px;
}
.kunde-logo{
	max-width:50px;
	height:auto;
	align-self: center
}
	
.kunden-info-text{
	margin-left:20px;
	max-width:100%;
}
.section-referenzen{
	max-width:100%;	
}

.karten-dienst{
padding:0;
}

}

@media (max-width: 440px) {
.none-logo{
	display:none;
}
}

/*-------------------- KONTAKT ------------------*/ 

.kp-kontakt{
position:relative;}

.kontakt-bg{
	z-index:0;
	position:absolute;
	bottom:10px;
	height:100%;
	width:15%;
	right:10px;
	margin-left:-450px;
	background-image:url(img/kontakt-bg.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:contain;
}
@media (max-width: 1280px) {
.kontakt-bg{
	display:none;
}
}

.kp-contact-text {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
    text-align: justify;
    margin-bottom: 40px;
}

.kp-contact-info {
    position: relative;
    background-color: rgba(104,191,174,0.8);
    z-index: 0;
    max-width: 500px;
    border-radius: 10px;
    color: white;
    padding: 20px 20px 10px 20px;
    margin: 0 auto;
    border: 1px #68BFAE solid;
    line-height: 1.8;
	text-align:justify;
}

.kp-contact-info-symbol{
	position:absolute;
	top:-20px;
	left:-20px;
	border-radius:50%;
	border:1px #68BFAE solid;
	background-color: #FFFFFF;
	color: #68BFAE;
	width:40px;
	height:40px;
	padding:7px 0px 0px 15px;
}

.kp-contact-info-symbol i{
	font-size:24px;
}

#contact-form-costum{
margin:20px auto 0 auto;
}

.contact-form-start{
width:700px;
max-width: 95%px;
}

#contact-form-costum .form-group{
margin-bottom:8px;
}




#contact-form-costum h3{
text-align:left;
margin-top:25px;
}

#contact-form-costum .checkbox_wrapper, #contact-form-costum .wpcf7-checkbox{
text-align:left;
    background-color: white !important;
    border: none !important;
}

#contact-form-costum .control-label{
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 12px;
text-align:left;
}

#contact-form-costum label{
font-weight: 300;
font-size: 12px;
text-align:left;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-family: "Open Sans", Helvetica, sans-serif !important;
}

#contact-form-costum .form-control, #contact-form-costum .wpcf7-form-control{
background-color:#F4F4F4;
border:1px solid #DDDDDD;

    display: block;
    width: 100%;
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#contact-form-costum .form-control:focus, #contact-form-costum .wpcf7-form-control:focus{
    border-color: #68BFAE !important;
    box-shadow: none;
	outline-width: 0;
}

#contact-form-costum .form-control::placeholder, #contact-form-costum .wpcf7-form-control::placeholder{
color:#DDDDDD;
font-size:14px;
font-style:italic;
}


#contact-form-costum .form-anliegen {
min-height:200px;
}

#contact-form-costum .submit-button, #contact-form-costum .wpcf7-submit{
text-align:center;
display:block;
max-width:220px;
font-weight: 600;
font-size: 14px;
color:white;
cursor:pointer;
border-radius: 7px;
background-color: #009878;
padding: 12px 40px;
margin: 30px auto 0px auto;
letter-spacing:0.5px;
transition: all 0.2s ease-in-out;
}


#contact-form-costum .wpcf7-submit:hover{
color:white;
text-decoration:none;
background-color: #68BFAE;
transform:scale(1.05) translateY(-5px);
}

span.wpcf7-list-item {
    display: block;
    margin: 5px 0 5px 0;
}

.max-width-700{
max-width:700px;
margin:0 auto;
}

.communicate{
width:100%;
height: auto;
}

.formline-submit{
text-align:center;}

.submit-button{
width:200px;
border:none;
}

@media (max-width: 768px) {
.form-name{
margin-bottom:15px;
}
.submit-button{
margin-top:0;
padding: 12px 40px;
}
#contact-form-costum h3{
text-align:left;
margin-top:25px;
font-size:16px;
}
#contact-form-costum .checkbox_wrapper{
font-size:14px;
}

.kp-contact-info {
    line-height: 1.6;
	max-width: 85%;
}
.kp-contact-info p{
	font-size: 13px!important;
}
}

/*----------------- STAFF ------------*/

.kp-staff .section{
padding-bottom: 40px;
}

.staff-faces{
margin:0 auto;
text-align:center;}

.staff-face{
width:75px;
height:75px;
border-radius:50%;
border: 1px solid #E9EAE9;
margin: 10px 10px;
opacity:0;
transform:scale(0.5);
transition:all 0.1s ease-in;
}

.staff-faces a:hover{
text-decoration: none;
}

.staff-face.is-showing{
opacity:1;
transform:scale(1);
}

.tooltip-arrow{
display:none;
}

 .tooltip{
margin:20px 0;
}

 .tooltip-inner {
background-color: #FFFFFF;
text-align:left;
padding:10px;
}

 .tooltip-inner p{
font-family: 'Open Sans', sans-serif;
color:#4C4643;
font-size:12px;
}

.tooltip-inner h4{
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 14px;
color:#4C4643;
}

/*----------------- FOOTER ------------*/


.kp-footer{
	position:relative;
	font-family: 'Open Sans', sans-serif;
	background-color:#4C4643;
	text-align: left;
}

.kp-footer-content {
    color: white !important;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
    align-items: start;
}

.footer-row{
	padding:0px 20px;
	display: flex;
	flex-direction: column;
	border-left: 0px solid rgba(255,255,255,0.6);
	height:100%;
}

.footer-row p{
	font-size: 14px !important;
	font-weight: 600 !important;
}

.footer-row:first-child{
	border-left: 0px solid white;
}

.kp-footer-content h2{
	color:white;
	font-weight: 600;
	font-size: 22px;
	margin-bottom:20px;
	text-transform: uppercase;
}

.kp-footer img{
	width:200px;
	max-width: 100%;
	height:auto;
	margin-bottom:20px
}

.lbg-footer-logo{
	width:150px !important;
	margin: 10px 0px 20px 0px !important;
	opacity: 0.6;
	transition: all 0.2s ease-in-out;
}

.kp-bird-logo{
	width: 200px !important;
}

.kikom-bird-logo{
	width: 115px !important;
}

.little-bird-logo{
	width: 100px !important;
}

.lbg-footer-logo:hover{
	opacity: 1;
}

.lbg-footer-logo a{
	cursor: pointer;
}





.footer-nav, .footer-nav li, .footer-nav a, .footer-link, .footer-row p a{
	text-decoration: none;
	list-style-type: none;
    padding: 0px 0px 5px 0px;
	color:white !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.footer-nav a{
	padding:0 0 0 0 !important;
	color:white !important;
}

#footer-navi .nav-link:hover, .footer-nav a:hover, .footer-link:hover, .footer-row p a:hover{
	text-decoration: none !important;
	color: #cbc8c4 !important;
	background-color: transparent;
}


.footer-hr{
	height:1px;
	background-color: rgba(255,255,255,0.6);
	width:50px;
	margin:0px 0px 20px 0px;
}

.srl-up{
text-align:center;
position:absolute;
bottom:30px;
right:30px;
background-color:white;
border-radius:5px;
width:35px;
height:35px;
transition: all 0.2s ease-in-out;
cursor:pointer;
}

.srl-up i{ 
color:#4C4643;
font-size:34px;
}

.srl-up:hover{
transform:scale(1.1) translateY(-5px);
}

@media (max-width: 1024px) {
	.kp-footer-content{
		grid-template-columns: 1fr 1fr;
		align-items: start;
	}

	.footer-row{
		padding:0px 20px;
	}

}

@media (max-width: 768px) {


	.kp-footer-content{
		color:white !important;
		display: grid;
		gap:30px;
		grid-template-columns: 1fr 1fr;
		align-items: start;
	}

	.footer-row{
		padding:0px 10px;
	}

	.footer-row p{
		font-size: 14px !important;
		font-weight: 600 !important;
	}

	.kp-footer-content h2{
		font-size: 16px;
		margin-bottom:20px;
	}

	.kp-footer img{
		width:150px;
		margin-bottom:20px
	}

	.lbg-footer-logo{
		width:120px !important;
		margin: 10px 0px 20px 0px !important;
	}

	
	.kp-bird-logo{
		width: 150px !important;
	}

	.kikom-bird-logo{
		width: 100px !important;
	}

	.little-bird-logo{
		width: 80px !important;
	}

}




/* SIDEBAR */

.sidebar{
border-left:1px solid #DDDDDD;
}

.sidebar-tab{
margin-top:30px;
margin-bottom:30px;
}

.sidebar-h{
margin-bottom:10px;
}

.sidebar-hr{
text-align:center;
width:25px;
border:1px solid #68BFAE;
}

.sidebar-tab img{
text-align:center;
width:90%
}

.sidebar-text{
font-size:12px;
font-style:italic;
}

.ASP-wrapper{
width:100%;
margin:0 auto;
display:flex;
justify-content:center;
align-items:center;
margin: 25px auto;
}

.ASP-item{
width:45%;
text-align:center;
}

.ASP-item img{
border-radius:50%;
max-width:80px;
height:auto;
border:2px solid #DDDDDD;
}

.info_link{
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 14px;
color:#68BFAE;
position: relative;
overflow: hidden;
padding-bottom: 4px;
display: inline-block;
transition: all .2s ease-in;
}

.info_link:hover,.info_link:focus{
color:#009878;
text-decoration:none;
}

.info_link:after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  z-index:1031;
  left: 0;
  bottom: 0;
  background-color: #68BFAE;
  transform: translate3d(-100%, 0, 0);
  transition: transform .2s ease-in;
}

.info_link:hover:after,
.info_link:hover:focus{
  transform: translate3d(0, 0, 0) !important;
}

.Tweet-text {
    font-size: 12px;
}

@media (max-width: 768px) {
.sidebar{
display:none;
}
}



/* SICK */ 

.slick-prev{
left:10px;}
.slick-next{
right:10px;}

.slick-prev::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f137";
}

.slick-next::before {
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f138";
}

.slide-item{
align-items:center;}

.slide-text-left{
text-align:left;
}

.slide-text-right{
text-align:right;
}

.text-shuffle .mainheading{
font-size:30px;
}

.text-shuffle .kicker{
font-size:18px;
}

.text-shuffle{
margin: auto 0;
}

.graphic-shuffle img{
width:100%;
height:auto;
}

@media (max-width: 768px) {
.text-shuffle{
text-align:center;
background-size:contain;
background-position:center center;
background-repeat:no-repeat;
order:2;
}
.text-shuffle .mainheading{
font-size:18px;
margin-bottom: 20px;
}
.graphic-shuffle{
text-align:center;
max-height: 160px;
padding-top: 20px;
margin-bottom: 30px;
order:1;
}
.text-shuffle .kicker{
font-size:12px;
display:none;
}
.graphic-shuffle img{
margin: 0 auto;
width:auto;
height:160px;
}

.slide-text-left{
text-align:center;
}

.slide-text-right{
text-align:center;
}

.text-shuffle .button-header{
margin: 0 auto;
padding:10px 10px;
}

}




/* News-PAGE */

.news-page{padding-right:30px;}

@media (max-width: 768px) {
	.news-page{
	padding-right:auto;
	}
}

.news-item{
margin:5px 0;
padding: 10px 0px;
border-radius:8px;
position:relative;
}

.news-item hr{
max-width:300px;
margin-top:40px;
}

.news-img{
width:100%;
height:auto;
margin-bottom:10px;
}

.news-h{
margin-bottom:15px;
}

.news-text{
margin:10px auto;
line-height:25px;
text-align:justify;
}

.news-text img{
max-width:100%;
height:auto;
}


/* News-Single-PAGE */


.news-single-start{
	margin-top:70px;
}

.news-single-head{
	display:grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1fr;
	gap:50px;
	align-items: center;
	margin-bottom:50px;
}

.news-single-img{
    width: 100%;
    object-fit: cover;
    height: 300px;
    margin: 0 0 0 0;
	border-radius: 10px;
}

.news-single-h{
	padding:0 0px;
	font-size: 36px;
	margin-top:20px;
	font-weight: 600;
}

.news-single-text p, .news-single-text ul, .news-single-text li, .news-single-text a{
	font-size: 18px;
	line-height: 1.5;
}



/* Presse-PAGE */

.presse-item{
margin:0px 0px 0px 0px;
padding: 10px 10px 0px 10px;
position:relative;
border-bottom: 1px solid #DDDDDD;
}

.presse-item:nth-child(odd){
background-color:#EEEEEE;
}

.presse-img{
width:100%;
height:auto;
margin-bottom:10px;
}

.presse-item hr{
margin:0 0 0 0;
}

.presse-h{
margin-bottom:15px;
}

.presse-publisher{
	font-size:12px;
	font-style:italic;
	margin:-5px 0 0 0;
	padding:0 0 0 0;
}

.presse-text{
margin:15px auto -5px auto;
line-height:25px;
text-align:justify;
}

.presse-text img{
max-width:100%;
height:auto;
}

.h-presse{
	margin:0 0 10px 0;
	font-size: 16px;
	font-style:italic;
}

.link-presse{
	font-size: 16px;
}

.text-presse{
	margin:-10px 0 0 0;
	font-style:italic;
}

/* Kundenmeinungen*/

.kundenmeinung-item{
padding:20px 0px;
}

.kundenmeinung-item img{
padding:5px;
}

/* PRESSE-PAGE */

.pdf{
width:100%;
height:auto;
max-width:200px;
border-radius:50%;
}

.pdfnew{
	border: 3px solid #C2C2C2;
	padding:0px !important;
}

.hr-xs{
display:none;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.2);
    max-width: 200px;
}

#presseartikel-table .column1{
width:15%;
}

#presseartikel-table .column2{
padding-left:20px;
}

#presseartikel-table tr{
padding:20px 0px;
display: block
}

@media (max-width: 576px) {
.pdf{
margin-bottom:20px;
}

.hr-xs{
display:block;
}
}

/* MODULE-PAGE */

.module-h{
margin-top:30px;
font-size:22px;
}

.module-text{
text-align:justify;
font-size:14px;
}

@media (max-width: 576px) {
	.module-h{
	text-align:center;
	}
	.module-text{
	margin-top:10px;
	}
}




/*----------- SINGLE - PAGE -----------*/ 

.single-text{
		margin-top:20px;
}

.single-text img{
		max-width:100%;
}

/*----------- KUNDEN-AUFLISTUNG-PAGE ---------*/ 

.kunden-auflistung{
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap: wrap;
}

.kunden-object{
background-color:#FFFFFF;
border-radius:5px;
border:none;
padding:0 0 0 0;
margin: 20px 1%;
width:48%;
text-align: center;
transition: all 0.3s ease-in-out;
display:relative;
transform:translate(0,50px);
}

.kunden-thumb{
width:100%;
height:auto;
border-radius:5px 5px 5px 5px;
border:1px solid #009878;
margin: 0 0 10px 0;
display:relative;
}


.kunden-object h3{
padding:0 20px;
margin:20px 0px;
    font-size: 20px;
}

@media (max-width: 768px) {
	.kunden-object{
	margin:15px 0;
	width:95%;
	max-width:100%;
	}
}


/*----------- KUNDEN-AUFLISTUNG-PAGE ---------*/ 

.kontakt-section .section-heading{
padding-top:70px;
padding-bottom:50px;
}

.kontakt-items{
margin-bottom:50px;
}


.kontakt-icon{
background-color: #009878;
width:75px;
height:75px;
border-radius:50%;
text-align:center;
margin:0 auto;
}

.kontakt-icon i{
color:white;
font-size:36px;
margin:0 auto;
line-height:75px;
}

.kontakt-item h3{
margin-bottom:3px;
text-align:left;
}

.kontakt-item-text {
font-size:12px;
margin:0 0 0 0;
font-style:italic;
text-align:left;
}

.kontakt-special{
 background-image: url(img/kontakt-special-bg.png);
 background-size:cover;
 background-attachment:fixed;
 border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin:70px auto 0px auto;
padding: 70px 0px;
}

.kontakt-special-wrap{
padding:0 30px;}

.kontakt-special-img{
width:100%;
background-size:cover;
background-position:center;
border-radius:8px 0px 0px 8px;
}

.dominic{
background-image:url(img/dwiethoff.jpg);
}

.christianb{
background-image:url(img/cbeyer.jpg);
}

.marco{
background-image:url(img/mkoehn.jpg);
}

.kontakt-special-box{
background-color:#F4F4F4;
min-height:200px;
border:3px solid #DDDDDD;
border-left:none;
border-radius:0px 8px 8px 0px;
display:flex;
flex-direction:column;
justify-content:center;
}

.kontakt-special-text{
font-size:12px;
font-style:italic;
}

@media (max-width: 768px) {
	.kontakt-icon{
	width:55px;
	height:55px;
	}
	.kontakt-icon i{
	line-height:55px;
	font-size:28px;
	}
	.kontakt-special-wrap{
	margin:20px 0px;}
}

@media (max-width: 576px) {
	.kontakt-item{
		margin-bottom:25px;
	}
	.kontakt-item h3{
		margin-top:5px;
	}
	.kontakt-item h3, .kontakt-item-text {
		text-align:center;
	}
}


.bg-success {
    background-color: #009878!important;
    color: white!important;
    border-radius: 10px!important;
}



/* FRAGEN */

#kp-fragen{
	background-color: #FFE594;
}

.kp-fragen-content{
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-auto-rows: 1fr;
	gap:50px;
	align-items: center;
}



.grid-align-items-center{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.kp-fragen-content h2{
	font-weight: 600;
	font-size: 32px;
	margin: 0px 0px;
}

.kp-fragen-content p{
	font-size: 16px;
	margin: 20px 0px 30px 0px
}

.kp-fragen-briefkasten{
	width:70px;
	height:70px;
	margin-left:30px;
	display: inline;
}

.kp-fragen-text{
	transition: all 0.2s ease-in-out;
	opacity:0;
	transform: translate(-100px,0px);
}

.kp-fragen-image{
	border-radius: 100%;
	width:100%;
	height:auto;
	transition: all 0.2s ease-in-out;
	opacity:0;
	transform: scale(0.5);
	transform-origin: 50% 50%;
}

.button-margin-right{
	margin-right:30px;
}

.kp-fragen-image.is-showing{
	opacity:1;
	transform: scale(1);
}
.kp-fragen-text.is-showing{
	opacity:1;
	transform: translate(0px,0px);
}

@media (max-width: 768px) {
	.kp-fragen-content{
		grid-template-columns: 1fr;
		gap:20px;
	}

	.grid-align-items-center{
		justify-content: center;
	}

	.kp-fragen-text{
		order:2;
	}

	.kp-fragen-content p{
		text-align: center;
	}

	.kp-fragen-image{
		order:1;
		max-width: 250px;
        margin: 0px auto;
	}
}


@media (max-width: 576px) {
.kp-fragen-content h2{
	font-size: 24px;
}

.kp-fragen-content p{
	font-size: 16px;
}

.kp-fragen-briefkasten{
	margin-left:20px;
}
}


/* SCHULUNG */

/* Start here */


schulung-body{
	background-color:white;
	color:#4C4643;
	font-family: 'Open Sans', sans-serif;
}

#schulung-top {
	text-align: center;
	color: white;
	height:600px;
	background-image: url(img/newheader.jpg);
	background-size:cover;
	background-position:center center;
	display:flex;
	align-items:center;
	justify-content:center;
}

.schulung-header-headline {
	font-size:52px;
	font-weight:600;
	letter-spacing:3px;
	text-transform:uppercase;
}

.schulung-kicker {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:22px;
	font-weight:300;
	margin:10px 0px;
	letter-spacing:1px;
	text-transform:uppercase;
}

.schulung-header-link {
	margin-top:20px;
	font-size:14px;
	font-weight:600;
	border-radius:10px;
	color:white;
	text-decoration:none;
	background-color:#009878;
	cursor: pointer;
	padding: 18px 40px;
    display: inline-block;
	letter-spacing: 0.5px;
    transition: all 0.2s ease-in-out;
}

.schulung-header-link:hover {
    color: white;
    text-decoration: none;
    background-color: #68BFAE;
    transform: scale(1.1) translateY(-5px);
}

@media (max-width: 768px) {
	#schulung-top {
		min-height:400px;
		background-position:center 80%;
	}
	.schulung-header-headline {
		font-size:42px;
	}
	.schulung-kicker {
		font-size:18px;
		margin:8px 0px;
	}
	.schulung-header-link {
		margin-top:15px;
		font-size:14px;
		font-weight:600;
		padding: 14px 35px;
	}
}


.schulung-content-wrapper{
	max-width:1100px;
	margin: 0 auto;
}

#schulung-start {
	margin:0 auto;
	background-image: url(img/specbg.jpeg);
	background-size:cover;
	padding:0 0 100px 0;
}

#schulung-ende {
	margin:100px auto 0 auto;
	background-image: url(img/specbg.jpeg);
	background-size:cover;
	padding:100px 0 50px 0;
}

.schulung-headline_small {
	text-align:center;
	font-size:32px;
	padding: 100px 10px 50px 10px;
	font-weight:600;
}

.white {
	color:white;
}

.schulung-video-wrapper {
	max-width:600px;
}

.margin_center {
	margin:0 auto;
}

.schulung-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.schulung-video-container iframe,
.schulung-video-container object,
.schulung-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.schulung-hr_line {
	background-color:rgba(76,70,67,0.3);
	height:1px;
	max-width:100%;
	margin:8px 10px;
	outline:none;
	border:none;
	
}

#inhaltsverzeichnis {
	max-width:1100px;
	margin:0 auto;
}

.schulung-inhalt_wrapper {
	padding:0 10px;
	margin:0 auto;
	max-width:900px;
}

.schulung-inhalt_link {
	margin:8px 0px;
	font-size:16px;
	color:#4C4643;
	font-weight:500;
	text-decoration:none;
	font-style:italic;
	cursor: pointer;
    display: inline-block;
	letter-spacing: 0.5px;
    transition: all 0.2s ease-in-out;
}

.schulung-inhalt_link:hover {
	margin:8px 0px 8px 20px;
	color:#009878;
	font-weight:700;
}



#schulung-tipps {
	width:100%;
	padding:50px 0;
	margin:100px auto 50px auto;
	background-image: url(img/specbg.jpeg);
	background-size:cover;
	min-height:200px;
}

.schulung-tipps-wrapper{
	max-width:1100px;
	margin:0 auto;
	display:flex;
	align-items: flex-start;
	justify-content:space-around;
}

.schulung-tipps_line {
	width:2px;
	height:200px; 
	background-color:white;
}

.schulung-tipps_container{
	width:300px;
	text-align:center;
}


#schulung-tipps p{
	color:white;
	font-size:14px;
	line-height:1.3;
	font-style:italic;
}

#schulung-tipps a{
	color:white;
	text-decoration:underline;
}

#schulung-lektionen {
	max-width:1100px;
	margin:100px auto 0 auto;
}

.schulung-lektionen-wrapper {
	max-width:900px;
	margin:50px auto;
	padding:0 10px;
}

.schulung-headline_lektionen {
	font-size:22px;
	padding: 0px 0px 30px 0px;
	font-weight:800;
	font-style:italic;
	letter-spacing:0px;
}

.schulung-lektion_nummer {
	margin-right:15px;
}

.schulung-lektion_text {
	margin-top:30px;
	font-style:italic;
	font-size:14px;
}


.post-password-form{
	padding:100px 0px;
	text-align:center;
}



.anwendergallery-row-2{
	display:flex;
	flex-direction: row;
	justify-content:center;
	align-items:center;
	width:100%;
}

.anwendergallery-item{
	width:100%;
	padding:20px;
}





/* Little Bird Group */

/* Start here */
.kita-planer-logo{
width: 250px;
height: auto;
}


.section-lbg{
	padding-bottom: 100px;
}

#toplbg{
  text-align: center;
  background-image: url(img/littlebirdgroup/Headerbild_fuer_Landingpage.png);
  background-color: #64868B;
  background-position:center right;
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  width:100%;
  top:0;
  height:700px;
  max-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  overflow:hidden;
  font-family: "Open Sans", Helvetica, sans-serif !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
	z-index:-1;
}

.img100{
	width:100%;
	height:auto;
}

.logo-lbg-header{
	width:350px;
	height:auto;
}

.mainheadinglbg{
    font-size: 64px;
    margin: 0px 0px 30px 0px;
    font-weight: 600;
    line-height: 1;
	text-shadow: 1px 1px 10px #4F696D;
}

.kickerheadlbg{
    font-size: 18px;
    font-weight: 300;
	text-shadow: 1px 1px 10px #4F696D;
}


.button-header-lbg{
font-weight: 600;
font-size: 16px;
color:#64868B;
cursor:pointer;
border-radius: 7px;
background-color: white;
padding: 15px 50px;
display:inline-block;
margin: 30px 10px 0px 0px;
letter-spacing:0.5px;
transition: all 0.2s ease-in-out;
}

.button-header-lbg:hover{
text-decoration:none;
transform:scale(1.1) translateY(-5px);
background-color: white;
color:#64868B;
}

.button-header-lbg:active,.button-header-lbg:focus,.button-header-lbg:active,.button-header-lbg:focus{
color:#64868B;
background-color: white;
}


.ghost-button-header-lbg{
font-weight: 600;
font-size: 16px;
color:white;
cursor:pointer;
border-radius: 7px;
border: 1px solid #FFFFFF;
background-color: transparent;
padding: 15px 50px;
display:inline-block;
margin: 30px 0px 0px 10px;
letter-spacing:0.5px;
transition: all 0.2s ease-in-out;
}

.ghost-button-header-lbg:hover{
text-decoration:none;
transform:scale(1.1) translateY(-5px);
background-color: transparent;
color:white;
border: 1px solid #FFFFFF;
}

.ghost-button-header-lbg:active,.button-header-lbg:focus,.button-header-lbg:active,.button-header-lbg:focus{
background-color: transparent;
color:white;
}

.logos-lbg{
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
	grid-gap: 50px;
    align-items: center;
    justify-content: space-around;
    margin: 100px 0px;
	padding: 0px 30px;
}

.logos-lbg-heading{
	font-weight: 800;
    font-size: 32px;
    max-width: 600px;
    text-align: center;
}

.logos-lbg-item{
	max-width: 300px;
	height:auto;
	margin: 0 auto;
}

#start-lbg h2{
	font-weight: 600;
    font-size: 40px;
	margin: 30px 0px 30px 0px;
}

#start-lbg h3{
	font-weight: 600;
    font-size: 28px;
	margin: 20px 0px 20px 0px;
}

#start-lbg p{
	font-size: 18px;
	margin: 0px 0px 50px 0px;
}

#start-lbg .qoute-lbg{
	font-style: italic;
	margin:30px 0px;
	padding:30px 50px;
	border-top: 2px solid #4C4643;
	border-bottom: 2px solid #4C4643;
	font-weight: 400;
	font-size: 24px;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.qoute-lbg img{
width: 200px;
height: auto;
margin-right:50px;
border-radius: 100%;
}

.qoute-lbg p{
	font-size: 22px !important;
	margin: 0px auto !important;
}

.lbg-special{
	background-color: #64868B;
	background-size:cover;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	color:white;
	text-align: center;
	font-size:24px;
	margin: 70px 0px;
	padding: 50px 20px;
}


.lbg-zusammenschluss{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 100px;
    align-items: center;
    justify-content: space-around;
    margin: 70px 0px;
	padding:0 50px;
}

.lbg-zusammenschluss img{
    width: 100%;
}

.lbg-zusammenschluss-items{
	display: flex;
	flex-direction: column;
}

.lbg-zusammenschluss-item{
	display: flex;
	flex-direction: row;
	padding: 20px 30px;
}

.lbg-zusammenschluss-item h3{
	margin-bottom:10px !important;
	margin-top:10px !important;
}
.lbg-zusammenschluss-item p{
	margin-bottom:10px !important;
	margin-top:10px !important;
}

.lbg-zusammenschluss-item img{
	width:70px;
	height: auto;
	margin-right: 50px;
}


.lbg-zusammenschluss-item:nth-child(2){
	border-top: 1px solid #4C4643;
	border-bottom: 1px solid #4C4643;
}


.lbg-bausteine{
	background-color: #F4F4F4;
    border-bottom: 0px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
	padding: 50px 50px;
	margin: 70px 0px;
}


.lbg-bausteine-items{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: 1fr;
	grid-gap: 20px;
    align-items: start;
    justify-content: space-around;
	margin: 70px 0px;
}

.lbg-bausteine-item{
	background-color: white;
	border-radius: 10px;
	height:100%;
	/*border: 3px solid #009878;*/
	border: 3px solid #4F696D;
	padding: 20px;
	text-align: center;
}

.lbg-bausteine-item img{
	width:50px;
	height: auto;
}
.lbg-bausteine-item h3{
	text-align: center;
	color:#4F696D;
	font-size: 24px !important;
}

.lbg-bausteine-item p{
 	text-align: left;
    font-size: 16px !important;
    margin: 0px 0px !important;
}


.lbg-kontakt {
    position: relative;
    max-width: 1200px;
    background-color: #4F696D;
    border-radius: 10px;
    color: white;
    padding: 10px 100px 10px 160px;
}


.lbg-kontakt p{
margin-bottom:20px !important;
}

.lbg-kontakt img{
	position: absolute;
    margin: auto 0px;
    top: 0; left: -170px; bottom: 0; right: 0;
    z-index: 2;
    width: 300px;
	height:auto;
	border-radius: 100%;
}

.button-kontakt{
	font-weight: 600;
	font-size: 16px;
	color:#4F696D;
	cursor:pointer;
	border-radius: 7px;
	border:none;
	background-color: white;
	text-decoration:none;
	padding: 15px 50px;
	display:inline-block;
	margin: 10px 0px;
	letter-spacing:0.5px;
	transition: all 0.2s ease-in-out;
}

.button-kontakt:hover{
	text-decoration:none;
	transform:scale(1.1) translateY(-5px);
	background-color: white;
	color:#4F696D;
}

.button-kontakt:active,.button-kontakt:focus,.button-kontakt:active,.button-kontakt:focus{
	color:#4F696D;
	background-color: white;
}


.lbg-vorteile{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-auto-rows: 1fr;
	grid-gap: 50px;
    align-items: start;
    justify-content: space-around;
	margin: 70px 0px;
	padding: 0px 50px;
}

.lbg-voteile-item{
	border-radius: 10px;
	height:100%;
	padding:30px;
	/*background-color:#68BFAE;*/
	background-color: #64868B;
	color:white;
}
.lbg-voteile-item:nth-child(2n){
	/*background-color:#5DA9A1;*/
	background-color:#4F696D;
}


.margin-top-lbg{
	margin-top: 120px;
}


.accordion {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.accordion-item {
  background-color: #F4F4F4;
  color: #4C4643;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 3px solid #DDDDDD;
  border-radius: 7px;
  text-align: left;
  outline: none;
  margin-top:10px;
  font-weight: 600;
  font-size: 24px;
  transition: all 0.2s ease-in-out;
}

.accordion-item:hover,.accordion-item.open {
  background-color: #64868B;
  color: white;
  border: 3px solid #4F696D;
}


.accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}


.accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
  transition: all 0.2s ease-in-out;
}

.accordion
  .accordion-item.open
  .accordion-item-header
  .accordion-item-header-icon {
  transform: rotate(-180deg);
}

.accordion .accordion-item .accordion-item-description-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.accordion .accordion-item.open .accordion-item-description-wrapper {
  grid-template-rows: 1fr;
}

.accordion
  .accordion-item
  .accordion-item-description-wrapper
  .accordion-item-description {
  min-height: 0;
}

.accordion
  .accordion-item
  .accordion-item-description-wrapper
  .accordion-item-description
  p {
  padding: 10px;
  line-height: 1.5;
  font-size: 18px;
  margin: 0px !important;
}


#lbg-kontaktformular{
	background-color: #DCE6E8;
	padding: 20px 50px;
	border-radius: 10px;
}

#kontakt #lbg-kontaktformular{
	background-color: #d1ece7;
}

.wpforms-error{
	text-align: left;
	margin-top: 5px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
}

#wpforms-form-3494 label, #wpforms-form-3494 legend{
	font-size: 16px;
    color: #4C4643;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 2px;
}

#wpforms-form-3494 .wpforms-field-label-inline{
	font-size: 16px;
    color: #4C4643;
    text-align: left;
    text-transform: none;
	padding-top:2px;
    margin-bottom: 0px;
    letter-spacing: 0.8px;
}

#wpforms-form-3494 .wpforms-required-label{
	color: #4C4643;
}

#wpforms-form-3494 ul{
	margin: 10px 0px;
}

#wpforms-form-3494 input, #wpforms-form-3494 select{
	height:60px;
	border-radius:10px;
	border: 3px solid #64868b;
	transition: all 0.3s ease-in-out;
}

#wpforms-form-3494 option{
	border-radius:10px;
}


#kontakt #wpforms-form-3494 textarea{
	border: 3px solid #68BFAE;
}

#kontakt #wpforms-form-3494 input, #wpforms-form-3494 select{
	border: 3px solid #68BFAE;
}


#wpforms-form-3494 option{
	border-radius:10px;
}

#wpforms-form-3494 textarea{
	border-radius:10px;
	border: 3px solid #64868b;
}

#wpforms-form-3494 input:focus, #wpforms-form-3494 select:focus, #wpforms-form-3494 textarea:focus, #kontakt #wpforms-form-3494 input:focus, #kontakt #wpforms-form-3494 select:focus, #kontakt #wpforms-form-3494 textarea:focus{
	border: 3px solid #4C4643;
	box-shadow: none;
}

#wpforms-form-3494 input[type='checkbox'], #kontakt #wpforms-form-3494 input[type='checkbox']{
	border-radius:7px;
	border:1px solid #4C4643;
	height:15px;
}

#wpforms-form-3494 button{	
	background: none;
	background-color: #ffffff;
    color: #4c4643;
    height: 50px;
    font-weight: 600;
    width: 200px;
    border-radius: 10px;
    border: 3px solid #64868b;
    transition: all 0.3s ease-in-out;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#kontakt #wpforms-form-3494 button{	
	border: 3px solid #68BFAE;
}

#wpforms-form-3494 button:hover, #kontakt #wpforms-form-3494 button:hover{
	transform:scale(1.1) translateY(-5px);
	background: none;
	background-color: #ffffff;
	border: 3px solid #4c4643;
}

#wpforms-form-3494 button:focus, #kontakt #wpforms-form-3494 button:focus{
	box-shadow: none;
	background: none;
	background-color: #ffffff;
	border: 3px solid #4c4643;
}


div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: none;
    border: 3px solid #4F696D;
    border-radius: 10px;
    box-sizing: border-box;
}








.lbg-special-index{
	background-image: url(img/littlebirdgroup/Headerbild_fuer_Landingpage.png);
	background-color: #64868B;
	background-position:center right;
	background-size:contain;
	background-repeat: no-repeat;
	color: white;
	width:100%;
	height:500px;
	max-height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	overflow:hidden;
	font-family: "Open Sans", Helvetica, sans-serif !important;
    text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	position: relative;
	padding: 100px 50px;
}

.lbg-special-index h1, .lbg-special-index p{
text-shadow: 1px 1px 10px #4F696D;
}

.lbg-special-index .lbg-logo{
	position: absolute;
	right:30px;
	bottom:30px;
	width:300px;
	height:auto;
}



.lbg-popup{
	border-radius: 10px !important;
	background-position: right center;
	border:3px solid white;
}

.lbg-popup h1, .lbg-popup p{
	 text-shadow: 1px 1px 15px rgba(0, 0, 0, 0.75);
}

.lbg-popup h1{
    margin-bottom: 30px !important;
    line-height: 1;
    font-weight: 600;
    font-size: 30px;
}

.lbg-popup p{
    font-size: 15px;
}

.spu-close-top_right {
    right: 20px;
    top: 20px;
}

.button-header-lbg{
	text-shadow: none;
}



@media (max-width: 1680px) {
	.logos-lbg{
		grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
		grid-gap: 30px;
	}

	.logos-lbg-heading{
		font-size: 28px;
		text-align: left;
	}

	.logos-lbg-item{
		max-width: 300px;
		height:auto;
	}

	.logos-lbg{
		width:100%;
		height:auto;
	}

	.lbg-kontakt{
		position: relative;
		max-width:80%;
		background-color:#4F696D;
		border-radius: 10px;
		color:white;
		padding: 10px 80px 10px 140px;
	}

	.lbg-kontakt h2{
		font-size: 36px !important;
	}

	.lbg-kontakt p{
		margin-bottom:20px !important;
		font-size: 16px !important;
	}

	.lbg-kontakt img{
		position: absolute;
		margin: auto 0px;
		top: 0; left: -100px; bottom: 0; right: 0;
		width: 200px;
	}

}

@media (max-width: 1480px) {
	.logos-lbg{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-gap: 30px;
	}

	.logos-lbg-heading{
		font-size: 24px;
		text-align: left;
	}

	.lbg-vorteile{
		grid-template-columns: 1fr 1fr;
	}

	.lbg-bausteine-items{
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}
}

@media (max-width: 1240px) {

	.mainheadinglbg {
		font-size: 54px;
	}

	.kickerheadlbg {
		font-size: 16px;
	}
	
	.lbg-vorteile{
		grid-template-columns: 1fr 1fr;
	}

	.lbg-bausteine-items{
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}
	.lbg-bausteine-item{
		padding: 20px;
	}
	.lbg-bausteine-item h3 {
		font-size: 20px !important;
	}
	.lbg-zusammenschluss{
		grid-template-columns: 1fr;
	}

	.lbg-kontakt img{
		position: absolute;
		margin: auto 0px;
		top: 0; left: -80px; bottom: 0; right: 0;
		width: 200px;
	}
		.qoute-lbg p{
	font-size:18px !important;
	}
}

@media (max-width: 780px) {

	.mainheadinglbg {
		font-size: 38px;
	}

	.kickerheadlbg {
		font-size: 14px;
	}

	.logos-lbg{
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-gap: 30px;
	}

	.logos-lbg-heading{
		font-size: 22px;
		text-align: center;
	}

	.lbg-vorteile{
		grid-template-columns: 1fr;
	}

	.lbg-kontakt{
		position: relative;
		max-width:95%;
		background-color:#4F696D;
		border-radius: 10px;
		color:white;
		padding: 100px 50px 10px 50px;
		margin-top:200px;
	}

	.lbg-kontakt img{
		position: absolute;
		margin: 0px auto;
		top: -100px; left: 0; bottom: 0; right: 0;
		width: 200px;
	}


	.lbg-bausteine-items{
		grid-template-columns: 1fr;
	}

	.lbg-zusammenschluss-item{
		padding: 20px 30px;
	}

	.lbg-zusammenschluss-item h3{
		font-size: 20px !important;
	}
	.lbg-zusammenschluss-item p{
		font-size: 16px !important;
	}

	.lbg-zusammenschluss-item img{
		width:50px;
	}

	.accordion-item {
		font-size: 20px !important;;
	}


	.accordion
	.accordion-item
	.accordion-item-description-wrapper
	.accordion-item-description
	p {
		font-size: 16px !important;;
	}


	.button-header-lbg{
		padding: 10px 50px;
		margin: 20px 10px 0px 0px;
	}


	.ghost-button-header-lbg{
		padding: 10px 50px;
		margin: 20px 0px 0px 10px;
	}

	#start-lbg .qoute-lbg{
	flex-direction: column;
	}

	.qoute-lbg img{
	margin-right:0px;
	margin-bottom:30px;
	}

	.qoute-lbg p{
	text-align: center;
	}


	.lbg-special-index{
		background-image: url(img/littlebirdgroup/Headerbild_fuer_Landingpage.png);
		background-color: #64868B;
		background-position:center right;
		background-size:contain;
		background-repeat: no-repeat;
		color: white;
		width:100%;
		height:500px;
		max-height:100vh;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		overflow:hidden;
		font-family: "Open Sans", Helvetica, sans-serif !important;
		text-rendering: optimizeLegibility !important;
		-webkit-font-smoothing: antialiased !important;
		position: relative;
		padding: 70px 30px;
	}

	.lbg-special-index h1, .lbg-special-index p{
	text-shadow: 1px 1px 10px #4F696D;
	}

	.lbg-special-index .lbg-logo{
		position: absolute;
		right:30px;
		bottom:30px;
		width:200px;
		height:auto;
	}

	#lbg-kontaktformular{
		padding: 20px 30px;
	}

	#wpforms-form-3494 label, #wpforms-form-3494 legend{
		font-size: 14px;
		letter-spacing: 1.5px;
	}

	#wpforms-form-3494 .wpforms-field-label-inline{
		font-size: 14px;
	}

}