/*////////  TABLET GROSSES SMARTPHONE  ////////   ////////  TABLET GROSSES SMARTPHONE  ////////     ////////  TABLET GROSSES SMARTPHONE  ////////     ////////  TABLET GROSSES SMARTPHONE  ////////               */
@media only screen  and (max-device-width: 961px), (orientation: landscape) AND (max-width: 961px), (max-width: 961px){ 

    
     /* 260114t */
    .startimgmask{
        width: 400px;
        height: 374px;  
        margin-left: auto;
        margin-right: auto; 
        margin-top: 20px;
        margin-bottom: 30px; 
    }
     /* 260114t */	
	
	
    .logos_left{
        float:left;
        width: 40%; 
    }
	
    .logos_right{
        float:left;
        width: 60%; 
    }
	
    .prisma_logo{ 
        width: 100px;
        height: 90px;  
        margin: 0px 0px 0px 10px; 
        }
     
    .logo_EP img, .logo_LAFC img, .logo_PRISMA img{
        width: 90%;
    }
     
    
    .logo_LAFC{
        position: absolute;
        margin: 5px 0px 0px 42px;
    }

    .logo_PRISMA{
        position: absolute;
        margin: 5px 0px 0px 42px;
    }
     
    
	.hb_menu{
	 
		padding: 0px 10px 10px 20px;
		width: calc(100% - 40px);
		margin-top: 0px;
	}	
	

    .header_mid{
        width: 100%;
        padding: 0px;
    }
	
    .suche{
        width: 100%;
        padding: 0px;
        background: #333;
        margin-top: 360px;
        
    }
    .input_field_suche { 
        width:200px; 
}
    

    .header_menu{ 
        width: 100%; 
        display: none;
        min-height: 800px;
        background: #000;
        padding-top: 10px;  
    }
    
    .header_menubut{
        width: calc(100% - 20px);
        text-align: left;
        padding-left: 20px;
        
    }

     /* 260114t */
    .slider_li{
        font-size: 1.15em; 
        line-height: 20px;
	    letter-spacing: 0.2pt; 
    }
    

    #fssList{ 
        margin-top: -30px; 

    }
	 /* 260114t */





/* footer 260108t*/
	.footer{ 
        width: 100%;
	 
		}
    
    
    .footer_main {  
        margin: 0px;
        padding: 0px 0px 20px 20px;
        margin-top: 0px;
        width: calc(100% - 20px);
        height: 340px;
        margin-left: auto;
        margin-right: auto; 
        background-color:#000; 
    }
    
    .footer_grid{ 
        width: calc(48% - 20px);
        margin: 0px;
        margin-right: 20px; 
    }
    
    #footer_grid1{
        width: calc(44% - 20px);

    }
    #footer_grid2{
        width: calc(56% - 20px);

    }
    #footer_grid3{
        width: calc(52% - 20px);

    }
    #footer_grid4{
        width: calc(48% - 20px);

    }
    .footer_logos{ 
		width: 100%;
    }
/* footer 260108t*/
    



		
    .mobilemenubut{  
		display: block; 
 
	
	}   
	
	
	
