/**  
 *  CSS THEME BY EDGERING * 2022  
 *  
 *  https://edgering.org
 *           
 */ 


:root {

    --color-red: rgb(198 26 40);    
    --color-black: rgb(40 40 40);
}

* {
    background-repeat: no-repeat; 
} 

    
body 
{
    font-size: 18px;
    font-family: "Roboto", Arial;
    color: var(--color-black);    
    
    margin: 0;
    padding: 0;
    min-height: 100%;         
}

a 
{ 
    text-decoration: none;
    color: var(--color-black); 
}

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

table
{
    border-collapse: collapse; 
}    

.ImgAlignRight { float: right; margin-left: 1em; margin-bottom: 1em; }
.ImgAlignLeft { float: left; margin-right: 1em; margin-bottom: 1em; }
.ImgAlignCenter { display: inline-block; margin: 1em auto; }


.width 
{ 
    width: 80%; 
    margin: 0 auto;  
}

.row
{
    display: block;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}


.inln li,
.col
{
    display: inline-block;
    vertical-align: top;
}

i.icon
{
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    background-size: 100%;
    margin: 0 .2em;
}



.inln li
{
    list-style: none;
}

.inln li a
{
    display: block;    
}

/***
 *  Header
 */ 

#ns__header
{
    position: relative;    
    display: grid;
    gap: 1em;
    grid-template-columns: 1fr 1fr 1fr;                
}

#ns__shade
{
    padding: 2.2em 0 1.2em 0;
    
    /* margin-bottom: 2em; */
    
    /*
    box-shadow: 1px 5px 3px -5px rgb(0 0 0 / 45%);
        
    box-shadow: 1px 5px 9px -5px rgb(0 0 0 / 18%);
    border-bottom: 6px solid #f4f8f7;
    border-top: 10px solid #f7fbfa;
    */
    
    /* border-bottom: 1px solid rgba(0 0 0 / 12%); */
    box-shadow: 1px 1px 3px rgb(0 0 0 / 19%);                             
}


/*
.ns__kontakt #ns__shade,
.ns__intro #ns__shade
{
    box-shadow: none;   
    border-bottom: 0; 
}
*/

#nsKontakt
{
    line-height: 150%;    
    margin: 0;
    display: inline-block;    
}

#ns_art_pad a,
#nsKontakt a
{
    text-decoration: underline;
    color: var(--color-red);
    font-weight: bold;
}

#nsKontakt a.icon-place
{    
    padding-left: 1.4em;
    background-position: left center;
    background-size: auto 80%;
}

a#btnHome,
#nsKontakt
{
    margin: .6em 0;
} 

a#btnHome
{    
    display: block;        
}

a#btnHome img
{
    max-height: 4em;
}



#listTopMenu
{
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    position: relative;
}

#listTopMenu li
{
    position: relative;
}

#listTopMenu li:before
{
    height: 4px;
    left: 0;
    right: 0;
    background-color: rgba(0 0 0 / 80%);
}


#listTopMenu a
{
    padding: 1.4em;
    font-weight: bold;
    color: var(--color-black);
    position: relative;    
    transition: all .35s;
}

#listTopMenu li:before,
#listTopMenu a:before,
#listTopMenu a:after
{
    content: "";
    position: absolute;
    
    left: 0;
    right: 0;    
    top: 0;
    bottom: auto;
    
    transition: all .35s;
}

#listTopMenu a:before
{
    top: 1px;    
    height: 1px;
    background-color: rgba(0 0 0 / 20%);
}

#listTopMenu li.selected a,
#listTopMenu a:hover
{
    color: #fff;
}

#listTopMenu li.selected a:before,
#listTopMenu a:hover:before
{
    height: 100%;
    background-color: rgba(0 0 0 / 80%);
    color: #fff;
    z-index: -1;
    box-shadow: 1px 3px 2px rgb(0 0 0 / 22%);
}

#listTopMenu a:after
{
    left: 47%;
    border-radius: 50%;
}

#listTopMenu li.selected a:after,
#listTopMenu a:hover:after
{
    border: 1px solid #000;        
    top: 4em;                
    width: 6px;
    height: 6px;    
}

