/*

 Theme Name:   OceanWp-Child

 Description:  Mein Child Theme

 Author:       Webtimiser

 Author URI:   httpw://www.webtimiser.de

 Template:     oceanwp

 Version:      1.0

 Text Domain:  oceanwp-child

*/



/*

@document url("http://localhost/php/terminplan/") {

  .content-area {max-width:600px;

	}}



*/

/* Stick the footer to the bottom und fill the missing space*/
	#wrap {
		min-height: 100vh;
		display: flex;
		flex-direction: column;
	}
	#main{
		flex: 1;
	}



  h1,h2,h3,p,a, button, div, span{

	font-family:  "Roboto", Sans-serif !important;

}

/*
h1,h2,h3,p, span{

	font-family: "Roboto" !important;

}
*/




#config-buttonc2a button{
	font-weight: 500 !important;
	color: #000000a8 !important;
}



.elementor-widget-container a{

	color: #797979;

	

}



.dienstleistung-text a, .dienstleistung-text a:hover{

	color: rgb(181, 181, 181);

}







h1{

	margin-top: 75px !important;

}



.mt-75{

	margin-top: 75px !important;

}



#site-header-inner{

	height: 73.993px !important;

	}



#site-header{

	position: fixed !important;

	top: 0;

}



.site-main{

	max-width: 1300px;

	margin: auto;

}



#mobile-dropdown ul li ul {

    background-color: rgba(0,0,0,0.08) !important;

}



.dropdown-menu ul li a.menu-link{

	text-transform: none !important;

}



.search-toggle-li{

height: 100%;

display: flex;

align-items: center;

}



.text-center{

	text-align: center;

}



.bg-grey{

	background-color: #E9E9E9;

	padding: 30px 30px 0px 30px;

}

.pdf-tab{
	background: white;
    padding: 20px;
    left: -15px;
	position: relative;
    width: 90%;
	margin: auto;
}

.intro{

	font-size: 20px;

}



.page-template-landing{

	max-width: 600px;

	margin: auto;

	padding-top: 150px;

}



.breadcrumbs{

	margin-top:10px;
	margin-bottom: -20px;
	font-size: 16px;

}



.cta-button{

	background-color: #fbd608;

	text-align: center;

}

.yellow{
	background-color: #fbd608;
}



form{

	max-width: 600px;

	margin:auto !important;

}

form[name="login"]{

	max-width: 100%;

}



form.wpcf7-form label{

	color: #4a4a4a;

}



form.wpcf7-form input[type="submit"]{

	color: #4a4a4a;

	min-width: 100%;

}



.line{

    border-top: solid 1px lightgrey;

}

.border-line{
	border-bottom: solid 1px lightgrey;
	padding-bottom: 30px;
	margin-bottom: 30px !important;

}


table.waffle{

	margin:auto !important;

}



.portfolio-mb{

	margin-bottom: 30px;

}

.no-dots {
	list-style-type: none;
  }

ul.portfolio, div.portfolio, .portfolio-mobile{

	margin: 25px auto;

    border-top: solid 1px lightgrey;

	border-bottom: solid 1px lightgrey;

    padding: 25px 0px;



	display: flex;

    justify-content: center;

	align-items: center;

    flex-wrap: wrap;

}



.portfolio-mobile{

	display: block;

}



.portfolio-mobile-intro{

	font-weight: 600;

	font-size: 19px;

}





ul.portfolio li{

	display: inline;

	padding: 10px;

    margin: 10px;

    border-radius: 5px;

    border: 1px solid lightgrey;

}



img.portfolio-img{

	width: 100%;

	height: 400px;

	object-fit: cover;



}



.portfolio-description{

	border: 1px

	 solid lightgrey;

	padding: 0px 15px;

	height: 260px;

}



.portfolio-description p{

	font-size: 14px;

}







h2.portfolio{

	top: 280px;

    background-color: white;

    color: black;

    opacity: 0.7;

    padding: 20px;

	font-size: 20px;

	width: 100%;

}


.grey{
	color: #797979 !important;
}

.related-box{
	height: 100%;
}

/*Button Size Configurator*/

#btn-0{
	width: 160px;
}
#btn-1{
	width: 181px;
}