/*   260108d //d260108 start */


	.onesuch{ 
		/* padding: 20px; 
		width: calc(100% - 40px);   */
		width: 95%; 
	}

	.suchead{
		width: 95%;
		height: auto;
	}	
	
	.onehead{
		width: 100%;
		
	}
	
	.brlink{
		width: 100%;
		
	}

	.cookinfo{
		width: 100%;
		margin-top: 4%;
	 }	
	 
	 .cookinfo2{
		width: 95%;
		margin-top: 1%;
		min-height: 690px;
		height: auto;
	 }
	 
	.cookhinweis{
		width: 90%;
		height: auto;
		margin-left: 5%;
	 }	 	
	 
	 .cookbut{
		margin-top: 30px;
		margin-left:  5%;
		width: 220px;
	 }		 
	 
	 .cookbut2{
		margin-top: 48px;
		clear: left;
		margin-left:  5%;
		width: 220px;
	 }	 


	.cookie_container{
 
		width: 100%; 
	    height: auto;
         
		min-height: 148px;
	} 


	.switch {
 
		margin-left:5%;
	 
	}


	.cookieheadline{
		height: auto;
	
	}
 

	#cookieselect { 
 
	  height: 60%;  
	 
	 }
	  
	.teamout{
 
		margin-bottom: 50px;
	}  

    
	.teamclose {
		
		display: none;
		height: auto;
		width: auto;
		
	}

	.teamout{
		float: left;
		width: 270px;
	 
	}

	.gg_abstand{
	 
		width: 100%; 
 
	
	}
	
	.gglimes_long2{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		min-height:	70px;
 
	}


	.gglimes_long{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		min-height:	50px;
 
	}


	
	.push_the{
 
		height: auto;

	}


	.reini {
		float: left;
		position: absolute;
		width: 853px;
		height: 2px; 
		border-top:  #ccc solid 1px;
		margin-left: 28px;
		margin-top: 295px;
		margin-bottom: 1px;
		clear:left;
		display: none;

	}

	.plan9 {
		display: none;
	}



	.reini2 {
 
		width: 90%;
		margin-left: 24px;
		 
	}

	
	.greencontent{
	
		float: left;
		width: 97%;
		border: 0px;
		height: auto;
		background-color: #fff; 
		clear: left;
		padding-left: 0px;
		padding-bottom: 0px;
		margin-left: 3%;
	
	}	
	
	
	

	.greencontent2{
	
		float: left;
		width: 94%;
		border: 0px;
		height: auto;
		background-color: #fff; 
		clear: left;
		padding-left: 0px;
		padding-bottom: 0px;
		margin-left: 3%;
	
	}
	
	.green_artikel{
	
		float: left;
		width: 70%;
	 
		height: auto;
		background-color: #FFF; /*#f2f2f2;*/
		margin-left: 60px;			/* 	167px;		d2601 */
		margin-top: -86px;
		padding-left: 20px;
		padding-bottom: 0px;
	
	}
	
	.green_artikel2{
	
		float: left;
		width: 70%;
	 
		height: auto;
		background-color: #FFF; /*#f2f2f2;*/
		margin-left:22%;  /* 	143px;167px; */
		margin-top: -86px;
		padding-left: 20px;
		padding-bottom: 0px;
	
	}	
	
	.green_artikel3{
	
		float: left;
		width: 70%;
	 
		height: auto;
		background-color: #FFF; /*#f2f2f2;*/
		margin-left: 12%;			/* 	167px;		d2601 */
		margin-top: -86px;
		padding-left: 20px;
		padding-bottom: 0px;
	
	}	
	

	.green_artikel_press{
		margin-left: 0px;
		max-width: 100%;
 
	}


	.gg_titel{ 
 
		width: 97%;
	    font-size: 1.65em;
  
	}	
 
	.nextbut2 {
		width:50%;
		margin-left: 25%;
		margin-right: 25%;
	}



	#circle_d1 {
		width: 52%;
		height: 38%;
		margin-top: 17%;
		margin-left: 5%;
		z-index: 13;
		display: none;
	 }

	.text_circle {
		
		height: auto;
		margin-bottom: 10%;
		
		}


	#text_circle1 {
		
		margin-top: 37%;
		margin-left: 	11%;
		font-size: 3.48em;
		width: 40%;
		cursor: pointer;
		
		}

	#text_circle_small1 {
		
		font-size: 0.44em;
		width: 100%;
		margin-left:  0px;
		}
		
		
	#text_circle2 {
		
		margin-top: 15%;
		margin-left: 40%;
		font-size: 1.78em;
		width: 27%;
		cursor: pointer;
		
		}

	#text_circle_small2 {
		
		font-size: 0.64em;
		width: 100%;
		margin-left:  0px;
		}
		
		
	#text_circle3 {
		
		margin-top: 30%;
		margin-left: 62%;
		font-size: 2.78em;
		width: 29%;
		cursor: pointer;
		
		}

	#text_circle_small3 {
		
		font-size: 0.46em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle4 {
		
		margin-top: 57%;
		margin-left: 58%;
		width: 34%;
		font-size: 2.78em;
		cursor: pointer;
		
		}

	#text_circle_small4 {
		
		font-size: 0.50em;
		width: 100%;
		margin-left:  0px;
		}


	#text_circle5 {
		
		margin-top: 78%;
		margin-left: 35%;
		width: 28%;
		font-size: 2.28em;
		cursor: pointer;
		
		}

	#text_circle_small5 {
		
		font-size: 0.50em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle6 {
		margin-top: 72%;
		margin-left: 11%;
		width: 25%;
		font-size: 1.58em;
	 
		}

	#text_circle_small6 {
		
		font-size: 0.60em;
		width: 100%;
		margin-left:  0px;
		}


	.spotsel{
	
		margin-left: 24px;
	
	}


	.gg_headline{ 
	 
		 
		width: 100%;
	  
		}
	.gg_limes{ 
	 
		 
		width: 100%;
	  
		}

	.samlink{
	 
		width: 100%; 
	 
		 
	} 	
	
	.gg_linksammlung{
	 
		margin-right: 0px;
		width: 84%;
		padding-right: 0px;
 
	} 
	.gg_link{
	 
	    width: 90%;
		margin-right: 0px;

		padding-right: 0px;
 
	} 


	.gg_video{
		float: left; 
		color: #787878;
		width: 100%;
		max-width: 590px;
		height: auto;
		margin-left:  0px;
	} 
	 
	iframe {
 
		/* min-height: 332px; */
	    width: 100%;
		height: auto;
		min-height: 250px;
	} 

	.allspots{ 
	 
		margin-left: -584px; 
	 
	}

	.hidespots{ 
	 
		margin-left: 16%; 
		width: 353px;
		border-top: none;
	 
	 }
	.kugel_hide{ 
	 
		 
		width: 20px;
	 
	 }
	 
	#pfeil_but2{ 
	 
		 
		margin-left: 323px; 
	 
	 }
	 
	#kugel_heide2{ 
	 
		margin-left: 316px;  
 
	 
	 }	

	.pfeil_but{ 
 
		font-size: 3.05em;
 
	}
	
	.circle_mirko{ 
 
		display: none;
 
	}	
	
	.circle_land{ 
 
		display: none;
 
	}	
	
	#incentive_modelle{ 
 
		display: none;
 
	}	
	
	#incentive_reini{ 
 
		display: none;
 
	}

	.gg_table{
 
		width: 100%;
		font-size: 0.80em;
		padding-right: 20px; 
 
	}



