/* [] General Styles */

/* target all pages */
@page {
    /*size: A4 landscape;*/
    /*margin: 2cm;*/
  }

/* [] Fonts */

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/Noto_Sans/NotoSans-Regular.ttf') format('truetype') ;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/Noto_Sans/NotoSans-BlackItalic.ttf') format('truetype') ;
    font-style: italic;
    font-weight: 900;
}

@font-face {
    font-family: 'Noto Serif';
    src: url('fonts/Noto_Serif/NotoSerif-VariableFont_wdth,wght.ttf') format('truetype') ;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/Noto_Sans_KR/NotoSansKR-Regular.otf');
    font-style: normal;
    font-weight: 400;  
}

@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/Noto_Sans_KR/NotoSansKR-Medium.otf');
    font-style: normal;
    font-weight: 500;  
}



@font-face {
    font-family: 'Noto Sans';
    src: url('fonts/Noto_Sans_KR/NotoSansKR-Black.otf');
    font-style: normal;
    font-weight: 900;  
}


body {  
    display: flex;
    /*min-width: 210mm;
    max-width: 210mm;
    min-height: 297mm;
    max-height: 297mm;*/
    /*margin: 0 auto;*/
    flex-direction: column;
    /*margin: 0;*/
    /*padding: 2cm;*/
    /*box-sizing: border-box;*/
    /*background-color: #fffeee;*/
    font-family: Noto Sans, sans-serif;
}

footer {
    display: none;
    }

/* [] Standard HTML Elements */

h1 {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 800;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #fa618d;
}

h2 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #484c6e;
}

h3 {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 0.8em;
    color: #484c6e;
}


h4 {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: 800;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #fb8f75;
}

@media print{
h5 {
    font-family: 'Noto Sans';
    font-weight: 800;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #484c6e !important;
    print-color-adjust: exact;
}
}

p {
    font-family: 'Noto Sans';
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #484c6e;
}

hr {
    width: 100%;
    border-top: 1px dashed #484c6e;
    border-left: none;
    border-bottom: none;
    border-right: none;
    margin: 0.25em 1px 0.25em 1px;
}

span {
    color: #fa618d;  
}
.navbar26-con1 {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
}

.navbar26-kursmenu {
    display: none;
    }

.navbar26-con3 {
    display: none;
    }

.navbar26-logo {
    width: 30px;
    height: 30px;
    padding-top: 2px;
    }

.navbar26-title {
    font-size: 1.2em;
    display: inline-block;
    
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #61b2a9 !important;
    print-color-adjust: exact;
}

.navbar26-title a{
    color: #61b2a9 !important;
    print-color-adjust: exact;
    text-decoration: none;
}

.navbar26-kapitel-item-yellow {
    font-size: 1.2em;
    display: inline-block;
    
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    margin-left: 3px;
    margin-bottom: 0.5em;
    color: #61b2a9 !important;
    print-color-adjust: exact;
}

.navbar26-kapitel-item-yellow a{
    color: #61b2a9 !important;
    print-color-adjust: exact;
    text-decoration: none;
}

.han-con1-col .han-con2-row .han-con3-col {
    min-width: 210mm;
    max-width: 210mm;
    }

/* [] Elemente */

.kapitel-bar{   
    display: none;
}


.ueb_kap-ueb {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    flex-grow: 1;
    align-items: flex-end;
    text-align: left; 
    margin: 0px;
    padding: 24px;
    padding-bottom: 0px;
    color:#fa618d;
}

.ueb_kap-ueb-item {
    display: none;
    }


.ueb_kap {
    display: grid;
    grid-auto-rows: minmax(0px, auto);
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    padding: 24px;
}

.ueb_kap-h2 {
    text-align: left;
    grid-row: 1/2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.ueb_kap-con1-inhalt {
    text-align: left;
    grid-row: 3/4;
}

.ueb_kap-con-media {
    text-align: left;
    grid-row: 2/3;
    display: flex;
    flex-direction: column;
    max-height: 300px;
    margin-bottom: 24px;
}

.ueb_kap-point{  
    border: #62b2a9 solid 2px;
    background-color: #62b2a9 !important;
    print-color-adjust: exact;
    border-radius: 15px;
    color: #62b2a9;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-top: 6px;
    margin-right: 10px;
    margin-bottom: -3px;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    flex-shrink: 0;
}



.ueb_kap-img{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: left;
    align-self: flex-start;
    border-radius: 10px;  
}

.ueb_kap-video-img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: left;
    align-self: flex-start;
    border-radius: 10px;
    }

