@charset "UTF-8";
/* CSS Document */

/*
--------------------------------------
Inhaltsverzeichnis (Zeilenangaben ca.)
--------------------------------------
Allgemein 80
Buttons 
	Seitenzahlen 
	Visform 
Header 
	Grid Header 
	Ende Grid Header
Navigation
Banner (Login Warenkorb und Konto)
Content Blog
Sidebar
	Agenda
	Mitglieder
Footer Top
Footer Bottom
Joomshoping
	Logo weg
	Produktebilder


Spezielle Layouts Beiträge
--------------------------
Beitrag 187  Information Mitgliedschaft
Beitrag Vorstand
Beitrag Impressum


Responsive Elemnte
------------------
Kleiner Bildschirm, Smartphone, Tablet hoch
	Allgemein	
	Header
	Grid Body
	Menu
	Content Blog
	Contnent Component
	Sidebar
		Agenda 
		Mitglieder
	Footer
Kleiner Bildschirm, Smartphone, Tablet quer
	Allgemein
	Navigation
	Content Blog
	Sidebar
	Content Bottom-Dachverbänd
Grosser Bildschirm, PC
	Allgemein
	Grid
	Navigation
	Banner /Login und Warenkorb
	Blog Kategoriebeitrag
	Sidebar
		Agenda 
		Mitglieder
	Footer
Sehr Grosser Bildschirm PC
	Allgemein


*/

/*
---------
Allgemein
---------
*/

body {
	background-color: #fbf4e4;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";	
  	font-optical-sizing: auto;
  	font-style: oblique;
	font-size: 100%;
	font-weight: 300;
	color: #413e3a;
}

body.wrapper-fluid .site-grid {
  	grid-gap: 0 3vw;
  	grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(3,minmax(0,33%))[main-end]minmax(0,1fr)[full-end];
}



h1 {
	font-size: 1.9em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-variant: small-caps;
	line-height: 2em;
	font-weight: 400;
	color: #65503E;
	text-align: left;
	margin-top: 1vh;
	margin-bottom: 1vh;
}

h2 {
	font-size: 1.6em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-variant: small-caps;
	line-height: 1.8em;
	font-weight: 400;
	color: #65503E;
	text-align: left;
	margin-top: 1vh;
	margin-bottom: 1vh;
}

h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 400;
	color: #65503E;
	text-align: left;
	margin-top: 1vh;
	margin-bottom: 0.5vh;
}
h4 {
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: 200;
	color: #65503E;
	text-align: left;
	margin-top: 1vh;
	margin-bottom: 0.5vh;
	font-weight: 400;
}

h5 {
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: 200;
	color: #65503E;
	text-align: left;
	margin-top: 1vh;
	margin-bottom: 0.5vh;
	font-weight: 400;
}

strong {
	font-weight: 600;
}

 p {
	font-size: 1.1em;
	font-weight: 300;
	align-content: flex-start;
	 margin-top: 2vh;
  	margin-bottom: 0;
}

a {
  	color: #413e3a;
}

a:not([class]) {
  	text-decoration: none;
	color: #413e3a;
	font-weight: 400;
}
a:hover {
	color: #bf7161;
	color: #413e3a;
}

a:hover {
	color: #bf7161;
}

.active {
  text-decoration: none;
}

/*-----
Buttons
-------*/

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}

.icon-white {
  color: #594636;
}

.btn.btn-primary {
  	background-color: #fefefc;
  	border-color: #886f59;
  	color: #594636;
	hover:#ae9884;
}

.btn.btn-primary:hover {
  	background-color: #ae9884;
  	border-color: #886f59;
  	color: #fefefc;
}

.btn-secondary {
  	--btn-color: #fefefc;
  	--btn-bg: #ae9884;
  	--btn-border-color: #886f59;
  	--btn-hover-color: #594636;
  	--btn-hover-bg: #fefefc;
  	--btn-hover-border-color: #ae9884;
}

.btn-success {
  	--btn-color: #fefefc;
  	--btn-bg: #ae9884;
  	--btn-border-color: #886f59;
  	--btn-hover-color: #ae9884;
  	--btn-hover-bg: #fefefc;
  	--btn-hover-border-color: #ae9884;
  	--btn-active-color: #fefefc;
  	--btn-active-bg: #ae9884;
  	--btn-active-border-color: #ae9884;
  	--btn-disabled-color: #fefefc;
  	--btn-disabled-bg: #ae9884;
  	--btn-disabled-border-color: #ae9884;
}

