/* indie-flower-regular - latin */
@font-face {
	font-family: 'Indie Flower';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/indie-flower-v9-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Indie Flower'), local('IndieFlower'),
	url('../fonts/indie-flower-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/indie-flower-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/indie-flower-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/indie-flower-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/indie-flower-v9-latin-regular.svg#IndieFlower') format('svg'); /* Legacy iOS */
}



/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Verdana', Sans-Serif;
	font-size: 15px;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	background: url(../img/background/ettlingen.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #555;
}
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;
}



/* some basic styles */
strong { font-weight: bold; }
em { font-style: italic; }
.center { text-align: center; }
.right { text-align: right; }
a { color: #4A192C; text-decoration: underline; }
a:hover { text-decoration: none; }
#h1 { height: 105px; display: table; margin: -45px 0 80px 0; width: 600px; float: right; }
#h1 h1 { display: table-cell; margin: auto 0; height: 100%; vertical-align: middle; color: #4A192C; font-family: 'Indie Flower', cursive; font-size: 28px; text-align: right; line-height: 1.65em; }
p { margin-bottom: 10px; }
p.download i { display: block; width: 55px; height: 35px; float: left; margin: 6px 0 0 -55px; font-size: 35px; color: #aaa; }
p.download { padding-left: 60px; width: 80%; }
h2 { color: #4a192c; font-size: 22px; margin-bottom: 10px; line-height: 1.35em; }
h2.newsflash-title a { text-decoration: none; }
h2.newsflash-title a:hover { text-decoration: underline; }
#innerContent h2 { margin-top: 100px; }
#innerContent .image_fulltext + h2, #innerContent .image_fulltext + div.page-header { margin-top: 10px; }
#innerContent h2:first-child { margin-top: 0; }
#innerContent h2 + h3 { margin-top: 10px;}
h3 { color: #4a192c; margin: 50px 0 10px 0; font-weight: bold; font-size: 16px; }
h4 { color: #555; font-weight: bold; margin: 25px 0 10px 0; }
h3 + h4 { margin-top: 10px; }
ul, ol { margin-bottom: 10px; list-style-position: outside; margin-left: 20px; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ul.portfolio { margin-left: 2px; }
ul.ev_ul ul { margin-bottom: 10px; list-style-type: disc !important; list-style-position: inside; margin-left: 2px; }
#innerContent ul { list-style-position: outside; margin-left: 15px; }
#innerContent ul.sige { padding-top: 15px;}
#innerContent li { margin-bottom: 5px; }
#innerContent ul.sige li { margin: 0 10px 10px 0;}
#innerContent ul.sige li:nth-child(3) { margin-right: 0; }

figure.fullsize { text-align: center; max-width: 100%; margin-bottom: 50px; }
figure.fullsize img { max-width: 100%; }
figure.fullsize figcaption { max-width: 100%; text-align: center; font-size: 13px; padding: 0 8px; line-height: 1.3em; }

ul.board { list-style: none; display: flex;
	align-items: stretch; /* Default */
	justify-content: space-between;
	width: 100%;
	flex-wrap: wrap;}
ul.board li { display: block; padding-top: 25px; text-align: center;
	flex: 0 1 auto; /* Default */ }
ul.board_3 li { flex: 0 1 33%; }
ul.board_2 li { flex: 0 1 50%; }

table.contactpersons tr td { padding-top: 50px; }
table.contactpersons tr { width: 210px; float: left; min-height: 250px; }
table.contactpersons tr:nth-child(2n) { width: auto; }

table.imprint td:nth-child(1),
table.imprint td:nth-child(3) { width: 45%; }
table.imprint td:nth-child(2) { width: auto; }




/* special paragraphs */
div.bg_icon { padding-left: 60px; min-height: 50px; margin: 25px 0; }
div.bg_icon h3 { margin-bottom: 5px; margin: 0; font-size: 15px; }
div.bg_icon h3 a { text-decoration: none; }
div.bg_icon h3 a:hover, div.bg_icon h3 a:hover:focus, div.bg_icon h3 a:active { text-decoration: underline; }
div.bg_icon_betreuungsgruppe { padding-left: 60px; background: url(../img/layout/bg_icon_betreuungsgruppe.png) 2px 2px no-repeat; }
div.bg_icon_download { padding-left: 60px; background: url(../img/layout/bg_icon_download.png) 2px 2px no-repeat; }
div.bg_icon_hausnotruf { padding-left: 60px; background: url(../img/layout/bg_icon_hausnotruf.png) 2px 2px no-repeat; }



/* column layouts */
div.cols_2_1 {
	width: 45%;
	float: left;
}
div.cols_2_2 {
	width: 45%;
	float: right;
}



/* */
#header {
	width: calc(100% - 50px);
	max-width: 980px;
	margin: 50px auto 0;
}

#header img {
	height: 180px;
	width: 134px;
	border: 9px solid #ffffff;
}

#header img:hover {
	height: 174px;
	width: 130px;
	border-width: 12px 11px;
}

#spacer-yellow
   {
    height: 20vh;
    position: relative;
    overflow: hidden;
    z-index: -2;
   }
#spacer-yellow:before
   {
    content: '';
    text-align: center;
    position: absolute;
    top: 60px;
    right: -50px;
    width: 130%;
    height: 120%;
    background: #f7a809;
    transform: rotate(-2.2deg);
    border-top: 1px solid #fff;
   }

#spacer-white
   {
    height: 100px;
    position: relative;
    overflow: hidden;
    z-index: -1;
    margin-top: -19vh;
   }
#spacer-white:before {
    content: '';
    text-align: center;
    position: absolute;
    top: 60px;
    right: -50px;
    width: 130%;
    height: 120%;
    background: #fff;
    transform: rotate(-1.7deg);
}

#body {
	background: #fff;
	width: 100%;
	position: absolute;
	min-height: 50vh;
}

#content {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

#navi1st {
	margin-bottom: 50px;
	text-align: center;
	clear: both;
}



