:root {--title: 3em;--colore:blue;}

/*TAB-EVENT ************/
table {padding: 3px 5px;}
td {padding: 1px 5px;}

.grid-tab-event {
  display: grid;
  grid-template-columns: 1fr 1fr 5fr 3fr;
  gap: 1px 0;
  background-color: #2196f3;
  padding: 10px;
  width: 80%;
  margin: auto auto;
  color: blue;
}

.grid-tab-event > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 1px 10px;
  font-size: 15px;
  border: 1px solid black;
  background-color: white;
}
.event em:nth-child(2) {
  font-size: 80%;
  text-align: left;
  display: block;
}
.event em:nth-child(1) {
  font-size: 100%;
  text-align: left;
  display: block;
}

.testo {text-align: left; padding-left: 10px;}
[class~="title"] {
  background-color: royalBlue !important;
  color: white !important;
}
/**********************/


.sindaci {display: grid; grid-template-columns: 30%  auto; grid-row-gap: 30px;}


.flex-container {display: flex; flex-direction: column;}
.flex-item {background-color: silver ; color:black; align-content: space-around; display: flex;  padding:0px;margin-top: 20px;margin-left:15px; margin-right: 15px; border-radius:5px; box-shadow: 6px 6px;border-style:outset;
}
.bild {max-width: 250px;margin-right:20px;}
.responsive { width: 100%; height: auto;}
.regioni {border-left: solid 9px grey; padding-left: 10px; color: blue;}
article { margin: 50px 0px 25px 0px; color: #888; }
.bottom {display: flex; justify-content: space-around;}
.bottom-item p {font-size: 150%; font-weight: 600;color:white; font-family: serif;}
.incontri-1 {color:blue;margin-left: 10px; width: 250px; border: solid 2px white; margin-bottom:20px; padding:3px 8px; background-color: white;}
.incontri-2 {color:blue;margin-left: 10px; width: 250px; border: solid 2px white; margin-bottom:20px; padding:3px 8px; background-color: silver;}
.incontri-3 {color:blue;margin-left: 10px; width: 250px; border: solid 2px white ;margin-bottom:20px; padding:3px 8px; background-color: grey;}
article {background-color:yellow;}

.w31-relative {
  position: relative;
  width: 90%;
  height: auto;
} 

.w31-absolute {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}

.w31-text-2col {
  -webkit-columns: 100px 3; /* Chrome, Safari, Opera */
  -moz-columns: 100px 3; /* Firefox */
  column-count: 2;
}

.a1{ color: white; background-color: blue; font-family: "Times New Roman", Times, serif; font-size: 1.7vw; font-weight: bold; font-variant: small-caps; font-style: italic; margin-bottom: 3px;}
.a2{ color: white; background-color: #5882FA; font-family: "Times New Roman", Times, serif; font-size: 1.5vw; font-weight: 400; font-variant: normal; font-style: italic; margin-bottom: 3px;}
.a3{ color: blue;  background-color: #D8D8D8; font-family: "Times New Roman", Times, serif; font-size: 1.3vw; font-weight: 400; font-variant: normal; font-style: normal; margin-bottom: 3px;}
.a4{ color: black; background-color: #F5ECCE; font-family: "Times New Roman", Times, serif; font-size: 1.3vw; font-weight: 400; font-variant: normal; font-style: normal; margin-bottom: 3px;}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  margin-right: 12px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}

.resp-container {
    position: relative;
    overflow: hidden;
    height: 0;
    max-width: 50%;
    padding-bottom: 56.25%;
}

.resp-container  iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%;
    border: 0;
}

.responsive {
  width: 100%;
  height: auto;
}

.classic-movie {
color: #000000;
background-color: #ffffff;
text-shadow: 2px 2px 0 #bcbcbc, 4px 4px 0 #9c9c9c;
font-size: 200%;
}
.padd-v0 {padding-bottom:0px !important;padding-top:0px !important;}

.Top1 .motto {padding-top: 20px; padding-bottom: 10px;}


.anmeldung {margin-top: 10px; margin-bottom: 20px;}

.w31-red {color:#fff;background-color:#800000}


.w3-flat-red
{color:#000;background-color:#8b0000}
.w3-flat-turquoise
{color:#fff;background-color:#1abc9c}
.w3-flat-emerald
{color:#fff;background-color:#2ecc71}
.w3-flat-peter-river
{color:#fff;background-color:#3498db}
.w3-flat-amethyst
{color:#fff;background-color:#9b59b6}
.w3-flat-wet-asphalt
{color:#fff;background-color:#34495e}
.w3-flat-green-sea
{color:#fff;background-color:#16a085}
.w3-flat-nephritis
{color:#fff;background-color:#27ae60}
.w3-flat-belize-hole
{color:#fff;background-color:#2980b9}
.w3-flat-wisteria
{color:#fff;background-color:#8e44ad}
.w3-flat-midnight-blue
{color:#fff;background-color:#2c3e50}
.w3-flat-sun-flower
{color:#fff;background-color:#f1c40f}
.w3-flat-carrot
{color:#fff;background-color:#e67e22}
.w3-flat-alizarin
{color:#fff;background-color:#e74c3c}
.w3-flat-clouds
{color:#000;background-color:#ecf0f1}
.w3-flat-concrete
{color:#fff;background-color:#95a5a6}
.w3-flat-orange
{color:#fff;background-color:#f39c12}
.w3-flat-pumpkin
{color:#fff;background-color:#d35400}
.w3-flat-pomegranate
{color:#fff;background-color:#c0392b}
.w3-flat-silver
{color:#000;background-color:#bdc3c7}
.w3-flat-asbestos
{color:#fff;background-color:#7f8c8d}


.Top1 {padding: 30px 0px 30px 0px !important;}
.w3-teal-dark,.w3-hover-teal-dark:hover{color:#fff!important;background-color:#004a46!important}
.w3-teal-2,.w3-hover-teal-dark:hover{color:#fff!important;background-color:#005954!important}

.w31-font-a  {font-size: 900%; margin: 2px; padding: 0px; text-align: center;font-family: RacingSansOneRegular;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.2);
}
.w31-font-b  {font-family: 'Mrs Sheppards', cursive; font-size: 500%; margin: 2px; padding: 0px;
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.2);
}

.w31-font-c {
line-height:10vw;
font-family: Garamond, serif;
color: #330066;
text-align: center;
font-weight:bold;
font-size:8vw;
text-shadow:0px 0px 0 rgb(210,210,210),-1px -1px 0 rgb(176,176,176),-2px -2px 0 rgb(141,141,141),-3px -3px 0 rgb(106,106,106), -4px -4px 0 rgb(71,71,71),-5px -5px 4px rgba(0,0,0,0.8),-5px -5px 1px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,.2);}



.w31-font-d {
    padding-right: 20px;
    float:left;
font-family:Georgia,Garamond, serif;
line-height:0.7em;
color:#460694;
font-weight:bold;
font-size:6.5vw;
letter-spacing: 11px;
text-shadow:0px 0px 0 rgb(231,231,231),1px 1px 0 rgb(217,217,217),2px 2px 0 rgb(204,204,204),3px 3px 0 rgb(190,190,190),4px 4px 0 rgb(176,176,176),5px 5px 0 rgb(162,162,162),6px 6px 0 rgb(148,148,148),7px 7px 0 rgb(134,134,134),8px 8px 0 rgb(121,121,121),9px 9px 0 rgb(107,107,107),10px 10px 0 rgb(93,93,93),11px 11px 0 rgb(79,79,79), 12px 12px 0 rgb(65,65,65),13px 13px 12px rgba(0,0,0,0.6),13px 13px 1px rgba(0,0,0,0.5),0px 0px 12px rgba(0,0,0,.2);}

/* Apply this class to some text to add 3d text effect! */
.w31-font-e {
font-family: RacingSansOneRegular, Garamond, serif;
line-height:1em;
color:#fff9d6;
font-weight:bold;
font-size:20vw;
letter-spacing: 120%;
text-shadow:0px 0px 0 rgb(231,231,231),1px 1px 0 
            rgb(216,216,216),2px 2px 0 rgb(202,202,202),3px 3px 0 
            rgb(187,187,187),4px 4px 0 rgb(173,173,173),5px 5px 0 
            rgb(158,158,158), 6px 6px 0 rgb(144,144,144),7px 7px 6px 
            rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px 
            rgba(0,0,0,.2);}

.w31-font-f {
    position: relative;
    padding-top: -80px;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    font-family: RacingSansOneRegular;
    font-size: 7em;
    font-weight: 700;
    color: #008800;
    text-align: center;
    text-shadow: 1px 1px 1px #919191,
        1px 2px 1px #919191,
        1px 3px 1px #919191,
        1px 4px 1px #919191,
        1px 5px 1px #919191,
        1px 6px 1px #919191,
        1px 7px 1px #919191,
        1px 8px 1px #919191,
        1px 9px 1px #919191,
        1px 10px 1px #919191,
    1px 18px 6px rgba(16,16,16,0.4),
    1px 22px 10px rgba(16,16,16,0.2),
    1px 25px 35px rgba(16,16,16,0.2),
    1px 30px 60px rgba(16,16,16,0.4);
}

.w7-box { box-shadow: 6px 6px 7px 75px rgba(0,0,0,0.74);
         -webkit-box-shadow: 6px 6px 7px 1px rgba(0,0,0,0.74);
         -moz-box-shadow: 6px 6px 7px 1px rgba(0,0,0,0.74);
         width: 90%;
         margin-top: 5%;
         margin-left: auto;
         margin-right: auto;
}
.w7-center {margin-left: auto;
            margin-right: auto;
}
.w7-center-80 {margin-left: auto;
            margin-right: auto;
			width: 80%;
}
.w7-shadow {
-webkit-box-shadow: 0px 0px 6px 9px #000000; 
box-shadow: 0px 0px 6px 9px #000000;
}
@media only screen and (max-width: 500px) {
:root {--grid-color: green;}
}