.btn-danger {
  	--btn-color: #fff;
  	--btn-bg: #ae5847;
  	--btn-border-color: #886f59;
  	--btn-hover-color: #fefefc;
  	--btn-hover-bg: #834134;
  	--btn-hover-border-color: #834134;
  	--btn-active-color: #fefefc;
  	--btn-active-bg: #ae5847;
  	--btn-active-border-color: #886f59;
  	--btn-disabled-color: #fefefc;
  	--btn-disabled-bg: #ae5847;
  	--btn-disabled-border-color: #886f59;
}

div#system-message-container joomla-alert .joomla-alert--close, 
div#system-message-container joomla-alert .joomla-alert-button--close {
  	color: #ae9884;
}

div#system-message-container joomla-alert {
  	--alert-accent-color: #ae9884;
  	--alert-heading-text: #fefefc;
  	--alert-close-button: #ae9884;
  	background-color: #fefefc;
	color: #594636;
	border: 1px solid #886f59;
}

div#system-message-container joomla-alert div.alert-heading {
  	color: #fefefc;
  	background: #ae9884;
}

.plg_system_webauthn_login_button svg path,
.plg_system_webauthn_login_button svg circle {
  	fill: #594636;
}

.form-select, .custom-select {
    background-color: #ae9884;
}

/* Seitenzahlen*/

.pagination {
  	--pagination-color: #594636;
	--pagination-bg: #fefefc;
  	--pagination-hover-color: #413e3a;
  	--pagination-active-color: #fefefc;
  	--pagination-active-bg: #ae9884;
  	--pagination-active-border-color: #886f59;
	--pagination-hover-bg: #c7c5bd;
	--pagination-hover-border-color: #886f59;
	--pagination-disabled-bg: #d9cdbf ;
	--pagination-border-color: #886f59;
	--pagination-disabled-border-color: #886f59;
	--cassiopeia-color-link: #413e3a;
  	--link-color: #413e3a;
}

.page-link, .page-link:hover {
  	color: #413e3a;
}

/*Visform*/

.form-check-input:checked {
  	background-color: #ae9884;
  	border-color: #ae9884;
}

/*Offline Modus*/

div.offline-card {
  	background-color: #faf3e3;
  	border: none;
  	box-shadow: 0 0 20px #0000000d;	
}

div.offline-card div.header{
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color: #413e3a;
  	text-align: center;
  	background-color: #faf3e3;
  	background-image: none;
}

div.offline-card div.header p{
	font-size: 1.3em;
}

div.offline-card div.header .logo-icon svg {
  	display: none;
}

div.offline-card div.header .logo-icon {
  	background-color: #faf3e3;
  	border: none;
  	border-radius: none;
  	box-shadow: none;
}

/* Cookie Button*/

#cookiehintsubmit, #cookiehintsubmitno {
  	background: #ae9884 !important;
  	background-image: none;
  	color: #fefefc !important;
	border-color: #ae9884;
}

/*
------
Header
------*/

/*Grid Header*/

div.grid-child.container-below-top{
	display:grid;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr;
}

div#mod-custom111.mod-custom.custom{
	z-index:100;
	grid-row:1;
	grid-column: 1;
}

div#showplus_images_fpvs_header_header-bilder.showplus-container.showplus-center,
div.mod-randomimage.random-image {
	grid-row: 1;
	grid-column: 1;
	z-index: 0;
}

#ais_153_wrapper {
  	width: 100%;
  	z-index: 2;
  	grid-row: 1;
  	grid-column: 1;
}

div#ais_153.ari-image-slider.nivoSlider {
  box-shadow: none;
}

/*Ende Grid Header*/

.container-header {
  	background-color:#fbf4e4;
  	background-image: none;
	width: 100%;
}

.container-topbar{
	display: grid;
	grid-gap: 0;
	grid-template-columns: 5% 4fr 2fr;
	grid-template-rows: 1fr;
}

.container-topbar div#mod-custom138.mod-custom.custom{
	grid-column: 1;
}

.container-topbar div.search{
	grid-column: 3;
}

div#showplus_images_fpvs_header_header-bilder.showplus-container.showplus-center img,
div.mod-randomimage.random-image img {
	width: 100%
}

div#mod-custom111.mod-custom.custom img {
	width: 100%
}

/*
----------
Navigation
----------*/
/*Menu Schrift: #65503E
Menu Toggler Button Hintergrund: Beaver #ae9884
Obermenu: Bone #d9cdbf 
1.Untermenu: Isabelline #f0ebe6*/

.container-header nav {
	flex:6;
	order:1;
}

.container-header .container-nav nav {
    margin-top: 1vh;
  }

nav.navbar.navbar-expand-lg .navbar-collapse.collapse ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
    color: #65503E;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-style: oblique;
	font-variant: small-caps;
	font-size: 125%;
	font-weight: 300;
	background: #fbf4e4;
}

.container-header .mod-menu {
  	background: #f0ebe6;
}

