@CHARSET "UTF-8";

/*
============================================================
MAIN STYLE FOR ALL SITES - Custom in custom.css
============================================================
 COLORS

 grey 			#ebebeb
 grey_medium		#cccccc
 green			#95c11e
 orange			#f9b400
 blue			#3A556DC2

2022-08-17: Searchbutton clickable

==============================
 */

/*
==============================
 Layout Containers
==============================
 */
html {
  background: #fff;
  padding-top: 0px;
  color: #111;
  /*font-size: 16px;*/
}
body {
  background-image: url('../Images/bg1200.jpg');
  background-position: center 0px;
  background-repeat: repeat-y;
}
p {
  line-height: 1.2em;
}
 .container {
   margin: 0 auto;
   overflow: hidden;
   background-image: url('../Images/bg1200.jpg');
   background-repeat: repeat-y;
   background-position: center 0px;
 }
section.left {
  padding: 0px;
}
main {
  padding: 8px 0px 0px 0px;
}
aside {
  padding: 0px;
}
aside {
  font-size: 80%;
}

.footer {
  display: none;
}

.footer .imagetext-list-wrap {
  background: #ebebeb none repeat scroll 0 0;
  padding: 10px;
}

body.no-footer-border .footer {
  border-top: none;
}
.footer a:link, .footer a:visited, .footer a:active {
  color: #000;
  font-size: 80%;
}

/*.footer a[href*="www.veldener-buergerzeitung.de"]::before,*/
main .footer a::before {
  content: "";
  padding-right: 0px;
}
/*
==============================
 CLasses
==============================
 */
.hidden , .btn.hidden{
  display: none;
}
.form-entry {
  margin-top: 5px;
  margin-bottom: 5px;
}

