/**
 * Created from sitepackagebuilder.com
 */

 /* Textausrichtung
  =================================== */

.text-center {
 	text-align: center;
 }

 .text-right {
 	text-align: right;
 }

 .text-left {
 	text-align: left;
 }

 .text-justify {
 	text-align: justify;
 }

 /* Klimateller Buttons
  =================================== */

 .klimateller-btn {
  display: inline-block;
  line-height: 1.7em;
  font-weight: 400;
  padding: 0.3em 1em;
 }

 .klimateller-btn-border {
  color: white;
  font-size: 18px;
  border: 2px solid white;
  }

 .klimateller-btn-border:hover {
  -webkit-transition: background-color 250ms ease-in-out,color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out,color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out,color 250ms ease-in-out;
  background-color: white;
  color: rgb(42, 152, 202);
 }

 .btn-primary, .klimateller-btn-filled {
  -webkit-transition: background-color 250ms ease-in-out,color 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out,color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out,color 250ms ease-in-out;
  color: white;
  background-color: rgba(42, 152, 202, 1);
  border:none;
 }

 .btn-primary, .klimateller-btn-filled:hover {
  background-color: rgba(42, 152, 202, 0.7);
  color: white;
 }

/* KlimaTeller hervorgehobener Text
=======================================*/

.klimateller-p-large {
  font-size: 1.6rem;
  line-height: 1.6;
}

.klimateller-p-xlarge {
  font-family: 'NettoOT-Light',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 36px;
  color:#333333;
  letter-spacing: 0;
  line-height: 1.2em;
  margin-top: 0.6em;
  margin-bottom: 0.5em;
}

.klimateller-large-blue {
  font-size: 80px;
  font-weight: 300;
  line-height: 1.03em;
  color: rgba(42, 152, 202, 1);
}

@media all (max-width: 1100px) {
  .klimateller-large-blue {
    font-size: 50px;
  }
}

/* Zitate/ Blockquotes  */
blockquote {
  display:block;
  padding: 15px 20px 15px 45px;
  position: relative;
	color: rgba(102, 102, 102, 0.8);
	margin: 15px 0;
	}

blockquote p {
	font-size: 1rem;
	margin-right: 30px;
	margin-right: 2rem;
}

blockquote::before{
  content: "\201C";

  /*Font*/
  font-family: Georgia, serif;
  font-size: 50px;
  color: rgba(42, 152, 202, 0.6);

  /*Positioning*/
  position: absolute;
  left: 5px;
  top:15px;
	}

blockquote::after {
  content: "\201D";

  /*Font*/
  font-family: Georgia, serif;
  font-size: 50px;
  color: rgba(42, 152, 202, 0.6);

  /*Positioning*/
  position: absolute;
	right: 5px;
  bottom: 10px;
	}

blockquote em {
	margin: 0;
	float: right;
	font-size: 0.8em;
	font-style: italic;
	color: rgba(102, 102, 102, 0.5);
}

blockquote em::before {
	content: "- ";
}