@charset „UTF-8“;
/***************************************************************************************************
=== CUSTOM CSS =====================================================================================
Anpassungen Template Cassiopeia für baerenmameli.ch
05.03.2023 ea Grundeinstellungen
28.10.2023 ea modi Toplink
****************************************************************************************************/
/*
/* fonts */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 6, 2023 */
@font-face {
    font-family: 'comic_sans_ms';
	src: local(''),
    src: url('../fonts/comic_sans/comic-webfont.woff2') format('woff2'),
         url('../fonts/comic_sans/comic-webfont.woff') format('woff');
		 url('../fonts/comic_sans/comic.ttf') format('ttf');
	font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_sans_msbold';
	src: local(''),
    src: url('../fonts/comic_sans/comicbd-webfont.woff2') format('woff2'),
         url('../fonts/comic_sans/comicbd-webfont.woff') format('woff');
		 url('../fonts/comic_sans/comicbd.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_sans_msitalic';
	src: local(''),
    src: url('../fonts/comic_sans/comici-webfont.woff2') format('woff2'),
         url('../fonts/comic_sans/comici-webfont.woff') format('woff');
		 url('../fonts/comic_sans/comici.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'comic_sans_msbold_italic';
	src: local(''),
    src: url('../fonts/comic_sans/comicz-webfont.woff2') format('woff2'),
         url('../fonts/comic_sans/comicz-webfont.woff') format('woff');
		 url('../fonts/comic_sans/comicz.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;

}
/* Genereller hintergrund leicht gelb  und fonts*/
body {
	background-color: #FFFEEC !important;
	-webkit-text-size-adjust: auto;
	font-family: comic_sans_ms, comic sans ms, sans-serif !important;
/*	font-family: comic sans ms, sans-serif !important;
	font-family: comic_sans_msbold !important;
	font-family: comic_sans_msitalic !important;
	font-family: comic_sans_msbold_italic !important;*/
}
/*--- Symbol in breadcrumbs ausblenden beinflusst back-to-top*/
 /* Backgroung Header Farbverlauf im Logo*/
.container-header {
  background: linear-gradient(to bottom, #ffc9c4 0%,#ff4235 27%,#ad0000 100%) !Important;
  background-attachment:scroll !Important;	/* sonst wird Verlauf wenn EWM aktiv ist nicht angezeigt */ 
}

/*Background New Mitteilungen */
.card {
	background-color: #ffff99 !Important;
}

/* darüber weisser Strich */
.site-grid {
  margin-top: 1px !Important;
}

/* Element | https://baerenmameli.affolter.familyds.net/ */

.item-content > h1:nth-child(1) {
 margin-top: 10px !important;
}

h1, .h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
/*  font-family: "comic_sans_ms", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; */
  font-family: "comic_sans_ms", "comic sans ms", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-weight: 700 !important;
  color: #da1010 !important;
}
/*
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: comic sans ms, sans-serif !important;	
  color: #da1010 !important;
}*/


#mod-custom115 > p:nth-child(1) > a:nth-child(1) > img:nth-child(1) {
/*	padding-bottom: 20px !Important;*/
}

/* Element | https://baerenmameli.affolter.familyds.net/ */

div.grid-child:nth-child(2) {
	margin-top: -20px !Important;
}

/* Element | https://baerenmameli.affolter.familyds.net/ */
/* home-icon menu startseite höher stellen*/
.item-101 > a:nth-child(1) > img:nth-child(1) {
	padding-bottom: 6px !Important;
	padding-right: 2px !Important;
}
/* home-icon menu über mich höher stellen*/
li.metismenu-item:nth-child(3) > a:nth-child(1) > img:nth-child(1) {
	padding-bottom: 6px !Important;
	padding-right: 2px !Important;
}

/* Menue nach oben */
div.grid-child:nth-child(2) {
  margin-top: -40px;
  padding-bottom: 0em;
 /* background-color: #424242 !Important;*/
}

.container-below-top{
  background: linear-gradient(to bottom, #ffc9c4 0%,#ff4235 27%,#ad0000 100%) !Important;
  /*background-color: #424242 !Important;*/
  background-image: none;
}

.container-header .container-nav {
  background-color: #424242 !Important;
				  
}

*/ 
.card-body {
 margin-bottom: -5px !important;
 margin-top: -5px !important;
}

/* Rahmen Neueste..., Forum..., Nächste... verlauf sw -> grau*/
.container-top-a {
  background-image: linear-gradient(#dddddd,#282828) !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  margin-top: 2px !important;
}
/* rand */
div.top-a:nth-child(2) {
 padding-left: 10px;
 padding-right: 10px;
}

/* Element | https://baerenmameli.affolter.familyds.net/ */
.top-a {
  margin-bottom: 3px !important;
  margin-top: 3px !important ;
  padding-left: 10px;
  margin-left: -1px !important;
  margin-right: -1px !important;
}

div.top-a:nth-child(1) {
  padding-left: 10px;
  padding-right: 10px;
}


.footer {
  background: linear-gradient(to bottom, #ff4d3d 0%,#ff4235 27%,#b50701 100%) !Important;
}

/*--- Toplink */
.back-to-top-link {
    color: #112855;
    background-color: var(--white, white) !Important;
    border: 1px solid #112855 !Important;
	position:fixed !Important;  /* Toplink soll nicht unten kleben */
}
.back-to-top-link:focus,
.back-to-top-link:hover {
 color:var(--white,#fff) !Important;
 background-color:#424242 !Important;
 border-color:var(--white,#fff) !Important;
}
/*end Toplink */

/*--- Login Checkbox */
.form-check-input:checked {
    background-color: #424242 !Important;
    border-color: #424242 !Important;
}
/*end Login Checkbox */

/*sigplus Beschriftungsbalken*/
.captionplus-overlay {
	font-family: comic_sans_ms, comic sans ms, sans-serif !important;
	position: absolute;
	background-color: rgba(0,0,0,0.2) !Important;
	color: white;
	pointer-events: none;
	height: 4ex !Important;
#	opacity: 0.6 !Important;
}