/* navigation */
#navi1st { margin-bottom: 80px; }
#navi1st li { display: inline-block; color: #4a192c; }
#navi1st li:before { content: "|"; }
#navi1st li:first-child:before { content: ""; }
#navi1st li a { margin: 0 8px; }
#navi1st li.active a { font-size: 18px; font-weight: bold; background: url(../img/layout/bg_mainnavi_active-neu.png) right 1px no-repeat; margin: 0 15px 0 5px; padding-left: 10px; }
#navi1st li a { text-decoration: none; }
#navi1st li span { padding-left: 5px; }
#navi1st a:hover { border-bottom: 2px solid #f7a809; }
#navi1st li.active a:hover { border: none; }

#sidebarLeft ul { list-style: none; }
#sidebarLeft > ul { margin-bottom: 80px; }
#sidebarLeft ul.mod-menu a { color: #555; text-decoration: none; }
#sidebarLeft ul.mod-menu a:hover { text-decoration: underline; }
#sidebarLeft ul.mod-menu li.current a, #navi2nd li.current a:hover { color: #4a192c; font-weight: bold; text-decoration: none; }
#sidebarLeft ul.mod-menu li.current li a { color: #555; font-weight: normal; }
#sidebarLeft li { margin-bottom: 10px; }
#sidebarLeft li ul { padding-top: 10px; }
#sidebarLeft li li { padding-left: 20px; }
#sidebarLeft a.highlight { font-weight: bold; background: url(../img/layout/bg_mainnavi_active-neu.png) right 1px no-repeat; padding-left: 10px; margin-left: -10px; }



/* sidebar */
#sidebarLeft { width: 35%; float: left; }



#sidebarLeft + #innerContent { width: 65%; float: right; }



/* copryight information at the bottom of the page */
#copyright { clear: both; padding-top: 80px; margin-bottom: 25px; }
#copyright p { text-align: center; font-size: 14px; }



/* footer */
#footer { clear: both; padding-top: 150px; width: 100%; }
#footer div.cols_2_1 { width: 45%; float: left; }
#footer div.cols_2_2 { width: 45%; float: right; }
#footer div.cols_3_1, #footer div.cols_3_2, #footer div.cols_3_3 { width: 30%; float: left; min-height: 1px; }
#footer div.cols_3_2 { margin: 0 5%; }
#footer a.phone-number, #footer a.phone-number:hover { color: #555; text-decoration: none; }



/* next events on frontpage */
h2.mod_events_latest_title { margin-top: 150px; }
div.mod_events_latest_event { margin-bottom: 20px; }
div.mod_events_latest_event h3 { margin: 0 0 5px 0; font-size: 15px; }
div.mod_events_latest_event h3 a { text-decoration: none; }
div.mod_events_latest_event h3 a:active,
div.mod_events_latest_event h3 a:focus,
div.mod_events_latest_event h3 a:hover { text-decoration: underline; }



/* contact form */
.fc_form label { font-size: 15px; }



/* */
div.blog-items div.blog-item { margin-top: 100px; }
div.blog-items div.blog-item:first-child { margin-top: 0; }
div.blog-items h2 a { text-decoration: none; }
div.blog-items h2 a:active,
div.blog-items h2 a:focus,
div.blog-items h2 a:hover { text-decoration: underline; }


