/* alles bis an den Rand (somit das Header Bild Full-Size) */
.site {
	margin: 0 auto;
	max-width: 78rem ;  /* orig: 68.571428571, mit  78--> 110px */
  	background-color: #ffffff; 
    color: #632;
	}
#page {
padding-left:0px;
padding-right:0px;
    	margin-top:0px; 
    	box-shadow: 3px 2px 22px #313161;
}
/* wiederherstellen des Abstandes, ausser für Header-Bild */
/*hgroup, /*.main-navigation, */
.wrapper, footer#colophon {
padding-left:40px;
padding-right:40px;
}
#mega-menu-wrap-primary #mega-menu-primary {margin-left: 30px;margin-right: 30px;} /* abstand links für nav-menu */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {text-transform:none;}

/* Definitionen für header-Bild ohne runde Ecken, ohne Schatten, ohne Rahmen */
img.header-image,
.contatto img {
border-radius: 0px;
border:none;
box-shadow: none;
  margin-top: 0px;
}
.site-header {
padding-top: 0px;
padding-bottom: 0px;
}

h1.site-title {text-align: left; font-family:Serif;}
h1.entry-title {font-family:Serif; color: #632;font-weight:bold !important; font-size:32px !important;}
h2 {color: #b21; }

.widget_minimeta > h3.widget-title { margin-bottom: 0px; color:#b21; text-transform: none; font-size: 1rem; }
h3.widget-title { margin-bottom: 0px !important; color:#b21; text-transform: none; font-size: 1rem; }

.site-content {width: 70.104166667%;}
.site-content p, div.contatto > p {margin-bottom: 12px;}

.entry-content hr {background-color: #b21 ; margin-left: 0px; margin-right: 0px;}


/*div#secondary.widget-area {margin-top:48px;}*/

/* Definition für Text im Header */
.bdheader {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 0;
  padding-top: 26.0073%}  /* (img-height / img-width) */
h1.site-title { color: white;
  margin-top: -21.5%; /*-24.5%; */
  text-align:right; 
  padding-right:40px;
  line-height: 3.2rem; /*2.8rem; */
  font-size: 33px; /*36px;*/
  text-shadow: 2px 2px 2px #b21;
  letter-spacing: 1.2px;
  font-weight: bold;
}
/* span.mondo { color:#e1e1e1; } */

.main-navigation {margin-top: 0px; }
.oben {display: table;}

/* auf Handy Std-menu-Knopf nicht anzeigen, kommt ja von Mega-Menu */
.menu-toggle {display: none; } 


/* der Bereich unterhalb der 2 Spalten (Iscrizione) */
.iscr {
	 float: left;
     width: 100%; /* 23.10.2010, war auto; */
     background: #fc9; }
div#iscrizione.iscr {border: 1px solid #b21;margin: 20px 0 20px 0; }
div#iscrizione.iscr h2 {background:#b21;color:#fff;margin:0;margin-bottom:14px; padding: 4px 10px;}
div#iscrizione.iscr p { color: #632 ; padding:0 10px;}
.iscr form.ccf-form { padding: 4px 10px;}
.iscr input[type="submit"] {color:#fff; background:#b21; background-image:none;font-size:13px;}

.wpforms-container-full .wpforms-form {margin-left: 10px; margin-right: 10px; margin-top: 24px}
div.wpforms-container-full .wpforms-form label.wpforms-field-label {font-size: 14px}
div.wpforms-container-full .wpforms-form label.wpforms-field-label-inline {font-size: 14px}

/* der Bereich für Archiv, unterhalb Iscrizione */
.archivio {
	 margin-top:16px;
	 float: left;
     width: 100%; /* 23.10.2010, war auto; */
     background: white; }



div.contatto, aside.widget_black_studio_tinymce {border: 1px solid #b21;margin: 0 0 20px 0; padding-bottom:4px;}

div.contatto h3, aside.widget_black_studio_tinymce h3 
{background:#b21; color:#fff; margin-bottom:6px !important; padding:0 10px; text-transform: none;}
aside.widget_black_studio_tinymce h3 {font-size: 0.86rem; }

div.contatto p, aside.widget_black_studio_tinymce p 
{ color: #632 ; padding:0 10px; margin-bottom:0px !important;}
/*aside.widget_black_studio_tinymce p { padding: 0 10px;}*/

div.textwidget, aside.widget_black_studio_tinymce {margin-top: 6px; }

div.bgmp_placemark {color: green;}
div.bgmp_placemark h3 {color: #b21;font-weight:bold;}
div#bgmp_map-canvas {width: auto !important; height: 33vw !important;}

/* Links */
.wrapper a,
.site-info a {
	text-decoration: none; 
  	color: #632 !important;
    border-bottom: 1px dotted #632;
	}

.wrapper a:hover,
.site-info a:hover {
	text-decoration: none; 
  	color: #b21 !important;
    border-bottom: 1px dotted #b21;
	}

.icon-facebook, .icon-twitter {margin-right: 12px;}
a.soc-med, a:hover.soc-med {border: none; 
}


/* automatisch pdf-icon vor links auf PDF setzen */
a[href$=".pdf"] {
  background: url(https://www.ladante.ch/ldwordpress/wp-content/themes/ladante/img/PDF_icon_24x24.png) no-repeat left center;
  padding-left: 28px;
  border-bottom: none !important;
  color: #b21 !important; 
  }
a:hover[href$=".pdf"] {
  color: #632 !important; 
  }
/* keine grauen Linien unterhalb Inhalt */
.site-content article {border:none; }
/* komischer Balken unterhalb footer... */
#ui-datepicker-div {display: none;}

/* Fuss-Zeile */
footer#colophon {
    border-top: 0px;
    color: #333;
  	background-color: #ddd;
  	padding-top:12px;
  	padding-bottom:12px;
  	padding-left:0px;
	padding-right:0px;
  	margin: 0;
  	margin-top:0px; 
  	text-align:center;
  	max-width: 100%; 
   /* 28.8.18 vorher:	max-width: 78rem; */
	}
.site-info {
   	padding-left:40px;
  	padding-right:40px;
	}

.clear { clear: both; }


/* Für Handys.... */
@media screen and (max-width: 660px)  { 
  #page {
    box-shadow:none;
  	padding-left:0;
  	padding-right: 0; }

  #main {
    padding-left: 30px;
    padding-right: 30px;   }  
  
  h1.entry-title {font-size:24px !important;}  
  
  .site-header h1 {
    padding-right: 30px;
    padding-left: 30px;
    font-size: 3.8vw; /* 22px */
  	line-height: 5.2vw;  /* 1.6 */
    margin-left: 40px;
  }
  
  .site-content {width: 100%;}
  
  div#bgmp_map-canvas {width: auto !important; height: 50vw !important;}
} 


/* @tableColour: slategrey; */

/* Variables
================================== */
/* Tables
================================== */
/*@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700);*/
.Rtable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /* margin: 0 6em 3em 0;*/
}
.Rtable-cell {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  /*padding: 0.8em 1.2em; */
  padding: 0 6px 0 0;
  /* margin: 0.8em; */
  
  overflow: hidden;
  list-style: none;
  border: 0; /*solid 3px red; /*white */
  /* background: rgba(112, 128, 144, 0.2); */
}
.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}
.Rtable-cell > h2 {margin-bottom:12px; }

/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
  padding-right: 15px;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}
/* Apply styles
================================== */
.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell {
  color: #632; /*braune Schrift */
  margin: -3px 0 0 0; /*-3px;*/
  background-color: white; /*#fc9; /* #eee; */
  /*border-color: #e2e6e9;padding:12px;*/
  /*border-left: solid 1px red; */
}

/* Cell styles
================================== */
.Rtable-cell--dark {
  background-color: slategrey;
  border-color: #5a6673;
  color: white;
}
.Rtable-cell--dark > h1,
.Rtable-cell--dark > h2,
.Rtable-cell--dark > h3,
.Rtable-cell--dark > h4,
.Rtable-cell--dark > h5,
.Rtable-cell--dark > h6 {
  color: white;
}
.Rtable-cell--medium {
  background-color: #b8c0c8;
  border-color: #a9b3bc;
}
.Rtable-cell--light {
  background-color: white;
  border-color: #e2e6e9;
}
.Rtable-cell--highlight {
  background-color: lightgreen;
  border-color: #64e764;
}
.Rtable-cell--alert {
  background-color: darkorange;
  border-color: #cc7000;
  color: white;
}



/* Responsive
==================================== */
@media all and (max-width: 930px) {
  div#main {padding-left: 16px; padding-right: 16px;}
  /* #mega-menu-wrap-primary #mega-menu-primary {margin-left: 8px; margin-right: 8px; } Versuch... aber weniger schön */
  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}

/* Comitati-Info auf home */
/* für show hide  */
.com-box { clear:both; }
.com-box .com-frage  { cursor: pointer; color: #b21}
.com-box .com-frage .fa-caret-down  ,
.com-box .com-frage .fa-caret-up  { padding-right: 12px; } 
.com-box div.com-antwort  { display: none;  border: #b21 solid 1px; padding: 12px} /* am Anfang keine Inhalte zeigen */
.com-box .com-frage  { margin-top: 0px; margin-bottom: 0px;}

/* für home-Seite: Text von links hineinfahrren */ 
.slide-in {
  animation-duration: 3s;
  animation-name: slidein;
  animation-iteration-count: 1;

}
@keyframes slidein {
  from {
    margin-left: -100%;
    width: 100%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}