/*
Theme Name: BDT
Description: Template fuer Business Design Thinking	
Author: Cornelia Agel
Author URI: http://www.inter-logue.de/
*/

/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto-v30-latin-regular.eot'); src: local(''), url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), url('fonts/roboto-v30-latin-regular.woff') format('woff'), url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); font-display: swap; }

/* roboto-italic - latin 
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('fonts/roboto-v30-latin-italic.eot'); src: local(''), url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), url('fonts/roboto-v30-latin-italic.woff') format('woff'), url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); font-display: swap; }*/

/* roboto-500 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('fonts/roboto-v30-latin-500.eot'); src: local(''), url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin-500.woff2') format('woff2'), url('fonts/roboto-v30-latin-500.woff') format('woff'), url('fonts/roboto-v30-latin-500.ttf') format('truetype'), url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); font-display: swap; }

/* roboto-500italic - latin 
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('fonts/roboto-v30-latin-500italic.eot'); src: local(''), url('fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'), url('fonts/roboto-v30-latin-500italic.woff') format('woff'), url('fonts/roboto-v30-latin-500italic.ttf') format('truetype'), url('fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); font-display: swap; }*/

/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('fonts/roboto-v30-latin-700.eot'); src: local(''), url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin-700.woff2') format('woff2'), url('fonts/roboto-v30-latin-700.woff') format('woff'), url('fonts/roboto-v30-latin-700.ttf') format('truetype'), url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); font-display: swap; }

/* roboto-700italic - latin 
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('fonts/roboto-v30-latin-700italic.eot'); src: local(''), url('fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), url('fonts/roboto-v30-latin-700italic.woff') format('woff'), url('fonts/roboto-v30-latin-700italic.ttf') format('truetype'), url('fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); font-display: swap; }*/


