/*dsgvo - 2018*/

/* in form */
.reveal .ds-link-in-label {
	color: #333;
}
.reveal .ds-link-in-label:hover, .reveal .ds-link-in-label:active {
	color: #0086b4;
}


/* normal, ohne reveal, z.b. an phone*/

/* !! an phone extra stylen */

.ds-link-in-label {
	color: #333;
}
.ds-link-in-label:hover, .ds-link-in-label:active {
	color: #0086b4;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #4b545f !important;/* grau wie schrift*/
	/*background: #c86604 !important;/**/
    color: #fff  !important;
}


/* DS vorschaltung, neues ds-gesetz */
.ds-vorschaltung {
	display: none;
	/*position: fixed;*/
	margin: 0px auto;
	top: 30%;
	/*left: 15%;*/
	width: auto !important;
	height: 300px;
	z-index: 10000;
}

.ds-vorschaltung table{
	margin: 0px auto;
}



@media (max-width:640px) {
	.ds-vorschaltung {
		left: 5%;
		width: 90%;
	}
}

		.dsListWrapper {
			clear: both;
			display: table;
			position: relative;
			width: 100%;
			margin: 50px auto 0px auto;
		}
		.dsList {
			width: 100%;
			max-width: 640px;
			/* background-image: url(../images/bg_papersheet.jpg); */
			background-size: 100% 391px;
			padding: 18px 0 10px 0;
			margin: 0px auto 0px auto;
			background-color: #fff;
				border: 3px solid #bb0000;
		}
	.ds-inner {
				background-color: #fffff0;
				border: 4px solid brown;
				/*width: 100%;*/
				/*height: 300px;*/
	}
	.close-text {
		position: relative;
		/*top: 20px;
		left: 280px;*/
		font-size: 1.2em;
		color: #000;	
		cursor: pointer;	
	}
	.ds-vorschaltung .dsList {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
/* ende DS vorschaltung */









.footer-link {
	font-family: inherit;
	color: #fff;
}
.footer-link:hover, .footer-link:active {
	color: #aaa;
}
.displ-inline {
	display: inline !important;
}
.footer-link.de-link, .footer-link.en-link, .footer-link.fr-link {
	display: none;
}

.footer-link-phone{
	font-family: inherit;
	/*color: #fff;*/
}
.footer-link-phone:hover, .footer-link-phone:active {
	color: #aaa;
}

/*TEST*/
/*
   @media screen and (orientation: portrait) {
	#header {border-bottom: 1px solid red !important;}
	}

   @media screen and (orientation: landscape) {
     #header {border-bottom: 1px solid green !important;}
	}
*/
/* ende test */


	

* {
	margin: 0;
	padding: 0;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
min-height:12px;
	/*font: 12px Arial, Verdana, Tahoma, sans-serif;
	*/
	font-size:12px;
	/*font-family:Arial, Verdana, Tahoma, sans-serif;*/
			font-family: times, helvetica, arial, verdana, sans-serif;
			/*x-height:58px;*/
	/*background-color:#ffffff;*/
	color:#333333;
	/* background: url('../images/elemente_std/himmel.jpg');*/
}

h1 {
font-size:12px;
/*font-variant:small-caps;*/
}


body, p, div, span, td  { color:#000000;} /* alles erstmal grau */

/* DEBUG: DIV border */
div { border:0px solid black; }
.reveal div { border:0px solid black; }

table {
font-size:1em;
}
a {
	color: #4b545f;
	font-family:'trajan pro bold', serif;
	/*font-variant:small-caps;*/
	outline: none;
	text-decoration: none;
}
a:hover {
	color:#ffffff;
	text-decoration: none;
}

.reveal a {
	color: #c1c1c1;
	outline: none;
	text-decoration: none;
}
.reveal a:hover {
	color:#ffffff;
	text-decoration: none;
}


/* schriften 
----------------------*/
p, textarea, input {
font-family: TradeGothicLT, arial, verdana, sans-serif;
color:#333333;
/*font-size:1.7em;*/
font-size:1.45em;
line-height:1.25em;
}
.reveal p, textarea, input {
font-family: TradeGothicLT, arial, verdana, sans-serif;
color:#333333;
/*font-size:1.7em;*/
font-size:1.45em;
/* line-height:2.125em; */ /* lars - def */
line-height:1.25em;
}

p.small {
font-family: TradeGothicLT, arial, verdana, sans-serif;
color:#333333;
font-size:1.0em;
line-height:1.25em;
}
.reveal p.small {
font-family: TradeGothicLT, arial, verdana, sans-serif;
color:#333333;
font-size:1.0em;
line-height:1.25em;
}

.tele {width:100px; margin-right:12px; float:left; display:block;}
.reveal .tele {width:100px;  margin-right:12px; float:left; display:block;}

h1 {
/* font-family:arial; */
font-family: Trajan Pro Bold, times, serif;
/*font-variant:small-caps;*/
color:#4B545f;
/*font-size:6.5em;
line-height:8.125em; */ /* die VORGABE von Lars */

/*font-size:4.5em; */
font-size:3.225em; /* vorher 3.825em */
line-height:1.2em /* wegen muss erst noch angepasst werden */

/*white-space:nowprap;*/
}

.reveal h1 {
/* font-family:arial; */
font-family: Trajan Pro Bold, times, serif;
/*font-variant:small-caps;*/
color:#4B545f;

/*font-size:6.5em;
line-height:8.125em; */ /* die VORGABE von Lars */

/*font-size:4.5em; */
font-size:3.225em; /* vorher 3.825em */
line-height:1.2em /* wegen muss erst noch angepasst werden */

/*white-space:nowprap;*/
}

h2 {
/* font-family:arial; */
font-family: Trajan Pro Bold, times, serif;
/*font-variant:small-caps;*/
color:#4B545f;
font-size:4.5em;
line-height:5.625em;
}

.reveal h2 {
/* font-family:arial; */
font-family: Trajan Pro Bold, times, serif;
/*font-variant:small-caps;*/
color:#4B545f;
font-size:4.5em;
line-height:5.625em;
}


.text2 {
font-family: helvetica, EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
font-size:2em;
}
.reveal .text2 {
font-family: helvetica, EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
font-size:2em;
}


.sub-navi-schild-link {
font-size:18px !important; 
text-align:center !important
}

/* min-width, schild_2 setzen: */
#schild_2-aussen {
/*min-width:200px;*/
/*width:200px;*/
}

/*
.reveal .sub-navi-schild-link {
font-size:19px !important;  
}
*/

#ajax_touren_subnavi {
bottom: 0;
font-size: 1.9em;
position: relative;
text-align: center;
top: 19.6%;
z-index: 10000;
}