#btn-2{
	width: 160px;
}

#btn-3{
	width: 160px;
}

#btn-4{
	width: 166px;
}

#btn-5{
	width: 160px;
}


#btn-6{
	width: 160px;
}


#btn-7{
	width: 173px;
}

#btn-8{
	width: 197px;
}

#btn-9{
	width: 177px;
}


#btn-10{
	width: 160px;
}


#btn-11{
	width: 174px;
}


#btn-12{
	width: 160px;
}

#btn-13{
	width: 160px;
}

.full-width-button .elementor-button{
	width: 100% !important;
	min-width: 266px;
}



.pr{

	position: relative;

}



.pa{

	position: absolute;

}



.m-50{

	margin: 30px 0px;

}



.mb-n1 {

	margin-bottom: -1.25rem !important;

  }



.pd-15{

	padding-top: 15px;

	padding-bottom: 15px;

}

.pd-30{

	padding-top: 30px;

	padding-bottom: 30px;

}


.pdt-30{

	padding-top: 30px;

}

.pdb-30{

	padding-bottom: 30px;

}

.pdb-50{

	padding-bottom: 50px;

}



.hidden{

	display: none !important;

}



.flex-wrap{

	flex-wrap: wrap;

}



img.tax-img{
	height: 100%;
	max-height: unset;
	object-fit: cover;
}

img.news-img{
	height: auto !important;
}

.full-width{
	width: 100%;
}


.tax-bg{

	background-color: #E9E9E9;
	width: 100%;

}



.wrap{

margin-bottom: 50px;

}

.button-center{
	display: flex;
	justify-content: center;
}

/*If pages is too small like about us, strecht footer to bottom*/

.stretch-content{

	min-height: 450px;

}



.dyn-img{

	height: 215px !important;

	object-fit: cover;

}


.carusol-width{
    max-width: 100vw;
    width: 100%;
}



/* Blog Design */



#blog-entries {

    display: flex;

    flex-wrap: wrap;

}





.blog-entry.post {

    position: relative;

    display: flex;

    width: 33%;

    padding: 5px;

}



.blog-entry-readmore{

	display: none;

}





.slick-dots{

	position: relative !important;

	padding-bottom: 50px !important;

}





.slider-for .slick-slide{ 

	height: auto !important;
	

	margin-bottom: 15px;

}



.slider-for .slick-slide img{ 

	height: 450px;

	width: 100%;

    object-fit: cover;

}

.slider-for.full-height-wrapper .slick-slide {
    height: auto !important;
    margin-bottom: 15px;
}

.slider-for.full-height-wrapper .slick-slide img.full-height-element{ 

	height: auto;
	max-height: 700px;
	width: 100%;

    object-fit: cover;

}



.slider-nav .slick-slide img{

	padding: 0 7px;

	height: 130px;

    width: 100%;

    object-fit: cover;

}



.slider-nav .slick-slide{

height: 120px;

margin-bottom: 15px;

}



.slick-arrow {

	font-size: 0 !important;

	}











/* Configurator*/



.service-wrapper{

display: flex;

justify-content: center;

}





.button-group-style{

	display: flex;

    justify-content: center;

    flex-wrap: wrap;

}







.config-wrapper{

	align-items: center;

}



.Text-wrapper{

	padding: 3rem !important;

	

}



p#service-text{

	margin: 0;

}



#service-img {

    width: 100%;

	max-width: 670px;

}



 .portfolio .button-group-style li {

    padding: 5px;

}



.btn-config{

	border: none;

    border-radius: 3px;

    font-family: 'Roboto';

    font-size: 16px;

    padding: 15px 30px;

    line-height: 15px;

    margin-top: 25px;

}



.service-icon{

	width: 120px;

	margin: 20px;

}



.config-dropdown{

	border: none;

    border-bottom: lightgrey 1px solid;

    width: auto;

    display: flex;

    margin: auto;

}

.config-dropdown option{
	text-align: left;
}





/* c2a Button every where */



.footer-button-group{

	bottom: 20vh;

	

}



.d-element1{

	

	background-color: #fbd608;

	padding: 15px;

	min-width: 200px;

	border-radius: 3px;

}



