@charset "utf-8";


hr
{
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top:0px;
  padding-bottom:0px;
}

a
{
  color:#b90100;
}

a:hover
{
  color:#b90100;
  text-decoration: underline;
}

#Referenzen .Layoutdesignueberschrift
{
  padding-top:4%;
}

#Bild_mitte_Referenzen
{
  background-color:white !important;
}

#Bild_Kontakt
{
  background-color:white !important;
}


#Slider img
{
  height:100%;
  width: 100%;
  z-index: -10;
}

#Header_Bild
{
  z-index: -10;
  position: fixed;
  top:0px;
  left:0px;
}

#Datenschutz a
{
  color:black;
}

#Datenschutz a:hover
{
  color:black;
  text-decoration: underline;
}

#Slider_rechts img
{
  width: 60%;
  height: auto;
}


#Kontakt_rechts
{
  z-index: 1;
}

#Kontakt_rechts h3
{
  color:black;
}

#Kontakt_rechts .input-group
{
  min-width: 100%;
  margin-top:2%;
}

#Kontakt_rechts .rapid_contact input.button
{
  background-color: #bf282f;
}

/*roter Streifen(Leistungen)*/
#Leistungen_Streifen
{
  position: absolute;
  left:0px;
}

#roterStreifen
{
  position: absolute;
  left:0px;
}

#roterStreifen img
{
  position: absolute;
  left:0px;
  top:-200px;
  width: 170px;
}

/*roter Streifen(Impressum)*/
#Impressum_rechts
{
  position: absolute;
  right:0px;
}

#Impressum_rechts img
{
  position: absolute;
  right:0px;
  top:-500px;
  width: 170px;
}

#Layoutdesign_Galerie li img
{
  height: auto;
  width: 100%;
}

#Layoutdesign_Galerie li
{
  height: auto;
  max-width: 49%;
}

#Foliendesign_Galerie li img
{
  height: auto;
  width: 100%;
}

#Foliendesign_Galerie li
{
  /*! min-width: 30%; */
  height: auto;
  max-width: 49%;
}


#Foliendesign_Galerie li img
{
  /*! min-height: 500px; */
  /*! min-width: 500px; */
}

#Datenschutz span.zahl
{
  color:white;
  font-weight: bold;
  font-size: 20px;
}

#Datenschutz span.menupunkt
{
  color:white;
  font-weight: bold;
  font-size: 35px;
}


#Datenschutz #Referenz_Ueberschrift div#trennlinie
{
  background-color:white;
  width: 100%;
  height: 2px;
  margin-top:10px;
}

#Datenschutz h2
{
  margin-top:1%;  
}

#Impressum span.zahl
{
  color:white;
  font-weight: bold;
  font-size: 20px;
}

#Impressum span.menupunkt
{
  color:white;
  font-weight: bold;
  font-size: 35px;
}


#Impressum #Referenz_Ueberschrift div#trennlinie
{
  background-color:white;
  width: 100%;
  height: 2px;
  margin-top:10px;
}

#Impressum h2
{
  margin-top:1%;  
}


#Start span.zahl
{
  color:white;
  font-weight: bold;
  font-size: 20px;
}

#Start span.menupunkt
{
  color:white;
  font-weight: bold;
  font-size: 35px;
}


#Start #Referenz_Ueberschrift div#trennlinie
{
  background-color:white;
  width: 100%;
  height: 2px;
  margin-top:10px;
}

#Start h2
{
  margin-top:1%;  
}

#Start .col-md-12 
{
  padding:0px 0px 0px 0px;
}

#Leistungen span.zahl
{
  color:white;
  font-weight: bold;
  font-size: 20px;
}

#Leistungen span.menupunkt
{
  color:white;
  font-weight: bold;
  font-size: 35px;
}

.zitat
{
  color:white;
  font-weight: bold;
  font-size: 22px;
}

.autor
{
  color:white;
  font-weight: normal;
  font-size: 11px;
}

.zitat_black
{
  color:black;
  font-weight: bold;
  font-size: 22px;
}

.autor_black
{
  color:black;
  font-weight: normal;
  font-size: 11px;
}

#Leistungen #Referenz_Ueberschrift div#trennlinie
{
  background-color:white;
  width: 50%;
  height: 2px;
  margin-top:10px;
}

#Leistungen h2
{
  margin-top:1%;  
}

#Referenz_Ueberschrift div#trennlinie
{
  background-color:black;
  width: 50%;
  height: 2px;
  margin-top:10px;
}

