/*
Theme Name: astafh
Theme URI: http://www.m-michaelis.de
Author: Matthias Michaelis Webdesign und -programmierung Münster
Author URI: http://www.m-michaelis.de
Description: Individual-Template für den AStA der FH Münster, erstellt durch Matthias Michaelis Webdesign und -programmierung (2015)
Version: 2.0
*/

@font-face { font-family: 'asta'; src: url('fonts/MetaWeb-Book.woff') format('woff'); font-weight:normal} 
@font-face { font-family: 'asta'; src: url('fonts/MetaWeb-Bold.woff') format('woff'); font-weight:bold}


/* GRUNDGERÜST */
body, html{width:100%; height:100%}
body{background-color:#fff; color:#262626; font-size:100%; font-family:'asta'; line-height:1.5em; margin:0; padding:0}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box}
ul{list-style-type:none; margin:0; padding:0}
a{color:#575757; text-decoration:none; font-weight:normal}
a:hover{color:#ff8200}
.is-bottomed{display:none!important}


.top{--webkit-box-shadow: 0px 7px 32px -13px rgba(0,0,0,1);
-moz-box-shadow: 0px 7px 32px -13px rgba(0,0,0,1);
box-shadow: 0px 7px 32px -13px rgba(0,0,0,1);}

.main{-webkit-box-shadow: 0px -7px 32px -13px rgba(0,0,0,1);
-moz-box-shadow: 0px -7px 32px -13px rgba(0,0,0,1);
box-shadow: 0px -7px 32px -13px rgba(0,0,0,1);}


.site{position:relative; width:100%; margin:0; max-width:1800px}
.wrapper{position:relative; clear:both; width:100%; max-width:1800px; margin:0}


/* ÜBERSCHRIFTEN */
h1, h2, h3, h4, h5, h6{font-weight:100; margin:0.350em 0em}
h1{color:#ff8200; font-size:1.500em}
h3{font-size:1em; color:#4a4a4a}
h4{color:#ff8200}

.pagination h2{display:none}
.pagination .nav-links{padding:.5em 0; color:#ff8200; text-align:center; font-size:1em}
.pagination .nav-links .prev{margin-right:1em}
.pagination .nav-links .next{margin-left:1em}
.pagination .nav-links .page-numbers{padding:.5em; color:#fff; background:#ff8200; border-radius:2px}
.pagination .nav-links a.page-numbers:hover{background:#FFB542}
.pagination .nav-links .current{background:#fff; border:solid 1px #ff8200; color:#4a4a4a}

/* MOBILE FIRST */
.asta-logo, .top ul.menu, .sidebar, .footer-left, .welcome{display:none}


/* TOP */
.top{z-index:99999999; background-color:#fff; height:63px}
.asta-textlogo{max-width:50%; margin:.625em}
.topnav{float:right; padding:0 1em 0 0}
.topnav li{background-color:#ff8200; padding:1.500em .125em .125em .125em; margin:0 .125em .125em .125em; display:block; float:left; height:100%; -webkit-border-bottom-right-radius:2px; -webkit-border-bottom-left-radius:2px; -moz-border-radius-bottomright:2px; -moz-border-radius-bottomleft:2px; border-bottom-right-radius:2px; border-bottom-left-radius:2px}
.topnav li:hover{background:#FFB542}
.topnav li a img{max-width:20px}
.topnav li.btn-sandwich{background:#fff}
.topnav li.btn-sandwich:hover{cursor:pointer}
.lupe-link{ cursor:pointer}
.telefon-link{ cursor:pointer}
.sandwich{width:2.188em}


/* MENÜ */
.top ul.menu{display:none; clear:both}
.top ul.menu {position:relative; list-style-type:none; margin:0px!important; padding:0px; font-size:1.125em}
.top ul.menu li{display:block; width:100%; border-bottom:solid 1px #fff}
.top ul.menu li a{background-color:#ff8200; color:#fff; display:block; padding:10px; text-transform:uppercase; border-radius:0px; border:0px!important}

.top ul.menu ul.sub-menu{display:block; position:relative!important; margin:0px; padding:0px; display:none; border-radius:0px}
.top ul.menu ul.sub-menu li{display:block; background-color:#FFB542; padding:5px; clear:both; width:100%}
.top ul.menu ul.sub-menu li a{display:block; color:#fff; border-radius:0px; margin:0px; padding:3px 100px 3px 20px; border:0px!important; background-color:#FFB542; text-transform:none}
.top ul.menu ul.sub-menu li:first-of-type{padding-top:10px}
.top ul.menu ul.sub-menu li:last-of-type{padding-bottom:10px}


/* STAGE */
.stage{height:200px}
.telefon-wrapper, .suche-wrapper{position:relative; display:block; clear:both; background:#d4d4d4; border-bottom-left-radius:2px; text-align:center; font-size:1.5em; margin:auto; padding:2em; color:#ff8200; z-index:9999}
.screen-reader-text{display:block}


/* CONTENT */
.content{display:block; width:100%; background:#fff; padding:1em 0}
.content img{max-width:100%; height:auto}
.socials{text-align:right; padding-right:5%}
.socials a img{max-height:25px; width:auto; border:0px; padding-left:20px}
.fc-header{display:none!important}

.beitrag, .category-description{margin:2%}
.beitrag-thumb{float:left; width:23%; max-width:200px}
.beitrag-thumb img{width:100%!important; height:auto!important}
.beitrag-excerpt{float:right; width:75%}
.beitrag-full{clear:both; display:none}

.readmore, .readless, .back{display:block; clear:both; width:100%; text-align:center; border:solid 1px #ff8200; padding:0.313em; margin:0.625em 0em 3.125em 0em; text-decoration:none; color:#ff8200; background:#fff; text-transform:uppercase; font-weight:normal}

.full-content h1, h1.category-title{background:#d4d4d4!important; color:#4a4a4a!important; text-transform:uppercase!important; font-size:1em!important; padding:0.1em 0.5em!important; margin:5% 0px 0px 0px!important}
.full-content .wp-post-image{width:100%!important; height:auto!important}
.suchergebnis img, .suchergebnis .wp-post-image{width:auto!important; height:auto!important}

/* CONTACT FORM */
.wpcf7 .form-label{display:none}
.wpcf7 .mobile-label{display:block!important; color:#ccc}
.wpcf7 .form-row{margin-top:15px}
.wpcf7 h4{font-size:1em; margin-top:15px}
.wpcf7-text, .wpcf7-textarea, .wpcf7-date{padding:10px; border-radius:5px; font-size:1em; border:solid 1px #ccc; width:95%}
.wpcf7-date{width:auto!important}
.wpcf7-list-item{display:block}


/* ZIEHARMONIKA */
.ziharmonika h1{background:#ff8200; color:#fff; text-transform:uppercase; font-size:1.250em; margin:0.125em 0 0.125em 0; padding:.5em .625em; border-top-left-radius:2px; border-bottom-left-radius:2px; -webkit-border-top-left-radius:2px; -webkit-border-bottom-left-radius:2px}
.ziharmonika h1:hover{background-color:#FFB542}
.ziharmonika .beitrag{display:none; padding:.625em .625em 1.563em 0}
.ziharmonika .beitrag:first-child{display:block!important}


/* FOOTER */
.footer, .footer-right{background:#f5f5f5}
.footer ul{padding:0 1% 0 2%; font-size:.800em}
.footer ul li{display:block; float:left; width:50%; padding:2%}
.footer p{margin:0}
.footer ul.menu{display:block; border-bottom:solid 1px #fff}
.footer ul.menu li{display:block; text-align:center; clear:both; width:100%; border-top:solid 1px #fff}

.footer .copyright{text-align:center}



@media screen and (min-width:960px){
	
	.asta-textlogo{display:none}
	.asta-logo{display:block; max-height:63px; float:left; margin:0 0 0 5%}
	.asta-logo:hover{opacity:0.8; -moz-opacity:0.0; -webkit-opacity:0.8; filter:alpha(opacity=80)}
	
	.stage{height:355px}
	.welcome{display:block; position:absolute; bottom:-40px; border-radius:2px; padding:50px 25px; margin:0px 0px 0px 40px; z-index:9999; background-color:#ff8200; color:#fff; font-size:2em; line-height:1.250em}
	.welcome img{display:block; width:150px; height:auto; float:left; margin-right:25px}
	
	/* MENU */
	li.btn-sandwich{display:none}
	.top ul.menu{display:block; position:absolute; right:0; list-style-type:none; margin:0 15% 0 0!important; padding:0}
	.top ul.menu li{width:auto; float:left; margin:0 .250em}
	.top ul.menu li a{font-size:.750em; background:#fff; color:#4a4a4a; padding:2.5em .750em 0 .750em; border-bottom-left-radius:2px; -webkit-border-bottom-left-radius:2px; border-bottom-right-radius:2px; -webkit-border-bottom-right-radius:2px}
	.top ul.menu li a:hover, .top ul.menu li.current-menu-parent a, .top ul.menu li.current-menu-item a, .top ul.menu li.current-menu-parrent a, .top ul.menu li a.childhover{background:#ff8200; color:#fff}
	
	.top ul.menu li ul.sub-menu{position:absolute!important; border-top:solid .3em #fff; margin:0 0 0 0; padding:0; border-radius:2px; -webkit-border-radius:2px; background:#ff8200}
	.top ul.menu li ul.sub-menu li{background:transparent!important; padding:0; margin:0; border:0}
	.top ul.menu li ul.sub-menu li a{background:none; border:0}
	.top ul.menu li ul.sub-menu li a:hover{background:#FFB542}
	
	
	.site{width:75%; margin:0 auto; -webkit-box-shadow: 0 20px 10px 5px #ccc; box-shadow: 0 20px 10px 5px #ccc;}
	.main, .footer{display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; background-color:#fff}
	
	#searchform label{display:none}
	#searchform #s{width:60%; font-size:0.5em; padding:10px; border-radius:3px}
	#searchform #searchsubmit{width:30%; font-size:0.5em; margin-top:10px; border:solid 1px #ff8200; text-transform:uppercase; background:#fff; color:#ff8200; padding:10px; border-radius:3px}

	
	
	/* SIDEBAR */
	.sidebar{display:block; width:33%; background:#f5f5f5}
	.sidebar img{max-width:100%}
	.sidebar-widget .menu{list-style-type:none; margin:6em 0em; padding:0em; width:60%}
	.sidebar-widget .menu li{background:#ff8200; margin:0.750em 0em; border-radius:3px; border-top-left-radius:0px; border-bottom-left-radius:0px; padding:0.625em 0.625em 0.625em 0.625em; font-size:.750em}
	.sidebar-widget .menu li a{display:block; color:#fff; text-decoration:none}
	.sidebar-widget .menu li:hover{background-color:#FFB542}	
	
	.sidebar .sidebar-widget{margin-bottom:3.125em; display:block; clear:both}
	.sidebar .sidebar-widget img{max-width:100%; height:auto}
	.sidebar .sidebar-widget h2{padding:20px 0px 0px 30px; margin:0px; color:#ff8200; font-size:1.250em}
	.sidebar .sidebar-widget h3{padding:0 0 0 30px; margin:0em; background:#d4d4d4; color:#262626; text-transform:uppercase; font-size:90%}
	.sidebar .sidebar-widget h4{padding:20px 0px 0px 30px; margin:0px; color:#262626; font-weight:bold}
	.sidebar .sidebar-widget p{padding:10px 10px 0px 30px}
	
	.sidebar .cooperationspartner{position:absolute; bottom:0px; padding:50px 0px 0px 0px; width:33%; text-align:center}
	.sidebar .cooperationspartner img{max-width:30%; padding:10px}
	.sidebar p.spacer{display:block; height:100px}
	
	
	/* CONTENT */
	.content{width:67%; padding-left:2%}
	.fc-header{display:block!important}
	.readmore, .readless{width:25%; transition: width 0.2s, background 1s; background:#fff; color:#ff8200}
	.readmore:hover, .readless:hover, .back:hover, .ziha{cursor:pointer}
	
	.full-content h1 {border-top-left-radius:2px; -webkit-border-top-left-radius:2px}
	.full-content .beitrag, .full-content .category-description{margin-left:0}
	
	/* CONTACT FORM */
	.wpcf7 .form-row{margin-top:15px}
	.wpcf7 .flow-row{float:left; width:40%; margin:2%}
	.wpcf7 .flow-row select{width:100%}
	.wpcf7 select option{padding:5px}
	.wpcf7 select option:hover{background:#FFB542; color:#fff; cursor:pointer}
	.wpcf7 select option:checked{background:#FFB542!important; color:#fff; cursor:pointer}
	.wpcf7 h4{font-size:2em; margin-top:50px}
	.wpcf7-text, .wpcf7-textarea, .wpcf7-date, .wpcf7 select{padding:10px; border-radius:3px; font-size:1em; border:solid 1px #ccc; resize:none}
	
		
	/* FOOTER */
	.footer-left{display:block; width:33%; float:left}
	.footer-right{display:block; width:67%; float:right; padding-right:1%}
	.footer ul {display:flex; display:-moz-flex; display:-webkit-flex; display:-ms-flexbox}
	.footer ul.menu{float:right; border:0; margin-bottom:1em}
	.footer ul.menu li{border:0; text-align:right; padding:0; margin:0; font-size:1em}
	
	.footer .copyright{display:block; clear:both; text-align:right}
	
	
}


@media screen and (min-width:1200px){
	
	.sidebar-widget .menu li{font-size:1em}
}




.beitrag-intro:after,
.beitrag:after,
ul:after,
.sidebar-widget:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}