/* bei kleineren hoehen subnavi anpassen */
	@media only screen and (max-height: 755px) {
html .sub-navi-schild-link {font-size:15px !important; }	
}




/* texte 
* einheitlich für alle - links, texte, 
------------------------------------------------*/
.text_all {
font-size:1.9em;
line-height:1.1em;
}
.reveal .text_all {
font-size:1.9em;
line-height:1.1em;
}

a.text {
font-size:1.9em;
font-family:Trajan Pro Bold, times, serif;
}
a.text_normal {
font-size:1.9em;
}
a.text:hover {
color:#4b545f;
}
.reveal a.text:hover {
color:#4b545f;
}
.reveal a.text_normal:hover {
color:#4b545f;
}

/*
h2 {
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
text-transform: uppercase;
}

h3 {
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
 font-weight:bold; 
}
*/

.content-text, .reveal .content-text {
margin-top:1em;

border:0px solid green;
width:100%; 
min-height:99% 

}

.content-text_aussen, .reveal .content-text_aussen  {
border:0px solid red;

overflow:hidden;

width:60%;height:52%; position:relative; left:27%;
}


.content-hl {
	color: #919191;
}
.hl-underline {
width:100%;
height:8px;
margin-bottom:8px;
border-bottom:1px solid #919191;
}

img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper, #logo, #footer_inner {
	border:0px solid #919191;
	min-width: 290px;
	margin: 0 20.625em;
