/* ****************************
      WEBSITE STYLE FOR
   http://www.bhagavad-gita.de  

 ****************************** */

/*           STYLES  
-------------------------------------- */
 
 body,
 html {
 margin: 0;
 padding: 0;
 }
html {
 box-sizing: border-box;
 }

*,
*::before,
*::after {
 box-sizing: inherit;
 }

body { 
 background-image: url(../photos/kuruksetra1.png);
 background-position: top;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-color: #ccc;
 }

h1 {
 font-size: 2.5rem;
}

.title {
 font-weight: 900;
}

.content { 	/* CONTENT */
 font-weight: 300;
 line-height: 1.4rem;
 letter-spacing: 0.05rem;
 padding:10px 30px;
 border: 0px dashed green;
 }
		
section.one { 		/* HEADER */
 min-height: 180px; 	/* changed, war ursprünglich 270px */
 background: #a31a0f;
 opacity:0.9;
 display: flex;
 justify-content: center;
 align-items: center;
 }

.one h1 {
 margin-top: -100px;
 color: #191001;
}

section.two { 		/* TOP OUTER BG FRAME Round BoX */
 margin-top: -30px; 	/* war ursprünglich -100px */
 padding: 0;
 display: flex;
 justify-content: center;
 margin-left:10px;
 margin-right:10px;
 }

.two .box {
 padding: 20px; /* This is the outer transparent Box */
 width: 1020px;
 height: 100%; 	/* BOTTOM OUTER BG FRAME Round BoX */
 background: transparent url(../img/white800.png) repeat scroll top left;
 box-shadow: 0 10px 24px -5px rgba(0, 0, 0, 0.1);
 border-radius: 18px;
 margin-bottom: -20px; 		
 border: 1px solid #eeeeee;
 z-index:100; 	/* NEEDED */
 }

.inner-box {
 margin:0px;
 border-radius:10px;
 background-color:#fff;
 border:0px dashed green;
 }

footer { /* FOOTER */
 height: 120px;
 padding-top:15px;
 background: #211e1c;
 opacity:0.88;
 color:white;
 text-align:center;
 border-top:0px solid orange;
 border-bottom:2px solid orange;
 font-size:1.1em;
 }

.header-top { 
 text-align:center;
 }

hr {
 border: 0;
 height: 1px;
 background-image: linear-gradient(to right, rgba(168, 15, 15, 0), rgba(168, 15, 15, 0.75), rgba(0, 0, 0, 0));
 }
}

a.home:hover {background:white}
.home {padding:0px;margin:0;vertical-align:middle;height:auto;}

.paragraph {font-weight:600;font-size:1em;font-family:'Toledo';}