@charset "utf-8";
@font-face {
    font-family: 'cabinbold';
    src: url('../fonts/cabin-bold-webfont.eot');
    src: url('../fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-bold-webfont.woff2') format('woff2'),
         url('../fonts/cabin-bold-webfont.woff') format('woff'),
         url('../fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'cabinregular';
    src: url('../fonts/cabin-regular-webfont.eot');
    src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-regular-webfont.woff2') format('woff2'),
         url('../fonts/cabin-regular-webfont.woff') format('woff'),
         url('../fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	margin:0;
	padding:0;
	font-size:16px;
	}
#bodyarea {
	margin:0;
	padding:0;
	font-size:16px;
	font-family:'cabinregular', Arial, Helvetica, sans-serif;
	color:#000000;
	letter-spacing:0.04em;	
	}
.center {
	width: 1200px;
	margin: auto;
	text-align: left;
}
@media (max-width: 1200px) {
.center {
	width: 100%;
}
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}

/* Oberer Bereich */
#toparea {
	margin:0;
	padding:0;
	width:100%;
	background:#ffffff;
	text-align:center;
	line-height:0.5rem;
	}
#toparea p {
	margin:0;
	padding:0;
	}
#googlemap,
#toparea .moduletable.jmoddiv.jmodinside {
	width:100%;
	height:615px;
	}
.responsive_map {
    height: 590px !important;
}
#toparea .moduletable iframe {
    border: none !important;
    filter: grayscale(0.6);
    max-width:100%;
}
#menuarea {
	font-size:0.875rem;
	font-family:'cabinbold', "Arial Black", Gadget, sans-serif;
	letter-spacing:0.1em;
	text-transform:uppercase;
	width:100%;
	height:300px;
	overflow:visible;
	text-align:center;
	position:absolute;
	top:0;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 45%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 45%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	}
#menuarea a {
	text-decoration:none;
	color:#000000;
	}
#menuarea ul {
	padding:0;
	margin:0;
	width:100%;
	min-height:300px;
	display:block;
	vertical-align:top;
	position:relative;
	}
#menuarea ul li {
	display:inline-block;
	vertical-align:top;
	list-style:none;
	padding:0;
	margin:0;
	width:20%;
	min-height:150px;
	text-align:center;
	position:relative;
	top:0;
	line-height:20px;
	}
#menuarea ul li a {
	display:block;
	width:100%;
	height:30px;
	line-height:20px;
	border-top:5px solid #ffffff;
	padding:40px 0 0 0;
	overflow:hidden;
 transition: border-top 300ms ease-in-out 200ms;
 -webkit-transition: border-top 300ms ease-in-out 200ms;
 -moz-transition: border-top 300ms ease-in-out 200ms; 
 -o-transition: border-top 300ms ease-in-out 200ms; 
 -ms-transition: border-top 300ms ease-in-out 200ms;
	}
#menuarea ul li a.logolink {
	padding:20px 0 20px 0;
	overflow:visible;
	}
#menuarea ul li:hover a {
	border-top:5px solid #c60a0a;
 transition: border-top 300ms ease-in-out 0ms;
 -webkit-transition: border-top 300ms ease-in-out 0ms;
 -moz-transition: border-top 300ms ease-in-out 0ms; 
 -o-transition: border-top 300ms ease-in-out 0ms; 
 -ms-transition: border-top 300ms ease-in-out 0ms;
}
#menuarea ul li.current a {
	border-top:5px solid #c60a0a;
}
#menuarea ul li.deeper ul {
	min-height:100px;
	}
#menuarea ul li.deeper ul li {
	display:block;
	padding:0;
	width:100%;
	min-height:0;
	height:0;
 transition: all 300ms ease-in-out 200ms;
 -webkit-transition: all 300ms ease-in-out 200ms;
 -moz-transition: all 300ms ease-in-out 200ms; 
 -o-transition: all 300ms ease-in-out 200ms; 
 -ms-transition: all 300ms ease-in-out 200ms;
	}
