/* Schriftgrößen usw. */
html, body {
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Roboto', sans-serif;
  font-size:100%;
  /* -webkit-text-size-adjust:100%; */
}

/* Loginbox */
#login-panel .iz-popover,
#profil-panel .iz-popover {
  width:301px;
  top:31px;
  margin-left:-145px;
}
#login-panel .iz-popover ul,
#profil-panel .iz-popover ul {
  list-style-type:none;
  padding:0;
}

div#heuer-content {
  position:relative;
  margin-bottom:20px;
}

.fullWidth {
  width:100%;
}

.maxWidth {
  max-width:1170px;
}

/* Allgemein nützliche Klassen */
.padding-0-0-0-0 {
  padding:0;
}

.padding-right-0 {
  padding-right:0
}

.fix-to-top {
  position: fixed;
  top:0;
  z-index:100000;
}

.quadrat-glyph:after {
  content: "\25A0";
  font-size: 10px;
  margin-left:5px;
  vertical-align:middle;
}
/* ENDE Allgemein nützliche Klassen */

/* Standard regeln für texte, links und sektionen */
section{
  /* font-family: 'Open Sans', sans-serif; 
  font-family: 'Roboto', sans-serif;
  font-size:118%;
  -webkit-text-size-adjust:100%; */

  margin-bottom:20px;
}

section #nachlese{
 margin-top:0px; 
}  

section #events{
 margin-bottom:0px; 
} 



.menu-list .menu-item a {
  color:#2666a3;
  text-decoration:none;
  margin-left:5px;
}

hr {
  border: 0;
  border-top: 1px solid #eee;
}

hr.event {
  border-color:#fff;
  border-top-width:4px;
  float:left;
  margin:1px 0 1px 0;
  width:15px;
}
/* ENDE Standard */

#globalMessages .msg {
  padding: 5px;
  border-radius: 3px;
  padding-left: 10px;
  margin-left: 5px;
}

#globalMessages .msg i {
  font-size:1.4em;
  margin-right:5px;
}

::selection {
  background: #6D99DA; /* WebKit/Blink Browsers */
}


ul.verziert {
  list-style-type: disc;
  padding:1em;
}

.padding-0 {
    padding: 0;
}

/* Grundsätzliche Styles */
div.sharing-links {
  font-family: 'Roboto Condensed', sans-serif;
}
div.sharing-links a {
  margin-right:5px;
}
a.share {
  width:33px; /* 105px für Darstellung als Button mit Text */
  height:33px;
  line-height:33px;
  display:inline-block;
}
a.share,
a.share:hover,
a.share:active,
a.share:link,
a.share:visited {
  color:white;
}
a#expandable-share-trigger,
a.share i {
  font-size:1.3rem; /* Wenn keine Buttondarstellung gewählt ist, kann man auch drin lassen! */
  color:white;
  height: 33px;
  width: 33px;
  text-align: center;
  display: inline-block;
}
a.share span.text {
  width:72px;
  display:inline-block;
  opacity:0.8;
  text-align:center;
  display:none; /* Den Text ausblenden */
}
a.share:hover span.text {
  opacity:1;
}
/* Plus button
a#expandable-share-trigger {
  color:#b3b3b3;
  border: 1px solid #b3b3b3;
  line-height:33px;
  display:block;
}
*/
div.expandable-sharing-links a.share.email,
div.expandable-sharing-links a.share.facebook,
div.expandable-sharing-links a.share.twitter,
div.expandable-sharing-links a.share.xing,
div.expandable-sharing-links a.share.linkedin {
  display:none;
  margin-top:5px;
}

/* Für Button ansicht einfach eine Backgroundcolor setzen */
/* Facebook */
a.share.facebook i,
a.share.facebook span.text {
  color:#3b559f;
}

/* Twitter */
a.share.twitter i,
a.share.twitter span.text {
  color:#32b8f6;
}

/* Xing */
a.share.xing i,
a.share.xing span.text {
  color:#006464;
}

/* Linkedin */
a.share.linkedin i,
a.share.linkedin span.text {
  color:#0077b5;
}

/* E-Mail */
a.share.email i,
a.share.email span.text {
  color:#434343;
}

/* Spezielle div außen rum */
div.social-media {
  position:relative;
}
div#fix-social {
  position:absolute;
  top:115px;
  right:0;
  margin-right:15px;
}
div#fix-social.affix {
  position:fixed;
}


