/* RESPONSIVE CSS
-------------------------------------------------- */

/* all devices & device-width  */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
}


.responsiv-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
  margin-top:-8px;
}
.responsiv-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



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

  body {
  background:url(../bilder/video/frigemo.jpg) no-repeat center center fixed; 
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed; 

  }

  #frigemo-video {
    display:none !important;
    height:0px;
  }

}




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

#header {
position:relative !important;
margin-top:0px;
width:100% !important;
height:100px !important;
background-color:#fff;
}

#suche {
	display:none;
	height:0px;
}

#contuno {
margin-top:0px !important;
margin-bottom:0px;
}


#center {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

#cont2 {
padding:20px 0px 0px 0px  !important;
}

#cont3 {
padding:20px 0px 0px 0px  !important;
display:block;
}


#cont4 {
padding:0px 0px 0px 0px  !important;
display:block;
}

#cont5 {
padding:0px 0px 0px 0px  !important;
display:block;
min-height:auto;
}

#inhalt {
padding: 20px 20px 20px 20px;
}

#slideshow {
margin:0px 0px 0px 0px !important;
}

#toplinks {
padding:0px 10px 0px 0px !important;
}

.box_grau {
display:block;

}

table.zf-table {
width:100%;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4, 
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0px !important;
  padding-left:  0px !important; 
}

/*
div.inhalt  .col-sm-4 {
padding-right:20px !important;
padding-left:20px !important;
padding-bottom:20px !important;
}
*/

img.map {
/*width:452px !important; */
max-width: 100%;
height: auto;
}


/* navbar */
#navigation {
display:none !important;
height:0px;
}


#subnavi {
display:none;
}


#mobilenavi {
display:none !important;
}


/*    Mobile Menu Core Style   */
.js .navbar-collapse {  display:none !important; }
.js .mnenu {  display:block; z-index:50; }

.mhead {z-index:1;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }

.slicknav_menu  .slicknav_menutxt { display:none; }
.slicknav_menu .slicknav_icon { float: left; margin:0px; padding:8px; background-color:#fff;  }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 22px; height: 4px;  }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }

.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 28px; /* margin: 0 0 0 0; float:right; padding-right:15px; */ font-weight:bold; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

a.slicknav_open {
 margin-bottom:11px;
}


/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
    font-size:17px;
}
/* Button */
.slicknav_btn {
    margin: 40px 15px 3px 0px;
    text-decoration:none;
    background-color:none;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {
    color: #FFF;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #4A132B;
 }
 
 
.slicknav_menu {
    background-color:transparent;
    position:absolute; 
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    z-index:50;
 
    width: 100%;
    max-width:940px;
    padding: 0px 0px 0px 0px !important;
  }

.slicknav_nav {
  color:#fff;
  margin:0px !important;
  padding:0px 0px 0px 0px ;
  background-color:#F99D1C;  /*#4A132B;  */
  width: 100%; 
  border-top:1px solid #333;
}


.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
   
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0;
} 

.slicknav_nav ul li {
border-bottom:1px solid #333;
padding-left:15px !important;
text-transform:uppercase;
font-weight:700;
width:100%;
font-size:14px !important;
}

.slicknav_nav ul li:hover {
background-color:#FFFFFF !important;
}


.slicknav_nav ul li ul li {
border-bottom:none !important;
background-color:#FFFFFF !important;
text-transform:none !important;
}



.slicknav_nav .slicknav_row {
   /* padding:5px 0px;  */
    margin:0px 0px;
}
.slicknav_nav a{
    padding:10px 0px; 
    text-decoration:none;
    color:#fff;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    padding:0;
    margin:0; 
}


.slicknav_nav .slicknav_row:hover {
       color:#000;
}

.slicknav_nav .slicknav_row:hover a {
       color:#000;
}

ul.menu li a:hover {
    color:#000;
}

li.slicknav_open{
background-color:#FFFFFF !important;
}

li.slicknav_open a{
    color:#000 !important;
}


ul li ul {
  margin-right:-15px !important;

}

