/* --MOBILE----MOBILE----MOBILE----MOBILE----MOBILE----MOBILE-- */

/* @media screen and (max-width:700px) { */

body{
    width: 100%;
}

h1{
    font-size: 10vw;
}

h2{
    font-size: 7.5vw;
    margin: 0px;
    padding: 0px;
}

h3{
    font-size: 7vw;
}

h4{
   font-size: 5vw; 
}

p, q{
    font-size: 4vw;
}

.mobile-title{
    display: inline;
    color: #000000;
    font-family: roboto;
    font-style: bold;
    font-size: 30px;
    padding: 5px 10px 2.5px 10px;
}

a.mobileTitleLink {
    color: var(--accentColorOne);
}

.nav-main{
    position:fixed;
    background-color: var(--accentColorTwo);
    width: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--accentColorTwo);
    padding-top: 0px;
    top: 0;
}

.navbar {
	font-family: inherit;
    font-style: ultra light;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: left;
    position: relative;
    overflow: hidden;
    top: 0;
    width: 100%;
    /* opacity: 50%; */
    margin: 0px;
    background: var(--accentColorTwo);
    opacity: 1;
    /*border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;*/
    z-index: 1;
}

.nav-icon {
    float: right;
    cursor: pointer;
    margin-top: 5px;
    margin-right: 10px;
    display: inline-block;
}

.nav-dropdown{
    display: none;
}

#nav-drop{
	z-index: -1;
}

.normalListItem{
    display: inherit;
    margin-left: 0px;
    margin-right: 0px;
	font-size: 1.2em;
    text-align: left;
    color: var(--fontColorOne);
}

.normalListItem:hover{
    border-bottom-style: none;
    border-bottom-color: var(--accentColorOne);
    border-bottom-width: 2.5px;
}

.currentItem{
    border-bottom-style: none;
    border-bottom-color: var(--accentColorOne);
    border-bottom-width: 1px;
}

.topItem {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #000000;
}

.dropList{
    text-align: left;
    color: #000000;
    padding-bottom: 10px;
    border-bottom-style: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dropListUl{
    padding: 0px;
    margin: 0px;
}

.dropListItem{
    list-style: none;
    list-style-type: none;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
    font-size: 25px;
    color: #000000;
}

.bottomItem{

}

#hero{
    width: 100%;
    min-height: 100vh;
    max-height: 100vh;
    height: auto;
    background-image: url("../media/img/compressed/ashtangapada-Virabhadrasana-B-City.jpg");
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    margin-top: 0px;
    text-align: center;
}

#heroBottom{
    width: 100%;
    min-height: 50vh;
    max-height: 50vh;
    height: auto;
    background-image: url("../media/img/compressed/ashtangapada-Surya-Namaskara-Sunrise.jpg");
    background-attachment: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 5vh;
}

#heroText{
    text-align: center;
    padding-top: 40vh;
    text-transform: uppercase;
    margin: 0;
    font-family: 'PT Sans Caption', sans-serif;
    opacity: 0.9;
    font-size: 10vw;
}

#heroTextBottom{
    text-align: center;
    padding-top: 2vh;
    padding-bottom: 0vh;
    margin: 0;
    font-family: 'PT Sans Caption', sans-serif;
    font-style: ultra light;
    opacity: 0.7;
    font-size: 10vw;
}

#ctaButton{
    padding: 5% 10%;
    font-size: 5vw;
    margin: 35px 2px;
    border-radius: 5px;
}

.maincontent{
    padding-top: 5vh;
    padding-bottom: 5vh;
    margin-left: 1vw;
    margin-right: 1vw;
    grid-row-gap: 5vh;
}

.leftText, .leftImageContent, .rightText, .rightImageContent {
    flex-basis: 100%;
}

.leftImageContent, .rightImageContent {
    min-height: 40vh;
    border-radius: 5px;
}

.leftImage, .rightImage {
    border-radius: 5px;
}

.innerText{
	margin-right: 5vw;
}
/*
.leftImageContent:last-of-type, .rightImageContent:last-of-type {
    padding-bottom: 5vh;
}
*/

.one{
    order: 1;
}
.two{
    order: 2;
}
.three{
    order: 4;
}
.four{
    order: 3;
}
.five{
    order: 5;
}
.six{
    order: 6;
}

.seven{
    order: 7;
}

.eight{
    order: 8;
}

nine{
    order: 9;
}

.googleMaps {
    width: 300px;
    height: 200px;
    frameborder: 0;
    border: 0;
}

/*---HOME---HOME---HOME---HOME---HOME---HOME---HOME---HOME---HOME---*/

#readMoreText{
    font-size: 5vw;
}

/*---MY JOURNEY---MY JOURNEY---MY JOURNEY---MY JOURNEY---MY JOURNEY---*/


.lehrerinList{
    font-size: 4vw;
    padding-left: 5vw;
    padding-right: 5vw;
}

.lehrerinList li{
    line-height: 150%;
}

/*---GALLERY---GALLERY---GALLERY---GALLERY---GALLERY---GALLERY---GALLERY---*/

.galleryContainer{
    flex-basis: 100%;
}
/*---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---BLOG---*/

.header {
    padding: 2.5px;
}

#blogcontent{
    padding: 0;
    margin-right: 10px;
}

.leftcolumn, .rightcolumn {
    width: 100%;
    padding: 0;
  }

.card {
    background-color: #f8f8f8;
    color: #000000;
    padding: 20px;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
}

/*---IMPRINT AND PRIVACY---IMPRINT AND PRIVACY---IMPRINT AND PRIVACY---*/

#imprintAndPrivacyHeading{
    font-size: 8.5vw;
}

#imprintAndPrivacyContent > h3{
	margin: 0;
	font-size: 6vw;
}

#imprintAndPrivacyContent > ul{ 
	font-size: 15px;
}

/*---FOOTER---FOOTER---FOOTER---FOOTER---FOOTER---FOOTER---FOOTER---FOOTER---*/

.footer {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    height: 6vh;
    padding-top: 4.5vh;
	flex-direction: column;
}

.footerSocialIcon {
    height: 20px;
    width: 20px;
    filter: contrast(0%);
}

.footerSocialElement {
    display: inline;
    padding-left: 7.5px;
    padding-right: 7.5px;
	padding-bottom: 0;
}

.leftFooter{
	order: 2;
	text-align: center;
	width: 100vw;
	margin: 0;
}

.copyrightFooter{
	order: 4;
	text-align: center;
	width: 100vw;
	margin: 0;
}

.centerFooter{
	order: 1;
	text-align: center;
	width: 100vw;
}

.madebyFooter{
	order: 5;
	text-align: center;
	width: 100vw;
	padding-bottom: 20px;
}

.rightFooter {
	order: 3;
	text-align: center;
	width: 100vw;
}
/* } */