@charset "UTF-8";
:root {
  --body-bg:#f6edd8;
  --cassiopeia-color-primary: #643240;
  --navbar-brand-color: #643240;
  --navbar-brand-hover-color: #643240;
}

/* CSS nur für die Landing-Page */
 body.rein-ins-sein_start nav.mod-breadcrumbs__wrapper {
 	display: none; /* Breadcrum ausblenden */
 }
 
div.welcome_pic.full-width {
	width: 100%;
	height:auto;
	position: absolute;
	left: 0;
	overflow: hidden;
	display: block;
	margin-bottom: 100%;	
}
    
img.welcome {	
	width: 100vw;
	max-height: 80%;
}

div#home_welcome_div {
	text-align: center;	
}

div#div_portrait_home {
	float: left;	
	display: block;
	top: 5rem;
}

img#portrait_home {
	max-width: 250px !important;
	min-width: 50px !important;
	width: 20vw;
	padding: 0;
	margin-bottom: 1rem;
	margin-right: 1rem;
	margin-left: 0;
	float: left;
}

img.portrait.circle_pic.boarder_white {
	border-radius: 50%;
	border-color: white;
	border-width: 0.5rem;
	border-style: solid;
	object-fit: cover;    /* Bild ausfüllen ohne Verzerrung */
}

div.navbar-brand {
  display: block;
  margin-left: auto;
  margin-right: auto;	
}

.brand-logo > img {
  height: 15rem; 
  width: auto;
  margin-top: 4rem;
  margin-bottom: 2rem;
  max-height: 100%;
}

.container-footer {
  background-image: linear-gradient(180deg, var(--body-bg) 0%, var(--cassiopeia-color-primary) 10%);  
}
.container-footer .grid-child{
  background-color: linear-gradient(180deg, var(--body-bg) 0%, var(--cassiopeia-color-primary) 10%);  
}
.container-header {
      background-color: linear-gradient(180deg, var(--cassiopeia-color-primary) 4em, var(--body-bg) 5em);
      background-image: linear-gradient(180deg, var(--cassiopeia-color-primary) 4em, var(--body-bg) 5em);
      color: #643240 !important;
}

ol.mod-breadcrumbs.breadcrumb.px-3.py-2 {
  padding-top:.25rem!important;
  padding-bottom:.25rem!important;
  font-size:0.8rem;
}

    h1, h2, h3, h4, h5, h6 {
      color: #643240;
    }
    .h1, .h2, .h3, .h4, .h5, .h6 {
      color: #643240;
    }
    a, a:hover, a:focus {
      color: #643240;
    }
    .btn-info {
        background-color: #643240;
        border-color: #30638d;
        color: #fff;
    }
    .btn-primary, .btn-primary:focus, .btn-primary:hover {
        background-color: #643240;
        border-color: var(--cassiopeia-color-hover);
    }

    .btn-check:focus + .btn-info, .btn-info:focus, .btn-info:hover {
        background-color: #643240;
        border-color: #264f71;
        color: #fff;
    }    

figure.shifayo > a > img, figure.ThaiYoga > a > img, figure.Yogakurse > a > img {
  height: auto;
  width: 24em;
  /*max-hight: 24em;*/
  margin: 1em auto;
}
.container-header .navbar-brand, .container-header .site-description {
  color: #643240 !important;
  font-family: "Nanum Brush Script", "Kalam", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:bold !important;
  font-size: 2rem !important;
  letter-spacing: 0.2em !important;
  text-align: center !important;
  text-align: center;
}

/* Main Menu CSS */
#navbar1 {
	flex-direction: row;	
}

div.grid-child.container-below-top nav.navbar.navbar-expand-md ul li {
	background-color: var(--cassiopeia-color-primary);
	padding-left: 0.2rem;	
	padding-right: 0.2rem;
}

ul#mod-menu1.mod-menu.mod-list.nav.main_menu li a span.Kurse-Header-Icon {
	/* background-image: url("/media/rein-ins-sein.de/favicon/favicon.svg");
	background-repeat: no-repeat;
	background-size: cover; */
	padding: 0 !important;
}

@media (width >= 768px) {
  .navbar-expand-md {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
  }
}

.container-header .mod-menu>li.active:after,.container-header .mod-menu>li:hover:after {
    background: transparent;
}
.container-header .mod-menu>li.current:after, .container-header .mod-menu>li.parent:has(.mod-menu__sub.current):after {
    background: #fff;
    left: 0;
    right: 2px;
}
.container-header .mod-menu>li:hover:after {
    background: #f6edd8;
}
  .container-header .mod-menu :where(.mod-menu__sub:not(.mod-menu__sub *)) {
    background-color:#643240;
  }
.container-header .mod-menu .parent > ul {
    color: white;
  }
.container-header .mod-menu .mod-menu__sub .current a {
  text-decoration:underline;
}

/* Ab hier gehts um den Footer */

.container-footer div {
  display: block;  
}

ul#menu_footer.mod-menu.mod-list.nav.menu_footer li a {
  text-decoration:none;
}

ul#menu_footer.mod-menu.mod-list.nav.menu_footer li.current a, ul#menu_footer.mod-menu.mod-list.nav.menu_footer li a:hover {
  text-decoration:underline;
}

ul.mod-menu, ul.mod-menu__sub {
      background-color:#643240;
}

div.com-content-category-blog.blog div.category-desc p {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #ba5c49;
  text-align: center;
}

main div.com-content-category-blog.blog div.page-header {
  text-align: center;
}

div.rein-ins-sein_pages div.com-content-article__body > p {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem !important;
  color: #ba5c49;  
}

div.rein-ins-sein_pages div.com-content-article__body > h2 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
	text-decoration: underline;
}

div.rein-ins-sein_pages table#preise {
	font-size: 1.25rem !important;
	color: var(--cassiopeia-color-primary);
}

div.rein-ins-sein_pages table#preise td {
	padding: 0.25em 1em 1em 0em;
}

/*Google Fonts integration*/
.kalam-light {
  font-family: "Kalam", cursive;
  font-weight: 300;
  font-style: normal;
}

.kalam-regular {
  font-family: "Kalam", cursive;
  font-weight: 400;
  font-style: normal;
}

.kalam-bold {
  font-family: "Kalam", cursive;
  font-weight: 700;
  font-style: normal;
}

.nanum-brush-script-regular, .site-description {
  font-family: "Nanum Brush Script", cursive;
  font-weight: 400;
  font-style: normal;  
}

.nothing-you-could-do-regular {
  font-family: "Nothing You Could Do", cursive;
  font-weight: 400;
  font-style: normal;
}

.page-header h1, div.item-content h2.item-title {
  font-family: "Source Sans 3", sans-serif;
  font-size: 230%;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0.5em auto;
}

.nothing-you-could-do-regular-item-title {
  font-family: "Nothing You Could Do", "Nanum Brush Script", Brush Script MT;
  font-size: 200%;
  font-weight: 850;
  text-transform: uppercase;
  padding: 1em auto;
}

.source-sans-3-500, body {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/*Menu Style Sheet*/
#menu_footer {
  flex-direction: row;
}

#menu_footer li {  
  padding-inline-start: 0em;
  padding-left: 1em;
  padding-right: 1em;
}