/**
 * 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-blau, .nah-btn {
  word-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
 }


 /* Button filled */

 .button-filled {
   background-color: rgba(255, 255, 255, 0.3);
   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;
 }

 .button-filled:hover {
   background-color: rgba(255, 255, 255, 0.8);
   -webkit-transition: ease-in-out 150ms;
   -o-transition: ease-in-out 150ms;
   transition: ease-in-out 150ms;
 }

 /* Button filled  */

 .filled-gruen {
   background-color: rgba(51, 147, 128, 0.7);
 }

 .filled-gruen:hover {
   background-color: rgba(51, 147, 128, 1);
 }

 /* Button filled Blau */
 .filled-blau {
   background-color: rgba(74, 129, 154, 0.7);
 }

 .filled-blau:hover {
   background-color: rgba(74, 129, 154, 1);
 }

 /* Button filled sw */

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


 /* Button border */

 .button-border {
   border: 2px solid white;
   color: white;
   padding: 12px 60px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   margin: 4px 2px;
   cursor: pointer;
 }

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

 /* Button border gruen*/

 .button-border-gruen {
   border: 2px solid rgba(51, 147, 128, 1);
   color: rgba(51, 147, 128, 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(51, 147, 128, 1);
 	border: none;
   color: white;
   padding: 14px 62px;
   margin: 4px 2px;
   cursor: pointer;
 }

 /* Button border blau*/

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

 .button-border-blau:hover {
   background-color: rgba(74, 129, 154, 1);
 	border: none;
   color: white;
   padding: 14px 62px;
   margin: 4px 2px;
   cursor: pointer;
 }



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



 .btn, .nah-btn {
  padding: 10px 25px;
  display: inline-block;
  border-radius: 12px;
 }

 .nah-btn-border {
  color: #2a2a2a;
  font-size: 16px;
  border-color: #1E9B77;
  border-width: 2px;
  border-style: solid;
  }

 .nah-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: #1E9B77;
  color: white;
 }

 .btn-primary, .nah-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(30, 155, 119, 0.7);
  border:none;
 }

 .btn-primary, .nah-btn-filled:hover {
  background-color: rgba(30, 155, 119, 1);
  color: white;
 }


 /* Teaser */
 .rte-lead {
   font-family: ubuntu light;
 }

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


 /* hervorgehobener Text
 =================================================== */
 /* Large Grün */

.nahhaft-large-gruen {
  font-size: 80px;
  font-weight: 300;
  line-height: 1.03em;
  color: #1E9B77;
}