#menuarea ul li.deeper:hover ul li {
	min-height:30px;
	height:50px;
 transition: all 300ms ease-in-out 200ms;
 -webkit-transition: all 300ms ease-in-out 200ms;
 -moz-transition: all 300ms ease-in-out 200ms; 
 -o-transition: all 300ms ease-in-out 200ms; 
 -ms-transition: all 300ms ease-in-out 200ms;
	}
#menuarea ul li.deeper ul li a {
	display:block;
	width:100%;
	height:0;
	overflow: hidden;
	border-top: none;
	padding:0;
	background:#e7e7e7;
 transition: all 300ms ease-in-out 200ms;
 -webkit-transition: all 300ms ease-in-out 200ms;
 -moz-transition: all 300ms ease-in-out 200ms; 
 -o-transition: all 300ms ease-in-out 200ms; 
 -ms-transition: all 300ms ease-in-out 200ms;
	}
#menuarea ul li.deeper:hover ul li a {
	height:30px;
	padding:20px 0 0 0;
 transition: all 300ms ease-in-out 200ms;
 -webkit-transition: all 300ms ease-in-out 200ms;
 -moz-transition: all 300ms ease-in-out 200ms; 
 -o-transition: all 300ms ease-in-out 200ms; 
 -ms-transition: all 300ms ease-in-out 200ms;
	}
#menuarea ul li.deeper ul li a:hover {
	background:#c60a0a;
 transition: all 300ms ease-in-out 0ms;
 -webkit-transition: all 300ms ease-in-out 0ms;
 -moz-transition: all 300ms ease-in-out 0ms; 
 -o-transition: all 300ms ease-in-out 0ms; 
 -ms-transition: all 300ms ease-in-out 0ms;
	}
.mod-menu__toggle-sub,
.visually-hidden{
    display:none;
}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
#toparea {
	margin:0;
	padding:510px 0 0 0;
	width:100%;
	height: 380px;
	}
#googlemap, 
#toparea .moduletable.jmoddiv.jmodinside {
    height: 380px;
    overflow: hidden;
    width: 100%;
}
#toparea .moduletable.jmoddiv.jmodinside div {
    height: 380px !important;
    width: 100% !important;
}
#picture1,
#picture2,
#picture3,
#picture4,
#picture5,
#picture6,
#picture7,
#picture8 {
	width:100% !important;
	background-size: contain !important;
	}
#menuarea {
	font-size:0.875rem;
	height:510px;
	overflow:visible;
	position:absolute;
	top:0;
	}
#menuarea ul {
	padding:190px 0 0;
	}
#menuarea ul li {
	display:block;
	vertical-align:top;
	margin:0 auto;
	width:80%;
	min-height:80px;
	}
#menuarea ul li a {
	padding:20px 0 0 0;
	border-top:5px solid #f9c9c9;
	}
#menuarea ul li.item-101 {
	position:absolute;
	top:0;
	height:190px;
	margin:0 10%;
	}
#menuarea ul li.deeper ul {
	display:none;
	}
}
@media (max-width: 767px) {
#toparea {
	height:0;
	width:100%;
	max-width:100%;
	overflow:hidden;
	}
#picture1,
#picture2,
#picture3,
#picture4,
#picture5,
#picture6,
#picture7,
#picture8 {
	background: none !important;
	}
}
@media (max-width: 460px) {
}




#iconarea {
	width:100%;
	background:#e7e7e7;
	color:#212121;
	padding:2.5rem 0 1rem;
	line-height:1.1em;
	}
.moduletable.praxisicons {
	width:25%;
	text-align:center;
	float:left;
	min-height:17rem;
	}
#iconarea hr {
	clear:both;
	height:0;
	border:none;
	}
