/* =========== VARIABLES ======== */

/* colors:

blue primary (logo blue): #006eae;
green primary (logo green): #007c35;

blue secondary (darker, active hover menu): #0d568d;
blue light (arrow on dark blue, trenner): #74b0c2;

light greenish grey (arrows): #b2c2b9;
very light grey (boxes): #e6eeee;

dark grey(mobile second row header):#2a4860;
dark grey body text: #414c53;



*/
/* =========== BASICS ======== */

a, a:visited {
	color: #006eae;
	text-decoration: none;
}

a:hover, a:focus {
	color: #0d568d;
	text-decoration: underline;
}

a.current {
	color: #414c53;
}

.topbar a:hover, header a:hover, .topbar a:focus, header a:focus{
	text-decoration: none;
}

header a:hover, header a:focus{
	color: #006eae;
}

.hide {
	display:none;
}

.hide-on-mobile {
	display: none;
}

.show-on-mobile {
	display: block;
}

.hero-image {
	background: url(/typo3conf/ext/ikse_distribution/Resources/Public/Webfaktur/Images/cover.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 15em;
	position: relative;
}

	
/* --- Typography --- */

body {
	font-family: 'Open Sans', sans-serif;
	color: #414c53;
	ms-word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    hyphens: auto;
	font-size: 1em;
}

.entry-title, .page-title {
	font-weight: 400;
	margin-bottom: 0.5em;
	font-size: 1.75em;
}

.entry-title{
	margin-top: 1.25em;
}
.entry-title + h2, .page-title + h2 {
	color: #006eae;
	margin-top: 0em;
}

h2 {
    font-size: 1.25em;
}
	
main article h2 {
	clear: both;
	overflow: hidden;
}
	
.linklist {
	list-style: none;
	padding: 0;
}

.linklist li{
	display: block;
	padding: 0.5em 0px;
}

.linklist a, .arrow a{
	position: relative;
	margin-left: 0.75em;
	display: block;
}

.linklist a:before, .arrow a:before {
	font-family: "icomoon";
	color: #b2c2b9;
	content: "\f105";
	font-size: 1.5em;
	width: 0.5em;
	margin-left: -0.75em;
	position: absolute;
    right: 100%;
    top: -0.125em;
    text-decoration: none;
}

.linklist a:before:hover, .arrow a:before:hover{
	text-decoration: none;
}

.show-more-articles-link {
	color: #006eae;
	cursor: hand;
	cursor: pointer;
}

/* =========== LAYOUT ======== */

.wrapper {
	width: 90%;
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}

.topbar .wrapper {
	width: 100%;
	overflow: visible;
	position: relative;
}

.wrapper.content {
	margin: 1.875rem auto;
}

main > *:last-child {
	margin-bottom: 1.875rem
}

.quarter, .half {
	float: left;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	clear: none;
 }

.quarter {
	width: 100%;
}

.half {
	width: 100%;
}

main {
	overflow: hidden;
}

.boxed {
	overflow:hidden;
	clear: both;
}

/* =========== HEADER & LOGO ======== */
.branding {
	text-align: center;
}

.logo {max-width: 3em;}

.site-title {
	text-transform: uppercase;
	margin: 0;
	display: none;
	line-height: 1.25em;
	font-size: 0.5em;
}

.site-title.cz{
	color: #007c35;
}



/* =========== TOP MENU ======== */

#show-main-menu,
.menu input[type="checkbox"],
.user input[type="checkbox"],
#mehr input[type="checkbox"]{
    display: none;
}

.mobile-menu {
	display: inline-block;
	padding: 1rem 5%;
	height: 3.25rem;
	overflow: hidden;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	background: #2A4860;
 	position:absolute;
 	z-index: 1000;
}

.mobile-menu .mobile-icon{
	display: block;
	color: #fff;
	cursor: pointer;
}

.wrapper-menu {
	display: none;
	width: 100%;
	padding-top: 3.25rem;
}

.wrapper-user {
	position: absolute;
	width: 100%;
	top: 0;
}

.user li:first-child {
	margin-left: 4em;
}

input[type="checkbox"]:checked + label ~ .submenu, input[type="checkbox"]:checked + label ~ .wrapper-menu{
    display: block;
}
input[type="checkbox"]:checked + label.mobile-menu .icon-navicon:before{
	content: "\f00d"
}

.show-sub-menu label{
	pointer-events: auto;
	cursor: pointer;
}

