.header_text {
    font-size: 20px!important;
    text-align: center !important;
    color: #000000 !important;
	
}

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

.textcenter {
	
	text-align:center;
	font-size: 18px !important;
}

.groesetext {
	font-size: 18px !important;
	width: 108%;
	
}

@media only screen and (min-width: 414px) {
.handy{
margin-top:150px;
margin-left:150px !important

}}

@media only screen and (min-width: 314px) {
.handy{
margin-top:350px;
margin-left:150px !important

}}

.img_big {
	
	width:100% !important;
	z-index: 1 !important;
}

@media only screen and (min-width: 314px) {
.img_small {
	
	width:40% !important;
	margin-left: -45px;
    margin-top: -10px;
}}

@media only screen and (min-width: 414px) {
.img_small {

	width:40% !important;
	margin-left: -45px;
    margin-top: -10px;

}}

/*
@media only screen and (min-width: 914px) {
.img_small {
display:none !important;
}}
*/

.transparent {
	
	background-color: white;
    opacity: 0.8;
	z-index: 2 !important;
}
/*
@media only screen and (min-width: 914px) {.w3-padding-large {
    padding: 133px 0px!important;
}}

@media only screen and (min-width: 914px) {.w3-wide {
    letter-spacing: 451px !important;
}}

@media only screen and (min-width: 414px) {.w3-wide {
    letter-spacing: 10px !important;
}}


@media only screen and (min-width: 414px) {.w3-padding-large {
    padding: 12px 24px!important;
}}

*/


.img_logo {
   /* width: 15% !important;*/
    margin-left: -53px;
    /*margin-top: 2px;*/
}

.headerinfo {
	
font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 700;
    margin: -207px 0px;
    height: 0px !important;
    z-index: 2;
    margin-left: 189px;
    font-size: 13px;
	}
	
.footer_bg {
	
	background-color: #3C7F7B;
	
}

/*######################################## EIGEN CSS ################################### */

.w3-black, .w3-hover-black:hover {
    color: #fff!important;
    background-color: #3C7F7B !important;
    opacity: 0.9;

}

@media (max-width:730px){w3-black, .w3-hover-black:hover {
	color: #fff!important;
    background-color: #3C7F7B !important;
    opacity: 0.9;
	/*max-width: 250px;
    float: left !important;*/

}}

.kon-maps {
	width:100%
	
}

@media (min-width:601px){.maps_goog {
	margin-top:-250px !important;
	
}}

.navi_mobi {
	/*float: right !important;*/
}



/*#################################### FOOTER TOO; BAR ################################### */

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {.site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {

    background-color: #505735 !important;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 6px rgb(0 0 0 / 70%);
    z-index: 9999;

}}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {.site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {
    background-color: #505735 !important;
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 6px rgb(0 0 0 / 70%);
    z-index: 9999;

}}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {.site-header, .secondary-navigation ul ul, .main-navigation ul.menu > li.menu-item-has-children:after, .secondary-navigation ul.menu ul, .storefront-handheld-footer-bar, .storefront-handheld-footer-bar ul li > a, .storefront-handheld-footer-bar ul li.search .site-search, button.menu-toggle, button.menu-toggle:hover {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 6px rgb(0 0 0 / 70%);
    z-index: 9999;

}}


.w3-card-10 {
    box-shadow: 0px 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0px rgb(0 0 0 / 22%);
}

@media (min-width: 601px) {
.w3-col.m3, .w3-quarter {
    width: 24.99999%;
}}

.hoehe {
	/*height: 830px;*/
	height: 100%;
	margin-top: 10px;
	/* height: auto; */
	
	
}

.display {
	display:none;
	
}


.border_div {
	border: 1px solid #e0e1e1 !important;
	margin-top: -7px;
	padding:5px;
}


 /* HIER WIRD EINEN RAND UM DIE BILDER UND DEN TEXT ANGEZEIGT
.w3-card-10 {
   box-shadow: 0px 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 1px rgb(0 0 0 / 12%);
}
*/
@media only screen and (max-width : 320px) {
.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 0px 0px !important;
}}


.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col {
    padding: 5px 16	px;
}



.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}


.navigation_big:hover {
		
		background-color:#fff !important;
}

.navigation_small {
	    font-size: 16px;
	
}
.display_1 {
	text-decoration:none;
	
}

.schriftkon {
	font-size: 16px !important;
}

.laenge {
	width: 100% !important;
	
}

/* ÜBER UNS DIV CONTAINER */

* {
  box-sizing: border-box;
}

.ueber_left {
 /* background-color: #2196F3;*/
  padding: 35px;
  float: left;
  width: 35%; /* The width is 20%, by default */
  text-align:left;
}

.ueber_main {
  /*background-color: #f1f1f1; */
  padding: 20px;
  float: left;
  width: 65%; /* The width is 60%, by default */
    text-align:left;
}

leistung_main {
  /*background-color: #f1f1f1; */
  padding: 20px;
  float: left;
  width: 100%; /* The width is 60%, by default */
  text-align:left;
}

/* Use a media query to add a break point at 800px: */
@media screen and (max-width: 800px) {
  .ueber_left, .ueber_main  {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}


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

/* Google Button */
.text-box {
text-align: center;
}

.btn:link,
.btn:visited {
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 40px;
    display: inline-block;
    border-radius: 100px;
    transition: all .2s;

}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-white {
    background-color: rgb(60, 127, 123, 1 );
    color: #fff;
}

.btn::after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all .4s;
}

.btn-white::after {
    background-color: #fff;
}

.btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animated {
    animation: moveInBottom 5s ease-out;
    animation-fill-mode: backwards;
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}


/*REFERNEZEN*/


	.wrapper {
		margin: 0 auto;
	}
	.box {
		width: 100%;
		border: 1px solid #3C7F7B;
		padding: 1em;
		float: left;
		color: #3C7F7B !important;
		font-size:12px;
		
	}
	.cf:after {
		content: " ";
		display: table;
		clear: both;
	}
	@media only screen and (min-width: 700px) {
		.box {
			width: 50%;
		}
		.wrapper div:nth-child(3) {
			margin: 0 auto;
			float: none;
			clear: left;
		}
	}
	@media only screen and (min-width: 900px) {
		.box {
			width: 33.3333%;

		}
		.wrapper {
			max-width: 1000px;
		}
		.wrapper div:nth-child(3) {
			float: left;
			clear: none;
		}
	}