.ueb_kap-video {
    display: none;
    }

.ueb_kap-audio-img{
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;  
}  



.ueb_kap-con2-inhalt {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;  
}


.ueb_kap-con2-inhalt p {
    font-family: Noto Sans;
    font-size: 1rem;
    text-align: left; 
    color: #484c6e;
}

.ueb_kap-con2-inhalt li {
    list-style-type: none; 
    font-family: Noto Sans;
    font-size: 1.5em;
    font-weight: 500;
    text-align: left; 
    color: #484c6e;  
}

.text_1 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    padding: 24px;
}

.text_1-con1-row {
	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.text_1-con1-row p {
    
    font-size: 1rem;
    text-align: left;  
}
.text_1-point{  
    border: #62b2a9 solid 2px;
    background-color: #62b2a9 !important;
    print-color-adjust: exact;
    border-radius: 15px;
    color: #62b2a9;
    display: inline-block;
    height: 20px;
    width: 20px;
    /*margin-top: 6px;*/
    margin-right: 10px;
    margin-bottom: -3px;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    flex-shrink: 0;
}

.text_1-ueb {
    min-width: 50%;
    flex-grow: 1;
    font-family: Noto Sans;
    font-size: 1.5rem;
    font-weight: 500;
    color: #484c6e;
    padding-bottom: 4px;
}


.thema_1, .p-thema_1 {
    display: flex;
    border: #484c6e solid 2px;
    border-radius: 10px;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    text-align: left;   
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 14px;
    padding-bottom: 0px;
    color: #484c6e;
    page-break-before: always;
}

.s-thema_1 {
    display: none;
    }
/*
.thema_1 h5, .p-thema_1 h5{
    font-family: 'Noto Sans';
    font-weight: 800;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 0.5em;
    color: #62b2a9;

}
*/


.wort_tab2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    margin: 5px; 
    padding: 24px;
    background-color:#fdf3bb;
}

.wort_tab2-con1-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
}



.wort_tab2-kor {
    width: 50%;
    flex-grow: 1;
    font-family: Noto Sans;
    font-size: 1.5rem;
    font-weight: 500;
    color: #484c6e;
    /*padding-left: 30px;*/
}

.wort_tab2-deu {
    width: 50%;
    flex-grow: 1;
    font-size: 1rem;
    padding-left: 6px;
    padding-top: 10px;
}



.uebungen-link-con {
    display: none;
}


.text_2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    margin: 5px; 
    padding: 24px;
    background-color:#fdf3bb;
}

