.html { height: 100%; } /* HTML */
html, body { min-height: 100% !important; height: 100%; padding: 0; margin: 0; } /* HTML */

/* Fonts */
@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-weight: 400;
    src: local('Yanone Kaffeesatz'), 
        url('./yanone_kaffeesatz_regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Yanone Kaffeesatz';
    font-weight: 700;
    src: local('Yanone Kaffeesatz'), 
        url('./yanone_kaffeesatz_bold.ttf') format('truetype');
}

/* Standard-Klassen */
.overflow_hidden { overflow: hidden; }

/* Loadie */
.loadie { z-index: 100000; } /* Loadie */

/* Body */
/* .css_body { z-index: -1; width: 100%; height: 100%; position: relative; background-color: #627712; } */ /* Body */ 
.css_body { width: 100%; height: 100%; position: relative; background-color: #627712; }

/* Grundeinrichtung */
.css_init_display_none { display: none; }
.css_init_display_inline { display: inline; }
.css_init_font_family { font-family: 'Yanone Kaffeesatz', sans-serif; } /* font Grundformatierungen */
.css_init_font_color { color: #d0d0d0; }
.css_init_font_size { font-size: 14px; }
.css_init_line_height { line-height: 18px; }
.css_text_underline { text-decoration: underline; }
.css_text_bold { font-weight: bold; }

h1 { font-size: 1.4em; font-weight: bold; line-height: 1.5em; text-shadow: 0px 0px 12px #f0f0f0; }

/* Header: Logo und Infomedia */
.css_infomedia_a { color: #776f5a; }
.css_infomedia_a:hover { text-decoration: underline; color: #b0a587; }
.css_infomedia_a:focus { text-decoration: underline; color: #776f5a; }

.css_infomedia_icon { color: #6a624f; }
.css_infomedia_icon:hover { text-decoration: underline; color: #6a624f; }
.css_infomedia_icon:focus { text-decoration: underline; color: #6a624f; }

.css_infomedia_facebook { font-size: 25px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_youtube { font-size: 25px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_twitter { font-size: 25px; color: #6a624f; margin-left: 5px; line-height: 30px; }

.css_infomedia_link_bild_icon_img { width: 22px; height: 22px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; margin-top: -9px; }

/* Header: Slider */
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { 
text-align: center; 
font-size: 18px; 
background: #fff;
background-position: center center;
background-size: cover;
        
/* Center Slider-Text vertikal */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

.css_slider_a { color: #f0f0f0; }
.css_slider_a:hover { text-decoration: underline; color: #f0f0f0; }
.css_slider_a:focus { text-decoration: underline; color: #f0f0f0; }

/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 25px; padding-left: 5%; }

/* Inhalt */
.css_inhalt_box { display: inline; float: left; width: 100%; min-height: 100px; height: auto; background-color: #ffffff; padding-top: 30px; padding-bottom: 30px; }

/* Footer */
.css_footer_box { display: inline; float: left; width: 100%; min-height: 150px; height: auto; padding-top: 20px; padding-bottom: 20px; }

/* Baustein: Grundinformationen - Color */
.css_color_weiss { color: #ffffff; }
.css_color_lweiss { color: #f0f0f0; }
.css_color_gruen { color: #84a00d; }
.css_color_dbraun { color: #776f5a; }
.css_color_hbraun { color: #ada493; }
.css_color_dgrau { color: #606060; }
.css_color_hgrau { color: #c0c0c0; }

.css_color_hintergrund_weiss { background-color: #ffffff; }
.css_color_hintergrund_lweiss { background-color: #f0f0f0; }
.css_color_hintergrund_gruen { background-color: #84a00d; }
.css_color_hintergrund_dgruen { background-color: #596b0c; }
.css_color_hintergrund_dbraun { background-color: #776f5a; }
.css_color_hintergrund_hbraun { background-color: #ada493; }
.css_color_hintergrund_dgrau { background-color: #606060; }

.css_align_center { text-align: center; }

/* Baustein: Grundinformationen - Schrift */
.css_font_normal { font-weight: normal; }
.css_font_bold { font-weight: bold; }

/* Baustein: Border oben/unten */
.css_border_top_hgrau { border-top-style: solid; border-top-color: #a0a0a0; border-top-width: 1px; }
.css_border_bottom_hgrau { border-bottom-style: solid; border-bottom-color: #a0a0a0; border-bottom-width: 1px; }
.css_border_bottom_dgruen { border-bottom-style: solid; border-bottom-color: #5b6b1d; border-bottom-width: 1px; }

/* Baustein: Absatz */
.css_absatz_standard_box { display: inline; float: left; width: 100%; height: 20px; min-height: 20px; }
.css_absatz_gross_box { display: inline; float: left; width: 100%; height: 40px; min-height: 40px; }

/* Baustein: Link Text a-Tag dbraun */
.css_link_text_dbraun_a { color: #776f5a; }
.css_link_text_dbraun_a:hover { text-decoration: underline; color: #776f5a; }
.css_link_text_dbraun_a:focus { text-decoration: underline; color: #776f5a; }

/* Baustein: Link Text a-Tag weiss */
.css_link_text_weiss_a { color: #ffffff; }
.css_link_text_weiss_a:hover { text-decoration: underline; color: #ffffff; }
.css_link_text_weiss_a:focus { text-decoration: underline; color: #ffffff; }

/* Baustein: Link Text a-Tag gruen */
.css_link_text_gruen_a { color: #84a00d; }
.css_link_text_gruen_a:hover { text-decoration: underline; color: #84a00d; }
.css_link_text_gruen_a:focus { text-decoration: underline; color: #84a00d; }

/* Baustein: Link Text a-Tag hbraun */
.css_link_text_hbraun_a { color: #ada493; }
.css_link_text_hbraun_a:hover { text-decoration: underline; color: #ada493; }
.css_link_text_hbraun_a:focus { text-decoration: underline; color: #ada493; }

/* Baustein: Link Text a-Tag dgrau */
.css_link_text_dgrau_a { color: #606060; }
.css_link_text_dgrau_a:hover { text-decoration: underline; color: #606060; }
.css_link_text_dgrau_a:focus { text-decoration: underline; color: #606060; }




/* Baustein: Teaserbox */
.css_teaserbox_container_box { display: inline; float: left; width: 100%; min-height: 375px; text-align: center; position: relative; margin-bottom: 25px; }
/* .css_teaserbox_fenster_box { display: inline; float: left; width: 100%; min-height: 375px; overflow: hidden; padding-left: 10%; padding-right: 10%; } */
.css_teaserbox_fenster_box { display: inline; float: left; width: 100%; min-height: 375px; overflow: hidden; padding-left: 3%; padding-right: 3%; }

.css_teaserbox_objekte_box { width: 10000px; }
.css_teaserbox_box { display: inline; float: left; width: 200px; height: 375px; text-align: center; margin-left: 60px; margin-right: 60px; margin-bottom: 20px; }
.css_teaserbox_titel_box { display: inline; float: left; width: 100%; max-height: 75px; height: 75px; text-align: center; overflow: hidden; }

.css_teaserbox_bild_box { display: inline; float: left; width: 100%; height: 150px; text-align: center; max-height: 150px; overflow: hidden; margin-top: 10px; }
.css_teaserbox_bild_box_schatten { -webkit-box-shadow: 5px 5px 15px 0px rgba(64,64,64,0.5); -moz-box-shadow: 5px 5px 15px 0px rgba(64,64,64,0.5); box-shadow: 5px 5px 15px 0px rgba(64,64,64,0.5); }

.css_teaserbox_text_box { display: inline; float: left; width: 100%; height: auto; text-align: center; max-height: 75px; overflow: hidden; margin-top: 10px; }
.css_teaserbox_link_box { display: inline; float: left; width: 100%; height: auto; text-align: center; min-height: 45px; max-height: 75px; overflow: hidden; margin-top: 20px; }

.css_teaserbox_pfeil_links_box { position: absolute; left: 0px; top: 0px; width: auto; height: 100%; text-align: center; padding-left: 30px; padding-right: 10px; }
.css_teaserbox_pfeil_rechts_box { position: absolute; right: 0px; top: 0px; width: auto; height: 100%; text-align: center; padding-right: 30px; padding-left: 10px; }
.css_teaserbox_pfeil { font-size: 40px; margin-top: 185px; }

#startseite_aktuelles > .css_teaserbox_container_box > .css_teaserbox_pfeil_rechts_box { background-color: #ffffff; cursor: pointer; }
#startseite_aktuelles > .css_teaserbox_container_box > .css_teaserbox_pfeil_links_box { background-color: #ffffff; cursor: pointer; }

#startseite_tierheime > .css_teaserbox_container_box > .css_teaserbox_pfeil_rechts_box { background-color: #ada493; cursor: pointer; }
#startseite_tierheime > .css_teaserbox_container_box > .css_teaserbox_pfeil_links_box { background-color: #ada493; cursor: pointer; }

#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_pfeil_rechts_box { background-color: #ffffff; cursor: pointer; }
#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_pfeil_links_box { background-color: #ffffff; cursor: pointer; }

/* Baustein: Tierheime Teaserbox */
/* .css_tierheim_icon { color: #776f5a; } */
.css_tierheim_icon { color: #6a624f; }

/* jQuery Plug-in: galleria */
/* .galleria{ max-width: 800px; height: 600px; background: #303030; } */
.galleria-theme-classic { position: relative; overflow: hidden; background: #fafafa; -webkit-box-shadow: 5px 5px 15px 0px rgba(64,64,64,1); -moz-box-shadow: 5px 5px 15px 0px rgba(64,64,64,1); box-shadow: 5px 5px 15px 0px rgba(64,64,64,1); }
.galleria-theme-classic .galleria-counter { position: absolute; bottom: 10px; left: 10px; text-align: right; color: #404040; font: normal 11px/1 arial,sans-serif; z-index: 1; }
.galleria-theme-classic .galleria-info-text { background-color: #505050; padding: 12px; display: none; /* IE7 */ zoom:1; }

.css_galleria_box { width: 60%; min-height: 450px; padding-left: 20%; padding-right: 20%; }
.css_galleria_icon_fullscreen_box { position:absolute; right:20px; top:20px; width:20px; height:20px; z-index:100000; cursor:pointer; }
.css_galleria_icon_fullscreen { font-size: 20px; color:#909090; }

/* Icon: gooding */
.css_icon_gooding_bimg { background-image: url('./libs/design/icon_gooding_braun_opt.jpg'); width:40px; height:40px; }

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_text_max_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; text-align: center; }
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 400px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }
.css_tierheim_bild_max { background-repeat:no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_tierheim_text_max_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; padding-bottom: 15px; padding-top: 15px; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_icon_max_box { display: inline; width: auto; height: auto; font-size: 40px; min-height: 40px; height: 40px; line-height: 40px; margin-left: 3px; margin-right: 3px; }
.css_tierheim_icon_max_box > a:active, a:focus, a:hover { outline: none; text-decoration: none; }

/* Baustein: gooding link bild (icon) */
.css_link_bild_icon_box { display: inline; margin-left: 3px; margin-right: 5px; vertical-align: top; }
.css_link_bild_icon_img { width: 35px; height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 4px; }
.css_link_bild_icon_span { }

/* Aufklappfeld TH und GST. */
.css_bmt_th_gst_aufklappfeld_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: center; }
.css_bmt_th_gst_button_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: center; margin-top: 20px; }

/* iScroll touch (Standard = horizontal) */
.css_app_fkt_touch_box { display: block; float: left; width: 100%; height: 100%; overflow: hidden; margin-bottom: 10px; vertical-align: middle; }
.css_app_fkt_touch_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
.css_app_fkt_touch_scroller { position: absolute; width: 100000px; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: ranslateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } 
.css_app_touch_nav_ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 100%; text-align: center; cursor: all-scroll; }
.css_app_touch_nav_li { display: block; float: left; width: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:100px; padding-right:100px; }
.css_app_touch_nav_item { }
.css_app_touch_nav_li:hover { }
.css_app_touch_nav_item:hover { }
.css_app_touch_nav_aktiv { }
.css_app_touch_nav_aktiv:hover { }

/* iScroll touch (vertical) */
.css_app_fkt_touch_v_box { display: block; float: left; width: 100%; height: 100%; overflow: hidden; margin-bottom: 10px; vertical-align: middle; }
.css_app_fkt_touch_v_wrapper { position: relative; width: 100%; height: 310px; overflow: hidden; }
.css_app_fkt_touch_v_scroller { position: absolute; width: 100%; height: 100000px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: ranslateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } 
.css_app_touch_v_nav_ul { list-style: none; padding: 0px; margin: 0; width: 100%; height: 100%; text-align: center; cursor: all-scroll; }
.css_app_touch_v_nav_li { display: block; float: left; width: 100%; height: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:2% ;padding-right:2%; }
.css_app_touch_v_nav_item { }
.css_app_touch_v_nav_li:hover { }
.css_app_touch_v_nav_item:hover { }
.css_app_touch_v_nav_aktiv { }
.css_app_touch_v_nav_aktiv:hover { }