@media (max-width: 1100px) {
  .nahhaft-large-gruen {
    font-size: 50px;
  }
}

 /* Overline */

 .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(7, 112, 87, 0.6);

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

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

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


 /* Online-Diskussion  */

 /* Teilnehmer 1 */
 .teilnehmer1 {
   background-color: rgb(36, 79, 102);
 	color: white;
   padding: 20px 30px;
   position: relative;
 	margin: 20px 0;
 }

 .teilnehmer1 a {
 	color: white;
 	font-weight: bold;
 }

 .teilnehmer1-rechts {
   border: 4px solid rgb(36, 79, 102);
 	text-align: right;
   padding: 20px 30px;
   position: relative;
 	margin: 10px 0;
 }

 .teilnehmer1-rechts::before {
 	content: '';
 	border: 15px solid;
 	border-color: transparent transparent rgb(36, 79, 102) rgb(36, 79, 102);
 	position: absolute;
 	bottom: 27px;
 	right: -32px;
 }

 .teilnehmer1-rechts::after {
 	content: '';
 	border: 10px solid;
 	border-color: transparent transparent white white;
 	position: absolute;
 	bottom: 32px;
 	right: -20px;
 }

 .teilnehmer1-rechts em {
   display: block;
   margin-top: 10px;
 	text-align: left;
 	font-weight: bold;
 	color: rgb(36, 79, 102);
 }

 .teilnehmer1-rechts em::before {
 	content: "- ";
 }



 .teilnehmer1-links {
   border: 4px solid rgb(36, 79, 102);
 	text-align: left;
   padding: 20px 30px;
   position: relative;
 	margin: 10px 0;
 }

 .teilnehmer1-links::before {
 	content: '';
 	border: 15px solid;
 	border-color: transparent rgb(36, 79, 102) rgb(36, 79, 102) transparent;
 	position: absolute;
 	bottom: 27px;
 	left: -32px;
 }

 .teilnehmer1-links::after {
 	content: '';
 	border: 10px solid;
 	border-color: transparent white white transparent;
 	position: absolute;
 	bottom: 32px;
 	left: -20px;
 }

 .teilnehmer1-links em {
   display: block;
   margin-top: 10px;
 	text-align: right;
 	font-weight: bold;
 	color: rgb(36, 79, 102);
 }

 .teilnehmer1-links em::before {
 	content: "- ";
 }



 /* teilnehmer 2 */
 .teilnehmer2 {
   background-color: rgb(137, 187, 201);
 	color: white;
   padding: 20px 30px;
   position: relative;
 	margin: 20px 0;
 }

 .teilnehmer2 a {
 	color: white;
 	font-weight: bold;
 }

 .teilnehmer2-rechts {
   border: 4px solid rgb(137, 187, 201);
 	text-align: right;
   padding: 20px 30px;
   position: relative;
 	margin: 10px 0;
 }

 .teilnehmer2-rechts::before {
 	content: '';
 	border: 15px solid;
 	border-color: transparent transparent rgb(137, 187, 201) rgb(137, 187, 201);
 	position: absolute;
 	bottom: 27px;
 	right: -32px;
 }

 .teilnehmer2-rechts::after {
 	content: '';
 	border: 10px solid;
 	border-color: transparent transparent white white;
 	position: absolute;
 	bottom: 32px;
 	right: -20px;
 }

 .teilnehmer2-rechts em {
   display: block;
   margin-top: 10px;
 	text-align: left;
 	font-weight: bold;
 	color: rgb(137, 187, 201);
 }

 .teilnehmer2-rechts em::before {
 	content: "- ";
 }


 .teilnehmer2-links {
   border: 4px solid rgb(137, 187, 201);
 	text-align: left;
   padding: 20px 30px;
   position: relative;
 	margin: 10px 0;
 }

 .teilnehmer2-links::before {
 	content: '';
 	border: 15px solid;
 	border-color: transparent rgb(137, 187, 201) rgb(137, 187, 201) transparent;
 	position: absolute;
 	bottom: 27px;
 	left: -32px;
 }

 .teilnehmer2-links::after {
 	content: '';
 	border: 10px solid;
 	border-color: transparent white white transparent;
 	position: absolute;
 	bottom: 32px;
 	left: -20px;
 }

 .teilnehmer2-links em {
   display: block;
   margin-top: 10px;
 	text-align: right;
 	font-weight: bold;
 	color: rgb(137, 187, 201);
 }

 .teilnehmer2-links em::before {
 	content: "- ";
 }

 /* Teilnehmer 3 */

 .teilnehmer3 {
   background-color: rgb(51, 147, 128);
 	color: white;
   padding: 20px 30px;
   position: relative;
 	margin: 20px 0;
 }

 .teilnehmer3 a {
 	color: white;
 	font-weight: bold;
 }


 .teilnehmer3-rechts {
   border: 4px solid rgb(51, 147, 128);
 	text-align: right;
   padding: 20px 30px;
   position: relative;
 	margin: 10px 0;
 }

 .teilnehmer3-rechts::before {
 	content: '';
 	border: 15px solid;
 	border-color: transparent transparent rgb(51, 147, 128) rgb(51, 147, 128);
 	position: absolute;
 	bottom: 27px;
 	right: -32px;
 }

 .teilnehmer3-rechts::after {
 	content: '';
 	border: 10px solid;
 	border-color: transparent transparent white white;
 	position: absolute;
 	bottom: 32px;
 	right: -20px;
 }

 .teilnehmer3-rechts em {
   display: block;
   margin-top: 10px;
 	text-align: left;
 	font-weight: bold;
 	color: rgb(51, 147, 128);
 }

 .teilnehmer3-rechts em::before {
 	content: "- ";
 }


 .teilnehmer3-links {
   border: 4px solid rgb(51, 147, 128);
 	text-align: left;
   padding: 20px 30px;
   position: relative;
 	margin: 10px 0;
 }

 .teilnehmer3-links::before {
 	content: '';
 	border: 15px solid;
 	border-color: transparent rgb(51, 147, 128) rgb(51, 147, 128) transparent;
 	position: absolute;
 	bottom: 27px;
 	left: -32px;
 }

 .teilnehmer3-links::after {
 	content: '';
 	border: 10px solid;
 	border-color: transparent white white transparent;
 	position: absolute;
 	bottom: 32px;
 	left: -20px;
 }

 .teilnehmer3-links em {
   display: block;
   margin-top: 10px;
 	text-align: right;
 	font-weight: bold;
 	color: rgb(51, 147, 128);
 }

 .teilnehmer3-links em::before {
 	content: "- ";
 }