.container-header .navbar-toggler {
 	color: #594636;
	border-radius: 0;
	border: none;
}

.navbar-toggler:focus {
  	box-shadow: none;
  	text-decoration: none;
}

.container-header .metismenu > li.level-1 > ul {
  	min-width: max-content;
}

.metismenu.mod-menu .metismenu-item  {
  	flex-wrap: wrap;
  	align-items: center;
  	padding: 0;
  	display: flex;
}

.metismenu.mod-menu .metismenu-item > a{
  	padding: 2vh 0 0 0;
	text-decoration: none;
	line-height: 100%;
	background: #fbf4e4;/* Obermenu*/
	border-bottom:1px solid #d9cdbf;
}

.metismenu.mod-menu .metismenu-item.active > a, 
.metismenu.mod-menu .metismenu-item > a:hover {
  	text-decoration: none;
}

.metismenu.mod-menu .mm-collapse > li > a {
  	background: #f0ebe6;/* 1.Untermenu:*/
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #d9cdbf;
	border-left: 0;	
}

.metismenu.mod-menu .metismenu-item > ul {
  	box-shadow: none;
}

.metismenu.mod-menu .metismenu-item > button {
  	white-space: nowrap;
  	text-decoration: none;
  	overflow: hidden;
	background-color: #f0ebe6;
	padding:0;
	text-decoration: none;
	background-image: url(../images/button-nav-1.png);
	background-size: cover;
}

button.mm-toggler.mm-toggler-link.mm-collapsed{
	background-image: url(../images/button-nav-2.png);
	background-size: cover;	
}

.metismenu.mod-menu .metismenu-item.active > button, 
.metismenu.mod-menu .metismenu-item > button:hover {
  	text-decoration: none;
}

.metismenu.mod-menu .metismenu-item > button:focus {
  	outline-offset: 2px;
  	outline: none;
}

.metismenu.mod-menu .mm-toggler {
  	display: block;
	position: relative;
}

.mod-menu ul { 
  	position: relative;
  	display: inline-table;
}

.mod-menu > li > a{
  	color: currentColor;
  	text-decoration: none;
  	position: relative;
  	margin: 0 auto;
  	flex: 4;
  	background-color: beige;
  	padding: 0;
}

.metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
  	margin-inline-end: -1em;
  	font-size: 80%;
}

.mod-menu > ul > li { 
	display: inline-block; 
}

.mod-menu ul li a { 
	display: block;  
 	width: 100%;
  	background: #c2c1c1;
}

.mod-menu ul ul { 
  	display: none; 
  	position: absolute; 
  	top:100%;
  	min-width: 160px;
  	background-color: #f4f4f4;
}

.mod-menu ul li:hover > ul { 
	display: block; 
}

.mod-menu ul ul > li { 
	position: relative; 
}

.mod-menu ul ul > li a { 
	padding: 5px 15px 5px 10px; 
	height: auto; 
	background-color: #f4f4f4; 
}

.mod-menu ul ul > li a:hover { 
	background-color: #42BBA3; 
	color: #fff; 
}

.mod-menu ul ul ul { 
	position: absolute; 
	left: 100%; top:0; 
}

/*
--------------------------------------
Banner (Login und Warenkorb und Konto)
--------------------------------------*/

div.container-banner.full-width{
	padding: 0.2vh 1vw;
}

div#mod-custom167.mod-custom.custom{
  	order: 3;
}

div#mod-custom168.mod-custom.custom,
div#mod-custom173.mod-custom.custom{
  	order: 2;
}

div#mod-custom168.mod-custom.custom p,
div#mod-custom167.mod-custom.custom p, 
div#mod-custom173.mod-custom.custom p{
	float:right;
	margin-right: 3vw;
}

div#mod-custom168.mod-custom.custom p img,
div#mod-custom167.mod-custom.custom p img,
div#mod-custom173.mod-custom.custom p img{
	height: 1.8em;
	width: auto;
}

/*
------------
Content Blog
------------*/

div.grid-child.container-component h1 {
	margin-top: 0;
	padding-top: 0;
}

main div.com-content-article__body img{
	width: auto;
	object-fit: contain;	
}

div.blog-item:nth-child(1),
div.blog-item:nth-child(2),
div.blog-item:nth-child(3),
div.blog-item:nth-child(4),
div.blog-item:nth-child(5),
div.blog-item:nth-child(6),
div.blog-item:nth-child(7),
div.blog-item:nth-child(8),
div.blog-item:nth-child(9),
div.blog-item:nth-child(10){
  	box-shadow: 0 0 2px #3339421a,0 10px 5px #33394214,0 5px 15px #33394214, 0 0 2px #3339421a;
  	background-color: #FBF5E8;
	border:none;
	margin: 1em 0;
	flex:130%
}

