@charset "UTF-8";


@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: normal;
src: local('Ubuntu Regular'), url('fonts/ubuntu-r.woff') format('woff');
}

@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 200;
src: local('Ubuntu Light'), url('fonts/ubuntu-l.woff') format('woff');
}

@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: bold;
src: local('Ubuntu Bold'), url('fonts/ubuntu-b.woff') format('woff');
}


html {
	min-height:100%;
	position:relative;
	-webkit-text-size-adjust: none;
}
body {
	position: relative;
    font-family: "Ubuntu", sans-serif;
	font-size: 18px;
	line-height: 140%;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #353e48;
	height: 100%;
}
body#pageBody {
	
	
}

h1 {
	font-size: 2.4em;
	line-height: 130%;
	font-weight: bold;
    color: #f7d347;
	padding: 0 0 0em 0;
	margin: 0 0 1em 0;
	letter-spacing: 0;
    
}
h2 {
	font-size: 1.6em;
	line-height: 130%;
	font-weight: bold;
	padding: 1.5em 0 0 0;
	margin: 0 0 1em 0;
    color: #353e48;

}


h3 {
	font-size: 1.2em;
	line-height: 140%;
	font-weight: bold;
	padding: 1em 0 1em 0;
	margin: 0;
}

h2.first, h3.first {
    margin-top: 0;
    padding-top: 0;
}

p {
	margin: 0 0 1em 0;
}
.smallfont {
    font-size: 0.86em;
    line-height: 140%;
}
.hervorheben {
    
}
ul {
	list-style: none;
}
li {
	
}
.segment ul {
	margin: 0 0 1em 0;
	padding: 0;
}
.segment li {
	position: relative;
	padding: 0 0 0 1em;
	margin: 0 0 0 0.5em;
}
.segment li:before {
	content: "\2022";
	position: absolute;
	left: 0px;
	top: 0.0625em;
}
img.stil1 {
    -webkit-box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.2);
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 2em 0 !important;
}

p {
	
}
a, a:visited {
	color: #353e48;
	text-decoration: underline;
}
a:hover {
	color: #353e48;
	text-decoration: none;
}
a.button {
	display: inline-block;
    font-family: "Adria Slab", sans-serif;
	text-transform: uppercase;
    padding: 0.2em 1em 0.16em 1em;
    background-color: #353e48;
    color: #FFF;
    border-radius: 6px;
    font-size: 1.2em;
    line-height: 1.2em;
	transition: background-color 0.5s ease;
}
a.button:hover {
	text-decoration: none !important;
	background-color: #443532;
	
}
.button_left {
	padding: 0 0 2em 0;
	text-align: left;
}
.button_centered {
	padding: 0 0 2em 0;
	text-align: center;
}

table {
	border-collapse: collapse;
	margin: 0 0 1em 0;
}
th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	padding-right: 2em;
}
.daten th, .daten td {
	border-bottom: 1px solid #000;
}
.daten th {
	font-weight: bold;
}

#content img {
	max-width: 100%;
}
.clear {
	clear: both;
	font-size: 0.1px;
}
.clearfix::after {
    content: "";
    display: block;
    clear: both;
    font-size: 0.1px;
}

#pageContainer {
    right: 0px;
    margin: 0;
	padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    width: 100%;
	transition: right 0.5s ease 0s;
	
}
body.menu_open #pageContainer {
	right: 240px;
}
body.menu_open #header {
	
}


body.menu_open #nav_mobile {
	right: 0px;
}


