body {
margin:0;
padding:0 0 0 0;
position:relative;
font-family:roboto, sans-serif;
background-color:#fff;
font-size:12pt;
letter-spacing:0.05em;
font-weight:400;
}

h1 {
text-transform:none;
font-weight:400;
font-size:2em;
margin-top:10px;
margin-bottom:10px;

}

h2.h1 {
text-transform:none;
font-weight:400;
font-size:2.5em;
margin-top:10px;
margin-bottom:10px;
}

h2 {
text-transform:none;
font-weight:400;
color:#3c9dff;
font-size:2.3em;
margin-top:10px;
margin-bottom:10px;

}

h3 {
font-weight:400;
}


img.rsMainSlideImage {
visibility: hidden;
}

.rsSlide div {
background-size:cover;
background-position:center;
background-repeat: no-repeat;
}
.rsSlide div a {
display:block;
}




li.rex-article-1 {
display:none;
}
li.rex-article-56 {
display:none;
}

a {
text-decoration: none;
color:#3c9dff;
}
#inhalt1999 {
background-color:#8b63ff;
color:#fff;
padding:20px 0;
font-size:1.5em;
}
#inhalt1999 p {
color:#fff;
}
#inhalt1999 p a {
color:#fff;
}

.mainInner p, .mainInner ul, .mainInner table {
font-family:roboto;
margin:40px 0;
color:#333;
font-weight:400;
line-height:1.4em;
}

.mainInner p strong {
font-family:roboto;
margin:40px 0;
color:#444;
font-weight:700;
}

.mainInner {
padding-top:50px;
}

#body1 .mainInner {
padding-top:0px;
}


.logo {
width:180px;
height:100px;
position:relative;
padding:0 0 0 0;
}

.logo img {
border:0;
width:100%;
height:auto;
visibility:hidden;
}

.logoLink {
margin:0;
width:100%;
height:auto;
display:block;
padding:0px 0 0px 0;
margin-top:0px;
position:relative;
cursor:pointer;
width:180px;
height:96px;
background-image:url(../../media/werbeagentur-logo-neu.svg);
background-size:90%;
background-repeat:no-repeat;
background-position:center;
}



.menuOuter {
background-color:#313131;
width:100%;
height:auto;
position:relative;
height:115px;


z-index:100;

}

.menu {
width:90%;
height:auto;
margin:0 auto;
position:relative;
padding:10px 0;
font-family:roboto;
min-height:70px;

}

ul.rex-navi1
{
	width:100%;
	z-index:10;
	height:50px;
	list-style:none;
	position:relative;
	top:0px;
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-between;
}
ul.rex-navi1 li
{
	width:auto;
	height:auto;
	float:none;
	font-size:12px;
	margin:0;
	padding:0
}
ul.rex-navi1 li a,
ul.rex-navi1 li a:link
{
	list-style:none;
	list-style-type:none;
	float:none;
	width:auto;
	height:60px;
	text-decoration:none;
	font-weight:600;
	font-size:1.1em;
	text-align:center;
	display:block;
	color:#ddd;
	text-shadow:none;
	margin:0 0 0 0;
	padding:40px 10px 5px 10px;
	text-transform: uppercase;
	text-align:center;

	background-position:center 25px;
	background-repeat: no-repeat;
	overflow:hidden;

	cursor:pointer;
	-webkit-transition:background-position .1s ease;  
    -moz-transition:background-position .1s ease;  
    -o-transition:background-position .1s ease;
}


ul.rex-navi1 li:hover a,ul.rex-navi1 li a:hover,ul.rex-navi1 li a.rex-active,ul.rex-navi1 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	float:none;
	width:auto;
	height:60px;
	text-decoration:none;
	font-weight:600;
	font-size:1.1em;
	text-align:center;
	display:block;
	color:#fff;
	text-shadow:none;
	margin:0 0 0 0;
	padding:40px 10px 5px 10px;
	text-transform: uppercase;
	text-align:center;

	background-position:center 12px;
	background-repeat: no-repeat;
	background-color:transparent;
	-webkit-transition:background-position .1s;  
    -moz-transition:background-position .1s;  
    -o-transition:background-position .1s;
-webkit-user-select: none; 
-webkit-touch-callout: none;
}

