/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* roboto-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/roboto-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('./fonts/roboto-v30-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Summery */

details > summary {
padding: 0.8em 1.5em;
background-color: #f2f2f2;
background-image: linear-gradient(rgba(255, 255, 255, 0.9), transparent);
color: #0076a9;
font-weight: bold;
line-height: 1em;
}

details {
border: 1px solid #d8d8d8;
}

details:hover summary {
background-color: #e9e9e9;
color: #004867;
cursor: pointer;
}

details p {
padding: 1.5em;
margin-bottom: 0;
}

details .head {
width: 95%;
margin: 0 auto;
padding-bottom: 1.5em;
}


/* Kommentare ausgeloggt ausblenden*/

body:not(.logged-in) .comments-area {
display: none;
}

.page-id-17578 .comments-area {
display: none; !important;
}

/* Profilseite Abstand Updates */
.page-id-1291 section {
margin: 0 !important;
}

/* Profilseite Abstand Aufzählungen*/
.page-id-1291 p {
margin: 35px 0 !important;
}

/*Runde Bilder*/

.corner {
border-radius: 50px;
padding: 10px!important;
}

/*Archiv */

.generate-columns .inside-article {
    padding: 20px 20px 20px 40px!important;
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto;
	  padding: 20px 0;
}

/* Video-Player */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; 
    overflow: hidden;
    margin-bottom: 35px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Allgemeines Styling */

h2.default {
    color: inherit !important;
    background: inherit !important;
    padding-left:0; !important;
}

h2.default span {
    color: inherit !important;
    background: inherit !important;
    padding-left:0; !important;
}

h2.lang {
  background: #6699cc;
  color: #fff;
  padding: 5px 10px;
  border-radius: 10px;
  margin-top: 60px;
}

h2 .ez-toc-section {line-height: 1.2em}

mark {
  font-weight: bold;
  padding: 0 0.2em 0 0.25em;
  border-radius: 2px;
  background-color: #ffe980;
}

.entry-title {
    font-family: inherit;
    padding-bottom: 20px!important;
}

.entry-content a {
	font-weight: bold;
}

body {
    overflow-x: hidden;
}

.ihc-register-6 .iump-submit-form input {
background: none repeat scroll 0 0 #0078a9 !important;
border-color: #bed9e4  !important;
}

.einleitung {
	font-size: 130%;
	font-weight: 400;
	padding-bottom: 15px;
	margin-top: -20px;
	
		} 
.teaser {
	font-size: 130%;
	padding-bottom: 35px;
	}

.teaser a {
	font-weight: bold;
	}

.teaserstart {
	font-size: 130%;
	padding-bottom: 5px;
	}

.teaserstart a {
	font-weight: bold;
	}

.entry-title {
      font-family: 'ABeeZee';
		  font-size: 220%;
}

.text-info {
 font-size: 170%;
	}

.gross {
   font-size: 50px;
   font-weight: bold;
   text-align: center;
}

.text-big {
   font-size: 40px;
   font-weight: bold;
   text-align: center;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.head {
	 padding-bottom: 50px;
	 position: relative;
	 width: 100%;
}

.wrap {
	 background-color: #08088A;
	 color: #fff; 
	 text-align: center;
	 border-radius: 15px 15px 0 0;
}

.thai {
	 font-size: 180%;
	 background-color: #08088A;
	 color: #fff;
	 padding: 15px 15px 0 15px;
	 border-radius: 15px 15px 0 0;
}

.alpha {
	 font-size: 350%;
	 background-color: #08088A;
	 color: #fff;
	 padding: 0 15px 0 15px;
	 line-height: 170%;
	 border-radius: 10px 10px 0 0;
}

.info {
	 font-size: 100%;
	 margin-top: -5px;
	 padding: 0 15px 15px 15px;
	 color: #E6E6E6;
	 font-family: vrinda;
}

.info2 {
	font-size: 150%;
	padding-bottom: 3%;
}

.infozahl {
	 font-size: 150%;
	 margin-top: -5px;
	 padding: 0 15px 15px 15px;
	 color: #E6E6E6;
	 font-family: vrinda;
}

.zwei {
    display: flex;
	  flex-flow: row;
	  justify-content: space-around;
	  align-items: stretch;
	  border: 1px solid #E4E2E2;
	  padding: 10px 15px;
}

.ueber {
	width: 50%;
	float: left;
	padding: 5px;
}

.laut {
	  width: 50%;
	  float: right;
	  padding: 5px;
}

.lautschrift {
      text-align: center;
	  padding: 5px;
	  background-color: #02024D;
	  color: #fff;

}

.crash {
    font-size: 200%;
	  text-align: center;
	  padding: 7px;
	  background-color: #0B0B3B;
	  color: #fff;
}

.kk {
	text-align: center;
	font-size: 350%;
}

.mp3 {
	background-color: #fff;
	border-radius: 0 0 15px 15px;
}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
	border-radius: 0 0 10px 10px;
}

/* Button */

.button {
	display: block;
    text-align: center;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 20%;
	margin-right: 20%;
    padding: 12px 24px;
    border: 1px solid #004867;
    border-radius: 8px;
    background: #09b2fb;
    background: -webkit-gradient(linear, left top, left bottom, from(#09b2fb), to(#005e86));
    background: -moz-linear-gradient(top, #09b2fb, #005e86);
    background: linear-gradient(to bottom, #09b2fb, #005e86);
    text-shadow: #003e56 1px 1px 1px;
    font: normal normal bold 30px arial;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #0073a5;
    background: #0bd6ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0bd6ff), to(#0071a1));
    background: -moz-linear-gradient(top, #0bd6ff, #0071a1);
    background: linear-gradient(to bottom, #0bd6ff, #0071a1);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #056b97;
    background: -webkit-gradient(linear, left top, left bottom, from(#056b97), to(#005e86));
    background: -moz-linear-gradient(top, #056b97, #005e86);
    background: linear-gradient(to bottom, #056b97, #005e86);
}

/* Benutzermenu */
.secondary-navigation, .secondary-navigation a {
    border-radius: 5px 5px 5px 5px!important;
}

/* Bilder Test */
.imgBorder {
  padding: 10px 10px 10px;
  background-color: white;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
  -moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
  -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
}

/* H5P */

.h5p-content {
	margin: 30px 0;
}


/* Alert-box space fix WP 4.7 */
.wpcmsdev-alert {
  word-wrap:break-word;
}

.wpcmsdev-alert {
  margin-top: 40px;
	padding-top: 0;
	padding-bottom: 30px;
}

.wpcmsdev-alert.color-green a {
	color: green;
}

.wpcmsdev-alert.has-icon {
  position: relative;
  padding-left: 3.55em;
}

.wpcmsdev-alert.has-icon > .fa {
   top: 50%;
  left: 0.6em;
}

.alpha1 {
	 font-size: 800%;
	 background-color: #08088A;
	 color: #fff;
	 padding: 0 15px 0 15px;
	 line-height: 170%;
}

.mejs-container, .mejs-controls { width: 100%; }
	

/* TopList Table */

.wpProQuiz_toplistTable th, .wpProQuiz_toplistTable td {
	font-size: 16px;
}


/*Quiz*/

.wpProQuiz_content {
    padding: 15px;
	  background-color: #F2F2F2;
	  box-sizing: border-box;
    border-radius: 15px 15px 15px 15px;
	  box-shadow: 0px 0px 1px 1px #BDBDBD;
	}
	
.wpProQuiz_text {
    font-size: 110%;
	}
	
.wpProQuiz_toplistTable th {
    background: #F47E7E !important;
}

.wpProQuiz_cloze input[type=text] {
	height: 30px !important;
	width: 100px !important;
}

/*Überschriften*/

h2.einsende:before {
    font-family: FontAwesome;
    content: "\f019";
	  display: inline-block;
    padding-right: 7px;
}
h2.schreiben:before {
    font-family: FontAwesome;
    content: "\f044";
	  display: inline-block;
    padding-right: 7px;
}
h2.vokabeln:before {
    font-family: FontAwesome;
    content: "\f0f6";
	  display: inline-block;
    padding: 40px 7px 30px 0;

}
h2.podcast:before {
    font-family: FontAwesome;
    content: "\f025";
	  display: inline-block;
    padding: 40px 7px 0px 0;

}
h2.video:before, h3.video:before, h4.video:before {
    font-family: FontAwesome;
    content: "\f03d";
	  display: inline-block;
    padding: 40px 7px 30px 0;

}
h2.quiz:before, h3.quiz:before {
    font-family: FontAwesome;
    content: "\f059";
	  display: inline-block;
    padding-right: 7px;
}

h2.memory:before, h3.memory:before {
    font-family: FontAwesome;
    content: "\f0c5";
    display: inline-block;
    padding-right: 7px;
}

h2.mic:before, h3.mic:before {
    font-family: FontAwesome;
    content: "\f130";
    display: inline-block;
    padding-right: 7px;
}

h2.kreuz:before, h3.kreuz:before {
    font-family: FontAwesome;
    content: "\f002";
    display: inline-block;
    padding-right: 7px;
}

h2.zuordnen:before, h3.zuordnen:before {
    font-family: FontAwesome;
    content: "\f101";
    display: inline-block;
    padding-right: 7px;
}

h3.schreiben:before {
    font-family: FontAwesome;
    content: "\f044";
	  display: inline-block;
    padding-right: 7px;
}

h2 {  padding-top: 25px;
}

.alphabet {
  text-align: left;
	width: 100%;
  border: 1px solid #E4E2E2;
}

.zelle {
	display: inline-block;
	width: 28%;
	margin: 9px 0 9px 9px;
	font-size: 20px;

}

.vok {
	display: inline-block;
	width: 44%;
	margin: 9px 0 9px 9px;
	font-size: 20px;
}

.ton {
	display: inline-block;
	width: 60%;
	margin: 9px 0 9px 9px;
}
.ton1 {
	text-align: right;
	display: inline-block;
	width: 20%;
	margin: 9px 0 9px 9px;
}

.frau {
	display: inline-block;
	width: 43%;
	margin: 9px 0 9px 9px;
}

.mann {
	display: inline-block;
	width: 43%;
	margin: 9px 0 9px 9px;
}

.wp-caption-text {
	font-size: 8px;
}

.article-content {
	width: 100%;
}

input[type=text], input[type=email], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}


/* Tabellen */

.divTable {
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
	transition: all 1s;
}

.divTableRow:hover {
	background-color: #EFF5FB;
}
.divTableRow:nth-of-type(odd) {background-color: #FAFAFA;}
.divTableHeading {
	background-color: #02024D;
	display: table-row;
	color: #fff;
}
.divTableCell, .divTableCell1, .divTableHead {
    border: 1px groove #D8D8D8;
	display: table-cell;
	padding: 3px 10px;
	text-align: center;
	vertical-align: middle;
}

.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.divTableCell1 {
	font-size: 400%;
}

.divTableCell1 a {
	color: #000!important;
	font-weight: normal!important;
	transition: all 1s;
}

.divTableCell1 a:hover {
	
	border-bottom: 2px solid black;
	border-top: 2px solid black;
}

/* Tabellen Responsive */
@media screen and (max-width: 600px) {
.divTable {width:100%;}
.divTableRow, .divTableHeading, .divTableCell, .divTableCell1, .divTableHead,.divTableFoot, .divTableBody  { 
    content: attr(data-th); 
    display: block;
  }
}

/* 2-Spalten-Checkbox Responsive */

.mobile-grid-100 {
	padding-top: 15px;
	padding-bottom: 15px;
}

#content {
  padding: 50px !important;
}

section {
  margin: 90px auto;
}

.button.left {
  margin-left: 0;
  margin-right: auto;
  width: 50%;
  margin-bottom: 0 !important;
}

.button.center {
  margin-bottom: 0 !important;
}

#flex-section {
  margin: 90px auto;
  padding: 2%;
  border-radius: 25px;
  display: flex;
}

.box-shadow {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px 2px;
}

.video-container {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px 2px;
  border-radius: 25px;
  padding-top: 0 !important;
}

#flex-section .teaserstart {
  font-size: 100% !important;
}

.flex-container {
  display: flex;
  flex-direction: column;
  align-self: center;
}

.flex-container.one-third {
  width: 33.333333333333% !important;
}

.flex-container.two-third {
  width: 66.666666666667% !important;
}

.flex-container.one-half {
  width: 50% !important;
}

.flex-container.one-fourth {
  width: 25% !important;
}

.flex-container.three-fourth {
  width: 75% !important;
}

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

#box {
  border: 1px solid #d8d8d8;
  background-color: #fdfdfd;
  padding: 1.5em;
  margin: 1.5em 0;
}

#box-with-title {
  border: 1px solid #d8d8d8;
  background-color: #fdfdfd;
  margin: 1.5em 0;
}

#box-with-title .box-content {
  padding: 1.5em;
}

.box-title {
  border-bottom: 1px solid #d8d8d8;
  margin: 0 !important;
  padding: 0.8em 1.5em;
  background-color: #f2f2f2;
}
.box-title h3 {
  font-size: 20px !important;
  margin-bottom: 0 !important;
}

#bb {
  border: 1px solid #d8d8d8;
  background-color: #f7fbfd;
  padding: 1.5em;
  margin: 1.5em 0;
}

.alert {
  padding: 0 1em 1.5em 1em;
}

.alert.green {
  border: 1px solid #beded4;
  background-color: #f7fcfb;
  color: #008b5d;
  margin-bottom: 50px;
}

.alert.blue {
  border: 1px solid #bed9e4;
  background-color: #f7fbfd;
  color: #0078a9;
  margin-bottom: 50px;
}

.alert.red {
  border: 1px solid #e6bfc9;
  background-color: #fdf7f9;
  color: #b0022e;
  margin-bottom: 50px;
}

.alert.grey {
  border: 1px solid #cccccc;
  background-color: #f9f9f9;
  color: #3a3a3a;
  margin-bottom: 50px;
}

.alert i {
  position: absolute;
  font-size: 1.5em;
  opacity: 0.8;
  margin-left: 0.3em;
  margin-top: 1em;  
}

.alert-content-p {
    padding-left: 2.7em;
}


/*** Mitgliedschaft ***/

.ihc_level_template_3 .ihc-level-item {
  width: 25%;
  max-width: none;
}

.ihc_level_template_3 .ihc-level-item-wrap {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px 2px !important;
}

.ihc_level_template_3 .ihc-level-item-link {
  margin: 0 auto !important;
}

.ihc_level_template_3 .ihc-level-item-bottom {
  height: 70px !important;
}

.ihc_level_template_3 .ihc-level-item-title {
  font-size: 24px !important;
}

.h5p-panel-title {
  background: #f2f2f2 !important;
}


/*** Lektionen ***/

h2 .ez-toc-section {
  background: #6699cc;
  color: #fff;
  padding: 5px 10px;
  border-radius: 10px;
  display: inline-block;
  margin-top: 60px;
  width: max-content !important;
}

ul, ol {
    margin: 0 0 1.5em 1em;
}

/* Blockquote */

blockquote {
  background: #6699cc;
  color: #fff;
  border-left: 10px solid #29649D;
}

blockquote a {
  color: #fff;

}



/* Responsive Media Queries */

@media (max-width: 1024px)  {
	
.wpProQuiz_toplistTable thead, tr, th, tbody, td {
	display: block!important;
	width: 100%!important;
}
.wpProQuiz_toplistTable td, .wpProQuiz_toplistTable th {
		display: table-cell !important;
		width: auto !important;
	}
.wpProQuiz_toplistTable tr {
		display: table-row !important;
	}
.wpProQuiz_toplistTable thead {
		display: table-header-group !important;
	}
.wpProQuiz_toplistTable tbody {
		display: table-row-group !important;
	}
.no-margin-mobil {
    margin-top: 0 !important;
  }
.ihc_level_template_3 .ihc-level-item {
    min-width: unset !important;
  }
.ihc_level_template_3 .ihc-level-item-content {
    padding: 10px 15px !important;
  }
}


@media only screen and (min-width: 600px) {
	.mejs-container, .mejs-controls { width: 100%; }
	}

@media all and (min-width: 800px) {
  .hide-on-desktop {
    display: none;
  }
}

@media only screen and (min-width: 980px) {
	.mejs-container, .mejs-controls { width: 100%; }
	}

@media only screen and (min-width: 1260px) {  
	.mejs-container, .mejs-controls { width: 100%; }
	}
    
@media (max-width: 812px) {
.mobil-no-background {
	background: none !important;
    }
}

@media (max-width: 768px) {
#masthead {
    display: block;
	}

.inside-header {
	padding: 0;
    }

.site-logo {
	display: none;
	}
.flex-container.one-third, .flex-container.two-third, .flex-container.one-half {
    width: 100% !important;
  }
#flex-section {
    display: block !important;
  }
.wp-image-3606 {
    max-width: 50% !important;
  }
#flex-section {
    padding: 5%;
  }
.button.left, .button.center {
    width: 92%;
    margin: 2% auto !important;
  }
.flex-container.two-third {
    margin-left: 0 !important;
  }
.hide-on-mobil {
    display: none !important;
  }
.button.left.extra-margin-top {
    margin-top: 30px !important;
  }
.wp-image-16159 {
    margin-bottom: 30px;
  }
.ihc_level_template_3 .ihc-level-item {
    width: 50% !important;
  }
.flex-container.one-fourth, .flex-container.three-fourth {
    width: 100% !important;
  }
.flex-container.three-fourth {
    margin-bottom: 30px;
  }
}


@media (max-width: 736px) {
.wpProQuiz_toplistTable th, .wpProQuiz_toplistTable td, .wpProQuiz_toplistTable tbody td:FIRST-CHILD {
    font-size: 12px;
	}
#content {
    padding: 15px !important;
  }
.wpcmsdev-tabs .headings a {
    padding: 12px;
  }
section, #flex-section {
    margin: 50px auto;
  }
.button.left, .button.center {
    width: 85%;
  }
.ihc_level_template_3 .ihc-level-item {
    width: 100% !important;
  }
.wp-image-3606 {
    max-width: 100% !important;
  }
h2 .ez-toc-section {
    max-width: 94%;
  }
	
}

@media (max-width: 600px) {
.zwei {
	flex-wrap: wrap;
	justify-content: flex-start;	
	}
.zwei > div {
    Width: 100%;
	}	

.wpcmsdev-alert {
  	max-width: 100%;
	}

table {width:100%;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f5faff; font-size:1.0em;}
tbody td {display: block;  text-align:center; padding: 10px;}
tbody th {display: block;  text-align:center; padding: 10px;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;
	}

.mejs-container, .mejs-controls { width: 100%;} 
.alpha { font-size: 200%; }
.lautschrift {padding: 0 5px; font-size: 100%}
.crash {font-size: 100%;}
.button {font-size: 100%; margin-left:10px; margin-right:10px;}
.ihc_level_template_3 {text-align: center;}
}

.h5p-question-introduction {
	line-height: 1.5;
}