div.com-content-category-blog__items.blog-items.items-leading.boxed.image-right.image-alternate div.com-content-category-blog__item.blog-item figure.left.item-image a img,
div.blog-items.items-leading.boxed.image-right.image-alternate div.blog-item figure.left.item-image a img,
div.blog-item figure.left.item-image a img {
  	height: 30vh;
	object-fit: cover;
}

.boxed .blog-item .item-content {
  	padding: 2vh 2vw;
}

.boxed .blog-item .item-image {
  	margin: 0;
}

.image-right .blog-item .item-content {
   	flex: 0 0 50%;
}

.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
  	order: 0;
}

.image-right .blog-item .item-image {
    order: 1;
}

.image-left .blog-item, .image-right .blog-item {
  	flex-direction: row;
}

.bild-aus-li img{
 	max-width: auto;
  	height: 100%;
  	object-fit: cover;
	object-position: 0%;
}

main div.com-content-article.item-page a img.imgpdf{
	border: none;
	margin: 0 1em 0 0.5em;
	width: 3%;
	height: 3%
}

main div.com-content-article.item-page :hover img.imgpdf{
	border: none;
	margin: 0 1em 0 0.5em;
	width: 5%;
	height: 5%
}

/*Blog Kategoriebeiträge*/

p.readmore a.btn.btn-secondary{
	font-size: 0.8em;
	padding: 0.2em 0.5em;
}

/*
------------------
Sidebar
------------------*/

 div.sidebar-right.card div.card-body p{
  	margin:0;
}

.container-sidebar-right > * {
  	border: none;
	background: #fefefc;
}

div.sidebar-right.card div.card-body .mod-custom {
  position: relative;
  padding-top: 3vh;
}

/*Agenda*/

#mod-custom177 h2,
#mod-custom135 h2{
	margin-top:6vh;
	margin-bottom: 0;
}

#mod-custom177,
#mod-custom135 {
    padding-bottom: 4vh;
}

/*Mitglieder*/

#mod-custom129 > p:nth-child(1) > a:nth-child(1) > img:nth-child(1){
	width: 100%;
	font-size: 1.6em;
}

#mod-custom129 h2,
#mod-custom129 h1{
	text-align: center;
	font-size: 1.6em;
}

/*
------------------
Footer Top
------------------*/
footer.container-footer.footer.full-width {
	margin: 0;
	color:#413e3a;
}

footer.container-footer.footer.full-width h2{
	margin-top:1vh;
	margin-bottom: 0;
}

footer.container-footer.footer.full-width p{
  	margin: 1vh 0 0;
}

footer.container-footer.footer.full-width div.grid-child{
	margin: 0;
}

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

footer > .grid-child {
  	padding-left: 2em;
  	padding-right: 2em;
  	background-color: #BDD895 ;
 	background-image: none;
	display: grid;
  	grid-gap: 0;
  	grid-template-columns: 1fr 1fr 1fr;
  	grid-template-rows: 1fr;
}

div#mod-custom141.mod-custom.custom,
div#mod-custom166.mod-custom.custom{
	grid-column: 3;
	grid-row: 1;
	align-self: start;
	justify-item: start;
}

div#mod-custom175.mod-custom.custom,
div#mod-custom140.mod-custom.custom,
div#mod-custom165.mod-custom.custom{
	grid-column: 2;
	grid-row: 1;
	align-self: start; 
	justify-item: start;
}

div#mod-custom176.mod-custom.custom,
div#mod-custom136.mod-custom.custom,
div#mod-custom164.mod-custom.custom{
	grid-column: 1;
	grid-row: 1;
	align-self: start; 
	justify-item: start;
}

/*
------------------
Footer Bottom
------------------*/

div#mod-custom137.mod-custom.custom{
	background-color: #BDD895;
  	padding: 3vh 3vw 3vh 3vw;
}

.back-to-top-link {
  	color: #65503E;
 	border: 1px solid #65503E;
	background: #BDD895;
}

a:hover#back-top.back-to-top-link{
  	color: #fefefc;
	background: #ae9884;
}

/*
---------------------
Joomshopping 
------------------*/
/*Logo weg*/

main span#mxcpr{
  display: none;
}

/* Bild vergrössern*/

main div#comjshop.jshop.productfull form div.row.jshop div.col-lg-4 div.image_middle span#list_product_image_middle a#main_image_full_1.lightbox{
	color:#413e3a;
}

table.jshop.cart tbody tr th {
  	background-color: #ae9884;
  	color: #fefefc;
  	border: 1px solid #886f59;
  	font-weight: 400;
}

table.jshop.cart .odd td {
  	background-color: #fefefc;
  	color: #413e3a;
  	border: 1px solid #886f59;
}