ul.rex-navi1 li ul
{
	list-style:none;
	list-style-type:none;
	max-width:200px;
	display:none;
	position:absolute;
	margin:0;
	padding:3px 0 3px 0;
}
	ul.rex-navi1 li:hover ul
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:absolute;
	top:50px;
	z-index:4000;
	margin:6px 0 0;
	padding:0;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}
	ul.rex-navi1 li:hover ul li
{
	list-style:none;
	list-style-type:none;
	width:240px;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}
	ul.rex-navi1 li ul.rex-navi2 li a,ul.rex-navi1 li ul.rex-navi2 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:relative;
	background:#eee;
	width:200px;
	text-align:left;
	font-size:1.3em;
	color:#444;
	text-shadow:none;
	margin:0;
	padding:24px 22px
}
	ul.rex-navi1 li ul.rex-navi2 li a:hover, ul.rex-navi1 li ul.rex-navi2 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:relative;
	background:#7d7e7d;
	width:200px;
	text-align:left;
	font-size:1.3em;
	color:#fff;
	text-shadow:none;
	margin:0;
	padding:24px 22px;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}

.clr {
clear:both;

}


.bild, #social {
display:none;

}

.slideshow-outer {
width:100%;
height:auto;
position:relative;
left:0;
margin:0;
padding:0 0 50px 0;
border-bottom:0px solid #999;
z-index:1;
}

#full-width-slider {
  width: 100%;
  color: #000;
  top:-20px;
}
.royalSlider > .rsContent {
  visibility:hidden;
}

.mainnormal {
width:80%;
height:auto;
position:relative;
margin:0 auto;
}


.tinymcewysiwyg {
margin:40px 0;

}

.rex-article-469 {
display: none;
}

@media screen and (min-width:1000px) {
.textRahmenVB3sp {
margin:40px 0;
position:relative;
display:flex;
justify-content:space-between;
vertical-align: top;
align-items:top;
}
.textRahmenVB3sp p {
font-family:roboto;
}
.textRahmenVB3sp div {
width:30%;
height:auto;
float:none;
position:relative;
text-align:center;
display:inline-block;
vertical-align: top;
}
.textRahmenVB3sp div.clr {
display:none;
}
}
.csslider1 {
top:-20px;
position:relative;
z-index:1;
margin:0 auto !important;
}

.textRahmenVB {
width:100%;
height:auto;
position:relative;
clear:both;
margin-bottom:20px;
display:block;
vertical-align: top;
}

#body458 .textRahmenVB img {
width:90%;
height:auto;
position:relative;
}

.textRahmenVB .textSpalteLinksVB {
vertical-align: top;
width:45%;
height:auto;
position:relative;
display:inline-block;
}

.textRahmenVB .textSpalteRechtsVB {
vertical-align: top;
width:45%;
height:auto;
position:relative;
display:inline-block;

}

@media screen and (min-width:1000px) {
.textRahmenVB .textSpalteRechtsVB {
margin-left:10%;
}
}

.zweiterInner {
margin:0 auto;
width:1100px;
height:auto;
position:relative;
}

.dritterInner {
margin:0 auto;
width:1100px;
height:auto;
position:relative;
}

.refi
{
	width:100%;
	height:auto;
	position:relative;
	color:#000;
	left:0;
	display:flex;
	justify-content:space-between;
	
	margin:40px 0
}
.refLeft
{
	width:45%;
	height:auto;
	float:none;
	margin:0 0 40px
}
.refRight
{
	width:45%;
	height:auto;
	float:right
}
.refRight img
{
	border:2px solid #ddd;
	padding:0;
	max-width:100%;
	height:auto;
}
.refRight .galerieBilderKlein img
{
	border:1px solid #ddd;
	width:120px;
	height:auto;
	padding:0
}
	#textSpalteRechts448
{
	left:-120px;
	top:18px
}
@media screen and (min-width:1000px) {
.teaserStart
{
	width:100%;
	height:auto;
	position:relative;
	margin:25px 0;
	padding:25px 0;
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.teaserflaeche
{
	list-style:none;
	width:31.33%;
	height:300px;
	position:relative;

	margin:0 0% 20px 0;
	padding:0;
	display:inline-block;
	text-align:center;
}
.teaserflaeche:nth-of-type(3n)
{
	list-style:none;
	width:31.33%;
	height:300px;
	position:relative;
	display:inline-block;
	margin:0 0 20px 0;
	padding:0;
}

.teaserflaeche a
{


	border:0px solid #ddd;
	text-decoration:none;
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	height:380px !important;
	width:100%;
	transition:1s all linear;
	margin:0;
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}


.teaserflaeche a img {
width:90%;
height:auto;
box-shadow:0px 0px 5px #000;
border-radius:5px;
}
.teaserflaeche a:hover img {
width:90%;
height:auto;
box-shadow:0px 0px 5px #555;
border-radius:5px;
}

body.cat359 .teaserflaeche a img {
width:90%;
height:auto;
box-shadow:0px 0px 0px #555;
border-radius:5px;
}
.teaserflaeche a:hover
{

	
	border:0px solid #ddd;
	text-decoration:none;
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	height:380px;
	width:100%;
	margin:0;
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}


.teaserflaeche:hover a strong
{

}

}

.teaserflaeche a strong
{
	text-decoration:none;
	display:inline-block;
	background:rgba(255,255,255,.9);
	color:#333;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	bottom:0px;
	left:0;
	height:65px;
	width:92%;
	margin:0;
	font-weight:400;
	padding:10px 4% 5px 4%;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
text-align:center;
}
#xform-formular-Dauer {
display:none;

}
.footer {
background-color:#313131;
width:100%;
height:auto;
padding:30px 30px;
text-align:center;
position:relative;
}
.footer p {
color:#fff;
text-align:center;
position:relative;
}

