﻿/*Schrifteinbindung von googlefonts immer vor allem anderen*/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans);*/

/* <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'> */

/*
falls Condensed gebraucht wird 
<link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>*/


@charset "utf-8";
/* Standard */

* {
   box-sizing:border-box;
}

html {
   min-height: 100%;
   }
   
body {
   color:#333;
   font-family: Helvetica, Arial, sans-serif;
   font-size:0.9em;
   line-height:1.4em;
}

#wrapper {
   position:relative;
   max-width:800px;
   margin: 1rem auto;
   border:solid 1px #000;

   background-color:#fff;
   overflow:hidden;
    
   /* für Hintergund
   background:url() top left no-repeat;
   background-size:100%;
   */

    
    /*Schlagschatten*/
   -moz-box-shadow: 3px 3px 4px #A6A6A6;
   -webkit-box-shadow: 3px 3px 4px #A6A6A6;
   box-shadow: 3px 3px 4px #A6A6A6;
   
    
    /*automatische Trennung
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
   */
}

p {
   text-align:left;
}

h2+p,h2+ul {
   margin-top:0.308rem;
}

h1 {
   text-align:center;
   font-size:1.692em;
   line-height:1.1em;
}

h1 span {
   font-size:0.7em;
}

h2 {
   font-size:1.231em;
   line-height:1.231em;
   margin-bottom:0;
}

a:link,a:active,a:visited {
   color:#4C972D;
   text-decoration:none;
}

a:hover {
   color:#4C972D;
   text-decoration:underline;
}

img {
   max-width:100%;
   height:auto;
   display:block;
}

ul {
   padding-left:2.5rem;
}

li {
   padding-bottom:0.2rem;
   list-style-type:none;
   /* Für List GFX
   list-style-type:none;
   list-style-image:url();
   */
}


/* Liste mit Sonderzeichen (Sonderzeichencodes können über diese Seiten gefunden werden http://unicode-table.com/de/)

meist gebrauchten Zeichen:
25A0 - Quadrat
25B6 - Dreieck
23E9 - 2 Dreiecke
23F5 - kleines Dreieck
2713 - Häkchen
2714 - Häkchen dick
2010 - Bindestrich
2212 - langer Bindestrich
2022 - Kreis (Bullet)
00BB - Doppelter Pfeil

&phone; - Telefonicon
&#9993; - Briefumschlag 


li:before
{
   content: "\25A0";
   color: #960236;
   float: left;      
   margin-left: -15px;
}

Bewerbungslink mit JS immer OHNE target="_blank"
<a href="javascript:parent.frames[0].bewerben();">
*/

/* Hebt Float left/right auf */
.clearfix:after {
   content: ".";
   clear: both;
   display: block;
   visibility: hidden;
   height: 0px;
}

/* Ende Standard */


/* Header */

header img.logo {
   padding: 2rem;
}

header aside {
   border-top: solid 5px #4c972d;
}

header aside.slideshow {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

header aside.slideshow li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

header aside.slideshow li:first-child {
   position: relative;
   display: block;
   float: left;
}

header aside.slideshow img {
   display: block;
   height: auto;
   float: left;
   width: 100%;
   border: 0;
}

/* Ende Header */


/* Article */

article {
   padding: 0 2rem;
}

article h1 {
   color: #4C972D;
}

article h1 span {
   font-weight: normal;
}

article h2 {
   font-weight: normal;
   color: #4C972D;
   text-transform: uppercase;
}

article li:before {
   content: "\203A";
   color: #4C972D;
   float: left;      
   margin-left: -15px;
}

/* Ende Article */


/* Footer */

footer {
   padding: 10px 2rem;
   background: #4C972D;
   color: #fff;
}


/* Ende Footer */


/* Aside */

/* Ende Aside */


/* Section */
/*
section {
   display:inline-block;
   width:50%;
   vertical-align:top;
}
*/
/* Ende Section */

/* Responsive */
@media only screen and (max-width:800px) {
   #wrapper {
      border:none;
      margin: 0 auto;
   }

   header img.logo {
      padding: 2rem 1rem;
   }  

   ul {
      padding-left: 1rem;
   }

   article {
      padding: 0 1rem;
   }

   footer {
      padding: 10px 1rem;
   }

   /*
   section {
      width:100%;
      margin:0;
   }
   */
   
}
/* Ende Responsive */