#mainmenu ul, .segment .inner, #system_information .inner {
	width: 900px;
	margin: 0 auto;
	padding: 50px 40px;
	position: relative;
}
#mainmenu ul {
	padding-top: 0;
	padding-bottom: 0;
}
#header {
	position: fixed;
	left: 0px;
    z-index: 10000;
    width: 100%;
	background-position: 0px -300px;
    background-image: url("../images/header_bg.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transition: 0.5s ease;
    transition-property: left, background-position;
    background-position: 0px 0px;
    background-image: none;
    background-color: rgba(225,225,225,0.95);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
}
#header .inner {
	position: relative;
	padding: 30px 40px;
    height: 56px;
    transition: 0.5s ease;
    transition-property: padding;
}
#claim {
	width: 540px;
    padding: 7px 20px;
    position: relative;
    float: right;
    /*color: #FFF;*/
    top: 20px;
    transition: 0.5s ease;
    transition-property: top;
	font-weight: bold;
}
#claim span {
    font-weight: 200;
}
#logo {
	width: 260px;
    position: relative;
    float: left;
    transition: 0.5s ease;
    transition-property: width, height;
    
}
#logo img {
	width: 100%;
}
a#menu_mobile, a#menu_mobile:hover {
	float: right;
    position: relative;
	z-index: 100;
    display: block;
    top: 20px;
	background-size: 88%;
	background-position: 2px 3px;
	width: 36px;
	height: 36px;
	background-image: url(../images/menu_icon_mobile_dark.png);
	background-repeat: no-repeat;
    border-radius: 6px;
    transition: 0.5s ease;
    transition-property: top;
}
a#menu_mobile span.title {
	position: absolute;
	display: inline-block;
	width: auto;
	right: 40px;
	top: -3px;
	padding: 10px;
    color: #f7d347;color: #353e48;font-weight: bold;
}
.header_reduced #header {
	background-position: 0px 0px;
    
}
.header_reduced #header .inner {
    padding: 10px 30px;
    
}
.header_reduced #logo {
	width: 200px;
    
}
.header_reduced a#menu_mobile, 
.header_reduced a#menu_mobile:hover,
.header_reduced #claim {
    top: 10px;
}


body.menu_open #header {
	left: -240px;
}

#nav_mobile {
	display:block;
	font-size: 15px;
	position: fixed;
	top: 0px;
	right: -240px;
	z-index: 10000;
	width: 240px;
	background-color: #353e48;
	padding: 0;
	height: 100%;
	overflow: scroll;
	-webkit-box-shadow: inset 4px 0px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 4px 0px 2px 0px rgba(0,0,0,0.25);
	box-shadow: inset 4px 0px 2px 0px rgba(0,0,0,0.25);
	transition: right 0.5s ease;
}
#nav_mobile .inner {
	padding: 10px;
}
#nav_mobile ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
#nav_mobile ul ul {
	font-size: 0.9em;
}
#nav_mobile li {
	position: relative;
	margin: 0;
	padding: 0;
	
}

#nav_mobile a {
	display: block;
	text-decoration: none;
	padding: 0.5em;
	color: #FFF;
	position: relative;
	border-bottom: 1px solid #f7d347;
}
#nav_mobile li.active a {
	color: #FFF;
	font-weight: bold;
}
#nav_mobile a:hover {
	color: #FFF;
	background-color: #3A444F;
	text-decoration: none;
}
#nav_mobile ul ul li {
	margin-left: 1em;
	font-weight: normal;
	text-transform: none;
}

#nav_mobile ul ul a, #nav_mobile li.active li a {
	color: #CCC;
	background-color: transparent;
}
#nav_mobile li.active li a:hover {
	color: #FFF;
	background-color: #555;
	text-decoration: none;
}
#nav_mobile li.active li.active a {
	color: #FFF;
	background-color: transparent;
	
}


#nav_mobile li.open ul {
	display: block;
}
#nav_mobile li.parent {
	
}
#nav_mobile li.parent a {
	padding-right: 30px;
}
#nav_mobile li span.submenu {
	position: absolute;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	right: 5px;
	top: 5px;
	z-index: 3;
	background-color: #2C2C2C;
	color: #A7A7A7;
	text-align: center;
	border-radius: 13px;
	cursor: pointer;
	font-size: 14px;
}
#nav_mobile li span.submenu:hover {
	color: #FFF;
	background-color: #555;
}
#nav_mobile li span.submenu::after {
	content:'\25BF';
}
#nav_mobile li.open span.submenu::after {
	content:'\25BE';
}