.footer a {
color:#fff;
}

.untenOuter {
background-color:#313131;
position:relative;
width:100%;
height:auto;
position:relative;
bottom:0;
left:0;
padding:40px 0% 50px 0%;
}

.untenInner {
width:80%;
height:auto;
font-size:1.0em;
padding:0px 0;
position:relative;
margin:0 auto 0 auto;
color:#ddd;
line-height:1.5em;
}
.untenInner a {
color:#96caff;
}
.untenInner .tinymcewysiwyg {
margin:0px;
}
.youtubeLink
{
	display:block;
	width:200px;
	height:auto;
	position:relative;
	float:none;
	min-height:200px
}

.menuButton {
display:none;

}

.galerie {
display:flex;
justify-content:space-between;
flex-flow: row wrap;
align-content:center;
justify-content:space-between;
flex-wrap : wrap;
position:relative;
}
.galerie .clr {
display:none;
}
.galerie a.galerieBilder {
	width:32%;
	height:auto;
	text-decoration:none;
	margin-right:0%;
	margin-bottom:2%;
	position:relative;
	display:inline-block;
	background-size:cover;
	background-repeat: no-repeat;
}
.galerie a.galerieBilder:hover {
	width:32%;
	height:auto;
	text-decoration:none;
	margin-right:0%;
	margin-bottom:2%;
	position:relative;
	display:inline-block;
	background-size:cover;
	background-repeat: no-repeat;
}
.galerie a.galerieBilder img {
width:100%;
height:auto;
position:relative;
visibility:hidden;
}

.xform {
width:90%;
height:auto;
padding:7px 15px 15px 15px;
margin:10px 0px 10px 0px;
display:block;

background-color:#fefefe;
min-height:370px;
right:0px;
position:relative;
z-index:10;
font-size:14px;
}

.formcheckbox input {
width:30px !important;
display:inline-block;
float:none;

}


.formcheckbox label {
height:auto;
position:relative;


}
.xform .form_warning {
color:#ff0000;

}
.formcaptcha img {
width:200px !important;
height:auto !important;
position:relative;
}

.formation label,
.xform label {
width:80%;
display:block;
height:auto;

}

form.nl-form label {
width:15%;
display:inline-block;
height:20px;

}
.xform .text {


}

.formation p,
.xform p {
padding:0px 0 5px 0;

}

.formation input,
.xform input {
width:80%;
border:1px solid #999;
height:20px;
font-size:14px;
padding:5px;

background-position:20px 0px;
font-weight:normal;

}

.nl-form .formation input {
width:60%;
border:1px solid #999;
height:20px;
font-size:14px;
padding:5px;
display:inline-block;
background-position:20px 0px;
font-weight:normal;

}
.nl-form .formation .submit,
.xform .submit,
.xform input.formsubmit {
width:60%;
height:auto;
color:#ffffff;
background-color:#000;
display:block;
font-weight: 400;
border:1px solid #999;
padding:10px 5% 10px 5%;

font-size: 18px;
font-weight: bold;
text-decoration: none;
font-weight:400;
letter-spacing: 0.1em;
}

.xform textarea {
border:1px solid #999;
width:80%;
font-size:14px;
padding:5px;

background-position:20px 50px;
height:100px;
}

.xform .formtextarea label.textarea {
width:auto;
display:block;

}

iframe {
width:100%;
height:500px;
position:relative;
margin:0 auto;
display:block;
}

ul.pagination {
list-style:none;
list-style-type: none;
margin-left:0;
padding-left:0;
margin-top:50px;
margin-bottom:100px;
width:100%;
font-size:0.8em;
text-align:center;
}
ul.pagination  li {
list-style:none;
display:inline-block;
}
.pagination a {
width: 20px;
height: 18px;
font-weight: bold;
background-color: #dddddd;
display: inline-block;
margin: 5px 3px 5px 0;
padding: 5px 2px 3px 2px;
color: #ffffff;
text-decoration: none;
text-align: center;
display:inline-block;
}

.pagination a.active {
width: 20px;
height: 18px;
font-weight: bold;
background-color: #000;
display: inline-block;
margin: 5px 3px 5px 0;
padding: 5px 2px 3px 2px;
color: #ffffff;
text-decoration: none;
text-align: center;
}

