:root {

    --cassiopeia-color-primary: #00ff00;
    --cassiopeia-color-link: #0000ff;
    --cassiopeia-color-hover: #ff0000;

    --cassiopeia-font-family-body:Tahoma,Arial,Helvetica,Sans-Serif;
    --cassiopeia-font-family-headings:Tahoma,Arial,Helvetica,Sans-Serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400;
    
    --blue: #0d6efd;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --primary-rgb: 13, 110, 253;
    --secondary-rgb: 108, 117, 125;
    --success-rgb: 25, 135, 84;
    --info-rgb: 13, 202, 240;
    --warning-rgb: 255, 193, 7;
    --danger-rgb: 220, 53, 69;
    --light-rgb: 248, 249, 250;
    --dark-rgb: 33, 37, 41;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 33, 37, 41;
    --body-bg-rgb: 255, 255, 255;
    --font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 14px;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #383838;
    --body-bg: #01395c;
}

@supports (display:grid) {
.site-grid {
  grid-gap: 0 0;
}
}

.container-component > * + * {
margin-top: 0;
}

.lesebuch-sheet {
	max-width: 800px;
	margin: 5px auto 0;
	background-color: #e0cd91;
	box-shadow: 0 0 5px 3px rgba(0,0,0,0.3);
	border-radius:15px;
}

@media (min-width:900px) {
	.lesebuch-sheet {
	margin: 30px auto 0;
	}
}

.lesebuch-header {
	background-size:cover;
	background-position-x:right;
	background-attachment:local;
	border-radius: 15px 15px 0 0;
	margin: 0 auto;
	background-repeat: no-repeat;
	height: 296px;
	background-image: url(../images/header.jpg);
	background-position: 0 0;
	position: relative;
	z-index: auto !important;
}

@media (max-width:400px) {
.lesebuch-header {
	height: 140px;
}
}


@media (min-width:400px) and (max-width:560px) {
.lesebuch-header {
	height: 200px;
}
}

@media (min-width:561px) and (max-width:600px) {
.lesebuch-header {
	height: 240px;
}
}

.container-header {
	background-color: #6495ac;
	background-image: none;
}

