@charset 'utf-8';
@import url(reset.css);
@import url('http://fonts.googleapis.com/css?family=Merriweather:400,700');

/* ----------------------------------------------------- Comment */

.js div { } /* apply only on JavaScript enabled browsers */
.ie7 div { } /* apply only on Internet Explorer 7 and below */
.ie6 div { } /* apply only on Internet Explorer 6 and below */

a {
-webkit-transition-property: all;
-webkit-transition-duration: 250ms;
-webkit-transition-timing-function: ease-in;
-moz-transition-property: all;
-moz-transition-duration: 250ms;
-moz-transition-timing-function: ease-in;
transition-property: all;
transition-duration: 250ms;
transition-timing-function: ease-in;
}

::selection {
background: rgba(190,210,50,0.25);
color: black;
}

img {
-moz-user-select: text;
-webkit-user-select: text;
user-select: text;
-moz-user-drag: none;
-webkit-user-drag: none;
user-drag: none;
}

body {
font-family: 'Merriweather', Georgia, serif;
font-size: 16px;
line-height: 24px;
background: rgb(190,210,50) url(../img/hintergrund.png) no-repeat top center;
color: rgb(130,120,110);
}

article {
width: 860px;
margin: 48px auto;
padding: 48px;
background: white;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow:  0px 0px 32px 0px rgba(0, 0, 0, 0.25);
box-shadow:  0px 0px 32px 0px rgba(0, 0, 0, 0.25);
}

article h1 {
display: block;
width: 332px;
height: 198px;
background: white url(../img/wortschatz-praxis.png) no-repeat top left;
font-size: 0;
line-height: 0;
color: white;
float: left;
margin: 0 16px 0 0;
}

article h2,
article h3,
article p,
article ul {
margin-left: 440px;
}

article h2,
article p,
article ul {
margin-bottom: 8px;
}

article ul + h2 {
margin-top: 32px;
}

article a,
article a:active {
color: rgb(190,210,50);
border-bottom: 1px solid white;
}

article a:hover {
color: rgb(140,130,120);
border-bottom: 1px solid rgb(190,210,50);
}

article h2,
article p span {
text-transform: uppercase;
letter-spacing: 0.25em;
font-weight: 900;
font-size: 12px;
}

article h3 {
font-weight: 900;
color: rgb(190,210,50);
}

article ul li:before {
content: '· ';
font-weight: 900;
color: rgb(190,210,50);
}

@media only screen and (max-width: 960px) {
  body {
  background: white;
  }
  
  article {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 auto;
  }
}

@media only screen 
and (orientation:portrait) {
  article {
  width: 320px;
  }
  
  article h1 {
  float: none;
  }
  
  article h2,
  article h3,
  article p,
  article ul {
  margin-left: 0px;
  }
}