/* CSS Document */
 @media (max-width:767px) {
     body {
         min-width:320px;
    }
     #container {
         min-height: 10px;
    }
     #header {
         height:auto!important;
    }
     #header .inside {
         margin: 0;
         background-color:#fff;
    }
     .zweispaltig #left .inside, 
     .dreispaltig #left .inside {
         margin: 36px 0 16px 0;
         overflow:visible;
    }
     .zweispaltig #container, 
     .dreispaltig #container {
         margin: 0;
         margin-bottom:56px;
         padding-bottom:24px;
         z-index: 3;
    }
     .zweispaltig #main .inside, 
     .dreispaltig #main .inside {
         margin:0;
         padding: 28px 24px 0;
    }
     .dreispaltig #right .inside {
         margin: 24px;
         overflow:visible;
    }
     #wrapper, 
     #subfooter .inside {
         min-width:320px;
         margin: 0 auto;
         width:100%;
    }
     #footer .inside {
         padding: 0;
    }
     #subfooter .inside {
         text-align:center;
    }
     #main .inside .block, 
     #left .inside .block {
        /* damit Bilder und Linien bis an den Bildschirmrand reichen können */
         overflow:visible;
    }
     .invisible {
         height:0!important;
    }
    /* Überschriften */
     h2 {
         font-size:1.846em;
         line-height:1.167;
    }
     .slideshowbild .text_inner h2 {

        font-size: 1.385em;
        line-height: 1;
        text-shadow: none;
        background: #0abbef;
	    display: block;
	    height: 2em;
	    top: 2.5em;
	    position: relative;
	    z-index: 500;
	    margin-bottom: 1.5em;
    }
    .slideshowbild .text_inner h2 a {
    	color: white;
    }
    /* versteckte Elemente */
    /* nav links nicht anzeigen */
     #left #subnav {
         margin: 24px;
         display:none;
    }
     #left #seitenkategorie_tab {
         display:none!important;
    }
    /* ende nav links nicht anzeigen */
     #navpunkte_header, 
     .slider_overlay, 
     #titelbild, .liquid-nav, #breadcrumb, /*#mainnav, */#header #suchformular {
         display:none;
    }
     .liquid-slider-wrapper .liquid-nav-left-arrow, .liquid-slider-wrapper .liquid-nav-right-arrow {
         margin-top: 0;
    }
     #mobilenav .hide_smallscreen {
        /* Hauptpunkte, die nicht in die Mainnav sollten, nur per CSS unsichtbar machen, weil sie in der Mobil-Nav Teil der Gesamtnav sein sollen */
         display:none;
    }
    
    /* Hauptspalten-Elemente */
     .hauptbild, .galleria-container {
         margin-left: -24px;
         margin-right: -24px;
         overflow:visible;
    }
     #kolumnen-leser img {
         max-width: 100% !important;
    }
     .hauptbild img, .hauptbild .image_container, .galleria-container, .galleria-stage {
         overflow:visible;
    }
     .ce_sliderStart {
         background-color:#D7E9F8;
         margin-bottom:0;
    }
    /* Header -Elemente */
     #logo {
         margin:auto;
         padding-top:12px;
         margin-bottom:32px;
    }
     #facebooklink {
         position:absolute;
         top:10px;
         left:10px;
         z-index:100;
    }
     #mobile_menu_trigger {
         display:block;
         position:absolute;
         right:0px;
         top:0px;
    }
     #mobilsuche {
         display:block;
         position:absolute;
         right:0px;
         top:40px;
    }
     #mobile_menu_trigger .inner {
         display:block;
         width:50px;
         height:40px;
         z-index:1000;
         background-image:url(../design/navicon_mobile.png);
         background-repeat:no-repeat;
         text-indent:-9999px;
         cursor:pointer;
    }
     #dropdownnav_mobil {
         display:block;
         margin:0;
         padding:0;
		max-height: 0;
         overflow:hidden;
         -webkit-transition: max-height 0.5s;
         -moz-transition: max-height 0.5s;
         -ms-transition: max-height 0.5s;
         -o-transition: max-height 0.5s;
         transition: max-height 0.5s;
         font-size:1em;
         line-height:1.231em;
         font-family: "ConduitITCStd-Medium";
         font-weight: normal;
         font-style: normal;
         border-top:1px solid #d7e9f8;
    }
     #dropdownnav_mobil > section {
         padding:16px 0;
    }
     #dropdownnav_mobil.open {
         display:block;
         max-height: 800px;
         border-bottom:1px solid #d7e9f8;
    }
     #dropdownnav_mobil .subcl {
         padding:0 8px 0 16px!important;
    }
     #dropdownnav_mobil .subcr {
         padding:0 16px 0 8px!important;
    }
     #dropdownnav_mobil .hauptoption a, #dropdownnav_mobil .mod_customnav a {
         color:#370d03;
    }
     #dropdownnav_mobil li a, #dropdownnav_mobil li span {
         display:block;
         color:#0abbef;
         padding:3px 0;
    }
     #dropdownnav_mobil .hauptoption a {
         padding:6px 0;
        /* font-size:15px;
         line-height:20px;
         */
         font-size:1.154em;
         line-height:1.333em;
    }
     #dropdownnav_mobil li span {
         color:#370D03;
    }
     #dropdownnav_mobil #mobnav_schliessen img {
         margin:auto;
    }
    
    .menu-close {
	    display: block;
	    width: 85%;
	    margin: 1rem; 
	    text-align: right;
	    font-size: 2rem;
	    font-weight: bold;
	}
	
	.mobile_menu .level_2 > li {
	    border-top: 1px solid grey;
	    padding-left: 2rem;
	
	}
	
	.mobile_menu .level_2 > li > a,
	.mobile_menu .level_2 > li > span {
	    color: grey
	}
	
	.level_2.eventmenu {display: none;}

     #mobilenav {
         display:block;
         z-index: 101;
         margin:0;
         padding:0;
         background-color:#fff;
    }
     #mobilenav ul, #mobilenav li {
         margin-bottom:0;
         overflow:hidden;
    }
     #mobilenav ul li {
         position:relative;
    }
     #mobilenav ul li > a, #mobilenav ul li > span {
         display:block;
         float:none;
         overflow:hidden;
         position: relative;
         z-index: 1;
    }
     #mobilenav ul.level_1 > li {
         border-bottom:1px solid #fff;
    }
     #mobilenav ul.level_1 > li > a, #mobilenav ul.level_1 > li > span {
         display:block;
         font-family:"ConduitITCStd-Medium";
         font-weight: normal;
         font-style: normal;
         color:#370d03;
         background-color:#d7e9f8;
        /* font-size:24px;
         line-height:24px;
         */
         font-size:1.846em;
         line-height:1em;
         padding:16px 24px 16px 40px;
         height:24px;
         background-image:url(../design/nav_pfeil.png);
         background-position: 18px 19px ;
         background-repeat:no-repeat;
    }
     #mobilenav ul.level_1 > li > span.toggler {
         position:absolute;
         width:50px;
         height:40px;
         right:0;
         top:0;
         padding:15px 0 0 0;
         border-left:1px solid #fff;
         display:block;
         z-index:2;
         text-align:center;
         background-image:url(../design/nav_pfeil_runter.png);
         background-repeat:no-repeat;
         background-position:18px 18px;
         text-indent:-9999px;
         cursor:pointer;
    }
     #mobilenav ul.level_1 > li.open > span.toggler {
         background-image:url(../design/nav_pfeil_rauf.png);
    }
     #mobilenav.unterseitennav ul.level_1 > li .level_2.open li > span.toggler {
         background-image:url(../design/nav_pfeil_rauf.png);
    }
     #mobilenav ul.level_1 > li > a:hover, #mobilenav ul.level_1 > li > span, #mobilenav ul.level_1 > li.trail > a {
         color:#0abbef;
         background-image:url(../design/nav_pfeil_blau.png);
    }
     #mobilenav.unterseitennav ul.level_1 > li {
         border-bottom:1px solid #d7e9f8;
    }
     #mobilenav.unterseitennav ul.level_1 > li > a, #mobilenav.unterseitennav ul.level_1 > li > span {
         display:block;
         font-family:"ConduitITCStd-Medium";
         font-weight: normal;
         font-style: normal;
         color:#0abbef;
         background-color:#fff;
         padding:16px 50px 16px 24px;
         padding:16px 0 16px 24px;
         background-image:none;
         font-size:22px;
         line-height:24px;
         /*border-right:1px solid #d7e9f8;*/
         margin-right:50px;
        /* font-size:1.846em;
         line-height:1em;
         height:24px;
         */
         height:auto;
    }
     #mobilenav.unterseitennav ul.level_1 > li > span.toggler {
         position:absolute;
         width:48px;
         height:41px;
         right:-51px;
         top:0;
         padding:15px 0 0 0;
         display:block;
         z-index:2;
         text-align:center;
         background-image:url(../design/nav_pfeil_runter.png);
         background-repeat:no-repeat;
         text-indent:-9999px;
         cursor:pointer;
        /* border-left:1px solid #d7e9f8;
         */
    }
     #mobilenav.unterseitennav ul.level_1 > li.open > span.toggler {
         background-image:url(../design/nav_pfeil_rauf.png);
    }
     #mobilenav.unterseitennav ul.level_1 > li > a:hover, #mobilenav.unterseitennav ul.level_1 > li > span, #mobilenav.unterseitennav ul.level_1 > li.trail > a {
         color:#370D03;
         background-image:none;
    }
     #mobilenav.unterseitennav {
         border-bottom: 36px solid #d7e9f8;
    }
     #mobilenav .level_2 .submenu {
         background-color:#fff;
    }
     #mobilenav .level_2 > li > a, #mobilenav .level_2 > li > span {
         border-bottom:none;
         font-family:"ConduitITCStd-Medium";
         font-weight: normal;
         font-style: normal;
         color:#370d03;
        /* font-size:20px;
         line-height:20px;
         */
         font-size:1.538em;
         line-height:1.5;
         padding-right:24px;
    }
     #mobilenav .level_2 > li > a.trail, #mobilenav .level_2 > li > a:hover, #mobilenav .level_2 > li > span {
         color:#9b8681;
    }
     #mobilenav .level_2 > li > a.trail, #mobilenav .level_2 > li > span {
         background-image: url("../design/pfeil_subnav.png");
         background-position: left 9px;
         background-repeat: no-repeat;
         padding-left: 12px;
         margin-left:24px;
    }
     #mobilenav .level_2 a, #mobilenav .level_2 span {
         /*height: 0;
         line-height: 0;*/
         -webkit-transition: 0.5s;
         -moz-transition: 0.5s;
         -ms-transition: 0.5s;
         -o-transition: 0.5s;
         transition: 0.5s;
    }
     #mobilenav .level_2.open {
         padding:16px 0;
         background-color:#fff;
         border-top: 1px solid #D7E9F8;
    }
     #mobilenav .level_2.open a, #mobilenav .level_2.open span {
         height:auto!important;
         padding-top:5px;
         padding-bottom:5px;
         display:block;
         overflow:visible;
    }
     #mobilenav .level_2.open .level_3 li.last {
         margin-bottom:1em;
    }
     #mobilenav .level_2 a, #mobilenav .level_2 span {
         padding-left:24px;
         display:block;
    }
     #mobilenav #seitenkategorie_tab {
         background-color: #370D03;
         color: #FFFFFF;
         display: block;
         height: auto;
         left: auto;
         margin-bottom:0;
         padding: 0 24px;
         position: relative;
         top: 0;
         width: auto;
    }
    /* in die Hauptnav eingeschobene Monatsnav kann in Mobilnav nicht angezeigt werden */
     #main .eventmenu {
         display:block;
    }
     #main ul.eventmenu, #main ul.eventmenu ul, #main ul.eventmenu li {
         list-style-type:none;
         padding-left:0!important;
    }
     #main .eventmenu li {
        /* display:block!important;
         */
    }
     #main .eventmenu a, #main .eventmenu span {
         display:block;
         padding:8px 0;
         background-image: url("../design/pfeil_subnav.png");
         background-position: left 13px;
         background-repeat: no-repeat;
         padding-left: 12px;
    }
     #seitenkategorie_tab p {
         margin-bottom:0;
    }
     #seitenkategorie_tab a {
         padding:16px 0;
        /* font-size: 24px;
         line-height:24px;
         */
         font-size: 1.846em;
         line-height:1em;
         font-family:"ConduitITCStd-Medium";
         font-weight: normal;
         font-style: normal;
    }
    /* Inhalte linke Spalte */
     #left #seitenkategorie_tab {
         background-color: #370D03;
         color: #FFFFFF;
         display: block;
         height: auto;
         left: auto;
         margin-bottom: 0;
         padding: 0 24px;
         position: relative;
         top: 0;
         width: auto;
    }
     .mod_newslist .trennlinie_duenn, .mod_newslist .trennlinie_fett {
         position:relative;
         width:100%;
         left:-24px;
         padding-right:48px;
         overflow:visible!important;
    }
     #events_startseite .trennlinie_duenn {
         left:0;
         padding-right:0;
    }
    /* footer elemente */
     #footernav_external {
        /* background-color:#bcdbf4;*/
         border-top:1px solid #bcdbf4;
         margin: 0 0 2em 0;
    }
     #footernav_external li {
         float: none;
         display:block;
         margin: 0;
         padding: 0;
    }
     #footernav_external a, #footernav_external span {
         display:block;
         float:none;
         overflow:hidden;
         position: relative;
         z-index: 1;
    }
     #footernav_external ul.level_1 > li {
         border-bottom:1px solid #bcdbf4;
    }
     #footernav_external ul.level_1 > li > a, #footernav_external ul.level_1 > li > span {
         display:block;
         font-family:"ConduitITCStd-Medium";
         font-weight: normal;
         font-style: normal;
         color:#bcdbf4;
         background-color:#fff;
         padding:16px 24px 16px 40px;
         background-image:url(../design/pfeil_hellblau.png);
         background-position: 18px 19px ;
         background-repeat:no-repeat;
         font-size:1.846em;
         line-height:1em;
         height:24px;
         width:auto;
         text-indent:0;
         float:none;
    }
    /* homepageelemente */
     .slideshowbild .text_inner p a {
         color: #370D03!important;
    }
     #teaserbloecke {
         margin-top: 0 !important;
         margin:auto !important;
         max-width: 700px !important;
         width: 100% !important;
         min-width: auto !important;
    }
     .ce_teaserblock {
         float:none;
         display:block;
         margin-left:auto!important;
         margin-right:auto!important;
         margin-bottom:24px;
         width: 100%;
         max-width: 98vw;
    }

     .slideshowbild .text_inner {
         bottom: auto;
         color: #370d03;
         margin:0;
         left:auto;
         right:auto;
         top: -150px;
         padding:1em 0;
         position: relative;
         width: 100%;
         margin:auto;
         /* padding:24px 0 12px; */
         /* background-color:#D7E9F8; */
         font-size: 1.25em;
    }
    .slideshowbild h2 {
    	padding: .25em 1em;
    }
     .slideshowbild a {
         color:#000;
    }
    
     #seitenkategorie_tab a {
         font-size: 1.3em;
         line-height: 1em;
         padding: 16px 0;
    }
     #share_icons {
         position:relative;
         left:0;
         top:auto;
    }
     .home #share_icons {
         position:relative;
         left:0;
         margin-left:24px;
         top:auto;
    }
     .home #share_icons ul li {
         padding-bottom:8px!important;
    }
     #subcontent {
         clear: both;
         display: block;
         float: none;
         margin-left: 0;
         width: auto;
    }
    /* .textbildbloecke {
         max-width:272px!important;
    }
     .ce_textbildblock {
         float: left;
         width:272px;
         height:auto!important;
    }
     */
     .grid_sizer {
         width:272px;
        /* versuch, Masonry-Spaltenbreite anzupassen */
    }
     .tagungszentrum.home #hauptblock #hauptblock_inner, .regenbogen.home #hauptblock #hauptblock_inner, .rfl.home #hauptblock #hauptblock_inner {
         padding:24px;
    }
     .tagungszentrum.home #hauptblock, .regenbogen.home #hauptblock, .rfl.home #hauptblock {
         margin-top: 0 !important;
         z-index: 0;
    }
     .tagungszentrum.home #hauptblock .subcolumns > div, .rfl.home #hauptblock .subcolumns > div, .regenbogen.home #hauptblock .subcolumns > div {
         display: block;
         float: none;
         margin: 0;
         width: auto;
    }
     .tagungszentrum.home #hauptblock .subcr, .tagungszentrum.home #hauptblock .subcl, .tagungszentrum.home #hauptblock .subc, .rfl.home #hauptblock .subcr, .rfl.home #hauptblock .subcl, .rfl.home #hauptblock .subc, .regenbogen.home #hauptblock .subcr, .regenbogen.home #hauptblock .subcl, .regenbogen.home #hauptblock .subc {
         margin-bottom: 20px !important;
         padding-left: 0 !important;
         padding-right: 0 !important;
    }
     .ce_gallery ul li {
         max-width:none;
         width:auto;
         display:block;
         float:none;
         margin-bottom:20px!important;
    }
     .ce_gallery .col_0 {
         margin-right:0!important;
    }
     .ce_gallery .col_1 {
         margin-left:0!important;
    }
     .ce_gallery#sponsoren_footer ul li {
         margin-bottom:5px!important;
    }
     .ce_gallery#sponsoren_footer .col_0 {
         margin-right:8px!important;
    }
     .ce_gallery#sponsoren_footer .col_1 {
         margin-left:8px!important;
    }
     #sponsoren_footer {
         margin: 0 16px;
    }
     #sponsoren_footer li {
         width:100px;
         margin:0 8px;
    }
     #sponsoren_footer img, #sponsoren_footer .img_wrapper {
         width:100px;
         height:68px;
    }
     .hauptbild .slider-control {
         padding-bottom:10px;
    }

}
 @media (max-width:500px) {
     #main .subcolumns > div{
         float:none;
         display:block;
         width:auto;
         margin:0;
    }
     #main .subcr, #main .subcl, #main .subc {
         padding-left:0!important;
         padding-right:0!important;
         margin-bottom:20px!important;
    }
     #beitrittsformular table, 
     #beitrittsformular thead, 
     #beitrittsformular tbody, 
     #beitrittsformular th, 
     #beitrittsformular td, 
     #beitrittsformular tr {
         display: block;
    }
     #beitrittsformular .col_1 td {
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
    }
    
    .slider-control {
		top: -80px;
	}
	

	.ce_teaserblock {
		margin-right: auto;
		height: auto;
	}

     .tagungszentrum.home #seitenkategorie_tab, .rfl.home #seitenkategorie_tab, .regenbogen.home #seitenkategorie_tab {
         width:200px;
    }
}