@charset "UTF-8";
/*!
 * Start Bootstrap - 2 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@import url(/css/fonts/fontawesome/stylesheets/font-awesome.min.css);
@font-face{font-family:'FontAwesome';src:url("/css/fonts/fontawesome/fontawesome-webfont.eot?v=4.0.3");src:url("/css/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"),url("/css/fonts/fontawesome/fontawesome-webfont.woff?v=4.0.3") format("woff"),url("/css/fonts/fontawesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"),url("/css/fonts/fontawesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}

body {
    /* padding-top: 70px; */ /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background: #fdfdfd;
	background: #f2f2f2;
	color: #2b2b2b;
}

.portfolio-item {
    margin-bottom: 25px;
}

header {
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
}
nav {
	border-bottom: 1px solid red;
}

footer {
	margin: 0 -15px;
	padding: 20px 15px;
}
footer,
footer a {
	background: #2b2b2b;
	color: #fff !important;
}


body {
	font-family: "Source Serif Pro", "Georgia", "Times New Roman", serif;
}

form, form * {
    box-sizing: border-box;
}
input, textarea, select {
    box-sizing: border-box;
	border: 1px solid #999;
}
label, select, fieldset {
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-weight: 400;
}

a {
	color: #eb2325;
}
h1,
h2,
h3,
h4 {
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-weight: 700;
}

.Blog-Ad-List {
	margin-left: 0;
	padding: 0;
	list-style: none;
}

/* Responsive Yottube-Loesung */
.Html {
	margin-bottom: 30px;
	position: relative;
	padding-bottom: 63%; /* Default for 1600x900 videos 16:9 ratio*/
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	width: 100%;
}
.Html iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.Go2Issue {
	padding: 0 0 20px 0;
}
.Go2Issue a {
	background: #2b2b2b;
	color: #fdfdfd;
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 16px;
}
.Go2IssueNew a {
	background: #eb2325;
}
.Go2Issue a:focus,
.Go2Issue a:hover,
.Go2Issue a:active {
	background: #000 !important;
	color: #fdfdfd;
}
.Go2Issue a:after {
	content: " »";
}
.portfolio-item {
	background: #f2f2f2;
	background: #fdfdfd;
	padding: 15px;
}

.portfolio-item h3,
.portfolio-item h3 a {
	color: #2b2b2b;
	font-size: 24px;
	font-weight: 700;
	line-height: 155%;
}
.portfolio-item.protected p:before {
	background: #eee;
	color: #eb2325;
	content: 'ABO';
	display: block;
	float: left;
	font-size: 10px;
	line-height: 130%;
	margin-right: 10px;
	padding: 5px 10px;
}


.Article .Date span,
.Article .Date a,
.Article .Date,
.Article address,
.Author,
.Kicker,
.bottom-up,
#MoreButton,
footer {
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	text-decoration: none !important;
}
.Article .Date span:after,
.Article .Date a:after {
	color: #222;
	content: '/';
	padding: 0 10px;
}

.Article .row.Anzeige {
	padding: 15px;
}
.row.Anzeige .portfolio-item:before {
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	color: #999 !important;
	content: 'ANZEIGE:';
	font-size: 10px;
}
.row.Anzeige .portfolio-item {
	padding-top: 0;
	padding-bottom: 25px;
}
.row.Anzeige .portfolio-item a {
	display: block;
}
.row.Anzeige .portfolio-item a img {
	margin: auto;
}

.row span.User-Debatte {
	display: inline;
}
.row span.User-Debatte img {
	margin-left: 0px;
	margin-top: 0px;
	opacity: 0.75;
	width: 30px;
}

.Article .Infobox {
	background: #f2f2f2;
	margin: 15px 0;
	padding: 15px;
}

/* Listing */
.portfolio-item img {
	width: 100%;
}
.portfolio-item .Author,
.portfolio-item .Kicker {
	color: #787878;
	font-size: 14px;
}

.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 {
    border-bottom: 30px solid #f2f2f2;
    display: table-cell;
    float: none !important;
	vertical-align: top;
}

/* Anzeige */
.row .row.Anzeige {
	margin-left: 0;
}


.row.Anzeige .portfolio-item img {
	width: auto;
}

