@charset "utf-8";
/* CSS Document */



/* open-sans-300 - latin-ext_latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin-ext_latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin-ext_latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/typo3conf/ext/theme/Resources/Public/Template/fonts/open-sans-v34-latin-ext_latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}




/* BASICS ------------------------------ */


html{
	font-size: 15px;}

body,td,th,div,p,span {
	font-size: 1rem;
	line-height:26px;
	line-height:1.733rem;
	font-weight:300;
	color: #000000;}

*{font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;}


body {
	background-color: #f0f0f0;
	width: 100%;
	display: table;
	table-layout: fixed;}

html,body{height:100%}

.page-row {display: table-row;}
.page-row-expanded { height: 100%; }


::selection {
	background: #00aeef;
	color: white;}

* {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;}


ol, ul {
	list-style: none;}

blockquote, q {
	quotes: none;}

strong,b{font-weight:700;}

.clearboth {
	clear:both;
	font-size:0em;}

.group:before,
.group:after{
	content: "";
	display: table;}

.group:after {clear: both;}

.sprite,
.sidr-class-sprite{
	background-image:url(../images/sprite.svg);
	background-repeat:no-repeat;}

img {
	max-width: 100%;
	display:block;}

.dark{color:#000000;}

.color-1{color:#7f8c8d;}

figure {margin: 2em 0px;}

figcaption{
	font-size:13px;
	font-size:0.813em;
	line-height:16px;
	line-height:1rem;
	color:#a1a1a1;}

.no-list-style{
	list-style: none;
	padding: 0;}

em.emSmall{
	display:block;}

em.emSmall,
em.emSmall *{
	font-style:normal;
	font-size:13px;
	font-size:0.813rem;
	line-height:16px;
	line-height:1rem;}

/* margin */
.margin-bottom-S{margin-bottom:10px;}
.margin-bottom-M{margin-bottom:20px;}
.margin-bottom-L{margin-bottom:40px;}
.margin-bottom-X{margin-bottom:0!important;}

.margin-top-S{margin-top:10px;}
.margin-top-M{margin-top:20px;}
.margin-top-L{margin-top:40px;}
.margin-top-X{margin-top:0!important;}

.margin-left-S{margin-left:10px;}
.margin-left-M{margin-left:20px;}
.margin-left-L{margin-left:40px;}
.margin-left-X{margin-left:0!important;}

.margin-right-S{margin-right:10px;}
.margin-right-M{margin-right:20px;}
.margin-right-L{margin-right:40px;}
.margin-right-X{margin-right:0!important;}

/* padding */
.padding-top-S{padding-top:10px!important;}
.padding-top-M{padding-top:20px!important;}
.padding-top-L{padding-top:40px!important;}
.padding-top-X{padding-top:0!important;}

.padding-bottom-S{padding-bottom:10px!important;}
.padding-bottom-M{padding-bottom:20px!important;}
.padding-bottom-L{padding-bottom:40px!important;}
.padding-bottom-X{padding-bottom:0!important;}

.padding-left-S{padding-left:10px!important;}
.padding-left-M{padding-left:20px!important;}
.padding-left-L{padding-left:40px!important;}
.padding-left-X{padding-left:0!important;}

.padding-right-S{padding-right:10px!important;}
.padding-right-M{padding-right:20px!important;}
.padding-right-L{padding-right:40px!important;}
.padding-right-X{padding-right:0!important;}

.padding-S{padding:10px;}
.padding-M{padding:20px;}
.padding-L{padding:40px;}
.padding-X{padding:0!important;}


.align-right{text-align:right;}

.SizeS,
.SizeM,
.SizeL {
	width: 100%;
	margin-bottom: 5px;}

p {margin-bottom: 15px;}

.bg-white{
    background-color: #FFFFFF;
}
 /* shadow */
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

/* border */
.border-0{
    border:none!important;
}

.rounded-0 {
    border-radius: 0!important;
}

.border-dotted-end{
    border-right: 1px dotted #B6B6B6;
}

/* grid */
.gx-0 {
  margin-right: 0;
  margin-left: 0;
}

.gx-0 > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.gx-1 {
  margin-right: -10px;
  margin-left: -10px;
}

.gx-1 > [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

/* hr */
.hr-dotted{
    border-color: #B6B6B6;
    border-style: dotted;
}

/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */
img[src*=".svg"] {
	width: 100%\9;
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	img[src*=".svg"] {
		width: 100%;
	}
}

/* ANIMATION ------------------------------  */
.anim{
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;}

/* fadeInTopSmall */

@-webkit-keyframes fadeInTopSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,var(--fadeInTopSmall),0);
        transform: translate3d(-0,var(--fadeInTopSmall),0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopSmall {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,var(--fadeInTopSmall),0);
        transform: translate3d(0,var(--fadeInTopSmall),0);

    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);

    }
}

/* fadeInSmall */
@-webkit-keyframes fadeInSmall {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;

    }
}

@keyframes fadeInSmall {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* pendel */
@keyframes pendel { 
    0% { transform: rotate(4deg); }
    20% { transform: rotate(-10deg); }
    40% { transform: rotate(8deg); }
    60% { transform: rotate(-5deg); }
    80% { transform: rotate(5deg); }
    100% { transform: rotate(0deg); }
}

/* LINKS ------------------------------ */
a{
	color:#000000;
}

.content-wrapper a{border-bottom:dotted 1px #B0B0B0;}

a:hover, a:focus {
	text-decoration:none;}

a.link,
input.link,
.link{
	display:inline-block;
	background-color:#95a5a6;
	border-radius:3px;
	padding: 0 40px;
	text-align:center;
	color:#FFF !important;
	font-size:16px;
	font-size:1.143rem;
	font-weight:400;
	height:45px;
	line-height:45px;
	border:none !important;
	cursor:pointer;}


/* FORMS ------------------------------- */
input, textarea, select {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-size: 1rem;
	color: #000;
	background-color: #ecf0f1;
	border: none;
	height: 30px;
	line-height: 30px;
	width: 100%;
	padding-left: 10px;}

.content form input,
.content form .selecter{margin:0 0 10px 0;}

.checkBasics{margin-bottom:10px;}

.checkBasics input,
.checkBasics textarea{
	width: 100%;
	padding: 0px;
	line-height:35px;
	height:35px;
	border-bottom: solid 2px #00aeef;
	background-color:#FFFFFF;}

.checkBasics textarea{height:120px;}

.no-req label{font-weight:300;}

.no-req label:after {
	content: '(optional)';
	color: #b6b6b6;
	padding-left: 5px;
	font-weight: 300;}

.error input,
.error .selecter-selected,
.error textarea {
	background-color: #F6DCDD !important;}

/* BUTTON ------------------------------ */

.btn{
	background-color:#afafaf;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color:#FFF;
/*
	height:35px;
	line-height: 35px;
	padding:0;
*/
    cursor: pointer;
	border:none;
	}

.btn,
.btn *{
	font-size: 15px;
	font-size: 1rem;}

a.btn{display:inline-block;}

.btn:hover{
	background-color:#919191;
	color:#fff;}

.btn:hover, .btn:focus, .btn.focus {
	color:#fff;}

.btnQuad{
	height:35px;
	padding:0px 15px;}

.btnQuadBig{
	height:50px;
	padding:0px 22px;
	background-position: -85px -108px !important;}

.btnBig{
	text-align:center;
	width:100%;
	margin-top:20px;}

.btn-color{
    background-color: #00aeef;
}

.btn-color:hover{
    background-color: #0495cb;
}

/* HEADLINES --------------------------- */

h1 {
	font-size: 12px;
	font-size: 0.857rem;
}

h2,
h2 *{
	font-size: 20px;
	font-size: 1.333rem;
	line-height:24px;
	font-weight:300;
	color:#000000;}

h2{
	text-align:center;
	margin:10px 0;}

h3{
	font-size: 20px;
	font-size: 1.333rem;
	line-height:24px;
	color: #00aeef;
	font-weight: 300;
	padding-bottom:15px;}

h4 {
	font-size: 18px;
	font-size: 1.200rem;
	font-weight:600;
	line-height:22px;
	padding-bottom:10px;}


/* HEADER ------------------------------ */
#mainLogo h1{
	display:block;
	background:url(../images/r4r-logo.svg) left top no-repeat;
	width: 45px;
	height: 45px;
	text-indent: -99999px;
	position:relative;}

/* NAV ------------------------------ */
header {
	position: fixed;
	height: 60px;
	width: 100%;
	top: 0px;
	z-index: 1000;
	display: block;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);
	background-color:#FFFFFF;}

#mainLogo {
	display: block;
	float: left;
	margin-top: 7px;
	position: relative;
	text-decoration: none;}

#menueIcon {
	position: relative;
	float: right;
	cursor: pointer;
	margin-right:-20px;}

#menueIcon i {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	color: #00aeef;}

.sidr-inner:before{
	content:"";
	display:block;
	position:absolute;
	height:100%;
	width: 10px;
	-webkit-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
	box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.2);
	left:0;
	top:0;
	z-index:10;}

.sidr .subNav {display: none;}

.sidr nav .fa-angle-down{
	line-height:48px;
	position: absolute;
	right: 20px;}

.sidr ul#meta-nav li a span{display:none;}

.sidr ul#meta-nav li{
	display:inline-block;
	border:none;}

.sidr ul#meta-nav{
	margin:10px 0 0 30px;
	border:none;}

.sidr ul#meta-nav li a{
	padding:0 20px 0 0;}

.sidr ul#meta-nav li i{
	font-size: 36px;}

