/* .RD-Breaks: 960, 750 (+ 16px Scrollbalken = 996, 766, 640 px) . */

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

	DIV.claim P, .inhalteBox, .fuszNaviBox, .fuszBox {width: 90%;}
	DIV.claim P {font-size: 4.5vw;}

	#cTransforming {font-size: 6.45rem;}

	} /* .ENDE 996. */

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

	.navigation, .footer {background: url(../bilder/HG-Bilder/HG-Gold_klein_SW.png) no-repeat; background-size: cover;}
	
	#naviOben LI A {width: 19.0vw;}
	
	.RDnavi {display: block;}
	
	#naviOben {float: none; transition: all 1s; margin-top: -500px; border-top: 1px dotted  rgb(128,128,128);}
	#naviOben:target {margin: 50px 0 0px 0;}
	#naviOben LI {float: none; border-bottom: 1px dotted  rgb(128,128,128);}
	#naviOben LI A {width: 100%;}
	.inhalteBox {padding: 2rem;}
	.trigger, .klappBox {display: none;}
	.downloads  {display: none;}
	
	H2 {font-size: 2.2rem;}
	H3 {font-size: 2.0rem;}
	H4 {font-size: 1.8rem;}
	P, TD {font-size: 1.6rem;}
	
	DIV.claim P, .inhalteBox, .fuszNaviBox, .fuszBox  {width: 98%;}
	
	DIV.claim P {padding: 7rem 0 1.5rem 0;}
	
	#untenNavi LI A {min-width: 50px;}

	
} /* .ENDE 766. */

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

	H1.groszTitel {font-size: 8.0vw; margin-bottom: 1.5rem;}
	H1.groszTitel .copyRight, H1 .copyRight {font-size: 1.5rem;}

	.rechtsBild, .rechtsBildRand {float: none; margin: 0; display: block;}
	
	} /* .ENDE 656. */
	
@media only screen and (max-width: 456px) {

	.filmstill {width: 280px; height: 160px; margin: 0.5rem;}

	} /* .ENDE 456. */