h1, h2, h3, h4, h5, h6, caption, th, ul.subNavigation, .seitenIcons a.nachOben, div.giClaim p, .teaserBtn, .anzahl, .snContainer { font-family:"ClanWebPro-NarrMedium", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; line-height:normal; text-transform:uppercase; text-rendering:optimizelegibility; -webkit-font-smoothing:antialiased; zoom:1; }
/* Inhaltsbereich Layout */
.container.inhaltsContainer { background-color:#fff; clear:both; border-top:1px solid #f1f2f1; border-right:1px solid #f1f2f1; border-bottom:1px solid #e4e6e7; border-left:1px solid #f1f2f1; }
.container.dtUebungen .span7 { width:282px; margin-top:58px; }
.container.dtUebungen .span17 { width:700px; margin-top:58px; }
.container.dtUebungen .span17 article { padding:0 20px; }
article.uebungen { font-size:0.875em; line-height:1.35714; }
/* Subnavigation linke Spalte */
ul.subNavigation { margin:0 20px 0 0; padding:0; list-style-type:none; font-size:0.9375em; line-height:1.06666; }
ul.subNavigation > li { margin-bottom:13px; }
ul.subNavigation a { color:#788287; padding:0 20px; display:block; }
ul.subNavigation > li.aktiv > a { color:#474d50; font-size:1.2em; line-height:1.05556; }
/* Farben */
.hellblau { color:#5ac8f5; }
.weiss { color:#fff; }
.grau { color:#788287; }
/* Teaser Start */
.setTeaser.start { height:517px; }
.start01 { background-image:url(../img/start/teaser_start_architect.jpg) }
.setTeaser.start h1 .grau { color:#fff; }
/* Teaser Start News*/
.setTeaser .newsTeaser {  margin-top:50px; margin-left:20px; width:204px; height:auto; }
.setTeaser .newsTeaser h2 { font-size:2.375em; line-height:1; margin:0 0 5px 0; padding:0; }
.newsTeaser h3, .setTeaser .newsTeaser p { margin:0; color:#788287; position:relative; padding-left:20px; }
.newsTeaser h3 { font-size:1.125em; }
.newsTeaser h3:before { content: "\e80d"; font-family:"GI-Iconset"; position:absolute; left:0; font-size:0.722222em; line-height:1.153846153846154; }
.newsTeaser a { color:inherit; }
.newsTeaser a:hover h3 { text-decoration:underline; }
.newsTeaser .preview { position:relative; }
.newsTeaser .previewIcon { background-image:url(../img/btn_play.png); position:absolute; width:49px; height:49px; left:78px; top:44px; }
.newsTeaser .vidLink { color:#fff; position:relative; padding-left:16px; display:inline-block; font-size:0.875em; margin-top:8px; }
.newsTeaser .vidLink:hover { text-decoration:underline; }
.newsTeaser .vidLink:before { content: "\e80d"; font-family:"GI-Iconset"; position:absolute; left:0; top:3px; font-size:0.625em; }
/*  ÜbungssetTeaser */
.setTeaser { background-repeat:no-repeat; position:relative; }
.setInfo { background-color:rgba(0,0,0,0.5); padding:4px 20px 15px 20px; position:absolute; bottom:0; }
.setTeaser a { color:inherit; display:block; height:100%; }
.setTeaser a:hover { text-decoration:none; }
.setTeaser h1, .setTeaser h2, .setTeaser p { margin:0; }
.setTeaser h1 { font-size:2.375em; line-height:1; color:#fff; padding:39px 0 0 18px; }
.setTeaser h2 { font-size:1.75em; line-height:1; color:#fff; margin-bottom:8px; }
.setTeaser h2 .spitzmarke { font-size:0.535714em; display:inline-block; margin-bottom:3px; }
.setTeaser h2 a { display:inline-block; font-size:0.857143em; margin-top:19px; /* position:relative; padding-left:28px; */ line-height:1; }
.setTeaser h2 span[class^="icon-"] { font-size:0.6428571428571429em; position:relative; top:-1px; margin:0 10px; }
.setTeaser h2 a:hover { color:#adb3b6; }
.setTeaser p { font-size:0.875em; line-height:1.35714; color:#fff; }
.setTeaser.set00, .setTeaser.set01, .setTeaser.set02, .setTeaser.set03, .setTeaser.set04, .setTeaser.set05, .setTeaser.set06, .setTeaser.set10{width:100%; height:378px; }
.setTeaser.set00 { background-image:url(../img/verteiler/bg_aufmacher_00.jpg);}
.setTeaser.set01 { background-image:url(../img/verteiler/bg_aufmacher_01.jpg);}
.setTeaser.set02 { background-image:url(../img/verteiler/bg_aufmacher_02.jpg);}
.setTeaser.set03 { background-image:url(../img/verteiler/bg_aufmacher_03.jpg);}
.setTeaser.set04 { background-image:url(../img/verteiler/bg_aufmacher_04.jpg);}
.setTeaser.set05 { background-image:url(../img/verteiler/bg_aufmacher_05.jpg);}
.setTeaser.set06 { background-image:url(../img/verteiler/bg_aufmacher_06.jpg);}
.setTeaser.set10 { background-image:url(../img/verteiler/bg_aufmacher_10.jpg);}

/* BTNs */
.sprungNav { text-align:center; position:absolute; bottom:25px; width:100%; }
.setTeaser .sprungNav a.teaserBtn { color:#fff; display:inline-block; }
.setTeaser .sprungNav a.teaserBtn:hover { color:#5f676b; }
a.teaserBtn { display:inline-block; color:#fff; border:1px solid #fff; padding:8px 19px 6px 20px; margin:0 7px; position:relative; }
a.teaserBtn:hover { background-color:#fff; color:#5f676b; text-decoration:none; }
a.teaserBtn.iconPfeil { padding-left:39px; }
a.teaserBtn.iconPfeil:before { content: "\e80d"; font-family:'GI-Iconset'; font-size:0.75em; /* line-height:1.166666666666667; */ position:absolute; left:19px; }
a.disabled{cursor: default;}
.setInfo a:hover.disabled{color: #fff;}
 /* Breite Teaser */
.teaserBreit { padding:50px 40px; border-bottom:1px solid #fff; }
.teaserText { margin:0 0 0 122px; }
.teaserBreit h2 { font-size:1.5em; margin:0 0 2px 0; }
.teaserBreit p { font-size:0.875em; line-height:1.285714em; margin:0 0 15px 0; color:#788287;}
.teaserBreit a:hover, .teaserBreit a:hover p {text-decoration: none;}
.teaserBreit a:hover h3{text-decoration: underline;}

.teaserBreit .teaserBtn { margin:0; }
 /* Breite Teaser Allgemeine Übungen */
.allgemein { background-color:#a0c814; }
.teaserBreit.allgemein h2 { color:#fff; }
.teaserBreit.allgemein p { color:#374105; }
/* Teaser Breit Verteiler */
.teaserBreit.verteiler { padding-bottom:20px; border-bottom:0; }
.verteiler .icon-arrow-down { font-size:2em; color:#fff; display:block; }
.verteiler .icon-arrow-down:hover { text-decoration:none; color:#374105; }
/* Teaser Breit Übungen */
.teaserBreit.uebungen { padding:0; }
.uebungenSetContainer { display:table; width:100%; padding:50px 0; }
.teaserBreit.uebungen:nth-child(2n+2) .uebungenSetContainer { background-color:#f1f2f1; }
.uebungsSet { display:table-cell; width:33%; padding:0 23px; }
.uebungsSet .teaserBtn { background-color:#a0c814; border-color:#a0c814; color:#fff; }
.uebungsSet .teaserBtn.iconPfeil { padding-left:26px; padding-right:10px; }
.uebungsSet .teaserBtn.iconPfeil:before { left:9px; }
.uebungsSet .teaserBtn.iconPfeil:hover { background-color:#788287; border-color:#788287; color:#fff; }
.meta { text-align:center; width:40px; float:left; }
.meta .snContainer p { margin:0 0 0.55556em 0; font-size:0.5625em; line-height:1.11112; }
.meta .snContainer .niveau { font-size:1.5625em; }
.meta .anzahl { margin-top:0; padding-top:0.625em; border-top:1px solid #d1d4d6; float:none; }
.meta .anzahl .zahlContainer { background-color:#788287; width:28px; height:28px; border-radius:14px; position:relative; left:0.375em; vertical-align:top; }
.meta .anzahl .zahl { font-size:1em; line-height:1; left:unset; top:7px; color:#fff; }
.meta .anzahlText { font-size:0.5625em; }
.uebungsSet .beschreibung { margin-left:60px; }
.uebungsSet .beschreibung h3 { margin:0; }
/* Breite Teaser Themen */
.themen { background-color:#e4e5e6; }
.setContainer { display:table; margin-top:47px; }
.themenSet { width:190px; display:table-cell; }
.themenSet img { height:144px; width:144px; border-radius:77px; margin-bottom:13px; }
.themenSet a { color:inherit; display:block; padding-right:70px; width:190px; }
.themenSet h3 { font-size:1.125em; line-height:1.16667; margin:0; }
.themenSet .spitzmarke { color:#929a9e; font-size:0.666667em; display:inline-block; }
.themenSet .hdl { display:block; margin-top:-1px; }
/* anzahl der Übungen */
.anzahl { float:left; text-align:center; margin-top:-5px; }
.anzahl .zahlContainer { background-color:#fff; width:82px; height:82px; border-radius:41px; display:table-cell; text-align:center; vertical-align:middle; }
.themen .anzahl .zahlContainer { background-color:#5f676b; }
.anzahl .zahl { font-size:3em; line-height:1; position:relative; top:4px; left:2px; }
.anzahl .zahl.dreiSt { font-size:2.25em; left:0; }
.anzahlText { font-size:0.875em; display:inline-block; margin-top:7px; }
.allgemein .zahl { color:#a0c814; }
.themen .zahl { color:#fff; }
.allgemein .anzahlText { color:#fff; }
/* Breite Teaser Info */
.centerContainer { text-align:center; }
.info .setContainer { margin-bottom:70px; margin-top:32px; }
.info .teaserBtn { background-color:#474d50; color:#fff; border-color:#474d50; margin:0 auto;	 }
.themenSet .infoSetContainer { padding-right:70px; width:190px; }
.info a.teaserBtn:hover { background-color:#788287; color:#fff; border-color:#788287; }
.infoSetContainer h1 { font-size:3.75em; margin:0; line-height:1; }
.themenSet img.iconWatch { width:23px; height:28px; margin:0 0 14px 58px; }
.themenSet img.iconHandshake { width:35px; height:25px; margin:0 0 14px 31px; }
.themenSet img.iconGroup { width:29px; height:29px; margin:0 0 14px 41px; border-radius: 0;}
/* breite teaser infos */
#infos {background: #f1f2f1; border-bottom: 1px solid #e4e5e6;}
#infos .themenSet, #infos .themenSet a{width: 330px; padding-right: 20px; text-align: center;}
#infos .themenSet h3, #infos .themenSet p{text-align: left;}
/* anzahl infos */
#infos .anzahl .zahlContainer { background-color:#5f676b; }
#infos .anzahl .zahl { font-size:3em; line-height:1; position:relative; top:4px; left:2px; color: #fff;}
#infos .themenSet .iconInterview{  width: 50px; height: 55px; margin: 49px 0 50px 53px; border-radius: 0;}
/* Icons Artikelfooter */
.seitenIcons { margin-top:82px; font-size:68.75%; padding-bottom:1em; }
.seitenIcons a.nachOben { color:#788287; float:right; margin-right:1.25em; margin-bottom:2px; text-align:right; display:inline-block; }
.seitenIcons a.nachOben span.icon-double-arrow-up { margin-right:0; font-size:68.75%; margin-left:6px; }
.seitenIcons a.drucken { color:#788287; display:inline-block; float:left; margin-left:15px; font-size:125%; margin-top:1px; }
.seitenIcons a.nachOben:hover, .seitenIcons a.drucken:hover { text-decoration:none; color:#5F676B; }

a.teaserBtn.iconPfeil { padding-left:19px; }
a.teaserBtn.iconPfeil:before { content: "\e80d"; font-family:'GI-Iconset'; font-size:0.75em; position:relative; top:-1px; margin-right:8px; left: 0;}
.newsTeaser h3 { font-size:1.125em; padding-left:0; }
.newsTeaser h3:before { content: "\e80d"; font-family:“GI-Iconset”; position:relative; top:-2px; margin-right:7px; font-size:0.722222em; }
.meta .anzahl .zahlContainer { background-color:#788287; width:28px; height:28px; border-radius:14px; position:relative; left:0.375em; }
.meta .anzahl .zahl { font-size:1em; color:#fff; left:0; top:3px; }
.uebungsSet .teaserBtn.iconPfeil { padding-left:10px; padding-right:10px; }
.uebungsSet .teaserBtn.iconPfeil:before { left:inherit; }

/* breite teaser auswärtiges amt note */
.teaserBreit#aa p{ font-size: 12.7px;}
.teaserBreit#aa { padding: 0 40px;border-top: 1px solid #e4e5e6;}

/* breite teaser auswärtiges amt note */
.teaserBreit#dfd {padding: 0 40px;border-top: 1px solid #e4e5e6;}
.teaserBreit#dfd .teaserText.infos{margin-left: 122px;}
.teaserBreit#dfd .teaserText{margin-left: 43px;}
.teaserBreit#dfd a,.teaserBreit#dfd a p{ color: #788287; text-decoration: none;}
.teaserBreit#dfd a span{color: #47abd8;}
.teaserBreit#dfd a:hover span{text-decoration: underline;}
.teaserBreit#dfd p {padding-left: 50px; background:url(../img/icon_bubble_dfd.png) no-repeat 0 4px;}

/* Infos */
.setTeaser.infos{ background-image:url(//www.goethe.de/resources/relaunch/deutsch_uebungen/img/verteiler/bg_infos.jpg); width:100%; height:378px; }
#interviews .themenSet a:hover, #dossiers .themenSet a:hover{text-decoration: none;}
#interviews .themenSet a:hover h3, #dossiers .themenSet a:hover h3{text-decoration: underline;}
#dossiers { background-color:#a0c814; color: #fff!important;}
#dossiers .anzahl .zahlContainer { background-color:#fff; color: #a0c814}
#dossiers .anzahl .zahl{color: #a0c814}
#dossiers p{color: #374105}
#dossiers .spitzmarke{color: #fff;}
#interviews { background-color:#fff; }
#interviews img { height:54px; width:60px; border-radius:0px; margin-bottom:0px; }
#interviews .iconInterview{ width:50px; height:55px; margin:0 0 5px 53px; }
#interviews .anzahlText {margin-left: -9px;}
