@charset "utf-8";

@media only screen and (max-width: 1300px){
	#vogel { display:none; }
}


@media only screen and (min-width:1023px){
	#dsmenucontainer,
	#dsmenus { display:block !important; }
}

@media only screen and (max-width: 1024px){
	html { font-size: 72% !important; -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape */ }

	/* ds */
	/* Dynasite */
	#dsmain,
	#dssiteheader,
	#dssubbody,
	#dscontent,
	#dsarticleheader,
	#dsarticlefooter { width:100% !important; box-sizing: border-box; }
}


@media only screen and (max-width:1023px){
	html { font-size: 82% !important; -webkit-text-size-adjust: 100%; } /* Prevent font scaling in landscape */

	html.menu-in { position:fixed; top:0; left:0; bottom:0; right:0; }
	#dsbody.menu-in,#dsbody.menu-in #dssubbody { overflow:hidden !important; }

	/* transition */
	#dssiteheader .container,
	#logo { transition:all 0.4s; }

	/* header */
	#hgbilder { float:none; padding-left:0; margin:0 auto; }
	#dssiteheader { z-index:5; }
	.menu-in #hgbilder { display:none !important; }
	#bw { display:none; }

	#dssiteheader { position:static; background:#fff; overflow:hidden; }
	#hgbilderstart { background:#d4dfc2; }
	#dssiteheader .container { position:static; text-align:center; }

	#logo img { width:100%; height:auto; }
	#hgbalkentop { display:none; }

	/* ajax div */
	#ajaxdiv { width:100%; max-width:100% !important; top:0 !important; left:0; margin-left:0; transform:translate(0,0); box-sizing:border-box; }
	.cimmotool.viewdet .ajaxclose { top:0; right:0; }
	#ajaxdiv .col1of2, #ajaxdiv .col2of2 { width:100%; }

	#ajaxdiv .col1of2 { padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #bb830b; }

	/* Menugradient & Menutrigger */
	#menu_gradient { display:block; position:absolute; top:34px !important; right:15px; height:40px; padding:5px; border:1px solid #bb830b; border-radius:5px; background:#fff; z-index:80; }
	#menutrigger { position:relative; width:40px; height:40px; display:block; }
	#menutrigger > div { position:absolute; left:0; width:40px; height:6px; background-color:#bb830b; border-radius:5px; transition:all .4s; }
	#menutrigger > div.line1 { top:5px; }
	#menutrigger > div.line2 { top:50%; margin-top:-3px; }
	#menutrigger > div.line3 { bottom:5px; }
	#menutrigger.open > div.line1 { top:50%; margin-top:-3px; transform:rotate(-45deg); }
	#menutrigger.open > div.line2 { filter:alpha(opacity=0); opacity:0; }
	#menutrigger.open > div.line3 { bottom:50%; margin-bottom:-3px; transform:rotate(45deg); }

	/* Hauptmenu */
	#menuhg { display:none; position:fixed; top:115px; left:0; width:100%; height:100%; background-color:#FFF; border-top:1px solid #181716; z-index:3; }
	#dsmenucontainer { display:none; position:absolute; top:100px; left:0; padding:0; margin:0; width:100% !important; height:auto !important; overflow:hidden; z-index:4; }
	#dsmenus { display:none; position:static; top:15px; width:100% !important; height:auto; padding:0 15px !important; margin:auto; box-sizing:border-box; z-index:5; }
	#dsmenus:after { content:''; display:block;  width:100%; clear:both; }

	#dsmenus > li { float:none; position:relative; height:auto; width:100%; padding:8px 0; border-bottom:1px solid #2d4556; font-weight:700; box-sizing:border-box; clear:both; }
	#dsmenus > li > a { padding:0; display:block; font-size:1.3em; text-decoration:none; }
	#dsmenus > li.fixwidth:after { content:"\f107"; position:absolute; top:0; right:5px; font-family:'FontAwesome'; font-size:24px; line-height:34px; color:#779d28; }
	#dsmenus > li > a.dsmenu_active { background:none; }
	#dsmenus > li.dsmenu_active.fixwidth > ul { display:block !important; }
	#dsmenus > li > ul { float:none; position:relative; left:auto; top:auto; width:100% !important; padding:0 0 10px 0; margin:10px auto 0 auto; border:none !important; background:none;  list-style:none; }

	#dsmenus > li > ul:after { content:''; display:block; clear:both; }
	#dsmenus > li > ul > li { float:none; position:relative; width:100%; max-width:100%; margin:0 auto; border:none; background:none; clear:both; }
	#dsmenus > li > ul > li > a { font-size:1.2rem; line-height:1.6rem; }

	#dsmenus > li > ul > li > a:hover { background:none; }
	#dsmenus > li > ul > li > a.dssubmenu_active { background:none; }
	#shortnavi { display:none; }

	/* main */
	#dsmain { float:none; max-width:915px; padding:0 15px; margin:0 auto 80px auto; overflow:hidden; box-sizing:border-box; }

	#dscontent { float:none; padding-top:20px; }

	/* article */
	#dscolumn1_1 { float:none; width:100%; }
	.dsimage_1,.dsimage_2,.dsimage_3 { float:none !important; max-width:100% !important; }
}


@media only screen and (max-width:900px){
	/* Dynasite */
	#dssiteheader .container { height:115px; }
	#dssitefooter { height:80px; padding-top:10px; }


	/* Fusszeile Mobile */
	#mobilefooter { display:block; width:100%; padding-left:15px; margin-left:-15px; box-sizing:border-box; }
	#mobilefooter .btn { float:left; width:33.33%; padding-left:15px; box-sizing:border-box; }
	#mobilefooter a { float:left; width:100%; height:40px; background-color:#FFF; text-align:center; line-height:40px; font-size:27px; color:#BB830B; box-sizing:border-box; }
}


@media only screen and (max-width:767px){
	html { font-size:92% !important; -webkit-text-size-adjust:100%; }

	#ajaxdiv { padding:0 15px 30px 15px; }
	#header-btn { display:none; }

	#dscolumn1_2,
	#dscolumn2_2,
	#dscolumn1_3,
	#dscolumn2_3,
	#dscolumn3_3 { width:100% !important; }
}


@media only screen and (max-width:666px){
	#logo { width:280px; }
}


@media only screen and (max-width:567px){
	/* form */
	.f1_row .customselect,
	.f1_row label,
	.f1_row textarea,
	.f1_row input[type=submit],
	.f1_row input[type=button],
	.f1_row input[type=reset],
	.f1_row input[type=text],
	.f1_row input[type=password] { float:none; width:100% !important; line-height:16rem; line-height:1.6rem; }
	.f1_row button[type=submit] { width:100%; margin-left:0; line-height:30px; }

	.checkboxCheck { width:100%; }
	.checkboxCheck input[type="checkbox"] { float:left; display:inline-block; width:10%; margin:0; margin-top:13px; box-sizing:border-box; }
	.checkboxCheck label { float:left; display:inline-block; width:90% !important; margin:0; box-sizing:border-box; }

	/* header */
	#dssiteheader .container { height:90px; }
	#menuhg { top:90px; }
	#menu_gradient { top:24px !important; }
}


@media only screen and (max-width:479px){
	/* header */
	#dssiteheader .container { text-align:left; }
	#logo { left:15px; width:200px; transform:translateX(0); }

	/* picasa */
	.cpicasalow .anzahl-4 .thumbnail, .cpicasalow .anzahl-8 .thumbnail { width:50%; }
}


@media only screen and (max-width: 374px){}


@media (max-width: 320px){}