#Referenz_Ueberschrift
{
  padding-top:1%;
}

#Referenz_Ueberschrift div.col-md-12
{
  padding:0px 0px 0px 0px;
}

#Referenzen_Foliendesign_rechts img
{
  position:absolute;
  top:-80px;
}

#Referenzen_Foliendesign_links
{
  padding-top:4%;
}

#Referenzen_Layoutdesign_links div.col-md-12
{
  padding:0px 0px 0px 0px;
}

#Referenzen_Foliendesign_links div#trennlinie
{
  background-color:black;
  width: 100%;
  height: 2px;
  margin-top:10px;
}

#Referenzen h2
{
  margin-top:1%;  
}

#Referenzen_Foliendesign_links div.col-md-12
{
  padding:0px 0px 0px 0px;
}

#Referenzen span.zahl
{
  color:black;
  font-weight: bold;
  font-size: 20px;
}

#Referenzen span.menupunkt
{
  color:black;
  font-weight: bold;
  font-size: 35px;
}

#Referenzen span.umenupunkt
{
  color:grey;
  font-weight: bold;
  font-size: 25px;
}

#Kontakt span.zahl
{
  color:black;
  font-weight: bold;
  font-size: 20px;
}

#Kontakt span.menupunkt
{
  color:black;
  font-weight: bold;
  font-size: 35px;
}

#Kontakt #Referenz_Ueberschrift div#trennlinie
{
  background-color:black;
  width: 100%;
  height: 2px;
  margin-top:10px;
}

#Kontakt h2
{
  margin-top:1%;  
}

#Kontakt .col-md-12
{
  padding:0px 0px 0px 0px;
  margin-left: 0px;
}

#Header #Spalte1
{
  min-height:20px;
}

#Datenschutz
{
  color:white;
  padding-top:2%;
  padding-bottom:2%;
  
  background-color:#bf282f; 
  
  padding-left: 0px;
  padding-right: 0px;
}

/* Ohne Bewegung im Hintergrund
#Impressum
{
  color:white;
  padding-top:2%;
  padding-bottom:2%;

  padding-right:0;
  padding-left:0;
  height: 800px; 
  background-image: url("/images/Impressum/zebra_impressum.jpg");
  background-position: center; 
  background-repeat: no-repeat;
  background-size: auto 100%;
}*/
#Impressum
{
  color:white;
  padding-top:2%;
  padding-bottom:2%;

  overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  height: 800px;
  background: url("/images/Impressum/zebra_impressum.jpg") no-repeat center center fixed;
  background-size: contain;
}

#Kontakt
{
  background-color:white;
  padding-top:2%;
  padding-bottom:2%;
  color:black;
}

#Kontakt img
{
  max-width: 80%;
  padding-top:10%;
  
  height: auto;
  width: 100%;
}

#Kontakt_links
{
  font-size:16px;
}

#Kontakt_mitte
{
  text-align: center;
}

#Leistungen
{
  padding-top:2%;
  padding-bottom:2%;
  background-color:black;
}

#Referenzen
{
  background-color: white;
  color:black;
}

#Referenzen img
{
  max-width: 100%;
}

#Slider_rechts
{
  color:white;
  padding-top:15%;
}


/*.maximenuck
{
	background: rgba(0, 0, 0, 0.7);
}*/

#Logo img
{
  max-width:100%;
}

#Telefon 
{
  text-align: center;
  font-size:13px;
  font-weight:bold;
  padding-top: 3.5%;
}

#Telefon a
{
  color:white;
}

#Telefon a:hover
{
  color:#b90100;
}

html 
{ 
	font-family: Arial, Verdana, Helvetica, sans-serif;
} 

body 
{
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	color: white;
	font-size:16px;
  	background-color:black;
}

h1 
{
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	font-size:35px;
  	font-weight:normal;
	text-transform: uppercase;
	color:#E8B705;
}

h2 
{
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	text-transform: uppercase;
	color:#E8B705;
  
  	margin-top: 30px;
}

h3 
{
	font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif;
	font-size:25px;
  	font-weight:normal;
	color:#E8B705;
}

h4 
{
    color: #E8B705;
    font-family: 'Open Sans', Arial ,Verdana ,Helvetica, sans-serif;
    font-size: 20px;
  	font-weight:normal;
}

#Content #Aktuelles h3
{
  	margin-top: -10px;
}

