/* 
Theme Name: Caesar
Theme URI:http://artataq.de/
Author:AQ
Version: 2.0
*/

/* =Reset CSS */
/*HTML5 display-role reset for older browsers */
*, *:after, *:before {padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {height: 100%;}
body {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; line-height:1}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display: block;}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
table{border-collapse:collapse; border-spacing:0}
button, input, select, textarea{font-size:100%; overflow:visible; margin:0; vertical-align:baseline; width:auto}
textarea{overflow:auto; vertical-align:text-top}

/* =Base*/
html{overflow-x: hidden;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  width: 100%;}
body{font-weight:400; color:#454e52; font-family: 'Space Mono', monospace, Helvetica, Arial, sans-serif; background:#fff;width: 100%;}

/* =Typography*/
@font-face {font-family: "Flaticon"; src: url("fonts/flaticon/Flaticon.eot"); src: url("fonts/flaticon/Flaticon.eot#iefix") format("embedded-opentype"), url("fonts/flaticon/Flaticon.woff") format("woff"), url("fonts/flaticon/Flaticon.ttf") format("truetype"), url("fonts/flaticon/Flaticon.svg") format("svg"); font-weight: normal; font-style: normal;}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {font-family: Flaticon; font-size: 20px;font-style: normal; display: inline-block;}
.flaticon-facebook-logo:before {content: "\f101";}
.flaticon-check:before {content: "\f100";}

p {word-wrap:break-word}
i, em, dfn, cite{font-style:italic}
tt, var, pre, kbd, samp, code{font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace !important; font-style:normal}
b, strong{font-weight:600;}
pre{-moz-box-sizing:border-box; -moz-border-radius:2px; -moz-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2); -webkit-border-radius:2px; -webkit-box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2);  -webkit-box-sizing:border-box; box-shadow:0 1px 0 #fff,inset 0 1px 1px rgba(0,0,0,0.2);  box-sizing:border-box; background:#f4f4f4; border:1px solid #aaa; border-bottom-color:#ccc; border-radius:2px;  height:auto; margin:0; outline:none; padding:6px 10px; vertical-align:middle;  width:100%}
del{color:#555; text-decoration:line-through}
ins, dfn{border-bottom:1px solid #ccc}
sup, sub, small{font-size:85%}
abbr, acronym{font-size:85%; letter-spacing:.1em; text-transform:uppercase}
a abbr, a acronym{border:none}
dfn[title], abbr[title], acronym[title]{border-bottom:1px solid #ccc; cursor:help}
sup{vertical-align:super}
sub{vertical-align:sub}
.ellipsis{font-size:14px; margin-right:5px}
.form-allowed-tags{display:none}
br{clear:both}

/* =Links */
a{color:#25313d; text-decoration:none;}
.entry-content a {font-weight:500}
a:hover{opacity:.9; text-decoration:none}
::selection{background:#efefef; text-shadow:none}

/* =Forms */
label{display:inline-block;}
legend{padding:2px 5px}
fieldset{border:1px solid #ccc; margin:0 0 1.5em; padding:1em 2em}
input, select, area, textarea, input[type="text"], input[type="password"]{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#f5f5f5; border:1px dashed #e9e9e9; margin:0; outline:none; padding:6px 8px; vertical-align:middle; width:auto; color: #697073;}
select{height:auto;}
input, select{cursor:pointer}
area:focus, input:focus, textarea:focus{background:#fff}
input[type='text'], input[type='password']{cursor:text}
select{overflow:overlay;}

/* =Buttons */
button, a.button, input[type='reset'], input[type='button'], input[type='submit'] {background:#4e5861; border-color: #3a454f; color: #fff; font-size:16px; font-weight:600; padding: 0 15px; -moz-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -ms-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -o-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -webkit-transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-transform: uppercase;}
button:hover, a.button:hover, input[type='reset']:hover, input[type='button']:hover, input[type='submit']:hover {background: #586A73;}

/* =Headings */
h1, h2, h3, h4, h5, h6 {font-weight:400; word-wrap:break-word; line-height:1.5; color: #22313D;}
h1{font-size:1.8em; margin:20px 0 15px;text-align:center}
.home h1{font-size:1em;}
.home h2{margin-bottom:25px;text-align:center;}
.home h3{color: #636161; text-align:center; margin:20px 0 15px;}
h2{font-size:1.1em; margin: 20px 0 15px;}
h3{font-size:1.1em; margin:20px 0 15px;}
.sidebar h3{background: #fff;padding: 5px 0 20px;}
h4{font-size:1em; margin:0.2em 0 .2em; }
h5{font-size:1em; margin:.7em 0 2em;text-transform: none;text-align: center;line-height: 1.8;}
h6{font-size:.9em; margin:.6em 0 .5em}

/* =Margins & Paddings
-------------------------------------------------------------- */
p, dl, pre, form, table, address, blockquote{margin:15px 0 10px}
caption{padding-bottom:.8em}
blockquote {display: block; border:0px #dfdfdf solid; background-color:white; font-size: 16px; padding: 10px 60px; color: #444444; font-style:italic}
blockquote:before {content: "\f10e";display: inline-block; font: normal normal normal 25px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float:left;margin: 0 0 0 -40px;}
blockquote p{margin: 7px 0 5px}
fieldset{margin:1.6em 0; padding:0 1em 1em}
legend{padding-left:.8em; padding-right:.8em}
legend+*{margin-top:1em}
option{padding:0 .4em}
dt{margin-bottom:.4em; margin-top:.8em;font-weight:400}
table {width:100%}
thead tr{position:absolute; top:-9999px; left:-9999px}
td{position:relative; white-space:normal; text-align:left}
td:before{position:absolute; top:6px; left:6px; width:45%; padding-right:10px; white-space:nowrap; text-align:left; font-weight:bold} 
td:before{content:attr(data-title)}

@media (min-width:768px) {
.home h1{font-size:1.5em;}
h2{font-size:1.4em; margin: 20px 0 15px;}
h3{font-size:1.4em;}
.sidebar h3{font-size:1.2em;}
table{display:table;}
tbody{display: table-row-group;}
thead {display: table-header-group;}
th, td{padding:.5em; vertical-align:top}
tr{display: table-row;}
th{display: table-cell;}
td{display: table-cell;}
}

@media (min-width:991px) {
table{table-layout: fixed;}
}

/* =Lists*/
ul{list-style-type:none; margin-left:.5em}
.entry-content ul li:before{display: inline-block;font: normal normal normal 15px/1 Flaticon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f100"; margin: 0 15px 0 0;color:#455565}
ul li, ol li {padding: 6px 0 3px; line-height:1.8;}
ul ul{list-style-type:none}
ul ul ul{list-style-type:circle}
ol{list-style-position:outside; list-style-type:decimal; margin-left:3em;}
ol ol, ul ol{margin-left:2.5em;}
form div{margin-bottom:.1em}
embed, object, video{max-width:100%}

/* =Content*/
.container {padding-right:15px; padding-left:15px; margin: 0 auto}
.row {margin-right:-15px; margin-left:-15px}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {position: relative; min-height: 1px; padding-left: 15px;
padding-right: 15px;}

@media (min-width:768px){ .container{ width:95%} }
@media (min-width:1200px){ .container{ max-width:95%} }
@media (min-width:1400px){ .container{ width:1370px} }

.main-content {margin:50px 0 40px;}
.pad{padding-right:15px; padding-left:15px;}
.page-id-6 .no-pad{padding-right:0; padding-left:0;}
.no-pad-mobile{padding-right:0; padding-left:0;}

@media (min-width:768px){
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {float:left;}
.align{float:none; margin: 0 auto}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
}
@media (min-width:991px){ 
.main-content {margin:0px 0 40px;}
.no-pad{padding-right:0; padding-left:0;}
}

/* =Header*/
#header{margin: 0 auto; position:fixed; padding:0; width: 100%; z-index: 999; top:0;-webkit-transform: translateZ(0);}
.logowrd{display:none}
#logo{z-index:9; float:left; position:relative;max-width:19%;margin-left: -5px;}

@media screen and (min-width: 992px) {
header{height:90px}
#header{background: #fff;}
#header-menu{z-index: 9999999; float:right; margin:30px 0 0; background: #4d5760;}
#header:after {position: absolute;width: 100%;height: 31px;background: #4d5760;top: 30px;z-index: -1;left: 40%;}
#wpadminbar{z-index:999999999;-webkit-transform: translateZ(0);}
.admin-bar #header{top: 32px !important;}
}

#nav{outline:none}
#nav >a{display:none}
#nav li{position:relative; list-style-type: none;text-align: left;padding:0}
#nav li a{display:block;}
#nav .menu-item-has-children >a:after, #nav .page_item_has_children >a:after{width:0; height:0; border:0.32em solid transparent; border-bottom:none; border-top-color:#efefef; content:''; vertical-align:middle; display:inline-block; position:relative; right:-0.213em; margin: 0;}
#nav >ul{margin:0; padding:0; display:inline}
#nav >ul >li{height:100%; display:inline;padding:0 0 0 20px}
#nav >ul >li >a{display:inline; white-space: nowrap; color:#fff; letter-spacing: -.01em;font-size: 1.08em;}
#nav >ul >li:not(:last-child ) >a{}
#nav >ul >li:hover >a, #nav >ul:not(:hover ) >li.active >a{}
#nav >ul >li a.active{color:#4d5760;font-weight:600;}
#nav li ul{background-color:#fff; display:none; position:absolute; margin:0; width: 400px;padding:0; margin-left: -4px;top:27px}
#nav li:hover ul{display:block; left:0; right:0}
#nav li:not(:first-child ):hover ul{left:-1px}
#nav li ul a{border-bottom: 0; padding:.3em 1em; font-weight:400; letter-spacing: .05em; font-size: 15px; color: #7f888e;}
#nav li ul li a:hover, #nav li ul:not(:hover ) li.active a{}
#nav li .current_page_item > a, #nav li .current_page_ancestor > a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a {color:#4d5760;font-weight:600;}
#nav .current_page_item > a, #nav .current_page_ancestor > a, #nav .current-menu-item > a, #nav .current-menu-ancestor > a {color:#fff;font-weight:600;}
#nav .current_page_item.menu-item-has-children >a:after, #nav .current_page_item.page_item_has_children >a:after, #nav .current-menu-parent >a:after {border-top-color:none;}
#nav .current_page_item.menu-item-has-children >a:hover:after, #nav .current_page_item.page_item_has_children >a:hover:after, #nav .current-menu-parent >a:hover:after{border-top-color:none;}
#nav >ul >li.home-button{display:none}

@media screen and (max-width: 1100px) {
#nav >ul >li{padding:0px 0 0 12px}
#nav >ul >li {padding:0 0 0 7px}
#nav >ul >li >a{font-size:.95em !important;}
#header:after {height: 28px;}
}

@media only screen and (max-width:768px) {
#nav >ul >li{padding:0px 0 0 8px}
}

@media only screen and (max-width:991px) {
html{font-size:90%;}
#logo a{display:none}
#nav >ul >li.home-button{display:block}
.logowrd{display:block; padding:0 10px 0 0; top:12px; z-index:9; float:right;position:relative; color:#fff; font-size: 1.3em; font-weight: bold; letter-spacing: .05em;}
#header-menu{width:100%;margin:0}
#header:after {height: 0px;}
.site-header{padding:0; width:100%}
#nav{position:relative; top:auto; left:auto; background: #4e5861;width: 100%;}
#nav >a{width:3.125em; height:3.125em;text-align:left; text-indent:-9999px; position:relative;}
#nav >a:before, #nav >a:after{position:absolute; border:2px solid #fff; top:35%; left:25%; right:25%; content:''}
#nav >a:after{top:60%}
#nav:not(:target ) >a:first-of-type, #nav:target >a:last-of-type{display:block}
#nav >ul{height:auto; display:none; position:absolute; left:0; right:0; margin-left:0}
#nav:target >ul{display:block; max-height: 320px; overflow: auto;border-bottom: 1px solid #D0CECE;}
#nav >ul >li{width:100%; float:none; display:block; padding:0}
#nav li ul a{border:0; border-top: 1px solid #efefef; padding: .5em .5em;}
#nav >ul >li >a{height:auto; text-align:left; padding:0 0.833em; position:relative; width:100%; background:#fff; color:#4d5760;line-height:3em; display:block;font-size:1.1em !important}
#nav >ul >li:hover >a{opacity:1}
#nav >ul >li:not(:first-child ) >a{border-left:none; border-top: 1px solid #efefef;}
#nav li ul{position:static; padding:0 0 0 1.25em; padding-top:0; width:auto; margin-left:0}
#nav li .current_page_item > a, #nav li .current_page_ancestor > a, #nav li .current-menu-item > a, #nav li .current-menu-ancestor > a {color:#4d5760;}
#nav .current_page_item > a, #nav .current_page_ancestor > a, #nav .current-menu-item > a,#nav .current-menu-ancestor > a {color:#4d5760;}
}

/* =Home */
section{width:100%; display: table; /* height:100%;  height: 100vh;*/ background-repeat: no-repeat;line-height: 1.7; position:relative; margin:-1px auto 0;background: #fff;}
.csstransitions.no-touch section{opacity:0; -webkit-animation-name:fadeIn; -moz-animation-name:fadeIn; -o-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s;  animation-delay:0.25s; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; -moz-animation-duration:1s; -moz-animation-fill-mode:both; -o-animation-duration:1s; -o-animation-fill-mode:both; animation-duration:1s; animation-fill-mode:both}

.intro {background: #f9f9f9; display: table;}
.intro-image, .introtext{display: table-cell;vertical-align: middle;}
.intro-image{width:60%}
.introtext{width:40%;text-align: center;}
.introtext .textwidget{padding:15px;}
.home a.button, .page-template-fullwidth a.button{text-transform:uppercase; font-family: 'Work Sans', sans-serif;padding:15px}
.slogan{font-size: 1.3em; margin: 0 0 15%; font-family: 'Work Sans', sans-serif;}
.bamf p, .about p{font-family: 'Work Sans', sans-serif; font-size: 1.1em; line-height: 2;}
.cta{margin:30px 0}

section.section3{height:100%;}
section.about{padding:3% 0 2%;}
.section2{background:#f9f9f9; padding:2% 0 2%;}
section.bamf{padding:2% 0 2%;}
.section4 {padding: 3% 0px;background: rgb(243, 243, 243);}
#text-5 .textwidget, #text-6 .textwidget{text-align:center}
.inner{vertical-align: middle; display: table-cell; float: none; padding:0}
.rght{float:right}

.grid{overflow:hidden; margin:0; padding:2em 0 0 0; width:100%; text-align:center}
.grid .figure{position:relative; z-index:1; display:inline-block; overflow:hidden; margin:-5px 0 -5px -.6em; width:33.333%; height:253px; text-align:center; border: 10px solid #fff;}
.home .grid .figure{border: 10px solid #f9f9f9;}
.grid .figure img{position:relative; display:block; min-height:100%; opacity:0.95}
.grid .figure .figcaption{padding:2em; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden}
.grid .figure .figcaption::before, .grid .figure .figcaption::after{pointer-events:none}
.grid .figure .figcaption{position:absolute; top:0; left:0; width:100%; height:100%}

.figure.effect-milo h4{font-size:.9em;margin:0; position:absolute; right:0; bottom:10%; padding:5px 15px;background:#fff}
.figure.effect-milo p{letter-spacing:1px; font-size:76%;margin:0;color: #454e52; padding:0 5px 0 0; width:100%; border-right:1px solid #454e52; text-align:right; opacity:0; -webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s; -webkit-transform:translate3d(-15px,0,0); transform:translate3d(-15px,0,0)}
.figure.effect-milo:hover p{opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
.figure.effect-milo img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15);}
.figure.effect-milo:hover img {opacity: 0.15; -webkit-transform: scale(1); transform: scale(1);}

.hello{color:#fff; background-color: #788288; padding:2em 1em; margin:0 auto; width:auto; max-width:590px; position:relative; margin-bottom:3em}
.hello:after{ content:""; display:block; position:absolute; bottom:-2.5em; right:3em; width:0px; height:0px; border-style:solid; border-width:0 4em 4em 0; border-color:transparent #788288 transparent transparent}
.hello h3{line-height: 1.2; text-align: center; margin: 0; color:#fff}

#text-4 h3{text-align: left;}
#text-5 h3, #text-6 h3 {text-align: center;}
 
@media only screen and (min-width: 1400px){
.intro-image{width:70%}
.introtext{width:30%;}
}
@media only screen and (max-width: 1024px){
.grid .figure{width:50%; height:253px;}
}

@media screen and (max-width:991px){
.intro{margin-top: 45px;}
.intro .inner, #text-4 h3{display: block;text-align:center}
section .col-sm-5, section .col-sm-6, section .col-sm-7{width:100%; float:left}
#text-4.col-sm-4 {width:100%; margin-bottom:20px; text-align: center;}
#text-5.col-sm-4, #text-6.col-sm-4 {width:50%;}
section h3, secton h4{margin:0 0 20px}
}

@media only screen and (max-width: 768px){
.home h1 {font-size: 1.45em; line-height: 1.2;}
#text-5.col-sm-4, #text-6.col-sm-4 {width:100%;}
}
@media only screen and (max-width: 767px){
.home h1 {font-size: 2em;}
.intro-image,.introtext {width:100%; display:block; float:left}
.introtext p{margin: 0 0 10%;}
}
@media only screen and (max-width: 568px){
.home h1{font-size: 1.3em;}
.home h2  {font-size: 1.1em;}
.section2 {padding: 0% 0 2%; margin: -13px 0 0;}
.grid .figure{width:100%; margin:0}
}

@media only screen and (max-width: 375px){
.introtext p{font-size: 1.1em;}
.figure.effect-milo h4{bottom:35%;}
}

@media only screen and (max-width: 320px){
.introtext p{font-size: 1em;}
}

/* =Post + Page*/
.post-data{clear:both; font-size:11px; font-weight:700; margin-top:20px}
.post-data a{color:#111}
.post-entry, .article-content, .entry-content {line-height:2;}
.post-entry p, .entry-content p, .entry-content li {font-family: 'Work Sans', sans-serif;}
.article-content {margin: 0 0 30px}
.post-meta{color:#9f9f9f; font-size:13px;}
.single .post-meta a, .page-template-blog-php .post-meta a{color:#333;}
.post-edit-link{clear:both; display:block;margin: 5px 0;color:#b22}
.post-search-terms{clear:both}
.comments-link{font-size:12px}
#cancel-comment-reply-link{color:#900}
.post-image {margin: 20px 0 30px; float: none;}
.post-image img{width:100%}
.attachment-entry{clear:both; text-align:center}

.page-template-kurs .col-sm-7{width:61%}
.aufbau {margin: 20px auto; float:left; width:100%; min-height: auto;}
.aufbau ul {position: relative; padding-top: 20px; margin:0}
.aufbau li {position: relative; padding: 20px 10px 0 10px; float: left; text-align: center; list-style-type: none;}
.aufbau li span{clear: both;width: 100%;float: left;}
.entry-content .aufbau ul li:before{content:""; margin:0}
.aufbau li:before, .aufbau li:after {content: ''; position: absolute; top: 0; right: 50%; width: 55%; height: 20px; border-top: 1px solid #4c575f;}
.aufbau li:after {left: 50%; right: auto; border-left: 1px solid #4c575f;}
.aufbau li:only-child:after, .aufbau li:only-child:before {content: '';display: none;}
.aufbau li:only-child {padding-top: 0}
.aufbau li:first-child:before, .nav li:last-child:after {border: 0 none;}
.aufbau li:last-child::before {border-right: 1px solid #4c575f; border-radius: 0 3px 0 0;}
.aufbau li:first-child:after {border-radius: 3px 0 0 0;}
.aufbau li:first-child::before, .aufbau li:last-child::after {border: 0 none;}
.aufbau .test{width:200px}
.aufbau li li.tri {width: 33%;}
.aufbau ul ul:before {content: ''; position: absolute; top: 0; left: 50%; border-left: 1px solid #4c575f; width: 0; height: 20px;}
.aufbau li div {display: inline-block; padding: 10px 15px; border-radius: 5px; color: #fff; font-size: 15px;background:#4c575f;}
.uberkategorie{width:100%}
.aufbau li li.unterkategorie{width:50%}

.aufbau li.modul div {display: inline-block;padding: 10px 5px;}
.aufbau li li.unterkategorie.mod1{width:70%}
.aufbau li li.unterkategorie.mod2{width:30%}

/* =Kursplan*/
.kursplan h2 {text-align:center; margin: 30px auto 20px;font-size: 1.4em;}
.kursplan table{margin:0}
.kursplan table.overview{margin-bottom:5px; padding:0}
.kursplan .overview tr {background: #657e89; margin: 5px 0; color:#fff;font-size: 15px;}

div.beginn, div.ende, div.kurs, div.weekdays, div.start, div.end{float:left}
div.beginn{width:16%;}
div.beginn .col-sm-12{padding-left: 30px;}
div.kurs{width:58%;}
div.weekdays{width:26%;text-align:center}

.kursplan tr{background: #f5f5f5; margin: 5px 0; font-family: 'Work Sans', sans-serif;}
.kursplan tr:nth-child(even) {background: #e9e9e9}
.kursplan td{padding: 5px;}
.kursplan td.beginn {width:16%; padding:5px 5px 5px 17px}
.kursplan td.kurs{width:52%; font-weight:500}
.kursplan td.weekday{width:14%}
.kursplan td.start-end-time{width:18%}

.kursplan.exams{padding:30px 0 0}
.kursplan.exams td.start-end-time {width: 18%;}

.kursplan.single-kurs h2 {text-align:left; margin: 30px auto 20px;}
.kursplan.single-kurs h3 {font-size:1.2em}
.kursplan.single-kurs tr {float: none; display: table-row;background: #f5f5f5; margin: 5px 0;border-bottom: 5px solid #fff;}
.kursplan.single-kurs td{padding: 3px 15px; float: none; display: table-cell;vertical-align: middle;line-height: 1.6;}
.kursplan td.kurs-single{width:65%;font-weight:500}
.kursplan td.beginn-weekday-time{width:35%;text-align: right;}
.kursplan td.beginn-weekday-time span.time{font-weight:500}
.kursplan td.beginn-weekday-time p{margin:3px 0; font-size: 13px;}
.kursplan td.beginn-weekday-time p br{display:none}
.planlink {text-align:center;background: #efefef; padding: 6px 0; margin: -10px 0 35px;}

.kursplan.single-kurs.details tr{background:transparent}
.kursplan.single-kurs.details tr:nth-child(even) {background: transparent}
.kursplan.single-kurs td.detail {padding:10px}
.detail.ttl{font-weight:500; width:110px;background: #e9e9e9}
.detail{background: #efefef}

@media only screen and (max-width:1370px){
.aufbau li {position: relative; padding: 20px 5px 0;}
.aufbau li div {padding: 10px 10px; font-size: 14px;}
}

@media only screen and (max-width:1200px){
.aufbau li {position: relative; padding: 20px 3px 0;}
.aufbau li div {padding: 10px 8px; font-size: 14px;}
}

@media only screen and (max-width:1150px){
.aufbau .test {width: 170px;}
}

@media only screen and (max-width:1050px){
.kursplan td, .overview .col-sm-12{font-size:14px}
}

@media only screen and (max-width:991px){
.page-template-kurs .col-sm-7{width:100%}
.page-template-kurs .col-sm-4{width:100%}
.aufbau li {position: relative; padding: 20px 10px 0 10px;}
.aufbau li a, .aufbau li li a {padding: 10px 15px; font-size: 15px;}
.container.kp{padding:0}
.overview .col-sm-12{font-size:13px}
.kursplan td.beginn{width:18%;padding: 5px 5px 5px 7px;}
.kursplan td.kurs{width:53%}
.kursplan td.weekday{width:14%}
.kursplan td.start-end-time{width:15%}
.kursplan.exams td.kurs{width:49%}
.kursplan.exams td.weekday{width:10%}
.kursplan.exams td.start-end-time {width: 23%;}
.kursplan td.beginn-weekday-time p br{display:block}
div.beginn .col-sm-12{padding-left: 15px;}
}

@media only screen and (max-width:700px){
.page-template-kursplan .container{padding:0}
.aufbau li div, .aufbau li li div {padding: 10px 5px;}
.aufbau .test {width: 110px;}
.overview{display:none}
.kursplan tr{width:100%; float: left; display: block; background: #f5f5f5; margin: 5px 0; font-family: 'Work Sans', sans-serif;}
.kursplan td{padding: 5px; float: left; display: block;}	
.kursplan td.beginn{width:20%}
.kursplan td.kurs{width:51%}
.kursplan td.weekday{width:13%}
.kursplan td.start-end-time{width:16%}
.kursplan.exams td.kurs{width:50%}
.kursplan.exams td.start-end-time{width:17%}
}

@media only screen and (max-width:520px){
.kursplan td{font-size:15px; padding:5px 15px}
.kursplan td.beginn{width:100%;padding:5px 15px;font-weight: 600; font-size: 1.1em;}
.kursplan td.kurs{width:100%;}
.kursplan td.weekday{width:30%}
.kursplan td.start-end-time{width:70%}	
.kursplan.exams td.kurs{width:100%}
.kursplan.exams td.weekday{width:30%}
.kursplan.exams td.start-end-time{width:70%}
.kursplan.single-kurs td{padding: 3px 10px; float: left; display: block; line-height: 1.6;}
.kursplan td.kurs-single{width:100%;font-weight:500}
.kursplan td.beginn-weekday-time{width:100%;text-align: right;}
.kursplan td.beginn-weekday-time p br{display:none}
}

/* =Sidebar */
.sidebar{background:#d1d3d6;padding: 0px 0px 15px; font-family: 'Work Sans', sans-serif;}
#menu-sidebar{margin-left:1.5em}
#menu-sidebar li:before{display: inline-block;font: normal normal normal 13px/1 Flaticon; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; content: "\f100"; margin: 0 10px 0 0;color:#455565}
#menu-sidebar li.current_page_item a{font-weight:500}
#menu-sidebar li.current_page_item:before{font-weight:600}

/* =Map */
#google-container {position:relative; width:100%; height:200px; background-color:#fff}
#cd-google-map {position:relative}
#cd-google-map address {position:absolute; padding:.5em; background-color:rgba(78, 88, 97, 0.9); color:#fff; font-size:13px; font-size:0.8125rem; margin:0; width:210px; top:3%; left:50%; line-height: 1.5; border-radius: 5px;font-style: normal;}
#cd-zoom-in, #cd-zoom-out {height:32px; width:32px; cursor:pointer; margin-left:10px; background-color:rgba(78, 88, 97, 0.9); background-repeat:no-repeat; background-size:32px 64px; background-image:url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-icon-controller.svg")}
.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover{ background-color:#d36868}
#cd-zoom-in {background-position:50% 0; margin-top:10px; margin-bottom:1px}
#cd-zoom-out{ background-position:50% -32px}
#cd-google-map address a{color:#fff}

@media only screen and (min-width:768px){
#google-container {height:300px;}
#cd-google-map address {text-align:center;top:15%; left:50%;}
#cd-zoom-in,#cd-zoom-out {margin-left:50px}
#cd-zoom-in{ margin-top:50px}
}

@media only screen and (min-width:1170px){ 
#google-container{height:600px;}
#cd-google-map address {text-align:center;top:23%; left:50%;}
}

/* =Footer */
#footer{height:auto; position:relative; z-index:2; overflow:hidden; padding:20px 0 0;color:#efefef;background:#4e5861;}
#footer-wrapper{padding:0 0 20px; font-size:.9em}
#footer a{color: #efefef;}
#footer .col-sm-8 a{padding:0 5px;}
#footer-wrapper .cright {margin: 0 0 0 20px; line-height:2}
#footer .social-icons{list-style:none; line-height:normal; text-align:right; margin:0}
.social-icons li{font-size: 1.3em; position:relative; text-align: center; margin: 0 1.5% 0; display: inline-block;border-radius: 50%; background: #efefef; width: 46px; top: -15px;}
.social-icons li.telc{margin: -8px 1% 0; width: 50px; top:0}
.telc-icon{background:url(images/telc.svg); background-size: 40px 40px;width: 40px; height: 40px; display: block; margin: 0 auto;}
#footer .social-icons li a {color:#4e5861}
#footer .col-sm-3{line-height:2}
/*.cc-floating.cc-theme-edgeless .cc-message {margin: 2em 1em 1.5em !important;}*/

@media only screen and (max-width:768px){
#footer-wrapper .col-sm-6{text-align: center;}
#footer-wrapper .col-sm-4{width:100%}
#footer .social-icons{text-align: center;padding: 20px 0 0;}
}

@media only screen and (max-width:540px){
#footer .col-sm-12{text-align:center}
}

@media only screen and (min-width:991px){
#footer{padding:0;}
#footer-wrapper{padding:20px 0;}
}

/* =404 Page*/
.error404 #header {background: transparent;}
.title-404{color:#141313;margin:20px 0}
.error404 .post-entry {min-height: 360px;}
.error404 .main-content{margin:40px auto 20px; padding:20px 15px 25px; line-height:2em;max-width:590px;background: #fff;}

/* =Navigation, Pagination, Breadcrumb */
.navigation{display:block; height:28px; line-height:28px; margin: 0 0 30px}
.navigation a{color:#aaa; padding:4px 10px}
.navigation a:hover{color:#111; text-decoration:none}
.navigation .previous{float:left}
.navigation .next{float:right;  padding: 1px 11px;}
.navigation .bracket{font-size:2.250em}
.attachment-navigation .previous{float:left; width:50%;;padding: 1px 11px 0 0;}
.attachment-navigation .next{float:right; width:50%; padding: 1px 11px 0 0;}
.paging-navigation{font-family:sans-serif; padding:0 1em;float: left; width: 100%;}
.paging-navigation ul{list-style-type:none; margin:0; padding:0}
.paging-navigation li{display:inline}
.navigation .paging-navigation .next{float:none;  padding: 7px 11px;}
a.page-numbers, span.page-numbers{color:#b1b2b5; background: #efefef; padding: 7px 11px; border-radius: 50%;}
a:hover.page-numbers{color:#b1b2b4;}
.paging-navigation .current{font-weight:600; color:#b1b2b4; background: #efefef;}
#breadcrumbs{font-size:14px; padding:0px 0px 5px; clear:both;font-weight: 300; margin: 2% 0 1%; color:#bbb; text-align:center}
#breadcrumbs a{color:#aaa; font-weight:300}

/* =Comments */
#commentform{margin:0}
.commentlist{border-bottom:1px dotted #eee; list-style:none; margin:15px 0; padding:0}
.commentlist ol{list-style:decimal}
.commentlist li{-webkit-border-radius:4px; -moz-border-radius:4px; background-color:#fff; border-radius:4px; margin:0}
.commentlist .bypostauthor .comment-body{background:#fff}
.commentlist li cite{color:#111; font-size:11px; font-style:normal; font-weight:400}
.commentlist li.alt{background:#f9f9f9}
.commentlist .children{list-style:none; margin:0px; padding:0}
.commentlist .avatar{-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; float:left; margin-right:10px; padding:0; vertical-align:middle}
.comment-author .fn{font-size:11px}
.comment-author .says{color:#999; font-size:11px}
.comment-body .comment-meta{color:#999; display:inline-block; margin:0; padding:0; text-align:left}
.comment-body .comment-meta a{font-size:11px}
.comment-body{clear:both; padding:10px;background: #f5f5f5;}
.comment-body p{clear:both; margin:0 0 0 70px; font-family: Georgia; font-size: 14px; font-style: italic; color: #425978;}
.comment-body .reply{}
.pingback, .trackback{list-style:none; margin:20px 0}
.pingback cite, .trackback cite{font-style:normal}
#pings, #comments{text-align:left}
#respond{padding:10px 20px; width: 100%;}
#respond label{font-size:10px}
.comment-reply-link{display:none}
h3#reply-title{margin:10px 0; font-size: 24px;}
#comment{width:100%; height: 60px}
.reply{margin:10px 70px 0}
p.logged-in-as{font-size:12px}
.comment-form-url input,  .comment-form-email input, .comment-form-author input, .comment-form-comment textarea{display:block}
.nocomments{color:#999; font-size:.9em; text-align:center}
.comment-notes{font-size:13px}

/* =Contact Form */
.wpcf7{display:block;}
.wpcf7 label{padding:0;color:#666;word-spacing: -.1em;}
.wpcf7-form textarea{height: 100px; min-width: 50.7%;}
.wpcf7 label, .wpcf7-form input, .wpcf7-form textarea{width:100%; margin: 0 auto; float: none; padding:15px; -webkit-appearance: none;}
input[type='submit'].wpcf7-submit {-webkit-appearance: none;}
.wpcf7-list-item input{width:auto !important;}
.cform .wpcf7-form input, .cform .wpcf7-form textarea, .cform input[type='submit'].wpcf7-submit{width:100%;margin:0}
span.wpcf7-not-valid-tip-no-ajax{border:none; background-color:#fffd75; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; font-weight:normal; margin:5px 0 0 5px; display:inline; float:right}
.wpcf7-form .wpcf7-mail-sent-ok{border:none; background-color:#abf779; margin:10px 0px 10px; padding:10px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; font-size:15px}
.wpcf7-form .wpcf7-mail-sent-ng{border:none; background-color:#fcb3b8; margin:0; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px}
.wpcf7-form span.wpcf7-not-valid-tip{border:none;}
.wpcf7-form span.wpcf7-not-valid-tip{border:none;font-size:13px;display: block;color: #ff3a3f;}
.wpcf7-form .wpcf7-validation-errors{border:none; color: #f00;}
.wpcf7 .screen-reader-response {display:none}

span.wpcf7-list-item {display: block; margin: 0 0;width: 100%;float: left;}
span.wpcf7-list-item.last{margin-bottom:20px}
span.wpcf7-list-item label{padding: 5px 10px 5px 0;word-spacing: 0;}
.wpcf7-form .kurs input[type=checkbox]{background: #cbced1;}
.wpcf7-form input[type=checkbox] {width:16px; height:16px; position:relative; display: inline-block; color:#586A73; padding:12px; margin: 0 5px 0 0;}
.wpcf7-form input[type=checkbox]:checked:before {content: "x"; position: absolute; top:2px; left:8px;font-weight: 600;}
.acceptance span.wpcf7-list-item {width: auto; margin:0}

::-webkit-input-placeholder {color: #697073;}
:-moz-placeholder {/* Firefox 18- */color: #697073;}
::-moz-placeholder { /* Firefox 19+ */color: #697073;}
:-ms-input-placeholder {color:#697073;}
.short-agb p{font-size:14px;}

@supports (-ms-ime-align:auto) {
.wpcf7-form input[type=checkbox] {-webkit-appearance:checkbox}
}

@media screen and (max-width:991px){
.wpcf7-form input, .wpcf7-form textarea{width:70%;}
.wpcf7 label{width:auto; float:left; min-width:200px}
.wpcf7-form input.plz, .wpcf7-form input.num{width:18%}
.wpcf7-form input.city{width:47.7%; margin-left: 10px;}
.wpcf7-form input.addy{width:47.7%; margin-right: 10px;}
input[type='submit'].wpcf7-submit {width: 100%;}
}

@media screen and (max-width:768px){
.wpcf7 label {padding:0}
.wpcf7-form input.plz, .wpcf7-form input.num{width:20%}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7 label{width:100%;}
.wpcf7-form input.city{width:75.7%; margin-left: 10px;}
.wpcf7-form input.addy{width:75.7%; margin-right: 10px;}
.cform {margin:30px 0 0}
}

@media screen and (max-width:560px){
.wpcf7 label {padding:0}
.wpcf7-form input.plz, .wpcf7-form input.num{width:20%}
.wpcf7-form input, .wpcf7-form textarea, .wpcf7 label{width:100%;}
.wpcf7-form input.city{width:71.7%; margin-left: 10px;}
.wpcf7-form input.addy{width:71.7%; margin-right: 10px;}
.cform {margin:30px 0 0}
}

@media screen and (min-width:992px){
.page-id-8 .wpcf7{max-width:70%; margin:20px auto}
.wpcf7 label{width:auto; float:left; min-width:200px}
.wpcf7 .kurs, .wpcf7 .time, .wpcf7 .start{margin: -50px 0 0; float: left;}
.wpcf7-form input, .wpcf7-form textarea{width:50%;}
.wpcf7-form input.plz, .wpcf7-form input.num{width:10%}
.wpcf7-form input.city{width:38.7%; margin-left: 10px;}
.wpcf7-form input.addy{width:38.7%; margin-right: 10px;}
.short-agb {padding: 20px 0 20px 200px;}
.short-agb p:not(:first-child) {margin: 15px 0 10px 35px; font-style: italic; line-height: 1.6;}
input[type='submit'].wpcf7-submit {width: 51%; margin-left: 200px;}
}

@media screen and (min-width:1024px){
span.wpcf7-list-item {margin: 0 0 0 200px;}
}

/* =Animation */
.animated{-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both;}
.hidden{opacity:0;}
.visible{opacity:1;}
.delay {-webkit-animation-delay: .5s;animation-delay: .5s;}

@-webkit-keyframes bounceInUp{ 
 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000); transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{ opacity:0;  -webkit-transform:translate3d(0,3000px,0);  transform:translate3d(0,3000px,0)}
 60%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}
 75%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}
 90%{ -webkit-transform:translate3d(0,-5px,0);  transform:translate3d(0,-5px,0)}
 100%{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}

@keyframes bounceInUp{
 0%,60%,75%,90%,100%{ -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);  transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
 0%{ opacity:0;  -webkit-transform:translate3d(0,3000px,0);  transform:translate3d(0,3000px,0)}
 60%{ opacity:1;  -webkit-transform:translate3d(0,-20px,0);  transform:translate3d(0,-20px,0)}
 75%{ -webkit-transform:translate3d(0,10px,0);  transform:translate3d(0,10px,0)}
 90%{ -webkit-transform:translate3d(0,-5px,0);  transform:translate3d(0,-5px,0)}
 100%{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
}
.bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}

@-webkit-keyframes fadeIn{ 0%{ opacity:0} 100%{ opacity:1} }
@keyframes fadeIn{  0%{ opacity:0} 100%{ opacity:1} }
.fadeIn{-webkit-animation-name:fadeIn;  animation-name:fadeIn}

@-webkit-keyframes fadeInDown{ 
0%{ opacity:0; -webkit-transform:translateY(-20px); transform:translateY(-20px)}
100%{ opacity:1; -webkit-transform:translateY(0); transform:translateY(0)}
}

@keyframes fadeInDown{
0%{ opacity:0;  -webkit-transform:translateY(-20px);  -ms-transform:translateY(-20px);  transform:translateY(-20px)}
100%{ opacity:1;  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
}
.fadeInDown{ -webkit-animation-name:fadeInDown;  animation-name:fadeInDown}

@-webkit-keyframes fadeInLeft{
0%{ opacity:0;  -webkit-transform:translateX(-20px);  transform:translateX(-20px)}
100%{ opacity:1;  -webkit-transform:translateX(0);  transform:translateX(0)}
}
@keyframes fadeInLeft{
0%{ opacity:0;  -webkit-transform:translateX(-20px);  -ms-transform:translateX(-20px);  transform:translateX(-20px)}
100%{ opacity:1;  -webkit-transform:translateX(0);  -ms-transform:translateX(0);  transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;  animation-name:fadeInLeft}

@-webkit-keyframes fadeInUp{
0% {opacity:0; -webkit-transform:translateY(20px);  transform:translateY(20px)}
100% {opacity:1; -webkit-transform:translateY(0);  transform:translateY(0)}
}
@keyframes fadeInUp{
0%{ opacity:0;  -webkit-transform:translateY(20px);  -ms-transform:translateY(20px);  transform:translateY(20px)}
100%{ opacity:1;  -webkit-transform:translateY(0);  -ms-transform:translateY(0);  transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp; animation-name:fadeInUp}

/* =WordPress Core */
.left{float:left}
.right{float:right}
.center{text-align:center}
.alignnone{margin:5px auto}
.textwidget img.alignnone{margin:0px auto; display:block}
.aligncenter, div.aligncenter{display:block; margin:5px auto}
.alignright{float:right; margin:-15px 0 10px 20px}
.alignleft{float:left; margin:5px 20px 10px 0}
.alignlft{float:left;}
.aligncenter{display:block; margin:5px auto}
a img.alignright{float:right; margin:5px 0 10px 20px}
a img.alignnone{margin:5px 20px 10px 0}
a img.alignleft{float:left; margin:5px 20px 10px 0}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
.wp-caption{background:#fff; max-width:99%; width:100% !important; padding:0px; text-align:center}
.wp-caption.alignnone{margin:5px 20px 20px 0}
.wp-caption.alignleft{margin:5px 25px 5px 0}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption img{border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto}
.wp-caption p.wp-caption-text{font-size:11px; line-height:1.5em; margin:0; padding:0 4px 5px}
img.wp-smiley{vertical-align:middle}
img {max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; display:block; margin:0px auto;}

@media only screen and (max-width: 767px){
.alignright{float:none; margin:5px auto}
.alignleft{float:none; margin:5px auto}
.alignlft{float:none;}
}

/* =WordPress Gallery */
.gallery{margin:0 auto 18px}
.gallery .gallery-item{float:left; margin-top:0; text-align:center; max-width:155px}
.gallery img{border:1px solid #ddd}
.gallery .gallery-caption{font-size:12px; margin:0 0 12px}
.gallery dl{margin:0}
.gallery br+br{display:none}
.attachment-gallery img{background:#fff; border:1px solid #f0f0f0; display:block; height:auto; margin:15px auto; max-width:96%; padding:5px; width:auto}
.gallery-meta .iso, .gallery-meta .camera, .gallery-meta .shutter, .gallery-meta .aperture, .gallery-meta .full-size,  .gallery-meta .focal-length{display:block}

/* =Clearfix*/
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .group:before, .group:after, article:before, article:after, header-before, header:after, #header-before, #header:after {content: " "; display: table;}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .group:after, article:after, header:after, #header:after, table:before {clear: both;}
.clearfix:after, .widget-wrapper:after {clear:both; content:'\0020'; display:block; height:0; max-height:0; overflow:hidden; visibility:hidden}
.clear{clear:both}

/* =Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]{direction:ltr; unicode-bidi:bidi-override}
BDO[DIR="rtl"]{direction:rtl; unicode-bidi:bidi-override}
[DIR="ltr"]{ direction:ltr;  unicode-bidi:embed}
[DIR="rtl"]{ direction:rtl;  unicode-bidi:embed}

/* =Media Print */
@media print{ 
h1{ page-break-before:always}
h1, h2, h3, h4, h5, h6{ page-break-after:avoid}
ul, ol, dl{ page-break-before:avoid}
}