/* override events page */
#jevents_body { background: #fff; border: none; padding: 0; margin: 0; }
#jevents_body #jev_maincal { background: none; border: none; padding: 0; margin: 0; }
#jevents_body .jev_listrow { background: #fff; }
#jevents_body .jev_listrow li { border: none !important; margin: 0 !important; padding: 80px 0 0 0; }
#jevents_body .jev_listrow li ul { list-style-type: disc; }
#jevents_body .jev_listrow li li { padding: 0 0 5px 0; }
#jevents_body .jev_listrow li:first-child { padding-top: 0px; }
#jevents_body .jev_listview .jev_listrow { border: none; }
#jevents_body .ev_ul { margin: 0; }
#jevents_body li.ev_td_li { padding-bottom: 80px; }
#jevents_body p a.ev_link_row { font-size: 15px; color: #4a192c; text-decoration: underline; }
#jevents_body p a.ev_link_row:hover { text-decoration: none; }
#jevents_body h2 a.ev_link_row { font-size: 22px; color: #4a192c; text-decoration: none; }
#jevents_body h2 a.ev_link_row:hover { text-decoration: underline; }
#jevents_body .breadcrumbs, .page-header .breadcrumbs { color: #ccc; font-size: 15px; }
#jevents_body h2 a.breadcrumbs, .page-header h2 a.breadcrumbs { text-decoration: none; }
#jevents_body h2 a.breadcrumbs:hover, .page-header h2 a.breadcrumbs:hover { text-decoration: underline; }
#jevents_body ul.timeAndLocation { font-weight: bold; margin-bottom: 25px; list-style: none !important; margin-left: 0; }
#jevents_body ul.timeAndLocation i { width: 20px; }
#jevents_body #system-readmore { border: none; height: 15px; }


/* portflio on frontpage */
ul.portfolio { list-style: none; margin-bottom: 30px; }
ul.portfolio li { padding-top: 20px; }
ul.portfolio h3 { margin-top: 0; padding-left: 60px; font-size: 15px; margin-bottom: 5px; }
ul.portfolio p { padding-left: 60px; }
ul.portfolio h3 a { text-decoration: none; }
ul.portfolio h3 a:hover { text-decoration: underline; }
ul.portfolio li i { display: block; float: left; color: #ccc; font-size: 28px; margin: 0px 0 0 0px; padding: 9px 0 9px 0; width: 48px; height: 45px; text-align: center; font-size: 35px; }
ul.portfolio li:hover i { color: #aaa; }
#sidebarLeft ul.portfolio { width: 320px; }


#leistungen {
	display: flex;
	flex-wrap: wrap;
	background: url('../img/layout/bg_table_leistungen.jpg') left top no-repeat;
}
#leistungen div {
	flex-basis: 33%;
	flex-grow: 1;
	flex-shrink: 1;
	border: 1px solid #fff;
	height: 160px;
	background: rgba(255, 255, 255, 0.7);
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	line-height: 1.5em;
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
}
#leistungen div:hover { background: none; }
#leistungen div:nth-child(1),
#leistungen div:nth-child(2),
#leistungen div:nth-child(3) { border-top: 0; }
#leistungen div:nth-child(1),
#leistungen div:nth-child(4),
#leistungen div:nth-child(7) { border-left: 0; }
#leistungen div:nth-child(7),
#leistungen div:nth-child(8),
#leistungen div:nth-child(9) { border-bottom: 0; }
#leistungen div:nth-child(3),
#leistungen div:nth-child(6),
#leistungen div:nth-child(9) { border-right: 0; }
#leistungen div a { display: block; color: #4a192c; text-decoration: none; width: 100%; margin: auto;  }
#leistungen div:hover a { color: #fff; }