/**
 *  Intro
 *  
 *  grid-column: 1 / 6;
 */




#ns_intro_text 
{    
    padding: 3em 0 2em 0;
    font-weight: bold;    
    font-size: 1.2em;
        
    
    /*
    border-bottom: 1px solid rgb(0 0 0 / 5%);
    
    /*    
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='989.000000pt' height='1280.000000pt' viewBox='0 0 989.000000 1280.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cmetadata%3E%0ACreated by potrace 1.15, written by Peter Selinger 2001-2017%0A%3C/metadata%3E%3Cg transform='translate(0.000000,1280.000000) scale(0.100000,-0.100000)'%0Afill='%23fafafa' stroke='none'%3E%3Cpath d='M0 12630 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 11940 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 11245 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M373 10722 l-373 -2 0 -168 0 -167 4945 0 4945 0 0 167 0 168 -367 0%0Ac-203 0 -2260 1 -4573 3 -2313 1 -4373 1 -4577 -1z'/%3E%3Cpath d='M0 9860 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 9170 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 8478 l0 -168 4945 0 4945 0 0 168 0 167 -4945 0 -4945 0 0 -167z'/%3E%3Cpath d='M0 7785 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 7090 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 6400 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 5710 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 5015 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 4322 l0 -167 4945 0 4945 0 0 167 0 168 -4945 0 -4945 0 0 -168z'/%3E%3Cpath d='M0 3630 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 2940 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 2248 l0 -168 370 0 c204 0 2262 0 4575 0 2313 0 4372 0 4575 0%0Al370 0 0 168 0 167 -4945 0 -4945 0 0 -167z'/%3E%3Cpath d='M0 1555 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 860 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3Cpath d='M0 170 l0 -170 4945 0 4945 0 0 170 0 170 -4945 0 -4945 0 0 -170z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: auto 100%;
    background-repeat: repeat-x;
    */                            
    
    background-image: url(img/sky.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom center;
    
    
    /* background-image: url(img/banner-pic.webp); */
    /* color: #fff; */
    
    border-top: 1px solid #f7fbfa;
    border-bottom: 1px solid #f7fbfa;
    
} 

#ns_intro_text h1
{
    margin: 0;
}

 
/**  
 *  Global TILE
 */ 

.tile a:hover
{
    outline: 3px solid var(--color-red); 
}

.tile-cover 
{
    background-size: cover;
    background-position: center;                    
}

.tile-wm
{
    background-image: url(img/praktic-wm.svg);
    background-size: 60% auto;
    background-position: center;
}







/** **/

#ns__binfo
{        
    margin: 3em 0 0 0;    
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 2em;
}

#ns__binfo strong
{
    font-size: 2em;    
    display: block;    
}

#ns__binfo 
{    
    background-size: auto 100%;
    background-position: center;
    background-repeat: repeat-x;        
}

#ns__binfo div
{
    padding-left: 10%;
}

#ns__binfo div.right
{
    /*
    background-color: rgb(150 150 150 / 5%);
    background-color: rgb(237 248 247);
    */
    
    padding-right: 15%;
    padding-left: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 200%;
}

#ns__binfo img
{
    max-width: 40%;
}

/**
 *  HEADER
 */ 

#ns__titles_top
{
    position: relative;
    margin: 2em 0 4em 0;
    padding: 0 15%;    
}

#lblTiles
{
    font-size: 3.6em;
    padding: .4em 0 0.2em 0;
    margin: 0;
}

#pTiles
{
    font-size: 1.2em;
    line-height: 150%;
    opacity: .85;
}


/**
 *  BCRUMB
 */ 

#ns__bcrumb
{
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;    
}

#ns__bcrumb a,
#ns__bcrumb 
{
    color: #fff;
}

#ns__bcrumb a:hover
{
    text-decoration: underline;    
}

#list__bcrumb
{
    margin: 0;    
    padding: 0;
    font-size: 1.1em;
    background-color: rgb(127 127 127);;
    color: #fff;
    border-radius: 4px;        
    
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 290 290' style='enable-background:new 0 0 290 290;' xml:space='preserve'%3E%3Crect y='220' width='70' height='70' fill='%23fff'/%3E%3Crect y='110' width='70' height='70' fill='%23fff'/%3E%3Crect width='70' height='70' fill='%23fff'/%3E%3Crect x='110' y='220' width='70' height='70' fill='%23fff'/%3E%3Crect x='110' y='110' width='70' height='70' fill='%23fff'/%3E%3Crect x='110' width='70' height='70' fill='%23fff'/%3E%3Crect x='220' y='220' width='70' height='70' fill='%23fff'/%3E%3Crect x='220' y='110' width='70' height='70' fill='%23fff'/%3E%3Crect x='220' width='70' height='70' fill='%23fff' /%3E%3C/svg%3E%0A");
    background-position: left .6em center;
    background-size: auto 1em;
}

#list__bcrumb a
{
    padding: .4em 1em;
    border-right: 1px solid #fff;
}

#list__bcrumb li:first-child a
{
    padding-left: 3em;
}



/***
 *  TILES MENU
 */ 

main
{
    padding-bottom: 2em;
}

.tiles
{
    margin-bottom: 4em;    
}

#ns__tiles
{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 2em;    
}

#ns__tiles .tile
{
    max-width: 30%;
}
 
#ns__tiles_home
{
    display: grid;    
    grid-template-columns: repeat(5, 1fr);
    gap: 1em;
}  

.tile-wm,
.tile-cover
{
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 27%);
}