.lesebuch-nav {
	background:#ecd9bf;
	background: linear-gradient(to bottom,#573f29 0,#0D121C 100%) no-repeat;
	padding:6px;
	margin:0 auto;
	position:relative;
	z-index:499;
	text-align:left;
}
ul.mod-menu a,
ul.mod-menu a:link,
ul.mod-menu a:visited,
ul.mod-menu a:hover {
 outline:none;
 position:relative;
 z-index:11;
}
ul.mod-menu,
ul.mod-menu ul {
 display:block;
 margin:0;
 padding:0;
 border:0;
 list-style-type:none;
}
ul.mod-menu li {
 position:relative;
 z-index:5;
 display:block;
 float:left;
 background:none;
 margin:0;
 padding:0;
 border:0;
}
ul.mod-menu li:hover {
 z-index:10000;
 white-space:normal;
}
ul.mod-menu:after,
ul.mod-menu ul:after {
 content:".";
 height:0;
 display:block;
 visibility:hidden;
 overflow:hidden;
 clear:both;
}
ul.mod-menu,
ul.mod-menu ul {
 min-height:0;
}
ul.mod-menu {
 display:inline-block;
 vertical-align:middle;
}
.lesebuch-nav:before {
 content:' ';
}

.mod-menu {
 float:left;
}
.lesebuch-menuitemcontainer {
 margin:0 auto;
}
ul.mod-menu>li {
 margin-left:9px;
}
ul.mod-menu>li:first-child {
 margin-left:4px;
}
ul.mod-menu>li:last-child,
ul.mod-menu>li.last-child {
 margin-right:4px;
}
ul.mod-menu>li>a {
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 border:1px solid transparent;
 padding:0 17px;
 margin:0 auto;
 position:relative;
 display:block;
 height:32px;
 cursor:pointer;
 text-decoration:none;
 color:#D9E0ED;
 line-height:32px;
 text-align:center;
}
.mod-menu>li>a,
.mod-menu>li>a:link,
.mod-menu>li>a:visited,
.mod-menu>li>a.active,
.mod-menu>li>a:hover {
 font-size:14px;
 font-family:Tahoma,Arial,Helvetica,Sans-Serif;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
 text-align:left;
}
ul.mod-menu>li.active>a {
background: linear-gradient(to bottom,#573f29 0%,#00070a 100%);
border-radius: 0px 7px 0px 7px;
-moz-border-radius: 0px 7px 0px 7px;
-webkit-border-radius: 0px 7px 0px 7px;
border: 1px solid #6b6d6a;
 padding:0 17px;
 margin:0 auto;
 color:#fff;
 text-decoration:none;
}
ul.mod-menu>li>a:visited,
ul.mod-menu>li>a:hover,
ul.mod-menu>li:hover>a {
 text-decoration:none;
}

.blog-item {
	background: #fcfbed;
	border-radius: 6px;
	border: 1px solid #B89D86;
	padding: 10px !important;
	margin: 7px 0 0 7px;
}

.pad .site-grid, .itemid-187 .com-content-article.item-page {
	background: #fcfbed;
	border-radius: 6px;
	border: 1px solid #B89D86;
	padding: 10px !important;
	margin: 7px;
}

.blog-items.items-leading {
	display:grid;
	grid-template-columns: 98%;
}

.blog-items.items-leading .blog-item {
	width:100%;
	float:none;
}

@media (min-width:600px) {
.blog-items {
	display:grid;
	grid-template-columns: 48.6% 48.6%;
}

.blog-items .blog-item {
	justify-content: start;
}
}

.footer {
	background-color: #000;
background-image: none;
color: #fff;
margin-top: 1em;
}

.footer .grid-child {
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.lesebuch-footer {
 -webkit-border-radius:0 0 15px 15px;
 -moz-border-radius:0 0 15px 15px;
 border-radius:0 0 15px 15px;
 margin:0 auto;
 position:relative;
 color:#D2DAEA;
 font-size:13px;
 font-family:Tahoma,Arial,Helvetica,Sans-Serif;
 text-align:center;
}

h2.item-title, .page-header h1, #visform1 h1, #visform2 h1, h3.card-header, .summarydesc h2 {
  color: #c31924;
  font-size: 24px;
  font-family: 'Old Standard TT',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
  font-weight: bold;
  text-transform: uppercase;
  line-height:120%;
  margin: 5px 0 15px 0;
}

.lesebuch-postcontent > * {
 font-weight:normal;
}

.lesebuch-postcontent h1 {
 color:#7891BF;
 margin:10px 0 0;
 font-size:30px;
 font-family:'green_fuz',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
}

.lesebuch-postcontent h2 {
 color:#93A7CC;
 margin:10px 0 0;
 font-size:28px;
 font-family:'green_fuz',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
}

.lesebuch-postcontent h3 {
 color:#6896F8;
 margin:10px 0 0;
 font-size:26px;
 font-family:'green_fuz',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
}

.lesebuch-postcontent h4 {
 color:#DCECFE;
 margin:10px 0 0;
 font-size:24px;
 font-family:'green_fuz',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
}

.lesebuch-postcontent h5 {
 color:#DCECFE;
 margin:10px 0 0;
 font-size:20px;
 font-family:'green_fuz',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
}

.lesebuch-postcontent h6 {
 color:#8DC1FB;
 margin:10px 0 0;
 font-size:16px;
 font-family:'green_fuz',Arial,'Arial Unicode MS',Helvetica,Sans-Serif;
}

.form-group.row {
	margin-bottom: 0 !important;
}

#visform1 .col-12, .visforms .col-12 {
	margin-bottom: 1rem !important;
}

.mod-custom {
		position: static;
}

.foot-cent {
	margin: 0 auto;
	text-align: center;
	background: #000;
}

.foot-img1, .foot-img2, .foot-img3 {
	margin: 0 auto;
	float:none;
	display:block;
}

.foot-img1, .foot-img2 {
	padding-bottom: 20px;
}

@media (min-width:600px) {
.foot-img1, .foot-img2, .foot-img3 {
	width:32%;
	display:inline-block;
	padding-bottom: 0;
}

.foot-img1 {
	text-align:left;
}

.foot-img2 {
	text-align:center;
}
.foot-img3 {
	text-align:right;
}

.foot-img1 img, .foot-img2 img, .foot-img3 img {
	margin: 0 auto;
}

}

label.error {
    font-size: 1.2em;
	font-weight: bold;
}
.itemid-101 h1 {display:none;}
.field30 .offset-3, .field31 .offset-3 {margin-left:0}
.field30 p, .field31 p {line-height:21px;}
.main-top.card {
	margin:0;
}
.card {
  --card-spacer-y: 0;
  --card-spacer-x: 0;
  --card-title-spacer-y: 0;
  --card-border-width: 0;
  --card-border-color: rgba(255,255,255,0.0);
  --card-border-radius: 0;
  --card-box-shadow: ;
  --card-inner-border-radius: 0;
  --card-cap-padding-y: 0;
  --card-cap-padding-x: 0;
  --card-cap-bg: rgba(0,0,0,0.0);
  --card-cap-color: ;
  --card-height: ;
  --card-color: ;
  --card-bg: #fff;
  --card-img-overlay-padding: 0;
  --card-group-margin: 0;
  word-wrap: break-word;
}

.form-control:focus, .table>:not(caption)>*>* {
  background-color: #efefef;
}

.form-check-input {
  --form-check-bg: #fff;
}