/* fira-sans-condensed-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 200;
  src: url('assets/fonts/fira-sans-condensed-v10-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 200;
  src: url('assets/fonts/fira-sans-condensed-v10-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('assets/fonts/fira-sans-condensed-v10-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fira-sans-condensed-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Fira Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: url('assets/fonts/fira-sans-condensed-v10-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

  
body {
	height: 100%;
	margin: 0;
    padding: 0;
    font-family: 'Fira Sans Condensed', Helvetica, sans-serif;
    font-size: 1.2rem;
    line-height: 2rem;
    font-style: normal;
    font-weight: 400;
    min-width: 430px;
}

  a {
    color: #E13166;
    text-decoration: underline;
    text-shadow: 1px 0px #ccc;
  }
  a:hover, a:focus {text-shadow: 1px 1px #ccc;}

img {
    width: 100%;
    height: auto;
    border: 0;
  }
.thumbnail {max-width: 200px; xmax-height: 200px; overflow: hidden;}

h1,h2 {
  text-align: center;
  color:#575757; 
  font-size: 2.5rem;
  line-height: 2.6rem;
  font-family: 'Fira Sans Condensed',sans-serif;
  font-style: normal;
  font-weight: 500;
} 
h2 {text-align:left;}
h3.white {color: #fff;}
.italicfont {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-style: italic;
  font-weight: 200;
}
.content_g h3 {font-size: 2rem; text-align: center;line-height: 2.5rem;}
.flamingo {color: #E13166}
.header {position: fixed;}

/* -------- not nessecary any more

.header .logo {
    display: block;
    position: absolute;
    z-index: 5;
    margin-left:-2em;
    background-color: transparent;
    margin-top: -20px;
  }
.content_sign, .content_kontakt {background-color: #fff;padding:0;}  

*/
 
 hr {
  border-top: 17px dashed #E13166; 
  border-bottom: none;
  }


.content_logo {width: auto; text-align: center; vertical-align: middle; xoverflow: hidden;}
.content_logo img {margin-top:60px;}
.content_g {background-color: #E13166;}
.content_aufruf {background-color: #fff;}
.content_material {background-color: #fff;}
.container {padding:40px 20%; margin:0em auto;}
.content_palme {background: #ffffff url("assets/images/palme-li.png") no-repeat -220px 50px;}
.content_palme p {background-color:rgba(255,255,255,0.7);}
.content_palme2 {background: #ffffff url("assets/images/palme-re.png") no-repeat right top; background-attachment: fixed;}
.content_palme2 .readable {background-color:rgba(255,255,255,0.7);}

#main {margin: 0;}
  /* header */
  .header {
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  xoverflow: hidden;
  position: fixed;
  top: 0;
    width: 100%;
   z-index: 3;
  }

 header .container {
	padding:0 20%;
    margin:0em auto;
	}

.fixed {position: fixed;}

.call {}
.call.toact {
      position: relative;
    -ms-transform: rotate(-3deg); /* IE 9 */
    transform: rotate(-3deg);
    text-align: center;
    padding: 1.5rem 0.5rem 1rem;
  background-color: #F9E200;
  -ms-transform: rotate(-2deg); /* IE 9 */
  transform: rotate(-2deg);
  border:0;
  margin-top: 50px;
}
a .call.toact {color:#fff; }
a .call {
    font-size: 1.8rem;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: 2px 2px #ccc;
  } 
  a .call:hover, a.call:focus {box-shadow: 3px 3px #ccc;}

.grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        xgrid-template-columns: repeat(auto-fit, minmax(200px, 300px));
        grid-gap: 10px;
    } 
.grid > div {
    xbackground-color: #fff;
    xpadding: 10px;
    text-align: center;
}

/* .............................. menu */
 

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background: #8CC9D880;
}

.header li a {
  font-family: 'Fira Sans Condensed', sans-serif;
  font-size: 1.3em;
  font-style: normal;
  font-weight: 500;
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  border-bottom: rgba(0,0,0,.1);
}

.header li a:hover,
.header .menu-btn:hover {
  background-color: #fff;
}

  .header .menu {
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
  }

  /* menu icon */
  
  .header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
  }
  
  .header .menu-icon .navicon {
    background: #E13166;
    display: block;
    height: 4px;
    position: relative;
    transition: background .2s ease-out;
    width: 30px;
  }
  
  .header .menu-icon .navicon:before,
  .header .menu-icon .navicon:after {
    background: #E13166;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
  }
  
  .header .menu-icon .navicon:before {
    top: 8px;
  }
  
  .header .menu-icon .navicon:after {
    top: -8px;
  }
  
  /* menu btn */
  
  .header .menu-btn {
    display: none;
  }
  
  .header .menu-btn:checked ~ .menu {
    max-height: 240px;
    text-align: center;
    padding-bottom: 20px;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
  .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  
footer { background-color: #8CC9D8;xcolor:#000; text-align: center;}
footer a {color:#575757; text-shadow: none;}
footer a:hover, footer a:focus {text-shadow:none; color:#E13166;}
a.black {color:#d1d1d1;font-size: 1rem; text-shadow: none;}
a.black:hover, a.black:focus {color:#ccc;text-shadow:none;}




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

          body { font-size: 1rem;}
            .container {padding:40px 6% 0 6%;}
            header .container  {padding:0 6% 0 6%;}
            nav {padding-right: 6%;}
            img.max {max-width: 400px;padding-top: 20px;}
            /*.header .logo { margin-left:-30px;} 
            .content_logo {display: none;}*/
  .content_palme {background: #ffffff url("assets/images/palme-li.png") no-repeat -300px top;}            
    }


   /*

   @media screen and (max-width: 1000px) {
    img.max {max-width: 350px;padding-top: 20px;}
} 

    .container > .logo {}
  
    .header .logo {}
    .header .menu-icon { position:relative; padding: 10px auto; float: none;}
    */