#Header
{	
  	background: rgba(0, 0, 0, 0.7);
	padding-left:0;
	padding-right:0;
	z-index:99;

	right:0;
	left:0;
	
	letter-spacing: 0.05em;
   
  	position: fixed;
  	top:0px;
}


#HeaderContainer
{
	padding-left:0;
	padding-right:0;
}

#Logo
{
	min-height:100px;
	padding-left:0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:5px;	
}

#Menucontainer
{	
	padding-left:0px;
	padding-right:0px;
}

#Menu
{
  padding-top:3%;
	text-transform: uppercase;
}

#Menu li a
{
	color:White;
	text-align:center;
	font-weight:bold;
}

/* text im menü - textseperator */
#Menu span
{
	font-size:15px;
}

#Menu li a:link 
{
	text-decoration: none;
}

#Menu li a:visited 
{
	text-decoration: none;
}

#Menu li a:hover 
{
    background-color: rgba(234, 242, 229, 0.0);
    color: #b90100;
}

#Menu li a:focus 
{	
	background-color: rgba(234, 242, 229, 0.0);;
} 

#Slider
{
	overflow:hidden;

	padding-right:0;
	padding-left:0;
/*	background: url("/images/Header/header.jpg")no-repeat center center fixed;
  	height:900px;
	background-size: contain;
  */
    max-height:100%;
  	max-width:100%;
}

#Slider .cameraCont img 
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#bildbox 
{
    display: block;
    min-width: 100%;
    min-height: 500px;
  
  	margin: 0 auto;
    /*margin-top: 30px;*/
  
  	padding: 0px 0px 0px 0px;
  	margin-bottom:85px;
  	max-height:600px;
  	overflow:hidden;
}

#bildbox img 
{
    text-align: center;
   /* margin: 0 auto;*/
  
  	position:absolute;
  	bottom:0;
    margin: auto;
    right: 0;
    left: 0;
}

#Container
{
 	padding: 0px 0px 0px 0px; 	
}

#Untermenu
{
	border-collapse:separate;
	border-spacing:45px 4px;
}

#Untermenu li
{
	/* min-height:85px; */
	margin-bottom:3px;
}

#Untermenu li a
{
	color:black;
	text-align:center;
	margin-bottom:10px;
	text-transform: uppercase;
	font-weight:bold;
}

#Untermenu li a:link 
{
	text-decoration: none;
}

#Untermenu li a:visited 
{
	text-decoration: none;
}

#Untermenu li a:hover 
{	
	color:#e2017b;
	background-color:white;
	text-decoration:underline;
}

/* 2 active wegen unterstrich */
#Untermenu li.active
{
	color: #e2017b;
  	background-color:white;
}

#Untermenu li.active > a
{	
	color: #e2017b;
	background-color:white;
	text-decoration:underline;
} 

#Untermenu li.active ul li
{
 	background-color:white;
}

#Untermenu li.current a
{
  	background-color:white;
}

#Untermenu li a:focus 
{	
	color: #e2017b;
	background-color:white;
	text-decoration:underline;
}

#Untermenu .nav-child
{
	color: #666666;
	margin-left:-25px;
	margin-right:30px;
  	text-align:center;
	list-style:none;
}


.trenner img 
{
    width: 100%;
}

.trenner 
{
    padding: 0px 0px 0px 0px;
}

.rssfeed
{
  	list-style:none;
}

#Content 
{
  	text-align: center;
}

#Content a
{
  	color: #666666;
}

#Content a:hover
{
  	color: #e2017b;
  	text-decoration:underline;
}

#Content #Impressionen img 
{
    display: block;
    float: left;
  
    margin-bottom: 10px;

    min-height: 150px;
    min-width: 250px;
  
  	max-width: 100%;
  	height: auto;
}

#Content hr
{
  	border:1px solid #E8B705;
}

#Content .content 
{
    padding-top: 5%;
	padding-bottom: 5%;
}

#Sponsoren .newsflash div span 
{
    display: none;
}

#Sponsoren a 
{
    background-image: url("/images/sponsoren/SPONSORENPLAKAT_FCD70.jpg");
    background-size: 100%;
  	background-position: center center;
    background-repeat: no-repeat;
    min-height: 480px;
    padding: 0;
}

