@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



   .back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px !important;
}



* {box-sizing: border-box; }
.clear { clear: both;}
.clearleft { clear:left;}



body {
font-family: "Source sans pro", arial, helvetica, sans-serif; font-size: 100%; line-height: 150%;
background:#ffffff; color:#444340;   margin:0;padding:0;border:0; }

table.workshops td{ padding:10px;     margin:0;
	border:1px solid rgba(0, 0, 0, 0.1);
}


/*h1 { font-weight:normal; font-size:22px; padding: 0;margin:0;  margin-top:6px; margin-bottom:30px;}
h2 { font-weight:normal; font-size:20px; padding: 0;margin:0; margin-bottom:6px;margin-top:12px;color:#E3441D;}
h3 { padding: 0;margin:0; margin-top:10px;margin-bottom:8px;font-size: 16px; font-weight:normal; }
h4 { font-size: 16px; font-weight:normal; font-style: italic;  margin-bottom:0px;}
h5 {font-size: 12px; font-weight:bold; margin-bottom:0px;margin-top:10px;}*/

h1, h2, h3, h4, h5, h6 {
    font-family: "Source Sans Pro", Helvetica, sans-serif;  font-weight:normal;
   /* margin-bottom: .2em;
    margin-top: 1.2em;*/}
/*p {margin:0px; margin-bottom:8px;} */

h1 { font-size: 1.6em; margin-bottom: 1.0em; font-weight:lighter;   }
h2 { font-size:1.4em; margin-bottom: 0.4em; font-weight:lighter; text-transform: uppercase; }
h3 { font-size: 1.2em; margin-bottom: 1,2em;  margin-bottom: 1em; }

h4 { font-size: 1.12em; margin-before: 1.33em; margin-after: 1.8em }
h5 { font-size: 1em; font-weight:bold; margin-bottom: 0.8em;}
h6 { font-size: .67em; margin-before: 2.33em; margin-after: 2.33em }

p { font-size: 1em; width:100%; margin-bottom:8px;}
i  {font-style:italic;} 
.schrift_kl {font-size:0.8em; line-height:1.2em; font-style:italic;}

a {text-decoration:underline; color:#96171A; }

td{vertical-align:top;padding:10px 18px 0 0;}

hr{ margin-top:40px;border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }


#all{  margin:10px auto; width:94%; }

#header { /*height: 186px;*/ /*background-color:#FF7A23; */  margin:0 auto; }
#logo { /*float: left; width:30%;*/  width:100%; }
#nav_oben { font-size:30px; margin-top:10px;}

.mobiletoggle{display: block; width:100%; cursor: pointer; font-size: 18px; text-align:center; background-color:#efefef;padding:4px;  border-bottom: 3px solid #96171A; }

#nav {	display: none; 	}
#nav {width: 100%; height:auto;  /*opacity: 0.9; */border-bottom: 3px solid #96171A;}


#nav ul{ list-style: none; 	padding:0;     	margin:0;  }
#nav ul li { border:0;margin:0; padding:0; font-size:1.2em; margin-top:10px;text-transform: uppercase;  }
#nav ul li a  {border:0;margin:0; padding:0;text-decoration:none; color:#444340;}
#nav ul li ul {margin:0; padding:0; margin-left:30px;}
#nav ul li ul li{ border:0;margin:0; padding:0; font-size:0.8em; text-transform:none;}


#text {margin-top:32px;  }



.start_abstand {height:18px; width:100%; }
.start_absatz {width:100%; }
.start_bild  {/* float:left;width:68%; margin-bottom:20px;*/ }
.start_text  {/*float:left;width:28%; margin-left:4%;padding-bottom:10px;*/}
.start_zitat {font-size:0.9em;  font-style:italic;margin-top:8px;}

 /* Bilder */

.hoch { width:90%; height:auto;    } /* Prapto Workshop, Pers. Training */
.hoch_gross      { width:90%; height:auto;    }/* Claudine Foto  */
.hoch_rechts      { width:90%; height:auto;    }
.respo_logo{   width:80%; height:auto;max-width:260px;  }
.respo_start{   width:100%; height:auto;  }
.respo_gross{   width:100%; height:auto;  }
.kl_bild_links   { float:left; margin:0 20px 20px 0; }

p.copy {
	margin-top:0;font-size:0.9em;text-align:right;
}

p.infoschrift {
  	margin-top:0;font-size:80%; line-height:1.4em;
}


  .zitat { font-weight: bold; font-style: italic; }


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





 blockquote{   width:90%;
  display:block;
  background: #fff;
  padding: 20px 20px 15px 90px;
  margin: 0 0 20px;
  position: relative;
   background:#efefef;
  /*Font*/
  font-family: Georgia, serif;
  font-size: 24px;
  line-height: 1.2;
  color:#96171A;
  text-align: justify;

  /*Borders - (Optional)*/
/*  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;*/

  /*Box Shadow - (Optional)*/
/*  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;*/
}

blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 120px;
  font-weight: bold;
 color: #999;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top:0px;
}

blockquote::after{
  /*Reset to make sure*/
  content: "";
}

/*blockquote a{
  text-decoration: none;
  background: #eee;
  cursor: pointer;
  padding: 0 3px;
  color: #c76c0c;
}*/

blockquote a:hover{
 color: #666;
}

blockquote em{
  font-style: italic;
}

.b_klein    {
	font-size: 100%; margin:0; width:100%;
}

 .feedback_verf{  text-align:right;

 }



@media only screen and (min-width:640px) {
#logo { float: left; width:30%; }
 #nav_oben { float: left; font-size:40px;  margin-top:60px;}


.mobiletoggle {display: none;}

 #nav{ display: block; float: left; margin-top:40px; color:#444340; width:30%; border:0;}

#text {  width:70%; padding-left: 8px; float:left;  }

}


@media only screen and (min-width: 800px) {
 #all{  margin: 40px auto; max-width:1080px; }

#nav_oben { float: left;   margin-top:108px;}
.start_abstand {height:50px; width:100%; }
.start_bild  { float:left;width:68%; margin-bottom:20px; }
.start_text  {float:left;width:28%; margin-left:4%;padding-bottom:10px;}


/*  #nav{ min-width:280px; }   */

 /* Bilder */

.hoch { float:left; width:40%; height:auto; margin:0 30px 10px 0;   } /* Prapto Workshop, Pers. Training */
.hoch_rechts      { float:right; width:40%; height:auto; margin:0 0 10px 20px;    }
.hoch_gross {  width:60%; height:auto;   }
}

.video_60   {
width:60%; height:auto; ]
}
.pro_60   {
width:100%;height:auto;
}

.video_right{
width:100%; height:auto;
}
 @media only screen and (min-width: 900px) {
.video_right{
 float:right; width:60%; height:auto; padding-top:20px;
}
}

/*
.border  {   border-width:1px;
  border-style:solid;
  border-color:#c0c0c0;}
.orange {color:#ff7a22;text-align:right;}
.kleinweiss {color: #ffffff; background-color:#ff7a23;}
.rot {color:#C40001}
 .dunkel_orange {color:#E3441D;}

.schrift_gr {font-size:150%;}

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

.gelb {background-image:url("grafik/transparenz.png");}
.gelb_d {background-color:#E99600;}
.gelb_h {background-color:#FFE26F;}


 div, table, tr, td {margin:0;padding:0;border:0;}
td{vertical-align:top;}
img {border:0;padding:0;margin:0;}

table tr td h1{margin-bottom:10px;}

*/



/*.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-bottom:120%;
padding-bottom:120%;
padding-top: 0px;
height: 0;
overflow: hidden;
}

*/