.sidr ul#meta-nav li:last-child i{font-size:20px;}

.sidr ul#meta-nav .dropdown-menu{min-width:inherit;}

.sidr ul#meta-nav .dropdown-menu li a{background-color:#FFFFFF;}

.sidr ul#meta-nav .dropdown-menu li{display:block;}

.sidr ul#meta-nav .dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;}



.sidr .sidr-inner{padding:0 !important;}

/* LAYOUT ------------------------------ */
.container-fluid {position:relative;}

#wrapper:before {
	content: "";
	margin-top: 60px;
	display: block;}

article blockquote{
	border-left: solid 5px #afafaf;
	padding: 20px;
	margin: 20px 0;}

article blockquote,
article blockquote *{
	font-size:18px;
	font-size:1.200rem;
	color:#000000;
	font-weight:300;
	font-style:italic;
	line-height:31px;
	line-height:1.938rem;}

article blockquote strong{font-weight:700;}

/* modal */

#modal{
	display: none;
	background-color:rgba(231,228,228,0.90);
	height: 100%;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1500;
	position: fixed;}

#modalPos{
	height: 100%;
	width: 100%;
	margin: 0px auto;}

#modalWrapper{
	width: 250px;
	position: relative;
	top: 50%;
	margin: 0 auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color:#FFFFFF;
	padding:20px;
	text-align:center;}

