@charset "UTF-8";
/*! 
Theme Name: Studio Veh Theme URI: http://webiz.team 
Author: Webiz Team Author URI: https://webiz.team/ 
Description: Studio Veh Theme Version: 1.0.0 
License: GNU General Public License v2 or later License 
URI: LICENSE Text Domain: studioveh */

  
  .large-font-size {
	   font-size: 1.33em;
	   line-height: 1.2em;
  }
  .smaller-font-size {
	   font-size: 0.66em;
	   letter-spacing: 0.3px;
  }
  .normal-line-height {
	   line-height: 1.3em;
  }
  .caption {
	   letter-spacing: 0.3px;
	   font-size: 0.66em;
	   line-height: 1.2em;
	   margin-bottom: 2em;
	   margin-top: 20px;
  }
  
  /*body, 
  button, 
  input, 
  select, 
  optgroup, 
  textarea {
	  font-size: 24px;
  }*/

  body, 
  button, 
  input, 
  select, 
  optgroup, 
  textarea {
	 color: #000;
	 font-family: "AcidGroteskLight";
	 line-height: 1.3em;
	 font-size: 25px;
  }
  
  a, a:visited, a:hover, a:focus, a:active,
  a h2, a h3, a:hover h2, a:hover h3, a:focus h2, a:focus h3, a:active h2, a:active h3,
  a .no-underline, a:focus .no-underline, a:hover .no-underline, a:active .no-underline,
  a.brands-link:afte,
  
  .site-navigation a,
  .main-navigation ul li a,
  .main-navigation ul.menu li.current_page_item a,

  #cookie-alert .cookie-close-button,
  #cookie-alert .cookie-close-button:hover  { 
  	font-family: "AcidGroteskLight"; 
  }
  
  .accordion_header h1:active,
  .accordion_item.active .accordion_header h1,
  .italic { 
	  font-family: "AcidGroteskLightItalic";
  }
  dfn, cite, em, i {
	  font-style: italic;
  }

   h1, h2, h3, h4, h5, h6 {
	   font-weight: normal;
  }
  
  p.big-mobile {
	  font-size: 1.333em;
  }
  .big-mobile p {
	  font-size: 1.333em;
  }
  
 /* h1 {
	   font-size: 33px;
	   line-height: 41px;
  }
   h1.entry-title, 
   h1.page-title {
	   font-size: 2.4em;
  }*/
	
   h1 {
	   font-size: 1.33em;
	   line-height: 1.3em;
	   margin: 0;
  }
   h1.entry-title, 
   h1.page-title, 
   p.page-title {
	   font-size: 2.666em;
	   line-height: 1.1em;
	   margin-bottom: 70px;
  }
  
  .small-title {
	  font-size: 1.8em;
  }
  
  h1.entry-title-big, 
  h1.page-title-big {
	   font-size: 4em;
	   line-height: 1.1em;
  }
  
  .home h1.page-title-big {
	   margin: 7rem 0;
  }
  
  
   h2 {
	   font-size: 1.33em;
	   line-height: 1.2em;
	   margin: 0;
  }
   h3 {
	   margin: 0 0 5px;
	   font-size: 1em;
	   line-height: 1.3em;
  }
   h4 {
	   font-size: .8em;
	   line-height: 1.3em;
	   margin: 0px;
  }
  h5 {
	   font-size: .6em;
	   line-height: 1.3em;
	   margin: 0px;
  }
  h6 {
	   font-size: 16em;
  }
   p {
	   padding: 0;
	   margin: 0 0 1.3em;
  }
   p.big {
	   font-size: 1.33em;
	   line-height: 1.2em;
  }
   .big p {
	   font-size: 1.33em;
	   line-height: 1.2em;
  }
   .very-small p {
	   font-size: 0.66em;
  }
  
  big {
	font-size: 125%;
  }
  small {
	 font-size: 10em;
  }
  .accent {
	 font-size: 16em;
	 font-weight: 700;
	 text-decoration: none;
  }
  .accent.small {
	 font-size: 12em;
	 display: block;
	 text-align: center;
	 margin-top: 1em;
  }
  
   pre {
	 background: #eee;
	 font-family: "Courier 10 Pitch", Courier, monospace;
	 font-size: 15px;
	 font-size: 0.9375rem;
	 line-height: 1.6;
	 margin-bottom: 1.6em;
	 max-width: 100%;
	 overflow: auto;
	 padding: 1.6em;
  }
  code, kbd, tt, var {
	 font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	 font-size: 15px;
	 font-size: 0.9375rem;
  }
  
  /*-------------------------------------------------------------- # Gutenberg --------------------------------------------------------------*/
  /** * Font sizes. * * @see resources/styles/shared/_variables.scss */
   .has-xs-font-size {
	   font-size: 12px;
  }
   .has-s-font-size {
	   font-size: 16px;
  }
   .has-m-font-size {
	   font-size: 18px;
  }
   .has-l-font-size {
	   font-size: 28px;
  }
   .has-xl-font-size {
	   font-size: 36px;
  }
  
  
  @media only screen and (max-width: 1900px) { 
  
    h1.page-title-big {
	   font-size: 3.5em;
    }
  	
  }
  
  @media only screen and (max-width: 1599px) { 
  	
    h1.page-title-big {
	   font-size: 3.0em;
    }
	
	.small-title {
	  font-size: 1.4em;
    }
	
	h1.entry-title, 
	h1.page-title, 
	p.page-title,
	.block-quote h1.page-title  {
		font-size: 2.4em;
	}
	
  }
  
  @media only screen and (max-width: 1439px) { 
	
    h1.page-title-big  {
	   font-size: 2.75em;
	}
	
	.small-title {
	  font-size: 1.2em;
    }
	
	h1.entry-title, 
	h1.page-title, 
	p.page-title,
	.block-quote h1.page-title  {
		font-size: 2.2em;
	}
	
	p {
		font-size: .9em;
		line-height: 1.35em;
	}
  }
  
   @media only screen and (max-width: 1159px) { 
  		/*br*/
		h1.page-title br,
		body.home .block-quote h1.page-title-big br  { display: none; }
		
		/*HOME = mehr über uns*/
		.home .block-quote a:before {
			content: "";
			display: block;
		}
		
		h1.page-title-big  {
		   font-size: 2.5em;
		}
		
   }
  
   @media only screen and (max-width: 939px) { 
   		
		h1.page-title-big {
			font-size: 2.3em;
		}
  	
   }
   
   @media only screen and (max-width: 839px) { 
   		
		h1.page-title-big,
		h1.entry-title, 
		h1.page-title, 
		p.page-title,
		.block-quote h1.page-title  {
			font-size: 1.8em;
		}
		
		h1.entry-title, 
	    h1.page-title, 
	    p.page-title {
		   margin-bottom: 50px;
	    }
		
		p,
		.lp-footer .impressum a {
			font-size: .8em;
			line-height: 1.35em;
		}
		
		#cookie-alert {
			 font-size: 25px;
		}
  	
   }
   
   @media only screen and (max-width: 766px) { 
   		h1.page-title-big {
		   font-size: 1.8em;
		}
		
		#cookie-alert {
			 font-size: 20px;
		}
   }
   
   @media only screen and (max-width: 599px) { 
		h1.page-title-big,
		h1.entry-title, 
		h1.page-title, 
		p.page-title,
		.block-quote h1.page-title  {
			font-size: 1.4em;
		}
		
		.small-title {
		   font-size: 1em;
		}
		
		#cookie-alert {
			 font-size: 18px;
		}
		
   }
   
   
    @media only screen and (max-width: 479px) { 
   		
		body { font-size: 20px; }
		
		p {
			font-size: .85em;
			line-height: 1.45em;
		}

	 	 h1.page-title-big,
		 h1.page-title, 
		 h1.entry-title,
		h2,
		p.page-title,
		.block-quote h1.page-title, 
		.accordion_header h1.page-title{ 
			font-size: 1.33em;
			line-height: 1.3em;
		 }
		 
		h1.entry-title, 
	    h1.page-title, 
	    p.page-title { margin-bottom: 30px; }
		
		.small-title { font-size: 1.1em; }
		
		h4 { font-size: 1em; }
		
		#cookie-alert {font-size: 14px;}
  	
   }
  
  
  
  
  
  /*-------------------------------------------------------------- Font --------------------------------------------------------------*/
  /* @font-face {
	   font-family: "FavoritStd";
	   font-display: block;
	   src: url("../fonts/FavoritStd/FavoritStd-Medium.woff2?#iefix&v=1.0") format("woff2"), 
			url("../fonts/FavoritStd/FavoritStd-Medium.woff?v=1.0") format("woff"), 
			url("../fonts/FavoritStd/FavoritStd-Medium.otf?v=1.0") format("opentype");
	   font-weight: 500;
  }
   @font-face {
	   font-family: "FavoritLiningStd";
	   font-display: block;
	   src: url("../fonts/FavoritStd/FavoritLiningStd-Medium.woff2?#iefix&v=1.0") format("woff2"), 
			url("../fonts/FavoritStd/FavoritLiningStd-Medium.woff?v=1.0") format("woff"), 
			url("../fonts/FavoritStd/FavoritLiningStd-Medium.otf?v=1.0") format("opentype");
	   font-weight: 500;
  }*/
  
  
   @font-face {
	   font-family: "AcidGroteskLight";
	   font-display: block;
	   src: url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Light.woff2?#iefix&v=1.0") format("woff2"), 
			url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Light.woff?v=1.0") format("woff"), 
			url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Light.otf?v=1.0") format("opentype");
	   font-weight: 500;
  }
  @font-face {
	   font-family: "AcidGroteskLightItalic";
	   font-display: block;
	   src: url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Light-Italic.woff2?#iefix&v=1.0") format("woff2"), 
			url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Light-Italic.woff?v=1.0") format("woff"), 
			url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Light-Italic.otf?v=1.0") format("opentype");
	   font-weight: 500;
  }
  /*@font-face {
	   font-family: "AcidGroteskMedium";
	   font-display: block;
	   src: url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Medium-trial.woff2?#iefix&v=1.0") format("woff2"), 
			url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Medium-trial.woff?v=1.0") format("woff"), 
			url("../fonts/AcidGrotesk/AcidGrotesk-Medium-TRIAL.otf?v=1.0") format("opentype");
	   font-weight: 500;
  }
  @font-face {
	   font-family: "AcidGroteskMediumItalic";
	   font-display: block;
	   src: url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Medium-Italic-trial.woff2?#iefix&v=1.0") format("woff2"), 
			url("../fonts/AcidGrotesk/FFF-AcidGrotesk-Medium-Italic-trial.woff?v=1.0") format("woff"), 
			url("../fonts/AcidGrotesk/AcidGrotesk-MediumItalic-TRIAL.otf?v=1.0") format("opentype");
	   font-weight: 500;
  }*/
  
  /*newsticker*/
  @font-face {
	   font-family: "Ouroboros";
	   src: url('../fonts/Ouroboros/Ouroboros-Regular.woff2') format('woff2'),
			url('../fonts/Ouroboros/Ouroboros-Regular.woff') format('woff'),
			url('../fonts/Ouroboros/Ouroboros-Regular.otf') format('opentype');
		font-weight: normal;
		font-style: normal;
  }
  
   @font-face {
	   font-family: "Pilowlava";
	   src: url('../fonts/Pilowlava/Pilowlava-Regular.woff2') format('woff2'),
			url('../fonts/Pilowlava/Pilowlava-Regular.woff') format('woff'),
			url('../fonts/Pilowlava/Pilowlava-Regular.otf') format('opentype');
		font-weight: normal;
		font-style: normal;
  }
  
  @font-face {
	   font-family: "Trickster";
	   src: url('../fonts/Trickster/Trickster-Regular.woff2') format('woff2'),
			url('../fonts/Trickster/Trickster-Regular.woff') format('woff'),
			url('../fonts/Trickster/Trickster-Regular.otf') format('opentype');
		font-weight: normal;
		font-style: normal;
  }
  
  @font-face {
	   font-family: "Modak";
	   src: url('../fonts/Modak/Modak-Regular.woff2') format('woff2'),
			url('../fonts/Modak/Modak-Regular.woff') format('woff'),
			url('../fonts/Modak/Modak-Regular.otf') format('opentype');
		font-weight: normal;
		font-style: normal;
  }
  
  
  
  @font-face {
		font-family: 'Monoton';
		src: url('../fonts/Monoton/Monoton.eot');
		src: url('../fonts/Monoton/Monoton.eot?#iefix') format('embedded-opentype'),
			 /*url('../fonts/Monoton_new/Monoton.woff2') format('woff2'),*/
			 url('../fonts/Monoton/Monoton.woff') format('woff'),
			 url('../fonts/Monoton/Monoton.ttf') format('truetype'),
			 url('../fonts/Monoton/Monoton.svg') format('svg');
		font-weight: normal;
		font-style: normal;
	}
   @font-face {
	   font-family: "Parisienne";
	   src: url('../fonts/Parisienne/Parisienne.eot');
	   src: url('../fonts/Parisienne/Parisienne.eot?#iefix') format('embedded-opentype'),
			 /*url('../fonts/Parisienne/Parisienne.woff2') format('woff2'),*/
			 url('../fonts/Parisienne/Parisienne.woff') format('woff'),
			 url('../fonts/Parisienne/Parisienne.ttf') format('truetype'),
			 url('../fonts/Parisienne/Parisienne.svg') format('svg');
		font-weight: normal;
		font-style: normal;
  }
  
  
  
  
  /* ---------------------------------------
	VIEWPORT
	---------------------------------------  */
	#viewport { 
		position:fixed; 
		bottom:100px;
		left:0px; 
		display: block; 
		display: none;
		z-index: 9999; 
	}
	/*.landingpage #viewport { 
		display: block; 
	}*/
	
	#viewport div {  
		color: #fff;
		font-size: 15px;
		background: #000;
		padding: 3px 10px; 
	}
  
  /* > 1900 */
	@media only screen and (min-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
		.bigger_1900  { display: block;  }		
	}
	
	/* 1900 */
	@media only screen and (max-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
		.l_1900  { display: block;  }	
	}
	
	/* 1600 */
	@media only screen and (max-width: 1599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
		.l_1600  { display: block;  }	
	}
	
	/* < 1440 */
	@media only screen and (max-width: 1439px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1440  { display: block;  }
	}
		
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1280  { display: block; }
	}
	
	/* 1160 */
	@media only screen and (max-width: 1159px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1160  { display: block;  }
	}
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1024  { display: block;  }
	}
	
	/* 940 */
	@media only screen and (max-width: 939px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_940  { display: block;  }
	}
	
	/* 850 */
	@media only screen and (max-width: 850px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_850  { display: block;  }
		
	}
	 
	/* 767 */
	@media only screen and (max-width: 767px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view { display: none }
		.l_767  { display: block;  }
	}
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_600  { display: block;  }
	} 
	
	/* 480 (bis iPhone8 Portrait) */
	@media only screen and (max-width: 479px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_480  { display: block;  }
	}
	
	/* 360 (SE Portrait) */
	@media only screen and (max-width: 359px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_360  { display: block;  }
		
	}
	
	/* 320 (SE Portrait) */
	@media only screen and (max-width: 319px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_320  { display: block;  }
		
	}