.show-sub-menu label a{
	pointer-events: none;
}

.topbar {
    background: #006eae;
    z-index: 1000;
    position: relative;
}


.topbar .wrapper, .topbar .menu li{
	font-size: 0;
}

.topbar #language-switcher select {
	margin: 0.875em;
}

#language-switcher {
	float: right;
}


.topbar .user li, .topbar .menu li,  .topbar .user #language-switcher li, .mobile-menu{
	font-size: 1rem;
}

.topbar .wrapper-user {
	background: #2a4860;
	z-index:1;
}

.topbar .wrapper-user .menu-item, .topbar #language-switcher li{
    display: inline-block;
    height: 3.25em;
}

.topbar .wrapper-menu {
	z-index:10;
}

.menu, .menu ul, .user, .user ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.user{
	width: 90%;
	margin: 0 auto;
}

.topbar .menu-item label a, .topbar .menu-item > a, .topbar .menu-item#language-switcher a{
	display: block;
	color: #fff;
	line-height: 1em;
	position:relative;
	padding: 1.125em 7.5%;
	transition: padding 0.2s ease;
}

.topbar .menu-item label a, .topbar .menu-item > a{
	font-weight: 700;
}

.topbar .menu .menu-item label a, .topbar .menu .menu-item > a{
	text-transform: uppercase;
	border-top: 1px solid rgb(255, 255, 255);
}

.topbar .menu-item:hover label a, .topbar .menu-item:focus label a, .topbar .menu-item:hover > a, .topbar .menu-item:focus > a, .topbar .menu-item.active label a, .topbar .menu-item#language-switcher li a:hover, .topbar .menu-item#language-switcher li a:focus, .topbar .menu-item.active > a{
	background: #0d568d;
}


.topbar .user .menu-item label a, .topbar .user .menu-item > a, .topbar .user .menu-item#language-switcher li a {
    padding: 1.125em 0.75em;
}

.topbar .menu .menu-item label a:before {
	font-family: "icomoon";
	color: #74b0c2;
	content: "\f105";
	position: absolute;
	bottom: 0.75em;
	left: 7.5%;
	font-size: 1.5em;
	margin-left: -0.5em;
	font-weight: normal;
}


.topbar .menu .menu-item input[type="checkbox"]:checked + label a:before {
	content: "\f107";
	top: 0.75em;
	left: 7.5%;
	margin-left: -0.75em;
	font-weight: normal;
}

.topbar #language-switcher a{
	color: #fff;
	padding: 1.125em 0.75em;
	line-height: 1em;
}

.topbar #language-switcher a.active{
	color: #74b0c2;
}

.topbar .form .submenu {
	background: #e6eeee;
	border: 1px solid #0d568d;
	border-top: 0.75em solid #0d568d;
	padding:1em;
	width: 100%;
}


.topbar #login form input{
	width: 100%;
}

.topbar #login form input + input, .topbar #login form .arrow-btn{
	margin-top: 1em;
}



.submenu {
	display: none;
	width: 100%;
	background: #fff;
	padding: 0.75em 1.875em;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}




.user .submenu {
    position: absolute;
    top: 3.25em;
    left: 0px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
    padding: 1.875em;
}

.submenu .intro{
	display: none;
}

input[type="checkbox"]:checked + label + .submenu{
    display: block;
}


/* =========== FOOTER ======== */

footer.primary {
	background: #e6eeee;
	border-top: 1px solid #006eae;
}

footer.primary .menu{
	text-align: left;
}

footer.primary .menu li{
	margin: 1em 0;
}

footer.secondary .menu{
	overflow: hidden;
	margin-bottom: 2rem;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

footer.secondary {
	background: #006eae;
	color: #fff;
}

footer.secondary a, footer.secondary h3{
	color: #fff;
}

footer.secondary h3{
	border-bottom: 1px solid #74b0c2;
	padding-bottom: 0.666666667em;
	margin: 1.666666667em 0 0.5em 0;
}


/* =========== SECTIONS ======== */

section {
	border-top: 3px solid #006eae;
	padding-bottom: 1rem;
}

section h1 {
	font-size: 1.25em;
}


section .entry-summary{
	padding-bottom: 0.625rem;
}

section .entry-summary h1 {
	font-size: 1em;
	font-weight: 400;
}

section > * + * {
	border-top: 1px solid #74b0c2;
	padding: 0.625rem 0;
	margin: 0;
}

section > p + p {
	border-top: none;
	padding-top: 0;
}

section > h2 + p {
	border-top: none;
	padding-top:0;
}

section > * + form{
	padding: 1.25rem 0;
}

section > * + * > *:first-child {
	margin-top: 0;
}

/* --- aside --- */

aside p, aside footer {
	font-size: 0.875em;
}

aside .item p {
	margin: 0.25rem 0;
}

aside footer {
	color: #b2c2b9;
}

aside section:first-child {
	border-top: none;
}

aside {
	border-top: 3px solid #006eae;
}

aside > * {
	margin-bottom: 1.25em;
}

aside > section#search-form {
	margin-bottom: 0.875em;

}

