/* CSS www.beratungsstellen-stuttgart.de */

/* === Schriftart ===*/

/* oregano-regular - latin */
@font-face {
  font-family: 'Oregano';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oregano-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oregano'), local('Oregano-Regular'),
       url('../fonts/oregano-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oregano-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oregano-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oregano-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oregano-v5-latin-regular.svg#Oregano') format('svg'); /* Legacy iOS */
	font-display: swap;
}

/* === Allgemein ===*/

body {

	/* text-align: center; */
	font: 1.1em/1.7em Verdana, sans-serif;
	background: #7db9e8;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #7db9e8 0%, #ffffff 73%, #1e5799 100%);
	/* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #7db9e8), color-stop(73%, #ffffff), color-stop(100%, #1e5799));
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #7db9e8 0%, #ffffff 73%, #1e5799 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #7db9e8 0%, #ffffff 73%, #1e5799 100%);
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #7db9e8 0%, #ffffff 73%, #1e5799 100%);
	/* IE10+ */
	background: radial-gradient(center, ellipse cover, #7db9e8 0%, #ffffff 73%, #1e5799 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	max-width: 1200px;
	margin: 0 auto;
	padding: 5px 1px 5px 1px;
}

/* Rahmen etc. */

.rounded-oben {
	border-radius: 12px 12px 0 0;
}

.rounded-unten {
	border-radius: 0 0 12px 12px;
}

.rahmen-4 {
	border-radius: 12px;
	border: 1px solid #CCCCCC;
}

.rahmen {
	border: 1px solid #CCCCCC;
}

.rahmen-anwaltonline {
	border: 1px solid #CCCCCC;
	padding: 6px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #888;
}


.rahmen_shadow {
	box-shadow: 1px 1px 5px #6666cc;
}

.info_header{
	padding: 7px;background:#6666cc;border-radius:0px;color:#ffffff;font-size:1.4em;}

div#infokreis_relativ {
	position: relativ;
	width: 70px;
	height: 70px;
	z-index: 1;
	padding: 0px 10px 0px 10px;
	margin-left: 10px;
	margin-right: 5px;
	background: #cccccc;
	/* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	float: left;
}

.bg-tipp-header {
	background: #6666cc;
}

.card_2 {
	padding: 2px auto 4px auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 9px;
	border: 1px solid #CCCCCC;

}

.card_2 a {
	color: #ffffff;
	text-decoration: underline;
}

.card {
	background: #e6e6e6;
	/* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #e6e6e6 1%, #ffffff 50%, #ffffff 52%, #e6e6e6 100%);
	/* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #e6e6e6 1%, #ffffff 50%, #ffffff 52%, #e6e6e6 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #e6e6e6 1%, #ffffff 50%, #ffffff 52%, #e6e6e6 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
}

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* Schriften */

body {
	font-family: 'Arial', sans-serif;
	font-size: 1.0em;
}

ul,
p {
	font-family: 'Arial', sans-serif;
	padding: 10px;
	font-size: 1.0em;
}

.p_g {
	font-family: 'Arial', sans-serif;
	padding: 10px;
	font-size: 1.2em;
}

.p_k {
	font-family: 'Arial', sans-serif;
	padding: 10px;
	font-size: 0.7em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font {
	font-family: 'Arial';
	margin: 0em 0em 0.5em 0em;
	color: #004A7F;
}



h2,
.font-alt {
	font-family: 'Verdana', cursive;
}

h1 {
	font-size: 2.1em;
}

h2 {
	font-size: 1.7em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1.1em;
}

a {
	color: #E3004F;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}



.blockquote {
	font-size: 1.0em;
	font-style: italic;
}

/* Button */

.btn {
	margin: 10px 5px 10px 5px;
}

.btn-round {
	border-radius: 0;
}

.btn-round-circle {
	border-radius: 100%;
}


.btn a {
	color: red;
}

/* Hilfsklassen */

.d-relative {
	position: relative;
}

.d-absolute {
	position: absolute;
}

/* === Header ===*/

.header {
	height: 130px;
	background: #373f23;

	background: -moz-linear-gradient(top, #373f23 0%, #e30707 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373f23), color-stop(100%, #e30707));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #373f23 0%, #e30707 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #373f23 0%, #e30707 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #373f23 0%, #e30707 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #373f23 0%, #e30707 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373f23', endColorstr='#e30707', GradientType=0);
	/* IE6-8 */
}

.header-padding {
	padding: 15px;
}

h2,
.header {
	font-size: 3.4em;
	line-height: 85%;
	color: #ffffff;
	font-family: 'Oregano', cursive;
	margin-top: 5px;
}

h5,
.header {
	font-size: 1.0em;
	line-height: 85%;
	color: #ffffff;
}


/* === Navigation ===*/

.nav {
	background: #c3c1c1;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c3c1c1 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c3c1c1 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c3c1c1 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c1c1', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}

.nav-bg {
	background: #cccccc;
	/* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
}

.card-body-nav {
	background: #e4e8eb;
}

div.infobar_nav {
	padding: 1px;
	margin: 0px;
	background: #cccccc;
	/* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
	border-radius: 0px;
	width: auto;
	margin: auto -15px;
}


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

/* === Breadcromb ===*/

.breadcromb_reihe {
	background: #c3c1c1;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c3c1c1 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c3c1c1 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c3c1c1 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c1c1', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	height: 48px;
}

.breadcromb {
	font-size: 0.8em;
}

/* Breadcromb Ende */

/* === Content ===*/

.main {
	background-color: #e6e6e6;
	/* Old browsers */
	background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
	border-radius: 0 0 12px 12px;
}

div.infobar_main {
	padding: 15px 0 1px 5px;
	margin: 0px;
	background: #cccccc;
	/* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
	border-radius: 0px;
	width: auto;
	max-width: 400px;
	min-height: 50px;
	margin: auto auto auto 0;
}

div.infobar_main_large {
	padding: 15px 0 1px 5px;
	margin: 0px;
	background: #cccccc;
	/* Old browsers */
	background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #eeeeee));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee', GradientType=0);
	/* IE6-9 */
	border-radius: 0px;
	width: auto;
	min-height: 50px;
	margin: auto auto auto 0;
}


/* === Carousel ===*/

#testimonial-carousel .carousel-control-prev,
#testimonial-carousel .carousel-control-next {
	color: black;
	width: 1%;
}

#testimonial-carousel .carousel-indicators {
	bottom: -10px;
}

#testimonial-carousel .carousel-indicators li {
	max-width: 10px;
	height: 10px;
	border-radius: 50%;
}

/* === Bilder ===*/

.grafik-filter {
	filter: brightness(95%);
	-webkit-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
}

.grafik-filter:hover {
	filter: none;
}

/* Prefoter */

.prefooter {
	max-height: 17px;
}


/* === Footer ===*/

.bg-footer {
	background: #20c196;
	/* Old browsers */
	background: -moz-linear-gradient(top, #20c196 1%, #f9f7f4 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #20c196), color-stop(100%, #f9f7f4));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #20c196 1%, #f9f7f4 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #20c196 1%, #f9f7f4 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #20c196 1%, #f9f7f4 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #20c196 1%, #f9f7f4 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20c196', endColorstr='#f9f7f4', GradientType=0);
	/* IE6-9 */
	border-radius: 0 0 12px 12px;
}

.footer {
	border-radius: 12px;
}

.footer ul {

	font-size: 1.0em;
	line-height: 1.5em;
	list-style-position: inside;
	list-style-type: none
}

/* === Modal ===*/

.modal-bg {
	background: rgba(236, 238, 240, 0.96)
}

/* === Back to Top Button ===*/

#back-to-top-button {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 50px;
}

/* === Anzeigen ===*/

/* Anzeige rechts */

#anzeige_rechts_oben {
	float: right;
	right: 2px;
	width: 160px;
	height: 600px;
	margin: 20px 0 10px 10px;
	position:fixed;
}

#anzeige_rechts_rechts {
	float: right;
	right: 2px;
	width: 160px;
	height: 600px;
	margin: 20px 0 10px 10px;
}

.rahmen_anzeige_rechts_rechts {
	float: right;
	height: 660px;
	width: 180px;
}

/* Anzeige unter Header */

#anzeige_oben_unter_header {
	height: 160px;
	margin: auto;

	background: #86aecc;
	/* Old browsers */
	background: -moz-linear-gradient(top, #86aecc 0%, #d4e4ef 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86aecc), color-stop(100%, #d4e4ef));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #86aecc 0%, #d4e4ef 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #86aecc 0%, #d4e4ef 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #86aecc 0%, #d4e4ef 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #86aecc 0%, #d4e4ef 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aecc', endColorstr='#d4e4ef', GradientType=0);
	/* IE6-9 */
}

/* Anzeige Linkblock transpaent */

#anzeige_ohne_padding {
	padding: 8px 0px 0px 0px;
	float: right;
}

/* Anzeige links */

/* === Anzeigen Ende ===*/

/*Style für Anwaltonline mobil*/
@media screen and (max-width:1000px){
#buch_a{padding:5px;margin:0px 5px 5px 5px;background:#cccccc;background:-moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));background:-webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%);background:-o-linear-gradient(top, #cccccc 0%,#eeeeee 100%);background:-ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%);background:linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0);border-radius:0px;max-width:320px;}
table {
width: 280px;
}

.input_a {
border: 1px solid #2D5D8E;
background: #FFF;
width: 100px;
}

textarea {
border: 1px solid #2D5D8E;
background: #FFF;
overflow: auto;
width: 270px;
min-height: 200px;
}

body,textarea {
color:#000000;
font-family:arial;
font-size: 9pt;
}

.genericButton {
border: 1px solid #2D5D8E;
width: 270px;
background: #E0DFE4;
}

}
/*Style für Anwaltonline tablet/ desktop*/
@media screen and (min-width:1001px){
#buch_a{padding:10px;margin:0px 5px 5px 5px;background:#cccccc;background:-moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#eeeeee));background:-webkit-linear-gradient(top, #cccccc 0%,#eeeeee 100%);background:-o-linear-gradient(top, #cccccc 0%,#eeeeee 100%);background:-ms-linear-gradient(top, #cccccc 0%,#eeeeee 100%);background:linear-gradient(to bottom, #cccccc 0%,#eeeeee 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0);border-radius:0px;max-width:490px;
}
table {
width: 482px;
}

.input_a {
border: 1px solid #2D5D8E;
background: #FFF;
width: 472px;
}

textarea {
border: 1px solid #2D5D8E;
background: #FFF;
overflow: auto;
width: 472px;
min-height: 160px;
}

body,textarea {
color:#000000;
font-family:arial;
font-size: 9pt;
}

.genericButton {
border: 1px solid #2D5D8E;
width: 472px;
background: #E0DFE4;
}
}
/*Ende Style für Anwaltonline*/
/* Style für Infobox desktop/tablet */
#message {
	display: none;
	position: fixed;
	border: 4px solid #336633;
	left: 10px;
	top: 180px;
	width: 300px;
	height: 350px;
	opacity: 0.9;
	background: #20c196;
	