#Sponsoren 
{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#Sponsoren .rl_sliders.accordion > .accordion-group 
{
    border: 0 none;
    box-shadow: unset;
}

#Sponsoren a:hover 
{
    min-height: 450px;
  	background-color:white;
}

#Sponsoren .newsflash div.active a 
{
    background-color: white;
    border: unset;
    box-shadow: unset;
}

.rl_sliders.accordion > .accordion-group > .accordion-body > .accordion-inner 
{
    border: 0 none;
}

#Content .boxplus-slider 
{
    max-width: 400px !important;
}

#Content .boxplus-viewport 
{
    max-width: 400px !important;
    max-height: 600px !important;
}

#Aktuelles ul
{
 /*   max-width: 400px !important;
    max-height: 600px !important;
  
    max-width: 350px;
    min-height: 300px;
    min-width: 320px;*/
}

span.mail::before
{
	font-family: Glyphicons Halflings;
  	content: "\2709";	
}

span.telefon::before
{
  	font-family: Glyphicons Halflings;
  	content: "\e145";	
}

span.fax::before
{
  	font-family: Glyphicons Halflings;
  	content: "\e045";	
}

#Footerhintergrund
{	
	background-color:red;
	color:white;
	min-height:100px;
  	padding-left: 0px;
}

#Footerhintergrund #copyright a
{
  	color: white;
}

#Footerhintergrund #copyright a:hover
{
  	color: white;
  	text-decoration: underline;
}

#Footer
{
	min-height:157px;
	padding-left:0px;
	padding-right:0px;

	border-collapse:separate;
	border-spacing:10px 0px;
}

#Footer li 
{
    min-width: 28%;
}

#Footer #footer_logo 
{
    height: 70px;
    width: 200px;
    margin-left: 36px;
}

#Footer .Footer_Newsflash 
{
    text-align: left;
}

#Footer .footerueberschrift
{
	color:white;
	font-family: swis721 lt bt light_normal, Arial, Verdana, Helvetica, sans-serif; 
}

#Footer li a
{
	color:white;
}

#Footer li p
{
	margin-left:25px;
	font-size:15px;
}

#copyright {
  font-size:small;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* nach oben button */
a.scrollicon:hover
{
    font-size: 80px;
  	text-decoration: none;
}

.scrollicon::after 
{
    content: "\e093";
	color: #666666;
    font-family: Glyphicons Halflings;
    font-size: 75px;
    font-weight: bold;
}

.scrollicon div 
{
    padding-top: 7px;
}


/*
 * Bootstrap spalten und zeilen - gridsystem (html-classen - für das layout im gridystem von bootstrap)
 * dieses basiert auf (col-md,col-..),row's und span's - für weiter information siehe Doku-Wiki oder Readme.txt
*/
.row
{
  margin-left:0px;
  margin-right:0px;
}

.page-header 
{
	border:0;
}

/* 
 * Hier kann das css individuell anhand der breite geregelt werden 
 * z.B. wenn eine Tabelle sich auf dem Rechner aber nicht auf dem Handy nach, oben und unten einordnen soll 
 * andere individuelle einstellungen (aber nur für eine geräte-größe)
*/

/* Extra-kleine Geräte (Smartphones, weniger als 768px) */
@media (max-width: 768px) 
{ 
  	#Header_Bild
    {
      z-index: -10;
      position: fixed;
      top:400px;
      left:0px;
    }
  
    #Slider_rechts img
    {
    	max-width:150px;
  	}
  
    #Leistungen #Referenz_Ueberschrift div#trennlinie
    {
      width: 100%;
    }
  
  	#Referenz_Ueberschrift div#trennlinie
    {
      width: 100%;
    }

  	#Foliendesign_Galerie ul
    {
		text-align:center;
    }
  	
   	#Layoutdesign_Galerie ul
    {
		text-align:center;
    }
  	
    #Foliendesign_Galerie li
    {
      min-height: auto;
      min-width: 240px;
    }
  
    #Layoutdesign_Galerie li
    {
      min-height: auto;
      min-width: 240px;
    }
  
  	#Slider_rechts
  	{
      z-index:1;
      padding-left: 30px;
      padding-right: 30px;
  	}
  	
  	#Bild_Kontakt
  	{
    	height:350px;
  	}

  	#Kontakt img
  	{
    	padding-top:0px;
      	max-width:50%;
  	}
  
  	#Bild_mitte_Referenzen
  	{
    	height:350px;
  	}
  
  
  	#Logo
  	{
    	text-align:center;
  	}
  
  	#Menu
  	{
    	text-align:center;
  	}
  
    #Menu span
    {
        font-size:13px;
    }
  
    #Slider
	{
		padding-right:0;
		padding-left:0;
 		height: auto; 
	    background-size: contain;
      	-webkit-background-size: contain;
  		-moz-background-size: contain;
  		-o-background-size: contain;  		
      
        max-height:100%;
        max-width:100%;
	}
  
    #Bild_Kontakt
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 250px;
      background: url("/images/Kontakt/zebra_kontakt.jpg") no-repeat center bottom;

      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
    }

    #Bild_mitte_Referenzen
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 250px;
      background: url("/images/Referenzen/zebra_mitte.jpg") no-repeat center bottom;

      background-size: 100% auto;
      -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;  				

      max-height:100%;
      max-width:100%;
    }
  
  	#Header
  	{
    	position:static;  
	}
  
    #Referenzen_Foliendesign_rechts img
    {
      position:static;
      top:0px;
    }
  
  	#Datenschutz
  	{
    	padding-left:15px;
      	padding-right:15px;
	}
  	
    #Impressum
    {
      color:white;
      padding-top:2%;
      padding-bottom:2%;

      overflow: hidden;
      padding-right: 15px;
      padding-left: 15px;
      height: auto;
      background: url("/images/Impressum/zebra_impressum.jpg") no-repeat center bottom;
      
      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
      background-color:black;
    }
  
    /* streifen z-index + sichtbar */
  	#roterStreifen img
    {
      left:0px;
      top:-200px;
      width: 80px;
    }
  
    #Impressum_rechts img
    {
      right:0px;
      top:-950px;
      width: 80px;
    }
  
    /*roter Streifen(Leistungen)*/
