/*
Theme Name: Klein
Description: Template zu Claudiá Klein
Author: clíckagain.de
Author URI: http://www.clickagain.de
*/

#bank {display:none;}
#btn-bk {display:none;}

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

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

/* source-sans-pro-regular - latin */
@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 */
}

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

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


/** BODY **/
html,
body {
 height: 100%;
 position: relative;
}
body{ font-family: 'Source Sans Pro', sans-serif; padding:0px; margin:0px; font-size:16px; max-width:1020px; text-align:left; }

/** Frame **/
.main-container { min-height: 100vh;  overflow: hidden; display: block; position: relative; padding-bottom:30px;  }
#main_frme { padding-left:60px; padding-top:50px; padding-bottom:50px; padding-right:20px; font-weight:400; line-height:22px; letter-spacing: 0.05em; box-sizing:border-box; }
#footer_frme { padding-left:60px; padding-right:20px; letter-spacing: 0.05em; box-sizing:border-box;}


/** NAVIGATION **/
#start { font-family:'Times New Roman', 'Times', 'Arapey', serif; font-size:40px; line-height:40px;  padding-top:70px; padding-left:60px; max-width:870px; padding-bottom:400px; }
#nav { font-family:'Times New Roman', 'Times', 'Arapey', serif; font-size:18px; color:#595959; line-height:20px;  padding-top:42px; padding-left:60px; width:400px; }

/** CONTENT **/
.pdf { padding-top:20px; padding-bottom:40px; text-align:left; width:900px; height:1000px; display:none; }
.full_pdf { padding-top:20px; text-align:left; width:900px; height:1000px; padding-bottom:20px; }
.all_in { cursor:pointer; width:100%; }
#content_unterhaltsam { max-width:400px; }
#content_wen { max-width:690px; }
#content_noch { max-width:720px; }
.cp { cursor:pointer; }
.projekte_resp { display:none; }
#show_p_resp { display:none; }

/** FOOTER **/
#footer_frme {
 position: absolute;
 bottom: 0;
 width: 100%;
}
.foot_link { text-align:right; padding-bottom:10px; }
.foot_link a { font-size:12px!important; }

/** BILDER **/
img { max-width:100%; height:auto; }
.alignleft { float:left; padding-right:20px; }
#content_wer img { padding-bottom:30px; }
.pdf_link .alignleft { float:none; padding-right:10px; }

/** TABELLEN **/
td .alignleft { padding-right:0px; } 
th .alignleft { padding-right:0px; font-weight:400; } 
#content_klingen td:nth-child(1) { width:30px; }
#content_klingen td:nth-child(2) { width:260px; }
#content_klingen td:nth-child(3) { width:490px; }
#content_klingen td:nth-child(4) { width:160px; }
#content_klingen th:nth-child(1) { width:30px; }
#content_klingen th:nth-child(2) { width:260px; margin-left: 31px; }
#content_klingen th:nth-child(3) { width:490px; margin-left: 31px; }
#content_klingen th:nth-child(4) { width:160px; margin-left: 31px; }
#anschaulich td:nth-child(1) { width:180px; }
#anschaulich td:nth-child(2) { width:530px; }
#anschaulich td:nth-child(3) { width:250px; }
#lehrreich th:nth-child(1) { width:190px; }
#lehrreich th:nth-child(2) { width:420px; }
#reportage td:nth-child(1), #reportage td:nth-child(2), #reportage td:nth-child(3) { padding-right:30px; }
#reportage th:nth-child(1), #reportage th:nth-child(2), #reportage th:nth-child(3) { padding-right:30px; font-weight:400; }
#content_radio th:nth-child(1) { width:25px; }
#content_radio th:nth-child(2) { width:320px; margin-left: 31px; }
#content_radio th:nth-child(3) { width:160px; margin-left: 31px;}
#content_radio th:nth-child(4) { width:140px; margin-left: 31px; }
.film { padding-left:35px; }


td { vertical-align:top; text-align:left; }
th { vertical-align:top; text-align:left; font-weight:400; font-family: 'Source Sans Pro', sans-serif; font-size:16px; }

#content td { padding-bottom:5px; padding-right:20px; }


/** ÜBERSCHRIFTEN **/
#content_unterhaltsam h1, #reportage h1, #reportage h1, #content_radio{ font-size: 16px; font-weight: 600; margin: 0; }
#lehrreich h1{ font-size: 16px; font-weight: 600; }
#content_wer h1 { font-family:'Times New Roman'; font-weight:normal; font-size:40px; letter-spacing: 0.05em; }
h1 { font-size:18px; font-weight:600;  }
h2 { font-size:16px; font-weight:600;  }
h3 { font-size:16px; font-weight:600; margin:0px; }