div#jshop_menu_order.jshop{
	background-color: #ae9884;
  	color: #fefefc;
  	border: 1px solid #886f59;
  	font-weight: 400;
  	border-radius: 0.25rem;
  	display: flex;
  	justify-content: space-around;
}

.jshop_order_step a {
  	text-decoration: none;
}

div.jshop_order_step.prev span.not_active_step a:not([class]) {
  	text-decoration: none;
  	color: #f0ebe6;
  	font-weight: 400;
  	text-decoration: none;
}

/*Bilder Produkteliste*/

/*
--------------------------
--------------------------
Spezielle Layouts Beiträge
--------------------------
--------------------------*/

/*
---------------------------------------
Beitrag 187  Information Mitgliedschaft
---------------------------------------*/
/*Grid*/

div.mitg-info{
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 2.3em repeat(6,1fr);
    grid-gap: 1em;
	justify-items: center;
	align-items: center;
	margin-right: 2vw;
}

main div.com-content-article.item-page div.com-content-article__body div.mitg-row6-li img,
main div.com-content-article.item-page div.com-content-article__body div.mitg-row4-li img,
main div.com-content-article.item-page div.com-content-article__body div.mitg-row3-re img,
main div.com-content-article.item-page div.com-content-article__body div.mitg-row2-li img {
  	object-fit: cover;
}

main div.com-content-article.item-page div.com-content-article__body div.mitg-row6-li img {
  	object-position: 100%;
}

div.mitg-row1-title{
	grid-column: 1/3;
	grid-row: 1/2;	
}

div.mitg-row2-li{
	grid-column: 1/2;
	grid-row: 2/3;
}

div.mitg-row2-re{
	grid-column: 2/3;
	grid-row: 2/3;
  	padding: 0 0 0 1.5em;
}

div.mitg-row3-li{
	grid-column: 1/2;
	grid-row: 3/4;
	padding: 0 1.5em 0 0;
}

div.mitg-row3-re{
	grid-column: 2/3;
	grid-row: 3/4;	
}

div.mitg-row4-li{
	grid-column: 1/2;
	grid-row: 4/5;	
}

div.mitg-row4-re{
	grid-column: 2/3;
	grid-row: 4/5;
	padding: 0 0 0 1.5em;
}

div.mitg-row5-li{
	grid-column: 1/2;
	grid-row: 5/6;
}

div.mitg-row5-re{
	grid-column: 2/3;
	grid-row: 5/6;
	padding: 0 0 0 1.5em;
}

div.mitg-row6-li{
	grid-column: 1/2;
	grid-row: 6/7;
}

div.mitg-row6-re{
	grid-column: 2/3;
	grid-row: 6/7;
}

/*Style*/

div#ais_160.ari-image-slider.nivoSlider {
  	box-shadow: none;
}

div#ais_161.ari-image-slider.nivoSlider {
  	box-shadow: none;
}

div#ais_162.ari-image-slider.nivoSlider {
  	box-shadow: none;
}

/*--------------
Beitrag Vorstand
----------------*/
/*Grid*/

div.vorst-info{
	display: grid;
	grid-template-rows: 2.3em 1fr 1fr 1fr 1fr;
	grid-template-columns: 50% 50%;
}

div.vorst-row1-title{
	grid-column: 1/3;
	grid-row: 1/2;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
}

