/***********************************
Datei: template-mobile.css CSS 
URL: www.kotyza.de
************************************
Copyright: www.Sabine-Kemper.de
Start: 30.07.2025
Letzte Aenderung: www.kotyza.de
***********************************/



@media only screen and (max-width:1280px) {
.icon_besser_lesbar {
  right: 0px;
  width: 40px;
  height: 40px;
  top: 10px!important;
}
.mainContent {
  padding: 0 2% 0 2%;
}
.textbereich_hg {
margin: 0;
padding: 0 2% 0 2%;
}
.textbereich_hg_neutral {
margin: 0;
padding: 0 2% 0 2%;
}
}

@media only screen and (max-width:50em) {
.mainContent {
  padding: 0 4% 0 4%;
}
}


/* 
###############################################################
Button unten und mehr #
###############################################################
*/

@media only screen and (max-width:50em) {
.inboxenfooter, .inbotten {
	clear: both;
	width: 100%;
	height: auto;
	padding: 1% 0 1% 0;
	text-align: center;
	background-color: transparent;
	color: #fff;
	border-left-width: 0px;
	font-size: 100%;
	margin: 0 auto;
}
.inboxenfooter img {
	width: 48%;
	padding: 1%;
	font-size: 100%;
	margin: 0 auto;
}
.bildText img {
	width: 48%;
	height: auto;
	float: left;
}
.bildergalerie img {
	width: 48%;
	height: auto;
}
.inbotten img {
	width: 48%;
	height: auto;
	float: left;
	margin: 1% 1% 0 0;
}
}

@media only screen and (max-width:30em) {
.inbotten img, .inboxenfooter img {
	width: 48%;
	margin: 1% 0 0 1.5%;
	text-align: center;
	font-size: 80%;
}
div#boxenfooter, div#botten {
	padding: 0.5% 0 0.5% 0;
}
}



/* 
###############################################################
Footer #
###############################################################
*/

@media screen and (max-width: 80em) {
.boxinfooter {
margin:1%;
}
.mainContent {
    max-width: 100%!important;
}
.container-footer-kontakt {
    width: 45%;
    padding: 0 2% 0 0;
    }

.container-footer-links {
    width: 100%;
    padding: 0 0 0 50%;
}

.container-footer-daten {
    width: 45%;
    margin: 0% 0 0 0;
}
}

@media only screen and (max-width: 50em) {
.infooter {
	padding: 1% 2% 1% 2%;
	margin: 0 auto;
	width: 100%;
	height: auto;
	color: #fff;
	background-color: transparent;
}
.container-footer-links {
    padding: 0 0 0 0;
}
}


@media screen and (max-width: 41.25em) {
	.infooter {
	margin:1%;
	}
.container-footer-kontakt, .container-footer-daten  {
    width: 100%;
padding: 0 0 0 0;
}
.container-footer-links {
    width: 40%;
    padding: 0 0 0 50%;
}

}