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

/* ################################################################## */
/* HTML Standard Tags */
/* ################################################################## */

body, html { margin:0; padding:0; width:100%; height:100%;}

h2 { text-transform:uppercase; text-align:center; margin:80px auto 5px auto; font-size:35px;}
.ud_h2_balken { margin:0 auto 10px auto; height:5px; width:80px;}
.ud_h3_balken { margin:0 auto 20px auto; height:3px; width:80px;}

.ud_button { text-transform:uppercase; padding:10px 20px 6px 20px; display:inline-block; margin:10px 0 20px 0;}

a { text-decoration:none;}

/* ################################################################## */
/* Zusammengefasste Klassen */
/* ################################################################## */

footer, header, #UberUns, #Partner, #Blog/*, #Videos*/
{ background:#fff;}
/* #UberUns2
{ background: #eee; }*/

 #Partner .ud_partner .ud_tag_line .ud_h3_balken, #UberUns .flex-container .ud_UberUns-panel .ud_tag_line .ud_h3_balken, #Videos .ud_h2_balken
{ background:#111;}

.ud_page
{ background:#eee;}


#Kontakt h2, #Startseite h2, #Startseite p, #Startseite .ud_button, #Kontakt .ud_kontakt, #Kontakt .ud_kontakt a, #Partner .ud_partner .ud_tag_line h3, #Partner .ud_partner .ud_tag_line p, #UberUns .flex-container .ud_UberUns-panel .ud_tag_line h3, #UberUns .flex-container .ud_UberUns-panel .ud_tag_line p
{ color:#111111;}

p, a, header nav ul li a, header nav ul li, header #ud_kontakt_icon .ud_kontakt_icon
{ color:#111;}

footer, footer a
{ color:#666;}

#UberUns h2,#UberUns2 h2, #Partner h2, header nav ul li a:hover, header #ud_kontakt_icon .ud_kontakt_icon:hover
{ color:#111;}

#Startseite .ud_h2_balken, #Kontakt .ud_h2_balken, #UberUns .ud_h2_balken, #UberUns2 .ud_h2_balken, #Partner .ud_h2_balken
{ background:#111;}

p, header nav ul li, .ud_button, footer , #Kontakt .ud_kontakt, li
{font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-weight:300; line-height:25px; word-spacing:3px;}

h2,h3, h4, #UberUns h3,#UberUns2 h3,#Videos h3, #Partner .ud_partner .ud_tag_line h3, #UberUns .ud_UberUns-panel .ud_tag_line h3
{font-family:"Arimo", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";}

header, header #ud_kontakt_icon, #ud_kontakt_icon .ud_kontakt_icon, header nav ul li a, header nav ul, header #ud_logo, header #ud_kontakt_icon .ud_kontakt_icon span
{ transition:all 300ms; -moz-transition:all 300ms; -ms-transition:all 300ms; -o-transition:all 300ms; -transition:all 300ms;}

/* ################################################################## */
/* Umfassende Objekte & Klassen */
/* ################################################################## */

.ud_page_wrap { width:100%; min-height:100%; overflow:hidden; float:left;}
.ud_page { width:100%; height:auto; overflow:hidden; float:left;}
.ud_page_wrapBlog { width:100%; min-height:50%; overflow:hidden; float:left;}
.ud_pageBlog { width:100%; height:auto; overflow:hidden; margin: auto;}
/* ################################################################## */
/* Header */
/* ################################################################## */

header { position:fixed; z-index:99; top:0; left:0; right:0; width:100%; height:40px; border-bottom:1px solid #dfdfdf;}

header #ud_logo { float:left; width:55px; margin:10px 0 0 12px;}
header #ud_logo img { width:100%; height:auto;}

header #ud_kontakt_icon { float:right; width:72px; height:40px;}
header #ud_kontakt_icon .ud_kontakt_icon { font-size:12px; width:35px; height:40px; border-left:1px solid #dfdfdf; float:left; margin:0; padding:0;}
header #ud_kontakt_icon .ud_kontakt_icon span { display:block; margin:12px 0 0 8px; cursor:pointer;}

header nav { float:right; height:40px; margin:0; padding:0;}
header nav ul { margin:10px 8px 0 0; padding:0; }
header nav ul li { margin:0 10px 0 0; padding:0; list-style:none; float:left;}
header nav ul li a { text-transform:uppercase; font-size:14px;}
header nav #ud_logo { width:80px; margin: 4px 0;}

/* ########### 

header:hover { height:70px; }

header:hover > #ud_logo { width:140px; margin:15px 0 0 20px;}

header:hover > #ud_kontakt_icon { width:142px; height:70px;}
header:hover > #ud_kontakt_icon .ud_kontakt_icon {width:70px; height:70px;}
header:hover > #ud_kontakt_icon .ud_kontakt_icon span { margin:26px 0 0 26px; font-size:15px;}

header:hover > nav ul { margin:26px 20px 0 0;}
header:hover > nav ul li a { font-size:15px;}
*/

/* ################################################################## */
/* Startseite */
/* ################################################################## */

#StartseiteBlog{ background:url(../pics/KamerundZauberer.jpg); background-position:center center; background-size:cover; background-attachment: fixed;}

#StartseiteBlog #ud_intro h2 { text-align:left; margin-left:50px; font-size:100px; line-height:110px;}
#StartseiteBlog #ud_intro img { width:250px; height:auto;}
#StartseiteBlog #ud_intro h3 { text-align:left; margin-left:50px; font-size:0px; line-height:110px;}

#Startseite { background:url(../pics/KamerundZauberer.jpg); background-position:center center; background-size:cover; background-attachment:fixed;}
#Startseite #ud_intro { position:absolute; bottom:50px; left:50px;}
#Startseite #ud_intro h2 { text-align:left; margin:0; font-size:100px; line-height:110px;}
#Startseite #ud_intro img { width:25%; height:auto;}
#Startseite #ud_intro .ud_h2_balken { margin:10px 0 20px 0;}
#Startseite #ud_intro p { margin:0 0 30px 0; max-width:300px;}
#Startseite #ud_intro .ud_button { border:2px solid #111;}
#Startseite #ud_intro .ud_button { border:2px solid #111;}

	@media screen and (max-width: 600px) {
		#Startseite #ud_intro { left:10%; width:80%;}
		#Startseite #ud_intro h2 { text-align:left; margin:0; font-size:55px; line-height:55px;}
	
		#Startseite #ud_intro p { max-width:300px; width:100%; text-align:justify;}
	}

/* ################################################################## */
/* Ueber uns */
/* ################################################################## */
/*#flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}*/
.flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.ud_UberUns-panel {
  display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;

  width: 30%;
  padding: 0px 10px 0px 0px;
  float: left;
  margin: 1%;
background-color: #EEE;
}


#UberUns #ud_logoTitle { width:250px; margin:9px 0 0 8px;}
#UberUns #ud_logoTitle img { width:100%; height:auto;}
#UberUns h3 { text-transform:uppercase; text-align:center; margin:20px auto 5px auto; font-size:24px;}
#UberUns .ud_UberUns100 { margin:40px 8% 0 8%; text-align:center;}

#UberUns .clear { clear: both; padding-bottom: 1%;}
#UberUns2 .ud_UberUns100 { margin:40px 8% 0 8%; text-align:center;}


/* neu */
#UberUns .ud_UberUns ul { width:90%; height:80%; margin:auto auto; padding:00px 0px;}
#UberUns .ud_UberUns ul li {position:relative; list-style:none; width:30%; margin:0 5% 0 0; float:left; background-position:left bottom; background-size:cover; background-attachment: fixed;  min-height:320px;}

#UberUns .ud_UberUns ul li:last-child { margin:0 0 0 0;}


#UberUns .ud_UberUns ul li ul { width:100%; height:auto; margin:0; padding:0;}
#UberUns .ud_UberUns ul li ul li{ list-style:disc; width:100%;  margin:0 5% 0 0; float:left; background-position:left bottom; background-size:cover; background-attachment: fixed; min-height:auto; }

#UberUns .ud_UberUns ul li .ud_tag_line { position:absolute; top:25px; width:80%; left:25px;}
#UberUns .ud_UberUns .ud_tag_line .ud_h3_balken { margin:0 0 10px 0;}
#UberUns .ud_UberUns ul li .ud_tag_line p { margin:0; padding:0;}
#UberUns .ud_UberUns ul li .ud_tag_line h3 { /*text-transform:uppercase;*/ font-size:24px; margin:0 0 10px 0; }

@media screen and (max-width: 800px) {
	.ud_UberUns-panel {
		width: 95%;
	}
}@media screen and (max-width: 920px) {
	.ud_UberUns-panel {
		margin: 5px;
	}
}
/*@media screen and (max-width: 600px) {
		#UberUns .ud_UberUns ul { width:90%; height:80%; margin:0 auto; padding:20px;}
		#UberUns .ud_UberUns ul li { position:relative; list-style:none; width:90%; margin:0 5% 0 0; float:left; background-position:left bottom; background-size:cover; background-attachment: fixed; min-height:300px; padding:5px;}
}*/
@media screen and (max-width: 1100px) {
	/*#UberUns .ud_UberUns1 , */ #UberUns .ud_UberUns2, #UberUns .ud_UberUns3{padding: 0 0 20px 0;}
	#UberUns .ud_UberUns ul { width:90%; /*height:80%;*/ margin: 20px 0 20px 0; padding:10px 10px;}
	/*	#UberUns .ud_UberUns ul li { position:relative; list-style:none; width:95%; margin: 0 5% 0 0; float:left; background-position:left bottom; background-size:cover; background-attachment: fixed; min-height:250px;}*/ 
	
	#UberUns .ud_UberUns article p { text-align:justify;}
		#UberUns .ud_UberUns { width:80%; float:left; margin:50px 10% 0 10%;}
		#UberUns .ud_UberUns:last-child { width:80%; float:left; margin:50px 10% 0 10%;}
		#UberUns .ud_UberUns article { margin:20px 0 0 0;}
		#UberUns .ud_motto_bg article .ud_motto { font-size:27px; line-height:22px; width:70%; margin:20px 0 20px 0; }
		
		#UberUns2 .ud_UberUns article p { text-align:justify;}
	/*	#UberUns2 .ud_UberUns { width:80%; float:left; margin:50px 10% 0 10%;}
		#UberUns2 .ud_UberUns:last-child { width:80%; float:left; margin:50px 10% 0 10%;}
		#UberUns2 .ud_UberUns article { margin:20px 0 0 0;}
		#UberUns2 .ud_motto_bg article .ud_motto { font-size:27px; line-height:22px; width:70%; margin:20px 0 20px 0; }*/
	}

	/*@media screen and (min-width: 800px) {
		#UberUns .clear {clear: none;padding-bottom: 0;}
	}*/
	/*@media screen and (min-width: 1400px) {
		#UberUns .ud_UberUns ul li {min-height:400px;}
	}*/
	
	/*@media screen and (min-width: 1600px) {
		#UberUns .clear {clear: none;}
		#UberUns .ud_UberUns ul { width:90%; height:80%; margin:0 auto; padding:20px;}
		#UberUns .ud_UberUns ul li { position:relative; list-style:none; width:30%; margin:0 5% 0 0; float:left; background-position:left bottom; background-size:cover; background-attachment: fixed; min-height:360px;}
		
		#UberUns .ud_motto_bg article .ud_motto { font-size:40px; line-height:90px; width:70%;}
		#UberUns .ud_UberUns article p { width:70%; font-size:18px; line-height:25px; margin:0 auto 35px auto;}
		
		#UberUns2 .ud_motto_bg article .ud_motto { font-size:40px; line-height:90px; width:70%;}
		#UberUns2 .ud_UberUns article p { width:70%; font-size:18px; line-height:25px; margin:0 auto 35px auto;}
	}*/

	@media screen and (min-width: 1700px) {
		#UberUns .ud_UberUns100 { width: 70%;margin: auto;}
		/*#UberUns .ud_UberUns ul { width:90%; height:80%; margin:0 auto; padding:20px;}
		#UberUns .ud_UberUns ul li { position:relative; list-style:none; width:30%; margin:0 5% 0 0; float:left; background-position:left bottom; background-size:cover; background-attachment: fixed; min-height:350px;}
		#UberUns .ud_motto_bg article .ud_motto { font-size:50px; line-height:90px; width:70%;}
		#UberUns .ud_UberUns article p { width:70%; font-size:20px; line-height:30px; margin:0 auto 35px auto;}
		
		#UberUns2 .ud_motto_bg article .ud_motto { font-size:50px; line-height:90px; width:70%;}
		#UberUns2 .ud_UberUns article p { width:70%; font-size:20px; line-height:30px; margin:0 auto 35px auto;}*/
	}
/*	@media screen and (min-width: 1900px) {
		
		#UberUns .ud_UberUns ul { width:90%; height:80%; margin:0 auto; padding:20px;}
		#UberUns .ud_UberUns ul li { position:relative; list-style:none; width:30%; margin:0 5% 0 0; float:left; background-position:left bottom; background-size:cover; background-attachment: fixed; min-height:320px;}
	}*/
	@media screen and (min-width: 2300px) {
		#UberUns .ud_UberUns100 { width: 60%;margin: auto;}
		/*#UberUns .ud_motto_bg article .ud_motto { font-size:60px; line-height:90px; width:70%;}
		#UberUns .ud_UberUns article p { width:70%; font-size:22px; line-height:35px; margin:0 auto 35px auto;}
		
		#UberUns2 .ud_motto_bg article .ud_motto { font-size:60px; line-height:90px; width:70%;}
		#UberUns2 .ud_UberUns article p { width:70%; font-size:22px; line-height:35px; margin:0 auto 35px auto;}*/
	}
#Videos h3 { text-transform:uppercase; text-align:center; margin:20px auto 5px auto; font-size:24px;}
.ud_page .ud_content { width:30%; margin:auto auto; padding:5px 15px; float: left; background: #fff; border-bottom:#000000 thin solid;}  /* wenn Sidebar-BlogR eingebunden: width:40%;*/
/* ################################################################## */
/* Partner */
/* ################################################################## */

#Partner .ud_partner { width:95%; margin:2.5% auto 2.5% auto;}
/*#Partner .ud_partner ul { width:100%; height:100%; margin:0; padding:0;}*/
#Partner .ud_partner ul { width:100%; height:80%; margin:0; padding:0;}
#Partner .ud_partner ul li { position:relative; list-style:none; width:80%; margin:0 auto;  background-position:left bottom; background-size:cover; background-attachment: fixed; min-height: 400px;}
#Partner .ud_partner ul li:last-child { margin:-30px auto 30px auto;}

#Partner .ud_partner ul li .ud_tag_line { position:absolute; top:25px; width:80%; left:25px;}
#Partner .ud_partner .ud_tag_line .ud_h3_balken { margin:0 0 10px 0;}
#Partner .ud_partner ul li .ud_tag_line p { margin:0px auto; padding:0;}
#Partner .ud_partner ul li .ud_tag_line h3 { /*text-transform:uppercase;*/ font-size:30px; margin:0 0 10px 0;}

@media only screen and (max-width: 568px){
	#Partner .ud_partner /*ul li*/ { position:relative; width:100%; margin:0 auto;  min-height: 820px;}
	/*#Partner .ud_partner ul li:last-child { margin:-30px auto -30px auto;}*/
}
@media only screen and (max-width: 800px){
	#Partner .ud_partner /*ul li */{ position:relative; width:80%; margin:0 auto;  min-height: 620px;}
	/*#Partner .ud_partner ul li:last-child { margin:-30px auto -30px auto;}*/
}
@media only screen and (max-width: 1199px){
	#Partner .ud_partner /*ul li */{ position:relative; width:80%; margin:0 auto;  min-height: 500px;}
	/*#Partner .ud_partner ul li:last-child { margin:-50px auto -30px auto;}*/
}

@media only screen and (max-width: 1599px){
	#Partner .ud_partner /*ul li */{ position:relative; width:70%; margin:0 auto;  min-height: 400px;}
	/*#Partner .ud_partner ul li:last-child { margin:-50px auto -30px auto;}*/
}
@media only screen and (max-width: 6699px){
	#Partner .ud_partner /*ul li */{ position:relative; width:60%; margin:0 auto;  min-height: 400px;}
	/*#Partner .ud_partner ul li:last-child { margin:-50px auto -30px auto;}*/
}
/* ################################################################## */
/* Kontakt */
/* ################################################################## */

#Kontakt { position:relative; /*background:url(../images/bg_kontakt.jpg);*/ background-position:center center; background-size:cover; background-attachment: fixed;}

#Kontakt .ud_kontakt { width:100%; text-align:center;min-height:420px;}
#Kontakt .ud_kontakt ul { margin:40px 0 10px 0; padding:0;}
#Kontakt .ud_kontakt ul li { margin:0 0 10px 4; padding:0; list-style:none; font-size:17px;}
#Kontakt .ud_kontakt ul li a { text-decoration:underline;}

#Kontakt footer { position:absolute; bottom:0; left:0; width:100%; height:270px; text-align:center; padding:10px 0 0 0; font-size:10px;}
#Kontakt footer .ud_logo { width:100%;}
#Kontakt footer .ud_logo img { width:80px; height:auto;}
#Kontakt footer .ud_logo_efre img { width:130px;}
#Kontakt footer #ud_copyright { margin: -5px 0 0 0; padding:0;}
#Kontakt footer #ud_meta_nav { margin:20px 0 0 0;}
#Kontakt footer #ud_meta_nav ul { margin:0; padding:0;}
#Kontakt footer #ud_meta_nav ul li { margin:0; padding:0 2px 0 2px; list-style:none; display:inline; border-right:1px solid #666;}
#Kontakt footer #ud_meta_nav ul li:last-child { border:none;}

	@media screen and (max-width: 800px) {
		#Kontakt .ud_kontakt { width:100%; text-align:center;min-height:220px;}
		#Kontakt .ud_kontakt ul { margin:25px 0 0 0;}
		#Kontakt .ud_kontakt ul li { margin:0 0 10px 4; padding:0; list-style:none; font-size:11px;}
		#Kontakt footer { height:110px; padding:20px 0 0 0;}
		#Kontakt footer #ud_meta_nav  { margin:0;}
	}


#Blog .ud_Blog {  width:100%; /* justify-content: center;*/ }

#Blog {padding-top: 50px;}
#Blog .ud_BlogL { width:56%; margin:auto auto/*5px 0% 20px 20%*/; padding:5px 15px; float: center; background: #fff; border-bottom:#000000 thin solid;}  /* wenn Sidebar-BlogR eingebunden: width:40%;*/
#Blog .ud_Blog1 article { float: left; margin-bottom: 10px; background: #fff;}
#Blog .ud_BlogL h2, #Blog .ud_BlogR h2 {font-size: 25px; margin-top:10px; }
#Blog .ud_BlogL h2  {text-align: left; }
#Blog .ud_BlogL h4  {text-align: left;font-size: 12px; margin:0px;}
#Blog .ud_blog1 img { height:220px; width: 220px; margin:5px 4% 0 0%; float: left;}
/*
#Blog .ud_BlogR { width:15%; margin:5px 3% 20px 3%; float: left; }

#Blog .ud_BlogR .ud_bar1 { background: #eee; padding:5px 15px;}
#Blog .ud_BlogR .ud_bar2 { background: #eee; padding:0px 15px; margin-top:10px; }
#Blog .ud_BlogR .ud_bar2 h2 { padding:10px 0 0 0; }*/

@media screen and (max-width: 900px) {
	#Blog .ud_BlogL { width:96%;}
}