/*   260108d end */






    .hb_maincontent{
        margin-top: 91px;  

        }
    
	.hb_subbut{
 
		margin: 0px 0px 7px 0px;  
        width: calc(100% - 10px);  
		 
	}
    
    
	.hb_sidemenu{ 
		margin-top: 10px;
		padding: 20px 20px 20px 10px;
		float: left;
		position: relative;
		width: calc(100% - 30px);
		background: #fff;
		height: auto;
	} 
	

	.imgcre{
 
		font-size: 0.84em; 
		margin-top: 0px;
		
		}

	
		
	.hb_titel{ 
		font-size: 3.0em; 
		top: 240px; 
	 /* top: 210px; 
	    font-size: 4.0em;
	 */
	 
	}
	
	.hb_subtitel{ 
		top: 290px; 
 
		font-size: 1.6em;	
	
	}	
	
	
    .hb_center{
		width: 100%;
    }
    
	.hb_elements{
		
		width: 100%;
		height:auto;
		background: #fff; 
	
	}
	
	.hp_langselbut{
		float: left; 
		width: auto; 
	 	font-size: 0.82em; 
	}
	 
	 

	.hb_menubut{ 
		margin: 5px 15px 0px 0px; 
	}
	
	
	.hb_inhalt_text{
		float: left;
		width: auto;
		height: 36px;
		margin: 0px;
		line-height:35px; 
		margin-right:14px; 
		font-size: 0.84em;
		font-weight: 700;
	}
	
	.hp_langsel{ 
		margin: 13px 12px 0px 0px; 
		
	}
	
	.hb_logodiv{ 
		margin: 14px 0px 0px 15px;
	/*	width: calc(50% + 20px);
 		width: 50%;
		height: auto;*/
		 
		width: 300px; 
		height:auto;  	
	}

	.gg_limes{
 
		margin-right: 1px;
 
		}
		
	.gg_schwarz{
 
		padding-right: 1px; 

		}
		
	.gg_text {
		font-size: 1.06em;  /* d260108	vorher: 1.16em	gg_text */
		padding-right: 1px;
		width: 100%;
 
	}
	
	.gg_aufzaehl {
		font-size: 1.06em;
		padding-right: 1px;
		width: 80%;
		margin-right: 0px;
 
	}	
	
	.gg_img {
 
		margin-right: 1px;
		margin-bottom: 15px;
 
	}

	.gg_accordion{
		margin-right: 1px;
		width: 100%;
		height: auto;
	}
	
	.gg_subline {
 
		width: 97%;
		height: auto;
		margin-bottom: 6px;
	}
		
	.logo_grid{
		 
		}

	.pressebut{
		float: left;
		background-color: #f6f6f6;
		width: 	auto;			 
		height: 27px;
		line-height: 27px;
		vertical-align: center;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0px;  
		margin-top: 12px; margin-left:15px; 
		text-align: center;
		cursor: pointer;
		letter-spacing: 0.3pt; 
		color: #000; /*a0a0a0*/
		font-family: GillSansNova-Medium;
		font-size: 0.65em;
		font-weight: normal;
		cursor: pointer;
		border: 1px solid #bdbdbd; 
		border-radius: 28px;	
	 
		}  

	.ggstrang {
 
		max-width: 80%;
 
	}	
	
	.sub_circle_artikel {
 
		/* margin-left: 10px;   */
 
	}
	
	#touchgreen_artikel {
 
		margin-left: 0px;  
 
	}
	
	#gfca_artikel {
 
		margin-left: 10px; 
 
	}

	#but6{
 
			margin-left: 0px;
			width: 50%;
 
	}

	#spotsel2{
 
			margin-left:0px;
			width: 50%;
			float: left;
 
	}	
	
	#spotsel{
 
			margin-left:0px;
			width: 50%;
 
	}

	#abstand12167{
 
			height: 100px;
 
	}	
	
	#lupo2_121617{
 
			margin-left: 28%;
 
	}	
	
	#lupo_link{
 
			margin-left: 28%;
 
	}

	#but5{
 
			margin-left: 0px;
			width: 50%;
 
	}		
	
	#dg_eki{
 
		   margin-left: 85%;
		   position: relative; 
		   margin-top: 5px;
 
	}
	#link_eki{
 
		margin-left: 85%;
		position: relative; 
		margin-top: 5px;
 
	}		
	
	#sub_kugel_bunt_tools{
 
		margin-left: 0px;
 
 
	}	
	
	#sub_kugel_pool{
 
		margin-left: 0px;
 
 
	}	
	
	
	.gg_land{
	 
		margin-top:50px; 
		margin-left: 24px; 
		margin-bottom: 41px;		
		
	 
	 
	} 	
		
	

    
}

