/**************************************
    Webutler V3.7 - www.webutler.de
    Copyright (c) 2008 - 2025
    Autor: Sven Zinke
    Free for any use
    Lizenz: GPL
**************************************/

/*
Do not remove this file.
This classes are used in CKEditor.
*/

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

img.imgresponsive {
    width: 100%;
	display: block;
}

img.floatleft,
img.floatright {
    margin-bottom: 20px;
    width: 100%;
}

@media screen and (min-width: 651px) {
    .floatleft {
        float: left;
        padding-right: 15px;
        margin-right: 15px;
    }
    
    .floatright {
        float: right;
        padding-left: 15px;
        margin-left: 15px;
    }
    
    img.floatleft, img.floatright {
        margin-top: 3px;
        margin-bottom: 10px;
        width: 50%;
        box-sizing: border-box;
    }
}

@media screen and (min-width: 901px) {
    img.floatleft, img.floatright {
        width: 33.3333%;
    }
}

.fullsizeimg,
.top_fullsizeimg,
.bottom_fullsizeimg,
.containimg,
.left_containimg,
.right_containimg {
	display: block;
	width: 100%;
	height: 100%;
}

.fullsizeimg,
.top_fullsizeimg,
.bottom_fullsizeimg {
	object-fit: cover;
}

img.fullsizeimg {
	object-position: 50% 50%;
}

img.top_fullsizeimg {
	object-position: 50% 0%;
}

img.bottom_fullsizeimg {
	object-position: 50% 100%;
}

.containimg,
.left_containimg,
.right_containimg {
	object-fit: contain;
}

img.containimg {
	object-position: 50% 50%;
}

img.left_containimg {
	object-position: 0% 50%;
}

img.right_containimg {
	object-position: 100% 50%;
}

.wb_colalign_full:has(.fullsizeimg),
.wb_colalign_full:has(.top_fullsizeimg),
.wb_colalign_full:has(.bottom_fullsizeimg),
.wb_colalign_full:has(.containimg),
.wb_colalign_full:has(.left_containimg),
.wb_colalign_full:has(.right_containimg) {
	position: relative;
}

.wb_colalign_full:has(p:only-child, div:only-child) > *:first-child {
	height: 100%;
	box-sizing: border-box;
}

.wb_colalign_full .fullsizeimg,
.wb_colalign_full .top_fullsizeimg,
.wb_colalign_full .bottom_fullsizeimg,
.wb_colalign_full .containimg,
.wb_colalign_full .left_containimg,
.wb_colalign_full .right_containimg {
	position: absolute;
}

.wb_colpadding .wb_column:has(.wb_colalign_full img.fullsizeimg),
.wb_colpadding .wb_column:has(.wb_colalign_full img.top_fullsizeimg),
.wb_colpadding .wb_column:has(.wb_colalign_full img.bottom_fullsizeimg),
.wb_colpadding .wb_column:has(.wb_colalign_full img.containimg),
.wb_colpadding .wb_column:has(.wb_colalign_full img.left_containimg),
.wb_colpadding .wb_column:has(.wb_colalign_full img.right_containimg) {
	padding: 0px 0px;
}

@media screen and (max-width: 650px) {
	.wb_colsmall_12 .fullsizeimg,
	.wb_colsmall_12 .top_fullsizeimg,
	.wb_colsmall_12 .bottom_fullsizeimg,
	.wb_colsmall_12 .containimg,
	.wb_colsmall_12 .left_containimg,
	.wb_colsmall_12 .right_containimg {
		position: static;
		height: auto;
		object-fit: unset;
		object-position: unset;
	}
}

@media screen and (min-width: 651px) and (max-width: 900px) {
	.wb_colmedium_12 .fullsizeimg,
	.wb_colmedium_12 .top_fullsizeimg,
	.wb_colmedium_12 .bottom_fullsizeimg,
	.wb_colmedium_12 .containimg,
	.wb_colmedium_12 .left_containimg,
	.wb_colmedium_12 .right_containimg {
		position: static;
		height: auto;
		object-fit: unset;
		object-position: unset;
	}
}

@media print, screen and (min-width: 901px) {
	.wb_collarge_12 .fullsizeimg,
	.wb_collarge_12 .top_fullsizeimg,
	.wb_collarge_12 .bottom_fullsizeimg,
	.wb_collarge_12 .containimg,
	.wb_collarge_12 .left_containimg,
	.wb_collarge_12 .right_containimg {
		position: static;
		height: auto;
		object-fit: unset;
		object-position: unset;
	}
}


/*
@media screen and (max-width: 650px) {
    .wb_colsmall_12 .wb_colalign_full:has(.fullsizeimg),
    .wb_colsmall_12 .wb_colalign_full:has(.top_fullsizeimg),
    .wb_colsmall_12 .wb_colalign_full:has(.bottom_fullsizeimg) {
        min-height: 300px;
    }
}

@media screen and (min-width: 651px) and (max-width: 900px) {
    .wb_colmedium_12 .wb_colalign_full:has(.fullsizeimg),
    .wb_colmedium_12 .wb_colalign_full:has(.top_fullsizeimg),
    .wb_colmedium_12 .wb_colalign_full:has(.bottom_fullsizeimg) {
        min-height: 350px;
    }
}

@media print, screen and (min-width: 901px) {
    .wb_collarge_12 .wb_colalign_full:has(.fullsizeimg),
    .wb_collarge_12 .wb_colalign_full:has(.top_fullsizeimg),
    .wb_collarge_12 .wb_colalign_full:has(.bottom_fullsizeimg) {
        min-height: 400px;
    }
}
*/