.text_2-con1-row {
	width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.text_2-con1-row p {
    
    font-size: 1rem;
    text-align: left;  
}


.s-wort_boxi {
    display: none;
    }

.wort_boxi {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    margin: 5px; 
    padding: 12px;
    background-color:#fdf3bb;
}

.wort_boxi-con1 {
	width: 200px;
    height: 200px;
    margin: 12px;
    border-radius: 10px;
    border-color: #61b2a9 !important;
    background-color: white;
    print-color-adjust: exact;
    border: solid 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    page-break-inside: avoid;
}
.wort_boxi-img{
    height: 140px;
    min-width: 200px;
    max-width: 200px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    page-break-inside: avoid;
}

.wort_boxi-audio_button {   
    display: none;
    }

.wort_boxi-audio_button:hover {
    display: none;
    }


.wort_boxi-iframe{
    width: 100%;
    height: 70%;
    position: absolute;
    z-index: 1;
    top: 0px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.wort_boxi-kordeu {
	position: absolute;
    z-index: 2;
    width: 100%;
    height: 60px;
    bottom: 0px;
    background: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
     
}

.wort_boxi-kor {
	position: absolute;
    z-index: 3;
    font-size: 1.3rem;
    font-weight: 300; 
    bottom: 25px;
    left: 10px; 
}

.wort_boxi-deu {
	position: absolute;
    z-index: 3;
    font-size: 1rem;
    bottom: 5px;
    left: 10px;
    color:#61b2a9 !important;
    print-color-adjust: exact;
}


.p-tabelle_2{
    display: table;
    text-align: center; 
    color: #484c6e;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 2em;  
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 14px;
    padding-bottom: 7px;
}

.p-tabelle_2-row {
    display: table-row; 
    height: 60px;      
}

.p-tabelle_2-cellhead {
    border: white solid 2px;
    color: #fa618d;
    display: table-cell;
    width: 60px;
    height: 60px;
    background-color: #fdf3bb !important;
    print-color-adjust: exact;  
}

.p-tabelle_2-cell {
    border: white solid 2px;
    display: table-cell;
    width: 60px;
    height: 60px;
    padding-top: 11px;
    background-color: #fffeef !important;
    print-color-adjust: exact;
}

.p-tabelle_2-cello {
    border: white solid 2px;
    display: table-cell;
    width: 60px;
    height: 60px;
    padding-top: 11px;
}


.dia_lang {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    margin: 5px; 
    padding: 24px;
    background-color:#fdf3bb;
}

.dia_lang-con1-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
}

.dia_lang-name-kor{  
    
    width: 60px;
    max-width: 80px;
    border-color: #61b2a9 !important;
    border: solid 2px;
    border-radius: 10px;
    color: #61b2a9 !important;
    padding: 2px;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 10px;
    print-color-adjust: exact;
}


.dia_lang-kor {
    min-width: 50%;
    flex-grow: 1;
    font-family: Noto Sans;
    font-size: 1.3rem;
    font-weight: 300; 
    color: #484c6e;
}

.dia_lang-deu {
    flex-grow: 1;
    font-size: 1rem;
    padding-left: 6px;
    padding-top: 10px;
}

.dia_lang-name-deu {
    flex-grow: 1;
    font-size: 1rem;
    padding-left: 6px;
    padding-top: 10px;
}


.text_box {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    margin: 5px; 
    padding: 24px;
}

.text_box1-ueb{  
    border: #484c6e solid 2px;
    border-radius: 10px;
    color: #484c6e;
    padding: 2px;
    padding-left: 7px;
    padding-right: 30px;
}

.text_box2-ueb{  
    border: #484c6e solid 2px;
    border-radius: 10px;
    color: #484c6e;
    padding: 2px;
    padding-left: 7px;
    padding-right: 30px;
}

.text_box3-ueb{  
    border: #484c6e solid 2px;
    border-radius: 10px;
    color: #484c6e;
    padding: 2px;
    padding-left: 7px;
    padding-right: 30px;
}


.text_box_ueb2 {
    font-family: Noto Sans;
    font-size: 1.3rem;
    font-weight: 500;
    color: #484c6e;
    padding: 2px;
    padding-right: 30px;
}

.text_box-txt {
    font-size: 1rem;
    padding: 2px;
    padding-right: 30px;
}



.dia_tab3 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    flex-grow: 1;
    text-align: left; 
    color: #484c6e; 
    padding: 24px;
    background-color:#fdf3bb;
}

.dia_tab3-con1-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
}

.dia_tab3-ueb{  
    border: #fdf3bb solid 2px;
    background-color: #fdf3bb !important;
    print-color-adjust: exact;  
    border-radius: 15px;
    color: #fa618d;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin-top: 2px;
    margin-right: 6px;
    margin-bottom: 2px;
    padding-bottom: 1px;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    text-decoration: none;
    flex-shrink: 0;
}


.dia_tab3-kor {
    min-width: 50%;
    flex-grow: 1;
    font-family: Noto Sans;
    font-size: 1.5rem;
    font-weight: 500;
    color: #484c6e;
}

.dia_tab3-deu {
    flex-grow: 1;
    font-size: 1rem;
    padding-left: 6px;
    padding-top: 10px;
}

.p-media_2 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    margin: 5px; 
    padding: 24px;
    background-color:#fdf3bb;
}

.media_1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-radius: 10px;
    text-align: left; 
    color: #484c6e; 
    margin: 5px; 
    padding: 24px;
    background-color:#fdf3bb;
}

.media_1-con {
    position: relative;
}

.media_1-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    max-height: 320px;
    
}

.media_1-iframe{
    display: none; 
}

.media_1-audio_button {       
    display: none;
}


.media_2-con {
    position: relative;
}

.s-media_2{
    display: none;
}

.media_2-img{   
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    max-height: 320px;
}