aside h2 {
	font-size: 1em;
	font-weight: 400;
	color: #006eae;
}


/* images */

.img-wrap.small {
	max-width: 32%;
	margin-top: 0.375em;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.img-wrap.align-left {
	float: left;
	margin-right: 1.25em;
}

.img-wrap.align-right{
	float: right;
	margin-left: 1.25em;
}

.img-wrap .caption {
	font-size: 0.875em;
	text-align: center;
	margin-top: 0.25em;
}

.thumb-wrapper {
	float: left;
	margin-right: 1.25em;
	border: 1px solid #006eae;
	width: 20%;
	max-width: 5rem;
}

.thumb-wrapper img {
	display: block;
    height:100% !important;
    width:100% !important;
}

.boxed .thumb-wrapper {
	width: 3.75rem;
	height: 3.75rem;
	overflow: hidden;
    background: #ffffff;
}

.responsive-image, .responsive-image img {
    height: auto;
}

/* --- article--- */
main article.full {
	padding: 0 1.25em;
	margin-bottom: 1.875em;
}

#home main article.full {
	padding: 0em 1.25em; /* Padding geändert da Probleme mit Drucken-Link auf Startseite */
	margin-bottom: 1.275em; 
}

#home main article.half{
    margin-bottom: 1.875em;
    box-sizing: border-box;
}

main article.half {
	margin-bottom: 1.875em;
}

article .pre-article {
	margin: 0 -1.25em;
	border-bottom: 1px solid #74b0c2;
	padding-bottom: 0.5em;
	font-size: 0.875em;
}

.pre-article .print {
	float: right;
}

p.intro, p.highlight {
	font-weight: 700;
}

/* --- boxed & download lists --- */

.boxed ul {
    overflow: hidden;
    padding: 0;
    background: #e6eeee;
}

.boxed .linklist li, .boxed .linklist.cols li {
    background: #e6eeee;
    padding: 1.25rem;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-left: -1px;
}


.boxed .linklist li, .downloads .linklist li {
	overflow: hidden;
}

.downloads .linklist li{
	padding-bottom: 1.25rem;
}

.downloads .linklist li + li{
	padding-top: 1.25rem;
	border-top: 1px solid #74b0c2;
}


.boxed h3 {
	background: #e6eeee;
	padding: 0.83333333em;
	margin-bottom: 0;
	font-size: 1.5em;
}

.boxed h3 + .linklist {
	margin-top: 0;
}

.boxed .linklist li a, .downloads .linklist li a{
	margin-left: 0;
}

.boxed .linklist li a:before, .downloads .linklist li a:before{
	content: none;
}

.info {
	display: block;
}


/* ----- events ---- */

.events h2 {
	font-size: 1.25em;
	font-weight: 400;
}

.events .item{
	padding-left: 4rem;
	overflow: hidden;
}

.events .date {
	margin-left: -4rem;
	width: 3rem;
	display: block;
	float: left;
	color: #fff;
	background: #006eae;
	padding: 0.5rem 0.125rem;
}

.events .date .day, .events .date .month {
	display: block;
	text-align: center;
	font-weight: 700;
	width: 100%;
	font-size: 0.875em;
	text-transform: uppercase;
}
.events .item h1 {
    margin: 0;
}

.events .item p {
    margin: 0;
}




.more-wrapper{
	display: none;
}

#mehr input[type="checkbox"]:checked + label + .more-wrapper {
    display: block;
}
#mehr label {
	pointer-events: auto;
	cursor: pointer;
}

#mehr label a{
	pointer-events: none;
}

/* forms */

