@charset "utf-8";
/* style_mobile.css */
@media (max-width: 599px)  { 

body  {
	color:#1A2633;
	font-size:62.5%;  /* basis-grösse 10px  */
	background:#FCFCFF;
	font-family: "fortschrittbook", Arial, Helvetica, sans-serif;

	}

/* zentrieren------------------------------------------*/

.wrapper  { /* "ersatzbody", achse an der #centerframe ausgerichtet wird */
margin-left:10px;
font-size:1.1em;
}

.center  {
	/* position:absolute;
	left:50%; /* linke Seite beginnt an der Mittelachse der Seite */
    /* width:996px; /* Breite Contentbereich incl. Ränder */
    /* margin-left:-498px; /* um halbe Breite des Contentbereichs nach links schieben */ 


}

/* Aufteilung ------------------------------------------------------------------ */

    .box.links {
    /* width:200px;
    /* height:auto; */
    /* /* float: left; */ */
    
    }
    
    .box.mitte {
    /* width:596px;
    /* height:inherit; */
    /* /* float: left; */ */
    }
    
    .box.rechts {
    /* width:200px;
    /* height:auto; */
    /* float: right; */
    }
        
    
/* linker und rechter Bereich ------------------------------------------------------------------ */
    
    .box.links_oben, .box.links_mitte, .box.links_unten,
    .box.rechts_oben, .box.rechts_mitte, .box.rechts_unten  { 
    /* width:200px;
    height:50px;   */
    }
    
    .box.links_mitte, .box.rechts_mitte {
    /* position:absolute;
    top:50%;
    margin-top:-25px; /* um Hälfte der Höhe des Elements nach oben */
    }
    
    .box.links_unten, .box.rechts_unten {
    /* position:absolute;
    bottom:0; */
    }
        
    /* Marker */
    
    .marker_linksoben, .marker_linksunten,
    .marker_rechtsoben, .marker_rechtsunten {
    /* width:36px;
	height:36px;
    background-image:url(../images/schnittmarken.gif);
	background-repeat:no-repeat;
	background-size:72px;   */
    }
    
    .marker_linksmitte, .marker_rechtsmitte {
    /* width:35px;
	height:70px;
	background-image:url(../images/passermarken.gif);
	background-repeat:no-repeat;
	background-size:70px 70px ; */
    }
    
    .marker_linksoben { background-position:0 0; }
    .marker_linksmitte { background-position:0 0; }
    .marker_linksunten { background-position:0 -36px; }
    
    .marker_rechtsoben { background-position:-36px 0; }
    .marker_rechtsmitte { background-position:-35px 0; }
    .marker_rechtsunten { background-position:-36px -36px; }
    
    .marker_rechtsoben, .marker_rechtsmitte, .marker_rechtsunten { /* float:right; */ }
    
   /* linker Bereich  ------------------------------------------------------------------ */
    
    .box.links_oben {
    }
    
    
    .box.links_mitte {
    }
    
    .box.links_unten {
    }
    
    /* rechter Bereich ------------------------------------------------------------------ */
    

    .box.rechts_oben {
    
    }
    
    .box.rechts_mitte {
    
    }
    
    .box.rechts_unten {
    
    }
    
    
     /* mittlerer Bereich ------------------------------------------------------------------ */   
    
    .box.logo { 
    /* margin-left:231px; /* um Hälfte des mittleren Bereichs minus hälfte der eigenen Breite nach links */
    margin-bottom: 10px;
    width:135px;
	height:92px;
	background-image:url(../images/logo_albdruck.gif);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:left top;
    }
    
    .box.header { 
    width: 100%;
    height:220px;
    /* float: left; */
    
    }
    
    .header  {
	width:596px;
	height:220px;
	background-repeat:no-repeat;
	background-position:left top;
    }
    
    /* headerpix --------------------------------------------------------------------------- */

    .home.header, .home .header  { background-image:url(../images/kopfbalken_bilder/01_startseite_querformat.jpg); }
    .produkte.header, .produkte .header { background-image:url(../images/kopfbalken_bilder/02_produkte_querformat.jpg); }
    .produktion.header, .produktion .header { background-image:url(../images/kopfbalken_bilder/03_produktion_querformat.jpg); }
    .team.header, .team .header  { background-image:url(../images/kopfbalken_bilder/04_team_querformat.jpg); }
    .kerngehaeuse.header, .kerngehaeuse .header   { background-image:url(../images/kopfbalken_bilder/05_kerngehaeuse_querformat.jpg); }
    .kooperationen.header, .kooperationen .header { background-image:url(../images/kopfbalken_bilder/08_kooperationen_querformat.jpg); }
    .kontakt.header, .kontakt .header { background-image:url(../images/kopfbalken_bilder/06_kontakt_querformat.jpg); }
    .impressum.header, .impressum .header { background-image:url(../images/kopfbalken_bilder/07_impressum_querformat.jpg); }
    
.box.navbar {
    width:100%;
    /* height:40px; */
    float: left;
    margin-top:20px;
    margin-bottom:20px;
    
    }
    
    /* navbar------------------------------------------*/
	
.navbar_wrapper  {
	/* width:596px; */
}

.navbar_l { float:left; width: 100%;  }
.navbar_r { float:left; }
    
.navbar_l ul  { list-style-type:none; }

.navbar_l ul li, .navbar_r ul li	{ /* hier werden die abstandshalter gesetzt */
	/* float:left; */
	/* padding-right:12px; */
    padding-bottom:15px;
	}

.navbar_l ul li a:link, .navbar_l ul li a:visited, 
.navbar_r ul li a:link, .navbar_r ul li a:visited 	{ 

	padding-left:12px; /* hier werden die abstände zw cursor und menüpunkt links gesetzt */
	text-decoration:none;
    font-family:"fortschrittmedium", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	letter-spacing:0.04em;
	color:#1A2633;
	background-image:url(../images/cursor.gif); 
	background-repeat:no-repeat;
    background-size: auto;
	background-position:0px;
	}
	
.navbar_l ul li a:hover, .navbar_l ul li a:active, .navbar_l ul li a.current, 
.navbar_r ul li a:hover, .navbar_r ul li a:active, .navbar_r ul li a.current  {
	background-image:url(../images/cursor_rot.gif); 
	background-repeat:no-repeat;
	text-decoration:none;
	color:#e81a2e;
}


.navbar_r .current  {
	/* float:left; */
	color:#FE0000;
}

.trenner_14px_r  {
	float:right;
	height:20px;
	width:1px;
	/* margin-right:-12px; */
	background-image:url(../images/trenner.gif);
	background-repeat:repeat-y;	
	}
    
/* Aufteilung Content -----------------------------------------*/
    .box.content_wrapper {
    clear: both;
    
    }
    
     .box.spalte_01,  .box.spalte_02 {
    margin-bottom: 20px;
    }
    
    
    .box.spalte_01 { 
    /* width:75%;
    height:inherit; */
    /* float: left; */
    }
    
    .box.spalte_02 {
    /* width:25%;
    height:inherit;
    float: right; */
    
    }
    
    .box.footer_bereich {
    width:100%;
    height:60px;
    /* float: left; */
    
    }
    
     /* Aufteilung Content Seite Produktion */
    
    .content_block {
    display:block;
    }
    
    .spalte_60pc {
    float:left;
    /* width:60%; */
    margin: 20px 0;

    }
    
    .galerie_1sp_rechts {
    /* float:right;*/
    
    }
    
    
    /* Aufteilung Content Seite Kooperationen */
    
    .spalte_87pc {
    /* width:87%; */
    }
    
    .kooperationen .box.spalte_01 { 
    /* width:50%;
    height:inherit;
    min-height:200px;
    float: left;
    margin-right:10%; */
    margin-top:50px;
    }
    
    
    .kooperationen .box.spalte_02 {
    /* width:40%;
    height:inherit;
    float: right; */
    margin-top:50px;
    }
    
  /* footer Bereich ------------------------------------------------------------------ */  
    
     .box.footer {
    /* position: absolute;
    width:312px;
    height:40px;
    margin-left:283px;*/ /* Abstand vom Rand des Contentbereiches */ 
    float:left;
    margin-top:20px;
    
    }
    
    .footer {
    font-family:"fortschrittbook", Arial, Helvetica, sans-serif;
	font-size:1.1em;    
    }
    
    .linie_unten  {
	/* width:2px;
	height:70px;
	float:left;
	margin:-30px 10px 0 0 ;
    margin-right:10px;
	background-image:url(../images/linie_unten.gif);
	background-repeat:repeat-y;
	background-size:2px; */

    }
    
    .footer .icon_link  {
	color:#e81a2e;
	padding-left:12px;
	background-image:url(../images/icon_link_6x6.gif);
	background-size:6px;
	background-repeat:no-repeat;
	background-position:3px 5px;	
    }

    .footer .icon_link a:link:hover, .footer .icon_link a:visited:hover {
    text-decoration:underline;
    }
    
    

    .farbmarke {
    /* position: relative;
    float:left;
    width:64px;
    height:32px;
    background-image:url(../images/farbstreifen.gif);
    background-repeat:no-repeat;
    background-size:63px 64px;
     */
    }
    
		
    .farbmarke_rot { /* margin-left:-84px; */ margin-right:20px; background-position:0 0; }

    .farbmarke_schwarz  { background-position:0 -32px; }

    /* typo ------------------------------------------*/

    .headline, .zitat, .copy, .aufzaehlung, .copy p, .aufzaehlung ul, .aufzaehlung li   {
        margin: 0;
        padding: 0;
    }


    .rot { color:#e81a2e; }   
    .grau_60 { color:#767D85; }  .grau_70 { color:#5F6770; }  .grau_80 { color:#48515C; } .grau_90 { color:#313C47; } .grau_100 { color:#1a2633; }

    .size_8px  { font-size: 0.8em; }  .size_9px  { font-size:0.9em;  }  .size_10px  { font-size:1em;  } .size_11px  { font-size:1.1em;  }  .size_12px  { font-size:1.2em;  }  .size_13px  { font-size: 1.3em;  }  .size_15px  { font-size: 1.5em;  }  .size_16px  { font-size: 1.6em;  }  .size_19px  { font-size: 1.9em;  }
    .size_21px  { font-size: 2.1em;  }

    .bold { font-weight: bold;}

    .headline {
        font-family:"fortschrittbold", Arial, Helvetica, sans-serif;
        /*letter-spacing:-0.02em; */
        font-size: 1.9em;
        color:#e81a2e;
        margin-bottom:0.4em;
    }

    .zitat  {
        font-family:"fortschrittbookitalic", Arial, Helvetica, sans-serif;
        letter-spacing:-0.02em;
        line-height:1.4em;
        text-align: center;
        margin:0 30px 0 0;
    }

    .zitat p  { font-family:"fortschrittbook", Arial, Helvetica, sans-serif; font-size:13px; margin:10px 0 0 0; letter-spacing:0.02em; }

.italic {
font-family: 'fortschrittitalic', Arial, Helvetica, sans-serif;
}

    .copy {
        font-family:"fortschrittbook", Arial, Helvetica, sans-serif;
        font-size: 1.6em;
        /* line-height:1.4em; */
        line-height:1.6em;
        color:#1a2633;
    }

    .copy p, .copy ul, .aufzaehlung ul	{
    margin-bottom:1.4em; /* textblock abstand nach oben u unten  */

    }

    .copy a:link, .copy a:visited  {
        padding-left:14px;
        background-image:url(../images/icon_link_8x8.gif);
        background-size:8px;
        background-repeat:no-repeat;
        background-position:0 8px;
    }


    .copy a:hover  {
    }


    .aufzaehlung {
        line-height:1.4em;
    }

    .aufzaehlung ul  {

        }

    .aufzaehlung li {
        margin-bottom:11px;
        padding-left:10px;
        background-image:url(../images/listenpunkt.png);
        background-repeat:no-repeat;
        background-position:0 7px;

    }



    /* links ------------------------------------------*/

    a:link, a:visited {
        color:#e81a2e;
        cursor:pointer;
        text-decoration:none;
    }

    a:link:hover, a:visited:hover {
        color:#e81a2e;
        cursor:pointer;
        text-decoration:underline;

    }

    a:link:active, a:visited:active	{
    color:#e81a2e;
    cursor:pointer;
    text-decoration:none;
    }

    /* impressum */
    
    .impressum .copy { font-size:1.3em;}
    
} /* end @media mobile */