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

/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
} 
.container
{
	position:relative;
	width:100%;
	max-width:960px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box
}
.column,.columns
{
	width:100%;
	float:left;
	box-sizing:border-box
}
	@media (min-width:400px)
{
.container
{
	width:85%;
	padding:0
}

}
	@media (min-width:550px)
{
.container
{
	width:80%
}
.column,.columns
{
	margin-left:4%
}
.column:first-child,.columns:first-child
{
	margin-left:0
}
.one.column,.one.columns
{
	width:4.66666666667%
}
.two.columns
{
	width:13.3333333333%
}
.three.columns
{
	width:22%
}
.four.columns
{
	width:30.6666666667%
}
.five.columns
{
	width:39.3333333333%
}
.six.columns
{
	width:48%
}
.seven.columns
{
	width:56.6666666667%
}
.eight.columns
{
	width:65.3333333333%
}
.nine.columns
{
	width:74%
}
.ten.columns
{
	width:82.6666666667%
}
.eleven.columns
{
	width:91.3333333333%
}
.twelve.columns
{
	width:100%;
	margin-left:0
}
.one-third.column
{
	width:30.6666666667%
}
.two-thirds.column
{
	width:65.3333333333%
}
.one-half.column
{
	width:48%
}
.offset-by-one.column,.offset-by-one.columns
{
	margin-left:8.66666666667%
}
.offset-by-two.column,.offset-by-two.columns
{
	margin-left:17.3333333333%
}
.offset-by-three.column,.offset-by-three.columns
{
	margin-left:26%
}
.offset-by-four.column,.offset-by-four.columns
{
	margin-left:34.6666666667%
}
.offset-by-five.column,.offset-by-five.columns
{
	margin-left:43.3333333333%
}
.offset-by-six.column,.offset-by-six.columns
{
	margin-left:52%
}
.offset-by-seven.column,.offset-by-seven.columns
{
	margin-left:60.6666666667%
}
.offset-by-eight.column,.offset-by-eight.columns
{
	margin-left:69.3333333333%
}
.offset-by-nine.column,.offset-by-nine.columns
{
	margin-left:78%
}
.offset-by-ten.column,.offset-by-ten.columns
{
	margin-left:86.6666666667%
}
.offset-by-eleven.column,.offset-by-eleven.columns
{
	margin-left:95.3333333333%
}
.offset-by-one-third.column,.offset-by-one-third.columns
{
	margin-left:34.6666666667%
}
.offset-by-two-thirds.column,.offset-by-two-thirds.columns
{
	margin-left:69.3333333333%
}
.offset-by-one-half.column,.offset-by-one-half.columns
{
	margin-left:52%
}

}
	html
{
	font-size:82.5%
}
	body
{
	font-size:1.5em;
	line-height:1.72;
	font-weight:400;
	background: #f2f2f2;font-family:'Roboto Condensed', sans-serif;color:#000;
}
	h1,h2,h3,h4,h5,h6
{
	margin-top:0;
	margin-bottom:2rem;
	font-weight:400;color:#222222;
}
	h1
{
	font-size:4rem;
	line-height:1.2;
	letter-spacing:-.1rem
}
	h2
{
	font-size:3.6rem;
	line-height:1.25;
	letter-spacing:-.1rem
}
	h3
{
	font-size:3rem;
	line-height:1.3;
	letter-spacing:-.1rem;color:#222222;
}
	h4
{
	font-size:2.4rem;
	line-height:1.35;
	letter-spacing:-.08rem
}
	h5
{
	font-size:1.8rem;
	line-height:1.5;
	letter-spacing:-.05rem
}
	h6
{
	font-size:1.5rem;
	line-height:1.6;
	letter-spacing:0
}
	@media (min-width:550px)
{
	h1
{
	font-size:5rem
}
	h2
{
	font-size:4.2rem
}
	h3
{
	font-size:3.6rem
}
	h4
{
	font-size:3rem
}
	h5
{
	font-size:2.4rem
}
	h6
{
	font-size:1.5rem
}

}
	.small
{
	font-size:80%;line-height:1em;letter-spacing:0.3em;
}


