/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

button {
	transform: none !important;
}

article > .entry-content > .columns {
	max-width: 960px !important;
	width: 960px !important;
}

@media only screen and (max-width: 1045px) {
	article > .entry-content > .columns {
		max-width: calc(91.7% + 20px) !important;
		width: calc(91.7% + 20px) !important;
	}
}

@media only screen and (max-width: 690px) {
	article > .entry-content > .columns {
		max-width: calc(90% + 20px) !important;
		width: calc(90% + 20px) !important;
	}
}

@media only screen and (max-width: 480px) {
	.column:not([class*="col-sm-"]) { width: 100% !important; }
}

/* ---------------------------------- */


/* blocksy mod */
.ct-toggle-dropdown-desktop {
	display: none !important;
}

.entry-content ul,
.entry-content ol {
	list-style-position: outside !important;
	padding-left: 14px !important;
}

.entry-content ul {
	list-style-type: square !important;
}

.post-edit-link {
	display: none !important;
}


/* ---------------------------------- */


th {
	font-weight: bold !important;
}

th, td {
	padding: 4px 8px !important;
}

th:not(.blank), td:not(.blank) {
	border: 1px solid #ddd;
}


th:not(.blank) {
	background: #0085ba;
	color: #fff;
}

tr:nth-child(even) {
	background: #fafafa;
}

tr.dark {
	background: #666;
	color: #fff;
}


/* ---------------------------------- */


.modal {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
}

.z1000 {
	z-index: 1000;
}

/* ---------------------------------- */


.lang-switch {
	margin-left: 16px;
	opacity: 0.25;
}

.lang-switch.current-lang {
	opacity: 1;
}


/* ---------------------------------- */


.border,
.anim-border {
	border: 1px solid rgba(0,0,0,0.1);
}

.anim-border {
	transition: box-shadow 0.5s;
}

.anim-border:hover {
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);
}


/* ---------------------------------- */


.anim-paper img {
	border: 1px solid rgba(0,0,0,0.1);
	transition: transform 0.5s, box-shadow 0.5s;
	display: block;
}

.anim-paper:hover img {
	transform: rotate(5deg) scale(0.8);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.2);
}


/* ---------------------------------- */


.anim-crop {
	display: block !important;
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 66.666%;
	overflow: hidden;
}

.anim-crop img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	object-fit: cover;
	transition: transform 0.5s;
}

.anim-crop:hover img {
	transform: scale(1.2);
}


/* ---------------------------------- */


.lightbox,
.anim-hover {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.lightbox img,
.anim-hover img {
	position: relative;
	transition: transform 0.5s;
	display: block;
}

.lightbox:hover img,
.anim-hover:hover img {
	transform: scale(1.2);
}

.lightbox:before,
.anim-hover:before,
.anim-crop:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: background 0.5s;
}

.lightbox:hover:before,
.anim-hover:hover:before,
.anim-crop:hover:before {
	background: rgba(0,0,0,0.5);
}


/* ---------------------------------- */


.anim-video,
.anim-zoom {
	display: inline-block;
}

.anim-video:after,
.anim-zoom:after {
	display: block;
	position: absolute;
	z-index: 1;
	width: 24%;
	left: 50%;
	top: 50%;
	margin-left: -12%;
	margin-top: -12%;
}

.anim-video:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs/%3E%3Ccircle cx='24' cy='24' r='24' fill='%230084ba'/%3E%3Cpath fill='%23fff' d='M16 36l20.718-12L16 12z'/%3E%3C/svg%3E");
	transition: transform 0.5s;
}

.anim-zoom:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='11' y1='8' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E");
	opacity: 0;
	transition: opacity 0.5s;
}

.anim-video:hover:after {
	transform: scale(0.8);
}

.anim-zoom:hover:after {
	opacity: 1;
}

/* ---------------------------------- */

