@import 'logo-osklw.css';
.typo3-logo {position:relative; margin-bottom:2em; width:100%; max-height:2.5em;}
.typo3-logo .logo-image {display:inline-block}
.typo3-logo img {width:10em; display:inline-block; }
.typo3-logo .logo-title {
    display: inline-block;
    position: relative;
    top:0.5em;
    left:1em;

}
.typo3-logo h1 {font-size:2em;}
.typo3-logo .logo-subtitle {display:none;}


.wordpress-logo {
	font-size: 1.3rem; margin-bottom: 1em;

}
.wordpress-logo .logo-image img {width:16em;}
.wordpress-logo .logo-title .logo-subtitle {display:none;}
.wordpress-logo .logo-title, .wordpress-logo .logo-image {display:inline-block; position: relative;}
.wordpress-logo .logo-title {top: 0.5em; left:1em; }
.wordpress-logo .logo-title .logo-header {color:#7f868a;}

@media screen and (min-width: 320px) and (max-width: 409px) {	
   .typo3-logo {font-size:0.6rem; max-height:4rem; text-align:center;}
   .typo3-logo .logo-title {display:block; position:relative; left: unset; width:100%; top: unset;}
}
@media screen and (min-width: 410px) and (max-width: 600px) {	
   .typo3-logo {font-size:0.7rem; max-height:4rem; text-align:center;}
   .typo3-logo .logo-title {display:block; position:relative; left: unset; width:100%; top: unset;}
}

/**
@media screen and (min-width: 320px) and (max-width: 479px) {	 
   .typo3-logo {font-size:0.6rem; max-height:4rem; text-align:center;}
   .typo3-logo .logo-text {display:block; position:relative; left: unset; width:100%; top: unset;}
}
**/