/*	max-width: 80%;
	margin: 0 auto;
*/	
}


/* eine grafik spiegeln */
.img_flip{
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
/* reveal eine grafik spiegeln */
.reveal .img_flip{
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}




/* farben
----------------*/
/*
Hinweise:
dunkeles - original blau, aus bestehender m+k seite:
#006694;

helleres blau (wie auf layoutanweisung, pic:
wahrscheinlich
#0086b4;  ???? selbst ermittelt;
*/

.no-opacity {
	opacity:1;
}
.reveal .no-opacity {
	opacity:1;
}


.white_important {
color:#ffffff !important;
}
.grey_important {
color:#c1c1c1 !important;
}
.grey_a_important {
color:#aaa !important;
}
.grey_b_important {
color:#bbb !important;
}
.grey_9_important {
color:#999 !important;
}
.grey_8_important {
color:#888 !important;
}
.grey_7_important {
color:#777 !important;
}
.grey_6_important {
color:#666 !important;
}
.grey_5_important {
color:#555 !important;
}
.grey_4_important {
color:#444 !important;
}

.white {
color:#ffffff;
}
.grey {
color:#c1c1c1;
}



.dk_blau {
color: #006694;
}
.reveal .dk_blau {
color: #006694;
}

.lt_blau {
color: #0086b4;
}
.reveal .lt_blau {
color: #0086b4;
}
.dk_blau_bg {
background: #006694;
}
.reveal .dk_blau_bg {
background: #006694;
}

.lt_blau_bg {
background: #0086b4;
}
.reveal .lt_blau_bg {
background: #0086b4;
}

.clear {
clear:both;
}

/* allgemeines 
-----------------------------------------*/
.tel_block {
margin-bottom:20px;
}
.tel_1 {
float:left; width:120px; 
}
.bold {
font-weight:bold;
}

.display-none {
display:none;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
border-bottom:0px solid silver;
	width:100%;
	height:8.5%;
}
#back {
float:left; 
line-height:4.5em;
}
#logo {
/*padding-top:6px;
padding-bottom:6px;*/
}
#logo_img {
float:right;
margin-top:12px;
margin-bottom:12px;
}

.reveal #navi-big {
text-align:center; 
height:13.75em; 
width:70em; 
margin:0px auto;
}

.footer_absolute {
background: url('../images/elemente_std/boden.jpg');
background-size: 100% 100%;
border:0px solid red;
/* margin-top:55px; */
height:17%;
width:100%;

position:absolute;
/* position:fixed; */

bottom:0px;
z-index:9999;
}

.footer_relative {
border:0px solid red;
padding-top:55px;
height:0px;
width:100%;
position:relative;
}

#lars, #silvio {
max-width:60%;
margin-bottom:1em;
}

/* Flaggen Klick
------------------*/
#DE_link, #GB_link, #FR_link {
width:150px; 
height:55px;
position:absolute; 
z-index:9999; 
cursor:pointer;
}


 
.section_inner, .reveal .section_inner {
height:110%; border:0px solid green;  
margin:0px auto;
padding:0px 5%;
/*width:auto;*/
}  
.startseite, .reveal .startseite {
padding:0px 4%;
/*width:auto;*/
}  

/* Startseiten-Headline anpassen */
	@media only screen and (max-height: 791px) {
html #startseiten-hl, .reveal  #startseiten-hl {
		font-size:3.0em;
	}	
}



.big-text {
margin-bottom:2em;
}
reveal .big-text {
margin-bottom:2em;
}


.reveal .olympiastadion-2 {
background: url('../images/elemente_std/olympiastadion.png');
background-position: center bottom;
background-size: auto;
background-repeat:no-repeat;
position:absolute;
bottom:41.5%;
border:0px solid red;
width:100%;
height:66%;
z-index:9999;
}