input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{
    padding: 0.25em;
    border: 1px solid #74b0c2;
    box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{
    height: 2em;
}

input {
	margin-right: 0.75em;
	border-radius: 0;
}

input:focus, textarea:focus {
	border: 1px solid #74b0c2;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);

}

button, label.arrow-btn, .page-form label.arrow-btn {
	background: #006eae;
	border: none;
	border-radius: 0;
	padding: 0.25em 1em;
	color: #fff;
	font-weight: 700;
	height: 2em;
    box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
 	float: right;
 	cursor: pointer;
	padding: 0.25em;

}

label.arrow-btn, .page-form label.arrow-btn {
	padding: 0.25em 1em 0.25em 2em;
	position: relative;
}

label.arrow-btn:before {

	font-family: "icomoon";
	color: #B2C2B9;
	content: "\f105";
	font-size: 1.5em;
	position: absolute;
	left: 0.75em;
	top: 0.125em;
}

form#search {
	position: relative;
}

form#search input[type="search"]{
	width: 100%;
}

#search button {
	width: 2em;
	position: absolute;
	top: 0;
	right: 0;
	margin:0;
}

aside input {
	width: 100%;
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

aside input[type="submit"], aside button, aside .arrow-btn{
	width: auto;
}

aside input + input {
	margin-top: 0.75em;
	margin-right: 0;
}

aside input + label.arrow-btn {
	margin-top: 0.75em;
	margin-right: 0;
	float: none;
	display: inline-block;
}

section > form:first-child {
	margin-top: 1.875rem;
}

main label {
	display: block;
	width: 100%;
}

main label a:before{
	font-family: "icomoon";
    color: #B2C2B9;
   	content: "\f105";
    font-size: 1.5em;
    vertical-align: -15%;
    padding-right: 0.25em;
}

main input[type="checkbox"]:checked + label a:before {
   	content: "\f107";
}

.page-form {
	background: #E6EEEE;
	padding: 1.25rem;
	overflow: hidden;
}

.page-form input[type="text"], .page-form input[type="tel"], .page-form input[type="email"], .page-form input[type="url"], .page-form input[type="password"], .page-form input[type="search"], .page-form textarea {
	width: 100%;
	border: 1px solid #ddd;
}

.page-form input:required, textarea:required{
	border: 1px solid #74B0C2;
}
.page-form button, .page-form input[type="submit"] {
	margin-top: 1.25rem;
}

.page-form legend, .page-form label {
	display: block;
	width: 100%;
	padding: 1.25rem 0;
	font-weight: 700;
}

.page-form * + fieldset legend, .page-form * + label {
	border-top: 1px solid #74B0C2;
	margin-top: 1.25rem;
}

.page-form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.page-form fieldset:first-child legend{
	padding-top:0;
}

.page-form .input-wrapper {
	margin: 0 0 1.25rem 0;
}

.page-form label.arrow-btn {
	width: auto;
	float: right;
}

/* ---- more articles ---*/

section .linklist, section .arrow {
	margin: 0.625rem 0px;
	padding: 0.625rem 0;
	display: block;
}

section .more-wrapper .linklist {
	padding-top: 0;
	margin-top: 0;
}

/*----- pagination -----*/


.pagination {
    text-align: center;
    list-style: none;
    padding: 0 0 0.625rem 0;
    border-bottom: 1px solid #74b0c2;
}
.pagination li{
    display: inline-block;
}

.pagination li.prev{
    float: left;
}

.pagination li.next{
    float: right;
}

.pagination .icon-angle-left, .pagination .icon-angle-right{
    font-size: 1.5em;
}

.pagination a {
	padding: 0.125em 0.5em;
	margin: 0;
}

.pagination a.disabled {
    color: rgba(178, 194, 155, 0.4);
    pointer-events: none;
}

.pagination a.current, .pagination a:hover, .pagination a:focus  {
	background: #e6eeee;
	text-decoration: none;
}

.pagination a.current  {
	color: #414C53;
	pointer-events: none;
}

.pagination .prev a:hover, .pagination .next a:hover, .pagination .prev a:focus, .pagination .next a:focus  {
	background: none;
}


/* ======================= MEDIA QUERIES ==================== */

@media all and (min-width: 480px) {

	footer .menu-item {
		display: inline-block;
		padding: 1.25em 0.5em;
	}
	.hide-on-mobile {
		display: block;
	}

	.show-on-mobile {
		display: none;
	}

	#language-switcher {
		font-size: 0;
	}

	.topbar #login form input{
		width: 48%;
		box-sizing: border-box;
	}

	.topbar #login form input + input{
		margin-top: 0;
		margin-right: 0;
	}

	.topbar #login form .arrow-btn{
		margin-top: 1em;
		pointer-events: auto;
		cursor: pointer;
	}

	.branding {
		font-size: 2em;
	}

	.site-title {
		font-size: 0.875em
	}

	footer.primary .menu{
		text-align: center;
	}

	footer.primary .menu li{
		margin: 0;
	}
	
	footer.primary .menu li + li a{
		border-left: 1px solid #006EAE;
		padding-left: 1.25em;
	}
}


