/* style_contao.css */
html {
	height: 101%;
	background-color: #ccc;
}
body {
	background-color: #fefefe;
	font-family: Roboto, Arial, sans-serif;
	font-size: calc(12px + (20 - 12) * (100vw - 768px) / (1800 - 768));
	line-height:1.5;
	color:#333;
}
b, strong {

	font-weight: 600;
}

i.fa {
	color:#f47c00;
	font-size:1.1em;
	line-height:1.7;
}
.clearfloat {
	clear: both;
}

#demo{
	background-color:#690034;
	margin-boottm:1em;
}

#demo h1, #demo p {
	margin:0;
	color:#ffbf5c;
	text-align:center;
	font-family:Quicksand;
}





#toTop 
{
 background-color:#666;
 border-radius:0.3em;
 bottom:2em;
 right:1em;
}

#toTop:hover {
 background-color:#f39132;	
}
#wrapper,
#header,
#headerpic,
#footer {
	width: 100%;
	max-width: 3000px;
	margin-right: auto;
	margin-left: auto
}

#header {
	padding-top: 1em;
	border-bottom: 3px solid #ccc;
	height:6em;
}
#headerpic {
	clear:both;
	border-bottom:3px solid #ccc;
}

#container .mod_article.parallax,
#container .mod_article.heading1{
	width:calc(100vw - 24px);
	max-width:none;

}

#container .mod_article.heading1 {
	border-bottom:2px dotted #666;
	border-top:2px dotted #666;
	margin-bottom:0.5em;
	margin-top:2em;
}

#container .mod_article.heading1 h1.ce_headline {
	border:0;
	padding-bottom:0;
	margin:0.3em 0;
}

#header .inside,
#container .mod_article,
#container .mod_article.heading1 h1.ce_headline{
	width:95vw;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto
}
#header .inside {
	margin-bottom: -3px
}
#header .mod_changelanguage {
	width: 100px;
	height: 25px;
	right: 180px;
	position: absolute;
	margin-bottom: 10px;
	z-index: 101
}
html[lang="fr"] #header .mod_changelanguage {
	width: 100px;
	height: 25px;
	right: 220px;
	position: absolute;
	margin-bottom: 10px;
	z-index: 101
}
#header .mod_changelanguage ul li {
	width: 17px;
	height: 12px;
	display: inline-block;
	margin-top: 2px;
	margin-left: 5px
}
#header .mod_changelanguage ul li.lang-de {
	background-image: url("../../files/stadtfuehrung/layout/at.png");
	background-repeat: no-repeat
}
#header .mod_changelanguage ul li.lang-en {
	background-image: url("../../files/stadtfuehrung/layout/gb.png");
	background-repeat: no-repeat
}
#header .mod_changelanguage ul li a,
#header .mod_changelanguage ul li span {
	width: 17px;
	height: 12px;
	display: inline-block;
	text-indent: -9999px
}
#header .mod_changelanguage ul li span {
	background-color: rgba(254,254,254,.7)
}
#header .mod_changelanguage ul li.lang-fr {
	background-image: url("../../files/stadtfuehrung/layout/fr.png");
	background-repeat: no-repeat
}

#header .mod_customnav,
#header .mod_onepage_navigation.meta{
	height: 1.5em;
	right: 0;
	top: 0;
	position: absolute;
	display: inline-block;
	z-index: 101;
	padding:0;
}
#header .mod_customnav ul li,
#header .mod_onepage_navigation.meta ul li{
	float: left;
	display: inline-block;
	margin-left: 1em;
	list-style-type: none
}

#header .mod_customnav ul li a,
#header .mod_onepage_navigation.meta li a{
	color:#666;
	text-decoration:none;
}

#header .mod_customnav ul li strong,
#header .mod_customnav ul li a:hover,
#header .mod_onepage_navigation.meta ul li strong,
#header .mod_onepage_navigation.meta ul li a:hover{
	color:#f39132;
	font-weight:normal;
}
	

.logo {
	width:12em;
	max-width: 220px;
	float: left;
	height:6em;
	display:flex;
	flex-flow:column;
	justify-content:flex-end;
	border-bottom: 3px solid #f39132;
}

