/* Media-Anpassung */

@media screen and (max-width: 3840px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; }
.css_logo_box { display: inline; float: left; width: 50%; height: 100%; text-align: left; padding-left: 25px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 50%; height: auto; text-align: right; padding-right: 25px; padding-top: 27px; }
.css_infomedia { font-size: 25px; color: #776f5a; line-height: 30px; }
/*.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: 25px; height: 25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; } */
    
/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 550px; height: 550px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 45px; min-width: 150px; max-width: 20%; width: 20%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 40px; font-weight: 700; line-height: 45px; color: #505050; }
.css_slider_text { width: 100%; font-size: 30px; font-weight: normal; line-height: 33px; color: #6a6a6a; margin-top: 20px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 12px; padding-left: 25px; padding-right: 25px; }

/* Header: Slider V2 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 550px; height: 550px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 45px; min-width: 150px; max-width: 30%; width: 30%; height: 100%; text-align: left; overflow: hidden; -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); }
/*
.css_slide_title { width: 100%; font-size: 40px; font-weight: 700; line-height: 45px; color: #505050; }
.css_slide_text { width: 100%; font-size: 30px; font-weight: normal; line-height: 33px; color: #6a6a6a; margin-top: 20px; }
.css_slide_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 12px; padding-left: 25px; padding-right: 25px; }
*/
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 25px; margin-left: auto; margin-right: auto; }
.css_menue_box > ul > li > ul > li { font-size: 22px; }
    
/* Inhalt */
.css_inhalt_box { display: inline; float: left; width: 100%; min-height: 100px; height: auto; background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; }

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: left; }
    
.css_titel_h1 { font-size: 50px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 45px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 22px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 20px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 18px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: left; }
.css_text_css { font-size: 25px; line-height: 29px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 22px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 50px; }
    
/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
.css_hintergrund_box_gruen { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #84a00d; }
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 50px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 12px; padding-left: 25px; padding-right: 25px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 19px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 450px; max-height: 450px; }
    
/* Baustein: Teaserbox - Tierschutzthemen */
#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_fenster_box > .css_teaserbox_objekte_box > .css_teaserbox_box { display: inline; float: left; width: 300px; height: 350px; text-align: center; margin-left: 60px; margin-right: 60px; margin-bottom: 20px; }
#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_fenster_box > .css_teaserbox_objekte_box > .css_teaserbox_box > .css_teaserbox_bild_box { display: inline; float: left; width: 100%; height: 225px; text-align: center; max-height: 225px; overflow: hidden; margin-top: 10px; }
 
/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox2 { display: inline; float: left; width: 50%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 33%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 100%; height: 350px; text-align: center; max-height: 350px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 100%; height: 650px; text-align: center; max-height: 650px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 100%; height: 600px; text-align: center; max-height: 600px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
    
.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 100%; height: 470px; text-align: center; max-height: 470px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }    
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; min-height: 60px; height: 60px; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }    
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: left; margin-top: 15px; }
    
/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 40%; height: 200px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 60%; height: auto; padding-left: 5%; padding-right: 5%; padding-bottom: 15px; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 40px; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 19px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 40px; height: 40px; line-height: 40px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 40px; font-size: 40px; min-height: 40px; height: 40px; line-height: 40px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 80%; min-height: 750px; padding-left: 10%; padding-right: 10%; }
    
/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 33%; padding-right: 25%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 240px; height: auto; text-align: center; padding: 20px; }
.css_footer_link_bild_mini_img { width: 200px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 22px; color: #f0f0f0; padding-top: 15px; }
 
/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 300px; height: auto; }
.css_logo_spendenrat_img { width: 300px;  padding-top: 20px; }   
    
/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 600px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }

/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 15%; padding-right: 15%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 40%; height: 550px; text-align: center; max-height: 550px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 40%; height: 550px; text-align: center; max-height: 550px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 20px; }
.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_startseite_notfaelle_bild_box { display: inline; float: left; width:25%; height: auto; max-height: 300px; margin-right: 2%; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:73%; height: auto; padding-left: 50px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 0px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; margin-right: 20px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; -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_startseite_notfaelle_box .css_text_css_box { padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
    
.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 96px; left: 30px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 96px; right: 20px; width: 40px; height: 40px; vertical-align: middle; }    

/* Startseite Newsticker */
.css_startseite_newsticker_box { display: inline; float: left; position: relative; width: 100%; height: 375px; }
.css_startseite_newsticker_vorgaenge_box { margin-bottom: 0px; margin-top: 0px; }
.css_app_touch_v_nav_li { display: block; float: left; width: 96%; height: auto; cursor: all-scroll; margin-right: 0px; color: #808080; margin-left:2% ;margin-right:2%; padding-top: 30px; }
.css_startseite_newsticker_titel_box { display: inline; float: left; width:100%; height: auto; padding-left: 0px; padding-right: 0px; }
.css_startseite_newsticker_link_box { display: inline; float: left; width:100%; height: auto; padding-left: 0px; padding-right: 0px; margin-top: 10px; }
.css_startseite_newsticker_text_box { display: inline; float: left; width:100%; height: auto; padding-left: 0px; padding-right: 0px; }
.css_startseite_newsticker_titel { text-align: center; padding-left: 0px; padding-right: 0px; font-weight: bold; }
.css_startseite_newsticker_link_text { font-size: 26px; line-height: 29px; }
.css_startseite_newsticker_link_box a { color: #a0a0a0; }
.css_startseite_newsticker_link_box a:hover { color: #808080; text-decoration: underline; }
.css_startseite_newsticker_link_box a:focus { color: #808080; text-decoration: underline; }
    
.css_startseite_newsticker_box .css_titel_box { margin-top: 0px; padding-top: 0px; }
.css_startseite_newsticker_box .css_titel_h3 { font-size: 25px; line-height: 28px; text-align: center; }
.css_startseite_newsticker_box h2 { margin-top: 0px; padding: 0px; margin-bottom: 0px; padding-bottom: 0px; text-align: center; }
.css_startseite_newsticker_box .css_text_css_box { padding-left: 0px; padding-left: 0px; }
.css_startseite_newsticker_box .css_text_css { font-size: 25px; line-height: 28px; }
    
.css_startseite_newsticker_vorgaenge_nav_icon { font-size: 30px; color: #776f5a; vertical-align: middle; cursor: pointer; }
/* .css_startseite_newsticker_vorgaenge_nav_oben { position: absolute; top: 70px; left:-moz-calc(50% - 15px); left:-webkit-calc(50% - 15px); left:calc(50% - 15px); width: 30px; height: 30px; z-index: 200000; }
.css_startseite_newsticker_vorgaenge_nav_unten { position: absolute; bottom: 20px; left:-moz-calc(50% - 15px); left:-webkit-calc(50% - 15px); left:calc(50% - 15px); width: 30px; height: 30px; z-index: 200000; } */
.css_startseite_newsticker_vorgaenge_nav_oben { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; z-index: 200000; }
.css_startseite_newsticker_vorgaenge_nav_unten { position: absolute; bottom: 20px; right:20px; width: 30px; height: 30px; z-index: 200000; }
}



@media screen and (max-width: 1920px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; }
.css_logo_box { display: inline; float: left; width: 50%; height: 100%; text-align: left; padding-left: 25px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 50%; height: auto; text-align: right; padding-right: 25px; padding-top: 27px; }
.css_infomedia { font-size: 24px; color: #776f5a; line-height: 30px; }
/* .css_infomedia_facebook { font-size: 24px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_youtube { font-size: 24px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_twitter { font-size: 24px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_link_bild_icon_img { width: 24px; height: 24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; } */
    
/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 550px; height: 550px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 30%; width: 30%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 28px; font-weight: 500; line-height: 31px; color: #505050; }
.css_slider_text { width: 100%; font-size: 23px; font-weight: normal; line-height: 26px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; padding-left: 25px; padding-right: 25px; }

/* Header: Slider V2 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 550px; height: 550px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 30%; width: 30%; height: 100%; text-align: left; overflow: hidden; -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); }
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 25px; margin-left: auto; margin-right: auto; }
.css_menue_box > ul > li > ul > li { font-size: 22px; }

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

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: left; }
    
.css_titel_h1 { font-size: 50px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 45px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 22px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 20px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 18px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: left; }
.css_text_css { font-size: 22px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 22px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 50px; }

/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
.css_hintergrund_box_gruen { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #84a00d; }    
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 50px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; padding-left: 25px; padding-right: 25px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 19px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 450px; max-height: 450px; }
    
/* Baustein: Teaserbox - Tierschutzthemen */
#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_fenster_box > .css_teaserbox_objekte_box > .css_teaserbox_box { display: inline; float: left; width: 300px; height: 350px; text-align: center; margin-left: 60px; margin-right: 60px; margin-bottom: 20px; }
#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_fenster_box > .css_teaserbox_objekte_box > .css_teaserbox_box > .css_teaserbox_bild_box { display: inline; float: left; width: 100%; height: 225px; text-align: center; max-height: 225px; overflow: hidden; margin-top: 10px; }

/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox2 { display: inline; float: left; width: 50%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 33%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 100%; height: 350px; text-align: center; max-height: 350px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 100%; height: 620px; text-align: center; max-height: 620px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 100%; height: 480px; text-align: center; max-height: 480px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
    
.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 100%; height: 470px; text-align: center; max-height: 470px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }  
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; min-height: 60px; height: 60px; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }    
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 50px; padding-right: 50px; text-align: left; margin-top: 15px; }
    
/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 40%; height: 200px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 60%; height: auto; padding-left: 5%; padding-right: 5%; padding-bottom: 15px; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 40px; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 19px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 40px; height: 40px; line-height: 40px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 40px; font-size: 40px; min-height: 40px; height: 40px; line-height: 40px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 70%; min-height: 600px; padding-left: 15%; padding-right: 15%; }

/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 25%; padding-right: 20%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 200px; height: auto; text-align: center; padding: 15px; }
.css_footer_link_bild_mini_img { width: 170px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 22px; color: #f0f0f0; padding-top: 15px; }

/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 300px; height: auto; }
.css_logo_spendenrat_img { width: 300px;  padding-top: 20px; }   

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 500px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }

/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 15%; padding-right: 15%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 50%; height: 450px; text-align: center; max-height: 450px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 50%; height: 450px; text-align: center; max-height: 450px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 20px; }
.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_startseite_notfaelle_bild_box { display: inline; float: left; width:36%; height: auto; max-height: 300px; margin-right: 2%; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:62%; height: auto; padding-left: 40px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 0px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 23px; line-height: 25px; }
    