#mainmenu {
	visibility: hidden;
    font-size: 16px;
	position: absolute;
	width: 70%;
	top: 16px;
	right: 0px;
	z-index: 2;
	margin: 0;
	text-transform: uppercase;
}
#mainmenu ul {
	list-style: none;
	float: right;
	display: inline-block;
}
#mainmenu li {
	position: relative;
	top: 4px;
	float: left;
	margin: 0;
	padding: 0;
	
}
#mainmenu li.active, #mainmenu li:hover {
	
}
#mainmenu li a {
	display: block;
	color: #1a1313;
	text-decoration: none;
	transition: all 0.5s ease;
	transition-property: color, border-bottom;
	margin: 0 0 0 0.5em;
	padding: 0.3em 0.2em;
	
}
#mainmenu li a:hover {
	color: #1a1313;
	text-decoration: none;
	
}

#mainmenu li.active a {
	font-weight: bold;
	
	
}

@media only screen and (max-width: 1024px) {
	
	
}


.header_reduced #mainmenu {
	
}
.header_reduced #mainmenu a {
	
}
.header_reduced #header {
	
}
.header_reduced #header #logo {
	
}
.header_reduced a#menu_mobile {
	
}

body.home {
	padding-top: 0;
}
body.menu_open a#menu_mobile {
	background-position: 2px -30px;
}





#content {
	
}
#content .content_inner {
	padding-top: 115px;
}
.home #content .content_inner {
	padding-top: 0px;
}
#system_information {
	display: none;
}
#system_information.open {
	display: block;
}

#content .image {
	margin: 2em 0;
}
#content .image img, .segment img {
	max-width: 100%;
}


	
.segment {
	position: relative;
	background-color: #FFF;
}

.transition {
    -webkit-transform: scale(1.05); 
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.segment img {
	display: block;
	margin: 0;
	
}
.segment a img {
	
}

.silbentrennung {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.segment_1 {
	
}
.segment_2 {
	
}
.segment_3 {
	
}
.segment_4 {
	
}
.segment_5 {
	
}
.segment_6 {
	
}
.segment_color2 {
	background-color: #e4e4e4;
}

.segment_color2 a.button:hover {
	
	
}

.segment_color2_structure {
	background-image: url(../images/structure.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #f5e7de;
}
.segment_color3 {
	background-color: #353e48;
}
.segment_color3,
.segment_color3 h1,
.segment_color3 h2 {
	color: #FFF;
}
.segment_color3 h3 {
    color: #f7d347;
}
.segment_color3 h2 {
	border-color: #FFF;
}
.segment_color3 a {
	color: #FFF;
	text-decoration: underline;
}
.segment_color3 a:hover {
	color: #FFF;
	text-decoration: none;
}
.segment_color3 a.button {
	border-color: #FFF;
	color: #FFF;
	text-decoration: none !important;
	
}
.segment_color3 a.button:hover {
	background-color: #000;
	border-color: #FFF;
	color: #FFF;
	text-decoration: none !important;
	
}
.segment_color4 {
	background-color: #fed300;
}

.segment_color4 a.button:hover {
	background-color: #FFF;
	
}
.segment_overlap .inner {
    /*
    position: relative;
    top: -50px;
    border-radius: 30px 30px 0 0;
    background-color: #FFF
    */
}


.segment_parallax {
    margin-top: -100px;
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center 0px;
}


#slider {
    border-bottom: 16px solid #f7d347;
    margin-top: 115px;
    background-color: #fed300;
}
.slideshow {
    position: relative;
    
}

.slideshow img {
    
}
.slick-slide {
    opacity: 1;
}
.slick-active {
    opacity: 1;
}
.slick-slide img {
    width: 100%;
}
button.slick-prev,
button.slick-next {
    display: none !important;
}




.steps {
    margin-top: -10%;
}
.steps .step {
    text-align: center;
}
.steps .step .icon {
    position: relative;
    margin: 10% auto 5% auto;
    width: 60%;
    height: 0;
    padding-bottom: 60%;
    background-size: 80% 80%;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #e4e4e4;
    border-radius: 50%;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    
}
.steps .step .icon .number {
    color: #FFF;
    position: absolute;
    width: 25%;
    height: 0;
    padding-bottom: 25%;
    background-color: #f7d347;
    border-radius: 50%;
    left: 0px;
    bottom: 0px;
}
.steps .step .icon .number span {
    position: absolute;
    color: #FFF;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
    width: 100%;
    top: 18%;
    left: 0;
    
}
.steps .step_1 .icon {
    background-image: url("../images/icon_projektablauf_1.png");
}
.steps .step_2 .icon {
    background-image: url("../images/icon_projektablauf_2.png");
}
.steps .step_3 .icon {
    background-image: url("../images/icon_projektablauf_3.png");
}

.google_maps iframe {
	width: 100%;
	height: 320px;
	display: block;
}

#beratung .telefon a {
    display: inline-block;
    padding-left: 55px;
    position: relative;
    font-weight: normal;
}

#beratung .telefon a::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45px;
    height: 45px;
    display: block;
    background-image: url("../images/icon_phone.png");
    background-repeat: no-repeat;
    background-size: contain;
}