/*    #Leistungen_Streifen
    {
        display:none;
    }

    #roterStreifen
    {
        display:none;
    }

    #roterStreifen img
    {
        display:none;
    }*/

    /*roter Streifen(Impressum)*/
/*    #Impressum_rechts
    {
        display:none;
    }

    #Impressum_rechts img
    {
        display:none;
    }*/
  
  	/* nach oben button */
    .scrollicon 
    {
        bottom: 90px;
        display: none;
        opacity: 0.5;
        position: fixed;
        right: 0;
        text-align: center;
        text-decoration: none;
        color: #666666;
    }
  
    #Referenz_Ueberschrift 
    {
      z-index: 1;
    }
    #Impressum_links
    {
      z-index: 1;
    }
}

/* Kleine Geräte (Tablets, 768px und breiter) */
@media (min-width: 768px) and (max-width: 992px)
{ 	
  	#Header_Bild
    {
      z-index: -10;
      position: fixed;
      top:300px;
      left:0px;
    }

  
  	#Slider_rechts img
    {
    	max-width:200px;
  	}
  
  	#Slider_rechts
  	{
    	text-align:right;
       	z-index:1;
  	}
  
    #Leistungen #Referenz_Ueberschrift div#trennlinie
    {
      width: 100%;
    }
  	
    #Referenz_Ueberschrift div#trennlinie
    {
      width: 100%;
    }
  
   	#Bild_Kontakt
  	{
    	height:490px;
  	}
  	
  	#Kontakt img
  	{
    	padding-top:0px;
      	max-width:50%;
  	}
  
  	#Bild_mitte_Referenzen
  	{
    	height:490px;
  	}
  
  	#Logo
  	{
    	text-align:center;
  	}
  
  	#Menu
  	{
    	text-align:center;
  	}
  
    #Menu span
    {
        font-size:13px;
    } 

    #Slider
	{
		padding-right:0;
		padding-left:0;
 		height: auto; 
	    background-size: contain;
      	-webkit-background-size: contain;
  		-moz-background-size: contain;
  		-o-background-size: contain;  		
      
        max-height:100%;
        max-width:100%;
	}
  
    #Bild_Kontakt
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 350px;
      background: url("/images/Kontakt/zebra_kontakt.jpg") no-repeat center bottom;

      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
    }

    #Bild_mitte_Referenzen
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 350px;
      background: url("/images/Referenzen/zebra_mitte.jpg") no-repeat center bottom;

      background-size: 100% auto;
      -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;  				

      max-height:100%;
      max-width:100%;
    }
  
    #Impressum
    {
      color:white;
      padding-top:2%;
      padding-bottom:2%;

      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: auto;
      background: url("/images/Impressum/zebra_impressum.jpg") no-repeat center bottom;
      
      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
      background-color:black;
  	}
  
   	#Header
  	{
    	position:static;  
	}
  
    #Referenzen_Foliendesign_rechts img
    {
      position:static;
      top:0px;
    }
  	
  	/* streifen z-index + sichtbar */
  	#roterStreifen img
    {
      left:0px;
      top:-200px;
      width: 120px;
    }
  
    #Impressum_rechts img
    {
      right:0px;
      top:-1000px;
      width: 120px;
    }
     /*roter Streifen(Leistungen)*/