/* Kurz notiert */
.portfolio-item.Kurz-notiert ul {
	margin: 30px 0;
	padding: 0;
}
.portfolio-item.Kurz-notiert h3 {
	background: #787878;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-top: 0;
	padding: 5px 15px;
}
.portfolio-item.Kurz-notiert li {
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 155%;
	list-style: none;
	margin: 15px;
	paading: 0;
}

.portfolio-item div.Date {
	color: #787878;
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 14px;
	margin-bottom: 10px;
}
.portfolio-item .Date + h3 {
	margin-top: 0;
	padding-top: 0;
}

/* Rubriken */
h1.Rubric,
.Download-Listing form {
	background: #fff;
	margin: -20px -15px 25px -15px;
	padding: 15px;
}
.Download-Listing form,
.Beilagen-Listing .col-md-12 {
	margin-top: -25px;
}
.Beilagen-Listing .portfolio-item h3,
.Beilagen-Listing .portfolio-item h3 a,
.Dossiers-Listing .portfolio-item h3,
.Dossiers-Listing .portfolio-item h3 a,
.Download-Listing .portfolio-item h3,
.Blog-Listing .portfolio-item h3,
.Blog-Ad .portfolio-item h3 {
	font-size: 18px !important;
	line-height: 140% !important;
	margin-top: 0;
}
.Beilagen-Listing .portfolio-item img,
.Download-Listing .portfolio-item img,
.Blog-Listing .portfolio-item img,
.Blog-Ad .portfolio-item img {
	border: 1px solid rgba(0,0,0,0.2);
	float: left;
	height: auto !important;
	width: 140px;
}
.Download-Listing .portfolio-item ul,
.Blog-Listing .portfolio-item ul {
	margin-left: 17px;
	padding-left: 0;
}
.Beilagen-Listing .portfolio-item h3,
.Beilagen-Listing .portfolio-item p,
.Beilagen-Listing .portfolio-item div,
.Download-Listing .portfolio-item h3,
.Download-Listing .portfolio-item p,
.Download-Listing .portfolio-item div,
.Download-Listing .portfolio-item ul li,
.Blog-Listing .portfolio-item h3,
.Blog-Listing .portfolio-item p,
.Blog-Listing .portfolio-item div,
.Blog-Listing .portfolio-item ul li,
.Blog-Ad .portfolio-item h3,
.Blog-Ad .portfolio-item p {
	margin-left: 155px;
}
.Beilagen-Listing .col-md-12 div.Date {
	margin-left: 0;
}
p.Download,
p.Last-Update {
	color: rgba(0,0,0,0.4);
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 12px;
}
p.Download a {
	display: block;
	font-size: 16px;
}
.Download-Listing h2 {
	font-size: 18px;
	font-weight: 400 !important;
}
.Dossiers-Listing .portfolio-item a,
.Rubric-Listing .portfolio-item a, {
	display: block;
	font-size: 16px;
	width: auto;
}

/* Blogs */
.Blog-Head h1 {
    font-size: 36px !important;
}
.Blog-Listing nav,
.Blog-Head nav {
	border: 0;
}
.Blog div.Rubric {
    border-bottom: 3px solid #eb2325;
    font-size: 24px;
    font-weight: 700;
    margin: 50px 0;
    padding-bottom: 10px;
}
.Blog-Ad

/* Datepicker bei Downloads */
.form-group * {
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
}

/* Dossiers */
.Dossiers-Listing .portfolio-item img {
	float: left;
	width: 90px;
}
.Dossiers-Listing .portfolio-item h3,
.Dossiers-Listing .portfolio-item p,
.Dossiers-Listing .portfolio-item div {
	margin-left: 105px;
}
h1 {
	font-size: 24px;
}
.Article,
#ID_AboForm {
	background: #fdfdfd;
	margin: 0 -15px;
	padding: 15px;
}
.Article h1 {
	font-size: 24px;
	font-weight: 700;
}
h2 {
	font-size: 18px;
	font-weight: 600;
}
.Article h3 {
	font-size: 18px;
}
.Article h4 {
	font-size: 14px;
}
.Article h1,
.Article h2,
.Article h3 {
	line-height: 130%;
}
.Article h1 {
	font-weight: 700;
	line-height: 120%;
}
.Article .Image {
	color: #666;
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 14px;
	margin: 20px 0;
}
.Article .Image .Copyright {
	color: #999;
	font-size: 12px;
}
.Article .Image img {
	width: 100%;
}
.Article .Favorite {
	margin: 40px 0;
}
.Article p.autorleserbrief {
	font-weight: bold;
}

