/**
 * 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;
 }


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

 /* Word Break für Buttons */

 .button-filled, .button-border, .button-border-gruen, .button-border-gelb {
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
 }


 /* Button filled */

 .button-filled, .btn, .btn-primary {
   font-family: "GT-Eesti-Display-Regular", Helvetica, Arial, sans-serif;
   border: none;
   color: rgba(255, 255, 255, 0.9);
   padding: 14px 62px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   margin: 15px 2px;
   cursor: pointer;
   border-radius: 25px;
 }

 .button-filled:hover, .btn:hover, .btn-primary:hover {
   -webkit-transition: ease-in-out 150ms;
   -o-transition: ease-in-out 150ms;
   transition: ease-in-out 150ms;
 }

 /* Button filled Grün */

 .filled-gruen, .btn, .btn-primary {
   background-color: rgba(0, 84, 81, 1);
 }

 .filled-gruen:hover, .btn:hover, .btn-primary:hover {
   background-color: rgba(0, 84, 81, 0.7);
 }

 /* Button filled Gelb */
 .filled-gelb {
   background-color: rgb(242, 231, 67, 1);
   color: #000000;
 }

 .filled-gelb:hover {
   background-color: rgb(242, 231, 67, 0.7);
 }

 /* Button filled sw */

 .filled-sw {
   background-color: #000000;
 }
 
 .filled-sw:hover {
   color: #444;
 }


 /* Button border */

 .button-border {
   font-family: "GT-Eesti-Display-Regular", Helvetica, Arial, sans-serif;
   padding: 12px 60px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   margin: 4px 2px;
   cursor: pointer;
   border-radius: 25px;
 }

 .button-border:hover {
   background-color: white;
 	border: none;
 	color: #000000;
  	padding: 14px 62px;
   margin: 4px 2px;
   cursor: pointer;
 }

 /* Button border gruen*/

 .button-border-gruen {
   border: 2px solid rgba(0, 84, 81, 1);
   color: rgba(0, 84, 81, 1);
   padding: 12px 60px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   margin: 4px 2px;
   cursor: pointer;
 }

 .button-border-gruen:hover {
   background-color: rgba(0, 84, 81, 1);
 	 border: none;
   color: white;
   padding: 14px 62px;
   margin: 4px 2px;
   cursor: pointer;
 }

 /* Button border gelb*/

 .button-border-gelb {
   border: 2px solid rgb(242, 231, 67, 1);
   color: #000000;
   padding: 12px 60px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   margin: 4px 2px;
   cursor: pointer;
 }

 .button-border-gelb:hover {
   background-color: rgb(242, 231, 67, 1);
 	 border: none;
   padding: 14px 62px;
   margin: 4px 2px;
   cursor: pointer;
 }


 /* Teaser */
 .rte-lead {
   color: rgb(87, 87, 86);
 }

 /* Teaser */
 .pew-untertitel {
 	color: rgb(74, 129, 154);
 	font-family: ralewaysemibold;
 }


  /* Textauszeichnung */
 .overline {
 	text-decoration: overline;
 }


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

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

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

   /*Font*/
   font-family: Georgia, serif;
   font-size: 60px;
   color: rgba(0, 84, 81, 0.6);

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

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

   /*Font*/
   font-family: Georgia, serif;
   font-size: 60px;
   color: rgba(0, 84, 81, 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: "- ";
 }