/*//////// SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE SMARTPHONE ////////   smartphone/device max 667px breite oder querforamt & max. win-breite 667px oder max win-breite von 500px (für desktop-test breakpoint)               */
@media only screen  and (max-device-width: 667px), (orientation: landscape) AND (max-width: 670px), (max-width: 670px){/*SMARTPHONE*/

	.hb_elements{
		 
		background: #fff; 
	
	}
	
	


	#gfca_artikel{
 
		display: none;
 
	}		
	
	.sidebut{
 
		font-size: 0.72em;
 
	}	
	
	.input_field_lupo2{
 
		width: 203px;
 
	}	
	
	#close_lupo_links{
 
		margin-left: 254px;
 
	}


	#gg_schwarz_pfeil_tools{
	 
		margin-right: 2px;
	    margin-top: 7px;
	}

 

	.gg_kugel{
 
		margin-left: -57px;
 
 
	}	


    /* 260114t */
    
    .slider_li{
        font-size: 0.95em; 
	    letter-spacing: 0.2pt; 
    }
    
    
    .startimgmask{
        width: 260px;
        height: 243px;  
        margin-left: auto;
        margin-right: auto; 
        margin-top: 20px;
        margin-bottom: 30px; 
    }
     /* 260114t */



/*   260108d //d260108 start */

	#cookieselect { 
 
	  height: 80%;  

	  }
  
	.cookinfo2{
		width: 95%;
		margin-top: 1%;
		min-height: 940px;
		height: auto;
	 }

	.gg_text {
		font-size: 1.06em;  /* d260108	vorher: 1.16em	gg_text */
		padding-right: 1px;
		width: 97%;	/* d260108	vorher: 100%	gg_text */
 
	}

	.gglimes_long2{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		min-height:	100px;
 
	}