footer a {
	margin: 0 20px;
}
footer i {
	font-style: normal;
}

nav.navbar.navbar-default {
	/* todo */
}

/* Datepicker */
.picker__select--month, .picker__select--year {
	padding: 0 2px !important;
}
.picker__select--month, .picker__select--year {
	width: auto !important;
}

/* Abo */
#ID_AboForm,
.Standard-Form {
	background: #fff;
}
#ID_AboForm p.Input.Text input,
#ID_AboForm p.Input.Email input,
#ID_AboForm p.Input.Tel input,
#ID_AboForm p.Input.Url input,
#ID_AboForm p.Textarea textarea,
.Standard-Form p.Input.Text input,
.Standard-Form p.Input.Email input,
.Standard-Form p.Input.Tel input,
.Standard-Form p.Input.Url input,
.Standard-Form p.Textarea textarea {
	display: block;
	width: 100%;
}
#ID_AboForm p.Textarea textarea,
.Standard-Form p.Textarea textarea {
	height: 160px;
}
#ID_AboForm fieldset,
.Standard-Form fieldset {
	border: 1px solid #777;
	margin: 20px 0;
	padding: 15px;
}
#ID_AboForm fieldset fieldset,
.Standard-Form fieldset fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
#ID_AboForm fieldset legend,
.Standard-Form fieldset legend {
	background: f2f2f2;
	border: 1px solid #777;
	color: #2b2b2b;
	display: inline-block;
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
	font-size: 14px;
	margin-bottom: 0;
	margin-left: -16px;
	padding: 5px 10px;
	text-transform: uppercase;
	width: auto;
}
#ID_AboForm fieldset fieldset legend,
.Standard-Form fieldset fieldset legend {
	background: none;
	color: #2b2b2b;
	padding: 0;
}
#ID_AboForm fieldset.Radio ul,
#ID_AboForm fieldset.Radio ul li,
#ID_AboForm .Praemien ul,
#ID_AboForm .Praemien ul li,
.Standard-Form fieldset.Radio ul,
.Standard-Form fieldset.Radio ul li,
.Standard-Form .Praemien ul,
.Standard-Form .Praemien ul li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#ID_AboForm fieldset.Radio ul li,
.Standard-Form fieldset.Radio ul li {
	background: #f2f2f2;
	margin: 10px 0;
	padding: 10px 5px 0 5px;
}
#ID_AboForm p.Checkbox label,
#ID_AboForm fieldset.Radio ul li label,
.Standard-Form p.Checkbox label,
.Standard-Form fieldset.Radio ul li label {
	display: block;
	margin: -35px 0 0 0;
	padding: 10px 0 10px 20px;
}
#ID_AboForm fieldset.Radio ul li label:hover,
#ID_AboForm fieldset.Radio ul li label:target,
.Standard-Form fieldset.Radio ul li label:hover,
.Standard-Form fieldset.Radio ul li label:target {
	backgorund: #f2f2f2;
}
#ID_AboForm .Praemien ul li,
.Standard-Form .Praemien ul li {
	background: #f2f2f2;
	margin: 10px 0;
	padding: 10px 5px;
}
#ID_AboForm .Praemien ul li label,
.Standard-Form .Praemien ul li label {
	display: block;
	margin-top: -25px;
	padding-left: 20px;
}
#ID_AboForm .Praemien ul li .Thumb,
.Standard-Form .Praemien ul li .Thumb {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
#ID_AboForm .Praemien ul li .Title,
#ID_AboForm .Praemien ul li .Publisher,
#ID_AboForm .Praemien ul li .Description,
.Standard-Form .Praemien ul li .Title,
.Standard-Form .Praemien ul li .Publisher,
.Standard-Form .Praemien ul li .Description {
	display: block;
}
#ID_AboForm .Praemien ul li .Title,
.Standard-Form .Praemien ul li .Title {
	font-weight: 700;
}
#ID_AboForm .Praemien ul li .Description,
.Standard-Form .Praemien ul li .Description {
	clear: left;
	font-size: 12px;
}
#ID_AboForm .Praemien ul li label,
.Standard-Form .Praemien ul li label {
	font-weight: 400;
}

p.Input.Submit {
	text-align: right;
}
#ID_AboForm form input[type="submit"],
.Standard-Form form input[type="submit"],
.bottom-up a.bottom-link,
#MoreButton a,
.Login a {
    background: #eb2325;
	border: 0;
    color: #fff;
    cursor: pointer;
	font-family: "Source Sans Pro", "Helvetica Neue", sans-serif;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 10px;
}
#ID_AboForm form input[type="submit"]:hover,
#ID_AboForm form input[type="submit"]:target,
.Standard-Form form input[type="submit"]:hover,
.Standard-Form form input[type="submit"]:target,
.bottom-up a.bottom-link:hover,
.bottom-up a.bottom-link:target,
#MoreButton a:hover,
#MoreButton a:target,
.Login a:hover,
.Login a:target {
    background: #2b2b2b;
	text-decoration: none;
	transition: 500ms;
}
.bottom-up a.bottom-link,
#MoreButton a,
.Login a {
	cursor: pointer;
	display: inline-block;
}
.Login {
	position: absolute;
	right: 0;
	top: 12px;
	width: 60px;
}
.Login a {
	background: #2b2b2b;
	display: block;
	float: right;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}
.Login a:hover,
.Login a:target {
    background: #eb2325;
}


/* Datepicker */
.picker__select--month, .picker__select--year {
	padding: 0 2px !important;
}
.picker__select--month, .picker__select--year {
	width: auto !important;
}
.picker__day--today::before { /* Rote Lasche bei aktivem Tag */
    border-top-color: #eb2325 !important;
}
.picker--focused .picker__day--selected, .picker__day--selected, .picker__day--selected:hover,
.picker--focused .picker__day--highlighted, .picker__day--highlighted:hover, .picker__day--infocus:hover, .picker__day--outfocus:hover,
.picker__nav--next:hover, .picker__nav--prev:hover {
    background-color: #f59192 !important; /* hellroter Hintergrund bei aktivem Tag u. hover */
}

/* Runde Ecken weg */
.picker__box,
.btn,
.form-control,
.nav-pills > li > a {
	border-radius: 0 !important;
}

.navbar {
	border-radius: 0 !important;
}
.navbar-default {
/*
	border-color: transparent !important;
*/
	border-right-color: transparent !important;
	border-left-color: transparent !important;
	border-top-color: transparent !important;
}

@media (min-width: 1200px) {
	.col-md-6 {
		width: 585px;
	}
}
@media (min-width: 993px) {
	body {
		font-size: 18px;
	}
	.nav.navbar-nav > li > a {
		padding: 18px 15px;
	}
	h1.Rubric,
	.portfolio-item,
	.Download-Listing form {
		border-right: 25px solid #f2f2f2;
	}
	.Standard-Form h1.Rubric {
		border-right: 0;
	}
	.row.Anzeige .portfolio-item {
		border-right: 0;
	}
	.col-md-12.portfolio-item a {
		display: block;
		float: left;
		padding-right: 30px;
		width: 50%;
	}
	.Download-Listing .col-md-12.portfolio-item a,
	.Blog-Listing .col-md-12.portfolio-item a,
	.Blog-Ad .col-md-12.portfolio-item a {
		padding-right: 30px;
		width: 140px;
	}
	.Download-Listing .col-md-12.portfolio-item p a,
	.Blog-Listing .col-md-12.portfolio-item p a,
	.Blog-Ad .col-md-12.portfolio-item p a {
		float: none;
		padding: 0;
		width: auto;
	}
	.row .row.Anzeige {
		margin-right: 25px;
	}
	.Download-Listing .portfolio-item h3,
	.Download-Listing .portfolio-item p,
	.Download-Listing .portfolio-item div,
	.Download-Listing .portfolio-item ul li,
	.Blog-Listing .portfolio-item h3,
	.Blog-Listing .portfolio-item p,
	.Blog-Listing .portfolio-item div,
	.Blog-Listing .portfolio-item ul li,
	.Blog-Ad .portfolio-item h3,
	.Blog-Ad .portfolio-item p {
		margin-left: 155px;
	}
	.portfolio-item .Kicker {
		margin-bottom: -20px;
		margin-top: 20px;
	}

}
@media (max-width: 1200px) {
	.Download a {
		font-size: 14px;
	}
	.Beilagen-Listing .portfolio-item img,
	.Download-Listing .portfolio-item img,
	.Blog-Listing .portfolio-item img,
	.Blog-Ad .portfolio-item img {
		width: 90px;
	}

	/* Anzeige */
	.row .row.Anzeige {
		margin-top: 0;
		margin-bottom: 0;
	}
	.Article .row.Anzeige {
		padding: 15px;
	}
	.col-md-6 {
		width: 485px;
	}
	.Beilagen-Listing .portfolio-item h3,
	.Beilagen-Listing .portfolio-item p,
	.Beilagen-Listing .portfolio-item div {
		margin-left: 105px;
	}

}
@media (max-width: 992px) {
	body {
		font-size: 17px;
	}
	.navbar-nav a {
		font-size: 15px;
	}
	.nav.navbar-nav > li > a {
		padding: 20px 8px;
	}
	.row {
		/* margin-top: -10px; */
	}
	.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,
	.portfolio-item {
 		border-bottom: 10px solid #f2f2f2;
		clear: left;
		display: block;
		margin: 0;
		padding: 10px;
		width: auto !important;
	}
	h1.Rubric {
		margin-bottom: 10px;
	}
	.col-md-6.portfolio-item img {
		float: left;
		width: 50%;
	}
	.col-md-6.portfolio-item a ~ h3,
	.col-md-6.portfolio-item a ~ p,
	.col-md-6.portfolio-item a ~ div {
		margin-left: 55%;
	}
	.col-md-6.portfolio-item.Kurz-notiert h3 {
		margin-left: 0;
	}
	.portfolio-item div.Clear {
		clear: both;
	}
	.col-md-6.portfolio-item h3 {
		margin-top: 0;
	}
	.portfolio-item.Kurz-notiert {
		padding: 0;
	}
	.portfolio-item.Kurz-notiert li {
		border-bottom: 1px solid #f2f2f2;
		font-size: 15px;
		font-weight: 400;
		padding-bottom: 15px;
	}
	.portfolio-item.Kurz-notiert li:last-child {
		border-bottom: 0;
	}
	.row.Anzeige {
		margin-top: 0;
		padding-top: 0;
	}
	.Article .row.Anzeige {
		padding-top: 0;
	}
	.Article .row.Anzeige .portfolio-item {
		margin-bottom: 10px;
		margin-top: 10px;
		padding: 0;
	}
	.row .row.Anzeige {
		margin-right: 0;
	}
	.Go2Issue {
		margin-bottom: -10px;
		margin-top: -10px;
	}
	.Go2Issue a {
		font-size: 14px;
		font-weight: 400 !important;
	}
	h1 {
		font-size: 28px;
	}
	h1.Rubric {
		font-size: 18px;
	}
	h2 {
		font-size: 20px;
		font-weight: 600 !important;
	}
	.Download-Listing h2 {
		font-size: 16px;
		font-weight: 400 !important;
	}
	.Beilagen-Listing .portfolio-item h3,
	.Beilagen-Listing .portfolio-item p,
	.Beilagen-Listing .portfolio-item div,
	.Download-Listing .portfolio-item h3,
	.Download-Listing .portfolio-item p,
	.Download-Listing .portfolio-item div,
	.Download-Listing .portfolio-item ul li,
	.Blog-Listing .portfolio-item h3,
	.Blog-Listing .portfolio-item p,
	.Blog-Listing .portfolio-item div,
	.Blog-Listing .portfolio-item ul li,
	.Blog-Ad .portfolio-item h3,
	.Blog-Ad .portfolio-item p {
		margin-left: 105px;
	}

	.Article h3 {
		font-size: 16px;
	}
	.Article h4 {
		font-size: 12px;
	}

	.Beilagen-Listing .portfolio-item h3,
	.Beilagen-Listing .portfolio-item h3 a {
		font-size: 24px !important;
		line-height: 140% !important;
	}
	.Download a {
		font-size: 16px;
	}

	footer span {
		display: block;
		margin: 20px 0;
	}
	footer span + a {
		margin-left: 0;
	}
}
@media (max-width: 760px) {
	.nav.navbar-nav > li > a {
		padding: 10px;
	}
	.navbar-collapse.collapse.in,
	.navbar-collapse.collapse.in .navbar-nav a {
		background: #2b2b2b;
		color: #fff !important;
	}
	.dropdown-menu a {
		background: rgba(255,255,255,0.15)!important;
	}
	.navbar-collapse.collapse.in .navbar-nav li a {
		border-bottom: 1px solid rgba(255,255,255,0.2) !important;
	}
	.navbar-collapse.collapse.in .navbar-nav li:last-child a {
		border-bottom: 0 !important;
	}
	.navbar-collapse.collapse.in .navbar-nav li:last-child li a,
	.navbar-collapse.collapse.in .navbar-nav li li:last-child a {
		border-bottom: 1px solid rgba(255,255,255,0.2) !important;
	}
	.navbar-collapse.collapse.in .navbar-nav li:last-child li:first a {
		border-top: 1px solid rgba(255,255,255,0.2) !important;
	}
	.dropdown-menu {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	.dropdown-menu li a {
		line-height: 34px !important;
	}
	.Login {
		right: 5px;
		top: 9px;
	}

	.navbar-brand {
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		width: 100%;
	}
	.navbar-brand img {
		margin: 0 auto;
	}
	.navbar-toggle {
		z-index: 1000;
	}

	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 20px;
	}
	.Article h3 {
		font-size: 16px;
	}
	.Article h4 {
		font-size: 12px;
	}
}
@media (min-width: 760px) {
	.dropdown-menu > li > a {
		border-bottom: 1px solid rgba(0,0,0,0.2) !important;
		padding-bottom: 10px;
		padding-top: 10px;
	}
}
@media (max-width: 550px) {

	.col-md-6.portfolio-item {
		clear: left;
	}
	.col-md-6.portfolio-item img {
		float: none;
		width: 100%;
	}
	.col-md-6.portfolio-item a ~ h3,
	.col-md-6.portfolio-item a ~ p,
	.col-md-6.portfolio-item a ~ div {
		margin-left: 0;
	}
	.col-md-6.portfolio-item h3 {
		margin-top: 20px;
	}
	.col-md-6.portfolio-item div.Date + h3 {
		margin-top: 0;
	}
	.Beilagen-Listing .col-md-6.portfolio-item h3 {
		margin-top: 0;
	}

	.portfolio-item .Kicker {
		margin-bottom: -20px;
		margin-top: 20px;
	}

	.Blog-Head h1 {
		font-size: 24px !important;
	}


	#ID_AboForm form input[type="submit"] {
		display: block;
		width: 100%;
	}
	footer {
		text-align: center;
	}
	footer i {
		display: none;
	}
	footer a {
		display: block;
		margin: 20px 0;
	}

}
@media (max-width: 460px) {
	.Beilagen-Listing .portfolio-item img,
	.Download-Listing .portfolio-item img,
	.Blog-Listing .portfolio-item img,
	.Blog-Ad .portfolio-item img {
		float: none;
		width: auto !important;
	}

	.Beilagen-Listing .portfolio-item h3,
	.Beilagen-Listing .portfolio-item p,
	.Beilagen-Listing .portfolio-item div,
	.Download-Listing .portfolio-item h3,
	.Download-Listing .portfolio-item p,
	.Download-Listing .portfolio-item div,
	.Download-Listing .portfolio-item ul li,
	.Blog-Listing .portfolio-item h3,
	.Blog-Listing .portfolio-item p,
	.Blog-Listing .portfolio-item div,
	.Blog-Listing .portfolio-item ul li,
	.Blog-Ad .portfolio-item h3,
	.Blog-Ad .portfolio-item p {
		margin-left: 0;
	}
	.Beilagen-Listing .portfolio-item h3,
	.Download-Listing .portfolio-item h3,
	.Blog-Listing .portfolio-item h3,
	.Blog-Ad .portfolio-item h3 {
		margin-top: 15px;
	}
	.Beilagen-Listing .portfolio-item,
	.Download-Listing .portfolio-item,
	.Blog-Listing .portfolio-item,
	.Blog-Ad .portfolio-item {
		padding-bottom: 15px;
	}
	.Article .Date span {
		display: block;
	}
	.Article .Date span:after {
		content: '';
		padding-left: 0;
	}
}
@media (max-width: 400px) {

	.shariff .orientation-horizontal li {
    	flex: none !important;
	}
	h1.Go2Issue {
		font-size: 18px !important;
	}
	#ID_AboForm p,
	#ID_AboForm .Praemien ul li .Title {
		clear: left;
	}
}
@media (max-width: 300px) {
	.navbar-brand {
		padding-top: 13px;
	}
	.Login {
		top: 15px;
	}
	.Login a {
		font-size: 10px;
		padding: 5px;
	}
}