.text-lowercase
{
	text-transform:lowercase;letter-spacing:0.3em;line-height:1.0em;
}
.text-left
{
	text-align:left;
}
.text-right
{
	text-align:right;
}
.text-center
{
	text-align:center;
}
.text-justify
{
	text-align:justify;
}

.lead
{
	margin-bottom:20px;
	font-size:20px;
	line-height:1.72
}
	@media (min-width:768px)
{
.lead
{
	font-size:24px
}

}

.schraeg {background:#ffffff;
}

p {
    line-height: 1.72em;color:#222222;
}
	a 
{
	color:#222222;text-decoration:none;border-bottom:2px solid #222222;line-height:1.5em;
}
	a:hover
{
	color:#923123;;
	text-decoration:none;
}
	a:active,a:focus
{
	outline:0
}
	a:active,a:focus
{
	outline:expression(hideFocus='true')
}
.u-full-width
{
	width:100%;
	box-sizing:border-box
}
.u-max-full-width
{
	max-width:100%;
	box-sizing:border-box
}
.u-pull-right
{
	float:right
}
.u-pull-left
{
	float:left
}
.daz
{
	overflow:hidden;
	text-align:center
}
.daz:before,.daz:after
{
	background-color:#000;
	content:"";
	display:inline-block;
	height:6px;
	position:relative;
	vertical-align:middle;
	width:50%
}
.daz:before
{
	right:.5em;
	margin-left:-50%
}
.daz:after
{
	left:.5em;
	margin-right:-50%
}
.mt-10
{
	margin-top:10px
}
.mt-20
{
	margin-top:20px
}
.mt-50
{
	margin-top:50px
}
.mt-100
{
	margin-top:100px
}

.mt-200
{
	margin-top:200px
}

.mt-400
{
	margin-top:400px
}


.mb-220
{
	margin-botton:2520px
}
.ml-50
{
	margin-left:50px;
	margin-top:50px
}


	#top
{
	position:fixed;
	left:0;
	right:0;
	height:180px;
	z-index:1000;
	margin-left:-15px
}
.glitch__img
{
	max-width:100%!important;
	height:100%!important
}
.text-center
{
	text-align:center
}
.text-uppercase
{
	text-transform:uppercase
}
.hidden
{
	display:none!important;
	visibility:hidden!important
}
.affix
{
	position:fixed
}
	@-ms-viewport
{
	width:device-width
}
.visible-xs
{
	display:none!important
}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block
{
	display:none!important
}
	@media (max-width:767px)
{
.hidden-xs
{
	display:none!important
}

}
	@media (max-width:767px)
{
.visible-xs
{
	display:block!important
}

}

}
.nopadding
{
	padding:0!important;
	margin:0!important
}
.bonn
{
     background: #303236; min-height: 600px;background-image: url(../img/familienrecht2.jpg); 
  background-size:cover;width:100%; background-attachment: fixed;
}
.hell
{
	color:#fff
}
.abst
{
	width:100%;
	display:block
}
	img
{
	vertical-align:middle;padding:0px;
}
	img
{
	max-width:100%!important
}

.container:after,.row:after,.u-cf
{
	content:"";
	display:table;
	clear:both
}

table {font-weight:400;line-height:1.2em;}


.headline-1 {
  font-size: 3rem;
  font-weight: 700;
 }

.headline-2 {
  font-size: 2.5rem;
  font-weight: 700;
 }

@media screen and (min-width: 45em) {
  .headline-1 {
    font-size: 5rem;margin:0;padding:0;
 
  }
  .headline-2 {
    font-size: 3rem;margin:0;padding:0;
 
  }
}