#modal-close{
	position:fixed;
	right:10px;
	top:10px;
	color:#B3B3B3;}

#modalWrapper p{
	font-size:18px;
	font-weight:300;
	line-height:30px}

#modalWrapper i{color:#ec068d;}

/* INDEX ------------------------------ */
#home-head #bigPic,
#home-head .bigPic-wrapper {
/*	height: 100vh;*/
}

#home-head{
	margin-top:-60px;
	position:relative;}

#home-head .center-h{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index:100;}

#home-head #bigPic hgroup{
	position:relative;
	margin:0;
	white-space: nowrap;}

#home-head #bigPic hgroup h2{color:#000000;}

#home-head #bigPic button.btn{
	width: 100%;
	text-align: left;
	padding:0 10px;
	height:45px;
	line-height:45px;
	border-radius:0;}

#home-head #bigPic button.btn i.fa{
	line-height: 45px;
	font-size: 30px;}

#home-head .suche-1-cont button.btn{background-color:#ec068d;}
#home-head .suche-2-cont button.btn{background-color:#34495e;}

#home-head .suche-1-cont button.btn span{color:#000000;}

#home-head .dropdown-menu{
	width:100%;
	padding:15px;
	margin:0;
	border-radius:0;
	border:none;}

#home-head .info-links{
	font-size: 13px;
	font-size: 0.867rem;
	line-height: 18px;
	margin-top:10px;}

a.first-down {
	position: absolute;
	left: 50%;
	width:50px;
	height:50px;
	z-index: 2;
	margin-left: -25px;
	bottom: 0px;
	color: #000;
	/*background-color:rgba(0,0,0,0.30);*/
	text-align: center;
	line-height: 56px;}

a.first-down i{color:#FFFFFF;}

#home-head #stoererNews {
	background-color:rgba(0,0,0,0.70);
	width: 100%;
	display: block;
	padding: 20px 20px 5px 20px;}

#home-head #stoererNews p{
	font-size: 15px;
	font-size: 1rem;
	font-weight: 300;
	color: #8b8b8b;}

#home-head  #stoererNews h2{
	font-size:18px;
	font-size:1.200rem;
	color:#FFFFFF;
	background-color:transparent;
	line-height:inherit;
	margin:0;
	padding:0;
	text-align: left;}

.ct{
	height:130px;
	display:block;
	position:relative;}

.ct:hover{
	opacity:.5;
	filter: alpha(opacity=50);}

.ct h2,
.ct h2 *{
	color:#FFFFFF;
	font-weight:300;
	margin:0;}

