html {
    overflow: auto !IMPORTANT;
}

.container-fluid{
    max-width: 1260px;
}

.container,
.container-fluid{
    padding-left: 20px;
    padding-right: 20px;
}
.row{
    margin-left: -20px;
    margin-right: -20px;
}

[class*="col-"]{
    padding-left: 20px;
    padding-right: 20px;
}



#dpResizeWarning{
    display: block;
    background: orange;
    padding: 5px;
}


/********************************* Icons 48px x 48px png **********************************/

.dpIcon
{
    height: 48px;
    width: 48px;	
    background-repeat: no-repeat;	
    background-size: 480px;
    cursor: pointer;
}


.dpIcon.dpChev-down
{	
    background-position: 0% 0%;	
}
.dpIcon.dpChev-up
{	
    background-position: 11.1111% 0%;	
}
.dpIcon.dpChev-down-hover
{	
    background-position: 0% 11.1111%;
}
.dpIcon.dpChev-up-hover
{	
    background-position: 11.1111% 11.1111%;
}


.dpIcon.dpChev-right
{	
    background-position: 22.22222% 0%;	
}
.dpIcon.dpChev-left
{	
    background-position: 33.33333333% 0%;	
}
.dpIcon.dpChev-right-hover
{	
    background-position: 22.2222222% 11.1111%;
}
.dpIcon.dpChev-left-hover
{	
    background-position: 33.33333333% 11.1111%;
}


.dpIcon.dpCancel
{	
    background-position: 44.44444% 0%;	
}
.dpIcon.dpCircle
{	
    background-position: 55.555555% 0%;	
}
.dpIcon.dpCancel-hover
{	
    background-position: 44.44444% 11.1111%;
}
.dpIcon.dpCircle-hover
{	
    background-position: 55.555555% 11.1111%;
}

.dpIcon.dpPlus
{	
    background-position: 66.66666% 0%;	
}
.dpIcon.dpMinus
{	
    background-position: 77.777777% 0%;	
}
.dpIcon.dpPlus-hover
{	
    background-position: 66.66666% 11.1111%;
}
.dpIcon.dpMinus-hover
{	
    background-position: 77.777777% 11.1111%;
}

.dpIcon.dpCheck
{	
    background-position: 88.88888% 0%;	
}
.dpIcon.dpMagnify
{	
    background-position: 100% 0%;	
}
.dpIcon.dpCheck-hover
{	
    background-position: 88.88888% 11.1111%;
}
.dpIcon.dpMagnify-hover
{	
    background-position: 100% 11.1111%;
}

.dpIconBtn
{
    position: relative;
    display: inline-block;	
    width: 48px;
    height: 48px;	
    transition: all 0.5s;	
}


.dpIconBtn div
{
    position: absolute;
    top: 0;
    left: 0;
}

.dpIconBtn div ~ div
{
    opacity: 0;
    transition: all 0.5s;
}

.dpIconBtn:hover  div ~ div
{
    opacity: 1;	
}

.dpIconBtn.dpMuted
{
    opacity: 0.33;
    pointer-events: none;  	
}

.dpIconBtn.dpOff
{
    display: none;	
}


.dpIconSwitchWrap
{
    display: inline-block;
    float: right;
    position: relative;
    width: 48px;
    height: 48px;
}

.dpIconSwitchWrap > div
{	
    position: absolute;
    top: 0;
    left: 0;
}


