img { max-width:100%; } /* besser  */ 

.color01 { color: #722c1a; /* dbraun, navi-bg, footer-bg */ }
.color02 { color: #679179; /* dgruen */ }
.color03 { color: #b55841; /* hellerbraun */ }
.color04 { color: #914634; /* braunbraun */ }
.color05 { color: #eaeade; /* gruen mittel */ }
.color06 { color: #e2ede5; /* gruen hell */ }
.color07 { color: #4f4f4f; /* grau mittel */ }

.bgcolor01 { background-color: rgba(114, 44, 26, 1.0); }
.bgcolor02 { background-color: rgba(103, 145, 121, 1.0); }
.bgcolor03 { background-color: rgba(181, 88, 65, 1.0); }
.bgcolor04 { background-color: rgba(145, 70, 52, 1.0); }
.bgcolor05 { background-color: rgba(234, 234, 222, 1.0); }
.bgcolor06 { background-color: rgba(226, 237, 229, 1.0); }
.bgcolor07 { background-color: rgba(79, 79, 79, 1.0); }


.primary-color, ul.stepper li.active a .circle, ul.stepper li.completed a .circle {
background-color:#722c1a!important
}
.primary-color-dark {
background-color:#722c1a!important
}
.secondary-color {
background-color:#679179!important
}
.secondary-color-dark {
background-color:#679179!important
}
.default-color {
background-color:#722c1a!important
}
.default-color-dark {
background-color:#b55841!important
}
.footer-color {
background-color:#722c1a!important
}
.dropdown-primary, .table-primary {
background-color:#b55841!important
}
.btn-primary {background-color: rgba(114, 44, 26, 0.7) !important;}
.btn-primary:hover, .btn:hover {background-color: rgba(114, 44, 26, 1.0) !important; }
.btn-secondary { background-color: rgba(103, 145, 121, 1.0) !important; width:100%; font-size:16px; letter-spacing:1px; }
.btn-secondary:hover {background-color: rgba(114, 44, 26, 1.0) !important; }
.btn { margin: .0rem; }

/* Colors */

html, body {
background-color:#eaeade!important;
color:#4f4f4f;
}


h1,h2 {clear:both; color:#769f1f;}
h1, .h1 { font-size:1.55em; font-weight:normal; line-height:125%; }
h2 { font-size:1.35em;line-height:1.4em; padding-right:20%; color:#b55841; }
h3 { font-size:1.15em; color:#769f1f; }
h4,h5 { font-size:1em; font-weight:bold; margin:25px 0 0 0;}
h1 a, .h1 a { color:#722c1a !important; }
h1 a:hover, .h1 a:hover { color:#b55841 !important; }
body.home h2 { font-size: 1.35em; line-height: 1.4em; padding-right: 0%; color: #679179; }

main {  background-color:#e2ede5; }
footer.page-footer .footer-copyright { background-color: #722c1a; }
a, table.table a { color: #914634; font-weight:500;}
a:hover, table.table a:hover { color: #b55841;}
table.info { clear:left; background-color: #f0f7e3; width:auto; border-left:2px solid #769f1f;margin-top:20px; }
table.info td.col1 { width:auto; }
section .pb-4 { padding-bottom: 0.8rem !important; }
table.termine20 { width:auto; max-width:100%; float:left; }
table.termine20 td { font-size:1.1rem; }


/* Positions */

main {
flex: 1 0 auto;
background-image:url('../../media/nature-grass_bg_web.jpg');
background-repeat:no-repeat;
background-size:100%;
}
#wrapper {
display: flex;
flex-direction: column;
background-color: rgba(255, 255, 255, 0.6);
}
#inhalt { background:#FFF; height:100%; padding-top:40px;padding-bottom:30px;  }

.footer {flex-shrink: 0;}
p {margin-top: 0;margin-bottom: 0.7rem;}
p.bu { font-size:0.9rem; }
img { max-width:100%; }

#inhalt ul > li {
    list-style: none;
    margin: 0;
    padding: 2px 0 2px 24px;
}

#inhalt ul > li::before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\3e";
    color: #92c329;
    padding-right: 8px;
    margin-left: -20px;
}
.d-block.col-md-7 { margin-left:26%; }
.d-block ul { display:inline-block; }

.sidebar { padding-top: 40px; padding-bottom:30px; }

.sidebar img {
-webkit-clip-path: polygon(1% 0%, 4% 0%, 6% 0%, 10% 0%, 14% 0%, 17% 0%, 23% 0%, 29% 0%, 35% 0%, 37% 0%, 41% 0%, 46% 1%, 48% 1%, 53% 1%, 57% 1%, 59% 4%, 62% 0%, 68% 1%, 73% 1%, 78% 0%, 82% 0%, 85% 0%, 89% 0%, 92% 1%, 99% 1%, 100% 6%, 99% 13%, 99% 15%, 100% 21%, 100% 22%, 100% 25%, 100% 30%, 100% 35%, 100% 36%, 100% 37%, 100% 41%, 99% 46%, 99% 50%, 99% 54%, 99% 55%, 99% 58%, 100% 60%, 100% 65%, 100% 68%, 100% 72%, 100% 76%, 100% 79%, 100% 83%, 100% 84%, 99% 89%, 99% 90%, 99% 95%, 99% 97%, 99% 100%, 93% 100%, 89% 100%, 85% 100%, 82% 100%, 78% 100%, 74% 100%, 72% 100%, 67% 99%, 63% 99%, 61% 99%, 57% 99%, 52% 99%, 49% 99%, 46% 99%, 44% 99%, 39% 100%, 36% 100%, 32% 100%, 31% 100%, 29% 100%, 25% 100%, 19% 100%, 18% 100%, 15% 100%, 11% 100%, 10% 100%, 8% 100%, 4% 100%, 3% 99%, 0% 99%, 0% 99%, 0% 95%, 1% 90%, 1% 86%, 1% 83%, 1% 79%, 1% 75%, 1% 75%, 0% 68%, 0% 59%, 0% 54%, 1% 46%, 1% 41%, 1% 34%, 1% 27%, 1% 26%, 1% 24%, 0% 22%, 0% 21%, 0% 18%, 0% 12%, 0% 9%, 0% 7%, 0% 3%, 0% 1%);
clip-path: polygon(1% 0%, 4% 0%, 6% 0%, 10% 0%, 14% 0%, 17% 0%, 23% 0%, 29% 0%, 35% 0%, 37% 0%, 41% 0%, 46% 1%, 48% 1%, 53% 1%, 57% 1%, 59% 4%, 62% 0%, 68% 1%, 73% 1%, 78% 0%, 82% 0%, 85% 0%, 89% 0%, 92% 1%, 99% 1%, 100% 6%, 99% 13%, 99% 15%, 100% 21%, 100% 22%, 100% 25%, 100% 30%, 100% 35%, 100% 36%, 100% 37%, 100% 41%, 99% 46%, 99% 50%, 99% 54%, 99% 55%, 99% 58%, 100% 60%, 100% 65%, 100% 68%, 100% 72%, 100% 76%, 100% 79%, 100% 83%, 100% 84%, 99% 89%, 99% 90%, 99% 95%, 99% 97%, 99% 100%, 93% 100%, 89% 100%, 85% 100%, 82% 100%, 78% 100%, 74% 100%, 72% 100%, 67% 99%, 63% 99%, 61% 99%, 57% 99%, 52% 99%, 49% 99%, 46% 99%, 44% 99%, 39% 100%, 36% 100%, 32% 100%, 31% 100%, 29% 100%, 25% 100%, 19% 100%, 18% 100%, 15% 100%, 11% 100%, 10% 100%, 8% 100%, 4% 100%, 3% 99%, 0% 99%, 0% 99%, 0% 95%, 1% 90%, 1% 86%, 1% 83%, 1% 79%, 1% 75%, 1% 75%, 0% 68%, 0% 59%, 0% 54%, 1% 46%, 1% 41%, 1% 34%, 1% 27%, 1% 26%, 1% 24%, 0% 22%, 0% 21%, 0% 18%, 0% 12%, 0% 9%, 0% 7%, 0% 3%, 0% 1%);
}



.content.col-md-9 img, body.home .col img {
border-radius: 6px;
}

/* besser nicht
.content.col-md-9 img {
position:relative;
width: 100%;
height: 100%;
-webkit-mask-image: url('vintage-mask-img.png');
-webkit-mask-size:  100% 100%;
mask-image: url('vintage-mask-img.png');
mask-size: 100% 100%;
mask-repeat: no-repeat;
}
*/



/* Navbar */

.navbar .dropdown-menu a { padding: .2rem 1rem; font-size:110%; }
.navbar.navbar-dark .navbar-nav .nav-item .nav-link,
.nav .nav-item a { font-family: 'Buda', 'Lato', sans-serif; letter-spacing:1px; line-height:1.3rem; }
.navbar.navbar-dark .navbar-nav .nav-item.selected .dropdown-toggle { color: #cdf6b2; }
.navbar a.dropdown-toggle { font-size:120%; }


.navbar-nav .dropdown-menu {   position: static !important;  float: none; }


#subnavi ul > li { margin-bottom:10px; }
#subnavi ul > li > a { line-height:1.3rem; font-weight:bold; color:#b55841}
#subnavi ul > li > ul { margin-top:10px; padding-right:20px; border-right:2px solid #679179; }
#subnavi ul > li > ul > li { margin-bottom:0px; }
#subnavi ul > li > ul > li > a { font-size:110%; letter-spacing:1px; line-height:1.3rem; color: #679179;}
#subnavi ul > li > a:hover, #subnavi ul > li.rex-current > a { color:#769f1f;}


table.table td, table.table th {
    padding-top: 0.75rem;
    padding-bottom: 0.7rem;
}
.table td.col1 { width:30%; }


/* ######################################### */
/* ###### Table Termine ############# */
/* ######################################### */

.table#termine td, .table#termine th {
    padding-top:0px;padding-bottom:0px;
    vertical-align: top;
    border-top: 0px solid #dee2e6;
}
table#termine tr {display:block; margin-bottom:1rem;padding-top:10px;padding-bottom:7px; float:left; background-color: #eaeade; }
table#termine tr td {display:block; width:100%; padding:10px;text-align:center; }
table#termine tr td.datum {font-size:110%; }
.table-primary tbody + tbody, .table-primary td, .table-primary th, .table-primary thead th {border-color: #722c1a;}
.table-primary, .table-primary > td, .table-primary > th {background-color: #cd715a;}
.table td, .table th {border-top: 1px solid #b55841;border-top-color: rgb(181, 88, 65);}
.table-primary td { color: #FFF; }
.table thead th {border-bottom: 2px solid #cd715a; }

.table-striped tbody tr:nth-of-type(2n) {
    background-color: rgba(0,0,0,.02);
}
.table-striped.termine td { text-align:center; }




/* ######################################### */
/* ###### Responsive ############# */
/* ######################################### */



/* *******************************************************
Custom, iPhone Retina
******************************************************** */

@media only screen and (min-width : 320px) {  
/* ----- */


.voegelchen { position:relative; float:right; top:-40px; right: 10px; }
header .container {position:relative; padding-right:0px; padding-left:0; }

header .container .row { margin-right:0px; margin-left:0; }
header .container .row .col-md-3 { display:none; }
header .container .row .col-md-9 { padding-right: 0px;padding-left: 0px; }

header .logocontainer { position:absolute; bottom:0px; left:4%; width:20%; padding:0px; }
header .logocontainer a.logo { position:absolute; display:block; bottom:0; z-index:2000; }
table#termine tr {display:block; width:100%;  margin-right:0%; }
.footer-copyright .list-inline-item:not(:last-child) { margin-right: .0rem; display:block;}
.footer-copyright .ml-3, .mx-3 { margin-left: 0rem!important;}
body.home h2 { font-size: 1.0em; line-height: 1.4em; padding-right: 0%; color: #679179; }
h1, .h1 { font-size:1.3em; font-weight:normal; line-height:125%; }
td.bigger { font-size:1.1rem; font-weight:700;  }
table.termine20 td { font-size:0.9rem; }

.sticky-top {
    position: relative;
    top: 0;
    z-index: 1020;
}

.navbar { padding: .5rem 1rem .5rem 1.5rem; }
.navbar-nav li a { text-align:center;color:yellow; }
.navbar-nav li > ul > li a { text-align:left; }
.navbar-brand { display: none; }
.navbar-nav .dropdown-menu { min-width: 100%;max-width:100%; background-color:red; }
.nav .nav-item a { font-weight:700;font-size:120%; }
.subsub-menu { list-style: none; }
.carousel-item img { opacity:1.0; }
body.article-1 .carousel-item img { opacity:1.0 !important; }
/* ----- */
}

/* *******************************************************
Extra Small Devices, Phones
******************************************************** */

@media only screen and (min-width : 480px) {
/* ----- */
.carousel-item img { opacity:0.5; }
header .logocontainer { position:absolute; bottom:0px; left:4%; width:50%; padding:0px; }
/* ----- */
}


/* *******************************************************
Small devices (landscape phones, 576px and up)
******************************************************** */

@media only screen and (min-width: 576px) {
/* ----- */

table#termine tr {display:block; width:48%;  margin-left:1%; margin-right:1%; height:7rem; }

/*
.carousel-inner img.w-100 {
position:relative;
width: 100%;
height: 100%;
-webkit-mask-image: url('vintage-mask-slider.png');
-webkit-mask-size:  100% 100%;
mask-image: url('vintage-mask-slider.png');
mask-size: 100% 100%;
mask-repeat: no-repeat;
}
*/

.carousel-inner img.w-100 {
position:relative;
width: 100%;
height: 100%;
padding-left:8px;
padding-right:8px;
}

header .container .row { margin-right:-15px; margin-left:-15px; }
header .container .row .col-md-3 { display:block; }
header .container .row .col-md-9 { padding-right: 15px;padding-left: 15px; }

/* ----- */
}



/* *******************************************************
Medium devices (tablets, 768px and up)
******************************************************** */

@media only screen and (min-width : 768px) {
/* ----- */
.bildrechts { max-width:35%; float:right; padding-top:6px; margin-left:16px; }
.bildlinks { max-width:25%; float:left; padding-top:6px; margin-right:24px;  }
body.home h2 { font-size: 1.35em; line-height: 1.4em; padding-right: 0%; color: #679179; }
h1, .h1 { font-size:1.55em; font-weight:normal; line-height:125%; }

.sidebar .btn { padding:1rem; }
.sidebar .btn-secondary {-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.footer-copyright .list-inline-item:not(:last-child) { margin-right: .45rem; display:inline;}

header .logocontainer { position:absolute; bottom:0px; left:0%; width:30%; padding:0px; }
.carousel-item img { opacity:1.0; }

/* ----- */
}



/* *******************************************************
Medium Devices, Desktops - 
--- ab hier Menu normal
******************************************************** */

@media only screen and (min-width : 992px) {
/* ----- */

header .logocontainer { position:absolute; bottom:0px; left:4%; width:23%; padding:0px; }
header .container {position:relative; padding-right:5px; padding-left:0; }


body.home .sidebar img { float:right; width:70%; margin-bottom:20px; }
body.home #inhalt img { mask-image: none; -webkit-mask: none; padding-bottom:30px; }



#inhalt { background:#FFF; height:100%;  }
#inhalt { padding-left:20px; padding-right:20px; }
.sidebar { padding-top: 40px; padding-bottom:30px; }
td.bigger { font-size:1.1rem; font-weight:700; max-width:50%; }
table.termine20 td { font-size:1.1rem; }


.w-25 { width:25%;}
body.article-38 h1.text-center {text-align:left !important; margin-left:18%; }

/* formular */
#yformular label { clear:left; display:block; width:25%; float:left; }
#yformular input, #yformular textarea { width:75%; }
#yformular #yform-yformular-plz { width:50%; float:left; }
#yformular #yform-yformular-plz label { clear:left; display:block; float:left; width:50%; }
#yformular #yform-yformular-plz input { width:50%;float:right; }
#yformular #yform-yformular-ort { width:50%; float:left; }
#yformular #yform-yformular-ort label { display:none; }
#yformular #yform-yformular-ort input { width:96%;float:right;}
#yformular #yform-yformular-accept.checkbox { display:block; width:100%; background-color:yellow; }
#yformular #yform-yformular-accept input { clear: left;display: block;width: 40px;float: left; margin-top:3px;}
#yformular #yform-yformular-accept label { width:100%; font-size:85%; }




table#termine tr {display:block; width:31%;  margin-left:1%; margin-right:1%; height:7rem; }
.voegelchen { position:relative; float:right; top:-40px; right: 50px; }
.footer-copyright .ml-3, .mx-3 { margin-left: 0rem!important;}


.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}


.navbar-nav {
width: 100%;
height: 40px;
display: -webkit-flex; /* Safari */
display: flex;
}

.navbar-nav li { min-width:16.5%; } /* Breite der Dropdowns */
.navbar-nav li a { text-align:center; }
.navbar-nav li > ul > li a { text-align:left; }
.navbar-nav li > ul > li a.dropdown-toggle::after { display:none; }
.navbar-nav li > ul > li > ul { display:none; }
.nav .nav-item a { font-size:120%; }

ul.navbar-nav {
width: 100%;
display: -webkit-flex; /* Safari */
-webkit-justify-content: space-evenly; /* Safari 6.1+ */
display: flex;
justify-content: space-evenly;
}
nav .navbar-brand { display:none; }

.dropdown:hover > .dropdown-menu { display:block;  }
#subnavi { display:block; }
.navbar-nav .dropdown-menu { width:250px; height:auto; text-align:left; background-color:red; }

/* ----- */
}


/* *******************************************************
Large Devices, Wide Screens
******************************************************** */

@media only screen and (min-width : 1200px) {
/* ----- */

table#termine tr {display:block; width:23%;  margin-left:1%; margin-right:1%; height:7rem; }
/* ----- */
}



/* *******************************************************
Angeber-Breite
******************************************************** */

@media only screen and (min-width : 1400px) {
/* ----- */

.container { max-width: 1340px; }

/* ----- */
}