.shadow {
    border: 1px solid #F6F6F6;
}

/* ========================================
   Flexslider
======================================== */

.flexslider {
    float: left;
    width: 55%;
	

}

.col3 {
    float: left;
    width: 40%;
    padding-left: 20px;
    text-align: justify;
}

.flexslider li {
    padding-bottom: 15px;
}

.flexslider .slides img {
	display: block;
    width: 100%;
    height: 600px;
    object-fit: contain;
	
	padding:15px;
	padding-bottom:0px;

	
}

.flex-control-paging li a {
    width: 12px;
    height: 12px;
    border-radius: 0; /* vierkant */
    background: #ccc;
}

.flex-control-paging li a.flex-active {
    background: #FE4599;
}

/* ========================================
   Mobile
======================================== */

@media (max-width: 767px) {

    .flexslider {
		/*
        margin-bottom: 15px;
		*/
		width: 100%;
    }

    .col3 {
        width: 100%;
		padding-left:0px;
		padding-top:30px;
    }
	
	.flexslider .slides img {
        max-height: 350px;
    }
}

/* ========================================
   Icon text
======================================== */

.icon-text {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 16px;
    padding-bottom: 5px;
}

.icon-text i,
.icon-text span {
    width: 30px;
    text-align: center;
    font-size: 18px;
}

/* ========================================
   Tabs
======================================== */

#tabs-1 > ul {
    display:flex;
    margin:0;
    padding:0;
    list-style:none;
    border-bottom:1px solid silver;
}

#tabs-1 > ul li {
    margin-right:5px;
}

#tabs-1 > ul li a {
    display:block;
    padding:10px 20px;
    text-decoration:none;
    color:#333;
    background:#fff;
    border:1px solid silver;
    border-bottom:none;
}

#tabs-1 > ul li a:hover {
    background:#FE4599;
    color:#fff;
}

#tabs-1 > ul li.active a {
    color:#FE4599;
    background:#fff;
    position:relative;
}

#tabs-1 > ul li.active a:after {
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    width:100%;
    height:1px;
    background:#fff;
}

#tabs-1 > div {
    display:none;
    padding:20px 0;
	color: #333;
}

#tabs-1 > div.active {
    display:block;
}

/* ========================================
   Forms
======================================== */
/*
form .col-1 {
    float: left;
    width: 50%;
    min-width: 300px;
    margin-right: 20px;
    padding-right: 20px;
}

form .col-2 {
    float: left;
    width: 45%;
    min-width: 300px;
}
*/

form .col-1,
form .col-2 {
    width: calc(50% - 10px);
    float: left;
    box-sizing: border-box;
}

form .col-1 {
    margin-right: 20px;
}

form .col-2 {
    margin-right: 0;
}

@media only screen and (max-width:767px){
   form .col-1,
   form .col-2{
        float:none;
        width:100%;
        margin-right:0;
    }
}

form label {
    display: block;
    width: 100%;
    padding-bottom: 2px;
}

form input,
form textarea,
form select {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
}
.form-row-inline{
	display:flex;
	gap:15px;
}

.form-col-small{
	flex:1;
	max-width:200px;
}

.form-col-big{
	flex:1;
}

/* ========================================
   QR-Code
======================================== */
.qr-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.qr-content {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    max-width: 220px;
    width: 90%;
}

.qr-close {
    position: absolute;
    top: 8px;
    right: 12px;
    cursor: pointer;
    font-size: 24px;
    color: #666;
}

#qrcode {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.painting-title{
    font-size:17px;
    color:#A1A1A1;
    margin-top:-4px;
    font-weight:normal;
	text-align:left;
}

.favorite-title{
    display:inline-block;
    margin-left:5px;
    vertical-align:middle;
}

.favorite-title .heart-icon{
	margin-top:-2px;
    font-size:24px;
    color:#ccc;
    -webkit-text-stroke:0;
}

.favorite-title .heart-icon.has-favorites{
    color:var(--pink);
}

.single-action{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid #e5e5e5;
    text-decoration:none;
    color:#333;
}

.single-action:hover{
    color:#FE4599;
}

.single-action.disabled{
    cursor:default;
    color:#999;
}

.single-action.disabled:hover{
    color:#999;
}

.menu-icon{
    display:inline-block;
    width:28px;
    text-align:center;
}

.artwork-actions {
    margin-top:20px;
    border-top:1px solid #e5e5e5;
}

.single-action,
.accordion-header {
    display:block;
    padding:14px 0;
    border-bottom:1px solid #e5e5e5;
    color:#333;
    text-decoration:none;
    cursor:pointer;
    font-size:15px;
}

.single-action:hover,
.accordion-header:hover {
    color:#FE4599;
}

.accordion-item {
    border-bottom:1px solid #e5e5e5;
}

.accordion-arrow {
    float:right;
    transition:transform .25s ease;
}

.accordion-item.active .accordion-arrow {
    transform:rotate(180deg);
}

.accordion-content {
    display:none;
    padding:5px 0 10px 20px;
}

.action-link {
    display:block;
    padding:10px 0;
    text-decoration:none;
    color:#666;
	text-align:left;
}

.action-link:hover {
    color:#FE4599;
}

.price-highlight {
    color:#FE4599;
    font-weight:bold;
}