.svg-wrap {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.svg-canvas
{
    display: block; 
    width: 100%;
    height: auto;
    background:transparent;     
}

svg
{
    width: 100%;
    height: 100%;
    position: absolute; 
    top: 0; 
    left: 0;   
    transition: all 1s;
}

.pompel-wrap {
    width: 100%;
    height: 100%;
    position: absolute; 
    top: 0; 
    left: 0; 
    transition: all 1s;
    pointer-events: none;
}

.content-element__headline-h1 {
   margin-top:4rem;
   margin-bottom:4rem;
}

.content-element__headline-h1:before  {
    z-index: -1;
    position: relative;
    content: '';
    display: inline-block;
    right: 20px;
    top: -10px;
    width: 1px;
    height: 30px;
    margin-right: -7px;
    background: #d2d4d4;
    -webkit-transform: skew(-30deg);
    transform: skew(-30deg);
}

.zoom_North_America {
   width: 300%;
    height: 300%;    
    top: -25%; 
    left: -14%;
	
}

.zoom_South_America {
   width: 260%;
    height: 260%;    
    top: -110%; 
    left: -35%;      
}

.zoom_Deutschland {
   width: 900%;
    height: 900%;    
    top: -150%; 
    left: -420%;      
}

.zoom_Frankreich {
   width: 900%;
    height: 900%;    
    top: -170%; 
    left: -410%;      
}

.zoom_Lettland {
   width: 1200%;
    height: 1200%;    
    top: -155%; 
    left: -630%;      
}


.zoom_England {
   width: 900%;
    height: 900%;    
    top: -120%; 
    left: -400%;      
}

.zoom_India {
   width: 600%;
    height: 600%;    
    top: -180%; 
    left: -380%;      
}

.zoom_Japan {
   width: 600%;
    height: 600%;    
    top: -130%; 
    left: -470%;      
}

.zoom_Korea {
   width: 1200%;
    height: 1200%;    
    top: -300%; 
    left: -980%;      
}

.zoom_China {
   width: 400%;
    height: 400%;    
    top: -60%; 
    left: -270%;      
}

.zoom_Turkei {
   width: 800%;
    height: 800%;    
    top: -180%; 
    left: -430%;      
}

.pompel {
    position: absolute;
    width: 20px;
    height: 25px;
    transform: translate(-9px , -32px);
    background-image:url(../img/pompel.svg);
    transition: all 0.3s;
    cursor: pointer;
    pointer-events: auto;
	z-index:1;
	
}
.pompel:before {    
    position: absolute;
    top: 10px;
    left: 1px;
    content: "";
    transition: all 0.3s;
	z-index:1;

}
.pompel:after {    
    position: absolute;
    width: 6px;
    height: 6px;
    top: 4px;
    content: "";
    transition: all 0.3s;
	z-index:1;
}



.pompel:hover {
     background-image:none;
}



.USA, .BRA, .DEU, .FRA, .LVA, .GBR, .IND, .JPN, .KOR, .CHN, .TUR  {
    fill: #0068b6 !important;
}



.USA:hover,
.USA.active,
.BRA:hover,
.BRA.active,
.DEU:hover,
.DEU.active,
.FRA:hover,
.FRA.active,
.LVA:hover,
.LVA.active,
.GBR:hover,
.GBR.active,
.IND:hover,
.IND.active,
.JPN:hover,
.JPN.active,
.KOR:hover,
.KOR.active,
.CHN:hover,
.CHN.active,
.TUR:hover,
.TUR.active     {
    fill: #bcbcbc !important;
	cursor:pointer;
}



#pompel-USA {
    top: 31%;
    left: 27.3%;
	 z-index: 0;
}

#pompel-USA2 {
    top: 27%;
    left: 22.1%;
}

#pompel-BRA {
    top: 62.5%;
    left: 38.3%;
}

#pompel-DEU {
    top: 21.7%;
    left: 52.8%;
	z-index:1;
}

#pompel-FRA {
    top: 23.1%;
    left: 51.7%;
	z-index:1;
}

#pompel-LVA {
    top: 18.7%;
    left: 56.6%;
}

#pompel-GBR {
    top: 21.3%;
    left: 49.3%;
}

#pompel-IND {
    top: 43.9%;
    left: 71.4%;
}

#pompel-JPN {
    top: 30.2%;
    left: 88.9%;
}


#pompel-KOR {
    top: 30.2%;
    left: 85.5%;
}

#pompel-CHN {
    top: 33%;
    left: 83.25%;
}
#pompel-TUR {
    top: 28.8%;
    left: 57.8%;
}


.pompel:hover > p, .pompel:active > p {
    display: block;
    margin-left: 0.7rem;
    font-weight: 400;
    transition: right 0.3s;
	width: 9rem;
    height: 25px;
    padding-top: 1px;
    z-index: 9999;
    text-align: center;
    position: absolute;
    margin-top: 1.7rem;
    border-bottom: 1px solid #ffffff;
    color: #000;
}

.pompel:hover > svg .country.USA  {
    fill: #0068b6 !important;
	background:#000;
}


.pompel  p {
    display:none;
}