ul.columns2, .text_columns2 {
	column-count: 2;
	column-gap: 40px;
	-moz-column-fill: balance;
    column-fill: balance;
}
ul.columns2 li {
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}
div.columns2 {
	
}
div.columns2 .column1,
div.columns2 .column2 {
	width: 48%;
	float: left;
	position: relative;
}
div.columns2 .column1 {
	margin-right: 2%;
}
div.columns2 .column2 {
	margin-left: 2%;
	float: right;
}

div.columns2.smaller_right .column1 {
	width: 60%;
}
div.columns2.smaller_right .column2 {
	width: 35%;
}

div.columns2.smaller_left .column1 {
	width: 35%;
}
div.columns2.smaller_left .column2 {
	width: 60%;
}

div.columns3 {
	
}
div.columns3 .column1,
div.columns3 .column2,
div.columns3 .column3 {
	width: 31%;
	float: left;
	position: relative;
}
div.columns3 .column1 {
	margin-right: 2%;
}
div.columns3 .column2 {
	margin-left: 2%;
}
div.columns3 .column3 {
	margin-left: 2%;
}






@media only screen and (max-width: 1152px) {
	
}

.segment_fullimage img {
    width: 100%;
}
.segment_full_inner {
    padding: 40px;
}

.segment .small_images {
	
}
.segment .small_images .img_container {
	width: 35%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.segment .small_images .text {
	padding-left: 42%;
	position: relative;
	min-height: 220px;
}


.projekte_uebersicht {
    margin: 2em -2%;
    position: relative;
    
}
.projekte_uebersicht::after {
    content: "";
    display: block;
    clear: both;
    font-size: 0.1px;
    
}
.projekte_uebersicht .projekt {
    position: relative;
    width: 46%;
    margin: 2%;
    float: left;
    background-color: #FFF;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    border-radius: 10px;
    transition: 0.5s ease;
    transition-property: background-color;
}
.projekte_uebersicht .projekt:hover {
    background-color: #353e48;
}
.projekte_uebersicht .projekt .projekt_inner {
    position: relative;
    width: 96%;
    height: 0;
    padding-bottom: 56%;
    margin: 2%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}


.projekte_uebersicht .projekt .projekt_info {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 30%;
    height: 0;
    padding-bottom: 60%;
    /*background-color: rgba(53,62,72,0.6);
    color: #FFF;*/
    background-color: rgba(254,211,0,0.9);
    transition: 0.5s ease;
    transition-property: background-color;
}

.projekte_uebersicht .projekt .projekt_info .fahrzeug {
    font-size: 0.8em;
    line-height: 1.3em;
    padding: 10%;
}
.projekte_uebersicht .projekt .projekt_info .fahrzeug .hersteller {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.3em;
    
}
.projekte_uebersicht .projekt .projekt_info .fahrzeug .modell {
    font-size: 1.2em;
    line-height: 1.3em;
    
}
.projekte_uebersicht .projekt .projekt_info .fahrzeug .baujahr {
    margin-top: 0.5em;
    font-size: 1em;
    line-height: 1.3em;
}

.projekte_uebersicht .projekt .projekt_info .fahrzeug_icon {
    position: absolute;
    bottom: 10%;
    left: 15%;
    width: 70%;
    height: 0;
    padding-bottom: 70%;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    
}


.projekte_uebersicht .projekt a:hover .projekt_inner {
    

}
.projekte_uebersicht .projekt a:hover .projekt_info {
    /*background-color: rgba(53,62,72,0.9);*/
    background-color: rgba(254,211,0,1);
}


ul.topics, #merkmale ul {
    font-size: 1em;
    line-height: 1.3em;
    list-style: none;
}
ul.topics::after, #merkmale ul::after {
    content: "";
    clear: both;
    display: block;
    font-size: 0.1px;
}
ul.topics li, #merkmale ul li {
    border-radius: 0.5em;
    padding: 0.6em 1em 0.6em 2.5em;
    margin: 0 0.2em 0.2em 0;
    background-color: #353e48;
    color: #FFF;
    float: left;
    background-image: url("../images/icon_checked_yellow.png");
    background-repeat: no-repeat;
    background-size: 1.2em auto;
    background-position: 0.6em 0.7em;
}
ul.topics li::before, #merkmale ul li::before {
    content: "";
    
}
.projekt_detail {
    position: relative;
    
}
.projekt_detail .projekt_icon {
    position: absolute;
    bottom: -6%;
    left: 40px;
    width: 15%;
    height: 0;
    padding-bottom: 15%;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border: 5px solid #fed300;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);
    z-index: 100;
}
#merkmale {
    position: relative;
    z-index: 99;
    background-color: #55616C;/*#49525C*/
    
}
#merkmale ul {
    margin-bottom: -0.2em;   
}
#merkmale h2 {
    position: relative;
    margin-top: 0;
    padding-top: 0;
    color: #fff;
    display: none;
}
#reimo::after {
    content: "";
    clear: both;
    display: block;
    font-size: 0.1px;
}
#reimo {
    
}
#reimo h2 {
    margin-top: 0;
    padding-top: 0;
}
#reimo .info_cell {
    width: 50%;
    float: left;
    position: relative;
    text-align: center;
}
#reimo .info_cell .info_inner {
    padding: 10%;
}
#reimo .image_cell {
    width: 50%;
    height: 0;
    padding-bottom: 25%;
    float: left;
    background-image: url("../images/content/camper-mobil_reimo_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
    overflow: hidden;
}
#reimo .image_cell .softedge {
    background-image: url("../images/yellow_softedge.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
    position: absolute;
    width: 10%;
    padding-bottom: 80%;
    height: 0;
    left: 0;
    top: 0;
}
#reimo .image_cell .partner {
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 0.9em;
    bottom: 0;
    right: 0;
    background-color: #353e48;
    padding: 0.7em 1.2em;
    border-radius: 10px 0 0 0;
}
#reimo .image_cell .logo {
    background-image: url("../images/content/reimo_logo.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    width: 30%;
    padding-bottom: 15%;
    height: 0;
    border-radius: 0 0 10px 10px;
    top: 0px;
    right: 5%;
}
.projekt_detail .projekt_kopf {
    border-bottom: 16px solid #f7d347;
    background-size: 100% 100%;
    background-image: url("../images/bg_yellow.jpg");
    background-repeat: no-repeat;
    background-position: center center;
}
.projekt_detail .projekt_kopf h4 {
    margin: 0;
    font-weight: normal;
}
.projekt_detail .projekt_kopf h4 a {
    color: #353e48;
    text-decoration: none;
}
.projekt_detail .projekt_kopf h4 a:hover {
    color: #353e48;
    text-decoration: underline;
}
.projekt_detail .baujahr {
    font-weight: normal;
    
}
.projekt_detail .projekt_titel,
.projekt_detail .projekt_bild {
    width: 50%; 
    float: left; 
    position: relative;
    
}
.projekt_detail .projekt_titel h1 {
    padding: 0;
    margin: 0;
    
}



