/*
Theme Name: Puetzo
Author: CREATEOCEANS 
Description: Puetzo
Version: 0.0.1
Tags: Rechtsanwälte
*/
html,
body { font-family: 'PT Sans', sans-serif; color:rgb(0,50,101); font-size:20px; line-height:1.5; background:rgb(255,255,255); }
body { overflow-x:hidden; }
h1,
.wieh1 { font-family: 'PT Serif', serif; font-size:40px; line-height:52px; font-weight:400; color:rgb(0,50,101); margin:0 0 24px; } /* font-size:64px; line-height:80px; margin:0 0 32px; */
h2,
.wieh2 { font-family: 'PT Serif', serif; font-size:32px; line-height:40px; font-weight:400; color:rgb(0,50,101); margin:0 0 24px; text-align:center; } /*font-size:44px; line-height:52px; margin:0 0 32px;*/
h3 { font-family: 'PT Sans', sans-serif; font-size:24px; line-height:1.25; font-weight:700; margin:0 0 12px; }
.akkordeon .inner h3 { margin:0; text-align:left; }
h4 { color:rgb(0,50,101); font-weight:400; }

hr { position:relative; display:block; width:100%; height:1px; margin:60px 0; border:none; border-top:1px solid rgba(0,50,101,0.12); }

p { margin:0 0 10px; }
p.small { font-size:18px; line-height:1.45; }
p.serif { font-family: 'PT Serif', serif; }

a, a:visited { font-weight:normal; color:rgb(0,50,101); text-decoration:none!important; transition:all 0.4s ease-in; }
a:hover, a:focus, a:active { background:none; color:rgb(0,0,0); text-decoration:none!important; }
p a { text-decoration: underline !important; }
p a:hover { text-decoration: underline !important; }
p strong a {font-weight: 700;}

#cconsent-bar a.ccb__edit,
#cconsent-modal .ccm__content > .ccm__content__body .ccm__tabgroup .ccm__tab-head .ccm__tab-head__icon-wedge,
header a, header a:visited,
.dswrap a,
footer a, footer a:visited { background:none; padding-right:0; padding-left:0; }

p.small a, p.small a:visited,
.ghostbutton, .ghostbutton:visited { position:relative; display:inline-block; font-family: 'PT Serif', serif; font-size:18px; line-height:1.45; font-weight:normal; color:rgb(0,50,101); text-decoration:none!important; transition:all 0.4s ease-in; border-bottom:2px solid rgb(0,50,101); margin-top:8px; }
p.small a:hover, p.small a:focus, p.small a:active,
.ghostbutton:hover, .ghostbutton:focus, .ghostbutton:active { background:none; color:rgb(0,0,0); text-decoration:none!important; border-bottom:2px solid rgb(0,0,0); }

p.small a { margin-bottom:16px; }

a.button,
a.button:visited,
.button,
.button:visited { position:relative; display:inline-block; font-size:24px; line-height:1.25; font-weight:700; padding:14px 30px 14px 30px; margin:0 auto; background-color:transparent; color:rgb(0,50,101); border:2px solid rgb(0,50,101); transition:all 0.4s ease-in; }
a.button:hover,
a.button:focus,
a.button:active,
.button:hover,
.button:focus,
.button:active { background-color:rgb(0,50,101); color:rgb(255,255,255); }

img { width:100%; height:auto!important; }

.wp-block-image.size-full { width: 100%; }
.wp-block-image.size-full img { width: 100%; }