.country-infos {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;    
    pointer-events: all;
	z-index:99;
}

.country-infos div
{
    width: 280px;
    background: white;
    padding-top: 10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:30px;
    position: absolute;
    right: -280px;
    transition: right 0.5s;
}

.country-infos div .info-body
{
    position: static;
    display: block;
}

.country-infos div .close-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    right: 5px;    
    padding: 0;
    cursor: pointer;
}

.close-icon .fa {
	font-size:18px;
	color:#026ab1;
}

.country-infos div.clicked {
    right: 0px;
    transition: right 0.5s;
	border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}

.info-body p {
	font-size: 1.2rem;
    color: #5f5f5f;
    line-height: 15px;
}
.country-infos h3 { 
	font-size: 1.5rem;
	padding-bottom: 0;
	color:#4a4a4a;
	margin-left: 10px; 
	margin-top: 0;
}

.info-body h5 { 
	font-size: 1.2rem; 
	padding-bottom: 0;
	color:#026ab1;
	text-transform: uppercase;
	font-weight: 900;
}

.info-body h6 { 
	font-size: 1.2rem; 
	padding-bottom: 0;
	padding-top:0.6rem;
	color:#026ab1;
	font-weight: 700;
	line-height: 15px;
}

.info-body .link {
	padding-top:2rem;
}
.info-body .link .btn-primary {
	width: 100%;
    background: #4c4c4c;
    border: 0;
    padding: 10px 0 10px 0;
	border-radius: 2px;
}

.info-body .link .btn-primary:hover {
    background: #026ab1;
}


.module.accordion {
	display:none;
}
.panel-heading a {
    position: relative;
    display: block;
}

.panel-heading a.collapsed:after {
    content: "\f107";
}

.panel-heading a:after {
    position: absolute;
    content: "\f106";
    top: 50%;
    right: 0px;
    font-family: "FontAwesome";
    line-height: 1;
    font-size: 14px;
    margin-top: -7px;
}

.search-btn {
    position: absolute;
    background: transparent;
    border: none;
    overflow: hidden;
    top: 50%;
    right: 21px;
    width: 42px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    outline: none;
    color: #006ab3;
    margin-top: -20px;
}

.mb-60 {
	margin-bottom:6%;
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: #006ab3;
    border-color: #4c4c4c;
}

.form-control {
    height: 40px;
}

.mfp-inline-holder .mfp-content, 
.mfp-ajax-holder .mfp-content {
    width: 70% !Important;
}

.white-popup {
    background: rgba(255,255,255, 1);
    width: 100%;
    max-width: 1920px;
	display:inline-block;
	margin-top: 1rem;
}

p.descp {
	font-size: 24px;
    color: #0068b6;
	margin-bottom: 2rem;
}

@media (min-width: 768px) {
	.container {
		width: 100%;
	}
}
@media (max-width: 1710px) {
	.mfp-inline-holder .mfp-content, 
	.mfp-ajax-holder .mfp-content {
		width: 80% !Important;
	}

}

@media (max-width: 1510px) {
	.mfp-inline-holder .mfp-content, 
	.mfp-ajax-holder .mfp-content {
		width: 90% !Important;
	}

}

@media (min-width: 1200px) {
	.container {
		width: 1170px;
	}

}


@media (max-width: 1340px) {
	.mfp-inline-holder .mfp-content, 
	.mfp-ajax-holder .mfp-content {
		width: 96% !Important;
	}

}

@media (max-width: 1250px) {
	.mfp-inline-holder .mfp-content, 
	.mfp-ajax-holder .mfp-content {
		width: 100% !Important;
	}

}

@media (max-width: 1150px) {
	.info-body .link {
		padding-top: 1rem;
	}
	.info-body .link .btn-primary {
		padding: 5px 0 5px 0;
		 font-size: 12px;
	}

}

@media (max-width: 991px) {
	.country-infos {
		top: 0px;
	}
	.country-infos div {
		padding-top: 0;
	}

}

@media (max-width: 840px) {
	.country-infos {
		top: -1px;
	}
	
	.info-body h6 {
		padding-bottom: 0;
		padding-top: 0;
	}
}