.divider {
  border-top: 1px solid #fff;
  width: 100%;
  height: 1px;
  clear: both;
}
.divider-grau {
  border-top: 1px solid #cccccc;
  width: 100%;
  height: 1px;
  clear: both;
}
.clear {
  clear: both !important;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.btn {
     -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    cursor: pointer;
    display: inline-block;
    /*font-size: 16px !important;*/
	font-size: 90% !important;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 8px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	text-decoration: none;
}
a.btn:link, a.btn:visited, a.btn:hover {
	text-decoration: none;
}

.btn.btn-small {
   /*background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);*/
	background-repeat: repeat-x;
	border-color: #A9B2B900;
	background-color: #ebebeb;
	padding: 1px 10px;
	font-size: 90% !important;
	width: 100%;
	color: #546471C2 !important;
	text-align: left;
}
.btn.btn-small-active {
    /*background-image: linear-gradient(to bottom, #3A556DC2 0%, #C0D0DD 100%);*/
    border-color: #3A556DC2;
    color: #fff;
}
.btn-default {
    /*background-image: linear-gradient(to bottom, #ebebeb 0%, #e1e1e1 100%);*/
    background-repeat: repeat-x;
    border-color: transparent;
    background-color: #eee;
    color: #111;
}
.btn-primary {
    /*background-image: linear-gradient(to bottom, #3A556DC2 0%, #C0D0DD 100%);*/
    background-repeat: repeat-x;
    border-color: #245580;
    background-color: #3A556DC2;
    border-color: #3A556DC2;
    color: #fff;
}
.btn-primary.icon-button {
	color: #fff !important;;
}
.btn.btn-default.save:not(.disabled) {
  background: #db2626;
  color: #fff !important;
}

/*
==============================
 Layout grid
==============================
 */

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12  {
  width: 33.33%;
  float: left;
  clear: none;
  padding: 10px;
}

.col-1 {
  width: 8,33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
  padding-top: 0px;
}
article > .col {
  padding-top: 0px;
}
.col.col-6 + .col.col-6 {
  padding-left: 0px;
}

/*
==============================
 Tags
==============================
 */
 html {
 	height: 100%;
 	box-sizing: border-box;
 }
 *, ::before, ::after {
 	box-sizing: inherit;
 }
body {
	font-family: Arial, Helvetica, sans-serif;/*  'Lora', */
	height: 100%;
	padding-top: 0px;
	font-size: 100%;
	box-sizing: border-box;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 7px;
}
.logo img {

}
img.border {
	border: 1px solid #333;
	padding-right: 0;
	margin-right: 10px;
	padding-bottom: 0;
	margin-bottom: 17px;
}

/*
==============================
 Webfonts
==============================
 */

/* lora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../Fonts/Lora/lora-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lora-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('../Fonts/Lora/lora-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lora-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('../Fonts/Lora/lora-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lora-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url('../Fonts/Lora/lora-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lora-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: url('../Fonts/Lora/lora-v32-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lora-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: url('../Fonts/Lora/lora-v32-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lora-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('../Fonts/Lora/lora-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* lora-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: url('../Fonts/Lora/lora-v32-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../Fonts/glyphicons-halflings-regular.eot');
  src: url('../Fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../Fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('../Fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('../Fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('../Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*
==============================
 Headings
==============================
 */
h1, .ck-content h1 {
    font-size: 160%;
    margin-left: 0;
    margin-top: 0px;
}
main article .col:nth-child(1) h1 {
/* 	background: #ebebeb;*/
/*	background: #3A556DC2;
	color: #fff;
	width: 100%;
	padding: 7px;*/
	margin-top: 0px;
	margin-bottom: 14px;
}
h2 {
    font-size: 120%;
    font-weight: 600;
    margin-left: 0;
}
aside h2{
	 font-size: 110%;
}
h2.search-section {
/* 	background: #ebebeb ; */
/* 	padding: 3px; */
}
h3 {
    color: #000000;
    font-size: 110%;
    font-weight: 600;
    line-height: 130%;
    margin-bottom: 10px;
    margin-top: 10px;
}
h4 {
    color: #ffffff;
    font-size: 100%;
    visibility: hidden;
}

/*
==============================
 Paragraphs, Lists
==============================
 */

main ul {
	color: #000000;
	padding-left: 20px;
}
aside ul {
	color: #000000;
	padding-left: 10px;
}
aside ul li {
	padding: 5px 0px;
}


/*
==============================
 Links
==============================
 */
a:link, a:visited {
    color: #111;
    font-size: 100%;
    text-decoration: underline;
}
a:hover {
    color: #2778B5;
    font-size: 100%;
    text-decoration: underline;
}
a:active {

}
aside a:link,
aside a:visited,
aside a:active {
	color: #000;
}
aside a:hover {
	color: #878787;
}
a[href*="https://www.veldener-buergerzeitung.de"]:before,
main a:before {
/*	padding-right: 5px;

    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    position: relative;
    top: 1px;
    font-size: 90%;
 	content: "\e161";  glyphicon glyphicon-log-in */
}

a[href^="http://"]:not([href*="https://www.veldener-buergerzeitung.de"]):before,
a[href^="https://"]:not([href*="https://www.veldener-buergerzeitung.de"]):before{
	padding-right: 5px;

    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 100;
    line-height: 1;
    position: relative;
    top: 1px;
    font-size: 90%;
	content: "\e164"; /* glyphicon glyphicon-new-window */
}

a.logo:before, .toggle-trigger:before, a[href^="?database"]:before , a[href^="/"]:before, a.icon-button:before {
	content: "" !important;
	padding-right: 0px !important;
}

a.nobreak {
	white-space: nowrap;
}

/*
==============================
 Table
==============================
 */
table {
    border-collapse: collapse;
    border-spacing: 5px;
    margin-left: 0;
}
table.edit-info {
	border: none;
}
table.edit-info  td {
  text-align: left;
}
td {
    font-size: 100%;
}
th {
 	text-align: left;
 }

table, th, td {
	border: 1px #999 solid;
	page-break-inside: avoid;page-break-before:auto
}
 td {
	padding: 2px 3px;
	vertical-align: baseline;
}
td:nth-child(1), tr:nth-child(1) {
	font-weight: 600;
}
tr:nth-child(1), tr.header {
	font-weight: 600;
	background: #f8f8f8;
}
.header td {
  padding: 8px 3px;
}
tr.spacer ,tr.spacer td{
	border: none;
	height: 20px;
}
td {
	text-align: right;
}
td:nth-child(6), td:nth-child(5) {
	width: 12%;
}
td:nth-child(1) {
	text-align: left;
}

table.layout, table.layout th, table.layout td {
	border: none;
	text-align: left;
	vertical-align: top;
}
table.layout td  +  td {
	padding-left: 20px;
}
table.layout td:nth-child(1), table.layout tr:nth-child(1) {
	font-weight: normal;
}
table.layout td:nth-child(6), table.layout td:nth-child(5) {
	width: unset;
}
 table.layout tr:nth-child(1) {
	font-weight: normal;
	background: transparent;
}
table.layout  img {
	margin-bottom: 10px;
	max-width: unset;
}

table.layout-small-img, table.layout-small-img th, table.layout-small-img td {
	border: none;
	text-align: left;
	vertical-align: top;
}
table.layout-small-img td  +  td {
	padding-left: 10px;
}
table.layout-small-img td:nth-child(1), table.layout-small-img tr:nth-child(1) {
	font-weight: normal;
}
table.layout-small-img td:nth-child(6), table.layout-small-img td:nth-child(5) {
	width: unset;
}
 table.layout-small-img tr:nth-child(1) {
	font-weight: normal;
	background: transparent;
}
table.layout-small-img  img {
	max-width: 290px;
	margin-bottom: 10px;
}


table.content, table.content th, table.content td {
	border: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	padding: 3px 3px;
}
table.content td:nth-child(1), table.content tr:nth-child(1) {
	font-weight: normal;
}
table.content td:nth-child(6), table.content td:nth-child(5) {
	width: unset;
}
 table.content tr:nth-child(1) {
	font-weight: normal;
	background: transparent;
}
table.content  img {
	max-width: 290px;
	margin-bottom: 10px;
}
table.content-fullwidth {
	width: 100%;
}
.dir-list td, .dir-list th {
	padding: 2px 3px !important;
}
.dir-list th {
	padding: 5px 5px !important
}
.dir-item {
  border-bottom: 1px solid #CECECE;
  font-size: 90%;
}
.edit-info td {
 font-size: 90%;
}
.dir-list tr:nth-child(even)  {
  background: #f6f6f6;
}
.dir-list tr:nth-child(odd)  {
  background: #fbfbfb;
}
table.dir-list.layout tr:nth-child(1) {
  font-weight: normal;
  background: #fbfbfb;
}

/*
==============================
 Navigation
==============================
 */

nav ul {
	padding-left: 0px;
}

/* style list */

nav ul li,
nav ul li ul li {
	list-style-position:  outside;
	list-style-type: none;
}
#iska-navbar-left {
	background: #cccccc;
	padding: 7px 2px 0 2px;
}
.search-navigation {
	border-bottom: 1px solid #fff;
}
#iska-navbar-left .search-navigation #search {
        width: 100%;
}
.search-navigation {
	display: none;
}
#iska-navbar-left > ul li ul li a:before {
	 //content: "\2022"; /* square */
	 //padding-right:7px;
}

