@charset "utf-8";
/* CSS Document */


/* GELB */
@media screen and (max-width: 1350px){
	

/* .line_top{
	background-color: #FC0;
}  */

}


/* grün */
@media screen and (max-width: 1210px){
	
/* .line_top{
	background-color: #0C0;
}  */

nav ul li a {
    padding: 37px 21px 38px;
}
	
}



/* lila - menu down */
@media screen and (max-width: 1020px){

/* .line_top{
	background-color: #60C;
}	*/ 


.side_inner {
    margin: 0 auto;
    padding-left: 15px;
	padding-right: 15px;
    width: 96%;
}

.left_inner{
	background-image: url(../img/logo_dentafloctabs_small.png);
    width: 36%;
}

.right_inner {
    width: 64%;
	max-width: 472px;
}

nav ul li a {
    font-size: 24px;
    padding: 37px 22px 38px;
}

.footer_right {
    font-size: 15px;
    max-width: 630px;
    padding: 30px 16px;
    text-align: left;
}



/* rosa TABLET Version */ 
@media screen and (max-width: 768px){
	
/* .line_top{
	background-color: #F99;
}	*/ 
	
nav ul li a {
    padding: 39px 17px;
    font-size: 23px;
}

.titel_1 {
    font-size: 22px;
    margin-top: 0px;
}

.right_inner {
    max-width: 440px;
    width: 66%;
}

.left_inner {
    background-image: url("../img/logo_dentafloctabs_mini.png");
    width: 32%;
    margin-left: 1.5%;
}

.side_inner {
    font-size: 20px;    
	width: 95%;
}

.slider_inner{
	max-width: 640px;
	margin: 140px auto;
	}
	
.slider_inner_en{
	max-width: 640px;
	margin: 140px auto;
}

.slider_inner_es{
	max-width: 640px;
	margin: 140px auto;
}

.slider_inner_fr{
	max-width: 640px;
	margin: 140px auto;
}

.footer_right {
    font-size: 14px;
    max-width: 500px;
    padding: 22px 16px;
}

}



/* BLAU  */
@media screen and (max-width: 670px){

/* .line_top{
	background-color:  #09F;
}	 */

.left_inner {
    max-width: 495px;
	background-image: url(../img/logo_dentafloctabs_small.png);
    width: 96%;
	height: 64px;
    margin-top: 5px;
	margin-left: 10px;
}

.right_inner {
    max-width: 650px;
    width: 100%;
}

.header {
    height: 140px;
}

.titel_2 {
    font-size: 26px;
    line-height: 28px;
}

.titel_1 {
    font-size: 22px;
    margin-top: 8px;
}

.slider {
	height: 490px;
    margin: -140px auto auto;
}

.slider_2 {
    margin: -140px auto auto;
}

.slider_inner {
    background-image: url("../img/film_video_small.png");
	margin: 145px auto;
    max-width: 470px;
}

.slider_inner_en {
    background-image: url("../img/film_video_small_en.png");
	margin: 145px auto;
    max-width: 470px;
}

.slider_inner_fr {
    background-image: url("../img/film_video_small_fr.png");
	margin: 145px auto;
    max-width: 470px;
}

.slider_inner_es {
    background-image: url("../img/film_video_small_es.png");
	margin: 145px auto;
    max-width: 470px;
}

.side {
    margin-top: 332px;
}

.side_2 {
    margin-top: 146px;
}

.side_inner {
    font-size: 19px;
	min-height: 440px;
    width: 93%;
}

.footer_right {
    max-width: 350px;
}
	
nav ul li a {
    padding: 21px 5.7%;
}

.img_start {
    width: 100%;
}


.video{
	max-width: 350px;
	max-height: 194px; 
	margin-left: 18px;
    margin-top: 54px;
}


}


/* DUNKEL Grau  */
@media screen and (max-width: 495px){
	

/* .line_top{
	background-color: #00C;
}	*/
	
.footer_left {
    background-position: center center;
    margin: 0 auto;
	float: none;
}

nav ul li a {
    padding: 23px 12.62%;
	font-size: 20px;
}

.side {
    margin-top: 252px;
}

.side_2 {
    margin-top: 182px;
}

.side_inner {
    width: 92%;
}

.slider {
    height: 410px;
}

.slider_2 {
    height: 340px;
}

.slider_inner{
	background-image: url(../img/film_video_small_blue.png);
	margin: 0 auto;
	width: 370px;
	margin-top: 110px;
 }	

.slider_inner_en{
	background-image: url(../img/film_video_small_blue_en.png);
	margin: 0 auto;
	width: 370px;
	margin-top: 110px;
 }	
 
.slider_inner_fr{
	background-image: url(../img/film_video_small_blue_fr.png);
	margin: 0 auto;
	width: 370px;
	margin-top: 110px;
}	

.slider_inner_es{
	background-image: url(../img/film_video_small_blue_es.png);
	margin: 0 auto;
	width: 370px;
	margin-top: 110px;
}	

#footer {
    height: 140px;
}

.footer_right {
    margin: 0 auto;
    max-width: 470px;
    padding: 15px 76px;
    text-align: center;
}

.video{
	max-width: 272px;
	max-height: 153px; 
	margin-left: 11px;
    margin-top: 70px;
}
	
	
}


/* DUNKEL BLAU  */
@media screen and (max-width: 390px){
	
/* .line_top{
	background-color: #666;
}	*/

.header {
    height: 280px;
}	
	
.slider {
    height: 510px;
    margin: -280px auto auto;
}

.slider_2{
    height: 510px;
    margin: -280px auto auto;
}

.slider_inner{
	background-image: url(../img/film_video_smart.png);
    width: 280px;
	margin: 210px auto 0;
}

.slider_inner_en{
	background-image: url(../img/film_video_smart.png);
    width: 280px;
	margin: 210px auto 0;
}

.slider_inner_fr{
	background-image: url(../img/film_video_smart.png);
    width: 280px;
	margin: 210px auto 0;
}

.slider_inner_es{
	background-image: url(../img/film_video_smart.png);
    width: 280px;
	margin: 210px auto 0;
}

.titel_1 {
    font-size: 20px;
}

.titel_2 {
    font-size: 25px;
    line-height: 26px;
}
	
.side_inner {
    width: 90%;
    font-size: 17px;
}

.side {
    margin-top: 212px;
}

.side_2 {
    margin-top: 212px;
}

nav ul li {
    float: none;
}

nav ul li a {
    padding: 23px 0;
    text-align: center;
    width: 100%;
}

.footer_right {
    padding: 15px;
}

.video{
	max-width: 242px;
	max-height: 134px; 
	margin-left: 15px;
    margin-top: 96px;
}

}


/* Smartphone - hummer */

@media screen and (max-width:320px){
	
/*  .line_top{
	background-color: #F66;
}	*/

.slider {
    height: 488px;
    margin: -258px auto auto;
}

.slider_2 {
    height: 488px;
    margin: -258px auto auto;
}

.side_inner {
    width: 89%;
	padding-left: 10px;
    padding-right: 10px;
}

.titel_2 {
    font-size: 23px;
    line-height: 24px;
}

.titel_1 {
    font-size: 19px;
    margin-top: 4px;
}

nav ul li a {
    padding: 18px 0;
	font-size: 22px;
}

.slider_inner {
    margin: 190px auto 0;
}

.slider_inner_en {
    margin: 190px auto 0;
}

.slider_inner_es {
    margin: 190px auto 0;
}

.slider_inner_fr {
    margin: 190px auto 0;
}

.header {
    height: 258px;
}

.footer_right {
    padding: 10px;
}
	
}