.tiles a,
.tiles strong
{
    display: block;
}

.tiles strong
{
    font-size: 1.4em;
    padding: .8em 0;
}


/* =============================================================================
    to admin  
   ===========================================================================*/

a.btnPubHref 
{
    display: block;
    position: fixed;
    bottom: 5%;
    right: 5%;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgogIDxnPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Im0xMTkuMiwxMTQuM2gtMTA5LjRjLTIuMywwLTQuMSwxLjktNC4xLDQuMXMxLjksNC4xIDQuMSw0LjFoMTA5LjVjMi4zLDAgNC4xLTEuOSA0LjEtNC4xcy0xLjktNC4xLTQuMi00LjF6IiBmaWxsPSIjRkZGRkZGIi8+CiAgICAgIDxwYXRoIGQ9Im01LjcsNzhsLS4xLDE5LjVjMCwxLjEgMC40LDIuMiAxLjIsMyAwLjgsMC44IDEuOCwxLjIgMi45LDEuMmwxOS40LS4xYzEuMSwwIDIuMS0wLjQgMi45LTEuMmw2Ny02N2MxLjYtMS42IDEuNi00LjIgMC01LjlsLTE5LjItMTkuNGMtMS42LTEuNi00LjItMS42LTUuOS0xLjc3NjM2ZS0xNWwtMTMuNCwxMy41LTUzLjYsNTMuNWMtMC43LDAuOC0xLjIsMS44LTEuMiwyLjl6bTcxLjItNjEuMWwxMy41LDEzLjUtNy42LDcuNi0xMy41LTEzLjUgNy42LTcuNnptLTYyLjksNjIuOWw0OS40LTQ5LjQgMTMuNSwxMy41LTQ5LjQsNDkuMy0xMy42LC4xIC4xLTEzLjV6IiBmaWxsPSIjRkZGRkZGIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
    background-color: rgba(219,67,50,.6);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    width: 4em;
    height: 4em;
    border-radius: 100%;
    text-indent: -6667px;
    z-index: 7777;
    transition: all .2s ease-in-out;
}

a.btnPubHref:hover
{
    transform: scale(1.15);
    background-color: #f34d3b;    
}    

/* =============================================================================
    GALERIE new  
   ===========================================================================*/

.ns__gallery 
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1em;
    row-gap: .6em;        
}

.ns__gallery figure
{
    margin: 0;
    padding: .4em;
    
    background-color: #fff;       
    box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 14%);
    position: relative;
}

.ns__gallery a,
.ns__gallery img
{
    display: block;
}    

.ns__gallery figcaption
{    
    position: absolute;
    display: block;
    
    bottom: 0.4em;
    left:   0.4em;
    right:  0.4em;
    
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    padding: .2em .6em;
    text-shadow: 1px 2px 2px #000;
}


