body {
	margin: 0;
	padding: 0;
	background: url(../img/bg01.jpg);
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A554E;
}

div {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin: 0;
}

h5 {
      margin: 0 0 3px 0;
      font-size: 14px;
}

h1, h2 {
	font-weight: bold;
}

h1 {
	font-size: 24px;
}

h2 {
	/*font-size: 24px;*/
        padding: 0 0 5px 0;
	border-bottom: 1px solid #E5E1D8;
        margin: 0 0 10px 0;
        /*color: #FAB679;*/
}

h3{
      /* height: 28px;*/
       /*width: 200px;*/
       /*background-color: #FAB679;*/
       /* background-color: #76848D;*/
    background-color: #221edd;/*5E626D;*/
       padding: 2px 0 0 7px;
       /*background-image: url(../img/header4.jpg);*/
       color: #FFFFFF;
       font-size: 20px;
}
.grayborder{
       background: #EAE7E0;
       padding: 5px 8px;
       margin: 2px 0 20px 0;
       text-align: justify;
       font-weight: normal;
}

p, ol, ul, dl {
	margin-top: 0;
	/*text-align: justify;*/
	line-height: 1.8; /*vorher: 2.2 */
}

ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

strong {
	color: #4A3E29;
}

a {
	color: #506C00;
}

a:hover {
	text-decoration: none;
}

a img {
	border: 0;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	margin: 0 auto;
}

img.alignleft {
	margin: 0 27px 0 0;
}

img.alignright {
	margin: 0 0 0 27px;
}

img.border {
	padding: 4px;
	border: 1px solid #E9E4D8;
}

/* Wrapper */

#wrapper {
	background: url(../img/bg02.jpg) repeat-x;
}

 /*ganze Seite */
.container {
	width: 1200px;/*1000*/
	margin: 0 auto;
}

.clearfix {
	clear: both;
}

/* Header */

#header {
	height: 228px; /* 211px wurde fuer den banner erweitert um +17*/
	background: url(../img/bg04_blue_scaled.png);
}

/* Logo */

#logo {
	float: left;
	width: 308px;/*308*/
	height: 211px;
}

#logo h1, #logo p {
	/*text-transform: lowercase;*/
	line-height: 1;
}

#logo h1 {
	padding: 102px 0px 9px 40px;
	/*padding-top:80px;*/
	letter-spacing: -2px;
	font-size: 32px;
	color: #FFFFFF;
}

#logo h1 sup {
	font-size: 18px;
	font-weight: normal;
}

#logo p {
	padding: 5px 22px 0 40px;
	font-size: 14px;
	/*color: #F8AB80;*/
        color: #FFFFFF;
}

#logo a {
	text-decoration: none;
}

#logo a:hover {
	text-decoration: underline;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo p a {
	color: #F8AB80;
}

/* Banner */

#banner {
	float: left;
	height: 118px;
	padding: 93px 0 0 0;
}

/* MUSS NOCH ANGEPASST WERDEN*/
#banner p {
	text-transform: lowercase;
	line-height: 1;
	margin: -30px 10px 0 10px;
        text-align: right;
        color: #FFFFFF;
        font-size: 20px;
        letter-spacing: -2px;
        font-weight: bold;
}

/* Menu */

#menu {
	height: 60px;
	background: url(../img/bg04_blue_scaled.png) no-repeat 0 -228px;
	padding: 0;
}

#menu ul {
	height: 56px; /*67px*/
	margin: 0px 25px;
	padding: -0px 0 0 0px;/* war 7px 0 0 14px*/
	background: none;
	list-style: none;
	line-height: 1;
}

#menu li {
	float: left;
	height: 35px;
	padding: 15px 15px 0 15px;
}

#menu li.active {
	background: url(../img/bg06.jpg) no-repeat;
}

#menu a {
	text-transform: lowercase;
	text-decoration: none;
	letter-spacing: -1px;
        margin: 0px 0 0px 10px; /* leichte Verschiebung nach rechts*/
	font-size: 18px;
	color: #FFFFFF;

}

#menu a:hover {
	text-decoration: underline;
        top: auto;
}

/* Bar */

.bar {
	height: 47px;
	margin: 0 25px;
	background: url(../img/bg07_blue.jpg);
}

.bar .text {
	float: left;
	padding: 14px 0 0 25px;
	text-transform: lowercase;
	font-size: 14px;
	color: #809064;
}

/* Top Bar */

#top-bar {
	background: url(../img/bg04_blue_scaled.png) no-repeat 0 -287px;
}

/* Search */

#search {
	float: right;
	padding: 10px 15px;	
}

