@charset "UTF-8";
* {margin: 0px;padding: 0px;}




@font-face {
    font-family: DINNextRoundedLTPro-Regular;
    src: url("/pismo/DINNextRoundedLTPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: DINNextRoundedLTPro-Light;
    src: url("/pismo/DINNextRoundedLTPro-Light.otf") format("opentype");
}

@font-face {
    font-family: DINNextRoundedLTPro-Medium;
    src: url("/pismo/DINNextRoundedLTPro-Medium.otf") format("opentype");
}

@font-face {
    font-family: DINNextRoundedLTPro-Bold;
    src: url("/pismo/DINNextRoundedLTPro-Bold.otf") format("opentype");
}

/*
DINNextRoundedLTPro-Light.otf
DINNextRoundedLTPro-Bold.otf
DINNextRoundedLTPro-Medium.otf


@font-face {
    font-family: DINNextRoundedLTPro;
    font-weight: bold;
    src: url("path/GraublauWebBold.otf") format("opentype");
}
*/








body#tinymce, body  {

/*
color: #666666; 
font-size: 18px;line-height:1.6em;text-align:left; position: relative;
*/
font-family: 'DINNextRoundedLTPro-Light', sans-serif; 
font-weight: normal;
font-size: 18px;

/*letter-spacing: -0.02em;*/


}

#tinymce img	{max-width: 100%;}

b, strong { font-family: 'DINNextRoundedLTPro-Medium', sans-serif; font-weight: normal; }

h1, h2, h3, h4, h5, h6 {  font-weight: normal; font-family: 'DINNextRoundedLTPro-Bold', sans-serif;  }

.peligalerie	{margin: 20px 0px; text-align: center; 
display: flex; flex-wrap: wrap;
justify-content: center;
}

.peligalerie a	{width: 220px; height: auto; display: inline-block; margin: 5px; position: relative; border: 1px solid white; box-shadow: 0px 0px 7px rgba(0,0,0,0.3); transition: box-shadow 0.5s ease-in-out; background: white;
aspect-ratio: 3 / 2;
position: relative;
}

.peligalerie a:hover	{ box-shadow: 0px 0px 4px rgba(0,0,0,0.7);}
.peligalerie a:hover img	{opacity: 0.5;}
.peligalerie a	img {width: 100%; height: 100%; object-fit: cover; transition: opacity 0.5s linear; display: block;}

#tinymce .peligalerie	{padding: 20px 5px; border: 1px dotted red; margin: 10px 0px;}
#tinymce .peligalerie img	{height: 100px !important; width: auto  !important;}


/*----------------------------*/
h1.modTit, h2.modTit {
    font-size: 50px;
    font-weight: 700;
    color: rgb(139, 205, 35);
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    display: block;
    margin: 5rem 0 2rem;
}

div.sirka800 {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}