.header-sub-navi {
/*background: url('../images/elemente_std/subnavi.png');
*/background-position: top left;
background-size: auto;
background-repeat:no-repeat;
position:relative;
border:0px solid red;
width:auto;
height:auto;
z-index:9999;

/* padding:0.8em 12px; */ /* neu: 16062014 */
/* font-size:1.9em; */

padding:0.8em 8px;
font-size:1.7em; /* 1.8 nur bei Pad ! sonst 1.7 */

color:#4b545f;
}

.navi-gradient-bg {
display:inline-block;
padding-left:7.5%;
}

/* transparenzen abgeschaltet, mail.v.silvio.26.05.2014 */
/*
.navi-gradient-bg {
background-image: -moz-linear-gradient(left,  
  rgba(255, 255, 255, 0.125) , rgba(204, 204, 204, 0.125) 
);
background-image: -webkit-gradient(
  linear, left top, right top, from(rgba(255, 255, 255, 0.125)),
  to(rgba(204, 204, 204, 0.125))
);
background-image: linear-gradient(to right,  
  rgba(255, 255, 255, 0.125) , rgba(204, 204, 204, 0.125) 
);
}
*/

.navi-gradient {
background-image: -moz-linear-gradient(left,  
  rgba(255, 255, 255, 0.25) , rgba(204, 204, 204, 0.25) 
);
/* webkit */
background-image: -webkit-gradient(
  linear, left top, right top, from(rgba(255, 255, 255, 0.25)),
  to(rgba(204, 204, 204, 0.25))
);
background-image: linear-gradient(to right,  
  rgba(255, 255, 255, 0.25) , rgba(204, 204, 204, 0.25) 
);
/* dec 204 = hex #CC 
opacity: 0.25 = 25%, Inactive
*/
}


.navi-gradient:hover, .navi-gradient-active {
background-image: -moz-linear-gradient(left,  
  rgba(255, 255, 255, 0.5) 0%, rgba(204, 204, 204, 0.5) 100%
);
/* webkit */
background-image: -webkit-gradient(
  linear, left top, right top, from(rgba(255, 255, 255, 0.50)),
  to(rgba(204, 204, 204, 0.50))
);
}



.sub-navi-gradient {
background-image: -moz-linear-gradient(left,  
  rgba(255, 255, 255, 0.33) , rgba(204, 204, 204, 0.33) 
);
/* webkit */
background-image: -webkit-gradient(
  linear, left top, right top, from(rgba(255, 255, 255, 0.33)),
  to(rgba(204, 204, 204, 0.33))
);
background-image: linear-gradient(to right,  
  rgba(255, 255, 255, 0.33) , rgba(204, 204, 204, 0.33) 
);
/* dec 204 = hex #CC 
opacity: 0.33 = 33%, Inactive
*/
}

.sub-navi-gradient:hover, .sub-navi-gradient-active {
background-image: -moz-linear-gradient(left,  
  rgba(255, 255, 255, 0.66) , rgba(204, 204, 204, 0.66) 
);
/* webkit */
background-image: -webkit-gradient(
  linear, left top, right top, from(rgba(255, 255, 255, 0.66)),
  to(rgba(204, 204, 204, 0.66))
);
background-image: linear-gradient(to right,  
  rgba(255, 255, 255, 0.66) , rgba(204, 204, 204, 0.66) 
);
/* dec 204 = hex #CC 
opacity: 0.33 = 33%, Inactive
*/
}



#contact-form-bereich {
width:48%; float:left;
}



.reveal .form-input-gradient {
margin-bottom:1em; width:100%; height:2em;
/* kein verlauf!!
background-image: -moz-linear-gradient(left,  
  rgba(255, 255, 255, 0.33) , rgba(204, 204, 204, 0.33) 
);
background-image: -webkit-gradient(
  linear, left top, right top, from(rgba(255, 255, 255, 0.33)),
  to(rgba(204, 204, 204, 0.33))
);
background-image: linear-gradient(to right,  
  rgba(255, 255, 255, 0.33) , rgba(204, 204, 204, 0.33) 
);
*/  
}