.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 96px; left: 30px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 96px; right: 20px; width: 40px; height: 40px; vertical-align: middle; }    

}



@media screen and (max-width: 1440px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; padding-top: 10px; padding-bottom: 10px; }
.css_logo_box { display: inline; float: left; width: 50%; height: 100%; text-align: left; padding-left: 25px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 50%; height: auto; text-align: right; padding-right: 25px; padding-top: 27px; }
.css_infomedia { font-size: 23px; color: #776f5a; line-height: 30px; }
/* .css_infomedia_facebook { font-size: 23px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_youtube { font-size: 23px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_twitter { font-size: 23px; color: #6a624f; margin-left: 5px; line-height: 30px; }
.css_infomedia_link_bild_icon_img { width: 23px; height: 23px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 5px; } */
    
/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 500px; height: 500px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 35%; width: 35%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 28px; font-weight: 500; line-height: 31px; color: #505050; }
.css_slider_text { width: 100%; font-size: 23px; font-weight: normal; line-height: 26px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; padding-left: 25px; padding-right: 25px; }

/* Header: Slider V2 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 500px; height: 500px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 35%; width: 35%; height: 100%; text-align: left; overflow: hidden; -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); }
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 25px; margin-left: auto; margin-right: auto; }
.css_menue_box > ul > li > ul > li { font-size: 22px; }

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

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 45px; padding-right: 45px; text-align: left; }
    
.css_titel_h1 { font-size: 45px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 42px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 22px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 20px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 18px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 2px 2px 4px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 45px; padding-right: 45px; text-align: left; }
.css_text_css { font-size: 20px; line-height: 23px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 20px; line-height: 23px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 45px; }

/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
.css_hintergrund_box_gruen { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #84a00d; }    
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 45px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; padding-left: 25px; padding-right: 25px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 19px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 450px; max-height: 450px; }

/* Baustein: Teaserbox - Tierschutzthemen */
#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_fenster_box > .css_teaserbox_objekte_box > .css_teaserbox_box { display: inline; float: left; width: 300px; height: 350px; text-align: center; margin-left: 60px; margin-right: 60px; margin-bottom: 20px; }
#startseite_tierschutzthemen > .css_teaserbox_container_box > .css_teaserbox_fenster_box > .css_teaserbox_objekte_box > .css_teaserbox_box > .css_teaserbox_bild_box { display: inline; float: left; width: 100%; height: 225px; text-align: center; max-height: 225px; overflow: hidden; margin-top: 10px; }

/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox2 { display: inline; float: left; width: 50%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 33%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 100%; height: 320px; text-align: center; max-height: 320px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 100%; height: 500px; text-align: center; max-height: 500px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 100%; height: 350px; text-align: center; max-height: 350px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
    
.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 100%; height: 470px; text-align: center; max-height: 470px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }  
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; min-height: 60px; height: 60px; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }    
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 45px; padding-right: 45px; text-align: left; margin-top: 15px; }
    
/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 40%; height: 200px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 60%; height: auto; padding-left: 5%; padding-right: 5%; padding-bottom: 15px; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 40px; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 19px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 40px; height: 40px; line-height: 40px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 40px; font-size: 40px; min-height: 40px; height: 40px; line-height: 40px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 70%; min-height: 500px; padding-left: 15%; padding-right: 15%; }
        
/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 15%; padding-right: 15%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 190px; height: auto; text-align: center; padding: 15px; }
.css_footer_link_bild_mini_img { width: 160px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 20px; color: #f0f0f0; padding-top: 15px; }

/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 280px; height: auto; }
.css_logo_spendenrat_img { width: 280px;  padding-top: 20px; }   

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 480px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }
    
/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 8%; padding-right: 8%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 60%; height: 480px; text-align: center; max-height: 480px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 60%; height: 480px; text-align: center; max-height: 480px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 20px; }
.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_startseite_notfaelle_bild_box { display: inline; float: left; width:40%; height: auto; max-height: 300px; margin-right: 2%; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:58%; height: auto; padding-left: 35px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 0px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
    
.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 96px; left: 30px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 96px; right: 20px; width: 40px; height: 40px; vertical-align: middle; }    

.css_startseite_notfaelle_box .css_titel_h3 { font-size: 20px; line-height: 23px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 20px; line-height: 23px; }

}