/* 
CAVE 04.05.2016 - aw - Bitte stehen lassen. Brauchen wir eventuell noch.
Ein und ausblenden der Buttons (Umbrüche werden hier gesteuert) */
/*
@media only screen and (max-width:2245px){
  div.expandable-sharing-links {
	display:inline-block;
  }
  div.sharing-links a.share.linkedin {
	display:none;
  }
  div.expandable-sharing-links a.share.linkedin {
	display:inline-block;
  }
}
@media only screen and (max-width:2070px){
  div.sharing-links a.share.xing {
	display:none;
  }
  div.expandable-sharing-links a.share.xing {
	display:inline-block;
  }
  div.expandable-sharing-links br.linkedin {
	display:none;
  }
}

@media only screen and (max-width:1742px){
  div.sharing-links a.share.twitter {
	display:none;
  }
  div.expandable-sharing-links a.share.twitter {
	display:inline-block;
  }
  div.expandable-sharing-links br.linkedin {
	display:inline-block;
  }
  div.expandable-sharing-links a.share.xing {
	margin-right:5px;
  }
}

@media only screen and (max-width:1508px){
  div.expandable-sharing-links a {
	display:block !important;
  }
  div.share-container,
  div.expandable-sharing-links br.linkedin {
	display:none !important;
  }
}
*/

@media only screen and (max-width:1443px){
  div.sharing-links {
	display:none;
  }
}
div.sharing-links-mobile {
  display:none;
}
div.sharing-links-mobile a {
  vertical-align:middle;
}
div.sharing-links-mobile .sharing-info,
div.sharing-links-mobile .sharing-info span {
  display:inline;
  vertical-align:middle;
}
div.sharing-links-mobile .sharing-info span {
  margin-right:15px;
}
@media only screen and (max-width:1443px){
  div.sharing-links-mobile {
	display:block;
  }
  div.sharing-links-mobile a {
	display:inline-block;
	margin-right:5px;
	margin-top:5px;
  }
  div.sharing-links-mobile a:last-child {
	margin-right:0;
  }
}

/* Social Media für eine News Detail Seite*/
div#news div#fix-social {
  top:49px;
}
div#news div#fix-social.affix {
  top:90px;
}

div#news div.social-media {
  margin-bottom:15px;
}
@media only screen and (max-width:1608px){
  div#news div.sharing-links {
	display:none;
  }
  div#news div.sharing-links-mobile {
	margin-top:15px;
	display:block;
  }
  div#news div.sharing-links-mobile a {
	display:inline-block;
	margin-right:5px;
	margin-top:5px;
  }
  div#news div.sharing-links-mobile a:last-child {
	margin-right:0;
  }
}
.infopage .infopage-content {
  margin-bottom:50px;
}

.infopage h3 {}

/* START Screen dependent main title font size for kundenveranstaltungen page and veranstaltungsabo */
@media screen and (min-width: 768px) {
  .infopage h1 {
	margin-top: 40px; margin-bottom: 40px;
	font-size:2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .infopage h1 {
	margin-top: 15px; margin-bottom: 10px;
	font-size:1.8rem;
  }

  .infopage img.image-xs-margin-30 {
	margin-bottom: 30px;
  }  

  .infopage .margin-top-xs-20 {
	margin-top : 20px;
  }

  .infopage .margin-top-xs-40 {
	margin-top : 40px;
  }

  .infopage .margin-top-xs-60 {
	margin-top : 60px;
  }

}
/* END */

.infopage h2, .pagetitle h2 {
  margin-top: 40px; margin-bottom: 40px;
  font-size:2.3rem;
}

.infopage h4 {
  font-size: 1.3rem;
  font-weight: 400;
  margin-top: 20px;
  color: #999;
}

.infopage .row {
  margin-top:40px;
}

.infopage ul {
  padding-top:0px;
}

.infopage .tagcloud {
  font-size:1.2rem;
  color: #AA6D00;
}
.infopage ul.tagcloud {
  list-style-type:none;
  padding:0;
}

.infopage iz-image, .infopage img {
  margin-top:20px;
}

.infopage img-margin {
  margin: 20px, 10px, 20px, 10px;
}

/* --------------------------------------
Media Queries
-------------------------------------- */
@media (max-width: 775px) {
  form#contactfrm .form-group {margin:10px 5px 0px 5px;}
}