@media all{

.border-bottom-1eee{ border-bottom: 1px solid #eee;}
.border-right-1eee{ border-right: 1px solid #eee;}
.border-top-1eee{ border-top: 1px solid #eee;}
.border-left-1eee{ borderleft: 1px solid #eee;}

.border-bottom-1ccc{ border-bottom: 1px solid #d4d2d2;}
.border-right-1ccc{ border-right: 1px solid #d4d2d2;}
.border-top-1ccc{ border-top: 1px solid #d4d2d2;}
.border-left-1ccc{ borderleft: 1px solid #d4d2d2;}

.posrel{position:relative}
.posabs{position:absolute}


.ym-clearfix:before{content:"";display:table}
.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}


/* ========================================================================================================================================================================== 
NEUE FEATURES
============================================================================================================================================================================= */

/* ------------ BILD mit abgrundeten Ecken --------------------*/
.img-ecken {border-radius: 5px}


/* ========================================================================================================================================================================== 
Helper Klassen
============================================================================================================================================================================= */


.float-left, .float_left{float:left}
.float-right, .float_right{float:right}
.center{margin:0 auto}
.textcenter, .centered{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}

/*AZW*/
.block{overflow:hidden}
.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}
.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*EZW*/

.position-relative, .posrel {position: relative}
.position-absolute, .posabs {position: absolute}

.backwhite{background:#fff; height:100%}

.breite100{width:100%}
.breite90{width:90%}
.breite85{width:85%}
.breite80{width:80%}
.breite75{width:75%}
.breite70{width:70%}
.breite60{width:60%}
.breite50{width:50%}
.breite40{width:40%}
 
 
.no-top-abstand {margin-top:0; padding-top: 0}
.padding-0 { padding: 0; }
    
.padding-right-left-0{padding:1px; border:0px solid #f90}
.padding-right-left-10{padding:10px}
.padding-right-left-20{padding:20px}

.padding-left-100{padding-left:100px}
.padding-left-75{padding-left:75px}
.padding-left-50{padding-left:50px}
.padding-left-25{padding-left:25px}
.padding-left-10{padding-left:10px}

.padding-right-100{padding-right:100px}
.padding-right-75{padding-right:75px}
.padding-right-50{padding-right:50px}
.padding-right-25{padding-right:25px}
.padding-right-10{padding-left:10px}

.padding-top-100{padding-top:100px}
.padding-top-75{padding-top:75px}
.padding-top-50{padding-top:50px}
.padding-top-30{padding-top:30px}
.padding-top-25{padding-top:25px}
.padding-top-10{padding-top:10px}

.padding-bottom-100{padding-bottom:100px}
.padding-bottom-75{padding-bottom:75px}
.padding-bottom-50{padding-bottom:50px}
.padding-bottom-30{padding-bottom:30px}
.padding-bottom-25{padding-bottom:25px}
.padding-bottom-10{padding-bottom:10px}
    
.margin-0 { margin: 0; }
    
.margin-left-100{margin-left:100px}
.margin-left-75{margin-left:75px}
.margin-left-50{margin-left:50px}
.margin-left-25{margin-left:25px}

.margin-right-100{margin-right:100px}
.margin-right-75{margin-right:75px}
.margin-right-50{margin-right:50px}
.margin-right-25{margin-right:25px}

.margin-top-100{margin-top:-100px}
.margin-top-75{margin-top:-75px}
.margin-top-50{margin-top:-50px}
.margin-top-25{margin-top:-25px}

.border-1px-eee{border: 1px solid #eee}
.border-1px-000{border: 1px solid #000}
.border-1px-rot{border: 1px solid #f00}
.border-top-blau{border-top:0px solid blue;}
.border-1px-rot{border: 1px solid #f00}
.border-top1pxrot{border-top:1px solid red;}
.border-bottom-blau{border-bottom:1px solid blue;}
.border-bottom-red{border-bottom:1px solid red;}

.border-top-hgrau{border-top:1px solid #eee;}
.border-bottom-hgrau{border-bottom:1px solid #eee;}



.padding-top-25abs{padding-top:25px}


/* ========================================================================================================================================================================== 
Blogeinbau
============================================================================================================================================================================= */
.blogposition {margin-top:80px; height:6000px}
.sdesignposition {margin-top:-50px;}



/* ========================================================================================================================================================================== 
SPACE O und U
============================================================================================================================================================================= */
.space-o0{margin-top:0px;}
.space-o5{margin-top:5px;}
.space-u5{margin-bottom:5px;}
.space-o10{margin-top:10px;}
.space-u10{margin-bottom:10px;}
.space-o15{margin-top:15px;}
.space-u15{margin-bottom:15px;}
.space-o20{margin-top:20px;}
.space-u20{margin-bottom:20px;}
.space-o25{margin-top:25px;}
.space-u25{margin-bottom:25px;}
.space-o30{margin-top:30px;}
.space-u30{margin-bottom:30px;}
.space-o40{margin-top:40px;}
.space-u40{margin-bottom:40px;}
.space-o50{margin-top:50px;}
.space-u50{margin-bottom:50px;}
.space-o75{margin-top:75px;}
.space-u75{margin-bottom:75px;}
.space-o100{margin-top:100px;}
.space-u100{margin-bottom:100px;}
.space-o150{margin-top:150px;}
.space-u150{margin-bottom:150px;}
.space-o200{margin-top:200px;}
.space-u200{margin-bottom:200px;}





/* ========================================================================================================================================================================== 
TEXTFELDER die reinfliegen
============================================================================================================================================================================= */
.border-eee {border: solid 1px #eee;}

.border-radius-5 {border-radius: 5px}
.border-radius-15 {border-radius: 15px}

.hint-f90{background: #f90;}
.hint-eee{background: #eee;}
.hint-fcfcfc{background: #FCFCFC;}
.hint-lila{background: #B964A2;}

.hint-xhell-lila{background: #f8eef9;}
.hint-blau{background: #48407b;}
.hint-hell-lila{background: #B9B4F1;}
.hint-hellgruen{background: #97db30;}
.hint-rot{background: #fc2d1d;}
.hint-blau2{background: #194b6d}
.hint-blau2{background: #004494}
.hint-hellblau {background: #28A5D7}
.hint-weiss-op5 {background: rgba(255,255,255,.5)}


.hint-gold05 {background: rgba(202,165,81,0.5)}
.hint-gold08 {background: rgba(202,165,81,0.8)}


.hint-opacity05{opacity: 0.5;}
.hint-opacity02{opacity: 0.2;}
.hint-opacity07{opacity: 0.4;}


.margin-left-20 {margin-left: 20px}
.margin-left-30 {margin-left: 30px}
.margin-left-40 {margin-left: 40px}
.margin-left-50 {margin-left: 50px}

.padding-5-10 {padding: 5px 10px}
.padding-10-20 {padding: 10px 20px}
.padding-20-40 {padding: 20px 40px}



.hint-pos-left-1{left: 1%;}
.hint-pos-left-2{left: 2%;}
.hint-pos-left-3{left: 3%;}
.hint-pos-left-5{left: 5%;}
.hint-pos-left-7{left: 7%;}
.hint-pos-left-10{left: 10%;}
.hint-pos-left-40{left: 40%;}

.hint-pos-right-1{right: 1%;}
.hint-pos-right-2{right: 2%;}
.hint-pos-right-3{right: 3%;}
.hint-pos-right-5{right: 5%;}
.hint-pos-right-7{right: 7%;}
.hint-pos-right-10{right: 10%;}

.hint-pos-center{margin:0 auto}

.hint-pos-bottom-0{bottom: 0.1%;}
.hint-pos-bottom-5{bottom: 5%;}
.hint-pos-bottom-10{bottom: 10%;}
.hint-pos-bottom-15{bottom: 15%;}
.hint-pos-bottom-20{bottom: 20%;}
.hint-pos-bottom-25{bottom: 25%;}
.hint-pos-bottom-30{bottom: 30%;}
.hint-pos-bottom-35{bottom: 35%;}
.hint-pos-bottom-40{bottom: 40%;}
.hint-pos-bottom-50{bottom: 50%;}

.hint-pos-top-5{top: 5%;}
.hint-pos-top-10{top: 10%;}
.hint-pos-top-20{top: 20%;}
.hint-pos-top-25{top: 25%;}
.hint-pos-top-27{top: 27.5%;}
.hint-pos-top-30{top: 30%;}
.hint-pos-top-35{top: 35%;}
.hint-pos-top-40{top: 40%;}
.hint-pos-top-50{top: 50%;}


.color-666{color:#666}
.color-gold{color:#949392}
.color-fff{color:#fff}
.color-gelb{color:#0c96d3}
.color-blau2{color: #194b6d}
.color-invhell{color: #009ee0}
.color-invdunkel{color: #0055a0}
.color-pink{color: #ff3366}

.color-hellgruen{color:#66ff66}
.color-lila-fricke{color:#ad5194}
.color-h1-konik{color:#f67728}
.color-h1-fricke {color:rgba(185,100,162,0.7);} 

.font-08 {font-size: 0.8em}
.font-1 {font-size: 1em}
.font-15 {font-size: 1.5em}
.font-16 {font-size: 1.6em}
.font-17 {font-size: 1.7em}
.font-18 {font-size: 1.8em}
.font-19 {font-size: 1.9em}
.font-2 {font-size: 2em}
.font-20 {font-size: 2em}
.font-25 {font-size: 2.8em}
.font-3 {font-size: 3.0em}
.font-30 {font-size: 3.0em}
.font-35 {font-size: 3.5em}
.font-4 {font-size: 4.0em}
.font-40 {font-size: 4.0em}
.font-45 {font-size: 4.5em}
.font-5 {font-size: 5.0em}
.font-50 {font-size: 5.0em}


.textfeld-super {
	position: fixed;
	}

.textfeld-fixed{
	padding: 25px 40px; 
	margin: 50px;
	position: fixed;
	border-radius: 5px;
	}

.textfeld-inhalt {
	position: absolute;
}

#textfeld-hint h3{padding: 0; margin:0}


.textfeld-absolute{
	padding: 20px 40px; 
	position: absolute;
	border-radius: 5px;
	}

.textfeld-relative{
	padding: 25px 40px; 
	position: relative;
	border-radius: 5px;
	}





/* ========================================================================================================================================================================== 
Accordion Fricke style
============================================================================================================================================================================= */

.cbp-ntaccordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cbp-ntsubaccordion {
	list-style: none;
}

.cbp-ntaccordion .cbp-nttrigger {
	cursor: pointer;
} 




.cbp-ntaccordion h3 {
	margin: 0 0 0.3em;
	padding: 1em 0 0 0.5em;
	border-bottom: 1px solid #ddd;
	font-size: 1.55em;
	font-weight: 300;
}

.cbp-ntaccordion h4 {
	color:#666;
	font-size: 1.1em;
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.5em;
	margin: 0 0 0.5em;
}

.cbp-ntaccordion h5 {
	font-size: 1.0em;
	color: #666;
	padding: 0.5em 0 0.5em;
	margin: 0 0 0.5em;
}

.cbp-ntaccordion .cbp-ntcontent p {
	color: #666;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.5;
	padding: 10px 0 10px 0;
	margin: 0;
}

/* Arrow icons */
.cbp-ntaccordion > li > .cbp-nttrigger:before,
.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	font-family: '1178-font';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ddd;
	margin-right: 2.0em;
	-webkit-font-smoothing: antialiased;
	border: solid 0px #000;
	width: 50px !important; 
	height: 50px !important;
	
}

.cbp-ntaccordion > li > .cbp-nttrigger:before {
	font-size: 80%;
}
.cbp-ntaccordion > li > .cbp-nttrigger:before {
    content: "\e824";
}
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {
    content: "\e822";
	color: inherit;
	margin-right: 1.715em;

	
}

.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
    content: "\e825";
	color: inherit;
	margin-right: 1.7em;
	
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\32";
}
.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
	content: "\33";
	color: inherit;
}
.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\31";
	color: inherit;
}

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent {
	height: 0;
	overflow: hidden;
}

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent {
	height: auto;
}


/* ========================================================================================================================================================================== 
diagramm liste
============================================================================================================================================================================= */

   .diagramm-list{list-style-type:none;overflow:hidden;width:500px;}
   
   .diagramm-list li:before{border:4px solid #d9dce1;
	   border-radius:50%;
	   color:#d9dce1;
	   content:counter(gk-list)!important;
	   display:block;
	   float:left;
	   font-size:18px;
	   height:42px;
	   line-height:33px;
	   text-align:center;
	   width:42px;
	   margin: 10px 40px 0 0;
	   }
   
   .diagramm-list li{border-top:1px solid #eee;clear:both;color:#363636;counter-increment:gk-list;font-size:18px;line-height:68px;margin:0 0 0 50px;position:relative;}
   .diagramm-list li:first-child{border-top:none;}
   .diagramm-list li:after{clear:both;content:"";display:table;}
   .diagramm-list li strong{color:#8e9798;float:right;}
   .diagramm-list li span{color:#8e9798;float:right;}

   .diagramm-list li.color-red:before{border-color:#fa7960;color:#fa7960;}
   .diagramm-list li.color-yellow:before{border-color:#fad260;color:#fad260;}
   .diagramm-list li.color-green:before{border-color:#84cbc5;color:#84cbc5;}
   .diagramm-list li.color-blue:before{border-color:#76acfc;color:#76acfc;}

/* VOLLE KREISVERSION */
    .diagramm-list li.full:before{border:4px solid #d9dce1;background:#d9dce1;
 	   color:#fff;
 	   font-size:22px;
 	   line-height:35px;
 	   width:42px;
 	   margin: 10px 40px 0 0;
	   }
 .diagramm-list li.full.color-red:before{border-color:#fa7960;background:#fa7960;}
 .diagramm-list li.color-yellow:before{border-color:#fad260;background:#fad260;}
 .diagramm-list li.color-green:before{border-color:#84cbc5;background:#84cbc5;}
 .diagramm-list li.color-blue:before{border-color:#76acfc;background:#76acfc;}
 
 
 

/* ========================================================================================================================================================================== 
HR Tags Fricke
============================================================================================================================================================================= */
.hr{
clear: both;
display:block;
width:100%;
height:25px;
line-height:25px;
position: relative;
margin:30px 0;
float:left;
}

.hr.hr-space-o25{margin-top:25px;}
.hr.hr-space-u25{margin-bottom:25px;}

.hr.hr-space-o50{margin-top:50px;}
.hr.hr-space-u50{margin-bottom:50px;}

.hr.hr-space-o100{margin-top:100px;}
.hr.hr-space-u100{margin-bottom:100px;}

.hr.hr-space-o150{margin-top:150px;}
.hr.hr-space-u150{margin-bottom:150px;}

.hr-inner{
	width:100%;
	position: absolute;
	height:1px;
	left:0;
	top:50%;
	width:100%;
	margin-top:-1px;
	border-top-width:1px;
	border-top-style:solid;
	}



.hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; }
.hr-invisible {float:none;}

.hr-full, .hr-big{margin:70px 0;}
.hr-full .hr-inner{width:300%; left:-100%;}
.hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);}

.sidebar_right .hr-full .hr-inner{left:auto; right:-50px;}
.sidebar_left .hr-full .hr-inner{left:-50px;}



.hr-short {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-short .hr-inner{ width:80%; left:30% }

.hr-middle {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-middle .hr-inner{ width:80%; left:10%}

.hr-long {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-long .hr-inner{ width:100%;}

.hr-short.hr-left .hr-inner{  left:0%; margin-left:0%;}
.hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; }

/*Runder Button links*/

.hr-short .hr-inner-style, .hr-middle .hr-inner-style, .hr-long .hr-inner-style{
	border-radius: 20px;
	height:12px;
	width:12px; 
	background:rgba(255,255,255,1);
	border-color: #949392;
	border-width:2px;
	border-style:solid;
	display:block;
	position: absolute;
	left:50%;
	top:25%;
	margin-left:-6px;
	margin-top:-8px;
	}

	/*
	.hr-short .hr-inner-style1, .hr-middle .hr-inner-style1, .hr-long .hr-inner-style1{
	border-radius: 20px;
	height:12px;
	width:12px; 
	border-color: #949392;
	border-width:2px;
	border-style:solid;
	display:block;
	position: absolute;
	left:49.4%;
	margin-left:-6px;
	margin-top:-7px;
	}
	*/
	.hr-short .hr-inner-style2, .hr-middle .hr-inner-style2, .hr-long .hr-inner-style2{
	border-radius: 20px;
	height:12px;
	width:12px; 
	border-color: #fff;
	border-width:2px;
	border-style:solid;
	display:block;
	position: absolute;
	left:50%;
	margin-left:-6px;
	margin-top:-9px;
	}
/*
	.hr-short .hr-inner-style3, .hr-middle .hr-inner-style1, .hr-long .hr-inner-style1{
	border-radius: 20px;
	height:12px;
	width:12px; 
	border-color: #949392;
	border-width:2px;
	border-style:solid;
	display:block;
	position: absolute;
	left:49.4%;
	margin-left:-6px;
	margin-top:-7px;
	background-image:url(../bilderpfad/buttons/ringe_117959223.png); top:1%;left:-20%; no-repeat; z-index:1
	}	
*/	
	.hr-short .hr-inner-style2, .hr-middle .hr-inner-style2, .hr-long .hr-inner-style2{
	height:29px;
	width:30px; 
	display:block;
	position: absolute;
	left:49.4%;
	margin-left:1px;
	margin-top:-15px;
	background-image:url(../bilderpfad/buttons/ringe_117959223.png); 
	/*top:1%;left:1%;*/ no-repeat; z-index:1
	}	
.hr-short.hr-left .hr-inner-style{  left:5px; }
.hr-short.hr-right .hr-inner-style{  left:auto; right:0; }


.almed_image, .almed-image-caption-overlay{border-radius: 4px; display:block; position: relative; max-width: 100%;}



		



/* ========================================================================================================================================================================== 
ANIMATION
============================================================================================================================================================================= */


  @-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }




.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;}

}





















@media screen and (max-width:1280px){

/* ========================================================================================================================================================================== 
Blogeinbau
============================================================================================================================================================================= */
.blogposition {margin-top:25px}
.sdesignposition {margin-top:-105px;}


/* ========================================================================================================================================================================== 
TEXTFELDER die reinfliegen
============================================================================================================================================================================= */

.hint-f90{background: #f90;}
.hint-lila{background: #B964A2;}
.hint-hell-lila{background: #B9B4F1;}
.hint-hellgruen{background: #c4dc65;}

.hint-opacity05{opacity: 0.5;}
.hint-opacity02{opacity: 0.2;}
.hint-opacity07{opacity: 0.4;}

.hint-pos-left-3{left: 3%;}
.hint-pos-left-5{left: 5%;}
.hint-pos-left-7{left: 7%;}

.hint-pos-right-3{right: 3%;}
.hint-pos-right-5{right: 5%;}
.hint-pos-right-7{right: 7%;}

.hint-pos-center{margin:0 auto}

.hint-pos-bottom-5{bottom: 2%;}
.hint-pos-bottom-10{bottom: 5%;}
.hint-pos-bottom-20{bottom: 10%;}
.hint-pos-bottom-30{bottom: 15%;}
.hint-pos-bottom-40{bottom: 20%;}
.hint-pos-bottom-50{bottom: 25%;}

.hint-pos-top-5{top: 5%;}
.hint-pos-top-10{top: 10%;}
.hint-pos-top-20{top: 20%;}
.hint-pos-top-25{top: 25%;}
.hint-pos-top-27{top: 27.5%;}
.hint-pos-top-30{top: 30%;}
.hint-pos-top-35{top: 35%;}
.hint-pos-top-40{top: 40%;}
.hint-pos-top-50{top: 50%;}





.color-666{color:#666}
.color-fff{color:#fff}
.color-hellgruen{color:#66ff66}

.textfeld-fixed{
	padding: 20px 40px;
	margin: 50px;
	position: fixed;
	border-radius: 5px;
	}

.textfeld-absolute{
	padding: 13px 25px; 
	position: absolute;
	border-radius: 5px;
	}
	
.font-1 {font-size: 1em}
.font-15 {font-size: 1.3em}
.font-16 {font-size: 1.4em}
.font-17 {font-size: 1.5em}
.font-18 {font-size: 1.6em}
.font-19 {font-size: 1.7em}
.font-2 {font-size: 1.8em}
.font-20 {font-size: 1.8em}

.font-25 {font-size: 2.0em}
.font-3 {font-size: 2.2em}
.font-30 {font-size: 2.2em}
.font-35 {font-size: 3.0em}
.font-4 {font-size: 3.5em}
.font-40 {font-size: 3.5em}
.font-45 {font-size: 4em}
.font-5 {font-size: 4em}
.font-50 {font-size: 4em}

}	





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


/* ==== EQUALIZE ABWÄHLEN durch padding/margin 0 Setzen ====================================================================================================================  */
.ym-equalize>*>.ym-gbox,.ym-equalize>*>.ym-gbox-left,.ym-equalize>*>.ym-gbox-right{padding-bottom:0px;margin-bottom:0px}



/* ========================================================================================================================================================================== 
Blogeinbau
============================================================================================================================================================================= */
.blogposition {margin-top:-10px}
.sdesignposition {margin-top:-120px;}


/* ========================================================================================================================================================================== 
SPACE O und U
============================================================================================================================================================================= */
.padding-left-100{padding-left:50px}
.padding-left-75{padding-left:32.5px}
.padding-left-50{padding-left:25px}
.padding-left-25{padding-left:12.5px}

.padding-right-100{padding-right:50px}
.padding-right-75{padding-right32.5px}
.padding-right-50{padding-right:25px}
.padding-right-25{padding-right:12.5px}

.margin-left-100{margin-left:50px}
.margin-left-75{margin-left:32.5px}
.margin-left-50{margin-left:25px}
.margin-left-25{margin-left:12.5px}

.margin-right-100{margin-right:50px}
.margin-right-75{margin-right:32.5px}
.margin-right-50{margin-right:25px}
.margin-right-25{margin-right:12.5px}



.space-o10{margin-top:5px;}
.space-u10{margin-bottom:5px;}
.space-o25{margin-top:12.5px;}
.space-u25.5{margin-bottom:12.5px;}
.space-o30{margin-top:15px;}
.space-u30{margin-bottom:15px;}
.space-o50{margin-top:25px;}
.space-u50{margin-bottom:25px;}
.space-o75{margin-top:33px;}
.space-u75{margin-bottom:33px;}
.space-o100{margin-top:60px;}
.space-u100{margin-bottom:60px;}
.space-o150{margin-top:125px;}
.space-u150{margin-bottom:125px;}
.space-o200{margin-top:100px;}
.space-u200{margin-bottom:100px;}


/* ========================================================================================================================================================================== 
TEXTFELDER die reinfliegen
============================================================================================================================================================================= */

.hint-f90{background: #f90;}
.hint-lila{background: #B964A2;}
.hint-hell-lila{background: #B9B4F1;}
.hint-hellgruen{background: #c4dc65;}

.hint-opacity05{opacity: 0.5;}
.hint-opacity02{opacity: 0.2;}
.hint-opacity07{opacity: 0.4;}

.hint-pos-left-3{left: 3%;}
.hint-pos-left-5{left: 5%;}
.hint-pos-left-7{left: 7%;}

.hint-pos-right-3{right: 3%;}
.hint-pos-right-5{right: 5%;}
.hint-pos-right-7{right: 7%;}

.hint-pos-center{margin:0 auto}

.padding-5-10 {padding: 5px 10px}
.padding-10-20 {padding: 10px 20px}
.padding-20-40 {padding: 10px 20px}


.hint-pos-bottom-5{bottom: 6%;}
.hint-pos-bottom-10{bottom: 8%;}
.hint-pos-bottom-20{bottom: 17%;}
.hint-pos-bottom-30{bottom: 30%;}
.hint-pos-bottom-40{bottom: 35%;}
.hint-pos-bottom-50{bottom: 45%;}

.hint-pos-top-5{top: 5%;}
.hint-pos-top-10{top: 10%;}
.hint-pos-top-20{top: 20%;}
.hint-pos-top-25{top: 25%;}
.hint-pos-top-27{top: 27.5%;}
.hint-pos-top-30{top: 30%;}
.hint-pos-top-35{top: 35%;}
.hint-pos-top-40{top: 40%;}
.hint-pos-top-50{top: 50%;}


.breite85{width:95%}
.breite80{width:98%;}
.breite75{width:95%}
.breite60{width:95%}
.breite50{width:95%}


.color-666{color:#666}
.color-fff{color:#fff}
.color-hellgruen{color:#66ff66}

/*
.textfeld-fixed{
	padding: 15px 30px;
	margin: 50px;
	position: fixed;
	border-radius: 5px;
	}

.textfeld-absolute{
	padding: 10px 15px; 
	position: absolute;
	border-radius: 5px;
	}
*/	

.font-1 {font-size: 1em}
.font-15 {font-size: 1.1em}
.font-16 {font-size: 1.2em}
.font-17 {font-size: 1.3em}
.font-18 {font-size: 1.4em}
.font-19 {font-size: 1.5em}
.font-2 {font-size: 1.4em}
.font-20 {font-size: 1.6em}
.font-5 {font-size: 3.5em}
.font-50 {font-size: 3.5em}

	
/* ========================================================================================================================================================================== 
HR Tags
============================================================================================================================================================================= */
.hr{
clear: both;
display:block;
width:100%;
height:25px;
line-height:25px;
position: relative;
margin:30px 0;
float:left;
}

.hr.hr-space-o25{margin-top:12.5px;}
.hr.hr-space-u25{margin-bottom:12.5px;}

.hr.hr-space-o50{margin-top:25px;}
.hr.hr-space-u50{margin-bottom:25px;}

.hr.hr-space-o100{margin-top:50px;}
.hr.hr-space-u100{margin-bottom:50px;}

.hr.hr-space-o150{margin-top:75px;}
.hr.hr-space-u150{margin-bottom:75px;}

}


@media screen and (max-width:960px){

/* ========================================================================================================================================================================== 
Blogeinbau
============================================================================================================================================================================= */
.blogposition {margin-top:-35px}

.menuwegresp{display:none}
.menureinresp{display:block}

/* ========================================================================================================================================================================== 
TEXTFELDER die reinfliegen
============================================================================================================================================================================= */

.hint-f90{background: #f90;}
.hint-lila{background: #B964A2;}
.hint-hell-lila{background: #B9B4F1;}
.hint-hellgruen{background: #c4dc65;}

.hint-opacity05{opacity: 0.5;}
.hint-opacity02{opacity: 0.2;}
.hint-opacity07{opacity: 0.4;}

.hint-pos-left-3{left: 3%;}
.hint-pos-left-5{left: 5%;}
.hint-pos-left-7{left: 7%;}

.hint-pos-right-3{right: 3%;}
.hint-pos-right-5{right: 5%;}
.hint-pos-right-7{right: 7%;}

.hint-pos-center{margin:0 auto}

.hint-pos-bottom-5{bottom: 6%;}
.hint-pos-bottom-10{bottom: 8%;}
.hint-pos-bottom-20{bottom: 17%;}
.hint-pos-bottom-30{bottom: 30%;}
.hint-pos-bottom-40{bottom: 35%;}
.hint-pos-bottom-50{bottom: 45%;}

.hint-pos-top-5{top: 5%;}
.hint-pos-top-10{top: 10%;}
.hint-pos-top-20{top: 20%;}
.hint-pos-top-25{top: 25%;}
.hint-pos-top-27{top: 27.5%;}
.hint-pos-top-30{top: 30%;}
.hint-pos-top-35{top: 35%;}
.hint-pos-top-40{top: 40%;}
.hint-pos-top-50{top: 50%;}

.color-666{color:#666}
.color-fff{color:#fff}
.color-hellgruen{color:#66ff66}


.img-breite {width: 50%;}



.font-1 {font-size: 1em}
.font-15 {font-size: 1.0em}
.font-16 {font-size: 1.0em}
.font-17 {font-size: 1.1em}
.font-18 {font-size: 1.2em}
.font-19 {font-size: 1.3em}
.font-2 {font-size: 1.4em}




.linearize-level-1,.linearize-level-1>[class*="ym-g"],.linearize-level-1>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-1>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-1>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}

}




@media screen and (max-width:800px){

/* ========================================================================================================================================================================== 
Blogeinbau
============================================================================================================================================================================= */
.blogposition {margin-top:-60px}

}








@media screen and (max-width:740px){

/* ========================================================================================================================================================================== 
TEXTFELDER die reinfliegen
============================================================================================================================================================================= */

.padding-left-100{padding-left:0}
.padding-left-75{padding-left:0}
.padding-left-50{padding-left:0}
.padding-left-25{padding-left:0}
.padding-left-10{padding-left:0}


.hint-f90{background: #f90;}
.hint-lila{background: #B964A2;}
.hint-hell-lila{background: #B9B4F1;}
.hint-hellgruen{background: #c4dc65;}

.hint-opacity05{opacity: 0.5;}
.hint-opacity02{opacity: 0.2;}
.hint-opacity07{opacity: 0.4;}

.hint-pos-left-3{left: 3%;}
.hint-pos-left-5{left: 5%;}
.hint-pos-left-7{left: 7%;}

.hint-pos-right-3{right: 3%;}
.hint-pos-right-5{right: 5%;}
.hint-pos-right-7{right: 7%;}

.hint-pos-center{margin:0 auto}

.hint-pos-bottom-5{bottom: 6%;}
.hint-pos-bottom-10{bottom: 8%;}
.hint-pos-bottom-20{bottom: 17%;}
.hint-pos-bottom-30{bottom: 30%;}
.hint-pos-bottom-40{bottom: 35%;}
.hint-pos-bottom-50{bottom: 45%;}


.color-666{color:#666}
.color-fff{color:#fff}
.color-hellgruen{color:#66ff66}

.textfeld-fixed{
	padding: 10px 15px; 
	position: fixed;
	border-radius: 5px;
	}

.textfeld-absolute{
	padding: 10px 15px; 
	position: absolute;
	border-radius: 5px;
	}
	
.font-1 {font-size: 1em}
.font-15 {font-size: 1.0em}
.font-16 {font-size: 1.0em}
.font-17 {font-size: 1.0em}
.font-18 {font-size: 1.0em}
.font-19 {font-size: 1.1em}
.font-2 {font-size: 1.2em}


.linearize-level-2,.linearize-level-2>[class*="ym-g"],.linearize-level-2>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-2>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-2>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}

}


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



.breite100{width:100%}
.breite90{width:100%}
.breite85{width:100%}
.breite80{width:100%}
.breite75{width:100%}
.breite70{width:100%}
.breite60{width:100%}
.breite50{width:100%}
.breite40{width:100%}

}

@media screen and (max-width:380px){

.img-breite {width: 70%;}

}

@media all{
	
.kontakt {width:100%;}

.kontakt {}
.kontakt p {}
.kontakt p a{color:#949392;}

.kontakt table {margin: 0; padding: 0px; line-height: 150% !important; font-size: 1em}
.kontakt table tr{margin: 0; padding: 0; line-height: 150% !important;}
.kontakt table td{margin: 0; padding: 5px 0; line-height: 150% !important;}
.kontakt table td:hover{margin: 0; padding: 5px 0; line-height: 150% !important;}

.kontakt table td.tag{padding-right:10px; font-weight: bold;color:#949392}

.kontakt h2{font-size: 1.2em; margin:10px 0 0 0; padding:0px 0 0 0; color=#474747;}


}