.fest {position:fixed;height:0px;bottom:20px;right:2.5em;text-align:left;font-size:17px;}
.fest a {color:#923123;background:#f2f2f2;}
.fest a:hover {color:#000000;}
.weiss {color:white;}
.lila {background:#12219B;}
.gelb {background:#F2EBE4;padding:6px;}
.rot {background:#e94112;color:white;}
.rot h2 {color:white;}
.rot-links {border-left:40px solid #e94112;}
.rot-rechts {border:40px solid #e94112;}
.vater {color:#923123;}
.blau {background:#1E417F;}
.gruen {background:#00A29C;}
.schwatt {background:#222222;color:white;}
.schwatt a {color:#fff;}
.grau {background:#454D56;color:white;}
.balken {border-top:12px solid #222222; width:80%;}
.rand {border-bottom:12px solid #e94112;;display:inline;}
.duenner {border:1px solid #222222;color:#222222;}
.flyer {width:90%;margin:0 auto;}
@media screen and (min-width: 45em) {
  .flyer
    {width:70%;margin:0 auto;}
 
  }

.lala {padding: 20px;}

    li {
      line-height: 1.72;
      margin-top: 0;
      max-width: 20rem;
    }

li a {text-decoration:none;border:none;}
.zack  { border: 10px solid #222222;}
.zack:hover { border: 10px solid #1E417F;}


 .element {
   transform: skewY(-12deg);
 }

 *,
*:after,
*:before {
  box-sizing: border-box;
}

.einaudi {
  position: relative;
  width: 100%;
  border-bottom: 0px solid #333;
  overflow: hidden;
}

.original,
.scheidungsrecht {
  line-height: 1.5;
  margin: 0;
}

.original {
  width: 50%;
  float: left;
  padding: 0 0 1.5em;
  text-align: left;
  font-size: 2em;
  font-weight: 200;
}

.scheidungsrecht {
  width: 50%;
  float: left;
  padding: 0 0 0 0.3em;
  text-align: left;
  font-size: 1.1em;
  font-weight: 500;
  text-transform: uppercase;
  border-left: 2px solid #923123;padding-right:30px;
}


@media screen and (min-width: 45em) {
  .scheidungsrecht {
    font-size: 2em;
 
  }

}



 .blog-familienrecht {
  background: #fff;
  box-shadow: 0 1px 1px #ddd;
  padding: 15px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
 .blog-familienrecht:hover {
  box-shadow: 0 0 40px #ddd;
}
 .blog-img {
  position: relative;
}
 .blog-img img {
  width: 100%;
}
 .blog-scheidung-text {
  margin-top: 15px;
}
 .blog-scheidung-text p {
  font-size:16px;
}
 .blog-scheidung-text h3 {
  font-size: 21px;
  line-height: 30px;
}
 .blog-scheidung-text h3 a {
  color: #555;
}
 .blog-scheidung-text h3 a:hover {color:#923123;
  
}
 .blog-scheidung-text .familienrecht-footer {
  padding: 10px 0px 0px;
  border-top: 1px dashed #ddd;
}
 .blog-scheidung-text .familienrecht-footer a {

  padding-right: 15px;
  color: #999;
}
 .blog-scheidung-text .familienrecht-footer a:hover {color:#923123;
  
}
 .blog-scheidung-text .familienrecht-footer i {
  
  margin-right: 5px;
}


.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #f2f2f2!important; /* Hintergrundfarbe des gesamten Bereichs */
color: #000 !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}

.mydaz{overflow:hidden;text-align:left}.mydaz:before{background-color:#923123;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:20px;margin-right:20px;}


.daz{overflow:hidden;text-align:center}.daz:before,.daz:after{background-color:#923123;content:"";display:inline-block;height:3px;position:relative;vertical-align:middle;width:50%}.daz:before{right:.5em;margin-left:-50%}.daz:after{left:.5em;margin-right:-50%}
  
/* iPad-Landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.headline-1 {
font-size: 3rem;margin:0;padding:0;
 
  }
  .headline-2 {
    font-size: 2rem;margin:0;padding:0;
 
  }
.bonn
{
background: #303236; min-height: 600px;background-image: url(../img/familienrecht2.jpg); 
  background-size:cover;width:100%;
}
}
	
/* iPad-Portrait */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
		  .headline-1 {
    font-size: 3rem;margin:0;padding:0;
 
  }
  .headline-2 {
    font-size: 2rem;margin:0;padding:0;
 
  }
.bonn
{
background: #303236; min-height: 600px;background-image: url(../img/familienrecht2.jpg); 
  background-size:cover;width:100%;
}

}