.blue-slider {
	position: relative;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.blue-slider > div {
	width: 100%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

.blue-slider::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #0084ba;
}


/*
.blue-slider button::after {
	color: #000;
	display: block;
	font-size: 16px;
}

.blue-slider button.slick-prev::after {
	content: '<';
}

.blue-slider button.slick-next::after {
	content: '>';
}
*/

/* ---------------------------------- */


/* tailwind 1 */
.bg-gray-100 { background-color: #f7fafc; }
.bg-gray-200 { background-color: #edf2f7; }
.bg-gray-300 { background-color: #e2e8f0; }
.bg-gray-400 { background-color: #cbd5e0; }
.bg-gray-500 { background-color: #a0aec0; }
.bg-gray-600 { background-color: #718096; }
.bg-gray-700 { background-color: #4a5568; }
.bg-gray-800 { background-color: #2d3748; }
.bg-gray-900 { background-color: #1a202c; }
.bg-red-100 { background-color: #fff5f5; }
.bg-red-200 { background-color: #fed7d7; }
.bg-red-300 { background-color: #feb2b2; }
.bg-red-400 { background-color: #fc8181; }
.bg-red-500 { background-color: #f56565; }
.bg-red-600 { background-color: #e53e3e; }
.bg-red-700 { background-color: #c53030; }
.bg-red-800 { background-color: #9b2c2c; }
.bg-red-900 { background-color: #742a2a; }
.bg-orange-100 { background-color: #fffaf0; }
.bg-orange-200 { background-color: #feebc8; }
.bg-orange-300 { background-color: #fbd38d; }
.bg-orange-400 { background-color: #f6ad55; }
.bg-orange-500 { background-color: #ed8936; }
.bg-orange-600 { background-color: #dd6b20; }
.bg-orange-700 { background-color: #c05621; }
.bg-orange-800 { background-color: #9c4221; }
.bg-orange-900 { background-color: #7b341e; }
.bg-yellow-100 { background-color: #fffff0; }
.bg-yellow-200 { background-color: #fefcbf; }
.bg-yellow-300 { background-color: #faf089; }
.bg-yellow-400 { background-color: #f6e05e; }
.bg-yellow-500 { background-color: #ecc94b; }
.bg-yellow-600 { background-color: #d69e2e; }
.bg-yellow-700 { background-color: #b7791f; }
.bg-yellow-800 { background-color: #975a16; }
.bg-yellow-900 { background-color: #744210; }
.bg-green-100 { background-color: #f0fff4; }
.bg-green-200 { background-color: #c6f6d5; }
.bg-green-300 { background-color: #9ae6b4; }
.bg-green-400 { background-color: #68d391; }
.bg-green-500 { background-color: #48bb78; }
.bg-green-600 { background-color: #38a169; }
.bg-green-700 { background-color: #2f855a; }
.bg-green-800 { background-color: #276749; }
.bg-green-900 { background-color: #22543d; }
.bg-teal-100 { background-color: #e6fffa; }
.bg-teal-200 { background-color: #b2f5ea; }
.bg-teal-300 { background-color: #81e6d9; }
.bg-teal-400 { background-color: #4fd1c5; }
.bg-teal-500 { background-color: #38b2ac; }
.bg-teal-600 { background-color: #319795; }
.bg-teal-700 { background-color: #2c7a7b; }
.bg-teal-800 { background-color: #285e61; }
.bg-teal-900 { background-color: #234e52; }
.bg-blue-100 { background-color: #ebf8ff; }
.bg-blue-200 { background-color: #bee3f8; }
.bg-blue-300 { background-color: #90cdf4; }
.bg-blue-400 { background-color: #63b3ed; }
.bg-blue-500 { background-color: #4299e1; }
.bg-blue-600 { background-color: #3182ce; }
.bg-blue-700 { background-color: #2b6cb0; }
.bg-blue-800 { background-color: #2c5282; }
.bg-blue-900 { background-color: #2a4365; }
.bg-indigo-100 { background-color: #ebf4ff; }
.bg-indigo-200 { background-color: #c3dafe; }
.bg-indigo-300 { background-color: #a3bffa; }
.bg-indigo-400 { background-color: #7f9cf5; }
.bg-indigo-500 { background-color: #667eea; }
.bg-indigo-600 { background-color: #5a67d8; }
.bg-indigo-700 { background-color: #4c51bf; }
.bg-indigo-800 { background-color: #434190; }
.bg-indigo-900 { background-color: #3c366b; }
.bg-purple-100 { background-color: #faf5ff; }
.bg-purple-200 { background-color: #e9d8fd; }
.bg-purple-300 { background-color: #d6bcfa; }
.bg-purple-400 { background-color: #b794f4; }
.bg-purple-500 { background-color: #9f7aea; }
.bg-purple-600 { background-color: #805ad5; }
.bg-purple-700 { background-color: #6b46c1; }
.bg-purple-800 { background-color: #553c9a; }
.bg-purple-900 { background-color: #44337a; }
.bg-pink-100 { background-color: #fff5f7; }
.bg-pink-200 { background-color: #fed7e2; }
.bg-pink-300 { background-color: #fbb6ce; }
.bg-pink-400 { background-color: #f687b3; }
.bg-pink-500 { background-color: #ed64a6; }
.bg-pink-600 { background-color: #d53f8c; }
.bg-pink-700 { background-color: #b83280; }
.bg-pink-800 { background-color: #97266d; }
.bg-pink-900 { background-color: #702459; }

.text-gray-100 { color: #f7fafc; }
.text-gray-200 { color: #edf2f7; }
.text-gray-300 { color: #e2e8f0; }
.text-gray-400 { color: #cbd5e0; }
.text-gray-500 { color: #a0aec0; }
.text-gray-600 { color: #718096; }
.text-gray-700 { color: #4a5568; }
.text-gray-800 { color: #2d3748; }
.text-gray-900 { color: #1a202c; }
.text-red-100 { color: #fff5f5; }
.text-red-200 { color: #fed7d7; }
.text-red-300 { color: #feb2b2; }
.text-red-400 { color: #fc8181; }
.text-red-500 { color: #f56565; }
.text-red-600 { color: #e53e3e; }
.text-red-700 { color: #c53030; }
.text-red-800 { color: #9b2c2c; }
.text-red-900 { color: #742a2a; }
.text-orange-100 { color: #fffaf0; }
.text-orange-200 { color: #feebc8; }
.text-orange-300 { color: #fbd38d; }
.text-orange-400 { color: #f6ad55; }
.text-orange-500 { color: #ed8936; }
.text-orange-600 { color: #dd6b20; }
.text-orange-700 { color: #c05621; }
.text-orange-800 { color: #9c4221; }
.text-orange-900 { color: #7b341e; }
.text-yellow-100 { color: #fffff0; }
.text-yellow-200 { color: #fefcbf; }
.text-yellow-300 { color: #faf089; }
.text-yellow-400 { color: #f6e05e; }
.text-yellow-500 { color: #ecc94b; }
.text-yellow-600 { color: #d69e2e; }
.text-yellow-700 { color: #b7791f; }
.text-yellow-800 { color: #975a16; }
.text-yellow-900 { color: #744210; }
.text-green-100 { color: #f0fff4; }
.text-green-200 { color: #c6f6d5; }
.text-green-300 { color: #9ae6b4; }
.text-green-400 { color: #68d391; }
.text-green-500 { color: #48bb78; }
.text-green-600 { color: #38a169; }
.text-green-700 { color: #2f855a; }
.text-green-800 { color: #276749; }
.text-green-900 { color: #22543d; }
.text-teal-100 { color: #e6fffa; }
.text-teal-200 { color: #b2f5ea; }
.text-teal-300 { color: #81e6d9; }
.text-teal-400 { color: #4fd1c5; }
.text-teal-500 { color: #38b2ac; }
.text-teal-600 { color: #319795; }
.text-teal-700 { color: #2c7a7b; }
.text-teal-800 { color: #285e61; }
.text-teal-900 { color: #234e52; }
.text-blue-100 { color: #ebf8ff; }
.text-blue-200 { color: #bee3f8; }
.text-blue-300 { color: #90cdf4; }
.text-blue-400 { color: #63b3ed; }
.text-blue-500 { color: #4299e1; }
.text-blue-600 { color: #3182ce; }
.text-blue-700 { color: #2b6cb0; }
.text-blue-800 { color: #2c5282; }
.text-blue-900 { color: #2a4365; }
.text-indigo-100 { color: #ebf4ff; }
.text-indigo-200 { color: #c3dafe; }
.text-indigo-300 { color: #a3bffa; }
.text-indigo-400 { color: #7f9cf5; }
.text-indigo-500 { color: #667eea; }
.text-indigo-600 { color: #5a67d8; }
.text-indigo-700 { color: #4c51bf; }
.text-indigo-800 { color: #434190; }
.text-indigo-900 { color: #3c366b; }
.text-purple-100 { color: #faf5ff; }
.text-purple-200 { color: #e9d8fd; }
.text-purple-300 { color: #d6bcfa; }
.text-purple-400 { color: #b794f4; }
.text-purple-500 { color: #9f7aea; }
.text-purple-600 { color: #805ad5; }
.text-purple-700 { color: #6b46c1; }
.text-purple-800 { color: #553c9a; }
.text-purple-900 { color: #44337a; }
.text-pink-100 { color: #fff5f7; }
.text-pink-200 { color: #fed7e2; }
.text-pink-300 { color: #fbb6ce; }
.text-pink-400 { color: #f687b3; }
.text-pink-500 { color: #ed64a6; }
.text-pink-600 { color: #d53f8c; }
.text-pink-700 { color: #b83280; }
.text-pink-800 { color: #97266d; }
.text-pink-900 { color: #702459; }


/* ---------------------------------- */


/* tailwind 2 - wird nicht benutzt
.bg-gray-50 { background-color: rgb(249, 250, 251); }
.bg-gray-100 { background-color: rgb(243, 244, 246); }
.bg-gray-200 { background-color: rgb(229, 231, 235); }
.bg-gray-300 { background-color: rgb(209, 213, 219); }
.bg-gray-400 { background-color: rgb(156, 163, 175); }
.bg-gray-500 { background-color: rgb(107, 114, 128); }
.bg-gray-600 { background-color: rgb(75, 85, 99); }
.bg-gray-700 { background-color: rgb(55, 65, 81); }
.bg-gray-800 { background-color: rgb(31, 41, 55); }
.bg-gray-900 { background-color: rgb(17, 24, 39); }
.bg-red-50 { background-color: rgb(254, 242, 242); }
.bg-red-100 { background-color: rgb(254, 226, 226); }
.bg-red-200 { background-color: rgb(254, 202, 202); }
.bg-red-300 { background-color: rgb(252, 165, 165); }
.bg-red-400 { background-color: rgb(248, 113, 113); }
.bg-red-500 { background-color: rgb(239, 68, 68); }
.bg-red-600 { background-color: rgb(220, 38, 38); }
.bg-red-700 { background-color: rgb(185, 28, 28); }
.bg-red-800 { background-color: rgb(153, 27, 27); }
.bg-red-900 { background-color: rgb(127, 29, 29); }
.bg-yellow-50 { background-color: rgb(255, 251, 235); }
.bg-yellow-100 { background-color: rgb(254, 243, 199); }
.bg-yellow-200 { background-color: rgb(253, 230, 138); }
.bg-yellow-300 { background-color: rgb(252, 211, 77); }
.bg-yellow-400 { background-color: rgb(251, 191, 36); }
.bg-yellow-500 { background-color: rgb(245, 158, 11); }
.bg-yellow-600 { background-color: rgb(217, 119, 6); }
.bg-yellow-700 { background-color: rgb(180, 83, 9); }
.bg-yellow-800 { background-color: rgb(146, 64, 14); }
.bg-yellow-900 { background-color: rgb(120, 53, 15); }
.bg-green-50 { background-color: rgb(236, 253, 245); }
.bg-green-100 { background-color: rgb(209, 250, 229); }
.bg-green-200 { background-color: rgb(167, 243, 208); }
.bg-green-300 { background-color: rgb(110, 231, 183); }
.bg-green-400 { background-color: rgb(52, 211, 153); }
.bg-green-500 { background-color: rgb(16, 185, 129); }
.bg-green-600 { background-color: rgb(5, 150, 105); }
.bg-green-700 { background-color: rgb(4, 120, 87); }
.bg-green-800 { background-color: rgb(6, 95, 70); }
.bg-green-900 { background-color: rgb(6, 78, 59); }
.bg-blue-50 { background-color: rgb(239, 246, 255); }
.bg-blue-100 { background-color: rgb(219, 234, 254); }
.bg-blue-200 { background-color: rgb(191, 219, 254); }
.bg-blue-300 { background-color: rgb(147, 197, 253); }
.bg-blue-400 { background-color: rgb(96, 165, 250); }
.bg-blue-500 { background-color: rgb(59, 130, 246); }
.bg-blue-600 { background-color: rgb(37, 99, 235); }
.bg-blue-700 { background-color: rgb(29, 78, 216); }
.bg-blue-800 { background-color: rgb(30, 64, 175); }
.bg-blue-900 { background-color: rgb(30, 58, 138); }
.bg-indigo-50 { background-color: rgb(238, 242, 255); }
.bg-indigo-100 { background-color: rgb(224, 231, 255); }
.bg-indigo-200 { background-color: rgb(199, 210, 254); }
.bg-indigo-300 { background-color: rgb(165, 180, 252); }
.bg-indigo-400 { background-color: rgb(129, 140, 248); }
.bg-indigo-500 { background-color: rgb(99, 102, 241); }
.bg-indigo-600 { background-color: rgb(79, 70, 229); }
.bg-indigo-700 { background-color: rgb(67, 56, 202); }
.bg-indigo-800 { background-color: rgb(55, 48, 163); }
.bg-indigo-900 { background-color: rgb(49, 46, 129); }
.bg-purple-50 { background-color: rgb(245, 243, 255); }
.bg-purple-100 { background-color: rgb(237, 233, 254); }
.bg-purple-200 { background-color: rgb(221, 214, 254); }
.bg-purple-300 { background-color: rgb(196, 181, 253); }
.bg-purple-400 { background-color: rgb(167, 139, 250); }
.bg-purple-500 { background-color: rgb(139, 92, 246); }
.bg-purple-600 { background-color: rgb(124, 58, 237); }
.bg-purple-700 { background-color: rgb(109, 40, 217); }
.bg-purple-800 { background-color: rgb(91, 33, 182); }
.bg-purple-900 { background-color: rgb(76, 29, 149); }
.bg-pink-50 { background-color: rgb(253, 242, 248); }
.bg-pink-100 { background-color: rgb(252, 231, 243); }
.bg-pink-200 { background-color: rgb(251, 207, 232); }
.bg-pink-300 { background-color: rgb(249, 168, 212); }
.bg-pink-400 { background-color: rgb(244, 114, 182); }
.bg-pink-500 { background-color: rgb(236, 72, 153); }
.bg-pink-600 { background-color: rgb(219, 39, 119); }
.bg-pink-700 { background-color: rgb(190, 24, 93); }
.bg-pink-800 { background-color: rgb(157, 23, 77); }
.bg-pink-900 { background-color: rgb(131, 24, 67); }
*/