.projekt_detail .projekt_titelinfo,
.projekt_detail .projekt_titelbild_1,
.projekt_detail .projekt_titelbild_2 {
    width: 33.333%; 
    float: left; 
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    
}


.projekt_detail .projekt_titelinfo h1 {
    padding: 0;
    margin: 0;
    color: #353e48;
}
.projekt_detail .projekt_titelbild_1,
.projekt_detail .projekt_titelbild_2 {
    height: 0;
    padding-bottom: 20%;
    
}



.projekt_detail .projekt_beschreibung {
    position: relative;
    
}

.iconlink {
	display: block;
	color: #3d2b2f;
	font-size: 1.2em;
	line-height: 130%;
	font-weight: bold;
	padding: 0.7em 0 0.7em 50px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px 40px;
	text-decoration: none;
}
.iconlink:hover {
	color: #3d2b2f;
	text-decoration: underline;
	
	
}
.iconlink.phone {
	background-image: url(../images/icon_phone.png);
}
.iconlink.email {
	background-image: url(../images/icon_email.png);
}
.iconlink.googlemaps {
	background-image: url(../images/icon_maps.png);
}
.iconlink.postal {
	background-image: url(../images/icon_postal.png);
}




#kontakt {
	
}
#kontakt .inner {
      
}
#kontakt .column1 {
    text-align: center;
}

