.astroid-header-sticky {box-shadow: none;}
.astroid-header-sticky .astroid-nav-wraper {padding-right:0 !important;}
.astroid-header-section .astroid-header-sticky .astroid-header {
  padding-top: 15px;
  padding-bottom: 15px;
}
#astroid-sticky-header a.site-title, #astroid-sticky-header p.site-tagline {color:#fff;}
.header-right-block, .nav-submenu-container, li.current a span.nav-title::after {display:none !important;}
.c8-no-full-image .astroid-article-full-image {display:none !important;}

.fa-4x {
  color: #50a6ab;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  line-height: 1.7em;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2 {
  margin-bottom: 1rem;
}	
h1, .h1 {
  margin-bottom: 1.5rem;
}
.c8-card {
   padding: 20px;
}
.uk-card h4 {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

b, strong {
  font-weight: 500;
}
h1.uk-heading-large b, h1.uk-heading-large strong, h1 strong {
  font-weight: 700;
}
.jp-slide div p {margin-bottom:0;}
.c8home span.uk-heading-large {line-height: 1.3em !important;}
.astroid-device-xs span.uk-heading-large {font-size: 1.6rem; line-height: 1.2em;}
.astroid-device-sm span.uk-heading-large {font-size: 1.8rem; line-height: 1.2em;}
.astroid-device-md span.uk-heading-large {font-size: 2.3rem; line-height: 1.2em;}
.astroid-device-lg span.uk-heading-large {font-size: 2.6rem; line-height: 1.2em;}
.astroid-device-xl span.uk-heading-large {font-size: 3rem; line-height: 1.2em;}
.astroid-device-xxl span.uk-heading-large {font-size: 3rem; line-height: 1.2em;}

.fa-ul i.fas {font-size:18px;}

#ml2-tn2ti3i6d {
  position: sticky;
  top: 150px;
  transition: all 300ms ease;
}
.blog-item {
  position: relative;
  margin-top: 2.5rem;
  border-bottom: 1px solid #ccc;
}
p.readmore {
  margin-bottom: 2.5rem;
}
.as-readmore {
  font-size: 1rem;
}
hr {
  color: #ccc;
}

/* =========================================================
   FIXIERTER HINTERGRUND / iOS-LÖSUNG
   ========================================================= */

html {
  background-color: #fff;
}

body {
  position: relative;
  background: transparent;
}

/* Fixiertes Hintergrundbild hinter der gesamten Website */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;   /* Fallback */
  height: 100lvh;  /* iOS / moderne Browser */
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

body.c8home::before {
  background-image: url(/images/slideshow/oliver-walter-treuhand-berner-oberland_05.jpg);
  background-position: center 30%;
}
body.c8steuern::before {
  background-image: url(/images/bg/oliver-walter-treuhand-berner-oberland-01.jpg);
  background-position: center top;	
}
body.c8buchhaltung::before {
  background-image: url(/images/bg/oliver-walter-treuhand-berner-oberland-02.jpg);
  background-position: center top;
}
body.c8uebermich::before {
  background-image: url(/images/slideshow/oliver-walter-treuhand-im-simmental_01.jpg);
  background-position: center 20%;	
}
body.c8dossier::before {
  background-image: url(/images/bg/oliver-walter-treuhand-berner-oberland_04.jpg);
  background-position: center 80%;		
}
body.c8kontakt::before {
  background-image: url(/images/bg/oliver-walter-treuhand-berner-oberland-03.jpg);
  background-position: center 10%;		
}

/* =========================================================
   SECTIONS
   ========================================================= */

/* Standardmässig liegen alle Astroid-Sections
   über dem fixierten Hintergrund */
.astroid-section {
  position: relative;
  z-index: 1;
  background-color: #fff;
}

/* =========================================================
   SECTION MIT FIXIERTEM HINTERGRUNDBILD
   ========================================================= */

#bottom-c {
  background-color: transparent;
  padding-top: 80px;
  padding-bottom: 80px;
}

/* =========================================================
   STICKY HEADER
   ========================================================= */

/* Sticky Header immer über Sections und Hintergrund */
.astroid-header-section {
  z-index: 1000 !important;
}
/* END FIX */

