/* Drechsel 2019 - 2026 Relaunch */
@font-face {
    font-family: "MidietSerifBold";
    font-style: normal;
    font-weight: normal;
    src: url("midiet_serif_bold-webfont.eot?#iefix") format("embedded-opentype"), url("midiet_serif_bold-webfont.woff") format("woff"), url("midiet_serif_bold-webfont.ttf") format("truetype"), url("midiet_serif_bold-webfont.svg#MidietSerifBold") format("svg");
}
@font-face {
    font-family: "MidietSerifItalicLight";
    font-style: normal;
    font-weight: normal;
    src: url("midiet_serif_italic_light-webfont.eot?#iefix") format("embedded-opentype"), url("midiet_serif_italic_light-webfont.woff") format("woff"), url("midiet_serif_italic_light-webfont.ttf") format("truetype"), url("midiet_serif_italic_light-webfont.svg#MidietSerifItalicLight") format("svg");
}


/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'),
       url('source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


footer { margin-top:40px;padding-bottom:40px;  background-color: #1F1C54}


/*containers + Link*/
html{background:url(../images/bghtml.png) repeat-x scroll left top #E1E1E1}

body{
    font:14px/1.5 "Source Sans Pro",Arial,sans-serif;
    color:#3E3832;
    background:url(../images/bgbody.png) no-repeat scroll 40% top transparent;

	display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.main {
	flex: 1 0 auto;
}

.back-to-top.btn-floating {
    position: fixed;
    bottom: 80px;
    right: 20px;
    padding: 1em;
    z-index: 600;
    opacity: 0.7;
	background-color: #424242;
	color: #ffffff;
}
.back-to-top.btn-floating:hover {
	background-color:#bdbdbd
}



a, a:link, a:visited {text-decoration:none;color:#1F1C54;border-bottom:1px dotted #1F1C54}
.container{line-height:21px /*=1.5*/}
.fstcolor{color:#1F1C54 !important}
.sndcolor{color:#CCCCD3 !important}

.container.lang { text-align: right;}
.lmenu { display: inline-block; list-style:none; margin:0; padding:0; text-align:center;  }
.lmenu li { display:inline;height:30px;overflow:hidden;text-align:center }
.lmenu a { display:inline-block; }



.logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height:135px;
}

/* svg switch */
.logo a img { max-width: 100%; width:220px; height: auto}
.no-svg .logo a img {display:none; }
.no-svg .logo a { display:block;margin-left:500px;width:220px; height: 90px; background:transparent url(../images/logo-drechsel-steuerberater.png) top right no-repeat }
/* svg end */

.logo h6{display:none}
.logo a,.logo a:visited{border-bottom:0 none}

.headline {height:104px;}
header,nav,footer,aside,article{
  display:inline;
}
.spacer{height:4px;line-height:.002em}
/* sidebar */
.sidebar {
  margin:21px 0 20px 0;padding:5px 0 0 10px;
background: #cbcad0; /* Old browsers */
background: -moz-linear-gradient(top, #cbcad0 0%, #ccccd3 79%, #9c99b3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcad0), color-stop(79%,#ccccd3), color-stop(100%,#9c99b3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cbcad0 0%,#ccccd3 79%,#9c99b3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cbcad0 0%,#ccccd3 79%,#9c99b3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cbcad0 0%,#ccccd3 79%,#9c99b3 100%); /* IE10+ */
background: linear-gradient(top, #cbcad0 0%,#ccccd3 79%,#9c99b3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcad0', endColorstr='#9c99b3',GradientType=0 ); /* IE6-9 */
}

.people {display:block;}
.footer {margin-top:40px}

/*typo*/
h1,h2,h3 {font-weight:400}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}

/*Blaue box*/
h1 {
  color:#FFF;font-family:MidietSerifItalicLight,"Source Sans Pro",Arial,sans-serif;
  font-size:22px;
  line-height:22px;background:url(../images/bgmainnav.png) repeat scroll 0 0 transparent;
  margin: 0 0 40px 0;
  text-align:center;
  padding:22px 0
}

article:after {
	display:block;
	content:"";
	padding:40px
}
article {
  line-height:20px
}
article .csc-textpic-single-image {line-height:0px}

.row .col.cleft, .row .col.cright { padding-top:  2em; }
.row #hero-section {padding-top: 0; margin-top: -2.4rem}

h2 {
    color:#2d2962;font:24px/24px "MidietSerifBold","Source Sans Pro",Arial,sans-serif;
    margin-top:-6px;padding-bottom:6px
}
h2 .material-icons {
    vertical-align: text-bottom;
}
.twoliner h2 {padding-bottom:2px}
h3{font-size:14px;line-height:18px;padding:8px 0 6px 0;font-weight:bold}
.sidebar h3 {color:#1F1C54;text-transform:uppercase; margin-bottom: 0}
.sidebar h3 a {border-bottom:none; text-decoration:none ! important}
h2,h3{text-shadow:0 1px 1px #FFF}


/*news*/
#page_6 article .csc-menu-1 li, #page_6 .twrss_item_content {list-style-type:none;padding:0px;background-image:none;margin-bottom:20px}
#page_1 .tx-gkhrssimport-pi1 {margin-bottom:20px}
.tx-gkhrssimport-pi1 p {display:none}
.tx-gkhrssimport-pi1-header p, .tx-gkhrssimport-pi1-content p {display:inline}
.tx-gkhrssimport-pi1-date {font-size:10.5px;font-style:italic;padding-right:10px;display:block;}
#page_6  .tx-gkhrssimport-pi1 {margin-top:20px}
h4.newsheadline {display:inline;font-size:14.5px;font-weight:bold;padding:0;background-image:none;margin:0;}

p{margin:0 0 20px 0;/* word-spacing:-0.15em;text-align:justify;*/webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
p img{margin:0}

.cright DIV.csc-textpic DIV.csc-textpic-single-image IMG {margin-bottom: 14px;}

em,i{font-style:italic}
small{font-size:80%}

article ul, aside ul  {margin:0em 0em 10px 0em}
article li, aside li, ul.csc-menu-1 li {
  background:url(../images/listsqare.png) no-repeat scroll 0px calc(.5em + 6px) transparent;
  padding: .5em 0 0 15px;
}
article li.csc-textpic-image, aside li.csc-textpic-image {background:none}


a,a:visited{border-bottom:1px dotted #3E3832;color:#1F1C54;outline:0 none;text-decoration:none}
p a,p a:visited{line-height:inherit}
.csc-textpic-imagewrap a, .csc-textpic-imagewrap a:visited {border-bottom:none}
img.scale-with-grid{height:auto;max-width:100%;width:auto}

img,embed,object,video{height:auto;max-width:100%;}

/* Download Links */
a.download, a.download:visited {padding-left:20px;background:transparent url(../images/download.png) top left no-repeat !important;border-bottom:none;}
a.download:hover {text-decoration:underline}

/* Footer Ib SSocial Icons */
#c1225 svg {color: white}



/* MMENU mobile Navigation */
.sidenav ul.mmensclevel li a {
    text-indent: 20px;
    height: 26px;
    line-height: 24px;
    overflow: hidden;
}


/*easyscroll*/
ul#easyscrollnav {list-style-type:none;display:block;height:17px;margin:15px 10px 5px 0px;padding:0px;}
ul#easyscrollnav li {width:20px;height:20px;line-height:15px;padding:0px;cursor:pointer;float:right;text-indent: 100%;white-space: nowrap;overflow:hidden;}
 #btnDown {display:block;width:20px;height:20px;background: transparent url(../images/btndown.png) center center no-repeat}
 #btnUp {display:block;width:20px;height:20px;background: transparent url(../images/btnup.png) center center no-repeat}
#btnReset {display:none}
div#easyscroll{clear:both;display:block;width:210px;margin-bottom:20px;background: transparent url(../images/people.png) center center no-repeat; }
div#myContent {padding-left:5px;}

.frame-teaser a, .frame-teaser a:visited {border-bottom:none;color:#3E3832;}
.frame-teaser h2{color:#3E3832;font-size:16px;line-height:24px;padding-bottom:0px}
.frame-teaser p {margin-bottom:24px;text-align:left}
.frame-teaser a:hover {border-bottom:1px dotted #3E3832}

.frame-teaser img {
      width: 340px;
      height: 340px;
      object-fit: cover;
      border-radius: 50%;
      border: 2px solid #fff;
    }
.frame-teaser .image-caption {margin: 15px 0; color: #2d2962; font-size: 16px; text-align: center !important}

#page_1 .five.columns.cright {}
#page_1 .cright h3 {line-height:16px;display:inline}

/*Navigation*/
.mainnav{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.mainnav li{
    display:inline;height:30px;overflow:hidden;text-align:center
}
.mainnav a{
    display:inline-block;
    padding:0 10px 7px;
    border-bottom:medium none;
    text-decoration:none;color:#5C4F30;font-size:13.5px;line-height:30px;
    text-shadow:0 1px 1px #FFF;text-transform:uppercase;letter-spacing:0;
}

.mainnav li:first-child a i.home {vertical-align: text-bottom;}
.mainnav a:visited{color:#5C4F30}
.mainnav a:hover,.mainnav a.act{background:url(../images/bgmainnav.png) repeat-x scroll center bottom transparent}

.mainnav li:last-child {display:none}

aside ul.smen{margin:.5em 0 2em 0;list-style-type:none}
aside ul.smen  li{ margin:0em;padding-left:0px;background-image:none}
.smen a:link,.smen a:visited{
  background:url(../images/squaresmen.png) no-repeat scroll left top transparent;
  text-decoration:none;border-bottom:medium none;display:block;font-size:14px;padding-left:15px }
.smen span{font-size:140%;line-height:80%}
.smen a.act,.smen a:hover{background:url(../images/squaresmen.png) no-repeat scroll left top transparent;color:#006}
/* SPACER */
.smen li.spacer {line-height:0.7em;border-bottom: 1px dotted #006; width:90%;margin-bottom:0.5em}

/* Formular */
form h2 {display:none !important}
.form-group { margin-bottom: .5em;  }
.input textarea {border:none; border-bottom: 1px solid #5C4F30}

/* Youtubevideos HTML-Element .mediablock-Wrap */
.mediablock {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.mediablock .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/*Footer styles etc*/
.footer strong {font-weight:normal;font-family:"MidietSerifBold","Source Sans Pro",Arial,sans-serif;letter-spacing:0.025em}
.footer, .footer a, .footermenu a {color:#f2f2f2 !important;}
.footermen ul {margin: 0 0 0 0}
.footermen a{border-bottom:1px solid #f2f2f2;display:block;line-height:200%;padding-top:0.25em}
.footermen img {vertical-align:text-top;margin-right:4px}
h4,strong{font-weight:700}
h4 {font-size: 14px !important}
h5 {font-weight: 600;font-size: 14px !important;margin: 0 0;}
a:hover,a:focus,.footer a:hover{color:#006}
/* Footer engl Anker IDs ausblenden */
a#c575,a#c576{display:none}

.footermen a.waves-light {border-bottom:none; background-color: #9697B1; margin-top: 15px;}
.footermen a.waves-white {border-bottom:none; background-color: #ffffff; color: #1F1C54 !important; margin-top: 15px;}



/* language menu */
.lmenu{margin:0}
.lmenu li{
	float:left;font-size:11px;font-style:italic;line-height:100%;letter-spacing:.05em;margin:10px 0 10px 10px;
	padding:2px 0 15px 2px;
	text-align:center;width:50px;height:13px;
	}
.lmenu li.act{background-color:#A9A7BD;color:#FFF;}
.lmenu li.text-muted {color:#dedede}
.lmenu li a:link,.lmenu li a:visited{
	border-bottom:medium none;color:#786B5E}
.lmenu li a:hover{color:#1F1C54}

.lmenu li.mandantlogin { 
  float: right; width:140px; margin-left:15px; 
  background-color: #1F1C54;
  font-style:normal; text-transform: uppercase; 
  height:auto; padding: .75em;  
}
.lmenu li.mandantlogin a:link,
.lmenu li.mandantlogin a:active,
.lmenu li.mandantlogin a:visited { color: #fff !important }

@media  screen and (max-width: 800px){
  .lmenu li.mandantlogin {display:none}
}



/* mobile menu */
.mmenu {
	display: none;
	width: 30px;
	margin: 10px 0 0 10px;
	float:left;
	}
a.sidenav-trigger {
	border-bottom: none
}




/* Specials*/
#page_4  .csc-textpic-intext-right-nowrap {width:260px}

.frame-indent {
    background-color: #CBCAD0;
    padding: 20px 40px;
    margin: 0 0 0 0;
}


@media only screen and (max-width:2000px) {
	body{ background-position: 20% top; }
}

@media only screen and (max-width:1400px) {
	body{ background-position: -30% top; }
}



@media only screen and (max-width:1360px) {
	body{ background-position: center top; background-color:#DEDEDC }
}

@media only screen and (max-width: 600px) {
	body { background-image: none; background-color:transparent }
    h1 {
    font-size: 14px;
    line-height: 14px;
    padding: 14px 0px 14px 14px;
    }
    .headline{height:100px}
    .headline h1{line-height:130%}
    .row .logo { height:80px; margin-bottom:10px;}
    .logo img {width:160px !important; height:auto}
    .row .col.cleft { padding-bottom: 40px; }
    .row .col.cright { padding-top:  0em; }
}

@media only screen and (min-width: 601px) and (max-width: 991px) {

    body {background-image: none;background-color:transparent}
    .lang {height:30px}
    .lmenu li {margin:0px;}
    .row .logo {height:80px;margin-bottom:40px;}
    .logo  img {width:140px;}
    .headline {height:60px}
    h1{font-size:13px;line-height:13px;padding: 13px 0px 13px 13px;margin-bottom:0px}
    .mainnav {margin-bottom:0px}
	.mainnav li {float:left;height:20px;margin:0;padding:0}
	.mainnav a {font-size:11px;line-height:16px;letter-spacing:0em;padding:0px;margin:0px;border-bottom:0px;}
	.mainnav a.act {background:url(../images/bgmainnav.png) repeat-x scroll center bottom transparent}
	.mainnav li {height:20px}
    .mainnav a {font-size:11px;line-height:11px;letter-spacing:0em;padding:0px 3px 5px 6px}
	.sidebar { margin-top: -15px;}
    .row .col.cleft { padding-bottom: 40px; }
    .row .col.cright { padding-top:  0em; }
  }



@media only screen and (min-width: 992px) and (max-width: 1200px) {
    body {background-size: 1200px;}
    h1{font-size:16px;line-height:16px;padding: 16px 0px 16px 15px;}
    .headline {height:70px}
	.mainnav li a {padding: 0 7px 7px; }
	.sidebar { margin-top: 15px;}
}



/* Media Print */
@media only print {
  .wrapper {width: 144mm !important;text-align:left}
  .lmenu,.smen, .mainnav,.sidebar,.footermen {display:none !important}
  .sixteen, .container, .column, .columns {display:block;clear:both;width:100% !important;margin:.25em 0 !important;padding:0 !important}
  h2,h3,h1{text-shadow:none !important;text-align:left}
  .logo img {display:block  !important; margin-bottom:2em}
}






/*  infochart */
.infochart table{
table-layout:fixed;
width: 100%;
max-width: 640px;
text-align: center;
border-collapse: collapse;
color: #fff;
font-weight:600;
font-size: 110%
}
.infochart table td {width: 33.33%; border: 5px solid #E1E1E1; border-spacing: 10px;
     padding: 0.5em;}
.infochart .arrow {font-family: Arial; font-size: 25px; color:#1F1C54 }
.level1 {background-color: #A9A8CF}
.level2 {background-color: #7A78AF}
.level3 {background-color: #52508F}
.level4 {background-color: #33306F}
.level5 {background-color: #1F1C54}


.contenttable tr { border-bottom:  none; }
.contenttable td, .contenttable th { padding: 0 0; vertical-align: top }

.frame-layout-1 .contenttable th {white-space:nowrap; padding-right:1em}
.frame-layout-1 .contenttable tr { border-top: 1px dotted #999}
.frame-layout-1 .contenttable td,
.frame-layout-1 .contenttable th { padding-top: 0.5em; padding-bottom: 0.25em}

.image-caption, .video-caption { font-style: italic; font-size: 80%; }
.video-caption { margin-bottom: 1em; }

.row .col.no-float { float: none ; }


/* new 2019 */
/*rss feed*/
.tx-rssdisplay h2 {display: none;}
.tx-rssdisplay-item-title {font-size:16px; font-weight: bold}
.tx-rssdisplay-item-title a {border-bottom:none;}
.tx-rssdisplay-item-title a:hover {text-decoration:underline}
aside .tx-rssdisplay-item-title {font-size:14px; font-weight: normal; border-bottom: 1px dotted #1F1C54;}





.logout {
    border-bottom:none;
    display:block;position:absolute;top:10px;
    left:10px;background-color:#fff;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-top: 12px;
    padding: 7px 9px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    color:red ! important;
}

html .btn-large {     
  line-height: 200%;
    padding: 5px;
    height: auto;
}


#c704 .ce-gallery .ce-column figure.image {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}