.ct h2 span{color:#000000;}

.ct.ct-sf{background-color:#ec068d;}
.ct.ct-sua{background-color:#00aeef;}
.ct.ct-b{background-color:#34495e;}

.ct.ct-sf h2,
.ct.ct-b h2{
	position:absolute;
	bottom:20px;
	width:100%;
	text-align:center;}

.ct.ct-sua h2{
	position:absolute;
	top:20px;
	width:100%;
	text-align:center;}

.ct.ct-sf:before{
	content:'\f05a';
	display: block;
	font: normal normal normal 14px/1 FontAwesome;
/*	font-size: inherit;*/
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:absolute;
	width:40px;
	height:40px;
	font-size:40px;
	color:#FFFFFF;}

.ct.ct-b:before{
	content:'';
	position: absolute;
	top:20px;
	background:url(../images/tasche.svg) center top no-repeat;
	width:40px;
	height:50px;
	background-size:100%;}

.ct.ct-sf:before,
.ct.ct-b:before{
	left:50%;
	top:30px;
	margin-left:-15px;}

.ct.ct-sua:after{
	content:'';
	position: absolute;
	bottom:20px;
	background:url(../images/service-icons.svg) center top no-repeat;
	width:110px;
	height:30px;
	background-size:100%;
	left:50%;
	display:block;
	margin-left:-55px;}

/* HOME SUCHE */
.suche-form{
    margin-top:-70px;
}

.suche-form-anim{
    opacity: 0;
    --fadeInTopSmall:-5%;
    -webkit-animation-name: fadeInTopSmall;
    animation: fadeInTopSmall .7s ease-in-out;
    animation-delay: .3s;
    animation-fill-mode: forwards; 
    position: relative;
    z-index: 20;
}

.suche-help-anim{
    opacity: 0;
    --fadeInTopSmall:-40%;
    -webkit-animation-name: fadeInTopSmall;
    animation: fadeInTopSmall .5s ease-in-out;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    position: relative;
    z-index: 10;
}

.suche-form .nav-tabs > li > a {
    background-color: #F0F0F0;
    color:#a5a5a5;
}

.suche-form .nav-tabs > li > a:hover{
    color: #000;
}


.suche-form .nav-tabs > li.active > a, 
.suche-form .nav-tabs > li.active > a:hover, 
.suche-form .nav-tabs > li.active > a:focus{
    background-color: #fff;
    color: #000;
}

.suche-form .selecter-selected{
    background-color: transparent;
    color: #000000;
}

.suche-form .selecter-selected:after{
    border: none;
}

.no-touch .selecter-item:hover, 
.no-touch .selecter-item.selected:hover {
    background-color: #eeeeee;
}

.suche-form .selecter.open .selecter-selected, 
.suche-form .selecter.focus .selecter-selected {
    background-color: transparent;
}

/* HOME SWIPER */

#standort-slider .swiper-slide{
	height:350px;}

#standort-slider .swiper-slide a{
	display:block;
	height:100%;}

#standort-slider .innerWrapper{
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height:300px;}

#standort-slider .swiper-button-prev ,
#standort-slider .swiper-button-next {
	margin-top:-50px;
	background-color:transparent;}

#standort-slider .swiper-button-prev i,
#standort-slider .swiper-button-next i{
	color:#FFFFFF;
	font-size:36px;
	line-height:48px;}

#standort-slider .swiper-button-prev i{margin-left:16px;}
#standort-slider .swiper-button-next i{margin-left:20px;}

#standort-slider .swiper-button-prev,
#standort-slider .swiper-container-rtl .swiper-button-next {
	left: 0px;}

#standort-slider .swiper-button-next,
#standort-slider .swiper-container-rtl .swiper-button-prev {
	right: 0px;}

#standort-slider .swiper-slide h2 {
	background-color: #FFF;
	color: #ec068d;
	padding: 5px 10px;
	z-index: 10;
	text-align:left;
	display:inline-block;
	margin: 5px 0;}

#standort-slider .swiper-slide .slider-info{
	position:absolute;
	bottom:-10px;}

#standort-slider .swiper-slide .slider-info .slider-info-text{
	background-color:rgba(0,0,0,0.70);
	padding:10px;
	margin-right: 20px;}

#standort-slider .swiper-slide .slider-info .slider-info-text h3{
	color:#FFFFFF;
	padding-bottom:0px;
	font-size:18px;
	font-size:1.200rem;}

#standort-slider .swiper-slide .slider-info .slider-info-text p{
	color:#8c8c8c;
	display:none;
	margin:0px;}

.gmap-detail{
	height:500px;}

/* STANDORTE ------------------------------ */
.so-text *{font-size:18px;}

.so-text a{display:block;}

.so-text a:hover{
	opacity:.6;
	filter: alpha(opacity=60);}

.so-text a:last-child{border-bottom:none;}

.so-name{color:#00aeef;}

/* STADORT ------------------------------ */
/* BIGPIC */
#bigPic{
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #DDD;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

#bigPic,
.bigPic-wrapper{height: 320px;}

#bigPic hgroup{
	position:absolute;
	margin: 50px -10px 0 -20px;}