#iconarea h3 {
	color:#000000;
	text-transform:uppercase;
	font-size:1.125rem;
	letter-spacing:0.1em;
	font-family:'cabinbold', "Arial Black", Gadget, sans-serif;
	font-weight:normal;
	padding:0;
	margin:0	
	}
#iconarea a {
	color:#212121;
	text-decoration:none;
}
#iconarea h3 a {
	color:#000000;
}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
.moduletable.praxisicons {
	width:50%;
	}
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
.moduletable.praxisicons {
	width:100%;
	}
}



/* Inhaltsbereich */
#contentarea {
	min-height:700px;
	padding:4rem 0 3rem 0;
	clear:both;
	}
.page-header h1 {
	border-bottom:1px solid #000000;
	font-size:3.75rem;
	font-weight:normal;
	letter-spacing:-0.05em;
	font-family:'cabinbold', "Arial Black", Gadget, sans-serif;
	text-shadow:#FFF 0 0 20px;
	text-align:center;
	width:100%;
	max-width:1200px;
	color:#303030;
	padding:0 0 10px 0;
	position:absolute;
	top:25rem;
	}
.page-header .bg-warning {
    position: relative;
    top:-20px;
    padding:0 0 20px;
    letter-spacing: -0.05em;
  font-family: 'cabinbold', "Arial Black", Gadget, sans-serif;
    color: #c60a0a;
    font-size: 20px;
}
h2.item-title,
.page-header h2,
#contentarea h2 {
	font-size:2.25rem;
	font-weight:normal;
	color:#000000;
	border-bottom:1px solid #000000;
	width:100%;
	letter-spacing:-0.03em;
	padding:0 0 5px 0;
	margin:2rem 0 1.5rem 0;
	text-align:center;
	}
h2 a {
	text-decoration:none;
	color:#000000;
	}
#contentarea p a {
	color:#c60a0a;
	}
.item-image {
	float:left;
	margin:0 40px 20px 0;
	max-width:580px;
	}
.item-image img {
	width:100%;
	}
.items-row,
.blog-item{
	clear:both;
	}
#contentarea hr {
	clear:both;
	height:0;
	padding:1rem 0 0;
	border:none;
	}
.blog .item,
.blog-item {
	padding:2rem 0;
	}
.bfRolloverBg {
	background:#fac8c9 !important;
	}
.bfCustomSubmitButton {
	background:#c60a09;
	color:#ffffff;
	border:3px solid #c60a09;
	font-size:1.2rem;
	}
.blog .item a p.img_caption,
.blog .item p.img_caption,
.item-page p.img_caption {
	color: #666666;
	text-decoration: none;
	font-style:italic;
	}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
.page-header h1 {
	font-size:3.75rem;
	position:absolute;
	top:550px;
	}
}
@media (max-width: 767px) {
#contentarea {
	position:relative;
	padding:10rem 0 3rem 0;
	}
.page-header h1 {
    font-size: 2.75rem;
    top: 0px;
	left:10%;
    width: 80%;
}
h2.item-title,
.page-header h2,
#contentarea h2 {
	font-size:2rem;
	width:80%;
	margin:2rem 10% 1.5rem 10%;
	}
.item-image {
	float: none;
	margin:0 10%;
	max-width:80%;
	width:80%;
	}
.item-image img {
	width:100%;
	}
.blog-featured p,
.item-page p,
.category-desc p,
.blog .item p,
#contentarea h3,
#contentarea h4,
.blog-item p {
	margin:1rem 10%;
	width:80%;
	}
.blog-featured ul,
.item-page ul,
.category-desc ul,
.blog .item ul,
.blog-item ul {
	margin:1rem 10%;
	width:70%;
	padding:0 0 0 10%;
	}
.blog-featured ul li,
.item-page ul li,
.category-desc ul li,
.blog .item ul li,
.blog-item ul li {
	padding:0 0 0 5%;
	width:80%;
	}
.blog-featured p img,
.item-page p img,
.blog .item p img,
.blog-item p img {
	max-width:100%;
	float:none !important;
	}
