:root {
    --dunkelgruen: #006262;
    --darker-background-color: #243848;
    --tablehead: #bfa260; /*background*/
    --accent-color: #41dc31;
    --text-color: #ffffff;
    --navbar-height: 50px;
    --teaser-grau: #f9f9f9;
    --head-grau: #e8e8e8; 
}
 
 * { /*css-reset*/
    margin: 0;
    padding: 0;
 }

 body  {
    background-image: url(../image/50.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;    
    background-size: cover;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, sans-serif;
     font-size: 1.0em;
     font-style: normal;
     color: #626262;
}

#wrapper {
    background-color: #FFFFFF;
    width: 1050px;
    margin: 0 auto;   
    height: 1300px;
    min-height: 100%;
    height: auto !important;    
    overflow: hidden !important;
    margin-top: 75px;
    margin-bottom: 75px;
    position: relative; 
}
 
.headfont {
    height: 9.4em;
    }

.content {
    background-color: #FFFFFF;
    margin-top: 1.5em;
    /*border-style: dotted;*/   
}  

.conleft {
    width: 65%;
    min-height: 900px !important;
    float: left;
}

.clheader {
    height: 8em;
    background-color: #e8e8e8;    
    padding: 0 .5em .5em 0;    
    margin: 0px 20px 20px 25px;    
}

.clheadertext {
    font-family: Arial;
    font-size: .95em;
    font-style: normal;
    color: #1a1919; 
}

.clteaser_top {
    border-top: .15em solid #e1e1e1;
    background-color: #f9f9f9;
    padding: 15px;
    margin: 0px 20px 20px 25px;
}

.clteaser {
    background-color: #f9f9f9;
    padding: 15px;
    margin: 0px 20px 20px 25px;
}

.climage {
    margin: 0px 0px 20px 25px;
}

.cltable {
    background-color: #f9f9f9;
    padding: 0 15px 0 15px;
    margin: 0px 20px 20px 25px;
}

.conright {
    width: 35%; height: auto !important;
    float: left;    
}   

.crteaser_top {
    border-top: .15em solid #e1e1e1;
    background-color: #f9f9f9;
    font-family: Arial;
    font-size: 0.95em;
    font-style: normal;
    color: #626262;
    margin-bottom: 15px;
    padding: 15px 10px 10px 10px;
    margin-right: 20px;
    float: left;
}

.crteaser {
    background-color: #f9f9f9;
    font-family: Arial;
    font-size: 0.95em;
    font-style: normal;
    color: #626262;
    margin-bottom: 15px;
    padding: 15px 10px 10px 10px;
    margin-right: 20px;
    float: left;
}

/*Footer*/ 
.footer{
    background-color: #006363;
    width: 100%; height: 100px;
    padding-top: 25px;    
}

    .footlist {
    font-family: Arial;
    font-size: 0.9em;
    font-style: normal;
    color: #ffffff;
    padding-top: 5px;
    margin-left: 355px; 
    }
    
    .spalte1 {
        width: 325px;        
    }
    
.foottext {
   color: #ffffff;
}
/*Footbereich-Ende*/

/*Anzeige*/
.anzeige {font-size: 0.6em;
	margin-bottom: 15px;}

.clr{
    clear: left;
    }

/************************************
navigation
************************************/
nav { 
    height: 2.15em;
    width: 100%;
    padding-left: 1.25em;
    margin-bottom: 2em;       
    background-color: #006262;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.99);    
    }

nav ul {  
    float: left;     
    }

nav ul li {
    float: left;
    list-style-type: none;
    position: relative;  
    }

nav ul li a { 
    text-decoration: none;    
    display: block;   
    height: 1.6em;
    font-family: Arial;
    color: #ffffff;
    font-size: .95em; 
    font-weight: bold;
    letter-spacing: 0.05em;
    background-color: #006262;
    border-left: .1em solid #ebebeb; 
    border-right: .1em solid #ebebeb;    
    padding: .6em 1em 0em 1em;
    
    }

nav ul li a:hover{        
    color: #006262;
    font-weight: bolder;
    background-color: #25e6dd;    
    padding: .6em 1em 0em 1em;    
}