/* padding */
nav ul li a, nav ul li span {
 	padding: 4px 0px 4px 10px;
	display: block;
	border-bottom: 1px solid #fff;
}
nav#iska-navbar-left > ul > li:first-child > a {
	/*border-top: 1px solid #cccccc;*/
}
nav ul li span.glyphicon {
	border-bottom: none;
}
nav ul li ul li a {
	padding: 5px 0px 5px 25px;
}
@media only screen and  (min-width: 816px)  {
	nav ul li ul li a {
		font-size: 14px !important;
	}
}
nav ul li ul li ul li a {
	padding: 5px 0px 5px 20px;
}
nav ul li span.glyphicon {
 	padding: 0px;
}

/* hide/show */
nav ul li ul,
nav ul li ul li ul {
	display: none;
}
nav ul li.active ul {
	display: block;
}
nav ul li.active ul li ul {
	display: none;
}
nav ul li.active ul li.active ul {
	display: block;
}

/* link colors */
nav a {
	background: #cccccc;
}
nav li.current > a {
	background: #fff;
}
nav a:link {
    color: #000000;
    font-size: 100%;
    text-decoration: none;
}
nav a:visited {
    color: #000000;
    font-size: 100%;
    text-decoration: none;
}
nav a:hover {
    color: #878787;
}