div.vorst-row2-li{
	grid-column: 1/2;
	grid-row: 2/3;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

div.vorst-row2-re{
	grid-column: 2/3;
	grid-row: 2/3;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

div.vorst-row3-li{
	grid-column: 1/2;
	grid-row: 3/4;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

div.vorst-row3-re{
	grid-column: 2/3;
	grid-row: 3/4;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

div.vorst-row4-li{
	grid-column: 1/2;
	grid-row: 4/5;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

div.vorst-row4-re{
	grid-column: 2/3;
	grid-row: 4/5;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

div.vorst-row5-li{
	grid-column: 1/2;
	grid-row: 5/6;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

div.vorst-row5-re{
	grid-column: 2/3;
	grid-row: 5/6;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

/*Style*/

div.vorst-info img{
	object-fit: contain;
}

div.vorst-info img{
	object-fit: contain;
}

div.vorst-row2-li,
div.vorst-row2-li h3,
div.vorst-row3-re,
div.vorst-row3-re h3,
div.vorst-row4-li,
div.vorst-row4-li h3,
div.vorst-row5-re,
div.vorst-row5-re h3{	
	color: #fefefc;
	background:#ae9884;	
}

/*--------------
Beitrag Impressum
----------------*/
/*Grid*/

div.impress-info{
	display: grid;
	grid-template-rows: 0.5fr1fr 1fr ;
	grid-template-columns: 50% 50%;
}

div.impress-row1-title{
	grid-column: 1/3;
	grid-row: 1/2;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	margin-bottom: 2em;
}

div.impress-row2-li{
	grid-column: 1/2;
	grid-row: 2/3;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
	background: #ae9884;
}

div.impress-row2-re{
	grid-column: 2/3;
	grid-row: 2/3;
	padding: 5vh 2vw;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	flex-direction: column;
	border: 1px solid #ae9884;
}

/*------------------------
SIGE Gallery Einstellungen
--------------------------*/

/*Thumbnails*/

ul#sige_0.sige {
  	display: block;
}

ul#sige_0.sige li.sige_cont_0 {
  	width: 25%;
  	height: auto;
  	margin: 1em 0;
}

ul#sige_0.sige {
  	display: block;
}

span.sige_thumb {
 	height: 100%;
  	background: none;
}

span.sige_cont_0 {
  	height: auto;
}

span.sige_thumb img{
	width: 30%;
 	height: auto;
  	background: #ae9884;
  	border: none;
	padding: 0.3em;
}
span.sige_thumb a img {
	width: 100%;
 	height: auto;
}

/*Lightbox*/

div#lbOuterContainer{
  	background-color: #ae9884;
  	margin: 0 auto;
  	border: none;
}

div#lbDetailsContainer{
  	font: 1em "Baloo Tammudu 2", serif;
  	background: none;
  	border: none;
}

a#lbClose{
	background: none;
}

/*
------------------
------------------
Responsiv Elemente
------------------
------------------*/

/*-----------------------------------------
Kleiner Bildschirm, Smartphone, Tablet hoch
-------------------------------------------*/

@media (width <= 639px) and (orientation:portrait) {
	
	/*Allgemein*/
    
	body {
		font-size: 80%;
   		padding-left: 1vw;
		padding-right: 1vw;    
	}
	
	body.wrapper-fluid header > .grid-child {
  		height: 150%;
   	 	width: auto;
    	padding: 0 0.2em 0 0.2em;
		}
	
  	/* Grid Body*/
	.site-grid {
      	grid-template-areas:".banner banner banner." 
							".top-a  top-a  top-a. " 
							".top-b  top-b  top-b. " 
							".comp   comp   comp." 
							".side-r  side-r   side-r."
							".bot-a  bot-a  bot-a. " 
							".bot-b  bot-b  bot-b. ";
   		 }
  
	/*Header*/
	
  	div.mod-randomimage.random-image img {
  		object-fit: cover;
 		height: 100%;
  		width: 100%;
  		object-position: 0%;
	}

	 div#mod-custom111.mod-custom.custom div {
 		height: 100%;
  		width: 100%;
	}
	
	 div#mod-custom111.mod-custom.custom div img {
  		object-fit: cover;
    	object-position: 0%;
    	height: 100%;
	}
	
	 div#camera_wrap_148.slideshowck.camera_wrap.camera_amber_skin {
    	height: 100%;
  		width: 100%;
		object-fit: cover;
    	object-position: 0%;
	}

  	/*Menu*/

  	.container-header .mod-menu .parent > ul {
    	width: 100%;
  	}

	.metismenu.mod-menu .metismenu-item > ul {
  		z-index: 1001;
 	 	padding: 0;
  		list-style: none;
 		display: table-column-group;
 		position: relative;
 	 	top: 100%;
  		box-shadow: 0;
	}
	
	.metismenu.mod-menu .metismenu-item {

  		align-items: center;
  		padding: 0;
		font-size: 1.2em;
  		border: 0;
        background: #f0ebe6;
	}
	
   	button.navbar-toggler.navbar-toggler-right span.icon-menu{
		widht:3%;
	}
	
	/*Content Blog*/
	
	.blog-items {
  		width: 130%;
	}
	
	 .blog-item .item-content {
  		flex-direction: column;
	}
	 .blog-item .item-image {
  		margin: 0;
  		width: 100%;
	}
	.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
  		order: 0;
	}

	.image-right .blog-item .item-image {
    	order: 0;
  	}
	
  	.image-left .blog-item, .image-right .blog-item {
  		flex-direction: column;
	}
			
	/* Content-Component*/
	div.grid-child.container-component main{
  		display: flex;
  		flex-wrap: nowrap;
  		overflow-x: scroll;
	}
	
    html body.site.com_content.wrapper-fluid.view-article.no-layout.no-task.itemid-250.has-sidebar-right div.site-grid div.grid-child.container-component main{
		display: block;
	}
	
	.blog-items {
		display: flex;
      	flex-wrap: nowrap;
        widht: 130%;
  	}

	/*Agenda*/
	#mod-custom177 h2,
	#mod-custom135 h2{
		margin-top:4vh;
	}
	
	/*Mitglieder*/
	
	#mod-custom129 h1{
		padding: 10% 10% 0;
		text-align: center;
		font-size: 1.6em;
	}
	
	#mod-custom129 h2{
		padding: 5% 10% 0 ;
		font-size: 1.6em;
		line-height: 1.8em;
        text-align: center;
	}
	
    /* Footer*/

	div#mod-custom166.mod-custom.custom,
	div#mod-custom141.mod-custom.custom{
		grid-column: 1/4;
		grid-row: 3;
		padding: 0.5em 2em;
	}
	
	div#mod-custom175.mod-custom.custom,
	div#mod-custom165.mod-custom.custom,
	div#mod-custom140.mod-custom.custom{
		grid-column: 1/4;
		grid-row: 2;
		padding: 0.5em 2em;
	}
	
	div#mod-custom176.mod-custom.custom,
	div#mod-custom164.mod-custom.custom,
	div#mod-custom136.mod-custom.custom{
		grid-column: 1/4;
		grid-row: 1;
		padding: 0.5em 2em;
	}
	  	footer > .grid-child {	
  			grid-template-columns: 3fr;
  			grid-template-rows: auto;
	}
}