figure {
	line-height:0;
}

.logo figure {
	padding-bottom:0.5em;
	
}
#header .mod_navigation,
#header .mod_onepage_navigation{
	float:right;
	margin-left:1em;
}
#header .mod_navigation .fa {
	font-size: 21px
}

#header nav ul li,
#header .mod_onepage_navigation ul li{
	display: inline;
		margin-left: 1em;
}

nav ul li a{
	text-decoration:none;
}

nav ul {
	margin:0;
}

#header .navbar-default .navbar-header .navbar-toggle,
#header .navbar-default .navbar-header .navbar-toggle:hover,
#header .navbar-default .navbar-header navbar-toggle:focus {
	width: 30px;
	height: 30px;
	top: 70px;
	position: relative;
	margin-right: 0;
	padding: 3px 3px 6px;
	background-color: #E10057;
	border-color: #CF0051;
	font-size: 21px
}
#header nav {
	padding-top: 4em;
}
#header .meta nav {
	padding-top: 0em;
}

#header ul.onepage_navigation__list  li >  strong,
#header ul.onepage_navigation__list  li > a > span,
#header ul.onepage_navigation__list  li > a{
	padding: 0.08em 0em;
	font-size: 1.2em;
	font-weight: normal;
	color: #666;
	display:inline-block;
	margin:0 0em;
}
#header ul.onepage_navigation__list li.trail > a > span, 
#header ul.onepage_navigation__list li > a:hover >span, 
#header ul.onepage_navigation__list li > strong,
#header ul.onepage_navigation__list  li > a:hover,
#header ul.onepage_navigation__list  li > a:active{
	border-bottom: 3px solid #f39132;
	color: #f39132;
}




.header-fixed #wrapper #header.header-fixed-shrink {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 2px solid rgba(204,204,204,.7)
}
#header.header-fixed-shrink #logo figure,
#header.header-fixed-shrink #logo figure img {
	width: 134px;
	height: 80px
}
#header.header-fixed-shrink nav  {
	padding-top: 42px
}
.nav > li > span {
	position: relative;
	display: block
}
ul.onepage_navigation__list > li > span {
	line-height: 20px
}
#left .navtitle {
	margin-top: 20px
}
.navtitle li {
	display: none
}
#left nav h2 {
	margin-top: 22px;
	font: 2em/2.4em BentonModernDispCondSmbld, Georgia, serif
}
#left .navtitle li.active,
#left .navtitle li.trail {
	display: block;
	border-bottom: 0
}
#left .navtitle ul.level_1 > li > span,
#left .navtitle ul.level_1 > li.trail > a,
#left .navtitle ul.level_1 > li.active > span {
	font: 2em/2.4em BentonModernDispCondSmbld, Georgia, serif;
	text-decoration: none;
	color: #333
}
#left .navbar-collapse {
	padding-right: 0;
	padding-left: 0
}
#left .subnav ul {
	display: block
}
#left .subnav ul > li {
	min-height: 3em;
	display: block;
	border-bottom: 1px dotted #666
}
#left .subnav ul.level_1 > li > a,
#left .subnav ul.level_1 > li > span {
	min-height: 2.2em;
	display: block;
	margin-right: 0;
	margin-left: 0;
	padding: 10px 0;
	font: 1.25em BentonModernDispCondSmbld, Georgia, serif;
	text-decoration: none;
	color: #333
}
#left .subnav ul.level_1 > li > span,
#left .subnav ul.level_1 > li > a:hover,
#left .subnav ul.level_1 > li > a.active,
#left .subnav ul.level_1 > li.trail > a {
	color: #E10058
}
#right .inside {
	padding-top: 20px
}
#right .mod_article {
	margin-top: 20px;
	padding: 15px;
	-webkit-box-shadow: 1px 1px 2px rgba(102,102,102,.8);
	box-shadow: 1px 1px 2px rgba(102,102,102,.8);
	border: 1px solid rgba(204,204,204,.5);
	behavior: url('assets/css3pie/1.0.0/PIE.htc')
}
.ce_text.boxed {
	margin-top: 20px;
	padding: 15px;
	-webkit-box-shadow: 1px 1px 2px rgba(102,102,102,.8);
	box-shadow: 1px 1px 2px rgba(102,102,102,.8);
	border: 1px solid rgba(204,204,204,.5);
	behavior: url('assets/css3pie/1.0.0/PIE.htc')
}
.col-md-4.boxed {
	font-size: .833em
}
#main [class *="col-"].pic ul li {
	margin-left: 12px
}
#main [class *="col-"] p,
#footer [class *="col-"] p {
	margin-bottom: 5px
}
[class *="col-"] {
	hyphens: auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto
}
h1, h2, h3, h4 {
	font-family: BentonModernDispCondSmbld, Georgia, serif
}
h1 {
	margin-top: 2.5em;
	margin-bottom: 1em;
	padding-bottom: 0em;
	border-bottom: 2px dotted #999;
	font-size: 1.8em
}