background: -moz-linear-gradient(top,  #20c196 1%, #f9f7f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#20c196), color-stop(100%,#f9f7f4));
background: -webkit-linear-gradient(top,  #20c196 1%,#f9f7f4 100%);
background: -o-linear-gradient(top,  #20c196 1%,#f9f7f4 100%);
background: -ms-linear-gradient(top,  #20c196 1%,#f9f7f4 100%);
background: linear-gradient(to bottom,  #20c196 1%,#f9f7f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20c196', endColorstr='#f9f7f4',GradientType=0 );
}
.picture_r_gerade{
float: right;
border: 1x;
}
div#message h4 {
color: #ffffff;
font-size: 20px;
}
p.messagetext {
padding: 10px;
font-size: 1.4em; 
line-height: 1.6em;
}

/* Style für Infobox mobil */
#message_m {
    display: none;
	position:fixed; 
	border: 4px solid  #336633;
    left: 5px;
    bottom: 5px;
    width: 280px;
    height: 200px;
	opacity: 0.9;
    background: #20c196;
	
background: -moz-linear-gradient(top,  #20c196 1%, #f9f7f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#20c196), color-stop(100%,#f9f7f4));
background: -webkit-linear-gradient(top,  #20c196 1%,#f9f7f4 100%);
background: -o-linear-gradient(top,  #20c196 1%,#f9f7f4 100%);
background: -ms-linear-gradient(top,  #20c196 1%,#f9f7f4 100%);
background: linear-gradient(to bottom,  #20c196 1%,#f9f7f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20c196', endColorstr='#f9f7f4',GradientType=0 );
}
.picture_r_gerade{
float: right;
border: 1x;
}
div#message_m h4 {
color: #ffffff;
font-size: 12px;
}
p.messagetext_m {
padding: 10px;
font-size: 0.9em; 
line-height: 1.0em;
}
p.boxtext {
padding: 10px; font-size: 0.9em; line-height: 1.4em;
}
/* Ende Style für Infobox */