@charset "utf-8";

/**
 * @license
 * MyFonts Webfont Build ID 2994563, 2015-03-19T17:56:37-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: EurostileLTStd-Oblique by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/eurostile/oblique-63893/
 * Copyright: Copyright © 1987, 1992, 1998, 2002 Adobe Systems Incorporated.  All Rights Reserved.© 1987, 1992, 1998, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * Webfont: EurostileLT-BoldOblique by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/eurostile/bold-oblique-63893/
 * Copyright: Copyright (c) 1987, 1992, 1998, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Euro
 * Licensed pageviews: 500,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2994563
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2db183");
@font-face {font-family: 'EurostileLTStd-Oblique';src: url('../webfonts/2DB183_0_0.eot');src: url('../webfonts/2DB183_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2DB183_0_0.woff2') format('woff2'),url('../webfonts/2DB183_0_0.woff') format('woff'),url('../webfonts/2DB183_0_0.ttf') format('truetype');} 
@font-face {font-family: 'EurostileLT-BoldOblique';src: url('../webfonts/2DB183_1_0.eot');src: url('../webfonts/2DB183_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2DB183_1_0.woff2') format('woff2'),url('../webfonts/2DB183_1_0.woff') format('woff'),url('../webfonts/2DB183_1_0.ttf') format('truetype');}
 

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}




/* Basics */

html {	height: 100%; overflow-y:scroll; }
body{  	
	width: 100%; min-height: 100%;
	font-family: 'Ubuntu', Arial,  sans-serif;
	color:#1a5677; font-size: 18px; line-height:28px; letter-spacing:0.4pt; 
    font-weight: normal; font-style: normal; 
	background-color: #a7b3ba;	
	-webkit-font-smoothing: antialiased; 
	/* -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */
}