.mod_article.first h1 {
	margin-top: 1em;
}
h2 {
	font-size: 1.5em;
	margin-top:0.5;
}

h3 {
	font-size: 1.3em;
	color: #666
}
h4 {
	font-size: 1.1em;
	color: #333
}
.next h2 {
	font-size: 1.3em;
	color: #e10058
}
#main a {
	text-decoration: underline;
	color: #f39132
}
#main a:hover,
#main a:active {
	text-decoration: underline;
	color: #f39132
}
#right h2 {
	margin-top: 0;
	font: 1.143em GloberSemiBold, Arial, sans-serif;
	color: #666
}
#right h3 {
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 0;
	background-color: #f9f9f9;
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	font: 1.1em/1.2em GloberSemiBold, Arial, sans-serif;
	color: #333
}

h4.kugerl {
	padding-left: 22px;
	background-image: url("../../files/stadtfuehrung/layout/h4specht.png");
	background-repeat: no-repeat;
	font-size: 1.4em;
	background-position: 0px 4px
}
#main .inside .mod_article > .ce_text > p {
	margin-right: 35px
}
p.eingeruckt {
	padding-left: 2em;
}
#main ul li {
	margin-left: 1.5em;
	list-style-type: square;
	line-height:1.6em;
}

#main ul.fontawe li{
	margin-left: 0em;
	list-style-type: none;
	line-height:1.7;
	font-size:1em;
	padding-left:0 em;
	vertical-align:middle;
}

#main ul.fontawe li i{
	font-size:1.7em;
	vertical-align:middle;
	display: inline-block;
	width:1.5em;
	text-align:center;
}

#main ul.fontawe ul li{
	list-style-type: square;
	font-size:0.833em;
	margin-left:4.3em;
}

.smt780 {
	display: none
}
.ui-accordion-header, .toggler {
	font-size:1.2em;
	cursor: pointer
}
.ui-accordion-header-active, .ui-accordion-header:hover {
	color: #f39132;
}
.ui-accordion-header-icon:before {
	font-family:ForkAwesome;
	content:"\f13a";
	font-weight:400;
	font-size:1.4em;
	display:inline-block;
	vertical-align:center;
	margin: 0.2em 0.2em 0.5em 0.2em;
	transition: content 0.5s ease-in-out;
}