.category-desc p img {
	max-width:100%;
	}
.blog .item p.img_caption,
.item-page p.img_caption,
.blog-item p.img_caption {
	margin:0;
	width:100%;
	}

}
@media (max-width: 460px) {
#contentarea {
	padding:12rem 0 3rem 0;
	}
.page-header h1 {
    font-size: 2.1rem;
}
h2.item-title,
.page-header h2,
#contentarea h2 {
	font-size:1.8rem;
	}
}


/* Fussbereich */
#prefooterarea {
	width:100%;
	background:#e7e7e7;
	color:#212121;
	padding:2.5rem 0;
	text-align:center;
	line-height:1.1em;
	clear:both;
	}
#footerarea {
	width:100%;
	background:#303030;
	color:#e6e6e6;
	padding:2rem 0 4rem;
	text-align:center;
	}
#prefooterarea .moduletable,
#footerarea .moduletable {
		text-align:center;
	}
#prefooterarea h3 {
	color:#000000;
	text-transform:uppercase;
	font-size:1.125rem;
	letter-spacing:0.1em;
	font-family:'cabinbold', "Arial Black", Gadget, sans-serif;
	font-weight:normal;
	padding:0;
	margin:0;
	}	
#prefooterarea p {
	padding:0 0 0.5rem 0;
	margin:0;	
	}
#footerarea ul {
	padding:0 0 1.5rem 0;
	margin:0;
	}
#footerarea ul li {
	display:inline;
	list-style:none;
	padding:0 5px;
	margin:0;
	}
#footerarea a {
	text-decoration:none;
	padding:0 2px;
	color:#e6e6e6;
	background: #303030;
 transition: all 300ms ease-in-out 0ms;
 -webkit-transition: all 300ms ease-in-out 0ms;
 -moz-transition: all 300ms ease-in-out 0ms; 
 -o-transition: all 300ms ease-in-out 0ms; 
 -ms-transition: all 300ms ease-in-out 0ms;
	}
#footerarea a:hover {
	color:#ffffff;
	background:#c60a0a;
 transition: all 300ms ease-in-out 0ms;
 -webkit-transition: all 300ms ease-in-out 0ms;
 -moz-transition: all 300ms ease-in-out 0ms; 
 -o-transition: all 300ms ease-in-out 0ms; 
 -ms-transition: all 300ms ease-in-out 0ms;
	}
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
#prefooterarea {
	width:80%;
	padding:2.5rem 10%;
	}
#footerarea {
	width:80%;
	padding:2rem 10% 4rem;
	}
}
@media (max-width: 460px) {
#footerarea ul li {
	display:block;
	padding:1rem 0;
	width:100%;
	}
}	
	


/* popup */
.ui-widget.ui-widget-content {
  border: none;
}
.ui-widget-content {
  border: none;
  background-color: rgba(255,255,255,0) !important;
}
#popup {
    background: none;
}
#popup .content {
    background:#c60a0a;
        color:#fff;
    text-align: center;
    padding:0 !important;
}
#popup .header {
    display:none;
}
#modpos ul {
    padding:0;
    margin:0;
}
#modpos ul li {
    padding:0;
    margin:0;
    list-style: none;
}
#modpos h4 {
font-size: 2rem;
  font-weight: normal;
  letter-spacing: -0.05em;
  font-family: 'cabinbold', "Arial Black", Gadget, sans-serif;
    padding:0;
    margin:0;
}
#modpos .item-image {
float:none;
    margin:20px auto;
}
#modpos .item-image img {
    width:auto;
}
#popup .content .mod-list {
    padding:15px;
}