/* medium */
@media all and (min-width: 760px) {

	.topbar #login form input{
		width: auto;
	}

	.topbar #login form input + input, .topbar #login form .arrow-btn{
		margin-top: 0em;
	}

	.branding {
		font-size: 1.375em;
		text-align: left
	}

	.site-title {
		font-size: 1em;
		display: block;
	}
	.logo {
		float: left;
		margin-right: 0.75em;
	}

	.mobile-menu {
		display: none;
	}

	.menu {
		display: block;
	}

	.topbar .wrapper{
		overflow: visible;
		width: 100%;
	}
	.wrapper-menu{
		display: block;
		padding-top: 0;
	}
	.wrapper-user{
		position: relative;
	}

	.user li:first-child {
	    margin-left: 0em;
	}
	.topbar .user, .topbar .menu {
		width: 90%;
		margin: 0 auto;
	}

	.topbar .menu-item label a{
		position: relative;
		padding: 1.125em 0.75em;
		transition: padding 0.2s ease;
	}

	.topbar .menu .menu-item label a:before {
		font-family: "icomoon";
		color: #74b0c2;
		content: "\f107";
		position: absolute;
		bottom: 0.125em;
		left: 50%;
		font-size: 1.5em;
		margin-left: -0.33333em;
		font-weight: normal;
	}

	.topbar .menu-item#login a:before {
		font-family: "icomoon";
		color: #74b0c2;
		content: "\f105";
		vertical-align: -20%;
		padding-right: 0.25em;
		font-size: 1.5em;
	}

	.topbar .menu-item label a, .topbar .menu-item > a, .topbar .menu-item#language-switcher li a{
		float: left;
		padding: 1.125em 0.75em;
		background: none;
	}

	.topbar .menu .menu-item label a, .topbar .menu .menu-item > a{
		border-top: none;
	}

	.topbar .menu-item, .topbar #language-switcher li{
		display: inline-block;
		height: 3.25em;
	}

	.topbar .menu-item label a {
		background: none;
	}

	.topbar .menu-item:hover label a, .topbar .menu-item:focus label a{
		padding: 1.375em 0.75em 1.375em;
		z-index: 100;
	}

	.submenu{
		position: absolute;
		top: 3.25em;
		left: 0;
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
		padding: 1.875em;
		z-index: 10;
	}

	.submenu .col {
		float: left;
	}

	.submenu .col.intro {
		width: 32%;
		display: block;
	}

	.submenu .col.navlinks{
		width: 68%;
	}

	.submenu .col.navlinks ul{
		padding: 0;
		width: 100%;
	}

	.submenu .col.navlinks li{
		display: block;
		float: left;
		width: 50%;
		padding-left: 2rem;
		box-sizing:border-box;
	  	-moz-box-sizing:border-box;
	 	-webkit-box-sizing:border-box;
	}


	.linklist li {
	    padding: 0.125em 0px;
	}

	.linklist.cols li{
		display: block;
		float: left;
		width: 50%;
		padding-left: 1.25rem;
		padding-right: 0;
		box-sizing:border-box;
	  	-moz-box-sizing:border-box;
	 	-webkit-box-sizing:border-box;
	}

	.linklist.cols li:nth-child(odd){
		padding-right: 1.25rem;
		padding-left: 0;
	}

	.boxed .linklist.cols li:nth-child(odd){
		border-right: 1px solid #fff;
		padding: 1rem;
	}

	.submenu .menu-heading{
		margin-top: 0;
	}


	.menu-item:hover .submenu, .menu-item:focus .submenu {
		display: block;
	    -webkit-animation-duration: 0.5s;
	    -webkit-animation-name: fadeInFromNone;
	    animation-duration: 0.4s;
	    animation-name: fadeInFromNone;
	}

	@-webkit-keyframes fadeInFromNone {
	    from {opacity: 0;}
	    to {opacity: 1}
	}
	@keyframes fadeInFromNone {
	    from {opacity: 0;}
	    to {opacity: 1}
	}

	.quarter {
		width: 25%;
	}

	.half {
		width: 50%;
	}

	.page-form .half{
		padding-right: 0.625rem;
	}

	.page-form .half:nth-child(odd){
		padding-right: 0rem;
		padding-left: 0.625rem;
	}

	article.half {
		margin: 0;
		padding: 0px 1.875em 1.875em 0px;
	}

	article.half:nth-child(odd) + *{
		clear: both;
	}

	footer.secondary .quarter{
		padding-right: 0.9375rem;
		width: 50%;
	}

	footer.secondary .quarter:nth-child(2){
		padding-right: 0rem;
		padding-left: 0.9375rem;
	}

	footer.secondary .menu-col, footer.secondary .menu-col li {
		box-sizing:border-box;
	  	-moz-box-sizing:border-box;
	 	-webkit-box-sizing:border-box;
	}

	footer.secondary .half {
		width: 100%;
	}

	footer.secondary .half li{
		float:left;
		width:50%;
		padding-right: 0.875rem;
		clear: both;
	}

	footer.secondary .half li:nth-child(even){
		padding-left: 0.875rem;
		padding-right: 0rem;
		clear: none;
	}
}