.buttonnews a {
border: none;
background-color: #000;
color: white;
padding: 20px 30px;
text-align: right;
text-decoration: none;
display: inline-block;
margin-bottom: 4%;
}

@media only screen and (min-width: 1500px) {
.teaserStart, .textRahmenVB3sp
{
	width:100%;
	height:auto;
	position:relative;

	padding:25px 0;
	margin:25px auto;
	display:block;
	text-align:center;
}

.teaserflaeche
{
	list-style:none;
	width:31.33%;
	height:400px;
	position:relative;
	display:inline-block;
	margin:0 3% 15px 0;
	padding:0;
	max-width:490px;
	text-align:center;
}
.teaserflaeche:nth-of-type(3n)
{
	list-style:none;
	width:31.33%;
	height:400px;
	position:relative;
	display:inline-block;
	margin:0 0 15px 0%;
	padding:0
}

.teaserflaeche a
{


	border:0px solid #ddd;
	text-decoration:none;
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	height:370px !important;
	width:100%;
	transition:1s all linear;
	margin:0;
	background-size:101%;
	background-position:center;
	background-repeat:no-repeat;
}

.teaserflaeche a:hover
{


	border:0px solid #ddd;
	text-decoration:none;
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	height:370px;
	width:100%;
	margin:0;
	background-size:101%;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}
.teaserflaeche a strong
{
	text-decoration:none;
	display:inline-block;
	background:rgba(255,255,255,.9);
	color:#333;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	bottom:0px;
	height:50px;
	width:92%;
	margin:0;
	padding:10px 4% 5px 4%;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}

.teaserflaeche:hover a strong
{

}

}
@media only screen and (max-width: 1100px) {
body {
margin:0;
padding:0 0 0 0;
position:relative;
font-family:roboto, sans-serif;
background-color:#fff;
font-size:12pt;
letter-spacing:0.05em;
}
#full-width-slider {
  width: 100%;
  color: #000;
  top:0;
}
.royalSlider > .rsContent {
  visibility:hidden;
}
h1 {
font-size:2em;


margin:40px 0;

}

iframe {
width:100%;
height:300px;
position:relative;
margin:0 0;
display:block;
}

h2 {
font-size:1.1em;

margin:40px 0;
}

a {
text-decoration: none;
color:#376882;
}

.mainInner p, .mainInner ul, .mainInner table {
font-family:roboto;
margin:40px 0;
color:#555;
font-weight:400;
line-height:1.4em;
}

.mainInner p strong {
font-family:roboto;
margin:40px 0;
color:#777;
font-weight:700;
}
.mainInner {
padding-top:90px;
}


.logo {
width:18%;
height:100px;
position:relative;
float:none;
padding:0 0 0 0%;
}

.logo img {
border:0;
width:100%;
height:auto;
position:relative;
}

.logoLink {
margin:0;
width:160px;
height:auto;
display:block;
padding:0px 0 0px 0;
margin-top:20px;
position:relative;
cursor:pointer;
width:160px;
height:96px;
background-image:url(../../media/werbeagentur-logo-neu.svg);
background-size:100%;
background-repeat:no-repeat;
}



.menuOuter {

width:100%;
height:auto;
position:relative;
height:115px;
background-image:none;
background-position:center 0;
background-repeat:no-repeat;
z-index:100;
}

.menu {
width:95%;
height:auto;
margin:0 auto;
position:relative;
padding:10px 0;
font-family:roboto;
min-height:70px;

}

ul.rex-navi1
{

	width:100%;
	z-index:10;
	height:50px;
	list-style:none;
	position:relative;
	top:0px;
	margin:0;
	padding:0;
	float:right;
}
ul.rex-navi1 li
{
	width:auto;
	min-width:11%;
	height:auto;
	float:none;
	font-size:12px;
	margin:0;
	padding:0
}
ul.rex-navi1 li a,
ul.rex-navi1 li a:link
{
	list-style:none;
	list-style-type:none;
	float:none;
	width:100%;
	height:60px;
	text-decoration:none;
	font-weight:600;
	font-size:1.0em;
	text-align:center;
	display:block;
	color:#ddd;
	text-shadow:none;
	margin:0 0px 0 0;
	padding:40px 10px 5px 10px;
	text-transform: uppercase;
	text-align:center;
	background-image:none;
	background-position:center 25px;
	background-repeat: no-repeat;
	overflow:hidden;

	cursor:pointer;
	-webkit-transition:background-position .1s ease;  
    -moz-transition:background-position .1s ease;  
    -o-transition:background-position .1s ease;
}

.rex-article-56 {
display:none;
}

