#secondary {
    display:none !important;
}

#primary {
    width:calc(100% - 50px) !important;
    margin: 0 25px 0 25px !important;
}


div[data-function="ep-carousel"] {
    min-height:500px;
    max-width:800px;
    background-color: #555;
    box-shadow: inset 0 0 200px #222;
}


div[data-function="ep-carousel"] > img {
    margin: 25% 50% !important;
    border:none !important;
}


/*
.ep-carousel {
    max-width:100%;
    margin-bottom:20px;
}

.ep-carousel-item {
    height:500px;
    display: flex;
    justify-content: center;
    align-items: center;   
}
*/
.ep-carousel .lSSlide {
    margin:0 !important;
}
/*
.ep-carousel .lSSlide li {
    background-color: #555;
    height:500px;
    box-shadow: inset 0 0 200px #222;
}
*/
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border: 1px solid #000;
    border-radius:0;
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 1), 0 0px 2px 0 rgba(0, 0, 0, 1);
    min-height:60px;
}

.lSSlideOuter .lSPager.lSGallery li img, .lSSlideOuter .lSPager.lSGallery li img {
    border: 1px solid #000;
    border-radius:0;
    box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 1), 0 0px 2px 0 rgba(0, 0, 0, 1);
    opacity: 0.4;
    filter: alpha(opacity=40);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    object-fit: cover;
    height:60px !important;
    width: 100% !important;
}

.lSSlideOuter .lSPager.lSGallery li.active img, .lSSlideOuter .lSPager.lSGallery li:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
/*
*/
.lSSlideOuter .lSPager.lSGallery {
        margin: 0 !important;
}

.lSSlideOuter .lSPager.lSGallery li {
	margin-bottom:0;
}
/*
.ep-carousel .lSSlide li .ep-carousel-standard {
    padding: 8px;
    position: relative;
    bottom: 0;
    background-color: #C0C0C0;
    width: 100%;
    min-height:55px;
}

.ep-carousel-standard-1, .ep-carousel-standard-2 {
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 90px);
    text-overflow: ellipsis;
    line-height:1.3em;
    }

.ep-carousel-standard-1 span, .ep-carousel-standard-2 span {
    line-height:1.3em;
    }

.ep-carousel-standard .ep-carousel-link {
    position:absolute;
    right:10px;
    top:8px;
}

.ep-carousel .lSPager.lSGallery {
    margin-top: -5px !important;
    background-color: #C0C0C0;
}

.ep-carousel .lSSlide li img {
    width:auto;
    max-height: 500px;
    max-width: 100%;
    border:none !important;
}

.lSSlide {
   height:560px !important;
}
*/
#feldsuche {
        margin-bottom:15px;
	max-width:100%;
}

#feldsuche form {
	margin-bottom: 30px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
	width:100%;
}

#feldsuche form fieldset {
	margin-bottom:10px;
}

#feldsuche form fieldset select {
	height:34px;
	width:250px;
	border: 1px solid #dcdcdc;
        color: #333;
	margin:0 2px 0 0;
}

#feldsuche select[data-function="ep-limit"] {
        border: 1px solid #dcdcdc;
        color: #333;
	margin: 0;
	width:auto;
	float:none;
	display:inline-block;
}

#feldsuche form fieldset input {
        height:34px;
	width: calc(100% - 255px);
	border: 1px solid #dcdcdc;
	color: #666666;
        padding: 6px 12px;
	margin:0;
}

#feldsuche select[data-function="ep-sort"] {
        border: 1px solid #dcdcdc;
        color: #333;
	margin: 0;
        width:auto;
	float:none;
	display:inline-block;
}

.btn[data-function="ep-searchbut"] {
	width:100px;
	margin-top:15px;
	height: 30px;
        background: #eaeaea url('https://www.arthistoricum.net/typo3conf/ext/slub_web_arthistoricum/Resources/Public/Images/searchIcon.png') no-repeat 50% 50%;
        background-size: 25px, 25px;
}


#feldsuche .ergebnisliste_links {
        float: left;
        margin-right: 30px;
        width:calc(35% - 30px);
	position:relative;
}

#feldsuche > .ergebnisliste_links > div {
	background: #fafafa;
	border:1px solid #ccc;
	padding:10px;
	margin-top:35px;
}

#feldsuche > .ergebnisliste_links > div::before { 
        content: "Filter";
        font-weight:bold;
	position:absolute;
	top: 0px;
	left: 0px;
}

#feldsuche > .ergebnisliste_links > div ul {
        list-style:none;
	margin:0;
}

#feldsuche > .ergebnisliste_links > div ul li {
	position:relative;
}

#feldsuche > .ergebnisliste_links > div .ep-aggreg-disp {
	white-space: nowrap;
        overflow: hidden;
        width: calc(100% - 80px);
        text-overflow: ellipsis;
}

#feldsuche .ergebnisliste_rechts {
        float: left;
	width:65%;
}

#feldsuche .ep-result-list {
	margin:15px 0 0 0;
}

#feldsuche .ep-result-list .ep-thumb > div {
        max-height: none !important;
}

#feldsuche .ep-result-list .ep-thumb img, #feldsuche .ep-result-list .ep-detail > .heidiconGroupStart > div > div > .heidiconIcon > img  {
        border:none;
	max-width:150px !important;
}


div[data-function="ep-hits-count"] {
	font-weight:bold;
	margin-bottom:15px;
}


#feldsuche .btn-group {
	display:block;
	margin-bottom:15px;
	overflow: hidden;
}

.btn[data-function="ep-pages-count"] {
	width: calc(100% - 200px);
	background:#efefef !important;
	border-color:#ccc;
}

.btn[data-function="ep-pages-first"], .btn[data-function="ep-pages-back"], .btn[data-function="ep-pages-forw"], .btn[data-function="ep-pages-last"] {
	width: 50px;
}

div[data-function="ep-hits"] ul {
    padding-left: 0;
}

.modal {
    text-align: center;
}

.modal-dialog {
    max-width: 100%;
    width: auto !important;
    display: inline-block;
}

.ep-result-list { width: 100%; }
.ep-result-list > .ep-result-entry > .ep-thumb {width: 150px;}
.ep-result-list > .ep-result-entry > .ep-standard > .ep-detail > .ep-detail-tool > .ep-purl > input { width: 100% !important; }


@media only screen and (max-width: 768px) { 



        #feldsuche {
	    display:flex;
	    flex-direction: row;
	    flex-wrap: wrap;
        }

	#feldsuche form {
            width:100%;
        }

	#feldsuche form fieldset select {
       	    width:100%;
	    margin-bottom:5px;
        }

	#feldsuche form fieldset input {
            width: 100%;
	    margin-bottom:20px;
	}


	#feldsuche .ergebnisliste_links {
           float: right;
           margin-right: 0px;
           width:100%;
           position:relative;
	   order:2;
	}

	#feldsuche .ergebnisliste_rechts {
           float: left;
           width:100%;
	   order:1;
	}




}