.bg_team {
	/* background-size:100% auto; */ 
	/* seit css3 
	- es kommt noch contain oder cover in frage
	*/
background-image: url("../images/team_mk.gif");
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto 72%;
}
.reveal .bg_team {
	/* background-size:100% auto; */ 
	/* seit css3 
	- es kommt noch contain oder cover in frage
	*/
background-image: url("../images/team_mk.gif");
background-position: right bottom;
background-repeat: no-repeat;
background-size: auto 72%;
}

#team_pic{
position:absolute;
bottom:0px;
right:0px;
z-index:-1000;
}
#team_img {
max-width:1054px;
width:100%;
}



/* Abstaende (kreisbasis)
---------------------------------------*/
.abstand_175 {
	height:17.5%; 
}
.reveal .abstand_175 {
	height:17.5%; 
	border:0px solid #800000;
}

.abstand_1 {
	/*height:165px;*/ height:13.75em; 
}
.reveal .abstand_1 {
	/*height:165px;*/ height:13.75em; 
}
.abstand_05 {
	/*height:82px; */ height:6.875em;
}
.reveal .abstand_05 {
	/*height:82px; */ height:6.875em;
}
.abstand_033 {
	/*height:55px;*/ height:4.583em; 
}
.reveal .abstand_033 {
	/*height:55px;*/ height:4.583em; 
}
.abstand_025 {
	/*height:55px;*/ height:3.437em; 
}
.reveal .abstand_025 {
	/*height:55px;*/ height:3.437em; 
}
.abstand_010 {
	/*height:55px;*/ height:1.375em; 
}
.reveal .abstand_010 {
	/*height:55px;*/ height:1.375em; 
}
.reveal .abstand_spalte {
	float:left;
	/* width:30px;*/
	width:2.5em; 
	min-width:2.5em;
}
.reveal .abstand_spalte_right {
	float:right;
	/* width:30px;*/
	width:2.5em; 
	min-width:2.5em;
}
/* Kreise 
-----------------------------------------------------------------------------*/
/* kreisanweisung generell */
.kreis {
/*
ACHTUNG: %-angaben gehen nicht im Android + Dolphin-Borowser!
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;

*/
-webkit-border-radius: 6.875em;
-moz-border-radius: 6.875em;
border-radius: 6.875em;	
}

.halb_kreis_right {
   width:6.875em;
    height:13.75em;
border-radius: 6.875em 0 0 6.875em;
     -moz-border-radius: 6.875em 0 0 6.875em;
     -webkit-border-radius: 6.875em 0 0 6.875em;
}
.halb_kreis_left {
   width:6.875em;
    height:13.75em;
border-radius: 0 6.875em 6.875em 0;
     -moz-border-radius: 0 6.875em 6.875em 0;
     -webkit-border-radius: 0 6.875em 6.875em 0;
}
.halb_kreis_bottom {
   height:6.875em;
    width:13.75em;
border-radius: 6.875em 6.875em 0 0;
     -moz-border-radius: 6.875em 6.875em 0 0;
     -webkit-border-radius: 6.875em 6.875em 0 0;
}
.halb_kreis_top {
   height:6.875em;
    width:13.75em;
border-radius: 0 0 6.875em 6.875em;
     -moz-border-radius: 0 0 6.875em 6.875em;
     -webkit-border-radius: 0 0 6.875em 6.875em;
}


.halb_kreis_button {
position:absolute; top:40%; z-index:1000;
}
.reveal .halb_kreis_button {
position:absolute; top:40%; z-index:1000;
}

/* kleiner kreis, 65% (8.937em) von kreis nach layoutvorgabe */ 
.kreis_kl {
    /*width:107px;
    height:107px;*/
	width:8.937em;
	height:8.937em;
}

