/* CSS Document */

@import url('https://www.dogstyler.de/fonts/librebaskerville/librebaskerville.css');
@import url('https://www.dogstyler.de/fonts/roboto/roboto.css');
@import url('https://www.dogstyler.de/fonts/tangerine/tangerine.css');

.karriere img {width: 100%; height: auto;}
.karriere {max-width: 1170px; margin: -100px auto 50px; font-family: 'Roboto', sans-serif; background: #fff !important; color: #565656; padding: 0px 25px; text-align: left}
.karriere h1 {font-size: 6vmin !important; font-weight: 400; font-family: 'Libre Baskerville'; margin: 0px;}
.karriere h5 {font-weight: 400; font-family: 'Libre Baskerville'; font-size: 18pt; margin: 15px 0px;}
.karriere h7 {font-weight: 400; font-family: 'Libre Baskerville'; font-size: 18pt; margin: 25px; text-decoration: underline; display: block}

.karriere p {padding: 0px; margin: 0px; font-size: 1em; line-height: 28pt;}

.karriere hr {margin: 55px 0px; border: solid #c7c7c7 1px; height: 1px}

.karriere .prinfo {border: 1px solid #CCCCCC; box-sizing: border-box; padding: 25px; margin-top: 50px}
.karriere .prinfo img {margin-top: 25px}

.karriere .flex {display: flex; flex-flow: row wrap; align-content: flex-start;}
.karriere .flex .flexbox {flex: 1 1 0%; min-width: 200px; padding: 0px 15px}

.jobdesc {border: 1px solid #ccc; padding: 0px; margin-top: 50px}
.jobdesc summary {background-color: #9a1727; color: #fff; padding: 25px; font-weight: 400; font-family: 'Libre Baskerville'; font-size: 14pt;}
.jobdesc details {border-top: #fff 1px solid;}
.jobdesc details div {padding: 25px}
.jobdesc p {padding: 0px; margin: 0px; font-size: 1em; line-height: 28pt;}
.jobdesc ul {margin: 0px !important; padding: 15px;}

ul, ol {margin: 0px !important;}

@media only screen and (max-width: 28em) {
	.karriere {max-width: 28em; margin: 0 auto;}
	.karriere h2 {font-size: 12pt;}
	.karriere p {margin: 0px; font-size: 10pt; line-height: 16pt; text-align: justify; -moz-text-align-last: center; text-align-last: center}
	.karriere .prinfo {padding: 10px}
}