.mod_uk_slideshow h1, .mod_uk_slideshow span.uk-heading-large, #bottom-c h1 {
  color:#fff;
  text-shadow: 0 3px 3px rgba(0,0,0,.18) !important;
}
.mod_uk_slideshow .btn {
  box-shadow: 0 3px 3px rgba(0,0,0,.18) !important;
}
.mod_uk_slideshow .btn:hover {
  box-shadow: none !important;
}
.c8home [uk-cover]:where(img, video), .c8steuern [data-uk-cover]:where(img, video) {
  object-position: center 60%;
}
.c8steuern [uk-cover]:where(img, video), .c8steuern [data-uk-cover]:where(img, video) {
  object-position: center 30%;
}
.c8buchhaltung [uk-cover]:where(img, video), .c8buchhaltung [data-uk-cover]:where(img, video) {
  object-position: center 20%;
}
.c8uebermich [uk-cover]:where(img, video), .c8uebermich [data-uk-cover]:where(img, video) {
  object-position: center 40%;
}
.c8dossier [uk-cover]:where(img, video), .c8dossier [data-uk-cover]:where(img, video) {
  object-position: center 75%;
}
.c8kontakt [uk-cover]:where(img, video), .c8kontakt [data-uk-cover]:where(img, video) {
  object-position: center bottom;
}


.view-category .item-title {
  margin-bottom: 0.95rem;
}
.c8bottom .module-title {
  margin-bottom: 0.95rem;
}


/* =========================================================
   AGENDA MODUL / SUBMENU
   ========================================================= */

.mod-articles-items li, .mod-menu.mod-list li {
	padding: 0;
}

.mod-articles-items li:not(:last-child), .mod-menu.mod-list li:not(:last-child) {
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
}

.menu-module li a, .mod-menu.mod-list li a,
.mod-articles-items .mod-articles-item h5.mod-articles-title {
	margin-bottom: 0;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 1.1rem;
}

.menu-module li a, .mod-menu.mod-list li a,
a.mod-articles-link {
	color: rgb(119, 119, 119);
	font-weight: 300;
}

.menu-module li a:hover,
.menu-module li.active a,
.mod-menu.mod-list li a:hover,
.mod-menu.mod-list li.current a,
a.mod-articles-link:hover,
a.mod-articles-link.active {
	color: #50a6ab;
}

.menu-module li.active a, .mod-menu.mod-list li.current a,
a.mod-articles-link.active {
	font-weight: 400;
}


/* =========================================================
   FOOTER
   ========================================================= */

.astroid-footer-section {
	text-align: center;
}

.c8dist {
	display: none;
	margin: 0 6px;
}

.c8webdesign {
	display: block;
	white-space: nowrap;
}

.astroid-footer-section .nav {
	display: inline;
}

.astroid-footer-section .nav li,
.astroid-footer-section .nav li a {
	font-size:1rem;
	padding: 0 !important;
}

/* UIKIT */
.uk-divider-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") !important;
}
.uk-divider-icon::before, .uk-divider-icon::after {
  border-bottom: 1px solid #fff !important;
}

@media (max-width: 440px) {
  .astroid-framework .astroid-logo-text, .astroid-framework .astroid-logo-text > a.site-title {
    font-size: 1.2em;
  }
  .astroid-framework .astroid-logo-text > p.site-tagline {
    font-size: 0.77em;
  }
}

.c8home .uk-slideshow-items {
  aspect-ratio: 16 / 20 !important;
}
.uk-slideshow-items {
  aspect-ratio: 16 / 12 !important;
}

/* =========================================================
   BREAKPOINTS
   ========================================================= */

/*
   xs:    0
   sm:  576px
   md:  768px
   lg:  992px
   xl: 1200px
  xxl: 1400px
*/

@media screen and (min-width: 576px) {
	.astroid-header .min-w-30.d-lg-none {
		display: block;
	}
	.burger-menu-button {
  		margin-right: 0;
	}
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 10 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 8 !important;
	}
	.astroid-footer-section {
		text-align: left;
	}
	.c8dist,
	.c8webdesign {
		display: inline;
	}

	.astroid-footer-section .nav {
		display: flex;
	}

	.astroid-footer-section .nav-item {
		padding: 2px 0 !important;
	}

	.astroid-footer-section .nav-link {
		padding: 0 20px 0 0 !important;
	}
}

@media screen and (min-width: 576px) and (orientation : portrait) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 14 !important;
	}	
}

@media screen and (min-width: 768px) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 9 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 6 !important;
	}	
}

@media screen and (min-width: 768px) and (orientation : portrait) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 12 !important;
	}	
}

@media screen and (min-width: 992px) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 8 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 5 !important;
	}
	#f2-by3gnww00 {
  		float: right;
	}	
}


@media screen and (min-width: 1200px) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 6 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 4 !important;
	}	
}

@media (min-width: 992px) and (max-width: 1399px) {
	.astroid-header-section	.container {
		max-width:100%;
		--bs-gutter-x: 0;
		padding-left:5%;
		padding-right:5%;
	}	
	.astroid-nav {margin-right:-1rem;}
}