@charset "utf-8";
/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

html {

    height: 100%;
}

body {
    background-color: #fff;
    position: relative;
    color: #000;
    /*letter-spacing: 0.1em;*/
    text-align: center;
    font-size: 14px;
    height: 100%;

}

.wrapper {
    height: 100%;
}

a {
    color: #EC890E;
    text-decoration: none;
}

a:hover {
    color: #999;
}

#logo {margin-bottom: 50px;}

.md-close {
    background: #464646 none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    margin: 15px !important;
    padding: 10px 35px;
}

.call {
    background-color: #EC890E;
    color: #ffffff;
    padding: 10px 35px;
}

.call a {
    color: #ffffff;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
}

h1 {font-size: 22px;margin-top: 20px;}
h2 {font-size: 18px;margin-top: 30px;}
p {
    margin-bottom: 15px;
}

a.pressemitteilungen {
	display: inline-block;
	text-align: left;
	line-height: 55px;
	font-size: 18px;
	color: #504e52;

}

img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

img.logo {
    margin: 0 auto;
	max-width: 600px;
}

img.pressemitteilungen {
	max-width: 400px;	
	height: auto;	
}

img.pdf-icon {
	max-width: 40px;
	height: auto;
	margin: 0 20px;
	float: left;
}

span.small {
    font-size: 0.8em;
}


@media (max-width: 767px) {

    body {
        font-size: 14px;
    }


}

@media (min-width: 768px) {

    .container {
        padding: 50px 0;
    }

    .side {
        min-height: 580px;
    }

    .side.left {
        background-image: url("../img/buecher_links.jpg");
        background-repeat: no-repeat;
        background-position: left;
    }

    .side.right {
        background-image: url("../img/buecher_rechts.jpg");
        background-repeat: no-repeat;
        background-position: right;
    }


}

@media screen and (max-width: 34em) {
    .overlay {
        font-size: 90%;
    }
    .overlay .overlay-close {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}


@media screen and (max-width: 25em) {
    .codrops-icon span {
        display: none;
    }
}