@media screen and (max-width: 1280px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; }
.css_logo_box { display: inline; float: left; width: 50%; height: 100%; text-align: left; padding-left: 25px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 50%; height: auto; text-align: right; padding-right: 25px; padding-top: 27px; }
.css_infomedia { font-size: 22px; color: #776f5a; line-height: 30px; }
/* .css_infomedia_facebook { font-size: 22px; color: #404040; margin-left: 5px; line-height: 30px; }
.css_infomedia_youtube { font-size: 22px; color: #404040; margin-left: 5px; line-height: 30px; }
.css_infomedia_twitter { font-size: 22px; color: #404040; margin-left: 5px; line-height: 30px; } */

/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 380px; height: 380px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 40%; width: 40%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 25px; font-weight: 500; line-height: 28px; color: #505050; }
.css_slider_text { width: 100%; font-size: 20px; font-weight: normal; line-height: 23px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; padding-left: 25px; padding-right: 25px; }
    
/* Header: Slider V2 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 380px; height: 380px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 40%; width: 40%; height: 100%; text-align: left; overflow: hidden; -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); }
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 22px; padding-left: 5%; }
.css_menue_box > ul > li > ul > li { font-size: 20px; }

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

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 40px; padding-right: 40px; text-align: left; }
    
.css_titel_h1 { font-size: 43px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 40px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 22px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 20px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 18px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 40px; padding-right: 40px; text-align: left; }
.css_text_css { font-size: 18px; line-height: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 18px; line-height: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 40px; }

/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
.css_hintergrund_box_gruen { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #84a00d; }
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 40px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; padding-left: 25px; padding-right: 25px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 18px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 380px; max-height: 380px; }
    
/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_inhaltsbox2 { display: inline; float: left; width: 50%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 33%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 100%; height: 280px; text-align: center; max-height: 280px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 100%; height: 400px; text-align: center; max-height: 400px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 100%; height: 250px; text-align: center; max-height: 250px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }    

.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 100%; height: 400px; text-align: center; max-height: 400px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; }  
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; min-height: 60px; height: 60px; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }    
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 40px; padding-right: 40px; text-align: left; margin-top: 15px; }
    
/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 100%; height: 350px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 100%; height: auto; padding-left: 0%; padding-right: 0%; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 40px; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 19px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 40px; height: 40px; line-height: 40px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 40px; font-size: 40px; min-height: 40px; height: 40px; line-height: 40px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 70%; min-height: 450px; padding-left: 15%; padding-right: 15%; }

/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 12%; padding-right: 12%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 170px; height: auto; text-align: center; padding: 10px; }
.css_footer_link_bild_mini_img { width: 150px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 18px; color: #f0f0f0; padding-top: 15px; }

/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 260px; height: auto; }
.css_logo_spendenrat_img { width: 260px;  padding-top: 20px; }   

/* Baustein: Tierheim Teaserboxen */
.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%; }

/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 65%; height: 450px; text-align: center; max-height: 450px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 65%; height: 450px; text-align: center; max-height: 450px; overflow: hidden; margin: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 20px; }
.css_app_touch_nav_li { display: block; float: left; width: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:90px; padding-right:90px; }
.css_startseite_notfaelle_bild_box { display: inline; float: left; width:40%; height: auto; max-height: 300px; margin-right: 2%; margin-top: 2%; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:58%; height: auto; padding-left: 35px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 0px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
    
.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 96px; left: 30px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 96px; right: 20px; width: 40px; height: 40px; vertical-align: middle; }    

.css_startseite_notfaelle_box .css_titel_h3 { font-size: 18px; line-height: 21px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 18px; line-height: 21px; }

}