.very-light-gray { margin-top: 120px; position: relative; background-color: #f9f9f9; padding-bottom: 30px; margin-bottom: 100px; }
:root .has-very-light-gray-background-color { background-color: transparent !important; }
.light-green-cyan { position: relative; background-color: #ffffff; padding-bottom: 30px; }
:root .has-light-green-cyan-background-color { background-color: transparent !important; }

.wp-block-columns { background-color:rgba(248,242,230,0.4); padding-bottom:85px; }
.wp-block-columns .wp-block-column { position:relative; display:block; width:100%; max-width:800px; padding:0; margin:0 auto; }
.wp-block-columns .wp-block-column h2 { text-align:left; }
.container { position:relative; display:block; width:100%; max-width:1088px; padding:0; }
.newssection .container { text-align:center; }
.newssection .container .inner { text-align:left; }
.luminous-vivid-amber,
.luminous-vivid-amber .has-luminous-vivid-amber-background-color,
section.akkordeon { background-color:rgba(248,242,230,0.4)!important; }
.luminous-vivid-amber .wp-block-group__inner-container { position:relative; display:block; width:100%; max-width:1200px; padding:0; margin-right:auto; margin-left:auto; }
.container.center { text-align:center; }
.row.center { text-align:center; }
.container .wp-block-columns { margin-left:-15px; margin-right:-15px; margin-bottom:0; }

.infotext { margin-top: 100px; margin-bottom: 100px; }
.infotext#info-text-block_5f084527990f8 { margin-top:0; }
.icon-info-text i { width: 50px; height: 50px; line-height: 50px; text-align: center; background-color: #f9f9f9; color: #f6791b; font-size: 22px; }

.container.kontaktformular { padding-left:0; padding-right:0; margin-top: 160px; position: relative; color:#ffffff; z-index:2; }
.container.kontaktformular .inner { position: relative; }
.container.kontaktformular .innerwrap { padding:0 15px 20px; background-color:#f6791b; }
.container.kontaktformular h3 { margin-top:49px; color:#ffffff; }
.container.kontaktformular .social {  }
.container.kontaktformular form { margin-top:20px; color:rgb(0,50,101); }
.container.kontaktformular input,
.container.kontaktformular textarea { display:block; width:100%; border:none; border-radius:0; margin-bottom:12px;padding:8px 8px; }
.container.kontaktformular input { padding:8px 8px 10px; }
.container.kontaktformular textarea { padding:12px 8px 8px; }
.container.kontaktformular input[type="text"],
.container.kontaktformular input[type="email"],
.container.kontaktformular input[type="tel"] { line-height:32px; }
.container.kontaktformular input[type="checkbox"],
.container.kontaktformular label[for="datenschutz"] { width:auto; float:left; }
.container.kontaktformular label[for="datenschutz"] { color:#ffffff; max-width:180px; padding-left:15px; font-size:12px; line-height:18px; }
.container.kontaktformular label[for="datenschutz"] a { color:#ffffff!important; text-decoration:underline!important; }
.dswrap { position:relative; display:block; }
.dswrap:after { position:relative; display:block; content:''; clear:both; }
.kfsmall { position:relative; display:block; color:#ffffff; max-width:180px; font-size:12px; line-height:18px; margin-top:8px; }
.container.kontaktformular .button { clear:both; width:145px; height:40px; margin-top:20px; border:1px solid #ffffff; }
.container.kontaktformular .button input { position:absolute; top:0; right:0; bottom:0; left:0; text-align:left; width:100%; height:100%; background:none; border:none; padding:0 0 0 16px; margin:0; z-index:2; }

header { position:relative; display:block; z-index:999; background-color:rgba(248,242,230,0.4); padding-bottom:85px; }
header.zindex { z-index:1002; }
header.subpage { padding-bottom:0; margin-bottom:30px; }
header .first-menu { position:relative; display:block; max-width:none!important; padding:30px 0 60px; background:transparent; z-index:99; }


header .container .logo { position:relative; display:block; margin:-90px auto 0; width:400px; z-index:999; }
header .container .logo img { margin-bottom:0; }

header .container .toplinks { position:absolute; display:flex; flex-wrap:wrap; top:80px;  width:auto; z-index:999; line-height:28px; text-align:right; color:rgb(0,50,101); font-size:18px; font-family:'PT Serif', serif; }
header .container .toplinks ul { position:relative; display:flex; flex-wrap:wrap; justify-content:flex-end; padding:0; margin:0; height:30px; }
header .container .toplinks ul li { position:relative; display:block; list-style:none; padding:0; margin:0 0 0 20px; }
header .container .toplinks #menu-item-72 a,
header .container .toplinks #menu-item-72 a:visited { border-bottom:2px solid rgb(0,50,101); }
header .container .toplinks #menu-item-72 a:hover, 
header .container .toplinks #menu-item-72 a:focus, 
header .container .toplinks #menu-item-72 a:active { border-bottom:2px solid rgb(0,0,0); }
header .container .toplinks #menu-item-71 a:hover, 
header .container .toplinks #menu-item-71 a:focus, 
header .container .toplinks #menu-item-71 a:active { color:rgb(0,50,101); }
header nav .container { max-width: 100% }
header nav { position:relative; width:100%; height:90px; z-index:99; }

header nav .menu-inner { z-index:9; }

header nav .menu-inner .container { padding-left:0; padding-right:0;  }
header nav .menu-inner .container .expand { position:absolute; display:flex; top:50px; right: 0; width:auto; z-index:999; line-height:28px; text-align:right; color:rgb(0,50,101); font-size:18px; font-family:'PT Serif', serif; padding-right: 20px }
header nav .menu-inner .container .expand img { position:relative; display:inline-block; width:auto!important; height:28px!important; }
header nav .menu-inner .container .expand .weiss { display:none; }
header nav .menu-inner .container .expand .cross { display:none; }

header nav .menu-inner .container .menu-hauptmenu-container { display:block; position:fixed; top:0; right:-100%; left: auto;bottom:0; height:100%; width:100%; background-color:rgb(0,50,101); color:rgb(255,255,255); margin:0; padding:30px 30px 0 30px; z-index:1001; transition:right ease-out 0.6s; overflow:auto; }
header nav .menu-inner .container .menu-hauptmenu-container::-webkit-scrollbar { width:7px; }
header nav .menu-inner .container .menu-hauptmenu-container::-webkit-scrollbar-track {}
header nav .menu-inner .container .menu-hauptmenu-container::-webkit-scrollbar-thumb { background:rgb(255,255,255);}
header nav.expanded .menu-inner .container .menu-hauptmenu-container { right:0; }
header nav.expanded { z-index:1001; }
header nav.expanded .menu-inner .container .expand { color:rgb(255,255,255); z-index: 1002 }
header nav.expanded .menu-inner .container .expand .weiss { display:none; }
header nav.expanded .menu-inner .container .expand .blau { display:none; }
header nav.expanded .menu-inner .container .expand .cross { display: block; }

header nav .menu-inner .container ul { position:relative; display:block; padding:0;  margin:10% auto auto; width:400px; height:auto; text-align:center; }
header nav .menu-inner .container ul li { position:relative; display:block; width:100%; list-style:none; padding:0; margin:0; }
header nav .menu-inner .container ul li .chevron { display:none; }

header nav .menu-inner .container ul li a { position:relative; display:block; font-family: 'PT Serif', serif; font-weight:normal; font-size:32px; line-height:68px; color:rgb(255,255,255); width:100%; }
header nav .menu-inner .container ul li#menu-item-48 { margin-top:68px; }
header nav .menu-inner .container ul li#menu-item-50 { margin-bottom:68px; }
header nav .menu-inner .container ul li#menu-item-48 a,
header nav .menu-inner .container ul li#menu-item-50 a { font-family: 'PT Sans', sans-serif; font-size:20px; line-height:1.54; }

header nav .menu-inner .container ul li:hover a { color:rgb(151,172,194); }
header nav .menu-inner .container ul li:hover li a { color:rgb(255,255,255); }
header nav .menu-inner .container ul li li:hover a { color:rgb(151,172,194); }

	header nav .menu-inner .container ul li:hover > .sub-menu li > .sub-menu { display:none!important; }
	header nav .menu-inner .container ul li:hover > .sub-menu li:hover > .sub-menu { display:none!important; }
	
	header nav .menu-inner .container ul li.current_page_item .sub-menu, 
	header nav .menu-inner .container ul li.current_page_parent .sub-menu, 
	header nav .menu-inner .container ul li.current_page_ancestor .sub-menu, 
	header nav .menu-inner .container ul li.showul .sub-menu { display:block!important; }
	header nav .menu-inner .container ul li.current_page_item .sub-menu .sub-menu, 
	header nav .menu-inner .container ul li.current_page_parent .sub-menu .sub-menu, 
	header nav .menu-inner .container ul li.current_page_ancestor .sub-menu .sub-menu, 
	header nav .menu-inner .container ul li.showul .sub-menu .sub-menu { display:none!important; } 
	header nav .menu-inner .container ul li.showul .sub-menu li.showul .sub-menu,
	header nav .menu-inner .container ul li:hover > .sub-menu li.showul > .sub-menu { display:block!important; }
	

header nav .menu-inner .container ul .sub-menu { clear:both; display:none; position:relative; top:0; left:0; width:100%; height:auto; padding:15px 0; margin:0; max-width:none; border-top:2px solid rgb(255,255,255); }
header nav .menu-inner .container ul .sub-menu li { position:relative; display:block; height:auto; width:100%; max-width:none; margin:0; padding:0 15px 8px; background:none!important; }
header nav .menu-inner .sub-menu li.current_page_item { border-bottom:none; }
header nav .menu-inner .container ul .sub-menu li a { font-family: 'PT Sans', sans-serif; font-size:20px; line-height:1.54; }
header nav .menu-inner .container ul .sub-menu li a:after { display:none; }
header nav .menu-inner .container ul .sub-menu li a span { display:inline; }
header nav .menu-inner .container ul .sub-menu .sub-menu { display:block!important; position:absolute; left:260px; top:-15px; padding:15px; background:rgb(255,253,245); border:none; }
header nav .menu-inner .container ul .sub-menu .sub-menu li { width:100%; padding:0 0 5px; }
header nav .menu-inner .container ul .sub-menu .sub-menu li .chevron { display:none; }
header nav .menu-inner .container ul .sub-menu .sub-menu li a { font-size:16px; color:rgb(0,50,101); font-weight:400; }


	header nav .menu-inner .container ul li:hover > .sub-menu li > .sub-menu { display:none!important; }
	header nav .menu-inner .container ul li:hover > .sub-menu li:hover > .sub-menu,
	header nav .menu-inner .container ul li:hover > .sub-menu li.showul > .sub-menu { display:block!important; }


.startseite-header { position:relative; display:block; background-position:top -80px center; background-size:cover; background-repeat:no-repeat; height:600px; min-height:600px; }
.startseite-header .container { position:static; }
.startseite-header .einleitung { position:absolute; display:inline-block; left:0; bottom:0; background:rgb(0,50,101); width:auto; padding:30px 30px 15px; }
.startseite-header .einleitung h1,
.startseite-header .einleitung .wieh1 { color:rgb(255,255,255); }
.startseite-header .einleitung p { width:83.3333%; margin:0 0 32px; }
.startseite-headerimg-inline { display:none; }

.unterseite-header { position:relative; display:block; margin-bottom:170px; }
.unterseite-header.pageID_27,
.unterseite-header.pageID_31,
.unterseite-header.pageID_3 { margin-bottom:0; }
.unterseite-header.autor-head { margin-bottom:0; }
.unterseite-header .einleitung { position:relative; display:block; padding:0 0 30px; }
.unterseite-header.pageID_27 .einleitung,
.unterseite-header.pageID_31 .einleitung,
.unterseite-header.pageID_3 .einleitung { padding:0; }
.unterseite-header.autor-head .einleitung { padding:0; }
.unterseite-header .einleitung p { width:83.3333%; margin:0 0 32px; }
/* .unterseite-header .us-headerimg { position:absolute; display:block; height:650px; width:100%; bottom:-480px; right:0; background-position:center right 40px; background-size:75%; background-repeat:no-repeat; } */
.unterseite-header .einleitung .us-headerimg-inline { margin-bottom:-170px; }

.profil-kontakt-header { position:relative; display:block; margin-bottom:170px; padding-bottom:30px; }
.profil-kontakt-header .container {  }
.profil-kontakt-header .row { position:relative; display:block; height:auto; width:100%; }
.profil-kontakt-header .us-headerimg { padding-bottom:30px; }
.profil-kontakt-header .us-headerimg .inner { position:relative; display:block; height:auto; width:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.profil-kontakt-header .us-headerimg-inline { margin-bottom:-170px; }
.profil-kontakt-header.pageID_124 h2 { text-align:left; }
.profil-kontakt-header.pageID_124 p { margin-bottom:60px; }

.profil-kontakt-header.notare { position:relative; display:block; margin-bottom:0; }
.profil-kontakt-header.notare .container { padding-bottom:100px; }
.profil-kontakt-header.notare .row { position:relative; height:auto; bottom:auto; }
.profil-kontakt-header.notare .einleitung p { width:83.3333%; margin:0 0 32px; }
section.content.subpage.pageID_25 { padding-top:0; margin-top:-60px; }
section.content.subpage.pageID_25 .dreispalten { padding:0; z-index:1001; }
section.content.subpage.pageID_27 h2,
section.content.subpage.pageID_27 .wieh2,
section.content.subpage.pageID_124 h2,
section.content.subpage.pageID_124 .wieh2 { text-align:left; }
section.content.subpage.pageID_31 p,
section.content.subpage.pageID_3 p { margin-bottom:30px; }

section { position:relative; display:block; padding:60px 0 80px; }
section.content { padding:0; }
section.content.subpage { padding:0 0 80px; }
section.content.subpage .inner > p { width:83.3333%; }
section.content.subpage.pageID_9 section.dreispalten,
section.content.subpage.pageID_15 section.dreispalten,
section.content.subpage.pageID_25 section.ansprechpartner { padding:60px 0 0; }
section.content.subpage.pageID_11 section.dreispalten { padding:0; }
section.content.subpage.pageID_27 section.downloads { padding:30px 0 0; }
section.content.subpage .wp-block-columns { padding:30px 15px 0; background:none; }

section.blog.uebersicht { padding-top:10px; }
section.blog.uebersicht a.row { position:relative; display:block; padding-bottom:50px; margin-top:50px; border-bottom:1px solid rgba(0,50,101,0.12); }
section.blog.uebersicht .blognavi.prev_nxt { position:relative; display:block; padding-top:50px; margin-right:-15px; margin-left:-15px; text-align:right; }
section.blog.uebersicht .blognavi.prev_nxt .prev { margin-right:20px; color:rgba(0,50,101,0.12); border-color:rgba(0,50,101,0.12); }
section.blog.uebersicht .blognavi.prev_nxt .nxt { margin-left:20px; color:rgba(0,50,101,0.12); border-color:rgba(0,50,101,0.12); }

section .inner ul { list-style-type:none; margin-top:30px; margin-bottom:50px; }
section .inner ul li { position:relative; display:flex; font-weight:700; margin-bottom:8px; }
section .inner ul li:before { position:relative; display:block; flex-shrink:0; width:30px; content:'\f178'; font-size:24px; line-height:28px; font-family:'Font Awesome 5 Pro'; font-weight:300; text-align:left; }

.dreispalten .col-md-4 { margin-bottom:60px; }
.dreispalten.auflistung p.small { margin-bottom:30px; }
.ansprechpartner p.small { margin-bottom:30px; }
.kachel {}
section .inner,
section .inner .kachel { position:relative; height:100%; }
section .inner .kachel.textfeld { position:relative; height:auto; padding-top:100%; }
.kachel a { position:relative; display:inline-block; }
.kachel .kachel-bild-wrap { position:relative; display:block; width:100%; padding-top:100%; margin-bottom:0; }
.kachel .kachel-bild-wrap img { position:absolute; top:0; height:100%!important; object-fit:cover; object-position:center; }
.kachel .kachel-inner { padding:15px 0 0; }
.kachel.textfeld .kachel-inner { position:absolute; top:0; left:0; height:100%; width:100%; padding:30px; background-color:rgb(0,50,101); color:rgb(255,255,255); }
.newssection .kachel .kachel-inner { height:100%; padding:30px 30px 50px; background-color:rgba(248,242,230,0.4); }
.newssection .kachel .kachel-inner.category5 { background-color:rgb(0,50,101); color:rgb(255,255,255); }
.kachel.textfeld .kachel-inner p.small a,
.kachel.textfeld .kachel-inner p.small a:visited,
.kachel.textfeld .kachel-inner .ghostbutton, 
.kachel.textfeld .kachel-inner .ghostbutton:visited,
.newssection .kachel .kachel-inner.category5 .ghostbutton, 
.newssection .kachel .kachel-inner.category5 .ghostbutton:visited { color:rgb(255,255,255); border-bottom:2px solid rgb(255,255,255); }
.kachel.textfeld .kachel-inner p.small a:hover,
.kachel.textfeld .kachel-inner p.small a:focus,
.kachel.textfeld .kachel-inner p.small a:active,
.kachel.textfeld .kachel-inner .ghostbutton:hover, 
.kachel.textfeld .kachel-inner .ghostbutton:focus, 
.kachel.textfeld .kachel-inner .ghostbutton:active,
.newssection .kachel .kachel-inner.category5 .ghostbutton:hover, 
.newssection .kachel .kachel-inner.category5 .ghostbutton:focus, 
.newssection .kachel .kachel-inner.category5 .ghostbutton:active { color:rgb(151,172,194); border-bottom:2px solid rgb(151,172,194); }

.dreispalten.auflistung p.small { margin-bottom:30px; }
.dreispalten.auflistung .spalte-rechts .inner { padding:30px 30px 40px; height:auto; background-color:rgba(248,242,230,0.4); }
.dreispalten.auflistung .spalte-rechts img { position:relative; display:block; max-width:150px; margin:20px auto 40px; }
.dreispalten.auflistung .spalte-rechts h3 { text-align:center; }
.dreispalten.auflistung .spalte-rechts p.small { margin-bottom:10px; }

.downloads .container { text-align:left; }
.downloads .button.downloads { display:block; width:100%; max-width:480px; padding-right:80px; margin:0 0 20px; hyphens:auto; word-break:break-word; word-wrap:break-word; }
.downloads .button.downloads:after { position:absolute; display:block; content:''; width:20px; height:24px; top:50%; margin-top:-12px; right:30px; background-color:transparent; background-image:url('../puetzo/images/downloads.svg'); background-size:contain; background-position:center; background-repeat:no-repeat; }
.downloads .button.downloads:hover:after { background-image:url('../puetzo/images/downloads-wei.svg'); }

.inhalt404 h2 { margin-top:40px; margin-bottom:30px; }
.footer404 { margin-top:160px; }

section .container .row { position:relative; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; }
section .container .row .col-md-4,
section .container .row .col-md-3 {  }
section.newssection .container .row .col-md-4,
section.newssection .container .row .col-md-3 { margin-bottom:50px; }
section .container .row .col-md-4 .inner,
section .container .row .col-md-3 .inner,
section .container .row .col-md-4 .inner .kachel,
section .container .row .col-md-3 .inner .kachel,
section .container .row .col-md-4 .inner .kachel a,
section .container .row .col-md-3 .inner .kachel a {  } /*position:relative; height:100%;*/
section .container .row .col-md-4 .inner .kachel a,
section .container .row .col-md-3 .inner .kachel a {  } /*display:flex; flex-wrap:wrap; flex-direction:column;*/
section .container .row .col-md-4 .inner .kachel a > div { flex:1; }
section .container .row .col-md-4 .inner .kachel a .kachel-inner { position:relative; display:flex; flex-wrap:nowrap; flex-direction:column; justify-content:space-between; align-items:flex-start; }

.akkordeon { position:relative; display:block; height:auto !important; }
.akkordeon .akkordeon-wrap { position:relative; display:block; height:auto; margin-bottom:8px; }
.akkordeon .akkordeon-wrap .inner { position:relative; display:block; height:auto; }
.akkordeon .akkordeon-wrap .inner .teaser { position:relative; display:block; width:100%; border-bottom:1px solid rgb(0,50,101); transition:all 0.4s ease-out; cursor:pointer; padding:10px 60px 8px 0; line-height:26px; }
.akkordeon .akkordeon-wrap .inner .teaser p { margin:0; }
.akkordeon .akkordeon-wrap .inner .teaser .fal { position:absolute; display:block; top:10px; right:0; font-size:26px; line-height:24px; width:40px; text-align:center; }
.akkordeon .akkordeon-wrap .inner .teaser .fal.fa-chevron-up { display:none; }
.akkordeon .akkordeon-wrap .inner .inhalt { position:relative; display:block; padding:0; height:1px; visibility:hidden; opacity:0; transition:all 0.6s ease-out; }
.akkordeon .akkordeon-wrap .inner .inhalt:after { position:relative; display:block; content:''; clear:both; }
.akkordeon .akkordeon-wrap .inner .teaser:hover,
.akkordeon .akkordeon-wrap .inner.active .teaser { }
.akkordeon .akkordeon-wrap .inner.active .teaser .fal.fa-fa-chevron-up { display:block; }
.akkordeon .akkordeon-wrap .inner.active .teaser .fal.fa-fa-chevron-down { display:none; }
.akkordeon .akkordeon-wrap .inner.active .inhalt { padding:20px 0; height:auto; visibility:visible; opacity:1; }

.newspreviewpic { margin-bottom:15px; }
.newspreviewpic .inner { position:relative; display:block; width:100%; padding-top:100%; margin-bottom:0; border-radius:50%; overflow:hidden; height:auto; }
.newspreviewpic .inner img { position:absolute; top:0; height:100%!important; object-fit:cover; object-position:center; }

.autor-head .autor-img .inner { position:relative; display:block; width:100%; padding-top:100%; margin-bottom:0; border-radius:50%; overflow:hidden; height:auto; }
.autor-head .autor-img .inner img { position:absolute; top:0; height:100%!important; object-fit:cover; object-position:center; }
.autor-head .row { display:flex; align-items:center; margin-bottom:-20px; }
.blog.beitrag .ghostbutton {  margin-top:30px; }

section.beforefooter { background-color:rgba(248,242,230,0.4); background-image:url('../puetzo/images/map-footer.svg'); background-size:contain; background-position:center right; background-repeat:no-repeat; }
section.beforefooter .container { background-color:transparent; }
section.beforefooter .container .row { justify-content:flex-start; }
section.beforefooter .container .row .inner { padding-top:80px; padding-bottom:80px; }

.totop { position:fixed; display:block; bottom:30px; right:30px; padding:0; text-align: center; z-index:1001; font-size: 24px; line-height: 44px; opacity: 0; transition: all 0.5s ease-out 0.5s; width:50px; height:50px; border:2px solid rgba(255,255,255,0.1); background:rgb(0,50,101)!important; color:rgb(255,255,255)!important; }
.totop:before { position:absolute; display:block; top:2px; bottom:0; right:0; left:0; height: 100%; width: 100%; padding: 0; margin: 0; content: '\f106'; font-size: 24px;line-height: 44px; font-family: 'Font Awesome 5 Pro'; font-weight:300; }
.totop.showtt {
  opacity: 1;
}

footer { position:relative; display:block; background-color:rgb(0,50,101); font-size:18px; line-height:1.45; color:rgb(255,255,255); }

footer .container { padding:60px 0 90px;  }

footer img { display:block; width: 100%; max-width:320px; margin-bottom: 30px; }
footer .footer-headline { font-size:16px; text-transform: uppercase; } /*20px*/

footer ul { list-style: none; margin: 0; padding: 0; }

footer ul li { padding:0; margin:0; width: 100%; display: inline-flex; }
footer a,
footer a:visited { color:rgb(255,255,255); }
footer a:active,
footer a:focus,
footer a:hover { color:rgb(151,172,194); }

footer .row.bottom { margin-top:20px; padding-top:45px; border-top:1px solid rgba(255,255,255,0.1); }
footer .row.bottom .left a { margin-right:20px; }
footer .row.bottom .right { text-align:right; color:rgba(255,255,255,0.25); }

/* COOKIE CONSENT*/
.cli-tab-footer .cli-btn {background-color: #f6791b !important;}
.cli-modal-body a{background-color: transparent !important;}
.cli-switch input:checked + .cli-slider {background-color: #f6791b !important;}
.cli-bar-message a {background-color: transparent !important;}

/* FIX OBJECT FIT IE */
@media screen and (min-width:0\0) { 
	.kachel .kachel-bild-wrap,
	.newspreviewpic .inner { overflow:hidden; }
	.kachel .kachel-bild-wrap img,
	.newspreviewpic .inner img { height:auto!important; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.kachel .kachel-bild-wrap,
	.newspreviewpic .inner { overflow:hidden; }
	.kachel .kachel-bild-wrap img,
	.newspreviewpic .inner img { height:auto!important; }
}
@supports (-ms-accelerator:true) {
	.kachel .kachel-bild-wrap,
	.newspreviewpic .inner { overflow:hidden; }
	.kachel .kachel-bild-wrap img,
	.newspreviewpic .inner img { height:auto!important; }
}
/* RESPONSIVE */
@media (max-width:1599.998px) {
	header nav:after { display:none; }
}

@media (max-width:1199.998px) {
	header .first-menu { padding: 20px 0 40px  }
	header.subpage .container.first-menu { padding: 20px 0 40px  }
	header .container .logo { margin-top:-40px; }
	header .container .toplinks { top:40px; }
	header nav .menu-inner .container .expand  { top: 15px }
	header.subpage .container,
	section.blog.uebersicht .container,
	section.dreispalten,
	section.akkordeon,
	section.newssection,
	section.blog.uebersicht .blognavi.prev_nxt,
	section.blog.beitrag .container,
	section.content.subpage .container,
	section.content.beforefooter,
	footer .container { padding-right:30px; padding-left:30px; }
	section.content.subpage .container section.dreispalten,
	section.content.subpage .container section.dreispalten .container,
	section.content.subpage section.downloads .container { padding-right:0; padding-left:0; padding-bottom: 0 }
	section.content.subpage { padding: 0 0 60px }
}

@media (max-width:991.998px) {
	header { padding-bottom:40px; }
	header .container .logo { margin-top:55px; width:320px; z-index: 0}
	header nav { height:70px; }	
	header nav  { position: fixed; background-color: #fcfaf5; top: 0;  }
	header .container .toplinks ul { position: fixed; top: 20px }
	header nav .menu-inner .container .expand img {  top: 10px }
	
	section .container .row .col-md-4,
	section .container .row .col-md-3 { flex:0 0 50%; }
	.wp-block-columns .wp-block-column { margin-right:30px; margin-left:30px; }
	
	section.content.subpage .wp-block-columns .wp-block-column { margin-right:0; margin-left:0; }
	
	section.content.beforefooter { background-position:center right -60px; } 
	section.content.beforefooter .col-md-7 { width:58.33333333%!important; } 
	section.content.beforefooter h2,
	section.content.beforefooter .wieh2 { font-size:24px; line-height:32px; margin:0 0 16px; }
	section.content.subpage { padding: 0 0 40px }
	section.content.subpage .container section.dreispalten, section.content.subpage .container section.dreispalten .container, section.content.subpage section.downloads .container { padding-top: 10px }
	.unterseite-header.pageID_753 .einleitung { padding-bottom: 10px!important }
	
	.profil-kontakt-header { margin-bottom:30px; }
	.profil-kontakt-header .us-headerimg-inline { margin-bottom:auto; }
	
	a.button,
	a.button:visited,
	.button,
	.button:visited { font-size:20px; }
	
	footer .row li a { margin-bottom:16px; }
	footer .row p a { position:relative; display:inline-block; padding:8px 0; }
	footer .row.bottom .right { text-align:left; margin-top:16px; }
	footer img { margin: 0 auto 30px }
}

@media (max-width:783.998px) {
	section.content.subpage.pageID_712 .wp-block-columns.is-layout-flex { gap:0; }
	section.content.subpage.pageID_712 .wp-block-columns .wp-block-column .wp-block-image { max-width:300px; margin:0 auto 30px; }
	section.content.subpage.pageID_712 .wp-block-columns ul,
	ol.wp-block-list,
	ul.wp-block-list { padding-inline-start:0; }
	ol.wp-block-list { padding-inline-start:20px; }
}
@media (max-width:767.998px) {

	header .container .logo img { margin-top:80px;}
	h1,
	.wieh1 { font-family: 'PT Serif', serif; font-size:32px; line-height:40px; font-weight:400; color:rgb(0,50,101); margin:0 0 16px; } /* font-size:48px; line-height:56px; margin:0 0 24px; */
	h2,
	.wieh2 { font-size:24px; line-height:32px; margin:0 0 16px; } /* font-size:32px; line-height:40px; margin:0 0 24px; */
	h3 { font-size:20px; line-height:1.25; }
	
	header .container .logo { margin-top:-20px; }
	
	section .container .row .col-md-4,
	section .container .row .col-md-3 { flex:0 0 100%; }
	
	.startseite-header { margin-bottom:60px; }
	.startseite-header .einleitung { bottom:-60px; }
	
	.startseite-header { background:none!important; height:auto; min-height:auto; }
	.startseite-headerimg-inline { display:block; }
	
	.startseite-header .einleitung p,
	.unterseite-header .einleitung p,
	.profil-kontakt-header.notare .einleitung p,
	section.content.subpage .inner > p { width:100%; }
	
	section.content.beforefooter { background-position:center right -120px; }

}

@media (max-width:703.998px) {
	/*a { word-break:break-all; word-wrap:break-word; }*/
	section.content.beforefooter { background-position:center right -180px; }
	.wp-block-columns { padding-bottom:15px}
	
}

@media (max-width:543.998px) {
	html,
	body { font-size:18px; }
	
	section { padding:15px 0 30px; }
	
	h1,
	.wieh1 { font-size:28px; line-height:32px; } 
	h2,
	.wieh2 { font-size:24px; line-height:28px; } 
	h3 { font-size:20px; line-height:1.25; }

	hr { margin:30px 0;  }
	p.small { font-size:16px; line-height:1.45; }

	.ghostbutton, .ghostbutton:visited { font-size:16px; line-height:1.45; }

	a.button,
	a.button:visited,
	.button,
	.button:visited { font-size:20px; line-height:1.25; }
	
	header .first-menu { padding-top:15px; padding-bottom:30px; }
	
	header .container .logo { margin-top:70px; width:320px; z-index: 0}
	header .container .logo img { margin-top:0 }
	header .container .toplinks { position:absolute; display:flex; flex-wrap:wrap; top: 20px }
	
	header nav { height:70px; }
	header nav .menu-inner .container ul { width:auto; }
	
	header nav  { position: fixed; background-color: #fcfaf5; top: 0;  }
	header nav .menu-inner .container .expand { position:absolute; display:flex; right: 0; width:auto; z-index:999;  }
	header nav .menu-inner .container .expand img { padding-right: 5px; top: 5px; }
	header nav .menu-inner .container ul li a { font-size:24px; line-height:48px; }
	header nav .menu-inner .container ul li#menu-item-48 { margin-top:48px; }
	header nav .menu-inner .container ul li#menu-item-48 a, 
	header nav .menu-inner .container ul li#menu-item-50 a { font-size:18px; line-height:1.54; }
	
	.startseite-header .einleitung { padding-top:15px; padding-right:15px; padding-left:15px; padding-bottom:15px; }
	.unterseite-header .einleitung { padding-bottom:15px!important; }
	.startseite-header .einleitung h1,
	.startseite-header .einleitung .wieh1 { margin-bottom:0; }
	
	header.subpage .container,
	section.blog.uebersicht .container,
	section.dreispalten,
	section.akkordeon,
	section.newssection,
	section.blog.uebersicht .blognavi.prev_nxt,
	section.blog.beitrag .container,
	section.content.subpage .container,
	section.content.beforefooter,
	footer .container { padding-right:15px; padding-left:15px; }
	section.beforefooter .container .row .inner { padding-top:40px; padding-bottom:40px; }

	
	.downloads .button.downloads { padding:14px 45px 14px 15px; }
	.downloads .button.downloads:after { right:15px; }
	
	section .inner .kachel.textfeld { padding-top:0; }
	.kachel.textfeld .kachel-inner { position:relative; }
	
	.newssection { margin-top:1em; }
	section.newssection .container .row .col-md-4, section.newssection .container .row .col-md-3 { margin-bottom:1em; }
	
	:where(.wp-block-columns) { margin-bottom:1em; }
	.wp-block-columns .wp-block-column { margin-right:15px; margin-left:15px; }
	.dreispalten .col-md-4 { margin-bottom:30px; }
}
@media (max-width:510.998px) {
	section.content.beforefooter { background-image:none; }
	section.content.beforefooter .col-md-7 { width:100% !important; }
	.totop { bottom:15px; right:15px; }
	section.content.subpage .container section.dreispalten, section.content.subpage .container section.dreispalten .container, section.content.subpage section.downloads .container { padding-top: 0 }
	section.content.subpage { padding: 0 0 20px }
}
@media (max-width:399.998px) {
	html, body { font-size:16px; }
	
	h1,
	.wieh1 { font-size:24px; line-height:32px; } 
	h2,
	.wieh2 { font-size:20px; line-height:26px; } 
	h3 { font-size:18px; line-height:1.25; }
	
	header .container .logo { width:280px; }
	header .container .toplinks { font-size:16px; line-height:24px; }
	
}
@media (max-width:351.998px) {
	h1,
	.wieh1 { font-size:20px; line-height:28px; } 
	h2,
	.wieh2 { font-size:18px; line-height:24px; } 
	h3 { font-size:18px; line-height:1.25; }
	section.content.subpage { padding: 0 0 10px }
	a.button, a.button:visited, .button, .button:visited { font-size: 16px}
}
@media (min-width:768px) {
	
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}

@media (min-width:1440px) {
}

@media (min-width:1600px) {
	.unterseite-header .us-headerimg { background-position-y:top; }
}

@media (min-width:1792px) {
}

@media (min-width:1952px) {
	.container,
	.luminous-vivid-amber .wp-block-group__inner-container { max-width:1600px; }
}

/* custom NW */
.unterseite-header.pageID_753 {
	margin-bottom: 0;
}

.unterseite-header.pageID_753 .einleitung {
    padding-bottom: 50px;
}

.content.subpage.pageID_753 {
	padding-top: 0;
}

ul.socials-horizontal {
	display: flex;
	margin-top: 32px;
}

ul.socials-horizontal li {
    margin-right: 32px;
    width: auto;
}

ul.socials-horizontal li a.socials img {
    max-width: 20px;
}

a.socials img {
    max-width: 30px;
}

ul.socials-horizontal li:last-child img {
    height: 20px !important;
}