/***********************************
Datei: template-mobile.css CSS 
URL: www.satsang-myriam.space
************************************
Copyright: www.Sabine-Kemper.de
Start: 01.09.2025
Letzte Aenderung: www.satsang-myriam.space
***********************************/

/* 
###############################################################
Einzelsitzungen #
###############################################################
*/

@media only screen and (max-width:850px) {

.com-content-category-blog__items.blog-items.items-leading.einzelsitzung1 {
  background: rgba(255,183,78,0.1);
  margin: 1% auto;
border: 0px #d47e29 solid; 
border-radius: 10px;
  width: 90%;
box-shadow: 5px 5px 10px rgba(102, 102, 102, 0.8);
}

.com-content-category-blog__items.blog-items.einzelsitzung2 {
  background-color: #ffffff;
  margin: 1% auto;
border: 0px #d47e29 solid; 
  width: 90%;
}
}


@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:1200px) {
.mod-languages {
  width: auto;
  height: auto;
  top: 50px!important;
  right: 10px;
  position: fixed;
display: block;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition-duration: .5s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
background-color: transparent!important;
margin:0;
padding: 2px 0 0 0;
z-index: 9999;
}

}


@media only screen and (max-width:50em) {
.mainContent {
  padding: 0 4% 0 4%;
}
div.mod-languages img {
    border: 1px #ffffff solid;
    display: inline-block;
}
.mod-languages {
  top: 50px!important;
}
}

@media only screen and (max-width:32em) {

.inschriftmyriam {
  margin: 0 auto;
  position:relative;
  text-align: left;
  height: auto;
  text-align: left;
   max-width: 1200px;
  background-color: transparent;
  padding: 0.6em 0 0.6em 0;
}

p.inschriftmyriam {font-family: "Schriftfein"; font-size: 93%; color:#333333;line-height:1.3em;  padding: 0.4em 0em 0.1em 0.5em;}

}


/* 
###############################################################
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: 45%;
    padding: 0 0 0 10%;
}

.container-footer-daten {
    width: 100%;
    margin: 0% 0 0 0;
    padding: 4% 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: 4% 0 0 0;
}
.container-footer-links {
    width: 100%;
    padding: 4% 0 0 0%;
}

}