.toggler h2 {
	display:inline-block;
	font-size:1.2em;
}
.ui-state-active .ui-accordion-header-icon:before {
	font-family:ForkAwesome;
	content:"\f139";
	transition: content 0.5s ease-in-out;

}
.ui-accordion-content, .accordion {
	padding-top: 5px;
	padding-right: 35px;
	padding-left: 21px;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	-o-hyphens: manual;
	hyphens: manual
}
#main .inside .ui-accordion-content p,
#main .inside .accordion p,
#main .inside .mod_article .ce_text[class*="col-"] p {
	margin-right: 0
}
.accordion .image_container {
	margin-bottom: 10px
}
#anmeldeformular select {
	width: 100%
}
#main .formbody td {
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top
}
#main .formbody td label {
	padding-top: 5px
}
input::-webkit-input-placeholder {
	font-size: .833em
}
input:-moz-placeholder {
	font-size: .833em
}
input::-moz-placeholder {
	font-size: .833em
}
input:-ms-input-placeholder {
	font-size: .833em
}
.formbody div:first-of-type label {
	margin-top: 0
}
label {
	margin-top: 15px;
	margin-bottom: 0
}
table {
	clear: both
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 7px 0 5px
}
table thead tr td {
	font-weight: bold
}
.result {
	float: left;
	font: 1.4em BentonModernDispCondSmbld, Georgia, serif
}
label.result {
	margin-right: 20px;
	font-size: 1em;
	font-weight: normal
}
.result div.explanation {
	margin-top: 20px;
	font: .70em GloberRegular, Arial, sans-serif;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none
}
[class *="col-"].first {
	padding-left: 0
}
[class *="col-"].last {
	padding-right: 0
}
.col-md-3.pic, .col-md-3.pic.last {
	padding-right: 10px;
	padding-left: 2px
}
#main .thumbnail-style figure a.btn-more {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	background-color: #E10058;
	border: 1px solid #E10058;
	border-radius: 50%;
	font: 1.1em/26px Arial, sans-serif;
	text-decoration: none;
	color: #fff;
	behavior: url('assets/css3pie/1.0.0/PIE.htc')
}
.thumbnail-style figure a.btn-more:hover, .thumbnail-style:hover figure a.btn-more {
	right: -10px;
	box-shadow: 0 0 0 2px #EF0E6C
}
.thumbnail-style h4 + p {
	padding-left: 0
}
.thumbnail-style h4 {
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999
}
.mod_ticker.tickcenter {
	min-height: 85px;
	margin-bottom: 35px;
	text-align: center;
	font-size: 1.2em;
	color: #e20058
}
.tickertext {
	color: #333
}
#footer ul[class*="level_"] li a,
#footer ul[class*="level_"] li span {
	color: #333
}
#footer ul li.trail a,
#footer ul li.active span,
#footer ul li a:hover {
	text-decoration: none;
	color: #E10058
}
#footer {
	background-color: #ccc
}
#footer .inside {
	max-width: 960px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto
}
#footer .inside .einzeilig {
	padding: 15px
}
.smallertext {
	font-size: .833em
}
.flex {
	display: flex;
	justify-content: space-between;
	flex-flow:row wrap;
}
.thirds .noflex,
.noflex{
	flex-basis:100%;
}
.thirds * {
	flex-basis:30%;
}
.facebook_logo {
	width: 16px;
	height: 16px;
	right: 300px;
	position: absolute;
	display: block;
	z-index: 99
}
html[lang="fr"] .facebook_logo {
	width: 16px;
	height: 16px;
	right: 330px;
	position: absolute;
	display: block;
	z-index: 99
}
.ce_faderStart {
	margin-right: 20px
}
.content-fader {
	margin-top: 1px;
	margin-right: 1px;
	border: 1px solid #ccc
}
.content-fader img {
	border: 20px solid #fff;
	border-radius: 3px;
	behavior: url('assets/css3pie/1.0.0/PIE.htc');
	box-sizing: border-box
}
#cboxOverlay {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: fixed;
	background-color: rgba(254,254,254,.8);
	z-index: 1020
}
#colorbox {
	z-index: 1021
}
#cboxContent {
	background-color: #fefefe
}
#cboxLoadedContent {
	border: 1px solid #ccc
}
#cboxLoadedContent img {
	border: 20px solid #fff
}
#cboxClose,
#cboxNext,
#cboxPrevious {
	background-image: url("../../files/stadtfuehrung/layout/controls_red.png")
}
#cboxClose {
	top: 1px
}
#cboxPrevious {
	left: 1px
}
#cboxNext {
	right: 1px
}
.content-fader .ce_image figcaption {
	margin-top: -15px;
	text-align: center;
	font-weight: bold
}
.fader-next, .fader-prev {
	font-size: .75em
}
.cookiebar--position-top {
	width: 100%;
	position: fixed;
	background-color: rgba(255,255,255,.7);
	-webkit-box-shadow: 2px 2px 2px rgba(51,51,51,.5);
	box-shadow: 2px 2px 2px rgba(51,51,51,.5);
	behavior: url('assets/css3pie/1.0.0/PIE.htc');
	z-index: 200
}
.cookiebar {
	color: #333
}
a.cookiebar__link {
	color: #e20058
}