header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
html {
    overflow-y: scroll;
}
body {
    padding-top:0;
    padding-bottom:0;
    background-color:#000;
    font:87.5% Verdana,Arial,Helvetica,sans-serif;
}


#header .inside,
#footer .inside{
    margin-bottom:0;
    padding-right:0;
    padding-left:0;
 
   /* -webkit-box-shadow:0 2px 6px 0 rgba(142,142,142,.3);
    box-shadow:0 2px 6px 0 rgba(142,142,142,.3);  
    border-radius:10px; */
    max-width:1240px;
    margin-left:auto;
    margin-right:auto;
}


#header .site-header{
background-color:#000;
}


#container {
max-width:1240px;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
  
}

ul {
    padding-top:1,5em;
    padding-left: 1em;
    list-style-type:square;
    color:#fff;
}
ol {
    padding-top:1,5em;
    padding-left:1em;
    list-style-type:decimal;
    color:#fff;
}
ul ul,
ul ol,
ol ol,
ol ul {
    margin-top:0;
    font-size:1.1em;
    font-weight:bold;
    font-weight:normal;
    color:#fff;
}

.content-text a{
color: #ff0;
}

#header {
 
     right:0;
  
 margin-left:auto;
    margin-right:auto;
}

.header-container a:hover {
filter: opacity(80%);
}

#footer {
    background-color:#fff;
 margin-left:auto;
    margin-right:auto;
}

#main .inside {
    margin-top:0px;
    padding:8px 10px 8px; 0;
    background-color:#000;
}

#main {
    font:1.3em/1.7;
    font-weight:normal;
   
}

#main .inside figure a:hover{
 filter: opacity(80%);
}
#main .inside .ce_hyperlink a {
    font-size: 13px;
    text-decoration: none;
}

#main .image_container .caption {
    margin-right:auto;
    margin-left:auto;
    padding-right:110px;
    text-align:center;
    color:#fff;
} 

#main .ce_text a {
    text-decoration:none;
    color:#fff;
}
#main .ce_text a:hover,
#main .ce_text a:focus {
    text-decoration:underline;
}


#header .semort h2 {
    margin:.7em 0 .7em .5em;
    padding-left: .1em;
    font-weight:bold;
}



.header-container {
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
z-index:0;
}




.mug_header {
       padding-left: 0px; 
  text-align: left;
 
}
.content-hyperlink,
.content-toplink {

margin-top:20px;
margin-bottom:15px;
}

.content-hyperlink a,
.content-toplink a{
color: #ff0;
text-decoration: none;
}

.content-hyperlink a:hover,
.content-toplink a:hover,
.ref_toplink a:hover{
color: #ff0;
text-decoration: underline;
}


@media (min-width:799px) {
.banner-inhalt h1 {
  color: #ffffff;
  font-size: 2.6rem;
  font-weight: bold;

  
}
.banner-inhalt1 h3 {
  color: #ffffff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  
}

.mug_bild img{
width:13em;

}

.start-link {
margin: 1em 0em;
}

.start-link a {
padding: .5em .1em;
color: #ff0;
}

.ref_toplink a{
display:none;
}


}

@media (max-width:799px) {
.banner-inhalt h1 {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
    margin-top: 1.9em;

}

.banner-inhalt1 h3 {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
    margin-top: 2.5em;
}
.ref_toplink a{
display:inline;
}

.mug_bild img{
width:6em;
  margin-top: .7em;

}

}



.banner-inhalt {
  position: absolute;
    top: 20%;
  left: 50%;
   transform: translate(-50%, -50%); /* Zentriert das Element exakt in der Mitte */
z-index:10;
    
}

.banner-inhalt1 {
  position: absolute;
    top: 33%;
  left: 50%;
   transform: translate(-50%, -50%); /* Zentriert das Element exakt in der Mitte */
z-index:10;
    
}

.mug_bild {
  position: absolute;
   top: 10%;
  left: 1%;
z-index:10;
 
}

  

/* Inhalte  */
#main h1 {
    margin-top:0;
    margin-bottom:1em;
    font:2em/1.2 "Droid Sans",sans-serif;;
    font-weight:bold;
  color:#fff;
}
#main h2 {
    margin:1em 0 .8em;

    font:1.8em/1.1 "Droid Sans",sans-serif;;
    font-weight:bold;
 color:#fff;
   }

#main h3 {
    margin-top:1em;
    margin-bottom:.6em;
    font:1.6em/1 "Droid Sans",sans-serif;;
    font-weight:bold;
   color:#fff;
}
#main h4 {
    margin-top:3px;
    margin-bottom:3px;
    font:1.2em/1.1 "Droid Sans",sans-serif;;
    font-weight:bold;
    color:#fff;
}
#main h5 {
    margin-top:3px;
    margin-bottom:3px;
    font:1.2em/1.1 "Droid Sans",sans-serif;;
    font-weight:bold;
   color:#fff;
}   