/* contact options */
ul.contact-options a { color: #555; text-decoration: none; }
ul.contact-options i { display: block; float: left; color: #ccc; }
ul.contact-options p { padding-left: 75px; }
ul.contact-options li { margin-bottom: 40px; }
ul.contact-options li:hover i { color: #aaa; }
#head_content { height: 200px; padding-bottom: 40px; }
#head_content ul.contact-options { list-style: none; height: 75px; }
#head_content ul.contact-options li { display: block; float: left; width: 30%; min-width: 225px; padding: 0 1.5%; }
#head_content ul.contact-options i { font-size: 50px; margin: 10px 20px 0 0; }
#sidebarLeft ul.contact-options i { font-size: 35px; margin: 5px 0 0 5px; }
#sidebarLeft ul.contact-options p { padding: 0 0 10px 60px; }
#sidebarLeft ul.contact-options li { width: 265px; }


div.image_fulltext { margin-left: -10px; width: 650px; height: 240px; overflow: hidden; background-position: 10px center; background-repeat: no-repeat; background-size: 640px auto; }
div.image_intro { margin-left: -10px; width: calc(100% + 10px); height: 240px; overflow: hidden; background-position: 10px center; background-repeat: no-repeat; background-size: 430px auto; margin-top: 8px; }
div.image_fulltext .spacer-yellow, div.image_intro .spacer-yellow { background: #f7a809; transform: rotate(2.2deg); border-top: 1px solid #fff; width: 100%; height: 20px; margin-top: 222px; }
div.image_fulltext .spacer-white { background: #fff; transform: rotate(1.5deg); width: 105%; height: 20px; margin-top: -12px; margin-left: -2.5%; }
div.image_intro .spacer-white { background: #fff; transform: rotate(1.25deg); width: 105%; height: 20px; margin-top: -12px; margin-left: -2.5% }

.com-content-category-blog__pagination {
	margin: 80px 0 0;
	text-align: center;
}
.com-content-category-blog__pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
}
.com-content-category-blog__pagination ul > li {
	display: inline;
}
.com-content-category-blog__pagination ul > li > a,
.com-content-category-blog__pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #fff;
}
.com-content-category-blog__pagination ul > li > a:hover,
.com-content-category-blog__pagination ul > li > a:focus,
.com-content-category-blog__pagination ul > .active > a,
.com-content-category-blog__pagination ul > .active > span {
	color: #f7a809;
}
.com-content-category-blog__pagination ul > .active > a,
.com-content-category-blog__pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.com-content-category-blog__pagination ul > .disabled > span,
.com-content-category-blog__pagination ul > .disabled > a,
.com-content-category-blog__pagination ul > .disabled > a:hover,
.com-content-category-blog__pagination ul > .disabled > a:focus {
	color: #999;
	cursor: default;
}

.burger { display: none; }
.burger__patty {
	width: 28px;
	height: 2.5px;
	margin: 0 0 4px 0;
	background: black;

}

.burger--close {
	transform: rotate(180deg);
}

.sigplus-gallery {
	margin-top: 20px;
}

#form-error-container {
	border: 2px solid #4a192c;

	.alert-heading {
		display: none;
	}
}

.speech-bubble {
	position: relative;
	margin: 2em 0;
	padding: 1.35em 1em 1em 1em;
	width: 25em;
	height: 4em;
	border-radius: .25em;
	transform: rotate(-4deg) rotateY(10deg);
	background: #f7a809;
	text-align: center;
}
.speech-bubble.lila {
	background: #4a192c;
}
.speech-bubble.wide {
	width: 30em;
}
.speech-bubble-right {
	margin-left: 15em;
	margin-bottom: 4em;
}
.speech-bubble-right.wide {
	margin-left: 10em;
}
.speech-bubble p {
	transform: rotate(4deg);
}
.speech-bubble:before, .speech-bubble:after {
	position: absolute;
	z-index: -1;
	content: '';
}
.speech-bubble:after {
	top: 0; right: 0; bottom: 0; left: 0;
	border-radius: inherit;
	transform: rotate(2deg) translate(.35em, -.15em) scale(1.02);
	background: #ddd;
}
.speech-bubble.lila:before {
	border-bottom: solid .25em #4a192c;
}
.speech-bubble:before {
	border: solid 0 transparent;
	border-right: solid 3.5em #ddd;
	border-bottom: solid .25em #f7a809;
	bottom: .25em; left: 1.25em;
	width: 0; height: 1em;
	transform: rotate(45deg) skewX(75deg);
}
.speech-bubble-right:before {
	left: 21.25em;
	transform: rotate(125deg) skewX(75deg);
}






@media only screen and (max-width: 1099px) {
	#header { margin-left: 50px; }
}

@media only screen and (max-width: 819px) {
	.hidable { display: none; }
	#sidebarLeft { float: none; width: 100%; }
	#sidebarLeft + #innerContent { float: none; width: calc(100% - 40px); margin-left: 20px; }
	#sidebarLeft + #innerContent .image_fulltext { width: calc(100% + 10px); overflow-x: hidden; }
	#sidebarLeft .custom { display: none; }
	#header { margin-left: 20px; margin-top: 20px; }
	div.cols_2_1,
	div.cols_2_2,
	#footer div.cols_3_1,
	#footer div.cols_3_2,
	#footer div.cols_3_3 { float: none; width: calc(100% - 40px); margin: 0 20px; }
	div.cols_2_1,
	div.cols_2_2 { margin-top: 100px; }
	#footer { padding-top: 100px; }
	#footer div.cols_3_2,
	#footer div.cols_3_3 { margin-top: 50px; }
	#head_content ul.contact-options { width: 66%; margin: 0 auto;}
	#head_content ul.contact-options li { margin-bottom: 25px; width: 100%; }
	#head_content ul.contact-options li:last-child { margin-bottom: 0; }
	#h1 { display: none; }
	#copyright { margin-bottom: 95px; padding-top: 100px; }
	#copyright .separator-hidable { display: none; }
	#copyright .separator-linebreakable::before { content: "\A"; white-space: pre; }
	#spacer-yellow { margin-top: -107px; }
	#navi1st { }
	#navi1st ul { display: none; margin-top: 50px; }
	#navi1st li { display: block; width: 100%; margin-bottom: 10px; }
	#navi1st li:before { content: ""; }
	#navi1st li.active a { background: none; }
	#innerContent { width: calc(100% - 40px); margin: 0 20px; }
	#innerContent ul { margin-left: 20px; }
	table.imprint td:nth-child(1),
	table.imprint td:nth-child(3) { width: 100%; }
	table.imprint td:nth-child(2) { display: none; }
	table.imprint tr > * {
		display: block;
	}
	table.imprint tr {
		display: table-cell;
	}

	table.contactpersons tr { float: none; }
	table.contactpersons tr td { text-align: center; }
	table.contactpersons tr:nth-child(2n) { clear: none; text-align: left; width: 100%; }
	table.contactpersons tr:nth-child(2n) td { padding: 20px 0; }
	table.contactpersons tr:last-child td { padding-bottom: 0; }

	#leistungen div {
		flex-basis: 40%;
		height: 94px;
		font-size: 18px;
	}
	#leistungen div:nth-child(3),
	#leistungen div:nth-child(5) { border-left: none;  }
	#leistungen div:nth-child(2),
	#leistungen div:nth-child(4),
	#leistungen div:nth-child(8) { border-right: none;  }
	#leistungen div:nth-child(3) { border-top: 1px solid #fff; border-right: 1px solid #fff; }
	#leistungen div:nth-child(4) { border-left: 1px solid #fff; }
	#leistungen div:nth-child(7),
	#leistungen div:nth-child(8) { border-bottom: 1px solid #fff;  }

	#innerContent ul.board_2, #innerContent ul.board_3 { margin-left: 0; }
	ul.board_2 li, ul.board_3 li { flex: 0 1 100%; padding-top: 50px; }

	.burger {
		display: block;
		position: absolute;
		width: 40px;
		height: 40px;
		top: -40px;
		right: 10px;
		border-radius: 4px;
		z-index: 1;
	}

	.burger span {
		position: relative;
		margin-bottom: 9px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		top: 50%;
		left: 50%;
		margin-left: -15px;
		margin-top: -1.5px;
	}

	.burger span, .burger span::before, .burger span::after {
		display: block;
		width: 30px;
		height: 3px;
		background-color: #4a192c;
		outline: 1px solid transparent;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		transition-property: background-color, transform;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.burger span::before, .burger span::after {
		position: absolute;
		content: "";
	}

	.burger span::before { top: -9px; }

	.burger span::after { top: 9px; }

	.burger.clicked span { background-color: transparent; }

	.burger.clicked span::before {
		-webkit-transform: translateY(9px) rotate(45deg);
		-moz-transform: translateY(9px) rotate(45deg);
		-ms-transform: translateY(9px) rotate(45deg);
		-o-transform: translateY(9px) rotate(45deg);
		transform: translateY(9px) rotate(45deg);
	}

	.burger.clicked span::after {
		-webkit-transform: translateY(-9px) rotate(-45deg);
		-moz-transform: translateY(-9px) rotate(-45deg);
		-ms-transform: translateY(-9px) rotate(-45deg);
		-o-transform: translateY(-9px) rotate(-45deg);
		transform: translateY(-9px) rotate(-45deg);
	}

	.burger:hover { cursor: pointer; }

	.fcp_agreement label.fcp_lcb { display: block; padding-left: 20px; width: calc(100% - 30px) !important; }

	.speech-bubble, .speech-bubble.wide, .speech-bubble-right.wide {
		width: 90% !important;
		margin-left: 0 !important;
		margin-bottom: 5em !important;
	}
}