#kontakt a {
	text-decoration: none;
}
#kontakt a:hover {
	text-decoration: underline;
}
#kontakt .column2 a {
    
}


.beratung_kostenlos {
    font-size: 1.8em;
    line-height: 140%;
    text-align: center;
    margin-bottom: 10px;
}



.divtable {
    display: table;
}
.divtable .divrow {
    display: table-row;
}
.divtable .divcell {
    display: table-cell;
    
}
.divtable .divth {
    font-weight: bold;
    padding-right: 1em;
}

#kontakt .divth {
    text-align: right;
}
#oeffnungszeiten h3 {
    margin-top: 0;
    margin-bottom: 0.5em;
    padding: 0;
}
#oeffnungszeiten h4 {
    padding: 0;
    margin: 0;
}
#oeffnungszeiten .specialinfo {
    margin-top: 2em;
    text-align: center;
}
#oeffnungszeiten .specialinfo_inner {
    display: inline-block; 
    padding: 20px; 
    color: #C41111; 
    border: 1px solid #C41111; 
    border-radius: 20px;
}
#oeffnungszeiten .specialinfo p {
    padding: 0 !important;
    margin: 0 !important;
}
#oeffnungszeiten h2,
#oeffnungszeiten h3,
#oeffnungszeiten h4,
#oeffnungszeiten p {
	color: inherit;
}

#footer {
	position: relative;
    margin-top: -1px;
    font-size: 16px;
	color: #FFF;
	
}
#footer .inner {
	
	
}
#footer .wrapper {
	background-color: #353e48;
    padding: 30px;
}
#footer span.title {
	font-weight: bold;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer .desktop {
	float: right;
}

.projekt_beschreibung_element {
    margin: 3em 0;
}
.projekt_beschreibung_element::after {
    content: "";
    display: block;
    clear: both;
    font-size: 0.1px;
}
.projekt_beschreibung_element h2 {
    padding-top: 0;
    margin-top: 0;
}
.imagefloat {
    width: 35%;
    -webkit-box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 25px 0px rgba(0,0,0,0.2);
    border-radius: 5px;
    overflow: hidden;
}
.imagefloat_left {
    float: left;
    margin: 0 5% 5% 0 !important;
}
.imagefloat_right {
    float: right;
    margin: 0 0 5% 5% !important;
}
.imagefloat_portrait {
    width: 25%;
}
.imagefloat img {
    width: 100%;
    display: block;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
}
.imagefloat_notext img {
    border-radius: 5px !important;
}
.imagefloat p {
    margin: 0 0 0 0;
    padding: 0.6em;
    font-size: 0.86em;
    /*#353e48 #fed300*/
    background-color: #353e48;
    color: #fff;
    
    border-radius: 0 0 5px 5px;
}