/*-----------------------------------------
Kleiner Bildschirm, Smartphone, Tablet quer
-------------------------------------------*/

@media (width <= 839px) and (orientation:landscape) {
	
	/* Allgemein*/
	
	body {
   		padding-left: 2vw;
		padding-right: 2vw;
	    font-size: 90%;
	}
	    	
 	body.wrapper-fluid header > .grid-child {
  		height: 100%;
  		width: auto;
		}

	
	/*Navigation*/
	
  	.container-header .metismenu > li.level-1 > ul {
  		min-width: 100%;
	}
	
	.metismenu.mod-menu .metismenu-item {

  		align-items: center;
  		padding: 0;
		font-size: 1.2em;
  		border: 0;
		display:flex;
	}
	
	.metismenu.mod-menu .metismenu-item > ul {
 		position: relative;
	}
	
	.metismenu.mod-menu .metismenu-item > a { 		
  		border-bottom: 1px solid #d9cdbf ;
	}
	
  	.metismenu.mod-menu .metismenu-item > button {
		background-image: url(../images/button-nav-3.png);
	}

	button.mm-toggler.mm-toggler-link.mm-collapsed{
		background-image: url(../images/button-nav-4.png);
	}
	
	/*Content Blog*/
	
	.blog-item {
   		display:flex;
  	}
	
	.image-right .blog-item .item-content {
   		flex: 0 0 50%;
   	 	padding: 5vh 3vw;
  	}
	
	.image-left .blog-item, .image-right .blog-item,  {
  		flex-direction: row;
	}
	
  	.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
  		order: 0;
	}
	
	.boxed .blog-item .item-image {
  		order: 1;
	}
	
	div.com-content-category-blog__items.blog-items.items-leading.boxed.image-right.image-alternate div.com-content-category-blog__item.blog-item figure.left.item-image a img,
	div.blog-items.items-leading.boxed.image-right.image-alternate div.blog-item figure.left.item-image a img,
	div.blog-item figure.left.item-image a img {
  		height: 100%;
		object-fit: cover;
	}
	
	/*Sidebar*/
	
	#mod-custom129 h1{
		padding-top: 5%;
	}
	
	#mod-custom129 h2{
		padding-top: 3vh;
		line-height: 1.8em;
	}
  
	div#mod-custom129.mod-custom.custom div{
		width: 50%
	}
	
	div#mitglied-titel{
		float: right;
	}
	
	div#mod-custom129.mod-custom.custom div{
		float: left;
	}

}