@media screen and (max-width: 1024px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; }
.css_logo_box { display: inline; float: left; width: 50%; height: 100%; text-align: left; padding-left: 25px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 50%; height: auto; text-align: right; padding-right: 25px; padding-top: 2%; }
.css_infomedia { font-size: 21px; color: #776f5a; line-height: 30px; }
/* .css_infomedia_facebook { font-size: 21px; color: #404040; margin-left: 5px; line-height: 30px; }
.css_infomedia_youtube { font-size: 21px; color: #404040; margin-left: 5px; line-height: 30px; }
.css_infomedia_twitter { font-size: 21px; color: #404040; margin-left: 5px; line-height: 30px; } */

/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 350px; height: 350px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 60%; width: 60%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 25px; font-weight: 500; line-height: 28px; color: #505050; }
.css_slider_text { width: 100%; font-size: 20px; font-weight: normal; line-height: 23px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; padding-left: 25px; padding-right: 25px; }

/* Header: Slider V2 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 350px; height: 350px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 35px; min-width: 150px; max-width: 60%; width: 60%; height: 100%; text-align: left; overflow: hidden; -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); }
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 19px; padding-left: 5%; }
.css_menue_box > ul > li > ul > li { font-size: 19px; }

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

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 35px; padding-right: 35px; text-align: left; }
    
.css_titel_h1 { font-size: 40px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 37px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 23px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 35px; padding-right: 35px; text-align: left; }
.css_text_css { font-size: 18px; line-height: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 18px; line-height: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 35px; }

/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
.css_hintergrund_box_gruen { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #84a00d; }
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 35px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; padding-left: 25px; padding-right: 25px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 17px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 280px; max-height: 280px; }
    
/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_inhaltsbox2 { display: inline; float: left; width: 50%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 80%; height: 450px; text-align: center; max-height: 450px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 80%; height: 450px; text-align: center; max-height: 450px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }

.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; height: auto; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }    
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 35px; padding-right: 35px; text-align: left; margin-top: 15px; }

    
/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 100%; height: 300px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 100%; height: auto; padding-left: 0%; padding-right: 0%; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 38px; line-height: 38px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 17px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 38px; height: 38px; line-height: 38px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 38px; font-size: 38px; min-height: 38px; height: 38px; line-height: 38px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 80%; min-height: 400px; padding-left: 10%; padding-right: 10%; }

/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 10%; padding-right: 10%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 170px; height: auto; text-align: center; padding: 10px; }
.css_footer_link_bild_mini_img { width: 150px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 18px; color: #f0f0f0; padding-top: 15px; }

/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 500px; height: auto; }
.css_logo_spendenrat_img { width: 240px;  padding-top: 20px; }   

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }

/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 100%; height: 480px; text-align: center; max-height: 480px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 100%; height: 480px; text-align: center; max-height: 480px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding-top: 25px; padding-bottom: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 0px; }
.css_app_touch_nav_li { display: block; float: left; width: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:90px; padding-right:90px; }
.css_startseite_notfaelle_bild_box { display: inline; float: left; width:40%; height: auto; max-height: 300px; margin-right: 2%; margin-top: 6%; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:58%; height: auto; padding-left: 30px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 0px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
    
.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 96px; left: 30px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 96px; right: 20px; width: 40px; height: 40px; vertical-align: middle; }    

.css_startseite_notfaelle_box .css_titel_h3 { font-size: 17px; line-height: 19px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 17px; line-height: 19px; }

}



@media screen and (max-width: 900px) {

/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_inhaltsbox2 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 80%; height: 380px; text-align: center; max-height: 380px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 80%; height: 400px; text-align: center; max-height: 400px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
    
/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 100%; height: 350px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 100%; height: auto; padding-left: 0%; padding-right: 0%; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 38px; line-height: 38px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 38px; height: 38px; line-height: 38px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 38px; font-size: 38px; min-height: 38px; height: 38px; line-height: 38px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 90%; min-height: 350px; padding-left: 5%; padding-right: 5%; }

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 350px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 0px; }
.css_app_touch_nav_li { display: block; float: left; width: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:80px; padding-right:80px; }
.css_startseite_notfaelle_bild_box { display: inline; float: left; width:40%; height: auto; max-height: 300px; margin-right: 2%; margin-top: 7%; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:58%; height: auto; padding-left: 30px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 0px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
    
.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 96px; left: 30px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 96px; right: 20px; width: 40px; height: 40px; vertical-align: middle; }    

.css_startseite_notfaelle_box .css_titel_h3 { font-size: 17px; line-height: 19px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 17px; line-height: 19px; }

}



@media screen and (max-width: 768px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; }
.css_logo_box { display: inline; float: left; width: 60%; height: 100%; text-align: left; padding-left: 25px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 40%; height: auto; text-align: right; padding-right: 25px; padding-top: 17px; }
.css_infomedia { font-size: 20px; color: #776f5a; }

/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 300px; height: 300px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 20px; min-width: 150px; max-width: 80%; width: 80%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 21px; font-weight: 500; line-height: 24px; color: #505050; }
.css_slider_text { width: 100%; font-size: 18px; font-weight: normal; line-height: 21px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; padding-left: 15px; padding-right: 15; }

/* Header: Slider V2 */ 
.css_slider_box { display: inline; float: left; width: 100%; min-height: 300px; height: 300px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 10%; background-color: rgba(255,255,255,0.85); padding: 20px; min-width: 150px; max-width: 80%; width: 80%; height: 100%; text-align: left; overflow: hidden; -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); }
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 17px; padding-left: 5%; }
.css_menue_box > ul > li > ul > li { font-size: 17px; }

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

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; padding-top: 5px; padding-bottom: 5px; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 30px; padding-right: 30px; text-align: left; }
    
.css_titel_h1 { font-size: 35px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 32px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 23px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 30px; padding-right: 30px; text-align: left; }
.css_text_css { font-size: 18px; line-height: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 18px; line-height: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 30px; }

/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
.css_hintergrund_box_gruen { display: inline; float: left; width: 100%; height: auto; text-align: left; background-color: #84a00d; }
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 30px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; padding-left: 15px; padding-right: 15px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 280px; max-height: 280px; }
    
/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_inhaltsbox2 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 80%; height: 380px; text-align: center; max-height: 380px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 80%; height: 400px; text-align: center; max-height: 400px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }

.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; height: auto; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 30px; padding-right: 30px; text-align: left; margin-top: 15px; }

/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 100%; height: 350px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 100%; height: auto; padding-left: 0%; padding-right: 0%; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 36px; line-height: 36px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 16px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 36px; height: 36px; line-height: 36px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 36px; font-size: 36px; min-height: 36px; height: 36px; line-height: 36px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 90%; min-height: 350px; padding-left: 5%; padding-right: 5%; }

/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 8%; padding-right: 8%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 140px; height: auto; text-align: center; padding: 10px; }
.css_footer_link_bild_mini_img { width: 120px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 18px; color: #f0f0f0; padding-top: 15px; }

/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 220px; height: auto; }
.css_logo_spendenrat_img { width: 220px;  padding-top: 20px; }   

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 330px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }

/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 100%; height: 380px; text-align: center; max-height: 380px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 100%; height: 380px; text-align: center; max-height: 380px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding-top: 25px; padding-bottom: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 0px; }
.css_app_touch_nav_li { display: block; float: left; width: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:80px; padding-right:80px; }
.css_startseite_notfaelle_bild_box { display: inline; float: left; width:60%; height: auto; max-height: 300px; margin-left: 20%; margin-right: 20%; margin-top: 5px; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:100%; height: auto; padding-left: 0px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 15px; margin-bottom: 5px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 21px; line-height: 23px; text-align: center; font-weight: normal; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-right: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { display:none; padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box .css_teaserbox_link_box { margin-top: 0px; }
.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 112px; left: 10px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 112px; right: 5px; width: 40px; height: 40px; vertical-align: middle; }    

}



@media screen and (max-width: 600px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; }
.css_logo_box { display: inline; float: left; width: 100%; height: 100%; text-align: left; padding-left: 25px; padding-right: 23px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 100%; height: auto; text-align: right; padding-right: 25px; padding-top: 15px; }
.css_infomedia { font-size: 18px; color: #776f5a; }

/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 250px; height: 250px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 25px; background-color: rgba(255,255,255,0.85); padding: 15px; max-width: 83%; width: 83%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 21px; font-weight: 500; line-height: 24px; color: #505050; }
.css_slider_text { width: 100%; font-size: 17px; font-weight: normal; line-height: 20px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; padding-left: 15px; padding-right: 15px; font-size: 15px; }

/* Header: Slider V2 */ 
.css_slider_box { display: inline; float: left; width: 100%; min-height: 250px; height: 250px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 25px; background-color: rgba(255,255,255,0.85); padding: 15px; max-width: 83%; width: 83%; height: 100%; text-align: left; overflow: hidden; -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); }
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 17px; padding-left: 0%; }
.css_menue_box li, ul { width: 100%; padding-left: 25px; padding-right: 25px; }
 
/* Inhalt */
.css_inhalt_box { display: inline; float: left; width: 100%; min-height: 100px; height: auto; background-color: #ffffff; padding-top: 0px; padding-bottom: 0px; }

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; padding-top: 2px; padding-bottom: 2px; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 25px; padding-right: 25px; text-align: left; }
    
.css_titel_h1 { font-size: 33px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 29px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 23px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 17px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 25px; padding-right: 25px; text-align: left; }
.css_text_css { font-size: 16px; line-height: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 16px; line-height: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 25px; }

/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
.css_hintergrund_box_gruen { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #84a00d; }
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 25px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; padding-left: 15px; padding-right: 15px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 8px; padding-bottom: 8px; font-size: 15px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 230px; max-height: 230px; }

/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_inhaltsbox2 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 80%; height: 250px; text-align: center; max-height: 250px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }

.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 80%; height: 250px; text-align: center; max-height: 250px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; height: auto; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }    
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 24px; padding-right: 25px; text-align: left; margin-top: 15px; }
    
/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 100%; height: 300px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 100%; height: auto; padding-left: 0%; padding-right: 0%; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 36px; line-height: 36px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 15px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 36px; height: 36px; line-height: 36px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 36px; font-size: 36px; min-height: 36px; height: 36px; line-height: 36px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 90%; min-height: 350px; padding-left: 5%; padding-right: 5%; }

/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 5%; padding-right: 5%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 120px; height: auto; text-align: center; padding: 10px; }
.css_footer_link_bild_mini_img { width: 100px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 16px; color: #f0f0f0; padding-top: 15px; }

/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 200px; height: auto; }
.css_logo_spendenrat_img { width: 200px;  padding-top: 20px; }   

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 250px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }

/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 100%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 100%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding-top: 25px; padding-bottom: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 0px; }
.css_app_touch_nav_li { display: block; float: left; width: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:80px; padding-right:80px; }
.css_startseite_notfaelle_bild_box { display: inline; float: left; width:70%; height: auto; max-height: 300px; margin-left: 15%; margin-right: 15%; margin-top: 5px; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:100%; height: auto; padding-left: 0px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 15px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 21px; line-height: 23px; text-align: center; font-weight: normal; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-right: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { display:none; padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box .css_teaserbox_link_box { margin-top: 0px; }

.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 112px; left: 10px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 112px; right: 5px; width: 40px; height: 40px; vertical-align: middle; }    
   
}



