/*** Kundenspezifische CSS ***/

/* COLORS

Petrol: 	color: rgba(85, 110, 115, 1);
Orange:		color: rgba(235, 90, 65, 1); 
Gelb:		color: rgba(250, 190, 0, 1);
Blau:		color: rgba(0, 140, 170, 1);

*/

/* FONTS */
@charset "UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');*/
/*@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");*/


/* roboto-slab-100 - latin */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/roboto-slab-v24-latin-100.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-slab-v24-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-slab-v24-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-100.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-slab-v24-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-slab-300 - latin */
  @font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/roboto-slab-v24-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-slab-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-slab-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-slab-v24-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-slab-regular - latin */
  @font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-slab-700 - latin */
  @font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/roboto-slab-v24-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../fonts/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../fonts/roboto-slab-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../fonts/roboto-slab-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../fonts/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  }
  
/* ------------- Reset von Rändern und Abständen ---------------- */
html { box-sizing: border-box; margin: 0; padding: 0;}
*, ::before, ::after { box-sizing: inherit;  margin: 0; padding: 0;}
body { font-family: 'Roboto Slab', serif; font-size: 100%; color: rgba(85, 110, 115, 1);}
ul, ol, dl { margin: 0 0 0 0; }


/* GRUNDRASTER
----------------------------------------------------------------------------------------------*/
.the-wrapper { max-width: 100%; width: 100%; }
.home .ym-cbox { padding: 0; }


/* HEADER
----------------------------------------------------------------------------------------------*/
header { /*! max-width: 980px; */ margin: 0px auto;}
header .top-content { background: url(../img/header_balken.png) repeat-x;}
header .top-content-inner { max-width: 1260px; margin: 0px auto; display: flex; }
header .top-content-inner .logo { flex-basis: 460px; /*! margin-right: 10px; */ }
header .top-content-inner .logo img { height: 90%; padding-top: 0px; }
header .top-content-inner nav { flex-basis: 801px; padding-top: 20px; }
header .top-content-inner nav a {font-size: 22px !important; font-weight: bold !important; text-transform: uppercase;}
header .top-content-inner:after { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }

/* ------------- Header Home ---------------- */
.home header { /*! max-width: 980px; */ margin: 0px auto;}
.home header .top-content { background: #ffffff url(../img/header.jpg) no-repeat bottom; min-height: 957px;}
.home header .top-content-inner { max-width: 1260px; margin: 0px auto; display: flex; }

.home header .top-content-inner .logo { flex-basis: 460px;}
.home header .top-content-inner nav { flex-basis: 801px; padding-top: 20px; }
.home header .top-content-inner nav a {font-size: 22px !important; font-weight: bold !important; text-transform: uppercase;}
.home header .top-content-inner:after { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }

.logo { /*! float: left; */ margin-right: 10px; margin-top: 40px; }
.logo img { height: 90%; padding-top: 19px; }


/* STARTSEITE
----------------------------------------------------------------------------------------------*/
.composedcontent-leibertingen---zeile { margin-bottom: 40px; box-sizing: border-box; background-color: #fff;}
.composedcontent-leibertingen---zeile:after { clear: both; display: block; content: '.'; float: none; height: 0; line-height: 0; font-size: 0; }

/* ------------- Zeile 1 ---------------- */
.startseite_zeile1 { -webkit-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.7); box-shadow: 1px 1px 10px 0px rgba(50, 50, 50, 0.7); padding: 40px 0px 20px 0px; }
.startseite_zeile1 figure { margin-right: 20px;}
.startseite_zeile1 h2 { display: inline-block; background-color: #ec5c43; color: #fff; text-transform: none; padding: 5px 20px; margin-top: 20px; margin-bottom: 20px;}
.startseite_zeile1 p { font-size: 1.4em; color: rgba(85, 110, 115, 1); line-height: 1.6em; margin-right: 50px;}

/* ------------- Zeile 2 ---------------- */
#row_14731091 figure.basecontent-image { float: none; margin: 0; }
.startseite_zeile2 .boxborder { text-align: center; padding: 25px 0px 10px 0px; height: 300px; color: #ffffff; font-size: 24px; font-weight: 700;}
.startseite_zeile2 .boxborder a { color: #fff;}
.startseite_zeile2 .dateiGroesse { display: none; }

.blau { background-color: rgba(0, 140, 170, 1); }
.blau:hover { background-color: rgba(2, 159, 196, 1); transition: all 0.5s ease 0s;
-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 */ }
.rot { background-color: rgba(235, 90, 65, 1); }
.rot:hover { background-color: rgba(244, 112, 89, 1); transition: all 0.5s ease 0s;
-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 */ }
.gelb { background-color: rgba(250, 190, 0, 1); }
.gelb:hover { background-color: rgba(249, 213, 92, 1); transition: all 0.5s ease 0s;
-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 */ }
.petrol { background-color: rgba(85, 110, 115, 1); }
.petrol:hover { background-color: rgba(100, 133, 139, 1); transition: all 0.5s ease 0s;
-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 */ }
.weiss { background-color: #ffffff; border: 2px solid rgba(85, 110, 115, 0.25); }
.weiss a { color: rgba(85, 110, 115, 1) !important; }

/* ------------- Zeile 3 ---------------- */
.startseite_zeile3 { background-color: rgba(85, 110, 115, 0.15); padding: 40px; clear: both; }
.startseite_zeile3 .clearDvv { display: none; }
.startseite_zeile3 .boxborder { margin-right: 30px; }
.startseite_zeile3 h2 { font-weight: 700; text-transform: none; border-bottom: 5px solid #556e73; padding-bottom: 10px; margin-bottom: 30px; } 
.startseite_zeile3 p { color: rgba(85, 110, 115, 1);}
.startseite_zeile3 a.mailLink { color:  #ec5c43; }
.startseite_zeile3 ul { color: rgba(85, 110, 115, 1); list-style-type: none; margin-left: 0px;}
.startseite_zeile3 ul li { list-style-type: none; margin-left: 0px; margin-bottom: 0.8rem; line-height: 140%; }
.startseite_zeile3 ul li:before { font-family: 'FontAwesome'; content: "\f0a9"; margin-left: 0px; margin-right: 10px; color: #ec5c43; }
.startseite_zeile3 ul li a { color: rgba(85, 110, 115, 1); }
.startseite_zeile3 ul li a:hover { color: rgba(235, 90, 65, 1); }

/* ------------- Zeile 4 ---------------- */
.startseite_zeile4 { background: url(../img/slogan_background.png) no-repeat; margin-bottom: 20px;}
.startseite_zeile4 .boxborder { text-align: center; padding: 25px; }
.startseite_zeile4 h2 { color: #fff; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; font-size: 1.6em; }
.startseite_zeile4 p { color: #fff; font-size: 1.4em; line-height: 1.8rem; margin-bottom: 2rem; }

/* TOPLINKS
----------------------------------------------------------------------------------------------*/
header .top-content-inner .toplinks { flex-basis: calc(100% - 867px); padding-top: 100px; text-align: right;}

.toplinks { float: left; margin-top: 35px; max-width: calc(100% - 512px); padding-left: 20px; box-sizing: unset; }
.toplinks ul { list-style: outside none none; }
.toplinks .quick-item { float: left; height: 60px; margin-right: 20px; width: 60px; }
.toplinks .quick-item a { background-color: rgba(85, 110, 115, 0.1);  border-radius: 40px; display: block; height: 60px; width: 60px; }
            
.toplinks .quick-item a::before { border-radius: 30px; display: block; font-family: FontAwesome; font-size: 2em; position: relative; z-index: 2; top: 16px; left: -14px; }
.toplinks .quick-item.quick01 a::before { content: "\f015"; color: rgba(0, 140, 170, 1); left: -15px; }
.toplinks .quick-item.quick02 a::before { content: "\f0e0"; color: rgba(235, 90, 65, 1); }
.toplinks .quick-item.quick03 a::before { content: "\f002"; color: rgba(250, 190, 0, 1); left: -15px; }
.toplinks .quick-item a:hover:before { color: rgba(255, 255, 255); }

.toplinks .quick-item a::after { border-radius: 30px; content: ""; display: block; height: 0; position: relative; transition: height 0.5s ease 0s, width 0.5s ease 0s, top 0.5s ease 0s, left 0.5s ease 0s; width: 0; z-index: 1; left: 30px; top: -18px; }
.toplinks .quick-item.quick01 a::after { background-color: rgba(0, 140, 170, 1); }
.toplinks .quick-item.quick02 a::after { background-color: rgba(235, 90, 65, 1); }
/*.toplinks .quick-item.quick03 a::after { background-color: rgb(250, 190, 0); left: 28px; top: -21px; }*/

.toplinks .quick-item a:hover::after { height: 60px; left: 0px; top: -48px; width: 60px; }
.toplinks .quick-item.quick01 a:hover:after { background-color: rgba(0, 140, 170, 1); }
.toplinks .quick-item.quick02 a:hover:after { background-color: rgba(235, 90, 65, 1); }
.toplinks .quick-item.quick03 a:hover:after { background-color: rgba(250, 190, 0, 1); }

/* MAIN
----------------------------------------------------------------------------------------------*/
div.wayhome { position: relative; top: -110px; left: 380px; color: rgba(85, 110, 115, 1); display: inline; }
div.wayhome a { color: rgba(85, 110, 115, 1); }
div.wayhome a:hover { color: rgba(235, 90, 65, 1); }

#main {  max-width: 1200px; margin: 0px auto; }
#main { /*display: flex; justify-content: space-between;*/}
#main .ym-col1 { float: none;  width: 100%; /*flex-basis: 200px;*/ }
#main .ym-col2 { float: left; width: 75%; /*flex-basis: calc(100% - 300px);*/  }
#main .ym-col2wide { margin-left: 0%; width: 100%; }
#main .ym-col3 { float: right; margin: 0px; width: 25%; /*flex-basis: 300px;*/ background-color: rgba(85, 110, 115, 0) !important; padding: 0 !important;  }

.home #main .ym-col2 { width: 100% !important; /*flex-basis: auto !important;*/ }
.home #main .ym-col1 { float: none;  width: 100%; /*flex-basis: 200px;*/ }

/* ------------- Contentfooter ---------------- */
footer { max-width: 1200px; margin: 0px auto;}
#contentFooter { padding: 30px 0px; text-align: right;}
#contentFooter .pdfpage { display: none; width: 25px; }
#contentFooter .sendpage { margin-left: 40px; }
#contentFooter .sendpage img, #contentFooter .printpage img { width: 25px; }


/* ALLGEMEINE FORMATIERUNGEN
----------------------------------------------------------------------------------------------*/
.home #content { font-size: 18px; font-weight: 400; line-height: 2rem; margin-top: -350px; margin-right: 0px; hyphens: auto;}
#content { margin-top: 20px; margin-right: 50px; }
#main .ym-col2wide #content { margin-right: 0px; }
a { color: rgba(235, 90, 65, 1); text-decoration: none; }
a:hover  { text-decoration: none; font-weight: 700; }
a.invers, a.invers:visited, a.invers:active  { color: rgba(235, 90, 65, 0.85); }
.text-highlight { color: #ffffff; background-color: rgba(235, 90, 65, 1); margin: 30px 0px; padding: 20px; font-size: 1.3rem; }

span.primary2 { color: red; font-weight: bold; }
span.primary2:after { display: block; color: grey; font-weight: normal; margin-left: 0px; content: "Achtung: rote Textmarkierung nach beheben des Problems wieder entfernen"; }

p { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 2rem; }

.basecontent-dvv-trenner hr { border: 0px solid rgba(85, 110, 115, 0.5); margin-bottom: 1em; margin-top: 1em; display: inline-block; }
.composedcontent-langenargen---linie .basecontent-dvv-trenner .sep { border: 1px solid rgba(85, 110, 115, 0.5); margin-bottom: 0.5em; height: 1px;  }

/*** -------- Headlines ----------  ***/
h1,h2,h3,h4,h5,h6 { font-weight: 400; font-style: normal; color: inherit; margin-top: 0; margin-bottom: 0.5em; line-height: 1.4; }
h1 { font-size: 1.8em; font-weight: 700; margin-bottom: 1em; margin-top: 0.5em; text-transform: uppercase; }
h2 { font-size: 1.6em; width: auto; font-weight: 600;  margin-bottom: 1rem; }	
h3 { font-size: 1.4em; font-weight:600; text-decoration: underline; }

h4 {font-size: 1.125rem; }
h5 {font-size: 1.0625rem; }
h6 {font-size: 1rem; }

/*** -------- Bilder ----------  ***/
figure.basecontent-image { float: left; margin: 0 20px 10px 0; }
.float-right { float: right !important; }

/*** -------- Listen ----------  ***/
.basecontent-list h5, .basecontent-numbered-list h5 { display: inline-block; font-weight: 700; font-size: 1.2em !important; margin-bottom: 0.5em; background-color: rgba(85, 110, 115, 0.2); padding: 0.2em 1em; }
.basecontent-list ul, .basecontent-numbered-list ol { margin: 0 0.5em 2em 1em; }
.basecontent-list li, .basecontent-numbered-list li { font-size: 1.2em; list-style-type: disc; margin-bottom: 0.5em; }
.basecontent-list li li, .basecontent-numbered-list li li { font-size: 100%; list-style-type: circle; margin-top: 0.5em; }

/*** -------- Tabellen ----------  ***/
.basecontent-table table { width:100%; font-size: 1.2em; border-collapse: collapse; margin: 1rem 0 2rem 0; border:none !important; }
.basecontent-table table tr { padding: 0.5rem; }
.basecontent-table table .head { background-color: rgba(85, 110, 115, 1); vertical-align: top; font-size: 1em; }
.basecontent-table table th { vertical-align: top; color: rgba(255, 255, 255, 1); padding: 1rem;  }
.basecontent-table table p { margin: 0 0 10px; }
.basecontent-table table td.bgcolor-primary1 { background-color: rgba(235, 90, 65, 0.1); }
.basecontent-table table td.bgcolor-primary2 { background-color: rgba(250, 190, 0, 0.1); }
.basecontent-table table td.bgcolor-primary3 { background-color: rgba(0, 140, 170, 0.1); }
.basecontent-table table td.valign-top { vertical-align: top; }
.basecontent-table table.show-grid { border: 0px solid #ccc !important; }
.basecontent-table table.show-grid td { border-bottom: 0px solid #ccc; padding: 0.5rem; border:none !important; vertical-align: top; }
.basecontent-table table.hide-grid td { padding: 0.75em; text-align: left; vertical-align: top; }
.basecontent-table table ul { margin: 0px 0px!important; padding: 0px 0px 0px 10px; }
.basecontent-table table tr.even {  background-color: rgba(85, 110, 115, 0.1);  }
.odd { background-color:transparent; }

/*** -------- Datei-Icons ----------  ***/
a.internerLink, a.externerLink { background: rgba(0, 0, 0, 0) none no-repeat scroll right center; padding: 0; text-decoration: none; }
.ym-col2 a.internerLink:before, .ym-col2 a.externerLink:before, .ym-col3 a.internerLink:before, .ym-col3 a.externerLink:before { content: "\f0a9"; font-family: 'FontAwesome'; padding-right: 0.3rem; color: rgba(85, 110, 115, 1); font-size:110%; text-decoration:none; }

a.httpLink:before { content: "\f08b"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(235, 90, 65, 1); font-size:110%; text-decoration:none; }
a.remail:before, a.mailLink:before { content: "\f0e0"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(235, 90, 65, 1); font-size:100%; text-decoration:none; }
a.pdfLink:before { content: "\f1c1";	font-family: 'FontAwesome';	padding-right:0.5rem; color: rgba(85, 110, 115, 1);	font-size:100%;	text-decoration:none; }
a.linkTyp_xls:before, a.linkTyp_xlsx:before { content: "\f1c3"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(235, 90, 65, 1); font-size:100%; text-decoration:none; }
a.linkTyp_doc:before, a.linkTyp_docx:before { content: "\f1c2"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(235, 90, 65, 1); font-size:100%; text-decoration:none; }
a.linkTyp_ppt:before, a.linkTyp_pptx:before { content: "\f1c4"; font-family: 'FontAwesome'; padding-right:0.5rem; color: rgba(235, 90, 65, 1); font-size:100%; text-decoration:none; }
a.linkTyp_jpg:before, a.linkTyp_gif:before { content: "\f1c5"; font-family: 'FontAwesome';	padding-right:0.5rem; color: rgba(235, 90, 65, 1); font-size:100%; text-decoration:none; }
.image-inner a.internerLink:before, .image-inner a.externerLink:before, .basecontent-verlinkbare--berschrift a.internerLink:before  { content:""; padding:0 !important; }
a.linkTyp_jpg.externerLink:before, a.linkTyp_gif.externerLink:before { content:""; padding:0 !important; }

.image-inner a::before { display: none; }
.startseite_zeile2 a::before  { display: none; }

/*** -------- Dateiliste ----------  ***/
.downloadlist { margin: 10px 0 30px; width: 100%; }
.downloadlist.noDate .dlDate { display: none; }
.downloadlist.noDate .dlSize { min-width: 60px; }
.downloadlist th { background: rgba(85, 110, 115, 0.25) none repeat scroll 0 0; border: medium none; padding: 7px 10px; }
.downloadlist th a { color: inherit; }
.downloadlist td { padding: 15px 10px; font-size: 120%; }
.downloadlist td.dlDate, .downloadlist td.dlSize { font-size: 90%; }
.downloadlist .dlName .description { font-size: 90%; padding-top: 3px; }
.downloadlist tr:first-child { background-color: rgba(10, 85, 135, 0.15); border-bottom: 2px solid rgba(85, 110, 115, 1); }
.downloadlist tr.even { background-color: rgba(85, 110, 115, 0.05); }
.downloadlist td.dlType img { height: 20px; padding-top: 5px; }


/*** -------- Formulare ----------  ***/
#content .basecontent-form-editor .contentForm { width: 80%; }
.ym-columnar .ym-fbox-select select { width: 67.3%; }
.ym-form .ym-fbox-button input { border: none !important; width: 150px; background: rgba(85, 110, 115, 1); font-family: 'Roboto Slab', serif !important; font-size: 1em; border: 0px !important;  margin-bottom: 0.5rem; padding: 0.25rem; color: rgba(255,255,255,1); cursor: pointer; }
.ym-form .ym-fbox-button input:hover { background: rgba(235, 90, 65, 1); }
.ym-fbox-text.ym-hideme.ym-ie-clearing { display: none; }

#content .basecontent-form-editor form fieldset { border: none !important; padding: 0 !important; }
#content .basecontent-form-editor .small.editable { font-size: 85%; color: rgba(85, 110, 115, 1); }
#content .basecontent-form-editor .ym-columnar .ym-fbox-select select, #content .basecontent-form-editor .ym-columnar .ym-fbox-text input, #content .basecontent-form-editor .ym-columnar .ym-fbox-text textarea { font-size: 100%; font-family: 'Roboto Slab', serif; margin-bottom: 0.5em; padding: 0.5em 0.25em; border: 1px solid rgba(85, 110, 115, 0.5) !important; /*box-sizing: content-box;*/ display: inline-block; }
#content .basecontent-form-editor .ym-columnar .ym-fbox-select select { }
#content .basecontent-form-editor .formElementRow.senderCc.ym-fbox-check { margin-bottom: 1em; }
#content .basecontent-form-editor .formElement.formTitle { margin-bottom: 1em; }
#content .basecontent-form-editor .formButtonContainer { margin-top: 1em; }

#content .basecontent-form-editor .ym-columnar fieldset .ym-fbox-button, #content .basecontent-form-editor fieldset.ym-columnar .ym-fbox-button { float: left; padding-left: 0 !important; margin-right: 1em;  }
#content .basecontent-form-editor .ym-g30.ym-gl { width: 30%; }
#content .basecontent-form-editor input.inputRight { width: 46.3% !important; float: left !important; margin-left: 0.5em; }
#content .basecontent-form-editor .formElement.ym-fbox-text { margin-bottom: 1em; }
#content .basecontent-form-editor .ym-columnar .ym-fbox-text label { clear: both !important; }
#content .basecontent-form-editor .formElement.ym-fbox-check { margin-bottom: 1em; }

/*** -------- Seite empfehlen ----------  ***/
#recommend_form { width: 100%; }
#recommend_form legend { font-size: 1.6em; font-weight: 700; color: rgba(85, 110, 115, 1); margin-bottom: 1em; }
#recommend_form fieldset { border: none; padding-left: 0 !important; }
#recommend_form input, #recommend_form textarea { padding: 0.5em !important; margin-left: 0 !important; }
#recommend_form #an, #recommend_form #absender, #recommend_form #von, #recommend_form #text{ font-size: 100%; font-family: 'Roboto Slab', serif; margin-bottom: 0.5rem; padding: 0.5em 0.25em; border: 1px solid rgba(85, 110, 115, 0.5) !important; box-sizing: content-box; display: inline-block; width: 70%; color: rgba(85, 110, 115, 1); }
#recommend_form .ym-fbox-button { margin-top: 2em; }
#recommend_form .ym-fbox-check { margin-bottom: 2em; }
.requiredMark { color: rgba(235, 90, 65, 1); }

/*** -------- Bildergalerie ----------  ***/
.composedcontent-image-gallery figure { float: left; margin: 20px;  }

/* INFOSLOT
----------------------------------------------------------------------------------------------*/
#service {margin-top: 40px;}
#service .boxborder { margin-bottom: 30px;}

#service .gelb {  padding-left: 19px; background: url(../img/dreieck_gelb.png) no-repeat left center;}
#service .gelb .boxborder { border: 1px solid rgba(250, 190, 0, 1); border-left: 8px solid rgba(250, 190, 0, 1); padding: 20px 20px 0px 20px; }

#service .blau {  padding-left: 19px; background: url(../img/dreieck_blau.png) no-repeat left center;}
#service .blau .boxborder { border: 1px solid rgba(0, 140, 170, 1); border-left: 8px solid rgba(0, 140, 170, 1); padding: 20px 20px 0px 20px; }

#service .rot {  padding-left: 19px; background: url(../img/dreieck_rot.png) no-repeat left center;}
#service .rot .boxborder { border: 1px solid rgba(235, 90, 65, 1); border-left: 8px solid rgba(235, 90, 65, 1); padding: 20px 20px 0px 20px; }

#service h2 { border-bottom: 1px dashed grey; padding-bottom: 5px; margin-bottom: 20px; font-size: 20px; }
#service p, #service li { font-weight: 300; hyphens: auto; font-size: 16px; margin-bottom: 0.5em !important; }
#service ul { margin: 0px 0px 20px 0px; padding: 0; }
#service .basecontent-list h5, #service .basecontent-numbered-list h5 { background-color: rgba(85, 110, 115, 0); margin: 0 0 20px 0 !important; border-bottom: 1px dashed grey; padding: 0px 0px 5px 0px; font-size: 20px; }

/*** -------- Search-Box ----------  ***/
.search-box {  }
#searchclick { background-color: rgba(85, 110, 115, 0.1);  border-radius: 40px; display: block; height: 60px; width: 60px;z-index: 10001; }
#searchclick span.searchlabel {  }
#searchclick .search-icon { cursor: pointer; }
#searchclick .search-icon-close { display: none; cursor: pointer; }
#search-target-box { /*border: 2px solid rgba(255, 255, 255, 1);*/margin: 0 auto; max-width: 1170px; box-sizing: border-box; z-index: 10000; }
.search-target { display: none; padding: 3em; background-color: rgba(85, 110, 115, 1); top: 230px; left: 0; right: 0; position: absolute; width: 100%; max-width: 1920px; margin: auto; }
.search-target input#qs_query { padding: 20px 10px; width: 95%; border: 0px; font-size: 2rem; color: rgba(85, 110, 115, 0.5); background-color: rgba(255, 255, 255, 1); text-align: center; font-family: 'Roboto Slab', serif; }   
.search-target .sb-search-submit { background: rgba(0, 0, 0, 0) url("../img/icon-search-glas.svg") no-repeat scroll 0 0px !important; border: 1px solid rgba(255,255,255,0); cursor: pointer; width: 70px; height: 80px; margin-left: 10px; margin-top: 5px;  }

/*Suchergebnisse
--------------------- */
.body_search header .top-content { background: rgba(0, 0, 0, 0) url("../img/header_balken.png") repeat-x scroll 0 0; min-height: auto; }
.home.body_search #content { float:left; width: 100%; margin-top: 0px; }
.body_search #search_form .searchSort { display: none; }
.body_search #search_form button, .body_search #search_form button{ background: rgba(85, 110, 115, 1) none repeat scroll 0 0; border: 0 none; color: rgba(255,255,255,1); cursor: pointer; font-family: 'Roboto Slab', serif; height: 40px; line-height: 100%; margin-bottom: 1rem;  padding: 0.25rem; text-decoration: none; white-space: nowrap; font-size: 100%;  }
.body_search #search_form button:hover, .body_search #search_form button:hover { background-color: rgba(235, 90, 65, 1); }
.body_search #search_form input { float: left; margin-bottom: 1rem; margin-right: 1rem; width: 40%; padding:0.56rem; border:1px solid rgba(85, 110, 115, 0.5); font-size: 100%; font-family: 'Roboto Slab', serif; color: rgba(85, 110, 115, 1); }
.body_search #search_form .searchFilterHead input { float: left; margin-bottom: 1rem; margin-right: 1rem; width: 10%; padding:0.56rem; border: 1px solid rgba(85, 110, 115, 0.5); font-size: 100%; }

.body_search #search_form #ergebnisse { float:left; clear: both; margin-top: 2rem; margin-bottom: 2rem; }
.body_search #search_form #ergebnisse #ergebnisseRumpf h3 { font-size: 1.45rem; font-weight: 700; margin-bottom: 0.5rem !important; text-decoration: none; }
.body_search #search_form #ergebnisse #ergebnisseRumpf ul { margin:1rem 0rem !important; padding:0 !important; list-style:none; }
.body_search #search_form #ergebnisse #ergebnisseRumpf ul hr { display: none; }
.body_search #search_form #ergebnisse #ergebnisseRumpf ul li { border-bottom: 1px dashed  rgba(0, 37, 84, 1); padding: 2rem 0rem; margin-left: 0; list-style: none; }
.body_search #search_form #ergebnisse #ergebnisseRumpf .info { margin-top: 1rem; }
.body_search #search_form #ergebnisse #ergebnisseRumpf .description  { font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 2rem; }

.body_search #search_form .ergebnisseRumpf ul li.jpeg { content: "\f1c5"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(153,153,153,1); padding-right: 0.5rem; }
.body_search #search_form .ergebnisseRumpf ul li.msword h3:before { content: "\f1c2"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(153,153,153,1); padding-right: 0.5rem; }
.body_search #search_form .ergebnisseRumpf ul li.pdf h3:before { content: "\f1c1"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(153,153,153,1); padding-right: 0.5rem; }
.body_search #search_form .ergebnisseRumpf ul li.plain h3:before { content: "\f016"; font-family: 'FontAwesome'; font-weight: normal; color: rgba(0, 37, 84, 0.3); padding-right: 0.5rem; }
/*Service-BW*/
.body_search #search_form .ergebnisseRumpf ul li a[href*="vbid"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; }
.body_search #search_form .ergebnisseRumpf ul li a[href*="llid"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; }
.body_search #search_form .ergebnisseRumpf ul li a[href*="amtsID"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; }
.body_search #search_form .ergebnisseRumpf ul li a[href*="stmid"] { background: url("../img/links/service-bw-icon.png") no-repeat scroll 0px center rgba(0, 0, 0, 0); padding-left: 19px; }
.body_search #search_form .ergebnisseRumpf ul li.sbw .wayhome { display:none; }
.body_search #search_form .ergebnisseRumpf ul li.sbw a  { margin-left: 0rem; padding-left:2rem; }

.body_search #ergebnisse #ergebnisseRumpf li div.info .score-bar { border: 1px solid rgba(85, 110, 115, 1); margin: 0 3px -2px; display: inline-block; height: 14px; margin: 0 3px;
padding: 1px; width: 104px; }
.body_search #ergebnisse #ergebnisseRumpf li div.info .score-bar .score-bar-inner { background: rgba(85, 110, 115, 1) none repeat scroll 0 0; }

.extendedSearch { clear: both; }
.extendedSearch h2 { margin-top: 20px; }

.body_search footer, .body_search .ym-col3 { display: none; }
.body_search .ym-col2 { width: 100% !important; }

.highlight { color: rgba(235, 90, 65, 1) !important; background: none; margin: 0; padding: 0; font-size: inherit; }

/* FOOTER
----------------------------------------------------------------------------------------------*/
footer { max-width: 1200px; margin: 0px auto;}
#footer { color: rgba(85, 110, 115, 1); font-weight: 700; font-size: 16px; margin-bottom: 20px; }
#footer a { color: rgba(85, 110, 115, 1); }
#footer a:hover { color: rgba(235, 90, 65, 1); }
#footer .copy { margin-right: 20px;}
#footer .bottomlinks a   { margin-right: 20px;}
#footer .powered { float: right; }


/* DRUCK
----------------------------------------------------------------------------------------*/
.body_print #main { max-width: 100%; padding: 0; }
.body_print section#content { margin: 20px; }
.body_print #contentFooter, .body_print #footer { display: none; }
.body_print .bwKontakt { background-color: rgba(250, 225, 165, 0); }
.body_print .wayhome { margin: 20px 20px 20px 5px; background: rgba(0, 45, 75, 0) none repeat scroll 0 0; color: rgba(0, 45, 75, 1) !important; }
.body_print .wayhome a { color: rgba(10, 85, 135, 0.85); }
.body_print .ym-grid { margin: 20px; text-align: center; }

/* RESPONSIVE MENU
----------------------------------------------------------------------------------------------*/
@media screen and ( min-width : 960px)   {

#mm-my-menu { display: none !important; }
#hamburger  { display: none !important; }
}

@media screen and (max-width : 959px)   {
#my-menu  { display: none; }
}

/* Hamburger */
#hamburger
{
	box-sizing: border-box;
	display: block;
	height: 80px !important;
	position: fixed;
	top: 40px !important;
	right: 5% !important;
    width: 80px !important;
	z-index: 40 !important; 
	background: rgba(85, 110, 115, 1) !important; 
	left: auto;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border: 5px solid #fff;
}

#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #ffffff !important;
	content: '';
	display: block;
	width: 36px !important;
	height: 5px;
	position: absolute;
	left: 17px !important; 
	margin-top: 15% !important;
	border: 0px !important;
	
}
#hamburger:before { top: 10px; }
#hamburger span { top: 20px; }
#hamburger:after { top: 30px; }


/* 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 ); }




/* RESPONSIVE FORMATE
----------------------------------------------------------------------------------------------*/
@media screen and ( max-width : 1260px)   {
header .top-content-inner .toplinks { flex-basis: calc(100% - 1260px); padding-top: 0px; text-align: right; }
header .top-content-inner .toplinks li { margin-bottom: 5px; }
.home #content { margin-top: 20px; }

}


@media screen and ( max-width : 1060px)   {
/*header { width: 90%; height: 300px; }*/
#main { width: 90%; }	
footer { width: 90%; }	
header .toplinks-wrapper { display: none;}
#main  { flex-wrap: wrap; }
#main .ym-col1 { display: none; }
/*#main .ym-column .ym-col2 { flex-basis: calc(100% - 200px);}*/
#main .ym-col3 { flex-basis: 200px; }
.mm-navbar { height: auto; }

/* ab hier wird die Höhe der unteren Navbars vom mmenu definiert. Die untere ist die "bottom-1". Dort wird mittels jquery das div "toplinks" aus der top-custom.vm wiederholt. */	
.mm-navbar-bottom-2 {     bottom: 80px; }
.mm-navbar-bottom-1 ul { list-style-type: none;}	
.mm-navbar-bottom-1 ul li { list-style-type: none; display: inline-block; font-size: 0.9rem;}	

.ym-g25 { width: 50% !important; }
.ym-g33 { width: 100% !important; }
.toplinks { display: none; }

}


@media screen and ( max-width : 860px)   {
header { width: 90%; height: 300px; }
#quickLink1 li.right { display: none; }
#content { margin-right: 0; }
.home header .top-content { background: rgba(0, 0, 0, 0) url("../img/header_balken.png") repeat-x scroll 0 -42px; min-height: 0; }
header .top-content-inner .logo { flex-basis: unset !important; }
header .top-content-inner .logo { width: 100%; /*margin-top: 82px;*/ }
header .top-content { background: rgba(0, 0, 0, 0) url("../img/header_balken.png") repeat-x scroll 0 -42px; }
header .top-content-inner .logo img { height: 70%; }
.startseite_zeile1 p { margin-right: 0; }
#main { display: block; }
#main .ym-col1 { display: none; }
#main .ym-col2 { width: 100%; }
#main .ym-col3 { width: 100%; min-height: 100px; }
.startseite_zeile1 { padding: 20px !important; text-align: center; }
.startseite_zeile1 figure { float: none; margin: 0;  }
.startseite_zeile1 .clearDvv { display: none; }
#img_14731114 { display: none; }
div.wayhome { display: none; }
#footer .powered { float: left; margin: 15px 0px; display: contents; }
#content .basecontent-form-editor .contentForm { width: 100%; }

}

@media screen and ( max-width : 600px)   {	
.ym-g25 { width: 100% !important; }
.home .composedcontent-leibertingen---zeile { margin-bottom: 40px; }
.startseite_zeile1 p, .startseite_zeile1 h2 { font-size: 1.2em; }
figure.basecontent-image { float: left !important; width: 100%; }
.downloadlist .dlDate, .downloadlist .dlSize { display: none; }
}

@media screen and ( max-width : 440px)   {	
.logo img { height: 60%; }

}