.ns__gallery .lblYouTube a:after
{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background-image: url(/5gpub/css/img/icon-youtube.svg);
    background-repeat: no-repeat;
    background-size: auto 3em;
    background-position: center center;

}

/**
 *   foooter
 *  
 */ 

#ns__foot
{
    background-color: var(--color-black);
    color: #fff;
    text-align: center;
    padding: 2em 0;
}

#ns__foot h2
{
    margin: 0;
}

/**
 */ 

#intro_header
{        
    position: relative;
    /* background-color: rgb(0 0 0  / 3%); */
    padding: 1em;
    margin-bottom: 3em;
    z-index: -2;
    
    /*
    border-top: 1px solid rgb(0 0 0 / 10%);
    border-bottom: 1px solid rgb(0 0 0 / 10%);
    
    border-top: 1px solid rgb(198 26 40 / 17%);
    border-bottom: 1px solid rgb(198 26 40 / 17%);
    */
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 800 800'%3E%3Crect fill='%23FFFFFF' width='800' height='800'/%3E%3Cg fill='none' stroke-opacity='0.05'%3E%3Cg stroke='%236B767F' stroke-width='17'%3E%3Cline x1='-8' y1='-8' x2='808' y2='808'/%3E%3Cline x1='-8' y1='792' x2='808' y2='1608'/%3E%3Cline x1='-8' y1='-808' x2='808' y2='8'/%3E%3C/g%3E%3Cg stroke='%2367727a' stroke-width='16'%3E%3Cline x1='-8' y1='767' x2='808' y2='1583'/%3E%3Cline x1='-8' y1='17' x2='808' y2='833'/%3E%3Cline x1='-8' y1='-33' x2='808' y2='783'/%3E%3Cline x1='-8' y1='-783' x2='808' y2='33'/%3E%3C/g%3E%3Cg stroke='%23636e75' stroke-width='15'%3E%3Cline x1='-8' y1='742' x2='808' y2='1558'/%3E%3Cline x1='-8' y1='42' x2='808' y2='858'/%3E%3Cline x1='-8' y1='-58' x2='808' y2='758'/%3E%3Cline x1='-8' y1='-758' x2='808' y2='58'/%3E%3C/g%3E%3Cg stroke='%235f6a70' stroke-width='14'%3E%3Cline x1='-8' y1='67' x2='808' y2='883'/%3E%3Cline x1='-8' y1='717' x2='808' y2='1533'/%3E%3Cline x1='-8' y1='-733' x2='808' y2='83'/%3E%3Cline x1='-8' y1='-83' x2='808' y2='733'/%3E%3C/g%3E%3Cg stroke='%235c666b' stroke-width='13'%3E%3Cline x1='-8' y1='92' x2='808' y2='908'/%3E%3Cline x1='-8' y1='692' x2='808' y2='1508'/%3E%3Cline x1='-8' y1='-108' x2='808' y2='708'/%3E%3Cline x1='-8' y1='-708' x2='808' y2='108'/%3E%3C/g%3E%3Cg stroke='%23586267' stroke-width='12'%3E%3Cline x1='-8' y1='667' x2='808' y2='1483'/%3E%3Cline x1='-8' y1='117' x2='808' y2='933'/%3E%3Cline x1='-8' y1='-133' x2='808' y2='683'/%3E%3Cline x1='-8' y1='-683' x2='808' y2='133'/%3E%3C/g%3E%3Cg stroke='%23555e62' stroke-width='11'%3E%3Cline x1='-8' y1='642' x2='808' y2='1458'/%3E%3Cline x1='-8' y1='142' x2='808' y2='958'/%3E%3Cline x1='-8' y1='-158' x2='808' y2='658'/%3E%3Cline x1='-8' y1='-658' x2='808' y2='158'/%3E%3C/g%3E%3Cg stroke='%23525a5d' stroke-width='10'%3E%3Cline x1='-8' y1='167' x2='808' y2='983'/%3E%3Cline x1='-8' y1='617' x2='808' y2='1433'/%3E%3Cline x1='-8' y1='-633' x2='808' y2='183'/%3E%3Cline x1='-8' y1='-183' x2='808' y2='633'/%3E%3C/g%3E%3Cg stroke='%234e5659' stroke-width='9'%3E%3Cline x1='-8' y1='592' x2='808' y2='1408'/%3E%3Cline x1='-8' y1='192' x2='808' y2='1008'/%3E%3Cline x1='-8' y1='-608' x2='808' y2='208'/%3E%3Cline x1='-8' y1='-208' x2='808' y2='608'/%3E%3C/g%3E%3Cg stroke='%234b5254' stroke-width='8'%3E%3Cline x1='-8' y1='567' x2='808' y2='1383'/%3E%3Cline x1='-8' y1='217' x2='808' y2='1033'/%3E%3Cline x1='-8' y1='-233' x2='808' y2='583'/%3E%3Cline x1='-8' y1='-583' x2='808' y2='233'/%3E%3C/g%3E%3Cg stroke='%23484e50' stroke-width='7'%3E%3Cline x1='-8' y1='242' x2='808' y2='1058'/%3E%3Cline x1='-8' y1='542' x2='808' y2='1358'/%3E%3Cline x1='-8' y1='-558' x2='808' y2='258'/%3E%3Cline x1='-8' y1='-258' x2='808' y2='558'/%3E%3C/g%3E%3Cg stroke='%23454a4b' stroke-width='6'%3E%3Cline x1='-8' y1='267' x2='808' y2='1083'/%3E%3Cline x1='-8' y1='517' x2='808' y2='1333'/%3E%3Cline x1='-8' y1='-533' x2='808' y2='283'/%3E%3Cline x1='-8' y1='-283' x2='808' y2='533'/%3E%3C/g%3E%3Cg stroke='%23424647' stroke-width='5'%3E%3Cline x1='-8' y1='292' x2='808' y2='1108'/%3E%3Cline x1='-8' y1='492' x2='808' y2='1308'/%3E%3Cline x1='-8' y1='-308' x2='808' y2='508'/%3E%3Cline x1='-8' y1='-508' x2='808' y2='308'/%3E%3C/g%3E%3Cg stroke='%233f4243' stroke-width='4'%3E%3Cline x1='-8' y1='467' x2='808' y2='1283'/%3E%3Cline x1='-8' y1='317' x2='808' y2='1133'/%3E%3Cline x1='-8' y1='-333' x2='808' y2='483'/%3E%3Cline x1='-8' y1='-483' x2='808' y2='333'/%3E%3C/g%3E%3Cg stroke='%233c3f3f' stroke-width='3'%3E%3Cline x1='-8' y1='342' x2='808' y2='1158'/%3E%3Cline x1='-8' y1='442' x2='808' y2='1258'/%3E%3Cline x1='-8' y1='-458' x2='808' y2='358'/%3E%3Cline x1='-8' y1='-358' x2='808' y2='458'/%3E%3C/g%3E%3Cg stroke='%23393b3b' stroke-width='2'%3E%3Cline x1='-8' y1='367' x2='808' y2='1183'/%3E%3Cline x1='-8' y1='417' x2='808' y2='1233'/%3E%3Cline x1='-8' y1='-433' x2='808' y2='383'/%3E%3Cline x1='-8' y1='-383' x2='808' y2='433'/%3E%3C/g%3E%3Cg stroke='%23363737' stroke-width='1'%3E%3Cline x1='-8' y1='392' x2='808' y2='1208'/%3E%3Cline x1='-8' y1='-408' x2='808' y2='408'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% auto;

                
}