#bigPic h2 {
	background-color: rgba(255,255,255,0.90);
	color: #ec068d;
	padding: 5px 50px 5px 10px;
	font-size: 22px;
	font-size:1.467rem;
	z-index: 10;
    position: relative;
}

#bigPic h2.bigPic-h2-anim{
    --fadeInTopSmall:-10%;
    -webkit-animation-name: fadeInTopSmall;
    animation: fadeInTopSmall .8s ease-in-out;
}

#home-head hgroup h2:before{
    content:'';
    position:absolute;
    right:-20px;
    top:-19px;
    width:60px;
    height:130px;
    background:url(../images/room-marker.svg) left top no-repeat;
    background-size: 100%;
    transform: rotate(10deg);
}

#home-head hgroup h2.bigPic-h2-anim:before{
    transform-origin: center 20px;
    transform: rotate(4deg);
    animation: pendel 2s 1 ease-in-out;
    animation-fill-mode: forwards;
}

#bigPic span#subhead {
	display:inline-block;
	font-weight: 300;
	background-color: #FFF;
	color: #000;
	padding: 3px 10px 3px 10px;
	font-size: 18px;
	font-size:1rem;
	margin-top: 5px;
	z-index: 10;}

#bigPic .stoererAnfr {
	position:absolute;
	background-color:#ec068d;
	border-radius:50%;
	width: 88px;
	height: 88px;
	text-align: center;
	display: block;
	color: #FFF;
	right: 20px;
	bottom: -40px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	padding-top: 15px;}

#bigPic .stoererAnfr i{
	position:absolute;
	display:block;
	bottom:0px;
	left:50%;
	transform: translate(-50%, -50%);}

/* PROJ HEADER */
h2.proj-header{
	background-color:#FFFFFF;
	padding:10px;
	text-align:left;}

h2.proj-header i{
	color:#00aeef;
	font-weight:300;}

/* BESCHR */
#proj-besch{
	margin-top:50px;}

