h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}

a {color: #AF0C26}
a:hover {text-decoration: underline;}

/* topheader */

.mainbg {position: fixed;}

div.mod-languages ul {float: right;}

.navigation {float: right;}

.scrolled #logo img {width: 130px;}

.scrolled #logo {
    margin: 3px 0;
    padding: 0px 10px 0px 40px;
    -webkit-transition-property: height, width;
    -webkit-transition-duration: 0.5s;
}

/* Navigation */


#menu-row, #top-header-row {background: none;}

#menu-row .row-container {position: relative; background: rgba(255, 255, 255, 0.9);}

ul.sf-menu > li.active > a, ul.sf-menu > li.sfHover > a, ul.sf-menu > li.current > a, ul.sf-menu > li.active > span, ul.sf-menu > li.sfHover > span, ul.sf-menu > li.current > span {
    background-color: #AF0C26;
    color: #fff;
}

ul.sf-menu > li > a, ul.sf-menu > li > span {color: #AF0C26; padding: 110px 20px 25px; line-height: 20px;}
.scrolled ul.sf-menu > li > a, .scrolled ul.sf-menu > li > span {padding: 12px 15px;margin: 0px 2px;}

/* Inhalt */

#main-content-row {background: none; padding-top: 0px;}
#main-content-row .container-fluid {margin-top: 60px;}
#main-content-row .row-container {background: rgba(255, 255, 255, 0.9);}

#main-content-row .row-container::before {}
#footer-wrapper {background-color: rgba(0,0,0,0.7);}
#footer-row-2 {padding: 0px 0px 20px;}
#footer-row-3 {padding: 0px 0 20px;
}
#copyright-row {background-color:  rgba(255, 255, 255, 0.0);}

#back-top a {color: #fff;}
#back-top a:hover {color: #AF0C26;}

.itemBackToTop {display: none;}


.gallery .galleryZoom {display: none !important;}
.gallery a, gallery h3 a  {border: none; padding: 0; border-radius: 0;transition-duration: 1s;}
.gallery a:hover {border: none; padding: 0; color: #FFB300 !important;transition-duration: 1s;}

.gallery-grid .view .mask .mask_wrap .mask_cont {font-size: 14px; line-height: 20px;}
.gallery-grid .view .mask .mask_wrap .mask_cont h3 {font-size: 22px;transition-duration: 1s;margin-bottom: 15px;}
.gallery-grid .view .mask .mask_wrap .mask_cont h3 a:hover {color: #FFB300 !important;transition-duration: 1s;}

.gallery .item_introtext .details {border: 1px solid #fff; padding: 2px 10px 4px;transition-duration: 1s; border-radius: 4px;}
.gallery .item_introtext .details:hover {border: 1px solid #FFB300; color: #FFB300 !important;transition-duration: 1s;}

.gallery-item.gallery-grid .view .mask {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}

.page-gallery .btn-group .btn-info.active, .page-gallery .btn-group .btn-info:hover, .page-gallery .btn-group .btn-info {
    background: none;
	color: #595959;
	padding: 0 20px 0 0;
	text-transform: none;
	font-size: 16px;
}

.page-gallery .btn-group .btn-info.active {
font-weight: bold;
}

.page-gallery .layout-mode {
    float: right;
    position: relative;
    margin-top: -10px;
    right: 0px;
}

.page-gallery .layout-mode li  {
    line-height: 15px;
}

.page-gallery .layout-mode .btn {height: 15px;}

.page-gallery .category_desc, .page-gallery .category_desc p {
    padding-bottom: 0;
}

.page-gallery .btn-group .btn-info {
    margin-bottom: 0px;
}

.home #main-content-bottom-row {
    padding: 0px 0px 30px;
}


/********************************************************
         
		               MEDIA-QUERIES
		 
********************************************************/		 

@media (max-width: 767px) 
{
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
	.mainbg {display: none;}
	#logo { text-align: right;}
	.navigation { float: left; width: 100%}
	.navigation .btn {color: #AF0C26; font-size: 32px; margin-top: -100px;}
	ul.sf-menu > li > a, ul.sf-menu > li > span {  color: #AF0C26; padding: 10px 20px 10px;line-height: 20px;border-bottom: 1px solid #AF0C26}	
	.langswitchmobile {float: left; margin-top: -150px;}
	.langswitchmobile li { padding: 0 5px; margin: 0 !important;}
	.langswitchmobile a {color: #af0c26;}
	.page-gallery ul.gallery .gallery-item {
    text-align: center;
    max-width: 100% !important;
    width: 100% !important;
    padding: 0px 3px 3px 0;
}

}

@media (max-width: 480px) 
{

	.navigation  {width: 100%}
	.navigation .btn {color: #AF0C26; font-size: 28px; margin-top: 0px;}
	#logo { text-align: right;}
	#logo img { max-width: 50%;}
	.navigation .btn-navbar {width: 40px;}
	
	.langswitchmobile {position: relative; bottom:20px; margin-top: -30px;}
	.langswitchmobile li { padding: 0 5px; margin: 0 !important;}
	.langswitchmobile a {color: #af0c26;}

}

@media (max-width: 640px) 
{

.gallery-item.gallery-grid .view .mask {opacity: 1;}
.gallery-item.gallery-grid .view .item_introtext {opacity:1;}
.gallery-item.gallery-grid .view .item_introtext {display: initial;}
.page-gallery ul.gallery .gallery-grid .view {margin-bottom: 10px;}
.page-gallery ul.gallery .gallery-grid{width: 100%;max-width: 100%;}
.gallery .mix {width: 100% !important;}
}

@media (min-width: 768px)
{
	#component { min-height: 600px;}
	.langswitchmobile {display: none;}
	
}

@media (min-width: 768px) and (max-width: 979px) 
{
ul.sf-menu > li > a, ul.sf-menu > li > span { padding: 80px 5px 25px;font-size: 12px;}
#logo img { max-width: 150px;}

}

@media (min-width: 980px) and (max-width: 1199px) 
{
ul.sf-menu > li > a, ul.sf-menu > li > span {
    padding: 80px 10px 25px;
}


}


@media (min-width: 1200px) 
{

	


}


@media (min-width: 1600px) 
{


}/* CSS Document */