ul.rex-navi1 li:hover a,ul.rex-navi1 li a:hover,ul.rex-navi1 li a.rex-active,ul.rex-navi1 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	float:none;
	width:auto;
	height:60px;
	text-decoration:none;
	font-weight:600;
	font-size:1.0em;
	text-align:center;
	display:block;
	color:#fff;
	text-shadow:none;
	margin:0 0px 0 0;
	padding:40px 10px 5px 10px;
	text-transform: uppercase;
	text-align:center;
	background-image:none;
	background-position:center 9px;
	background-repeat: no-repeat;
	background-color:transparent;
	-webkit-transition:background-position .1s;  
    -moz-transition:background-position .1s;  
    -o-transition:background-position .1s;
    -webkit-user-select: none; 
-webkit-touch-callout: none;

}
	ul.rex-navi1 li ul
{
	list-style:none;
	list-style-type:none;
	max-width:200px;
	display:none;
	position:absolute;
	margin:0;
	padding:3px 0 3px 0;
}
	ul.rex-navi1 li:hover ul
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:absolute;
	top:50px;
	z-index:4000;
	margin:6px 0 0;
	padding:0;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}
	ul.rex-navi1 li:hover ul li
{
	list-style:none;
	list-style-type:none;
	width:240px;
	display:block;
	position:relative;
	margin:0;
	padding:0
}
	ul.rex-navi1 li ul.rex-navi2 li a,ul.rex-navi1 li ul.rex-navi2 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:relative;
	background:#eee;
	width:200px;
	text-align:left;
	font-size:1.3em;
	color:#444;
	text-shadow:none;
	margin:0;
	padding:24px 22px
}
	ul.rex-navi1 li ul.rex-navi2 li a:hover,ul.rex-navi1 li ul.rex-navi2 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:relative;
	background:#7d7e7d;
	width:200px;
	text-align:left;
	font-size:1.3em;
	color:#fff;
	text-shadow:none;
	margin:0;
	padding:24px 22px;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}

.clr {
clear:both;

}
.bild, #social {
display:none;

}


.mainnormal {
width:100%;
height:auto;
position:relative;
margin:0 auto;
}
.mainInner {
padding:40px 5%;
width:90%;
height:auto;
position:relative;
}

.tinymcewysiwyg {
margin:40px 0;

}


.textRahmenVB3sp {
margin:40px 0;
position:relative;

}
.textRahmenVB3sp p {
font-family:roboto;
}
.textRahmenVB3sp div {
width:33%;
height:auto;
float:none;
position:relative;
text-align:center;
}
.csslider1 {
top:-20px;
position:relative;
z-index:1;
margin:0 auto !important;
}

.textRahmenVB {
width:100%;
height:auto;
position:relative;

}

.textRahmenVB .textSpalteLinksVB {
float:none;
width:45%;
height:auto;
position:relative;
}

.textRahmenVB .textSpalteRechtsVB {
float:right;
width:45%;
height:auto;
position:relative;
}

.zweiterInner {
margin:0 auto;
width:100%;
height:auto;
position:relative;
}

.dritterInner {
margin:0 auto;
width:100%;
height:auto;
position:relative;
}

.refi
{
	width:100%;
	height:auto;
	position:relative;
	color:#000;
	left:0;
	display:flex;
	justify-content:space-between;
	margin:40px 0
}
.refLeft
{
	width:45%;
	height:auto;
	float:none;
	margin:0 0 40px
}
.refRight
{
	width:45%;
	height:auto;
	float:right
}
.refRight img
{
	border:0px solid #ddd;
	padding:0
}
.refRight .galerieBilderKlein img
{
	border:0px solid #ddd;
	width:120px;
	height:auto;
	padding:0
}







.untenOuter {
background-color:#313131;
position:relative;
width:100%;
height:auto;
position:relative;
bottom:0;
left:0;
padding:50px 0%;
}

.untenInner {
width:90%;
height:auto;
font-size:1.0em;
padding:0px 0;
position:relative;
margin:0px auto 0 auto;
color:#ddd;
line-height:1.5em;
}
.untenInner a {
color:#96caff;
}

.youtubeLink
{
	display:block;
	width:200px;
	height:auto;
	position:relative;
	float:none;
	min-height:200px
}

.galerie {
display:flex;
justify-content:space-between;
flex-flow: row wrap;
}

.galerie a.galerieBilder {
	width:32%;
	height:auto;
	text-decoration:none;
	margin-right:0%;
	margin-bottom:2%;
	position:relative;
	display:inline-block;
	background-size:cover;
	background-repeat: no-repeat;
}
.galerie a.galerieBilder:hover {
	width:32%;
	height:auto;
	text-decoration:none;
	margin-right:0%;
	margin-bottom:2%;
	position:relative;
	display:inline-block;
	background-size:cover;
	background-repeat: no-repeat;
}
.galerie a.galerieBilder img {
width:100%;
height:auto;
position:relative;
visibility:hidden;
}



}