/* 	.gglimes_long{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		min-height:	100px;
 
	}
 */


	.pressehead{
	 
		width: 	90%;			 
 
	}

	.push_the{
		float: left;
		padding-left: 15px;
	    text-align: left;
		margin-bottom: 25px;		

	}
	
	.pressebut{
		float: left;
		background-color: #f6f6f6;
		width: 	auto;			 
		height: 27px;
		line-height: 28px;
		vertical-align: center;
		padding-left: 8px;
		padding-right: 8px;
		margin: 0px;  
		margin-top: 4px; margin-left:22px;
		margin-right: -12px;
		font-size: 0.6em;
	 
		}  


	
	.green_artikel{
	
		float: left;
		width: 82%;
	 
		height: auto;
		background-color: #FFF; /*#f2f2f2;*/
		margin-left: 25px;
		margin-top: 15px;
		padding-left: 0px;
		padding-bottom: 0px;
	}		

	.green_artikel2{
	
		float: left;
		width: 82%;
	 
		height: auto;
		background-color: #FFF; /*#f2f2f2;*/
		margin-left: 25px;
		margin-top: 15px;
		padding-left: 0px;
		padding-bottom: 0px;
	}	

	.green_artikel3{
	
		float: left;
		width: 82%;
	 
		height: auto;
		background-color: #FFF; /*#f2f2f2;*/
		margin-left: 25px;
		margin-top: 15px;
		padding-left: 0px;
		padding-bottom: 0px;
	}		
		

	.sub_kugel_bunt {
	 
		margin-left: 37px;
	 
	}

	.sub_kugel {
	 
		margin-left: 0px;
	 
	}


	.gg_subline2 {
 
		width: 97%;
		height: auto;
		min-height:44px;
		 
	}


	.gg_anmeldung{

		width: 90%;

	
	}

	.input_field_anmeldung {
		width:80%;  
	}
	
	
	.nextbut2 {
		width:50%;
		margin-left: 25%;
		margin-right: 25%;
	}

	.loginhead {
		width:100%;
	 
	}



	#text_circle1 {
		
		margin-top: 36%;
		margin-left: 	11%;
		font-size: 2.48em;
		width: 40%;

		
		}

	#text_circle_small1 {
		
		font-size: 0.34em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle2 {
		
		margin-top: 15%;
		margin-left: 40%;
		font-size: 1.02em;
		width: 27%;
		cursor: pointer;
		
		}

	#text_circle_small2 {
		
		font-size: 0.64em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle3 {
		
		margin-top: 27%;
		margin-left: 61%;

		font-size: 1.42em;
		cursor: pointer;
		
		}

	#text_circle_small3 {
		
		font-size: 0.64em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle4 {
		
		margin-top: 57%;
		margin-left: 57%;
		font-size: 1.62em;
		cursor: pointer;
		
		}
	
	#text_circle_small4 {
		
		font-size: 0.64em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle5 {
		
		margin-top: 78%;
		margin-left: 35%;
		font-size: 1.32em;
		cursor: pointer;
		
		}
		
	#text_circle_small5 {
		
		font-size: 0.60em; 
		width: 100%;
		margin-left:  0px;
		}


	#text_circle6 {
		
		margin-top: 72%;
		margin-left: 11%;
		font-size: 1.02em;
		cursor: pointer;
		
		}
		
	#text_circle_small6 {
		
		font-size: 0.56em; 
		width: 100%;
		margin-left:  0px;
		}

	.reini2 {
 
		width: 85%;
		margin-left: 24px;
		margin-top: 0px;
	}



	.spotsel{
 
	  
		margin-left: 24px;
		margin-top: 10px;
	 
		}

	.ggstrang {
 
		max-width: 60%;
 
	}


	.blatter{
	
 
		margin-top: -5px;
		margin-right: 20px;
		font-size: 40px;
	 
	
	}

	.samlink{
	 
		width: 100%; 
	 
		 
	} 	
	
	.gg_linksammlung{
	 
		margin-left: 58px;
		width: 84%;
 
	} 
	.gg_link{
	 
	    width: 90%;
		margin-right: 0px;

		padding-right: 0px;
 
	} 



	.bildthumb{
 
		margin-top: 10px;
 
	
	}

	iframe {
 
 
		min-height: 200px;
	} 

	.hidespots{ 
	 
		margin-left: -2%; 
		width: 353px;
		border-top: none;
	 
	 }

	.sub_kugel_text {
	 
		width: 92%;
		min-height: 45px;
		max-width: 261px;
	}
	.sub_kugel_untertitel {
	 
		width: 92%;
	 
	}

	.gg_video{
		margin-bottom: 0px; 
	} 
	 


