﻿
* {margin:0;padding:0;}
body, html {margin:0;background: #24727d url(bilder/bg.png) repeat scroll left top;font-family:'arimoregular', sans-serif;font-weight:normal;font-size:13px;color:#555;line-height:19px;}
/* 1. START fonts */
@font-face {
    font-family: 'fjallaoneregular';
    src: url('css/fonts/fjallaone.eot');
    src: url('css/fonts/fjallaone.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/fjallaone.woff') format('woff'),
         url('css/fonts/fjallaone.ttf') format('truetype'),
         url('css/fonts/fjallaone.svg#fjalla_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arimoregular';
    src: url('css/fonts/arimo.eot');
    src: url('css/fonts/arimo.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arimo.woff') format('woff'),
         url('css/fonts/arimo.ttf') format('truetype'),
         url('css/fonts/arimo.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arimoregular';
    src: url('css/fonts/arimo_bold.eot');
    src: url('css/fonts/arimo_bold.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arimo_bold.woff') format('woff'),
         url('css/fonts/arimo_bold.ttf') format('truetype'),
         url('css/fonts/arimo_bold.svg#arimobold') format('svg');
    font-weight: bold;
    font-style: normal;
}
.box4_line {height: 1px;border-top: 2px groove #6d6d6d;margin: 0;padding: 4px 0px 4px 0px; margin-top: 10px;}
.preis_container{width: 280px;}
.modul{float:left;width: 170px;font-family: 'fjallaoneregular', sans-serif;color: #5F5F5F;font-weight: normal;font-size: 16px;}
.preis{float:right;font-family: 'fjallaoneregular', sans-serif;color: #5F5F5F;font-weight: normal;font-size: 16px;}
.clearfix, .clear, .clearer, .clearfix_2 {line-height:0px;height:0px;clear:both;}
#container {max-width:1100px;padding:0;margin:0 auto;position:relative;top:0;background: #fff;-webkit-box-shadow:0 0 30px rgba(0,0,0,0.8);-moz-box-shadow:0 0 30px rgba(0,0,0,0.8);box-shadow:0 0 30px rgba(0,0,0,0.8);}
.logo			{width:105px;height:110px;margin:0 auto;padding-top: 8px;padding-right: 19px;position: relative;z-index: 5;}
.logo img 		{}
.logo img:hover {}
.under_logo{width:100%;height: 25px;margin:0 auto;background-attachment:scroll;background-image:url(bilder/under_logo.png);background-repeat:no-repeat;background-position:center center;margin-top: -35px;}
.main_content{padding: 0px 10px 15px 10px;}
.centered{margin:0 auto;text-align:center;}
.centered_2{margin:0 auto;text-align:center;font-size: 15px;font-weight:700;color: #31809a;}
.head_nav_left{float:left;width:30%;height:40px;margin-top:25px;left:50px;position:relative;border-top: 1px dotted #2fa4b4;border-bottom: 1px dotted #2fa4b4;background-attachment:scroll;background-image:url(bilder/sub_nav_bg.png);background-repeat:no-repeat;background-position:left center;}
ul.headlist_left, ul.headlist_left ul {list-style-type:none;}
ul.headlist_left li {float:left;margin: 0px 2px 0px 2px;list-style-type: none;}
ul.headlist_left li a {color: #afafaf;outline:none;padding: 10px 0px 0px 0px;display:block;width: 100px;height: 30px;text-align: center;font-family: 'fjallaoneregular', sans-serif;font-size: 13px;text-transform: uppercase;}
ul.headlist_left li li a {padding-left:24px;background:transparent;}
ul.headlist_left li a:hover {color:#4f4f4f;text-decoration:none;}
ul.headlist_left li li a:hover {color:#dddddd;text-decoration:none;}

.head_nav_right{float:right;width:30%;height:40px;margin-top:25px;right:50px;position:relative;border-top: 1px dotted #2fa4b4;border-bottom: 1px dotted #2fa4b4;background-attachment: scroll;background-image: url(bilder/sub_nav_bg.png);background-repeat: no-repeat;background-position: left center;}
ul.headlist_right, ul.headlist_right ul {list-style-type:none;}
ul.headlist_right li {float:right;margin: 0px 2px 0px 2px;list-style-type: none;}
ul.headlist_right li a {color: #afafaf;outline:none;padding: 10px 0px 0px 0px;display:block;width: 100px;height: 30px;text-align: center;font-family: 'fjallaoneregular', sans-serif;font-size: 13px;text-transform: uppercase;}
ul.headlist_right li li a {padding-left:24px;background:transparent;}
ul.headlist_right li a:hover {color:#525252;text-decoration:none;}
ul.headlist_right li li a:hover {color:#dddddd;text-decoration:none;}
ul{list-style-position: inside;list-style-type: disc;display:block;}
li{list-style-position: unset;list-style-type: none;}
ul.contentlist{margin-left: 15px;margin-right:0;padding: 0px 0px 8px 0px;list-style-type:none;position:relative;left:1px;top:3px;width:auto;}
ul.contentlist li:before {content: "";position:absolute;top:3px;left:-16px;width: 21px;height: 21px;background-image:url('bilder/list_cat.png');}
ul.contentlist li{padding:4px 0px 4px 0px;margin:0px;position:relative;list-style-type:none;font-size:16px;text-decoration:none;color:#666;padding-left:14px;font-weight:700;}
.contentlist a{display:block;padding:0px;margin:0px;position:relative;}
.contentlist a:hover{color:#ccc;}

ul.contentlist_index{margin-left: 15px;margin-right:0;padding: 0px 0px 8px 0px;list-style-type:none;position:relative;left:1px;top:3px;width:auto;}
ul.contentlist_index li:before {content: "";position:absolute;top:4px;left:-16px;width:19px;height:19px;background-image:url('bilder/list_cat.png');}
ul.contentlist_index li{padding:4px 0px 4px 0px;margin:0px;position:relative;list-style-type:none;font-size:16px;text-decoration:none;color:#666;padding-left:14px;font-weight: 400;}
.contentlist_index a{display:block;padding:0px;margin:0px;position:relative;}
.contentlist_index a:hover{color:#ccc;}

/* 6. START inputs */
input {
  font-family: 'arimoregular', sans-serif;
  font-size:13px;
}
textarea {
  font-family: 'arimoregular', sans-serif;
  font-size:13px;
  background-color:#fafafa;
  border-color: #C6C6C6 #DADADA #EAEAEA;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  padding: 6px 5px 5px 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz--webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit--webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width: 99%;
  margin-bottom: 8px;
}
select {
  font-family: 'arimoregular', sans-serif;
  font-size:13px;
  background-color:#fafafa;
  border-color: #C6C6C6 #DADADA #EAEAEA;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
	padding: 5px 4px 5px 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
  -moz--webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  -webkit--webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
  width:100%;
}  
.gross{
	font-size:20px;
	color:#000;
	line-height: 25px;margin-top:10px;
}
input[type=text], input[type=password], input[type=email] {
  background-color:#fafafa;
  border-color: #C6C6C6 #DADADA #EAEAEA;
  color: #999999;
  border-style: solid;
  border-width: 1px;
  vertical-align: middle;
  padding: 6px 5px 6px 5px;
  -moz--webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit--webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  width: 50%;
  height:32px;
  *
  behavior: url(templates/tpl_modified/css/boxsizing.htc);
  -moz--webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit--webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding: 4px;
  margin: 4px;
}
input[type=radio], input[type=checkbox] {margin: 0 3px;}
.stern input[type=text], .stern input[type=password], .stern input[type=email], .stern input[type=tel], .stern select, .stern textarea  {
  width:95%;
}
input

[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover {
    background-color:#FFFFFF;
border-color: #C6C6C6 #DADADA #EAEAEA;
    color: #666666;
}    
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, 

select:focus, textarea:focus {
    background-color:#FFFFFF;
    border-color: #659EC9 #70AEDD #A8CFEC;
    color: #333333;
    outline: 0 none;
}

/*--- 2. Menü Horizontal ---*/
#alternative_menu {display:none;}
select:focus, select:active, textarea:focus {
    background-color:#FFFFFF;
    border-color: #659EC9 #70AEDD #A8CFEC;
    color: #333333;
    outline: 0 none;
}
input[type=radio], input[type=checkbox] {margin: 0 3px;}
.stern input[type=text], .stern input[type=password], .stern input[type=email], .stern input[type=tel], .stern select, .stern textarea  {
  width:95%;
}
input

[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover {
    background-color:#FFFFFF;
border-color: #C6C6C6 #DADADA #EAEAEA;
    color: #666666;
}    
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, 

select:focus, textarea:focus {
    background-color:#FFFFFF;
    border-color: #659EC9 #70AEDD #A8CFEC;
    color: #333333;
    outline: 0 none;
}

#mm-menu:not( .mm-menu ) {display: none;}
#header_mm, #header_mm.fixed{display: none;}
.store_name{float:left;margin-left: 50px;font-family: 'fjallaoneregular', sans-serif;font-size: 16px;color: #fff;margin-top: 14px;text-shadow: 1px 1px 4px #444;}
#header_mm a{display:block;width:40px;height:40px;position:absolute;top:0;left:10px;font-size:5em;line-height:38px;color:#fff;text-decoration:none;text-align:center;font-family: 'fjallaoneregular', sans-serif;text-shadow:1px 1px 4px #444;}
.mm_a{color: #fff;text-decoration: none;text-align: center;font-family: 'fjallaoneregular', sans-serif;}
.blind_div{height:0px;display:none;}
.txt{margin-top:5px;margin-bottom:5px;}
.left{float:left;width:33%;box-sizing:border-box;font-size: 15px;padding:0px 4px 0px 4px;}
.center{float:left;width:33%;box-sizing:border-box;margin:0 auto;text-align:center;}
.center img{max-width:100%;border: 8px solid #fff;box-sizing:border-box;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.88);}
.right{float:right;width:33%;box-sizing:border-box;font-size: 15px;padding:0px 4px 0px 4px;}
.main_nav{width:95%;border: 8px solid #fff;background: #36abba url(bilder/main_nav_bg.png) repeat-x scroll left top;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.88);height: 60px;margin: 0 auto;box-sizing: border-box;margin-top: 6px;}
nav#menu_2-wrap 	{background-color: transparent;margin-top: 4px;margin-bottom: 2px;}
#menu_2, #menu_2 ul {list-style: none;z-index: 98;position:relative;list-style-type: none;}
#menu_2 			{width:100%;margin:0;padding:0;float: left;height: 50px;list-style: none;list-style-type: none;}	
#menu_2:before,
#menu_2:after 		{content: "";display: table;}
#menu_2:after 		{clear: both;}
#menu_2 			{zoom:1;}

#menu_2 li 			{float: left;position:relative;list-style-type: none;}
#menu_2 li:last-child {}
#menu_2 li:first-child {
    list-style-type: none;
}
#menu_2 a {float: left;padding: 12px 12px 5px 12px;color: #ffffff;text-decoration: none;height: 28px;font-family: 'fjallaoneregular', sans-serif;font-weight: 400;font-size: 14px;text-shadow: 1px 1px 1px #131313;}
#menu_2 li:hover > a {color: #98e4ef;background-color: transparent;text-shadow: 0px 0px 5px #212121;}
*html #menu_2 li a:hover {color: #fafafa;}
#menu_2 ul {
		margin: 20px 0 0 0;
		_margin: 0;
		opacity: 0;
		filter:alpha(opacity=0);
		-moz-opacity:0;
		visibility: hidden;
		position: absolute;
		top: 46px;
		left: 0;
		z-index: 1;
		-moz-box-shadow: 1px 1px 2px #333, 0 1px 0 #e6e6e6 inset;
		-webkit-box-shadow: 1px 1px 2px #333, 0 1px 0 #e6e6e6 inset;
		box-shadow: 1px 1px 2px #333, 0 1px 0 #e6e6e6 inset;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		background: #7d7e7d; 
		background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); 
		background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); 
		background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}
#menu_2 li:hover > ul {opacity: 1.0;visibility: visible;margin: 0;}
#menu_2 ul ul {top: 0;left: 150px;margin: 0 0 0 5px;_margin: 0;-moz-box-shadow:1px 1px 2px #333, 0 1px 0 #e6e6e6 inset;-webkit-box-shadow:1px 1px 2px #333, 0 1px 0 #e6e6e6 inset;box-shadow:1px 1px 2px #333, 0 1px 0 #e6e6e6 inset;}
#menu_2 ul li {float:none;display:block;border: 0;_line-height:0;-moz-box-shadow:0 1px 0 #201F1F, 0 2px 0 #c4c4c4;-webkit-box-shadow:0 1px 0 #201F1F, 0 2px 0 #c4c4c4;box-shadow:0 1px 0 #201F1F, 0 2px 0 #c4c4c4;}
#menu_2 ul li:last-child {-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-right-width:0;}
#menu_2 ul a {padding:10px;min-width:190px;height:auto;display:block;float: none;text-transform:none;}
#menu_2 ul a:hover {background:#4c4c4c;color:#FFFFFF;text-shadow:1px 1px 1px #000;}
#menu_2 ul li:first-child > a {-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
#menu_2 ul li:first-child > a:after {content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fefefe;}
#menu_2 ul ul li:first-child a:after {left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #fcfcfc;}
#menu_2 ul li:first-child a:hover:after {border-bottom-color: #676767;}
#menu_2 ul ul li:first-child a:hover:after {border-right-color:#676767;border-bottom-color: transparent;}
#menu_2 ul li:last-child > a {-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
#menu_2-trigger {display: none;}


/* START headlines */
h1 {font-family:'fjallaoneregular', sans-serif;color:#5F5F5F;font-weight:normal;font-size: 16px;margin: 0px 0 13px 0;padding: 14px 0 1px 0px;border:#ce0f0f dotted;border-width:0 0 1px 0;text-align: center;}
h2 {
    font-family: 'fjallaoneregular', sans-serif;
    color: #149dae;
    font-weight: normal;
    font-size: 17px;
    margin: 0;
    padding: 0;
}
h3 {color: #148492;font-weight: 400;font-size: 14px;font-family: 'fjallaoneregular', sans-serif;margin: 4px 0px 4px 0px;}
h4 {font-family:'fjallaoneregular', sans-serif;color:#708381;font-weight:normal;text-transform:uppercase;font-size:14px;margin:0px 0px 14px 0px;padding:0px;border:#999999 dotted;border-width:0px 0px 1px 0px;padding-bottom:5px;}
h5 {/* font-family:'fjallaoneregular', sans-serif; */color:#708381;font-weight:normal;/* text-transform:uppercase; */font-size: 14px;margin:0px 0px 14px 0px;padding:0px;border:#999999 dotted;border-width:0px 0px 1px 0px;padding-bottom:5px;}
.headline{max-width:100%;margin:0 auto;text-align: center;margin-bottom: 10px;}
.headline img{max-width:100%;margin:0 auto;}


/* START Global Footer */
#layout_footer_inner {width: 97%;margin: 0px auto;padding: 20px 0 0 0;}
.footer_box {float:left;width: 23%;min-height:200px;margin:0 0 0 20px;} 
.footer_box.first {width: 23%;margin:0 0 0 0;}
.box3_line {height:1px;border-top: 2px groove #6d6d6d;margin: 0;}
.box4_line {height:1px;border-top: 1px dotted #00bcd4;margin: 0;padding: 4px 0px 8px 0px;margin-top:10px;}
#layout_footer 	{background: #585858 url(bilder/footer_bg.png) repeat scroll left top;min-height:280px;margin: 0px 0 0 0;padding: 0 0 20px 0;width: 100%;/* border-top: #888888 1px solid; */-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.75);}
.white_footer	{margin:0 auto;color: #d0d0d0;text-transform:uppercase;text-align:center;font-family: 'fjallaoneregular', sans-serif;font-size:12px;}
.box3 {margin: 0px 0px 20px 0px;}
.box3_header {font-family:'fjallaoneregular', sans-serif;color:#ffffff;font-size:17px;height:20px;line-height:20px;margin-top:5px;margin-bottom:5px;text-shadow:1px 1px 2px #000000;}
.box3_header_new {font-family:'fjallaoneregular', sans-serif;color: #676767;font-size:16px;height: 20px;line-height: 20px;margin-top: 5px;}
ul.footerlist, ul.footerlist ul {list-style-type:none;}
ul.footerlist li {}
ul.footerlist li a {color:#ffffff;outline:none;padding:5px 0;display:block;border-bottom: 1px dotted #D8CECE;}
ul.footerlist li li a {padding-left:24px;background:transparent url(bilder/footer_arrow.png) no-repeat 98% 10px;}
ul.footerlist li a:hover {color:#dddddd;background:transparent url(bilder/footer_arrow.png) no-repeat 98% 10px;text-decoration:none;}
ul.footerlist li li a:hover {color:#dddddd;background:transparent url(bilder/footer_arrow.png) no-repeat 98% 10px;text-decoration:none;}

/* Footer Galerie */
ul.footerimages, ul.footerimages ul {list-style-type:none;margin-top: 5px;}
ul.footerimages li 				{float:left;}
ul.footerimages li a 			{color:#ffffff;padding: 0px 4px 0px 0px;display:block;}
ul.footerimages li li a 		{padding-left:24px;}
ul.footerimages li a:hover 		{color:#dddddd;text-decoration:none;}
ul.footerimages li li a:hover 	{text-decoration:none;}

/* Content Galerie */
ul.contentimages, ul.contentimages ul {list-style-type:none;margin-top: 10px;margin-bottom: 5px;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-flow: row wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: center;justify-content: center;align-items: center;}
ul.contentimages li 				{float:left;}
ul.contentimages li a 			{color:#ffffff;padding: 0px 4px 0px 0px;display:block;}
ul.contentimages li li a 		{padding-left:24px;}
ul.contentimages li a:hover 		{color:#dddddd;text-decoration:none;}
ul.contentimages li li a:hover 	{text-decoration:none;}

/* Content List */
ul.contentimages2, ul.contentimages2 ul {list-style-type:none;margin-top: 10px;margin-bottom: 5px;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-flow: row wrap;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: center;justify-content: space-between;align-items: center;}
ul.contentimages2 li 				{  display: flex;
  align-items: center;
  justify-content: center;font-size: 15px;padding: 10px;border: 2px solid #0c7784;min-width: 30%;min-height: 38px;vertical-align: middle;text-align: center;background: #1aa5b7;font-weight: bold;color: #ffffff;}
ul.contentimages2 li a 			{color:#ffffff;padding: 0px 4px 0px 0px;display:block;}
ul.contentimages2 li li a 		{padding-left:24px;}
ul.contentimages2 li a:hover 		{color:#dddddd;text-decoration:none;}
ul.contentimages2 li li a:hover 	{text-decoration:none;}
.center_text {font-size:20px;color:#333;text-align:center;    font-weight: bold;}

/* Footer Galerie Ende */
.icons_facebook					{float: right;margin-left: 0;margin-right: 5px;margin-top: 3px;width: 28px;height: 26px;}
.icons_facebook_small			{display: none;}
.icons_linkedin					{float: right;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_youtube					{float: right;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_gplus					{float: right;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_instagram				{float: right;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_facebook img 			{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_linkedin img 			{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_youtube img 				{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_gplus img 				{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_instagram img			{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_facebook img:hover		{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_linkedin img:hover 		{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_youtube img:hover		{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_gplus img:hover			{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_instagram img:hover		{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_facebook_foot			{float: left;margin-left: 5px;margin-right: 5px;margin-top: 3px;width: 28px;height: 26px;}
.icons_facebook_foot_small		{display: none;}
.icons_linkedin_foot			{float: left;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_youtube_foot				{float: left;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_gplus_foot				{float: left;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_instagram_foot			{float: left;margin-left: 5px;margin-right: 5px;margin-top:3px;width: 28px;height: 26px;}
.icons_facebook_foot img 		{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_linkedin_foot img 		{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_youtube_foot img 		{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_gplus_foot img 			{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_instagram_foot img		{opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_facebook_foot img:hover	{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_linkedin_foot img:hover 	{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_youtube_foot img:hover	{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_gplus_foot img:hover		{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_instagram_foot img:hover	{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
/* ENDE Global Footer */

/* -- Beginn Fancybox --*/
a.fancybox-button img {max-width:100%;border: 2px solid #fff;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(fancybox_sprite.png);}
.fancybox-wrap {position: absolute;	top: 0;left: 0;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(css/fancybox_sprite.png);}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url(css/fancybox_loading.gif) center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url(css/blank.gif);-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
.fancybox-lock {overflow: visible !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url(css/fancybox_overlay.png);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url(css/fancybox_sprite@2x.png);background-size: 44px 152px;}
	#fancybox-loading div {background-image: url(css/fancybox_loading@2x.gif);background-size: 24px 24px;}
}
/* Ende Fancybox */

/*--- BEGINN MASKE ---*/
.product_listing_PreviewImage_mod{max-width: 100%;height: 285px;margin:0 auto;padding:0;text-align:center;overflow:hidden;margin-bottom: 7px;}
#teaser_img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom: 6px;margin-top: 6px;width:100%;/* flex-wrap:nowrap; */}
.teaser_pic_1{min-height: 250px;}
.teaser_pic_2{height: auto;}
.teaser_pic_3{height: auto;}
.teaser_pic_4{height: auto;}
.teaser_pic_1 img{max-width:100%;height:auto;flex-flow: row wrap;box-shadow: 0px 1px 5px #999;-webkit-box-shadow: 0px 1px 5px #999;-moz-box-shadow: 0px 1px 5px #999;}
.teaser_pic_2 img{max-width:100%;height:auto;flex-flow: row wrap;box-shadow: 0px 1px 5px #999;-webkit-box-shadow: 0px 1px 5px #999;-moz-box-shadow: 0px 1px 5px #999;}
.teaser_pic_3 img{max-width:100%;height:auto;flex-flow: row wrap;box-shadow: 0px 1px 5px #999;-webkit-box-shadow: 0px 1px 5px #999;-moz-box-shadow: 0px 1px 5px #999;}
.teaser_pic_4 img{max-width:100%;height:auto;flex-flow: row wrap;box-shadow: 0px 1px 5px #999;-webkit-box-shadow: 0px 1px 5px #999;-moz-box-shadow: 0px 1px 5px #999;}

/* Caption Style 3 */
.cs-style-3 figure {overflow: hidden;}
.cs-style-3 figure img {-webkit-transition:-webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition:transform 0.4s;}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}
.cs-style-3 figcaption {height: 285px;width:100%;top:auto;bottom:0;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition:-moz-transform 0.4s, opacity 0.1s 0.3s;transition:transform 0.4s, opacity 0.1s 0.3s;}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;}
.cs-style-3 figcaption a {position: absolute;bottom: 10px;left: 10px;}
.grid {padding: 0;max-width: 100%;margin: 0 auto;list-style: none;text-align: center;}
.grid li {display: inline-block;width: 230px;margin: 0;text-align: left;position: relative;}
.grid figure {margin: 0;position: relative;}
.grid figure img {max-width: 100%;display: block;position: relative;}
.grid figcaption {position: absolute;bottom: 0;left: 0;padding: 4px;background: #00bcd5;color: #ffffff;text-align: center;}
.grid figcaption h3 {margin: 0;padding: 0;color: #fff;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.grid figcaption a {text-align: center;padding: 5px 10px;border-radius: 4px;display: inline-block;background: #256e79;color: #fff;text-decoration: none;width: 82%;font-family: 'fjallaoneregular', sans-serif;}
.mask_mini		{font-size:11px;}
.mask_big		{font-size: 17px;text-shadow: 1px 1px 2px #333;}
.mask_middle	{font-size:12px;line-height: 1px;}

.view {width: 250px;height:100%;margin:0 auto;overflow:hidden;position:relative;text-align:center;-moz-box-shadow:1px 1px 2px #e6e6e6;cursor:default;}
.view .mask,.view .content {width: 250px;height:100%;position:absolute;overflow:hidden;top:0;text-align:center;}
.view img {display:block;position:relative;}
.view h2 {text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:17px;padding:5px;background:rgba(0, 0, 0, 0.8);margin:20px 0 0 0;}
.grid p {font-family: unset;font-size: 15px;position:relative;color:#fff;padding: 2px 7px 5px 2px;text-align:center;margin: 0;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.view a.info {display:inline-block;text-decoration:none;padding:7px 14px;background:#3abbce;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 2px #000;-moz-box-shadow:0 0 2px #000;box-shadow:0 0 2px #000;border: 2px solid #fff;}
.view a.info:hover {background:#fff;border:2px solid #3abbce;color:#3abbce;}
.grid h2 {border-bottom: 1px dotted rgb(255, 255, 255);background: transparent;font-family: 'fjallaoneregular', sans-serif;font-weight: 400;text-shadow: 1px 1px 2px #000;font-size: 22px;text-transform: uppercase;color:#fff;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;padding: 5px 0px 8px 0px;margin-top: 4px;margin-bottom: 4px;}
.grid h3 {font-family: 'fjallaoneregular', sans-serif;font-weight: 400;text-shadow: 0px 0px 3px #000;font-size: 18px;text-transform: uppercase;color:#fff;padding: 0px;-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.view-tenth p { color: #333;}
/*--- ENDE MASKE ---*/
/* Box-Schatteneffekte */

.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{

  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
.effect6{position:relative;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.effect6:before, .effect6:after{content:"";position:absolute; z-index:-1;box-shadow:0 0 20px rgba(0,0,0,0.8);top:50%;bottom:0;left:10px;right:10px;border-radius:100px / 10px;}
.effect7{position:relative;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}
.effect7:before, .effect7:after{content:"";position:absolute;z-index:-1;box-shadow:0 0 20px rgba(0,0,0,0.8);top:0;bottom:0;left:10px;right:10px;border-radius:100px / 10px;} 
.effect7:after{right:10px;left:auto;transform:skew(8deg) rotate(3deg);}
.effect8{position:relative;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);}
.effect8:before, .effect8:after{content:"";position:absolute;z-index:-1;-webkit-box-shadow:0 0 9px rgba(0,0,0,0.4);-moz-box-shadow:0 0 9px rgba(0,0,0,0.4);box-shadow:0 0 9px rgba(0,0,0,0.4);top:50%;bottom:0;left:10px;right:10px;-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.effect9{position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.3) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.3) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.3) inset;}

/* START Links global */
a, a:link, a:visited, a:active, a:hover {text-decoration:none;outline:none;cursor:pointer;}
a:link 									{color:#666;outline:none;}
a:visited 								{color: #555;outline:none;}
a:hover, a:active 						{color:#6d2551;outline:none;}
a:hover 								{color:#555;text-decoration:underline;outline:none;}
a img 									{border:none;outline:none;}
#toTop{display:none;text-decoration:none;position:fixed;bottom:40px;right:-15px;overflow:hidden;width:51px;height:51px;border:none;text-indent:-999px;background:url(bilder/ui.totop.png) no-repeat left top;z-index:9999;}
#toTopHover{background:url(bilder/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
#toTop:active, #toTop:focus{outline:none;}

/* FORM */
label {display: inline-block;width: 7em;}
input[type=text] {padding:5px;border:1px solid #ccc;-webkit-border-radius:5px;border-radius:5px;}
input[type=text]:focus {border-color:#000;}
input[type=submit] {padding:5px 15px;background:#00bcd4;border:0 none;cursor:pointer;-webkit-border-radius:5px;border-radius:5px;color:#fff;margin:4px 0px 4px 0px;min-width:120px;min-height:35px;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.88);border:3px solid #fff;box-sizing:border-box;}
input[type=reset] {padding:5px 15px;background: #ef333c;border:0 none;cursor:pointer;-webkit-border-radius:5px;border-radius:5px;color:#fff;margin:4px 0px 4px 0px;min-width:120px;min-height:35px;box-shadow:0px 0px 5px rgba(0, 0, 0, 0.88);border:3px solid #fff;box-sizing:border-box;}

@media screen and (max-width:1230px) {
#layout_footer {margin: 0px 0 0 0;padding:0 0 20px 0;width:100%;}
#layout_footer_inner {width:95%;margin:0px auto; padding:20px 0 0 0;}
.footer_box {float:left;width:45%;min-height:200px;margin:0 0 0 0px;} 
.footer_box.first {width:45%;margin:0 0 0 0;}
}
/* Beginn erster Seitenumbruch */
@media screen and (max-width:1150px) {

#container {width:900px;}
.head_nav_left{width: 320px; left:10px;}
.head_nav_right{width: 320px; right:10px;}
#menu_2 a{font-size: 14px;padding: 12px 10px 5px;}
.da-slide p{width:50%;}
}
@media screen and (max-width: 1150px) {
#header_mm, #header_mm.fixed{display:block;position:fixed;overflow:hidden;z-index:999999999;top: 0;left: 0;width:100%;height: 45px;box-shadow: 0px 0px 5px #333;border-bottom: 4px solid #fff;background: #29697e url(bilder/mobile_bg.png) repeat scroll left top;}
.mobil_categories			{display:block;position:fixed;z-index:99999;top:0px;left:0px;width:100%;border-bottom:1px solid #fff;box-shadow:0px 0px 5px #666;}
#container					{top: 49px;}
.icons_facebook				{display: none;}

.icons_facebook_small	{display: block;float: right;margin-left: 5px;margin-right: 5px;margin-top: 3px;width: 28px;height: 26px;}
.icons_facebook_small img {opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_facebook_small img:hover	{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.icons_facebook_foot			{display: none;}

.icons_facebook_foot_small	{display: block;float: left;margin-left: 5px;margin-right: 5px;margin-top: 3px;width: 28px;height: 26px;}
.icons_facebook_foot_small img {opacity:0.2;-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.icons_facebook_foot_small img:hover	{opacity:1.0;-webkit-transform:rotate(360deg);transform:rotate(360deg);}
.main_nav{display: none;}
}
@media screen and (max-width:942px) {
#container{width:95%;}
}
@media screen and (max-width:935px) {
ul.contentimages2, ul.contentimages2 ul {list-style-type:none;margin-top: 10px;margin-bottom: 5px;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-flow: column;-webkit-box-pack: justify;-moz-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: center;justify-content: space-between;align-items: center;}
ul.contentimages2 li 				{float:left;font-size: 15px;padding: 18px 10px 10px 10px;border: 2px solid #0c7784;min-width: 90%;height: 35px;vertical-align: middle;text-align: center;background: #1aa5b7;font-weight: bold;color: #ffffff;margin-bottom: 10px;}
ul.contentimages2 li a 			{color:#ffffff;padding: 0px 4px 0px 0px;display:block;}
ul.contentimages2 li li a 		{padding-left:24px;}
ul.contentimages2 li a:hover 		{color:#dddddd;text-decoration:none;}
ul.contentimages2 li li a:hover 	{text-decoration:none;}
.center_text {font-size:20px;color:#333;text-align:center;    font-weight: bold;}
}
@media screen and (max-width:927px) {
.logo{padding-right: 10px;}
}
@media screen and (max-width:900px) {
.logo{padding-right: 0px;}
}

@media screen and (max-width:824px) {
#teaser_img{display:flex;/* flex-flow: column wrap; */flex-wrap: wrap;}
.social_media {float: left;width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 10px;}
#alternative_menu	{display:block;padding: 5px 0px 5px 5px;width:50%;vertical-align:middle;text-align:center;margin:0 auto;top:6px;position:relative;background: #00bcd4;color:#ffffff;border:2px solid #ffffff;margin-top:10px;margin-bottom:5px;box-shadow:0px 0px 7px 0px rgba(0,0,0,0.75);}
#menu_hor{display:none;}
.head_nav_left{display:none;}
.head_nav_right{display:none;}
.headline{display:none;}
.left{float:none;width:95%;box-sizing:border-box;font-size: 15px;padding:4px 4px 4px 4px;}
.center{float:none;width:95%;box-sizing:border-box;margin:0 auto;text-align:center;}
.right{float:none;width:95%;box-sizing:border-box;font-size: 15px;padding:4px 4px 4px 4px;}

}
@media screen and (max-width:660px) {
#layout_footer 			{margin: 40px 0 0 0;padding: 0 0 20px 0;width: 100%;}
#layout_footer_inner 	{width: 95%;margin: 0px auto;padding: 10px 0 0 0;}
.footer_box 			{float:left;width: 95%;min-height:100px;margin:0;} 
.footer_box.first 		{width: 95%;margin:0;min-height:100px;}
}
@media screen and (max-width:610px) {#alternative_menu{width:70%;}}
@media screen and (max-width:310px) {#alternative_menu{width:80%;}}