#intro_header p
{
    font-size: 1.2em;
}

/** Article **/

h1
{
    font-size: 2.4em;
    text-align: center;
}


.article .colholder
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 7%;
}

/** **/

#lbl404
{
    font-size: 3em;
    padding: 1em;
}

/**
 *  KONTAKT
 */

#ns__kontakt-top
{
    padding: 2em 0;
}


#frame__kontakt
{
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 5%;
    line-height: 150%;
    padding-bottom: 4em;
}

#frame__kontakt ul
{
    margin: 2em 0;
    padding: 0;
}

#frame__kontakt h2
{    
    opacity: .8;        
}

#fk__1 li
{
    list-style: none;
    padding: .2em;
    border-bottom: 1px solid rgb(0 0 0 / 10%);
}

#fk__1 li:first-child
{
    border-top: 1px solid rgb(0 0 0 / 10%);
}

#fk__1 h2
{
    margin-bottom: 1.4em;
}

/** **/

#fk__2 .article
{
    background-color: #f5f5f5;
    padding: 0.4em 2em 1em 2em;
    margin-bottom: 2em;
}


.ns__o-nas .article h1
{
    padding: .4em 2em;
}

.ns__o-nas .article p
{
    text-align: justify;
    font-size: 120%;
}

/** **/

.icon-place
{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 473.271 473.271' style='enable-background:new 0 0 473.271 473.271;' xml:space='preserve' width='512px' height='512px'%3E%3Cg%3E%3Cpath d='M236.636,0C136.49,0,55.016,81.474,55.016,181.619c0,41.232,13.525,80.127,39.139,112.514l142.481,179.138l142.508-179.171 c25.587-32.354,39.112-71.25,39.112-112.481C418.256,81.474,336.781,0,236.636,0z M355.639,275.459L236.636,425.078 L117.659,275.491c-21.355-27.003-32.644-59.463-32.644-93.872C85.016,98.016,153.032,30,236.636,30s151.62,68.016,151.62,151.619 C388.256,216.028,376.968,248.489,355.639,275.459z' fill='%23000000'/%3E%3Cpath d='M236.636,104.397c-41.355,0-75,33.645-75,75s33.645,75,75,75s75-33.645,75-75S277.991,104.397,236.636,104.397z M236.636,224.397c-24.813,0-45-20.187-45-45s20.187-45,45-45s45,20.187,45,45S261.449,224.397,236.636,224.397z' fill='%23383838'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-cz
{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 640 480' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg transform='matrix(1.11309,0,0,0.836053,-44.721,85.816)'%3E%3Crect x='40.177' y='184.419' width='574.978' height='287.063' style='fill:rgb(255,0,0);'/%3E%3C/g%3E%3Cg transform='matrix(0.00117991,1.9331,-1.65857,0.00101234,523.374,-115.036)'%3E%3Cpath d='M183.496,122.662L307.649,315.599L59.343,315.599L183.496,122.662Z' style='fill:rgb(0,1,255);'/%3E%3C/g%3E%3C/svg%3E%0A");
}


/**
 * 
 *  MEDIA QUERIES
 *  
 */ 

@media screen and (min-width: 1920px) {

    .width
    {
        width: 1680px;
    }    
}

@media screen and (min-width: 1600px) {

    .width.text
    {
        width: 1440px;
    }
}

@media screen and (max-width: 1600px) {
  
    .width
    {
        width: 90%;
    }    
}

@media screen and (max-width: 1440px) {
  
    body
    {
        font-size: 16px;
    }    
}

@media screen and (max-width: 1280px) {

    #frame__kontakt
    {
        grid-template-columns: 2fr 1fr;
        gap: 3%;
    }
    
    .article .colholder
    {
        gap: 5%;
    }

}

@media screen and (max-width: 1024px) {

    #ns__header
    {
        display: block;
    }
    
    #ns__shade
    {
        /* padding: 0; */            
    }
    
    a#btnHome, 
    #nsKontakt
    {
        margin: 0;
    }
    
    a#btnHome
    {        
        padding-bottom: 1em;
    }
    
    #ns__header
    {
        /* padding-top: 5em; */
    }
    
    #ns__header .right
    {        
        position: absolute;
        top: 0;
        right: 0;            
    }
    
    #ns__header div.center
    {
        text-align: left;
    }
        
    a#btnHome img
    {
        max-height: 4em;
    }
    
    /** **/
    
    #intro_header
    {
        padding-left: 15%;
        padding-right: 15%;
    }
    
    #ns__tiles_home
    {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 768px) {
    
    #listTopMenu a
    {
        padding: 1em;
    }
    
    a#btnHome img
    {
        max-height: 3.6em;
    }

    .ns__o-nas .colholder,         
    #frame__kontakt
    {
        display: block;
    }
    
    #fk__2
    {
        text-align: center;
    }
    
}

@media screen and (max-width: 425px) {

    .article .colholder
    {
        display: block;
    }
}