@media all and (min-width: 900px) {
	.branding {
		font-size: 1.5em;
	}
	main {
		width: 68%;
		float: left;
		border-right: 3px solid #006eae;
		margin-right: -3px;
	}

	main > * {
		margin: 0px 1.875em 1.875em 0px;
		clear: both;
	}

	aside {
		width: 32%;
		float: right;
		border-left: 3px solid #006eae;
		margin-right: -3px;
		border-top: none;
	}

	aside > * {
		margin: 0 0em 1.25rem 2em;
		padding-right: 3px;
	}
}


@media all and (min-width: 1000px) {

	.show-sub-menu label {
		pointer-events: none;
	}

	.show-sub-menu label a{
		pointer-events: auto;
		cursor: pointer;
	}
	.branding {
		font-size: 1.75em;
	}
	.wrapper {
		width: 90%;
	}
	footer.secondary .quarter{
		width: 25%;
		padding-right: 1.375rem;
	}
	footer.secondary .quarter:nth-child(2){
		width: 25%;
		padding-right: 0.9375rem;
		padding-left: 0.5rem;
	}

	footer.secondary .half{
		width: 50%;
		padding-left: 0.9375rem;
	}

}


@media all and (min-width: 1080px) {
	.branding {
		font-size: 1.75em;
	}

	.topbar .wrapper {
		width: 90%;
	}
	.topbar .user {
		background: none;
	}

	.topbar .menu{
		float: left;
	}

	.topbar .user {
		float: right;
	}
	
	#language-switcher {
		float: none;
	}
	.topbar .user, .topbar .menu {
		position: static;
	}

	.topbar .wrapper{
		height: 3.25rem;
	}

	.topbar .menu,  .topbar .user {
		width: auto;
	}
	.user .submenu {
		top: 3.25em;
	}


}

/* large */
@media all and (min-width: 1200px) {
	.wrapper, .topbar .wrapper {
		width: 80%;
	}

	.topbar .form .submenu {
		width: 32%;
		right: 0;
		left: auto;
		border-top: 0.75em solid #0d568d;
	}

	.form input[type="text"], .form input[type="tel"], .form input[type="email"], .form input[type="url"], .form input[type="password"], input[type="search"] {
	    width: 100%;
	}
	.topbar #login form input{
		width: 100%;
	}

	.topbar #login form input + input{
		margin-top: 1em;
	}

	.topbar #login form .arrow-btn{
		margin-top: 1em;
	}

	#login input + input{
		margin-top: 0.75em;
		margin-right: 0;
	}

	#login input + label {
		margin-top: 0.75em;
	}

	button{
		margin-top: 0.75em;
	}

	.entry-title, .page-title {
	    font-size: 1.875em;
	}
	.branding {
		font-size: 1.875em;
	}
}

@media all and (min-width: 1250px) {
	
}


@media all and (min-width: 1500px) {
	
	body {
		font-size: 1.125em;
	}

	section h1 {
	    font-size: 1.3333em;
	}

	aside .item p {
	    font-size: 0.888888em;
	}

	footer h3 {
		font-size: 1.1111111em;
	}
}

.tx-indexedsearch .tx-indexedsearch-browsebox LI {
	display: inline;
	margin-right: 5px;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
	margin-top: 10px;
	margin-bottom: 5px;
}