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

@font-face {
 font-family: "RobotoFlex", sans-serif;
 src: url("/fonts/RobotoFlex.woff") Format("woff"),
	url("/fonts/RobotoFlex.ttf") Format("truetype"),
	url("/fonts/RobotoFlex.oft") Format("opentype");
font-style: normal;
font-weight: normal;
font-display: swap;
}

@font-face {
 font-family: "Schriftfein";
 src: url("/fonts/GreatVibes-Regu.woff2") Format("woff2"),
	url("/fonts/greatVibes-regu.woff") Format("woff"),
	url("/fonts/GreatVibes-Regu.ttf") Format("truetype"),
	url"/fonts/GreatVibes-Regu.oft") Format("opentype");
font-style: normal;
font-weight: normal;
}



/*
######################################################### 
reset                                               ###
######################################################### 
*/

.clear {
  clear: both;
  height: 0px;
  width: 0px;
  font-size: 0.0em;
  visibility: hidden;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

a:focus {
text-decoration: underline;
color: #d47e29;
    }

a, a:link, a:active, a:visited {
	text-decoration:none;
	color:#d47e29;
	padding:0;
font-weight: 700;
text-decoration: underline;
}

a:hover  {color: #d47e29; text-decoration:underline; transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms; }

a.buttonanmelden {
  display: inline-block;
  background-color: #fff;
  border-radius: 10px !important;
  border: 1px solid #d47e29;
  color: #333333;
  text-align: center;
  width: auto;
  height: auto;
  margin: 1em 1em 1em 0em !important;
  cursor: pointer;
  padding: 1em 1em 1em 1em;
}

a.button:hover  {
color: #d47e29;
background-color: #fff;
-webkit-box-shadow: 5px 0 10px #ccc;
-moz-box-shadow: 5px  0 10px #ccc;
box-shadow: 5px  0 10px #ccc;
opacity:0.5;
transition: all 800ms;
-webkit-transition: all 800ms;
-moz-transition: all 800ms;
-o-transition: all 800ms;
}

html.ankerslow {
scroll-behavior: smooth;
}

h1 {
   font-family: "Schriftfein";
font-style: normal;
font-weight: normal;
  clear: both;
  font-size: 280%;
  padding: 0.5em 0 0.5em 0;
  color: #d47e29;
  line-height: 1.3em;
  text-align: left;
}

h2 {
font-family: "Schriftfein";
font-style: normal;
font-weight: normal;
	font-size: 240%;
      margin: 1em 0 0.1em 0;
    line-height:1.0em; 
}

h2.ohne {
font-family: "Schriftfein";
font-style: normal;
font-weight: normal;
 font-size: 240%;
font-weight:normal;
margin: 0 0 0.1em 0;
line-height:1.0em; 
}

h2.orange {
   font-family: "Schriftfein";
font-style: normal;
font-weight: normal;
  clear: both;
  font-size: 260%;
  color: #d47e29;
  line-height: 1.1em;
  text-align: left;
margin: 0.5em 0 0.5em 0;
}


h3 {
font-style: normal;
font-weight: bold;
font-size: 120%;
color: #333333;
margin: 1em 0 0.1em 0;
line-height:1.3em; 
}

h4 {
    margin: 0.8em 0 0.4em 0;
    line-height:1.3em; 
font-size: 120%;
}

h5 {
    margin: 10px 0 5px 0;
    line-height:1.3em; 
font-size: 110%;
}

.bold {
font-style: normal;
font-weight: 700;
}

strong {
  font-weight: bold;
}


p  {
font-family: "RobotoFlex", sans-serif;
font-style: normal;
font-weight: 400;
line-height:1.4em; 
text-align:left;
margin: 0 0 0.4em 0;
font-size:110%;
}

.mainContent p {
font-size:110%;
}


p.small  {
font-family: "RobotoFlex", sans-serif;
font-style: normal;
font-weight: 200;
font-size: 100%;
line-height:1.5em; 
text-align:left;
margin: 0 0 0.4em 0;
}


hr, hr.grau, .item-content hr {
width: 100%;    
margin: 1em 0 1em 0!important;
    padding: 0!important;
	color: #d47e29!important;
  border-style: solid!important;
  border-bottom:slim!important;
  border-left: 0!important;
  border-right: 0!important;
    border-top: 0!important;
}

hr.hrgrau {
      height: 15px;
      border: 0;
      box-shadow: inset 0 12px 12px -12px rgba(153, 153, 153);
      }
      
.white {
	color:#f8f8f8;
}


ul.textbereich , ul.textbereich li {
font-family: "RobotoFlex", sans-serif;
font-style: normal;
font-weight: 400;
line-height:1.5em; 
text-align:left;
list-style-position: outside;
list-style-type:disc;
padding-left: 0.2em;
width: 90%;
margin-bottom: 0.5em;
margin-left: 1em;
font-size:110%;
}

ul.hacken, ul.punkt {
   margin: 1.5em 0 1.5em 0;
}	

.hacken li, .punkt li {
font-family: "RobotoFlex", sans-serif;
font-style: normal;
}

.hacken li, .punkt li {
font-weight:100;
font-size: 130%!important;
line-height:1.2em; 
   text-align:left;
   width: 90%;
   margin-bottom: 0;
   margin-left: 1.2em;
list-style: none!important;
   list-style-position: outside;
}	

.hacken li:before {
	content: "✔ ";
	color: #d47e29;
    margin-left: -1.2em; 
	width: 0;		
   list-style-position: outside;
padding-right: 0.2em;	
}

.punkt li:before {
	content: "● ";
	color: #d47e29;
    margin-left: -1.2em; 
	width: 0;		
   list-style-position: outside;
padding-right: 0.2em;	
}

.punkt_lesbar li:before {
	content: "● ";
	color: #333333;
    margin-left: -1.2em; 
	width: 0;		
   list-style-position: outside;
padding-right: 0.2em;	
}

.bild {
 	background-color: #333;
 	height:auto;
 	width:100%;
}

.button {
 	border: 0;
}

.shadow {
	box-shadow: 3px 2px 22px #000;
}

@media only screen and (max-width:60em) {
h1 {font-size: 220%;}
h2 {font-size: 200%;}
h2.orange, h2.ohne {font-size: 200%;}
h3 {font-size: 130%;font-weight:bold;}
}


@media only screen and (max-width:32em) {
h1 {font-size: 200%; line-height:1.4em;}
h2 {font-size: 180%;margin: 1em 0 0.1em 0;line-height:1.5em;}
h2.orange, h2.ohne {font-size: 180%;}
h3 {font-size: 130%;}
p {font-size: 100%!imortant; font-weight:normal;}
a {font-size: 100%;font-weight:normal;}
}