.gafancybox-inner {
   text-align: center; 
    font-size: 16px;
font-family: 'cabinregular', Arial, Helvetica, sans-serif;
color: #000000;
letter-spacing: 0.04em;
}
.gafancybox-inner h3 {
font-size: 2.25rem;
font-weight: normal;
color: #000000;
border-bottom: 1px solid #000000;
width: 100%;
letter-spacing: -0.03em;
padding: 0 0 5px 0;
margin: 2rem 0 1.5rem 0;
text-align: center;
	}	


/* Editorbereich Frontend */
.edit .nav-tabs,
.edit #editor-xtd-buttons,
div [role=tooltip]{
	display:none;
	}
.edit .btn-group {
	width:auto;
	float:left;
	}
.edit fieldset {
	clear:both;
	border:none;
	}
#jform_images_float_intro-lbl,
#jform_images_float_intro_chzn,
#jform_images_float_fulltext-lbl,
#jform_images_float_fulltext_chzn,
#jform_urls_urla-lbl,
#jform_urls_urla,
#jform_urls_urlb-lbl,
#jform_urls_urlb,
#jform_urls_urlc-lbl,
#jform_urls_urlc,
#jform_urls_urlatext-lbl,
#jform_urls_urlbtext-lbl,
#jform_urls_urlctext-lbl,
#jform_urls_urlatext,
#jform_urls_urlbtext,
#jform_urls_urlctext,
#jform_tags-lbl,
#jform_tags_chzn,
#jform_created_by_alias-lbl,
#jform_created_by_alias,
#jform_metakey-lbl,
#jform_metakey,
#jform_images_image_intro_alt-lbl,
#jform_images_image_intro_alt,
#jform_images_image_fulltext_alt-lbl,
#jform_images_image_fulltext_alt,
.edit.item-page .nav-tabs,
#jform_images_image_fulltext_caption-lbl,
#jform_images_image_fulltext_caption,
#jform_images_image_intro_caption-lbl,
#jform_images_image_intro_caption,
#jform_version_note-lbl,
#jform_version_note,
#jform_featured-lbl,
#jform_featured_chzn,
#jform_featured_up-lbl,
#jform_featured_up,
#jform_featured_up_btn,
#jform_featured_down-lbl,
#jform_featured_down,
#jform_featured_down_btn,
#jform_featured-lbl,
#jform_language-lbl,
#jform_language-chzn,
div.edit + div#contentaddarea,
#jform_featured,
#jform_tags,
#jform_tags + div.choices__list,
#jform_tags + div.choices__list + input,
#jform_note-lbl,
#jform_tags-lbl,
#jform_note,
#jform_images_image_intro_alt_empty-lbl,
#jform_images_image_intro_alt_empty-lbl,
#jform_images_float_intro,
#jform_images_image_fulltext_alt_empty-lbl,
#jform_images_float_fulltext
{
	display:none;
	}
joomla-tab button[aria-expanded="true"]::after, joomla-tab button[aria-selected="true"]::after {
  background-color: #c60a0a;
}
.control-group {
    margin:0 0 20px;
}
.btn-group button {
	color:#ffffff;
	background:#c60a0a;
	padding:5px 15px;
	border:none;
	margin:10px 4px 10px 0;
	}
.icons a,
button.btn-danger,
button.btn-secondary{
    border: 2px solid #c60a0a;
    color: #c60a0a;
    text-decoration: none;
    padding:10px 20px;
    margin:10px 4px 10px 0;
}
.jmodedit {
    display:none;
}
button.btn-primary {
	color:#ffffff;
	background:#c60a0a;
	padding:5px 15px;
	border:none;
	margin:10px 4px 10px 0;
	}