/* Page */

#page {
	background: url(../img/bg03_scaled.jpg) repeat-y;
}

/* Content */

#content {
	float: left;
	width: 915px;
	padding: 0 0 10px 0px;
        background-color: #FCF9F1;
        margin: 5px 5px 10px 5px;
        /*border: 1px solid #DCD8D0;*/
        /*border: 1px solid #E5E1D8;*/
	/*background: url(../img/bg04.jpg) no-repeat 0 -335px;*/
}

#content h1{
       margin: 0 0 15px 0;
}

#content li {
       /*color: #40E314;*/
       list-style-type:square;
       margin: 0 0 0 15px;
}


/* Post */

.post {
}

.post .title, .post .date {
	padding: 0 25px;
}

.post .title {
	margin: 0;
	padding-top: 50px;
	line-height: normal;
	font-size: 32px;
	color: #5A5544;
}

.post .title a {
	text-decoration: none;
	color: #5A5544;
}

.post .title a:hover {
	text-decoration: underline;
}


.post .date {
	line-height: normal;
	color: #ACAAA1;
}

/* der ganze Content */
.post .entry {
	margin: 0 15px;
	padding: 20px 0;
	/*border-top: 1px solid #E5E1D8;*/
}

/* Box um das print und top herum, unterhalb vom content */
.post .meta {
	height: 53px;
        margin: 10px 20px 0 20px;*/
        padding: 0 0 0 25px;
	background-color: #E5ECDB;
        /* Linie unterhalb von der Box*/
	border-bottom: 1px solid #DDE5CE;
}

.post .meta p {
	line-height:  normal;
}

.post .meta .tags {
	float: left;
	padding: 20px 0 0 25px;
}

.post .meta .links {
	float: right;
	padding: 20px 25px 0 0;
}

.post .meta .comments {
	margin-right: 30px;
	padding-left: 22px;
	background: url(../img/img04.gif) no-repeat 0 50%;
}

.post .meta .more {
	padding-left: 17px;
	background: url(../img/img05.gif) no-repeat 0 50%;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 250px;
	padding: 0px 5px 0 0;
        border-right: 1px solid #E5E1D8;
	/*background: url(../img/bg04.jpg) no-repeat 100% -300px 10px;*/
/*-335*/
}

/* die sidebar hat außen eine farbe */
#sidebar ul {
	margin: 5px 0 0 25px;
	padding: 0 5px 10px 5px;
	/*list-style: none;*/
	line-height: normal;
	/*border-left: 1px solid #E5E1D8;*/
        background-color: #FCF9F1;
}

#sidebar li {
        /*background-color: #EBF3DC*/
}

#sidebar li ul {
	padding: 10px 10px;
        margin: 0;
	line-height: 0.5;
        /*background-image: url(../img/block.jpg);*/
        background-color: #EAE7E0;
        border: 1px solid #DCD8D0;
}

#sidebar li li {
}

#sidebar h2 {
	margin: 0 0 20px 0;
	padding: 20px 0 5px 5px;
	border-bottom: 1px solid #E5E1D8;
}

/* 2 Columns */
/* im Footer */
.two-cols {
	margin: 0 25px;
	padding: 35px 35px 0 35px;
	background: #28241E url(../img/bg09.jpg) repeat-x;
	color: #736F6A;
}

.two-cols .col1 {
	float: left;
	width: 595px;
}

.two-cols .col2 {
	float: right;
	width: 210px;
	padding: 0 0 0 25px;
	border-left: 1px solid #423C31;
}

.two-cols h2 {
	font-size: 26px;
	color: #FFFFFF;
}

.two-cols a {
	color: #736F6A;
}

/* Footer */

#footer {
	background: url(../img/bg10.jpg) no-repeat;
	padding: 155px 0;
}

#footer p {
	text-align: center;
	color: #8F8B83;
}

#footer a {
	color: #8F8B83;
}

h4 {
     color: #FFFFFF;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Apply gallery-specific styles */
.gallery-container {
    display: grid !important; /* Force grid layout */
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: 15px !important;
    padding: 20px !important;
}

.gallery-item img {
    width: 100% !important; /* Ensure images fit container */
    height: 120px !important; /* Set consistent height */
    object-fit: cover !important; /* Crop images */
    transition: transform 0.3s ease !important; /* Hover effect */
    border-radius: 5px !important; /* Rounded corners */
}

.gallery-item img:hover {
    transform: scale(1.1) !important; /* Slight zoom on hover */
}

div.gallery-item img.gallery-img {
    width: 10% !important;
    height: 120px !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
    border-radius: 5px !important;
}