/* ganzer kreis */
.kreis_1 {
   width:13.75em;
    height:13.75em;
}
/* ganzer Kreis 1/2 */
.kreis_05 {
    /*width:82px;
    height:82px;*/
	width:6.875em;
	height:6.875em;
}
/* drittel kreis */
.kreis_033 {
    /*width:55px;
    height:55px;*/
	width:4.583em;
	height:4.583em;
}

 .block-no {
float:right;
margin-top:-2.75em; 
}
.reveal .block-no {
float:right;
margin-top:-2.75em; 
}


 .number-no {
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
color:#c1c1c1;
width:100%;
font-size:3.5em;
text-align:center;
margin-top:0.6em;
}
.reveal .number-no {
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
color:#c1c1c1;
width:100%;
font-size:3.5em;
text-align:center;
margin-top:0.6em;
}
 .number-zahl {
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
color:#c1c1c1;
width:100%;
font-size:10em;
text-align:center;
/*margin-top:0.09em;*/
padding-top:0.09em;
position:relative;
z-index:1000;
}
.reveal .number-zahl {
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
color:#c1c1c1;
width:100%;
font-size:10em;
text-align:center;
/*margin-top:0.09em;*/
padding-top:0.09em;
}

.number-zahl-vpos {
display:table-cell; vertical-align:middle;
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
color:#c1c1c1;
width:100%;
font-size:10em;
text-align:center;
}
.reveal .number-zahl-vpos {
display:table-cell; vertical-align:middle;
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
color:#c1c1c1;
width:100%;
font-size:10em;
text-align:center;
}


.reveal p.number-zahl:hover{
color:#ffffff;
}

.reveal .navi-left-right {
font-family: EuropaGroSBOP-XLIG, verdana, arial, sans-serif;
color:#b1b1b1;
width:100%;
font-size:10em;
text-align:center;
margin-top:0.09em;
}
.reveal p.navi-left-right:hover{
color:#0086b4;
}

.navi-kreis-box-left {
border:0px solid green; 
width:48%; float:left;
}
.navi-kreis-box-right {
border:0px solid green; 
width:48%; float:right;
}

.reveal .sub_navi_3er {
display:none; vertical-align:middle; height: 13.75em; margin-top:3.5em;
}


#kreis-test{
    width:100px;
    height:100px;
    background:#0086b4;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}



/* Middle
-----------------------------------------------------------------------------*/
#content {
/*max-height:830px;*/
/*max-width:830px;*/
}

/* Menu */
.list_style_type_none {
list-style-type:none;
}
.menue {
text-transform: uppercase;
}
.uppercase {
text-transform: uppercase;
}




/* Boxen 
-----------------------------------------------------------------------------*/
/* border*/
.border {
border:1px solid red;
}

.bg_white {
background-color:#ffffff;
}