ul.actions {
	margin: 0;
	padding: 0;
}
ul.actions li {
	list-style-image: none;
	list-style-type: none;
	float: right;
}
ul.actions li a img {
	border: 0 none;
	padding-left: 0px;
	padding-right: 0px;
}
ul.actions li a,ul.actions li a:hover, ul.actions li a:active, ul.actions li a:visited, ul.actions li a:link {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.row-separator, .item-separator {
	display:block;
	width: 100%;
	height:5px;
	clear:both;
}
img {
	border: none;
	}
.clearer {
	clear:both;
	height:0;
	padding:2rem 0 0;
	}	







/* Cookie-Hinweis */
.cc_container {
    padding: 5px 2% !important;
}
.cc_container .cc_btn, 
.cc_container .cc_btn:visited {
    color: #fff;
    background-color: transparent !important;
	border:1px solid #c60a0a;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}
.cc_banner-wrapper:hover a.cc_btn.cc_btn_accept_all {
    background-color: #c60a0a !important;
	color: #000;
}
.cc_banner-wrapper:hover a.cc_more_info {
    color: #c60a0a !important;
}

#redim-cookiehint, 
#cookiesck,
.cookiesck-main{
     font-family: 'cabinregular', Arial, Helvetica, sans-serif;   
}
#redim-cookiehint .cookiecontent {
    font-size: 14px;
    line-height: 18px;
    margin:0;
}
#redim-cookiehint .cookiecontent p {
    margin:0;
}	
#cookiesck_accept,
#cookiesck_decline {
  background: #c60a0a;
  border: 2px solid #c60a0a;
}
#cookiesck_accept:hover,
#cookiesck_decline:hover {
  background: transparent;
  border: 2px solid #c60a0a;
  color: #000;
}











/* DAS IST DAS NEUE EDITORFENSTER FÜR DIE BILDBEARBEITUNG
ACHTUNG: auch die components.php mit verknüpfter template.css hochladen */
.edit .btn-toolbar button,
.login button,
.edit button.btn-primary,
.edit button.btn-danger,
.edit button.btn-secondary{
  background: #c60a0a;
  text-decoration: none;
    border:1px solid #fff;;
    padding:5px 20px;
    margin:5px 5px !important;
    color:#fff;
    border-radius: 50px;
    font-size: 14px;
    height:40px;
    text-transform: uppercase;
}
.edit .btn-toolbar button:hover,
.login button:hover,
.edit button.btn-primary:hover,
.edit button.btn-danger:hover,
.edit button.btn-secondary:hover{
  background: #ff0000;
}
#imageModal_jform_images_image_intro.fade,
#imageModal_jform_images_image_fulltext.fade {
    display:block !important;
    height:0;
    overflow: hidden;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}

#imageModal_jform_images_image_intro.fade.show,
#imageModal_jform_images_image_fulltext.fade.show {
    display:block !important;
    background: #f2f2f2;
  padding: 10px 0;
  border-radius: 3px;
    height:600px;
transition: all 200ms ease-in-out 0ms;
-webkit-transition: all 200ms ease-in-out 0ms;
-moz-transition: all 200ms ease-in-out 0ms;
-o-transition: all 200ms ease-in-out 0ms;
-ms-transition: all 200ms ease-in-out 0ms;
}
#imageModal_jform_images_image_intro .modal-title,
#imageModal_jform_images_image_fulltext .modal-title {
    display: none;
}
.btn-close.novalidate {
    background:#ff0000;
    border:1px solid #fff;;
    padding:5px 20px;
    margin:0 0 10px 10px !important;
    color:#fff;
    border-radius: 50px;
    font-size: 14px;
    height:40px;
    text-transform: uppercase;
}
.btn-close.novalidate:before {
    content:"X";
    padding:0 20px 0 0;
}
.btn-close.novalidate:after {
    content:"schliessen";
}
.modal-body {
    height:500px;
}
.mceDefaultSkin .mceIframeContainer {
  min-height: 500px;
}
.edit.item-page iframe {
  height: 100% !important;
    min-height:500px;
    width:calc(100% - 20px) !important;
    margin:0 10px;
}
.edit #images .btn {
  background: #3e3e3e;
  text-decoration: none;
    border:1px solid #fff;;
    padding:5px 20px;
    margin:10px 10px !important;
    color:#fff;
    border-radius: 50px;
    font-size: 14px;
    height:40px;
    text-transform: uppercase;
}