@media screen and (max-width: 1000px) {
body {
margin:0;
padding:0 0 0 0;
position:relative;
font-family:roboto, sans-serif;
background-color:#fff;
font-size:12pt;
letter-spacing:0.05em;
}

h1 {
font-size:2em;

font-weight:400;
margin:40px 0;
color: #2c67ac;
}
.mainInner {
padding-top:0px;
}



.mainInner img {
max-width:100%;
height:auto;

}

h2 {
font-size:1.1em;
max-width:100%;
margin:40px 0;
}

a {
text-decoration: none;
color:#376882;
}
#inhalt1999 {
background-color:#8b63ff;
color:#fff;
padding:20px 0;
font-size:1.2em;
}
.mainInner p, .mainInner ul, .mainInner table {
font-family:roboto;
margin:40px 0;
color:#555;
font-weight:400;
line-height:1.4em;
}
.mainInner p {
hyphens: auto;
hyphenate-limit-chars: auto 3;
hyphenate-limit-lines: 4;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}

.mainInner p strong {
font-family:roboto;
margin:40px 0;
color:#777;
font-weight:700;
}
.mainInner {
padding-top:50px;
}


.logo {
width:200px;
height:auto;
position:relative;
text-align: center;
padding:0 0 0 0%;
margin:0 auto;
display:block;
}




.logo img {
border:0;
width:100%;
height:auto;
position:relative;
}

.logoLink {
width:100%;
height:80px;
display:block;
padding:20px 0 0px 0;
margin:15px 0 7px 0;
position:relative;
text-align: center;
display:inline-block;
}



.menuOuter {

width:100%;
height:auto;
position:relative;
background-color: #333;
background-image:none;
background-position:center 0;
background-repeat:no-repeat;
z-index:100;
}

.menuButton {
width:100%;
height:auto;
position:relative;
display:block;

}
.menuButton button {
position:relative;
background-image:url(../../media/menuebutton.png);
width:40px;
height:30px;
border:0;
background-color:transparent;
position:relative;
margin:10px auto 10px auto;
display:block;
background-position:center;
outline:0;
border:none;
background-repeat:no-repeat;
padding:0;
}

.menuButton button.active {
position:relative;
background-image:url(../../media/menuebutton.png);
width:40px;
height:30px;
border:0;
background-color:transparent;
position:relative;
margin:10px auto 10px auto;
display:block;
background-repeat:no-repeat;

}
.menu {
width:100%;
height:auto;
margin:0 auto;
position:relative;
padding:10px 0;
font-family:roboto;
min-height:70px;
display:block;
}

ul.rex-navi1
{
width:100%;
height:auto;
z-index:10;
list-style:none;
position:relative;
top:0px;
margin:0;
padding:10px 0;

clear:both;
display:block;
height:0;
overflow:hidden;
opacity:0;
-webkit-transition: height 1s ease;
-moz-transition: height 1s ease;
-o-transition: height 1s ease;
transition: height 1s ease;
background-color: #333;

}

ul.open {
width:100%;
height:auto;
margin:0 auto;
position:relative;
padding:10px 0;
font-family:roboto;
display:block;

opacity:1.0;
height:450px;
-webkit-transition: height 1s ease;
-moz-transition: height 1s ease;
-o-transition: height 1s ease;
transition: height 1s ease;
}

ul.rex-navi1 li
{
	width:100%;
	min-width:11%;
	height:auto;

	font-size:12px;
	margin:0;
	padding:0;
	
	position:relative;
	display:block;
}
ul.rex-navi1 li a,
ul.rex-navi1 li a:link
{
	list-style:none;
	list-style-type:none;
	float:none;
	width:100%;
	height:30px;
	text-decoration:none;
	font-weight:600;
	font-size:1.0em;
	text-align:center;
	display:block;
	color:#ddd;
	text-shadow:none;
	margin:0 0px 0 0;
	padding:18px 0 0px 0;
	text-transform: uppercase;
	text-align:center;
	background-image:none;
	background-position:center 25px;
	background-repeat: no-repeat;
	overflow:hidden;

	cursor:pointer;
	-webkit-transition:background-position .1s ease;  
    -moz-transition:background-position .1s ease;  
    -o-transition:background-position .1s ease;
    	position:relative;
    	border-bottom:1px solid #999;
}

.rex-article-56 {
display:none;
}