/* Arrows, Pfeile - mit css
------------------------------------------------------*/
/*
### immer beide classes definieren: reveal und normal!
*/

 .arrows {
    height: 0;
    width: 0;
    border-width:1em; /* vorher 45px, aendert pfeilgroesse */
    border-style:solid;
    margin:0px; /* vorher 15px */
    float:left;		
}

 .p-links-lt-blau{ border-left-width:0; border-color:transparent #0086b4 transparent  transparent; }
 .p-rechts-lt-blau { border-right-width:0; border-color:transparent transparent transparent #0086b4; }
 .p-links-white{ border-left-width:0; border-color:transparent #ffffff transparent  transparent; }
 .p-rechts-white { border-right-width:0; border-color:transparent transparent transparent #ffffff; }

.reveal .arrows {
    height: 0;
    width: 0;
    border-width:1em; 
    border-style:solid;
    margin:0px; 
    float:left;		
}

.reveal .p-links-lt-blau{  border-left-width:0; border-color:transparent #0086b4 transparent  transparent; }
.reveal .p-rechts-lt-blau {  border-right-width:0; border-color:transparent transparent transparent #0086b4; }
.reveal .p-links-white{   border-left-width:0;   border-color:transparent #ffffff transparent  transparent; }
.reveal .p-rechts-white {   border-right-width:0;   border-color:transparent transparent transparent #ffffff; }

/* ende arrows, pfeile */


/* symbole, 3-spalter, kompetenzen */
.one_third  {
width:33%;
float:left;
}
.reveal .one_third  {
width:33%;
float:left; 
}

.drittel  {
width:33%;
float:left; 
}
.reveal .drittel  {
width:33%;
float:left; 
}

.one_third_text  {
margin-right:10px; 
}
.reveal .one_third_text  {
margin-right:10px; 
}


.symbole {
  font-size: 9.8em;
  height: 1.4em;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.reveal .symbole {
  font-size: 9.8em;
  height: 1.4em;
  overflow: hidden;
  text-align: center;
  width: 100%;
}

.kommunikation-symbol {
display:block;
margin-top:0.2em;
}
.reveal .kommunikation-symbol {
display:block;
margin-top:0.2em;
}

.community-management-symbol {
  display: block;
  font-size: 1.5em;
  margin-top: -0.07em;
}
.reveal .community-management-symbol {
  display: block;
  font-size: 1.5em;
  margin-top: -0.07em;
}

.content-marketing-symbol {
  display: block;
  font-size: 1.2em;
  margin-top: 0.02em;
}
.reveal .content-marketing-symbol {
  display: block;
  font-size: 1.2em;
  margin-top: 0.02em;
}



.linie-1 {
border-bottom:1px solid #919191;
margin-bottom:1em;
}
.reveal .linie-1 {
border-bottom:1px solid #919191;
margin-bottom:1em;
}

/* SocialMedia SVG */
.svg_social {
/*width:2.4em;
height:2.4em;*/
margin-right:4px;
/*background-color:#ffffff; */ /* fraglich, weisse blitzer am rand */
/* border-radius:0px; */ /* ??? um die weissen blitzer einzudämmen, mal sehen ob ok */
fill:#0086b4;
}


/* Select-boxen */
#selBox {
width:110px;
}


/*
zu langen titel-text einkuerzen mit ... 
*/
.ellips {

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-top:4px;
}
.reveal .ellips {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	margin-top:4px;
}


/* FLYING ELEMENTS - absolute 
for flying-elements.inc.php
------------------------------------*/
.flying-elements {
border:0px solid #800000;
	display:block;
position:absolute;  margin:0px auto;
bottom:0;
width:100%; 
height:100%;
}

.flying-box {
		border:0px solid yellow; 
		height:70%; 
		/* width:70%;*/
		position:absolute; 
		
		/*z-index:5;*/
		
		overflow:visible;
}

.flying-bild {
position:absolute; height:100%; bottom:0px; 

/*z-index:5000;*/

}




/* Media Queries 
-----------------------------------------------------------------------------*/

/* GALLERY * GALERIE 
-----------------------------------------------------------*/
.ul-style {
margin:6.3em auto; 
}
.reveal .ul-style {
margin:6.3em auto; 
}
.img-3d {
border:10px solid #ffffff;
max-height:500px; height:500px; max-width:384px; width:384px;
}
.reveal .img-3d {
border:10px solid #ffffff;
max-height:500px; height:500px; max-width:384px; width:384px;
}

/* img-3d kleiner bei kleinerer hoehe, z.b. silvios laptop */
@media only screen and (max-height: 860px ) {
html .reveal .img-3d {
		border:10px solid #ffffff;
		max-height:400px; height:400px; max-width:307px; width:307px;
		}
/*		
html .reveal .ul-style {
		margin:9.3em auto; 
		}
*/		
}
/* img-3d kleiner bei kleinerer hoehe, z.b. silvios laptop */
@media only screen and (max-height: 700px) {
html .reveal .img-3d {
		border:10px solid #ffffff;
		max-height:300px; height:300px; max-width:230px; width:230px;
		}
html .reveal .ul-style {
		margin:10.3em auto; 
		}		
}
/* END GALLERY
---------------------------------*/


/* FORMULAR
-------------------------------*/
/* FORM Felder etc;*/
#send {
	float:right; 
	width:20%
}

#cname, #cvorname {
	width:47.5%;
}
#cname {
	margin-right:1%;
}
#cvorname {
	float:right;
}
#cname, #cvorname, #ctelefon, #cemail, #cnachricht {
	padding-left:2%;
}
#ctelefon, #cemail, #cnachricht {
width:98% !important;
}

/* scroll-pfeile
---------------------------*/
/* neue pfeile up, down */
#pfeil-down {
    width: 50px;
    height: 50px;
    position: relative;
    margin-left: 0px;
}
#pfeil-down .shape1, #pfeil-down .shape2 {
    border-width: 25px; /* war 30px */
    border-style: solid;
    height: 0;
    width: 0;
    border-color: #919191 transparent transparent transparent;
    top: 5px;
    position: absolute;
}