/* mobile */
.navbar-toggle {
	display: none !important;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 4px;
    float: right;
    top: 2px !important;
    right: 5px;
    margin-top: 0px;
    padding: 8px 5px 10px 5px;
    position: absolute !important;
    border-color: #ddd;
    font-size: 26px;
    color: #fff;
    cursor:	pointer;
}
.navbar-toggle-text {
	cursor: pointer;
    display: none !important;
    font-size: 12px;
    color: #fff;
    padding: 8px 2px;
    position: absolute !important;
    right: 37px;
    top: 5px;
}
.sr-only {
	border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.toggle-submenu-dummy {
	height: 30px;
	width:30px;
	float: right;
	margin-top: -5px;
	display: none;
}
.toggle-submenu {
	float: left;
	background-color: #3A556DC2;
	margin: -11px 10px -5px 0;
	padding: 10px 13px;
	display: none;
	color: #fff;
	font-size: 18px;
}
nav ul li.active .toggle-submenu {
	background-position: 0px 30px;
}
nav ul li.active  ul li .toggle-submenu {
	background-position: 0px 0px;
}
nav ul li.active  ul li.active .toggle-submenu {
	background-position: 0px 30px;
}
.menu-divider {
	border-bottom: 3px solid #3A556DC2;
	color: #fff;
	padding:  2px 10px;
	text-transform: uppercase;
}
.menu-divider.no-upper {
	text-transform: none;
	border-bottom: none;
	margin-left: 0px;
	margin-right: 0px;
	background: #fff;
	color: unset;
	padding: 3px;

/*	background: #6890B324;
	padding: 6px;*/
}
.menu-divider.no-upper p + p {
	margin-top: 0;
}
.menu-divider .btn {
	margin:  3px 0px;
}
.menu-divider-text {
	color: #fff !important;
	background: #3A556DC2 !important;
}
.docinfo-NO {
	background: #fff;
padding: 5px;
margin: -6px -8px 0 -8px;

}
/*
==============================
 Format containers
==============================
 */

 /* === news teaser === */
 .news-teaser-wrap {
	background: #3A556DC2;
 	overflow: hidden;
 }
 .news-teaser:nth-child(1) {
	 overflow: hidden;
	 color: #fff;
	 font-size: 180%;
	 padding: 5px;
 }
 .news-teaser:nth-child(1) p {
 	margin: 0;
 }
 .news-teaser-wrap  p.description {
    clear: none;
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
    font-weight: normal;
    padding: 0px 0px 20px 0px;
 }
 .news-teaser-wrap  a {
    margin: 0;
    background: #fff;
    border: none;
    font-weight: normal;
    padding:  0px 0px 0px 0px;
 }
 .news-teaser:nth-child(2) {
 	 padding: 0;
 	 overflow: hidden;
 }

 /* === news list === #cccccc*/

 .news-list-wrap {
 	overflow: hidden;
	border-bottom: 1px solid #cccccc;
 	margin-bottom: 5px;
 	padding: 0px 0px 0px 0px;
 }
 .news-list-wrap.index-page {
 	border-bottom: none;
	clear:both;
 }
 .col-12:nth-child(2) .news-list-wrap {
 	border-top: none;
 }
 .news-listitem:nth-child(1) {
 	margin: 0;
 	padding: 0;
 }
 .news-listitem:nth-child(2) {
 	margin: 0;
 	padding: 0px 10px;
 }
 .news-listitem:nth-child(2) p {
	overflow: hidden;
	padding: 0px 0px;
 }
 .news-listitem:nth-child(2) h2 {
	font-size: 100%;
	font-weight: 600;
	padding: 0px 0px 10px 0px;
	margin: 0px;
 }
 .news-list-wrap  p.description {
    clear: none;
    float: left;
    width: 100%;
    margin: 0;
    background: #fff;
    border: none;
    font-weight: normal;
 }

 .news-list-wrap.index-page .news-listitem:nth-child(2) h2 {
	font-size: 150%;
	padding: 0px 0px 10px 0px;
	margin: 0px;
 }
 .news-list-wrap.index-page .news-listitem:nth-child(2) p {
	margin: 0 0 50px 0;
 }

 /* news columns */
.news-teaser-wrap .news-header,
.news-teaser-wrap .news-image  {
	width: 50%;
	float: left;
}
.news-list-wrap .news-image  {
	width: 25%;
	float: left;
}
.news-list-wrap .news-text  {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 75%;
	float: left;
}
.news-list-wrap.index-page .news-image {
	width: 30%;
}
.news-list-wrap.index-page .news-image p {
	margin: 0;
}
.news-list-wrap.index-page a {
	text-decoration: none;
}
.news-list-wrap.index-page .news-text {
	width: 70%;
}


.news-image  a::before {
    content: "" !important;
    font-family: inherit;
    padding-right: 0px !important;
}


 /* === imagetext list === #cccccc*/
 .imagetext-list-wrap {
 	overflow: hidden;
	border-bottom: 1px solid #fff;
 	margin-bottom: 5px;
 	padding-bottom: 10px;
 }
 .imagetext-listitem {
 	margin: 0;
 	padding: 0px 10px 0px 0px;
 }
 .imagetext-listitem p {
	overflow: hidden;
	padding: 0px 0px;
 }
 .imagetext-listitem h2 {
	font-size: 100%;
	font-weight: 600;
	padding: 0px 0px 10px 0px;
	margin: 0px;
 }
 .imagetext-list-wrap  p.description {
 	clear: none;
    float: left;
    width: 100%;
    margin: 0;
    border: none;
    font-weight: normal;
    font-size: 80%;
 }

.imagetext-list-wrap .imagetext-image  {
	width: 25%;
	float: left;
}
.imagetext-list-wrap .imagetext-text  {
	width: 75%;
	float: left;
}
.imagetext-image  a::before {
    content: "" !important;
    font-family: inherit;
    padding-right: 0px !important;
}
img.fullwidth {
	width: 100%;
	max-width: 100%;
	float: none;
}

.kasten {
    border-top-width: 0;
    color: #5d97cd;
    font-size: 100%;
    font-weight: 600;
}
p.kasten-grau, div.kasten-grau, section.kasten-grau {
	background: #ebebeb none repeat scroll 0 0;
	padding: 10px;
	font-weight: 600;
}
div.kasten-grau  {
	margin-bottom: 10px;
	font-weight: normal;
	overflow: hidden;
}
div.kasten-grau h2 {
	margin-top: 0px;
}
p.kasten-weiss {
	background: #fff;
	padding: 0px;
	font-weight: 600;
}
p.einleitung  {
    padding: 0px 0px 15px 0px ;
    font-size: 100%;
    font-weight: 600;
    margin-top: 18px;
    margin-bottom: 15px;
    border-bottom: 26px solid #cccccc;
}
h1.einleitung  {
    padding: 0px 0px 15px 0px ;
    margin-top: 18px;
    margin-bottom: 15px;
    border-bottom: 26px solid #cccccc;
}
p.description {
  clear: none;
  float: left;
  width: 100%;
  margin: 0;
  background: #fff;
  border: none;
  font-weight: normal;
}
p.link-quelle {
    padding: 0px 0px 10px 0px ;
    border-bottom: 1px solid #cccccc;
    font-size: 80%;
    font-weight: normal;
}
p.link-quelle:last-child {
	 border-bottom: none;
}
p.foto {
    font-size: 70%;
    font-style: italic;
    margin-bottom: 20px;
}
p.interviewfrage {
    font-size: 100%;
    font-style: italic;
}
p.quelltext {
    font-family: courier ;
    font-size: 90% ;
    background-color: #ebebeb;
    margin: 10px 15px 10px 15px;
    padding: 5px 5px 5px 5px;
}
p.datumaenderung {
    font-size: 70%;
    font-style: italic;
    margin-bottom: 20px;
}
img.statistik {
    max-width: 100%;
    height: auto;
    display: block;
    width: 470px;
    height: 295px;
    border: 1px solid;
    border-color: #cccccc;
}
div.anzeigen img {
	margin: 0 0 10px 0;
	padding: 0;
}
div.anzeigen img {
	margin-right: 10px;
}
div.anzeigen p img + img {
	margin-right: 0px;
}
div.anzeigen p {
	overflow: hidden;
}

.alert {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-top: 0px;
    padding: 10px;
}
.alert-info {
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    background-repeat: repeat-x;
    border-color: #f5e79e;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
	font-size: 80%
}
.alert-warning {
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    background-repeat: repeat-x;
    border-color: #f5e79e;
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.border-top .col {
	border-top: 1px solid #cccccc;
}

/*
==============================
 Formats in Layout Containers
==============================
 */
 section.left a.logo {
	min-height: 43px;
	display: block;
	padding: 10px 10px 5px 10px;
	border-bottom: 1px solid #fff;
	background: #3A556DC2;
	color: #fff;
	text-decoration: none;
}
.frontend  section.left a.logo {
	display: none;

}
main ul li {
	list-style: outside square;
}
aside section.text {
	padding: 10px;
}
section.header-right {
	background: #fff;
	overflow: hidden;
	padding-bottom: 0px;
}
section.header-right  .logo-text {
	padding: 10px 4px;
	float: left;
	font-size: 130%;
}
section.header-right  a.logo {
	display: block;
	min-height: 43px;
	width: 100%;
	background: #3A556DC2;
	margin-left: 1px;
	padding-left: 5px;
	color: #fff;
}
.search-right {
	padding: 10px;
}
.search-right input {
	width: 100%;
	height: 30px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 2px;
}
#search-DELETEME {
	background-image: url('../Images/search.png');
	background-repeat: no-repeat;
	background-position: right 5px;
}
.search-navigation {
	padding: 10px;
}
.search-navigation input {
	width: 100%;
	height: 30px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding: 2px 4px 2px 4px;
}
section.footer-logo {
	text-align: right;
	background: #fff;
	overflow: hidden;
	padding-bottom: 0px;
}
section.footer-logo  .logo-text {
	text-align: right;
	padding: 10px 4px;
	float: left;
	font-size: 130%;
}
section.footer-logo  a.logo {
	display: block;
	text-align: right;
	min-height: 43px;
	width: 100%;
	background: #3A556DC2;
	margin-right: 1px;
	padding-right: 5px;
	color: #fff;
}
section.footer-logo img {
	float: right;
}
/*
==============================
 VIDEO
==============================
 */
.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 600px;;
}


