body{background: url("/carousel/img/imgV/totentanz_2026/hintergrund.jpg") center center no-repeat fixed; background-size: cover; text-align:center;font-family:arial;}

/*CONTAINER*/
#bildereinzeln{position:absolute;float:left;width:170px;height:225px;top:150px;left:30px;}
#bildereinzeln1{position:absolute;float:right;width:170px;height:225px;top:150px;left:30px;}
#bild{float:left;width:980px;height:245px;margin-top:0px;border-radius:10px;}
#drei_bilder{z-index:2;}
#fewo{width:400px;height:150px;margin-left:15px;}
#footer1{float:left;width:980px;height:45px;margin-top:5px;}
#footer1-ttt{float:left;height:45px;margin-top:5px;width:100%;}
#footer2{float:left;height:45px;margin-right:5px;margin-left:15px;}
#footer3{float:right;height:45px;margin-right:15px;}
#header{float:left;width:980px;height:120px;}
#header-ttt{background:rgba(255,255,255,0.9);width:100%;justify-content:space-between; border-radius: 10px;}
#info{float:right;width:250px;height:75px;margin-right:0px;margin-top:10px;background-color: darkred;z-index:0;border-radius:5px;}
#info-ttt{float:right;width:250px;height:55px;margin-right:25px;margin-top:10px;background-color: darkred;z-index:0;border-radius:5px;}
#inhalt1{float:left;width:300px;height:800px;margin-left:15px;}
#inhalt2{float:left;overflow: auto;width:950px;margin-left:15px;}
#kachel_drittel-breite{float:left;overflow: auto;width:210px;height:260px;z-index:2;}
#kachel_ganze-breite{float:left;overflow: auto;margin-top:10px;margin-left:138px;border-radius: 10px;width:675px;height:100px;}
#kachel_halbe-breite{float:left;overflow: auto;margin-top:10px;border-radius: 10px;width:325px;height:200px;}
#kachel_programmauswahl{float:left;margin-left:20px;margin-top:20px;width:300px;height: 225px;border-radius: 10px;}
#kachel_team{float:left; margin-left:20px; margin-top:25px; width: 195px;height: 225px;background-color: white;border-radius: 10px;}
#kapitel-ttt{background:rgba(255,255,255,0.9);display:flex;flex-wrap:wrap;justify-content:center;padding-top:5px;padding-bottom:5px;margin-left:5px;margin-right:5px;margin-bottom:25px;flex-direction:row;border-radius: 10px;}
#laufleiste{float:left;width:960px;height:100px;position:relative;margin-top:5px;margin-bottom:5px;}
#logofirma{float:left;width:180px;height:82px;margin-left:0px;}
#logoverein-ttt{float:left;width:180px;height:82px;margin-left:25px;}
#main{width:980px;height:700px;float:left;border-radius:10px;}
#menue{width:800px;height:80px;margin-left:180px;}
#menue-ttt{height:80px;z-index:+1;}
#menue_leiste{float:right;width:800px;height:15px;z-index:2;}
#spalte_bild{float:left;overflow: auto;width:980px;padding-top:35px;}
#spalte_text{float:right;width:490px;padding-right:15px;padding-top:25px;}
#website{width:980px;margin:0 auto;position:relative;}
#website-ttt{width:100%;margin:0 auto;justify-content:center;}
#zwei_bilder{z-index:2;float:left; width:900px;}


/*FLEX STYLE*/
.flex-container{display: flex;flex: 1;width:100%;flex-wrap:wrap;justify-content:center;}
.flex-item{display: flex;flex-wrap:wrap;justify-content:center;}


/*LINK STYLE*/
a.link_style:link{color:darkred;text-decoration:none;}
a.link_style:visited{color:red;text-decoration:none;}
a.link_style:hover{color:IndianRed;text-decoration:none;}