h1, h2, h3, h4, h5, h6{ font-family: 'Ubuntu', Arial, sans-serif; color: #1a5677; font-size: 27px; line-height:35px; font-weight: bold; font-style: italic; margin: 0 0 17px 0; letter-spacing: 0.8pt; }
h2 { text-transform: none; font-size: 24px; line-height:38px; margin: 0 auto 0 auto; max-width: 1100px; }
h3 { text-transform: none; font-size: 20px; line-height:24px; margin: 0 auto 0 auto; }
h4 { text-transform: none; font-size: 18px; line-height:22px; margin: 0 auto 0 auto; }

body.home h1{  max-width: 800px; margin: 0 auto; font-size: 25px; line-height: 39px; }
a{ text-decoration: none; font-weight: normal; color: #FFF; border:none; outline:none !important; border: none !important;}
a:hover, .active { color:#666; }
a:focus, area, area a , map, map area { outline: none; }
b, strong { font-family: 'Ubuntu', Arial, sans-serif;font-weight: bold;  }
i { font-family: Arial, sans-serif; font-weight: normal;  }
table {	border-collapse: collapse; border-spacing: 0; border: 0; }
td{	vertical-align:top;}
hr{ border:none; border-bottom: 1px solid #000; margin:10px 0 10px 0; padding:0;	}
img, img a{	border:0; }
sup { margin:0;padding:0; line-height:3px; vertical-align: middle; position: relative; top: -5px; font-size: 10px;}
.clearfloat{ clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0px; padding:0px; display:block; }
.clearfix:after { content:"."; display:table; clear:both; visibility: hidden; }
.rollover { cursor: pointer;}
.hidden { display: none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } /* iPhone Schriftgrössenanpassung beim Drehen verhindern */
.content ul li { margin: 0 0 0 2px; padding: 0 0 0 0px; }


#mainWrap { width: 1280px; margin: 0 auto; padding: 0; position: relative; background-color: #FFF; }


/* Header */
#siteHeader { height: 204px; padding: 30px 160px; }
#logoBox { text-align:center; }
#logoBox a { display:inline-block; }
#logo { position: relative; float: left; margin: 10px 0 0 4px; width: 500px; height: auto; }
#logoVW { position: relative; float: right; margin: -10px 16px 0 0;  width: 95px; height: auto; }


/* Hauptnavi */
#mainNav {  position: relative;  }
#mainNav ul { width: 934px; margin: 37px 0 0 10px;  list-style: none; height: 30px; background-color: #a7b3ba;  -ms-transform: skew(-12deg); display: inline-block; -webkit-transform: skew(-12deg); -moz-transform: skew(-12deg); -o-transform: skew(-12deg);}
#mainNav ul li { float: left;  margin: 0; padding: 0; margin-right: 10px;  height: 30px;}
#mainNav ul li a { font-family: "EurostileLT-BoldOblique", Arial, sans-serif; font-size: 12px; line-height: 16px; padding: 8px 10px 4px 10px; margin-top:0px; letter-spacing: 0.4pt;  color: #004368; -ms-transform: skew(12deg); display: block; -webkit-transform: skew(12deg); -moz-transform: skew(12deg); -o-transform: skew(12deg); }
#mainNav ul li:hover, #mainNav ul li.active  {  background-color: #004368; color: #FFF; }
#mainNav ul li a:hover, #mainNav ul li.active a, #mainNav ul li:hover a{  color: #FFF; }
#mainNav ul li.navVW { float: left; margin-left:10px;}
#mainNav ul li.navVW:hover { background-color: transparent; color: #004368;  }




/* Hauptnavi home */
body.home #mainNav ul li { background-color: #004368;  color: #FFF; position:relative;}
body.home #mainNav ul li a { color: #FFF; }
body.home #mainNav ul li.navVW { background-color: transparent; }
body.home #mainNav ul li.navVW a{ color: #004368;  }
body.home #mainNav ul li:hover a{  color: #004368; }
body.home #mainNav ul li:hover {  background-color: #a7b3ba; color: #FFF; }
#mainNav ul li.navExtern {  background-color: #c63c5e !important; margin-right:0; }
#mainNav ul li.navExtern a {  color: #FFF; }


#mainNav ul li ul { position: absolute; width: auto;  margin: 0; background-color: #004368;  height: 30px;  -ms-transform: skew(0deg);  -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg); }
.subNav1 { left: 0px; top: 30px; }
.subNav2 { left: 0px; top: 30px; }
#mainNav ul li ul li { height: 30px; }
#mainNav ul li ul li a { font-family: "EurostileLTStd-Oblique", Arial, sans-serif; color: #FFF; font-size: 12px; padding: 9px 4px 0px 9px; line-height: 16px; letter-spacing: 0.8pt; font-weight: normal; }
#mainNav ul li ul li a:hover { color: #a7b3ba; }
#mainNav ul li ul li.active a  {  font-family: "EurostileLT-BoldOblique", Arial, sans-serif; padding: 8px 3px 0px 8px; font-size: 12px;   }
#mainNav ul li ul li.active a:hover  {  color: #fff  }

#stoerer { display:block; width: 200px; height: 200px; position:absolute;z-index:1; top:0px; right:110px; } 
#stoerer img { width: 140px ; height: auto !important;  margin-top:50px; }

#naviButton, #mobileNavBar { display: none; }


.main { text-align: center; overflow: hidden; }
.content { width: 950px; margin: 0 auto; }
.content p{ max-width: 750px; margin: 0 auto; }
.bildbox img{ width: 100%; height: auto; margin-top: 30px;}

.content.left { text-align:left; }
.content.left p { max-width:100%; }
.content.left ul { padding-left:20px; }
.content.left a { color:#1a5677; text-decoration:underline; }
.content.left a:hover { color:#ccc; }

.listBox { background-color: #004368; overflow: hidden;  color: #fff; padding: 30px 0; margin-bottom: 10px; }
.listBox h1{ color: #fff;  }
.listCol { float: left; width: 38%; text-align: left; margin: 0 0 0 12% ; }
.listCol li{ font-size: 24px; line-height: 40px; letter-spacing: 0.8pt; }

.colChronik { float: left; width: 275px; text-align: left; font-size: 14px; line-height: 21px; } 
.colChronik img { width: 100%; height: auto; margin: 0 0 20px 0; } 
.colC1 { margin-right: 60px;}


/* Newsbox */ 
.news { text-align: left; margin: 20px 0 0 0; }
.date { color: #000; font-size: 15px; margin: 0 0 5px 2px; display: block; }
.news h1 { color: #004368; font-size: 15px; font-style: normal; margin:0; line-height: 22px; }
.newsBox { color: #004368; overflow: hidden; }
.news:nth-child(even) .newsBox { background-color: #a2bccf; }
.news:nth-child(odd) .newsBox { background-color: #a7b3ba; }
.newsText { float: left; width: 750px; font-size: 14px; line-height: 20px; }
.newsText a{ color: #004368; }
.newsText a:hover, .newsText a:hover h1 { color: #FFF; }
.newsTextInner { padding: 18px 25px 10px 30px; letter-spacing: 0.2pt; }
.newsTextInner h1 a{ font-weight: bold; }
.newsBild { float: right; width: 200px; }
.newsBild img{ width: 100%; height: auto; padding: 0; float: right;}





/* Formular */

.formframeBox { position: absolute; display: none; z-index: 80; width: 580px; left: 50%; padding: 20px;  margin: 50px 0 0 -310px; background-color: #a2bcd2; color: #004368; }
.formFrame  { width: 560px; z-index: 85;}


#overlay { display: none; width: 100%; height: 100%; position: fixed; background-color: #000; z-index: 50; opacity: 0.8; }
#amagBox { position: absolute; display: none; z-index: 100; width: 434; min-height: 300px; left: 50%; padding: 20px;  margin: 50px 0 0 -217px; background-color: #CCC; color: #000; }


.button { margin: 40px 0 25px 0;  background: #004368;  -ms-transform: skew(-12deg); display: inline-block; -ms-transform: skew(-12deg);  -webkit-transform: skew(-12deg); -moz-transform: skew(-12deg); -o-transform: skew(-12deg);}
.button a { padding: 13px 18px 10px 18px; font-size: 21px; line-height: 25px; letter-spacing: 1.5pt; font-family: 'EurostileLT-BoldOblique';display: inline-block;  -ms-transform: skew(12deg); -webkit-transform: skew(12deg); -moz-transform: skew(12deg); -o-transform: skew(12deg); }
.button:hover { background: #a7b3ba; }
.button a:hover { color: #004368; }

.closebutton { position: absolute; z-index: 200; right: -15px; top: -15px; cursor: pointer; }

#siteFooter { background-color: #004368; overflow: hidden; padding: 30px 30px; margin: 45px 0 0 0; color: #FFF; font-size: 14px; line-height: 20px;  }

.col1 { float: left; width: 220px; margin-top: -5px;}
.col2 { float: left; width: 350px; margin-top: -5px; }
.tablFirstCol { width: 80px; }

.col1 p { margin: 0 0 10px 0; }
.col1 img { margin: 15px 10px 0 0; }

#btn_25_J_amag { cursor: pointer; }

#aussenansicht { float: left; margin-right: 60px; }
#googlemaps { float: right; height: 250px; width: auto;}


#toplink{ display: none; text-align: center; cursor: pointer; font-size: 16px;  font-weight: bold; margin: 0; color: #004367; padding: 10px 3%; }
#toplink:hover { color: #a8b3b9; }


/* Lightboxbild */
.bgImage { position: relative; }
.lb-image, .lb-dataContainer, .lb-outerContainer { max-width:750px; height: auto !important; width: auto !important; }
.lb-image{ width: 750px !important; }

.bildbox { margin: 50px 0 0 0;}
.slide { overflow: hidden; }
#slidesContainer { width: 100%; height: auto; position: relative; padding: 0; overflow: hidden;}
#slides div { width:100%;   height: 100%; }
#slides img { width:100%; height: 100%; margin-top:0;}	
#slides .slidesjs-navigation { margin-top:0px; }
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(../images/btns-next-prev.png); background-repeat: no-repeat; margin: 0; display:block; width:30px; height:100%;  background-color: #333; opacity: 0.4;   text-indent: -9999px;		position:absolute;	  top:0;	  z-index:10;    }
a.slidesjs-next { margin-right:0px; background-position: -20px 50%; right:0px;    }
a.slidesjs-previous {      background-position: 5px 50%;	  left: 0px;	     }
a.slidesjs-play, a.slidesjs-stop{    background-image: none; width: 1px;   } 
#slides {      display: none;    }
.container {      margin: 0 auto    }	
#slides{		margin-top: 0px; padding:0;		}
.slidesjs-pagination {      margin: 0px 0 0;      float: left;      list-style: none;	  position: absolute;	  top:315px;	  z-index:11;	  	  width:240px;	  margin-left:-123px;  left:50%;	 text-align:center;     display: none;    }
.itemBox .slidesjs-pagination li {     	display: none;      margin: 0 1px; list-style:none;      overflow: hidden;	  padding: 0 0 0 0px;    }



.col1 .weltauto { background:#FFF; padding:5px; width:112px; height:auto; margin-top:0px; }
.col1 .logoLehrbetrieb { margin-bottom:-5px; }


#Volkswagen_APP,#Instagram { margin-right:15px; }
#Instagram { margin-right:19px; }




.cookieinfo {  background:rgba(200,200,200,0.9) !important; } 
.cookieinfo span { max-width: 900px; float:none; font-size:14px;font-family: 'Open Sans', Arial, sans-serif; margin: 0 auto 5px auto; }
.cookieinfo span a { text-decoration:underline !important;  }
.cookieinfo span a:hover { color:#000 !important; font-weight:normal !important; }
.cookieinfo-close { max-width:150px;  min-width:50px !important;  float:none;  margin: 0 auto 5px auto; display:inline-block !important; border-radius:0 !important;  font-size:16px; background-color:#000 !important; color:#FFF !important;}
.cookieinfo-close:hover { background-color:#ccc !important;}





/* Team */
.team { text-align: left; margin: 0 0 0 0; float: left; width: 33.3%; height:auto; }
.teamBox { color: #004368; }
.teamBild img{ width: 100%;  padding: 0; float:left;}
.teamText {  width: 100%; height:100%; font-size: 18px; line-height: 24px; background:#A7B3BA; padding-bottom:calc(100% - 7px); position:absolute; }
.teamText hr  { border-bottom: 1px solid #1a5677;  }
.teamTextInner { padding: 0; position:absolute; top:50%; transform: translateY(-50%); width:100%; box-sizing:border-box; color: #1a5677;}
.teamText a{ color: #1a5677; }
.teamText a:hover { color: #FFF; }



 /* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  margin-top:-1px;
  margin-right:-1px;
  cursor:pointer;
}


/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  /* transform: rotateY(180deg); */
}
.flip-box:hover .flip-box-inner {
  
}



.flip-box.flip .flip-box-inner  { 
transform: rotateY(180deg); 
}

.flip-box:hover {
  position: relative;
  z-index:100;
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
	position:relative; 
  background-color: #fff;
  color: black;
}


/* Style the back side */
.flip-box-back {
	position:absolute; height:100%; 
  color: white;
  transform: rotateY(180deg);
} 


a[href^=tel]{ color:#1a5677; text-decoration:none;}





/*****************************************************************************************************/
/* Media Queries */

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

	#mainWrap { width: 1023px; }
	#siteHeader { padding: 30px 30px; }
	#aussenansicht { display: none;}

}

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

	#mainWrap { width: 100%; }	
	
	
	/* Header */
	#siteHeader { height: 204px; padding: 20px 0 0 0 ; width: 94%; margin: 0 auto; }
	#logo { width: 380px; }
	#logoVW { width: 65px; height: auto;  margin: 0;}
		
	#mobileNavBar { display: block; height: 40px; position: absolute; top: 110px; left: 0; width: 100%; z-index: 40; background-color: #004367; }
	#naviButton { display: block; position: absolute; top: 113px; left: 2%; z-index: 300; } 
	#naviButton img { width: 30px; height: auto; margin: 2px 0 0 3%; padding-left: 28px; cursor: pointer; }
	
	/* Hauptnavi */
	
	#mainNav {  position: absolute; display: none; width: 100%;  height: auto; top: 108px;  left: 0; z-index: 200; }
	#mainNav ul { width: 100%; margin: 0;  -ms-transform: skew(0deg); display: block; height: auto;  -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg);}
	#mainNav ul li { background-color: #004368; position: relative; color: #FFF; clear: both; width: 100%; height: 40px; position: relative;  border-top: 2px solid #FFF; }
	#mainNav ul li a { font-size: 16px; line-height: 40px; display: block; padding: 0 0 0 90px;  color: #FFF; -ms-transform: skew(0deg);  -webkit-transform: skew(0deg); -moz-transform: skew(0deg); -o-transform: skew(0deg);}
	#mainNav ul li.active { height: auto; }
	#mainNav ul li ul li.active a  {  padding: 0 0 0 90px; font-size: 17px; line-height: 40px;   }
	#mainNav ul li:hover, #mainNav ul li.active  {  background-color: #004368; color: #FFF; }
	
	#mainNav ul li.navVW  { display: none; }
	#mainNav ul li ul { padding: 0; width: 100%; position: relative; height: auto; display: block; overflow: hidden; }
	#mainNav ul li ul li, #mainNav ul li ul li.active, #mainNav ul li ul li:hover { width: 100%; height: 40px; clear: both; background-color: #a7b3ba; color: #FFF; }
	.subNav1 { left: 0px; top: 0px; }
	.subNav2 { left: 0px; top: 0px; }
	#mainNav ul li ul li a, #mainNav ul li ul li.active a , #mainNav ul li ul li a:hover { font-family: "EurostileLTStd-Oblique", Arial, sans-serif; color: #FFF; font-size: 16px; padding: 0 0 0 90px; line-height: 40px; font-weight: normal; }	
	
	.content { width: 94%; }	
	.colChronik { clear: both; width: 100%; padding: 0 0 50px 0; } 

	/* Newsbox */ 
	.news { width: 100%; }
	.newsText { width:64%  }
	.newsTextInner { padding: 15px 2% 10px 4%; }
	.newsBild { width: 30%; }

	.col1 { width: 200px; }
	.col2 { width: 320px; }
	
	#toplink{ display: block; }
	
	
	/* Lightboxbild */
	
	.lb-image, .lb-dataContainer, .lb-outerContainer { max-width:96%; height: auto !important; width: auto !important; }
	.lb-image{ width: 100% !important; }
	
	.teamText { font-size: 15px; line-height: 20px; }

}


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

	#siteHeader { height: 170px; }
	
	.col1 { clear: both; width: 100%; }
	.col2 { clear: both; width: 100%; }
	#googlemaps { float: left; margin-top: 40px;} 
	
	.listCol li{ font-size: 18px; line-height: 30px; }
	
	.button a { padding: 10px 18px; font-size: 18px; }
	
	/* Newsbox */ 
	.newsText { width: 90%  }
	.newsBild { display: none; }
	
	/* Team */	
	.teamKlein { clear: both; width: 100%; }	
	
	h1 { font-size: 24px; line-height:30px; 0 0 27px 0;}
	h2 { font-size: 20px; line-height:28px; margin: 0 auto 15px auto; }	
	
	.col2 { margin-top: 30px ; }
	.col1 p { float:left; margin: 0 30px 0 0; }
	
	
	#aussenansicht { display: block; float:none; padding-top: 30px; }
	
	.team {  width: 50%; }

}


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

	#siteHeader { height: 140px; padding-top: 15px;}
	
	#mobileNavBar { top: 80px; }
	#naviButton { top: 81px; left: 2%; } 
	#naviButton img { width: 30px; height: auto; margin: 4px 0 0 3%; padding-left: 17px; cursor: pointer; }
	
	
	#mainNav {   top: 78px;}
	#mainNav ul li a {  padding: 0 0 0 67px; }
	#mainNav ul li ul li a, #mainNav ul li ul li.active a , #mainNav ul li ul li a:hover { padding: 0 0 0 67px; }
	
	
	#logo { width: 280px; }
	#logoVW { width: 40px; margin-top:5px;}

	
	.listCol { clear: both; width: 100%; margin: 0 0 0 50px ; }
	
	.button a { padding: 5px 18px 2px 18px; font-size: 16px; }
	
	body.home h1{  font-size: 20px; line-height: 28px; }
	.bildbox { margin: 20px 0 0 0 !important;}
	
	/* Team */
	.team .teamBild img{ width: 100%; clear: both; }
	.team .teamText { clear: both; width: 100%;  }
	.teamTextInner { padding: 15px ; }
	

	#amagBox { width: 300px; left: 50%; padding: 5px;  margin: 50px 0 0 -155px; }
	#amagBox img { width: 100% !important; height: auto; }
	#amagBox img.closebutton  { width: 35px !important; height: auto; }

	.closebutton { right: 1px; top: 3px;}

	/* Formular */
	.formframeBox {  width: 300px; padding: 5px; left: 50%; margin: 50px 0 0 -155px;  }
	.formFrame  { width: 100%; height: 1000px !important; }
	
	#siteFooter { padding: 3%; }
	.tablFirstCol { width: 65px; }
	.col1 p {  margin: 10px 15px 0 0; }
	.col1 img { margin: 10px 5px 0 0; display:block; clear:both;}
	
	
	

.cookieinfo span {  font-size:12px; line-height:16px; }
.cookieinfo-close { font-size:12px; }


	
	
}


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

	.team {  width: 100%; }
}