ul.rex-navi1 li:hover a,ul.rex-navi1 li a:hover,ul.rex-navi1 li a.rex-active,ul.rex-navi1 li.rex-current a
{
list-style:none;
	list-style-type:none;
	float:none;
	width:100%;
	height:30px;
	text-decoration:none;
	font-weight:600;
	font-size:1.0em;
	text-align:center;
	display:block;
	color:#ddd;
	text-shadow:none;
	margin:0 0px 0 0;
	padding:18px 0 0px 0;
	text-transform: uppercase;
	text-align:center;
	background-image:none;
	background-position:center 25px;
	background-repeat: no-repeat;
	overflow:hidden;
	cursor:pointer;
	-webkit-transition:background-position .1s ease;  
    -moz-transition:background-position .1s ease;  
    -o-transition:background-position .1s ease;
    -webkit-user-select: none; 
-webkit-touch-callout: none;
}
	ul.rex-navi1 li ul
{
	list-style:none;
	list-style-type:none;
	max-width:200px;
	display:none;
	position:absolute;
	margin:0;
	padding:3px 0 3px 0;
}
	ul.rex-navi1 li:hover ul
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:absolute;
	top:50px;
	z-index:4000;
	margin:6px 0 0;
	padding:0;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}
	ul.rex-navi1 li:hover ul li
{
	list-style:none;
	list-style-type:none;
	width:240px;
	display:block;
	position:relative;
	margin:0;
	padding:0;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}
	ul.rex-navi1 li ul.rex-navi2 li a,ul.rex-navi1 li ul.rex-navi2 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:relative;
	background:#eee;
	width:200px;
	text-align:left;
	font-size:1.3em;
	color:#444;
	text-shadow:none;
	margin:0;
	padding:24px 22px
}
	ul.rex-navi1 li ul.rex-navi2 li a:hover,ul.rex-navi1 li ul.rex-navi2 li.rex-current a
{
	list-style:none;
	list-style-type:none;
	display:block;
	position:relative;
	background:#7d7e7d;
	width:200px;
	text-align:left;
	font-size:1.3em;
	color:#fff;
	text-shadow:none;
	margin:0;
	padding:24px 22px;
	-webkit-user-select: none; 
-webkit-touch-callout: none;
}





.clr {
clear:both;

}
.bild, #social {
display:none;

}


.mainnormal {
width:100%;
height:auto;
position:relative;
margin:0 auto;
}
.mainInner {
padding:40px 5%;
width:90%;
height:auto;
position:relative;
}


.tinymcewysiwyg {
margin:40px 0;

}


.textRahmenVB3sp {
margin:40px 0;
position:relative;

}
.textRahmenVB3sp p {
font-family:roboto;
}
.textRahmenVB3sp div {
width:100%;
height:auto;

position:relative;
text-align:center;
margin-bottom:50px;
}
.csslider1 {
top:-20px;
position:relative;
z-index:1;
margin:0 auto !important;
}

.textRahmenVB {
width:100%;
height:auto;
position:relative;

}

.textRahmenVB .textSpalteLinksVB {

width:100%;
height:auto;
position:relative;
}

.textRahmenVB .textSpalteRechtsVB {

width:100%;
height:auto;
position:relative;
}

.zweiterInner {
margin:0;
width:100%;
height:auto;
position:relative;
}

.dritterInner {
margin:0;
width:100%;
height:auto;
position:relative;
}

.refi
{
	width:100%;
	height:auto;
	position:relative;
	color:#000;
	left:0;
	display:block;
	margin:0px 0
}
.refLeft
{
	width:100%;
	height:auto;
	float:none;
	margin:0 0 40px 0
}

.refLeft h1 {
margin-top:0;
}

.refRight
{
	width:100%;
	height:auto;
	float:right
}
.refRight img
{
	border:0px solid #ddd;
	padding:0
}
.refRight .galerieBilderKlein img
{
	border:0px solid #ddd;
	width:120px;
	height:auto;
	padding:0
}
	#textSpalteRechts448
{
	left:-120px;
	top:18px
}

.teaserStart
{
	width:100%;
	height:auto;
	position:relative;
	margin:25px 0;
	padding:25px 0;
	display:block;
	justify-content:space-between;
}

.teaserflaeche
{
	list-style:none;
	width:100%;
	height:auto;
	min-height:250px;
	position:relative;
	
	margin:0 0% 20px 0;
	padding:0;

}

.teaserflaeche:nth-child(2n)
{
	list-style:none;
	width:100%;
	height:auto;
	min-height:250px;
	position:relative;
	
	margin:0 0% 20px 0;
	padding:0;

}
.teaserflaeche:nth-child(3n)
{
	list-style:none;

	position:relative;
	float:none;
	margin:0 0% 20px 0;
	padding:0;
	width:100%;
	height:auto;
	min-height:250px;
}

.teaserflaeche:nth-of-type(3n)
{
	list-style:none;
	width:100%;

	position:relative;
	display:inline-block;
	margin:0 0 20px 0;
	padding:0;
	height:auto;
	min-height:250px;
}