ul.menu li span.slicknav_arrow { padding-right:25px; float:right !important; margin-top:0px; }

ul.menu li > ul li span.slicknav_arrow { /* padding-right:15px !important; margin-right:0px; width:25px; margin-top:-9px; */   margin-right: 15px;}


}





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


body {
background:none !important;
background-color:#FFFFFF !important;
}

#frigemo-video {
 display:none !important;
 height:0px;

}

#header {
margin-top:0px;
}

.fixed-width {
   width: 180px !important;
}


#logo {
top:7px !important;
left:7px !important;
position:absolute !important;
z-index:500;
display:none;
}
#logo img {
max-width:170px !important;
height:auto;
}

#logo_mobile {
top:7px !important;
left:7px !important;
position:absolute !important;
z-index:500;
display: block !important;
}




#logo_mobile img {
max-width:170px !important;
height:auto;
}


#sprache_mobile {
top:7px !important;
right:7px !important;
position:absolute !important;
z-index:500;
display: block !important;
}


#sprache {
	display: none !important;
}


.container {
    padding-left: 10px !important;
    padding-right: 10px !important;
	margin-left: 0px !important;
	margin-right:0px !important;
}

#footer {
margin:10px 0px 20px 0px !important;
padding:0px !important;
}


.slicknav_menu {
	width: 100%;
}
.slicknav_nav {
/* padding:0px 0px 15px 10px !important; */
width:100% !important;
}

.slicknav_btn {
margin-right:10px !important;
} 



.multicolumnContainer .column {
    float: none;
	clear:both;
	display:block;
	width:100% !important;
}

/*******************************************************************************/
/* Spezial für bild und Text  */
/*******************************************************************************/

	.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 0px; }
	.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 0px; }
	.csc-textpic-intext-left-nowrap-190 .csc-textpic-text { margin-left: 0px; }
	.csc-textpic-intext-left-nowrap-188 .csc-textpic-text { margin-left: 0px; }
	.csc-textpic-imagewrap { width:100%;}

	div.csc-textpic-intext-left-nowrap-190 .csc-textpic-text { margin-left: 0px !important; }
	div.csc-textpic-intext-left-nowrap-188 .csc-textpic-text { margin-left: 0px !important; }	
	
/*******************************************************************************/

}





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

#searchform {
display:none !important;
}

#lupe {
display:block !important;
float:left;
}

}





@media screen and  (min-width: 481px) and (max-width: 767px) { 


#cont2 {
padding:20px 20px 0px 20px  !important;
}

#cont3 {
padding:20px 20px 0px 20px  !important;
}


#cont4 {
padding:0px 20px 0px 20px  !important;
}

#cont5 {
padding:0px 20px 0px 20px  !important;
}


#inhalt {
padding:20px 20px 20px 20px !important;
}

}




@media screen and  (min-width: 768px)  { 

div.slicknav_menu {
display:none;
height:0px;
}


#mobilenavi {
display:none !important;
}

#contuno {
margin-top:100px !important;
margin-bottom:0px;
}

}




/* tablets, 768px and up */
@media screen and  (min-width: 768px) and (max-width: 1009px) { 

.container {
    width: 768px !important;
	/*margin-left:15px !important;
	margin-right:15px !important; */
	padding-left: 0px;
    padding-right: 0px;
	 max-width: 768px !important;
}


.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 768px;
}


#center {
width: 738px;
padding:0px !important;
}


#header {
   width: 738px !important;

}

}



@media screen and  (min-width: 790px) and (max-width: 1009px) { 

#topbild {
/* height:241px; */
}

img.map {
/*width:452px !important; */
max-width: 100%;
height: auto;
}


}




@media screen and (min-width: 1010px) {

.container {
    margin:0 auto;
    width: 1010px !important;
	/*margin-left:15px !important;
	margin-right:15px !important; */
	padding-left: 0px !important;
    padding-right: 0px !important;
	max-width: 1010px !important;
}

#center {
width:980px;
padding:0px 0px 0px 0px  !important;
}

#topbild {
/* height:320px; */
}

img.map {
width:600px !important;
}

}