/*** Startseiten CSS ***/

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v28-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/open-sans-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v28-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v28-latin-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/open-sans-v28-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('../fonts/open-sans-v28-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/open-sans-v28-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local(''),
       url('../fonts/open-sans-v28-latin-800italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v28-latin-800italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}



.clearDvv { display: none !important;}

/* --------------------Startseite --------------------- */
.home .goPageTop , .home #contentFooter {display: none;}
.home .ym-col1 {display: none;}


/* ------------- Reset von Rýndern und Abstýnden ---------------- */

html { box-sizing: border-box; margin: 0; padding: 0;}
ul, ol, dl {     margin: 0 0 0 0; }

#content p , #content .basecontent-table {color: #555555;}
#content span.value a {color: #555555;}
.basecontent-dvv-kontaktdaten .vCard { color: #555555; }
.basecontent-dvv-service-bw-beh-rdendaten .vCard { width: 300px; color: #555555; }
.basecontent-dvv-service-bw-beh-rdendaten .family-name { display:none;}
.basecontent-dvv-service-bw-beh-rdendaten .vCardLink { float: right; }

.home .vCard {
  font-weight: 400;
  line-height: 1.75rem;
  font-size:1.125rem;
  font-size: 112.5%;
}


/* ------------- Grundraster ---------------- */

.wrapper { width: 100%; height: 100%;  margin: 0px auto;  }
#main { margin: 0px auto;  position: relative; margin-top: -150px;  }
/*#main .maxbreite {width: 1200px;  margin: 0px auto; }*/



/* ------------- header ---------------- */

header .top-content-inner:after { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }

.bx-wrapper {
    border: 0px solid #fff;
background: none;
		box-shadow: 0 0 0px #ccc !important;
}



.bx-wrapper .bx-controls-direction .bx-prev {background: url('../img/links.png') no-repeat 30px 3px;}
.bx-wrapper .bx-controls-direction .bx-next {background: url('../img/rechts.png');}
.bx-wrapper .bx-controls-direction a { background-position: 0 center !important; margin-top: -85px !important; }
.bx-wrapper img { width: 100%; }


.blue .bx-viewport {height: 400px!important;}
.blue .titel { text-transform: uppercase; font-size: 150%; margin-bottom: 15px;   }
.blue .summary { margin-bottom: 20px; }
.blue .bx-wrapper .bx-controls-direction a { margin-top: 130px!important; }
.blue .bx-wrapper .bx-default-pager { top: 300px;}
.blue .basecontent-line-break-text { margin-top: 100px; text-align: center; }

.blue .basecontent-dvv-zm { font-size: 100%; }
.blue .basecontent-dvv-zm .zmVeranstalter {  font-size: 90%;  }
.blue .basecontent-dvv-zm .zm {margin: 20px 0px 0px 0px; padding: 0px 30px; }
.blue .basecontent-dvv-zm .zm .titel {  font-size: 110%;  }


/* ------------- Main (umschliesst Navi und content) ---------------- */
#main .composedcontent-preset_module.block_14433155 { margin: 0 auto; max-width: 1200px; }
#main .composedcontent-preset_module.block_14336605 { background-color: #fff; padding: 50px 0; }
/* main Content Startseite */
#main .ym-col2 .ym-cbox { padding: 0px;}

#main .ym-g50 { width: 50%; }
#main .ym-gl .blue {height: 600px;}
#main .ym-gr .lightblue {width: 50%; float: left; height: 300px;}
#main .ym-gr .red { height: 300px; }
#main .ym-gr .grey { min-height: 300px;}

#cc_14336605 > * { display: flex; margin: 0 auto; max-width: 1200px; }
#row_14478213 { margin-top: 50px; }

/*** Expanded Search   ***/

header .sb-search { position: relative; margin: 0px; width: 0%; min-width: 50px; height: 50px; top: -2px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s; -webkit-backface-visibility: hidden; }



header #qs_query.sb-search-input {

border: 1px solid #b0b0b0;
outline: none;
background-color: #ffffff;
width: 337px;
height: 50px;
margin: 0;
z-index: 10;
padding: 0px;
padding-left: 10px !important;
color: #b0b0b0; font-size: 1em; font-weight: 300;
}

/**

header .sb-search-input:-webkit-input-placeholder {  color: #000000 ; }
header .sb-search-input:-moz-placeholder { color: #000000 ; }
header .sb-search-input::-moz-placeholder { color: #000000 ; }
header .sb-search-input:-ms-input-placeholder { color: #000000 ; }

**/

header .sb-icon-search,
header .sb-search-submit  { width: 50px; height: 50px; 	display: block; position: absolute; right: 0px; top: 0; padding: 0; margin: 0; line-height: 40px; text-align: center; cursor: pointer; }


header .sb-search-submit {
background: #fff; /* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}

header .sb-icon-search {
	color: #fff;
	background: #6E6E6E!important;
	z-index: 90;
	font-size: 16px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased; height: 50px;
}

header .sb-icon-search:before {
	/*background: url("http://aipcms7.kvnbw.de/site/Krauchenwies-2017/resourceCached/9.2.4/img/suche.png") no-repeat;*/
	background: url("../img/suche.png") no-repeat;
	content: " ";
	height: 50px;
	left: 0;
	position: absolute;
	top: 0px;
	width: 50px;
}

/* Open state */
header .sb-search.sb-search-open,
header .no-js .sb-search {
	/*width: 340px;*/
	min-width: 100%;
}

header .sb-search.sb-search-open .sb-icon-search,
header .no-js .sb-search .sb-icon-search {
	background: #f4bc28;
	color: #fff;
	z-index: 11;
}

header .sb-search.sb-search-open .sb-search-submit,
header .no-js .sb-search .sb-search-submit {
	z-index: 90;
}



/* SUCHE Content */

.home.body_search #content { max-width: 1200px; margin: 0px auto;  background-color: #ffffff; }




/*** -------- Menü Rechts ----------  ***/

#slidemenu-right { position: absolute; top: -1px; float: right; width: 62px; height: 100px; overflow: hidden; z-index: 10;  opacity: 1; padding-top: 49px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1}
#slidemenu-right ul { display: none;}

#slidemenu-right.show-right { width: 350px; height: auto; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease;}
#slidemenu-right.show-right ul { display: block;}

#slidemenu-right a { color: #ffffff; text-decoration: none;  width: 50px; height: 50px; /*top: 49px;*/ }
#slidemenu-right li { list-style-type: none; background: #9A1818; margin-bottom: 3px; padding: 13px 0 14px 20px; }
#slidemenu-right .hide-right { width: 62px; }

#slidemenu-right a:hover {  text-decoration: underline;}
#slidemenu-right li a span { /*padding: 10px 0px;*/ }


#slidemenu-right.show-right a#showmenu-right { right: -50px;}
#slidemenu-right.hide-right a#showmenu-right { right: 0px; }
#slidemenu-right.hide-right {right: 0px;  /*! display: none; */}
#showmenu-right { text-align: center; display: block; width: 40px; height: 37px; top: 49px;  position: absolute;  font-size: 1.3em; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #9A1818;  }

#showmenu-right img {  width: 90%; margin: 4px 0px 0px 1px;}

#slidemenu-right ul a img { margin-right: 10px; float: left; height: 25px; }


/*** -------- Menü Rechts ----------
#slidemenu-right { position: absolute; width: 350px; top: 0px; z-index: 10; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; margin-top: 100px; margin-right: 0px;  clear: right;  }

#slidemenu-right ul li { list-style-type: none; background-color:#9A1818;  margin-bottom: 3px;  padding: 10px 5px;}
#slidemenu-right a { color: #ffffff; text-decoration: none; }
#slidemenu-right a:hover {  text-decoration: underline;}
#slidemenu-right li a img { margin-right: 5px; float: left; }
#slidemenu-right li a span { padding: 10px 0px;}


#slidemenu-right.hide-right {right: 0px;  }
#slidemenu-right.show-right { right: -350px; }
#slidemenu-right.hide-right a#showmenu-right { right: 0px; }
#slidemenu-right.show-right a#showmenu-right { right: 350px;}

#showmenu-right { width: 50px; position: absolute; top: -50px; background-color: #9A1818; }
#showmenu-right img {  margin: 4px 0px 1px 5px; width: 80%;  }
***/


/*** Startseite Kasten***/

.Home_Zeile2 { display: flex;}
.Home_Zeile2 .ym-g50  { flex-basis: 50%; float: none; margin: 0px !important; }
.Home_Zeile2 .ym-g50.ym-gl {
    background: #212c58 url(../img/V.png) -60px 0px no-repeat;
}

.Home_Zeile2 h2 { text-transform: uppercase; font-weight: 700; font-size: 33px; hyphens: auto; line-height: 120%; margin-bottom: 20px; }

.Home_Zeile2 a { text-decoration: none; /* font-weight: 700; */}

.Home_Zeile2 .basecontent-line-break-text { /*font-size: 24px;*/ }

#cc_14336605 h1{font-size: 150%;}

/* CONTENT */

/* Veranstaltungen */
.ym-col2 .blue {padding: 30px 30px;}
.basecontent-dvv-zm { /*margin-top: 15px;*/ }
.blue .zmOrt .label, .blue .zmVeranstalter .label { font-weight: bold;}

.zmNavigClass  {display:none; }
.bx-pager .bx-pager-item + .bx-pager-item + .bx-pager-item + .bx-pager-item + .bx-pager-item { display: none; }
.zmlinktodata { margin-top: 10px;}

.zmBox .zm .titel { font-size: 33px; font-weight: 700; hyphens: auto; text-transform: uppercase; line-height: 120%; }
.zmBox .zm { font-size: 140%; }
.zmBox .zm .zmVeranstalter{ margin-top: 10px; }

/* Gemeindewerke Links */
.ym-col2 .lightblue {  background: #2b9392 url(../img/G.png) 40px -20px no-repeat; padding: 30px 20px; }
.ym-col2 .lightblue .basecontent-line-break-text { margin: 8px 0px; line-height: 160%; }

/* Aktuelle Meldungen*/
.ym-col2 .grey {  background: #6e6e6d url(../img/A.png) 350px -40px no-repeat; padding: 30px 20px; }
.pm-topnews {margin-bottom: 10px;}
.pm-topnews img { display: none; }
.grey .pm-head { margin: 10px 0px;}
.grey .pm-head h2 { font-weight: normal; font-size: 110%;}
.grey .basecontent-line-break-text { margin-top: 30px;}

.pm-meldung .pm-head h2 a{ font-weight: 700 !important; text-transform: none; font-size: 24px; }
.pm-meldung .pm-head span.pm-pubDate { display: block; margin-bottom: 10px; }
.pm-meldung .pm-content .pm-anreisser {  }

/* Aktuelles Blaettle */
.ym-col2 .red {  background: #9a1818 url(../img/B.png) 300px 0px no-repeat; padding: 30px 20px 20px 320px; }
.ym-col2 .red .downloadlist .cursorPointer {display:none;}
.ym-col2 .red .downloadlist { margin: 10px 0px 20px 0px; }

#main #content .colorwhite { /*background-color: #ffffff;*/}
#content .composedcontent-preset_module { clear: left; }



/* aktuelles blaettle */
.downloadlist tr + tr + tr + tr + tr { display: none; }
.downloadlist .dlDate { display: none; }
.downloadlist .dlSize { display: none; }
.downloadlist td.dlName { padding: 0px 5px;}
.downloadlist img { width: 100%; }

.home-opacity a { color: rgba(255, 255, 255, 0.5) !important; }
.home-opacity a:hover { color: rgba(255, 255, 255, 1) !important; -webkit-transition: all 0.5s ease; /* Firefox */ -moz-transition: all 0.5s ease; /* WebKit */ -o-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease; /* Standard */  }

/* ------------- Footer ---------------- */

#footer .boxlinks div { color: #ffffff;}
#footer .boxlinks span { color: #ffffff;}
#footer .boxrechts { margin-top: 10px!important;}



/* Hamburger */
#hamburger {
	box-sizing: border-box;
	display   : block;
	height    : 70px !important;
	position  : fixed;
	top       : 0 !important;
	left      : 0 !important;
	width     : 75px !important;
	z-index   : 40 !important;
	background: #e2e2e2 !important;
}
#hamburger span,
#hamburger:after,
#hamburger:before {
	background: #3f3e3c !important;
	content   : '';
	display   : block;
	width     : 35px !important;
	height    : 5px;
	position  : absolute;
	left      : 20px !important;
	border    : 0 !important;
}
#hamburger:before {
	top: 15px;
}
#hamburger span {
	top: 25px;
}
#hamburger:after {
	top: 35px;
}
/* Hamburger animation */
#hamburger span,
#hamburger:after,
#hamburger:before {
	-webkit-transition         : none 0.5s ease 0.5s;
	transition                 : none 0.5s ease 0.5s;
	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property        : transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:after,
html.mm-opening #hamburger:before {
	top: 20px;
}
html.mm-opening #hamburger span {
	left   : -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before {
	transform: rotate(45deg);
}
html.mm-opening #hamburger:after {
	transform: rotate(-45deg);
}
#hamburger .label {
	position       : relative;
	bottom         : 0;
	padding-top    : 46px;
	padding-left   : 20px;
	font-size      : 11px;
	font-weight    : bold;
	text-decoration: none;
  color:#3f3e3c;
}
#hamburger {
	text-decoration: none;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before { transform: rotate( 45deg ); }
html.mm-opening #hamburger:after { transform: rotate( -45deg ); }


/* Korrekturen KT */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  right: 0px;
}
