body, html{  font-family: "Open Sans", sans-serif;font-optical-sizing: auto;font-weight: <weight>;font-style: normal;font-variation-settings:"wdth" 100;font-size:14px;margin:0;padding:0;font-style:  normal;font-weight: 300;color:#000;}

.formular a{color:#fff}
.formular a:hover{color:#fff}

.footer{background:#393939;color:#d7d7d7}
.clear{clear:both}
.lightblue{background:#D6F5FF}
.lightgreen{background:#f5ffd7}

@media screen and (max-width: 320px){
.mobilmenu{position:relative;top:-5px;z-index:3000;left:20px}
#web{width:100%;margin:0 auto;}
.half{width:100%;float:none;}
.trio{width:100%;float:none}
.odsadit{padding:0 1em}
header {background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 650px; width: 100%; position: relative; }
header::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(139, 157, 62, 0.6) 50%, rgba(139, 157, 62, 0.9) 100%); pointer-events: none; }
header.mini { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 550px; width: 100%; position: relative; }
header.mini::after {background:none }
.top{background: url("img/top.png") repeat;height:100px;position: fixed;width:100%;z-index:3000}
.top.scrolled {background: #1e89bd; }
.stred{width:92%;margin:0 auto;padding:0 4%;}

.logo{color:white;width:310px;margin:0;padding:0;float:left;position:relative;left:10px;top:25px}
h1 {position: relative;display: inline-block; font-weight:400;font-size:1.25em;}
h1 strong{font-weight:500}
.logo p { font-size: 0.87em; font-weight: normal; margin: 0;display:none }
.logo p strong { font-weight: 500; }

nav{width:625px;float:right;position:relative;top:30px;display:none}
nav ul{margin:0 auto}
nav ul li{float:left;padding:0.3em 1.3em 0.3em 0;font-size:1.2em;list-style: none;font-weight:500}
nav ul li a{color:#fff;text-decoration:none;display:block;padding:0.5em 1.2em;background:none;border-radius: 15px}
nav ul li a:hover, nav ul li.act a{background:#09678E;border-radius:15px}

.nadpis {background: rgba(255, 255, 255, 0.8);height: auto;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 30px 0;text-align: center;}
.nadpis h2 {font-size: 1.4em;font-weight: 600;color: #333;line-height: 1.4;padding:0 1em}

.citat {background: rgba(215, 237, 79, 0.8);height: auto;width: 100%;position: absolute;top: 80%;left: 50%;transform: translate(-50%, -50%);padding: 5px 0;text-align: center;z-index: 101}
.citat p {font-size: 1.1em;font-weight: 600;color: #000;line-height: 1.5;font-style:italic;padding:0 1em}

.obsah{padding:2em 0}
.obsah p.centr{text-align:center}
.obsah p{text-align: justify;font-size:1.15em;line-height:1.8em;padding:0.5em 0;font-weight:500}
.obsah p:has(i) { text-align: center; }
.obsah h2{text-align:center;font-size:1.7em;font-weight:500}
.obsah h3.podnadpis{text-align:center;font-size:1.2em;font-weight:400;margin:0;padding:0;position:relative;top:-0.7em}
.obsah h3.cena{font-size:1.5em;font-weight:500;padding:1em 0 0 0;margin:0;text-align: center}
.obsah p.cena{font-size:1.1em;font-weight:400;padding:0.5em 0 1.5em 0;margin:0;text-align: center}
.lightblue h2{color:#2B93C1}
.lightgreen h2{color:#87AA17}
.obsah ul li{font-size:1.0em;line-height:1.8em;font-weight:400}
img.cvfoto{float:none;border-radius:25px;margin:0 auto;width:80%;padding:1em;text-align: center;display:block}
p.centr{text-align:center}
p a{color:#0b678e}

.form-container { max-width: 500px; margin: 50px auto; padding: 25px; background: white; border-radius: 10px; text-align: center; }
h2 { margin-bottom: 20px; color: #6b8e23; font-size: 24px; }
label { display: block; text-align: left; font-weight: bold; margin-top: 10px; color: #555; font-size: 14px;margin-left:20px }
input, textarea { width: 90%; padding: 12px; margin-top: 5px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background: #f9f9f9; transition: 0.3s; }
input:focus, textarea:focus { border-color: #6b8e23; background: white; outline: none; box-shadow: 0 0 5px rgba(107, 142, 35, 0.5); }
textarea { resize: none; height: 120px; }
.btn-submit { width: 90%; padding: 14px; background: #0073e6; color: white; border: none; border-radius: 6px; font-size: 18px; margin-top: 20px; cursor: pointer; transition: 0.3s; }
.btn-submit:hover { background: #005bb5; }

footer{background:#1e89bd;color:#fff;padding:1em 0;margin:0}
footer p{text-align:center;font-size:0.9em}
}


@media screen and (min-width: 321px){
.mobilmenu{position:relative;top:-5px;z-index:3000;left:20px}
#web{width:100%;margin:0 auto;}
.half{width:100%;float:none;}
.trio{width:100%;float:none}
.odsadit{padding:0 1em}
header {background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 650px; width: 100%; position: relative; }
header::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(139, 157, 62, 0.6) 50%, rgba(139, 157, 62, 0.9) 100%); pointer-events: none; }
header.mini { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 550px; width: 100%; position: relative; }
header.mini::after {background:none }
.top{background: url("img/top.png") repeat;height:100px;position: fixed;width:100%;z-index:3000}
.top.scrolled {background: #1e89bd; }
.stred{width:92%;margin:0 auto;padding:0 4%;}

.logo{color:white;width:310px;margin:0;padding:0;float:left;position:relative;left:10px}
h1 {position: relative;display: inline-block; font-weight:400;font-size:1.5em;}
h1::after {content: "";position: absolute; bottom: -8px; left: -20px; width: calc(100% + 40px); height: 2px;background-color: white;}
h1 strong{font-weight:500}
.logo p { font-size: 0.87em; font-weight: normal; margin: 0;display:inline-block; }
.logo p strong { font-weight: 500; }

nav{width:625px;float:right;position:relative;top:30px;display:none}
nav ul{margin:0 auto}
nav ul li{float:left;padding:0.3em 1.3em 0.3em 0;font-size:1.2em;list-style: none;font-weight:500}
nav ul li a{color:#fff;text-decoration:none;display:block;padding:0.5em 1.2em;background:none;border-radius: 15px}
nav ul li a:hover, nav ul li.act a{background:#09678E;border-radius:15px}

.nadpis {background: rgba(255, 255, 255, 0.8);height: auto;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 30px 0;text-align: center;}
.nadpis h2 {font-size: 1.2em;font-weight: 600;color: #333;line-height: 1.4;padding:0 1em}

.citat {background: rgba(215, 237, 79, 0.8);height: auto;width: 100%;position: absolute;top: 80%;left: 50%;transform: translate(-50%, -50%);padding: 5px 0;text-align: center;z-index: 101}
.citat p {font-size: 1.15em;font-weight: 600;color: #000;line-height: 1.5;font-style:italic;padding:0 1em}

.obsah{padding:2em 0}
.obsah p.centr{text-align:center}
.obsah p{text-align: justify;font-size:1.15em;line-height:1.8em;padding:0.5em 0;font-weight:500}
.obsah p:has(i) { text-align: center; }
.obsah h2{text-align:center;font-size:1.7em;font-weight:500}
.obsah h3.podnadpis{text-align:center;font-size:1.2em;font-weight:400;margin:0;padding:0;position:relative;top:-0.7em}
.obsah h3.cena{font-size:1.5em;font-weight:500;padding:1em 0 0 0;margin:0;text-align: center}
.obsah p.cena{font-size:1.1em;font-weight:400;padding:0.5em 0 1.5em 0;margin:0;text-align: center}
.lightblue h2{color:#2B93C1}
.lightgreen h2{color:#87AA17}
.obsah ul li{font-size:1.0em;line-height:1.8em;font-weight:400}
img.cvfoto{float:none;border-radius:25px;margin:0 auto;width:80%;padding:1em;text-align: center;display:block}
p.centr{text-align:center}
p a{color:#0b678e}

.form-container { max-width: 500px; margin: 50px auto; padding: 25px; background: white; border-radius: 10px; text-align: center; }
h2 { margin-bottom: 20px; color: #6b8e23; font-size: 24px; }
label { display: block; text-align: left; font-weight: bold; margin-top: 10px; color: #555; font-size: 14px;margin-left:20px }
input, textarea { width: 90%; padding: 12px; margin-top: 5px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background: #f9f9f9; transition: 0.3s; }
input:focus, textarea:focus { border-color: #6b8e23; background: white; outline: none; box-shadow: 0 0 5px rgba(107, 142, 35, 0.5); }
textarea { resize: none; height: 120px; }
.btn-submit { width: 90%; padding: 14px; background: #0073e6; color: white; border: none; border-radius: 6px; font-size: 18px; margin-top: 20px; cursor: pointer; transition: 0.3s; }
.btn-submit:hover { background: #005bb5; }

footer{background:#1e89bd;color:#fff;padding:1em 0;margin:0}
footer p{text-align:center;font-size:0.9em}
}


@media screen and (min-width: 480px){
.mobilmenu{position:relative;top:-5px;z-index:3000}
#web{width:100%;margin:0 auto;}
.half{width:50%;float:left;}
.trio{width:33.33%;float:left}
.odsadit{padding:0 1em}
header {background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 550px; width: 100%; position: relative; }
header::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(139, 157, 62, 0.6) 50%, rgba(139, 157, 62, 0.9) 100%); pointer-events: none; }
header.mini { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 550px; width: 100%; position: relative; }
header.mini::after {background:none }
.top{background: url("img/top.png") repeat;height:100px;position: fixed;width:100%;z-index:3000}
.top.scrolled {background: #1e89bd; }
.stred{width:92%;margin:0 auto;padding:0 4%;}

.logo{color:white;width:350px;margin:0;padding:0;float:left}
h1 {position: relative;display: inline-block; font-weight:400;font-size:1.6em;}
h1::after {content: "";position: absolute; bottom: -8px; left: -20px; width: calc(100% + 40px); height: 2px;background-color: white;}
h1 strong{font-weight:500}
.logo p { font-size: 0.92em; font-weight: normal; margin: 0; }
.logo p strong { font-weight: 500; }

nav{width:625px;float:right;position:relative;top:30px;display:none}
nav ul{margin:0 auto}
nav ul li{float:left;padding:0.3em 1.3em 0.3em 0;font-size:1.2em;list-style: none;font-weight:500}
nav ul li a{color:#fff;text-decoration:none;display:block;padding:0.5em 1.2em;background:none;border-radius: 15px}
nav ul li a:hover, nav ul li.act a{background:#09678E;border-radius:15px}

.nadpis {background: rgba(255, 255, 255, 0.8);height: auto;width: 100%;position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);padding: 30px 0;text-align: center;}
.nadpis h2 {font-size: 1.7em;font-weight: 700;color: #333;line-height: 1.4;}

.citat {background: rgba(215, 237, 79, 0.8);height: auto;width: 100%;position: absolute;top: 90%;left: 50%;transform: translate(-50%, -50%);padding: 5px 0;text-align: center;z-index: 101}
.citat p {font-size: 1.2em;font-weight: 600;color: #000;line-height: 1.5;font-style:italic;padding:0 1em}

.obsah{padding:2em 0}
.obsah p.centr{text-align:center}
.obsah p{text-align: justify;font-size:1.00em;line-height:1.8em;padding:0.5em 0;font-weight:400}
.obsah p:has(i) { text-align: center; }
.obsah h2{text-align:center;font-size:1.7em;font-weight:500}
.obsah h3.podnadpis{text-align:center;font-size:1.2em;font-weight:400;margin:0;padding:0;position:relative;top:-0.7em}
.obsah h3.cena{font-size:1.5em;font-weight:500;padding:1em 0 0 0;margin:0;text-align: center}
.obsah p.cena{font-size:1.1em;font-weight:400;padding:0.5em 0 1.5em 0;margin:0;text-align: center}
.lightblue h2{color:#2B93C1}
.lightgreen h2{color:#87AA17}
.obsah ul li{font-size:1.0em;line-height:1.8em;font-weight:400}
img.cvfoto{float:right;border-radius:25px;margin:0 0 2em 2em;max-width:250px}
p.centr{text-align:center}
p a{color:#0b678e}

.form-container { max-width: 500px; margin: 50px auto; padding: 25px; background: white; border-radius: 10px; text-align: center; }
h2 { margin-bottom: 20px; color: #6b8e23; font-size: 24px; }
label { display: block; text-align: left; font-weight: bold; margin-top: 10px; color: #555; font-size: 14px;margin-left:20px }
input, textarea { width: 90%; padding: 12px; margin-top: 5px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background: #f9f9f9; transition: 0.3s; }
input:focus, textarea:focus { border-color: #6b8e23; background: white; outline: none; box-shadow: 0 0 5px rgba(107, 142, 35, 0.5); }
textarea { resize: none; height: 120px; }
.btn-submit { width: 90%; padding: 14px; background: #0073e6; color: white; border: none; border-radius: 6px; font-size: 18px; margin-top: 20px; cursor: pointer; transition: 0.3s; }
.btn-submit:hover { background: #005bb5; }

footer{background:#1e89bd;color:#fff;padding:1em 0;margin:0}
footer p{text-align:center;font-size:0.9em}
}


@media screen and (min-width: 768px){
.mobilmenu{position:relative;top:-5px}
#web{width:100%;margin:0 auto;}
.half{width:50%;float:left;}
.trio{width:33.33%;float:left}
.odsadit{padding:0 1em}
header {background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 800px; width: 100%; position: relative; }
header::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(139, 157, 62, 0.6) 50%, rgba(139, 157, 62, 0.9) 100%); pointer-events: none; }
header.mini { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 550px; width: 100%; position: relative; }
header.mini::after {background:none }
.top{background: url("img/top.png") repeat;height:100px;position: fixed;width:100%;z-index:3000}
.top.scrolled {background: #1e89bd; }
.stred{width:92%;margin:0 auto;padding:0 4%;}

.logo{color:white;width:350px;margin:0;padding:0;float:left}
h1 {position: relative;display: inline-block; font-weight:400;font-size:1.6em;}
h1::after {content: "";position: absolute; bottom: -8px; left: -20px; width: calc(100% + 40px); height: 2px;background-color: white;}
h1 strong{font-weight:500}
.logo p { font-size: 0.92em; font-weight: normal; margin: 0; }
.logo p strong { font-weight: 500; }

nav{width:625px;float:right;position:relative;top:30px;display:none}
nav ul{margin:0 auto}
nav ul li{float:left;padding:0.3em 1.3em 0.3em 0;font-size:1.2em;list-style: none;font-weight:500}
nav ul li a{color:#fff;text-decoration:none;display:block;padding:0.5em 1.2em;background:none;border-radius: 15px}
nav ul li a:hover, nav ul li.act a{background:#09678E;border-radius:15px}

.nadpis {background: rgba(255, 255, 255, 0.8);height: auto;width: 100%;position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);padding: 30px 0;text-align: center;}
.nadpis h2 {font-size: 2.0em;font-weight: 700;color: #333;line-height: 1.5;}

.citat {background: rgba(215, 237, 79, 0.8);height: auto;width: 100%;position: absolute;top: 90%;left: 50%;transform: translate(-50%, -50%);padding: 5px 0;text-align: center;z-index: 101}
.citat p {font-size: 1.1em;font-weight: 600;color: #000;line-height: 1.5;font-style:italic;padding:0 1em}

.obsah{padding:2em 0}
.obsah p.centr{text-align:center}
.obsah p{text-align: justify;font-size:1.15em;line-height:1.8em;padding:0.5em 0}
.obsah p:has(i) { text-align: center; }
.obsah h2{text-align:center;font-size:1.8em;font-weight:500}
.obsah h3.podnadpis{text-align:center;font-size:1.2em;font-weight:400;margin:0;padding:0;position:relative;top:-0.7em}
.obsah h3.cena{font-size:1.5em;font-weight:500;padding:1em 0 0 0;margin:0;text-align: center}
.obsah p.cena{font-size:1.1em;font-weight:400;padding:0.5em 0 1.5em 0;margin:0;text-align: center}
.lightblue h2{color:#2B93C1}
.lightgreen h2{color:#87AA17}
.obsah ul li{font-size:1.1em;line-height:1.8em;font-weight:400}
img.cvfoto{float:right;border-radius:25px;margin:0 0 2em 2em;max-width:250px}
p.centr{text-align:center}
p a{color:#0b678e}

.form-container { max-width: 500px; margin: 50px auto; padding: 25px; background: white; border-radius: 10px; text-align: center; }
h2 { margin-bottom: 20px; color: #6b8e23; font-size: 24px; }
label { display: block; text-align: left; font-weight: bold; margin-top: 10px; color: #555; font-size: 14px;margin-left:20px }
input, textarea { width: 90%; padding: 12px; margin-top: 5px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background: #f9f9f9; transition: 0.3s; }
input:focus, textarea:focus { border-color: #6b8e23; background: white; outline: none; box-shadow: 0 0 5px rgba(107, 142, 35, 0.5); }
textarea { resize: none; height: 120px; }
.btn-submit { width: 90%; padding: 14px; background: #0073e6; color: white; border: none; border-radius: 6px; font-size: 18px; margin-top: 20px; cursor: pointer; transition: 0.3s; }
.btn-submit:hover { background: #005bb5; }

footer{background:#1e89bd;color:#fff;padding:1em 0;margin:0}
footer p{text-align:center;font-size:0.9em}
}


@media screen and (min-width: 1024px){
.mobilmenu{display:none}
#web{width:100%;margin:0 auto;}
.half{width:50%;float:left;}
.trio{width:33.33%;float:left}
.odsadit{padding:0 1em}
header { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 800px; width: 100%; position: relative; }
header::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(139, 157, 62, 0.6) 50%, rgba(139, 157, 62, 0.9) 100%); pointer-events: none; }
header.mini { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 550px; width: 100%; position: relative; }
header.mini::after {background:none }
.top{background: url("img/top.png") repeat;height:115px;position: fixed;width:100%;z-index:3000}
.top.scrolled {background: #1e89bd; }
.stred{width:96%;margin:0 auto;padding:0 2%;}

.logo{color:white;width:350px;margin:0;padding:0;float:left}
h1 {position: relative;display: inline-block; font-weight:400;font-size:1.9em;}
h1::after {content: "";position: absolute; bottom: -8px; left: -20px; width: calc(100% + 40px); height: 2px;background-color: white;}
h1 strong{font-weight:500}
.logo p { font-size: 1.1em; font-weight: normal; margin: 0; }
.logo p strong { font-weight: 500; }

nav{width:625px;float:right;position:relative;top:30px;display: inline-block;}
nav ul{margin:0 auto}
nav ul li{float:left;padding:0.3em 1.3em 0.3em 0;font-size:1.2em;list-style: none;font-weight:500}
nav ul li a{color:#fff;text-decoration:none;display:block;padding:0.5em 1.2em;background:none;border-radius: 15px}
nav ul li a:hover, nav ul li.act a{background:#09678E;border-radius:15px}

.nadpis {background: rgba(255, 255, 255, 0.8);height: auto;width: 100%;position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);padding: 30px 0;text-align: center;}
.nadpis h2 {font-size: 2.0em;font-weight: 700;color: #333;line-height: 1.5;}

.citat {background: rgba(215, 237, 79, 0.8);height: auto;width: 100%;position: absolute;top: 90%;left: 50%;transform: translate(-50%, -50%);padding: 5px 0;text-align: center;z-index: 101}
.citat p {font-size: 1.1em;font-weight: 600;color: #000;line-height: 1.5;font-style:italic;padding:0 1em}

.obsah{padding:2em 0}
.obsah p.centr{text-align:center}
.obsah p{text-align: justify;font-size:1.15em;line-height:1.8em;padding:0.5em 0}
.obsah p:has(i) { text-align: center; }
.obsah h2{text-align:center;font-size:1.8em;font-weight:500}
.obsah h3.podnadpis{text-align:center;font-size:1.2em;font-weight:400;margin:0;padding:0;position:relative;top:-0.7em}
.obsah h3.cena{font-size:1.5em;font-weight:500;padding:1em 0 0 0;margin:0;text-align: center}
.obsah p.cena{font-size:1.1em;font-weight:400;padding:0.5em 0 1.5em 0;margin:0;text-align: center}
.lightblue h2{color:#2B93C1}
.lightgreen h2{color:#87AA17}
.obsah ul li{font-size:1.1em;line-height:1.8em;font-weight:400}
img.cvfoto{float:right;border-radius:25px;margin:0 0 2em 2em;max-width:250px}
p.centr{text-align:center}
p a{color:#0b678e}

.form-container { max-width: 500px; margin: 50px auto; padding: 25px; background: white; border-radius: 10px; text-align: center; }
h2 { margin-bottom: 20px; color: #6b8e23; font-size: 24px; }
label { display: block; text-align: left; font-weight: bold; margin-top: 10px; color: #555; font-size: 14px;margin-left:20px }
input, textarea { width: 90%; padding: 12px; margin-top: 5px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background: #f9f9f9; transition: 0.3s; }
input:focus, textarea:focus { border-color: #6b8e23; background: white; outline: none; box-shadow: 0 0 5px rgba(107, 142, 35, 0.5); }
textarea { resize: none; height: 120px; }
.btn-submit { width: 90%; padding: 14px; background: #0073e6; color: white; border: none; border-radius: 6px; font-size: 18px; margin-top: 20px; cursor: pointer; transition: 0.3s; }
.btn-submit:hover { background: #005bb5; }

footer{background:#1e89bd;color:#fff;padding:1em 0;margin:0}
footer p{text-align:center;font-size:0.9em}
}


@media screen and (min-width: 1200px){
#web{width:100%;margin:0 auto;}
.half{width:50%;float:left;}
.trio{width:33.33%;float:left}
.odsadit{padding:0 1em}
header { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 800px; width: 100%; position: relative; }
header::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(139, 157, 62, 0.6) 50%, rgba(139, 157, 62, 0.9) 100%); pointer-events: none; }
header.mini { background-repeat: no-repeat; background-size: cover; background-position: center center; margin: 0; padding: 0; background-image: url("img/header.jpg"); min-height: 550px; width: 100%; position: relative; }
header.mini::after {background:none }
.top{background: url("img/top.png") repeat;height:115px;position: fixed;width:100%;z-index:3000}
.top.scrolled {background: #1e89bd; }
.stred{width:1200px;margin:0 auto;padding:0;}

.logo{color:white;width:350px;margin:0;padding:0;float:left}
h1 {position: relative;display: inline-block; font-weight:400;font-size:1.9em;}
h1::after {content: "";position: absolute; bottom: -8px; left: -20px; width: calc(100% + 40px); height: 2px;background-color: white;}
h1 strong{font-weight:500}
.logo p { font-size: 1.1em; font-weight: normal; margin: 0; }
.logo p strong { font-weight: 500; }

nav{width:625px;float:right;position:relative;top:30px;}
nav ul{margin:0 auto}
nav ul li{float:left;padding:0.3em 1.3em 0.3em 0;font-size:1.2em;list-style: none;font-weight:500}
nav ul li a{color:#fff;text-decoration:none;display:block;padding:0.5em 1.2em;background:none;border-radius: 15px}
nav ul li a:hover, nav ul li.act a{background:#09678E;border-radius:15px}

.nadpis {background: rgba(255, 255, 255, 0.8);height: auto;width: 100%;position: absolute;top: 60%;left: 50%;transform: translate(-50%, -50%);padding: 30px 0;text-align: center;}
.nadpis h2 {font-size: 2.0em;font-weight: 700;color: #333;line-height: 1.5;}

.citat {background: rgba(215, 237, 79, 0.8);height: auto;width: 100%;position: absolute;top: 90%;left: 50%;transform: translate(-50%, -50%);padding: 5px 0;text-align: center;z-index: 101}
.citat p {font-size: 1.1em;font-weight: 600;color: #000;line-height: 1.5;font-style:italic;padding:0 1em}

.obsah{padding:2em 0}
.obsah p.centr{text-align:center}
.obsah p{text-align: justify;font-size:1.15em;line-height:1.8em;padding:0.5em 0}
.obsah p:has(i) { text-align: center; }
.obsah h2{text-align:center;font-size:1.8em;font-weight:500}
.obsah h3.podnadpis{text-align:center;font-size:1.2em;font-weight:400;margin:0;padding:0;position:relative;top:-0.7em}
.obsah h3.cena{font-size:1.5em;font-weight:500;padding:1em 0 0 0;margin:0;text-align: center}
.obsah p.cena{font-size:1.1em;font-weight:400;padding:0.5em 0 1.5em 0;margin:0;text-align: center}
.lightblue h2{color:#2B93C1}
.lightgreen h2{color:#87AA17}
.obsah ul li{font-size:1.1em;line-height:1.8em;font-weight:400}
img.cvfoto{float:right;border-radius:25px;margin:0 0 2em 2em;max-width:250px}
p.centr{text-align:center}
p a{color:#0b678e}

.form-container { max-width: 500px; margin: 50px auto; padding: 25px; background: white; border-radius: 10px; text-align: center; }
h2 { margin-bottom: 20px; color: #6b8e23; font-size: 24px; }
label { display: block; text-align: left; font-weight: bold; margin-top: 10px; color: #555; font-size: 14px;margin-left:20px }
input, textarea { width: 90%; padding: 12px; margin-top: 5px; border: 1px solid #ccc; border-radius: 6px; font-size: 16px; background: #f9f9f9; transition: 0.3s; }
input:focus, textarea:focus { border-color: #6b8e23; background: white; outline: none; box-shadow: 0 0 5px rgba(107, 142, 35, 0.5); }
textarea { resize: none; height: 120px; }
.btn-submit { width: 90%; padding: 14px; background: #0073e6; color: white; border: none; border-radius: 6px; font-size: 18px; margin-top: 20px; cursor: pointer; transition: 0.3s; }
.btn-submit:hover { background: #005bb5; }

footer{background:#1e89bd;color:#fff;padding:1em 0;margin:0}
footer p{text-align:center;font-size:0.9em}
}