.teaserflaeche a
{
	
	overflow:visible;
	border:0px solid #ddd;
	text-decoration:none;
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	height:auto;
		min-height:280px;
	width:100%;
	transition:1s all linear;
	margin:0 0 0px 0;
	background-size:101%;
	background-position:center;
	background-repeat:no-repeat;
}

.teaserflaeche a:hover
{
	
	overflow:visible;
	border:0px solid #ddd;
	text-decoration:none;
	display:block;
	color:#FFF;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	height:auto;
		min-height:290px;
	width:100%;
	transition:1s all linear;
	margin:0 0 0px 0;
	background-size:101%;
	background-position:center;
	background-repeat:no-repeat;
}
.teaserflaeche a strong
{
	text-decoration:none;
	display:inline-block;
	background:rgba(255,255,255,1);
	color:#333;
	text-transform:uppercase;
	font-size:1em;
	position:relative;
	bottom:0px;
	height:65px;
	width:92%;
	margin:0;
	padding:10px 4% 5px 4%;
}






.untenOuter {
background-color:#313131;
position:relative;
width:90%;
height:auto;
bottom:0;
left:0;
margin:0;
padding:30px 5%;
color:#ddd;

}

.untenInner {
width:90%;
height:auto;
font-size:0.8em;
padding:0 5%;
position:relative;
margin:20px 0 0 0;
line-height:1.7em;
}

.untenInner .tinymcewysiwyg {
margin:20px 0 0 0;
text-align:center;
margin:0;

}
.youtubeLink
{
	display:block;
	width:200px;
	height:auto;
	position:relative;
	float:none;
	min-height:200px
}
.galerie {
display:flex;
justify-content:space-between;
flex-flow: row wrap;
}

.galerie a.galerieBilder {
	width:48%;
	height:auto;
	text-decoration:none;
	margin-right:0%;
	margin-bottom:2%;
	position:relative;
	display:inline-block;
	background-size:cover;
	background-repeat: no-repeat;
}
.galerie a.galerieBilder:hover {
	width:48%;
	height:auto;
	text-decoration:none;
	margin-right:0%;
	margin-bottom:2%;
	position:relative;
	display:inline-block;
	background-size:cover;
	background-repeat: no-repeat;
}
.galerie a.galerieBilder img {
width:100%;
height:auto;
position:relative;
visibility:hidden;
}

}



.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(100, 100, 100, 0.8) url(../back-to-top/img/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:1000;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 40px;
    bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 40px;
    bottom: 40px;
  }
}


@media screen and (min-width:600px) and (max-width:1000px) and (orientation: landscape) {

.logo {
width:30%;
height:auto;
position:relative;

padding:0 0 0 0%;
margin:0 auto;
display:block;
}

.menuButton button {
margin: 10px 0;
position: relative;
background-image: url(../../media/menuebutton.png);
width: 40px;
height: 30px;
border: 0;
background-color: transparent;
position: relative;
margin: 20px auto 20px auto;
display: block;
padding:10px;
background-position:center;
background-repeat:no-repeat;
}



}

#popup {
visibility:hidden;
}
#inhalt2207 {
display:none;
background-color:#d4e1ff;
}

#inhalt2207 button, input.btn-primary {
width: 100%;
height: auto;
color: #fff;
background-color: #718cc9;
display: block;
border: 0px solid #000000;
padding: 14px 5% 10px 5%;
border-radius: 0px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
letter-spacing: 0.1em;
margin-top: 22px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
}

body#body526 .logo {
display:inline;
text-align: center;
position:relative;
margin:10px auto;
padding:20px 0;
}
body#body526 .logo .logoLink {
display:inline-block;
position:relative;
}

body#body526 .menu {
text-align: center;
position:relative;
}
body#body526 .menu ul {
text-align: center;
}
body#body526 .menuButton {
display:none;
}
}

a {
color:#3c9dff;
text-decoration:none;
}
a.abtn {
width:auto;
padding:13px 30px 5px 30px;
height:33px;
background-color:#3c9dff;
color:#fff;
vertical-align:middle;
display:inline-block;

text-align:center;
}

.untenInner a {
color: #3c9dff;
}

ul.rex-navi1 li.rex-current a {
color:#3c9dff;
}
.mainnormal {
width:90%;
height: auto;
position: relative;
margin: 0 auto;
}
.textRahmenVB h1 {
text-transform:none;
font-weight:400;
font-size:3em;
margin-top:10px;
margin-bottom:10px;
}
.textRahmenVB h2 {
text-transform:none;
font-weight:400;
color:#3c9dff;
font-size:2.3em;
margin-top:10px;
margin-bottom:10px;

}