/** LINKS **/
a { text-decoration:none; color:#000; }
#start a { text-decoration:underline; color:#000; }
#start a:hover { color:#004FBD; }
#nav a { text-decoration:underline; color:#595959; }
#nav a:hover { color:#004FBD; }
#nav a.blck { color:#004FBD; }
#main_frme a:hover { color:#004FBD; }
.all_hov:hover { color:#004FBD; }

/** ALLGEMEIN **/
p { margin-top:0px; }
.pb_20 { padding-bottom:20px; }
.pt_30 { padding-top:30px; }
.pl_35 { padding-left:35px; }
.dpn { display:none; }
hr { border-color: #f1f1f1; }
button { border:none; background:#fff; }
button:hover { color:#004FBD; cursor:pointer; }

/** HOVER **/
.all_in:hover { color:#004FBD; }

/** VIDEO **/
video { width:400px; background:#000; }
.wp-video { background:#000; }

.mejs-container {
    width: 100% !important;
}

/** PDF **/
.full_pdf { height:1000px; }
.pdf_link { display:none; padding-left:20px; }
#show_p { display:none; }

/** RESPONSIVE **/

@media screen and (max-width:989px) and (min-width:200px)  {
 #content_klingen td, #content_klingen th { display:block; }
 #anschaulich td { display:block; }
 #lehrreich td, #lehrreich th { display:block; }
 .all_in table { padding-top:10px; }
 td .alignleft { padding-right:10px; }
}

@media screen and (max-width:981px) and (min-width:200px)  {
 .pdf { width:800px; }
 .full_pdf { width:800px; }
}

@media screen and (max-width:899px) and (min-width:200px)  {
 #content_klingen { width:100%; }
 .pdf { width:100%; }
 .full_pdf { width:100%; }
 #reportage td { display:block; } 
 #reportage th { display:block; }
 #reportage td:nth-child(4), #reportage th:nth-child(4) { padding-bottom:15px; } 
}

@media screen and (max-width:989px) and (min-width:768px) {
 #start { padding-left:30px;}
}

@media screen and (max-width:767px) and (min-width:200px)  {
 #content_wer .alignleft  { float:none; margin-bottom:-70px; padding-right:0px; } 
}

@media screen and (max-width:767px) and (min-width:600px) {
 #start { padding-left:20px; }
}

@media screen and (max-width:599px) and (min-width:200px)  {
 #content td, #content th { display:block; }
 #content_radio td, #content_radio th { display:block; }
 #content td:nth-child(3), #content th:nth-child(3)  { padding-bottom:20px; }
}

@media screen and (max-width:599px) and (min-width:568px)  {
 #start { padding-left:20px; }
}

@media screen and (max-width:567px) and (min-width:480px)  {
 #start { padding-left:10px; }
 #main_frme { padding-left:30px; }
 #footer_frme { padding-left:30px; }
 #nav { padding-left:30px; }
 #content_klingen td:nth-child(3) { width:100%; }
 #lehrreich td:nth-child(2) { width:100%; }
}

@media screen and (max-width:479px) and (min-width:321px)  {
 #start { padding-left:5px; font-size:24px; line-height:28px;}
 #nav { padding-left:5px; font-size:13px; width:auto; padding-right:2%; }
 #main_frme{ padding-left:5px;  padding-right:5px; }
 #footer_frme { padding-left:30px; }
 #content_klingen td:nth-child(3), #content_klingen th:nth-child(3) { width:100%; }
 #lehrreich td:nth-child(2), #lehrreich th:nth-child(2) { width:100%; }
 .film td:nth-child(2), .film th:nth-child(2) { width:100%; display:block; }
 .film td:nth-child(3), .film th:nth-child(3) { width:100%; display:block; }
 .film td:nth-child(4), .film th:nth-child(4){ width:100%; display:block; padding-bottom:20px; }
 #anschaulich td:nth-child(1) { width:100%; display:block; }
 #anschaulich td:nth-child(2) { width:100%; display:block; }
 #anschaulich td:nth-child(3) { width:100%; display:block; padding-bottom:20px; }
 .pdf, .full_pdf { height:30px; }
 #content_wen .alignleft { float:none; padding-right:0px; }
 video { width:320px; }
 .pdf_link { display:inline-block; }
 .full_pdf { display:none; height:30px; }
 .projekte_resp { display:inline-block; }
 .projekte { display:none; }
}

@media screen and (max-width:320px) and (min-width:100px)  {
 #start { padding-left:5px; font-size:20px; line-height:24px; }
 #nav { padding-left:5px; font-size:12px; width:auto;}
 #main_frme { padding-left:5px; padding-right:5px; }
 #footer_frme { padding-left:5px; padding-right:5px; }
 #content td, #content th { display:block; }
 #content td:nth-child(3), #content th:nth-child(3) { padding-bottom:20px; }
 #content_klingen td:nth-child(3), #content_klingen th:nth-child(3) { width:100%; }
 #lehrreich td:nth-child(2), #lehrreich th:nth-child(2) { width:100%; }
 .pdf, .full_pdf { height:30px; }
 .film td:nth-child(2), .film th:nth-child(2) { width:100%; display:block; }
 .film td:nth-child(3), .film th:nth-child(3) { width:100%; display:block; }
 .film td:nth-child(4), .film td:nth-child(4) { width:100%; display:block; padding-bottom:20px; }
 #anschaulich td:nth-child(1), #anschaulich th:nth-child(1) { width:100%; display:block; }
 #anschaulich td:nth-child(2), #anschaulich th:nth-child(2) { width:100%; display:block; }
 #anschaulich td:nth-child(3), #anschaulich th:nth-child(3) { width:100%; display:block; padding-bottom:20px; }
 video { width:200px; }
  .pdf_link { display:inline-block; }
 .full_pdf { display:none; height:30px; }
 .projekte_resp { display:inline-block; }
 .projekte { display:none; }
}