html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
}
ol, ul {
list-style: none;
}
blockquote {
quotes: none;
}
blockquote:before, blockquote:after {
content: none;
}
del {
text-decoration: line-through;
}
table {
border-spacing: 0;
}
a img {
border: none;
}
img {
vertical-align: middle;
}
a {
color: #a20023;
}
a:hover {
color: #a20023;
}  @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-regular.eot); src: local(''),
url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-regular.woff2) format('woff2'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-regular.woff) format('woff'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-regular.ttf) format('truetype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-regular.svg#Merriweather) format('svg'); } @font-face {
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
src: url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-700.eot); src: local(''),
url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-700.eot?#iefix) format('embedded-opentype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-700.woff2) format('woff2'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-700.woff) format('woff'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-700.ttf) format('truetype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/merriweather-v30-latin-700.svg#Merriweather) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-300.eot); src: local(''),
url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-300.eot?#iefix) format('embedded-opentype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-300.woff2) format('woff2'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-300.woff) format('woff'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-300.ttf) format('truetype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-300.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-regular.eot); src: local(''),
url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-regular.eot?#iefix) format('embedded-opentype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-regular.woff2) format('woff2'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-regular.woff) format('woff'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-regular.ttf) format('truetype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-regular.svg#Roboto) format('svg'); } @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-500.eot); src: local(''),
url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-500.eot?#iefix) format('embedded-opentype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-500.woff2) format('woff2'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-500.woff) format('woff'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-500.ttf) format('truetype'), url(//www.isop.at/wp-content/themes/isop2020/fonts/roboto-v30-latin-500.svg#Roboto) format('svg'); } html {
scroll-behavior: smooth;
}
body {
background:#ededed;
font-size:1em;
line-height:1.7em;
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: 'Roboto', sans-serif;
}
strong, b {
}
h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.2;
font-family: 'Merriweather', serif;
}
h1 {
font-size: 2rem;
padding-bottom:0.25rem;
margin-bottom: 0.75rem;
}
h2 {
font-size: 1.625rem;
margin: 1rem 0 0.75rem 0;
}
h3 {
font-size: 1.375rem;
margin: 1rem 0 0.75rem 0;
}
h4 {
font-size: 1.25rem;
margin: 1rem 0 0.75rem 0;
}
h5 {
font-size: 1.125rem;
margin: 1rem 0 0.75rem 0;
}
hr {
width:100%;
clear: both;
height: 0;
padding-bottom: 1.5rem;
margin-bottom: 1.5rem;
border-width: 0 0 12px 0;
border-style: dotted;
border-color: rgba(0,0,0,.1);
border-image-source: url(//www.isop.at/wp-content/themes/isop2020/images/punkte.svg);
border-image-slice: 33% 33%;
border-image-repeat: round;
}
hr.thin {
border-width: 0 0 1px 0;
border-style: solid;
border-color: rgba(0,0,0,.5);
border-image-source: none;
}
img {
max-width: 100%;
height: auto;
}
.color1 {
color: rgba(162, 0, 35, 1);
color:#a20023; }
.color2 {
color:#ededed; }
.space-top {
padding-top:1.5rem;
}
.meldung {
border: solid 1px rgba(162, 0, 35, 1);
border-radius: 10px;
background: rgba(162, 0, 35, .2);
padding: .75rem;
font-size: 1.125rem;
line-height: 1.2;
margin: 0 0 1.5rem 0;
}
.uppercase {
text-transform: uppercase;
}
.center {
text-align: center;
} .header-center,
.content-center,
.footer-center{
min-width:18rem;
width: 90%;
margin:0 5%;
} @media screen and (min-width: 66.66rem) {
.header-center,
.content-center,
.footer-center {
width: 60rem;
margin:0 auto;
}
} .isop-sites {
background:#ededed;
position: relative;
}
.isop-sites:after {
display:block;
content:'';
width: 100%;
height: .375rem;
bottom:0;
position: absolute;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.1) 100%);
}
.isop-sites-center{
min-width:18rem;
width: 90%;
margin:0 5%;
} @media screen and (min-width: 66.66rem) {
.isop-sites-center {
width: 60rem;
margin:0 auto;
}
}
.isop-sites-nav {
display:flex;
justify-content: space-between;
}
.isop-sites-nav a {
color:#333;
text-decoration: none;
font-size:.75rem;
}
@media screen and (min-width: 30rem) {
.isop-sites-nav a {
font-size:.9375rem;
}
}
.isop-sites-nav a:hover {
color:#a20023;
}
.isop-sites-nav li {
position: relative;
z-index: 9;
padding:.25rem 0;
}
.isop-sites-nav li ul {
display:none;
position: absolute;
top:2.25rem;
}
.isop-sites-nav li:hover ul {
display:block;
}
.isop-sites-nav li:after {
position: absolute;
bottom:0;
display:block;
width: 100%;
height: 7px;
content:'';
background:url(//www.isop.at/wp-content/themes/isop2020/images/headernav-0.png) no-repeat center center;
background-size: auto 100%;
z-index: 7;
}
.isop-sites-nav li:hover:after {
background:url(//www.isop.at/wp-content/themes/isop2020/images/headernav-1.png) no-repeat center center;
background-size: auto 100%;
}
.isop-sites-nav li:nth-child(1):after {
height: 14px;
bottom:-7px;
background:url(//www.isop.at/wp-content/themes/isop2020/images/headernav-2.png) no-repeat center center;
background-size: auto 100%;
}
.isop-sites-nav li ul  {
text-align: center;
background: #fff;
width: 200px;
border-right: solid 1px #aaa;
border-left: solid 1px #aaa;
border-bottom: solid 1px #aaa;
left:-30px;
}
.isop-sites-nav li ul li:after {
display:none;
}
.isop-sites-nav li ul li a {
display: inline-block;
width: 100%;
} .site-header {
background:#fff;
}
.header-image {
text-align: center;
padding: 1.5rem 0 2rem 0;
}
.header-image-tile {
background: #ccc;
}
.header-image-center {
min-width:18rem;
width: 90%;
margin:0 5%;
}
.header-image-logo {
background: rgb(229,229,229);
width: 10rem;
height:5rem;
transition: .2s;
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(229,229,229,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(229,229,229,1) 100%);
}
.header-image-logo:hover {
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(229,229,229,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(229,229,229,1) 100%);
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 85%,rgba(229,229,229,1) 100%);
}
.header-logo a {
display: block;
text-decoration:none;
}
.header-image-center {
width: 100%;
position: relative;
}
.header-image-tile {
background: #ccc url(//www.isop.at/wp-content/themes/isop2020/images/header-tile-640.jpg) repeat top center;
background-size: auto 100%;
}
.header-icon {
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon0.png) repeat top center;
background-size: cover;
width: 4rem;
height: 4rem;
left: 52%;
top:.5rem;
position: absolute;
}
body.parent-pageid-2686 .header-icon,
body.parent-pageid-26677 .header-icon{
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon1.png) repeat top center;
background-size: cover;
}
body.page-id-26667 .header-icon {
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon2.png) repeat top center;
background-size: cover;
}
body.page-template-page-angebote .header-icon,
body.parent-pageid-9 .header-icon,
body.single-projekt .header-icon {
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon3.png) repeat top center;
background-size: cover;
}
body.blog .header-icon
body.single-post .header-icon {
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon4.png) repeat top center;
background-size: cover;
}
body.page-id-11 .header-icon ,
body.parent-pageid-11 .header-icon,
body.single-buch .header-icon{
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon5.png) repeat top center;
background-size: cover;
}
body.page-id-2693 .header-icon {
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon6.png) repeat top center;
background-size: cover;
}
body.page-id-1381 .header-icon,
body.page-id-27725 .header-icon,
body.single-give_forms .header-icon,
body.page-id-108 .header-icon,
body.page-id-500 .header-icon{
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-icon7.png) repeat top center;
background-size: cover;
}
@media screen and (min-width: 40rem) {
.header-image-logo {
width: 15rem;
height:7.5rem;
transition: .2s;
}
.header-image-tile {
background: #ccc url(//www.isop.at/wp-content/themes/isop2020/images/header-tile-900.jpg) repeat top center;
background-size: auto 100%;
}
.header-icon {
width: 5.5rem;
height: 5.5rem;
left: 58%;
top:1rem;
}
}
@media screen and (min-width: 56.66rem) {
.header-image-center {
width: 60rem;
margin:0 auto;
height: 7.5rem;
position: relative;
}
.header-image-tile {
background: #ccc url(//www.isop.at/wp-content/themes/isop2020/images/header-tile-wide.jpg) repeat top center;
background-size: auto 100%;
}
.header-icon {
width: 5.5rem;
height: 5.5rem;
left: 64.5%;
top:1rem;
}
}
.header-image-home {
display: flex;
align-items: stretch;
}
.header-image-left,
.header-image-right {
flex-grow:1;
}
.header-image-left {
background: #999999 url(//www.isop.at/wp-content/themes/isop2020/images/header-home-left.jpg) no-repeat center center;
background-size: cover;
}
.header-image-right {
background: #999999 url(//www.isop.at/wp-content/themes/isop2020/images/header-home-right.jpg) no-repeat center center;
background-size: cover;
}
.header-image-middle {
flex: 0 0 90%;
}
@media screen and (min-width: 22.222rem) {
.header-image-left {
background: #999999 url(//www.isop.at/wp-content/themes/isop2020/images/header-home1.jpg) no-repeat center center;
background-size: cover;
}
.header-image-right {
background: #999999 url(//www.isop.at/wp-content/themes/isop2020/images/header-home2.jpg) no-repeat center center;
background-size: cover;
}
.header-image-middle {
flex: 0 0 20rem;
}
}
@media screen and (min-width: 66.666rem) {
.header-image-left {
background: #999999 url(//www.isop.at/wp-content/themes/isop2020/images/header-home-left.jpg) no-repeat center center;
background-size: cover;
}
.header-image-right {
background: #999999 url(//www.isop.at/wp-content/themes/isop2020/images/header-home-right.jpg) no-repeat center center;
background-size: cover;
}
.header-image-left,
.header-image-right {
flex-grow:1;
}
.header-image-middle {
flex: 0 0 60rem;
text-align: left;
background: url(//www.isop.at/wp-content/themes/isop2020/images/header-home-middle.jpg) no-repeat center right;
background-size: auto 100%;
}
} .main-navigation {
width:100%;
position: relative;
}
.main-navigation input {
display: none;
}
.main-navigation li a{
text-decoration: none;
color:#000;
font-weight: 600;
font-family: 'Merriweather', serif;
}
.main-navigation li a:hover {
color: #a20023;
}
.main-navigation li.current_page_item > a {
font-weight: 700;
color:#a20023;
}
body.single-post .main-navigation #menu-item-26242 > a,
body.page-template-page-angebote-bildung .main-navigation #menu-item-26243 > a,
body.page-template-page-angebote-beratung .main-navigation #menu-item-26243 > a,
body.page-template-page-angebote-beschaeftigung .main-navigation #menu-item-26243 > a,
body.page-template-page-angebote-jugend .main-navigation #menu-item-26243 > a,
body.page-template-page-angebote-kultur .main-navigation #menu-item-26243 > a,
body.single-projekt .main-navigation #menu-item-26243 > a{
font-weight: 700;
color:#a20023;
}
@media screen and (max-width: 49.999em) {
.main-navigation label {
position: absolute;
top: -6.5rem;
right: 1.5rem;
height: 1.5rem;
width: 2rem;
z-index: 5;
}
.main-navigation input + label span {
position: absolute;
width: 100%;
height: 0.25rem;
top: 50%;
left: 0;
display: block;
background: #000;
transition: .4s;
}
.main-navigation input + label span:first-child {
top: 0;
}
.main-navigation input + label span:last-child {
top: 100%;
}
.main-navigation body label:hover {
cursor: pointer;
}
.main-navigation input:checked + label span {
opacity: 0;
top: 50%;
}
.main-navigation input:checked + label span:first-child {
opacity: 1;
transform: rotate(45deg);
}
.main-navigation input:checked + label span:last-child {
opacity: 1;
transform: rotate(-45deg);
}
.main-navigation .after-checkbox {
background: #fff;
position: absolute;
left:0;
top:-2rem;
display:none;
z-index: 4;
width: 100%;
padding-bottom:1.5rem;
}
.main-navigation input:checked ~ .after-checkbox {
display:block;
border-bottom: solid 1px rgba(0,0,0,0.3);
}
.main-navigation ul  {
padding: 1em 0;
}
.main-navigation ul li {
padding: 0.25em 1.5em;
font-size:1.25rem;
}
.main-navigation ul li ul{
padding: .25em 0;
}
.main-navigation ul li ul li{
padding: 0.125em 1.5em;
font-size:1rem;
}
.main-navigation ul li ul li a{
font-family: 'Roboto', sans-serif;
font-weight: normal;
}
}
@media screen and (max-width: 40em) {
.main-navigation label {
top: -5.375rem;
}
}
@media screen and (min-width: 50em) {
.main-navigation nav > ul{
display:flex;
width:100%;
padding-bottom:4rem;
justify-content: space-between;
}
.main-navigation nav > ul > li {
flex-grow:1;
}
.main-navigation nav > ul > li > a{
display: block;
text-align:center;
padding: 1rem 0;
line-height: 1;
font-size: 1.25rem;
position: relative;
height:1.5rem;
}
.main-navigation nav > ul > li > a:after{
position:absolute;
display: block;
width:.4375rem;
height:2rem;
content:'';
background: url(//www.isop.at/wp-content/themes/isop2020/images/nav-punkte.svg) no-repeat center center;
background-size: 100% auto;
top:.5rem;
right:-.25rem;
}
.main-navigation nav > ul > li:last-child > a:after{
display: none;
}
.main-navigation ul li ul{
display: none;
position: absolute;
top: 2.5rem;
left:0;
justify-content: space-between;
background:#fff;
border-top: none;
}
.main-navigation ul li:hover ul{
display: block;
z-index:6;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding:.5rem 5%;
background:#fff;
-webkit-box-shadow: 0 12px 10px 0 rgba(0,0,0,0.1);
box-shadow: 0 12px 10px 0 rgba(0,0,0,0.1);
}
.main-navigation ul li.current-menu-ancestor ul,
.main-navigation ul li.current-menu-item ul,
.main-navigation ul li.current-menu-item:hover ul{
position: absolute;
top: 3.5rem;
left:0;
width:100%;
justify-content: space-between;
background:#fff;
display: flex;
border-top: 1px solid #ccc;
border-right: none;
border-bottom: none;
border-left: none;
z-index:5;
padding:0;
box-shadow: none;
}
body.parent-pageid-2686 .main-navigation ul li.current-menu-ancestor > a:before,
body.page-id-9 .main-navigation ul li.current_page_item > a:before,
body.parent-pageid-9 .main-navigation ul li.current-menu-ancestor > a:before,
body.page-id-11 .main-navigation ul li.current_page_item > a:before,
body.parent-pageid-11 .main-navigation ul li.current-menu-ancestor > a:before {
position:absolute;
display: block;
width:100%;
height:.75rem;
content:'';
background: url(//www.isop.at/wp-content/themes/isop2020/images/nav-pfeil.svg) no-repeat center center;
background-size: auto 100%;
bottom:-1px;
right:0;
z-index: 6;
}
.main-navigation ul li ul li.current-menu-ancestor > a:before,
.main-navigation ul li ul li.current_page_item > a:before,
.main-navigation ul li ul li.current-menu-ancestor > a:before {
display: none;
}
.main-navigation nav > ul > li {
position:relative;
}
.main-navigation nav > ul > li.current-menu-ancestor,
.main-navigation nav > ul > li.current_page_item,
.main-navigation nav > ul > li.current-menu-ancestor{
position:inherit;
}
.main-navigation ul li ul li{
padding-top:.5rem;
flex-grow: 1;
text-align: center;
}
.main-navigation ul li ul li a{
font-weight: 300;
font-size: 1rem;
}
} section.homeinfo {
display:flex;
flex-direction: column;
}
.homeinfo h1 {
margin:0 0 .25rem 0;
padding:0;
font-size:1.25rem;
font-family: 'Roboto', sans-serif;
}
@media screen and (min-width: 50em) {
section.homeinfo {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.homeinfo-links {
flex: 0 0 48%;
}
.homeinfo-links p:last-child{
padding:0;
}
.homeinfo-rechts {
flex: 0 0 50%;
}
} section.newsbereich {
display:flex;
flex-direction: column-reverse;
}
section.newsbereich-unterseite {
flex-direction: column;
}
@media screen and (min-width: 50em) {
section.newsbereich {
flex-direction: row-reverse;
}
section.newsbereich-unterseite {
flex-direction: row;
}
.newsbereich-links {
flex-grow: 1;
padding-right:1.5rem;
}
.newsbereich-rechts {
flex: 0 0 15rem;
}
}
.newsliste-bild {
padding-bottom:.25rem;
}
.newsliste-bild-space {
width:100%;
height:0;
padding-bottom:45%;
position: relative;
background: rgba(0,0,0,.1);
}
.newsliste-bild-inner{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
display: block;
}
.newsliste-bild-inner a:hover{
box-shadow:inset 0 0 10px 0 rgba(0,0,0,.5);
}
.newsliste-text {
padding-bottom:3rem;
}
.newsliste-datum {
font-size:.75rem;
color: rgba(0,0,0,.7);
line-height:1;
border-bottom: solid 1px rgba(0,0,0,.1);
margin: 0 0 .125rem 0;
padding: .25rem 1.5rem;
}
.newsliste-text h3 {
margin:0;
line-height: 1.5;
}
.newsliste-text h3 a{
text-decoration: none;
}
.newsliste-text h3 a:hover{
text-decoration: underline;
}
.newsliste .tag{
margin-top:.375rem;
}
.newsliste .tag a{
display:inline-block;
font-size:.75rem;
line-height: 1.1;
color:#000;
text-decoration: none;
padding:.25rem .5rem;
margin-right:.25rem;
background:rgba(0,0,0,.1);
border-right: .5em;
}
.newsliste .tag a:hover{
background:rgba(0,0,0,.3);
}
@media screen and (min-width: 35em) {
.newsliste li {
display: flex;
width: 100%;
}
.newsliste-bild {
flex: 15rem 0 0;
padding-bottom:2rem;
}
.newsliste-bild-space {
padding-bottom:60%;
}
.newsliste-text {
flex-grow:1;
padding-left:2rem;
}
.newsliste-datum {
border-top: solid 1px rgba(0,0,0,.2);
border-bottom: solid 1px rgba(0,0,0,.2);
margin: 0 0 .5rem 0;
padding: .25rem 1.5rem;
}
} .news-bild {
display: flex;
justify-content:center;
padding-bottom:1rem;
}
.news-bild figure{
margin:0;
}
.news-bild figcaption{
text-align:right;
padding-right:.75rem;
line-height: 1.3;
font-size:.625rem;
color: rgba(0,0,0,0.4);
}
h1.news-titel {
font-size:1.75rem;
line-height: 1.4;
color:#a20023;
margin-bottom:1rem;
}
@media screen and (min-width: 4em) {
h1.news-titel {
font-size:2.25rem;
}
}
.news-datum {
font-size:.75rem;
color: rgba(0,0,0,.7);
line-height:1;
border-top: solid 1px rgba(0,0,0,.2) ;
border-bottom: solid 1px rgba(0,0,0,.2) ;
margin: 1rem 0 1rem 0;
padding: .5rem 1.5rem;
}
.news-datum ul,
.news-datum li {
display:inline-block;
}
.news-datum a {
color: rgba(0,0,0,.7);
}
.news-datum a:hover {
color: rgba(0,0,0,1);
}
.news-vorspann {
font-weight: bold;
font-size: 1.125rem;
margin: .5rem 0;
} .pagination a,
.pagination span {
display:inline-block;
font-size:1rem;
line-height: 1.1;
color:#000;
text-decoration: none;
padding:.5rem .75rem;
margin-right:.25rem;
background:rgba(0,0,0,.1);
border-right: .5em;
}
.pagination span.current{
background:rgba(0,0,0,.5);
font-weight: bold;
color:#fff;
}
.pagination .dots{
background:#fff;
}
.pagination a:hover{
background:#a20023;
color:#fff;
}
.pagination .screen-reader-text{
display:none;
}
.pagination .nav-links > div{
display:inline-block;
} .block-rechts {
background-color: rgba(0,0,0,.1);
padding:1rem;
margin-bottom:.75rem;
}
.block-rechts a{
text-decoration: none;
color:#000;
}
.block-rechts a:hover strong
.block-rechts h3 a:hover{
color:#a20023;
}
.block-rechts-bild {
padding:0;
}
.block-rechts h2{
color: rgba(162, 0, 35, .6);
font-family: 'Roboto', sans-serif;
font-weight: normal;
font-size:1.5rem;
margin:0;
padding:0;
}
.weitere-termine {
border-top: dotted 2px #fff;
margin-top:.375rem;
padding-top:.125rem;
}
.weitere-termine a{
color: rgba(162, 0, 35, .8);
}
.weitere-termine a:hover{
color: rgba(162, 0, 35, 1);
text-decoration: underline;
} .site-main {
min-height: 15rem;
padding-bottom:2rem;
}
.page-content {
background: #fff;
}
h1.page-titel {
font-size:1.75rem;
line-height: 1.4;
color:#a20023;
margin-bottom:1rem;
}
h1.page-titel span{
font-size:1.25rem;
font-family: 'Roboto', sans-serif;
font-weight: normal;
color:#000;
}
.page-content p {
padding-bottom:1rem;
}
section.partner {
}
section.partner h3{
font-size:1.5rem;
text-align: center;
}
@media screen and (min-width: 45em) {
.content-schmal{
width:40rem;
margin:0 auto;
}
}
.content ul {
list-style: none;
margin-bottom: .75rem;
}
.content ul li {
list-style: none;
background: url(//www.isop.at/wp-content/themes/isop2020/images/liste.gif) no-repeat 0px 7px;
margin-bottom: 1rem;
padding-left: 20px;
margin-left: 10px;
}
.pressespiegel td {
padding: .5rem 1rem .5rem 0;
border-bottom:solid 1px #ccc;
}
.pressespiegel tr:first-child td {
border-top:solid 1px #ccc;
} .fotogalerie ul {
display:flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
}
.fotogalerie li{
flex: 0 0 48%;
margin-bottom:0.75rem;
}
.fotogalerie li img{
max-width: 100%;
height: auto;
}
@media screen and (min-width: 25em) {
.fotogalerie li{ flex: 0 0 32%;}
}
@media screen and (min-width: 35em) {
.fotogalerie li{ flex: 0 0 24%;}
}
@media screen and (min-width: 45em) {
.fotogalerie li{ flex: 0 0 19%;}
} .karte-center{
font-size:5vw;
}
@media screen and (min-width: 33.333em) {
.karte-center {
width: 30rem;
margin: 0 auto;
font-size:1.7rem;
}
}
@media screen and (min-width: 50em) {
.karte-center {
width: 100%;
font-size:2.5vw;
}
}
@media screen and (min-width: 66.6666em) {
.karte-center {
font-size:1.625rem;
}
} .stmk-home {
width:100%;
height:0;
position: relative;
padding-bottom:69.5%;
}
.stmk-home > div{
position: absolute;
top:0;
left:0;
font-weight: bold;
}
.stmk-home > div a{
color: #000;
text-decoration: none;
}
.stmk-home > div a:hover{
color: #a20023;
}
.stmk-home .ort1{ top:35%; left:40%;}
.stmk-home .ort2{ top:70%; left:40%; font-size: .875em;}
.stmk-home .ort3{ top:64%; left:82%; font-size: .875em;}
.stmk-home .ort4{ top:55%; left:78%;}
.stmk-home .ort5{ top:50%; left:61%; font-size: 1.375em;}
.stmk-home .ort6{ top:25%; left:50%;}
.stmk-home .ort7{ top:15%; left:60%; font-size: .875em;}
.stmk-home .ort8{ top:80%; left:50%;}
.stmk-home .ort9{ top:20%; left:20%;}
.stmk-home .ort10{ top:85%; left:75%; font-size: .75em;}
.stmk-home .ort11{ top:60%; left:45%; font-size: .875em;}
.stmk-home .karte{
width:100%;
height: 100%;
background: url(//www.isop.at/wp-content/themes/isop2020/images/steiermarkkarte.png) no-repeat center center;
background-size:cover;
opacity: .5;
} .stmk-unterseite {
width:100%;
height:0;
position: relative;
padding-bottom:69.5%;
}
.stmk-unterseite > div{
position: absolute;
top:0;
left:0;
font-weight: bold;
line-height: 1.2;
}
.stmk-unterseite > div a{
color: #000;
text-decoration: none;
text-align: center;
font-size: 2vw;
}
@media screen and (min-width: 50em) {
.stmk-unterseite > div a{
font-size: 1rem;
}
}
.stmk-unterseite > div a span{
display: block;
margin: 0 auto;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: #a20023 url(//www.isop.at/wp-content/themes/isop2020/images/punkt.png)no-repeat center center;
background-size: cover;
clear: both;
}
.stmk-unterseite > div:nth-child(6) a span{
width: 2.5rem;
height: 2.5rem;
}
.stmk-unterseite > div a:hover{
color: #a20023;
}
.stmk-unterseite > div a:hover span{
background: red url(//www.isop.at/wp-content/themes/isop2020/images/punkt.png)no-repeat center center;
background-size: cover;
}
.stmk-unterseite .ort1{ top:35%; left:50%;}
.stmk-unterseite .ort2{ top:77%; left:53%;}
.stmk-unterseite .ort3{ top:69%; left:84%;}
.stmk-unterseite .ort4{ top:57%; left:77%;}
.stmk-unterseite .ort5{ top:60%; left:69%;}
.stmk-unterseite .ort6{ top:28%; left:59%;}
.stmk-unterseite .ort7{ top:22%; left:70%;}
.stmk-unterseite .ort8{ top:87%; left:68%;}
.stmk-unterseite .ort9{ top:21%; left:25%;}
.stmk-unterseite .ort10{ top:85%; left:81%;}
.stmk-unterseite .ort11{ top:59%; left:53%;}
.stmk-unterseite .karte{
width:100%;
height: 100%;
background: url(//www.isop.at/wp-content/themes/isop2020/images/steiermark-regionen.png) no-repeat center center;
background-size:cover;
opacity: .5;
}
section.regionen {
}
.regionen-listen > div:nth-child(2) h3 {
font-size: 1.125rem;
}
@media screen and (min-width: 30em) {
.regionen-listen {
display:flex;
justify-content: space-between;
align-items: stretch;
}
.regionen-listen > div:nth-child(1) {
flex: 0 0 55%;
}
.regionen-listen > div:nth-child(2) {
flex: 0 0 35%;
background-color: rgba(0,0,0,.1);
padding:.5rem 1rem;
}
.regionen-listen > div:nth-child(2) h3 {
margin: 0 0 .5rem 0;
font-size: 1.125rem;
}
.regionen-karte {
margin-top:1rem;
}
}
@media screen and (min-width: 50em) {
section.regionen {
display:flex;
}
.regionen-listen {
flex: 0 0 30%;
flex-direction: column;
}
.regionen-listen > div {
flex: 0 0 90%;
}
.regionen-listen > div:nth-child(2) {
margin-top:1rem;
background-color: rgba(0,0,0,0);
padding:.5rem;
}
.regionen-karte {
flex-grow: 1;
margin:0;
}
}
.regionen-liste1 ul {
border-top: rgba(0,0,0,.3) solid 1px;
}
.regionen-liste1 li {
border-bottom: rgba(0,0,0,.3) solid 1px;
}
.regionen-liste1 li a{
display:block;
font-size: 1rem;
padding: .125rem .5rem .125rem .5rem;
font-family: 'Merriweather', serif;
text-decoration: none;
color: #000;
}
.regionen-liste1 li a:hover{
background: rgba(0,0,0,.1);
color:#a20023;
}
.regionen-liste2 a{
color: #000;
}
.regionen-liste2 a:hover{
color:#a20023;
} .kategorienliste {
margin-bottom: 1rem;
}
.kategorienliste li{
margin-bottom: .75rem;
background: rgba(0,0,0,.1);
}
.kat-bild{
transition: .2s;
width: 100%;
height: 0;
position: relative;
padding-bottom:20%;
}
.kat-overlay{
width: 100%;
height: 100%;
top:0;
left:0;
position: absolute;
transition: .2s;
}
.kat-bild a{
width: 100%;
height: 100%;
top:0;
left:0;
position: absolute;
display: flex;
align-items: center;
text-decoration: none;
}
.kat-bild a span{
display:block;
width: 100%;
color:#fff;
text-align: center;
font-weight: bold;
font-size:1.5rem;
font-family: 'Merriweather', serif;
text-shadow: 0 0 5px rgba(0,0,0,.5);
text-decoration: none;
}
.kat-bild a:hover span{
text-shadow: 0 0 7px rgba(0,0,0,.7);
}
.kat1 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat1-hg.jpg) no-repeat center center;
background-size: 100% auto;
}
.kat1 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat1-hg.jpg) no-repeat center center;
background-size: 120% auto;
}
.kat2 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat2-hg.jpg) no-repeat center center;
background-size: 100% auto;
}
.kat2 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat2-hg.jpg) no-repeat center center;
background-size: 120% auto;
}
.kat3 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat3-hg.jpg) no-repeat center center;
background-size: 100% auto;
}
.kat3 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat3-hg.jpg) no-repeat center center;
background-size: 120% auto;
}
.kat4 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat4-hg.jpg) no-repeat center center;
background-size: 100% auto;
}
.kat4 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat4-hg.jpg) no-repeat center center;
background-size: 120% auto;
}
.kat5 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat5-hg.jpg) no-repeat center center;
background-size: 100% auto;
}
.kat5 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat5-hg.jpg) no-repeat center center;
background-size: 120% auto;
}
.kat1 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat1-overlay.png) no-repeat center center;
background-size: auto 120% ;
}
.kat1 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat1-overlay.png) no-repeat center center;
background-size: auto 150% ;
}
.kat2 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat2-overlay.png) no-repeat center center;
background-size: auto 120%;
}
.kat2 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat2-overlay.png) no-repeat center center;
background-size: auto 150%;
}
.kat3 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat3-overlay.png) no-repeat center center;
background-size: auto 120%;
}
.kat3 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat3-overlay.png) no-repeat center center;
background-size: auto 150%;
}
.kat4 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat4-overlay.png) no-repeat center center;
background-size: auto 120%;
}
.kat4 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat4-overlay.png) no-repeat center center;
background-size: auto 150%;
}
.kat5 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat5-overlay.png) no-repeat center center;
background-size: auto 120%;
}
.kat5 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat5-overlay.png) no-repeat center center;
background-size: auto 150%;
}
@media screen and (min-width: 40em) {
.kategorienliste{
display: flex;
justify-content: space-between;
}
.kategorienliste li{
flex: 0 0 19%;
margin-bottom:0;
}
.kat-bild{
padding-bottom:100%;
}
.kat1 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat1-hg.jpg) no-repeat center center;
background-size: auto 100%;
}
.kat1 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat1-hg.jpg) no-repeat center center;
background-size: auto 120% ;
}
.kat2 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat2-hg.jpg) no-repeat center center;
background-size: auto 100%;
}
.kat2 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat2-hg.jpg) no-repeat center center;
background-size: auto 120% ;
}
.kat3 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat3-hg.jpg) no-repeat center center;
background-size: auto 100%;
}
.kat3 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat3-hg.jpg) no-repeat center center;
background-size: auto 120% ;
}
.kat4 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat4-hg.jpg) no-repeat center center;
background-size: auto 100%;
}
.kat4 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat4-hg.jpg) no-repeat center center;
background-size: auto 120% ;
}
.kat5 .kat-bild{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat5-hg.jpg) no-repeat center center;
background-size: auto 100%;
}
.kat5 .kat-bild:hover{
background: url(//www.isop.at/wp-content/themes/isop2020/images/kat5-hg.jpg) no-repeat center center;
background-size: auto 120% ;
}
.kat-bild a span{
font-size:1.25rem;
}
.kat1 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat1-overlay.png) no-repeat center center;
background-size: 100% auto;
}
.kat1 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat1-overlay.png) no-repeat center center;
background-size: 150% auto;
}
.kat2 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat2-overlay.png) no-repeat center center;
background-size: 100% auto;
}
.kat2 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat2-overlay.png) no-repeat center center;
background-size: 150% auto;
}
.kat3 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat3-overlay.png) no-repeat center center;
background-size: 100% auto;
}
.kat3 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat3-overlay.png) no-repeat center center;
background-size: 150% auto;
}
.kat4 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat4-overlay.png) no-repeat center center;
background-size: 100% auto;
}
.kat4 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat4-overlay.png) no-repeat center center;
background-size: 150% auto;
}
.kat5 .kat-overlay{
background: rgba(0,0,0,0) url(//www.isop.at/wp-content/themes/isop2020/images/kat5-overlay.png) no-repeat center center;
background-size: 100% auto;
}
.kat5 .kat-overlay:hover{
background: rgba(0,0,0,.5) url(//www.isop.at/wp-content/themes/isop2020/images/kat5-overlay.png) no-repeat center center;
background-size: 150% auto;
}
} .projekt-header {
padding-bottom: .375rem;
display:flex;
flex-direction: column-reverse;
}
.projekt-header-links {
background: rgba(0,0,0,.1);
}
.projekt-header-rechts {
margin-bottom:.75rem;
}
.projekt-header h1{
font-size:1.75rem;
}
.projektnav {
margin-bottom: .5rem;
}
@media screen and (min-width: 45em) {
.projekt-header {
flex-direction: row;
justify-content: space-between;
flex-flow: wrap;
}
.projekt-header-rechts {
margin-bottom:0;
}
.projekt-header > div{
width:49%;
}
.projektnav {
margin-bottom: 1.5rem;
}
}
.projekt-header-links-padding {
padding:1rem;
}
.projekt-header .standorte {
padding: .25rem .25rem .25rem 2rem;
margin: .75rem 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
position: relative;
color: #666;
}
.projekt-header .standorte:after {
display:block;
width: 1.5rem;
height: 1.5rem;
position: absolute;
top:.375rem;
left:.25rem;
content:'';
background: url(//www.isop.at/wp-content/themes/isop2020/images/location.svg) no-repeat center center;
background-size: cover;
opacity: .7;
}
.projekt-header .standorte a{
display: inline-block;
color: #666;
line-height: 1.2;
text-decoration: none;
}
.projekt-header .standorte a:hover{
color:#a20023;
}
nav.projektnav {
border-bottom: rgba(0,0,0,.3) solid 1px;
padding:0 0 .25rem .75rem;
}
.projektnav ul li{
display: inline-block;
margin-right:1rem;
}
.projektnav ul li a{
text-decoration: none;
display: block;
padding-left:1.25rem;
position:relative;
color: rgba(0,0,0,.8);
}
.projektnav ul li a span {
display: block;
position: absolute;
top:5px;
left:0;
width:1rem;
height: 1rem;
background: url(//www.isop.at/wp-content/themes/isop2020/images/arrow-right.svg) no-repeat center center;
background-size:cover;
transform: rotate(0deg);
transition: .2s;
}
.projektnav ul li a:hover{
color:#a20023;
}
.projektnav ul li a:hover span{
transform: rotate(90deg);
} .standorte-block {
background: rgba(0,0,0,.1);
padding:.125rem 1rem;
}
.standorte-block li {
margin-bottom:.75rem;
}
.oeffnungszeiten-block {
background: rgba(0,0,0,.1);
padding:.125rem 1rem;
margin-top:.75rem;
} .teamliste > li{
margin-bottom:1rem;
background:rgba(0,0,0,.05);
}
@media screen and (min-width: 45em) {
.teamliste {
display:flex;
justify-content: space-between;
flex-flow: wrap;
}
.teamliste > li{
width:49%;
}
}
.teamliste > li{
display:flex;
}
.teamliste-bild{
flex:120px 0 0;
}
.teamliste-bild-space{
width:120px;
height:0;
padding-bottom:100%;
position: relative;
background: rgba(0,0,0,.1);
}
.teamliste-bild-inner{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
}
.teamliste-bild-leer {
background: url(//www.isop.at/wp-content/themes/isop2020/images/logo-footer.png) no-repeat center center;
background-size: 85% 85%;
opacity: .8;
}
.teamliste-info{
flex-grow:1;
padding:.75rem 1rem;
display:flex;
flex-direction: column;
font-size:.875rem;
line-height: 1.6;
}
.teamliste-name{
order:1;
font-size:1rem;
padding-bottom:.125rem;
}
.teamliste-aufgabe{
order:2;
}
.teamliste-telefon1{
order:3;
}
.teamliste-telefon2{
order:4;
}
.teamliste-email{
order:5;
}
.teamliste-email a{
color:#a20023;
text-decoration: none;
}
.teamliste-email a:hover{
color:#a20023;
text-decoration: underline;
} .projektliste-bild {
padding-bottom:.5rem;
}
.projektliste-bild-space {
width:100%;
height:0;
padding-bottom:45%;
position: relative;
background: rgba(0,0,0,.1);
}
.projektliste-bild-inner{
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
display: block;
}
.projektliste-bild-inner a:hover{
box-shadow:inset 0 0 10px 0 rgba(0,0,0,.5);
}
.projektliste-text {
padding-bottom:2.5rem;
}
.projektliste-text h3 {
margin:0;
line-height: 1.5;
}
.projektliste-text h3 a{
text-decoration: none;
}
.projektliste-text h3 a:hover{
text-decoration: underline;
}
.projektliste .tag{
margin-top:.375rem;
}
.projektliste .tag a{
display:inline-block;
font-size:.75rem;
line-height: 1.1;
color:#000;
text-decoration: none;
padding:.25rem .5rem;
margin-right:.25rem;
background:rgba(0,0,0,.1);
border-right: .5em;
border-radius: 3px;
}
.projektliste .tag a:hover{
background:rgba(0,0,0,.3);
}
@media screen and (min-width: 35em) {
.projektliste li {
display: flex;
width: 100%;
}
.projektliste-bild {
flex: 15rem 0 0;
padding-bottom:1rem;
}
.projektliste-bild-space {
padding-bottom:60%;
}
.projektliste-text {
flex-grow:1;
padding-left:2rem;
padding-bottom:2rem;
}
}
.projektliste-archiv h3 {
font-size:1.25rem;
}
.projektliste-archiv .tag {
display:none;
}
.projektliste-jahreszahl {
width:100%;
background: rgba(0,0,0,.1);
text-align: center;
font-size:1.25rem;
}
.projektliste-archiv .projektliste-text {
padding-bottom: 1rem;
} .logoliste {
display: flex;
justify-content:center;
align-items: center;
flex-wrap: wrap;
}
.logoliste li{
max-width:160px;
padding: 20px;
}
.logoliste li img{
} .isotopia-liste {
}
.isotopia-liste li{
border-top: rgba(0,0,0,.3) solid 1px;
margin:0;
padding:.5rem 0;
display: flex;
}
.isotopia-liste h4{
margin:0;
padding:0;
}
.isotopia-liste-cover{
flex: 0 0 80px;
}
.isotopia-liste-cover img{
width: 78px;
height:auto;
border: solid 1px rgba(0,0,0,.1);
}
.isotopia-liste-text {
padding-left:1.5rem;
} .site-footer {
text-align: center;
padding:0 0 2rem 0;
background:#ededed;
}
.footer-top {
background: -moz-linear-gradient(top,  rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%);
}
.footer-content {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.footer-navigation > ul {
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.footer-navigation li {
padding: 1rem .5rem;
}
.footer-navigation li a{
color:#000;
text-decoration: none;
}
.footer-navigation li a:hover{
color:#a20023;
}
.footer-navigation li:nth-child(2) a{
display: inline-block;
background: #a20023;
color:#fff;
text-decoration: none;
padding: .125rem .5rem;
transition: .2s;
transform: rotate(-5deg);
}
.footer-navigation li:nth-child(2) a:hover{
transform: rotate(0);
}
body.page-id-27725 .footer-navigation li:nth-child(2) a{
background: none;
color:#000;
text-decoration: none;
padding: 0;
transform: rotate(0);
}
a.spendenbutton{
display: inline-block;
font-size:1.375rem;
background: #a20023;
color:#fff;
text-decoration: none;
padding: .125rem 1rem;
margin: .5rem 1rem;
transition: .2s;
transform: rotate(-5deg);
}
a.spendenbutton:hover{
transform: rotate(0);
}
.footer-suche .screen-reader-text{
display:none;
}
.footer-suche .search-submit{
display:none;
}
.footer-suche input {
cursor: pointer;
padding: 1rem 0 1rem 2rem;
height: 24px;
margin: 12px 14px 12px 0;
background: transparent url(//www.isop.at/wp-content/themes/isop2020/images/search.svg) no-repeat 0 center;
background-size: auto 100%;
border: solid 1px rgba(0,0,0,0);
border-radius: .75rem;
transition: all 300ms ease 0s;
box-shadow: none;
color: #000;
width: 2rem;
font-size:1rem;
font-family: 'Roboto', sans-serif;
}
.footer-suche input::placeholder {
background: transparent;
color: #000;
font-size:1rem;
font-family: 'Roboto', sans-serif;
}
.footer-suche input:focus {
width: 14rem;
cursor: text;
border: solid 1px rgba(0,0,0,1);
outline: 0 none;
background: #fff url(//www.isop.at/wp-content/themes/isop2020/images/search.svg) no-repeat -2rem center;
background-size: auto 100%;
padding: 1rem .25rem;
}
.footer-bottom {
text-align: center;
}
.socialmedia {
text-align: center;
}
.socialmedia a {
background-color: #fff;
border-radius: 50%;
display: inline-block;
margin:1rem .375rem 0;
width: 2.5rem;
height:2.5rem;
overflow: hidden;
text-indent: -9999px;
transition: .2s;
border:solid 1px #fff;
}
.socialmedia a:hover {
border:solid 1px #999;
}
.socialmedia a.social-facebook {
background: #fff url(//www.isop.at/wp-content/themes/isop2020/images/icon-facebook.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-facebook:hover {
background: #fff url(//www.isop.at/wp-content/themes/isop2020/images/icon-facebook.svg) no-repeat center center;
background-size: 120% 120%;
}
.socialmedia a.social-youtube {
background: #fff url(//www.isop.at/wp-content/themes/isop2020/images/icon-youtube.svg) no-repeat center center;
background-size: 100% 100%;
}
.socialmedia a.social-youtube:hover {
background: #fff url(//www.isop.at/wp-content/themes/isop2020/images/icon-youtube.svg) no-repeat center center;
background-size: 120% 120%;
} [data-sal]{-webkit-transition-delay:0s;transition-delay:0s}[data-sal],[data-sal][data-sal-duration="200"]{-webkit-transition-duration:.2s;transition-duration:.2s}[data-sal][data-sal-duration="250"]{-webkit-transition-duration:.25s;transition-duration:.25s}[data-sal][data-sal-duration="300"]{-webkit-transition-duration:.3s;transition-duration:.3s}[data-sal][data-sal-duration="350"]{-webkit-transition-duration:.35s;transition-duration:.35s}[data-sal][data-sal-duration="400"]{-webkit-transition-duration:.4s;transition-duration:.4s}[data-sal][data-sal-duration="450"]{-webkit-transition-duration:.45s;transition-duration:.45s}[data-sal][data-sal-duration="500"]{-webkit-transition-duration:.5s;transition-duration:.5s}[data-sal][data-sal-duration="550"]{-webkit-transition-duration:.55s;transition-duration:.55s}[data-sal][data-sal-duration="600"]{-webkit-transition-duration:.6s;transition-duration:.6s}[data-sal][data-sal-duration="650"]{-webkit-transition-duration:.65s;transition-duration:.65s}[data-sal][data-sal-duration="700"]{-webkit-transition-duration:.7s;transition-duration:.7s}[data-sal][data-sal-duration="750"]{-webkit-transition-duration:.75s;transition-duration:.75s}[data-sal][data-sal-duration="800"]{-webkit-transition-duration:.8s;transition-duration:.8s}[data-sal][data-sal-duration="850"]{-webkit-transition-duration:.85s;transition-duration:.85s}[data-sal][data-sal-duration="900"]{-webkit-transition-duration:.9s;transition-duration:.9s}[data-sal][data-sal-duration="950"]{-webkit-transition-duration:.95s;transition-duration:.95s}[data-sal][data-sal-duration="1000"]{-webkit-transition-duration:1s;transition-duration:1s}[data-sal][data-sal-duration="1050"]{-webkit-transition-duration:1.05s;transition-duration:1.05s}[data-sal][data-sal-duration="1100"]{-webkit-transition-duration:1.1s;transition-duration:1.1s}[data-sal][data-sal-duration="1150"]{-webkit-transition-duration:1.15s;transition-duration:1.15s}[data-sal][data-sal-duration="1200"]{-webkit-transition-duration:1.2s;transition-duration:1.2s}[data-sal][data-sal-duration="1250"]{-webkit-transition-duration:1.25s;transition-duration:1.25s}[data-sal][data-sal-duration="1300"]{-webkit-transition-duration:1.3s;transition-duration:1.3s}[data-sal][data-sal-duration="1350"]{-webkit-transition-duration:1.35s;transition-duration:1.35s}[data-sal][data-sal-duration="1400"]{-webkit-transition-duration:1.4s;transition-duration:1.4s}[data-sal][data-sal-duration="1450"]{-webkit-transition-duration:1.45s;transition-duration:1.45s}[data-sal][data-sal-duration="1500"]{-webkit-transition-duration:1.5s;transition-duration:1.5s}[data-sal][data-sal-duration="1550"]{-webkit-transition-duration:1.55s;transition-duration:1.55s}[data-sal][data-sal-duration="1600"]{-webkit-transition-duration:1.6s;transition-duration:1.6s}[data-sal][data-sal-duration="1650"]{-webkit-transition-duration:1.65s;transition-duration:1.65s}[data-sal][data-sal-duration="1700"]{-webkit-transition-duration:1.7s;transition-duration:1.7s}[data-sal][data-sal-duration="1750"]{-webkit-transition-duration:1.75s;transition-duration:1.75s}[data-sal][data-sal-duration="1800"]{-webkit-transition-duration:1.8s;transition-duration:1.8s}[data-sal][data-sal-duration="1850"]{-webkit-transition-duration:1.85s;transition-duration:1.85s}[data-sal][data-sal-duration="1900"]{-webkit-transition-duration:1.9s;transition-duration:1.9s}[data-sal][data-sal-duration="1950"]{-webkit-transition-duration:1.95s;transition-duration:1.95s}[data-sal][data-sal-duration="2000"]{-webkit-transition-duration:2s;transition-duration:2s}[data-sal][data-sal-delay="50"]{-webkit-transition-delay:.05s;transition-delay:.05s}[data-sal][data-sal-delay="100"]{-webkit-transition-delay:.1s;transition-delay:.1s}[data-sal][data-sal-delay="150"]{-webkit-transition-delay:.15s;transition-delay:.15s}[data-sal][data-sal-delay="200"]{-webkit-transition-delay:.2s;transition-delay:.2s}[data-sal][data-sal-delay="250"]{-webkit-transition-delay:.25s;transition-delay:.25s}[data-sal][data-sal-delay="300"]{-webkit-transition-delay:.3s;transition-delay:.3s}[data-sal][data-sal-delay="350"]{-webkit-transition-delay:.35s;transition-delay:.35s}[data-sal][data-sal-delay="400"]{-webkit-transition-delay:.4s;transition-delay:.4s}[data-sal][data-sal-delay="450"]{-webkit-transition-delay:.45s;transition-delay:.45s}[data-sal][data-sal-delay="500"]{-webkit-transition-delay:.5s;transition-delay:.5s}[data-sal][data-sal-delay="550"]{-webkit-transition-delay:.55s;transition-delay:.55s}[data-sal][data-sal-delay="600"]{-webkit-transition-delay:.6s;transition-delay:.6s}[data-sal][data-sal-delay="650"]{-webkit-transition-delay:.65s;transition-delay:.65s}[data-sal][data-sal-delay="700"]{-webkit-transition-delay:.7s;transition-delay:.7s}[data-sal][data-sal-delay="750"]{-webkit-transition-delay:.75s;transition-delay:.75s}[data-sal][data-sal-delay="800"]{-webkit-transition-delay:.8s;transition-delay:.8s}[data-sal][data-sal-delay="850"]{-webkit-transition-delay:.85s;transition-delay:.85s}[data-sal][data-sal-delay="900"]{-webkit-transition-delay:.9s;transition-delay:.9s}[data-sal][data-sal-delay="950"]{-webkit-transition-delay:.95s;transition-delay:.95s}[data-sal][data-sal-delay="1000"]{-webkit-transition-delay:1s;transition-delay:1s}[data-sal][data-sal-easing=linear]{-webkit-transition-timing-function:linear;transition-timing-function:linear}[data-sal][data-sal-easing=ease]{-webkit-transition-timing-function:ease;transition-timing-function:ease}[data-sal][data-sal-easing=ease-in]{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}[data-sal][data-sal-easing=ease-out]{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}[data-sal][data-sal-easing=ease-in-out]{-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}[data-sal][data-sal-easing=ease-in-cubic]{-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}[data-sal][data-sal-easing=ease-out-cubic]{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}[data-sal][data-sal-easing=ease-in-out-cubic]{-webkit-transition-timing-function:cubic-bezier(.645,.045,.355,1);transition-timing-function:cubic-bezier(.645,.045,.355,1)}[data-sal][data-sal-easing=ease-in-circ]{-webkit-transition-timing-function:cubic-bezier(.6,.04,.98,.335);transition-timing-function:cubic-bezier(.6,.04,.98,.335)}[data-sal][data-sal-easing=ease-out-circ]{-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1)}[data-sal][data-sal-easing=ease-in-out-circ]{-webkit-transition-timing-function:cubic-bezier(.785,.135,.15,.86);transition-timing-function:cubic-bezier(.785,.135,.15,.86)}[data-sal][data-sal-easing=ease-in-expo]{-webkit-transition-timing-function:cubic-bezier(.95,.05,.795,.035);transition-timing-function:cubic-bezier(.95,.05,.795,.035)}[data-sal][data-sal-easing=ease-out-expo]{-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1)}[data-sal][data-sal-easing=ease-in-out-expo]{-webkit-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1)}[data-sal][data-sal-easing=ease-in-quad]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-sal][data-sal-easing=ease-out-quad]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-sal][data-sal-easing=ease-in-out-quad]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-sal][data-sal-easing=ease-in-quart]{-webkit-transition-timing-function:cubic-bezier(.895,.03,.685,.22);transition-timing-function:cubic-bezier(.895,.03,.685,.22)}[data-sal][data-sal-easing=ease-out-quart]{-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1)}[data-sal][data-sal-easing=ease-in-out-quart]{-webkit-transition-timing-function:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1)}[data-sal][data-sal-easing=ease-in-quint]{-webkit-transition-timing-function:cubic-bezier(.755,.05,.855,.06);transition-timing-function:cubic-bezier(.755,.05,.855,.06)}[data-sal][data-sal-easing=ease-out-quint]{-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}[data-sal][data-sal-easing=ease-in-out-quint]{-webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);transition-timing-function:cubic-bezier(.86,0,.07,1)}[data-sal][data-sal-easing=ease-in-sine]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-sal][data-sal-easing=ease-out-sine]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-sal][data-sal-easing=ease-in-out-sine]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-sal][data-sal-easing=ease-in-back]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-sal][data-sal-easing=ease-out-back]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-sal][data-sal-easing=ease-in-out-back]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-sal|=fade]{opacity:0;-webkit-transition-property:opacity;transition-property:opacity}[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{opacity:1}[data-sal|=slide]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-sal=slide-up]{-webkit-transform:translateY(20%);transform:translateY(20%)}[data-sal=slide-down]{-webkit-transform:translateY(-20%);transform:translateY(-20%)}[data-sal=slide-left]{-webkit-transform:translateX(20%);transform:translateX(20%)}[data-sal=slide-right]{-webkit-transform:translateX(-20%);transform:translateX(-20%)}[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{opacity:1;-webkit-transform:none;transform:none}[data-sal|=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-sal=zoom-in]{-webkit-transform:scale(.5);transform:scale(.5)}[data-sal=zoom-out]{-webkit-transform:scale(1.1);transform:scale(1.1)}[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{opacity:1;-webkit-transform:none;transform:none}[data-sal|=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}[data-sal=flip-left]{-webkit-transform:perspective(2000px) rotateY(-91deg);transform:perspective(2000px) rotateY(-91deg)}[data-sal=flip-right]{-webkit-transform:perspective(2000px) rotateY(91deg);transform:perspective(2000px) rotateY(91deg)}[data-sal=flip-up]{-webkit-transform:perspective(2000px) rotateX(-91deg);transform:perspective(2000px) rotateX(-91deg)}[data-sal=flip-down]{-webkit-transform:perspective(2000px) rotateX(91deg);transform:perspective(2000px) rotateX(91deg)}[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{-webkit-transform:none;transform:none}