/*   260108d //d260108 end */

 



.startkugeldiv{ 
    width: calc(100% - 2px);
    margin:11px 0px 0px 0px;
    
}
.startkugeldivright{
    width: calc(100% - 2px);
    margin: 11px 0px 0px 0px;
}
    
 	
	.hb_inhalt_text{
		 display: none;
	}
	
	.hb_menubut{ 
		height: 36px;
		width: 36px;
		border-radius: 50%;
	}
	
	.hp_inhalt_icon{
		float: left;
		width: 20px;
		height:20px;
		margin: 11px 0px 0px 7px;
	}
	
	
	.hb_logodiv{ 
		margin: 17px 0px 0px 15px;
	/*	width: calc(50% + 20px);
 		width: 50%;
		height: auto;*/
		 
		width: 240px; 
		height:auto;  
	} 
	

	
	
	.centerimg{ 
	height: 376px; 
	
	}
	.centerimg img{
		width: 100%;
		height: 376px;
		
		}
	
	.hb_titel{ 
		top: 200px; 
		font-size: 2.4em;
		width: 100%;	
		}
	.hb_subtitel{ 
		top: 236px; 
		width: 97%;
		 font-size: 1.5em;	
		
		}


	.hp_langselbut{
		float: left; 
		width: auto; 
	 	font-size: 0.82em; 
	 }
	
	


/* footer 260108t*/
     .footer_main {  
        width: calc(100% - 20px);
        height: 600px; 
    }
    .footer_left, .footer_right{    
        float: left;
        width: 50%;
    }

    .footer_white{
        height: 140px;
    }
    
    .footer_grid{ 
        width: calc(100% - 20px);
        margin: 0px;
        margin-right: 20px;  
    }
    #footer_grid1{ 
        width: calc(100% - 20px);
        margin: 0px;
        margin-right: 20px;  
    }
    #footer_grid2{ 
        width: calc(100% - 20px);
        margin: 0px;
        margin-right: 20px;  
    }
    #footer_grid3{ 
        width: calc(100% - 20px);
        margin: 0px;
        margin-right: 20px;  
    }
    #footer_grid4{ 
        width: calc(100% - 20px);
        margin: 0px;
        margin-right: 20px;  
    }
    
    

    .logos_left, .logos_right{
        float:left;
        width: 100%; 
    }

    #lg1{
        width: 33%;
        margin-left: 1%;
    }
    #lg2{
        margin-top: 11px;
        width: 35%;
        margin-left: 0%;
    }
    #lg5{
        margin-top: 11px;
        width: 29%;
        margin-left: 0%;
    }

    #lg4{
        width: 34%;
        margin-left: 0%;
    }

    #lg6{
        width: 66%;
        margin-left: 0%;
    } 




    #lg3{
        width: 27%;
        margin-left: 8%;
    }


	.logo_grid{
	 
		}