.d-element2{

	

	background-color: #fbd608;

	padding:15px;

	min-width: 200px;

	border-radius: 3px;

	margin-top: 9px;

}





/*hide google re Captcha*/

.grecaptcha-badge { opacity:0;}



/* Footer*/



footer{

	clear: both;

    position: relative;

    height: 220px;

	display: flex !important;

}





footer p, footer h4, .no-footer-nav{

	color: white !important;

	font-size: 14px !important;

}



.no-footer-nav{

	font-size: 12px !important;

}



footer figure>img {

	margin: unset;

}



/*Form Group background*/

[data-class="wpcf7cf_group"] select, [data-class="wpcf7cf_group"] input {

	background-color: #E9E9E9 !important;

}





.no-desktop-tablet-only{

	display: none;

}





@media (max-width: 990px) {



	

	.hidden-sm{

		display: none;

	}

	.full-width-mobile{
		width: 100%;
	}
	



	



	.footer-widgets-inner{

		display: flex;

		flex-wrap: wrap;

	}



	body .oceanwp-row .span_1_of_4.col:not(.product){

		width: 25% !important;

	}



	.no-tablet-desktop-only{

		display: none !important;

	}



	.no-desktop-tablet-only{

		display: block !important;

	}



}



@media (max-width: 959px) {

	.oceanwp-mobile-menu-icon{

		height: 100%;

		display: flex !important;

		align-items: center;

	}



	.oceanwp-mobile-menu-icon a {

		font-size: 24px !important;

		padding-right: 15px !important;

	}

}





@media (max-width: 767px) {



	body .oceanwp-row .span_1_of_4.col:not(.product){

		width: 100% !important;

	}



	.footer-widgets-inner{

		margin: unset !important;

	}



	footer .container{

		max-width: 100%;

	}



	footer img{

		max-width: 300px;

		width: 100%;

	}



	.desktop-only, .desktop{

		display: none !important;

	}



	.footer-box:first-child{

		border-top: none !important;

	}



	.footer-box{

		border-top: lightgray solid 1px;

		padding-top: 20px !important;

		margin-bottom: 20px !important; 

	}

}





@media (min-width: 767px) {

	.mobile, .mobile-only{

		display: none;

	}

	

	.desktop{

		display: block;

		right: 0;

		position: absolute;



	}



}











@media (max-width: 576px) {



	.oceanwp-mobile-menu-icon{

		height: 100%;

		display: flex !important;

		align-items: center;

	}



	.oceanwp-mobile-menu-icon a {

		font-size: 24px !important;

		padding-right: 15px !important;

	}





	h1{

		font-size: 28px !important;

		letter-spacing: 2px !important;
		overflow: visible;

	}



	.intro{

		font-size: 19px;

		padding-top: 15px;

		margin-bottom: 0px;

	}



	.intro-only-text{

		font-size: 19px;

	}



	.mobile-intro{

		font-weight: 500;

		font-size: 19px;

	}

	.breadcrumbs{

		font-size: 13px;
	
	}

	.service-icon{

		max-width: 90px !important;

		margin: 0px;

	}



	.service-wrapper{

	margin-top: 20px !important;

	margin-bottom: 20px !important;

	}



	.portfolio-description{

		height: auto;

	}



	.desktop{

		display: none;

	}



	



	.mobile{

		display: block;

	}

	

	}





@media (min-width: 576px) {



	



	.desktop-only{

		display: block;

	}



	.footer-button-wrapper{

		background-color: #fbd608;

	}





	}







.footer-button-wrapper{

	width: 100%;

	position: fixed;

	background-color: #fbd608;

    bottom: 0px;

	z-index: 10;



}



.dashed-left{

	border-left: 1px black dashed;

}







/*custom Footer */



footer{

	background-color: #222;

}



#footer-bottom {

    background-color: inherit !important;

    border-top: 1px solid;

}



.footer-box .footer-widget p, .footer-box .footer-widget h4{

	margin-bottom: 0px !important;

}





#footer-widgets .footer-box .footer-widget{

	margin-bottom: 0px !important;

}



#footer-widgets{

	padding: 30px 0px 0px !important;

}



#footer-inner{

	max-width: 1200px;

    margin: auto;

}