video {
	width: 100%;
	height: auto;
	max-width: 600px;;
}

.videoQualitiySwitchWrap a:before {
	display: none;
}
.videoQualitiySwitchWrap {
	float: right;
	font-size: 12px;
	background: #f2f2f2;
	padding: 5px;
	border: 1px solid #ddd;
}
.videoQualitiySwitchWrap  h5 {
	font-size: 110%;
	margin: 0 0 5px 0;
}

.responsive-video {
	position: relative;
	padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

/*
==============================
 FORMS
==============================
 */
.glyphicon-search {
	font-size: 20px;
	color: #787878;
}
.input-group {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.input-group input {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group button {
	border: 1px solid #cccccc;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.required-missing input,
.required-missing textarea,
.required-missing select{
	border: 4px solid #ebccd1;
}
.required-missing {
    border-bottom: 4px solid #ebccd1;
}
input[type="text"], select {
	width: 100%;
}

/*
==============================
 BILDERGALERIE
==============================
 */

div.gallery {
	overflow: hidden;
}
div.gallery a {
	float: left;
	clear: none;
	margin-right: 2px;
}
div.gallery img {
	border-bottom: 1px solid transparent;
	padding-bottom: 3px;
	opacity: 0.5;
}
div.gallery img.active {
	padding-bottom: 3px;
	opacity: 1;
}

main div.gallery a::before, main div.gallery-viewport a::before {
    content: "";
    padding-right: 0px;
}
div.gallery-viewport-image {
	position: relative;
}
div.gallery-viewport-image .next{
 	position: absolute;
 	bottom: 0px;
 	display: block;
 	left: 480px;
 }


/*
==============================
 RESPONSIVE
==============================
 */

/*
==============================
 LG Big > 1200px
==============================
 */

.container {
 	width: 1200px;
 }
section.left {
	width: 200px;
	float: left;
	clear: both;
}
main {
	width: 1000px;
	float: left;
	clear: none;
}
aside {
	width: 200px;
	float: left;
	clear: none;
}


/*
==============================
 MD Medium 1200px - 1000px
==============================
 */
@media (max-width: 1215px) {
	.col-4 {
		width: 50% !important;
	}
	main {
	    width: 800px;
	}
	.container {
    	width: 1000px;
    	background-image: url('../Images/bg1000.jpg');
	}

	body {
		background-image: url('../Images/bg1000.jpg');
	}
	.news-list-wrap.index-page .news-image {
		width: 40%;
	}
	.news-list-wrap.index-page .news-text {
		width: 60%;
	}
}

/*
==============================
 SM Tablet 1024px - 800px
==============================
 */
@media (max-width: 1015px) {
	main {
	    width: 600px;
	}
	.container {
    	width: 800px;
    	background-image: url('../Images/bg800.jpg');
	}
	body {
		background-image: url('../Images/bg800.jpg');
	}
	section.left {
		clear: both;
	}
	aside {
		display: none;
	}
	.search-navigation {
		display: block;
	}
	.footer {
		display: block;
	}
	table.layout img {
		max-width: 250px;
	}
	.news-list-wrap.index-page .news-listitem:nth-child(2) h2 {
		font-size: 130%;
		padding: 0px 0px 10px 0px;
		margin: 0px;
	 }
	 .news-list-wrap.index-page .news-listitem:nth-child(2) p {
		margin: 0 0 10px 0;
	 }
}


@media (max-width: 630px) {
	table.layout img {
		max-width: 150px;
	}
}


/*
==============================
 XS Mobile < 800px
==============================
 */
@media only screen and  (max-width: 815px)  {
	html {
		margin-top: 0px;
	}
	.container {
    	width: 100%;
    	background-image: none;
    	overflow: auto;
	}
	html, body {
		background-image: none;
	}
	section.left {
		width: 100%;
	}
	main {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		clear: both;
		position: relative;
	}
	aside {
		width: 100%;
		padding: 10px;
		height: auto;
		float: left;
		clear: both;
		width: 100%;
		border-top: 1px solid #ccc;
		background: transparent;
	}
	section.left .logo {
	        min-height: 44px;
	}
	main article .col:nth-child(1) h1 {
		background: #fff;
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
		padding: 0px;
	}
	.news-teaser:nth-child(1) {
		 font-size: 140%;
	 }
	.col {
		clear: both;
		width: 100% !important;
	}
	.col.col-6 + .col.col-6 {
		padding-left: 10px;
	}
	#iska-navbar-left {
		display: none;
	}
	.navbar-toggle,
	.navbar-toggle-text,
	.toggle-submenu,
	.toggle-submenu-dummy,
	 section.left a.logo {
		display: block !important;
	}
	aside nav {
		display: block;
		width: 100%;
	}
	aside small {
	 	font-size: 16px;
	 }
	 nav a {
		/*background: #d3e3f0;*/
	}
	nav li.current > a {
		background: #c4c3c3;
	}
	nav a:hover {
    	color: #000;
	}

	div.gallery-viewport-image .next{
		display: none;
	}
	#iska-navbar-left .search-navigation #search {
    	width: 100%;
	}

	nav ul li a, nav ul li span, .toggle-adminmenu-link {
		padding: 12px 0px 12px 0px;
	}

	.toggle-adminmenu {
		margin: -11px 10px -5px 0;
		padding: 14px 13px;
    }
	 nav ul li.has-submenu a {
	 	padding: 12px 0px 12px 0px;
	 }
	 nav ul li.has-submenu > ul {
    	border-left: 46px solid #fff;
	 }
	 nav ul li.has-no-submenu a {
	 	padding: 12px 0px 12px 35px;
	 }
	nav ul li.has-submenu ul li.has-no-submenu a {
	 	padding: 12px 0px 12px 35px;
	 }

	nav ul li ul li a {
		padding: 8px 0px 8px 10px;
	}

	nav ul.admin_menu {
		padding-left: 10px;
	}
	body {
		/*font-family: 'Ubuntu Regular', ubuntu, "Ubuntu", Arial, Helvetica, sans-serif;*/
	}

	 .col-12:nth-child(2) .news-list-wrap {
		border-top: 1px solid #cccccc;
	 }
}

/*
==============================
 XXS News Small Mobile < 461px
==============================
 */
@media (max-width: 461px) {
	.news-teaser:nth-child(1) {
		 font-size: 120%;
	 }
}

/*
==============================
 XXS News Small Mobile < 361px
==============================
 */
@media (max-width: 361px) {

	.news-teaser-wrap .news-header,
	.news-teaser-wrap .news-image  {
		width: 100%;
		float: none;
		clear: both;
	}
	.news-teaser-wrap .news-header {
		background: #3A556DC2;
		padding: 5px;
	}
	.news-teaser:nth-child(1).news-header p {
		color: #fff;
	}

	.news-list-wrap .news-image  {
		display: block;
	}
	.news-list-wrap .news-text  {
		width: 100%;
		float: left;
	}

	.imagetext-list-wrap .imagetext-image  {
		display: block;
	}
	.imagetext-list-wrap .imagetext-text  {
		width: 100%;
		float: left;
	}
	.imagetext-listitem {
    	margin: 0;
	    padding: 0 0px;
	}

	.news-teaser-wrap {
 		background: #fff;
	 	overflow: hidden;
	}
	.news-teaser-wrap {
 		background: #fff;
	 	overflow: hidden;
	}
	.news-teaser.news-header  p {
		color: #000;
		padding: 5px;
		font-size: 100%;
		padding: 5px 0px;
	}
	.news-teaser:nth-child(1) {
	   	margin-bottom: 0px;
    	padding: 5px;
	}
	.news-listitem:nth-child(2) h2 {
    	font-size: 100%;
	    font-weight: 600;
   	 	padding: 0 0 10px 0;
	}
	.news-listitem:nth-child(2) {
    	margin: 0;
	    padding: 0 0px;
	}
	.news-teaser-wrap {
		margin-bottom: 0;
		overflow: hidden;

	}
	.col:last-child .news-list-wrap {
		/*border-bottom: none;*/
	}
}

/*
==============================
 RESPONSIVE OVERRIDES
==============================
 */

@media (min-width: 801px) {
}
 .container-no-bg {
 	background-image: none;
 }
 .spacer-print {
	 display: none;
 }
 .half-spacer-print {
	 display: none;
 }


a.no-icon[href^="http://"]:not([href*="https://www.veldener-buergerzeitung.de"]):before,
a.no-icon[href^="https://"]:not([href*="https://www.veldener-buergerzeitung.de"]):before { display: none}

@page {
   size: A4 portrait;
   margin: 0  0 0 0;
}

@media print {

	.spacer-print {
		display: block;
		height: 20px;
	}
	.half-spacer-print {
		display: block;
		height: 10px;
	}
	html {
		font-size: 80%;
	}
	.hidden-print, section.left a.logo, .btn  {
		display: none;
	}
	#iska-navbar-left {
		display: block;
	}
	section.left {
		width: 160px;
		position: fixed;
		background: #cccccc;
		height: 1500px;
	}
	.container {
		width: unset;
	}
	main {
		margin-left: 160px;
		width: calc(100% - 160px);
	}
	@media (max-width: 1015px) {
		.container {
			background-image: url('../Images/bg800_print.jpg');
		}
		body {
			background-image: url('../Images/bg800_print.jpg');
		}
	}
	td {
		font-size: 11px;
		text-align: right;
	}
	td:nth-child(6), td:nth-child(5) {
		width: 12%;
	}
	td:nth-child(1) {
		text-align: left;
	}

	h2.break {
		page-break-before : always;
		page-break-after  : avoid
	}
	img{
		 max-width: 330px;
		 height: auto
	}
	div.anzeigen img {
		max-width: unset;
	}
	div.anzeigen p:last-child, div.anzeigen p:last-child img {
		margin-bottom: 0;
	}
	p.fullwidth img {
		 width: 100%;
	}
	img, p {
		/* max-width: 400px;*/
		/*sheight: auto;*/
		display:block;
		break-before: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
		break-after: auto; /* 'always,' 'avoid,' 'left,' 'inherit,' or 'right' */
		break-inside: avoid; /* or 'auto' */
	}
	.toggle-submenu {
		display: none;
	}
	main article .col:nth-child(1) h1 {
		background: transparent;
		color: #000;
		margin-top: 0px;
		margin-bottom: 5px;
		padding: 0px;
	}
    main article .col:nth-child(1) h1.einleitung {
		padding-bottom: 15px;
    }
	@media (max-width: 815px) {
		nav ul li.has-no-submenu a, nav ul li.has-submenu a {
			padding: 5px;
		}
	}

	nav ul li ul li a {
		font-size: 14px !important;
		font-size: 12px !important;
		margin: 5px 0px 5px 18px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		padding: 10px;
		padding-top: 10px;
		padding-right: 0px;
	}
	.news-image img {
		max-width: 100%;
	}
	.news-list-wrap.index-page .news-listitem:nth-child(2) p {
		margin: 0 0 20px 0;
	}
	.news-list-wrap.index-page .news-image {
		width: 40%;
	}
	.news-list-wrap.index-page .news-text {
		width: 60%;
	}
}


label {
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 10px;
  display: block;
}
.file-uploaded, .archive-list-row {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 5px 10px;
	display: flex;
	flex-direction: column;
	margin: 0px 10px 20px 0;
	justify-content: space-between;
}
.archive-list-row {
	margin: 0;
	border: none;
	border-bottom: 1px solid #CECECE;
	width: 200px;
}
.archive-list-row:nth-child(even)  {
  background: #f6f6f6;
}
.archive-list-row:nth-child(odd)  {
  background: #fbfbfb;
}
.file-uploaded-wrap {
	display: flex;
	margin: 0 0 40px 0;
	flex-wrap: wrap;
}
.file-uploaded + .file-uploaded{
	border-top: 1px solid #ddd;
}
.file-uploaded .original-fit {
	max-width: 150px;
	height: auto;
	max-height: 150px;
}
.file-uploaded-info {
/*	background: #bfbcbc;
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -5px;
	padding: 5px;
	color: #fff;*/
  word-break: break-all;
}
.file-uploaded-info.secondary {
	padding-top: 5px;
	margin-top: 10px;
	border-top: 1px solid #ccc;
}
.file-uploaded-info-size {
	font-size: 90%;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.file-uploaded-image {

}
.buttons-uploaded-wrap {
	margin: 0px 0 20px 0;
	padding: 15px 0px;

}
.form-input-wrap {
  background: #f9f9f9;
  padding: 10px;
  border: 1px solid #eee;
}
.preview {
	background: #f9f9f9;
	padding: 10px;
	border: 1px solid #eee;
	margin-bottom: 30px;
}
.no-padding {
	padding: 0;
}
.editor__editable, main .ck-editor[role="application"] .ck.ck-content, .ck.editor__editable[role="textbox"], .ck.ck-editor__editable[role="textbox"], .ck.editor[role="textbox"] {
	padding: 10px !important;
}
.ck.ck-editor__editable_inline > :first-child {
  margin-top: 10px !important;
}
.fixed {
	position: fixed;
	top: 10px;
}
.fixed-bottom {
	position: fixed;
	bottom: 5px;
	margin-left: 5px
}
.fixed-bottom a {
	width: 190px;
}
.btn-cropper-save, .btn-cropper-cancel {
	 margin-top: 10px;
}

.white-border-bottom {
	border-bottom: 1px solid #fff;
	padding-bottom: 10px;
}
.button-sticky-bar {
	padding: 10px;
	background: #fff;
}
.badge {
	background: #828282;
	border-color: #828282;
	border: 1px solid;
	color: #fff;
	font-size: 80%;
	font-weight: 500;
	border-radius: 6px;
	padding: 3px 10px;
	text-align: center;
	display: inline-block;
}
.badge-primary {
	background-color: #3A556DC2;
}
.badge-info {
	background-color: #fcf8e3;
	border-color: #f5e79e;
	color: #8a6d3b;
}

img.no-cache {
	height: 150px;
	width:auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
img.no-cache.original-fit {
	margin-top: 10px;
	margin-bottom: 0px;
}
.figcaption , figcaption {
	font-size: 90%;
	font-style: italic;
}
.margin-top  {
	margin-top: 10px;
}
.margin-bottom {
	margin-bottom: 10px;
}
.margin-left {
	margin-left: 10px;
}
.margin-right {
	margin-right: 10px;
}
.clear {
	clear: both;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
	clear: both;
}
.form-input-entry {
	border-left: 4px solid transparent;
	padding-left: 6px;
}
.form-input-entry.error {
	border-left: 4px solid #ec6967;
	padding-left: 6px;
}
.row {
  display: flex;
  flex-wrap: wrap;
}

.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
.autor {
	font-style: italic;
}
.disabled {
	opacity: 0.4;
}
#contain {
	position: relative;
}
#contain.image {
	min-height: 600px;
}
.green {
	color: #76a447;
}
.red {
	color: #ec6967;
}
.image-ok {
	background: #76a44738;
}
.editbutton a {
	color: #3A556DC2 !important;
	background: #6890B321 !important;
	margin: 0 2px;
}

.image-style-side {
  float: right;
  margin-left: 1.5em;
  max-width: 50%;
}
.disabled {
	cursor: not-allowed;
	pointer-events: none;
}
main {
/*  background-image: url(../Images/kopfbg.png);
  background-repeat: no-repeat;
  background-position-x: 10px;*/
}
.author {
	font-style: italic;
}
a[href="impressum.html"] {
	margin-top: 30px;
}

.login {

}
input[type="text"], input[type="password"], select {
  width: 300px;
  max-width: 100%;
}
input[type="text"].small {
  width: auto;
  max-width: 100%;
}
select#imageowner {
  width: 60px;
}
textarea {
	max-width: 100%;
}
@media (max-width: 500px) {
	input[type="text"], input[type="password"], select {
	  width: 100%;
	}
}

.clear {
  clear: both;
}
img {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.figcaption {
	margin-top: 10px;
}
.icon-button {
	font-size: 90% !important;
	color: #546471C2 !important;
}

/* not used */
main backend-article .col:nth-child(1) h1 {
	border: none;
	background: #3A556DC2;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
	margin-top: -10px;
}
.bg-white td {
	background: #fff !important;
}
.version {
	padding: 14px 0px 4px 10px;
	color: #a4a4a4;
}
.clear {
    clear: both;
}

.buttons-wrap {
    margin-top: 20px;
    padding-left: 10px;
}