/* p_000_01 faq */

h1 {
font-size: 1.5em;
} 

h2 {
margin-top: 2em;
font-size: 1.25em;
} 

p {
line-height: 3em;
}

details>p {
background-color: #ffcccc;
border: .1em solid #000;
border-radius: 0 .5em .5em;
padding-bottom: 1.25em;
padding-left: 2.5%;
padding-top: 1.25em;
line-height: 2em; 
}

summary:hover {
background-color: #ebebeb;
}

summary {
line-height: 2.5em;
}

img {
box-shadow: 8px 8px 10px #aaa;
margin-top: 1.25em;
margin-right: 2em;
height: auto;
width: 25%;
float: left;
}

/* 1 em = 16 px */
/* 31.25em = 500 px = mobil */
@media only screen and (min-width: 31.25em) {
img {
margin-bottom: 2em;
width: 15%;
}

.bottom {
margin-bottom: 4em;
}
}

/* 1 em = 16 px */
/* 37.5em = 600 px = mobil */
@media only screen and (min-width: 37.5em) {
img {
margin-bottom: 2em;
width: 15%;
}

.bottom {
width: 75%;
line-height: 3em; 
margin-bottom: 5em;
}
}

/* 56.25em = 900 px = tablet */
@media only screen and (min-width: 56.25em) {
img {
width: 15%;
}

.bottom {
width: 75%;
line-height: 3em; 
margin-bottom: 6em;
}
}

/* 100em = 1200 px = desktop */
@media only screen and (min-width: 75em) {
img {
width: 10%;
}
}

/* 100em = 1600 px = tv */
@media only screen and (min-width: 100em) {
img {
width: 5%;
}

.bottom {
margin-bottom: 6em;
}
}