/*---kommentar----*/

div#system-message-container {
	padding-top: 2rem;
}

div#jform_articletext_tbl {
	padding-top: 1rem;
}

.mceDefaultSkin .mceLayout {
	border: none;
}

section.akengage-outer-container h3.akengage-title {
	border-bottom: none;
	font-size: 1.6rem;
	color: #faf;
  	text-transform: uppercase;
}
section.akengage-outer-container div#akengage-comment-form h4 {
	color: #ff0018;
	font-size:1.4rem;
}
section.akengage-outer-container {
	border-bottom: none;
}
section.akengage-outer-container div#akengage-comment-form {
	border-top: none;
}
.akeeba-renderer-fef {
	padding-right: 9rem;
}

div#attrib-engage {
	visibility: hidden !important;
  height: 1rem !important;
}

/*---captcha verstecken---*/
.grecaptcha-badge {
	opacity: 0;
}

/*---backgrounds---*/
.aula, .aula-en, .aula-de, .login, .pinboard, .beitrag-neu {
	background-image: url(/images/bkgr/bkgr_paper_2.jpeg);
}
.dachgarten {
	background-image: url(/images/bkgr/bkgr_grass.jpg);
}
.werkstatt {
	background-image: url(/images/bkgr/bkgr_metal.jpg);
}
.kueche {
	background-image: url(/images/bkgr/bkgr_wood.jpg);
    color:#ffffff;
}
.lift {
	background-color:#000000;
    color:#ffffff;
}
.bibliothek {
	background-color:#CC6600;
    color:#ffffff;
}
.lager {
	background-color:#66FFFF;
    color:#ffffff;
}
/*--- seitenelemente küche ---*/
.kueche a, .lift a {
    color:#ffffff;
}
.kueche .nav img, .lift .nav img  {
	filter: invert(100%);
    -webkit-filter: invert(100%);
}
.invert {
	filter: invert(100%);
    -webkit-filter: invert(100%);
}

/*---Sprachbuttons---*/
.mod-languages {
	margin-top: -2rem;
}

/*--- Grundeinstellungen ----*/

html {
	font-size: 1.4vw;
    scroll-behavior: smooth;
}
* {
	box-sizing: border-box;
	text-rendering: optimizelegibility;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	padding: unset;
	font-feature-settings: "onum" 1;
}
body {
	background-color: unset;
	font-family: 'Zilla Slab', serif;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.1em;
	margin: .5em 0;
  	hyphens:none;
}

h1 {
	font-size: 4.4rem;
}

h2 {
	font-size: 2.8rem;
	padding-left: 0.5rem;
}
.page-header h2 {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
}
.page-header h2:hover, .page-header h2:focus{
  	transform: scale(1.1);
  	transform: rotate(-1deg);
}

h3 {
	font-size: 2.6rem;
}

h4 {
	font-size: 2rem;
}

h5, .panel .title {
	font-size: 1.4rem;
}

h6 {
	font-size: 1.2rem;
}

a {
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
	color: #ffffff;
}

a:hover, a:focus {
	cursor: pointer;
	text-decoration: none;
  	scale: 1.1 !important;
  	color: #FF0000
}

a:active {
	text-decoration: underline;
}


p {
	text-align: justify;
	text-justify: inter-character;
	margin-bottom: 0.5em;
	line-height: 1.4em;
  	font-size: 1.1rem;
}

img {
	max-width: 100%;
	height: auto;
}

container {
	display: block;
	margin: 3rem auto;
	padding: 1.4rem;
	width: 90%;
	max-width: 80rem;
	min-height: 28rem;
  	padding-right: 9rem;
}

.btn {
	background-color: #881c1c;
	border: none;	
	cursor: pointer;
	display: inline-block;
	margin: 1em 0;
	padding: 0.3em 1em;
  	transform: rotate(-2deg);
  	font-family: Arial, Helvetica, sans-serif;
  	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.3em;  	
}

.btn:hover, .btn:focus {
  	color: #FF0000
  	transform: scale(1.3);
  	transform: rotate(1deg);
}

.btnlift {
  	filter: invert(100%);
    -webkit-filter: invert(100%); 	
}

.btnlift:hover, .btnlift:focus {
  	filter: invert(100%);
    -webkit-filter: invert(100%); 	
  	scale: 1.1 !important;
  	rotate: 1deg !important;
}


/*--- #blockrandom {
	padding-right: 9rem;
}----*/

/*--- Cookie----*/

#redim-cookiehint {
	background-color: #FF0000 !important;
}
.cookiecontent p {
	text-align: unset;
	text-justify: inter-character;
	margin-bottom: 0.5em;
	line-height: 1.4em;
  	padding-right: 0rem;
}

/*--- POPUP ---*/

.wf-mediabox-numbers *, [class^="wf-mediabox"]{
	font-family: 'Zilla Slab', serif !important;
}
.wf-mediabox-container {
	padding: 2em !important;
}
.wf-mediabox p {
    padding:0;
}
.custom-logo {
	position: fixed;
	bottom: 0;
	max-width: 86vw;
}
main {
	margin-bottom: 6rem;
}



/*
aside {
	float: right;
	padding-left: 1.4rem;
}

aside li {
	list-style-type: none;
}

main {
	
}

content {
	
}

.item-page {
	
}

footer {
	clear: both;
}

.moduletable {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 0.2rem;
	margin: 0 0 1rem;
	padding: 1rem;
}

.breadcrumb {
	display: inline-block;
}

.breadcrumb li {
	float: left;
	list-style-type: none;
}

.cols-3 div.item.column-1, .cols-3 div.item.column-2, .cols-3 div.item.column-3 {
	float: left;
	padding-right: 2%;
	width: 32%;
}

.cols-2 div.item.column-1, .cols-2 div.item.column-2 {
	float: left;
	padding-right: 2%;
	width: 48%;
}

.clearfix {
	
}

input, textarea {
	padding: 0.5em;
	width: 100%;
}

[type="checkbox"] {
	height: auto;
	width: auto;
}



blockquote::before {
	content: "„";
	margin: -0.7em -0.6em;
}

blockquote::after {
	content: "“";
	margin: -0.22em 0.1em;
}

blockquote::before, blockquote::after {
	color: #ff6600;
	font-family: georgia;
	font-size: 4em;
	font-weight: 700;
	position: absolute;
}

blockquote {
	background-color: rgba(255, 101, 0, 0.28);
	padding: 1em 4em;
}

.pane-sliders {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 1em;
}

.panel {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.panel .title {
	padding: 0.2em 0;
}

.pane-toggler-down a::after {
	content: "<";
	float: right;
	transform: rotate(90deg);
}

.pane-toggler a::after {
	content: ">";
	float: right;
	transform: rotate(90deg);
}

.alert.alert-message {
	background-color: rgba(255, 101, 0, 0.5);
	border: 0.1em solid rgba(255, 101, 0, 1);
	border-radius: 0.2em;
	padding: 1em 2em;
}

a.close {
	font-size: 4em;
	line-height: 0.2em;
	text-decoration: none;
}
.active {
	color: #ff6600;
}
*/