/*    #Leistungen_Streifen
    {
        display:none;
    }

    #roterStreifen
    {
        display:none;
    }

    #roterStreifen img
    {
        display:none;
    }*/

    /*roter Streifen(Impressum)*/
/*    #Impressum_rechts
    {
        display:none;
    }

    #Impressum_rechts img
    {
        display:none;
    }*/
}

/* Mittlere Geräte (Desktop-PCs, 992px und breiter) */
@media (min-width: 992px) and (max-width: 1200px)
{  
  
    #Menu span
    {
        font-size:10px;
    }
 
  	#Slider
	{
		padding-right:0;
		padding-left:0;
 		height: auto; 
	    background-size: contain;
      	-webkit-background-size: contain;
  		-moz-background-size: contain;
  		-o-background-size: contain;  		
      
        max-height:100%;
        max-width:100%;
   }
  
    #Referenzen_Foliendesign_rechts img
    {
      position:absolute;
      top:-80px;
    }
  
    #Bild_Kontakt
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 500px;
      background: url("/images/Kontakt/zebra_kontakt.jpg") no-repeat center bottom;

      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
    }

    #Bild_mitte_Referenzen
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 600px;
      background: url("/images/Referenzen/zebra_mitte.jpg") no-repeat center bottom;
    
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;  		  		

      max-height:100%;
      max-width:100%;
    
  	}
  	
    #Impressum
    {
      color:white;
      padding-top:2%;
      padding-bottom:2%;

      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: auto;
      background: url("/images/Impressum/zebra_impressum.jpg") no-repeat center bottom;
      
      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
      background-color:black;
    }
  
}
/* Große Geräte (Desktop-PCs, 1200px bis 2000px) */
@media (min-width: 1200px) and (max-width: 2000px)
{
    #Bild_Kontakt
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 500px;
      background: url("/images/Kontakt/zebra_kontakt.jpg") no-repeat center bottom;

      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
    }

    #Bild_mitte_Referenzen
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 600px;
      background: url("/images/Referenzen/zebra_mitte.jpg") no-repeat center bottom;

      background-size: 100% auto;
      -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;  		
 		

      max-height:100%;
      max-width:100%;
  	}
  
    #Impressum
    {
      color:white;
      padding-top:2%;
      padding-bottom:2%;

      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: auto;
      background: url("/images/Impressum/zebra_impressum.jpg") no-repeat center bottom;
      
      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
      background-color:black;
  	}
  
    #Slider
	{
		padding-right:0;
		padding-left:0;
 		height: 900px; 
        background-size: contain;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;  		

        max-height:100%;
        max-width:100%;
	}
  
  	#Referenzen_Foliendesign_rechts img
    {
      position:absolute;
      top:-80px;
    }
  
}

@media (min-width: 2000px)
{
  	
  	#Referenzen_Foliendesign_rechts img
    {
      position:absolute;
      top:-80px;
    }
  
    #Bild_Kontakt
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 1000px;
      background: url("/images/Kontakt/zebra_kontakt.jpg") no-repeat center bottom;
      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
    }

    #Bild_mitte_Referenzen
    {
      overflow: hidden;
      padding-right: 0;
      padding-left: 0;
      height: 1200px;
      background: url("/images/Referenzen/zebra_mitte.jpg") no-repeat center bottom;
      background-size: 100% auto;
      -webkit-background-size: 100% auto;
      -moz-background-size: 100% auto;
      -o-background-size: 100% auto;  		

      max-height:100%;
      max-width:100%;
    }
  
  #Impressum
  {
    color:white;
    padding-top:2%;
    padding-bottom:2%;

    overflow: hidden;
    padding-right: 0;
    padding-left: 0;
    height: auto;
    background: url("/images/Impressum/zebra_impressum.jpg") no-repeat center bottom;
    
      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
      background-color:black;
  }
  
 	#Slider
	{
		padding-right:0;
		padding-left:0;
 		height: 1600px; 
      background-size: contain;
      -webkit-background-size: contain;
      -moz-background-size: contain;
      -o-background-size: contain;  		

      max-height:100%;
      max-width:100%;
	}
}