/* Navigation */
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fdfdfd;
	margin-left: auto;
	margin-right: auto;
	transition: transform 300ms cubic-bezier(0.55, 0, 0.1, 1), opacity 300ms cubic-bezier(0.55, 0, 0.1, 1);
	will-change: transform, opacity;
}
.navbar-default .navbar-toggle .icon-bar:nth-child(2) {
	transform: rotate(45deg) translateY(5px) translateX(4px);
}
.navbar-default .navbar-toggle .icon-bar:nth-child(3) {
	opacity: 0;
}
.navbar-default .navbar-toggle .icon-bar:nth-child(4) {
	transform: rotate(-45deg) translateY(-5px) translateX(3px);
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
	opacity: 1;
	transform: rotate(0) translateY(0) translateX(0);
}
.navbar-default .navbar-toggle {
	background: none !important;
	border-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #2b2b2b;
}

/* Login */
.LoginForm {
	position: relative;
	width: auto;
}

/* Formulare */
form,
form input {
	box-sizing: border-box;
}
form fieldset legend {
	font-weight: 600;
}
form label {
	display: block;
	margin-bottom: 10px;
}
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="tel"],
form select {
	border: 1px solid rgba(204, 204, 204, 0.70);
	margin-bottom: 10px;
	padding: 5px 10px;
}
form input[type="submit"] {
	background: #9e9e9e;
	border: 1px solid #999;
	cursor: pointer;
	color: #fff;
	font-weight: 700;
	line-height: 100%;
	margin-bottom: 10px;
	padding: 6px 10px;
}
form input[type="submit"]:hover {
	background: #2b2b2b;
	border: 1px solid #2b2b2b;
}