#main p {
    margin-bottom:0;
    font:1.2em/1.3 "Droid Sans",sans-serif;;
      color:#fff;
}

#main p a{
color:#ff0;
}

.content-toplink a {
color: #ff0;
}


.contao-cookiebar {
max-width:360px;
}
:root {
    --nav-breakpoint: 800px;
}

.mug_header {
height:27px;

}


.mug_header  li{
    list-style-type: none;
    padding-bottom: 0px;
    font-size: 0.9rem;
    
    }
.mug_header .mod_navigation .invisible {
        display: none;
     
    }
    
.mug_header ul {
    list-style-type: none;
 
    padding: 5px 0px 0px 5px; 
    }
    .mug_header li {
    display: inline-block;
    font-size: 0.9rem;
    }
    
 .mug_header li:not(.last)::after {
        content: '|';
        padding: 0px 10px;
    }


 .mug_header a {
        text-decoration: none;
        color: var(--main-color);
        padding:0px 3px 0px 0px;
    }
    
 .mug_header a:hover {
  font-weight: bold;
    }



/*** Haupt Navigation ***/ 

.nav-pfad li{
   list-style-type: none;
    padding-bottom: 1px;
    font-size: 0.9rem;
    }
    
    .nav-pfad ul {
    list-style-type: none;
    
    padding: 6px 0px 0px 0px; 
    }
    
    .nav-pfad li {
    display: inline-block;
    font-size: 0.9rem;
    padding:0px 0px 0px 0px;

    }    


.nav-pfad li{
    list-style-type: none;
    padding-bottom: 1px;
    font-size: 0.9rem;
    }
    
.nav-pfad li:not(.last)::after {
        content: ',';
        padding: 0px 5px 0px 0px;
    }    
   .nav-pfad a {
        text-decoration: none;
        color: #ff0;
       
    } 
    
    .navigation-main {
        display: none;
    }
   
    
@media (min-width:800px) {
    .main-menu ul {
    list-style-type: none;
    
    padding: 6px 0px 0px 7px; 
    }
    .main-menu li {
    display: inline-block;
    font-size: 0.9rem;
    padding:6px 0px 0px 0px;
    margin-bottom:-2px;
    }
   .main-menu ul.level_2 {
    display: none;
    position:fixed;
    background: white;
    padding: 0px;
    z-index:100;
    }
 /*   .main-menu li:hover ul.level_2 {
    display: block !important;
    } */
    .main-menu li:not(.last)::after {
        content: '|';
        padding: 0px 10px;
    }
    .main-menu ul.level_2 li {
        display: list-item !important;
        padding: 3px 0px;
    text-align:left;
    
    }
    .main-menu ul.level_2 li::after {
        content: none !important;
    }
    
    .main-menu a {
        text-decoration: none;
        color: var(--main-color);
        padding:0px 3px 0px 0px;
    }
    
    .main-menu .level_2 a{
    color: #fff;}
    
    .main-menu li a:hover {
        text-decoration: none;
       font-weight: bold;
    }
}
@media (max-width:799px) {
    .main-menu, .menu-list {
    display:none;
    }
    
      .navigation-main {
        display: flex;
    }
}

.sm_hidden {
    /*visibility: hidden;*/
    position: absolute; 
    z-index:100;
    }
    .sm_show { 
    visibility: visible; 
    width:100vw; 
    height:100vh; 
    background:white; 
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;}
    #trigger {
    position: absolute;right: 10px;top: 10px;z-index: 100;}
    #smart_menu li {
        list-style-type: none;
        padding-bottom: 2px;
        font-size: 1rem;
    }
    
    #smart_menu {
     display: flex;
  justify-content: flex-start; /* Richtet alle Elemente rechts aus */
  list-style: none;
  gap: 20px; /* Abstand zwischen den Menüpunkten */
padding-left: 3px;
     
    }
    
    #smart_menu li ul{
padding-left: 10px;
    padding-top: 0px;
 
    }
    
        
    #smart_menu li{
padding-left: 1.4em;

 
    }
    
#smart_menu a{
text-decoration: none;
        color: var(--main-color);
        
}
    
.nav-container {
  display: flex;
  justify-content: flex-end; /* Richtet alle Elemente rechts aus */
  list-style: none;
  gap: 20px; /* Abstand zwischen den Menüpunkten */
  z-index: 0;
}    
    
    
    @media (min-width:800px){
    display:none;
    }
}

#trigger {
margin-top: -6px;
}

.is-active li{
width:320px;
}

#footer {
    margin-top:-2px;

    text-align:left;
}


#footer .mod_navigation .invisible {
        display: none;
    }
    
#footer ul {
    list-style-type: none;
    
    padding: 5px 0px 0px 5px; 
    }

#footer li {
    display: inline-block;
    font-size: 0.9rem;
     padding-top: .4em;
    }
    
    
 #footer li:not(.last)::after {
        content: '|';
        padding: 0px 10px;
    }

#footer li .active {
 color: #000098;
    }

 #footer a {
        text-decoration: none;
        color: #000;
       
    }
    
 #footer a:hover {
       color:#000098;
    
    }    



