.penb-arrow {
            width: 350px;
            height: 80px;
            background-color: #00b300; /* Default color (A - green) */
            position: relative;
            border-radius: 0px;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            font-family: Arial, sans-serif;
            font-size: 20px;
            color: white;
            font-weight: bold;
            clip-path: polygon(0 0, 90% 0, 100% 50%, 90% 100%, 0 100%); /* Creates the arrow shape */
        }

        .penb-arrow span {
            position: absolute;
            z-index: 1;
            margin: 20px;
        }

        /* Barvy dle číselníku */
        .penb-arrow.pen1 { background-color: #00b300; } /* A - Green */
        .penb-arrow.pen2 { background-color: #80e000; } /* B - Light Green */
        .penb-arrow.pen3 { background-color: #ffff00; } /* C - Yellow */
        .penb-arrow.pen4 { background-color: #ff9900; } /* D - Orange */
        .penb-arrow.pen5 { background-color: #ff6600; } /* E - Dark Orange */
        .penb-arrow.pen6 { background-color: #ff3300; } /* F - Red */
        .penb-arrow.pen7 { background-color: #cc0000; } /* G - Dark Red */

        .penb-arrow .text {
            font-size: 20px;
            font-weight: bold;
            color: white;
        }
       
.section-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 32px;
}

.section-buttons a {
        background: #CCA339;
        color: #fff;
        padding: 9px 22px;
        border-radius: 4px;
        font-weight: bold;
        transition: .34s ease;
}

.section-buttons a:hover {
        box-shadow: 0 0 10px #CCA339;
}

.section-buttons a + a {
        margin-left: 16px;
}


.language-odstup{
    margin-left: 10px;
}

.language-odstup2{
    margin: 15px;
}


/*================================================
textblock
================================================*/
.text-web ul{
	position:relative;
	margin-top:30px;
}

.text-web ul li{
	position:relative;
	color:#666666;
	font-weight:400;
	padding-left:10px;
	margin-left:40px;
	margin-bottom:10px;
	list-style: disc;
}



.text-web ol{
	position:relative;
	margin-top:30px;
}

.text-web ol li{
	position:relative;
	color:#666666;
	font-weight:400;
	padding-left:10px;
	margin-left:40px;
	margin-bottom:10px;
	list-style:decimal;
}


.text-web ol li ul{
	position:relative;
	margin-top:20px;
}

.text-web ol ul li{
	position:relative;
	color:#666666;
	font-weight:400;
	padding-left:10px;
	margin-left:40px;
	margin-bottom:10px;
	list-style: none;
}


.text-web img {
	height: auto !important;
	max-width: 100%;
}

.text-web{
    display: block;
    padding: 10px;
}

.text-web p{
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}

.text-web h1{
    display: block;
    margin-bottom: 20px;
}

.text-web h2{
	position:relative;
	margin-top: 30px; 
	margin-bottom: 40px;
}

.flash{
    display: block;
    margin-top: 120px;
    text-align: center;
    font-size: 30px;
}

.flash.success{
    background-color: green;
    color: white;
}

.flash.error{
    background-color: red;
    color: white;
}