/*-----------------------------------
Grosser Bildschirm, PC
------------------------------------*/

 @media (width >= 840px) {
	
	/*Allgemein*/
	 
    .site-grid {
      	grid-template-areas:".banner banner banner." 
							".top-a  top-a  top-a top-a. " 
							".top-b  top-b  top-b top-b. " 
							".comp   comp   comp side-r." 
							".bot-a  bot-a  bot-a bot-a. " 
							".bot-b  bot-b  bot-b bot-b. ";
    }
	 
	div.grid-child.container-topbar{
		margin-right: 2em;
	}

  	body {
   		padding-left: 3vw;
		padding-right: 3vw;
	    font-size: 100%;
	}
		 
	.container-top-a > *, .container-top-b > *, .container-bottom-a > *, .container-bottom-b > * {
  		flex: 1;
  		margin: .5em 0;
  		background: #fbf4e4;
  		border: none;
	}
		 
    /*Grid*/
		 
	div.grid-child.container-nav{
  		display: flex;
	}
	
	div.grid-child.container-nav nav.navbar.navbar-expand-lg{
		flex:4;
		margin-right: 2em;
	}
		 
	.navbar-expand-lg .navbar-toggler {
    	display: none;
  	}
	 
	.navbar-expand-lg .navbar-collapse {
    	flex-basis: auto;
    	display: flex !important;
  	}
	 
	.navbar-collapse {
  		flex-grow: 1;
  		flex-basis: 100%;
  		align-items: center;
	}

	nav.navbar.navbar-expand-lg .navbar-collapse.collapse ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
		font-size: 140%;
	}
	 
	/*Navigation*/ 
		 
 	.container-header .mod-menu {
    	flex-direction: row;
    	flex: 1;
    	display: flex;
  	}
       
	.mod-menu {
   		justify-content: right;
		color: #65503E;
		font-size: 1.4em;
		line-height: 1.8em;
	}
	
	.metismenu.mod-menu .metismenu-item  {
  		padding: 0 0 0 1vw;
 		font-size: 1em;
  		border: 0;
	}
		 
	.metismenu.mod-menu .metismenu-item > a{
		text-decoration: none;
	 	background: #fbf4e4;
  		border: 0;
		padding: 2vh 0.5vw 0 0;
	}
		 
	.metismenu.mod-menu .metismenu-item > ul {
  		top: 100%;
  		left: 0;
  		width: 100%;
	} 
		 
	.metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
  		margin-inline-end: -1em;
  		font-size: 80%;
	}
		 
	.metismenu.mod-menu .metismenu-item > button {
		background-color: #fbf4e4;
		padding:0;
		margin:0;
		background-image: url(../images/button-nav-5.png);
	}

	button.mm-toggler.mm-toggler-link.mm-collapsed{
		background-image: url(../images/button-nav-6.png);
	}
		 
	.metismenu.mod-menu .mm-toggler {
   		display: inline-block;
   	}
		
	.metismenu.mod-menu .mm-collapse {
  		background-color: #fbf4e4;
	}
		 
	.metismenu.mod-menu .mm-collapse > li > a {
 		background: #fbf4e4;
        border:0;
		box-shadow: 1
	}
		 
	.mod-menu > li > a {
		background-color: #fbf4e4;
  		border: none;
  		padding: 0;		
	}
	 
	/*Banner (Login und Warenkorb)*/
		 
	div#mod-custom168.mod-custom.custom p,
	div#mod-custom167.mod-custom.custom p,
	div#mod-custom173.mod-custom.custom p{
		float:right;
		margin-right: 1vw;
	}  
	 
	/* Content Blog*/
		 
 	.container-component > * + * {
  		margin-top: 8vh;
	} 
	 
	.image-right .blog-item .item-content {
   		flex: 0 0 50%;
   	 	padding: 3vh 2vw;
  	}	
	 
	.image-alternate .blog-item:nth-of-type(2n+1) .item-image {
  		order: 0;
	}

	.image-right .blog-item .item-image {
    	order: 1;
  	}
		 
	.image-left .blog-item, .image-right .blog-item {
  		flex-direction: row;
	}
	 
    /*Blog Kategoriebeiträge*/
	 
	p.readmore a.btn.btn-secondary{
		font-size: 0.9em;
  		padding: 0.3em 0.8em;
	} 
	
	div.com-content-category-blog__items.blog-items.items-leading.boxed.image-right.image-alternate div.com-content-category-blog__item.blog-item figure.left.item-image a img,
	div.blog-items.items-leading.boxed.image-right.image-alternate div.blog-item figure.left.item-image a img,div.blog-item figure.left.item-image a img {
  		height: 100%;
		object-fit: cover;
	}
	 
	/*Sidebar*/ 
		 
	/*Agenda*/
	 
	#mod-custom177,
	#mod-custom135 {
		padding: 1vh inherit;
	}
	 
	/*Mitglied*/ 
	 
	#mod-custom129 img{
		width: 100%;
	}
		 
	#mod-custom129 h1{
		padding-top:8vh;
	}
       	 	 
	/*Footer*/
  	footer.container-footer.footer.full-width {
  		margin: 0 -5vw;
      	padding: 0 5em;
	}
	
	div#mod-custom137.mod-custom.custom{
		margin: 0 -5vw;
	}
}


/*-----------------------------------
Sehr Grosser Bildschirm PC
------------------------------------*/

 @media (width >= 1280px) {
	 
	 /* Allgemein*/
	 
    body {
   		padding-left: 5vw;
		padding-right: 5vw;
	    font-size: 120%;
	}
	 
	/*Content Bottom Dachverbände*/	
	 
	div#mod-custom154.mod-custom.custom img {
  		height: 10vh;
    	padding: 0 4vw;
	}
 }