@media screen and (max-width: 350px) {

/* Header: Logo und Infomedia */
.css_logo_infomedia_box { display: inline; float: left; width: 100%; height: auto; margin-top: 0px; margin-bottom: 0px; background-color: #ffffff; }
.css_logo_box { display: inline; float: left; width: 100%; height: 100%; text-align: left; padding-left: 25px; padding-right: 23px; }
.css_logo_img { max-width: 100%; height: auto; }
.css_infomedia_box { display: inline; float: left; width: 100%; height: auto; text-align: right; padding-right: 25px; padding-top: 15px; }
.css_infomedia { font-size: 18px; color: #776f5a; }

/* Header: Slider V1 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 250px; height: 250px; margin-top: 0px; margin-bottom: 0px; }
.css_slider_text_hintergrund_box { position: absolute; top: 0%; left: 25px; background-color: rgba(255,255,255,0.85); padding: 15px; max-width: 83%; width: 83%; height: 100%; text-align: left; overflow: hidden; -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); }
.css_slider_title { width: 100%; font-size: 19px; font-weight: 500; line-height: 22px; color: #505050; }
.css_slider_text { width: 100%; font-size: 15px; font-weight: normal; line-height: 18px; }
.css_slider_button { float:left; display:inline; width: auto; height: auto; background-color: #86a021; color: #f0f0f0; margin-top: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 8px; padding-left: 15px; padding-right: 15px; font-size: 15px; }

/* Header: Slider V2 */
.css_slider_box { display: inline; float: left; width: 100%; min-height: 250px; height: 250px; margin-top: 0px; margin-bottom: 0px; }
.css_slide_text_hintergrund_box { position: absolute; top: 0%; left: 25px; background-color: rgba(255,255,255,0.85); padding: 15px; max-width: 83%; width: 83%; height: 100%; text-align: left; overflow: hidden; -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); }
    
/* Header: Menü */
.css_menue_box { display: inline; float: left; width: 100%; height: auto; background-color: #84a00d; font-size: 17px; padding-left: 0%; }
.css_menue_box li, ul { width: 100%; padding-left: 25px; padding-right: 25px; }

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

/* Baustein: html_code_titel_css */
.css_titel_box { display: inline; float: left; width: 100%; height: auto; padding-top: 2px; padding-bottom: 2px; text-align: center; }
.css_titel_termin_box { display: inline; float: left; width: 100%; height: auto; padding-left: 25px; padding-right: 25px; text-align: left; }
    
.css_titel_h1 { font-size: 33px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h2 { font-size: 29px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h3 { font-size: 23px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h4 { font-size: 21px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h5 { font-size: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }
.css_titel_h6 { font-size: 17px; font-family: 'Yanone Kaffeesatz', sans-serif; text-shadow: 4px 3px 5px rgba(100, 100, 100, 0.2); }

/* Baustein: html_code_text_css */
.css_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 25px; padding-right: 25px; text-align: left; }
.css_text_css { font-size: 16px; line-height: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; } 

/* Baustein: Link Text ohne Abstand */
.css_link_text_box { display: inline; width: auto; height: auto; }
.css_link_text { font-size: 16px; line-height: 19px; font-family: 'Yanone Kaffeesatz', sans-serif; }

/* Baustein: Link Text Abstand links*/
.css_link_text_abstand_links { float: left; padding-left: 25px; }

/* Baustein: html_code_hintergrundbox_css */
.css_hintergrund_box_weiss { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #ffffff; }
.css_hintergrund_box_hbraun { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #ada493; }
.css_hintergrund_box_dbraun { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #776f5a; }
.css_hintergrund_box_hgrau { display: inline; float: left; min-width: 400px; width: 100%; height: auto; text-align: left; background-color: #e0e0e0; }
    
/* Baustein: Link-Text */
.css_link_text_css_box { display: inline; float: left; width: auto; height: auto; padding-left: 25px; text-align: left; }
.css_link_text_css_button_weiss { float:left; display:inline; width: auto; height: auto; background-color: #ffffff; margin-top: 20px; margin-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 5px; padding-left: 15px; padding-right: 15px; }

/* Baustein: html_code_teaserbox_css */    
.css_teaserbox_text_css { font-size: 19px; line-height: 25px; font-family: 'Yanone Kaffeesatz', sans-serif; } 
.css_teaserbox_link_text_css { width: auto; height: auto; line-height: 40px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; margin-top: 10px; padding-top: 8px; padding-bottom: 8px; font-size: 15px; }
.css_teaserbox_bild_css { background-image: url(); background-repeat:no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; }
.css_teaserbox_bild_hf_css { width: auto; height: 280px; max-height: 280px; }
    
/* Baustein: Inhaltsbox (Zweier) */
.css_inhaltsbox_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_inhaltsbox2 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox3 { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 1%; padding-right: 1%; }
.css_inhaltsbox_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox2_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_bild_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }

.css_inhaltsbox2_bild_hf_box { display: inline; float: left; width: 80%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin-top: 10px; margin-left: 10%; margin-right: 10%; margin-bottom: 20px; }
.css_inhaltsbox3_titel_fix_box { display: inline; float: left; width: 100%; height: auto; text-align: center; margin-bottom: 25px; padding-left: 15px; padding-right: 15px; }    
.css_inhaltsbox3_text_css_box { display: inline; float: left; width: 100%; height: auto; padding-left: 24px; padding-right: 25px; text-align: left; margin-top: 15px; }

/* Baustein: Tierheim - Bild|Text Box */
.css_tierheim_bild_text_box { display: inline; float: left; width: 100%; height: auto; padding-left: 5%; padding-right: 5%; }
.css_tierheim_bild_box { display: inline; float: left; width: 100%; height: 300px; text-align: center; margin-bottom: 15px; }
.css_tierheim_bild { 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_box { display: inline; float: left; width: 100%; height: auto; padding-left: 0%; padding-right: 0%; text-align: left; }
/* .css_tierheim_link_box { display: inline; width: auto; height: auto; text-align: center; } */
.css_tierheim_link_text_css { width: auto; height: 36px; line-height: 36px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; padding-left: 20px; padding-right: 20px; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 15px; }
.css_tierheim_link_box { display: inline; float: left; width: auto; min-height: 36px; height: 36px; line-height: 36px; padding-right: 3px; }
.css_tierheim_icon_box { display: inline; float: left; width: auto; height: 36px; font-size: 36px; min-height: 36px; height: 36px; line-height: 36px; padding-left: 3px; padding-right: 3px; }

/* Baustein: Galleria */
.css_galleria_box { width: 90%; min-height: 350px; padding-left: 5%; padding-right: 5%; }

/* Footer */
.css_footer_bereiche_box { display: inline; float: left; width: 100%; height: auto; text-align: center; }
.css_footer_bereich1_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich2_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich3_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.css_footer_bereich4_box { display: inline; float: left; min-width: 100%; width: 100%; height: auto; text-align: center; padding-bottom: 20px; }

/* Baustein: Link-Bild Footer mini */
.css_footer_rdt_box { display: inline; float: left; width: 100%; height: auto; text-align: center; padding-left: 5%; padding-right: 5%; }
.css_footer_link_bild_mini_box { display: inline; float: left; width: 120px; height: auto; text-align: center; padding: 10px; }
.css_footer_link_bild_mini_img { width: 100px; }
.css_footer_link_bild_mini_span { display: inline; float: left; width: 100%; font-size: 16px; color: #f0f0f0; padding-top: 15px; }

/* Baustein: Logo Spendenrat */
.css_logo_spendenrat_box { display: inline; width: 200px; height: auto; }
.css_logo_spendenrat_img { width: 200px;  padding-top: 20px; }   

/* Baustein: Tierheim Teaserboxen */
.css_tierheim_bild_max_box { display: inline; float: left; width: 80%; height: 250px; text-align: center; margin-bottom: 15px; margin-left: 10%; margin-right: 10%; }
    
/* Baustein: Inhaltsbox Bild und Text fließend */
.css_inhaltsbox_bild_text_box { display: inline; float: left; width: 100%; height: auto; text-align: left; padding-left: 5%; padding-right: 5%; }
.css_inhaltsbox_bild_text_bild_links_box { display: inline; float: left; width: 100%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_bild_rechts_box { display: inline; float: right; width: 100%; height: 300px; text-align: center; max-height: 300px; overflow: hidden; margin: 0px; margin-top: 25px; margin-bottom: 25px; }
.css_inhaltsbox_bild_text_text_box { width: 100%; height: auto; padding-top: 25px; padding-bottom: 25px; text-align: left; }

/* Startseite Notfälle */
.css_startseite_notfaelle_box { width: 100%; height: 300px; }
.css_startseite_notfaelle_vorgaenge_box { margin-bottom: 40px; margin-top: 0px; }
.css_app_touch_nav_li { display: block; float: left; width: auto; cursor: all-scroll; margin-right: 0px; color: #808080; padding-left:80px; padding-right:80px; }
.css_startseite_notfaelle_bild_box { display: inline; float: left; width:80%; height: auto; max-height: 300px; margin-left: 10%; margin-right: 10%; margin-top: 5px; }
.css_startseite_notfaelle_text_box { display: inline; float: left; width:100%; height: auto; padding-left: 0px; padding-right: 0px; }
.css_startseite_notfaelle_titel { text-align: left; padding-left: 0px; padding-right: 25px; font-weight: bold; }

.css_startseite_notfaelle_box .css_titel_box { margin-top: 15px; margin-bottom: 15px; padding-top: 0px; }
.css_startseite_notfaelle_box .css_titel_h3 { font-size: 21px; line-height: 23px; text-align: center; font-weight: normal; }
.css_startseite_notfaelle_box h2 { margin-top: 0px !important; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-right: 0px; }
.css_inhaltsbox3_bild_box_v2 { width: 100%; height: 100%; margin-top: 0px; padding-top: 0px; }
/* .css_teaserbox_bild_css_v2 { height: auto; max-height: 300px; width: 100%; max-width: 1024px; } */
.css_teaserbox_bild_css_v2 { width: 100%; height: 100%; max-height: 300px; max-width: 650px; }
.css_startseite_notfaelle_box .css_text_css_box { display:none; padding-left: 0px; padding-left: 0px; }
.css_startseite_notfaelle_box .css_text_css { font-size: 25px; line-height: 28px; }
.css_startseite_notfaelle_box .css_teaserbox_link_box { margin-top: 0px; }

.css_startseite_notfaelle_vorgaenge_nav_icon { font-size: 40px; color: #f0f0f0; vertical-align: middle; cursor: pointer; }
.css_startseite_notfaelle_vorgaenge_nav_links { position: absolute; top: 112px; left: 10px; width: 40px; height: 40px; vertical-align: middle; }
.css_startseite_notfaelle_vorgaenge_nav_rechts { position: absolute; top: 112px; right: 5px; width: 40px; height: 40px; vertical-align: middle; }    

}