#pfeil-down .shape2 {
    top: 0px;
    border-color: #000 transparent transparent transparent;
}
#pfeil-down:hover .shape1 {
    border-color: #fff transparent transparent transparent;
}

	
/* neue pfeile up, down */
#pfeil-up {
    width: 50px;
    height: 50px;
    position: relative;
    margin-left: 0px;
}
#pfeil-up .shape1, #pfeil-up .shape2 {
    border-width: 25px; /* war 30px */
    border-style: solid;
    height: 0;
    width: 0;
    border-color:  transparent transparent #000 transparent;
    top: 5px;
    position: absolute;
}

#pfeil-up .shape2 {
    top: 0px;
   border-color:  transparent transparent #919191 transparent;
}	
	
#pfeil-up:hover .shape2 {
    border-color:  transparent transparent #fff transparent;
}		

.pfeil-normal-up {
    border-color:  transparent transparent #919191 transparent;
}
.pfeil-hover-up {
    border-color:  transparent transparent #fff transparent;
}


/* aus inline-styles: 10.01.2014 */
#next-inner {
border:0px solid yellow; width:100%; height:67%;
}
#prev-inner {
border:0px solid yellow; width:100%; height:23%;
}
#pag {
border:0px solid #00f800; height:auto;width:100%; text-align:center; font-size:1.1em;
}
#arrow-up {
border:1px solid #000000; margin:0px auto; width:0px; height:50px;
}
#pfeil-up {
position:relative; margin:-30px; 
}
#arrow-down {
border:border:1px solid #000000; margin:0px auto; width:0px; height:50px;
}
#pfeil-down {
position:position:relative; margin:10px 0px 0px -30px;
}

/* Aenderungen 10.01.2014: pfeile kein 1/xx */
#pag {
display:none; /*zaehler abschalten*/
}
#arrow-up {
height:20px;
}

/* mit Awesome Icons */
#scroll-pfeile {
display:none; 
/*max-width:2em;*/ 
position:absolute; 
bottom:20%; 
/*left:50%;*/ 
z-index:20000;
}


#but-scroll-up, #but-scroll-down {
display:none; /* erstmal abschalten, wird per js in jquery.scroolPane.js zugeschaltet*/
	/*color:#919191;*/
color:#4b545f;	
	cursor:pointer;
	line-height:0.2em;
}
#but-scroll-up:hover, #but-scroll-down:hover {
	/*color:#515151;*/
color:#4b545f;	
}


/* end scroll pfeile 
-----------------------*/


	/* Anything smaller than standard 960 */
	@media only screen and (max-width: 1280px) {
html body {font-size:10px;}

/* html .reveal div, p {font-size:0.95em;}
html  div, p {font-size:0.95em;}
 */
}

	/* boxen abschalten bei < 960 */
	@media only screen and (max-width: 1152px) {
html body {font-size:9px;}	

/* html .reveal div, p {font-size:0.90em;}	
html  div, p {font-size:0.90em;}	
 */
}

	/* boxen abschalten bei < 410 */
	@media only screen and (max-width: 1024px) {
html body {font-size:8px;}	

/* html .reveal div, p {font-size:0.85em;}	
html  div, p {font-size:0.85em;}		
 */
}

	/* boxen abschalten bei < 410 */
	@media only screen and (max-width: 960px) {
html body {font-size:7px;}	

/* html .reveal aside, div, p {font-size:0.80em;}		
html  div, p {font-size:0.80em;}
 */
}


	/* boxen abschalten bei < 410 */
	@media only screen and (max-width: 768px) {
html body {font-size:6px;}	

/* html .reveal aside, div, p {font-size:0.80em;}		
html  div, p {font-size:0.80em;}
 */
}