form input[type="text"]:hover,
form input[type="password"]:hover,
form input[type="email"]:hover,
form input[type="tel"]:hover,
form select:hover {
	border: 1px solid #999;
}
p.Text input,
p.Password input,
p.Tel input,
p.Email input
p.Select select,
form select,
form textarea {
	width: 100%;
	max-width: 100%;
}
p.Checkbox,
fieldset.Checkbox,
fieldset.Radio,
div.checkbox .row,
.row_radio {
	padding-top: 5px;
}
p.Checkbox input,
fieldset.Checkbox input,
fieldset.Radio input,
div.checkbox .row input,
.row_radio input {
	display: inline-block;
}
p.Checkbox label,
fieldset.Checkbox label,
fieldset.Radio label,
div.checkbox .row label,
.row_radio label {
	display: inline-block;
	padding-left: 5px;
}
fieldset.Radio li {
	display: inline-block;
	margin-right: 20px;
}
fieldset.Radio li:last-child {
	margin-right: 0;
}
.Select-Date select {
	display: inline-block;
	max-width: 100px;
}
p.Submit,
.row_submit {
	text-align: right;
}

form .AGB {
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}
form .AGB h1 {
	font-size: 24px;
	line-height: 140%;
	margin: 0 0 10px 0;
}
form .AGB h2 {
	font-size: 18px;
	line-height: 140%;
	margin: 10px 0;
}
form .AGB h3,
form .AGB h4 {
	font-size: 16px;
	line-height: 140%;
	margin: 10px 0;
}

.Textarea.F_complain textarea {
	height: 250px;
}

.marquee {
	height: 30px;
	overflow: hidden;
	padding: 0.4rem 0;
	position: relative;
	min-width: 540px;
}
.marquee div {
	animation: marquee 10s linear infinite;
	display: block;
	height: 30px;
	overflow: hidden;
	position: absolute;
	width: 200%;
}
.marquee a {
	float: left;
	width: 50%;
}

@keyframes marquee {
	0% { left: 0; }
	100% { left: -100%; }
}