/* TEASER */
.teaser{
	margin-bottom:40px;
	position:relative;
	background-color:#FFF;}

.teaser .img .stoerer{
	right:10px !important;
	left:inherit;
	width:100px;
	height:100px;
	background-color:#FFF;}

.teaser .img .stoerer .price{
	color:#EC068D;
	margin-top:35px;}

.teaser .stoerer{
	position:absolute;
	left:10px;
	top:10px;
	z-index:100;
	background-color:#0097d0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width:76px;
	height:76px;
	text-align:center;}

.teaser .stoerer span.zs,
.teaser .stoerer .time{
	display:block;
	font-size:13px !important;
	font-size:0.867rem !important;
	color:#000 !important;
	line-height:18px;}

.teaser .stoerer span.zs{
	margin-top: -15px;
	line-height:18px;}

.teaser .stoerer .time{}

.teaser .stoerer .price{
	font-size:23px;
	font-size:1.533rem;
	color:#FFF;
	line-height:18px;
	margin-top:22px;}

.teaser .stoerer .price span{
	font-size:19px;
	color:#FFFFFF;}

.teaser .img{
	font-size:0px;}

.teaser .blockCol1{
	background-color:#ec068d;
	padding: 40px 30px;}

.teaser .bigHeader{
	font-size: 22px;
	font-size: 1.467rem;
	line-height: 28px;
	font-weight:300;
	margin:0px;}

.teaser .smallHeader{
	font-size:18px;
	font-size:1.200rem;
	line-height:22px;
	font-weight:300;}

.teaser .WhiteFont{
	color:#FFF;}


.teaser .blockCol2{
	background-color:#34495e;
	padding: 50px 30px 10px 30px;}

.teaser .blockCol2 .smallHeader{
	font-size:31px;
	font-size: 2.067rem}

.teaser .text{
	padding: 30px;}

.teaser .text ul,
.txtWrapper ul{
	list-style:square inside;}

.teaser .text ul li,
.txtWrapper ul li{margin-bottom:10px;}

.teaser .text .txtBig{
	font-size:20px;
	font-weight:300;}

.teaser.bigTeaser .img{
	position:relative;}

.teaser.bigTeaser .blockCol2{
	padding: 100px 30px 20px 30px;}

.teaser.bigTeaser .img:before{
	content:'';
	position:absolute;
	right:20px;
	bottom:20px;
	width:50px;
	height:42px;
	background:url(../images/tasche.svg) center center no-repeat;
	background-size: 100% auto}

/* TEASER SAME HEIGHT */
.teaser-same-h li{}

/* GMAP TEASER */
.gMapIcon{
	display:block;
	border:none !important;
	padding-top: 50px;}

.gMapIcon i{
	text-align:center;
	font-size:20px;
	line-height: 40px;}

.gmap-detail{display:none;}

#collapseProdGroup-3 .text{text-align:center;}

/* FOOTER ------------------------------ */

footer{
	padding-bottom:30px;
	text-align:center;}

footer h4{
	font-weight:300;
	font-size:18px;
	font-size:1.200rem;}

footer *{
	font-size:13px;
	font-size:0.867rem;
	line-height:18px;}

footer .fo-trenner{
	border-top: solid 1px #FFFFFF;
	padding-bottom: 30px;}

footer .footer-txt-1 .fa-square{color:#afafaf;}

footer .footer-txt-2 li{
	display: inline-block;
	margin:0 5px;}

footer .footer-txt-3 .fa-square{color:#00aeef;}

footer .footer-txt-3 .phone,
footer .footer-txt-3 .mail{}

footer .footer-txt-3 .phone-label,
footer .footer-txt-3 .mail-label{display:none;}

footer .footer-txt-3 .fa-stack{font-size:30px;}

footer .selecter-selected,
footer .selecter.open .selecter-selected,
footer .selecter.focus .selecter-selected  {
	background: #FFFFFF;}



a.link.inv.blueMax,input.link.inv.blueMax,.link.inv.blueMax{width:100%;text-align:left;background-color:#ec068d;border:none;line-height:40px;padding:0 20px}
.link.inv.blueMax i{color:#FFFFFF;font-size:20px;line-height:40px}
.link.inv.grau{background-color:#D8D8D8;border-color:#D8D8D8}
.link.inv.weiss{background-color:#FFFFFF;border-color:#FFFFFF;color:#f36c60 !important}
.link.round{padding:0px;width:40px}
.link.inv.grau i{font-size:20px}

.link.inv.blueMax{height:50px}
.link.inv.blueMax{border-radius:25px;    margin: 10px 0 20px 0;}


/* Responsive Design
**********************************************/
/* LAYOUT < 320 ------------------------------ */
@media only screen and ( max-width: 320px ) {
	.container-fluid {width: 320px;}

}

/* LAYOUT > 320 ------------------------------ */
@media only screen and ( min-width: 320px ) {

}

/* LAYOUT > 480 ------------------------------ */
@media only screen and ( min-width: 480px ) {


	/* HEADLINES --------------------------- */
	h2,
	h2 *{
		font-size: 30px;
		font-size: 2.000rem;
		line-height:36px;}

	/* HEADER ------------------------------ */
	#mainLogo:after {
		content: "";
		display: inline-block;
		background: url(../images/r4r-slogan.svg) left top no-repeat;
		width: 150px;
		height: 36px;
		position: absolute;
		left: 55px;
		top: 8px;}

	/* LAYOUT --------------------------- */
	/* TEASER */
	.teaser.bigTeaser .img:before{
		width:70px;
		height:59px;}

	/* STANDORT ------------------------------ */
	/* PROJ HEADER */
	h2.proj-header{
		padding:10px 20px;}

	h2.proj-header i{
		line-height:40px;}

	/* INDEX ------------------------------ */

	.ct h2,
	.ct h2 * {
		font-size: 20px;
		font-size: 1.333rem;
		line-height: 24px;}

	/* FOOTER ------------------------------ */
	footer .footer-txt-1 p{
		max-width:300px;
		margin-left:auto;
		margin-right:auto;}
}

@media only screen and (min-width:480px) and (max-width: 980px)  {

}



/* LAYOUT > 768 ------------------------------ */
@media only screen and ( min-width: 768px ) {

	.SizeS{width:120px}
	.SizeM{width:150px}
	.SizeL{width:190px}
    
    /* border */
    .border-dotted-sm-end{
        border-right: 1px dotted #B6B6B6;
    }

	/* HEADLINES --------------------------- */
	h2{
		font-size: 40px;
		font-size: 2.667rem;
		line-height:48px;
		margin:40px 0;}

	h3{
		font-size: 22px;
		font-size: 1.467rem;
		line-height:26px;
		padding-bottom:15px;}

	h4 {
		font-size: 18px;
		font-size: 1.200rem;
		line-height:22px;
		padding-bottom:10px;}

	/* LAYOUT --------------------------- */
	/* PROJ NAV */
	#art-nav{
		background-color:#00aeef;
		padding:10px 0;}

	#art-nav li{display:inline-block;}

	#art-nav li a{
		color:#FFFFFF;
		margin-right:30px;}

	/* STANDORT */
	#bigPic,
	.bigPic-wrapper{
		height: 500px;}

	#bigPic hgroup{
		margin: 140px 0px 0 0px;}

	#bigPic h2 {

		padding: 5px 20px;
		font-size: 50px;
		font-size:3.333rem;
		z-index: 10;}

	#bigPic span#subhead {
		display:inline-block;
		font-weight: 300;
		background-color: #FFF;
		color: #000;
		padding: 10px 20px 10px 20px;
		font-size: 28px;
		font-size:1.867rem;
		margin-top: 10px;
		z-index: 10;}

	#bigPic .stoererAnfr {
		width: 130px;
		height: 130px;
		right: 40px;
		bottom: -40px;
		font-size: 28px;
		font-size:1.867rem;
		line-height: 31px;
		padding-top: 25px;}

	#bigPic .stoererAnfr i{
		bottom:0px;
		left:50%;
		transform: translate(-50%, -50%);}

	/* PROJ HEADER */
	h2.proj-header{
		background-color:transparent;
		padding:0px;
		text-align:center;}

	h2.proj-header i{display:none;}

	/* TEASER */
	.teaser .bigHeader{
		font-size:45px;
		font-size:3.000rem;
		line-height:52px;}

	.teaser .smallHeader{
		font-size:20px;
		font-size:1.333rem;
		line-height:24px;}

	.teaser.teaser-contact .text{padding: 30px 30px 0 0;}

	.teaser .blockCol2 .bigHeader{
		font-size:35px;
		font-size: 2.333rem;
		line-height:35px;}

	.teaser .blockCol2 .smallHeader{
		font-size:50px;
		font-size: 3.333rem;
		line-height:50px;}

	.teaser.bigTeaser .blockCol2{
		padding: 150px 30px 40px 30px;}

	.teaser.bigTeaser .img:before{
		right:30px;
		bottom:40px;
		width:100px;
		height:85px;}

	/* GMAP TEASER */
	.gMapIcon{
		display:none;}

	.gmap-detail{display:block;}

	#collapseProdGroup-3 .text {text-align: left;}

	/* INDEX ------------------------------ */
	#home-head .such-wrapper{
		float:right;}

	#home-head .such-wrapper .dropdown{
		display:inline-block;
		margin-left:10px;}

	#home-head #bigPic button.btn {
		padding: 0 20px;
		height: 60px;
		line-height: 60px;}

	#home-head #bigPic button.btn i.fa {
		line-height: 60px;}

	#home-head h2{
		position:relative;
		padding:15px 100px 15px 20px;}

	#home-head hgroup h2:before{
		right:-20px;
		top:-19px;
		width:110px; /*149px;*/
		height:235px; /*251px;*/
    }

	#home-head #stoererNews {
		position: absolute;
		width: 250px;
		display: block;
		right: 20px;
		bottom: -30px;
		padding: 40px 20px;
		z-index:10;}

	.ct h2, .ct h2 * {
		font-size:36px;
		font-size:2.400rem;
		line-height:40px;}

	.ct{
		height:200px;
		display:block;
		position:relative;}

	.ct.ct-sf:before{
		width:60px;
		height:60px;}

	.ct.ct-sf:before, .ct.ct-b:before {
		top: 40px;
		margin-left: -30px;
		font-size:60px;}

	.ct.ct-sf h2, .ct.ct-b h2 {bottom: 40px;}

	.ct.ct-b:before{
		width:60px;
		height:60px;}

	.ct.ct-sua:after {
		width: 186px;
		height:51px;
		margin-left: -83px;
		bottom:30px;}

	/* HOME SWIPER */

	#standort-slider .swiper-slide{
		height:540px;}

	#standort-slider .innerWrapper{
		height:460px;}


	#standort-slider .swiper-button-prev ,
	#standort-slider .swiper-button-next {
		margin-top:-50px;
		background-color:#000000;}

	#standort-slider .swiper-button-prev,
	#standort-slider .swiper-container-rtl .swiper-button-next {
		left: 10px;}

	#standort-slider .swiper-button-next,
	#standort-slider .swiper-container-rtl .swiper-button-prev {
		right: 10px;}

	#standort-slider .swiper-slide h2 {
		margin: 15px 0;}

	#standort-slider .swiper-slide .slider-info .slider-info-text p{
		display:block;}

	#standort-slider .swiper-slide .slider-info {
		bottom: -30px;}

	#standort-slider .swiper-slide .slider-info .slider-info-text {
		width:500px;
		padding:15px;}

	/* STANDORTE ------------------------------ */
	.so-text a{border-bottom:none;}

}