#imageModal_jform_images_image_intro .iframe .media-tree-item::after {
  background-color: #000 !important;
}
.icon-upload:before {
	content:"";
	background:url(../images/upload-icon.svg) no-repeat 0px 5px;
	background-size:cover;
	width:20px;
	height:20px;
	display:inline-block;
}
.icon-folder:before,
.icon-folder-open:before{
	content:"";
	background:url(../images/folder-icon.svg) no-repeat 0px 3px;
	background-size:cover;
	width:20px;
	height:20px;
	display:inline-block;
}
.btn .icon-folder:before,
.btn .icon-folder-open:before {
    filter:invert(1);
}
.media-breadcrumb-item::before, 
.media-breadcrumb-item::after {
  border-top: 13px solid #0000 !important;
  border-bottom: 13px solid #0000 !important;
}
.file-background .icon-folder:before {
	content:"";
	background:url(../images/folder-icon-big.svg) no-repeat 0px 0px;
	background-size:cover;
	width:50px;
	height:50px;
	display:inline-block;
}
.icon-folder-open:before {
	content:"";
	background:url(../images/folder-icon-big.svg) no-repeat 0px 0px;
	background-size:cover;
	width:20px;
	height:20px;
	display:inline-block;
}
.subhead .btn,
.joomla-dialog-header button {
  color: #fff !important;
  background: #3e3e3e !important;
  border-color: #fff !important;
  margin: 5px 0 !important;
  padding: 5px 1rem !important;
  font-size: 14px !important;
  line-height: 2.45rem !important;
    border-radius: 50px;
    text-transform: uppercase;
}
.joomla-dialog-header button.btn-close {
    background: #ff0000 !important;
}
.subhead .btn:not([disabled]):hover, 
.subhead .btn:not([disabled]):active, 
.subhead .btn:not([disabled]):focus,
.joomla-dialog-header button:hover {
  color: #fff;
  background-color:#000 !important;
}
.joomla-dialog-body iframe {
    border:none;
}
.joomla-dialog-header button.btn-close:before {
    content: "SCHLIESSEN";
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 14px;
}
.joomla-dialog-header h3 {
    font-family: "Arial Black", "sans-serif";
    font-size: 24px;
    text-transform: uppercase;
    padding:0 0 0 15px;
}
.subhead .icon-times::before {
  content: "X";
  font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}
.media-tree-item::after {
  background-color: #000 !important;
}
.media-tree-item::before {
  background-color: #000 !important;
}
.file-background, 
.folder-background,
.image-background{
  background-color: #fefefe !important;
  border:solid 1px #3d3d3d !important;
}
.fa-sort-amount-down-alt::before {
  content: url("../images/icon-sort.svg");
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 5px;
  position: relative;
}
.media-toolbar-icon .icon-search-minus::before {
  content: url("../images/icon-zoomout.svg");
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 5px;
  position: relative;
}
.media-toolbar-icon .icon-search-plus::before {
  content: url("../images/icon-zoomin.svg");
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 5px;
  position: relative;
}
.media-toolbar-icon .icon-list::before {
  content: url("../images/icon-list.svg");
  width: 30px;
  height: 30px;
  display: inline-block;
  top: 5px;
  position: relative;
}
.icon-info::before {
  content: "i";
}
.media-browser-select::after {
  content: "✓" !important;
}
#images input {
  border: none;
  padding: 3px 5px;
}

.button-clear span:before {
    content: "X" !important;
    color:#fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
}
.visually-hidden {
  display: none;
}
.edit #images .btn.button-clear {
  background: #ff0000;
}
joomla-tab button[aria-expanded="true"]::after {
  background-color: #000 !important;
}

















	
@media (max-width: 1200px) {
}
@media (max-width: 959px) {
}
@media (max-width: 767px) {
}
@media (max-width: 460px) {
}