@charset "UTF-8";
/* www.die-spanntechniker.at */
/* CSS style / small / max. device-width 649px */
/* by Vordenker design u. communication / vordenker.at */

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

/* Custom Animations */

@keyframes fadein {
	from   { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeout {
	from   { opacity: 1; }
    to { opacity: 0; }
}

@keyframes faded {
	from   { opacity: 0; }
    to { opacity: 0; }
}

@keyframes movein {
	0%   { margin-top: -75%; }
    80% { margin-top: 2%; }
    93% { margin-top: -1%; }
    100% { margin-top: 0; }
}

header .quicklinks .nav li span { -webkit-transition: max-width 0.8s ease, color 0.1s ease; -moz-transition: max-width 0.8s ease, color 0.1s ease; -o-transition: max-width 0.8s ease, color 0.1s ease; transition: max-width 0.8s ease, color 0.1s ease; }
#popup .popup, #popup .popup .close, header .quicklinks .nav li, header .quicklinks .nav li:after, header .quicklinks .mod-menu .search .button, header .breadcrumb .breadcrumb a:after, #main article a:after, #main aside ul.nav li a, #main article .mod-custom:hover p:before, footer a:after, #main aside:before, #main aside ul ul { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header.scolling, header .left ul, header .left ul li, header .left ul li span, header .left ul img, #main article .mod-custom img, #main aside, .btn-submit button, #main article .nav li, #main article .nav li img, #main article .nav li span, .offlajn-ajax-search-container .offlajn-ajax-search-inner:after { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; }
#main article .mod-custom p:before, #main article .mod-custom p { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }




/*  G E N E R A L  */
* { padding: 0; margin: 0; border: 0; word-wrap: break-word; zoom: 1; }
body { font-family: 'Lato', sans-serif; font-weight: 100; font-size: 14px; color: #646464; }


img.logo { width: 100px; }
.logo:after { content: ''; display: none; }
input, input:focus, input:active { outline: 1px solid #0066b3; border-radius: 5px; padding: 5px; margin: 5px 10px 5px 0;}
a, a:visited { text-decoration: none; color: inherit; }
b, strong { font-weight: 400; }




/*  popup  */
#popup .popup { position: absolute; z-index: -10; height: auto; width: 70vw; left: 50%; top: 7vw; display: block; padding: 50px 5vw 25px 5vw; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #0066b3; opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.5); -moz-box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.5); box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.5); color: #fff !important; }
#popup .popup.visible { z-index: +20; -webkit-animation: fadein 2s ease 0s, movein 1.5s ease-in-out 0s; animation: fadein 2s ease 0s, movein 1.5s ease-in-out 0s; opacity: 1; }
#popup .popup .close { position: absolute; top: 10px; right: 25px; background: none; font-size: 30px; font-weight: 100 !important; color: #fff; outline: none !important; cursor: pointer; -webkit-transform: scaleX(1.25); -moz-transform: scaleX(1.25); -ms-transform: scaleX(1.25); -o-transform: scaleX(1.25); transform: scaleX(1.25); }
#popup .popup .close:hover, #popup .popup .close:focus , #popup .popup .close:active { -webkit-transform: scaleX(2); -moz-transform: scaleX(2); -ms-transform: scaleX(2); -o-transform: scaleX(2); transform: scaleX(2); outline: none; color: #D1D1D1; opacity: 0.85; }
#popup .popup h1, #popup .popup h2, #popup .popup h3 { font-size: 20px; }

#popup .popup h1, #popup .popup h2, #popup .popup h3, #popup .popup h4, #popup .popup h5, #popup .popup h6, #popup .popup p, #popup .popup li { line-height: normal; font-size: 15px; font-weight: 100 !important; color: #fff !important; margin: 0 0 25px 0; }
#popup .popup label { margin-top: 15px; font-size: 16px; color: #fff !important; }
#popup .popup button { margin-top: 20px; line-height: 50px; padding: 0 25px; display: block; background: #fff; color: #0066b3; font-size: 20px; font-weight: 100 !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-transform: uppercase;  -webkit-transform: none; -ms-transform: none; transform: none;}
#popup .popup button:hover, #popup .popup button:active, #popup .popup button:focus { background: rgba(255,255,255,0.7); color: #0066b3;  -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}
#popup .popup button span { padding: 0 !important; }




/*  H E A D E R  */
header { padding-top: 400px; position: relative; }
header img.logo { position: absolute; right: 0; top: 100px; z-index: +2; }


/*  navigation top  */
header .navigation { display: none; visibility: hidden; }


/*  produktbereiche  */
header .left ul { position: fixed; display: block; top: 20px; right: 100px; left: 0; z-index: +2; }
header .left ul ul { display: none; visibility: hidden; }
header .left ul li { height: 55px; position: relative; display: block; margin: 0 25px 10px 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
header.scrolled .left ul { max-width: 100px; overflow: hidden; }
header.scrolled .left ul li { max-width: 72px; overflow: hidden; }
header.scrolled .left ul:hover, header.scrolled .left ul:focus { max-width: 80vw; }
header .left ul li, header .left ul li span { font-size: 14px; text-transform: uppercase; font-weight: 400; color: #0066b3; }
header .left ul li:nth-child(1), header .left ul li:nth-child(1) span { color: #263d75; }
header .left ul li:nth-child(2), header .left ul li:nth-child(2) span { color: #527399; }
header .left ul li:nth-child(3), header .left ul li:nth-child(3) span { color: #6e94ba; }
header .left ul img { height: 35px; width: 35px; position: absolute; top: 0; left: 0; opacity: 1; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; object-fit: contain; display: block; margin-right: 10px; padding: 8px; border: 2px solid #0066b3; }
header.scrolled .left ul img { background: rgba(255,255,255,0.8); }
header .left ul li:nth-child(1) img { border: 2px solid #263d75; }
header .left ul li:nth-child(2) img { border: 2px solid #527399; }
header .left ul li:nth-child(3) img { border: 2px solid #6e94ba; }
header .left ul li span { position: absolute; top: 50%; left: 65px; display: block; vertical-align: middle; text-align: left; opacity: 1; -webkit-transform: translateY(-50%) scaleX(1); -moz-transform: translateY(-50%) scaleX(1); -ms-transform: translateY(-50%) scaleX(1); -o-transform: translateY(-50%) scaleX(1); transform: translateY(-50%) scaleX(1); }
header.scrolled .left ul li span { opacity: 0; -webkit-transform: translateY(-50%) scaleX(0); -moz-transform: translateY(-50%) scaleX(0); -ms-transform: translateY(-50%) scaleX(0); -o-transform: translateY(-50%) scaleX(0); transform: translateY(-50%) scaleX(0); }
header .left ul li:hover, header .left ul li:focus { max-width: 80vw; }
header .left ul li:hover img, header .left ul li:focus img, header .left ul li.active img { background: rgba(255,230,0,0.8); }


/*  quicklinks  */
header .quicklinks { width: 90%; padding: 5px 5%; margin-top: -5px; background: #0066b3; border-top: 2px solid #fff; text-align: center; font-size: 16px; color: #fff; }
header .quicklinks .mod-menu { height: 50px; line-height: 50px; display: inline-block; vertical-align: middle; }
header .quicklinks .mod-menu li { display: inline-block; padding: 0 3px; font-size: 14px; }
header .quicklinks .mod-menu li span { max-width: 0; height: 50px; margin-top: -3px; display: inline-block; vertical-align: middle; overflow: hidden; margin-right: 10px; }
header .quicklinks .mod-menu li:hover span, header .quicklinks .mod-menu li:focus span, header .quicklinks .mod-menu li:active span { max-width: 100%; }
header .quicklinks .mod-menu li:last-child { margin-right: 12px; }
header .quicklinks .mod-menu li:hover, header .quicklinks .mod-menu li:focus, header .quicklinks .mod-menu li a:active { color: #ffe600; }
header .quicklinks .mod-menu a { line-height: 50px; vertical-align: middle; }
header .quicklinks .mod-menu li img { height: 25px; vertical-align: middle; margin: 0 10px 4px 10px; }



header .quicklinks form.mod-finder { line-height: 35px; }
header .quicklinks form.mod-finder .btn  { height: 20px; width: 20px; opacity: 1; border-bottom: none; text-indent: -999px; background-image: url(https://die-spanntechniker.at/templates/bluebox/images/searchButton.gif); background-repeat: no-repeat; background-color: #0066b3; background-size: contain; margin-left: 10px;}
header .quicklinks form.mod-finder .btn:hover { opacity: 0.8; }
#main article .com-finder .btn { background-color: #0066b3; color: white; padding: 5px; border-radius: 5px; text-transform: uppercase; }

header .quicklinks form.mod-finder input { width: 140px; max-width: 140px; background: none !important; -webkit-box-shadow: 0 0 0px 1000px #0066b3 inset; box-shadow: 0 0 0px 1000px #0066b3 inset; margin-left: 10px; color: #fff; -webkit-text-fill-color: #fff !important; font-size: 16px; font-weight: 100; border-bottom: 1px solid rgba(255,255,255,0.5); opacity: 0.85; }





/*
header .quicklinks .search .button { height: 20px; width: 20px; object-fit: stretch; opacity: 1; border-bottom: none; }
header .quicklinks .search .button:hover { opacity: 0.8; }
header .quicklinks .search input { width: 100px; max-width: 100px; background: none !important; -webkit-box-shadow: 0 0 0px 1000px #0066b3 inset;box-shadow: 0 0 0px 1000px #0066b3 inset; margin-left: 10px; color: #fff; -webkit-text-fill-color: #fff !important; font-size: 16px; font-weight: 100; border-bottom: 1px solid rgba(255,255,255,0.5); opacity: 0.85; }
header .quicklinks .search input:-webkit-autofill { width: 100px; max-width: 100px; background: none !important; -webkit-box-shadow: 0 0 0px 1000px #0066b3 inset;box-shadow: 0 0 0px 1000px #0066b3 inset; margin-left: 10px; color: #fff; -webkit-text-fill-color: #fff !important; font-size: 16px; font-weight: 100; border-bottom: 1px solid rgba(255,255,255,0.5); opacity: 0.85; }
header .quicklinks .search input:hover { border-bottom: 1px solid rgba(255,255,255,0.75); }

#offlajn-ajax-search156 { width: auto !important; }
.offlajn-ajax-search-container { width: 195px; -webkit-border-radius: 0; border-radius: 0; background: none !important; padding: 10px 0 0 25px !important; }
.offlajn-ajax-search-inner { position: relative; }
.offlajn-ajax-search-container input, #ajax-search-button156, #ajax-search-button90 { background: none !important; text-shadow: none !important; border: none !important; outline: none !important; box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; }
.offlajn-ajax-search-container input:first-child { width: 175px !important; max-width: 175px !important; color: #fff !important; margin-left: 10px; -webkit-box-shadow: 0 0 0px 1000px #0066b3 inset; box-shadow: 0 0 0px 1000px #0066b3 inset; -webkit-text-fill-color: #fff !important; font-size: 16px !important; font-weight: 100 !important; font-family: 'Lato', sans-serif !important; }
.offlajn-ajax-search-container .offlajn-ajax-search-inner:after { content: ' '; height: 2px; width: 160px; max-width: 100px; display: block; position: absolute; left: 60px; bottom: 0; background: #fff; z-index: +5; opacity: 0.65; }
.offlajn-ajax-search-container.active .offlajn-ajax-search-inner:after { max-width: 160px; left: 0; opacity: 1; }
.magnifier { background: url(../images/searchButton.gif) no-repeat center center !important; -webkit-background-size: contain !important; -moz-background-size: contain !important; background-size: contain !important; }
*/

/*  breadcrumbs  */
header .breadcrumb { height: 75px; width: 100%; color: #000; background: #e6e6e6; }
header .breadcrumb .mod-breadcrumbs__wrapper  { display: table; height: 75px; padding: 0 25px; }
header .breadcrumb .breadcrumb { display:table-cell; vertical-align: middle; height: auto; width: inherit; position: static; }
header .breadcrumb li:first-of-type { display: block; font-size: 14px; font-style: normal; margin-bottom: 4px; }
header .breadcrumb li { display: inline-block; font-size: 12px; line-height: 18px; font-style: italic; padding-right: 10px;}
header .breadcrumb a { position: relative; }
header .breadcrumb .breadcrumb a:after { content: ' '; display: block; height: 1px; width: 100%; max-width: 0; position: absolute; left: 0; bottom: -2px; background: #0066b3; opacity: 0.75; z-index: +1; }
header .breadcrumb .breadcrumb a:hover:after, header .breadcrumb .breadcrumb a:focus:after, header .breadcrumb .breadcrumb a:active:after { max-width: 100%; }
header .breadcrumb .divider { margin: 0 5px; }


/*  slideshow  */
.slider { display: block; height: 400px; position: fixed;  top: 0; left: 0; z-index: -100; overflow: hidden; background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
.slider:before { content: ' '; height: 400px; width: 50%; position: fixed; top: 0; left: 0; z-index: +1; background: none; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='rgba(255,255,255,0)',GradientType=1 ); } 
.slider .container { height: 400px; display: table; position: relative; margin: 0 !important; border: 0 !important; padding: 0 !important; }
.slider .mod-custom { height: 400px; display: table-row; width: 100vw; position: relative; display: block; float: left; margin: 0; padding: 0; text-align: right; vertical-align: bottom; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; -moz-background-size: cover; background-size: cover;}
.slider .mod-custom .logo-box { height: 300px; width: 50vw; padding: 50px 5vw 50px 45vw; display: table-cell; vertical-align: bottom; background-repeat: no-repeat; background-position: center; -webkit-background-size: 100%; -moz-background-size: cover; background-size: cover; }
.slider .mod-custom .logo-box h1 { font-size: 28px; line-height: 35px; }
.slider .mod-custom .logo-box h1, .slider .mod-custom .logo-box h2, .slider .mod-custom .logo-box h3, .slider .mod-custom .logo-box h4, .slider .mod-custom .logo-box h5, .slider .mod-custom .logo-box p { width: 90%; padding: 15px 5%; margin: 0; background: rgba(255,255,255,0.6); border-right: 2px solid #0066b3; }
.slider .mod-custom .logo-box h1:first-child, .slider .mod-custom .logo-box h2:first-child, .slider .mod-custom .logo-box h3:first-child, .slider .mod-custom .logo-box h4:first-child, .slider .mod-custom .logo-box h5:first-child, .slider .mod-custom .logo-box p:first-child { border-top-left-radius: 20px; }
.slider .mod-custom .logo-box h1:last-child, .slider .mod-custom .logo-box h2:last-child, .slider .mod-custom .logo-box h3:last-child, .slider .mod-custom .logo-box h4:last-child, .slider .mod-custom .logo-box h5:last-child, .slider .mod-custom .logo-box p:last-child { border-bottom-left-radius: 20px; }
.slider .mod-custom .logo-box p, .slider .mod-custom .logo-box li { font-size: 14px; color: #000; }
.slider .mod-custom .logo-box img { max-width: 100%; margin-top: -20px; object-fit: contain; }




/*  C O N T E N T  */
header div#content { height: 1px; width: 1px; position: absolute; bottom: 250px; left: 0; }
article .page-header { margin: 0 0 25px 0; padding: 0; }
article .page-header h1 { margin: 0; }
article .icons { display: none !important; visibility: hidden !important; height: 0; padding: 0; }
#main { background: #fff; text-align: center; padding: 25px 0 50px 0; }
#main aside, #main article { display: inline-block; vertical-align: top; text-align: left; } 


/*  aside navigation  */
#main aside { max-width: 0; width: auto; overflow: hidden; position: fixed; z-index: +10; top: 0; right: 0; text-align: right; border-bottom-left-radius: 20px; }

#main aside.visible { max-width: 90vw; -webkit-box-shadow: -10px 10px 25px 0px rgba(0,0,0,0.25); -moz-box-shadow: -10px 10px 25px 0px rgba(0,0,0,0.25); box-shadow: -10px 10px 25px 0px rgba(0,0,0,0.25); }

#main aside > ul { max-width: 90vw; min-width: 90vw; padding: 80px 10px 25px 10px; border-left: 2px solid #0066b3; border-bottom: 2px solid #0066b3; display: table; background: #fff; text-align: left; border-bottom-left-radius: 20px;   margin: 0px 25px 0 0px; height: auto; }

#main aside ul ul, #main aside ul ul ul, #main aside ul li:focus ul ul, #main aside ul li:active ul ul, #main aside ul li.active ul ul { max-height: 0; margin: 0 0 0 10px; height: auto; overflow: hidden; }

#main aside ul li:focus ul, #main aside ul li:active ul, #main aside ul li.active ul, #main aside ul ul li:focus ul, #main aside ul ul li:active ul, #main aside ul ul li.active ul { max-height: 1000px; margin: 0 0 0 10px; height: auto; overflow: hidden; }
#main aside ul ul ul { margin: 3px 0 5px 15px; }
#main aside ul ul ul ul ul { display: none; }
#main aside li { display: block; line-height: 30px; margin: 10px 0 0 0; padding: 0; font-size: 15px; color: #0066b3; text-transform: uppercase; }
#main aside li li { margin: 0 0 0 15px; line-height: 20px; color: #646464; text-transform: none; }
#main aside li li li { font-size: 14px; color: #999; }
#main aside ul li a:hover, #main aside ul li a:focus, #main aside ul li a:active { color: #CCC; }
#main aside ul li:before { content: ''; display: none; }
#main aside ul ul li:before { content: '›'; display: block; padding-top: 1px; }
#main aside ul ul ul ul li:before { content: '-'; display: block; padding-top: 2px; }
#main aside h1, #main aside h2, #main aside h3 { font-size: 16px; font-weight: 100; color: #0066b3; margin: 25px 0 0 0; padding: 0; display: block; text-transform: uppercase; }
#main aside ul img { display: none; height: 0; width: 0; }

#main aside:before { content: "="; line-height: 50px; height: 55px; width: 60px; position: fixed; top: 0; right: 0; z-index: +15; color: #fff; display: inline-block; font-size: 50px; vertical-align: middle; text-align: center; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 2px solid #0066b3; background: #0066b3; margin: 20px; }
#main aside.visible:before { content: ">"; font-size: 35px; line-height: 32px; height: 40px; width: 50px; padding-top: 5px; color: #0066b3; background: none; } 


/*  article  */
#main article { display: block; padding: 0px 20px 25px 20px; } 
#main article .item-page div { margin: 0; }
#main article .item-page div:nth-of-type(2), #main article .item-page div[itemprop="articleBody"] { margin-top: 25px; }
#main article .item, #main article .blog-item { border-top: 2px solid #0066b3; padding-bottom: 40px; }
#main article .item, #main article .items-leading div { border-top: 0px solid #0066b3;}
/*#main article .cols-2:first-child { margin-top: 0; }
#main article .cols-2:nth-child(2) { margin: 75px 0 0 0; }
#main article .cols-2, #main article .column-2 { margin-top: 25px; } */
#main ul ul, #main ol ol { margin: 3px 0 0 0; }
#main ul li { list-style: none; display: block; position: relative; }
#main ol li { list-style-type: decimal; list-style-position: outside; }
#main li { font-size: 14px; font-weight: 100; color: #646464; margin: 4px 0 0 20px; padding: 0; }
#main li li { margin: 1px 0 0 20px; }
#main ul li:before { content: '›'; position: absolute; left: -10px; top: -3px; display: block; color: #999; font-size: 18px; }
#main article img, #main article p img  { width: 44%; height: 30vw; display: inline-block; margin: 25px 3% 0 0; object-fit: cover; overflow: hidden; font-family: 'object-fit: cover;'; z-index: +1; }
#main article a img { margin: 25px 0 0 0; }
#main article p img { margin: 0 3% 0 0; }
#main article p a img { margin: 0; }
#main article img.pull-left, #main article p img.pull-left { width: 44%; height: auto; vertical-align: middle; object-fit: contain; font-family: none; overflow: visible; }
#main article img.pull-right, #main article p img.pull-right { max-height: 80px; height: auto; width: auto; max-width: 225px; object-fit: contain; font-family: none; overflow: visible; }
#main article a { position: relative; }
#main article a:after { content: ' '; display: block; height: 0px; width: 100%; max-width: 100%; padding-left: 3px; position: absolute; left: 0; bottom: 0; background: none; opacity: 0.75; }
#main article a:hover:after, #main article a:focus:after, #main article a:active:after { max-width: 0; padding-left: 0; }

h1, article div.finder legend { font-size: 38px; font-weight: 100; color: #0066b3; margin: 10px 0 50px 0; padding: 0; display: block; line-height: 1em;}
.cols-2 h1 { font-size: 28px; margin: 10px 0 25px 0; }
h2, article div.finder label { font-size: 16px; font-weight: 100; color: #0066b3; margin: 25px 0 0 0; padding: 0; display: block; text-transform: uppercase; }
h3 { font-size: 14px; font-weight: 400; color: #646464; margin: 25px 0 0 0; padding: 0; display: block; }
h4 { font-size: 14px; font-weight: 400; color: #0066b3; margin: 25px 0 -25px 0; padding: 0; display: block; }
h5 { font-size: 14px; font-weight: 400; color: #646464; margin: 25px 0 -25px 0; padding: 0; display: block; }
h6 { font-size: 14px; font-weight: 400; color: #ccc; margin: 25px 0 0 0; padding: 0; display: block; }
p { font-size: 14px; font-weight: 100; color: #646464; margin: 25px 0 0 0; padding: 0; display: block; }


/*  search results  */
#main article #searchForm { margin-top: 15px; }
#main article #searchForm .btn-toolbar button, #main article #searchForm .phrases, #main article #searchForm .only, #main article #searchForm .form-limit, #main article .search-results .result-category { height: 0; width: 0; display: none; visibility: hidden; }
#main article #searchForm .btn-toolbar .btn-group:first-child::before { content: 'Suche nach: '; width: 100%; display: block; font-size: 18px; font-weight: 100; color: #0066b3; }
#main article #searchForm .btn-toolbar #search-searchword { width: 100%; display: block;font-size: 30px; font-weight: 400; color: #0066b3; }
#main article #searchForm .searchintro, #main article #searchForm .searchintro p strong { font-size: 16px; margin-bottom: 50px; font-weight: 100; color: #646464; }
#main article .search-results { margin-bottom: 50px; padding-left: 15px; border-left: 2px solid #0066b3; }
#main article .search-results .result-title { font-size: 22px; margin: 25px 0 12px 0; font-weight: 300; color: #0066b3; }
#main article .search-results .result-title a:after { max-width: 0; padding: 0; margin: 0 0 0 3%; }
#main article .search-results .result-title a:hover:after { max-width: 98%; width: 98%; }
#main article .search-results .result-text { font-size: 14px; margin-bottom: 15px; font-weight: 100; color: #646464; }
#main article .search-results .result-created { color: #999; font-style: italic; }


/*  modules  */
#main article .moduletable { width: auto; display: inline-table; }
#main article .module ul#image { display: none !important;}

/*  module custom  */
#main article .mod-custom { width: 38vw; margin: 25px 2vw 0 2vw !important; padding: 0 0 10px 0!important; vertical-align: top; background: #0066b3; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; }
#main article .mod-custom h1, #main article .mod-custom h2, #main article .mod-custom h3, #main article .mod-custom h4, #main article .mod-custom h5, #main article .mod-custom h6, #main article .mod-custom p, #main article .mod-custom li { line-height: normal; color: #fff; margin: 0 10px 15px 10px !important; text-transform: none; }
#main article .mod-custom h1, #main article .mod-custom h2 { font-size: 18px; text-transform: none; }
#main article .mod-custom h3, #main article .mod-custom h4 { font-size: 14px; font-weight: 400; font-style: normal; text-transform: none; }
#main article .mod-custom p:before { content: '>>'; margin: 0 -2px 15px 2px; font-size: 14px; line-height: 10px; font-weight: 100; -webkit-transform: scaleX(3) rotate(90deg); -moz-transform: scaleX(3) rotate(90deg); -ms-transform: scaleX(3) rotate(90deg); -o-transform: scaleX(3) rotate(90deg); transform: scaleX(3) rotate(90deg); display: block; letter-spacing: -2px; opacity: 1; }
#main article .mod-custom p { max-height: 15px; margin: 0 10px 5px 10px !important; overflow: hidden !important; font-size: 12px; }
#main article .mod-custom:hover p, #main article .mod-custom:focus p, #main article .mod-custom:active p { max-height: 500px; margin: -20px 10px 5px 10px !important; }
#main article .mod-custom:hover p:before, #main article .mod-custom:focus p:before, #main article .mod-custom:active p:before { opacity: 0; }
#main article .mod-custom img, #main article .mod-custom p img { max-height: 125px; min-height: 150px; height: auto; min-width: 100%; width: 100%; margin: 0 0 15px 0; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; }
#main article .mod-custom img:hover, #main article .mod-custom img:focus, #main article .mod-custom img:active { max-height: 300px; min-height: 175px; }
#main article .mod-custom a:hover, #main article .mod-custom a:focus, #main article .mod-custom a:active { text-decoration: underline; }
#main article .mod-custom a:after { content: ''; display: none; }


/*  content nav  */
#main article .mod-menu:first-of-type h2, #main article .mod-menu:first-of-type h3 { margin: 25px 0 0 0; }
#main article .mod-menu h2, #main article .mod-menu h3 { font-size: 16px; font-weight: 100; font-style: italic; color: #646464; margin: 50px 0 0 0; padding: 0; display: block; text-transform: uppercase; }
#main article .nav { width: 100%; margin: 8px 0 0 0; padding: 0; background: none; border-radius: 0; }
#main article .nav li { width: 42vw; display: inline-block; margin: 10px 2vw 10px 0; padding: 0; vertical-align: top; font-size: 18px; text-align: center; -webkit-border-radius: 20px; border-radius: 20px; }
#main article .nav li:nth-of-type(even) { margin: 10px 0; }
#main article .nav li:nth-of-type(odd) { margin: 10px 5vw 10px 0; }
#main article .nav li:nth-of-type(odd):last-child { margin: 10px 47vw 10px 0; }
#main article .nav li:before { content: ''; display: none; }
#main article .nav li a { width: 100%; }
#main article .nav li img { margin: 0 0 -4px 0; padding: 0; object-fit: cover; max-width: 100%; width: 100%; min-height: 100%; }
#main article .nav li span { width: 80%; display: block; vertical-align: middle; padding: 15px 10%; margin: 0; min-height: 76px; background: #0066b3; color: #fff; font-size: 16px; font-weight: 100; text-align: center; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }
#main article .nav li:hover span { background: #0066b3; }
#main article .nav a:hover { text-decoration: none; }

#main article #image li { vertical-align: top; }
#main article #image li img { max-height: 0; min-height: 0; opacity: 0;  object-fit: cover; max-width: 100%; }
#main article #image li:hover img { max-height: 200px; min-height: 25px; opacity: 1; }
#main article #image li span { min-height: 1px; font-size: 18px; margin: -20px 0 0 0; position: relative; z-index: +1; -webkit-border-radius: 20px; border-radius: 20px; }
#main article #image li:hover span { margin: 0; -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px; }




/*  F O O T E R  */
footer { width: 100%; background: #fff; padding-top: 75px; font-size: 13px; color: #fff; }
footer h1 { font-size: 16px; font-weight: 100; color: #fff; margin: 0 0 5px 0; text-transform: uppercase; }
footer h2, footer h3, footer h4 { font-size: 14px; font-weight: 400; color: #fff; margin: 2px 0 5px 0; text-transform: none; }
footer p { font-size: 13px; color: #fff; margin: 0; } 
footer a { position: relative; }
footer a:after { content: ' '; display: block; height: 1px; width: 100%; max-width: 100%; padding-left: 3px; position: absolute; left: 0; bottom: 0; background: #646464; opacity: 1; z-index: +1; }
footer a:hover:after, footer a:focus:after, footer a:active:after { max-width: 0; padding-left: 0; }


/*  footer  */
.footer { display: block; width: auto; max-width: 90%; padding: 0 0 0 50px; margin: 0 50px 0 0; background: #0066b3; border-top-right-radius: 20px; border-bottom-right-radius: 20px; text-align: justify; text-align-last: justify; }
.footer .mod-custom { display: none; }
.footer .mod-custom:nth-of-type(1) { display: inline-block; padding: 25px 0 25px 0; vertical-align: bottom; text-align: left; text-align-last: left; }
.footer img.logo { height: auto; width: 200px; vertical-align: top; margin: -90px 0 0 -190px; } 
.footer a:after { background: #fff; }


/*  footnote  */
.footnote { width: 100%; margin: 75px 0 10px 0; text-align: right; color: #646464; }
.footnote:after { content: ' '; width: 100%; height: 1px; }
.footnote h1, .footnote h2 { margin: 0 25px 0 0; font-weight: 400; color: #646464; font-size: 12px; }
.footnote h3, .footnote h4, .footnote h5, .footnote p, .footnote li { margin: 0 25px 0 0; color: #646464; font-size: 12px; display: inline-block; }
.footnote a:after { padding: 0; }