/*
Theme Name: gb
Theme URI: 
Author: Hans-Jürgen Herbst
Author URI: 
Description: child of ttt
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentythree
Text Domain: gb
Tags: 

.is-style-icon-purple-light img {
    padding: 1.5rem;
    border-radius: 1rem; /* rounded-2xl */

/* Variant: Purple Light (bg-purple-100) */
.is-style-icon-purple-light {
    display: inline-block;
}

.is-style-icon-purple-light img {
    padding: 1.5rem;
    border-radius: 1rem; /* rounded-2xl */
    background-color: #F3E8FF; /* bg-purple-100 */
    transition: transform 0.3s ease;
}

/* Hover Effekt */
.is-style-icon-purple-light img:hover {
    transform: translateY(-5px);
}

/* =========================================
   Icon Container Styles for Image Block
   ========================================= */

/* Variant: Purple Light (bg-purple-100) */
.is-style-icon-purple-light {
    display: inline-block;
}

.is-style-icon-purple-light img {
    padding: 1.5rem;
    border-radius: 1rem; /* rounded-2xl */
    background-color: #F3E8FF; /* bg-purple-100 */
    transition: transform 0.3s ease;
}

/* Hover Effekt */
.is-style-icon-purple-light img:hover {
    transform: translateY(-5px);
}

/* =========================================
   Step Circle Style for Paragraph Block
   ========================================= */

.is-style-step-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;  /* 40px */
    height: 2.5rem; /* 40px */
    border-radius: 50%;
    background-color: #dbeaff;
    color: #1e3a8a;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 1rem;
    padding: 0;    
    margin-left: 0 !important;
    margin-right: auto !important;
}

.is-style-step-circle.has-text-align-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-style-step-circle.has-text-align-right {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.is-style-badge-rose-light {
    display: flex;
    align-items: center;
    justify-content: center;
  width: fit-content;
    padding: 12px 24px !important;
    border-radius: 20px;
    background-color: #f3e8ff;
    color: #990ffa;
    line-height: 1;
    margin-bottom: 1rem;
	font-weight: 200;
}

/* Alignment Support für Step Circle */
.is-style-badge-rose-light.has-text-align-center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.is-style-badge-rose-light.has-text-align-right {
    margin-left: auto !important;
    margin-right: 0 !important;
}