/* footer 260108t*/



	.gg_accordion{
		padding-bottom: 4px;
	}

	.gg_headline{ 
	 
		font-size: 1.72em; 
		width: 97%;
		overflow-wrap: break-word;
	  
		}


	.gg_schwarz{
	 
		font-size: 1.12em;
		width: 97%;
		overflow-wrap: break-word;
		    line-height: 22px;
		
		} 
	#degree1{
	 
		margin-right: 3px;
		
		} 


	.hb_seitenleiste{
		 
		overflow-y: scroll;
		width: 80%; 
	 
		
	}

	.hb_menu{
	 
		padding: 0px 10px 50px 20px; 
		
		}
		
	.gg_subtitelgradiert{
	 
		width: 93%;
		
		}



	#link_eki{
 
		   margin-left: 85%;
		   position: relative; 
		   margin-top: 5px;
 
	}

	#lupo_link{
 
			margin-left: 30%;
 
	}


	 
}


/*//////// IPHONE 5/SE   ////////////// IPHONE 5/SE   ////////////// IPHONE 5/SE   ////////////// IPHONE 5/SE   ////////////// */
@media only screen  and (max-device-width: 381px){/*SMARTPHONE GANZ KLEINE */

	.hb_elements{
		 
		background: #fff; 
	
	}


	.sidebut{
 
		font-size: 0.58em;
 
	}
	
	
	
	/* d260108	start */
	
	iframe {
 
 
		min-height: 150px;
	} 
	
	
	
	.gglimes_long2{
		position: relative;
		float: left;
		width: 100%;
		height: auto;
		min-height:	140px;
 
	}
	
	
	.pressebut{
  
		margin-top: 10px;  
	 
	 
	}  

	.push_the{
		
		
		min-width: 260px;
		
	}
	
	.gg_subline2 {
 
 
		min-height:54px;
		 
	}
	
	


	#text_circle1 {
		
		margin-top: 36%;
		margin-left: 	11%;
		font-size: 1.68em;
		width: 40%;

		
		}

	#text_circle_small1 {
		
		font-size: 0.34em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle2 {
		
		margin-top: 15%;
		margin-left: 40%;
		font-size: 0.82em;
		width: 27%;
		cursor: pointer;
		
		}

	#text_circle_small2 {
		
		font-size: 0.64em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle3 {
		
		margin-top: 27%;
		margin-left: 61%;

		font-size: 1.12em;
		cursor: pointer;
		
		}

	#text_circle_small3 {
		
		font-size: 0.64em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle4 {
		
		margin-top: 57%;
		margin-left: 57%;
		font-size: 1.32em;
		cursor: pointer;
		
		}
	
	#text_circle_small4 {
		
		font-size: 0.64em;
		width: 100%;
		margin-left:  0px;
		}

	#text_circle5 {
		
		margin-top: 78%;
		margin-left: 35%;
		font-size: 1.12em;
		cursor: pointer;
		
		}
		
	#text_circle_small5 {
		
		font-size: 0.60em; 
		width: 100%;
		margin-left:  0px;
		}


	#text_circle6 {
		
		margin-top: 72%;
		margin-left: 11%;
		font-size: 0.72em;
		cursor: pointer;
		
		}
		
	#text_circle_small6 {
		
		font-size: 0.56em; 
		width: 100%;
		margin-left:  0px;
		}	

	.hidespots{ 
	 
		margin-left: -12%; 
		width: 350px;
	 
	 
	 }


	#link_eki{
 
		   margin-left: 81%;
		   position: relative; 
		   margin-top: 11px;
 
	}

	#lupo_link{
 
			margin-left: 30%;
 
	}


	
	/* d260108	end */
	
	
	
	
	
	
	.hb_titel{ 
		top: 200px; 
		font-size: 2.4em;
		width: 97%;	
		}
	.hb_subtitel{ 
		top: 296px; 
		width: 97%;
		font-size: 1.5em;	
		
		}	
		
	.hb_header{
	 
		 

		
		}
	
	.hb_logodiv{ 
		margin: 14px 0px 0px 15px;
 	 
		width: 90%;  
		height:auto;  
	} 
	
	
	.hb_seitenleiste{
		 
	 
		width: 80%; 
		overflow-y: scroll;
	 
		
	}

	.hb_menu{
	 
		padding: 0px 10px 50px 20px; 
		
		}
		
 
		
	.logo_grid{
	 
		}


		
	
     
    
}