@media only screen and (min-device-width:1025px) {
header{background:#161415 url(../images/header-background.jpg) no-repeat top center;background-size:cover!important;-webkit-background-size:cover!important}
}
@media only screen and (max-width: 1024px) {
header .banner-text h1{font:80px/1.1em opensans-bold,sans-serif;letter-spacing:-1px;margin:0 auto 12px}
header{background:#161415 url(../images/header-background.jpg) no-repeat top center;background-size:cover!important;-webkit-background-size:cover!important}
}
@media only screen and (max-width: 900px) {
header .banner{padding-bottom:12px}
header .banner-text h1{font:78px/1.1em opensans-bold,sans-serif;letter-spacing:-1px}
header .banner-text h3{font:17px/1.9em librebaskerville-regular,serif;width:80%}
header .banner-text hr{width:65%;margin:12px auto}
#nav-wrap{font:11px opensans-bold,sans-serif;letter-spacing:1.5px}
#ausstellungen .profile-pic,#biografie .profile-pic{width:114px;height:114px;margin-left:12px}
#ausstellungen .contact-details,#biografie .contact-details{width:50%}
#ausstellungen .download,#biografie .download{width:50%}
#arbeit h1{font:16px/24px opensans-bold,sans-serif}
#arbeit .main-col{padding-right:5%}
#erfindungen h1{font:16px/24px opensans-bold,sans-serif}
#erfindungen .main-col{padding-right:5%}
#meinung .header-col h1:before{font-size:66px;line-height:66px}
#meinung blockquote p{font-size:22px;line-height:46px}
#call-to-action .header-col h1:before{font-size:66px;line-height:66px}
#contact .section-head{margin-bottom:30px}
#contact .header-col h1:before{font-size:66px;line-height:66px}
#contact .section-head p.lead{font:17px/33px opensans-light,sans-serif}
header{background:#161415 url(../images/header-background.jpg) no-repeat top center;background-size:cover!important;-webkit-background-size:cover!important}
}
@media only screen and (max-width: 767px) {
#nav-wrap{font:12px opensans-bold,sans-serif;background:transparent!important;letter-spacing:1.5px;width:auto;position:fixed;top:0;right:0}
#nav-wrap > a{width:48px;height:48px;text-align:left;background-color:#c6cedb;position:relative;border:none;float:right;font:0/0 a;text-shadow:none;color:transparent;position:relative;top:0;right:30px}
#nav-wrap > a:before,#nav-wrap > a:after{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:''}
#nav-wrap > a:after{top:60%}
#nav-wrap:not( :target ) > a:first-of-type,#nav-wrap:target > a:last-of-type{display:block}
#nav-wrap ul#nav{height:auto;display:none;clear:both;width:auto;float:right;position:relative;top:12px;right:0}
#nav-wrap:target > ul#nav{display:block;padding:30px 20px 48px;background:#1f2024;margin:0 30px;clear:both}
ul#nav li{display:block;height:auto;margin:0 auto;padding:0 4%;text-align:left;border-bottom:1px solid #2D2E34;border-bottom-style:dotted}
ul#nav li a{display:block;margin:0;padding:0;margin:12px 0;line-height:16px;border:none}
header .banner{padding-bottom:12px;padding-top:6px}
header .banner-text h1{font:68px/1.1em opensans-bold,sans-serif}
header .banner-text h3{font:16px/1.9em librebaskerville-regular,serif;width:85%}
header .banner-text hr{width:80%;margin:18px auto}
header .social{margin:18px 0 24px;font-size:24px;line-height:36px}
header .social li{margin:0 10px}
header .scrolldown{display:none}
#biografie .profile-pic{display:none}
#biografie .download .button{width:100%;text-align:center;padding:15px 20px}
#biografie .main-col{padding-right:30px}
#arbeit .header-col{padding-top:0;margin-bottom:48px;text-align:center}
#arbeit h1{letter-spacing:3px}
#arbeit .main-col{padding-right:30px}
#arbeit h3,#arbeit .info{text-align:center}
.bars{width:100%}
#erfindungen .header-col{padding-top:0;margin-bottom:48px;text-align:center}
#erfindungen h1{letter-spacing:3px}
#erfindungen .main-col{padding-right:30px}
#erfindungen h3,#erfindungen .info{text-align:center}
.bars{width:100%}
#call-to-action{text-align:center}
#call-to-action h1{font:16px/24px opensans-bold,sans-serif;text-align:center;margin-bottom:30px;text-shadow:0 1px 3px rgba(0,0,0,1)}
#call-to-action h1 span{display:block}
#call-to-action .header-col h1:before{content:none}
#call-to-action p{font-size:15px}
#portfolio-wrapper .columns{margin-bottom:40px}
.popup-modal{max-width:85%}
#meinung .text-container{text-align:center}
#meinung h1{font:16px/24px opensans-bold,sans-serif;text-align:center;margin-bottom:30px;text-shadow:0 1px 3px rgba(0,0,0,1)}
#meinung h1 span{display:block}
#meinung .header-col h1:before{content:none}
#meinung blockquote{padding-bottom:24px}
#meinung blockquote p{font-size:20px;line-height:42px}
.flex-control-nav{text-align:center;margin-left:-30px}
#contact{padding-bottom:66px}
#contact .section-head{margin-bottom:12px}
#contact .section-head h1{font:16px/24px opensans-bold,sans-serif;text-align:center;margin-bottom:30px;text-shadow:0 1px 3px rgba(0,0,0,1)}
#contact h1 span{display:block}
#contact .header-col{padding-top:0}
#contact .header-col h1:before{content:none}
#contact .section-head p.lead{text-align:center}
#contact label{float:none;width:100%}
#contact input,#contact textarea,#contact select{margin-bottom:6px;width:100%}
#contact button.submit{margin:30px 0 24px}
#message-warning,#message-success{width:100%;margin-left:0}
footer .copyright li:before{content:none}
footer .copyright li{margin-right:12px}
footer .social-links{font-size:22px}
footer .social-links li{margin-left:18px}
#go-top{margin-left:-22px}
#go-top a{width:54px;height:54px;font-size:18px;line-height:54px}
header{background:#161415 url(../images/header-background2.jpg) no-repeat top center;background-size:cover!important;-webkit-background-size:cover!important}
}
@media only screen and (max-width: 480px) {
#nav-wrap ul#nav{width:auto;float:none}
header .banner{padding-top:24px}
header .banner-text h1{font:40px/1.1em opensans-bold,sans-serif;margin:0 auto 24px}
header .banner-text h3{font:14px/1.9em librebaskerville-regular,sans-serif;width:90%}
header .social{font-size:20px}
header .social li{margin:0 6px}
footer .social-links{font-size:20px}
footer .social-links li{margin-left:14px}
header{background:#161415 url(../images/header-background3.jpg) no-repeat top center;background-size:cover!important;-webkit-background-size:cover!important}
}