/***** RESETS *****/

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea { margin:0; padding:0; }
header,footer,nav,section,aside,article,figure,figcaption{display:block}
table { border-spacing:0; border-collapse:collapse; }
caption,th,td { text-align:left; text-align:start; vertical-align:top; }
abbr,acronym { font-variant:normal; border-bottom:1px dotted #666; cursor:help; }
blockquote,q { quotes:none; }
fieldset,img { border:0; } 
ul { list-style-type:none; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
del { text-decoration:line-through; }
ins { text-decoration:none; }

html { overflow-y: scroll; }
body { font-size: 18px; line-height: 1; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; }
input,button,textarea,select { font-family: inherit; font-size: 0.8333333333333333em; font-weight: inherit; vertical-align: baseline; *vertical-align: middle; color: #000; }
button,input.submit { *overflow: visible; }
pre,code { font-family: Monaco,monospace; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
table { font-size:inherit; }
img, object, embed, video { max-width: 100%; }
a img  { display: block; }
img  { height: auto; }

.invisible { width: 0px; height: 0px; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
.clr, #clr { clear: both; }
.block { display: block; overflow: hidden; }
.clrfix:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
.mobile { display: none; }


/***** GLOBAL *****/

a { color: #e01267; text-decoration: none; outline: none; -webkit-transition: color 0.5s ease; -moz-transition: color 0.5s ease; -o-transition: color 0.5s ease; transition: color 0.5s ease; }
a:hover { color: #000; text-decoration: none; }
p { margin: 0 0 1.4em; }
h1, h2.blog { font-size: 1.666666666666667em; line-height: 1.2em; margin: 0 0 0.7em; font-weight: 500; }
h1.small, h2.small { font-size: 1.111111111111111em; }
h2 { font-size: 1.111111111111111em; margin: 0 0 0.6em; }
h2.maintitle { font-size: 1.222222222222222em; border-top: 1px solid #ddd; text-align: center; padding: 1.5em 0 0; margin: 1.5em 0; }
h2.maintitle.first { border-top: 0; margin-top: 0; padding-top: 0; }
h2.maintitle.nolink a { color: #000; }

h1 + h2 { margin-top: -1em; }
p + h2 { margin-top: 2em; }
h3 { margin: 0; }
h4 { font-size: 0.8888888888888889em; margin-bottom: 0.6em; }
.image_container img, a img { display: block; }
hr { border: 0; color: #e0e0e0; background-color: #e0e0e0; height: 1px; margin: 10px 0; padding: 0; display: block; }
blockquote { font-size: 1.666666666666667em; color: #a3a3a3; line-height: 1.193548387096774em; position: relative; padding: 0 2em 0 60px; }
blockquote:before { content: url("images/blockquote.png"); position: absolute; left: 0; }


.inside { width: 970px; max-width: 100%; margin: 0 auto; position: relative; }
.col2, .col3 { float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.col2 { width: 47.5%; margin-right: 5%; }
.col3 { width: 30%; margin-right: 5%; }
.col3.last, .col3 + .col3 + .col3, .col2.last, .col2 + .col2 { margin-right: 0; }
div.rot, div.blau, div.gelb { color: #fff; padding: 1em 1.2em 0; }
div.rot { background: #e01267; }
div.blau { background: #009ee0; }
div.gelb { background: #fbc00c; }
div.rot.plus { border-bottom: 10px solid #ef88b3; }
div.blau.plus { border-bottom: 10px solid #7fceef; }
div.gelb.plus { border-bottom: 10px solid #fddf85; }

div.arrow { position: relative; }
div.arrow:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-width: 17px; margin-left: -17px; }
div.arrow.rot:after { border-color: rgba(224, 18, 103, 0);border-top-color: #e01267; }
div.arrow.blau:after { border-color: rgba(0, 158, 224, 0); border-top-color: #009ee0; }
div.arrow.gelb:after { border-color: rgba(251, 192, 12, 0); border-top-color: #fbc00c; }

div.grau { background: #ececec; }
#slider li.bjqs-slide a, .button, .formbody input.submit, input.wpcf7-submit, #mc_embed_signup .button { padding: 0.6em 1em; background: #000; color: #fff; text-transform: uppercase; border: 0; border-bottom: 3px solid #bcbcbc; font-size: 0.8888888888888889em; font-weight: 700; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#slider li.bjqs-slide a, .button { padding: 0.5em 1em; display: inline-block; }
#slider li.bjqs-slide a:hover, .button:hover, .formbody input.submit:hover { color: #666; }
#mc_embed_signup .button:hover { background-color: #e01267; }
.button.pink { border-bottom: 0; background: #E01267; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.button.pink.plus { border-bottom: 4px solid #bcbcbc; }
.button.pink:hover { color: #fff; background: #000; }
.kursiv { font-style: italic; }
.alignleft { float: left; margin-right: 1em; }
a.mail, a.phone { font-weight: 700; display: inline-block; padding-left: 56px; margin-right: 2.5em; position: relative; }
a.mail:before, a.phone:before { position: absolute; left: 0; top: -10px; }
a.mail:before { content: url("images/Mail.png"); }
a.phone:before { content: url("images/Telefon.png"); }


/***** FORMS *****/

input.wpcf7-text, .wpcf7-textarea, #mc_embed_signup input.text { padding: 0.8em 1em; border: 0; max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wpcf7-response-output { display: block; clear: both; }

/***** HEADER *****/

#header { background: url("images/bg_header-sub.jpg") no-repeat left top; background-size: 100% 100%; }
#header.home { background: url("images/bg_header.jpg") no-repeat left top; background-size: 100% 100%; }
#header .inside { width: 1052px; max-width: 100%; background: url("images/buehne-sub.jpg") no-repeat 25px top; background-size: contain; }
#header.home .inside { background: url("images/buehne.jpg") no-repeat left top; background-size: contain; }
#header.blog .inside { background: none transparent; }
#header .logo { position: absolute; display: block; top: 22px; left: 39px; z-index: 1; }
#header.blog .logo { position: relative; display: block; padding: 22px 39px; top: 0; left: 0; }
#header .ce_sliderStart:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
#header .birne, #header .slider { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#header .birne { float: left; width: 53%; }

#slider { float: right; margin: 4em 0 0; width: 47%; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 100%; }
#slider h2 { font-size: 1.7em; line-height: 1.176470588235294em; font-weight: 500; margin: 0 0 0.6em; }
#slider p { font-size: 1.111111111111111em; line-height: 1.3em; margin: 0 0 2em; }
#slider li.bjqs-slide a { position: absolute; bottom: 0; }

#slider ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; display: none; }
#slider li.bjqs-slide { position: absolute; display: none; }
#slider ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index: 9999; }
#slider ul.bjqs-controls li a { position: absolute; }
#slider ul.bjqs-controls li.bjqs-next a, #slider ul.bjqs-controls li.bjqs-prev a { background: url("images/prev-next_sprite.png") no-repeat left top; width: 23px; height: 23px; text-indent: -9999em; display: inline-block; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#slider ul.bjqs-controls li.bjqs-next a:hover, #slider ul.bjqs-controls li.bjqs-prev a:hover { filter: alpha(opacity=100); opacity: 1; }
#slider ul.bjqs-controls li.bjqs-next a { right: -40px; }
#slider ul.bjqs-controls li.bjqs-prev a { left: -40px; background-position: left -25px; display: none; }
#slider ol.bjqs-markers { list-style: none; padding: 0; margin: 0.5em 0 0; width: 100%; }
#slider ol.bjqs-markers li { display: inline; margin: 0 0.15em; }
#slider ol.bjqs-markers li a { display: inline-block; text-indent: -9999em; display: inline-block; width: 13px; height: 13px; background: url("images/dot.png") no-repeat center center; filter: alpha(opacity=20); opacity: 0.2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#slider ol.bjqs-markers li a:hover { filter: alpha(opacity=50); opacity: 0.5; }
#slider ol.bjqs-markers li.active-marker a { filter: alpha(opacity=100); opacity: 1; }

#header .banner { padding-top: 2.5em; }
#header .zitat { font-size: 1.888888888888889em; line-height: 1.2em; margin: 2.5em 0 0.5em; }
#header .quelle { font-size: 1.111111111111111em; font-style: italic; }

	/* Main menu SF */
	#navigation ul.menu, #navigation ul.menu * { margin: 0; padding: 0; list-style: none; }
	#navigation ul.menu li:hover ul, #navigation ul.menu li.sfHover ul { z-index: 99; }
	#navigation ul.menu li:hover li ul, #navigation ul.menu li.sfHover li ul ,
	#navigation ul.menu li li:hover li ul, #navigation ul.menu li li.sfHover li ul { top: -999em; }
	#navigation ul.menu li li:hover ul, #navigation ul.menu li li.sfHover ul,
	#navigation ul.menu li li li:hover ul, #navigation ul.menu li li li.sfHover ul { left: 10em; top: 0; }
	
#menutoggler { display: none; }
#navigation { position: relative; top: 0; z-index: 2; background: #fff; width: 100%; -webkit-box-shadow: 0px -2px 2px 0px rgba(138,138,138,0.5); -moz-box-shadow: 0px -2px 2px 0px rgba(138,138,138,0.5); box-shadow: 0px -2px 2px 0px rgba(138,138,138,0.5); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.5em 3em; border-bottom: 1px solid #ddd; border-left: 80px solid #fff; border-right: 80px solid #fff; }
#navigation .inside { width: 970px; max-width: 100%; }
#navigation ul.menu { font-size: 0.8888888888888889em; }
#navigation ul.menu li { list-style: none; float: left; position: relative; }
#navigation ul.menu a { display: block; font-weight: 700; padding: 1em 1.25em; text-decoration: none; color: #000; text-transform: uppercase; }
#navigation ul.menu li:first-child a { padding-left: 0em; }
#navigation ul.menu a:hover, 
#navigation ul.menu li.current-menu-item > a, 
#navigation ul.menu li.current-menu-parent > a,
#navigation ul.menu li.current-page-ancestor > a, 
#navigation ul.menu li.current_page_item > a { color: #e01267; }
#navigation .follow { float: right; padding-top: 0.6em; }

/* submenue */
#navigation ul.menu ul { display: none; position: absolute; list-style: none; top: 45px; left: 1em; min-width: 220px; }
#navigation ul.menu ul li { display: block; float: none; width: 100%; background: rgba(0, 0, 0, 0.75); }
#navigation ul.menu ul li a { color: #fff; display: block; font-weight: 500; padding: 0.6em; text-decoration: none; text-transform: none; border-top: 1px solid #717171; font-size: 1em; }
#navigation ul.menu li.current-menu-item ul li a, 
#navigation ul.menu li.current-menu-parent ul li a { color: #fff; }
#navigation ul.menu li.current-menu-parent ul li a:hover, 
#navigation ul.menu li.current-menu-parent ul li.current-menu-item a { color: #e01267; }
#navigation ul.menu ul li:first-child a { padding-left: 0.6em; border-top: 0; }
	
#navigation .follow > .twitter, #navigation .follow > .pinterest, #navigation .follow > .facebook { display: inline-block; width: 27px; height: 27px; margin-right: 0.5em; background: url("images/socials.png") no-repeat left top; background-size: 150px 27px;}
#navigation .follow > .facebook  { background-position: -37px top; }
#navigation .follow > .twitter  { background-position: -75px top; }
#bottom .channels { margin: 1em 0 1.4em; }#bottom .channels a { display: inline-block; width: 36px; height: 36px; margin-right: 0.7em; background: url("images/socials.png") no-repeat left top; }#bottom .channels a.facebook { background-position: -50px top; }#bottom .channels a.twitter { background-position: -100px top; }
	
/***** MAIN *****/

#container { line-height: 1.4em; position: relative; padding-top: 2em; }
body.page #container { padding-top: 3.3em; }
body.home.page #container { padding-top: 2em; }

#main { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main { float: left; width: 72.5%; padding-right: 0; }
body.home #main, #main.colboth { float: none; width: 100%; }
#main.col1 { float: none; width: 100%; max-width: 840px; }

/* Raume Slide */
#raeume { margin-bottom: 2em; }
#raumslide ul.bjqs { position: relative; list-style: none; padding: 0; margin: 0; overflow: hidden; }
#main #raumslide ul.bjqs li.bjqs-slide { position: absolute; display: none; margin: 0; padding: 0; }
#raumslide ul.bjqs-controls { list-style: none; margin: 0; padding: 0; z-index: 9999; }
#raumslide ul.bjqs-controls li a { position: absolute; }
#raumslide ul.bjqs-controls li.bjqs-next a, #raumslide ul.bjqs-controls li.bjqs-prev a { background: url("images/prev-next_sprite.png") no-repeat left top; width: 62px; height: 62px; text-indent: -9999em; display: inline-block; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#raumslide ul.bjqs-controls li.bjqs-next a:hover, #raumslide ul.bjqs-controls li.bjqs-prev a:hover { filter: alpha(opacity=100); opacity: 1; }
#raumslide ul.bjqs-controls li.bjqs-next a { right: -20px; background-position: left -60px; }
#raumslide ul.bjqs-controls li.bjqs-prev a { left: -20px; background-position: left -130px; }
#raumslide ol.bjqs-markers { list-style: none; text-align: center; padding: 0; margin: 0; width: 100%; position: absolute; bottom: 0; }
#raumslide ol.bjqs-markers li { display: inline; margin: 0 0.15em; }
#raumslide ol.bjqs-markers li a { display: inline-block; text-indent: -9999em; display: inline-block; width: 10px; height: 10px; background: url("images/dot.png") no-repeat center center; background-size: 100%; filter: alpha(opacity=20); opacity: 0.2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#raumslide ol.bjqs-markers li a:hover { filter: alpha(opacity=50); opacity: 0.5; }
#raumslide ol.bjqs-markers li.active-marker a { filter: alpha(opacity=100); opacity: 1; }


/* wiederkehrerende Elemente */

.channels { margin: 1em 0 1.4em; }
.channels a { display: inline-block; width: 36px; height: 36px; margin-right: 0.7em; background: url("images/socials.png") no-repeat left top; }
.channels a.facebook { background-position: -50px top; }
.channels a.twitter { background-position: -100px top; }
#wpcf7-f490-o1.wpcf7, 
#wpcf7-f490-o2.wpcf7 { background: #fbc00c; padding: 1em 2em; color: #fff; position: relative; }
#wpcf7-f490-o1.wpcf7 form:after, 
#wpcf7-f490-o2.wpcf7 form:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
#wpcf7-f490-o1.wpcf7 .fields, 
#wpcf7-f490-o2.wpcf7 .fields { float: left; width: 65%; }
#wpcf7-f490-o1.wpcf7 p,
#wpcf7-f490-o2.wpcf7 p { margin: 0 0 1em; }
#wpcf7-f490-o1.wpcf7 .fields p,
#wpcf7-f490-o2.wpcf7 .fields p { margin: 0 0 0.5em; }
#wpcf7-f490-o1 .submit,
#wpcf7-f490-o2 .submit { float: right; padding-top: 2.8em; margin-right: -20px; text-align: right; }
#wpcf7-f490-o1 input.wpcf7-submit,
#wpcf7-f490-o2 input.wpcf7-submit { font-size: 0.8333333333333333em; }
#right #wpcf7-f490-o1.wpcf7 { padding: 1em; margin-bottom: 2em; }
#right #wpcf7-f490-o1.wpcf7 .fields { float: none; width: 100%; }
#right #wpcf7-f490-o1 .submit { float: none; padding-top: 1em; margin-right: 0; text-align: center; }

#mc_embed_signup { background: #fbc00c; padding: 1em 2em; color: #fff; position: relative; }
#mc_embed_signup form:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; }
#bottom #mc_embed_signup .mc-field-group { float: left; width: 65%; }
#mc_embed_signup .mc-field-group input { margin: 0 0 0.5em; }
#bottom #mc_embed_signup .mc-field-group input { width: 90%; }
#bottom #mc_embed_signup .clear { float: right; padding-top: 2.8em; text-align: right; }
#right #mc_embed_signup { padding: 1em; margin-bottom: 2em; }
#right #mc_embed_signup .fields { float: none; width: 100%; }
#right #mc_embed_signup .clear { float: none; padding-top: 1em; text-align: center; }#mc_embed_signup.kontaktbox { width: 47.5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; margin-top: 2em; padding: 1em 1.5em 1.35em; }#mc_embed_signup.kontaktbox .mc-field-group { float: left; width: 60%; }#mc_embed_signup.kontaktbox .clear { float: right; padding-top: 2.8em; text-align: right; }

/* Startseite */
body.home #teaser a, body.home #teaser a:hover { color: #000; }
body.home #teaser .plus { text-align: center; margin-bottom: 0.8em; }
body.home #teaser .plus p { font-weight: 700; line-height: 1.2em; margin-bottom: 0; text-align: center; }
body.home #teaser .plus p img { margin: 0 auto; }
body.home #teaser .plus h2 { font-size: 0.9em; line-height: 1.5em; font-weight: 400; text-transform: margin-bottom: 1.5em; }
body.home #teaser .plus p + h2 { margin-top: 0; }

body.home #blog { margin-bottom: 2em; }
body.home #blog a { display: block; }
body.home #blog .clr { padding-top: 3em; }
body.home #blog img { width: 100%; }

body.home #kunden .blau, body.home #kunden .rot, body.home #kunden .gelb { padding: 1.4em 1.5em 0; }
body.home #content { border-top: 1px solid #f0f0f0; margin-top: 1em; padding-top: 2em; }
body.home a .wsdate { text-align: center; color: #000; }

#loslegen { margin-bottom: 4em; }
#loslegen .blau, #loslegen .rot, #loslegen .gelb { padding: 1.4em 1.5em 0.1em; }
#main #loslegen .box { color: #000; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 5.5em; margin-top: 1em; }
p.readmore { text-align: center; padding: 0 0 1em; margin: 0; }
section.postbox { margin: 0 0 3em; }
section.postbox .image { float: left; width: 40%; clear: left; }
section.postbox .content  { width: 58%; float: right; }

/* Unterseiten */

.wsdate { font-weight: 700; }
body.page #main .content { line-height: 1.5em; }

#main .box { color: #fff; padding: 1em 1.5em 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 11em; }
#main .box a { color: #fff; }
#main .box.rot { clear: left; margin: 2em 5% 0 0; width: 47.5%; position: relative; }
#main .box.rot:after { content: url("images/kontaktbox-arrow.png"); position: absolute; z-index: 99; right: 25px; bottom: -26px; }

#main.loslegen .grau { margin: 3em 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main.loslegen .grau .box { color: #000; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 5.5em; margin-top: 1em; }
#main.loslegen .grau .arrow { padding: 1em 1.5em 0.1em; font-size: 1.333333333333333em; line-height: 1.3em; }
#main.loslegen .grau .arrow  p { margin: 0 0 1em; }
#main.loslegen .grau .button { font-weight: 500; }
#main.loslegen .grau p.readmore { padding: 1em 0 1.5em; }


/* Kontakt */
#wpcf7-f43-p19-o1.wpcf7 .fields { float: left; width: 47.5%; margin-right: 5%; }
#wpcf7-f43-p19-o1.wpcf7 .fields p { margin: 0 0 0.7em; }
#wpcf7-f43-p19-o1 .wpcf7-text, #wpcf7-f43-p19-o1 .wpcf7-textarea  { background: #ececec; width: 100%; }
#wpcf7-f43-p19-o1.wpcf7 .check { margin-left: 52.5%; }
#wpcf7-f43-p19-o1.wpcf7 .check h4 { margin-bottom: 0.5em; }
#wpcf7-f43-p19-o1 .wpcf7-checkbox span.wpcf7-list-item { display: block; margin-bottom: 0.5em; font-weight: 700; }
#wpcf7-f43-p19-o1 .wpcf7-checkbox input { margin-right: 0.5em; }

/* Map*/
#map, #map iframe { margin-top: 1em; width: 100%; }

/* Blogseiten */
#container.blog img.wp-post-image { width: 100%; height: auto; margin: 0 0 1em; }
.readmore a, a.more-link { padding: 0.5em 1em; background: #000; color: #fff; text-transform: uppercase; font-size: 0.8888888888888889em; font-weight: 700; }
.post .readmore a, .post a.more-link { margin-top: 1em; }
p.tags { font-size: 0.8888888888888889em; text-transform: uppercase; color: grey; margin: 0; }
p.tags a { color: grey; }
.supplem { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 1em 0 3em; padding: 1em 0; }
.prev-posts { float: left; }
.next-posts { float: right; }
#main ul { padding: 0; margin: 0 0 1.4em; overflow: auto; zoom: 1; list-style-type: disc; }
#main ol { list-style-type: decimal; }
#main ol li, #main ul li { margin: 0 0 0.5em 2em; padding: 0 0 0 0.25em; }

/* Workshopseiten*/
#programm .postbox { margin-bottom: 1em; }
#programm .postbox .col2 .wp-post-image { margin-bottom: 1em; }
body.page #container.workshop { padding-top: 2em; }
.workshop .button.pink.plus { margin-top: 1em; }
.workshop .wp-post-image { margin-bottom: 1em; }
.workshop #content { margin-bottom: 2em; }
.workshop #content h2 { line-height: 1.2em; margin: 0; }
.workshop div.grau { background: #f7f7f7; }
.workshop #content div.col2.grau { padding: 2em; }
.workshop span.portrait { display: inline-block; }
.workshop span.portrait img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 137px; height: 137px; }
.workshop .icon { display: inline-block; width: 90px; vertical-align: middle; }
.workshop .icon img { display: block; width: 60px; height: auto; }

.workshop .sharews { text-align: right; margin-top: -1em; }
.workshop .sharews .essb_links.essb_template_copy-retina { margin: 0 0 1em; }


/***** RIGHT *****/

#right { float: right; width: 23%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#right h3 { margin-bottom: 0.6em; }
#right .navigation { margin-bottom: 2em; }
#right .navigation li {}
#right .navigation li a { display: block; color: #000; padding: 0.4em 0 0.4em 1.5em; border-bottom: 1px solid #d9d9d9; }
#right .navigation li.current_page_item a { color: #e2007a; position: relative; }
#right .navigation li.current_page_item a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent #ea449c transparent transparent; position: absolute; top: 0.85em; left: 0.5em; }
#right .navigation.tags li { position: relative; }
#right .navigation.tags li a { padding: 0.4em 0 0.4em 1em; }
#right .navigation.tags li:before { content: "\2022"; position: absolute; left: 0; top: 0.4em; font-weight: bold; font-size: 1.2em; }


#right img.kfw { margin: 0 auto 1em; display: block; }
#right .textwidget { font-size: 0.8333333333333333em; line-height: 1.2em; text-align: left; margin-bottom: 2em; }
#right a.box { text-align: center; margin-bottom: 1.5em; display: block; }
#right div.rot, #right div.blau, #right div.gelb { padding: 1em 0.5em 0; } 
#right a.box h2 { font-size: 0.85em; line-height: 1.4em; font-weight: 400; text-transform: margin-bottom: 1.2em; }
#right a.box p { margin: 0; }
#right a.box p + h2 { margin-top: 0; }
#right a.inqa { margin-bottom: 2.5em; }
#right a.inqa img { margin: 0 auto; }

#right ul.mostviewed { margin-bottom: 2em; }
#right ul.mostviewed li { margin-bottom: 0.5em; font-size: 0.9em; line-height: 1.2em; }

#right .portrait { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #fbc00c url('images/elena-schmitz.jpg'); width: 115px; height: 115px; margin: 0 auto; }
#right .fb-page { margin-bottom: 2em; }


/***** FOOTER *****/

#footer { border-bottom: 1px solid #ddd; margin: 5em 0 0; border-left: 80px solid #fff; border-right: 80px solid #fff; }
#footer.blog { border-top: 1px solid #ddd; border-bottom: 0; }
#footer a { color: #8e8e8e; }
#footer p { margin: 0 0 0.5em; font-size: 0.9em; }
#footer a:hover { color: #000; }
#footer ul.menu { list-style: none; display: block; color: #8e8e8e; float: right; font-size: 0.6666666666666667em; line-height: 3em; }
#footer.blog ul.menu { float: none; }
#footer ul.menu li { display: inline-block; line-height: 1em; }
#footer ul.menu li a { padding: 0 0.5em 0 0.6em; border-left: 1px solid #8e8e8e; }
#footer ul.menu li:last-child a { padding-right: 0; }
#footer ul.menu li.copy span { padding: 0 0.5em 0 0.6em; border-left: 0; }
#footer.blog ul.menu li.copy span { padding-left: 0; }

#bottom { line-height: 1.4em; padding-top: 1em; }
#bottom .twitter-timeline { max-width: 47.5% !important; height: 360px; }
#bottom .col2 { margin-left: 5%; float: right; }

.bottom { clear: both; padding-top: 3em; }


/***** PLUGINS *****/

body .essb_links.essb_template_copy-retina .essb_item a, body .essb_links.essb_template_copy-retina .essb_item a:hover, body .essb_links.essb_template_copy-retina .essb_item a:focus { background-color: #000 !important; border-color: #000 !important; }
body .essb_links.essb_template_copy-retina .essb_item .essb_counter_right, body .essb_links.essb_template_copy-retina .essb_item .essb_counter { border-color: #000 !important; color: #000 !important; }
body .essb_links.essb_template_copy-retina .essb_counter_right { padding: 6px 7px 8px; border: 1px solid #000; }
body .essb_links.essb_template_copy-retina { font-size: 12px !important; line-height: 14px !important; }
#footer .essb_links.essb_template_copy-retina { float: left; margin: 0 0 1em !important; }
body .post .essb_links.essb_template_copy-retina { text-align: right; }

/***** RESPONSIV *****/

@media only screen and (max-width: 1200px) {
	#header .logo { left: 20px; }
	#navigation { padding-left: 0; padding-right: 0; }
	#navigation ul.menu a { padding: 1em; }
}

@media only screen and (max-width: 1116px) {
	#slider { padding-right: 1em; }
}

@media only screen and (max-width: 1050px) {
	#footer, #navigation, #bottom { border-left: 20px solid #FFF; border-right: 20px solid #FFF; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
}

@media only screen and (max-width: 1024px) {
	body { font-size: 0.9em; }
	#right { padding-right: 20px; }
	#main { padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width: 966px) {
	body { font-size: 0.85em; }
	#slider, #right { padding-left: 20px; }
}

@media only screen and (max-width: 906px) {
	body { font-size: 0.8em; }
}

@media only screen and (max-width: 856px) {
	body { font-size: 0.75em; }
}

@media only screen and (max-width: 816px) {
	body { font-size: 0.7em; }
}

@media only screen and (max-width: 786px) {
	body { font-size: 0.65em; }
}

@media only screen and (max-width: 766px) {
	body { font-size: 0.6em; }
}

@media only screen and (max-width: 556px) {
	body { font-size: 0.8em; }
	.mobile { display: block; }
	#header .inside, #header.home .inside { background-position: right top; }
	#header .birne { float: right; margin-right: 15px; }
	#header.home .birne { margin-right: 0; }
	#slider, #header .banner { display: none; }
	
	#menutoggler { display: block; width: 40px; height: 28px; background: url("images/mob_menu.png") no-repeat left center; cursor: pointer; float: left; margin: 8px 0 0 10px; position: relative; z-index: 99; }
	#navigation ul.menu { display: none; position: relative; z-index: 99; clear: both; padding-top: 1em; }
	#navigation ul.menu li { float: none; border-bottom: 1px solid #ddd; }
	#navigation ul.menu li:last-child { border-bottom: 0; }
	#navigation ul.menu li a, #navigation ul.menu li:first-child a { padding: 0.75em 1em; }
	
	#navigation ul.menu ul { position: relative; top: 0; left: 0; width: 100%; }
	#navigation ul.menu ul li a, #navigation ul.menu ul li:first-child a { padding: 0.75em 1em; }

	body.page #container { padding-top: 2em; }
	#main, #right { float: none; width: auto; }
	#main { padding-right: 20px; padding-bottom: 1em; padding-left: 20px; }
	#container { padding-top: 1em; }
	.col2, .col3 { width: 100%; float: none; margin: 0 0 2em; }
	#main .box, #main .box.rot, #main .box.blau { padding: 1em 1.5em; float: none; width: 100%; margin: 2em 0; }
	#mc_embed_signup.kontaktbox { width: 100%; float: none; margin-top: 2em; padding: 1em 1.5em; }
	body.home #kunden .rot, body.home #kunden .blau, body.home #kunden .gelb { padding-bottom: 1em; }
	body.home #blog .clr { padding-top: 0; }
	
	#main .wpcf7 .fields { float: none; width: 100%; }
	#main .wpcf7 .check { margin-left: 0; }
	
	#right .navigation li a { padding-left: 0; }
	#right .navigation li.current_page_item a::before { border-width: 0; }

	#footer .essb_links.essb_template_copy-retina { float: none; }
	#footer ul.menu { float: none; margin-top: 1em; margin-bottom: 1em; }
	#footer ul.menu li.copy span:first-child { padding-left: 0; }
	
	#bottom { border-left: 0; border-right: 0; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
	#bottom iframe.twitter-timeline { float: none; max-width: 100% !important; margin-right: 0; height: 360px; overflow: hidden; }
	#bottom .col2 { margin-left: 0; margin-top: 2em; }
}

@media only screen and (max-width: 450px) {
	#header .mobile { font-size: 0.8em; }
	a.mail, a.phone { display: block; margin: 0 0 35px; }
}

@media only screen and (max-width: 390px) {
	#header .logo img { height: 50px; width: auto; }
	#header .mobile { width: 200px; top: 80px; }
	section.postbox { margin: 0; }
	section.postbox .image { float: none; width: 100%; margin: 0 0 1em; }
	section.postbox .content  { width: 100%; float: none; margin: 0 0 2em; }
}

@media only screen and (max-width: 340px) {
	#bottom .wpcf7 .fields { float: none; width: 100%; }
	#bottom .submit { float: none; padding-top: 0; margin-right: 0; text-align: left; }
}