/*Details-STYLE zum Aufklappen */
@media only screen and (min-width:401px){
    details{display: flex;flex: 1;background-color:lightgrey;padding-top:0em;min-width:500px;max-width:800px;}
    details details{display: flex;flex: 1;background-color: ;margin-left:1em;}
    summary{display: flex;flex: 1;background-color:white;padding-top:1em;min-width:500px;max-width:800px;}
    p.details p{font-family:arial;color:#000;font-size:1em;margin-left:1em;line-height:15px;}
    p.summary p{font-family:arial;color:#000;font-size:3em;margin-left:1em;line-height:15px;}
}

@media only screen and (max-width:400px){
    details{display: flex;flex: 1;background-color:lightgrey;padding-top:0em;min-width:300px;max-width:400px;}
    details details{display: flex;flex: 1;background-color: ;margin-left:1em;}
    summary{display: flex;flex: 1;background-color:white;padding-top:1em;min-width:300px;max-width:400px;}
    p.details p{font-family:arial;color:#000;font-size:1em;margin-left:1em;line-height:15px;}
    p.summary p{font-family:arial;color:#000;font-size:3em;margin-left:1em;line-height:15px;}
}


/*LISTEN*/
*{margin:0px;padding:0px;}
ol#FO li{width:; display:flex;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 1em;margin-right: 0;padding-left: 1em;text-align:left; float:left}


/*Allgemeine Listen*/
li{padding-left:5px;padding-right:5px;text-align:left;line-height:1.25em}


/*SCHRIFT STYLE*/
#fewo p{font-family:arial;color:#000;font-size:12px;margin-left:15px;line-height:15px;}
#footer2 p{color:#000;font-family:arial;text-align:left;font-size:10px;margin-top:5px;}
#info p{color:white;font-family:arial;text-align:center;margin-top:5px;}
#info-ttt p{color:white;font-family:arial;text-align:center;margin-top:5px;}
#inhalt1 p{font-family:arial;color:#000;font-size:13px;margin-left:15px;line-height:15px;}
#kachel_drittel-breite p{font-family:arial;color:#fff;font-size:10px;margin-left:10px;}
#kachel_ganze-breite p{font-family:arial;color:#fff;font-size:10px;margin-left:10px;}
#kachel_halbe-breite p{font-family:arial;color:#fff;font-size:10px;margin-left:10px;}
#kachel_team p{font-family:arial;color:darkred;font-size:14px;text-align:center;padding-top:5px;padding-left:15px;}
#kapitel-ttt p{font-family:arial;color:#000;font-size:2em;margin-left:15px;margin-right:15px;line-height:1.25em;text-align:justify;}
#laufleiste p{font-family:arial;color:#000;font-size:20px;margin-left:15px;line-height:25px;}
#menue_leiste p{color:#000;font-family:arial;text-align:right;font-size:12px;padding-top:5px;}
#zwei_bilder p{font-family:arial;margin-left:10px;}

/* sonstige CLASSes */
.copyright{font-family:arial;color:#000;font-size:1em;margin-left:15px;margin-right:15px;line-height:1.25em;text-align:justify;}
.links {float: left;margin-right: 10px;} 
.trennung{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;}
.showbox{float:right;margin:1em 1em;width:150px;height:60px;background-color:#CD6600;font-family:arial;font-size:11px;color:white;line-height:14px;text-align:center;border-radius:10px;}
.showbox1{float:right;margin:1em 1em;width:150px;height:75px;background-color:#FF6347;padding-top:0px;font-family:arial;font-size:25px;color:white;line-height:22px;text-align:center;border-radius:90px;}
.showbox2{position:absolute;float:right;margin:0.5em 8em;width:90px;height:35px;background-color:red;padding-top:15px;font-family:arial;font-size:25px;color:white;line-height:22px;text-align:center;border-radius:90px;}
.scroll{z-index:1;float:right;margin-right:30px;width:640px;height:500px;overflow:auto;background-color:#CD6600;}

/*Überschriften*/
h1 {font-size:4em;color: darkred;font-family:arial;line-height:1.25em;}
h2 {font-size:4em;color: darkred;font-family:arial;line-height:1.25em;}
h3 {font-size:3em;font-family:arial;line-height:1.25em;}
h4 {font-size:2em;font-family:arial;line-height:1.25em;}
h5 {font-size:2em;font-family:arial;line-height:1.25em;}

/*rules for navigation menu*/
*{margin:0px;padding:0px;}
ul#navmenu, ul.sub1{list-style-type:none;}
ul#navmenu, ul.sub2{list-style-type:none;}
ul#navmenu li{width:200px;text-align:center;position:relative;float:left;margin-right:45px;}
ul#navmenu a{color:#fff;text-decoration:none;display:block;width:240px;height:45px;line-height:25px;background-color:#009900;border:1px solid #CCC;border-radius:5px;}
ul#navmenu .sub1 a{margin-top:3px;}
ul#navmenu .sub2 a{margin-left:15px;}
ul#navmenu ul.sub1{display:none;position:absolute;top:46px;left:0px;}
ul#navmenu ul.sub2{display:none;position:absolute;top:0px;left:20px;}
ul#navmenu li:hover .sub1{display:block;z-index:500;}
ul#navmenu .sub1 li:hover .sub2{display:block;z-index:500;}

/*rules for navigation menu TOTENTANZ*/
*{margin:0px;padding:0px;}
ul#navmenu-ttt, ul.sub1{list-style-type:none;}
ul#navmenu-ttt, ul.sub2{list-style-type:none;}
ul#navmenu-ttt li{text-align:center;position:relative;margin-right:10px;;margin-left:10px;padding-right:10px;;padding-left:10px;display:flex;flex-wrap:wrap;justify-content:space-around;align-content:center;flex:1;}
ul#navmenu-ttt a{text-align:center;color:#fff;text-decoration:none;display:flex;min-width:130px;height:30px;line-height:20px;background-color:#005F97;border:1px solid #CCC;border-radius:5px;}
ul#navmenu-ttt .sub1 a{margin-top:3px;}
ul#navmenu-ttt .sub2 a{margin-left:15px;}
ul#navmenu-ttt ul.sub1{display:none;position:absolute;top:46px;left:0px;}
ul#navmenu-ttt ul.sub2{display:none;position:absolute;top:0px;left:20px;}
ul#navmenu-ttt li:hover .sub1{display:flex;z-index:500;}
ul#navmenu-ttt .sub1 li:hover .sub2{display:flex;z-index:500;}

/*HAMBURGER-Menue*/
label.hamburg {display:flex;background: #005F97;width:75px;height:75px;position:relative;margin-left:auto;border-radius:4px;}
input#hamburg {display:none}
.line {position:absolute;left:10px;height:4px;width:55px;background:#fff;border-radius:2px;display:flex;transition:0.5s;transform-origin:center;}
.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }
.line:nth-child(4) { top: 36px; }

#hamburg:checked + .hamburg .line:nth-child(1){transform: translateY(12px) rotate(-45deg);}
#hamburg:checked + .hamburg .line:nth-child(2){opacity:0;}
#hamburg:checked + .hamburg .line:nth-child(3){transform: translateY(-12px) rotate(45deg);}
#hamburg:checked + .hamburg .line:nth-child(4){opacity:0;}
#hamburg:checked + .hamburg  + nav.topmenu {max-height: 600px;}

nav.topmenu {height: auto;max-height:0;width:100%;overflow:hidden;transition:all 0.5s;}



/*Cookie-Banner*/
#cookiebanner_con
    *{box-sizing:border-box!important}
    .cookiebanner{position:fixed;padding-bottom:5px;background-color:#fff;box-shadow:0 1px 4px rgba(10,10,10,.4);z-index:1600000000;overflow:auto}
    .cb_top .cookiebanner{top:0;left:0;width:100%;padding-bottom:5px}
    .cb_center .cookiebanner{top:30%;left:20%;width:60%;padding:2.5% 8px}
    .cb_bottom .cookiebanner{bottom:0;left:0;width:100%;padding-bottom:5px}
    .cb_ecke .cookiebanner{width:640px;max-height:400px;padding:18px;overflow:auto}
    .cookiebanner a{text-decoration:none!important}
    .cBanner{width:100%}
    .cb_bottom .cBanner,.cb_top .cBanner{padding-left:4px;padding-right:4px}
    .cBanner::after{content:"";display:table;clear:both}
    .link_banner{color:#5a6e8c;text-decoration:none!important}
    .link_banner:hover{color:#0096c8;text-decoration:underline!important}
    .button_einverstanden{margin-bottom:8px;color:#fff!important;border-width:0;border-radius:10px}
    .button_einverstanden:hover,.button_nein:hover{cursor:pointer;opacity:.9}
    .button_nein{padding:1px 6px;font-size:13.3333px;background-color:#fff0!important;border-width:0}
    .button_nein:hover{text-decoration:underline!important}
    .co_wieder{position:fixed;padding:2px;background-color:#fff;border:0;z-index:1500000000;display:none}
    .co_wieder:hover{cursor:pointer}
    .co_wieder_left_top{top:0;left:0;border-bottom-right-radius:5px}
    .co_wieder_right_top{top:0;right:0;border-bottom-left-radius:5px}
    .co_wieder_left_bottom{left:0;bottom:0;border-top-right-radius:5px}
    .co_wieder_right_bottom{right:0;bottom:0;border-top-left-radius:5px}
    .coo_logo{float:right;margin:0 20px 0 0;padding:0}
    .coo_links{float:left;min-height:1px;min-width:100px;font-size:12px}
    .coo_links img{height:50px;max-width:100px;margin-bottom:5px}
    .cb_link_con{width:100%;margin-top:10px;margin-bottom:3px;text-align:center}
    .cBG{position:fixed;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.2);z-index:1400000000}
    .cb_bottom .cBG,.cb_ecke .cBG,.cb_top .cBG{display:none}
    .cb_center .cBG{display:block}
    @media only screen and (min-width:1200px)
        {.cbMobOnly{display:none}
        .cb_ecke .text_banner{float:none}
        .cb_bottom .text_banner,.cb_center .text_banner,.cb_top .text_banner{float:left}
        .cb_ecke .buttons_banner{padding-top:10px}
        .cb_ecke .button_nein{margin-left:24px}
        .cb_bottom .button_nein,.cb_top .button_nein{margin-left:18px}
        .text_banner{margin:12px 0}
        .cb_bottom .text_banner,.cb_top .text_banner{width:calc(100% - 515px)}
        .cb_center .text_banner{width:calc(100% - 350px)}
        .buttons_banner{float:left;padding-bottom:1%}
        .cb_bottom .buttons_banner,.cb_top .buttons_banner{margin-left:8px;width:390px}
        .cb_center .buttons_banner{width:240px;margin-left:8px}
        .button_einverstanden{padding:.75em 1.25em;font-size:16px}
        .button_nein{font-size:13px}
        .cb_center .button_nein{margin-top:16px;padding:0}
        .cb_center .buttons_banner,.cb_center .coo_links{margin-top:10px}
        .cb_bottom .schalter_con,.cb_top .schalter_con{margin-left:140px}
        .cb_center .schalter_con{margin-left:100px}
        }
    @media only screen and (max-width:1199px)
        {.coo_links{min-height:54px;width:100%}
        .cb_center .coo_links{position:absolute;top:5px;left:50px}
        .cb_link{position:absolute;top:20px;left:calc(50% - 53px);font-size:16px}
        .cb_mobile_bottom .cookiebanner,.cb_mobile_top .cookiebanner{left:0!important;max-height:none;width:100%!important;padding-bottom:5px!important}
        .cb_mobile_top .cookiebanner{top:0!important;bottom:auto!important}
        .cb_center .cookiebanner,.cb_mobile_center .cookiebanner{top:5%!important;left:5%!important;max-height:90%!important;width:90%!important}
        .cb_mobile_bottom .cookiebanner{top:auto!important;bottom:0!important}
        .cb_center .cBanner{margin-top:48px}
        .coo_img_text{float:left;width:100%;padding:12px}
        .text_banner{width:100%;overflow-y:auto}
        .cb_bottom .text_banner,.cb_top .text_banner{max-height:calc(100vh - 130px)}
        .cb_center .text_banner{max-height:calc(80vh - 270px)}
        .buttons_banner{float:left;width:100%;padding-top:20px;padding-bottom:10px}
        .button_einverstanden{float:right;padding:calc(1em/3*2) .5em;font-size:18px}
        .cb_bottom .button_einverstanden,.cb_top .button_einverstanden{margin-right:4px}
    @media only screen and (max-width:499px)
        {.cb_center .button_einverstanden
            {float:left!important}
            .cb_center .button_nein{margin-top:6px}
        }
        .button_nein{float:left;width:120px;margin:4px 0 12px;padding:0;font-size:14px}
        .cb_bestaetigen .button_nein,.cb_janein .button_nein{display:block}
        .cb_okay .button_nein{display:none}
        .coo_logo{float:left;margin:0 0 0 10px;padding:0}
        .coo_logo img{float:left;width:48px}
        .slSwitchConS{margin:10px 0}
        }