@media screen and (max-width: 800px) {
    .svg-wrap svg,
    .svg-wrap canvas,
    .pompel,
    .country-infos div .close-icon,
    .country-infos div .info-body,
	.country-infos,
    .country-infos div,
	.mfp-wrap,
	.mfp-bg {
        display: none;
    }
	.module.accordion  {
		display: block;
		margin-top: 0;
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.content-element__headline-h1 {
		font-size: 3.6rem !Important;
		padding-left: 20px;
		padding-right: 20px;
	}
	.info-body h5 {
		font-size: 1.5rem;
		padding-bottom: 0.6rem;
	}
	.info-body h6 {
		font-size: 1.4rem;
		padding-bottom: 0.3rem;
	}
	.info-body p {
		font-size: 1.5rem;
		line-height: 17px;
	}
	.info-body .link .btn-primary {
		padding: 10px 0 10px 0;
		font-size: 14px;
	}
  
}


@media (max-width: 667px) {
	.content-element__headline-h1 {
		font-size: 3rem !Important;
	}
}

@media (max-width: 568px) {
	.content-element__headline-h1 {
		font-size: 2.7rem !Important;
	}
}

@media (max-width: 480px) {
	.content-element__headline-h1 {
		font-size: 2.3rem !Important;
	}
}

@media (max-width: 440px) {
	.module.accordion {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 414px) {
	.content-element__headline-h1 {
		font-size: 2rem !Important;
		padding-left: 30px;
		padding-right: 20px;
	}
	.content-element__headline-h1:before  {
		right: 15px;
		top: -7px;
		height: 20px;
		margin-right: -7px;
	}
}

@media (max-width: 375px) {
	.content-element__headline-h1 {
		font-size: 1.8rem !Important;
		padding-left: 30px;
		padding-right: 20px;
	}
}

@media (max-width: 320px) {
	.content-element__headline-h1 {
		font-size: 1.5rem !Important;
		padding-left: 30px;
		padding-right: 20px;
		font-weight: 600;
	}
	.info-body h5 {
		font-size: 1.5rem;
	}
}



/* Video Player */
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance:none;
}

.video-container {
  height: 100%;  
  position:relative;
  background: white;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}

.btn-play {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor:pointer;
  z-index:2;
}

.btn-play i {
  font-size: 60px;
  color: #333;
  text-shadow: 0 0 4px rgba(255,255,255,0.6);
  transition:0.6s text-shadow;
}
.btn-play:hover i {
  text-shadow: 2px 2px 8px rgba(255,255,255,0.8);
}

video {
  width:100%;  
}
/* HIDE DOWNLOAD BUTTON */
video::-internal-media-controls-download-button {
  display: none;
}
video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
video::-webkit-media-controls-panel-container {
  width: calc(100% + 30px);
  /* Adjust as needed */
}

.news-single .content-element__image {
    display: flex !important;
}

.content-element__headline-h2 {
    padding-top: 0px !important;
}

.news-date {

}

.content-element__headline-h2 {
	padding-top: 0;
}

.header .content-element__headline-h2 {
	line-height:25px;
}

.page-navigation {
    margin: 0 auto;
    width: 40%;
    color: #006ab3;


}



.content-element__headline-h2:before, .content-element__headline-h3:before {
    margin-right:0px !important;
}


.header .content-element__headline-h2 {
    line-height: 27px;
}

.news .page-navigation ul li {
    text-align: center;
    float: unset;
    display: inline-block;
}

.f3-widget-paginator {
    text-align: center;
}

.news .page-navigation ul {
    float: unset;
}

.content-element__headline-h2:before, .content-element__headline-h3:before {
    margin-right: -7px !important;
}

.news-headline:before {
    margin-right: 0px !important;
}

.content-element__headline-h3:before {
    margin-right: 0px !important;
}

.news-detail-headline:before {
    margin-right: 0px !important;
}

.header-primary__nav-children-list {
    z-index: 999;
}

.breadcrumb {
height: 45px;
    line-height: 0.8rem !important;
}

.header-secondary__nav-list.is-left .toolbar-link::before {
    content: "|";
    padding-left: 5px;
    padding-right: 5px;
}

.tx-akg-distributors .distributor-box__wrapper h2 {
    font-size: 2.4rem;
    color: #006ab3;
    margin-top: 20px;
    border-bottom: 2px solid #006ab3;
    line-height: 3rem;
}