html {
width: 100%;
margin: 0 auto;
max-width: 2500px;
}

BODY  {
margin: 0 auto;
max-width: 2500px;
background-color: #fff;
font-family : 'Lato', Arial, sans-serif, Tahoma, Verdana, Helvetica, sans-serif;
color: #000;
font-size: 20px;
line-height: 28px;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}




.transition_1 { -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }


.blur { filter: blur(3px); opacity: 0.5 }

.transition_2 { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;  }

div { box-sizing: border-box; }
a { text-decoration: none; }

header { position: fixed; display: block; z-index: 10001; width: 100%; background:none; text-align: center; box-sizing: border-box; z-index: 9999999; margin: auto; max-width: 2500px; padding-bottom: 20px; }
header.aktiv { background-color: #0047BB }

#header_inner { display: block; max-width: 1540px; width: 100%; margin: 20px auto 0 auto; box-sizing: border-box; }


header ul { display: block; margin: 0; padding: 0; }
ul.menu_social li { display: inline-block; margin: 0; padding: 0; vertical-align: top; }
ul.menu_social li a { width: 40px; height: 40px; display: block; background-size: auto 30px; background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; }
ul.menu_social li a:hover { transform: scale(1.1); }
#link_700 { background-image: url('../../img/icon_facebook.svg'); }
#link_701 { background-image: url('../../img/icon_insta.svg'); }

ul.menu_social li.wetter { margin-left: 40px; width: auto; background-size: auto 30px; background-repeat: no-repeat; background-position: left center; font-size: 20px; line-height: 40px; padding-left: 40px; color: #fff; font-weight: 700; }


ul.menu_nav li { display: inline-block; margin: 0; padding: 0 10px; vertical-align: top; }
ul.menu_nav li a { width: 40px; height: 40px; display: block; background-size: auto 30px; background-repeat: no-repeat; background-position: center; font-size: 0; line-height: 0; }
#click_suche { background-image: url('../../img/lupe_icon_weiss.svg');  }
#click_suche:hover { transform: scale(1.1); }
#click_menu { background-image: url('../../img/toggle_icon.png'); background-color: #E4002B; color: #fff; width: auto; font-size: 18px; line-height: 30px; border-radius: 6px; padding: 5px 10px 5px 45px; background-size: 16px auto; background-position: left 10px center; box-sizing: border-box; cursor: pointer; }
#click_menu:hover { background-image: url('../../img/toggle_icon_hover.png'); }
#click_menu.aktiv { background-image: url('../../img/toggle_icon_close.png'); }



#menu_logo { display: block; margin: 2px auto; background-image: url('../../img/logo_bad_hersfeld.svg'); width:  300px; height: 67px; background-size: contain; background-repeat: no-repeat; background-position: center; }




@media screen and (min-width: 300px) {
.smaller { background: #0047BB; border-bottom: 1px solid #fff; padding-bottom: 0; }
.smaller #header_inner { margin: 5px auto; }
.smaller #menu_logo { background-image: url('../../img/logo_bad_hersfeld_quer.svg'); height: 24px; }
.smaller ul.menu_social li a { width: 30px; height: 30px; background-size: auto 25px; margin-right: 6px; }
.smaller ul.menu_social li.wetter { line-height: 30px; }
.smaller ul.menu_nav li a { width: 30px; height: 30px; background-size: auto 25px; }
.smaller #click_menu { margin-top: -5px; border-top-left-radius: 0; border-top-right-radius: 0; line-height: 40px; height: auto; position: absolute; margin-right: 50px; z-index: 99999 }
.smaller .menu_nav { padding-right: 100px; }
.smaller #menu_master { top: 40px; }
}





#menu_master { display: none; position: absolute; top: 100px; left: 0; width: 100%; min-height: 100vh; background-color: #0047BB; z-index: 99999; border-bottom: 4px solid #E4002B; }
#menu_master_inner { position: relative; max-width: 1600px; margin: 0 auto; width: 100%; text-align: left; padding-top: 50px; }
#menu_master_inner a { color: #fff; }

#menu_master_inner ul.level_1 { display: block; margin: 0; padding: 0; }
#menu_master_inner ul.level_1 li { display: block; color: #fff; padding: 15px 15px 15px 50px; border-bottom: 1px solid #7098D9; font-size: 24px; line-height: 34px; text-transform: uppercase; font-weight: 700; cursor: pointer; }
#menu_master_inner ul.level_1 li.aktiv { background-image: url('../../img/pfeil_bogenelement_rot.png'); background-position: left 10px top 12px; background-size: 22px auto; background-repeat: no-repeat; }
#menu_master_inner ul.level_1 li:hover { background-image: url('../../img/pfeil_bogenelement_weiss_down.png'); background-size: auto 18px; background-position: left 10px top 21px; background-repeat: no-repeat; }
#menu_master_inner ul.level_1 li.aktiv:hover { background-image: url('../../img/pfeil_bogenelement_rot_up.png'); background-size: auto 18px; background-position: left 10px top 21px; background-repeat: no-repeat; }
#menu_master_inner ul.level_1 span { display: inline-block; cursor: pointer; }


#menu_master_inner ul.level_2 { display: none; padding: 0; margin: 0; }
#menu_master_inner ul.level_2 li { display: inline-block; width: 33%; color: #fff; padding: 10px 10px 10px 36px; border: none; font-size: 18px; line-height: 26px; text-transform: none;  background-image: url('../../img/pfeil_bogenelement_weiss.png'); background-position: left 4px center; background-size: 14px auto; background-repeat: no-repeat; font-weight: 400; vertical-align: top; }
#menu_master_inner ul.level_2 li:hover { background-image: url('../../img/pfeil_bogenelement_rot.png'); background-position: left 10px center; background-size: 14px auto; background-repeat: no-repeat;  }

#Xmenu_master_inner ul.level_1 li:hover ul.level_2 { height: auto; margin: 10px 0;  }

#menu_master_inner ul.level_2 li a.aktiv2 span { border-bottom: 2px solid #fff; }

#suche_schliessen { background-image: url('../../img/close.svg'); background-size: 30px auto; background-position: top center; background-repeat: no-repeat; padding-top: 30px; display: block; text-align: center; position: relative;  margin-top: 20px; text-transform: uppercase; font-weight: 900; filter: grayscale(1); }
#suche_schliessen:hover { filter: grayscale(0); }


#menu { position: relative; display: none; background-color: #0047BB; color: #fff; padding: 40px 83px; }
#menu ul.main { position: relative; display: block; margin: 0; padding: 0; width: 100%; }
#menu ul.main li { display: block; margin: 0; padding: 20px 0; text-align: left; border-bottom: 1px dashed white; }
#menu ul.main li A { display: inline-block; width: 300px; font-size: 28px; line-height: 36px; color: #fff; font-weight: 900; text-transform: uppercase; vertical-align: top; border-bottom: 1px solid transparent; }
#menu ul.main li:hover A { color: #000; }
#menu ul.main li A:after { content: '\276F'; display: inline-block; margin-left: 10px; font-size: 18px; vertical-align: top; line-height: 36px; margin-top: 2px; }
#menu ul.kat { position: relative; display: none; width: 66%; vertical-align: top;  }
#menu ul.kat li { display: block; margin: 0 0 20px 0; padding: 0; text-align: left; border: none; }
#menu ul.kat li span { display: inline-block; min-width: 300px; font-size: 25px; color: #fff; font-weight: 700; line-height: 36px; }
#menu ul.subkat { position: relative; display: none; width: auto; vertical-align: top; }
#menu ul.subkat li { display: block; margin: 0; padding: 0; text-align: left; border: none; }
#menu ul.subkat li A { display: block; width: auto; font-size: 22px; color: #fff !important; font-weight: 400;  border-bottom: 1px solid transparent; text-transform: none; }
#menu ul.subkat li A:hover { border-bottom: 1px dashed white  }
#menu ul.subkat li A:after { display: none; }
#menu ul.main li:hover ul.kat { display: inline-block; }
#menu ul.main li:hover ul.subkat { display: inline-block;}
#menu ul.kat li:hover ul.subkat { display: inline-block; }

@keyframes fadeIn {
 0% { transform: scaleY(0) }
 100% { transform: scaleY(1) }
}


.fade-in-image { animation: fadeIn 0.5s;  }
.parallax-window { height: 450px; background: transparent; background-size: cover; }
.clearer { clear: both; height: 0 !important; line-height: 0 !important; font-size: 0 !important;  }
.tag_aktiv { display: block !important; }
.hidden { display: none; }

.scrollicon { width: 45px; height: 45px; position: fixed; bottom: 30px; right: 30px; display: none; background-image: url('../../img/pfeil_bogenelement_rot_down.png'); z-index: 999999; background-position: center; background-size: 35px auto; background-color: #fff; background-repeat: no-repeat; border: 2px solid #0047BB;  }


.content_header { display: block; background-color: #0047BB; padding: 80px 0 40px 0; position: relative; }
.content_header h1 { color: #fff !important; }
.content_header .content_inner2 { position: relative; padding: 40px 25px; }
.scroll { width: 40px; height: 40px; position: absolute; bottom: 0; left: 50%; right: auto; margin-left: -20px; border: 1px solid red; background-color: #E50022; background-image: url('../../img/scroll_down.png'); background-position: center; background-size: 30px auto; background-repeat: no-repeat; border-top-left-radius: 6px;  border-top-right-radius: 6px; cursor: pointer; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; }
.scroll:hover { background-size: 36px auto;  }



#navigation { display: block; background-color: #fff; padding: 0; position: relative; font-size: 16px; position: relative; z-index: 9999; }
#navigation_inner { display: block; position: relative; padding: 0px 20px 40px 40px; max-width: 1600px; box-sizing: border-box; margin: auto; }
#navigation a { color: #0047BB; display: inline-block; padding: 0 10px }
#navigation .rubrik { display: inline-block; background-image: url('../../img/pfeil_bogenelement_rot.png'); background-position: left center; background-size: auto 20px; background-repeat: no-repeat; padding-left: 20px; padding-right: 13px;   }



#submenu_contents { display: inline-block; width: 500px; background-color: rgba(0,0,0,0.1); border-top-right-radius: 80px; margin-right: 60px; vertical-align: top; padding: 80px 40px; position: sticky; top: 100px; }
#submenu_contents .click { cursor: pointer; margin: 10px 0; }

#submenu_contents .closed:before { content: '+'; width: 26px; height: 26px; line-height: 26px; display: inline-block; margin-right: 10px; background-color: #0047BB; color: #fff; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#submenu_contents .open:before { content: '-'; width: 26px; height: 26px; line-height: 26px; display: inline-block; margin-right: 10px; background-color: #E4002B; color: #fff; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }


#submenu_contents ul.level_contents { display: none; margin: 0; padding: 0 0 0 40px; }
#submenu_contents ul.level_contents.aktiv { display: block; }


#submenu_contents ul.level_contents li { display: block; margin: 0; padding: 0; background-image: url('../../img/pfeil_bogenelement_rot.png'); background-position: left top 5px; background-size: auto 20px; background-repeat: no-repeat; padding-left: 20px; padding-right: 20px; }

#submenu_contents ul.level_contents li a.external { background-image: url('../../img/external.png'); background-position: right top 5px; background-size: auto 16px; background-repeat: no-repeat; padding-right: 25px; }

#submenu_contents ul.level_contents li a.aktiv { text-decoration: underline; }











#contents { display: inline-block; width: calc(100% - 600px); background-color:#fff; vertical-align: top; margin-top: -80px; }






a { color: #0047BB; }
h1, h1 span, h2, h2 span { display: block; color: #0047BB !important; text-transform: uppercase; margin: 15px 0; padding: 0; font-size: 44px; line-height: 54px; font-weight: 700; letter-spacing: 1px; text-decoration: none !important; }


h2, h2 span { display: block; color: #0047BB !important; text-transform: uppercase; margin: 15px 0; padding: 0; font-size: 40px; line-height: 50px; font-weight: 700; letter-spacing: 1px; text-decoration: none !important; }

h3 { display: block; color: #0047BB; text-transform: uppercase; margin: 10px 0; padding: 0; font-size: 30px; line-height: 40px; font-weight: 400; }
h3 span { color: #0047BB !important; text-transform: uppercase; text-decoration: none !important; }
h4 { display: block; color: #0047BB; text-transform: uppercase; margin: 15px 0; padding: 0; font-size: 26px; line-height: 34px; font-weight: 700; }
h5 { display: block; color: #0047BB; text-transform: uppercase; font-size: 20px; line-height: 32px; font-weight: 900; }

hr { display: block; border: none; border-bottom: 1px solid #0047BB; margin: 25px 0; }
table { display: block; width: 100% !important; border-collapse: collapse; border: none; margin: 40px auto; }
table tr, table td { border: none; }


input[type="submit"], .button { display: inline-block; background-color: #E4002B; color: #fff; font-weight: 700; padding: 8px 15px 8px 35px; line-height: 30px; font-size: 17px; vertical-align: middle; cursor: pointer; background-image: url('../../img/pfeil_bogenelement_weiss.png'); background-position: left 10px center; background-size: 14px auto; background-repeat: no-repeat; border-radius: 6px; font-family: 'Lato', sans-serif; border: none; margin-bottom: 4px;  }

.button2, .btn-link { display: inline-block; font-weight: 700; padding: 8px 15px 8px 35px; line-height: 30px; font-size: 17px; vertical-align: middle; cursor: pointer; background-image: url('../../img/pfeil_bogenelement_rot.png'); background-position: left 10px center; background-size: 14px auto; background-repeat: no-repeat; background-color: transparent; border: none; font-family: 'Lato', sans-serif;   }



input[type="date"], input[type="text"], input[type="input"], input[type="email"], input[type="time"], input[type="password"], select {
font-size: 20px;
color: #000;
background-color: #fff;
font-family: 'Lato', sans-serif;
box-sizing: border-box;
font-weight: 700;
display: inline-block;
width: 100%;
padding: 30px;
border: 1px solid #0047BB;
border-radius: 40px;
}


input[type="password"] { max-width: 300px; border-color: #0047BB; background-color: #efefef; vertical-align: middle; color: #000; }


select {
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
background-image: url('../img/dropdown.png');
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 30px auto;
font-weight: 400;
}

select:hover { background-color: #0047BB; background-image: url('../img/dropdown_ws.png'); }


input[type="input"]:focus { border-bottom: 2px solid #0047BB; }
input::placeholder  { color: #000; opacity: 1; }
input:focus::placeholder { opacity: 0.6; }
:not(output):-moz-ui-invalid { box-shadow: 0 0 0 0; border-bottom: 2px solid red; color: red; }


input[type='radio'] { width:auto; margin-right: 20px; background:transparent; border:none; }
input[type='radio']:checked,
input[type='radio']:not(:checked) { background: transparent; position: relative; margin: 0; padding: 0;}
input[type='radio'] + label { cursor: pointer; }
input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before { content: ''; display:inline-block; width: 25px; height:25px; position: relative; top:4px; border: 1px solid #0047BB; background: white; margin-right: 1em; box-shadow: inset 0 5px 5px 0 rgba(0,0,0,.1); margin-left: -10px; }
input[type=radio]:checked + label::before,
input[type=radio]:not(:checked) + label::before { border-radius: 25px; }
input[type='radio']:hover  + label::before { background:#ddd; box-shadow: inset 0 0 0 5px white; }
input[type='radio']:checked  + label::before { background: #0047BB; box-shadow: inset 0 0 0 5px white; }


[type="checkbox"]:not(:checked), [type="checkbox"]:checked {  }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 50px; cursor: pointer; margin-bottom: 4px; display: inline-block; font-size: 16px; padding-top: 4px;}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; border: 2px solid #0047BB; background: #ffffff; border-radius: 0px; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); }
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { font-family: 'Zapf Dingbats'; content: "\2714"; position: absolute; top: 0px; left: 5px; font-size: 28px; line-height: 1.2;
 color: #0047BB; transition: all .2s; }
[type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #999999; background-color: #dddddd; }
[type="checkbox"]:disabled:checked + label:after { color: #0047BB; }
[type="checkbox"]:checked:focus + label:before, [type="checkbox"]:not(:checked):focus + label:before { border: 2px solid #0047BB; }


#menu_unten { display: block; text-align: center; font-size: 16px; line-height: 24px; }
#menu_unten ul { display: block; margin: 0; padding: 0;  }
#menu_unten ul li { display: inline-block; margin: 0; padding: 0; font-weight: 400; color: #E4002B; padding: 0 4px;  }
#menu_unten ul li a { color: #fff; display: block; text-transform: uppercase; font-weight: 700; }


#footer_copyright { text-align: center; display: block; margin: 20px 0; padding: 0; font-size: 16px; line-height: 24px; }


.galerie {
display: inline-block;
width: 20%;
height: 220px;
opacity: 0.85;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}


.galerie2 {
display: inline-block;
width: 20%;
height: 220px;
opacity: 0.7;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}


.galerie2:hover, .galerie:hover, .auktiongalerie:hover { opacity: 1; filter: none; -webkit-filter: none;  }

A.lightbox { display: block; width: 100%; height: 100%; }






.wrapper_101 .newsblock { display: inline-block; height: 360px; width: 33%; background-size: cover; background-position: center; border-top-left-radius: 50px; position: relative;  }

.wrapper_101 .newsblock .s1 { border-top-left-radius: 60px;  position: absolute; bottom: 0; right: 0; background: rgba(0,71,187,0.8); display: block; width: 95%; font-weight: 400; color: #fff; min-height: 75px;font-size: 14px; text-align: left; padding: 20px 30px 10px 30px; box-sizing: border-box; }
.wrapper_101 .newsblock .s2 { display: block; font-size: 20px; font-weight: 600; line-height: 26px; padding: 0; }
.wrapper_101 .newsblock .s3 { display: block; font-size: 22px; font-weight: 600; line-height: 34px; padding: 10px 0; }
.wrapper_101 .newsblock .s3 .button2 { float: left; color: #fff; }
.wrapper_101 .newsblock .s3 .button { float: right; }
.wrapper_101 .newsblock:hover { opacity: 1; }



.kontakt_inner { display: block; line-height: 40px; border-bottom: 1px solid #efefef; }
.div_50 { display: inline-block; width: 50%; line-height: 40px; vertical-align: middle; }
.div_40 { display: inline-block; width: 34%; line-height: 40px; vertical-align: middle; }
.div_10 { display: inline-block; width: 15%; line-height: 40px; vertical-align: middle; }