/* LAYOUT > 980 ------------------------------ */
@media only screen and ( min-width: 980px ) {
    
    /* border */
    .border-dotted-md-end{
        border-right: 1px dotted #B6B6B6;
    }

	/* HEADLINES --------------------------- */
	h2{
		font-size: 50px;
		font-size: 3.333rem;
		line-height:55px;}

	h3{
		font-size: 24px;
		font-size: 1.600rem;
		line-height:30px;
		padding-bottom:15px;}

	h4 {
		font-size: 18px;
		font-size: 1.200rem;
		line-height:22px;
		padding-bottom:10px;}

	/* NAV ------------------------------ */
	header {height: 100px;}

	#mainLogo {margin-top: 35px;}

	#mainLogo h1{
		width:54px;
		height: 54px;}

	#mainLogo:after{
		width: 180px;
		height: 45px;
		left:64px;}

	/* NAV desktop */
	.home-wrapper header {background-color: rgba(255, 255, 255, 0.1);}

	#wrapperMainNav {
		z-index: 100;
		position: relative;}

	header #meta{
		position:absolute;
		right:20px;
		top:5px;}

	header #meta > ul > li{
		display:inline-block;
		border-left: dotted 1px #c2c2c2;
		padding: 0 5px 0 7px;
		line-height:13px;}

	header #meta ul li *{
		font-size:13px;
		font-size:0.867rem;
		line-height:13px;}

	header #meta ul li a i{
		color:#cdcdcd;}

	header #meta ul li:first-child{border:none;}

	header #meta .dropdown-menu{min-width:inherit}

	header nav{
		float:left;
		display:block;
		margin-left:210px;}

	header nav a,
	header nav > ul > li > span a{
		text-decoration:none;
		font-size: 15px;
		font-size: 1rem;
		line-height:40px;}

	header nav > ul{margin-top:60px;}

	header nav > ul > li{
		display:block;
		text-align:center;
		zoom: 1;  *display: inline;  /* IE7 Hack */
		margin-right: -4px;
		float:left;}

	header nav > ul > li:hover{}

	header nav .fa-angle-down {line-height: 20px;}

	header nav ul li:first-child{padding-left:0px;}

	header nav > ul > li > a,
	header nav > ul > li > span a{
		color:#425462;
		display:block;
		padding: 0 20px;
		cursor:pointer;}

	header nav > ul > li:first-child > a,
	header nav > ul > li:first-child > span a{
		background:none;}

	header nav > ul > li:hover a{color:#425462;}

	header nav ul li:hover .subNav,
	header nav ul li:active .subNav{display:block;}

	/*
	.touch header nav ul li:hover .subNav,
	.touch header nav ul li:active .subNav{display:none;}
	*/

	header nav ul li .subNav{
		position: absolute;
		background-color: #FFFFFF;
		display: none;
		z-index: 100;
		overflow: hidden;
		min-width: 120px;
		top: 93%;
		border: solid 1px #EBEAEA;
		box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.06);}

	header nav ul li .subNav ul li a{
		padding: 12px 24px;
		display: block;
		font-size: 14px;
		font-size:0.778rem;
		font-weight:300;
		line-height: 14px;
		text-align: left;
		white-space: nowrap;}

	header nav ul li .subNav ul li{}
	header nav ul li .subNav ul li:first-child{border:none}

	header nav ul li .subNav a:hover{background-color:#f5f5f5;}


	/* LAYOUT ------------------------------ */
	#wrapper:before {margin-top: 100px;}

	/* PROJ NAV */
	#art-nav li a{
		font-size:22px;
		font-size:1.467rem;}

	/* TEASER */
	.teaser .bigHeader{
		font-size:55px;
		font-size:3.667rem;
		line-height:60px;}

	.teaser .smallHeader{
		font-size:25px;
		font-size:1.667rem;
		line-height:30px;}

	.teaser.teaser-contact .text{padding: 20px;}

	/* INDEX ------------------------------ */
	#home-head {
		margin-top: -100px;}

	/* FOOTER ------------------------------ */

	footer{
		text-align:left;}

	footer .footer-txt-1 p {
		max-width:none;}

	footer .footer-txt-2 li{
		display: block;
		margin:5px 0px;}

	footer .footer-txt-3 .phone,
	footer .footer-txt-3 .mail{display:block;}

	footer .footer-txt-3 .phone-label,
	footer .footer-txt-3 .mail-label{
		display:inline-block;}

	footer .footer-txt-3 .fa-stack{font-size:20px;}

}

@media only screen and ( min-width: 1200px ) {
	/* LAYOUT ------------------------------ */
	.container-fluid {width: 1200px;}

	/* STANDORT */
	#bigPic,
	.bigPic-wrapper{
		height: 550px;}

	/* FOOTER ------------------------------ */
	footer .footer-txt-3 .phone-label,
	footer .footer-txt-3 .mail-label{
		font-size:18px;}

    /* HEADER */
}