#footer .level_1 {
    font-size:.5em;
    font-weight:bold;
    color:#ddd;
    text-transform:uppercase;
}


.widget {
width:300px;

}


.submit {
min-width:240px;
max-width:340px;
height:34px;
background:#cc2222;
font-size:14px;
font-weight:bold;
background-color: #cc2222;
border: 4px outset #f000;
color:#fff;
Border-radius:12px;
}





.submit:hover {
background-color: #f00;
}
/*
.nav-seite ul { 
margin-top:2em;

}

.nav-seite li {
float:left;
list-style-type:none;
min-width:168px;
margin-right:8px;
margin-bottom:8px;
background:#cc2222;
padding:5px;
text-align:center;
border: 4px outset #f000;
border-radius:12px;
}

.nav-seite li .active {
background:#ff2233;
text-align:center;
border: 4px inset #ff2233;
border-radius:12px;
}

.nav-seite li  a .active {
text-decoration:none;
font-size:14px;
color:#fff;

font-weight:bold;
background-color: #ff2233;
border: 4px outset #f000;
border-radius:12px;
padding: 0.1em .6em;
}
*/
.nav-seite li,
.nav-seminare-einzel li{
    list-style-type: none;
    padding-bottom: 1px;
    font-size: 0.9rem;
    
    }
.nav-seite ul,    
.nav-seminare-einzel ul {
    list-style-type: none;
    
    padding: 6px 0px 0px 7px; 
    }
    
.nav-seite li,    
.nav-seminare-einzel li {
    display: inline-block;
    font-size: 0.9rem;
    padding:6px 0px 0px 0px;
    margin-bottom:1.3em;
    }  

.nav-benutzer a,
.nav-seite a,    
.nav-seminare-einzel a {
        text-decoration: none;
        color: var(--main-color);
       background:#cc2222;
    border-radius:12px;
    font-weight:bold;
    background-color: #cc2222;
    border: 4px outset #f000;
    padding:5px;
    text-align:center;
   
    }
.nav-seite li a:hover,    
.nav-seminare-einzel li a:hover {
        text-decoration: none;
       font-weight: bold;
    }  
.nav-seite li .active,    
.nav-seminare-einzel li .active {
        text-decoration: none;
        color: var(--main-color);
       background:#ff2233;
    border-radius:12px;
    font-weight:bold;
    background-color: #ff2233;
    border: 4px outset #f000;
    padding:5px;
    text-align:center;
    }  
    
.mug-registrierung label {
color: #fff;
}



/* Anmeldung*/

.nav-benutzer ul,
.nav-anmeldung ul {
list-style-type:none;
padding-left:0em;
}

.nav-anmeldung li {
display: inline-block;
font-size: 0.9rem;

padding-right: .5em;
}

.nav-anmeldung a {
text-decoration:none;
color:#ff0;
}

.nav-benutzer li {
margin-bottom: .5em;
border: 4px outset #cc2222;
  border-radius:12px;
max-width: 14em;
 background-color: #cc2222;
 height: 1.9em;
 padding-top: 0.4em;
 text-align: center;
}

.nav-benutzer-list a{
padding-top: 0.2em;
}
.nav-benutzer {
margin-top: 2em;
padding-top: 1em;
}



.mug-konto {
margin-top: 1.2em;
}


.mod_registration .submit,
#tl_close_account_125,
#tl_change_password_127,
.mug-konto .submit {
margin-top: 1.2em;
}

.konto-loesch label,
#tl_change_password_127 label,
.mug-login label,
.mug-konto label {
color:#fff;
}

#tl_lost_password_102 {
margin-top: 2em;
margin-bottom: 2em;
}



.reg-link,
.password-reset {
margin-top:2em;
margin-bottom:2em;
}
.reg-link a,
.password-reset a {
color: #ff0;
}



.reg-bestaetigung {
margin-bottom: 2em;
}


.mod_listing a{
 text-decoration: none;
color: #fff;
}


.mod_listing table {
    width: 100%;
}

.mod_listing tr{
    display: block;
    margin-bottom: 15px;
}


.mod_listing td {
    display: block;
    text-align: left;
    color: #fff;
}

.mod_listing .head {
display: none;
}

/*Fotogalerie*/
#fotogalerie {
margin-top: 2em;
}

.foto-einzeln figure {
padding: .5em .6em;
}

.pagination li{
float:left;
list-style-type:none;
margin-bottom: 1em;

}

.pagination a{
text-decoration:none;
margin-right:8px;
margin-bottom:8px;
background:#cc2222;
font-weight:bold;
background-color: #cc2222;
border: 1px outset #f000;
padding:1px 4px;
text-align:center;
color:#fff;
}

.pagination li .active {
background:#ff2233;
margin-right:.4em;
border: 2px outset #f000;
padding:1px 4px;
}

.pagination p{
margin-left: .8em;
padding-bottom: .5em;
}