/* quicksand-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/quicksand-v31-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/quicksand-v31-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/quicksand-v31-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/quicksand-v31-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/quicksand-v31-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/quicksand-v31-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */
}

html, body {width:100%; margin:0; padding:0;font-family: Arial, cursive;font-size:1em;line-height:1.7;text-align:center;letter-spacing:1px;background:#ffffff url(Bilder/hg_spielzeugmuseum.jpg) no-repeat;background-attachment:fixed;background-size:100%;color:rgba(129,72,31,1);}
td, input, select{font-family: Arial, cursive;font-size:1em;color:rgba(129,72,31,1);}
.suchen{background:#e6ded5;}
.d_navi_m{display:none;}
h1{font-size:1.8em;padding-left:20px;}
h3{font-size:1.3em;font-weight:normal;}
h2{font-size:1.3em;font-weight:normal;color:#d8822c;}
.s_suche{width:25px;height:24px;background:url(Bilder/museum_seiffen_suche.jpg);border:0px;cursor:pointer;}
.d_suche{float:right;padding-right:30px;}
.i_suche{border:1px solid #cea985;width:150px;color:#cea985;padding-left:10px;}

.seite_aussen{width:100%;background:#ffffff;}
.seite {max-width:1600px; margin-left: auto; margin-right: auto;text-align:left;position:relative;padding-top:80px;background:rgba(255,255,255,0.95);}
.seite_innen{padding:0px 40px 0px 40px;}
.inhalt_innen{border-left:20px solid #d8822c;position:relative;margin-top:40px;}
.innen_links{position:absolute;top:0px;left:-20px;width:50px;height:50px;background:#d8822c url(Bilder/museum_seiffen_logo.png) no-repeat;cursor:pointer;}
.w_navi{position:absolute;top:0px;left:-20px;background:#d8822c;height:400px;display:none;}
.inhalt_innen_i{padding:0px 20px 0px 30px;}
.navi_oben{background:#ffffff;width:100%;position:fixed;z-index:10;}
.navi_oben_seite{max-width:1600px; margin:0;margin-left: auto; margin-right: auto;text-align:left;position:relative;color:rgba(129,72,31,1);}
.u_navi{position:absolute;top:107px;width:350px;background:rgba(60,161,114,0.9);display:none;}
.u_navi_inhalt{padding:20px 40px 0px 40px;}
.fuss_i{max-width:1600px;text-align:center;margin-left: auto; margin-right: auto;}
.fuss_in{padding:10px 40px 0px 40px;}
.fuss_inhalt{width:70%;height:100%;background:#e6ded5;float:left;padding-top:10px;margin-left:40px;}

.navi_suche{float:right;text-align:right;}
.navi_oben_seite_i{padding:5px 40px 5px 40px;}
.navi_ober{text-align:right;padding-top:20px;display:block;}
.navi_logo{float:left;}
.navi_logo_breit{float:left;}
.clear{clear:both;}
.d_bild_startseite{display:block;position:relative;height:361px;}
.d_bild_startseite_m{display:none;}
.d_aktuelles{position:absolute;top:0px;right:0px;width:25%;height:100%;background:rgba(169,131,95,0.95);color:#ffffff;font-size:1.2em;z-index:3;}
.d_aktuelles_a{height:93%;overflow:hidden;}
.d_aktuelles_i{padding:50px 20px 20px 20px;}
.i_slogan{width:100%;text-align:center;font-size:1.5em;padding:20px 0px 20px 0px;}
.start_gesamt{background:#3ca172;color:#ffffff;}
.start_links{width:30%;float:left;}
.start_rechts{width:70%;float:right;background:#ffffff;}
.start_rechts_i{padding-left:30px;}
.start_bild{position:relative;width:720px;height:327px;}
.start_bild img{width:100%;height:100%;object-fit: cover;}
.start_schrift{position:absolute;top:15px;left:20px;font-size:2.4em;color:#ffffff;text-shadow: 0.1em 0.1em 0.2em black;text-shadow: 0.1em 0.1em 0.2em black;line-height:1.2;}
.start_schrift h1{font-size:1em;color:#ffffff;font-weight:normal;}
.start_schrift h2{font-size:1em;color:#ffffff;font-weight:normal;}
.me_links{width:100%;border-bottom:1px solid white;}
.me_i{padding:10px 10px 10px 20px;}
.d_reh{width:100%;text-align:center;padding-top:30px;}
.f_left{float:left;}
.f_right{float:right;}
.d_logos{float:left;width:20%;min-width:200px;text-align:center;}
.d_slogan{position:absolute;top:60px;left:30px;font-size:2.2em;color:white;line-height:1.2;text-shadow: 0.1em 0.1em 0.2em black;text-shadow: 0.1em 0.1em 0.2em black;z-index:4;}
.a_slogan{position:absolute;top:90px;left:25%;font-size:2.5em;color:white;line-height:1.2;text-shadow: 0.1em 0.1em 0.2em black;text-shadow: 0.1em 0.1em 0.2em black;}
.u_slogan{position:absolute;bottom:-10px;left:27%;font-size:1.3em;color:white;background:rgba(60,161,114,0.9);padding:10px 40px 10px 40px;z-index:4;}
.slogan_f{font-weight:bold;}
.log_spielzeuggebiet{float:left;height:117px;color:#6f5240;font-size:11px;width:170px;padding-left:20px;}
.d_eigenes_bild{width:95%;height:300px;}
.d_presse_bild{width:95%;height:250px;}
.auswahl_l{float:left;width:30%;padding-bottom:20px;padding-top:20px;margin-left:5px;margin-right:5px;}
.auswahl_i1{width:100%;}
#nav{
	list-style: none;
	padding:0px;margin:0px;
}
.i_anfahrt{width:100%;height:500px;}
.d_mitteilungen{width:100%;border-bottom:1px solid #81481f;}
.bild_links{float:left;padding:20px 20px 20px 20px;width:600px;}
.text_rechts{float:right;width:800px;text-align:justify;}
.bild_partner{float:left;padding:0px 20px 20px 0px;}
.bild_spielzeug{float:left;}
.veranst_bild {float:left;padding:20px 20px 20px 0px;}
.bildtext{text-align:center;width:100%;}
.d_veranstaltung{border-bottom:1px solid #8b4724;}
.d_suche_ver{border-bottom:1px solid #8b4724;padding:20px 0px 20px 0px;}
.justify{text-align:justify;}
.plakate_start{float:right;width:280px;}
.abstand_20{height:20px;}
.d_tradition{float:left;padding:0px 30px 20px 0px;width:240px;}
.d_tradition_i{border:1px solid #8b4724;padding:15px;text-align:center;height:550px;font-size:0.9em;}
.inhalt_galerie{padding:0px 20px 20px 20px;}
.det_legende{float:left;width:300px;}
.d_souvenir{float:left;width:49%;}
.d_souvenir_i{padding:10px;}
.b_souvenir{float:left;padding-right:20px;}
.l_aktuelles{color:#ffffff;}
.logo_foerderverein{float:right;}
.d_publikationen{width:50%;float:left;padding-bottom:20px;}
.d_publikationen_i{padding-right:40px;}
.bild_publikationen{float:left;padding-right:20px;}
.bez_text{padding-bottom:20px;}
.ueb_aktuelles{font-weight:bold;padding-bottom:10px;font-size:1.1em;}
.d_oben{float:left;padding-left:50px;font-size:1.3em;}
.d_tablet_oben{float:left;color:rgba(129,72,31,1);font-size:1.3em;padding-right:40px;}
.l_navi_schliessen{float:left;width:10px;height:250px;}
.r_navi_schliessen{float:right;width:10px;height:250px;}
#l_navi_schliessen_besuch{height:250px;}
#r_navi_schliessen_besuch{height:250px;}
#l_navi_schliessen_spielzeug{height:250px;}
#r_navi_schliessen_spielzeug{height:250px;}
#l_navi_schliessen_freilicht{height:200px;}
#r_navi_schliessen_freilicht{height:200px;}
#l_navi_schliessen_archiv{height:220px;}
#r_navi_schliessen_archiv{height:220px;}
.u_navi_spalte{padding:0px;margin:0px;}
#unavi_freilicht{width:500px;}
#unavi_archiv{right:40px;width:430px;}
.s_blog{position:relative;width:100%;float:right;}
.start_bl{position:absolute;width:240px;height:170px;top:105px;left:20px;}
.start_tr{position:absolute;width:267px;height:35px;bottom:20px;left:5px;color:#ffffff;font-size:18px;text-align:center;line-height:1.2}
.start_bl img{width:100%;height:100%;object-fit: cover;}
.ueb_object{background:#3ca172;color:#ffffff;padding:10px;}
.d_flexbox{display:flex; flex-wrap:wrap; justify-content:left;}
.d_blog{width:400px;margin:10px;text-align:center;border:1px solid #eeeeee;position:relative;}
.d_blog_bild{width:400px;height:250px;}
.d_blog_bild img{width:100%;height:100%;object-fit: cover;}
.blog_title{font-size:30px;text-align:center;padding-bottom:10px;font-family:'Quicksand',sans-serif;}
.blog_datum{color:#C9C5C5;padding-top:20px;padding-bottom:10px;text-align:center;}
.s_quick{font-family:'Quicksand',sans-serif;font-size:30px;}
.plakat1{float:right;}
.plakat1 img{width:89%;}
.abst_20{padding-top:20px;}
.d_zum_blog{float:right;padding:10px;color:#ffffff;background:#d8822c;}

.accordion {
	width: 100%;
}
.accordion h3 {
	background: #e6ded5 url(Bilder/acc_pfeil.png) no-repeat center -40px;
	padding: 20px 15px;
	margin: 0;
	font-size: 1.3em;
	text-align:center;
	cursor: pointer;
}

.accordion .h3_2 {
	background: #bca48c url(Bilder/acc_pfeil.png) no-repeat center -40px;
	padding: 20px 15px;
	margin: 0;
	font-size: 1.3em;
	text-align:center;
	cursor: pointer;
}

.accordion .h3_2:hover {
	background-color: #50aa80;
	color:#ffffff;
}
.accordion .h3_2.active {
	background-position: center 91px;
	background-color: #50aa80;
	color:#ffffff;
}

.accordion .h3_4 {
	background: #bca48c url(Bilder/acc_pfeil.png) no-repeat center -75px;
	padding: 20px 15px;
	margin: 0;
	font-size: 1.3em;
	text-align:center;
	cursor: pointer;
}

.accordion .h3_4:hover {
	background-color: #50aa80;
	color:#ffffff;
}
.accordion .h3_4.active {
	background-position: center 58px;
	background-color: #50aa80;
	color:#ffffff;
}

.accordion .h3_5 {
	background: #e6ded5 url(Bilder/acc_pfeil.png) no-repeat center -75px;
	padding: 20px 15px;
	margin: 0;
	font-size: 1.3em;
	text-align:center;
	cursor: pointer;
}

.accordion .h3_5:hover {
	background-color: #50aa80;
	color:#ffffff;
}
.accordion .h3_5.active {
	background-position: center 58px;
	background-color: #50aa80;
	color:#ffffff;
}

.accordion h3:hover {
	background-color: #50aa80;
	color:#ffffff;
}
.accordion h3.active {
	background-position: center 91px;
	background-color: #50aa80;
	color:#ffffff;
}
.accordion ul {
	margin: 0;
	padding: 10px 15px 20px;
}

.toggledetail{width:100%;}
.toggledetail ul {
	margin: 0;
	padding: 15px;
	display:none;
}
.d_mehr_infos{width:100%;
    background: #e6ded5 url(Bilder/mehr_infos_pfeil.png) no-repeat center -50px;
	padding: 10px;
	margin: 0;
	font-size: 1em;
	text-align:center;
	cursor: pointer;
	}
	
.d_mehr_infos.active {
	background-position: center 33px;
}

a.l_reifentier {color:#ffffff;text-decoration:none;font-size:1.1em;}
a.l_reifentier:hover{color:#9ed0b9;text-decoration:none;}

a.l_unavi {color:#ffffff;text-decoration:none;font-size:1.1em;padding:5px 0px 5px 0px;}
a.l_unavi:hover{color:#ffffff;text-decoration:none;font-weight:bold;}
a.l_unavi:active{color:#ffffff;text-decoration:none;font-weight:bold;}

a {color:rgba(60,161,114,1);text-decoration:none;}
a:hover{color:rgba(129,72,31,1);text-decoration:none;}

a.l_texte {color:rgba(129,72,31,1);text-decoration:none;}
a.l_texte:hover{color:rgba(60,161,114,1);text-decoration:none;}

a.l_oben {color:rgba(129,72,31,1);text-decoration:none;font-size:1.3em;}
a.l_oben:hover, a.l_oben.active{color:rgba(60,161,114,1);text-decoration:none;}

a.l_haupt {color:#ffffff;text-decoration:none;font-size:1.4em;}
a.l_haupt:hover{color:#9ed0b9;text-decoration:none;font-weight:bold;}

a.l_fuss {color:rgba(129,72,31,1);text-decoration:none;font-size:1em;}
a.l_fuss:hover{color:#ffffff;text-decoration:none;}

.d_aktuelles a{color:rgba(129,72,31,1);}
.d_aktuelles a:hover{color:#ffffff;}

a.l_blog{color:#ffffff;}
a.l_blog:hover{color:rgba(129,72,31,1);}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

@media all and (min-width: 1901px){
.seite, .navi_oben_seite, .fuss_i {max-width:1600px;}
.d_aktuelles_i{padding:60px 40px 40px 40px;font-size:1.2em;}
.d_bild_startseite{height:451px;}
a.l_haupt {font-size:1.8em;}
.me_i{padding:10px 10px 10px 40px;}
#unavi_spalte_archiv{text-align:right;}
#unavi_besuch{left:35%;}
#unavi_besuch_c{left:40%;}
#unavi_spielzeug{left:40%;width:620px;}
#unavi_freilicht{left:60%;}
.d_aktuelles_a{height:95%;overflow:hidden;}
.fuss{background:#e6ded5;width:100%;height:50px;}
.navi_logo_breit{display:block;}
.navi_logo{display:none;}
}

@media all and (min-width: 1601px) and (max-width: 1900px) {
.seite, .navi_oben_seite, .fuss_i {max-width:1600px;}
.d_aktuelles_i{padding:60px 40px 40px 40px;font-size:1.2em;}
.d_bild_startseite{height:451px;}
a.l_haupt {font-size:1.8em;}
.me_i{padding:10px 10px 10px 40px;}
#unavi_besuch{left:35%;}

#unavi_spielzeug{left:45%;width:620px;}
#unavi_freilicht{left:60%;}
#unavi_spalte_archiv{text-align:right;}
.d_aktuelles_a{height:95%;overflow:hidden;}
.fuss{background:#e6ded5;width:100%;height:50px;}
.navi_logo_breit{display:block;}
.navi_logo{display:none;}
}

@media all and (min-width: 1301px) and (max-width: 1600px) {
.seite, .navi_oben_seite, .fuss_i {max-width:1300px;}
.d_aktuelles_i{padding:60px 20px 20px 20px;font-size:1em;}
.start_bild{position:relative;width:500px;}
.d_publikationen{width:50%;float:left;padding-bottom:20px;min-height:230px;}
#unavi_besuch{left:20%;}
#unavi_spielzeug{left:30%;width:580px;}
#unavi_freilicht{left:50%;}
#unavi_spalte_archiv{text-align:right;}
.fuss{background:#e6ded5;width:100%;height:50px;}
.u_slogan{z-index:4;}
.navi_logo_breit{display:none;}
.navi_logo{display:block;}
.bild_links{float:left;padding:20px 20px 20px 20px;width:500px;}
.text_rechts{float:right;width:590px;text-align:justify;}
}

@media all and (min-width: 1201px) and (max-width: 1300px) {
.seite, .navi_oben_seite, .fuss_i {max-width:1200px;}
#unavi_spalte_archiv{text-align:right;}
.d_aktuelles{height:330px;}
.d_aktuelles_i{padding:40px 20px 20px 20px;font-size:0.8em;}
.d_bild_startseite{height:340px;}
a.l_unavi {color:#ffffff;text-decoration:none;font-size:1em;}
.u_slogan{left:21%;font-size:1.1em;}
h1{font-size:1.4em;}
#unavi_besuch{left:20%;}
#unavi_spielzeug{left:33%;width:500px;}
#unavi_freilicht{left:50%;}
.a_slogan{font-size:1.8em;}
.d_slogan{font-size:1.8em;}
a.l_oben {font-size:1.1em;}
.start_bild{position:relative;max-width:450px;}
.abstand_20{height:10px;}
.start_schrift{font-size:2em;}
.d_publikationen{width:100%;float:none;padding-bottom:20px;}
.start_rechts{min-height:780px;}
.fuss{background:#e6ded5;width:100%;height:50px;}
#l_navi_schliessen_besuch{height:230px;}
#r_navi_schliessen_besuch{height:230px;}
#l_navi_schliessen_spielzeug{height:210px;}
#r_navi_schliessen_spielzeug{height:210px;}
#l_navi_schliessen_freilicht{height:180px;}
#r_navi_schliessen_freilicht{height:180px;}
#l_navi_schliessen_archiv{height:210px;}
#r_navi_schliessen_archiv{height:210px;}
.navi_logo_breit{display:none;}
.navi_logo{display:block;}
.bild_links{float:left;padding:20px 20px 20px 20px;width:450px;}
.text_rechts{float:right;width:540px;text-align:justify;}
}

@media all and (min-width: 1001px) and (max-width: 1200px) {
.seite, .navi_oben_seite, .fuss_i {max-width:960px;}
#unavi_spalte_archiv{text-align:right;}
.d_aktuelles_i{padding:40px 20px 20px 20px;font-size:0.8em;}
.d_bild_startseite{height:261px;}
body{background:#ffffff;}
a.l_unavi {color:#ffffff;text-decoration:none;font-size:1em;}
.u_slogan{left:18%;font-size:1.1em;}
.a_slogan{font-size:1.8em;}
.d_slogan{font-size:1.8em;}
a.l_oben {font-size:1em;}
#unavi_besuch{left:40px;}
#unavi_spielzeug{left:20%;width:500px;}
#unavi_freilicht{left:50%;width:440px;}
.start_bild{position:relative;width:300px;}
.abstand_20{height:10px;}
.start_schrift{font-size:1.5em;}
.d_tradition{float:left;padding:0px 30px 20px 0px;width:360px;}
.d_tradition_i{border:1px solid #8b4724;padding:15px;text-align:center;height:450px;}
.d_publikationen{width:100%;float:none;padding-bottom:20px;}
.start_rechts{min-height:710px;}
.fuss{background:#e6ded5;width:100%;height:50px;}
#l_navi_schliessen_besuch{height:230px;}
#r_navi_schliessen_besuch{height:230px;}
#l_navi_schliessen_spielzeug{height:210px;}
#r_navi_schliessen_spielzeug{height:210px;}
#l_navi_schliessen_freilicht{height:180px;}
#r_navi_schliessen_freilicht{height:180px;}
#l_navi_schliessen_archiv{height:210px;}
#r_navi_schliessen_archiv{height:210px;}
.navi_logo_breit{display:none;}
.navi_logo{display:block;}
.bild_links{float:none;padding:20px 0px 20px 0px;width:96%;margin-left:auto;margin-right:auto;}
.text_rechts{float:none;width:96%;text-align:justify;margin-left:auto;margin-right:auto;}
.plakat1 img{width:86%;}
}

@media all and (max-width: 1000px) {
.seite, .navi_oben_seite, .fuss_i{width:100%}
.d_navi_m{display:block;padding:10px 10px 0px 40px;}
.navi_ober{display:none;}
body{background:#ffffff;}
.start_links{display:none;}
.start_rechts{width:100%;}
.start_bild{width:100%;margin-left: auto; margin-right: auto;clear:both;}
.plakat1{width:300px;margin-right:40px;float:left;margin-left:40px;}
.start_rechts_i{padding-left:0px;}
.start_schrift{font-size:1.8em;}
.i_slogan{display:none;}
.d_logos{float:left;width:40%;text-align:center;}
.d_slogan{display:none;}
.d_aktuelles{display:none;}
.innen_links{display:none;}
.w_navi{display:none;}
.inhalt_innen{border-left:1px solid white;position:relative;}
.u_slogan{display:none;}
.a_slogan{display:none;}
.navi_logo{display:none;}
.navi_logo_breit{display:none;}
.header{padding-right:30px;}
#lupe{display:none;}
.d_bild_startseite_m{display:block;width:100%;}
.d_bild_startseite{display:none;width:100%;}
h1{font-size:1.2em;padding-left:0px;}
.seite_innen{padding:0px;}
.i_anfahrt{height:300px;}
.plakate_start{float:none;width:100%;}
.d_tradition{width:100%;}
.d_tradition_i{border:1px solid #8b4724;padding:15px;text-align:center;height:450px;}
.d_publikationen{width:100%;float:none;padding-bottom:20px;}
.d_publikationen_i{padding-right:0px;}
.d_suche{display:none;}
.fuss{background:#e6ded5;width:100%;}
.navi_suche{display:none;}
.accordion h3 {font-size: 1.2em;}
.accordion .h3_1 {font-size: 1.2em;}
.accordion .h3_2 {font-size: 1.2em;}
.s_blog{width:340px;float:left;}
.start_bl{position:absolute;width:300px;height:200px;top:130px;left:20px;}
.start_tr{position:absolute;width:330px;height:35px;bottom:20px;left:5px;color:#ffffff;}
.plakat1{margin-top:20px;}
.text_rechts{float:none;width:96%;text-align:justify;margin-left:auto;margin-right:auto;}
}
@media all and (max-width: 700px) {
.bild_links{float:none;padding:0px 20px 20px 0px;width:100%;}
.plakat1{float:none;margin-left:auto;margin-right:auto;}
.s_blog{float:none;margin-left:auto;margin-right:auto;}
}
@media all and (max-width: 600px) {
.auswahl_l{float:none;width:90%;padding-bottom:20px;margin-left:auto;margin-right:auto;}

}