nav ul li ul {
    position: absolute;
    z-index: 2;
    display: none;
    background-color: #006363;
    padding-bottom: 1em;        
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.99);  
    }

nav ul li:hover ul {
    display: block;
    }

nav ul li ul li a {
    border-right: 0em;
    border-left: 0em;
    height: 1.8em;
    width: 13em;
    color: white;
    border-radius: 0px;
    background-color: #006262;    
    padding: .6em 1em 0em 1em;        
}

nav ul li ul li a:hover  {        
    color: #006262;
    font-weight: 700;
    background-color: #25e6dd;    
    padding: .6em 1em 0em 1em;       
}


 /* +++++++ /nav +++++++++++++++++++++++++++++++++++++++++++++++ */

.monat {
   width: 100%;
   height: 65px;
   padding-top: 10px;    
   font-size: 1.2em;
   line-height: 1.0;
   
}
 
.monat ul {
   float: left;
   list-style-type: none;
   padding-right: 15px;
}

/*+++++ Links ++++++++++++++++++++++++++++++++++++++++++*/

a.cr-intern::before {
    font-size: 1.1em; font-weight: 600;
    padding: 0 .5em 0 .5em;    
    content: "\00BB";
    }

    a.cr-intern:link, a.cr-intern:visited {color: #cd0000; font-size: .95em;  font-weight: 600; text-decoration: none;}
    a.cr.intern:focus, a.cr-intern:hover {color: #0044cc;}

a.cr-ohne::after {
    font-size: 1.1em; font-weight: 800;
    padding: 0 .5em 0 .5em;    
    content: "\2197";
    }

    a.cr-ohne:link, a.cr-ohne:visited {color: #626262; font-size: .95em;  font-weight: 600; text-decoration: none;}
    a.a.cr-ohne:focus, a.a.cr-ohne:hover {color: #626262;}

a.cr-extern::before {    
    font-size: .9em; font-weight: 600; letter-spacing: 0.01em;
    padding: 0 .5em 0 0;
    content: "\00BB";} 

    a.cr-extern:link, a.cr-extern:visited {color: #0044cc; font-size: .9em;  font-weight: 600; text-decoration: none;}
    a.cr.extern:focus, a.cr-extern:hover {color: #25E6DD;}

a.normal:link{font-size: 0.9em bold; color: #800000; text-decoration: none;}         
a.normal:visited {font-size: 0.9em bold; color: #626262;}
a.normal:hover {font-size: 0.9em bold; color: #800000; text-decoration: underline;}
a.normal:active {font-size: 0.9em bold; color: #626262;}

a.order:link, a.order:visited {font-size: .95em; font-weight: 600; letter-spacing: 0.01em; color: #cd0000; text-decoration: none;} 
a.order:focus, a.order:hover {font-size: .95em; color: #25e6dd;}

a.mail:link, a.mail:visited {font-size: .95em; font-weight: 600; letter-spacing: 0.01em;color: #cd0000; text-decoration: none;}
a.mail:hover, a.mail:hover {color: #25e6dd;}

a.text:link, a.text:visited {font-size: .96em; letter-spacing: 0.02em; font-weight: 600; color: #0044cc; text-decoration: none;}
a.text:focus, a.text:hover {font: 0.96em; color: #4f94cd;}

a.rot:link, a.rot:visited {color: #cd0000; text-decoration: none;}
a.rot:focus, a.rot:hover {color: #0044cc;}

/*table - content links - ort und firma */
a.tblfirma:link, a.tblfirma:visited  {font-size: .94em; font-weight: 500; letter-spacing: 0.02em; color: #242323; text-decoration: none;}
a.tblfirma:hover, a.tblfirma:active {color: #a80505; text-decoration: underline;}

a.tblort:link, a.tblort:visited {font-size: .94em; font-weight: 500; letter-spacing: 0.02em; color: #004c4c; text-decoration: none;}
a.tblort:focus, a.tblort:hover {color: #a80505; text-decoration: underline;}

/* auf-zu-klappen */
a.klappfeil:link {color:#a80505; }
a.klappfeil:visited:focus:hover {color: #129c9c;}

/*aktuelle links _ table - content links - ort und firma */
a.tbl_link1:link, a.tbl_link1:visited  {color: #242323; text-decoration: none;}
a.tbl_link1:hover, a.tbl_link1:active {color: #a80505; text-decoration: underline;}

a.tbl_link2:link, a.tbl_link2:visited {color: #004c4c; text-decoration: none;}
a.tbl_link2:focus, a.tbl_link2:hover {color: #a80505; text-decoration: underline;}


/*table - content rechts  */
a.interncr:link, a.interncr:visited {font-size: .85em; letter-spacing: 0.02em; font-weight: 600; color: #a80505; text-decoration: none;}
a.interncr:focus, a.interncr:hover {color: #4f94cd; text-decoration: underline;}

a.tblcr:link, a.tblcr:visited {font-size: .85em; font-weight: normal; color: #242323; text-decoration: none;}
a.tblcr:focus, a.tblcr:hover {color: #a80505; text-decoration: underline;}

a.bestellen:link, a.bestellen:visited {color: #0044CC;}
a.bestellen:hover {color: #ff637d;}
 a.bestellen:active {color: #626262;}

 /* link in weinort/orte*/
a.listlink:link{
    color: #626262;
    font-size: 1.0em;
    text-decoration: none;
 }
 
 a.listlink:visited {
    color: #626262;
    text-decoration: none;
 }
 
 a.listlink:hover {
     color: #800000;
     text-decoration: underline;
 }

/******************************************
  div/container im clteaser
*******************************************/

 .head-form1 {
    background-color:#e1e1e1;
    text-align: left;
    font-size: 1.1em; /*0.97em;*/
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #006262;  
    padding: .4em 0em .4em .5em;
    margin-bottom: 1em;
}

.heuteHead, .heuteSubhead, .heuteTitel  {    
    background-color: #e8e8e8;
}

.heuteHead {    
    padding: .75em .75em 1.75em .5em;
    margin: 0px 0px 0px 0px;      
}   

.heuteHeadNeu { 
    background-color:#e6dfcf;  
    padding: .75em .75em 1.75em .5em;
    margin: 0px 20px 0px 25px;       
} 

.heuteSubhead {    
    font-family: sans-serif;
    font-size: .95em;
    letter-spacing: 0.025em;
    font-weight:bold;
    color: #006363;
    padding: .5em 0 .5em .5em;
    margin-top: 1em;
}

.heutePremium {
    background-color: #b40e0e;
    padding: 15px;
    margin: 0 20px 50px 25px; 
}

.flex-container {
    display: flex;
    width: auto;
    height: auto;
    padding: 0em 0em 0em .5em;
}

.column {
    flex-direction: column-reverse;
}

.no {
    flex-wrap: nowrap;
}

.flex-heuteContainer {
    width: auto;
    height: auto;
    text-align: center;
    margin: 1em .75em 1em 0em;
    background: #f9f9f9; 
}

.flex-monate {
    display: flex;
    width: 100%;
    height: 2em;
    margin-bottom: .15em;   
    justify-content: space-around;

}

.flex-monate > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.heuteTitel {
    height: 2em;
    font-size: .9em;
    font-weight: bold;
    letter-spacing: 0.025em;
    color: #006363;    
    padding: .5em 0 .75em 0;
}

/******************************************
table allgemein
*******************************************/
table {
    width: 100%;
    table-layout: fixed;    
    border-collapse: collapse;
    border-spacing:0px;
}

#table1, #table2, #table3, #table4  { /*alt*/
    width: 100%;
    table-layout: fixed;    
    border-collapse: collapse;
    border-spacing:0px;
}

.table1  {
    width: 100%;
    table-layout: fixed;    
    border-collapse: collapse;
    border-spacing:0px;    
}

tbody tr:nth-child(even) { 
    background-color: #ebebeb;
    color: #000;
    } 

.tbody tr:nth-child(even) { 
    background-color: #ebebeb;
    color: #000;
    } 
   
td { /*alt*/
    height: 25px; 
    /*max-width: 500px;*/
    text-align: left;
    font-family: Arial;
    font-size: 0.9em;
    font-style: normal;
    color: #626262;   
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;         
}


/*+++ table crcontent rechte spalte +++++++++++++++++++++*/

.tablecrtaeser {
    background-color: #f9f9f9;
    width: 21em;    
    margin-bottom: 1em;
}



/*+++ table clcontent links +++++++++++++++++++++*/

.table-capu2 {
    caption-side: top;
    text-align: left;
    font-family: Arial;
    font-size: 0.9em;
    font-style: italic;
    padding: 1em 0em 0 .5em;
}

.table-capu {
    caption-side: bottom;
    text-align: left;
    font-family: Arial;
    font-size: 0.9em;
    font-style: italic;
    padding: 1em 0em 0 .5em;
}

.headtr-form1, .caption-form1, .foottr-form1 {
    background-color:#e1e1e1;
    height: 2em;
}

.headth-form1, .caption-form1 {
    text-align: left;
    font-size: 1.1em; /*0.97em;*/
    letter-spacing: 0.05em;
    color: #006262;  
    padding: .4em 0em .4em .5em;
}

.headth-form2 {  /* suche head */
    text-align: left;
    padding: .4em 0 .4em .5em;
    color: #620063;
    font-weight: bolder;
}

.bodytr-form1, .bodytr-form2 {
    height: 1.8em; 
    text-align: left;
    font-family: Arial;
    font-size: 0.92em;   
}

.bodytr-form3 { /* table-zeilen in eventlistings */
    height: 2.75em; 
    text-align: left;
    font-family: Arial;
    font-size: 0.925em;    
}

.headgrau {
    background-color:#e1e1e1;
    padding: .3em 0 0.3em .5em;
}

.bodytd-form1 {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .8em;
}

.bodytd-form1a {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bodytd-form1b {
    max-width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bodytd-form2 {
    max-width: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .8em;
}

.bodytd-form2a {
    max-width: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bodytd-form3 { /*+++ profil öffnungszeiten ++++++++++++++++++++++*/
    text-align: left;
    font-family: Arial;
    font-size: 0.9em;  
    padding: 1em 0 0 .8em;    
}

.table_profil_thead {
    text-align: left;    
}

.table_profil_th {
    background-color:#e6e6e6;
    font-size: 90%;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #006262;  
    padding: .4em 0em .4em .5em;
}

.table_profil_th_tag {
    background-color:#e6e6e6;
    font-size: 80%;
    font-weight: 600;
    color: #006262;  
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    text-align: center;    
}

.table_profil_td {
    background-color:#f9f9f9;
    text-align: left;
    font-size: 80%;
    font-weight: 600;
    padding-left: 7px;
    border-top: 4px solid #fff;
}

.table_profil_td_tag {
    text-align: center;    
    padding-left: 7px;
    border-top: 4px solid #fff;
}

.table_profil_td_tag_else {
    background-color:#f9f9f9;
    border-top: 4px solid #fff;    
}

.table_profil_offen {
    background-color:#f9f9f9;  
    padding: 0em 0em 0em 2.75em;
    font-size: 80%;
    border-bottom: .2em solid #bfa260;
}
/*.table_profil_offen {   
    padding-left: 20px;
    border-bottom: .5em solid #fff;
    font-size: 80%;
    font-weight: 600;
    border-top: 4px solid #fff;    
}*/

/*+++ tfoot ++++++++++++++++++++++*/

.DoppelPfeilLinks {
    float: left;
    font-size: 1.1em;
    margin: 0 1.5em 0 2em;
    padding-top: .3em;
}


.EinzelPfeilLinks {
    float: left;
    font-size: 1.1em;
    padding-top: .3em;
}

.KastenSeiteVon {
    float: left;
    font-size: 1.1em;
    font-weight: bolder;
    margin: 0 1.5em 0 2em;
}

.EinzelPfeilRechts {
    float: left;
    font-size: 1.1em;
    margin: 0 1.5em 0 0em;
    padding-top: .4em;
}

.DoppelPfeilRechts {
    float: left;
    font-size: 1.1em;
    padding-top: .4em;
} 


.foottr-form1-d1 { /*pfeile recht/links */
    float: left;
    font-size: 0.8em;
    padding: .9em 1em 0 1em;
}

.foottr-form1-d2 { /* label seite, aktuelle seite */
    float: left;
    font-size: 0.8em;
    padding-top: .9em;
}

.foottr-form1-d3 {
    float: left;
    font-size: 0.85em;
    padding: .3em 1em 0 1em;
}

.foottd-form1 {  /* fusszeile ohne gewähr */
    text-align: left;
    font-style: italic;
    font-size: 0.85em;
    font-weight: 500;    
    padding: .4em 0 0 .8em;
}

.foot-keine-daten { /*über ganze breite - bspw. keine daten */
    text-align: left;
    font-size: 0.9em;    
    font-style: italic;
    padding: 1em 0 1em .8em;
 }

 /*++++ conright - weinevent +++++++++*/
.table4-headth {
    text-align: left;
    font-size: 1.1em; /*0.97em;*/
    letter-spacing: 0.05em;
    color: #006262;  
    padding: .4em 0em .4em .5em;
}

.table4-foottd {     
    padding: .15em 0 .15em .5em;
}

.table4-cr {
    padding: .3em 0 .3em .5em;  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;        
}

a.foot {
    text-decoration: none;
    font: 1.0em bold, Arial, verdana, sans-serif;
    color: #ffffff/*#800000;*/
    }

/* +++ tabelle profiltermine +++++++++ */

.table_profil_thead, .table_profil_thead_tag {    
        background-color: #bfa260;
        color:#fff; 
        padding: .35em 0em;
    }
    
    .table_profil_thead {    
        text-align: left;    
        font-size: 95%;
        font-weight: 600;
        letter-spacing: 0.05em;
        padding-left: .7em;
    }
    
    .table_profil_thead_tag {      
        text-align: center;
        font-size: 80%;
        font-weight: 600;
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;        
    }
    
    .table_profil_termin {
        background-color: #f9f9f9;
        text-align: left;
        font-size: 90%;    
        padding: .75em 0 0 .75em;
        border-top: .25em solid #bfa260;
        
    }
    
    .table_profil_termin_tag {
        background-color:#f9f9f9;
        text-align: center;    
        padding-left: 7px;
        border-top: .25em solid #bfa260;
        
    }
    
    .table_profil_tag_else {
        background-color:#f9f9f9;
        border-top: .25em solid #bfa260;
            
    }
    
    .table_profil_offen {
        background-color:#f9f9f9;  
        padding: 0em 0em 0em 2.75em;
        font-size: 80%;
        border-bottom: .25em solid #bfa260;
    }

/* +++ ende tabelle profiltermine +++++++++ */


    
/*Fonts*/ 
    
h1,h2,h3,h4 {
    font-family: Arial;
    font-weight: 600;    
    color: #006363; /* #006A00;*/
}

h1 {
    font-size: 1.15em;
    letter-spacing: 0.05em;
    /*height: 1em;
    margin-bottom: 0em;*/
}

h2 {
    font-size: 1.1em;
    letter-spacing: 0.1em;
    height: 20px;
}

h3 {
    font-size: 0.97em;
    letter-spacing: 0.05em;
    height: 18px;
    font-weight: bold; 
}

h4 {
    font-size: 1.05em;
    letter-spacing: 0.05em;
    height: 30px;
}

p {
    margin: 5px 0; /*wegen css-reset*/
    font-family: Arial;
    font-size: 0.95em;
    font-style: normal;
    color: #626262;
}

 p {
     line-height: 1.3em;
}
 
/*.fussnote { alte vorgabe
   color: #626262; 
   font-family: Verdana;
   font-style: italic;
   font-size: 0.7em;
   padding: 12px 0 12px 0;    
}*/

.fussnote {
    background-color: #e1e1e1;
    width: 40em;
    height: 2em;
    margin: 0 0 2em 1.5em;   
 }

.fussnote_marker {    
    font-size: 1.5em;
    color: #ff6600;
    padding: .15em 0 0 .75em;  
    float: left;
 }

.fussnote_text {    
    font-family: Verdana;
    font-style: italic;
    font-size: 0.8em;
    padding: .5em 0 0 .5em;   
    float: left;   
 }


 
/*+++ Fonts-Ende   +++++++++++++++++++++++++++++*/

/*+++ suche neu +++++++++++++++++++++++++++++++++++++*/

.suche_div_select { 
    background: var(--head-grau);     
    width: 21.5em;
    height: 10em;
    margin-bottom: 1em;
    /*float:left;*/
}

.suche_eingabeformular { 
    /*background-color: #41dc31;*/
    /*background: var(--head-grau);  */ 
    width: 20.5em; 
    height: 9em;     
    /*margin: 0 0;*/
    padding: .5em .5em;
    /*margin-bottom: 1.5em;*/    
    float:left;
}

.suche_option_group {
    /*background-color: #41dc31;*/
    height: 3em; 
    width: 20.5em;
    margin-bottom: .25em;
    float:left;      
}  

.suche_head {
    /*background-color: #e62555; */   
    height: 2.8em; 
    width: 9.85em; 
    float:left;
}

.suche_label_art {
    width: 2em;    
    font-size: .8em;
    padding: 0 .8em;
    float: left;   
}

.suche_select_art {
    width: 12em;
    height:2em;
    background-color:#fff;
    float: right;
}

.suche_div_datumort {
    /*background-color: #e7e72e;*/
    height: 3em;
}

.suche_div_datum {
    /*background-color: #5548ca;*/
    width: 2.5em;
    margin-right: 0em;
    float: left;    
}

.suche_datum_label {
    width: 3.5em;
    height: 1.2em;
    font-size: .8em;
    float: left;
}

.suche_datum_input {    
    width: 11em;
    height:1em;
    background-color:#ffffff;
    
}

.suche_div_ort {
    /*background-color: #82ca48;*/
    width: 10em;      
    float: right;
}

.suche_ort_label {
    /*background-color: #597940;*/
    width: 3.5em;
    height: 1.2em;
    font-size: .8em;    
    float: left;
}

.suche_ort_input {
    /*background-color: #487cca;*/  
    width: 12em;
    height: 2em;
    background-color:#ffffff;
    margin-right: .25em;
}

.suche_button {
    /*background-color: #f8e90f;*/
    width: 20.4em; 
    /*height: 2.2em;*/
    padding-top: .5em;
    float: left;
}

.suche_div_reset {    
    width: 9.6em;     
    height: 1.95em;       
    float: left;
    /*background-color: #435ac4; */   
}

.suche_button_reset {
    background-color: #969494;
    width: 11.8em;
    height: 2em;
    color:#ffffff;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    /*border: 2px solid #b5b9b7;*/    
    font-size: .85em;
    letter-spacing: 0.08em;
}

.suche_button_reset:hover {
	background-color:#209e3b;
    color:#363535;
	font-size: .85em;
    letter-spacing: 0.08em;	
}

.suche_div_suchen {    
    height: 2em;
    float: right;
}

.suche_button_suchen {
    background: var(--dunkelgruen);
    /*background-color:#620063;*/
    width: 11.7em;
    height: 2em;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
    color:#ffffff;
    font-size: .85em;
    letter-spacing: 0.08em;    
}

.suche_button_suchen:hover {
    /*width: 11.8em;*/
    background-color:#209e3b;
    color:#363535;
    font-size: .85em;
    letter-spacing: 0.08em; 
    /*padding: .2em 0;*/   
}

.suche_output_thead {    
    background: var(--tablehead); /*#620063;*/
    border-bottom: .5em solid #fff; 
   
}

.suche_output_thead_th {
    color:#fff;
    font-size: 95%;
    text-align: left;
    padding: .65em 0 .65em .75em; 
}

.suche_output_tfoot {    
    background: var(--tablehead); /*#620063;*/
    border-top: .5em solid #fff;    
}

.suche_output_tfoot_th {
    height: 0em;
    font-size: .15em;
    color: #bfa260"
}

.suche_output_tfoot_th1 {
    font-size: 85%;
    text-align: left;
    padding: .5em 0 0 .75em; 
}




/*+++ profil  +++++++++++++++++++++++++++++++++++++++++++++++*/

.profhead, .profsub, .proftitel, .profwort {
    color: #a30700;
    font-weight: 600;      
    letter-spacing: 0.05em;
}

.profhead {
    font-size: 1.2em;
    /*margin-bottom: .5em;*/
 }

 .profsub {
    font-size: 1.1em;
    margin-top: 1em;
 }

 .proftitel {    
    font-size: .96em;
    padding-top: .5em;    
 }

 .profwort {
    font-size: 1em;
    padding: .6em 0 .1em 0;   
}

.proful {
    line-height: 1.3em;
}

.proftab {
    padding-left: .8em;
    float: none;
}

.proftext {
    margin-left: 1em;
}

.proftag {
    width: 6.3em;
    float: left;
}
.profpunkt {
    color:#a30700;
    font-size: 1em;
    font-weight: 900;    
    padding-right: .3em;
}
.profzeile {
    padding-top: .18em;
}

/*+++ profil: kriterienauflistung  ++++++++++++++++++++++++++++++++++++++++++++*/

.pwort, .ptext {       
    font-size: .96em;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.pwort {
    color: #006363;    
}

.plist {
    width: 9.2em;
    float:left;
}

.pcont {
    height: 1.5em;
}

/*+++ /profil  +++++++++++++++++++++++++++++++++++++++++++++++*/

.textp {
    font-style: normal;
    font-family: Arial, verdana, sans-serif;
    font-size: 0.9em;
    font-style: italic; 
 }

#image {
    width: auto; height: auto;
    margin-bottom: 5px;
    float: left;
}

.boximage {
    width: 328px; 
    min-height: 285px;
    padding-right: 0px;    
}

/*+++ liste  +++++++++++++++++++++++++++++++++++++++++++++++*/

.listul {
    font-size: 1.0em;
    line-height: 1.6em;     
}
    
.liste_ul_prof_mktgtext {
    list-style-type: none;
    margin: 0;
    padding-left: 1em;
    line-height: 1.45em;
    font-size: .9em;
    }

.ul_profil_oeffzeiten {
    list-style-type: square;
    padding-left: 2em;
    line-height: 1.25em;
    font-size: .9em;
}

.li_profil_oeffzeiten {
    width: 10em;
    float: left;
}


.li_rot::marker {
    color: #a80505;
    font-size: 1.5em;
    }

    
.liste_li_prof_mktgtext {
    width: 17em;
    float:left;
}    

.liste_ul { /*orte*/
    list-style-type: none;
    font-size: 1em;
    line-height: 1.6em;
    padding-left: .5em;
    }
    
.liste_li {/*orte*/
    float: left;
    }
    
.liste1_ul { /*sponsorseite*/
    list-style-type: disc;   
    display: block;
    margin-left: 1em;
    }
    
.liste1_li { /*sponsorseite*/ 
    font-size: .9em;
    padding: .1em 0 .1em .3em;
    }
    
.liste1_li::marker {
    color: #0044cc;
    }

.listewb {
    width: 14em;
    font-size: .85em;
    }
    
.listewb_li::marker {
    color: #a80505;
    }

/*+++ liste ende  +++++++++++++++++++++++++++++++++++++++++++++++*/
    
/*Formular*/
form {
    background-color: #eee;
    background-position: left;
    width: 35em;
    margin: auto;
    padding: 3em;
    /*border: 1px solid #8c8c8c;*/
}

label {
    float: left;
    text-align: left;
    width: 10em;
    font-size: 0.9em;
    padding-top: 5px;    
}

input {
    margin: 0px 10px 5px 0px;
    padding: 5px;
}

    p {
    font-size: 0.95em;
    font-weight: 500;    
    }

textarea {
    height: 10em;
}
    /*Formular-Ende*/

/* --- button --- */

.but1 {
	background-color: #008080; /*teal-grün*/
	color: #F3F3F3;
  	font-size: 1.0em;
	font-weight: 800;    
}

.button-suche {
    background-color:#620063;
    color:#ffffff;
    font-size: 1em; 
    width: 11.6em;
    padding: .2em 0;
}

.but1:hover {
	background-color: #BFBFBF; /*#CE1818;*/
	color: #FFFF00; /*#006363; hewi-gruen*/  
   font-size: 1.0em;
	font-weight: 800;      
} 

.butsend {
	background-color: #006363;
	color: #F3F3F3;
	font-size: 1.0em;
	font-weight: 800;  
}

.butsend:hover {
	background-color: #CE1818;
	color: #F3F3F3;
	font-size: 1.0em;
	font-weight: 800;
} 

.butloesch {
	background-color: #BFBFBF; /*grau*/
	color: #F3F3F3;
	font-size: 1.0em;
	font-weight: 500; 
}

.butloesch:hover {
	color: #F3F3F3;
	font-size: 1.0em;
	font-weight: 800;
} 

/* monat-button zur auswahl monat*/

.btn-group button {
    background-color: #3e7c7b;
    /*#006363;*/
    border: 1px solid #659594;
    /*green;*/
    color: white;
    font-weight: 600;
    padding: 10px 34px;
    cursor: pointer;
    float: left;
}

.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group:not(:last-child) {
    border-right: none;
}

.btn-group button:hover {
    background-color: #8baeae;
}

.butmonat {
	    width: 97%;
    height: 92%;
    background:linear-gradient(to bottom, #beb190 1%, var(--dunkelgruen));
    text-decoration:none; 
    text-align: center;   
    font-size: .9em;
	font-weight: 600;
    color: #FFFF;    
    padding-top: .5em;
    }

.butmonat:hover {
    background: var(--dunkelgruen);
	color: #fff;
} 


.img-profil {
	transition: transform 0.6s;
}

.img-profil:hover {
	transform: scale(1.3, 1.3);
	}

/*...slideshow..................*/

.mySlides {
	display: none;
	height: 100%;
   	/*font-family: Arial,Helvetica,sans-serif;*/
}
.mySlides img {
	width: 100%;
	height: 100%;
}
.slideshow-container {
	overflow: hidden;
	position: relative;
	margin-bottom: 15px; /*auto;*/
   	width: 100%;
	height: 300px;
}
.slide-prev, .slide-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 6px;
	margin-top: -22px;
	color: #f5f4f4;
	font-weight: bold;
	font-size: 16px;
	/*transition: 0.6s ease;*/
	/*border-radius: 0 3px 3px 0;*/
}
.slide-next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.slide-prev:hover, .slide-next:hover {
	background-color: rgba(0,0,0,0.8);
}
.slide-text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	text-shadow: 0px 0px 2px #000;
}
.slide-number {
    color: #1d1010; /*#f2f2f2;*/
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}
.slide-dot-control {
    text-align: left;/*center;*/
	margin-top: 15px; /*10px;*/
    
}
.slide-dot {
	cursor:pointer;
	/*height: 13px;
	width: 13px;*/
	margin-right: 0px;
    /*background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;*/
}

/*+++ banner im crteaser  +++++++++++++++++++++++++++++++++++++++++++++++*/

.crbanner_top { 
    border-top: .15em solid #e1e1e1;
    background-color: #f9f9f9;
    width: 21em;    
    padding: .3em .2em .3em .5em;
    margin-bottom: 1em;   
    }

.crbanner { 
    background-color: #f9f9f9;
    width: 21em;    
    padding: .3em .2em .3em .5em;
    margin-bottom: 1em;   
    }

.bannerhead {
    font-size: .6em;
    color: #626262;
    padding: .1em 0 .6em .5em;  
   }

/* --- button --- */

.but1 {
	background: var(--dunkelgruen);
    text-decoration:none;
    display: inline-block;
    transition: all 0.25s ease;
    font-size: .9em;
	font-weight: 600;
    color: #FFFF; 
    padding: .5em 2.5em;
    }

.but1:hover {
    background: var(--accent-color);
    color: black;  
}