/* reset + html5 boilerplate*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul,.frame-type-menu_subpages ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/* reset end - fonts.css aus der YUI Bibliothek developer.yahoo.com/yui/ */
body{font:12px/17px Arial;*font-size:small}select,input,textarea,button{font:93% sans-serif}.pre,code,kbd,samp{font-family:monospace,sans-serif}body,select,input,textarea{color:#333;font-family:Arial,serif}h1,h2,h3,h4,h5,h6{font-weight:700}html{overflow-y:scroll}a:hover,a:active{outline:none;text-decoration:underline}ul,ol{margin-left:1.8em}ol{list-style-type:decimal}nav ul,.frame-type-menu_subpages ul,nav li{margin:0}small{font-size:85%}strong,th{font-weight:700}td,td,img{vertical-align:top}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}textarea{overflow:auto}.ie6 legend,.ie7 legend{margin-left:-7px}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom}.ie7 input[type="checkbox"]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type=button],input[type=submit],button{cursor:pointer}button,input,select,textarea{margin:0}input:valid,textarea:valid{}input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red}.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}::-moz-selection{background:#00ADEF;color:#fff;text-shadow:none}::selection{background:#00ADEF;color:#fff;text-shadow:none}a:link{-webkit-tap-highlight-color:transparent}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.hidden{display:none;visibility:hidden}.visuallyhidden{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.invisible{visibility:hidden}section:before,section:after,article:before,article:after,.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden}section:after,article:after,.clearfix:after{clear:both}section,article,.clearfix{zoom:1}
a{color:#06c;text-decoration:none}
a:hover,focus{text-decoration:underline}
h1 a,h2 a,h3 a,h4 a,h5 a{color:#13506d}
a.pdf{padding:0 0 0 22px;background:transparent url(../img/sprite_20120718.png) no-repeat -484px -293px}
a.rtf{padding:0 0 0 22px;background:transparent url(../img/sprite_20120718.png) no-repeat -484px -267px}
a.button{display:inline-block;background: transparent;border:1px solid #009d3d;border-radius:10px;line-height:36px;height:36px;padding:0 10px;color:#009d3d;text-decoration:none}
a.button:hover,.button:focus{background:#0c3;color:#fff;text-decoration:none}
.frame-space-before-extra-small{margin-top:30px!important;}
.align-left{text-align:left}
.align-center{text-align:center}
.align-right{text-align:right}
.align-justify{text-align:justify}
[dir="rtl"]{text-align:right}
[dir="rtl"].align-left{text-align:left}
[dir="rtl"].align-center{text-align:center}
[dir="rtl"].align-justify{text-align:justify}
/* form css */
div.csc-mailform ol,div.csc-mailform ol li{margin:0;padding:0}
div.csc-mailform ol li{overflow:hidden}
div.csc-mailform fieldset{margin:0;padding:0;position:relative}
div.csc-mailform legend{margin-left:1em;color:#000;font-weight:700}
div.csc-mailform fieldset ol{padding:1em 1em 0}
div.csc-mailform fieldset li{padding:.5em;margin-bottom:.5em;list-style:none}
div.csc-mailform fieldset.submit{border-style:none}
div.csc-mailform li label,fieldset.fieldset-subgroup legend,div.tx-powermail label,.powermail_radio_legend{float:left;width:13em;margin-right:1em;vertical-align:baseline}
.formErrorContent{color:red;font-weight:700}
.tx-powermail h3,.powermail_fieldwrap_8{margin:20px 0}
.powermail_fieldwrap_text{margin:5px 0 15px}
#powermail_fieldwrap_74{text-align:right;margin:-10px 8px 0 0}
div.csc-mailform li textarea + label{vertical-align:top}
label em,legend em{display:block;color:#060;font-size:85%;font-style:normal;text-transform:uppercase}
legend em{position:absolute}
.labels-alignment-right label,.labels-alignment-right .fieldset-subgroup legend,.labels-alignment-right.fieldset-subgroup legend{text-align:right}
fieldset.fieldset-horizontal{border-width:0}
fieldset.fieldset-horizontal ol{padding:0}
fieldset.fieldset-horizontal li{float:left;padding:0;margin-right:1em}
fieldset.fieldset-horizontal.label-below label{display:block;margin-left:0;margin-top:.2em;font-size:90%;color:#999;text-align:left}
fieldset.fieldset-horizontal label em{display:inline}
fieldset.fieldset-subgroup{margin-bottom:-2em;border-style:none}
fieldset.fieldset-subgroup ol{position:relative;top:-1.4em;margin:0 0 0 14em;padding:0}
fieldset.fieldset-subgroup li{padding:0}
fieldset.fieldset-subgroup input + label{float:none;width:auto;display:inline;margin:0 0 0 1em}
.labels-block label{display:block;float:none;margin:0 0 .5em;width:auto}
.labels-block input + label,.labels-block textarea + label{margin:.5em 0 0}
.labels-block fieldset.fieldset-subgroup,fieldset.labels-block.fieldset-subgroup{margin-bottom:0}
.labels-block .fieldset-subgroup legend,.labels-block.fieldset-subgroup legend{width:auto}
.labels-block .fieldset-subgroup legend em,.labels-block.fieldset-subgroup legend em{position:relative}
.labels-block .fieldset-subgroup legend strong,.labels-block.fieldset-subgroup legend strong{position:relative;top:0}
.labels-block .fieldset-subgroup ol,.labels-block.fieldset-subgroup ol{top:0;margin:0;padding:.5em 0 0}
/* tjfbg.de styles */
body{background:#044f70;font-weight:normal;font-size:16px;line-height:24px;font-family:'Source Sans Pro',Arial,sans-serif;text-align:center;color:#333}
body#uid1{font-size:14px;line-height:24px}
#page-header{background:#fff;min-width:981px;position:relative}
#page-head-wrapper{position:relative;max-width:981px;margin:0 auto}
#page-head-wrapper:before,#page-head-wrapper:after{display:table;clear:both;content:''}
#page-header h1,#logo{float:left}
#page-header h1 a,#logo a{display:block;text-indent:-999em;overflow:hidden;background:transparent url(../img/tjfbg_gruen.svg) no-repeat 0 0;background-size:100%;text-align:left;direction:ltr;float:right;width:100px;height:52px;margin:25px 0 25px 27px}
/* 30 Jahre Special */
#page-header h1 a,#logo a{background-image: url(../img/svg/tjfbg-logo-30-jahre.svg);margin: 23px 0 28px 0;width: 127px;height: 51px}
#uid2279 #parallax-header img{min-height:0;min-width:0;height:347px;width:auto;transform:translate(-50%,102px)}
/* Youtube & Facebook */
#facebook,#instagram,#youtube{z-index:2;position:absolute;top:50px;transform:translateY(-50%);left:calc(50% + 510px);text-indent:-9999px;width:30px;height:30px;background-color:transparent;background-image:url(../img/svg/facebook.svg);background-repeat:no-repeat;background-position:center center;background-size:contain}
#instagram{background-image:url(../img/svg/instagram.svg);left:calc(50% + 560px)}
#youtube{background-image:url(../img/svg/youtube.svg);left:calc(50% + 610px)}
@media screen and (max-width: 1299px){#facebook,#instagram,#youtube{position:relative;top:inherit;left:inherit;transform:none;display:inline-block;margin:30px 10px 0}}
/* Navigation */
#main-nav{margin:0 75px 0 25px;float:left;text-align:left;font:normal normal 400 18px/44px 'Source Sans Pro',Arial,sans-serif;position:relative}
/* nav - 1st level */
#main-nav > ul:before,#main-nav > ul:after{display:table;clear:both;content:''}
#main-nav > ul > li{float:left}
#main-nav > ul > li > a,#main-nav > ul > li > a:visited,#main-nav > ul > li > a:active{color:#666;line-height:102px;height:102px;display:block;padding:0 15px;font-family:'Source Sans Pro';font-size:17px}
#main-nav > ul > li.active > a,#main-nav > ul > li.active > a:visited,#main-nav > ul > li.active > a:active{color:#00923a;background:transparent }
#main-nav > ul > li:hover > a,#main-nav > ul > li > a:focus{color:#fff!important;background:#00923a!important;text-decoration:none}
/* nav - 2nd level */
#main-nav > ul > li > ul{position:absolute;top:-999px;left:0;right:0;opacity:0;transition:0.3s opacity}
#main-nav > ul > li > ul > li{min-height:34px;line-height:34px;text-indent:0;margin-left:102px;padding-left:20px;position:relative}
#main-nav > ul > li:hover > ul{background:#00923a;top:102px;opacity:1;padding:57px 0 30px;z-index:10;display:block;height:auto}
#main-nav > ul > li:hover > ul > li.pseudo,#main-nav > ul > li:hover > ul > li.pseudo:hover{position:absolute;display:block;left:-251px;top:0;bottom:0;margin:0;width:318px;height:auto;padding:42px 20px 0 15px;color:#d9d7d1;background:#00742e;text-align:right;font-size:28px;line-height:normal;font-family:'Source Sans Pro',sans-serif}
#main-nav > ul > li:hover > ul > li.pseudo span{padding-bottom:9px;border-bottom:1px solid #fff}
#main-nav > ul > li:hover > ul > li > a{font:18px/34px 'Source Sans Pro',sans-serif;color:#d9d7d1;text-decoration:none;background:transparent;display:block}
#main-nav > ul > li:hover > ul > li.active, #main-nav > ul > li:hover > ul > li.current{background:url(../img/menu-arrow.png) no-repeat 0 8px #0c3}
#main-nav > ul > li:hover > ul > li.active > a, #main-nav > ul > li:hover > ul > li.current > a{color:#fff;background:transparent;border:0}
#main-nav > ul > li:hover > ul > li > a:hover{color:#fff;}
/* nav beautify */
#main-nav > ul > li > ul > li{opacity:0;transition:0.3s opacity}
#main-nav > ul > li:hover > ul > li{opacity:1;}
#main-nav > ul > li:hover > ul > li:nth-child(1){transition-delay:0.05s}
#main-nav > ul > li:hover > ul > li:nth-child(2){transition-delay:0.10s}
#main-nav > ul > li:hover > ul > li:nth-child(3){transition-delay:0.15s}
#main-nav > ul > li:hover > ul > li:nth-child(4){transition-delay:0.20s}
#main-nav > ul > li:hover > ul > li:nth-child(5){transition-delay:0.25s}
#main-nav > ul > li:hover > ul > li:nth-child(6){transition-delay:0.30s}
#main-nav > ul > li:hover > ul > li:nth-child(7){transition-delay:0.35s}
#main-nav > ul > li:hover > ul > li:nth-child(8){transition-delay:0.40s}
#main-nav > ul > li:hover > ul > li:nth-child(9){transition-delay:0.40s}
#main-nav > ul > li:hover > ul > li:nth-child(10){transition-delay:0.45s}
#main-nav > ul > li:hover > ul > li:nth-child(11){transition-delay:0.50s}
#main-nav > ul > li:hover > ul > li:nth-child(12){transition-delay:0.55s}
/*.deskswitch{position:absolute;top:0;right:0;width:34px;height:34px;background:rgba(0,0,0,0.1);border:0;color:#fff;outline:0;z-index:2}
.deskswitch:before{content:'+'}
li.active > .deskswitch:before{content:'-'}*/
.deskswitch{display:none;}
/* nav - 3rd level */
#main-nav > ul > li > ul > li > ul{position:relative;background:#00923a;margin-left:-20px;padding-left:56px}
#main-nav > ul > li > ul > li.active > ul{display:block}
#main-nav > ul > li > ul > li > ul > li > a{font:16px/30px 'Open Sans',sans-serif;color:#d9d7d1;text-decoration:none;background:transparent;display:block;background:transparent}
#main-nav > ul > li.active > ul > li.active > ul > li.active > a,#main-nav > ul > li> ul > li > ul > li:hover > a{color:#fff}
/* nav - Special Studium • Karriere */
#main-nav > ul > li:nth-child(4) > ul, #main-nav.mobile > ul > li:nth-child(4) > .mobswitch{display:none!important}
/* Service Navigation */
#service-nav{position:absolute;right:0;bottom:0;top:0;width:120px}
#service-nav-toggle{display:block;background:transparent;border:0;outline:0;left:0;right:0;top:0;bottom:0;position:absolute;padding:0;width:100%;box-shadow:none;}
#service-nav-toggle > span{position:absolute;width:22px;height:20px;display:block;left:50%;top:50%;transform:translate(-50%,-50%)}
#service-nav-toggle > span > span{position:absolute;width:22px;height:4px;display:block;background:#3aaa35;left:0;top:8px;transition:all 0.1s ease}
#service-nav-toggle > span > span:first-child{top:0}
#service-nav-toggle > span > span:last-child{top:16px}
#service-nav.open #service-nav-toggle{background:#3aaa35}
#service-nav.open #service-nav-toggle > span > span{opacity:0;background:#fff}
#service-nav.open #service-nav-toggle > span > span:first-child{opacity:1;top:8px;transform:rotate(45deg)}
#service-nav.open #service-nav-toggle > span > span:last-child{opacity:1;top:8px;transform:rotate(-45deg)}
#service-nav > ul{opacity:0;transition:0.3s opacity;padding:100px;display:block;margin:0;position:absolute;top:-999px;width:781px;right:0;z-index:99;background:#3aaa35;background:-moz-linear-gradient(top,#3aaa35 0%,#109e49 100%);background:-webkit-linear-gradient(top,#3aaa35 0%,#109e49 100%);background:linear-gradient(to bottom,#3aaa35 0%,#109e49 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3aaa35',endColorstr='#109e49',GradientType=0)}
#service-nav > ul:before,#service-nav > ul:after{display:table;clear:both;content:''}
#service-nav.open > ul{opacity:1;top:102px;}
#service-nav ul{list-style:none;margin-left:0}
#service-nav > ul > li{margin-left:651px}
#service-nav > ul > li:nth-child(1),#service-nav > ul > li:nth-child(2){float:left;margin-left:0}
#service-nav > ul > li:nth-child(2){margin-left:60px}
#service-nav > ul > li > a{color:#fff;display:block;border-bottom:1px solid;text-align:left;font-family:'PT Sans';font-size:24px;line-height:42px;text-decoration:none}
#service-nav > ul > li > ul > li{margin-top:15px}
#service-nav > ul > li > ul > li > a{display:block;text-align:left;color:#fff;font-family:'PT Sans';font-size:18px;line-height:normal}
#service-nav > ul > li > ul > li > ul{display:none}
/* service nav beautify */
#service-nav > ul > li{opacity:0;transition:0.3s opacity}
#service-nav.open > ul > li{opacity:1;}
#service-nav.open > ul > li:nth-child(1){transition-delay:0.10s}
#service-nav.open > ul > li:nth-child(2){transition-delay:0.20s}
#service-nav.open > ul > li:nth-child(3){transition-delay:0.30s}
#service-nav.open > ul > li:nth-child(4){transition-delay:0.40s}
#service-nav.open > ul > li:nth-child(5){transition-delay:0.50s}
/* nav - teaser clone 3rd level */
#teasernav{display:flex;list-style:none;margin:0 0 8px;padding-left:15px;border-bottom:1px solid #cbc4ac;width:981px;box-sizing:border-box}
#teasernav li{margin:0!important}
#teasernav li a{display:block;white-space:nowrap;height:30px;line-height:30px;padding:0 17px;font-size:14px;font-family:'PT Sans',sans-serif;color:#7b7b7b;text-decoration:none;position:relative}
#teasernav li.active a,#teasernav li a:hover,#teasernav li a:focus{color:#1e9445}
#teasernav li.active a:after,#teasernav li.current a:after,#teasernav li a:hover:after,#teasernav li a:focus:after{content:'';display:block;position:absolute;height:3px;left:0;right:0;bottom:-2px;background:#1e9445}
h1 + #teasernav{margin-bottom:19px;margin-left:-32px}
/* nav - chronik */
.chronik #teasernav li a{padding:0 14px}
@media screen and (min-width: 481px){
.chronik #teasernav {position: relative}
.chronik #teasernav .slick-prev,.chronik #teasernav .slick-next{position:absolute;box-shadow:none;background:transparent;border:0;padding:0;width:24px;height:24px}
.chronik #teasernav .slick-prev:before,.chronik #teasernav .slick-next:before{display:block;content:'';width:14px;height:14px;border:solid #222;border-width:2px 2px 0 0;position: absolute;}
.chronik #teasernav .slick-prev:before{transform:rotate(225deg);top:4px;left:9px}
.chronik #teasernav .slick-next:before{transform:rotate(45deg);top:4px;left:0}
.chronik #teasernav .slick-prev{left:-35px;text-indent:-99999px}
.chronik #teasernav .slick-next{right:-35px;text-indent:-99999px}
.chronik #teasernav .slick-arrow.slick-disabled{opacity:0.25}
.chronik #teasernav .slick-list{width:calc(18 * 53px)}
}
#main{background:#eeedea;padding:0 0 50px;min-width:981px;overflow-y:hidden;}
#uid1 #main{padding-top:40px}
.main-wrapper{margin:0 auto;text-align:left;width:981px}
#locator{padding:10px 0;color:#726a55;margin:0}
#locator strong{font-weight:400}
#locator a{color:#726a55}
.none{display:none}
#content{padding:0 0 0 32px}
.box{margin-left:-32px}
.box-four{background:#cbc4ac url(../img/h1-back.png) repeat-x 0 0;padding:7px;height:485px;margin:0 0 30px -32px}
.teaser-1{float:left;width:194px;padding:0 26px 0 25px}
.teaser-1 p{padding:20px 0 0;margin:0}
.teaser-2{float:left;width:238px;height:485px;background-color:#fff;background-color:rgba(255,255,255,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);zoom:1}
.teaser-2 img{margin:0 0 10px -8px}
.teaser-2 p,.teaser-3 p,.teaser-4 p{font:normal 14px/18px 'Source Sans Pro',Arial,sans-serif;padding:0 0 0 8px;margin:0}
.teaser-3{float:left;width:246px;height:485px;background-color:#EEEDEA;background-color:rgba(255,255,255,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF,endColorstr=#CCFFFFFF) zoom: 1}
#content .teaser-2 h1,#content .teaser-3 h1,#content .teaser-4 h1{text-align:center}
.teaser-3 img{margin:0 0 10px -1px}
.teaser-4{float:left;width:238px;height:485px;background-color:#fff;background-color:rgba(255,255,255,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF,endColorstr=#99FFFFFF);zoom:1}
.teaser-4 img{margin:0 0 10px -2px}
.box-four ul{list-style-type:none;margin:10px 0 0;padding:0}
.teaser-3 ul{margin-top:28px}
.box-four li g/t a,.box-four li a:active,.box-four li a:visited{display:block;border-top:1px solid #fff;font:normal 14px/27px 'Source Sans Pro',Arial,sans-serif;padding:0 0 0 35px;background-position:-475px -207px}
.box-four li a:hover{background-color:#b9cd4e;text-decoration:none}
.box-four ul li:first-child a,.box-four ul li:first-child a:active,.box-four ul li:first-child a:visited{border-top:0 none}
#news-single-item h2{padding:0}
#content .box h1{padding-left:32px}
#content .teaser-1 h1,#content .teaser-2 h1, #content .teaser-3 h1, #content .teaser-4 h1{padding:30px 0 15px;font:normal normal 300 24px/30px 'Yanone Kaffeesatz',Arial,sans-serif;color:#1c689b}
#teaser{display:flex;margin-bottom:30px;background:#fff;font:normal 14px/20px 'Source Sans Pro',Arial,sans-serif;color:#333}
#teaser-content{width:256px;box-sizing:border-box;padding:20px 10px 0 32px}
#teaser-image{background:#000}
#teaser.teaser-with-slider{display:block;}
.chronik #teaser{margin-bottom:50px}
#teaser h2{font-family:'Source Sans Pro',Arial,sans-serif;font-size:16px}
#teaser .dsslick{margin-top:-20px}
#teaser .slickimage{float:right;margin:0 0 0 15px;background:#000}
#teaser .slickcontent{width:calc(100% - 765px);float:left;padding-top:20px;padding-left:25px}
#teaser .slickcontent p{margin:5px 0 35px}
#main #teaser .slick-dots{margin:0;position:absolute;left:calc(50% + 128px);transform:translateX(-50%);bottom:10px;list-style:none}
#main #teaser .slick-dots li{line-height:0;display:inline-block;margin-right:5px}
#main #teaser .slick-dots button{margin-left:0;width:9px;height:9px;border:3px solid #ff;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background:0;display:inline-block;text-indent:-99999px;box-sizing:content-box;padding:0;border-radius:0;outline:0;line-height:0}
#main #teaser .slick-dots .slick-active button{background:#fff}
#main #teaser .slick-arrow{position:absolute;top:50%;margin:0;z-index:3;border:0;text-shadow:none;box-shadow:none;text-indent:-99999px;width:32px;height:64px;transform:translateY(-25%);outline:0}
#main #teaser .slick-next{right:10px;background:url(../img/slider-right.png) no-repeat 0 0}
#main #teaser .slick-prev{left:276px;background:url(../img/slider-left.png) no-repeat 0 0}
#main #teaser .slick-disabled{display:none!important}
.text{padding:0}
.subcolumns{width:100%;margin:0 auto}
.subcolumns:before,.subcolumns:after,.row:before,.row:after{content:'';display:table;clear:both}
.c50l{float:left;width:calc(50% - 15px)}
.c50r{float:right;width:calc(50% - 15px)}
.c50l + .c25r{width:calc(25% - 30px)}
.c75l{float:left;width:calc(75% - 30px)}
.c75l + .c25r{float:right;width:calc(25% - 30px)}
.c75r{float:right;width:calc(75% - 30px)}
.c40l{float:left;width:calc(40% - 30px)}
.c60r{float:right;width:calc(60% - 30px)}
.c33l{float:left;width:calc(33.33333% - 20px);margin-right:30px}
.c33r{float:right;width:calc(33.33333% - 20px)}
.c25l{float:left;width:calc(25% - 22.5px);margin-right:30px}
.c25l + .c25r{float:right;width:calc(25% - 22.5px)}
/* Headlines */
h2,h3,#content h1,#news-single-item h2{font-family:'PT Sans',sans-serif;font-weight:400}
#content h1,#news-single-item h2{font-size:42px;line-height:normal;color:#3d9445;display:block;margin:36px 0}
h2{font-size:30px;line-height:normal;color:#666;margin:36px 0 18px}
h3{font-size:24px;line-height:normal;color:#666;margin:36px 0 18px}
#news-single-item h2{font-size:18px;line-height:24px;color:#13506d;margin:25px 0 15px}
#uid4 #content h2{padding:0 0 0 32px}
p{margin:5px 0 15px}
.text ul,.text ol{margin:5px 0 15px 20px}
.text li{margin:6px 0}
ul.sitemap a{font-weight:700}
ul.sitemap ul.sitemap a{font-weight:400}
h2 img{vertical-align:middle}
/* Liste der Experiemente */
#c1203 ul{margin-left:0}
.zitat,.news-single-item p.zitat{font:italic normal normal 16px/24px Georgia,'Yanone Kaffeesatz',Arial,sans-serif;color:#13506d}
p.abstand{margin-top:68px}
/* Modern Grid */
.row{display:flex;flex-wrap:wrap;box-sizing:border-box}
.row.three-childs{margin-left:-7px;margin-right:-7px}
.row.three-childs .col{width:33.33333%;box-sizing:border-box;padding-left:7px;padding-right:7px}
/* Colored Box */
.colored-box{padding:30px 25px;box-sizing:border-box;min-height:320px;text-align:left}
.colored-box a{color:#003d50;text-decoration:none;display:block}
.colored-box h1{font-size:17px;line-height:24px;background:url(/fileadmin/tjfbg/templates/img/bg-h2.jpg) no-repeat bottom left;margin-bottom:15px}
.colored-box p{font-size:24px;line-height:normal}
/* Search */
.tx-indexedsearch{max-width:949px;margin:0 auto}
.tx-indexedsearch-whatis,.tx-indexedsearch-whatis + .tx-indexedsearch-browsebox ul{display:none}
.tx-indexedsearch-searchbox label{margin-right:10px}
.tx-indexedsearch-rules{margin:30px 0;padding:20px;background:#fff}
.tx-indexedsearch-rules h2{margin-top:0}
#page-main .tx-indexedsearch h2,#page-main .tx-indexedsearch h2 a{font-family:'Open Sans',sans;font-size:16px;font-weight:600;margin-bottom:6px}
#page-main .tx-indexedsearch p{margin-bottom:6px}
.tx-indexedsearch-res + .tx-indexedsearch-browsebox > .tx-indexedsearch-browsebox{margin:60px 0 0;text-align:center;list-style:none}
.tx-indexedsearch-res + .tx-indexedsearch-browsebox > .tx-indexedsearch-browsebox > li{display:inline-block}
.tx-indexedsearch-res + .tx-indexedsearch-browsebox > .tx-indexedsearch-browsebox > li a{width:44px;height:44px;line-height:44px;font-size:16px;display:block;text-decoration:none}
.tx-indexedsearch-res + .tx-indexedsearch-browsebox > .tx-indexedsearch-browsebox > li > strong > a{display:inline-block;background:#16c700;border-radius:22px;color:#fff}
.tx-indexedsearch-range{margin-top:15px}
.tx-indexedsearch-searchbox legend, .tx-indexedsearch-info dt, .tx-indexedsearch-info dd, .tx-indexedsearch-icon, .tx-indexedsearch-percent{display:none}
.tx-indexedsearch-searchbox fieldset div{display:inline}
.tx-indexedsearch-info .tx-indexedsearch-text-item-path{display:inline-block}
.tx-indexedsearch-res{margin-top:30px}
.tx-indexedsearch-title a{color:#13506d;font-family:'PT Sans',Arial,sans-serif;font-weight:400;font-size:18px;}
.tx-indexedsearch-info-sword, .tx-indexedsearch-info-sword + .tx-indexedsearch-browsebox .tx-indexedsearch-browsebox{display:none}
/*Footer*/
#footer{min-width:981px;background:#003d50;padding:40px 0;color:#fff;font-weight:normal;font-size:14px;line-height:24px ;font-family:'PT Sans',sans}
#footer ul{width:979px;margin:0 auto;overflow:hidden;text-align:center;list-style-type:none}
#footer ul li{display:inline-block;margin:0 20px 0 0}
#footer ul li a,#footer ul li a:active,#footer ul li a:visited{display:block;padding:6px 10px;color:#1dff00}
#footer ul li:last-child{margin:0}
#footer ul li a{border-radius:5px;text-transform:uppercase}
#footer ul li a:hover{text-decoration:none;background:#17c700;color:#003d50}
#footer a,#footer a:active,#footer a:visited{color:#fff}
#footer li li a,#footer li li a:active,#footer li li a:visited{display:block;font-size:10px;line-height:16px ;font-family:'PT Sans',sans}
#search{width:566px;margin:0 auto;text-align:left}
#search form{display:block;margin:32px 0;position:relative}
#search input{font-size:24px;line-height:56px ;font-family:'PT Sans',sans;color:#7f9ea7;padding:0 160px 0 23px;width:380px;border:0 none;background:#fff;margin:0;vertical-align:top}
#search button{box-shadow:none;border-radius:0;text-shadow:none}
#search button:hover,#search button:focus{background-position:0 -56px}
/* Bugfix padding */
#search button,#search input{box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-webkit-box-sizing:content-box;height:56px}
#search button:focus,#search input:focus{outline:0}
#search button{position:absolute;right:0;top:0;font:normal 24px/56px 'Open Sans',Arial,sans-serif;border:0 none;color:#fff;padding:0;margin:0;vertical-align:top;width:128px;padding-right:25px;text-align:right;line-height:56px;background:transparent url(../img/button-search.png?20190702) no-repeat 0 0}
#footer p{margin:0}
#footer p span{display:inline-block;width:30px}
/* tt_news */
/* News Liste */
.newslist{width: calc(33.333333% - 10px);margin:10px 5px 20px 5px;box-sizing:border-box;text-align:left;float:left;position:relative;background:#fff}
.newslist:nth-child(3n+1){clear:left}
.newslist img{width:100%;height:auto}
.newslist h1{font-family:'PT Sans';font-size:14px!important;line-height:normal;text-align:left;text-transform:uppercase;padding:0;margin:0}
.newslist h1 a{display:inline-block;margin:15px 0 10px 10px;font:unset;font-size:14px;line-height:normal;text-transform:uppercase;font-weight:400;font-family:'Source Sans Pro';min-height:46px}
#content .newslist h1{padding:0;line-height:normal;margin:0}
.newslist a{display:inline-block}
.newslist a p{margin:0 30px 20px 10px;font:unset;font-size:14px;line-height:24px;font-family:'Source Sans Pro';height:48px;color:#333}
.newslist time{text-align:left;position:absolute;top:0;left:0;width:35px;height:35px;overflow:hidden;background:transparent url(../img/sprite_20120718.png) no-repeat 0 -185px;color:#fff;font:italic normal bold 16px/18px Georgia,'Yanone Kaffeesatz',Arial,sans-serif}
.newslist time span{display:block;padding:0 0 2px 4px}
.newslist .month{font-size:10px}
.floating-container:before,.floating-container:after{content:'';display:table;clear:both}
/* News Einzel */
#news-single-item{position:relative}
#news-single-item > header{margin-bottom:50px}
#news-single-item img{max-width:100%;height:auto}
.tags .tag{font-size:14px;line-height:20px;color:#999}
#news-single-item aside p{font-size:14px;line-height:20px;color:#666;margin-bottom:30px}
#news-single-item .article-content{margin-bottom: 15px}
ul.tags{margin:0;list-style:none}
ul.tags .tag{display:inline-block;padding:4px 12px;border:1px solid #999;border-radius:10px;}
/* Aktuelles */
.f3-widget-paginator{margin:0!important;text-align:center}
.f3-widget-paginator li{display:inline-block;margin:0!important}
.f3-widget-paginator li a,.f3-widget-paginator li.current{width:44px;height:44px;line-height:44px;font-size:16px;display:block;text-decoration:none;}
.f3-widget-paginator li.current{display:inline-block;background:#17c700;border-radius:22px;color:#fff}
.f3-widget-paginator li.previous a,.f3-widget-paginator li.next a{position:relative;text-indent:-99999px}
.f3-widget-paginator li.previous a:before,.f3-widget-paginator li.next a:before{content:'';width:13px;height:13px;border:solid #777;border-width:1px 0 0 1px;position:absolute;top:50%;left:50%;transform:rotate(-45deg) translate(1px,-7px)}
.f3-widget-paginator li.next a:before{transform:rotate(135deg) translate(3px,11px)}
.page-navigation:before, .page-navigation:after{content:'';display:table;clear:both}
/**
* Aufklappboxen
*/
.frame-layout-101{background:#fff;border-bottom:1px solid #d5d5d5;position:relative}
#main .frame-layout-101 h3{padding:12px 75px 12px 80px!important;margin:0;position:relative;line-height:26px}
#main .frame-layout-101 h3:hover{cursor:pointer}
#main .frame-layout-101 h3:before{content:"+";position:absolute;left:41px;top:50%;color:#666;background:#d5d5d5;-webkit-border-radius:3px;border-radius:3px;padding:0 6px;font-size:20px;margin-top:-13px}
#main .frame-layout-101.open h3:before{content:"-";position:absolute;left:41px;top:50%;-webkit-border-radius:3px;border-radius:3px;padding:0 8px;font-size:20px;margin-top:-13px}
.frame-layout-101 > .frame-content{display:none;padding:1.5em 75px 3em 40px}
.frame-layout-101.open > .frame-content{display:block}
.frame-layout-101 ul{margin:0 0 15px 20px}
#main button.open-all{margin:0 0 16px;outline:0}
.frame-layout-101 > .frame-content .frame-content{display:block}
/**
* Labels alignment right
*/
.labels-alignment-right label,.labels-alignment-right .fieldset-subgroup legend,.labels-alignment-right.fieldset-subgroup legend{text-align:right}
/**
* Horizontal fieldset
*/
fieldset.fieldset-horizontal{border-width:0}
fieldset.fieldset-horizontal ol{padding:0}
fieldset.fieldset-horizontal li{float:left;padding:0;margin-right:1em}
fieldset.fieldset-horizontal.label-below label{display:block;margin-left:0;margin-top:.2em;font-size:90%;color:#999;text-align:left}
fieldset.fieldset-horizontal label em{display:inline}
/**
* Subgroup fieldset
*/
fieldset.fieldset-subgroup{margin-bottom:-2em;border-style:none}
fieldset.fieldset-subgroup legend{margin-left:0;padding:0;font-weight:400;width:13em}
fieldset.fieldset-subgroup ol{position:relative;top:-1.4em;margin:0 0 0 14em;padding:0}
fieldset.fieldset-subgroup li{padding:0}
fieldset.fieldset-subgroup input + label{float:none;width:auto;display:inline;margin:0 0 0 1em}
/**
* Labels as block
* Labels displayed above or below the input fields
*/
.labels-block label{display:block;float:none;margin:0 0 .5em;width:auto}
.labels-block input + label,.labels-block textarea + label{margin:.5em 0 0}
.labels-block fieldset.fieldset-subgroup,fieldset.labels-block.fieldset-subgroup{margin-bottom:0}
.labels-block .fieldset-subgroup legend,.labels-block.fieldset-subgroup legend{width:auto}
.labels-block .fieldset-subgroup legend em,.labels-block.fieldset-subgroup legend em{position:relative}
.labels-block .fieldset-subgroup legend strong,.labels-block.fieldset-subgroup legend strong{position:relative;top:0}
.labels-block .fieldset-subgroup ol,.labels-block.fieldset-subgroup ol{top:0;margin:0;padding:.5em 0 0}
/* Menu Navigation */
.csc-menu-def{background:#fff url(../img/h1-back.png) repeat-x 0 -65px;overflow:hidden;padding:12px 28px 0}
ul.csc-menu-def{list-style-type:none;margin:20px 0}
.csc-menu-def li{display:inline}
.csc-menu-def li a{float:left;font:normal normal 300 20px/30px 'Yanone Kaffeesatz',Arial,sans-serif;color:#004776;padding:5px 10px}
#bildband-aa{background:transparent url(../img/bildband_ausserschulischeangebote_2017.jpg) no-repeat 0 0;height:126px;width:232px;margin:0 0 15px}
#bildband-sa{background:transparent url(../img/bildband_schulischeangebote-201507.jpg) no-repeat 0 0;height:126px;width:232px;margin:0 0 15px 7px}
#bildband-af{background:transparent url(../img/bildband_fortbildung_2017-v2.jpg) no-repeat 0 0;height:126px;width:232px;margin:0 0 15px 6px}
.whitebg{background:#fff;padding:0 0 0 4%;width:94%;position:relative}
.subcolumns .whitebg{padding:0 0 0 1%;width:47%}
#content div.csc-mailform ol li.greybg{padding:5px 0;margin:4px 0;background:#dfdfdf;margin-left:-2%}
#content div.csc-mailform ol li.greybg:first-child{margin-top:20px}
#content div.csc-mailform ol li.greybg:last-child{margin-bottom:20px}
#content div.csc-mailform ol li.greybg label{font-weight:900}
.csc-menu-def li a{font:normal normal 400 20px/30px 'Yanone Kaffeesatz',Arial,sans-serif}
/* form-group */
.form-group,.frame-type-form_formframework .actions, .frame-type-form_formframework .clearfix,.fake-check{margin-bottom:10px}
.form-group .input{width:calc(100% - 160px);display:inline-block}
button,.form-group input, .form-group textarea{box-sizing:border-box;width:100%;border:1px solid #c6c6c6;border-radius:2px;background:#d9d7d1;font-family:'Source Sans Pro',Arial,sans-serif;font-size:14px;line-height:20px;padding:2px 10px;box-shadow:0 0 1px 0 #fff}
.form-group label{width:140px;display:inline-block;text-align:right;margin-right:15px;vertical-align:top}
.frame-type-form_formframework .actions, .frame-type-form_formframework .clearfix{margin-left:155px}
.frame-type-form_formframework .actions{text-align:right}
.frame-type-form_formframework .clearfix{font-size:10px}
button{box-shadow:0 1px 0 #bababa, inset 0 1px 0 #fff;width:auto;display:inline-block;text-shadow:0 1px 1px #fff}
button:hover, button:focus{background:linear-gradient(180deg, #bebab0 0%, #d9d7d1 100%)}
.form-group.has-error{background:rgba(255,0,0,0.1);}
.form-group .help-block{color:#c00;font-weight:bold}
#fake-check-message{color:#c00;font-weight:700;background:rgba(255,0,0,0.1);padding:10px;display:none}
#fake-check-message.show{display:block}
.whitebg .frame-type-form_formframework{padding-right:38px}
#abo-checkbox,#datenschutz-checkbox{float:left;margin:5px 5px 0;width:auto}
.frame-type-form_formframework .checkbox .input{display:inline-block;vertical-align:top;width:25px;margin-left:25px}
.frame-type-form_formframework .checkbox label{display:inline-block;vertical-align:top;width:calc(100% - 60px);margin:0;text-align:left}
.form-group .input.num-small input{width:100px}
.csc-menu-def{padding:19px 28px 0}
.csc-menu-def li a{padding:5px 10px 0}
.csc-menu-def li.active a{background:#eeedea}
.form{overflow:hidden}
.form label{padding:0 25px;display:block;text-align:left;width:auto;float:none}
ul.zeitschrift-list{list-style-type:none;margin:0}
.zeitschrift-list li{float:left;width:121px}
form .zeitschrift-list li{width:135px}
.zeitschrift-list img{border:1px solid gray;margin-top:3px}
.basket-area{overflow:hidden;clear:both;position:relative;padding:0 0 20px}
#main .basket-area button{position:absolute;top:33px;right:45px;padding:4px 10px 0}
.basket-area button span:after{content:url(../img/warenkorb.png);padding:0 2px 0 10px;float:right}
.zeitschrift-list input{margin:0 0 0 5px;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.csc-mailform-success-message{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;text-align:center}
.csc-mailform-success-message p{font:28px "Yanone Kaffeesatz",Arial,sans-serif;margin:40px 125px;color:#00923a}
/* arabisch */
.arabisch .text ul,.arabisch .text ol,.arabisch #content h1,.arabisch #content h2{direction:rtl;text-align:right}
.arabisch .text ul,.arabisch .text ol{margin:5px 20px 15px 0}
.arabisch .text nav ul,.arabisch .text nav li{margin:0}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.fancybox-opened{z-index:8030}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner{position:relative}
.fancybox-inner{overflow:hidden}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(..//img/fancybox_sprite.png)}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}
#fancybox-loading div{width:44px;height:44px;background:url(..//img/fancybox_loading.gif) center center no-repeat}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}
.fancybox-nav{position:absolute;top:0;bottom:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(..//img/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
.fancybox-prev{left:0}
.fancybox-next{right:0}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}
.fancybox-prev span{left:10px;background-position:0 -36px}
.fancybox-next span{right:10px;background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}
.fancybox-lock{overflow:hidden!important;width:auto}
.fancybox-lock body{overflow:hidden!important}
.fancybox-lock-test{overflow-y:hidden!important}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(..//img/fancybox_overlay.png)}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}
.fancybox-opened .fancybox-title{visibility:visible}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{padding-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}
#totop{display:none;position:fixed;bottom:30px;right:calc(50% - 568px);outline:0;width:58px;height:58px;padding:0;margin:0;border:0;text-indent:-99999px;background:#00923a url(../img/totop.png) center 14px no-repeat;border-radius:29px;box-shadow:0 5px 9px 0 rgba(0,0,0,0.5)}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(..//img/fancybox_sprite@2x.png);background-size:44px 152px}
#fancybox-loading div{background-image:url(..//img/fancybox_loading@2x.gif);background-size:24px 24px}
}
@media screen and (min-width: 481px) and (max-width: 981px) {
#service-nav a,#service-nav a:active,#service-nav a:visited{font:normal 14px/26px Arial,sans-serif}
#main-nav ul ul{height:84px;font:normal 14px/18px Arial,sans-serif}
#main-nav ul .active ul a,#main-nav ul .active ul a:visited,#main-nav ul .active ul a:active{width:300px}
}
/* slick default */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* News Startpage 2019 */
p:last-child{margin-bottom:0}
.clear:before,.clear:after,.page-wrap:before,.page-wrap:after{content:'';display:table;clear:both}
#main-startpage{background:#fff}
.page-wrap{max-width:982px;margin:0 auto}
.area{padding:60px 0}
.area-grey{background:#efeeec}
.area-green{color:#fff;background:#2dab46;background:linear-gradient(180deg,rgba(45,171,70,1) 0%,rgba(0,160,83,1) 100%)}
.col-25{float:left;width:25%;box-sizing:border-box;padding:0 0 0 25px;text-align:left}
.col-25:first-child{padding:0 25px 0 0}
.area .col-25 h2{font:unset;font-size:14px;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;color:#195b79;margin:0 0 8px;display:block;height:22px;line-height:22px;background:url(/fileadmin/tjfbg/templates/img/bg-h2.jpg) no-repeat bottom left}
.area .col-25 h2 a{text-decoration:none}
.area .col-25 .frame-type-menu_subpages{margin-top:20px}
.area .col-25 .frame-type-menu_subpages a{text-decoration:none;display:block;font-size:14px;font-family:'Source Sans Pro',sans-serif;line-height:36px;height:36px;border-bottom:1px solid #ccc;color:#195b79}
.area .col-25 .frame-type-menu_subpages a:hover{background:#0c3;color:#fff}
.area .col-25 h3{font:unset;color:#009d3d;font-size:24px;line-height:36px;font-family:'Source Sans Pro',sans-serif;margin-bottom:10px}
.area .col-25 .frame-type-text{font:unset;font-size:13px;line-height:24px;font-family:'Source Sans Pro'}
.area .col-25 .frame-type-text a{font:unset;text-align:right;display:block;text-decoration:none;color:#099f42;font-style:italic;font-size:14px}
#c14771 .page-wrap{height:670px;position:relative}
#c14771 .page-wrap article{position:absolute;text-align:left}
#c14771 .page-wrap article figure{position:absolute;display:block;width:357px}
#c14771 .page-wrap article figure img{display:block;width:100%;height:auto}
#c14771 .page-wrap article h2{font:unset;color:#009d3d;font-size:24px;line-height:normal;font-family:'Source Sans Pro';max-width:340px}
#c14771 .page-wrap article a{font:unset;display:inline-block;border:1px solid #009d3d;border-radius:10px;line-height:36px;height:36px;padding:0 10px;color:#009d3d;text-decoration:none;margin-right:18px}
#c14771 .page-wrap article a:hover{background:#0c3;color:#fff}
#article11764{top:238px;left:10px}
#article11764 figure{top:-238px;left:-10px}
#article11765{top:320px;left:680px}
#article11765 figure{top:-238px;left:-73px}
#article11766{left:0;bottom:40px}
#article11766 figure{top:-102px;left:218px}
.area-green h2:first-child{margin:0 0 30px 5px}
.area-green h2:first-child,.area-green h2:first-child a{font:unset;font-size:14px;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;text-align:left;color:#fff;text-decoration:none;display:block;height:22px;line-height:22px}
.area-green h2:first-child{background:url(/fileadmin/tjfbg/templates/img/bg-h2-white.jpg) no-repeat bottom left}
.ds_slider h2,.ds_slider h3,.ds_slider p{font:unset;text-align:left;font-weight:400;font-family:'Source Sans Pro';color:#fff}
.ds_slider h2{font-size:14px;line-height:26px;text-transform:uppercase;height:26px;background:url(/fileadmin/tjfbg/templates/img/bg-h2-white.jpg) no-repeat bottom left}
.ds_slider h3{font-size:40px;line-height:48px;max-width:450px}
.ds_slider p{font-size:24px;line-height:30px}
.zoomimage{position:relative;overflow:hidden}
.zoomarea{position:absolute;z-index:3;top:0;left:0;right:0;bottom:0;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:all .2s linear}
.zoomimage:hover .zoomarea{top:-5%;left:-5%;right:-5%;bottom:-5%}
@media screen and (max-width:767px){
#c14771 .page-wrap article,#c14771 .page-wrap article figure{position:relative;top:inherit;right:inherit;left:inherit;bottom:inherit}
.col-25,.news-latest-container .newslist{float:none;width:auto}
.col-25{padding:0 15px!important;margin-bottom:15px}
#c14771 .page-wrap{height:auto}
#c14771 .page-wrap article a{margin:0 0 15px 20px}
#c14771 .frame{margin-bottom:20px}
.news-latest-container .newslist{margin:20px auto}
.area .col-25 h2{padding:5px 0!important}
.area .col-25 .frame-type-menu_subpages{display:none}
.ds_slider h2{padding:0!important;margin-left:20px!important}
}
@media screen and (min-width:768px){
#c11784 .area{padding-top:100px}
}
.new-login-wrap{width:40%;margin:100px auto;padding:70px 40px 50px;text-align:center;border:2px solid #00ba00;border-radius:5px;position:relative}
.new-login-wrap:before{content:'';background:url(/fileadmin/tjfbg/templates/img/svg/tjfbg_locked.svg) center center no-repeat;background-size:contain;width:80px;height:120px;position:absolute;top:-75px;left:50%;transform:translateX(-50%)}
.new-login-wrap p{margin:5px 0}
#new-login-submit:before{content:'';background:url(/fileadmin/tjfbg/templates/img/svg/google.svg) center center no-repeat;background-size:contain;width:25px;height:25px;position:absolute;top:3px;left:8px}
.new-login-wrap #new-login-submit{margin-left:0;background:#fff;box-shadow:none;margin-top:20px;padding:5px 20px 5px 40px;position:relative;display:inline-block}
@media (max-width: 481px) {
.new-login-wrap{width:calc(90% - 20px);padding:50px 10px 40px}
.new-login-wrap p{margin:0!important}
.new-login-wrap #new-login-submit{margin-top:30px}
}
#divers{background:#04212c;padding:40px 0 60px;color:#fff;font-weight:normal;font-size:14px;line-height:24px;font-family:'PT Sans',sans}
#divers-wrapper{padding:0 14px}
#divers img{width:190px;height:auto}
#divers p{max-width:720px;margin-left:auto;margin-right:auto}
.news-gallery a{display:inline-block;margin:0 3% 3% 0;line-height:0;}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,.embed-container object,.embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
#corona-special{clear:both;margin-top:50px;padding:30px 0;background:#efeeec}
#corona-special-link{display:block;box-sizing:border-box;max-width:900px;margin:0 auto;padding:30px 80px 30px 120px;background:#57d244;border-radius:8px}
#corona-special-link{display:block;box-sizing:border-box;max-width:900px;margin:0 auto;padding:30px 80px;color:#003d50;background:#57d244;border-radius:8px;text-decoration:none}
#corona-special-link span{display:block;text-align:left}
#corona-special-link span:first-child{font-size:16px;line-height:30px;font-weight:700}
#corona-special-link span:last-child{font-size:24px;line-height:30px}
#cmmodal #cmbutton-accept{background:#0f3;border-color:#0f3;}
.cm-placeholder{border:1px solid #bbb;background:#ddd;}
/* circle animation */
.circle{margin:30px auto 10px;width:150px;height:150px;text-align:center;position:relative;border-radius:100%;}
.circle-number{position:absolute;bottom:53%;left:0;right:0;color:#029640;font-size:36px;}
.circle-label{position:absolute;top:53%;left:0;right:0;color:#029640;}
.circle svg{left:0;right:0;bottom:0;top:0;position:absolute;}
.circle svg circle{stroke-dasharray:1000;stroke-dashoffset:1000}
.frame.fadein > .circle svg circle{animation:stroke 5s linear forwards}
@keyframes stroke {
to {
stroke-dashoffset: 0;
}
}
/* fade in animation content */
#main-startpage .frame{opacity:0;transition:linar 1.5s;transition-property:opacity}
#main-startpage .frame.fadein{opacity:1}
/* Parallax */
#page-header.has-parallax-header{height:500px}
.has-parallax-header #page-head-wrapper{z-index:2}
#parallax-header{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;height:500px}
#parallax-header img{min-width:100%;min-height:100%;left:50%;position:absolute;transform:translate(-50%,-100px)}
#banner-was-geht{background-image:url(/fileadmin/tjfbg/user_upload/Karriere/Ani-Smile.gif);background-repeat:no-repeat;background-position:center;background-color:#0ba13b;height:368px}
#banner-was-geht #locator,#banner-was-geht #locator a{color:#fff}
/* Header Slider */
#page-header.header-slider,#page-header .slick-track{height:600px}
.header-slider #page-head-wrapper{z-index:2}
#header-slider{position:absolute;left:0;right:0;top:0;bottom:0;margin:0;overflow:hidden;height:600px}
#header-slider .slick-arrow{position:absolute;z-index:2;top:564px;transform:translateY(-50%);background:0;border:0;box-shadow:none;text-shadow:none;text-indent:-99999px;padding:0;height:48px;width:48px;color:transparent}
#header-slider .slick-arrow:before{content:'';display:block;position:absolute;width:28px;height:28px;border:solid #fff;border-width:3px 3px 0 0;border-radius:3px;top:50%;left:50%;transform:translate(-70%,-50%) rotate(45deg)}
#header-slider .slick-arrow.slick-prev:before{transform:translate(-30%,-50%) rotate(225deg)}
#header-slider .slick-arrow.slick-disabled{opacity:0.3}
#header-slider .slick-prev{left:calc(50% - 475px)}
#header-slider .slick-next{right:calc(50% - 475px)}
#header-slider .slide figure img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100vw;height:auto;min-height:600px}
#header-slider .slide figcaption{position:absolute;z-index:2;top:564px;left:50%;transform:translate(-50%,-50%);max-width:720px;text-align:left;color:#fff;font-size:17px;font-style:italic}
#header-slider .slide:after{content:'';display:block;width:100vw;height:150px;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%)}
/* Starpage Top Elements */
#c17375.frame-space-after-extra-large{margin-bottom:7em}
/* Starpage Carrier */
#c14771 .area{padding-top: 120px}
#c17964 h2{font:unset;font-size:14px;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;color:#195b79;margin:0 0 8px;display:block;height:22px;line-height:22px;background:url(/fileadmin/tjfbg/templates/img/bg-h2.jpg) no-repeat bottom left;top:-67px;left:0;min-width:200px;text-align:left;position:absolute}
/* Sidebar with border */
.frame-type-menu_sitemap_pages.frame-layout-102{padding:0 25px;margin:-10px;border:1px solid #1e9446;border-radius:10px;width:266px;margin-top:30px}
.frame-type-menu_sitemap_pages.frame-layout-102 h2{margin-top:20px}
.relative{position:relative}
.project-socials{position: absolute;top:130px;right:-67px;margin:0;list-style:none}
.project-socials li{margin-bottom:24px}
.project-socials span{display:block;text-indent:-9999px;line-height:0}
@media (max-width: 1159px){
#teaser{position: relative;margin-bottom:70px;}
.project-socials{right:unset;top:unset;bottom:-56px;left:50%;transform:translateX(-50%);}
.project-socials li {display: inline-block;margin-bottom:0;margin-right: 20px;}
.project-socials li:last-child{margin-right: 0;}
}
/* Login Schule in den Ferien */
#uid2283 .tx-felogin-pi1 > h3{display:none;margin-bottom: 5px; color: #943d3d}
#uid2283 .tx-felogin-pi1 > div{display:none}
#uid2283 .tx-felogin-pi1.hasError > h3, #uid2283 .tx-felogin-pi1.hasError > div{display:block}
#uid2283 .tx-felogin-pi1 form{box-sizing:border-box;padding:30px;max-width:420px;margin-top:10px;border:1px solid #2ec800;border-radius:5px}
#uid2283 .tx-felogin-pi1 form > fieldset > div:nth-child(2),#uid2283 .tx-felogin-pi1 form > fieldset > div:nth-child(3){margin-bottom:10px}
#uid2283 .tx-felogin-pi1 legend{display: none}
#uid2283 .tx-felogin-pi1 label{display:inline-block;width:100px;text-align:right;margin-right:10px;margin-bottom:30px;}
#uid2283 .tx-felogin-pi1 input[type="text"],#uid2283 .tx-felogin-pi1 input[type="password"]{width:220px;height:46px;line-height:46px;font-size:15px;padding:0 10px;border-radius:5px;border: 1px solid #cbcbc9;outline:0;}
#uid2283 .tx-felogin-pi1 input[type="text"]:focus,#uid2283 .tx-felogin-pi1 input[type="password"]:focus{border-color:#2ec800}
#uid2283 .tx-felogin-pi1 input[type="submit"]{display:inline-block;background:#3bc700;border-radius:5px;border:0;line-height:48px;height:48px;padding:0 40px;color:#fff;text-decoration:none;margin-left:113px}